:root{--dc-header-navy:#073575;--dc-header-deep:#052a61;--dc-header-sky:#b8d4ff;--dc-header-orange:#ff7a18}
.dc-store-header{position:relative;background:var(--dc-header-navy)!important;color:#fff;border:0!important;box-shadow:0 8px 24px rgba(4,38,88,.14)!important;z-index:1030}
.dc-header-ribbon{height:31px;background:var(--dc-header-deep);border-bottom:1px solid rgba(255,255,255,.1);font-size:9px;color:#dce9ff}
.dc-header-ribbon>.container-fluid{height:100%;display:flex;align-items:center;justify-content:space-between}
.dc-header-ribbon span,.dc-header-ribbon nav,.dc-header-ribbon a{display:flex;align-items:center;gap:6px}.dc-header-ribbon nav{gap:20px}.dc-header-ribbon a{color:#fff;text-decoration:none}.dc-header-ribbon i{color:#7fb4ff;font-size:12px}
.dc-header-main{background:var(--dc-header-navy)}
.dc-mobile-menu-trigger{display:none}
.mobile-mega-close{display:none}
.dc-store-header .header-grid{min-height:82px;display:grid;grid-template-columns:190px 155px minmax(330px,1fr) auto;grid-template-areas:"brand location search actions";align-items:center;gap:18px;padding:10px 0}
.dc-store-header .brand{grid-area:brand;display:flex;align-items:center;justify-content:flex-start;padding:7px 10px;background:#fff;border-radius:16px;min-height:54px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.dc-store-header .brand-logo{width:100%;height:40px;max-height:40px;object-fit:contain}
.dc-header-location{grid-area:location;color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;min-width:0;padding:7px 2px;border-radius:12px}
.dc-header-location:hover{color:#fff;background:rgba(255,255,255,.07)}.dc-header-location>i{font-size:24px;color:#a9ccff}.dc-header-location>span{display:flex;flex-direction:column;min-width:0}.dc-header-location small{font-size:8px;color:#afc9ed}.dc-header-location strong{font-size:10px;margin-top:2px;white-space:nowrap}
.dc-store-header .search-shell{grid-area:search;position:relative;width:100%;max-width:none}
.dc-store-header .search-box{height:50px;border:3px solid #fff!important;border-radius:999px!important;background:#fff!important;overflow:hidden;box-shadow:0 8px 20px rgba(0,18,50,.16)!important}
.dc-store-header .search-box input{height:100%;padding:0 20px!important;color:#17243c;font-size:12px}.dc-store-header .search-box input::placeholder{color:#7e8999}.dc-store-header .search-box button{width:72px!important;height:44px!important;margin:0!important;border-radius:999px!important;background:var(--dc-header-sky)!important;color:#062b61!important;font-size:21px!important}.dc-store-header .search-box:focus-within{border-color:#8db9ff!important;box-shadow:0 0 0 4px rgba(151,190,255,.2)!important}
.dc-store-header .header-actions{grid-area:actions;display:flex;align-items:center;gap:4px;justify-content:flex-end}
.dc-store-header .header-actions>.header-action-icon,.dc-store-header .header-actions>.site-user-dropdown>.header-action-icon{width:auto!important;min-width:66px;height:58px!important;padding:7px 8px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#fff!important;box-shadow:none!important;display:flex!important;align-items:center;gap:8px;text-decoration:none}
.dc-store-header .header-actions>.header-action-icon:hover,.dc-store-header .header-actions>.site-user-dropdown>.header-action-icon:hover,.dc-store-header .header-actions>.site-user-dropdown.is-open>.header-action-icon{background:rgba(255,255,255,.1)!important;transform:none!important}
.dc-store-header .header-action-icon>i:first-child{font-size:24px!important;color:#fff}.dc-store-header .site-whatsapp-action>i:first-child{color:#5df098!important}.dc-store-header .header-action-icon>span{position:static!important;display:flex!important;flex-direction:column;align-items:flex-start;line-height:1.25;white-space:nowrap;color:#fff!important;opacity:1!important;transform:none!important;pointer-events:auto!important}.dc-store-header .header-action-icon small{font-size:7px;color:#bcd0eb;font-weight:500}.dc-store-header .header-action-icon strong{font-size:10px;margin-top:3px}.dc-store-header .dc-action-chevron{font-size:9px!important;color:#a8c4e8!important}.dc-store-header .header-action-icon:before{display:none!important}.dc-store-header .site-user-dropdown{height:auto}.dc-store-header .site-user-menu{top:calc(100% + 8px)}
.dc-store-header .nav-row{min-height:45px;margin:0!important;padding:0 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;background:#fff;color:#112645;display:flex;align-items:center;gap:23px;box-shadow:0 3px 9px rgba(8,36,78,.08)}
.dc-store-header .nav-row>a{color:#263a57;text-decoration:none;font-size:11px;font-weight:650;display:flex;align-items:center;gap:6px;white-space:nowrap}.dc-store-header .nav-row>a:hover{color:#0d61c9}.dc-store-header .category-btn{align-self:stretch;border:0;border-radius:0 0 0 16px!important;padding:0 20px!important;background:#0c66c7!important;color:#fff!important;display:flex;align-items:center;gap:8px;font:800 11px inherit}.dc-store-header .category-btn>i:first-child{font-size:20px}.dc-store-header .nav-separator{display:none}.dc-store-header .nav-deal-link{color:#e74545!important}.dc-store-header .nav-deal-link i{color:#ff8a00}.dc-nav-promise{margin-right:auto;color:#67809e;font-size:9px;display:flex;align-items:center;gap:6px;padding-left:8px}.dc-nav-promise i{color:#139b60;font-size:14px}
@media(max-width:1500px){.dc-store-header .header-grid{grid-template-columns:165px 130px minmax(290px,1fr) auto;gap:10px}.dc-store-header .header-actions>.header-action-icon,.dc-store-header .header-actions>.site-user-dropdown>.header-action-icon{min-width:48px;padding:6px!important;gap:5px}.dc-store-header .header-action-icon small{display:none}.dc-store-header .header-action-icon strong{font-size:9px}.dc-header-location strong{font-size:9px}.dc-store-header .nav-row{gap:16px}}
@media(max-width:1100px){.dc-store-header .header-grid{grid-template-columns:145px minmax(260px,1fr) auto;grid-template-areas:"brand search actions"}.dc-header-location,.dc-header-action--orders,.dc-header-action--support{display:none!important}.dc-store-header .nav-row{overflow-x:auto;scrollbar-width:none}.dc-nav-promise{display:none}}
@media(max-width:820px){body.store-home-page>.main-header,body.store-inner-page>.main-header{display:block!important}.dc-store-header{position:relative!important;top:auto!important}.dc-header-ribbon{display:none}.dc-store-header .dc-header-main{padding-inline:10px!important}.dc-store-header .header-grid{min-height:105px;padding:8px 0 7px;grid-template-columns:minmax(112px,1fr) auto 40px;grid-template-areas:"brand actions menu" "search search search";gap:7px 8px}.dc-store-header .brand{justify-self:start;width:140px;max-width:100%;min-height:39px;height:39px;padding:3px 7px;border-radius:11px}.dc-store-header .brand-logo{height:29px;max-height:29px}.dc-mobile-menu-trigger{grid-area:menu;display:grid;width:39px;height:39px;place-items:center;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:25px}.dc-store-header .header-actions{gap:0}.dc-store-header .header-actions>.header-action-icon{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;display:grid!important;place-items:center;border-radius:9px!important}.dc-store-header .header-action-icon>span,.dc-store-header .dc-action-chevron{display:none!important}.dc-store-header .header-action-icon>i:first-child{font-size:20px!important}.dc-header-action--orders,.dc-header-action--support{display:none!important}.dc-store-header .search-box{height:40px;border-width:2px!important}.dc-store-header .search-box button{width:51px!important;height:36px!important;font-size:17px!important}.dc-store-header .search-box input{font-size:10px;padding:0 12px!important}.dc-store-header .nav-row{display:flex!important;min-height:37px;margin-inline:-10px!important;padding:0 10px!important;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.dc-store-header .nav-row::-webkit-scrollbar{display:none}.dc-store-header .nav-row>a{font-size:9px}.dc-store-header .category-btn{min-width:max-content;min-height:37px;padding:0 12px!important;border-radius:0!important;font-size:9px}.dc-store-header .category-btn>i:first-child{font-size:16px}.dc-store-header .search-panel{position:fixed!important;top:105px!important;right:10px!important;left:10px!important;width:auto!important;transform:translateY(8px) scale(.98)!important}.dc-store-header .search-shell.search-open .search-panel,.dc-store-header .search-shell:focus-within .search-panel{transform:none!important}}
@media(max-width:420px){.dc-store-header .brand{width:120px}.dc-store-header .header-grid{grid-template-columns:minmax(98px,1fr) auto 38px}.dc-store-header .header-actions>.site-whatsapp-action{display:none!important}.dc-store-header .header-actions>.header-action-icon{width:36px!important;min-width:36px!important}.dc-mobile-menu-trigger{width:36px;height:36px}}

/* Final mobile overrides: isolate the compact header from legacy storefront rules. */
@media(max-width:820px){
body{padding-top:0!important}
.dc-store-header{position:relative!important;top:auto!important;right:auto!important;left:auto!important;height:auto!important}
.dc-store-header .dc-header-main{height:auto!important;padding-inline:10px!important}
.dc-store-header .header-grid{height:auto!important;min-height:105px!important;padding:8px 0 7px!important;grid-template-columns:minmax(112px,1fr) auto 40px!important;grid-template-areas:"brand actions menu" "search search search"!important;gap:7px 8px!important}
.dc-store-header .brand{position:static!important;width:140px!important;max-width:100%;min-height:39px!important;height:39px!important;transform:none!important}
.dc-store-header .brand-logo{width:100%!important;height:29px!important;max-height:29px!important}
.dc-store-header .header-actions{gap:0!important}
.dc-store-header .header-actions>a.header-action-icon{display:grid!important;width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;place-items:center;font-size:inherit!important}
.dc-store-header .header-actions>a.dc-header-action--orders,.dc-store-header .header-actions>a.dc-header-action--support{display:none!important}
.dc-store-header .search-box{height:40px!important;min-height:40px!important;padding:0!important}
.dc-store-header .search-box button{width:51px!important;height:36px!important;flex:0 0 51px!important}
.dc-store-header .nav-row{display:none!important}
.dc-store-header .search-panel{display:none!important}
.global-mobile-search{height:100dvh;background:#f4f6f9!important}
.global-mobile-search>header{height:64px!important;padding:10px!important;background:#073575!important}
.global-mobile-search>header form{height:44px!important}
.global-search-content{height:calc(100dvh - 64px)!important}
.mega-menu{top:0!important;right:0!important;left:auto!important;bottom:0!important;width:min(88vw,360px)!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;z-index:4100!important;box-shadow:-12px 0 35px rgba(3,17,42,.35)!important;background:#fff!important;direction:rtl!important}
.mega-menu.show{display:block!important}
.mega-menu .desktop-reference-mega{display:block!important;height:100%!important;border-radius:0!important}
.mega-menu .desktop-reference-mega{overflow-y:auto!important;overscroll-behavior:contain;background:#fff;color:#172b4d;scrollbar-width:thin}
.mega-menu .desktop-reference-panel{display:none;min-height:100%;padding:0 0 28px;background:#fff}
.mega-menu .desktop-reference-panel.is-active{display:block!important}
.mega-menu .desktop-reference-root{display:block!important;min-height:100%}
.mega-menu .desktop-reference-utility,.mega-menu .desktop-reference-categories{display:block!important;padding:18px 16px!important;background:#fff!important}
.mega-menu .desktop-reference-utility{padding-top:52px!important;background:#f5f8ff!important;border-bottom:1px solid #dce5f3}
.mega-menu .desktop-reference-utility>hr{margin:13px 0;border:0;border-top:1px solid #d8e1ef}
.mega-menu .desktop-reference-utility>h3,.mega-menu .desktop-reference-categories>h2{margin:15px 4px 7px;color:#0b326b;font-size:18px;font-weight:900}
.mega-menu .desktop-reference-utility>a,.mega-menu .desktop-reference-categories>button,.mega-menu .desktop-reference-level-list>button,.mega-menu .desktop-reference-level-list>a{box-sizing:border-box;width:100%!important;min-height:48px;display:flex!important;align-items:center;gap:10px;padding:10px 8px!important;border:0!important;border-bottom:1px solid #edf1f6!important;border-radius:0!important;background:transparent!important;color:#183968!important;font:700 14px/1.65 inherit!important;text-align:right!important;text-decoration:none!important;white-space:normal!important}
.mega-menu .desktop-reference-categories>button i,.mega-menu .desktop-reference-level-list>button i{margin-right:auto;color:#8797ad;font-size:12px}
.mega-menu .desktop-reference-panel>.desktop-reference-back,.mega-menu .desktop-reference-back-stack{margin:0!important;padding-top:52px!important}
.mega-menu .desktop-reference-back-stack{background:#eef4ff}
.mega-menu .desktop-reference-back{box-sizing:border-box;width:100%;min-height:52px;display:flex;align-items:center;gap:9px;padding:10px 18px;border:0;border-bottom:1px solid #dbe5f4;background:#eef4ff;color:#294b78;font:800 13px/1.5 inherit;text-align:right}
.mega-menu .desktop-reference-title{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid #e5eaf1}
.mega-menu .desktop-reference-title h2{min-width:0;margin:0;color:#0b326b;font-size:20px;font-weight:950;overflow-wrap:anywhere}
.mega-menu .desktop-reference-title a{flex:0 0 auto;color:#0865c5;font-size:12px;font-weight:850;text-decoration:none}
.mega-menu .desktop-reference-level-list{display:block;padding:4px 14px}
.mobile-mega-close{position:absolute;z-index:5;top:10px;left:10px;display:grid;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:9px;background:#0a2f65;color:#fff;font-size:18px}
.desktop-reference-panel[data-desktop-mega-panel="root"]{padding-top:48px}
.mega-menu>.mega-side,.mega-menu>.desktop-mega-content,.mega-menu>.mobile-category-panel{display:none!important}
.mega-menu:before{display:none!important}
body.mega-open:after{content:"";position:fixed;z-index:4050;inset:0;background:rgba(2,13,32,.58)}
}
@media(max-width:420px){.dc-store-header .header-actions>a.site-whatsapp-action{display:none!important}.dc-store-header .header-grid{grid-template-columns:minmax(98px,1fr) auto 38px!important}.dc-store-header .brand{width:120px!important}}

/* Reference drawer: single-column, spacious, and visually identical in behavior to the supplied mobile sample. */
.reference-drawer-user{display:none}.reference-drawer-account{display:none}.reference-all-products{font-family:inherit}
@media(min-width:992px){.reference-drawer-root{display:block!important}.desktop-reference-utility>.reference-all-products{width:100%;min-height:48px;display:flex;align-items:center;gap:11px;padding:0 7px;border:0;background:transparent;color:#29303a;font:650 15px/1.55 inherit;text-align:right}.desktop-reference-utility>.reference-all-products i:last-child{margin-right:auto}.reference-drawer-main{min-height:100%}}
@media(max-width:820px){
.mega-menu{width:min(82vw,340px)!important;overflow:visible!important;transform:translateX(105%);transition:transform .24s ease!important;display:block!important;visibility:hidden}.mega-menu.show{visibility:visible;transform:none}.mobile-mega-close{top:0!important;left:-54px!important;width:48px!important;height:48px!important;border-radius:0!important;background:#071526!important;font-size:24px!important}.mega-menu .desktop-reference-panel[data-desktop-mega-panel="root"]{padding-top:0!important}.reference-drawer-user{height:58px;display:flex;align-items:center;padding:0 16px;background:#073575;color:#fff;font-size:14px}.reference-drawer-user strong{margin-right:5px;font-size:15px}.mega-menu .reference-drawer-root{display:flex!important;min-height:calc(100dvh - 58px);flex-direction:column;background:#fff!important}.mega-menu .reference-drawer-main{padding:7px 15px 12px!important;background:#edf4ff!important}.mega-menu .reference-drawer-main>a,.mega-menu .reference-drawer-main>button{box-sizing:border-box;width:100%!important;min-height:48px;display:grid!important;grid-template-columns:25px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:7px 0!important;border:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;color:#101828!important;font:750 14px/1.5 inherit!important;text-align:right!important;text-decoration:none!important}.mega-menu .reference-drawer-main>a>i:first-child,.mega-menu .reference-drawer-main>button>i:first-child{font-size:17px;color:#253142}.mega-menu .reference-drawer-main>a>i:last-child,.mega-menu .reference-drawer-main>button>i:last-child{grid-column:3;color:#98a2b3;font-size:11px}.mega-menu .reference-drawer-main>a:not(:has(i)){display:flex!important;padding-right:35px!important}.mega-menu .reference-drawer-main>hr{margin:8px 0!important;border-top:1px solid #cfd9e8!important}.reference-drawer-account{display:block;margin-top:auto;padding:7px 15px 18px;background:#fff}.reference-drawer-account>a{min-height:44px;display:flex;align-items:center;padding:0;color:#172033;font-size:13px;text-decoration:none}.mega-menu .desktop-reference-panel>.desktop-reference-back{padding-top:0!important;margin:0!important}.mega-menu .desktop-reference-title{padding-inline:16px!important}.mega-menu .desktop-reference-level-list{padding:4px 15px 20px!important}.mega-menu .desktop-reference-level-list>button{min-height:50px!important;padding:8px 2px!important;font-size:14px!important}.mega-menu .desktop-reference-panel:not([data-desktop-mega-panel="root"]){padding-top:0!important}.mega-menu .desktop-reference-back-stack{padding-top:0!important}
}

/* Laptop/desktop search: clean bar plus one lightweight popular-search panel. */
@media(min-width:821px){.dc-store-header .search-box{height:48px!important;border:2px solid #2f6bd4!important;border-radius:999px!important;box-shadow:none!important}.dc-store-header .search-box input{padding-inline:18px!important;background:#fff!important;font-size:13px!important}.dc-store-header .search-box button{width:67px!important;height:44px!important;flex:0 0 67px;border-radius:999px!important;background:#1761cc!important;color:#fff!important}.dc-store-header .search-box:focus-within{border-color:#1761cc!important;box-shadow:0 0 0 3px #1761cc20!important}.dc-store-header .search-panel{right:0!important;left:0!important;width:100%!important;max-width:none!important;min-height:220px!important;padding:0!important;border:0!important;border-radius:5px!important;background:#fff!important;box-shadow:0 18px 40px #071a3930!important;transform:translateY(8px)!important}.dc-store-header .search-shell.search-open .search-panel,.dc-store-header .search-shell:focus-within .search-panel{transform:translateY(0)!important}.reference-hot-search{padding:28px 36px;direction:rtl}.reference-hot-search>strong{display:block;margin-bottom:13px;color:#20242b;font-size:16px;font-weight:950}.reference-hot-search>div{display:flex;flex-wrap:wrap;gap:12px}.reference-hot-search a{padding:9px 14px;border-radius:5px;background:#f1f1f1;color:#292d33;font-size:12px;text-decoration:none}.dc-store-header .search-suggestions{padding:14px 20px!important}.dc-store-header .search-suggestions[hidden]{display:none!important}}

/* Reference-style desktop actions: icon and readable two-line label. */
@media(min-width:821px){.dc-store-header .header-actions{gap:0!important;height:58px}.dc-store-header .header-actions>a.header-action-icon{position:relative!important;display:grid!important;grid-template-columns:31px minmax(72px,auto)!important;grid-template-rows:1fr!important;align-items:center!important;gap:9px!important;width:auto!important;min-width:118px!important;height:54px!important;padding:6px 14px!important;border-radius:0!important}.dc-store-header .header-actions>a.header-action-icon+.header-action-icon:after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:1px;background:#ffffff2c}.dc-store-header .header-action-icon>i:first-child{grid-column:1!important;font-size:27px!important}.dc-store-header .header-action-icon>span{grid-column:2!important;position:static!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;color:#fff!important;opacity:1!important;visibility:visible!important;transform:none!important;line-height:1.25!important}.dc-store-header .header-action-icon span small{display:block!important;color:#abc5e7!important;font-size:9px!important;font-weight:600!important}.dc-store-header .header-action-icon span strong{display:block!important;margin-top:3px!important;color:#fff!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}.dc-store-header .header-actions>a.header-action-icon:hover{background:#ffffff12!important;border-radius:10px!important}.dc-store-header .header-actions>a.site-whatsapp-action{min-width:105px!important}.dc-store-header .header-actions>a.site-whatsapp-action span strong{color:#66f0a2!important}}
@media(min-width:821px) and (max-width:1180px){.dc-store-header .header-actions>a.header-action-icon{grid-template-columns:27px minmax(58px,auto)!important;min-width:96px!important;padding-inline:9px!important}.dc-store-header .header-action-icon span small{display:none!important}.dc-store-header .header-action-icon span strong{font-size:10px!important}}

/* Storefront action labels: consistent icon + two-line copy, including notifications. */
@media(min-width:821px){
.dc-store-header .header-actions{align-items:center!important;gap:0!important}
.dc-store-header .app-notification-center{height:58px;display:flex;align-items:center}
.dc-store-header .app-notification-trigger{position:relative!important;width:auto!important;min-width:118px!important;height:54px!important;padding:6px 14px!important;display:grid!important;grid-template-columns:31px minmax(72px,auto)!important;align-items:center!important;gap:9px!important;border-radius:0!important;background:transparent!important;color:#fff!important}
.dc-store-header .app-notification-trigger:hover,.dc-store-header .app-notification-trigger[aria-expanded=true]{border-radius:10px!important;background:rgba(255,255,255,.08)!important}
.dc-store-header .app-notification-trigger>i:first-child{grid-column:1;font-size:27px!important}
.dc-store-header .app-notification-copy{grid-column:2;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1.25;color:#fff}
.dc-store-header .app-notification-copy small{display:block!important;color:#abc5e7!important;font-size:9px!important;font-weight:600!important}
.dc-store-header .app-notification-copy strong{display:block!important;margin-top:3px!important;color:#fff!important;font-size:12px!important;font-weight:900!important;white-space:nowrap}
.dc-store-header .app-notification-trigger>[data-notification-badge]{inset-block-start:2px;inset-inline-start:auto;right:28px}
.dc-store-header .app-notification-panel{inset-inline-start:0}
}
@media(min-width:821px) and (max-width:1350px){
.dc-store-header .header-actions>a.header-action-icon,.dc-store-header .app-notification-trigger{grid-template-columns:27px minmax(58px,auto)!important;min-width:96px!important;padding-inline:9px!important}
.dc-store-header .header-action-icon span small,.dc-store-header .app-notification-copy small{display:none!important}
.dc-store-header .header-action-icon span strong,.dc-store-header .app-notification-copy strong{font-size:10px!important}
.dc-store-header .app-notification-trigger>[data-notification-badge]{right:22px}
}
@media(max-width:1100px){.dc-store-header .app-notification-copy{display:none!important}.dc-store-header .app-notification-trigger{width:44px!important;min-width:44px!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;border-radius:11px!important}.dc-store-header .app-notification-trigger>i:first-child{grid-column:1!important;font-size:21px!important}.dc-store-header .app-notification-trigger>[data-notification-badge]{top:-5px;right:-4px}}

/* Mobile header: full search at page top, compact search icon while scrolling. */
@media (max-width: 820px) {
    .dc-store-header {
        position: sticky !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 3000 !important;
        width: 100%;
        transition: box-shadow .2s ease;
    }

    .dc-store-header .header-grid {
        direction: ltr;
        min-height: 103px !important;
        grid-template-columns: 40px minmax(105px,1fr) auto !important;
        grid-template-areas: "menu brand actions" "search search search" !important;
        gap: 7px 8px !important;
        transition: min-height .2s ease, padding .2s ease;
    }

    .dc-store-header .dc-mobile-menu-trigger { grid-area: menu; }
    .dc-store-header .brand { grid-area: brand; justify-self: start !important; }
    .dc-store-header .header-actions {
        grid-area: actions;
        direction: ltr;
        display: flex !important;
        justify-self: end;
    }

    .dc-store-header .header-actions > a.header-action-icon {
        display: grid !important;
        width: 39px !important;
        min-width: 39px !important;
        height: 39px !important;
        place-items: center !important;
    }

    .dc-store-header .header-actions > .dc-header-action--orders,
    .dc-store-header .header-actions > .site-whatsapp-action,
    .dc-store-header .header-actions > .app-notification-center { display: none !important; }

    .dc-store-header .search-shell { grid-area: search; direction: rtl; }
    .dc-store-header .search-box { transition: width .2s ease, background .2s ease, border-color .2s ease; }

    .dc-store-header.is-mobile-compact {
        box-shadow: 0 6px 18px rgba(1,25,61,.24) !important;
    }

    .dc-store-header.is-mobile-compact .header-grid {
        min-height: 55px !important;
        height: 55px !important;
        padding: 7px 0 !important;
        grid-template-columns: 40px minmax(92px,1fr) 40px auto !important;
        grid-template-areas: "menu brand search actions" !important;
    }

    .dc-store-header.is-mobile-compact .brand {
        width: 116px !important;
        height: 38px !important;
        min-height: 38px !important;
    }

    .dc-store-header.is-mobile-compact .search-shell {
        width: 39px !important;
        height: 39px !important;
        justify-self: center;
    }

    .dc-store-header.is-mobile-compact .search-box {
        width: 39px !important;
        min-width: 39px !important;
        height: 39px !important;
        min-height: 39px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: rgba(255,255,255,.1) !important;
        box-shadow: none !important;
    }

    .dc-store-header.is-mobile-compact .search-box input { display: none !important; }
    .dc-store-header.is-mobile-compact .search-box button {
        width: 39px !important;
        height: 39px !important;
        flex: 0 0 39px !important;
        border-radius: 10px !important;
        background: transparent !important;
        color: #fff !important;
        font-size: 21px !important;
    }

    .site-footer {
        display: block !important;
        margin-top: 28px !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
    }

    .site-footer .footer-main { padding: 28px 0 20px !important; }
    .site-footer .footer-service-strip {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 0 !important;
        margin-bottom: 25px !important;
        padding: 10px 0 !important;
    }
    .site-footer .footer-service-strip > div { min-height: 64px; padding: 9px 12px !important; border: 0 !important; }
    .site-footer .footer-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 24px 18px !important; }
    .site-footer .footer-brand { grid-column: 1/-1; }
    .site-footer .footer-logo { width: 188px; height: 64px; }
    .site-footer .footer-brand p { font-size: 11px; line-height: 1.9; }
    .site-footer .footer-links-column h4 { margin-bottom: 13px; font-size: 13px; }
    .site-footer .footer-links-column a { font-size: 11px; }
    .site-footer .footer-connect { align-items: stretch; flex-direction: column; margin-top: 24px; padding: 14px; }
    .site-footer .footer-connect > a { justify-content: center; }
    .site-footer .footer-bottom { padding: 13px 0; }
    .site-footer .footer-bottom-inner { align-items: flex-start; flex-direction: column; gap: 9px; }
}

@media (max-width: 820px) {
    .dc-store-header .search-box input,
    .egg-mobile-search input,
    .global-mobile-search input { font-size: 16px !important; }
    .dc-mobile-menu-trigger { min-width: 44px; min-height: 44px; }
}

/* Undo the legacy visually-hidden tooltip dimensions on desktop labels. */
@media(min-width:1101px){
.dc-store-header .header-actions>.header-action-icon>span{
position:static!important;
display:flex!important;
width:auto!important;
height:auto!important;
min-width:72px!important;
padding:0!important;
overflow:visible!important;
clip:auto!important;
clip-path:none!important;
white-space:normal!important;
border:0!important;
opacity:1!important;
visibility:visible!important;
}
.dc-store-header .header-actions>.header-action-icon>span small,
.dc-store-header .header-actions>.header-action-icon>span strong{display:block!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important}
}

/* Absolute final mobile header rules; must win over legacy page styles. */
@media (max-width: 820px) {
    body.store-home-page,
    body.store-inner-page { padding-top: 103px !important; }

    body.store-home-page > .dc-store-header,
    body.store-inner-page > .dc-store-header {
        position: fixed !important;
        inset: 0 0 auto 0 !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        visibility: visible;
        opacity: 1;
        transform: none !important;
    }

    .dc-store-header .header-actions > .dc-header-action--orders,
    .dc-store-header .header-actions > a.site-whatsapp-action,
    .dc-store-header .header-actions > .site-whatsapp-action,
    .dc-store-header .header-actions > .app-notification-center { display: none !important; }

    .dc-store-header.is-mobile-compact .header-grid { min-height: 55px !important; }
}

/* Keep secondary account links directly after the main mobile navigation. */
@media (max-width: 991.98px) {
    .mega-menu .reference-drawer-root {
        justify-content: flex-start !important;
    }

    .mega-menu .reference-drawer-account {
        margin-top: 0 !important;
        padding: 8px 15px 14px !important;
        border-top: 1px solid #e2e8f1;
    }

    .mega-menu .reference-drawer-account > a {
        min-height: 40px;
    }
}

/* Desktop mega menu: two-column catalog and utility layout. */
@media (min-width: 992px) {
    .mega-menu {
        position: fixed !important;
        top: var(--mega-top, 145px) !important;
        right: var(--mega-right, 18px) !important;
        bottom: auto !important;
        left: auto !important;
        width: min(860px, calc(100vw - 36px)) !important;
        height: min(620px, calc(100vh - var(--mega-top, 145px) - 18px)) !important;
        max-height: none !important;
        overflow: hidden !important;
        border: 1px solid #dce3ed !important;
        border-radius: 5px !important;
        background: #fff !important;
        box-shadow: 0 18px 45px rgba(7, 24, 48, .25) !important;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-8px) !important;
        transition: opacity .18s ease, transform .18s ease, visibility .18s !important;
    }

    .mega-menu.show {
        display: block !important;
        visibility: visible;
        opacity: 1;
        transform: none !important;
    }

    .mega-menu .desktop-reference-mega,
    .mega-menu .desktop-reference-panel,
    .mega-menu .desktop-reference-root { height: 100%; }
    .mega-menu .desktop-reference-mega { display: block !important; overflow: auto; }
    .mega-menu .desktop-reference-panel { display: none; padding: 0; background: #fff; }
    .mega-menu .desktop-reference-panel.is-active { display: block !important; }
    .mega-menu .reference-drawer-user,
    .mega-menu .reference-drawer-account,
    .mega-menu .mobile-mega-close { display: none !important; }
    .mega-menu .reference-all-products { display: none !important; }

    .mega-menu .reference-drawer-root {
        display: grid !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(270px, .72fr);
        direction: rtl;
    }

    .mega-menu .reference-desktop-categories {
        grid-column: 1;
        display: block !important;
        padding: 25px 34px 30px !important;
        overflow-y: auto;
        background: #fff !important;
    }

    .mega-menu .reference-drawer-main {
        grid-column: 2;
        min-height: 0;
        padding: 25px 30px 30px !important;
        overflow-y: auto;
        border-left: 1px solid #dbe3ef;
        background: #eef4ff !important;
    }

    .reference-desktop-categories > header {
        min-height: 43px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 5px;
    }
    .reference-desktop-categories > header strong { color: #161b22; font-size: 17px; font-weight: 950; }
    .reference-desktop-categories > header a { color: #1767d1; font-size: 11px; font-weight: 850; text-decoration: none; }

    .mega-menu .reference-desktop-categories > button,
    .mega-menu .reference-drawer-main > a,
    .mega-menu .reference-drawer-main > button {
        box-sizing: border-box;
        width: 100% !important;
        min-height: 49px;
        display: grid !important;
        grid-template-columns: 25px minmax(0, 1fr) 16px;
        align-items: center;
        gap: 10px;
        padding: 8px 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #1f2937 !important;
        text-align: right !important;
        text-decoration: none !important;
        font: 750 15px/1.55 inherit !important;
    }
    .mega-menu .reference-desktop-categories > button { grid-template-columns: minmax(0, 1fr) 16px; }
    .mega-menu .reference-desktop-categories > button i,
    .mega-menu .reference-drawer-main > button i:last-child { color: #9aa5b4; font-size: 11px; }
    .mega-menu .reference-drawer-main > a:not(:has(i)) { display: flex !important; padding-right: 35px !important; }
    .mega-menu .reference-drawer-main > hr { margin: 12px 0; border: 0; border-top: 1px solid #ccd7e7; }
    .mega-menu .reference-desktop-categories > button:hover,
    .mega-menu .reference-drawer-main > a:hover,
    .mega-menu .reference-drawer-main > button:hover { color: #075fbf !important; }

    .mega-menu .desktop-reference-panel:not([data-desktop-mega-panel="root"]) { overflow-y: auto; }
    .mega-menu .desktop-reference-panel > .desktop-reference-back,
    .mega-menu .desktop-reference-back-stack { padding-top: 0 !important; }
    .mega-menu > .mega-side,
    .mega-menu > .desktop-mega-content,
    .mega-menu > .mobile-category-panel { display: none !important; }
    .mega-menu::before { display: none !important; }
}

@media (max-width: 991.98px) {
    .mega-menu .reference-desktop-categories { display: none !important; }
}
/* Cart quantity notification badge. */
.dc-cart-icon-wrap {
    position: relative;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
}

.dc-cart-count {
    position: absolute;
    inset-block-start: -9px;
    inset-inline-start: -11px;
    z-index: 2;
    display: grid;
    place-items: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #ef3340;
    color: #fff;
    box-shadow: 0 4px 10px rgba(198, 31, 44, .28);
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
}

.dc-cart-count.is-empty {
    display: none;
}

/* The cart has two spans: its icon and its copy. Keep them on one row. */
@media (min-width: 821px) {
    .dc-store-header .header-grid {
        grid-template-columns: 160px 155px minmax(300px, 1fr) auto;
    }

    .dc-store-header .brand {
        box-sizing: border-box;
        width: 160px;
        min-height: 52px;
        height: 52px;
        padding: 3px 5px;
        border: 1px solid rgba(255, 255, 255, .35);
        border-radius: 13px;
        box-shadow: 0 8px 20px rgba(0, 20, 55, .17);
    }

    .dc-store-header .brand-logo {
        width: 100%;
        height: 46px;
        max-height: 46px;
        object-fit: contain;
    }

    .dc-store-header .header-actions > a.dc-header-action--cart {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        min-width: 132px !important;
        height: 56px !important;
        padding: 6px 12px !important;
        border-radius: 12px !important;
    }

    .dc-store-header .dc-header-action--cart > .dc-cart-icon-wrap {
        position: relative !important;
        display: inline-grid !important;
        flex: 0 0 30px !important;
        width: 30px !important;
        height: 34px !important;
        min-width: 30px !important;
        padding: 0 !important;
        place-items: center !important;
        overflow: visible !important;
        line-height: 1 !important;
    }

    .dc-store-header .dc-header-action--cart > .dc-cart-icon-wrap > i {
        color: #fff;
        font-size: 28px;
        line-height: 1;
    }

    .dc-store-header .dc-header-action--cart > span:not(.dc-cart-icon-wrap) {
        position: static !important;
        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        white-space: nowrap !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

@media (min-width: 821px) and (max-width: 1500px) {
    .dc-store-header .header-grid {
        grid-template-columns: 152px 130px minmax(250px, 1fr) auto;
    }

    .dc-store-header .brand { width: 152px; height: 49px; min-height: 49px; }
    .dc-store-header .brand-logo { height: 43px; max-height: 43px; }
    .dc-store-header .header-actions > a.dc-header-action--cart { min-width: 110px !important; padding-inline: 8px !important; }
}

@media (min-width: 821px) and (max-width: 1100px) {
    .dc-store-header .header-grid {
        grid-template-columns: 144px minmax(220px, 1fr) auto;
    }

    .dc-store-header .brand { width: 144px; height: 47px; min-height: 47px; }
    .dc-store-header .brand-logo { height: 40px; max-height: 40px; }
}

@media (max-width: 820px) {
    .dc-store-header .header-actions > a.dc-header-action--cart > .dc-cart-icon-wrap {
        display: inline-grid !important;
        position: relative !important;
        width: 28px !important;
        height: 28px !important;
        place-items: center !important;
        overflow: visible !important;
    }

    .dc-store-header .header-actions > a.dc-header-action--cart > span:not(.dc-cart-icon-wrap) {
        display: none !important;
    }
}

/* Give the mobile wordmark a clear visual priority without enlarging the header. */
@media (max-width: 820px) {
    .dc-store-header .header-grid {
        grid-template-columns: minmax(0, 1fr) auto 40px !important;
        min-height: 104px !important;
        gap: 5px 7px !important;
        padding: 6px 0 !important;
    }
    .dc-store-header .brand {
        width: clamp(154px, 48vw, 190px) !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 2px 4px !important;
        border-radius: 10px !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    .dc-store-header .brand-logo {
        width: 100% !important;
        height: 48px !important;
        max-height: 48px !important;
    }
    .dc-store-header .search-box { height: 39px !important; min-height: 39px !important; }
    .dc-store-header .search-panel { top: 104px !important; }
}
@media (max-width: 380px) {
    .dc-store-header .brand { width: min(48vw, 160px) !important; }
}

/* Compact, balanced footer for narrow storefront screens. */
@media (max-width: 820px) {
    .site-footer { margin-top: 24px !important; }
    .site-footer .footer-main { padding: 20px 0 16px !important; }
    .site-footer .footer-service-strip {
        row-gap: 0 !important;
        margin-bottom: 16px !important;
        padding: 0 0 14px !important;
    }
    .site-footer .footer-service-strip > div {
        min-height: 56px !important;
        gap: 8px;
        padding: 6px 8px !important;
    }
    .site-footer .footer-service-strip i { font-size: 20px; }
    .site-footer .footer-service-strip strong { font-size: 11px; }
    .site-footer .footer-service-strip small { font-size: 9px; }
    .site-footer .footer-grid { gap: 17px 12px !important; }
    .site-footer .footer-brand { min-width: 0; }
    .site-footer .footer-logo { width: 188px; height: 63px; margin-bottom: 4px; }
    .site-footer .footer-brand p { max-width: 100%; font-size: 11px; line-height: 1.7; }
    .site-footer .footer-contact-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 13px;
    }
    .site-footer .footer-contact-list a {
        min-width: 0;
        min-height: 52px;
        gap: 6px;
        padding: 7px;
        border: 1px solid rgba(137, 170, 213, .2);
        border-radius: 11px;
        background: rgba(255, 255, 255, .035);
        font-size: 10.5px;
    }
    .site-footer .footer-contact-list a:last-child { grid-column: 1 / -1; min-height: 43px; }
    .site-footer .footer-contact-list a > i { flex-basis: 28px; height: 28px; border-radius: 8px; font-size: 13px; }
    .site-footer .footer-contact-list a span { min-width: 0; }
    .site-footer .footer-contact-list a small { font-size: 9px; }
    .site-footer .footer-contact-list a bdi { font-size: 10.5px; white-space: nowrap; }
    .site-footer .footer-socials { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 12px; }
    .site-footer .footer-socials a, .site-footer .footer-socials-pending { justify-content: center; min-width: 0; min-height: 37px; gap: 5px; padding: 5px; font-size: 10px; }
    .site-footer .footer-socials i { font-size: 16px; }
    .site-footer .footer-links-column { min-width: 0; }
    .site-footer .footer-links-column:last-child { grid-column: 1 / -1; }
    .site-footer .footer-links-column h4 { margin: 0 0 9px; padding-bottom: 8px; font-size: 12px; }
    .site-footer .footer-links-column ul { gap: 5px; }
    .site-footer .footer-links-column:last-child ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; }
    .site-footer .footer-links-column a { display: block; font-size: 10.5px; line-height: 1.6; }
    .site-footer .footer-connect { gap: 12px; margin-top: 17px; padding: 12px; }
    .site-footer .footer-connect strong { font-size: 11px; }
    .site-footer .footer-connect small { font-size: 10px; }
    .site-footer .footer-connect > a { min-height: 40px; }
    .site-footer .footer-bottom { padding: 11px 0; }
    .site-footer .footer-bottom-inner { gap: 6px; }
}