/* Offers page banners are fully managed from Admin > Banners > Offers Page Banner. */
.offers-banner-wrap{max-width:1420px;margin:22px auto 8px;padding:0 60px}.offers-banner-wrap[hidden]{display:none!important}.offers-banner{position:relative;width:100%;height:clamp(180px,24vw,430px);border-radius:16px;overflow:hidden;background:#dff5ff;box-shadow:var(--shadow)}.offers-banner-track{position:relative;width:100%;height:100%}.offers-banner-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease;display:block}.offers-banner-slide.active{opacity:1;pointer-events:auto}.offers-banner-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.offers-banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.86);color:#1689ca;box-shadow:0 8px 20px rgba(0,0,0,.14);cursor:pointer;opacity:.75}.offers-banner-arrow:hover{opacity:1}.offers-banner-arrow.prev{left:18px}.offers-banner-arrow.next{right:18px}.offers-banner-dots{position:absolute;z-index:4;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px}.offers-banner-dot{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.7);cursor:pointer}.offers-banner-dot.active{width:24px;border-radius:9px;background:#fff}@media(max-width:900px){.offers-banner-wrap{padding:0 18px;margin:16px auto 4px}.offers-banner{height:clamp(130px,39vw,260px);border-radius:12px}.offers-banner-arrow{width:34px;height:34px}.offers-banner-arrow.prev{left:8px}.offers-banner-arrow.next{right:8px}.offers-banner-dots{bottom:9px}}

:root{--blue:rgb(1,197,249);--blue2:#168fd0;--dark:#0d1824;--ink:#172433;--muted:#6d7b89;--bg:#f6fbfe;--card:#fff;--line:#e5edf2;--shadow:0 14px 40px rgba(22,54,76,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.topbar{height:34px;background:linear-gradient(90deg,#1589c3,var(--blue));color:white;display:flex;justify-content:space-around;align-items:center;font-size:12px}.header{max-width:1420px;margin:auto;padding:22px 42px;display:flex;align-items:center;gap:35px;background:white}.brand img{width:145px;max-height:80px;object-fit:contain}.search{height:46px;border:1px solid var(--line);display:flex;border-radius:5px;overflow:hidden;flex:1;max-width:620px}.search input{flex:1;border:0;padding:0 16px;font:inherit;outline:none}.search select{border:0;border-left:1px solid var(--line);padding:0 12px;color:var(--muted)}.search button{width:55px;border:0;background:var(--blue2);color:white;font-size:25px}.header-actions{margin-left:auto;display:flex;gap:25px;align-items:center}.header-actions button{background:none;border:0;color:var(--ink);display:flex;gap:10px;align-items:center;cursor:pointer}.account span{font-size:12px;text-align:left}.cart{position:relative;font-size:20px}.cart b#cartCount{position:absolute;top:-8px;left:14px;background:var(--blue2);color:#fff;border-radius:50%;font-size:10px;padding:3px 6px}.cart span{font-size:13px}.nav{max-width:1420px;margin:auto;border-top:1px solid var(--line);display:flex;padding:10px 42px;gap:30px;background:white}.category-btn,.section-head button{background:linear-gradient(135deg,var(--blue2),var(--blue));color:white;border:0;border-radius:5px;padding:12px 20px;font-weight:700}.nav-links{display:flex;align-items:center;gap:34px;font-size:14px}.nav-links a:hover{color:var(--blue2)}.hero{max-width:1420px;margin:auto;min-height:430px;background:radial-gradient(circle at 85% 25%,#e9fbff 0,transparent 20%),linear-gradient(105deg,#eef9ff,#86cef3);display:flex;overflow:hidden;position:relative;padding:55px 80px}.hero-copy{z-index:2;width:40%}.hero-copy p{font-size:18px;line-height:1.55}.hero h1{font-size:54px;margin:8px 0 12px;line-height:1.05}.hero h1 span{color:#167fbc}.primary{display:inline-block;background:linear-gradient(135deg,#1689ca,var(--blue));border:0;color:white;padding:14px 25px;border-radius:6px;font-weight:700;cursor:pointer}.product-stage{position:absolute;right:8%;bottom:0;width:58%;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:24px}.bottle{width:130px;height:255px;border-radius:28px 28px 20px 20px;box-shadow:inset 0 0 30px rgba(255,255,255,.35),0 20px 30px rgba(22,60,90,.22);position:relative;padding:90px 14px 10px;text-align:center;color:white;transform:translateY(18px)}.bottle:before{content:"";position:absolute;top:-32px;left:38px;width:54px;height:48px;border-radius:12px 12px 5px 5px;background:inherit}.bottle span{display:block;font-weight:800;font-style:italic;color:#ff6a00;font-size:24px}.bottle b{font-size:14px;display:block;color:white;text-shadow:0 1px 2px #222}.purple{background:linear-gradient(160deg,#3e207a,#8661bc)}.blue{height:270px;background:linear-gradient(160deg,#0870ae,#3ac7ef)}.pink{background:linear-gradient(160deg,#ed227f,#ff85bd)}.green{height:235px;background:linear-gradient(160deg,#147942,#65c777)}.spray:before{width:100px;height:25px;left:18px;top:-24px;border-radius:12px 5px 5px 12px}.pump:before{width:75px;height:25px;left:28px;top:-26px}.bubble{position:absolute;border:2px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:inset 8px 8px 14px rgba(255,255,255,.3)}.b1{width:110px;height:110px;right:20px;top:30px}.b2{width:60px;height:60px;left:40px;top:55px}.b3{width:35px;height:35px;right:210px;top:150px}.benefits{max-width:1420px;margin:auto;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 60px;box-shadow:0 5px 15px rgba(0,0,0,.04)}.benefits div{display:grid;grid-template-columns:35px 1fr;column-gap:8px;align-items:center;font-size:22px}.benefits b{font-size:13px}.benefits small{grid-column:2;color:var(--muted);font-size:11px}.section{max-width:1420px;margin:0 auto;padding:45px 60px}.section-head{display:flex;justify-content:space-between;align-items:center}.section h2{margin:0;font-size:25px}.section p{margin:6px 0;color:var(--muted);font-size:13px}.category-grid,.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:20px}.category,.product{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;text-align:center;box-shadow:0 4px 12px rgba(26,62,85,.04);transition:.25s}.category:hover,.product:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-icon{height:75px;display:flex;align-items:center;justify-content:center;font-size:48px}.category b{font-size:13px}.category small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.product{position:relative;text-align:left}.discount{position:absolute;top:10px;left:10px;background:#e63636;color:#fff;font-size:11px;padding:5px 7px;border-radius:4px}.product-art{height:210px;display:flex;justify-content:center;align-items:center;overflow:hidden}.mini-bottle{width:54px;height:105px;border-radius:12px 12px 8px 8px}.product h3{font-size:13px;margin:7px 0}.price{font-size:14px;color:#1183bd;font-weight:800}.old{font-size:11px;color:#8e9aa3;text-decoration:line-through;margin-left:5px}.product button{margin-top:10px;width:100%;padding:9px;border:1px solid var(--blue);background:white;color:#1183bd;border-radius:5px;font-weight:700;cursor:pointer}.product-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:10px}.product-actions button{margin-top:0!important;width:100%;min-width:0;white-space:nowrap;font-size:13px;padding:9px 6px;line-height:1.15}.product-actions button:first-child{background:linear-gradient(135deg,#168fd0,#01c5f9);color:#fff;border-color:#168fd0}.product-actions .product-buy-now{background:linear-gradient(135deg,#ff7900,#ff8a00);color:#fff;border-color:#ff7900}.product-actions .product-buy-now:disabled{opacity:.55;cursor:not-allowed}.offer{max-width:1420px;margin:0 auto 40px;background:linear-gradient(115deg,#10314b,#149cdb);color:white;padding:55px 80px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.offer h2{font-size:42px;margin:5px 0}.offer p{opacity:.9}.offer-orb{width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.16);border:10px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;text-align:center;font-size:40px;font-weight:800;transform:rotate(-10deg)}.offer-orb small{font-size:11px}.about{display:flex;justify-content:space-between;align-items:center;gap:60px}.about>div{flex:1}.stats{display:flex;gap:15px}.stats div{background:white;border:1px solid var(--line);border-radius:10px;padding:25px;text-align:center;flex:1}.stats b{display:block;font-size:26px;color:#128ac7}.stats span{font-size:12px;color:var(--muted)}.contact{display:flex;gap:50px;align-items:center}.contact>div,.contact form{flex:1}.contact form{display:grid;gap:12px}.contact input,.contact textarea,.modal-card input{padding:14px;border:1px solid var(--line);border-radius:6px;font:inherit}.contact textarea{min-height:100px;resize:vertical}footer{background:#0c2232;color:#c7d5df;padding:50px max(40px,calc((100% - 1300px)/2));display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer img{width:130px;filter:brightness(1.15)}footer b{color:white;display:block;margin-bottom:15px}footer a{display:block;margin:9px 0;font-size:13px}.copyright{background:#081822;color:#8ca0ad;text-align:center;padding:15px;font-size:12px}.drawer{position:fixed;right:-430px;top:0;width:400px;max-width:100%;height:100vh;background:#fff;z-index:20;box-shadow:-8px 0 35px rgba(0,0,0,.16);transition:.3s;padding:22px}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head button,.close{border:0;background:none;font-size:28px;cursor:pointer}.cart-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.drawer-total{font-size:20px;margin:20px 0}.checkout{width:100%}.modal{display:none;position:fixed;inset:0;background:rgba(8,20,30,.55);z-index:30;align-items:center;justify-content:center}.modal.show{display:flex}.modal-card{background:white;padding:30px;border-radius:15px;width:380px;max-width:90%;display:grid;gap:12px;position:relative}.modal-card .close{position:absolute;right:15px;top:10px}.muted{color:var(--muted);font-size:12px}
@media(max-width:900px){.header{padding:14px 18px;gap:12px}.brand img{width:90px}.search select{display:none}.account span{display:none}.nav{padding:8px 14px}.nav-links{overflow:auto;gap:20px;white-space:nowrap}.category-btn{display:none}.hero{padding:35px 24px;min-height:520px}.hero-copy{width:100%;text-align:center}.hero h1{font-size:42px}.product-stage{width:100%;right:0;height:52%;gap:8px}.bottle{width:75px;height:150px;padding:50px 6px 5px;border-radius:16px}.bottle:before{left:22px;width:32px;height:30px;top:-22px}.bottle span{font-size:15px}.bottle b{font-size:9px}.blue{height:160px}.green{height:140px}.spray:before{width:55px;left:10px}.benefits{padding:15px;grid-template-columns:repeat(2,1fr);gap:15px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.section{padding:35px 18px}.offer{margin:0 18px 30px;padding:35px 25px}.offer-orb{display:none}.about,.contact{display:block}.stats{margin-top:20px}.header-actions{gap:8px}.topbar{font-size:10px}.topbar div:last-child{display:none}footer{grid-template-columns:1fr 1fr;padding:35px 20px}.product-art{height:170px}}
/* Multi-page additions */
.nav-links a.active{color:#1183bd;font-weight:800}.page-hero{max-width:1420px;margin:auto;padding:70px 60px;text-align:center;background:radial-gradient(circle at 50% 0,#e7faff 0,transparent 48%),linear-gradient(135deg,#f8fdff,#dff5ff)}.page-hero h1{margin:6px 0;font-size:42px}.page-hero p{color:var(--muted);margin:8px auto;max-width:650px}.wide{margin:35px auto}.about-page{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.about-page>div>p{font-size:15px;line-height:1.8}.info-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-grid>div,.blog-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 5px 20px rgba(26,62,85,.06)}.info-grid h3,.blog-grid h3{margin-top:0}.info-grid p,.blog-grid p{font-size:14px;line-height:1.7}.blog-icon{font-size:42px;margin-bottom:16px}.blog-grid span{font-size:12px;color:#1183bd;font-weight:700}.blog-grid a{font-size:13px;color:#1183bd;font-weight:700}.contact-details{margin-top:24px;background:#fff;border:1px solid var(--line);padding:18px 24px;border-radius:10px}.contact-details p{margin:12px 0}.category-btn{display:inline-block}
@media(max-width:900px){.page-hero{padding:50px 18px}.page-hero h1{font-size:32px}.about-page{grid-template-columns:1fr;gap:25px}.info-grid,.blog-grid{grid-template-columns:1fr}.wide{margin:25px 18px}.nav-links a.active{white-space:nowrap}}

/* Original Font Awesome icon system */
.topbar i{margin-right:6px}.top-social{display:flex;align-items:center;gap:9px}.top-social a{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.14);transition:.2s}.top-social a:hover{background:#fff;color:#1288c2}.top-social i{margin:0;font-size:10px}.search button i{font-size:18px}.header-actions>button>i{font-size:21px;color:#1689ca}.category-btn i{margin:0 5px}.benefits div>i{font-size:24px;color:#1689ca;width:28px;text-align:center}.benefits div{grid-template-columns:35px 1fr}.category-icon i{font-size:48px;color:#1689ca}.category:nth-child(2) .category-icon i{color:#6f48a8}.category:nth-child(3) .category-icon i{color:#df4d88}.category:nth-child(4) .category-icon i{color:#1f9fd0}.category:nth-child(5) .category-icon i{color:#1c9a62}.category:nth-child(6) .category-icon i{color:#e3a515}.product button i{margin-right:6px}.footer-social{display:flex;gap:10px;margin-top:12px}.footer-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}.footer-social a:hover{background:var(--blue);border-color:var(--blue);color:#062033}.info-grid h3 i,.contact-details i,.blog-icon i{color:#1689ca}.blog-icon i{font-size:42px}.drawer-head button i,.close i{font-size:22px}.close i{color:#334452}@media(max-width:900px){.top-social{display:none}.benefits div>i{font-size:20px}.category-icon i{font-size:42px}}


/* Homepage banner slider — 4 banners, automatic change every 5 seconds */
.hero-slider{max-width:1420px;margin:auto;min-height:430px;position:relative;overflow:hidden;background:#dff5ff}
.hero-slides{position:relative;width:100%;min-height:430px}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease;display:flex;align-items:stretch;background:radial-gradient(circle at 85% 25%,#e9fbff 0,transparent 20%),linear-gradient(105deg,#eef9ff,#86cef3)}.hero-slide.active{opacity:1;pointer-events:auto;position:relative}.hero-slide.has-image{background-size:cover;background-position:center}.hero-slide.has-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,252,255,.94) 0%,rgba(245,252,255,.78) 42%,rgba(245,252,255,.12) 72%,rgba(245,252,255,.02) 100%)}.hero-slide-inner{width:100%;min-height:430px;padding:55px 80px;display:flex;position:relative}.hero-slide-copy{position:relative;z-index:2;width:43%;display:flex;flex-direction:column;justify-content:center}.hero-slide-copy .eyebrow{font-size:18px;margin:0 0 4px}.hero-slide-copy h1{font-size:54px;margin:8px 0 12px;line-height:1.05}.hero-slide-copy h1 span{color:#167fbc}.hero-slide-copy p{font-size:18px;line-height:1.55;margin:0 0 20px}.hero-slide-products{position:absolute;right:8%;bottom:0;width:58%;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:24px}.hero-slide-products .bubble{position:absolute}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.82);color:#1689ca;box-shadow:0 8px 20px rgba(0,0,0,.14);cursor:pointer;opacity:0;transition:.25s}.hero-slider:hover .slider-arrow{opacity:1}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.slider-dots{position:absolute;z-index:6;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:9px}.slider-dot{width:10px;height:10px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.72);cursor:pointer}.slider-dot.active{width:28px;border-radius:9px;background:var(--blue2)}
@media(max-width:900px){.hero-slider,.hero-slides,.hero-slide,.hero-slide-inner{min-height:520px}.hero-slide-inner{padding:35px 24px}.hero-slide-copy{width:100%;text-align:center;align-items:center;justify-content:flex-start;padding-top:5px}.hero-slide-copy .eyebrow,.hero-slide-copy p{font-size:15px}.hero-slide-copy h1{font-size:42px}.hero-slide-products{width:100%;right:0;height:52%;gap:8px}.slider-arrow{width:38px;height:38px;opacity:.8}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.hero-slide.has-image:before{background:linear-gradient(90deg,rgba(245,252,255,.90),rgba(245,252,255,.60))}}

.product-real-image{width:100%;height:100%;object-fit:contain;display:block}.product-art{overflow:hidden}

/* All Categories dropdown */
.nav{position:relative;z-index:100}.all-categories-wrap{position:relative;display:inline-block}.category-btn{min-width:200px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer}.category-btn .chevron{transition:transform .2s}.category-btn.open .chevron{transform:rotate(180deg)}.all-categories-menu{position:absolute;top:calc(100% + 10px);left:0;width:260px;background:#fff;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:0 18px 35px rgba(13,47,70,.18);padding:8px;display:none;z-index:100}.all-categories-menu.open{display:block;animation:categoryDrop .18s ease}.all-categories-menu a{display:flex;align-items:center;gap:12px;padding:13px 12px;color:#223746;border-radius:7px;font-size:14px;font-weight:600}.all-categories-menu a:hover{background:#eaf8ff;color:#087fb9}.all-categories-menu a>i:first-child{width:20px;text-align:center;color:#128ac7;font-size:18px}.all-categories-menu .menu-arrow{margin-left:auto;font-size:12px;color:#93a5b0}@keyframes categoryDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.category{display:block;color:inherit;text-decoration:none;cursor:pointer}.category:hover{color:inherit}.category:focus-visible{outline:3px solid rgba(1,197,249,.35);outline-offset:2px}@media(max-width:900px){.all-categories-wrap{width:100%}.category-btn{width:100%;min-width:0}.all-categories-menu{width:100%;position:absolute}.nav{display:block}.nav-links{margin-top:10px}}


/* Product-section banners: uploaded from Admin > Banners. Hidden automatically when no image exists. */
.product-section-banner-wrap{padding-top:18px;padding-bottom:0}
.product-section-banner-wrap[hidden]{display:none!important}
.product-section-banner{position:relative;max-width:1300px;height:230px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#e9f8ff}
.section-banner-track{position:relative;width:100%;height:100%}
.section-banner-slide{position:absolute;inset:0;display:block;background-size:cover;background-position:center;opacity:0;transform:scale(1.015);transition:opacity .55s ease,transform .7s ease}
.section-banner-slide.active{opacity:1;transform:scale(1)}
.section-banner-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 45%,rgba(0,0,0,.03))}
.section-banner-dots{position:absolute;z-index:3;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.section-banner-dot{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.6);cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.section-banner-dot.active{width:24px;border-radius:8px;background:#fff}
.footer-social{display:flex;gap:10px;align-items:center}.footer-social a{margin:0;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.footer-social a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
@media(max-width:900px){.product-section-banner-wrap{padding:14px 18px 0}.product-section-banner{height:135px;border-radius:12px}.section-banner-dots{bottom:9px}.section-banner-dot{width:8px;height:8px}}

/* Cart drawer layering fix: cart must always appear above header/nav/dropdowns */
.drawer{
  z-index:1000 !important;
  isolation:isolate;
}
.drawer.open{
  right:0 !important;
}
.modal{
  z-index:1100 !important;
}

/* Uploaded full-design banners: show the image itself without duplicate text overlay. */
.hero-slide.has-image:before{display:none}.hero-slide.has-image .hero-slide-copy{display:none}


/* Shop page promotional banner */
.shop-promo-wrap{max-width:1420px;margin:22px auto 8px;padding:0 60px}.shop-promo-banner{display:block;width:100%;overflow:hidden;border-radius:12px;background:#062238;box-shadow:0 10px 24px rgba(5,48,76,.12)}.shop-promo-banner img{display:block;width:100%;height:clamp(145px,12.8vw,220px);object-fit:cover;object-position:center;transition:transform .35s ease}.shop-promo-banner:hover img{transform:scale(1.01)}
@media(max-width:900px){.shop-promo-wrap{padding:0 18px;margin:16px auto 4px}.shop-promo-banner{border-radius:10px}.shop-promo-banner img{height:clamp(120px,27.8vw,190px)}}

/* Shop page category-wise product sections */
.shop-products-section{padding-top:34px}.shop-main-head{justify-content:center;text-align:center;margin-bottom:10px}.shop-main-head h2{font-size:30px}.shop-category-block{margin:42px 0 56px}.shop-category-heading{display:flex;align-items:center;gap:18px;justify-content:center;text-align:center;margin-bottom:24px}.shop-category-heading>div{min-width:min(100%,620px)}.shop-category-heading h2{margin:0;color:#12334a;font-size:28px}.shop-category-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.shop-category-line{height:1px;flex:1;max-width:220px;background:linear-gradient(90deg,transparent,var(--blue),transparent)}.shop-empty{text-align:center;padding:40px 0;font-size:14px}@media(max-width:900px){.shop-main-head h2{font-size:24px}.shop-category-block{margin:34px 0 42px}.shop-category-heading h2{font-size:22px}.shop-category-heading{gap:8px}.shop-category-line{max-width:55px}.shop-category-heading p{font-size:12px}}


/* Desktop header alignment: search centered, navigation centered while All Categories stays left */
@media(min-width:901px){
  .header{position:relative;min-height:90px;}
  .header .search{position:absolute;left:50%;transform:translateX(-50%);width:min(620px,44vw);max-width:none;}
  .nav{position:relative;min-height:69px;align-items:center;}
  .nav-links{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;}
}

/* Final All Categories visibility fix */
.nav{overflow:visible!important;z-index:9999!important}.all-categories-wrap{z-index:10000!important}.all-categories-menu{z-index:10001!important;min-height:40px}.all-categories-menu.open{display:block!important;visibility:visible!important;opacity:1!important}.all-categories-menu a{visibility:visible!important}

/* Definitive All Categories menu behavior */
.all-categories-wrap{position:relative!important;z-index:100000!important}.all-categories-menu{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:100001!important;background:#fff!important}.all-categories-menu.open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.all-categories-menu a{display:flex!important;visibility:visible!important;opacity:1!important}

/* FINAL: All Categories dropdown — always visible when opened */
.nav { overflow: visible !important; position: relative !important; z-index: 9999 !important; }
.all-categories-wrap { position: relative !important; z-index: 10000 !important; }
.category-btn { position: relative !important; z-index: 10002 !important; cursor: pointer !important; }
.all-categories-menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: 290px !important;
  max-width: calc(100vw - 24px) !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 8px !important;
  box-shadow: 0 18px 40px rgba(13,47,70,.22) !important;
  z-index: 10001 !important;
}
.all-categories-menu.open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.all-categories-menu a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 44px !important;
  padding: 11px 12px !important;
  color: #223746 !important;
  text-decoration: none !important;
  border-radius: 7px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.all-categories-menu a:hover { background: #eaf8ff !important; color: #087fb9 !important; }
.all-categories-menu a > i:first-child {
  width: 20px !important;
  flex: 0 0 20px !important;
  text-align: center !important;
  color: #128ac7 !important;
}
.all-categories-menu .menu-arrow { margin-left: auto !important; color: #93a5b0 !important; }
@media (max-width: 900px) {
  .all-categories-menu {
    width: min(290px, calc(100vw - 36px)) !important;
  }
}

/* FINAL ROBUST DROPDOWN FIX */
@media (max-width:900px){
  .category-btn{display:flex!important;min-width:200px!important;width:auto!important}
  .all-categories-wrap{display:block!important}
  .all-categories-menu{width:min(310px,calc(100vw - 28px))!important}
}

/* FINAL NETLIFY: All Categories click fallback */
#allCategoriesMenu.open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:100001!important;}

/* Cart and account reliability fixes */
.header-actions button{pointer-events:auto!important}.cart-qty,.cart-remove{border:1px solid var(--line);background:#fff;border-radius:4px;min-width:26px;height:26px;cursor:pointer;font-weight:800}.cart-remove{color:#b42318}.modal-card button[disabled]{opacity:.65;cursor:wait}.modal-card input:focus{outline:2px solid rgba(1,197,249,.22);border-color:var(--blue)}

/* Wishlist */
.wishlist-header{background:none!important;border:0!important;color:var(--ink);display:flex;gap:9px;align-items:center;cursor:pointer;position:relative}.wishlist-header>i{font-size:24px;color:#1183bd}.wishlist-header span{font-size:12px;text-align:left}.wishlist-header b{color:#1183bd}.product-wishlist{position:absolute;top:10px;right:10px!important;left:auto!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#fff!important;border:1px solid var(--line)!important;color:#1183bd!important;z-index:3;display:grid;place-items:center;font-size:17px;box-shadow:0 3px 10px rgba(0,0,0,.08)}.product-wishlist.active{background:#1183bd!important;color:#fff!important}.wishlist-drawer{z-index:10000!important}.wishlist-row{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.wishlist-row img{width:70px;height:70px;object-fit:contain;border:1px solid var(--line);border-radius:8px}.wishlist-row small{display:block;color:#1183bd;font-weight:800;margin:5px 0}.wishlist-row button{border:1px solid var(--blue);background:#fff;color:#1183bd;border-radius:5px;padding:6px 9px;cursor:pointer;margin-right:5px}.wishlist-row .remove-wish{color:#b42318;border-color:#f3c2bd}
@media(max-width:700px){.wishlist-header span{display:none}.wishlist-header{padding:4px!important}.header-actions{gap:12px!important}}


/* Standalone authentication pages */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f3f8fb,#e7f3f9)}
.auth-card{width:min(100%,480px);background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px;box-shadow:var(--shadow)}
.auth-card .auth-logo{display:block;height:62px;width:auto;margin:0 auto 22px}.auth-card h1{text-align:center;margin:0 0 8px}.auth-card>p{text-align:center}.auth-card input{width:100%;margin:8px 0;padding:14px;border:1px solid var(--line);border-radius:7px;font:inherit}.auth-card .primary{width:100%;margin-top:10px}.auth-card .muted{text-align:center}.auth-links{text-align:center;margin-top:16px}.auth-links a{color:#1183bd;font-weight:700}

/* FINAL CART OVERLAY FIX */
.drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(8,20,30,.58);z-index:200000!important;opacity:0;transition:opacity .22s ease;cursor:pointer}.drawer-backdrop.show{display:block;opacity:1}.drawer{z-index:200001!important}body.drawer-open{overflow:hidden!important}

/* MOBILE HEADER LAYOUT FIX */
@media (max-width: 600px){
  .header{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;}
  .brand{order:1!important;flex:0 0 auto!important;}
  .header-actions{order:2!important;margin-left:auto!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;flex-wrap:nowrap!important;white-space:nowrap!important;}
  .search{order:3!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;margin:0!important;}
  .wishlist-header{display:flex!important;flex:0 0 auto!important;}
}

/* Hide category selector inside the search bar; the All Categories menu remains in the nav row. */
.search #searchCategory{display:none!important}

/* =========================================================
   FINAL HEADER - SINGLE BLUE LAYER
   Keep the B-style light-blue header behind the logo, but
   remove the extra logo box/panel and vertical divider.
   ========================================================= */
@media (min-width: 901px){
  .header{
    background: linear-gradient(90deg,#cfeeff 0%,#e7f6ff 42%,#ffffff 72%,#ffffff 100%) !important;
  }

  .header .brand{
    width: 178px !important;
    min-width: 178px !important;
    height: 86px !important;
    padding: 0 18px !important;
    margin: -14px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: transparent !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .header .brand img{
    width: 150px !important;
    height: 72px !important;
    max-height: 72px !important;
    object-fit: contain !important;
    filter: brightness(1.08) contrast(1.04) !important;
  }
}

@media (max-width: 900px){
  .header{
    background: linear-gradient(90deg,#dff4ff 0%,#f7fcff 100%) !important;
  }

  .header .brand{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .header .brand img{
    filter: brightness(1.08) contrast(1.04) !important;
  }
}

/* FINAL: enlarge main header logo only */
@media (min-width: 901px){
  .header .brand img{
    width: 175px !important;
    height: 82px !important;
    max-height: 82px !important;
    object-fit: contain !important;
    display: block !important;
    filter: brightness(1.12) contrast(1.05) !important;
  }
  .header .brand{
    width: 185px !important;
    min-width: 185px !important;
    padding: 0 10px !important;
  }
}
@media (max-width: 900px){
  .header .brand img{
    width: 105px !important;
    height: 58px !important;
    max-height: 58px !important;
  }
}

/* Product detail navigation */
.product{transition:transform .18s ease,box-shadow .18s ease}
.product:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,63,93,.10)}
.product h3{cursor:pointer}

@media(max-width:600px){.product-actions{gap:6px}.product-actions button{font-size:12px;padding:8px 4px}}

/* Final product card size fix: keep uploaded product images fully visible */
.product{min-width:0;padding:18px;}
.product-real-image{max-width:100%;object-position:center;}
.product-actions{width:100%;}
@media(max-width:900px){.product{padding:14px}.product-art{height:170px}.home-product-section .product-art{height:175px}}

/* Footer contact information */
.footer-contact a{display:block;margin:9px 0;font-size:13px}.footer-contact i{width:18px;color:var(--blue);margin-right:6px}.footer-contact a:hover{color:#fff}@media(max-width:900px){footer{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1 / -1}}

footer.site-footer{background:#0c2232;color:#cfe9e7;padding:48px max(24px,calc((100% - 1300px)/2));display:grid;grid-template-columns:2.1fr 1fr 1.15fr 1.45fr;gap:48px;align-items:start}
footer.site-footer .footer-brand img{width:250px;height:auto;max-height:125px;object-fit:contain;filter:none;margin-bottom:14px}
footer.site-footer .footer-brand p{margin:0;max-width:310px;color:#cfe9e7;font-size:13px;line-height:1.75}
footer.site-footer b{color:#fff;display:block;margin-bottom:16px;font-size:14px}
footer.site-footer a{display:block;margin:10px 0;font-size:13px;color:#cfe9e7;transition:.2s}
footer.site-footer a:hover{color:#fff}
footer.site-footer .footer-contact a i{width:20px;text-align:center;margin-right:7px;color:#fff}
footer.site-footer .footer-social{display:flex;gap:10px;margin-top:22px}
footer.site-footer .footer-social a{width:34px;height:34px;margin:0;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
footer.site-footer .footer-social a:hover{background:#fff;color:#0c2232;border-color:#fff}
.copyright{background:#081822;color:#8ca0ad;text-align:center;padding:15px;font-size:12px}
@media(max-width:900px){footer.site-footer{grid-template-columns:1fr 1fr;padding:38px 20px;gap:30px}footer.site-footer .footer-brand img{width:205px}}
@media(max-width:560px){footer.site-footer{grid-template-columns:1fr}footer.site-footer .footer-brand p{max-width:none}}
.customer-policies .card{background:#fff;border:1px solid #dce8f2;border-radius:14px;padding:24px;margin-top:18px;box-shadow:0 8px 24px rgba(0,70,120,.05)}
.customer-policies h2{margin:0 0 14px;font-size:28px;color:#08264a}
.customer-policies h3{margin:16px 0 6px;font-size:16px;color:#08264a}
.customer-policies p{line-height:1.7;color:#4d6072}
.customer-policies .policy-item+ .policy-item{border-top:1px solid #edf2f7;padding-top:8px}

/* Campaign Management */
.campaign-nav-link{font-weight:800!important;position:relative}.campaign-nav-link:not([hidden]){display:inline-flex!important;align-items:center}.campaign-list-page,.campaign-page{max-width:1280px;margin:0 auto;padding:26px 18px}.campaign-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.campaign-card{background:#fff;border:1px solid #e5ebed;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(16,34,58,.07)}.campaign-card img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover}.campaign-card-body{padding:18px}.campaign-card h2{margin:0 0 6px;font-size:22px}.campaign-card p{color:#718091;line-height:1.6}.campaign-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.campaign-tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef8f5;color:#0b6e68;font-size:11px;font-weight:800}.campaign-hero{position:relative;overflow:hidden;border-radius:20px;background:#eaf5f8}.campaign-hero img{display:block;width:100%;max-height:520px;object-fit:cover}.campaign-hero-overlay{padding:22px 24px}.campaign-hero h1{font-size:42px;margin:0 0 8px}.campaign-hero p{color:#536373;line-height:1.7}.campaign-countdown{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.count-box{min-width:76px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #dbe7ea;text-align:center}.count-box b{display:block;font-size:24px}.count-box span{font-size:10px;color:#718091;text-transform:uppercase}.campaign-products{margin-top:24px}.campaign-products .product-grid{margin-top:14px}.campaign-empty{padding:40px 18px;text-align:center;color:#718091;background:#fff;border:1px dashed #d9e2e4;border-radius:16px}@media(max-width:760px){.campaign-list-grid{grid-template-columns:1fr}.campaign-hero h1{font-size:30px}.campaign-list-page,.campaign-page{padding:18px 12px}}

.campaign-home-wrap{width:100%;padding:16px 0 0}.campaign-home-track{position:relative;overflow:hidden}.campaign-home-slide{display:none}.campaign-home-slide.active{display:block}.campaign-home-slide img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:18px}.


/* MOBILE SIMPLE MENU FIX */
@media (max-width:700px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .mobile-site-menu{
    position:fixed!important;
    top:0!important;right:0!important;bottom:0!important;
    width:min(315px,86vw)!important;
    height:100dvh!important;
    display:block!important;
    box-sizing:border-box!important;
    padding:0 18px 24px!important;
    margin:0!important;
    background:#fff!important;
    border-left:1px solid #dfe8ed!important;
    box-shadow:-12px 0 30px rgba(0,0,0,.16)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:2147483000!important;
    transform:translate3d(105%,0,0)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:transform .22s ease,opacity .22s ease,visibility .22s ease!important;
  }
  .mobile-site-menu.open{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .mobile-site-menu-head{
    display:flex!important;
    align-items:center!important;
    min-height:64px!important;
    padding:0 4px!important;
    margin:0!important;
    border-bottom:1px solid #e6edf1!important;
    color:#102a3a!important;
    font-size:18px!important;
    font-weight:800!important;
  }
  .mobile-site-menu-link{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:50px!important;
    box-sizing:border-box!important;
    padding:0 4px!important;
    margin:0!important;
    border-bottom:1px solid #e7eef2!important;
    color:#132a3a!important;
    font-size:15px!important;
    font-weight:700!important;
    background:#fff!important;
  }
  .mobile-site-menu-link i{width:18px!important;flex:0 0 18px!important;text-align:center!important;color:#0b7b79!important}
  .mobile-menu-backdrop{
    position:fixed!important;inset:0!important;
    background:rgba(8,26,38,.35)!important;
    z-index:2147482990!important;
    visibility:hidden!important;opacity:0!important;pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  .mobile-menu-backdrop.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  .mobile-menu-icon{display:grid!important;place-items:center!important}
}

/* FINAL SAMPLE DRAWER MOBILE OVERRIDES */
@media(max-width:700px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .nav-links{display:none!important}
  .mobile-menu-icon{display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important}
  .mobile-site-menu{
    position:fixed!important;
    top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(326px,80vw)!important;
    height:100dvh!important;
    margin:0!important;
    padding:0 0 24px!important;
    box-sizing:border-box!important;
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#fff!important;
    border-left:1px solid #e2e7ea!important;
    box-shadow:-18px 0 40px rgba(0,0,0,.18)!important;
    z-index:2147483646!important;
    transform:translate3d(105%,0,0)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:transform .25s ease,opacity .2s ease,visibility .2s ease!important;
    contain:layout paint style!important;
  }
  .mobile-site-menu.open{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .mobile-site-menu-head{
    display:flex!important;
    align-items:center!important;
    min-height:84px!important;
    padding:18px 22px!important;
    margin:0!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border-bottom:1px solid #e7edf0!important;
  }
  .mobile-site-menu-head img{
    display:block!important;
    width:136px!important;
    max-width:136px!important;
    height:auto!important;
    max-height:54px!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
  }
  .mobile-site-menu-link{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:58px!important;
    padding:0 22px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-bottom:1px solid #e7edf0!important;
    background:#fff!important;
    color:#162b3a!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  .mobile-site-menu-link:hover{background:#f5fbfd!important;color:#0b7b79!important}
  .mobile-menu-backdrop{
    position:fixed!important;inset:0!important;
    background:rgba(15,28,38,.38)!important;
    z-index:2147483645!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  .mobile-menu-backdrop.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  body.mobile-menu-open{overflow:hidden!important}
  #mobileMenuButton{position:relative!important;z-index:2147483647!important;cursor:pointer!important}
}


/* DESKTOP HOME HERO — shorter height only. Mobile rules remain unchanged. */
@media (min-width:701px){
  #heroSlider.hero-slider{height:500px!important;min-height:0!important;}
  #heroSlider .hero-slides,#heroSlider .hero-slide{height:500px!important;min-height:0!important;}
  #heroSlider .hero-slide-inner{height:500px!important;min-height:0!important;}
  #heroSlider picture{display:block!important;width:100%!important;height:100%!important;}
  #heroSlider picture img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;}
}

/* MOBILE HOME BANNER — FINAL NO-CROP RULES (mobile only) */
@media (max-width:700px){
  #heroSlider.hero-slider{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    background:#eefaff!important;
  }
  #heroSlider .hero-slides{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    position:relative!important;
  }
  #heroSlider .hero-slide{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
    position:relative!important;
    display:block!important;
    overflow:hidden!important;
    background:none!important;
  }
  #heroSlider .hero-slide:not(.active){
    position:absolute!important;
    inset:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  #heroSlider .hero-slide.active{
    position:relative!important;
    visibility:visible!important;
    opacity:1!important;
  }
  #heroSlider .hero-banner-img,
  #heroSlider picture,
  #heroSlider picture img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
  }
  #heroSlider .hero-slide-inner{display:none!important;}
  #heroSlider .hero-slide.has-image:before{display:none!important;}
}

/* Sticky storefront header: keep announcement bar, header controls and navigation visible while scrolling. */
:root{
  --neva-sticky-topbar-h:38px;
  --neva-sticky-header-h:116px;
}
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:30000!important;
}
.header{
  position:sticky!important;
  top:var(--neva-sticky-topbar-h)!important;
  z-index:29999!important;
}
.nav{
  position:sticky!important;
  top:calc(var(--neva-sticky-topbar-h) + var(--neva-sticky-header-h))!important;
  z-index:29998!important;
}
.all-categories-wrap{z-index:30001!important}
.all-categories-menu{z-index:30002!important}

/* Mobile only: Shop By Category as a swipeable horizontal slider */
@media (max-width:700px){
  #categoryGrid.category-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 18px 10px 0!important;
    margin-right:-18px!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  #categoryGrid.category-grid::-webkit-scrollbar{display:none!important;}
  #categoryGrid.category-grid .category{
    flex:0 0:78%!important;
    max-width:78%!important;
    min-height:145px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
  }
}

/* Refined compact mobile category carousel */
@media (max-width:700px){
  #categoryGrid.category-grid{
    gap:12px!important;
    padding:4px 16px 12px 0!important;
    margin-top:12px!important;
  }
  #categoryGrid.category-grid .category{
    flex:0 0 145px!important;
    max-width:145px!important;
    min-height:132px!important;
    height:132px!important;
    padding:10px 8px!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    box-shadow:0 5px 16px rgba(26,62,85,.08)!important;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
  }
  #categoryGrid.category-grid .category-icon{
    height:52px!important;
    font-size:38px!important;
    margin-bottom:2px!important;
  }
  #categoryGrid.category-grid .category b{
    min-height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1.25!important;
    font-size:12px!important;
  }
  #categoryGrid.category-grid .category small{
    margin-top:0!important;
    font-size:10px!important;
  }
  #categoryGrid.category-grid .category:hover,
  #categoryGrid.category-grid .category:focus-visible{
    transform:translateY(-5px) scale(1.02)!important;
    box-shadow:0 12px 24px rgba(22,54,76,.16)!important;
    border-color:rgba(1,197,249,.45)!important;
  }
  #categoryGrid.category-grid .category:active{
    transform:scale(.98)!important;
  }
}

/* Product wishlist: keep only the heart icon, remove the circular background/layer */
.product-wishlist{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:34px !important;
  height:34px !important;
}
.product-wishlist.active{
  background:transparent !important;
  color:#1183bd !important;
}
.product-wishlist.active i{color:#1183bd !important;}

/* MOBILE BENEFITS - 4 compact cards in 2 columns, sample-style */
@media (max-width:700px){
  .benefits{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:12px 14px!important;
    background:#fff!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
  .benefits>div{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    row-gap:1px!important;
    align-items:center!important;
    min-height:54px!important;
    padding:8px 10px!important;
    border:1px solid #d7e1e7!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(22,54,76,.04)!important;
    font-size:initial!important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
  }
  .benefits>div>i{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:28px!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    font-size:18px!important;
    color:#1689ca!important;
    background:transparent!important;
  }
  .benefits b{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.15!important;
    color:#172433!important;
    white-space:nowrap!important;
  }
  .benefits small{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
    font-size:9px!important;
    line-height:1.15!important;
    color:#6d7b89!important;
    white-space:nowrap!important;
  }
  .benefits>div:active{
    transform:scale(.98)!important;
    border-color:#9fcfe5!important;
    box-shadow:0 3px 10px rgba(22,54,76,.08)!important;
  }
}

/* FINAL DESKTOP HOME HERO BANNER FIX — uploaded 1920x550 banners must fill the slider as one full image */
@media (min-width:701px){
  #heroSlider.hero-slider{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #heroSlider .hero-slides{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:var(--hero-ratio, 1920 / 550)!important;
    overflow:hidden!important;
  }
  #heroSlider .hero-slide,
  #heroSlider .hero-slide.active{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #heroSlider .hero-slide.active{
    opacity:1!important;
    pointer-events:auto!important;
  }
  #heroSlider .hero-slide:not(.active){
    opacity:0!important;
    pointer-events:none!important;
  }
  #heroSlider .hero-slide picture,
  #heroSlider .hero-slide .hero-banner-img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  #heroSlider .hero-slide .hero-banner-img{
    object-fit:contain!important;
    object-position:center center!important;
  }
  #heroSlider .hero-slide-inner{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    pointer-events:none!important;
  }
  #heroSlider .hero-slide.has-image:before,
  #heroSlider .hero-slide-copy{
    display:none!important;
  }
}

/* Back to top button */
.neva-back-to-top{
  position:fixed;
  right:24px;
  bottom:24px;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--blue2),var(--blue));
  color:#fff;
  font-size:18px;
  box-shadow:0 8px 24px rgba(8,91,130,.25);
  cursor:pointer;
  z-index:9999;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease,box-shadow .22s ease;
}
.neva-back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.neva-back-to-top:hover{box-shadow:0 10px 28px rgba(8,91,130,.35);transform:translateY(-2px)}
.neva-back-to-top:focus-visible{outline:3px solid rgba(1,197,249,.35);outline-offset:3px}
@media(max-width:700px){.neva-back-to-top{right:16px;bottom:16px;width:42px;height:42px;font-size:16px}}


/* Floating WhatsApp button */
.neva-whatsapp-float{
  position:fixed;
  right:24px;
  bottom:82px;
  width:50px;
  height:50px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  font-size:27px;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  z-index:9998;
  transition:transform .2s ease,box-shadow .2s ease;
}
.neva-whatsapp-float:hover{
  color:#fff;
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.neva-whatsapp-float:focus-visible{
  outline:3px solid rgba(37,211,102,.35);
  outline-offset:3px;
}
@media(max-width:700px){
  .neva-whatsapp-float{
    right:16px;
    bottom:70px;
    width:46px;
    height:46px;
    font-size:24px;
  }
}

/* Netlify Forms static blueprint: kept in the HTML for deploy-time detection,
   but visually hidden from customers. */
.netlify-order-form-blueprint{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* FINAL SEARCH + WISHLIST OVERLAP FIX
   Keep desktop layout intact, but reserve a dedicated middle column
   so the search box can never cover Wishlist / Account / Cart. */
@media (min-width: 901px){
  .header{
    display:grid !important;
    grid-template-columns:185px minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:25px !important;
  }

  .header .brand{
    grid-column:1 !important;
    position:static !important;
    width:185px !important;
    min-width:185px !important;
    margin:-14px 0 !important;
  }

  .header .search{
    grid-column:2 !important;
    position:static !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    width:min(620px,100%) !important;
    max-width:620px !important;
    justify-self:center !important;
    min-width:0 !important;
  }

  .header-actions{
    grid-column:3 !important;
    margin-left:0 !important;
    min-width:max-content !important;
    position:static !important;
    z-index:2 !important;
  }
}