:root {
    --noor-deep: #0b3333;
    --noor-mid: #577f7c;
    --noor-soft: #d6eae5;
    --noor-pale: #f6faf8;
    --noor-accent: #c7a96b;
    --noor-text: #172424;
    --noor-muted: #6a7674;
    --noor-border: #e4ece9;
    --noor-white: #fff;
    --noor-shadow: 0 10px 30px rgba(11, 51, 51, .10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; max-width: 100%; overflow-x: hidden; }
body {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100%;
    overflow-x: hidden !important;
    background: #fff;
    color: var(--noor-text);
    font-family: 'Figtree-Font', 'Figtree', 'Open Sans', Arial, sans-serif;
}
img { max-width: 100%; }
a { transition: .2s ease; }
.website-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

/* Hide the mobile-app navigation shell only; content/functionality stays intact. */
body > .page-wrapper > #header,
body > .page-wrapper > .mobile-nav,
body > .page-wrapper > #mobile-menu-overlay,
body > .page-wrapper > footer.footer,
body > #header,
body > .mobile-nav,
body > #mobile-menu-overlay,
body > footer.footer,
.menu-hamburger,
.menu-drawer,
.menu-overlay { display: none !important; }

.website-header { position: sticky; top: 0; z-index: 10000; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--noor-border); box-shadow: 0 4px 18px rgba(11,51,51,.06); }
.website-topbar { background: var(--noor-deep); color: #fff; font-size: 12px; }
.website-topbar-inner { min-height: 30px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.website-topbar a { color:#fff; text-decoration:none; }
.website-header-main { min-height: 82px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.website-brand { display:flex; align-items:center; gap:12px; color:var(--noor-deep); text-decoration:none !important; min-width:220px; }
.website-brand img { width:64px; height:54px; object-fit:contain; }
.website-brand span { font-weight:800; letter-spacing:.6px; font-size:18px; white-space:nowrap; }
.website-nav { display:flex; align-items:center; gap:4px; margin-left:auto; }
.website-nav > a, .website-nav > button, .website-nav-dropdown > button { border:0; background:transparent; color:var(--noor-deep); text-decoration:none; padding:11px 12px; border-radius:8px; font:inherit; font-weight:650; cursor:pointer; white-space:nowrap; }
.website-nav > a:hover, .website-nav > button:hover, .website-nav-dropdown > button:hover, .website-nav .active { background:var(--noor-soft); color:var(--noor-deep); }
.website-nav-dropdown { position:relative; }
.website-category-menu { position:absolute; top:calc(100% + 10px); left:0; min-width:250px; max-height:420px; overflow:auto; background:#fff; border:1px solid var(--noor-border); border-radius:12px; box-shadow:var(--noor-shadow); padding:8px; opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s ease; }
.website-category-menu.open { opacity:1; visibility:visible; transform:none; }
.website-category-menu a { display:block; padding:10px 12px; border-radius:8px; color:var(--noor-text); text-decoration:none; }
.website-category-menu a:hover { background:var(--noor-pale); color:var(--noor-deep); }
.website-menu-toggle { display:none; width:44px; height:44px; padding:10px; border:1px solid var(--noor-border); border-radius:10px; background:#fff; }
.website-menu-toggle span { display:block; height:2px; background:var(--noor-deep); margin:5px 0; transition:.2s ease; }
.website-searchbar { max-height:0; overflow:hidden; border-top:0 solid var(--noor-border); transition:max-height .25s ease; background:var(--noor-pale); }
.website-searchbar.open { max-height:76px; border-top-width:1px; }
.website-searchbar-inner { min-height:70px; display:flex; align-items:center; gap:12px; }
.website-searchbar input { flex:1; height:44px; border:1px solid #cfddda; border-radius:10px; background:#fff; padding:0 14px; font-size:15px; outline:0; }
.website-searchbar input:focus { border-color:var(--noor-mid); box-shadow:0 0 0 3px rgba(87,127,124,.12); }
.website-searchbar button { width:40px; height:40px; border:0; background:transparent; font-size:28px; color:var(--noor-deep); }

/* Main page content becomes a desktop-friendly centered website canvas. */
.page-wrapper { min-height:0 !important; padding-bottom:0 !important; }
.page-wrapper > .main,
.page-wrapper > [role="main"],
body > .main,
body > [role="main"] { width:min(1180px, calc(100% - 40px)); margin-left:auto !important; margin-right:auto !important; }
.main.shop { min-height:420px; }
.row { max-width:100%; margin-left:0; margin-right:0; }

/* Home */
.heroSlider { width:100%; max-width:1180px; margin:20px auto 30px; border-radius:18px; overflow:hidden; box-shadow:var(--noor-shadow); }
.heroSlider img { width:100%; height:clamp(250px, 35vw, 520px); object-fit:cover; }
#allCategories { scroll-margin-top:120px; }
#category_Home { width:100%; }
#category_Home .CatCollection { display:grid !important; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:40px !important; width:100%; }
#category_Home .CatCollection > div { min-width:0; cursor:pointer; background:#fff; border:1px solid var(--noor-border); border-radius:16px; overflow:hidden; box-shadow:0 7px 24px rgba(11,51,51,.07); transition:transform .25s ease, box-shadow .25s ease; }
#category_Home .CatCollection > div:hover { transform:translateY(-5px); box-shadow:var(--noor-shadow); }
#category_Home .CatCollection table { margin:0 !important; }
#category_Home .CatCollection img { width:100% !important; height:240px !important; border-radius:0 !important; object-fit:cover !important; }
#category_Home .timeless-design-list { display:block !important; min-height:52px; padding:15px 12px !important; text-align:center !important; color:var(--noor-deep) !important; font-size:16px !important; font-weight:700 !important; }
.categorySlider { display:grid !important; grid-template-columns:repeat(8,minmax(0,1fr)); gap:16px; overflow:visible !important; }
/* .categoryCard { min-width:0 !important; width:auto !important; background:#fff; border:1px solid var(--noor-border); border-radius:14px; overflow:hidden; box-shadow:0 5px 18px rgba(11,51,51,.06); cursor:pointer; } */
.categoryCard .categoryImage img { width:100%; height:100px; object-fit:cover; }
.categoryCard h4 { margin:0; padding:12px 8px; text-align:center; color:var(--noor-deep); }

/* Product listing */
#gvData { width:100%; }
#gvData .tt_33 { width:100% !important; }
#gvData .productGrid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:20px !important; width:100%; }
#gvData .productGrid > div { width:auto !important; max-width:none !important; padding:0 !important; min-width:0; background:var(--noor-deep); border-radius:16px; overflow:hidden; border:1px solid rgba(11,51,51,.12); box-shadow:0 8px 24px rgba(11,51,51,.10); cursor:pointer; transition:.25s ease; }
#gvData .productGrid > div:hover { transform:translateY(-5px); box-shadow:0 16px 34px rgba(11,51,51,.16); }
#gvData .productGrid table { margin:0 !important; background:transparent !important; }
#gvData .productGrid img.imghei3 { width:100% !important; height:270px !important; margin:0 !important; border-radius:0 !important; object-fit:cover !important; }
#gvData .productGrid td { max-width:100%; }

/* Sort/filter bar */
#PopupSortButton, #PopupFilterButton2 { cursor:pointer; transition:.2s ease; }
#PopupSortButton:hover, #PopupFilterButton2:hover { background:var(--noor-deep) !important; color:#fff !important; }

/* Product details / cart / login / policy / contact / order */
.product-img-box, .product-summary, .cart, .checkout, #gvDataBookingDesk, #PrivacyPolicy, #OrderHistory, #ProceedToCheckout { max-width:100%; }
.product-img-box img, #BtnZoomImage { max-width:100% !important; height:auto !important; }
input, select, textarea, button { max-width:100%; }
.table-responsive, table { max-width:100%; }
#gvDataBookingDesk { background:#fff; border:1px solid var(--noor-border); border-radius:16px; padding:24px; box-shadow:0 6px 22px rgba(11,51,51,.06); overflow-wrap:anywhere; }

/* Website footer */
.website-footer { display:block !important; margin-top:60px; background:#082a2a; color:#dfe8e6; }
.website-footer-grid { display:grid; grid-template-columns:1.35fr .8fr .8fr 1.2fr; gap:42px; padding:48px 0 38px; }
.website-footer h3, .website-footer h4 { color:#fff; margin-top:0; }
.website-footer h4 { font-size:15px; text-transform:uppercase; letter-spacing:.8px; }
.website-footer-brand img { width:92px; height:65px; object-fit:contain; background:#fff; border-radius:10px; padding:6px; margin-bottom:14px; }
.website-footer p { line-height:1.65; }
.website-footer ul { list-style:none; padding:0; margin:0; }
.website-footer li { margin:9px 0; }
.website-footer a { color:#dfe8e6; text-decoration:none; }
.website-footer a:hover { color:#fff; text-decoration:underline; }
.website-footer-contact { font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.website-footer-contact img { max-width:90px; height:auto; }
.website-footer-bottom { border-top:1px solid rgba(255,255,255,.12); }
.website-footer-bottom .website-container { min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:13px; }

/* Remove app-only fixed WhatsApp positioning collisions while retaining the link if present. */
.whatsapp_float, .float { bottom:24px !important; right:24px !important; }

@media (max-width: 1050px) {
    #category_Home .CatCollection { grid-template-columns:repeat(3,minmax(0,1fr)); }
    #gvData .productGrid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .categorySlider { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .website-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .website-brand span { font-size:16px; }
    .website-nav > a, .website-nav > button, .website-nav-dropdown > button { padding-inline:8px; }
}

@media (max-width: 820px) {
    .website-container, .page-wrapper > .main, .page-wrapper > [role="main"], body > .main, body > [role="main"] { width:min(100% - 28px, 1180px); }
    .website-topbar { display:none; }
    .website-header-main { min-height:72px; }
    .website-brand { min-width:0; }
    .website-brand img { width:52px; height:46px; }
    .website-brand span { font-size:15px; }
    .website-menu-toggle { display:block; margin-left:auto; }
    .website-nav { position:absolute; top:72px; left:14px; right:14px; display:none; flex-direction:column; align-items:stretch; background:#fff; border:1px solid var(--noor-border); border-radius:14px; padding:10px; box-shadow:var(--noor-shadow); }
    .website-nav.open { display:flex; }
    .website-nav > a, .website-nav > button, .website-nav-dropdown > button { width:100%; text-align:left; padding:12px; }
    .website-category-menu { position:static; display:none; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; background:var(--noor-pale); max-height:300px; margin-top:5px; width:100%; }
    .website-category-menu.open { display:block; }
    #category_Home .CatCollection { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px !important; }
    #gvData .productGrid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; }
    .categorySlider { grid-template-columns:repeat(3,minmax(0,1fr)); }
    #category_Home .CatCollection img { height:210px !important; }
    #gvData .productGrid img.imghei3 { height:230px !important; }
}

@media (max-width: 560px) {
    .website-container, .page-wrapper > .main, .page-wrapper > [role="main"], body > .main, body > [role="main"] { width:min(100% - 20px, 1180px); }
    .website-brand span { max-width:165px; white-space:normal; line-height:1.15; }
    .heroSlider { border-radius:12px; margin-top:12px; }
    .heroSlider img { height:240px; }
    #category_Home .CatCollection { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px !important; }
    #category_Home .CatCollection img { height:170px !important; }
    #category_Home .timeless-design-list { font-size:14px !important; min-height:48px; padding:12px 6px !important; }
    #gvData .productGrid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
    #gvData .productGrid img.imghei3 { height:185px !important; }
    .categorySlider { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .website-footer-grid { grid-template-columns:1fr; gap:26px; padding-block:36px 28px; }
    .website-footer-bottom .website-container { flex-direction:column; justify-content:center; padding:14px 0; }
}
body, p, a, span, td, th, input, select, textarea, button, h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', 'Open Sans', Arial, sans-serif;
}
.fa, .fa-solid, .fa-regular, .fa-brands { font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important; }

.website-footer p{
    color:#fff!important;
}
#websiteFooter span{color:#fff}