/* First-paint and global icon safeguards */
html{background:#fff}body{min-height:100vh}svg{display:block;max-width:100%;overflow:visible}.icon{width:20px;height:20px;flex:0 0 auto;stroke:currentColor;stroke-width:1.8;fill:none}.nav .nav-pill{display:flex;align-items:center;gap:7px}.nav .nav-pill svg{width:20px!important;height:20px!important;flex-shrink:0}.nav>.btn.accent{display:none!important}.nav{gap:22px}.top-social svg,.footer-social svg,.copyright-social svg{width:18px!important;height:18px!important}.product-card svg,.category-card svg,.solution-grid svg{max-width:40px;max-height:40px}.btn svg,.text-link svg,.card-actions svg{width:17px!important;height:17px!important}.site-header .gift-graphic svg,.premium-footer .gift-graphic svg{width:100%;height:100%}

/* Restrained mega-menu interaction */
.mega-menu{border:0!important;outline:0!important;box-shadow:0 24px 60px rgba(12,49,44,.16)!important}.mega-premium-column{border-color:#edf1ef!important}.mega-premium-column>div>a,.mega-simple-grid a,.mega-links>a{position:relative;border:0!important;outline:0!important;box-shadow:none!important;transition:background .18s,color .18s,transform .18s!important}.mega-premium-column>div>a:before,.mega-simple-grid a:before,.mega-links>a:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--orange);opacity:0;transform:scaleY(.5);transition:.18s}.mega-premium-column>div>a:hover,.mega-simple-grid a:hover,.mega-links>a:hover{background:#f2f8f6!important;color:var(--green)!important;transform:translateX(2px)}.mega-premium-column>div>a:hover:before,.mega-simple-grid a:hover:before,.mega-links>a:hover:before{opacity:1;transform:none}.mega-premium-column a:hover i{background:#e2f2ec;color:#0b685e}

/* Readability and consistent cards */
.section p,.product-copy p,.solution-grid p,.industry-card-grid p{color:#596562}.sales-hero p,.page-hero p,.corp-hero p{color:rgba(255,255,255,.84)!important}.premium-footer p,.premium-footer a,.premium-footer span{color:rgba(255,255,255,.78)}.product-grid{align-items:stretch}.product-grid>.product-card{height:100%;display:flex;flex-direction:column;border-radius:20px;background:#fff;box-shadow:0 9px 30px rgba(27,50,46,.07)}.product-grid>.product-card .product-copy{display:flex;flex:1;flex-direction:column}.product-grid>.product-card .card-actions-main{margin-top:auto}.recent-product-track>.product-card{display:flex;flex-direction:column;border-radius:20px;background:#fff;box-shadow:0 9px 30px rgba(27,50,46,.07)}

/* Product gallery: no popup, balanced 500px viewport */
.gallery .main-image{height:min(500px,62vw)!important;max-height:500px!important;cursor:zoom-in}.gallery .main-image img{width:100%;height:100%;padding:0!important;object-fit:cover!important;object-position:center!important;transition:transform .55s ease,opacity .18s ease}.gallery .main-image:hover img{transform:scale(1.07)}.product-lightbox{display:none!important}.gallery .main-image[role="button"]{cursor:zoom-in}

/* Four-image admin experience and flexible options */
.media-drop{display:none!important}.admin-media-manager{grid-template-columns:1fr!important}.admin-gallery-manager{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-gallery-manager article{border:1px solid #dfe8e4;box-shadow:0 6px 18px rgba(19,78,71,.05)}.admin-option-editor{grid-column:1/-1;margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}.admin-option-editor>div:first-child{display:flex;align-items:center;gap:14px}.admin-option-editor h3,.admin-option-editor p{margin:0}.admin-option-editor p{margin-right:auto;color:var(--muted);font-size:13px}.admin-option-editor [data-add-option]{border:0;border-radius:8px;padding:9px 12px;background:#edf6f3;color:var(--green);font-weight:800}.admin-option-row{display:grid;grid-template-columns:.75fr 1.5fr 38px;gap:10px;align-items:end;margin-top:12px;padding:13px;border-radius:12px;background:#f8faf9}.admin-option-row label{font-size:12px;font-weight:700}.admin-option-row input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:8px}.admin-option-row>button{height:38px;border:0;border-radius:8px;background:#feeceb;color:#a92d25;font-size:20px}.admin-saas [data-admin-favorites]{display:none}

/* Mobile navigation and admin product media */
.mobile-sticky-cta{display:none!important}.admin-table-tools svg{width:18px!important;height:18px!important;flex:0 0 auto}.admin-table-tools label,.admin-table-tools button,.admin-table-tools a{align-items:center;gap:8px}.admin-table-tools .btn{padding:8px 12px}.admin-welcome{background:linear-gradient(135deg,#073d38,#17685e)!important;color:#fff!important}.admin-welcome h1{color:#fff!important}.admin-welcome p{color:rgba(255,255,255,.86)!important}.admin-welcome .admin-quick-actions a{color:#fff}.admin-media-manager{display:none!important}.product-upload-grid{margin:0;padding:4px 0}.product-upload-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.product-upload-heading h2{margin:0;color:#1e2927;font-size:22px}.product-upload-heading p{margin:4px 0 0;color:#596562}.product-upload-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-image-slot{padding:14px;border:1px solid #dfe8e4;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(19,78,71,.05)}.admin-image-preview{position:relative;height:190px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:linear-gradient(145deg,#fbf8f4,#f1f6f4)}.admin-image-preview img{width:100%;height:100%;object-fit:cover}.admin-image-preview>span{display:grid;justify-items:center;gap:8px;color:#74807d}.admin-image-preview>span svg{width:28px;height:28px}.admin-image-preview>i{position:absolute;right:9px;bottom:9px;padding:5px 8px;border-radius:20px;background:rgba(255,255,255,.92);color:#49615c;font-size:10px;font-style:normal;font-weight:700}.admin-image-slot-copy{display:grid;gap:3px;margin:12px 0}.admin-image-slot-copy b{color:#202b29}.admin-image-slot-copy small{color:#687572}.admin-image-actions{display:flex;gap:8px}.admin-image-actions button{min-height:36px;padding:8px 11px;border:0;border-radius:8px;background:#e9f4f1;color:#134e47;font-weight:750;cursor:pointer}.admin-image-actions button:last-child{background:#fff0ee;color:#a5362d}.admin-upload-error{display:block;min-height:17px;margin-top:7px;color:#ad3028;font-weight:650}.admin-save-bar{position:sticky;z-index:20;bottom:12px;display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:25px -8px -8px;padding:12px 14px;border:1px solid #dfe8e4;border-radius:13px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(16,57,51,.12)}.admin-save-bar span{margin-right:auto;color:#65716e;font-size:13px}.admin-save-bar .btn{min-width:150px}

@media(max-width:1000px){.nav .nav-pill svg{width:18px!important;height:18px!important}.admin-gallery-manager{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery .main-image{height:min(500px,70vw)!important}}
@media(max-width:700px){.nav .nav-pill svg{width:18px!important;height:18px!important}.top-social svg,.footer-social svg,.copyright-social svg{width:16px!important;height:16px!important}.gallery .main-image{height:360px!important;max-height:500px!important}.gallery .main-image:hover img{transform:none}.admin-gallery-manager{grid-template-columns:1fr}.admin-option-editor>div:first-child{display:block}.admin-option-editor [data-add-option]{margin-top:12px}.admin-option-row{grid-template-columns:1fr 38px}.admin-option-row label:nth-child(2){grid-column:1/-1;grid-row:2}.admin-option-row>button{grid-column:2;grid-row:1}.product-grid>.product-card{border-radius:14px}.section p{line-height:1.65}.mobile-bottom-nav{min-height:64px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end!important;gap:2px!important;padding:8px 5px max(8px,env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important;background:rgba(255,255,255,.96)!important;box-shadow:0 -10px 30px rgba(19,78,71,.14)!important}.mobile-bottom-nav a{min-width:0;min-height:48px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:4px 1px!important;border-radius:11px!important;color:#687572!important;font-size:11px!important;font-weight:700!important;line-height:1!important}.mobile-bottom-nav a svg{display:block!important;width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:hidden!important}.mobile-bottom-nav a span{display:block!important;font-size:11px!important;line-height:1.15!important;white-space:nowrap!important}.mobile-bottom-nav a.active{background:#eaf5f1!important;color:#134e47!important}.mobile-bottom-nav a:active{transform:scale(.95)}.product-upload-slots{grid-template-columns:1fr}.admin-image-preview{height:180px}.admin-save-bar span{display:none}.admin-save-bar .btn{width:100%}}

/* Strict global SVG design system — no icon may inherit intrinsic dimensions. */
svg{display:inline-block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;overflow:hidden!important;vertical-align:middle}.icon{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}.nav .nav-pill>svg:first-child,.mobile-bottom-nav svg{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;flex-basis:20px!important}.btn svg,.card-actions svg,.text-link svg,.mega-view-all svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex-basis:16px!important}.top-social svg,.footer-social svg,.copyright-social svg,.social-links svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex-basis:16px!important}.admin-saas svg,.admin-body svg,.admin-table-tools svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex-basis:18px!important}.admin-saas .btn svg,.admin-body .btn svg,.admin-saas table svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex-basis:16px!important}.mega-simple-grid svg,.mega-menu svg,.mobile-menu-drawer svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex-basis:18px!important}.header-gift-graphic svg,.footer-gift-graphic svg,.gift-graphic svg{width:100%!important;height:100%!important;min-width:100%!important;max-width:100%!important;min-height:100%!important;max-height:100%!important;flex-basis:auto!important;overflow:visible!important}.icon-shell svg,.category-icon svg,.stats-grid svg,.reason-row i svg,.all-category-image span svg{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;flex-basis:24px!important}.why-card-grid i svg{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;flex-basis:32px!important}.branding-visual>svg{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;flex-basis:48px!important}.premium-steps article i svg{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;flex-basis:24px!important}.wish svg,.wa-float svg,.floating-favorite svg{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;flex-basis:20px!important}body{overflow-x:hidden}.btn,.nav-pill,.sidebar-link,.admin-nav-item,.admin-table-tools label{align-items:center}.btn,.nav-pill,.sidebar-link{gap:8px}

/* Stable navigation surfaces */
.mega-simple-grid i{width:32px!important;height:32px!important;min-width:32px;display:grid;place-items:center;flex:0 0 32px}.mega-simple-grid a{min-width:0;overflow:hidden}.mega-simple-grid a span{min-width:0}.mega-simple-grid strong,.mega-simple-grid small{overflow:hidden;text-overflow:ellipsis}.mobile-menu-drawer{width:min(320px,calc(100vw - 24px))!important;max-width:320px!important;overflow:hidden}.mobile-menu-drawer nav{min-height:0;overscroll-behavior:contain}.mobile-menu-drawer nav>a{display:grid!important;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;gap:11px;min-height:43px}.mobile-menu-item-icon{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round}.mobile-menu-drawer nav>a>span{min-width:0}.mobile-menu-drawer nav>a:after{content:"›";justify-self:end;color:#8b9794;font-size:20px;line-height:1}.mobile-menu-drawer nav>a:hover:after{color:var(--green)}.mobile-menu-head button{display:grid;place-items:center;line-height:1}.mobile-bottom-nav{overflow:hidden}.mobile-bottom-nav a{overflow:hidden}.mobile-bottom-nav a svg{overflow:hidden!important}

/* Compact responsive process timeline */
@media(max-width:1000px){.process .premium-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.process .premium-steps article{min-height:190px}.process .premium-steps:before{display:none}}
@media(max-width:700px){.section.process{padding:46px 0}.process .section-head{margin-bottom:20px}.process .section-head p{font-size:14px}.process-trust{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.process-trust span{width:auto!important;min-height:42px;padding:7px 9px!important;border-radius:10px!important;font-size:11px}.process-trust svg{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important;flex-basis:15px!important}.process .premium-steps{display:grid;grid-template-columns:1fr;gap:9px;margin:0;padding-left:0}.process .premium-steps:before{display:block;left:25px;top:18px;bottom:18px;width:2px}.process .premium-steps article{min-height:0!important;display:grid;grid-template-columns:34px 40px minmax(0,1fr);gap:8px 10px;align-items:center;padding:12px 13px!important;border-radius:14px!important}.process .premium-steps article>span{width:34px;height:34px;font-size:10px;box-shadow:0 0 0 4px #fff,0 5px 14px rgba(19,78,71,.16)}.process .premium-steps article i{width:40px;height:40px;margin:0;padding:8px;border-radius:11px}.process .premium-steps article i svg{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;max-height:22px!important;flex-basis:22px!important}.process .premium-steps article h3{grid-column:3;margin:0 0 2px;font-size:14px}.process .premium-steps article p{grid-column:3;margin:0;font-size:11px;line-height:1.4}.admin-saas .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-table-tools{gap:7px}.admin-table-tools select{max-width:100%}}

/* Final mega-menu and mobile dock refinement */
.mega-menu svg{display:inline-flex!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;flex:0 0 20px!important;align-items:center;justify-content:center;overflow:hidden!important}.mega-premium-column>div>a,.mega-simple-grid a,.mega-links>a{border:0!important;border-left:2px solid transparent!important;border-radius:9px!important;background:transparent!important;color:inherit!important;outline:0!important;box-shadow:none!important;transform:none!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease!important}.mega-premium-column>div>a:before,.mega-simple-grid a:before,.mega-links>a:before{display:none!important}.mega-premium-column>div>a:hover,.mega-simple-grid a:hover,.mega-links>a:hover{background:#f7f8fa!important;border-left-color:#134e47!important;color:#134e47!important;transform:none!important;box-shadow:none!important}.mega-simple-grid i,.mega-premium-column a i{color:#55706c;transition:color .2s ease,background-color .2s ease!important}.mega-simple-grid a:hover i,.mega-premium-column a:hover i{color:#134e47;background:#edf4f2!important}.mobile-bottom-icon{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;flex-basis:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.mobile-bottom-nav a{min-height:44px!important;transition:color .2s ease,background-color .2s ease,transform .15s ease!important}.mobile-bottom-nav a span{font-size:11px!important}

/* Clean navigation, readable surfaces and one catalogue card system */
.nav nav a:after,.nav nav a.active:after,.nav nav a:hover:after{content:none!important;display:none!important;width:0!important;height:0!important;background:none!important}.nav nav a.nav-pill:hover,.nav nav a.nav-pill.active{background:#f3f8f6!important;border-color:#dcebe6!important;color:#134e47!important}body{color:#222}.section-head h1,.section-head h2,.section-head h3,.product-card h3,.category-card h3,.all-category-card h3,.product-tabs h1,.product-tabs h2,.product-tabs h3,.legal-layout h1,.legal-layout h2,.legal-layout h3,.admin-main h1,.admin-main h2,.admin-main h3{color:#0f172a}.section-head p,.product-card p,.category-card p,.all-category-card p,.legal-layout p,.product-tabs p,.admin-main p{color:#4b5563}.eyebrow,.section .eyebrow,.section-head .eyebrow{color:#ff9300}.section.soft,.products-section,.category-section,.product-detail,.product-tabs,.legal-layout,.admin-main,.admin-panel,.admin-form{color:#222}.page-hero,.sales-hero,.corp-hero,.legal-hero,.case-study,.sales-final-cta,.cta-inner,.premium-footer,.kit-builder-visual,.custom-box-art,.why-ecommerce .why-shop-grid>div:first-child{color:#fff}.page-hero h1,.page-hero h2,.sales-hero h1,.sales-hero h2,.corp-hero h1,.corp-hero h2,.legal-hero h1,.case-study h1,.case-study h2,.sales-final-cta h1,.sales-final-cta h2,.cta-inner h1,.cta-inner h2,.premium-footer h1,.premium-footer h2,.premium-footer h3,.kit-builder-visual h3,.custom-box-art h3,.why-ecommerce .why-shop-grid>div:first-child h2{color:#fff}.page-hero p,.sales-hero p,.corp-hero p,.legal-hero p,.case-study p,.sales-final-cta p,.cta-inner p,.premium-footer p,.kit-builder-visual p,.custom-box-art p,.why-ecommerce .why-shop-grid>div:first-child p{color:rgba(255,255,255,.82)!important}input,select,textarea{color:#0f172a;background-color:#fff}
:is(.section.soft,.products-section) .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}:is(.section.soft,.products-section) .product-card{height:100%;display:flex;flex-direction:column;border:1px solid #e7e2dc;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 9px 30px rgba(27,50,46,.07);transition:transform .25s ease,box-shadow .25s ease}:is(.section.soft,.products-section) .product-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(23,51,46,.14)}:is(.section.soft,.products-section) .product-img{height:240px!important;padding:18px;background:linear-gradient(145deg,#fbf8f4,#f5f1eb)!important;overflow:hidden}:is(.section.soft,.products-section) .product-img img{width:100%;height:100%;object-fit:contain!important;object-position:center}:is(.section.soft,.products-section) .product-copy{display:flex;flex:1;flex-direction:column;padding:18px}:is(.section.soft,.products-section) .card-actions-main{margin-top:auto}
@media(max-width:1000px){:is(.section.soft,.products-section) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){:is(.section.soft,.products-section) .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:is(.section.soft,.products-section) .product-img{height:150px!important;padding:10px}:is(.section.soft,.products-section) .product-copy{padding:11px}}

/* Corporate sales visibility, shared cards and generated brand artwork */
.sales-hero.corporate-sales-hero,.sales-hero.industries-sales-hero{background:radial-gradient(circle at 82% 12%,rgba(255,147,0,.13),transparent 28%),linear-gradient(135deg,#f4faf8,#fff8ee)!important;color:#0f172a!important}.sales-hero.corporate-sales-hero h1,.sales-hero.corporate-sales-hero p,.sales-hero h1,.sales-hero p,.sales-hero-art,.sales-hero-art *{color:#0f172a!important}.sales-hero-art{border-color:#dfe8e4!important;background:rgba(255,255,255,.8)!important;box-shadow:0 20px 55px rgba(19,78,71,.1)!important}.sales-final-cta{background:linear-gradient(135deg,#edf7f3,#fff6e8)!important;color:#0f172a!important}.sales-final-cta h2{color:#0f172a!important}.section-head.reveal.revealed+.product-grid,.section-head+.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}.product-card.reveal.revealed{height:100%}.generated-logo-mark{padding:1px!important;overflow:hidden;background:#fff!important}.generated-logo-mark img{width:100%;height:100%;object-fit:contain;transform:scale(1.16)}.header-gift-graphic{display:none!important}.footer-gift-graphic{display:block!important;right:1%!important;top:18px!important;width:440px!important;height:210px!important;opacity:.38!important;background:url('/images/generated/giftooze-footer-gifts.webp') right center/contain no-repeat}.footer-gift-graphic svg{display:none!important}
@media(max-width:1000px){.section-head.reveal.revealed+.product-grid,.section-head+.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-gift-graphic{width:330px!important;height:165px!important;opacity:.25!important}}
@media(max-width:700px){.sales-hero.corporate-sales-hero,.sales-hero.industries-sales-hero{padding:52px 0!important}.section-head.reveal.revealed+.product-grid,.section-head+.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-gift-graphic{width:220px!important;height:120px!important;opacity:.18!important}}

/* Final product imagery, testimonial carousel and WhatsApp conversion CTA */
:is(.section.soft,.products-section) .product-img img{object-fit:cover!important;object-position:center;width:100%;height:100%;display:block}.testimonial-track{align-items:stretch;scroll-behavior:smooth}.testimonial-track article{height:auto;display:flex;flex-direction:column}.testimonial-track blockquote{flex:1}.testimonial-purchase{margin-top:auto}.testimonial-person>span img{width:100%;height:100%;object-fit:cover;object-position:center}.testimonial-person>div{position:relative;min-width:0;padding-right:38px}.testimonial-company-logo{position:absolute;right:0;top:0;width:30px;height:30px;display:grid;place-items:center;border:1px solid #d9e5e1;border-radius:8px;background:#f2f7f5;color:#134e47;font-size:9px;font-weight:800;letter-spacing:.2px}.whatsapp-chat-cta{display:inline-flex!important;align-items:center!important;gap:9px!important;border:1px solid rgba(37,211,102,.28)!important;border-radius:999px!important;background:#fff!important;color:#17211e!important;box-shadow:0 9px 24px rgba(20,80,52,.16)!important;transition:background-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease!important;animation:whatsapp-soft-pulse 6s ease-in-out infinite}.whatsapp-chat-cta .whatsapp-official{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;flex-basis:20px!important;fill:#25d366!important;stroke:none!important;transition:fill .25s ease!important}.whatsapp-chat-cta:hover{background:#25d366!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 13px 30px rgba(37,211,102,.3)!important}.whatsapp-chat-cta:hover .whatsapp-official{fill:#fff!important}@keyframes whatsapp-soft-pulse{0%,82%,100%{transform:scale(1)}86%{transform:scale(1.025)}90%{transform:scale(1)}94%{transform:scale(1.018)}}@media(prefers-reduced-motion:reduce){.whatsapp-chat-cta{animation:none!important}.testimonial-track{scroll-behavior:auto}}@media(max-width:700px){.whatsapp-chat-cta{min-height:44px;padding:11px 16px!important}.testimonial-company-logo{width:27px;height:27px}}

/* Resilient modal media, official WhatsApp float and luxury homepage hero */
.modal-product img{width:100%;aspect-ratio:4/3;height:auto!important;min-height:210px;object-fit:cover!important;object-position:center!important;background:linear-gradient(145deg,#fff,#fbf8f4)!important}.wa-float-official{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border:3px solid rgba(255,255,255,.96)!important;border-radius:50%!important;background:rgba(37,211,102,.96)!important;color:#fff!important;backdrop-filter:blur(12px);box-shadow:0 12px 32px rgba(18,112,62,.32),inset 0 1px rgba(255,255,255,.38)!important;animation:wa-float-motion 5.5s ease-in-out infinite;transition:transform .25s ease,box-shadow .25s ease!important}.wa-float-official svg{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;min-height:27px!important;max-height:27px!important;flex-basis:27px!important;fill:#fff!important;stroke:none!important;overflow:visible!important}.wa-float-official:hover{transform:translateY(-5px) scale(1.06)!important;box-shadow:0 18px 40px rgba(18,112,62,.42),inset 0 1px rgba(255,255,255,.42)!important}@keyframes wa-float-motion{0%,72%,100%{transform:translateY(0) scale(1)}78%{transform:translateY(-3px) scale(1.04)}84%{transform:translateY(0) scale(1)}90%{transform:translateY(-2px) scale(1.025)}}/* premium-hero styles removed — homepage now uses .hero-slider */
/* old premium-hero responsive rules removed — replaced by hero slider */
@media(max-width:700px){.wa-float-official{width:54px!important;height:54px!important}}
@media(prefers-reduced-motion:reduce){.wa-float-official{animation:none!important}}

/* Desktop glass header and trusted enquiry completion dashboard */
@media(min-width:701px){.site-header{position:sticky!important;top:0!important;z-index:90!important;height:78px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);border-bottom:1px solid rgba(19,78,71,.08)!important;box-shadow:0 5px 18px rgba(20,52,47,.045)!important;transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease!important}.site-header.scrolled{background:rgba(255,255,255,.94)!important;border-color:rgba(19,78,71,.12)!important;box-shadow:0 12px 34px rgba(20,52,47,.13)!important}.site-header .nav{height:78px!important}.site-header .nav nav a.nav-pill{padding-block:9px!important}.site-header .mega-menu{top:calc(100% + 12px)!important}}
.enquiry-complete>.modal-fields,.enquiry-complete>.modal-actions,.enquiry-complete>.modal-error,.inquiry-form.enquiry-complete>:not(.enquiry-success){display:none!important}.enquiry-success{grid-column:1/-1!important;display:block!important;margin:0!important;padding:28px!important;border:1px solid #b9dfcf!important;border-radius:20px!important;background:radial-gradient(circle at 92% 8%,rgba(37,211,102,.14),transparent 27%),linear-gradient(145deg,#effaf5,#fff)!important;color:#15312a!important;box-shadow:0 18px 48px rgba(20,85,61,.13);text-align:left}.success-check{width:58px;height:58px;display:grid;place-items:center;margin-bottom:16px;border-radius:50%;background:#dff6e9;color:#118653;box-shadow:0 0 0 8px rgba(37,211,102,.08);animation:success-arrive .5s ease both}.success-check svg{width:29px!important;height:29px!important;min-width:29px!important;max-width:29px!important;min-height:29px!important;max-height:29px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.5!important;stroke-linecap:round;stroke-linejoin:round}.enquiry-success h3{margin:5px 0 8px;color:#0f3f32;font-size:25px}.enquiry-success>p{margin:0 0 20px;color:#50635d}.success-product{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:12px;border:1px solid #d7e8e1;border-radius:14px;background:rgba(255,255,255,.82)}.success-product img{width:76px;height:70px;object-fit:cover;border-radius:10px;background:#fbf8f4}.success-product small,.success-product b,.success-product span{display:block}.success-product small{color:#71807b;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.success-product b{margin:2px 0;color:#17241f}.success-product span{color:#177356;font-size:12px;font-weight:800}.success-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0;padding:0;list-style:none}.success-steps li{display:flex;align-items:center;gap:7px;min-height:48px;padding:8px;border-radius:10px;background:#fff;color:#465650;font-size:11px}.success-steps li b{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:7px;background:#e6f5ef;color:#137453}.success-actions{display:flex;flex-wrap:wrap;gap:9px}.success-actions .btn{min-height:42px;padding:10px 13px;font-size:12px}.success-whatsapp{background:#25d366!important;color:#fff!important}.success-whatsapp svg{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;min-height:17px!important;max-height:17px!important;fill:#fff!important;stroke:none!important}@keyframes success-arrive{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.enquiry-success{padding:20px 16px!important;border-radius:15px!important}.enquiry-success h3{font-size:20px}.success-steps{grid-template-columns:1fr 1fr}.success-actions{display:grid}.success-actions .btn{width:100%}}

/* Admin category image upload controls */
.category-create-form .cat-file,.admin-category-card label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#3a4a46}.category-create-form .cat-file input[type=file],.admin-category-card input[type=file]{font-weight:500}.cat-new-preview,.admin-category-card .cat-thumb{width:100%;height:150px;object-fit:cover;border-radius:12px;border:1px solid #dfe8e4;background:linear-gradient(145deg,#fbf8f4,#f1f6f4)}.admin-category-card .cat-remove{flex-direction:row;align-items:center;gap:7px;font-weight:600;color:#a5362d}.admin-category-card .cat-remove input{width:auto}

/* Admin backup & import */
.admin-import-card{max-width:640px;margin-top:18px;padding:22px;border:1px solid #dfe8e4;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(19,78,71,.05)}.admin-import-card h2{margin:0 0 8px;color:#1e2927}.admin-import-card p{margin:0 0 16px;color:#596562}.admin-import-card input[type=file]{display:block;margin-bottom:14px}

/* Dynamic per-page hero images (admin-managed, non-destructive) */
:is(.catalogue-hero,.page-hero,.sales-hero,.corp-hero,.legal-hero):has(.page-hero-media){position:relative;overflow:hidden}
.page-hero-media{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.page-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,61,56,.9),rgba(12,49,44,.6))}
:is(.catalogue-hero,.page-hero,.sales-hero,.corp-hero,.legal-hero):has(.page-hero-media)>*:not(.page-hero-media){position:relative;z-index:1}
:is(.catalogue-hero,.page-hero,.sales-hero,.corp-hero,.legal-hero):has(.page-hero-media) :is(h1,h2,h3,p,span,b,small,.eyebrow,label,input){color:#fff!important}
:is(.catalogue-hero,.page-hero,.sales-hero,.corp-hero,.legal-hero):has(.page-hero-media) .eyebrow{color:#ffd9a8!important}
:is(.catalogue-hero,.page-hero,.sales-hero):has(.page-hero-media) input{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.4)!important}
:is(.catalogue-hero,.page-hero,.sales-hero):has(.page-hero-media) input::placeholder{color:rgba(255,255,255,.7)!important}

/* Admin hero image manager */
.admin-hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:6px 0 22px}.admin-hero-slot{padding:14px;border:1px solid #dfe8e4;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(19,78,71,.05)}.admin-hero-slot b{display:block;margin-bottom:8px;color:#1e2927;font-size:13px}.admin-hero-slot .hero-thumb{width:100%;height:120px;object-fit:cover;border-radius:10px;border:1px solid #e2e9e6;background:linear-gradient(145deg,#fbf8f4,#f1f6f4);margin-bottom:9px}.admin-hero-slot input[type=file]{display:block;width:100%;font-size:12px}.admin-hero-slot .hero-remove{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;color:#a5362d}.admin-hero-slot .hero-remove input{width:auto}.hero-images-hint{margin:0 0 12px;color:#687572;font-size:13px}

/* ============ Homepage hero slider ============ */
.hero-slider{position:relative;width:100%;height:680px;overflow:hidden;background:#0a1f1c;isolation:isolate}
.hero-slides{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease;display:flex;align-items:center;will-change:opacity}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-slide-media{position:absolute;inset:0;z-index:0}
.hero-slide-media img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;object-fit:cover!important;display:block}
.hero-slide-overlay{position:absolute;inset:0;z-index:1}
.hero-slide-inner{position:relative;z-index:2;width:100%;display:flex;justify-content:center;text-align:center}
.hero-slide-content{max-width:760px;padding:24px 20px;color:#fff;display:flex;flex-direction:column;align-items:center;gap:20px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#ffd9a8}
.hero-eyebrow::before,.hero-eyebrow::after{content:"";width:34px;height:1px;background:rgba(255,217,168,.55)}
.hero-heading{margin:0;font-family:Manrope,'DM Sans',sans-serif;font-weight:800;font-size:clamp(34px,5.4vw,70px);line-height:1.06;letter-spacing:-1.5px;color:#fff;text-shadow:0 2px 26px rgba(0,0,0,.4)}
.hero-support{margin:0;font-size:clamp(15px,1.4vw,19px);font-weight:500;color:rgba(255,255,255,.92);letter-spacing:.02em}
.hero-cta{min-height:48px;border-radius:999px;padding:0 26px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.hero-cta-solid{background:var(--orange,#ff9300);color:#1a1207;border:0;box-shadow:0 10px 28px rgba(255,147,0,.28)}
.hero-cta-solid:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(255,147,0,.38)}
.hero-cta-outline{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.75)}
.hero-cta-outline:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
.hero-cta svg{width:16px!important;height:16px!important}
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;transition:background-color .2s ease}
.hero-nav:hover{background:rgba(255,255,255,.32)}
.hero-nav:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hero-nav svg{width:20px!important;height:20px!important;stroke:currentColor}
.hero-prev{left:18px}.hero-prev svg{transform:rotate(180deg)}
.hero-next{right:18px}
.hero-dots{position:absolute;left:0;right:0;bottom:22px;z-index:4;display:flex;justify-content:center;gap:10px}
.hero-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:width .25s ease,background-color .25s ease}
.hero-dot.is-active{background:var(--orange,#ff9300);width:26px;border-radius:6px}
.hero-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:1024px){.hero-slider{height:560px}}
@media(max-width:768px){.hero-slider{height:540px}.hero-slide-content{gap:16px}.hero-nav{width:40px;height:40px}.hero-prev{left:8px}.hero-next{right:8px}.hero-eyebrow::before,.hero-eyebrow::after{width:18px}}
@media(max-width:480px){.hero-slider{height:520px}.hero-heading{letter-spacing:-1px}.hero-eyebrow{font-size:11px;letter-spacing:.16em}.hero-eyebrow::before,.hero-eyebrow::after{display:none}.hero-dots{bottom:16px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-cta:hover,.hero-cta-outline:hover{transform:none}}

/* Admin hero slider manager */
.admin-slide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin:6px 0 22px}
.admin-slide-card{padding:16px;border:1px solid #dfe8e4;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(19,78,71,.05);display:flex;flex-direction:column;gap:10px}
.admin-slide-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #eef2f0}
.admin-slide-head b{color:#134e47;font-size:15px}
.admin-slide-card label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#3a4a46}
.admin-slide-card input,.admin-slide-card textarea,.admin-slide-card select{padding:9px 10px;border:1px solid var(--line,#dbe4e0);border-radius:8px;font:inherit;font-weight:500}
.admin-slide-card .slide-enable{flex-direction:row;align-items:center;gap:6px;font-size:13px}
.admin-slide-card .slide-enable input{width:auto}
.slide-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.slide-media{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.slide-media-col{display:flex;flex-direction:column;gap:6px}
.slide-media-col small{font-weight:700;color:#687572}
.slide-thumb{width:100%;height:96px;object-fit:cover;border-radius:9px;border:1px solid #e2e9e6;background:linear-gradient(145deg,#fbf8f4,#f1f6f4)}
.slide-media-col input[type=file]{font-size:11px}
.admin-slide-card .hero-remove{flex-direction:row;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#a5362d}
.admin-slide-card .hero-remove input{width:auto}
.admin-slide-card input[type=color]{padding:2px;height:38px}
@media(max-width:600px){.slide-two,.slide-media{grid-template-columns:1fr}}

/* ============ Reusable static page hero ============ */
.static-hero{position:relative;width:100%;height:var(--hero-h,560px);overflow:hidden;background:#0a1f1c;isolation:isolate;display:flex;align-items:center}
.static-hero-frame{position:absolute;inset:0;z-index:0}
.static-hero-media{position:absolute;inset:0}
.static-hero-media img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;object-fit:cover!important;display:block}
.static-hero-overlay{position:absolute;inset:0}
.static-hero-inner{position:relative;z-index:1;width:100%;display:flex;justify-content:center}
.static-hero-content{max-width:760px;padding:28px 20px;display:flex;flex-direction:column;gap:18px;color:#fff}
.static-hero .hero-heading{margin:0;font-family:Manrope,'DM Sans',sans-serif;font-weight:800;font-size:clamp(32px,4.4vw,60px);line-height:1.08;letter-spacing:-1.2px;text-shadow:0 2px 26px rgba(0,0,0,.4)}
.static-hero .hero-support{max-width:640px;font-size:clamp(15px,1.4vw,20px);color:rgba(255,255,255,.92)}
.static-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
@media(max-width:1024px){.static-hero{height:min(var(--hero-h,560px),520px)}.static-hero .hero-heading{font-size:clamp(30px,5vw,50px)}}
@media(max-width:768px){.static-hero{height:480px}}
@media(max-width:480px){.static-hero{height:440px}.static-hero .hero-heading{font-size:clamp(30px,8vw,38px)}.static-hero-content{gap:14px}.static-hero-actions{width:100%}.static-hero-actions .hero-cta{flex:1;justify-content:center;min-width:0;padding:0 14px}}

/* ================= New premium 3-level header ================= */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{background:#0c322c;color:#e8f1ee;font-size:13px}
.topbar .top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;padding-block:6px}
.topbar .top-info{display:flex;align-items:center;gap:22px;flex-wrap:wrap;min-width:0}
.topbar .top-info a,.topbar .top-info span{display:inline-flex;align-items:center;gap:7px;color:#dcebe6;white-space:nowrap}
.topbar .top-info a:hover{color:#fff}
.topbar svg{width:15px!important;height:15px!important;color:#7fb2a6;flex-basis:15px!important}
.topbar .top-social{display:flex;gap:8px;flex-shrink:0}
.topbar .top-social a{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);color:#dcebe6;transition:background .2s,color .2s}
.topbar .top-social a:hover{background:var(--orange,#ff9300);color:#0c322c}
.topbar .top-social svg{width:14px!important;height:14px!important;fill:currentColor;stroke:none;color:inherit;flex-basis:14px!important}
.site-header{position:sticky!important;top:0;z-index:90;height:auto!important;background:#fff!important;border-bottom:1px solid #eef2f0!important;box-shadow:0 1px 0 rgba(19,78,71,.04)!important;transition:box-shadow .25s ease,background .25s ease}
.site-header.scrolled{box-shadow:0 8px 26px rgba(20,52,47,.1)!important;background:rgba(255,255,255,.94)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.header-main{display:flex;align-items:center;gap:26px;min-height:78px;padding-block:12px}
.site-header.scrolled .header-main{min-height:64px}
.header-main .logo{flex-shrink:0}
.header-spacer{flex:1}
.hsearch{flex:1;max-width:720px;display:flex;align-items:stretch;height:52px;border:1.5px solid #e3ebe8;border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(19,78,71,.05);position:relative;transition:border-color .2s,box-shadow .2s}
.site-header.scrolled .hsearch{height:46px}
.hsearch:focus-within{border-color:var(--green,#134e47);box-shadow:0 6px 22px rgba(19,78,71,.12)}
.hsearch-cat{position:relative;display:flex;align-items:center;border-right:1px solid #eef2f0;flex-shrink:0}
.hsearch-cat select{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0 30px 0 18px;height:100%;font:inherit;font-weight:600;color:#3a4a46;cursor:pointer;max-width:170px}
.hsearch-cat svg{position:absolute;right:10px;width:14px!important;height:14px!important;pointer-events:none;color:#8b9794;transform:rotate(90deg)}
.hsearch-field{position:relative;flex:1;display:flex;align-items:center;min-width:0}
.hsearch-icon{display:none;align-items:center;padding-left:14px;color:#8b9794}
.hsearch-icon svg{width:18px!important;height:18px!important}
.hsearch-field input{flex:1;border:0;background:transparent;padding:0 16px;height:100%;font:inherit;font-size:15px;color:#0f172a;min-width:0}
.hsearch-field input:focus{outline:none}
.hsearch-field input::-webkit-search-cancel-button{display:none}
.hsearch-clear{border:0;background:#eef2f0;color:#5a6a66;width:22px;height:22px;border-radius:50%;margin-right:8px;cursor:pointer;font-size:15px;line-height:1;flex-shrink:0}
.hsearch-btn{flex-shrink:0;border:0;margin:5px;border-radius:10px;background:var(--orange,#ff9300);color:#1a1207;font-weight:700;padding:0 22px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:filter .2s}
.hsearch-btn:hover{filter:brightness(1.05)}
.hsearch-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:60;background:#fff;border:1px solid #e9efec;border-radius:14px;box-shadow:0 24px 60px rgba(16,49,44,.16);max-height:min(70vh,540px);overflow-y:auto;padding:8px}
.hsearch-panel[hidden]{display:none}
.hs-sec{padding:8px 6px}
.hs-sec>b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8b9794;margin:2px 8px 6px}
.hs-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;color:#17241f;transition:background .15s}
.hs-item:hover,.hs-item.active{background:#f2f8f6}
.hs-product img{width:44px;height:44px;object-fit:cover;border-radius:8px;background:#f1f6f4;flex-shrink:0}
.hs-pinfo{flex:1;min-width:0}
.hs-pinfo b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-pinfo small{display:block;font-size:12px;color:#687572}
.hs-pinfo em{color:var(--green,#134e47);font-style:normal;font-weight:600}
.hs-price{font-size:12px;font-weight:700;color:var(--green,#134e47);white-space:nowrap;flex-shrink:0}
.hs-cat svg{width:18px!important;height:18px!important;color:#8b9794;flex-shrink:0}
.hs-cat span{flex:1}.hs-cat small{color:#8b9794;font-size:12px}
.hsearch-panel mark{background:#fff0d6;color:inherit;padding:0 1px;border-radius:2px}
.hs-chips>div{display:flex;flex-wrap:wrap;gap:8px;padding:0 8px}
.hs-chip{border:1px solid #e3ebe8;background:#f8faf9;color:#3a4a46;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;cursor:pointer;transition:.15s}
.hs-chip:hover{background:var(--green,#134e47);color:#fff;border-color:var(--green,#134e47)}
.hs-empty,.hs-loading{padding:18px 14px;color:#687572;font-size:14px;text-align:center}
.header-mobile-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}
.icon-btn{display:none;width:44px;height:44px;border:1px solid #e3ebe8;border-radius:11px;background:#fff;color:#134e47;cursor:pointer;place-items:center}
.icon-btn svg{width:20px!important;height:20px!important}
.menu-btn{flex-direction:column;gap:4px;justify-content:center}
.menu-btn span{display:block;width:20px;height:2px;background:#134e47;border-radius:2px}
.header-nav{border-top:1px solid #f0f4f2;background:inherit;overflow:hidden;max-height:64px;opacity:1;transition:max-height .32s ease,opacity .24s ease,border-color .24s ease}
.site-header.scrolled .header-nav{max-height:0;opacity:0;pointer-events:none;border-top-color:transparent}
.header-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px}
.nav-primary{display:flex;align-items:center;gap:4px}
.nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;color:#334541;font-weight:600;font-size:14.5px;transition:background .18s,color .18s}
.nav-link svg{width:18px!important;height:18px!important;color:#7c8b87}
.nav-link:hover{background:#f3f8f6;color:var(--green,#134e47)}
.nav-link:hover svg,.nav-link.active svg{color:var(--green,#134e47)}
.nav-link.active{color:var(--green,#134e47);background:#f3f8f6}
.nav-utility{display:flex;align-items:center;gap:20px}
.nav-utility span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#5a6a66;white-space:nowrap}
.nav-utility svg{width:16px!important;height:16px!important;color:var(--orange,#ff9300)}
.mobile-search-wrap{padding:0 0 12px}
.mobile-search-wrap[hidden]{display:none}
.mobile-drawer{position:fixed;inset:0;z-index:200}
.mobile-drawer[hidden]{display:none}
.mobile-drawer-scrim{position:absolute;inset:0;background:rgba(10,31,28,.5);opacity:0;transition:opacity .3s}
.mobile-drawer.open .mobile-drawer-scrim{opacity:1}
.mobile-drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(86vw,360px);background:#fff;box-shadow:-12px 0 40px rgba(16,49,44,.2);transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}
.mobile-drawer.open .mobile-drawer-panel{transform:none!important}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eef2f0}
.drawer-close{display:grid!important;font-size:20px;color:#134e47}
.drawer-nav{display:flex;flex-direction:column;padding:10px}
.drawer-nav a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:11px;color:#17241f;font-weight:600}
.drawer-nav a svg:first-child{width:20px!important;height:20px!important;color:var(--green,#134e47)}
.drawer-nav a svg:last-child{margin-left:auto;width:16px!important;height:16px!important;color:#b6c2be}
.drawer-nav a span{flex:1}
.drawer-nav a:hover{background:#f3f8f6}
.drawer-cta{justify-content:center;background:var(--orange,#ff9300)!important;color:#1a1207!important;font-weight:700;margin-top:8px;min-height:48px;border-radius:11px}
.drawer-cta svg{display:none!important}
.drawer-foot{margin-top:auto;padding:18px;border-top:1px solid #eef2f0;display:flex;flex-direction:column;gap:12px}
.drawer-foot a{display:inline-flex;align-items:center;gap:9px;color:#3a4a46;font-weight:600}
.drawer-foot svg{width:17px!important;height:17px!important;color:var(--green,#134e47)}
.drawer-social{display:flex;gap:10px;margin-top:4px}
.drawer-social a{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f3f8f6;color:#134e47}
.drawer-social svg{width:17px!important;height:17px!important;fill:currentColor;stroke:none}
@media(max-width:1100px){.nav-utility{display:none}.hsearch{max-width:none}}
@media(max-width:900px){.hsearch-desktop{display:none!important}.header-nav{display:none!important}.icon-btn{display:grid}.header-main{gap:12px;min-height:64px}}
@media(min-width:901px){.mobile-search-wrap{display:none!important}.mobile-search-btn{display:none!important}}
@media(max-width:600px){.topbar .top-info span{display:none}.hsearch-cat{display:none}.hsearch-icon{display:flex}.hsearch-btn span{display:none}.hsearch-btn{padding:0 15px}}
@media(max-width:400px){.topbar .top-social{display:none}.topbar .top-info{gap:14px}}
.view-all-cta{display:flex;justify-content:center;margin-top:34px}
.view-all-cta .btn{min-height:50px;border-radius:12px;padding:0 30px;font-weight:700}
@media(max-width:700px){.topbar .top-inner{justify-content:center}}

/* Simplified dynamic branding — logo image only (header + footer).
   Height-driven with a max-width cap so a horizontal admin logo renders ~130px wide
   on desktop, stays proportional (object-fit:contain) and never distorts or grows the header. */
.header-main .logo{margin-right:auto;gap:0}
.header-main .generated-logo-mark{display:inline-flex;align-items:center;width:auto;max-width:130px;height:auto;min-height:0;padding:0!important;background:transparent!important;border-radius:0;overflow:visible;flex-shrink:0}
.header-main .generated-logo-mark img{display:block;height:52px;width:auto;max-width:130px;object-fit:contain;transform:none!important}
.site-header.scrolled .header-main .generated-logo-mark img{height:44px}
@media(max-width:1200px){.header-main .generated-logo-mark img{max-width:124px}}
@media(max-width:1000px){.header-main .generated-logo-mark img{height:46px;max-width:120px}}
@media(max-width:640px){.header-main .generated-logo-mark img{height:42px;max-width:112px}}
@media(max-width:400px){.header-main .generated-logo-mark img{height:38px;max-width:100px}}

/* Footer logo — keep a clean white plate so the dynamic logo stays visible on the dark footer */
.footer-brand .logo{gap:0}
.footer-brand .generated-logo-mark{display:inline-flex;align-items:center;width:auto;max-width:184px;height:auto;padding:10px 14px!important;background:#fff!important;border-radius:14px;overflow:hidden}
.footer-brand .generated-logo-mark img{display:block;height:52px;width:auto;max-width:150px;object-fit:contain;transform:none!important}
@media(max-width:700px){.footer-brand .generated-logo-mark img{height:46px;max-width:140px}}

/* ============================================================
   Improvements: ratings, trust badge, announcement marquee,
   drawer, mobile search, categories, product tabs, scroll polish
   ============================================================ */

/* Smooth compaction so the scrolled header eases instead of snapping */
.header-main{transition:min-height .3s ease}
.header-main .generated-logo-mark img{transition:height .3s ease}
.site-header .hsearch{transition:height .3s ease,border-color .2s ease,box-shadow .2s ease}

/* --- Realistic star ratings (precise partial fill, stable per product) --- */
.rating{display:flex;align-items:center;gap:8px;font-size:14px;color:#66706d;margin:10px 0 2px;flex-wrap:wrap}
.rating .stars{display:inline-block;position:relative;line-height:1;font-size:15px;letter-spacing:2px;flex:none}
.rating .stars::before{content:"\2605\2605\2605\2605\2605";color:#dfe4e1}
.rating .stars::after{content:"\2605\2605\2605\2605\2605";color:#f5a623;position:absolute;top:0;left:0;width:var(--pct,100%);overflow:hidden;white-space:nowrap}
.rating b{font-weight:700;color:#1f2a28;font-size:14px}
.rating .rcount{color:#7a827f;font-weight:500;font-size:13px}

/* --- Premium trust badge (keeps dynamic category text) --- */
.product-copy>.pill{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;background:linear-gradient(135deg,#edf8f2,#fdf5e7);color:#0f5a4e;border:1px solid #cfe7dd;padding:6px 12px 6px 9px;border-radius:999px;font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 2px 8px rgba(19,78,71,.06)}
.product-copy>.pill::before{content:"";width:14px;height:14px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23138a6e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}

/* --- Announcement bar: seamless premium marquee --- */
.topbar .top-inner{gap:0;overflow:hidden}
.topbar-marquee{flex:1;min-width:0;display:flex;align-items:center;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.topbar-marquee-track{display:flex;width:max-content;align-items:center;animation:tmScroll 38s linear infinite;will-change:transform}
.topbar-marquee:hover .topbar-marquee-track{animation-play-state:paused}
.tm-item{position:relative;flex:none;display:inline-flex;align-items:center;gap:9px;padding:0 30px;font-size:13px;font-weight:600;color:#eaf4f0;white-space:nowrap}
.tm-item svg{width:15px!important;height:15px!important;color:var(--orange,#ff9300);flex:none}
.tm-item::after{content:"\2022";position:absolute;right:-2px;color:rgba(255,255,255,.32);font-size:11px}
@keyframes tmScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.tm-item{padding:0 20px;font-size:12.5px}.topbar-marquee-track{animation-duration:26s}}

/* --- Mobile drawer: larger logo + refined social icons --- */
.mobile-drawer-panel .drawer-head{padding:20px 18px}
.mobile-drawer-panel .generated-logo-mark{width:auto!important;max-width:190px;height:auto!important;padding:0!important;background:transparent!important;border-radius:0;overflow:visible}
.mobile-drawer-panel .generated-logo-mark img{height:50px!important;width:auto!important;max-width:180px;object-fit:contain;transform:none!important}
.mobile-drawer-panel .drawer-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.mobile-drawer-panel .drawer-social a{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#f1f7f4;color:var(--green,#134e47);border:1px solid #e3efe9;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.mobile-drawer-panel .drawer-social a:hover{background:var(--green,#134e47);color:#fff;transform:translateY(-3px);box-shadow:0 10px 22px rgba(19,78,71,.24)}
.mobile-drawer-panel .drawer-social svg{width:20px!important;height:20px!important;fill:currentColor;stroke:none}

/* --- Search button: professional icon + hover/focus (desktop + mobile) --- */
.hsearch-btn{gap:8px}
.hsearch-btn svg{width:18px!important;height:18px!important}
.hsearch-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}
.hsearch-btn:focus-visible{outline:2px solid var(--green,#134e47);outline-offset:2px}

/* --- Mobile search: premium redesign --- */
.mobile-search-wrap{padding:8px 0 16px}
.mobile-search-wrap .hsearch-mobile{height:54px;border:1.5px solid #e4ece9;border-radius:16px;box-shadow:0 10px 26px rgba(19,78,71,.08);background:#fff}
.mobile-search-wrap .hsearch-mobile:focus-within{border-color:var(--green,#134e47);box-shadow:0 12px 30px rgba(19,78,71,.16)}
.mobile-search-wrap .hsearch-icon{display:flex!important;padding-left:16px;color:var(--green,#134e47)}
.mobile-search-wrap .hsearch-icon svg{width:19px!important;height:19px!important}
.mobile-search-wrap .hsearch-field input{padding:0 14px;font-size:15px}
.mobile-search-wrap .hsearch-btn{margin:6px;padding:0 16px;min-width:54px;justify-content:center;border-radius:12px}
.mobile-search-wrap .hsearch-btn span{display:none}
.mobile-search-wrap .hsearch-btn svg{width:20px!important;height:20px!important}

/* --- Hide the section-head "View All" link on mobile only --- */
@media(max-width:700px){.section-head .text-link{display:none}}

/* --- Categories section: cleaner, consistent premium cards --- */
/* Categories: horizontal 4-up slider/carousel with equal cards (works with the
   JS prev/next controls in main.js). Scrolls internally — never overflows the page. */
#categories .premium-categories{--cimg:190px;display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap;align-items:stretch;gap:22px;margin-top:6px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 2px 20px;scroll-padding:0 2px}
#categories .premium-categories::-webkit-scrollbar{display:none}
#categories .category-card{flex:0 0 calc((100% - 66px)/4);max-width:calc((100% - 66px)/4);min-width:0;scroll-snap-align:start;position:relative;display:flex!important;flex-direction:column;text-align:left;padding:0 0 22px;border-radius:22px;overflow:hidden;border:1px solid #e8efeb;background:#fff;box-shadow:0 10px 30px rgba(19,78,71,.07);transition:transform .28s ease,box-shadow .28s ease}
#categories .category-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(19,78,71,.16)}
#categories .category-card>div:first-child{position:relative;height:var(--cimg);overflow:hidden;border-radius:0;margin:0;flex:none}
#categories .category-card img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;transition:transform .5s ease}
#categories .category-card:hover img{transform:scale(1.06)}
#categories .category-count{display:none!important}
#categories .category-icon{position:absolute;top:calc(var(--cimg) - 24px);right:18px;width:46px;height:46px;display:grid;place-items:center;background:var(--green,#134e47);color:#fff;border:4px solid #fff;border-radius:14px;box-shadow:0 8px 20px rgba(19,78,71,.22);z-index:2}
#categories .category-icon svg{width:20px!important;height:20px!important}
#categories .category-card h3{font-size:18px;line-height:1.25;margin:24px 18px 6px}
#categories .category-card p{font-size:14px;color:var(--muted);margin:0 18px;line-height:1.5;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* "View Products" CTA — premium pill; on hover text/icon become #fff on a filled bg */
#categories .category-card b{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin:16px 18px 0;margin-top:auto;padding:9px 16px;border-radius:999px;background:#eef7f3;border:1px solid #d3e7df;color:var(--green,#134e47);font-size:13.5px;font-weight:700;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
#categories .category-card b svg{width:16px!important;height:16px!important;color:currentColor;transition:transform .2s ease}
#categories .category-card:hover b{background:linear-gradient(135deg,#15665b,#0d423b);border-color:transparent;color:#fff;box-shadow:0 10px 22px rgba(19,78,71,.28)}
#categories .category-card:hover b svg{transform:translateX(4px)}
/* Slider prev/next controls (injected by JS) */
#categories .category-slider-controls{display:flex;justify-content:flex-end;gap:10px;margin:0 2px 12px;padding:0}
#categories .category-slider-controls button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #dbe7e2;border-radius:50%;background:#fff;color:var(--green,#134e47);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(19,78,71,.1);transition:background .2s ease,color .2s ease,transform .2s ease}
#categories .category-slider-controls button:hover{background:var(--green,#134e47);color:#fff;transform:translateY(-2px)}
/* Responsive: fewer cards visible, peek the next card for a clear swipe affordance */
@media(max-width:1000px){#categories .category-card{flex:0 0 calc((100% - 36px)/2.4);max-width:calc((100% - 36px)/2.4)}}
@media(max-width:700px){#categories .premium-categories{--cimg:200px}#categories .category-card{flex:0 0 78%;max-width:78%}}
@media(max-width:480px){#categories .category-card{flex:0 0 84%;max-width:84%}}

/* --- Product tabs: modern luxury tab bar --- */
.product-tabs{background:#fff;border:1px solid #e9efec;border-radius:24px;padding:0 clamp(18px,3vw,38px) clamp(24px,3vw,38px);box-shadow:0 12px 40px rgba(19,78,71,.06)}
.product-tabs .tab-nav{display:flex;gap:4px;border-bottom:1px solid #eef2f0;margin-bottom:34px;overflow-x:auto;scrollbar-width:none}
.product-tabs .tab-nav::-webkit-scrollbar{display:none}
.product-tabs .tab-nav a{position:relative;padding:16px 20px;font-weight:700;font-size:15px;color:#6b7773;white-space:nowrap;border-bottom:0;border-radius:12px 12px 0 0;transition:color .2s ease,background .2s ease}
.product-tabs .tab-nav a::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;border-radius:3px;background:var(--green,#134e47);transform:scaleX(0);transform-origin:center;transition:transform .28s ease}
.product-tabs .tab-nav a:hover{color:var(--green,#134e47);background:#f5faf8}
.product-tabs .tab-nav a.active{color:var(--green,#134e47)}
.product-tabs .tab-nav a.active::after{transform:scaleX(1)}
@media(max-width:700px){.product-tabs .tab-nav a{padding:14px 14px;font-size:14px}}
/* Dynamic functional tabs (rendered by JS when a product has configured tabs) */
.product-tabs .functional-tab-nav{display:flex;gap:4px;border-bottom:1px solid #eef2f0;padding:0;margin-bottom:30px;overflow-x:auto;scrollbar-width:none}
.product-tabs .functional-tab-nav::-webkit-scrollbar{display:none}
.product-tabs .functional-tab-nav button{position:relative;border:0;background:none;padding:16px 20px;font:700 15px 'DM Sans';color:#6b7773;white-space:nowrap;cursor:pointer;border-radius:12px 12px 0 0;transition:color .2s ease,background .2s ease}
.product-tabs .functional-tab-nav button::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;border-radius:3px;background:var(--green,#134e47);transform:scaleX(0);transform-origin:center;transition:transform .28s ease}
.product-tabs .functional-tab-nav button:hover{color:var(--green,#134e47);background:#f5faf8}
.product-tabs .functional-tab-nav button[aria-selected="true"]{color:var(--green,#134e47)}
.product-tabs .functional-tab-nav button[aria-selected="true"]::after{transform:scaleX(1)}
.product-tabs .functional-tab-panels{padding:30px 4px 4px}
.product-tabs .functional-tab-panels h2{font-size:clamp(22px,3vw,28px)}
@media(max-width:700px){.product-tabs .functional-tab-nav button{padding:14px;font-size:14px}}

/* --- Promotional popup (admin-configured image/link/delay) --- */
.promo-popup{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:26px}
.promo-popup[hidden]{display:none}
.promo-popup-backdrop{position:absolute;inset:0;background:rgba(8,26,23,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}
.promo-popup.open .promo-popup-backdrop{opacity:1}
.promo-popup-card{position:relative;width:min(520px,100%);max-height:calc(100vh - 52px);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.42);opacity:0;transform:translateY(16px) scale(.96);transition:opacity .3s ease,transform .38s cubic-bezier(.2,.8,.3,1)}
.promo-popup.open .promo-popup-card{opacity:1;transform:none}
.promo-popup-card img{display:block;width:100%;height:auto;max-height:calc(100vh - 52px);object-fit:contain;border-radius:20px}
.promo-popup-link{display:block;border-radius:20px;outline-offset:3px}
.promo-popup-close{position:absolute;top:-13px;right:-13px;z-index:2;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:#12312c;font-size:23px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.3);transition:background .2s ease,color .2s ease,transform .25s ease}
.promo-popup-close:hover{background:var(--green,#134e47);color:#fff;transform:rotate(90deg)}
.promo-popup-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.promo-popup{padding:20px}.promo-popup-card{width:min(440px,100%);max-height:calc(100vh - 40px)}.promo-popup-card img{max-height:calc(100vh - 40px)}.promo-popup-close{top:-11px;right:-11px;width:36px;height:36px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.promo-popup-card,.promo-popup-backdrop{transition:none}}