/* F90 navigation and theme control */
.f90-theme-toggle{width:100%;min-height:54px;display:flex;align-items:center;gap:12px;justify-content:space-between;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:16px;padding:10px 13px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--text);font:inherit;font-weight:700;cursor:pointer;text-align:start;transition:background .25s,border-color .25s,transform .25s}
.f90-theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}
.f90-theme-toggle:focus-visible,.f90-drawer-vip-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.f90-theme-toggle-icon{font-size:24px;color:var(--accent);width:30px;text-align:center}
.f90-theme-toggle-label{flex:1;font-size:13px}
.f90-theme-toggle-track{width:46px;height:26px;border-radius:30px;background:color-mix(in srgb,var(--accent) 27%,var(--line));padding:3px;display:flex;align-items:center;direction:ltr;flex-shrink:0}
.f90-theme-toggle-track i{display:block;width:20px;height:20px;border-radius:50%;background:var(--accent);box-shadow:0 1px 5px #0003;transition:transform .25s}
:root[data-theme="cream"] .f90-theme-toggle-track i{transform:translateX(20px)}
.f90-drawer-vip-link{display:flex;align-items:center;gap:10px;margin:12px 12px 4px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:15px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface));color:var(--text);text-decoration:none;font-weight:700}
.f90-drawer-vip-link>span:nth-child(2){flex:1}
.f90-drawer-vip-link svg{color:var(--accent)}
.f90-mobile-dock{background:color-mix(in srgb,var(--surface) 83%,transparent)!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-bottom:0;box-shadow:0 -9px 35px rgba(0,0,0,.17),inset 0 1px 0 color-mix(in srgb,var(--accent) 14%,transparent);border-radius:20px 20px 0 0}
.f90-mobile-dock a{color:var(--muted);border-radius:13px;transition:color .2s,background .2s}
.f90-mobile-dock a.active{color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 11%,transparent)}
.f90-mobile-dock a.active svg{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 48%,transparent))}
:root[data-theme="cream"] .f90-mobile-dock{background:rgba(255,250,246,.9)!important;border-color:rgba(140,36,68,.17);box-shadow:0 -8px 24px rgba(81,40,55,.1)}
:root[data-theme="cream"] .f90-mobile-dock a{color:#785764}
:root[data-theme="cream"] .f90-mobile-dock a.active{color:#a51f46!important;background:rgba(170,35,70,.095)}
@media(prefers-reduced-motion:reduce){.f90-theme-toggle,.f90-theme-toggle-track i,.f90-mobile-dock a{transition:none!important}}

/* F90 premium side drawer, inspired by the supplied layout, in the F90 brand palette */
#drawer.drawer{width:min(92vw,420px);max-width:420px;background:radial-gradient(circle at 100% 0%,rgba(244,38,77,.18),transparent 54%),linear-gradient(155deg,#161c2b,#0c101b 58%,#1a101e);border-inline-start:1px solid rgba(255,107,137,.34);box-shadow:-24px 0 75px #0009;overscroll-behavior:contain}
#drawer .drawer-head{padding:20px 18px;border-bottom:1px solid rgba(240,115,152,.18)}
#drawer .drawer-head strong{font-size:16px;letter-spacing:.1px}
#drawer #drawerProfile{padding:10px 14px}
#drawer .drawer-profile{border-radius:20px;padding:13px;background:linear-gradient(120deg,rgba(244,45,84,.12),rgba(75,106,164,.12));border:1px solid rgba(255,108,140,.22)}
#drawer .drawer-profile strong{font-size:17px}
#drawer .f90-drawer-wallet-card{margin:13px 0;padding:17px;border:1px solid rgba(252,174,101,.44);background:linear-gradient(125deg,rgba(245,147,64,.13),rgba(39,57,90,.36));border-radius:20px;box-shadow:inset 0 1px rgba(255,255,255,.06),0 9px 30px #0002}
#drawer .f90-drawer-wallet-heading{display:flex;align-items:center;gap:8px;color:#f2c690;font-size:13px;font-weight:800}
#drawer .f90-drawer-wallet-heading svg{width:19px;height:19px}
#drawer .f90-drawer-wallet-card>strong{display:block;font-size:clamp(22px,6vw,29px);margin:9px 0 15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#fff}
#drawer .f90-drawer-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#drawer .f90-drawer-wallet-actions a{display:flex;gap:7px;align-items:center;justify-content:center;border:1px solid rgba(245,169,96,.42);border-radius:13px;min-height:44px;text-decoration:none;background:rgba(251,174,94,.07);color:#ffe2b5;font-weight:800;font-size:12px}
#drawer .f90-drawer-wallet-actions svg{width:17px;height:17px}
#drawer .f90-drawer-quick-title{text-align:center;margin:14px 0 10px;color:#aeb3c6;font-size:12px}
#drawer .f90-drawer-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#drawer .f90-drawer-quick-grid a{min-height:84px;border:1px solid rgba(251,85,118,.32);border-radius:16px;text-decoration:none;color:#f7eaf0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:850;background:linear-gradient(145deg,rgba(67,88,123,.28),rgba(170,36,78,.16));box-shadow:inset 0 1px rgba(255,255,255,.07)}
#drawer .f90-drawer-quick-grid a:nth-child(2n){border-color:rgba(80,183,225,.34);background:linear-gradient(145deg,rgba(45,98,137,.29),rgba(79,46,94,.13))}
#drawer .f90-drawer-quick-grid svg{width:24px;height:24px;color:#ff7c9a;filter:drop-shadow(0 0 6px #ed3e6780)}
#drawer .f90-drawer-quick-grid a:nth-child(2n) svg{color:#6edafa}
#drawer .f90-drawer-group{margin-top:20px;padding:6px 12px;color:#c6b6c7}
#drawer #drawerLinks>a,#drawer #drawerLinks>button{margin:5px 13px;border:1px solid rgba(247,94,136,.23);border-radius:15px;min-height:51px;background:linear-gradient(120deg,rgba(255,255,255,.038),rgba(202,49,105,.09));transition:border-color .15s,transform .15s}
#drawer #drawerLinks>a:hover,#drawer #drawerLinks>button:hover{border-color:rgba(255,101,142,.64);transform:translateX(-2px)}
#drawer #drawerLinks svg{color:#ff7a98}
#drawer .drawer-preferences{margin:16px 13px;padding:12px;border-top:1px solid #fff2}
#drawer .f90-theme-toggle{background:rgba(242,67,101,.11);border-color:rgba(255,127,150,.35)}
:root[data-theme="cream"] #drawer.drawer{background:linear-gradient(145deg,#fff8f6,#f7eaf1);border-color:#dca9b8;box-shadow:-20px 0 65px #30101933}
:root[data-theme="cream"] #drawer .f90-drawer-wallet-card{background:linear-gradient(140deg,#503044,#352a43)}
:root[data-theme="cream"] #drawer .f90-drawer-quick-grid a{background:#fff0f5;color:#552c42}
:root[data-theme="cream"] #drawer #drawerLinks>a,:root[data-theme="cream"] #drawer #drawerLinks>button{background:#fff7fa;color:#562e42;border-color:#ead0d9}
@media(max-width:520px){#drawer.drawer{width:min(94vw,400px)}#drawer #drawerProfile{padding-inline:11px}#drawer .f90-drawer-wallet-card{margin:10px 0;padding:14px}#drawer .f90-drawer-quick-grid a{min-height:74px}}
@media(prefers-reduced-motion:reduce){#drawer #drawerLinks>a,#drawer #drawerLinks>button{transition:none}}

/* Centered F90 logo, drawer on the right, wallet and glowing bell on the left */
.site-header .header-inner{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(88px,max-content) 46px;grid-template-rows:minmax(66px,auto) auto;gap:4px 7px;position:relative;direction:rtl;align-items:center;padding-top:5px;padding-bottom:8px}
.site-header .header-inner>.header-actions{display:contents}
.site-header #menuButton{grid-column:1;grid-row:1;justify-self:start;z-index:2}
.site-header #headerBrand{grid-row:1;position:absolute;inset-inline-start:50%;transform:translateX(50%);z-index:1;width:clamp(95px,21vw,155px);height:59px;max-width:none;margin:0}
.site-header #headerBrand img{max-width:100%}
.site-header #headerWallet{grid-column:3;grid-row:1;z-index:2;min-width:0;justify-self:end;max-width:145px;overflow:hidden;text-overflow:ellipsis;font-size:12px;padding:7px 9px}
.site-header #headerWallet span{overflow:hidden;text-overflow:ellipsis}
.site-header #storeBell{grid-column:4;grid-row:1;z-index:2;justify-self:end}
.site-header #searchForm{grid-column:1/-1;grid-row:2;justify-self:center;max-width:670px;width:100%;margin:4px auto 0}
.site-header .f90-header-bell{position:relative;isolation:isolate;border-radius:50%;color:#ff648f!important;border:1px solid rgba(255,108,148,.45);background:radial-gradient(circle,rgba(245,49,101,.20),rgba(19,22,42,.68));box-shadow:0 0 15px rgba(247,51,109,.25),inset 0 0 10px rgba(253,73,125,.13)}
.site-header .f90-bell-svg{height:22px;width:22px;display:block;filter:drop-shadow(0 0 5px rgba(252,50,102,.9));transform-origin:50% 10%}
.site-header .f90-header-bell.f90-bell-new{box-shadow:0 0 15px rgba(246,48,99,.5),0 0 28px rgba(245,45,89,.22);animation:f90BellPulse .75s ease-out 3}
.site-header .f90-header-bell.f90-bell-new .f90-bell-svg{animation:f90BellSwing .55s ease-in-out 4}
@keyframes f90BellSwing{0%,100%{transform:rotate(0)}20%{transform:rotate(17deg)}50%{transform:rotate(-15deg)}80%{transform:rotate(9deg)}}
@keyframes f90BellPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.6)}}
:root[data-theme="cream"] .site-header .f90-header-bell{background:#fff2f7;border-color:#dd9db2;color:#a92252!important}
:root[data-theme="cream"] .site-header #headerWallet{background:#fff6fa}
@media(min-width:930px){.site-header .header-inner{grid-template-columns:55px minmax(0,1fr) minmax(110px,max-content) 48px}.site-header #headerBrand{height:68px;width:170px}}
@media(max-width:520px){.site-header .header-inner{grid-template-columns:42px minmax(0,1fr) minmax(78px,max-content) 42px;gap:3px 4px}.site-header #headerBrand{width:clamp(88px,27vw,124px);height:56px}.site-header #headerWallet{max-width:110px;padding:6px;font-size:10px}.site-header #headerWallet svg{height:16px;width:16px}.site-header #storeBell{width:39px;height:39px}}
@media(max-width:365px){.site-header #headerBrand{width:85px}.site-header #headerWallet{max-width:89px}.site-header .header-inner{grid-template-columns:39px minmax(0,1fr) minmax(76px,max-content) 39px}}
@media(prefers-reduced-motion:reduce){.site-header .f90-header-bell.f90-bell-new,.site-header .f90-header-bell.f90-bell-new .f90-bell-svg{animation:none}}

/* F90 logo-first header: protected center zone, compact wallet and alerts */
.site-header .header-inner{grid-template-columns:40px minmax(0,1fr) minmax(0,84px) 34px;column-gap:4px;min-height:124px}
.site-header #headerBrand{width:clamp(125px,27vw,190px);height:72px;overflow:visible;isolation:isolate;pointer-events:auto}
.site-header #headerBrand img,.site-header #headerBrand.brand-contain img{position:absolute;width:100%;height:100%;top:0;left:0;right:0;object-fit:contain;max-width:none;filter:drop-shadow(0 0 8px rgba(245,49,85,.27))}
.site-header #storeBell{width:32px;height:32px;padding:6px;min-width:32px;border-radius:50%}
.site-header #storeBell .f90-bell-svg{width:17px;height:17px}
.site-header #headerWallet{width:84px;max-width:84px;min-width:0;height:32px;gap:3px;padding:3px 5px;font-size:10px;border-radius:11px;justify-content:center}
.site-header #headerWallet svg{width:13px;height:13px;flex:none}
.site-header #headerWallet span{max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header #menuButton{width:39px;height:39px}
.site-header #searchForm{margin-top:12px}
@media(min-width:650px){.site-header .header-inner{grid-template-columns:46px minmax(0,1fr) 108px 38px;min-height:142px}.site-header #headerBrand{width:185px;height:86px}.site-header #headerWallet{width:108px;max-width:108px;height:37px;font-size:11px}.site-header #storeBell{width:37px;height:37px}.site-header #storeBell .f90-bell-svg{width:20px;height:20px}}
@media(min-width:1000px){.site-header #headerBrand{width:205px;height:94px}}
@media(max-width:390px){.site-header .header-inner{grid-template-columns:36px minmax(0,1fr) 74px 29px;column-gap:3px}.site-header #headerBrand{width:clamp(108px,29vw,124px);height:68px}.site-header #headerWallet{width:74px;max-width:74px;font-size:9px;padding:2px}.site-header #headerWallet span{max-width:55px}.site-header #storeBell{width:29px;height:29px;min-width:29px;padding:5px}.site-header #menuButton{width:36px;height:36px}}

/* Signature F90 category & product tiles. Preserve original pictures and availability. */
.image-grid .image-tile{position:relative;isolation:isolate;padding:6px 6px 11px;gap:8px;border:1px solid color-mix(in srgb,var(--accent) 38%,#252b38);border-radius:19px;background:radial-gradient(circle at 85% 3%,rgba(249,49,88,.15),transparent 50%),linear-gradient(150deg,color-mix(in srgb,var(--surface2) 94%,#1a1020),var(--surface));box-shadow:inset 0 1px 0 #ffffff10,0 8px 24px #0002;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.image-grid .image-tile::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 15%,rgba(255,91,121,.07) 48%,transparent 75%);opacity:.6}
.image-grid .image-tile:nth-child(3n+2){border-color:rgba(72,172,216,.40);background:radial-gradient(circle at 15% 5%,rgba(43,172,217,.14),transparent 50%),linear-gradient(150deg,var(--surface2),var(--surface))}
.image-grid .image-tile:nth-child(3n){border-color:rgba(246,163,99,.38);background:radial-gradient(circle at 85% 5%,rgba(249,169,83,.13),transparent 50%),linear-gradient(150deg,var(--surface2),var(--surface))}
.image-grid .image-tile>img,.image-grid .image-tile>.image-placeholder{aspect-ratio:1/1;width:100%;height:auto;object-fit:contain;border-radius:13px;background:color-mix(in srgb,var(--surface2) 80%,#000);box-shadow:inset 0 0 0 1px #ffffff12;min-width:0}
.image-grid .image-tile .tile-caption{position:relative;z-index:1;color:var(--text);font-weight:850;line-height:1.45;min-height:2.8em;display:grid;place-items:center;text-align:center;font-size:clamp(10px,1.5vw,14px);padding:0 2px}
.image-grid .image-tile:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 25%,transparent),0 14px 30px #0003}
.image-grid .image-tile.refilling{opacity:1;border-style:dashed}
.image-grid .image-tile.refilling img{filter:grayscale(1);opacity:.58}
.image-grid .image-tile.refilling .refill-badge{z-index:2;inset:auto 7px 46px;pointer-events:none}
.image-grid .image-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.pack{border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));background:linear-gradient(135deg,var(--surface2),var(--surface));border-radius:16px;box-shadow:0 5px 18px #0002;transition:transform .2s,box-shadow .2s}
.pack:hover{transform:translateY(-3px);box-shadow:0 0 19px color-mix(in srgb,var(--accent) 22%,transparent)}
:root[data-theme="cream"] .image-grid .image-tile{background:linear-gradient(145deg,#fff8fa,#f7edf3);box-shadow:0 8px 19px #6d364a16}
:root[data-theme="cream"] .image-grid .image-tile:nth-child(3n+2){background:linear-gradient(145deg,#f2faff,#fff7fb)}
@media(max-width:520px){.image-grid .image-tile{padding:4px 4px 8px;border-radius:13px;gap:5px}.image-grid .image-tile>img,.image-grid .image-tile>.image-placeholder{border-radius:10px}.image-grid .image-tile .tile-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.image-grid .image-tile,.pack{transition:none}}

/* Mobile-safe layout: reserved logo lane and compact controls, no overlapping */
@media(max-width:520px){
.site-header .header-inner{grid-template-columns:40px minmax(112px,1fr) 76px 32px;column-gap:3px;box-sizing:border-box;width:100%}
.site-header #headerBrand{position:relative;inset:auto;transform:none;grid-column:2;grid-row:1;justify-self:center;width:min(100%,148px);height:72px;z-index:1}
.site-header #headerBrand img,.site-header #headerBrand.brand-contain img{transform:translate(var(--logo-x,0px),var(--logo-y,0px))}
.site-header #headerWallet{grid-column:3;grid-row:1;width:76px;max-width:76px}
.site-header #storeBell{grid-column:4;grid-row:1}
.site-header #menuButton{grid-column:1;grid-row:1}
.site-header #searchForm{grid-column:1/-1;grid-row:2}
}
@media(max-width:355px){.site-header .header-inner{grid-template-columns:35px minmax(104px,1fr) 66px 29px;gap:2px}.site-header #headerWallet{max-width:66px;width:66px;font-size:9px}.site-header #headerBrand{width:min(100%,128px);height:66px}.site-header #menuButton{width:34px}}
/* Consistent three-column small-screen cards, no clipped labels */
@media(max-width:650px){.image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.image-grid .image-tile{min-width:0}.image-grid .image-tile .tile-caption{overflow-wrap:anywhere;word-break:normal;hyphens:auto}}
@media(max-width:340px){.image-grid{gap:5px}.image-grid .image-tile .tile-caption{font-size:9px}}

/* Compact F90 header behind the real centered logo */
.site-header .header-inner{min-height:100px!important;grid-template-rows:56px auto!important;padding-top:3px!important;padding-bottom:5px!important}
.site-header #headerBrand{height:58px!important;max-height:58px;overflow:visible}
.site-header #headerBrand img{filter:drop-shadow(0 0 7px rgba(250,55,95,.22))}
.site-header #headerWallet{width:70px!important;max-width:70px!important;min-width:0!important;height:29px!important;font-size:10px!important;padding:3px 5px!important;white-space:nowrap}
.site-header #headerWallet svg{display:none!important}
.site-header #headerWallet span{max-width:100%!important;font-variant-numeric:tabular-nums;font-size:10px!important}
.site-header #storeBell{width:30px!important;height:30px!important;min-width:30px!important;padding:5px!important}
.site-header #searchForm{margin-top:3px!important}
@media(min-width:650px){.site-header .header-inner{min-height:109px!important;grid-template-rows:65px auto!important}.site-header #headerBrand{height:64px!important;max-height:64px}.site-header #headerWallet{width:95px!important;max-width:95px!important;font-size:11px!important}.site-header #headerWallet span{font-size:11px!important}}
/* Low-contrast drifting official F90 marks throughout screens */
#f90LogoSky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;contain:strict}
#f90LogoSky img{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);object-fit:contain;opacity:.075;filter:grayscale(.22) drop-shadow(0 0 10px rgba(239,61,109,.16));transform:translate3d(0,0,0) rotate(-10deg);animation:f90-logo-drift 32s ease-in-out var(--delay) infinite alternate;will-change:transform}
#f90LogoSky img:nth-child(3n){opacity:.045;animation-duration:42s}
#f90LogoSky img:nth-child(4n){opacity:.09;animation-duration:48s}
@keyframes f90-logo-drift{0%{transform:translate3d(calc(var(--drift) * -1),-24px,0) rotate(-13deg)}50%{transform:translate3d(var(--drift),17px,0) rotate(10deg)}100%{transform:translate3d(calc(var(--drift) * -1),-12px,0) rotate(18deg)}}
.site-header,.main-content,.site-footer,.promotion{isolation:isolate}
:root[data-theme="cream"] #f90LogoSky img{opacity:.055;filter:grayscale(.35)}
@media(max-width:650px){#f90LogoSky img:nth-child(n+8){display:none}#f90LogoSky img{opacity:.055}.site-header .header-inner{min-height:97px!important}}
@media(prefers-reduced-motion:reduce){#f90LogoSky img{animation:none!important;will-change:auto}}
@media(prefers-reduced-data:reduce){#f90LogoSky img:nth-child(n+4){display:none}}

/* Exact geometric center of the header content, independent of side controls. */
.site-header .header-inner{position:relative!important}
.site-header #headerBrand,.site-header .header-inner>#headerBrand{
  position:absolute!important;left:50%!important;right:auto!important;inset-inline-start:auto!important;
  top:3px!important;transform:translateX(-50%)!important;
  grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;
  width:clamp(118px,25vw,190px)!important;max-width:190px!important;
  height:58px!important;z-index:4!important
}
.site-header #headerBrand img{width:100%!important;height:100%!important;object-fit:contain!important}
@media(min-width:650px){.site-header #headerBrand,.site-header .header-inner>#headerBrand{top:3px!important;width:180px!important;height:64px!important}}
@media(max-width:390px){.site-header #headerBrand,.site-header .header-inner>#headerBrand{width:clamp(105px,32vw,124px)!important;top:3px!important;height:58px!important}}
/* Home uses the uploaded official storefront logo, not a generic grid icon. */
.f90-mobile-dock .f90-home-dock-logo{display:block;width:27px;height:27px;object-fit:contain;flex:none;filter:drop-shadow(0 0 6px rgba(255,64,105,.32))}
.f90-mobile-dock a.active .f90-home-dock-logo{filter:drop-shadow(0 0 9px rgba(255,64,105,.63))}
@media(max-width:380px){.f90-mobile-dock .f90-home-dock-logo{width:23px;height:23px}}

/* F90 final collision-safe header: logo is precisely centered with reserved side space. */
.site-header .header-inner{box-sizing:border-box!important;position:relative!important;overflow:visible!important}
.site-header #headerBrand,.site-header .header-inner>#headerBrand{
  left:50%!important;right:auto!important;inset-inline-start:auto!important;
  transform:translateX(-50%)!important;position:absolute!important;
  width:min(190px,calc(100% - 220px))!important;max-width:190px!important;
  min-width:0!important;display:flex!important;align-items:center;justify-content:center;
  padding:0!important;overflow:visible!important
}
.site-header #headerBrand img{left:0!important;right:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
.site-header #headerWallet,.site-header #storeBell,.site-header #menuButton{z-index:5!important;position:relative!important}
.site-header #headerWallet{direction:ltr;justify-content:center!important}
@media(min-width:760px){
 .site-header #headerBrand,.site-header .header-inner>#headerBrand{width:min(190px,calc(100% - 245px))!important}
}
@media(max-width:520px){
 .site-header .header-inner{grid-template-columns:36px minmax(0,1fr) 71px 30px!important;column-gap:3px!important}
 .site-header #headerBrand,.site-header .header-inner>#headerBrand{width:min(148px,calc(100% - 202px))!important;min-height:55px!important}
 .site-header #headerWallet{width:71px!important;max-width:71px!important}
 .site-header #storeBell{width:29px!important;min-width:29px!important}
}
@media(max-width:370px){
 .site-header .header-inner{grid-template-columns:34px minmax(0,1fr) 64px 27px!important;column-gap:2px!important}
 .site-header #headerBrand,.site-header .header-inner>#headerBrand{width:min(125px,calc(100% - 188px))!important}
 .site-header #headerWallet{width:64px!important;max-width:64px!important}
 .site-header #storeBell{width:27px!important;min-width:27px!important}
}
/* Keep the site's own uploaded logo crisp as the bottom home button. */
.f90-mobile-dock a[data-dock-page=""]{position:relative;display:flex;align-items:center;justify-content:center}
.f90-mobile-dock a[data-dock-page=""] .f90-home-dock-logo{width:clamp(26px,6.5vw,34px);height:clamp(26px,6.5vw,34px);max-width:100%;object-fit:contain;image-rendering:auto}
.f90-mobile-dock a[data-dock-page=""]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}

/* F90 balanced compact header, exact-center hero mark */
.site-header .header-inner{min-height:86px!important;grid-template-rows:52px 30px!important;padding-block:2px 3px!important;align-items:center!important}
.site-header #headerBrand,.site-header .header-inner>#headerBrand{top:0!important;height:52px!important;width:min(192px,calc(100% - 210px))!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:center!important;left:50%!important;transform:translateX(-50%)!important}
.site-header #headerBrand img{width:100%!important;height:100%!important;object-fit:contain!important}
.site-header #headerWallet,.site-header #storeBell,.site-header #menuButton{align-self:center!important}
.site-header #searchForm{margin-top:0!important;align-self:center!important;height:30px}
@media(max-width:520px){
.site-header .header-inner{min-height:83px!important;grid-template-rows:51px 28px!important}
.site-header #headerBrand,.site-header .header-inner>#headerBrand{width:min(156px,calc(100% - 188px))!important;height:51px!important}
.site-header #headerWallet{width:65px!important;max-width:65px!important}
.site-header #storeBell{width:28px!important;min-width:28px!important}
.site-header #searchForm{height:28px!important}
}
@media(max-width:370px){.site-header #headerBrand,.site-header .header-inner>#headerBrand{width:min(136px,calc(100% - 170px))!important}}

/* Permanently lit F90 neon edges on all category/service tiles */
.image-grid .image-tile{border:1px solid rgba(253,76,118,.7)!important;box-shadow:0 0 0 1px rgba(255,45,89,.16),0 0 13px rgba(243,39,83,.24),inset 0 0 12px rgba(247,48,91,.07)!important;animation:f90-card-edge-breathe 5s ease-in-out infinite alternate!important}
.image-grid .image-tile:nth-child(3n+2){border-color:rgba(65,191,238,.68)!important;animation-delay:-1.6s!important}
.image-grid .image-tile:nth-child(3n){border-color:rgba(247,164,88,.72)!important;animation-delay:-3.2s!important}
.image-grid .image-tile:hover{box-shadow:0 0 0 1px rgba(255,54,99,.34),0 0 22px rgba(255,50,106,.42),0 12px 24px #0003!important}
@keyframes f90-card-edge-breathe{from{filter:drop-shadow(0 0 2px rgba(255,52,101,.10))}to{filter:drop-shadow(0 0 9px rgba(255,52,101,.32))}}
:root[data-theme="cream"] .image-grid .image-tile{box-shadow:0 0 0 1px rgba(174,42,90,.16),0 0 11px rgba(199,52,101,.15)!important}
@media(prefers-reduced-motion:reduce){.image-grid .image-tile{animation:none!important}}

/* Compact header frame: keep the official logo big, narrow the background band itself. */
.site-header{padding-block:0!important}
.site-header .header-inner{min-height:69px!important;grid-template-rows:48px 19px!important;padding-block:0!important;gap:0 5px!important}
.site-header #headerBrand,.site-header .header-inner>#headerBrand{top:0!important;height:48px!important}
.site-header #searchForm{height:19px!important;margin:0 auto!important;max-height:19px}
.site-header #searchForm input{height:19px!important;min-height:19px!important;font-size:11px!important;padding-block:0!important}
.site-header #searchForm button{height:19px!important;min-height:19px!important;padding:1px!important}
.site-header .header-inner>.f90-header-theme{position:absolute!important;inset-inline-start:4px;top:2px;z-index:7;width:29px!important;height:29px!important;min-height:29px!important;padding:3px!important;border-radius:50%;display:grid;place-items:center}
.site-header .f90-header-theme .f90-theme-toggle-label,.site-header .f90-header-theme .f90-theme-toggle-track{display:none!important}
.site-header .f90-header-theme .f90-theme-toggle-icon{font-size:19px;width:auto;line-height:1}
.site-header #storeBell{margin-inline-start:32px}
@media(max-width:520px){.site-header .header-inner{min-height:66px!important;grid-template-rows:47px 18px!important}.site-header #headerBrand,.site-header .header-inner>#headerBrand{height:47px!important}.site-header #searchForm,.site-header #searchForm input{height:18px!important;min-height:18px!important}.site-header .header-inner>.f90-header-theme{top:1px;width:27px!important;height:27px!important;min-height:27px!important}.site-header #storeBell{margin-inline-start:27px}}

/* Place theme beside the right-side menu; keep bell and wallet clear on the left. */
.site-header .header-inner>.f90-header-theme{left:auto!important;right:44px!important;inset-inline-start:auto!important;inset-inline-end:44px!important}
.site-header #storeBell{margin-inline-start:0!important}
@media(max-width:520px){.site-header .header-inner>.f90-header-theme{right:39px!important;inset-inline-end:39px!important}}

/* F90 logo constellation: intentionally visible but behind all controls */
#f90LogoSky{z-index:0!important;opacity:1;pointer-events:none}
#f90LogoSky img{opacity:.14!important;filter:grayscale(.15) drop-shadow(0 0 9px rgba(239,61,109,.24))!important;animation-duration:35s}
#f90LogoSky img:nth-child(3n){opacity:.105!important;animation-duration:43s}
#f90LogoSky img:nth-child(4n){opacity:.175!important;animation-duration:51s}
#f90LogoSky img:nth-child(5n){opacity:.12!important;animation-duration:39s}
:root[data-theme="cream"] #f90LogoSky img{opacity:.12!important;filter:grayscale(.25) drop-shadow(0 0 8px rgba(167,45,84,.16))!important}
:root[data-theme="cream"] #f90LogoSky img:nth-child(3n){opacity:.085!important}
:root[data-theme="cream"] #f90LogoSky img:nth-child(4n){opacity:.15!important}
@media(max-width:650px){
 #f90LogoSky img:nth-child(n+15){display:none!important}
 #f90LogoSky img{opacity:.095!important}
 #f90LogoSky img:nth-child(4n){opacity:.12!important}
 :root[data-theme="cream"] #f90LogoSky img{opacity:.085!important}
}
@media(prefers-reduced-motion:reduce){#f90LogoSky img{animation:none!important}}
@media(prefers-reduced-data:reduce){#f90LogoSky img:nth-child(n+7){display:none!important}}

/* Override former seven-mark mobile limit without increasing large screen GPU load. */
@media(max-width:650px){#f90LogoSky img:nth-child(n+8):nth-child(-n+14){display:block!important}}
@media(prefers-reduced-data:reduce){#f90LogoSky img:nth-child(n+7){display:none!important}}

/* Drawer redesign: translucent, slimmer than viewport, uniquely accented action rows */
#drawer.drawer{width:min(89vw,376px)!important;max-width:376px!important;margin-inline-start:0!important;background:linear-gradient(160deg,rgba(18,26,44,.93),rgba(23,16,35,.92))!important;backdrop-filter:blur(23px) saturate(130%)!important;-webkit-backdrop-filter:blur(23px) saturate(130%)!important;border-inline-start:1px solid rgba(251,100,143,.56)!important;box-shadow:-10px 0 47px rgba(5,8,22,.48),inset 0 0 30px rgba(232,40,90,.07)!important}
#drawer #drawerProfile{max-width:100%;min-width:0}
#drawer .drawer-head{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:center}
#drawer .drawer-head strong{flex:1}
#drawer #drawerLinks{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:0 9px}
#drawer #drawerLinks>a,#drawer #drawerLinks>button{--row-glow:#fd4a76;margin:3px 0!important;display:flex;align-items:center;gap:11px;min-height:48px;padding:9px 13px!important;border:1px solid color-mix(in srgb,var(--row-glow) 58%,transparent)!important;border-radius:14px!important;box-shadow:inset 0 0 13px color-mix(in srgb,var(--row-glow) 11%,transparent),0 0 11px color-mix(in srgb,var(--row-glow) 16%,transparent)!important;background:linear-gradient(125deg,color-mix(in srgb,var(--row-glow) 12%,transparent),rgba(31,35,57,.23))!important;color:#f5f3fa!important;font-size:13px;font-weight:750}
#drawer #drawerLinks>a:nth-of-type(4n+2){--row-glow:#38c5e6}
#drawer #drawerLinks>a:nth-of-type(4n+3){--row-glow:#f5ae5f}
#drawer #drawerLinks>a:nth-of-type(4n){--row-glow:#b387ff}
#drawer #drawerLinks svg{color:var(--row-glow)!important;filter:drop-shadow(0 0 4px var(--row-glow))}
#drawer .f90-drawer-quick-grid a{box-shadow:inset 0 0 10px rgba(247,82,134,.1),0 0 11px rgba(247,82,134,.18)}
#drawer .drawer-preferences{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 11px;padding:12px 0}
#drawer .drawer-preferences .f90-theme-toggle{min-height:45px!important;border:1px solid rgba(255,97,147,.6)!important;box-shadow:0 0 12px rgba(247,69,109,.22)}
:root[data-theme="cream"] #drawer.drawer{background:linear-gradient(165deg,rgba(255,248,252,.96),rgba(244,234,248,.95))!important}
:root[data-theme="cream"] #drawer #drawerLinks>a,:root[data-theme="cream"] #drawer #drawerLinks>button{color:#593149!important;background:color-mix(in srgb,var(--row-glow) 10%,#fff)!important}
@media(max-width:390px){#drawer.drawer{width:90vw!important}#drawer #drawerLinks>a,#drawer #drawerLinks>button{min-height:43px!important;font-size:12px}}

/* F90 drawer unified permanent red neon across every navigation item */
#drawer.drawer{border-inline-start:1px solid rgba(255,55,93,.76)!important;box-shadow:-14px 0 50px rgba(9,4,14,.6),inset 0 0 25px rgba(240,38,77,.12)!important}
#drawer #drawerLinks>a,#drawer #drawerLinks>button,#drawer .f90-drawer-quick-grid a,#drawer .f90-drawer-wallet-actions a,#drawer .f90-drawer-vip-link,#drawer .f90-theme-toggle{--row-glow:#f82b52!important;border:1px solid rgba(250,47,89,.7)!important;box-shadow:0 0 12px rgba(242,34,80,.29),inset 0 0 14px rgba(242,34,80,.13)!important;background:linear-gradient(125deg,rgba(248,42,87,.12),rgba(28,20,37,.24))!important}
#drawer #drawerLinks>a:nth-of-type(n),#drawer #drawerLinks>button:nth-of-type(n){--row-glow:#f82b52!important;border-color:rgba(250,47,89,.7)!important}
#drawer #drawerLinks svg,#drawer .f90-drawer-quick-grid svg,#drawer .f90-drawer-wallet-actions svg{color:#ff4f75!important;filter:drop-shadow(0 0 5px rgba(255,51,97,.64))!important}
#drawer .f90-drawer-quick-grid a:nth-child(n){border-color:rgba(250,47,89,.7)!important;background:linear-gradient(125deg,rgba(248,42,87,.12),rgba(28,20,37,.24))!important}
:root[data-theme="cream"] #drawer #drawerLinks>a,:root[data-theme="cream"] #drawer #drawerLinks>button,:root[data-theme="cream"] #drawer .f90-drawer-quick-grid a{color:#742341!important;background:rgba(255,232,238,.95)!important}
@media(prefers-reduced-motion:reduce){#drawer #drawerLinks>a,#drawer #drawerLinks>button{transition:none!important}}


/* Compact F90 storefront drawer: existing links, VIP card, logo and themes stay intact. */
#drawer #drawerLinks .f90-drawer-accordion {
  margin: 9px 12px;
  border: 1px solid rgba(247,94,136,.23);
  border-radius: 15px;
  background: linear-gradient(120deg,rgba(255,255,255,.035),rgba(202,49,105,.07));
  overflow: hidden;
}
#drawer #drawerLinks .f90-drawer-accordion > summary {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; min-height: 46px; padding: 11px 14px;
  color: var(--text); font-size: 13px; font-weight: 750;
  cursor: pointer; list-style: none;
}
#drawer #drawerLinks .f90-drawer-accordion > summary::-webkit-details-marker { display: none; }
#drawer #drawerLinks .f90-drawer-accordion > summary::after {
  content: "⌄"; font-size: 20px; color: #ff7c9a; line-height: 1;
  transition: transform .16s ease;
}
#drawer #drawerLinks .f90-drawer-accordion[open] > summary::after { transform: rotate(180deg); }
#drawer #drawerLinks .f90-drawer-accordion > summary:focus-visible,
#drawer #drawerLinks .f90-drawer-accordion-links a:focus-visible {
  outline: 2px solid var(--accent); outline-offset: -2px;
}
#drawer #drawerLinks .f90-drawer-accordion-links {
  display: grid; gap: 4px; padding: 0 6px 8px;
}
#drawer #drawerLinks .f90-drawer-accordion-links > a {
  display: flex; align-items: center; gap: 10px;
  margin: 0; min-height: 42px; padding: 8px 12px; border-radius: 11px;
  border: 1px solid transparent; color: var(--text); text-decoration: none;
  font-size: 13px; font-weight: 650;
}
#drawer #drawerLinks .f90-drawer-accordion-links > a:hover {
  background: rgba(233,71,114,.12); border-color: rgba(247,94,136,.25);
}
#drawer #drawerLinks .f90-drawer-accordion-links svg { flex-shrink: 0; }
:root[data-theme="cream"] #drawer #drawerLinks .f90-drawer-accordion {
  background: #fff7fa; border-color: #ead0d9;
}
:root[data-theme="cream"] #drawer #drawerLinks .f90-drawer-accordion > summary,
:root[data-theme="cream"] #drawer #drawerLinks .f90-drawer-accordion-links > a {
  color: #562e42;
}
@media (prefers-reduced-motion: reduce) {
  #drawer #drawerLinks .f90-drawer-accordion > summary::after { transition: none; }
}
/* Render offscreen informational panels only when near the viewport. */
#mainContent .f90-home-social,
#mainContent .value-strip {
  content-visibility: auto;
  contain-intrinsic-size: auto 240px;
}

/* The complete first-visit introduction remains accessible without crowding home. */
#mainContent .f90-home-intro-fold { margin: 12px 0 18px; }
#mainContent .f90-home-intro-fold > summary {
  cursor: pointer; list-style: none; border: 1px solid var(--line);
  background: var(--surface); color: var(--text);
  border-radius: 13px; padding: 11px 16px; font-weight: 750;
}
#mainContent .f90-home-intro-fold > summary::-webkit-details-marker { display: none; }
#mainContent .f90-home-intro-fold > summary::before { content: "＋"; color: var(--accent); margin-inline-end: 9px; }
#mainContent .f90-home-intro-fold[open] > summary::before { content: "−"; }
#mainContent .f90-home-intro-fold > .f90-home-intro { margin-top: 12px; }