/* bundled from style.css */
:root{
  --color-primary:#C62828;
  --color-secondary:#178A55;
  --color-dark-base:#202924;
  --bg:#f6f3ee;
  --surface:#fffdf9;
  --surface-2:#f2f5f0;
  --surface-elevated:rgba(255,253,249,.94);
  --text:#202722;
  --muted:#6e776f;
  --border:#dfe5df;
  --border-strong:#cfd8d1;
  --shadow:0 10px 28px rgba(33,46,38,.08);
  --shadow-soft:0 5px 16px rgba(33,46,38,.055);
  --radius:18px;
  --transition:180ms cubic-bezier(.2,.8,.2,1);
  --dock-bg:rgba(255,253,249,.94);
  --pattern:url("restaurant-pattern-light.svg");
}
html[data-theme="dark"]{
  --bg:var(--color-dark-base);
  --surface:#26332c;
  --surface-2:#2c3a32;
  --surface-elevated:rgba(38,51,44,.95);
  --text:#f5f3ed;
  --muted:#b9c2bb;
  --border:#3a4940;
  --border-strong:#4a5a51;
  --shadow:0 12px 32px rgba(5,10,7,.18);
  --shadow-soft:0 6px 18px rgba(5,10,7,.12);
  --dock-bg:rgba(38,51,44,.95);
  --pattern:url("restaurant-pattern-dark.svg");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Vazir,Vazirmatn,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.75;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}
body::before{content:"";position:fixed;inset:0;z-index:-3;background-image:var(--pattern);background-repeat:repeat;background-size:250px 250px;opacity:.13;pointer-events:none}
html[data-theme="dark"] body::before{opacity:.08}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}
:focus-visible{outline:3px solid color-mix(in srgb,var(--color-secondary) 38%,transparent);outline-offset:3px}
[hidden]{display:none!important}
.skip-link{position:fixed;z-index:999;top:8px;right:8px;transform:translateY(-140%);background:var(--surface);border:1px solid var(--border);padding:8px 12px;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{transform:none}
.ambient{position:fixed;z-index:-2;border-radius:999px;filter:blur(100px);pointer-events:none;opacity:.06}.ambient-red{width:300px;height:300px;background:var(--color-primary);right:-170px;top:10%}.ambient-green{width:280px;height:280px;background:var(--color-secondary);left:-170px;top:55%}html[data-theme="dark"] .ambient{opacity:.035}
.site-shell{width:min(100%,1180px);min-height:100vh;margin:auto;background:color-mix(in srgb,var(--bg) 87%,transparent);border-inline:1px solid color-mix(in srgb,var(--border) 72%,transparent)}
.site-shell.has-bottom-dock{padding-bottom:88px}.compact{max-width:900px}
.glass-bar,.glass-panel,.glass-card,.glass-callbar{background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}

/* Header */
.site-header{height:116px;position:relative;display:flex;align-items:center;justify-content:center;padding:10px 14px;border:0;border-bottom:1px solid var(--border);border-radius:0 0 24px 24px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 6px 18px rgba(33,46,38,.05);z-index:20}
.brand-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;min-width:0}.brand-centered>img{width:116px;height:60px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;align-items:center;line-height:1.35}.brand-copy strong{font-size:16px;font-weight:900}.brand-copy small{font-size:9px;color:var(--muted)}
.brand-mark{width:60px;height:60px;border-radius:18px;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900}
.back-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--color-primary);display:grid;place-items:center;font-size:28px;line-height:1}

/* Hero */
.banner-wrap{padding:12px 12px 4px}.banner-glass{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);isolation:isolate}.hero-track{position:relative;aspect-ratio:16/8.6;min-height:208px}.hero-slide{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity .42s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-slide-link{display:block;width:100%;height:100%}.main-banner{width:100%;height:100%;object-fit:cover;background:var(--surface-2)}
.hero-placeholder-mode .main-banner{opacity:.25;object-fit:cover}.hero-placeholder-mode .hero-track{background:radial-gradient(circle at 85% 25%,color-mix(in srgb,var(--color-secondary) 8%,transparent),transparent 40%),linear-gradient(135deg,var(--surface),var(--surface-2))}
.hero-brand-layer{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:13px;pointer-events:none;background:linear-gradient(0deg,color-mix(in srgb,var(--surface) 82%,transparent) 0%,transparent 58%)}
.hero-copy{max-width:68%;pointer-events:auto;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);backdrop-filter:blur(10px)}.hero-copy>span{font-size:8px;font-weight:900;color:var(--color-secondary)}.hero-copy h1{font-size:17px;line-height:1.45;margin:1px 0 2px}.hero-copy p{font-size:8.5px;color:var(--muted);margin:0 0 7px}.button{min-height:42px;border:0;border-radius:12px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:10px;transition:transform var(--transition),background var(--transition)}.button:active{transform:scale(.98)}.button-primary{background:var(--color-primary);color:#fff}
.hero-mascot{width:104px;height:122px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 12px rgba(18,25,21,.16));transform-origin:50% 92%;pointer-events:auto;user-select:none;-webkit-user-drag:none;animation:mascotIdle 4.8s ease-in-out infinite}.hero-mascot.is-reacting{animation:mascotReact .5s ease}
.hero-nav{position:absolute;z-index:7;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--text);font-size:23px;display:grid;place-items:center}.hero-prev{right:9px}.hero-next{left:9px}.hero-dots{position:absolute;z-index:7;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.hero-dot{width:7px;height:7px;border:0;border-radius:999px;padding:0;background:color-mix(in srgb,var(--muted) 45%,transparent)}.hero-dot.is-active{width:18px;background:var(--color-secondary)}
@keyframes mascotIdle{0%,100%{transform:translate3d(0,var(--mascot-scroll-y,0px),0) rotate(-.6deg)}50%{transform:translate3d(0,calc(var(--mascot-scroll-y,0px) - 5px),0) rotate(.8deg)}}
@keyframes mascotReact{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.055) rotate(-2deg) translateY(-4px)}100%{transform:scale(1) rotate(0)}}

/* Section headings */
.category-section,.restaurant-info{padding:18px 12px 30px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head-plain{background:transparent;border:0;box-shadow:none;padding:0 2px}.section-head span{display:block;color:var(--color-secondary);font-weight:900;font-size:9px}.section-head h2{margin:1px 0 0;font-size:22px;line-height:1.35}.section-head p{display:none;max-width:420px;margin:0;color:var(--muted);font-size:10px}

/* Home categories */
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.category-card{position:relative;overflow:hidden;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);min-width:0;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.category-card:active{transform:scale(.985)}.category-media{position:relative;aspect-ratio:.78;background:var(--surface-2);overflow:hidden}.category-media img{width:100%;height:100%;object-fit:cover}.category-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(150deg,color-mix(in srgb,var(--color-primary) 4%,var(--surface-2)),var(--surface-2) 55%,color-mix(in srgb,var(--color-secondary) 6%,var(--surface-2)))}.category-fallback svg{width:40px;height:40px;fill:none;stroke:var(--color-primary);stroke-width:2}.category-content{position:relative;min-height:66px;padding:8px 8px 29px;border-top:3px solid var(--color-secondary);background:var(--surface)}.category-content h3{font-size:10.5px;line-height:1.45;margin:0;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-content span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.category-content b{position:absolute;left:7px;bottom:6px;display:inline-flex;align-items:center;gap:2px;border-radius:8px;padding:4px 6px;background:color-mix(in srgb,var(--color-primary) 7%,transparent);color:var(--color-primary);font-size:8px;font-weight:900;direction:rtl}.category-content i{font-style:normal;font-size:13px}
.category-size-large .category-media{aspect-ratio:.86}.category-size-large .category-content{min-height:74px}.category-size-compact .category-media{aspect-ratio:.74}

/* Restaurant information */
.restaurant-info{padding-top:0}.restaurant-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.info-card{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft);min-width:0}.info-dot{width:8px;height:8px;border-radius:999px;background:var(--color-primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-primary) 8%,transparent);margin-top:8px;flex:0 0 auto}.info-card small{display:block;color:var(--color-secondary);font-size:8px;font-weight:900}.info-card strong{display:block;font-size:9.5px;line-height:1.7;font-weight:800;overflow-wrap:anywhere}

/* Category page nav/title/search */
.quick-category-nav{padding:14px 12px 4px}.quick-category-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.quick-category-scroll::-webkit-scrollbar{display:none}.quick-category-item{flex:0 0 auto;min-height:48px;display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft);font-size:9px;font-weight:900}.quick-category-item.is-active{border-color:color-mix(in srgb,var(--color-secondary) 52%,var(--border));color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 6%,var(--surface))}.quick-category-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:var(--surface-2)}.quick-category-icon img{width:100%;height:100%;object-fit:cover}.quick-category-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.discount-nav-item{color:var(--color-primary)}.discount-nav-item b{min-width:20px;height:20px;border-radius:999px;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-size:8px}
.category-title{margin:13px 12px 9px;padding:12px;border-radius:17px;display:flex;align-items:center;gap:11px;border-bottom:3px solid var(--color-secondary);background:var(--surface)}.category-title>span{width:64px;height:64px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:var(--surface-2);flex:0 0 auto}.category-title>span img{width:100%;height:100%;object-fit:cover}.category-title svg{width:34px;height:34px;fill:none;stroke:var(--color-primary);stroke-width:2}.category-title small{font-size:8px;color:var(--muted)}.category-title h1{font-size:20px;line-height:1.35;margin:0}.category-title p{font-size:9px;color:var(--color-secondary);margin:2px 0 0;font-weight:800}
.menu-tools{padding:3px 12px 11px}.search-box{min-height:50px;border-radius:15px;display:flex;align-items:center;gap:9px;padding:0 13px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:border-color var(--transition),box-shadow var(--transition)}.search-box:focus-within{border-color:color-mix(in srgb,var(--color-secondary) 52%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-secondary) 8%,transparent)}.search-box svg{width:20px;height:20px;fill:none;stroke:var(--color-secondary);stroke-width:2}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search-box input::placeholder{color:var(--muted)}

/* Food cards */
.food-list{display:grid;gap:10px;padding:0 12px 30px}.food-card{display:grid;grid-template-columns:124px minmax(0,1fr);min-height:134px;overflow:hidden;border:1px solid var(--border);border-bottom:3px solid var(--color-secondary);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform var(--transition),box-shadow var(--transition)}.food-card.unavailable{opacity:.58}.food-thumb{position:relative;min-height:100%;overflow:hidden;background:var(--surface-2);border-left:1px solid var(--border)}.food-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.food-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 4%,var(--surface-2)),var(--surface-2),color-mix(in srgb,var(--color-secondary) 4%,var(--surface-2)))}.food-placeholder svg{width:45px;height:45px;fill:none;stroke:var(--color-primary);stroke-width:2}.food-badge{position:absolute;top:8px;right:8px;z-index:2;border-radius:8px;padding:4px 7px;background:var(--color-primary);color:#fff;font-size:8px;font-weight:900;box-shadow:0 5px 12px rgba(198,40,40,.16)}.food-body{display:flex;flex-direction:column;min-width:0;padding:12px 12px 10px}.food-title-row{display:flex;align-items:center;gap:6px}.food-title-row h2{margin:0;font-size:14px;line-height:1.5}.sold{padding:2px 6px;border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:8px}.food-body p{margin:5px 0 8px;color:var(--muted);font-size:9.5px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-row{margin-top:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.price-row strong{font-size:14px;color:var(--color-secondary);font-weight:950}.price-row strong small{font-size:8px;font-weight:800}.price-row del{font-size:9px;color:var(--muted)}
.empty-box{margin:0 12px 18px;padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--muted);text-align:center}.search-empty{display:flex;flex-direction:column;align-items:center;gap:3px}.search-empty img{object-fit:contain}.search-empty strong{font-size:13px;color:var(--text)}.search-empty small{font-size:9px}

/* Footer / social */
.site-footer{margin:0 12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-footer strong{font-size:12px;color:var(--footer-text,var(--text))}.site-footer p{margin:3px 0 0;font-size:9px;color:var(--footer-muted,var(--muted))}.site-footer>a{font-size:9px;font-weight:900;color:var(--footer-link,var(--color-primary))}.site-footer.footer-align-center{text-align:center;justify-content:center}.site-footer.footer-align-center>div{width:100%}.site-footer.footer-layout-column{flex-direction:column}.site-footer.footer-layout-column>a{align-self:center}html[data-theme="dark"] .site-footer.footer-follow-theme{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;--footer-text:var(--text)!important;--footer-muted:var(--muted)!important;--footer-link:var(--color-primary)!important}
.social-follow-card{position:relative;overflow:hidden;margin:0 12px 16px;padding:14px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}.social-follow-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--color-secondary),color-mix(in srgb,var(--color-secondary) 45%,var(--color-primary) 55%),var(--color-primary))}.social-kicker{display:block;font-size:8px;color:var(--color-secondary);font-weight:900}.social-follow-copy h2{margin:1px 0 0;font-size:14px}.social-follow-copy p{margin:2px 0 0;font-size:8.5px;color:var(--muted)}.social-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.social-link{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-size:8px;font-weight:900}.social-link svg{width:21px;height:21px;fill:none;stroke:var(--color-secondary);stroke-width:1.8}.social-brand-icon{width:26px;height:26px;object-fit:contain;border-radius:7px}

/* Bottom dock */
.bottom-dock{position:fixed;z-index:80;left:50%;bottom:max(7px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 12px),480px);min-height:68px;padding:5px;display:grid;grid-template-columns:1.02fr .72fr .72fr 1.54fr;gap:0;direction:ltr;border:1px solid var(--border);border-radius:19px;background:var(--dock-bg);box-shadow:0 13px 34px rgba(24,35,29,.16);transition:transform .72s cubic-bezier(.18,.8,.2,1),opacity .66s ease,filter .66s ease;will-change:transform,opacity}.bottom-dock .dock-btn{position:relative;min-width:0;min-height:58px;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 7px;direction:rtl;font-size:8px;font-weight:850;-webkit-tap-highlight-color:transparent}.bottom-dock .dock-btn:not(:last-child)::after{content:"";position:absolute;top:10px;bottom:10px;right:0;width:1px;background:var(--border-strong);opacity:.85}.bottom-dock .contact-trigger::before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:1px;background:var(--border-strong);opacity:.85}.bottom-dock svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.primary-dock{color:var(--color-secondary)!important;background:color-mix(in srgb,var(--color-secondary) 8%,var(--surface))!important;border-radius:14px!important}.contact-trigger span{font-size:7.5px;line-height:1.35;text-align:center}.lang-glyph{color:var(--color-primary);font-size:12px;font-weight:950}.theme-toggle svg{stroke:var(--color-primary)}.icon-sun{display:none}html[data-theme="dark"] .icon-moon{display:none}html[data-theme="dark"] .icon-sun{display:block}.location-link{justify-content:flex-start!important;color:var(--text)!important;padding-inline:9px!important}.location-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-width:0;line-height:1.45;text-align:right}.location-line{display:block;width:100%;font-family:var(--location-font-family,Vazir,Tahoma,sans-serif);font-size:var(--location-font-size,12px);font-weight:850;white-space:normal;overflow-wrap:anywhere}.location-no-link{cursor:default}.bottom-dock.is-scroll-hidden{transform:translate(-50%,calc(100% + 28px));opacity:0;filter:blur(4px);pointer-events:none}.bottom-dock.is-scroll-visible{opacity:1;filter:none}.home-page .bottom-dock{opacity:1!important;filter:none!important;transform:translateX(-50%)!important;pointer-events:auto!important}
.scroll-top-fab{position:fixed;z-index:79;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%,24px) scale(.92);width:46px;height:46px;border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--border));border-radius:15px;background:var(--surface);color:var(--color-primary);box-shadow:var(--shadow);opacity:0;pointer-events:none;display:grid;place-items:center;transition:opacity .25s ease,transform .25s ease}.scroll-top-fab svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.2}.scroll-top-fab.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}

/* Contact sheet */
body.sheet-open{overflow:hidden}.contact-sheet{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center}.sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(12,18,14,.42);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s ease}.sheet-card{position:relative;width:min(100%,520px);padding:9px 13px max(16px,env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:24px 24px 0 0;background:var(--surface);box-shadow:0 -18px 60px rgba(0,0,0,.18);transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.contact-sheet.is-open .sheet-backdrop{opacity:1}.contact-sheet.is-open .sheet-card{transform:none}.sheet-handle{width:38px;height:4px;border-radius:99px;background:var(--border-strong);margin:0 auto 9px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 10px}.sheet-head small{font-size:8px;color:var(--color-secondary);font-weight:900}.sheet-head h2{font-size:16px;margin:1px 0 0}.sheet-close{width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:22px}.contact-list{display:grid;gap:8px}.contact-option{min-height:60px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.contact-icon{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--color-secondary) 10%,var(--surface));color:var(--color-secondary);display:grid;place-items:center}.contact-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}.contact-option strong{display:block;font-size:10px}.contact-option small{display:block;color:var(--muted);font-size:9px}.contact-option>b{color:var(--color-primary);font-size:20px}

/* Error */
.error-page{display:grid;place-items:center;min-height:100vh;padding:20px}.error-state{width:min(100%,460px);text-align:center;padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.error-state img{margin:0 auto 4px;object-fit:contain}.error-state>small{color:var(--color-primary);font-weight:900}.error-state h1{margin:2px 0;font-size:22px}.error-state p{margin:0 0 14px;color:var(--muted)}

@media(max-width:349px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{max-width:72%}.hero-mascot{width:88px;height:106px}.bottom-dock{width:calc(100% - 6px);grid-template-columns:.95fr .66fr .66fr 1.45fr}.location-line{font-size:min(var(--location-font-size,12px),10px)}.contact-trigger span{font-size:6.8px}}
@media(min-width:700px){body{padding:18px}.site-shell{border-radius:28px;overflow:hidden}.site-header{height:128px}.brand-centered>img{width:138px;height:72px}.brand-copy strong{font-size:17px}.banner-wrap{padding:18px 22px 4px}.hero-track{aspect-ratio:21/8;min-height:300px}.hero-brand-layer{padding:20px 22px}.hero-mascot{width:156px;height:190px}.hero-copy{max-width:420px;padding:14px 16px}.hero-copy h1{font-size:24px}.hero-copy p{font-size:10px}.category-section,.restaurant-info{padding:28px 22px 38px}.section-head p{display:block}.section-head h2{font-size:26px}.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category-media{aspect-ratio:.86}.category-content{min-height:78px}.category-content h3{font-size:11.5px}.restaurant-info-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.quick-category-nav{padding-inline:22px}.category-title{margin-inline:22px}.menu-tools{padding-inline:22px}.food-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:22px;gap:13px}.food-card{grid-template-columns:144px minmax(0,1fr);min-height:148px}.site-footer,.social-follow-card{margin-inline:22px}.bottom-dock{width:min(620px,calc(100vw - 52px));min-height:74px}.bottom-dock .dock-btn{min-height:64px}.contact-trigger span{font-size:8px}.sheet-card{border-radius:24px;margin-bottom:14px}.contact-sheet{align-items:center}}
@media(min-width:1024px){.site-header{height:132px}.hero-track{min-height:340px}.category-card:hover,.food-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-card:hover .category-media img{transform:scale(1.025)}.category-media img{transition:transform .32s ease}.social-link:hover,.quick-category-item:hover{border-color:var(--border-strong);transform:translateY(-1px)}.food-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1280px){.site-shell{max-width:1180px}.hero-track{min-height:380px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-mascot{animation:none!important}}

/* v37: classic hero + video-ready media + balanced dock */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.hero-banner{position:relative;overflow:hidden}
.hero-track,.hero-video-shell{position:relative;width:100%;aspect-ratio:16/9;min-height:0;overflow:hidden;border-radius:17px;background:var(--surface-2)}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity .42s ease}
.hero-slide.is-active{opacity:1;pointer-events:auto}
.hero-video-shell{isolation:isolate}
.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--surface-2);animation:heroMediaIn .6s ease both}
.hero-video-link-overlay{position:absolute;inset:0;z-index:3;border-radius:inherit}
.hero-mascot-corner{position:absolute;z-index:5;left:10px;bottom:8px;width:76px;height:88px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(18,25,21,.15));transform-origin:50% 92%;animation:mascotIdle 4.8s ease-in-out infinite;pointer-events:auto}
@keyframes heroMediaIn{from{opacity:.35;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}

/* Footer is intentionally shown before the detailed restaurant info section. */
.site-footer{margin-bottom:12px}
.restaurant-info{padding-top:8px}

/* One clean segmented dock. No nested card inside the dock. */
.bottom-dock{
  width:min(calc(100% - 12px),480px)!important;
  min-height:66px!important;
  padding:5px!important;
  grid-template-columns:1.05fr .72fr .72fr 1.5fr!important;
  gap:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:var(--dock-bg)!important;
}
.bottom-dock .dock-btn{
  min-height:56px!important;
  height:56px!important;
  padding:5px 7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  gap:5px!important;
  font-size:8px!important;
  line-height:1.25!important;
}
.bottom-dock .dock-btn::before,.bottom-dock .dock-btn::after{content:none!important}
.bottom-dock .dock-btn + .dock-btn{border-left:1px solid var(--border-strong)!important}
.bottom-dock .primary-dock{color:var(--color-secondary)!important;background:transparent!important}
.bottom-dock .contact-trigger span{font-size:8.2px!important;line-height:1.3!important;max-width:72px!important;white-space:normal!important}
.bottom-dock .contact-trigger svg{width:18px!important;height:18px!important}
.bottom-dock .language-dock,.bottom-dock .theme-toggle{flex-direction:column;gap:2px!important}
.bottom-dock .language-dock>span:last-child,.bottom-dock .theme-toggle>span{font-size:7.5px!important}
.bottom-dock .lang-glyph{font-size:12px!important;line-height:1!important}
.bottom-dock .theme-toggle svg{width:18px!important;height:18px!important}
.bottom-dock .location-link{padding:4px 7px!important;justify-content:center!important;align-items:center!important;color:var(--text)!important}
.bottom-dock .location-copy{align-items:stretch!important;justify-content:center!important;gap:1px!important;text-align:right!important;line-height:1.25!important}
.bottom-dock .location-line{
  font-size:clamp(8.7px,2.7vw,var(--location-font-size,12px))!important;
  line-height:1.32!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-align:right!important;
}
.bottom-dock.dock-count-3{grid-template-columns:.86fr .72fr 1.42fr!important}
.bottom-dock.dock-count-2{grid-template-columns:.8fr 1.4fr!important}
.bottom-dock.dock-count-1{grid-template-columns:1fr!important}

@media(max-width:349px){
  .bottom-dock{width:calc(100% - 6px)!important;grid-template-columns:.98fr .62fr .62fr 1.38fr!important;padding:4px!important}
  .bottom-dock .dock-btn{padding-inline:4px!important}
  .bottom-dock .contact-trigger span{font-size:7.4px!important}
  .bottom-dock .location-line{font-size:8.5px!important}
}
@media(min-width:700px){
  .hero-track,.hero-video-shell{aspect-ratio:21/8;border-radius:19px}
  .hero-mascot-corner{width:106px;height:122px;left:16px;bottom:12px}
  .bottom-dock{width:min(610px,calc(100vw - 52px))!important;min-height:72px!important;grid-template-columns:1.02fr .7fr .7fr 1.58fr!important}
  .bottom-dock .dock-btn{min-height:62px!important;height:62px!important}
  .bottom-dock .contact-trigger span{font-size:8.8px!important;max-width:90px!important}
  .bottom-dock .location-line{font-size:min(var(--location-font-size,12px),12px)!important}
}
@media(prefers-reduced-motion:reduce){.hero-video,.hero-mascot-corner{animation:none!important}}

/* v38: customer club dock + public signup sheet */
.bottom-dock.dock-count-5{grid-template-columns:1fr .72fr .62fr .62fr 1.38fr!important}
.bottom-dock .club-trigger{flex-direction:column;gap:2px!important;color:var(--color-primary)!important}
.bottom-dock .club-trigger svg{width:18px!important;height:18px!important;stroke:currentColor!important}
.bottom-dock .club-trigger span{font-size:7.5px!important;line-height:1.1!important;font-weight:900!important}
.club-sheet{position:fixed;inset:0;z-index:122;display:flex;align-items:flex-end;justify-content:center}.club-sheet[hidden]{display:none}.club-sheet .sheet-backdrop{position:absolute;inset:0}.club-sheet .sheet-card{position:relative}.club-sheet.is-open .sheet-backdrop{opacity:1}.club-sheet.is-open .sheet-card{transform:none}.club-sheet-card{padding-bottom:max(18px,env(safe-area-inset-bottom))}.club-subtitle{margin:0 2px 12px;color:var(--muted);font-size:10px;line-height:1.8}.club-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.club-form label{display:grid;gap:5px;font-size:9px;font-weight:850;color:var(--text)}.club-form label small{font-size:7px;color:var(--muted);font-weight:500}.club-form input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);padding:9px 11px;outline:0}.club-form input:focus{border-color:color-mix(in srgb,var(--color-secondary) 48%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-secondary) 8%,transparent)}.club-form label:nth-of-type(2){grid-column:auto}.club-form label:nth-of-type(3){grid-column:1/-1}.club-submit{grid-column:1/-1;min-height:48px;border:0;border-radius:13px;background:linear-gradient(145deg,var(--color-primary),#a91f1f);color:#fff;font:inherit;font-size:10px;font-weight:950;cursor:pointer}.club-privacy{margin:9px 2px 0;color:var(--muted);font-size:7.5px;line-height:1.7}.club-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.site-toast{position:fixed;z-index:150;left:50%;bottom:calc(max(7px,env(safe-area-inset-bottom)) + 82px);transform:translate(-50%,12px);opacity:0;pointer-events:none;max-width:min(92vw,430px);padding:10px 14px;border-radius:12px;background:#1f6f49;color:#fff;font-size:9px;font-weight:850;box-shadow:0 12px 34px rgba(15,33,22,.18);transition:opacity .22s ease,transform .22s ease}.site-toast.is-error{background:#a92c2c}.site-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:349px){.bottom-dock.dock-count-5{grid-template-columns:.9fr .68fr .56fr .56fr 1.26fr!important}.bottom-dock .club-trigger span{font-size:6.8px!important}.club-form{grid-template-columns:1fr}.club-form label:nth-of-type(3){grid-column:auto}.club-submit{grid-column:auto}}
@media(min-width:700px){.bottom-dock.dock-count-5{width:min(700px,calc(100vw - 52px))!important;grid-template-columns:1.05fr .76fr .66fr .66fr 1.5fr!important}.club-sheet{align-items:center}.club-sheet-card{border-radius:24px!important;margin-bottom:14px!important;width:min(92vw,540px)!important}.club-form input{min-height:48px}}

/* v39: long-form homepage content + articles */
.home-long-content{display:grid;gap:16px;padding:0 12px 22px}.home-about-section,.home-editorial{margin:0}.home-about-card{display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-soft)}.home-about-card.has-media{grid-template-columns:1fr}.home-about-media{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}.home-about-media img{width:100%;height:100%;object-fit:cover}.home-about-copy{padding:18px}.content-kicker{display:block;color:var(--color-secondary);font-size:9px;font-weight:900;margin-bottom:4px}.home-about-copy h2,.home-section-heading h2{margin:0;font-size:22px;line-height:1.4}.home-about-copy p{margin:8px 0 0;color:var(--muted);font-size:10.5px;line-height:2;white-space:normal}.content-cta{display:inline-flex;align-items:center;gap:5px;margin-top:12px;min-height:40px;padding:8px 12px;border-radius:11px;background:color-mix(in srgb,var(--color-primary) 8%,var(--surface));color:var(--color-primary);font-size:9px;font-weight:900}.content-cta i{font-style:normal;font-size:15px}.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 10px}.home-section-heading span{display:block;color:var(--color-secondary);font-size:9px;font-weight:900}.home-section-heading p{margin:4px 0 0;color:var(--muted);font-size:9.5px;line-height:1.8}.home-feature-grid,.article-card-grid{display:grid;grid-template-columns:1fr;gap:10px}.home-feature-card{display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}.home-feature-card.has-image{grid-template-columns:110px minmax(0,1fr)}.feature-media{display:block;min-height:100%;background:var(--surface-2)}.feature-media img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:14px;min-width:0}.feature-copy h3{font-size:14px;margin:0 0 5px}.feature-copy p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.85}.feature-copy a{display:inline-flex;align-items:center;gap:4px;margin-top:10px;color:var(--color-primary);font-size:9px;font-weight:900}.feature-copy a i{font-style:normal}.editorial-card{display:grid;grid-template-columns:108px minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft);min-width:0;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.editorial-media,.editorial-placeholder{display:block;min-height:124px;background:var(--surface-2)}.editorial-media img{width:100%;height:100%;object-fit:cover}.editorial-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 6%,var(--surface-2)),var(--surface-2),color-mix(in srgb,var(--color-secondary) 6%,var(--surface-2)))}.editorial-placeholder svg{width:42px;height:42px;fill:none;stroke:var(--color-primary);stroke-width:2}.editorial-copy{padding:13px;min-width:0}.editorial-copy small{display:block;color:var(--color-secondary);font-size:8px;font-weight:900}.editorial-copy strong{display:block;margin-top:2px;font-size:13px;line-height:1.55}.editorial-copy p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.editorial-copy b{display:inline-flex;align-items:center;gap:3px;margin-top:8px;color:var(--color-primary);font-size:8.5px}.editorial-copy b i{font-style:normal}.article-shell{max-width:940px}.article-site-header{height:112px}.article-site-header .brand-centered>img{width:108px;height:56px}.article-main{padding:14px 12px 36px}.article-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--muted);font-size:9px}.article-breadcrumb a{color:var(--color-secondary);font-weight:900}.article-breadcrumb strong{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-detail-card{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.article-detail-media{margin:0;aspect-ratio:16/9;background:var(--surface-2)}.article-detail-media img{width:100%;height:100%;object-fit:cover}.article-detail-content{padding:18px}.article-detail-content h1{margin:1px 0 8px;font-size:24px;line-height:1.5}.article-lead{margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;line-height:2}.article-body{font-size:11px;line-height:2.15;color:var(--text)}.related-articles{margin-top:20px}.related-articles .article-card-grid{grid-template-columns:1fr}.home-long-content + .site-footer{margin-top:2px}
@media(min-width:700px){.home-long-content{padding:0 22px 30px;gap:22px}.home-about-card.has-media{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)}.home-about-media{aspect-ratio:auto;min-height:290px}.home-about-copy{padding:26px}.home-about-copy h2,.home-section-heading h2{font-size:26px}.home-about-copy p{font-size:11px}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.editorial-card{grid-template-columns:1fr;display:flex;flex-direction:column}.editorial-media,.editorial-placeholder{aspect-ratio:16/10;min-height:0}.editorial-copy{padding:15px;display:flex;flex-direction:column;flex:1}.editorial-copy b{margin-top:auto;padding-top:10px}.article-main{padding:22px 22px 48px}.article-detail-content{padding:28px}.article-detail-content h1{font-size:30px}.article-body{font-size:12px}.related-articles .article-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.home-feature-card:hover,.editorial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}}

/* v40: customer club inside footer CTA box + food-related editorial content */
.site-footer .footer-main-copy{min-width:0}
.site-footer .footer-action-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;min-width:0}
.site-footer .footer-action{min-height:40px;padding:8px 13px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:9px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition),border-color var(--transition),background var(--transition)}
.site-footer .footer-menu-action{background:color-mix(in srgb,var(--color-primary) 9%,var(--surface));border-color:color-mix(in srgb,var(--color-primary) 24%,var(--border));color:var(--color-primary)}
.site-footer .footer-club-action{background:color-mix(in srgb,var(--color-secondary) 9%,var(--surface));border-color:color-mix(in srgb,var(--color-secondary) 24%,var(--border));color:var(--color-secondary)}
.site-footer .footer-custom-action{color:var(--footer-link,var(--color-primary))}
.site-footer .footer-action:active{transform:scale(.98)}
.home-long-content{margin-top:6px;padding-top:8px}
.editorial-card.has-food-relation{border-bottom:3px solid var(--color-secondary)}
.editorial-card.has-food-relation .editorial-copy small{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--color-secondary) 8%,var(--surface-2));color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-food-related{margin-top:20px}
.article-food-related .home-section-heading{align-items:center}
.compact-cta{margin-top:0;white-space:nowrap}
.article-food-grid{display:grid;grid-template-columns:1fr;gap:9px}
.article-food-card{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:96px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform var(--transition),border-color var(--transition)}
.article-food-media{display:block;min-height:96px;background:var(--surface-2);overflow:hidden}
.article-food-media img{width:100%;height:100%;object-fit:cover}
.article-food-placeholder{display:grid;place-items:center}
.article-food-placeholder svg{width:38px;height:38px;fill:none;stroke:var(--color-primary);stroke-width:2}
.article-food-copy{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:11px;min-width:0}
.article-food-copy strong{font-size:11px;line-height:1.55;color:var(--text)}
.article-food-copy b{color:var(--color-secondary);font-size:11px}
.article-food-copy b small{font-size:7px}
@media(max-width:699px){
  .site-footer{flex-direction:column!important;align-items:stretch!important;text-align:center!important}
  .site-footer .footer-main-copy{width:100%!important;text-align:center!important}
  .site-footer .footer-action-row{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-footer .footer-action{width:100%;min-height:42px}
  .home-long-content{padding-top:12px}
  .home-section-heading{align-items:flex-start}
  .article-food-related .home-section-heading{flex-direction:column;align-items:flex-start}
}
@media(min-width:700px){
  .site-footer .footer-action-row{margin-inline-start:auto}
  .article-food-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .article-food-card{grid-template-columns:1fr;display:flex;flex-direction:column}
  .article-food-media{aspect-ratio:4/3;min-height:0}
  .article-food-copy{flex:1}
}
@media(hover:hover) and (pointer:fine){
  .site-footer .footer-action:hover,.article-food-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}
}

/* v41: floating premium header, unified category cards and configurable feature widgets */
.floating-site-header{
  width:auto!important;
  height:104px!important;
  min-height:104px!important;
  margin:12px 12px 0!important;
  padding:8px 10px!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  box-shadow:0 10px 30px rgba(23,34,28,.10)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.05)!important;
  backdrop-filter:blur(16px) saturate(1.05)!important;
  position:relative!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  z-index:40!important;
}
.header-brand-logo{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:154px;
  height:92px;
  display:grid;
  place-items:center;
  z-index:3;
  pointer-events:auto;
}
.header-brand-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(20,28,24,.10))}
.header-tools{display:flex;align-items:center;gap:5px;min-width:88px;z-index:4}
.header-tools-right{justify-content:flex-start;margin-left:auto;padding-left:83px}
.header-tools-left{justify-content:flex-end;margin-right:auto;padding-right:83px}
.header-tool{
  width:42px;height:48px;min-width:42px;border:0;border-radius:11px;background:transparent;color:var(--muted);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px;cursor:pointer;font-family:inherit;
  -webkit-tap-highlight-color:transparent;transition:background var(--transition),color var(--transition),transform var(--transition)
}
.header-tool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.header-tool span{font-size:7.5px;font-weight:850;line-height:1.2;white-space:nowrap}
.header-tool:active{transform:scale(.96)}
.header-tool:focus-visible{outline:3px solid color-mix(in srgb,var(--color-secondary) 24%,transparent);outline-offset:1px}
html[data-theme="dark"] .floating-site-header{background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:0 12px 34px rgba(0,0,0,.18)}
.category-floating-header,.article-floating-header{margin-bottom:10px!important}
.article-floating-header{height:96px!important;min-height:96px!important}
.article-floating-header .header-brand-logo{width:142px;height:82px}

/* Categories are now a single visual surface: image + text overlay, no detached footer. */
.home-category-section .category-card{
  position:relative!important;
  aspect-ratio:.72!important;
  min-height:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:var(--surface-2)!important;
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow-soft)!important;
}
.home-category-section .category-media{position:absolute!important;inset:0!important;aspect-ratio:auto!important;height:100%!important;background:var(--surface-2)!important}
.home-category-section .category-media img{width:100%!important;height:100%!important;object-fit:cover!important}
.home-category-section .category-fallback{height:100%!important;padding-bottom:58px}
.home-category-section .category-content{
  position:absolute!important;inset:auto 0 0!important;z-index:2!important;min-height:86px!important;padding:30px 9px 10px!important;
  border:0!important;background:linear-gradient(180deg,transparent 0%,rgba(19,27,23,.70) 42%,rgba(19,27,23,.90) 100%)!important;
  color:#fff!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:6px!important
}
.home-category-section .category-content h3{color:#fff!important;font-size:11px!important;text-shadow:0 1px 4px rgba(0,0,0,.28)}
.home-category-section .category-content span{color:rgba(255,255,255,.76)!important;font-size:7.5px!important}
.home-category-section .category-content b{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0!important;flex:0 0 auto!important;
  min-height:27px!important;padding:5px 7px!important;border-radius:8px!important;background:rgba(255,255,255,.92)!important;color:var(--color-primary)!important;
  font-size:7.5px!important;box-shadow:0 4px 14px rgba(0,0,0,.12)!important
}
.home-category-section .category-content i{font-size:13px!important}
html[data-theme="dark"] .home-category-section .category-content{background:linear-gradient(180deg,transparent 0%,rgba(10,16,13,.68) 42%,rgba(10,16,13,.93) 100%)!important}

/* New two-column configurable widget section */
.feature-showcase{
  margin:0 12px 18px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:20px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--color-secondary) 5%,var(--surface)),var(--surface));box-shadow:var(--shadow-soft);
  background-image:var(--feature-bg);background-size:cover;background-position:center
}
.feature-showcase-overlay{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 91%,transparent),color-mix(in srgb,var(--surface) 82%,transparent));pointer-events:none}
.feature-showcase.has-background .feature-showcase-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 84%,transparent),color-mix(in srgb,var(--surface) 72%,transparent))}
.feature-showcase-inner{position:relative;z-index:1;padding:17px 12px 14px}
.feature-brand-mark{position:relative;width:min(210px,58vw);height:70px;margin:0 auto 2px;display:grid;place-items:center}
.feature-brand-mark span{position:absolute;width:62%;height:38%;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 34%,transparent);filter:blur(23px);opacity:.34;animation:featureBrandGlow 3.8s ease-in-out infinite}
.feature-brand-mark img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--color-primary) 24%,transparent));animation:featureBrandFloat 4.4s ease-in-out infinite}
.feature-showcase-head{text-align:center;margin-bottom:12px}.feature-showcase-head>span{display:block;color:var(--color-secondary);font-size:8px;font-weight:900}.feature-showcase-head h2{margin:2px 0 0;font-size:19px;line-height:1.5}.feature-showcase-head p{margin:4px auto 0;max-width:520px;color:var(--muted);font-size:8.5px;line-height:1.8}
.feature-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.feature-showcase-card{
  position:relative;overflow:hidden;min-height:122px;border:1px solid color-mix(in srgb,var(--border-strong) 76%,transparent);border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 6%,var(--surface-2)),color-mix(in srgb,var(--color-secondary) 7%,var(--surface-2)));
  background-image:var(--feature-card-bg);background-size:cover;background-position:center;box-shadow:0 7px 20px rgba(24,35,29,.07);display:flex;align-items:flex-end;min-width:0
}
.feature-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,15,12,.02),rgba(9,15,12,.72));pointer-events:none}
.feature-showcase-card:not(.has-image) .feature-card-shade{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 12%,rgba(20,30,24,.58)))}
.feature-card-copy{position:relative;z-index:1;width:100%;padding:10px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;text-align:right;min-width:0}
.feature-card-copy strong{font-size:12px;line-height:1.45}.feature-card-copy small{margin-top:2px;font-size:7.5px;color:rgba(255,255,255,.76);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.feature-card-copy b{margin-top:7px;display:inline-flex;align-items:center;gap:3px;background:rgba(255,255,255,.92);color:var(--color-primary);padding:5px 7px;border-radius:8px;font-size:7.5px}.feature-card-copy i{font-style:normal;font-size:12px}
html[data-theme="dark"] .feature-showcase-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 84%,transparent),color-mix(in srgb,var(--surface) 70%,transparent))}
html[data-theme="dark"] .feature-showcase.has-background .feature-showcase-overlay{background:linear-gradient(180deg,rgba(25,36,30,.76),rgba(25,36,30,.58))}

.search-empty{padding:18px 12px!important}.search-empty-mascot{width:min(170px,46vw)!important;height:auto!important;object-fit:contain!important;margin:0 auto 5px!important;filter:drop-shadow(0 9px 18px rgba(25,35,30,.08));animation:emptySearchFloat 3.8s ease-in-out infinite}.search-empty strong{display:block;font-size:13px}.search-empty small{display:block;margin-top:3px;color:var(--muted);font-size:9px}

@keyframes featureBrandGlow{0%,100%{opacity:.22;transform:scale(.92)}50%{opacity:.48;transform:scale(1.12)}}
@keyframes featureBrandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes emptySearchFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-1deg)}}

@media(max-width:390px){
  .floating-site-header{height:98px!important;min-height:98px!important;margin-inline:8px!important;padding-inline:7px!important}
  .header-brand-logo{width:136px;height:80px}
  .header-tools{gap:2px;min-width:74px}.header-tools-right{padding-left:68px}.header-tools-left{padding-right:68px}
  .header-tool{width:36px;min-width:36px;height:43px}.header-tool svg{width:16px;height:16px}.header-tool span{font-size:6.7px}
  .home-category-section .category-content{min-height:78px!important;padding:27px 7px 8px!important}.home-category-section .category-content h3{font-size:9.5px!important}.home-category-section .category-content b{padding:4px 5px!important;font-size:6.8px!important}
  .feature-showcase{margin-inline:8px}.feature-showcase-inner{padding-inline:9px}.feature-showcase-grid{gap:7px}.feature-showcase-card{min-height:112px}.feature-card-copy{padding:8px}.feature-card-copy strong{font-size:10.5px}
}
@media(min-width:700px){
  .floating-site-header{height:116px!important;min-height:116px!important;margin:16px 22px 0!important;border-radius:18px!important}
  .header-brand-logo{width:190px;height:106px}.header-tools{gap:8px;min-width:150px}.header-tools-right{padding-left:96px}.header-tools-left{padding-right:96px}.header-tool{width:58px;min-width:58px;height:58px}.header-tool svg{width:20px;height:20px}.header-tool span{font-size:8.5px}
  .home-category-section .category-card{aspect-ratio:.76!important}.home-category-section .category-content h3{font-size:12px!important}
  .feature-showcase{margin-inline:22px;border-radius:22px}.feature-showcase-inner{padding:22px 18px 18px}.feature-brand-mark{width:250px;height:82px}.feature-showcase-head h2{font-size:23px}.feature-showcase-grid{gap:12px}.feature-showcase-card{min-height:170px;border-radius:18px}.feature-card-copy{padding:14px}.feature-card-copy strong{font-size:15px}.feature-card-copy small{font-size:9px}.feature-card-copy b{font-size:8.5px}
}
@media(min-width:1024px){.header-tool:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--surface));color:var(--color-primary)}.feature-showcase-card{transition:transform var(--transition),box-shadow var(--transition)}.feature-showcase-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(24,35,29,.13)}}
@media(prefers-reduced-motion:reduce){.feature-brand-mark span,.feature-brand-mark img,.search-empty-mascot{animation:none!important}}


/* v42: full site menu, premium customer club, showcase widgets, cleaner dock */
body.menu-open{overflow:hidden!important}

/* Floating navigation drawer inspired by premium restaurant menus, without copying a specific site. */
.site-menu[hidden]{display:none!important}
.site-menu{position:fixed;inset:0;z-index:180;display:block}
.site-menu-backdrop{position:absolute;inset:0;border:0;background:rgba(7,12,10,.56);opacity:0;transition:opacity .28s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.site-menu-panel{position:absolute;top:0;right:0;bottom:0;width:min(91vw,390px);padding:18px 15px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;background:#151b18;color:#f7f4ee;border-left:1px solid rgba(255,255,255,.08);box-shadow:-20px 0 55px rgba(0,0,0,.25);transform:translateX(104%);transition:transform .34s cubic-bezier(.2,.82,.2,1);outline:0;overflow-y:auto}
.site-menu.is-open .site-menu-backdrop{opacity:1}
.site-menu.is-open .site-menu-panel{transform:translateX(0)}
.site-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}
.site-menu-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#fff}
.site-menu-brand img{width:72px;height:54px;object-fit:contain;flex:0 0 auto}
.site-menu-brand span{display:grid;min-width:0}
.site-menu-brand strong{font-size:14px;line-height:1.35}
.site-menu-brand small{font-size:8px;color:#aeb9b3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.site-menu-close{width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.035);color:#fff;font-size:25px;display:grid;place-items:center;flex:0 0 auto}
.site-menu-links{display:grid;gap:5px;padding:21px 0}
.site-menu-links>a,.site-menu-links>button{width:100%;min-height:55px;border:0;border-radius:12px;padding:8px 8px;display:flex;align-items:center;gap:13px;background:transparent;color:#f8f5ef;text-align:right;font:inherit;cursor:pointer;transition:background .16s ease,transform .16s ease}
.site-menu-links>a:hover,.site-menu-links>button:hover{background:rgba(255,255,255,.055)}
.site-menu-links>a:active,.site-menu-links>button:active{transform:scale(.985)}
.site-menu-links strong{font-size:13px}
.menu-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:#e3ad8d;font-size:18px;border:1px solid rgba(255,255,255,.045);flex:0 0 auto}
.club-menu-link .menu-icon{color:#e6c56d}
.site-menu-bottom{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:9px}
.site-menu-club-cta,.site-menu-language{min-height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}
.site-menu-club-cta{background:#d99e7c;color:#1b1714}
.site-menu-club-cta span{font-size:17px;margin-right:7px}
.site-menu-language{border:1px solid rgba(255,255,255,.12);color:#fff;background:rgba(255,255,255,.02)}
@media(min-width:700px){.site-menu-panel{width:min(440px,46vw);padding:22px 20px 24px}.site-menu-brand img{width:86px;height:60px}.site-menu-links strong{font-size:14px}}

/* Footer CTA: club only; menu has moved to the header drawer. */
.footer-action-row:empty{display:none!important}
.footer-menu-action{display:none!important}
.footer-club-action{min-width:min(100%,230px)}

/* Mid-page restaurant showcase: large visual surface with 2x2 premium widgets. */
.feature-showcase{position:relative;margin:12px 12px 20px;border-radius:22px;overflow:hidden;min-height:500px;background:
linear-gradient(180deg,rgba(15,24,20,.26),rgba(10,18,15,.86)),
var(--feature-bg,linear-gradient(145deg,#24382f,#18231e));background-size:cover;background-position:center;box-shadow:var(--shadow)}
.feature-showcase:not(.has-background){background:linear-gradient(145deg,#2b4035 0%,#17211d 100%)}
.feature-showcase-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.09),transparent 32%),linear-gradient(180deg,transparent 30%,rgba(0,0,0,.32));pointer-events:none}
.feature-showcase-inner{position:relative;z-index:1;padding:26px 13px 17px;display:flex;min-height:500px;flex-direction:column;justify-content:flex-end}
.feature-brand-mark{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:min(60%,300px);height:88px;display:grid;place-items:center;pointer-events:none}
.feature-brand-mark span{position:absolute;width:76%;height:34%;border-radius:999px;background:rgba(198,40,40,.16);filter:blur(22px);animation:featureNeonHalo 3s ease-in-out infinite}
.feature-brand-mark img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:brightness(1.03) saturate(1.12) drop-shadow(0 0 3px rgba(255,53,53,.55)) drop-shadow(0 0 9px rgba(198,40,40,.24));animation:featureNeonLine 3s ease-in-out infinite}
.feature-showcase-head{text-align:center;color:#fff;margin-top:82px;margin-bottom:15px}
.feature-showcase-head>span{display:block;color:#e8c989;font-size:9px;font-weight:900}
.feature-showcase-head h2{margin:4px 0 0;font-size:30px;line-height:1.35;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.3)}
.feature-showcase-head p{margin:5px auto 0;max-width:540px;color:rgba(255,255,255,.74);font-size:9.5px;line-height:1.8}
.feature-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.feature-showcase-card{position:relative;min-height:118px;border-radius:15px;overflow:hidden;display:flex;align-items:flex-end;padding:11px;border:1px solid rgba(255,255,255,.14);background:
linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),
var(--feature-card-bg,rgba(15,24,20,.52));background-size:cover;background-position:center;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.12);isolation:isolate}
.feature-showcase-card.has-image{background-image:linear-gradient(180deg,rgba(8,12,10,.12),rgba(8,12,10,.74)),var(--feature-card-bg)}
.feature-card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.32))}
.feature-card-copy{display:grid;gap:2px;min-width:0}
.feature-card-copy strong{font-size:12px;line-height:1.45;color:#fff}
.feature-card-copy small{font-size:8px;line-height:1.6;color:rgba(255,255,255,.76);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feature-card-copy b{font-size:8px;color:#e6c56d;margin-top:3px}
.feature-widget-symbol{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(230,197,109,.55);background:rgba(10,18,15,.58);color:#e6c56d;backdrop-filter:blur(8px)}
.feature-widget-symbol svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-kind-hours,.feature-kind-location{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))}
@keyframes featureNeonLine{0%,100%{filter:brightness(.88) saturate(1.06) drop-shadow(0 0 2px rgba(255,48,48,.38)) drop-shadow(0 0 6px rgba(198,40,40,.18));opacity:.88}50%{filter:brightness(1.28) saturate(1.25) drop-shadow(0 0 5px rgba(255,78,78,.92)) drop-shadow(0 0 15px rgba(198,40,40,.58));opacity:1}}
@keyframes featureNeonHalo{0%,100%{opacity:.3;transform:scale(.88)}50%{opacity:.82;transform:scale(1.08)}}
@media(min-width:700px){.feature-showcase{margin:18px 24px 28px;min-height:570px;border-radius:24px}.feature-showcase-inner{min-height:570px;padding:35px 28px 25px}.feature-brand-mark{width:330px;height:110px;top:22px}.feature-showcase-head{margin-top:100px}.feature-showcase-head h2{font-size:40px}.feature-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feature-showcase-card{min-height:150px;padding:14px}.feature-card-copy strong{font-size:14px}.feature-card-copy small{font-size:9px}}

/* Dock is now clean and unsegmented. */
.bottom-dock .dock-btn::before,.bottom-dock .dock-btn::after{content:none!important;display:none!important}
.bottom-dock{column-gap:5px!important}
.bottom-dock .dock-btn{border-inline:0!important}

/* Customer club public page: hero -> how it works -> simple free signup. */
.club-shell{max-width:1040px}
.club-floating-header{margin-bottom:12px!important}
.club-main{padding:8px 12px 42px;display:grid;gap:18px}
.club-hero{position:relative;overflow:hidden;border-radius:24px;min-height:430px;padding:28px 20px;display:grid;align-items:center;background:
radial-gradient(circle at 75% 20%,rgba(198,40,40,.18),transparent 30%),
linear-gradient(145deg,#263a31,#18231e);color:#fff;box-shadow:var(--shadow)}
.club-hero::after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-90px;bottom:-120px}
.club-hero-copy{position:relative;z-index:2;max-width:620px}
.club-kicker,.club-section-kicker{display:block;color:#dfc176;font-size:10px;font-weight:900}
.club-hero h1{margin:6px 0 0;font-size:32px;line-height:1.5;color:#fff}
.club-hero p{margin:10px 0 0;font-size:11px;line-height:2;color:rgba(255,255,255,.78)}
.club-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.club-primary-cta,.club-secondary-cta{min-height:46px;padding:9px 15px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900}
.club-primary-cta{background:#d99e7c;color:#201813}
.club-secondary-cta{border:1px solid rgba(255,255,255,.15);color:#fff;background:rgba(255,255,255,.04)}
.club-hero-brand{position:absolute;left:-4px;bottom:-16px;width:180px;height:200px;display:grid;place-items:end center;opacity:.92}
.club-hero-brand img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 25px rgba(0,0,0,.28))}
.club-brand-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(198,40,40,.2);filter:blur(30px);bottom:35px}
.club-how,.club-join-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;box-shadow:var(--shadow-soft)}
.club-how{padding:20px 16px}
.club-how h2,.club-join-card h2{margin:3px 0 0;font-size:22px;line-height:1.5}
.club-steps{display:grid;gap:9px;margin-top:14px}
.club-steps article{position:relative;padding:15px 54px 15px 13px;border-radius:15px;background:var(--surface-2);border:1px solid var(--border)}
.club-steps article>b{position:absolute;right:13px;top:15px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--color-primary) 11%,var(--surface));color:var(--color-primary);font-size:11px}
.club-steps h3{margin:0;font-size:12px}.club-steps p{margin:4px 0 0;color:var(--muted);font-size:9.5px;line-height:1.9}
.club-join-card{padding:20px 16px}
.club-join-card>div>p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.9}
.club-page-form{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}
.club-page-form label{display:grid;gap:5px;font-size:9px;font-weight:850}.club-page-form label small{color:var(--muted);font-weight:500}
.club-page-form input{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:9px 11px;outline:0}
.club-page-form input:focus{border-color:color-mix(in srgb,var(--color-secondary) 45%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-secondary) 8%,transparent)}
.club-page-form button{min-height:50px;border:0;border-radius:12px;background:var(--color-primary);color:#fff;font:inherit;font-size:10px;font-weight:900}
@media(min-width:700px){.club-main{padding:12px 22px 56px;gap:24px}.club-hero{min-height:500px;padding:48px 42px}.club-hero h1{font-size:46px;max-width:650px}.club-hero p{font-size:12px;max-width:620px}.club-hero-brand{width:280px;height:310px;left:10px}.club-how,.club-join-card{padding:28px}.club-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.club-steps article{padding:62px 16px 17px}.club-steps article>b{right:16px;top:16px}.club-page-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.club-page-form button{min-height:48px}}

@media(prefers-reduced-motion:reduce){.feature-brand-mark img,.feature-brand-mark span{animation:none!important}}

/* v43: balanced premium header, club card, scroll-reveal image, compact dock */

/* Header: balanced edges + larger logo, no club shortcut in the top bar. */
.floating-site-header.premium-home-header,
.floating-site-header.premium-sub-header{
  display:grid!important;
  grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr)!important;
  align-items:center!important;
  height:104px!important;
  min-height:104px!important;
  margin:8px 8px 0!important;
  padding:7px 9px!important;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  box-shadow:0 8px 24px rgba(30,43,36,.07)!important;
  overflow:visible!important;
}
.header-edge{display:flex;align-items:center;gap:5px;min-width:0;z-index:2}
.header-edge-right{justify-content:flex-start;direction:rtl}
.header-edge-left{justify-content:flex-end;direction:ltr}
.premium-header-logo{position:relative!important;inset:auto!important;transform:none!important;width:170px!important;height:88px!important;display:grid!important;place-items:center!important;align-self:center!important;z-index:3}
.premium-header-logo img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.header-menu-button{height:54px;min-width:64px;padding:6px 8px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);display:grid;place-items:center;align-content:center;gap:4px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.header-menu-button strong{font-size:7.5px;line-height:1;font-weight:900;color:var(--text)}
.header-menu-glyph{display:grid;gap:3px;width:21px}
.header-menu-glyph i{display:block;height:2px;border-radius:999px;background:var(--color-primary);transition:transform .18s ease,width .18s ease}
.header-menu-glyph i:nth-child(2){width:15px;justify-self:end}.header-menu-glyph i:nth-child(3){width:18px;justify-self:end}
.header-menu-button:active{transform:scale(.91);background:color-mix(in srgb,var(--color-primary) 7%,var(--surface-2))}
.header-menu-button:focus-visible,.header-quick-action:focus-visible,.header-back-action:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 20%,transparent);outline-offset:2px}
.header-quick-action,.header-back-action{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);min-width:39px;height:39px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;font:inherit;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,color .18s ease,background .18s ease}
.header-quick-action svg,.header-back-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.header-quick-action:active,.header-back-action:active{transform:scale(.9);color:var(--color-primary)}
.header-back-action span{font-size:7px;font-weight:850;white-space:nowrap}
html[data-theme="dark"] .floating-site-header.premium-home-header,
html[data-theme="dark"] .floating-site-header.premium-sub-header{background:color-mix(in srgb,var(--surface) 95%,transparent)!important}

/* Drawer cleanup: stronger visual rhythm and less dashboard-like. */
.site-menu-panel{width:min(88vw,370px)!important;padding:16px 14px max(18px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,#151b18 0%,#111714 100%)!important}
.site-menu-head{padding:3px 1px 16px!important}
.site-menu-brand img{width:92px!important;height:62px!important}
.site-menu-brand strong{font-size:15px!important}.site-menu-brand small{font-size:8px!important}
.site-menu-close{border-radius:11px!important;background:rgba(255,255,255,.025)!important}
.site-menu-links{gap:2px!important;padding:17px 0!important}
.site-menu-links>a,.site-menu-links>button{min-height:52px!important;border-radius:11px!important;padding:6px!important}
.site-menu-links strong{font-size:12.5px!important}
.menu-icon{width:36px!important;height:36px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.04)!important}
.site-menu-links>a:hover,.site-menu-links>button:hover{background:rgba(255,255,255,.045)!important}
.site-menu-club-cta{background:linear-gradient(135deg,#dba280,#ce8f6c)!important;border-radius:11px!important}
.site-menu-language{border-radius:11px!important}

/* Entire footer surface is now the customer-club module. */
.club-promo-card{position:relative;overflow:hidden;margin:4px 12px 18px;padding:14px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft)}
.club-promo-card::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;left:-76px;top:-92px;background:color-mix(in srgb,var(--color-primary) 9%,transparent);filter:blur(5px);pointer-events:none}
.club-promo-top{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 54px;align-items:center;gap:9px;z-index:1}
.club-promo-badge{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--color-secondary) 9%,var(--surface-2));color:var(--color-secondary);border:1px solid color-mix(in srgb,var(--color-secondary) 24%,var(--border))}
.club-promo-badge svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.club-promo-copy small{display:block;color:var(--color-secondary);font-size:8px;font-weight:900}.club-promo-copy h2{font-size:15px;line-height:1.45;margin:1px 0 0}.club-promo-copy p{font-size:8.5px;line-height:1.8;color:var(--muted);margin:3px 0 0}
.club-promo-mascot{width:54px;height:62px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(21,31,26,.1))}
.club-promo-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}
.club-mini-widget{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 9px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.club-mini-widget>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--surface);color:var(--color-primary);font-size:13px;flex:0 0 auto}.club-mini-widget div{min-width:0}.club-mini-widget strong{display:block;font-size:8.5px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-mini-widget small{display:block;margin-top:1px;color:var(--muted);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.club-promo-actions{display:flex;gap:7px;margin-top:9px}.club-promo-primary,.club-promo-secondary{min-height:42px;border-radius:11px;padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:900}.club-promo-primary{flex:1;background:var(--color-secondary);color:#fff}.club-promo-primary i{font-style:normal;font-size:15px;margin-right:3px}.club-promo-secondary{border:1px solid var(--border);color:var(--text);background:var(--surface-2)}

/* Independent scroll-driven photo section. Image comes only from its own admin upload. */
.scroll-reveal-showcase{position:relative;margin:6px 0 22px;height:138svh;min-height:760px}
.scroll-reveal-runway{height:100%;position:relative}
.scroll-reveal-stage{position:sticky;top:8px;width:calc(100% - 16px);height:min(78svh,660px);min-height:520px;margin:0 auto;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);isolation:isolate;--reveal-top-shift:-66%;--reveal-bottom-shift:66%;--reveal-image-scale:1.03}
.scroll-reveal-photo{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(8,13,10,.08),rgba(8,13,10,.16)),var(--reveal-bg);background-size:cover;background-position:center;transform:scale(var(--reveal-image-scale));will-change:transform;transition:filter .16s linear}
.scroll-reveal-photo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,transparent 0 35%,rgba(0,0,0,.13) 100%)}
.scroll-reveal-mask{position:absolute;left:0;right:0;height:50%;z-index:5;background:var(--bg);will-change:transform;box-shadow:0 0 0 1px color-mix(in srgb,var(--border) 65%,transparent)}
.scroll-reveal-mask-top{top:0;transform:translateY(var(--reveal-top-shift));border-radius:0 0 34px 34px}
.scroll-reveal-mask-bottom{bottom:0;transform:translateY(var(--reveal-bottom-shift));border-radius:34px 34px 0 0}
.scroll-reveal-caption{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(84%,520px);text-align:center;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35);pointer-events:none}
.scroll-reveal-caption h2{margin:5px 0 0;font-size:25px;line-height:1.4;color:#fff}.scroll-reveal-caption p{margin:4px auto 0;max-width:430px;font-size:9px;line-height:1.8;color:rgba(255,255,255,.82)}
.scroll-reveal-neon{position:relative;width:min(65vw,260px);height:74px;margin:0 auto 2px;display:grid;place-items:center}
.scroll-reveal-neon>span{position:absolute;width:72%;height:24%;border-radius:999px;background:rgba(255,28,28,.2);filter:blur(15px);animation:revealNeonHalo 2.8s ease-in-out infinite}
.scroll-reveal-neon img{position:relative;width:100%;height:100%;object-fit:contain;filter:brightness(.94) saturate(1.08) drop-shadow(0 0 2px rgba(255,55,55,.45)) drop-shadow(0 0 6px rgba(198,40,40,.24));animation:revealNeonLine 2.8s ease-in-out infinite}
@keyframes revealNeonLine{0%,100%{opacity:.78;filter:brightness(.86) saturate(1.02) drop-shadow(0 0 2px rgba(255,55,55,.38)) drop-shadow(0 0 5px rgba(198,40,40,.18))}50%{opacity:1;filter:brightness(1.32) saturate(1.3) drop-shadow(0 0 5px rgba(255,72,72,.9)) drop-shadow(0 0 14px rgba(198,40,40,.55))}}
@keyframes revealNeonHalo{0%,100%{opacity:.24;transform:scale(.86)}50%{opacity:.74;transform:scale(1.08)}}

/* Dock: smaller, no separators whatsoever, with physical tap feedback. */
.site-shell.has-bottom-dock{padding-bottom:76px!important}
.bottom-dock{width:min(calc(100% - 14px),440px)!important;min-height:60px!important;padding:4px!important;grid-template-columns:.9fr .58fr .58fr 1.34fr!important;gap:4px!important;border-radius:17px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;box-shadow:0 10px 28px rgba(24,35,29,.14)!important}
.bottom-dock .dock-btn{min-height:51px!important;height:51px!important;padding:4px 6px!important;border:0!important;border-left:0!important;border-right:0!important;outline:0;gap:4px!important;border-radius:12px!important;transition:transform .12s cubic-bezier(.2,.8,.2,1),background .14s ease,color .14s ease!important}
.bottom-dock .dock-btn::before,.bottom-dock .dock-btn::after,.bottom-dock .contact-trigger::before,.bottom-dock .contact-trigger::after{content:none!important;display:none!important;width:0!important;border:0!important;background:none!important}
.bottom-dock svg{width:18px!important;height:18px!important}.bottom-dock .contact-trigger span{font-size:7px!important}.bottom-dock .lang-glyph{font-size:11px!important}.bottom-dock .location-link{padding-inline:7px!important}.bottom-dock .location-copy{line-height:1.3!important}.bottom-dock .location-line{font-size:min(var(--location-font-size,12px),10.5px)!important;line-height:1.35!important}
.bottom-dock .dock-btn:active,.bottom-dock .dock-btn.is-tapped{transform:scale(.88)!important;background:color-mix(in srgb,var(--color-primary) 8%,var(--surface))!important}
.primary-dock{border-radius:12px!important}.bottom-dock .dock-btn.is-tapped svg,.bottom-dock .dock-btn.is-tapped .lang-glyph{animation:dockTapIcon .24s ease}
@keyframes dockTapIcon{0%{transform:scale(1)}45%{transform:scale(.72)}100%{transform:scale(1)}}

@media(max-width:360px){
  .floating-site-header.premium-home-header,.floating-site-header.premium-sub-header{grid-template-columns:66px auto 66px!important;height:98px!important;min-height:98px!important;padding-inline:6px!important}
  .premium-header-logo{width:145px!important;height:82px!important}.header-menu-button{min-width:58px;height:50px}.header-quick-action{min-width:34px;width:34px;height:36px;padding:0}.header-quick-action svg{width:16px;height:16px}.header-edge{gap:3px}
  .club-promo-top{grid-template-columns:38px minmax(0,1fr) 44px}.club-promo-badge{width:38px;height:38px}.club-promo-mascot{width:44px;height:52px}.club-promo-copy h2{font-size:13px}.club-promo-copy p{font-size:7.8px}.club-mini-widget{padding:7px}.club-mini-widget strong{font-size:7.8px}
  .scroll-reveal-stage{width:calc(100% - 10px);height:74svh;min-height:480px;border-radius:20px}.scroll-reveal-mask-top{border-radius:0 0 28px 28px}.scroll-reveal-mask-bottom{border-radius:28px 28px 0 0}.scroll-reveal-caption h2{font-size:21px}
  .bottom-dock{width:calc(100% - 8px)!important;grid-template-columns:.88fr .55fr .55fr 1.28fr!important;gap:2px!important}.bottom-dock .dock-btn{padding-inline:3px!important}.bottom-dock .location-line{font-size:min(var(--location-font-size,12px),9.6px)!important}
}
@media(min-width:700px){
  .floating-site-header.premium-home-header,.floating-site-header.premium-sub-header{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)!important;height:118px!important;min-height:118px!important;margin:14px 22px 0!important;padding-inline:15px!important}
  .premium-header-logo{width:220px!important;height:108px!important}.header-menu-button{min-width:78px;height:58px}.header-menu-button strong{font-size:8.5px}.header-quick-action{min-width:44px;height:44px}.header-back-action{height:44px;padding-inline:11px}.header-back-action span{font-size:8px}
  .club-promo-card{margin:8px 22px 24px;padding:18px;border-radius:22px}.club-promo-top{grid-template-columns:50px minmax(0,1fr) 70px}.club-promo-badge{width:50px;height:50px}.club-promo-copy h2{font-size:20px}.club-promo-copy p{font-size:10px}.club-promo-mascot{width:70px;height:80px}.club-mini-widget{padding:10px 12px}.club-mini-widget strong{font-size:10px}.club-mini-widget small{font-size:8px}.club-promo-primary,.club-promo-secondary{min-height:46px;font-size:9.5px}
  .scroll-reveal-showcase{height:150svh;min-height:980px;margin-bottom:30px}.scroll-reveal-stage{width:calc(100% - 44px);height:min(82svh,760px);min-height:620px;border-radius:26px}.scroll-reveal-caption h2{font-size:36px}.scroll-reveal-caption p{font-size:10.5px}.scroll-reveal-neon{width:300px;height:92px}
  .bottom-dock{width:min(560px,calc(100vw - 52px))!important;min-height:64px!important;grid-template-columns:.94fr .6fr .6fr 1.42fr!important}.bottom-dock .dock-btn{min-height:55px!important;height:55px!important}.bottom-dock .location-line{font-size:min(var(--location-font-size,12px),11.5px)!important}
}
@media(min-width:1024px){.header-menu-button:hover,.header-quick-action:hover,.header-back-action:hover{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 22%,var(--border));background:color-mix(in srgb,var(--color-primary) 5%,var(--surface-2))}.club-promo-card:hover{border-color:var(--border-strong)}}
@media(prefers-reduced-motion:reduce){.scroll-reveal-showcase{height:auto!important;min-height:0!important}.scroll-reveal-stage{position:relative!important;top:auto!important}.scroll-reveal-mask{display:none!important}.scroll-reveal-photo{transform:none!important}.scroll-reveal-neon>span,.scroll-reveal-neon img{animation:none!important}}
.club-promo-card{color:var(--footer-text,var(--text))}
.club-promo-card .club-promo-copy h2,.club-promo-card .club-mini-widget strong{color:var(--footer-text,var(--text))}
.club-promo-card .club-promo-copy p,.club-promo-card .club-mini-widget small{color:var(--footer-muted,var(--muted))}
html[data-theme="dark"] .club-promo-card.footer-follow-theme{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;--footer-text:var(--text)!important;--footer-muted:var(--muted)!important;--footer-link:var(--color-primary)!important}
.menu-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}


/* v44: integrated scroll-image section + truly separator-free compact dock */
.scroll-reveal-showcase{
  height:112svh!important;
  min-height:680px!important;
  margin:10px 0 18px!important;
  padding:0!important;
  overflow:clip!important;
}
.scroll-reveal-runway{height:100%!important}
.scroll-reveal-stage{
  top:6px!important;
  width:100%!important;
  height:min(68svh,580px)!important;
  min-height:420px!important;
  margin:0!important;
  border-inline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:var(--bg)!important;
  --reveal-top-shift:-104%;
  --reveal-bottom-shift:104%;
  --reveal-image-scale:1.02;
  --reveal-caption-opacity:1;
}
.scroll-reveal-photo{
  background-size:cover!important;
  background-position:center var(--reveal-position,center)!important;
  background-repeat:no-repeat!important;
}
.scroll-reveal-photo::after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.10))!important}
.scroll-reveal-mask{
  height:50.2%!important;
  background:var(--bg)!important;
  border-radius:0!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
}
.scroll-reveal-mask-top{transform:translateY(var(--reveal-top-shift))!important}
.scroll-reveal-mask-bottom{transform:translateY(var(--reveal-bottom-shift))!important}
.scroll-reveal-caption{opacity:var(--reveal-caption-opacity,1)!important;transition:opacity .08s linear!important}

/* Hard reset every historical divider rule in the dock. */
.bottom-dock .dock-btn + .dock-btn,
.bottom-dock .dock-btn:not(:last-child),
.bottom-dock .contact-trigger,
.bottom-dock .language-dock,
.bottom-dock .theme-toggle,
.bottom-dock .location-link{
  border-left:0!important;
  border-right:0!important;
  border-inline:0!important;
  box-shadow:none!important;
}
.bottom-dock .dock-btn::before,
.bottom-dock .dock-btn::after,
.bottom-dock .dock-btn + .dock-btn::before,
.bottom-dock .dock-btn + .dock-btn::after,
.bottom-dock .contact-trigger::before,
.bottom-dock .contact-trigger::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
}
.bottom-dock{
  width:min(calc(100% - 12px),420px)!important;
  min-height:58px!important;
  padding:4px!important;
  gap:3px!important;
  border-radius:16px!important;
}
.bottom-dock .dock-btn{
  min-height:49px!important;
  height:49px!important;
  padding:4px 6px!important;
  border-radius:11px!important;
}
.bottom-dock.dock-count-4{grid-template-columns:.88fr .56fr .56fr 1.42fr!important}
.bottom-dock.dock-count-3{grid-template-columns:.62fr .62fr 1.48fr!important}
.bottom-dock.dock-count-2{grid-template-columns:.72fr 1.48fr!important}
.bottom-dock .location-link{
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:7px!important;
  padding:4px 7px!important;
}
.location-dock-icon{
  width:29px;height:29px;flex:0 0 29px;border-radius:9px;
  display:grid;place-items:center;
  color:var(--color-secondary);
  background:color-mix(in srgb,var(--color-secondary) 9%,var(--surface));
  border:1px solid color-mix(in srgb,var(--color-secondary) 18%,var(--border));
}
.location-dock-icon svg{width:15px!important;height:15px!important;fill:none;stroke:currentColor;stroke-width:1.9}
.bottom-dock .location-copy{flex:1 1 auto!important;min-width:0!important;align-items:stretch!important}
.bottom-dock .location-line{font-size:min(var(--location-font-size,12px),10px)!important;line-height:1.3!important}
.bottom-dock .dock-btn:active,.bottom-dock .dock-btn.is-tapped{
  transform:scale(.91)!important;
  background:color-mix(in srgb,var(--color-primary) 7%,var(--surface))!important;
}
@media(max-width:349px){
  .scroll-reveal-showcase{min-height:620px!important;height:108svh!important}
  .scroll-reveal-stage{min-height:390px!important;height:64svh!important}
  .bottom-dock{width:calc(100% - 8px)!important;gap:2px!important}
  .bottom-dock.dock-count-3{grid-template-columns:.58fr .58fr 1.44fr!important}
  .location-dock-icon{width:27px;height:27px;flex-basis:27px}
  .bottom-dock .location-line{font-size:min(var(--location-font-size,12px),9.2px)!important}
}
@media(min-width:700px){
  .scroll-reveal-showcase{height:120svh!important;min-height:880px!important;margin-bottom:24px!important}
  .scroll-reveal-stage{height:min(72svh,680px)!important;min-height:560px!important}
  .bottom-dock{width:min(520px,calc(100vw - 52px))!important;min-height:61px!important}
  .bottom-dock .dock-btn{min-height:52px!important;height:52px!important}
  .bottom-dock .location-line{font-size:min(var(--location-font-size,12px),11px)!important}
  .location-dock-icon{width:31px;height:31px;flex-basis:31px}
}
@media(prefers-reduced-motion:reduce){
  .scroll-reveal-showcase{height:auto!important;min-height:0!important}
  .scroll-reveal-stage{position:relative!important;top:auto!important;height:auto!important;min-height:440px!important}
  .scroll-reveal-mask{display:none!important}
  .scroll-reveal-caption{opacity:1!important}
}

/* v45: integrated image showcase, editable theme-aware header menu, dock cleanup */

/* Header: simpler, better balanced and visually native to the site theme. */
.floating-site-header.premium-home-header,
.floating-site-header.premium-sub-header{
  grid-template-columns:62px minmax(0,1fr) 62px!important;
  height:94px!important;min-height:94px!important;
  margin:8px 8px 0!important;padding:5px 7px!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--surface) 97%,transparent)!important;
  border-color:var(--border)!important;
  box-shadow:0 7px 20px rgba(30,43,36,.06)!important;
}
.premium-header-logo{width:min(46vw,178px)!important;height:80px!important}
.header-menu-button{
  min-width:50px!important;width:50px!important;height:48px!important;padding:4px!important;
  border:0!important;border-radius:11px!important;background:transparent!important;color:var(--text)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
}
.header-menu-button:hover{background:var(--surface-2)!important}
.header-menu-button strong{font-size:7.3px!important;color:var(--text)!important}
.header-menu-glyph{width:20px!important;gap:3px!important}.header-menu-glyph i{height:2px!important;background:var(--color-primary)!important}
.header-edge-left,.header-edge-right{gap:3px!important}.header-quick-action,.header-back-action{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;border-radius:10px!important;background:transparent!important}
.header-quick-action:hover,.header-back-action:hover{background:var(--surface-2)!important}
@media(max-width:360px){
  .floating-site-header.premium-home-header,.floating-site-header.premium-sub-header{grid-template-columns:56px minmax(0,1fr) 56px!important;height:90px!important;min-height:90px!important}
  .premium-header-logo{width:142px!important;height:76px!important}.header-menu-button{width:46px!important;min-width:46px!important;height:44px!important}
}
@media(min-width:700px){
  .floating-site-header.premium-home-header,.floating-site-header.premium-sub-header{grid-template-columns:120px minmax(0,1fr) 120px!important;height:108px!important;min-height:108px!important;padding-inline:12px!important}
  .premium-header-logo{width:210px!important;height:94px!important}.header-menu-button{width:58px!important;min-width:58px!important;height:52px!important}.header-quick-action,.header-back-action{width:42px!important;min-width:42px!important;height:42px!important}
}

/* Drawer follows site light/dark theme instead of forcing a foreign dark palette. */
.site-menu-panel{
  background:color-mix(in srgb,var(--surface) 98%,var(--bg))!important;
  color:var(--text)!important;border-left:1px solid var(--border)!important;
  box-shadow:-18px 0 46px rgba(24,35,29,.16)!important;
}
.site-menu-head,.site-menu-bottom{border-color:var(--border)!important}
.site-menu-brand{color:var(--text)!important}.site-menu-brand small{color:var(--muted)!important}
.site-menu-close{color:var(--text)!important;border-color:var(--border)!important;background:var(--surface-2)!important}
.site-menu-links>a,.site-menu-links>button{color:var(--text)!important}
.site-menu-links>a:hover,.site-menu-links>button:hover{background:var(--surface-2)!important}
.menu-icon{background:color-mix(in srgb,var(--color-primary) 6%,var(--surface-2))!important;border-color:var(--border)!important;color:var(--color-primary)!important}
.site-menu-language{color:var(--text)!important;border-color:var(--border)!important;background:var(--surface-2)!important}
.site-menu-backdrop{background:rgba(12,18,15,.34)!important}
html[data-theme="dark"] .site-menu-backdrop{background:rgba(0,0,0,.52)!important}

/* Main middle showcase: no sticky runway, no blank vertical dead-space. */
.story-showcase{margin:10px 0 20px;border-block:1px solid var(--border);background:var(--surface);overflow:hidden}
.story-showcase-head{min-height:78px;padding:9px 12px 10px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--surface);position:relative;z-index:5}
.story-showcase-neon{position:relative;width:130px;height:54px;display:grid;place-items:center;flex:0 0 auto}
.story-showcase-neon>span{position:absolute;width:72%;height:26%;border-radius:999px;background:rgba(255,36,36,.20);filter:blur(13px);animation:storyNeonHalo 2.7s ease-in-out infinite}
.story-showcase-neon img{width:100%;height:100%;object-fit:contain;filter:brightness(.95) saturate(1.1) drop-shadow(0 0 3px rgba(255,62,62,.45)) drop-shadow(0 0 8px rgba(198,40,40,.26));animation:storyNeonLine 2.7s ease-in-out infinite}
.story-showcase-head-copy{min-width:0;text-align:right}.story-showcase-head-copy h2{margin:0;font-size:16px;line-height:1.45}.story-showcase-head-copy p{margin:3px 0 0;color:var(--muted);font-size:8.5px;line-height:1.7}
.story-showcase-media{position:relative;height:520px;overflow:hidden;background:var(--surface-2);isolation:isolate}
.story-showcase-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.story-showcase-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,11,9,.05) 0%,rgba(7,11,9,.18) 42%,rgba(7,11,9,.48) 100%);pointer-events:none}
.story-showcase-grid{position:absolute;z-index:3;left:12px;right:12px;bottom:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.story-showcase-item{position:relative;min-height:112px;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(18,25,21,.62);box-shadow:0 8px 22px rgba(0,0,0,.14);display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.story-showcase-item>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.story-showcase-item-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.64))}
.story-showcase-item-copy{display:grid;width:100%;padding:10px;gap:2px;text-align:right}.story-showcase-item-copy strong{font-size:11.5px;line-height:1.45;color:#fff}.story-showcase-item-copy small{font-size:7.5px;line-height:1.5;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-showcase-item-copy b{justify-self:start;margin-top:4px;padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.92);color:var(--color-primary);font-size:7px}
.story-showcase-shutter{position:absolute;left:0;right:0;bottom:0;height:42%;z-index:4;background:var(--bg);transform:translateY(var(--story-shutter-y,96%));will-change:transform;box-shadow:0 -1px 0 color-mix(in srgb,var(--border) 70%,transparent)}
.story-showcase-shutter::before{content:"";position:absolute;left:50%;top:10px;transform:translateX(-50%);width:42px;height:3px;border-radius:999px;background:color-mix(in srgb,var(--muted) 28%,transparent)}
@keyframes storyNeonLine{0%,100%{opacity:.76;filter:brightness(.84) saturate(1.03) drop-shadow(0 0 2px rgba(255,55,55,.34)) drop-shadow(0 0 5px rgba(198,40,40,.16))}50%{opacity:1;filter:brightness(1.34) saturate(1.32) drop-shadow(0 0 5px rgba(255,72,72,.88)) drop-shadow(0 0 14px rgba(198,40,40,.52))}}
@keyframes storyNeonHalo{0%,100%{opacity:.22;transform:scale(.86)}50%{opacity:.72;transform:scale(1.07)}}
@media(max-width:360px){.story-showcase-head{min-height:68px;padding-inline:8px}.story-showcase-neon{width:108px;height:46px}.story-showcase-head-copy h2{font-size:14px}.story-showcase-media{height:460px}.story-showcase-grid{left:8px;right:8px;bottom:14px;gap:6px}.story-showcase-item{min-height:100px;border-radius:12px}.story-showcase-item-copy{padding:8px}.story-showcase-item-copy strong{font-size:10px}}
@media(min-width:700px){.story-showcase{margin:16px 0 28px}.story-showcase-head{min-height:96px;padding:14px 22px}.story-showcase-neon{width:180px;height:68px}.story-showcase-head-copy h2{font-size:23px}.story-showcase-head-copy p{font-size:10px}.story-showcase-media{height:min(70vh,680px);min-height:580px}.story-showcase-grid{left:28px;right:28px;bottom:26px;gap:12px}.story-showcase-item{min-height:145px;border-radius:16px}.story-showcase-item-copy strong{font-size:14px}.story-showcase-item-copy small{font-size:9px}}

/* Remove every old dock separator and keep a visible location widget. */
html body .bottom-dock>.dock-btn,
html body .bottom-dock>.dock-btn+.dock-btn,
html body .bottom-dock>.contact-trigger,
html body .bottom-dock>.language-dock,
html body .bottom-dock>.theme-toggle,
html body .bottom-dock>.location-link{border-left:0!important;border-right:0!important;border-inline:0!important;box-shadow:none!important}
html body .bottom-dock>.dock-btn::before,html body .bottom-dock>.dock-btn::after{content:none!important;display:none!important}
html body .bottom-dock{gap:5px!important;overflow:visible!important;background:var(--dock-bg)!important}
html body .bottom-dock>.dock-btn{background:transparent!important;border-radius:11px!important}
html body .bottom-dock>.dock-btn:active,html body .bottom-dock>.dock-btn.is-tapped{background:color-mix(in srgb,var(--color-primary) 8%,var(--surface))!important;transform:scale(.9)!important}
html body .bottom-dock .location-dock-icon{display:grid!important;opacity:1!important;visibility:visible!important;width:30px!important;height:30px!important;flex:0 0 30px!important;border:1px solid color-mix(in srgb,var(--color-secondary) 22%,var(--border))!important;background:color-mix(in srgb,var(--color-secondary) 9%,var(--surface))!important;color:var(--color-secondary)!important}
html body .bottom-dock .location-link{gap:6px!important;padding-inline:6px!important}

@media(prefers-reduced-motion:reduce){.story-showcase-neon>span,.story-showcase-neon img{animation:none!important}.story-showcase-shutter{transform:translateY(96%)!important}}


/* v46 final: overlay showcase, complete closure, balanced header/menu and readable typography */

/* Header: compact brand bar with a genuinely centered logo. */
html body .floating-site-header.premium-home-header,
html body .floating-site-header.premium-sub-header{
  width:calc(100% - 16px)!important;
  margin:8px auto 12px!important;
  height:102px!important;min-height:102px!important;
  padding:7px 9px!important;
  display:grid!important;grid-template-columns:78px minmax(0,1fr) 78px!important;
  align-items:center!important;
  border:1px solid var(--border)!important;border-radius:19px!important;
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
  box-shadow:0 8px 24px rgba(30,42,35,.075)!important;
  backdrop-filter:blur(12px) saturate(1.03)!important;-webkit-backdrop-filter:blur(12px) saturate(1.03)!important;
}
html body .premium-header-logo{width:min(188px,100%)!important;height:86px!important;justify-self:center!important;display:grid!important;place-items:center!important}
html body .premium-header-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
html body .header-edge{height:100%!important;display:flex!important;align-items:center!important;gap:5px!important}
html body .header-edge-right{justify-content:flex-start!important}html body .header-edge-left{justify-content:flex-end!important}
html body .header-menu-button{width:54px!important;min-width:54px!important;height:54px!important;padding:4px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface-2)!important;color:var(--text)!important;gap:3px!important}
html body .header-menu-button strong{font-size:9px!important;line-height:1!important;color:var(--text)!important}
html body .header-menu-glyph{width:23px!important;gap:4px!important}.header-menu-glyph i{height:2.5px!important;border-radius:9px!important;background:var(--color-primary)!important}
html body .header-quick-action,html body .header-back-action{width:38px!important;min-width:38px!important;height:38px!important;border:1px solid var(--border)!important;border-radius:11px!important;background:var(--surface-2)!important;color:var(--color-secondary)!important}
html body .header-quick-action svg,html body .header-back-action svg{width:19px!important;height:19px!important}
html body .header-back-action span{font-size:8.5px!important}
@media(max-width:350px){html body .floating-site-header.premium-home-header,html body .floating-site-header.premium-sub-header{grid-template-columns:64px minmax(0,1fr) 64px!important;height:94px!important;min-height:94px!important}.premium-header-logo{width:150px!important;height:76px!important}.header-quick-action:nth-child(n+2){display:none!important}.header-menu-button{width:49px!important;min-width:49px!important;height:50px!important}}
@media(min-width:700px){html body .floating-site-header.premium-home-header,html body .floating-site-header.premium-sub-header{width:calc(100% - 36px)!important;grid-template-columns:126px minmax(0,1fr) 126px!important;height:116px!important;min-height:116px!important;margin-top:12px!important}.premium-header-logo{width:230px!important;height:98px!important}.header-menu-button{width:62px!important;min-width:62px!important;height:58px!important}.header-menu-button strong{font-size:10px!important}.header-quick-action,.header-back-action{width:43px!important;min-width:43px!important;height:43px!important}}

/* Drawer typography + real Login/Signup actions. */
.site-menu-panel{padding:18px 16px max(18px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,var(--bg)),var(--surface))!important}
.site-menu-brand img{width:82px!important;height:58px!important}.site-menu-brand strong{font-size:15px!important}.site-menu-brand small{font-size:9px!important}
.site-menu-links{gap:6px!important;padding:18px 0!important}.site-menu-links>a,.site-menu-links>button{min-height:57px!important;padding:8px 9px!important;border-radius:13px!important}.site-menu-links strong{font-size:13.5px!important}.menu-icon{width:40px!important;height:40px!important}.menu-icon svg{width:20px!important;height:20px!important}
.site-menu-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.site-menu-auth{min-height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:900}.site-menu-auth svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-menu-login{border:1px solid var(--border)!important;background:var(--surface-2)!important;color:var(--text)!important}.site-menu-signup{border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--border))!important;background:color-mix(in srgb,var(--color-primary) 10%,var(--surface))!important;color:var(--color-primary)!important}.site-menu-language{min-height:44px!important;font-size:10px!important}

/* The showcase title and neon mark live ON the photo, not in a separate white band. */
html body .story-showcase{margin:12px 0 22px!important;border:0!important;background:transparent!important;overflow:hidden!important}
html body .story-showcase-media{position:relative!important;height:560px!important;min-height:0!important;overflow:hidden!important;background:var(--surface-2)!important;isolation:isolate!important;border-radius:0!important}
html body .story-showcase-photo{position:absolute!important;inset:-2px!important;width:calc(100% + 4px)!important;height:calc(100% + 4px)!important;object-fit:cover!important;display:block!important;z-index:0!important;filter:blur(1.15px) saturate(.98) contrast(1.01)!important;transform:scale(1.012)!important;transform-origin:center!important}
html body .story-showcase-scrim{z-index:1!important;background:linear-gradient(180deg,rgba(8,12,10,.48) 0%,rgba(8,12,10,.12) 28%,rgba(8,12,10,.10) 48%,rgba(7,10,8,.52) 100%)!important}
html body .story-showcase-head{position:absolute!important;z-index:7!important;top:0!important;right:0!important;left:0!important;min-height:108px!important;padding:16px 14px 18px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;background:linear-gradient(180deg,rgba(8,12,10,.62),rgba(8,12,10,.18),transparent)!important;color:#fff!important;pointer-events:none!important}
html body .story-showcase-neon{width:138px!important;height:62px!important;flex:0 0 138px!important}.story-showcase-neon img{filter:brightness(1.12) saturate(1.18) drop-shadow(0 0 4px rgba(255,65,65,.82)) drop-shadow(0 0 15px rgba(198,40,40,.45))!important}
html body .story-showcase-head-copy{max-width:62%!important;text-align:right!important;text-shadow:0 2px 12px rgba(0,0,0,.28)!important}.story-showcase-head-copy h2{margin:0!important;color:#fff!important;font-size:20px!important;line-height:1.45!important}.story-showcase-head-copy p{margin:5px 0 0!important;color:rgba(255,255,255,.84)!important;font-size:10.5px!important;line-height:1.75!important}

/* Four editable items are always a true 2x2 grid and sit higher on the photo. */
html body .story-showcase-grid{position:absolute!important;z-index:8!important;left:12px!important;right:12px!important;top:46%!important;bottom:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;transform:translate3d(0,var(--story-grid-y,0px),0)!important;transition:none!important;will-change:transform!important}
html body .story-showcase-item{min-height:118px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.26)!important;background:rgba(18,25,21,.48)!important;box-shadow:0 9px 22px rgba(0,0,0,.16)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
html body .story-showcase-item-copy{padding:11px!important;gap:3px!important}.story-showcase-item-copy strong{font-size:13px!important;line-height:1.45!important}.story-showcase-item-copy small{font-size:9px!important;line-height:1.55!important}.story-showcase-item-copy b{font-size:8.5px!important;padding:5px 7px!important}

/* Bottom surface now reaches its final position (0%) and can fully finish the close animation. */
html body .story-showcase-shutter{position:absolute!important;z-index:5!important;left:0!important;right:0!important;bottom:0!important;height:54%!important;background:color-mix(in srgb,var(--bg) 96%,var(--surface))!important;border-radius:25px 25px 0 0!important;transform:translate3d(0,var(--story-shutter-y,100%),0)!important;will-change:transform!important;box-shadow:0 -8px 30px rgba(20,30,24,.08)!important}
html body .story-showcase-shutter::before{top:12px!important;width:46px!important;height:4px!important;background:color-mix(in srgb,var(--muted) 34%,transparent)!important}
@media(max-width:360px){html body .story-showcase-media{height:500px!important}.story-showcase-head{min-height:96px!important;padding:13px 10px!important}.story-showcase-neon{width:112px!important;height:52px!important;flex-basis:112px!important}.story-showcase-head-copy h2{font-size:17px!important}.story-showcase-head-copy p{font-size:9.2px!important}.story-showcase-grid{left:8px!important;right:8px!important;top:44%!important;gap:7px!important}.story-showcase-item{min-height:104px!important}.story-showcase-item-copy strong{font-size:11.5px!important}.story-showcase-item-copy small{font-size:8.2px!important}}
@media(min-width:700px){html body .story-showcase-media{height:min(72vh,680px)!important;min-height:600px!important}.story-showcase-head{min-height:132px!important;padding:24px 30px!important}.story-showcase-neon{width:210px!important;height:82px!important;flex-basis:210px!important}.story-showcase-head-copy h2{font-size:30px!important}.story-showcase-head-copy p{font-size:12px!important}.story-showcase-grid{left:30px!important;right:30px!important;top:49%!important;gap:14px!important}.story-showcase-item{min-height:150px!important}.story-showcase-item-copy strong{font-size:15px!important}.story-showcase-item-copy small{font-size:10px!important}}

/* Readability pass on tiny UI labels without inflating the whole layout. */
.bottom-dock .dock-btn{font-size:9px!important}.bottom-dock .contact-trigger span{font-size:8.5px!important}.bottom-dock .language-dock>span:last-child,.bottom-dock .theme-toggle>span{font-size:8.5px!important}.section-head span{font-size:10px}.category-content h3{font-size:11px}.category-content span{font-size:8.5px}.category-content b{font-size:8.5px}.info-card small{font-size:8.5px}.social-follow-copy p{font-size:9px}

@media(prefers-reduced-motion:reduce){html body .story-showcase-grid{transform:none!important}.story-showcase-shutter{transform:translateY(100%)!important}}


/* v47: header stays inside its own box + larger integrated menu widget + true sticky showcase */
html body .floating-site-header.premium-home-header,
html body .floating-site-header.premium-sub-header{
  box-sizing:border-box!important;
  width:calc(100% - 14px)!important;
  height:116px!important;
  min-height:116px!important;
  margin:7px auto 12px!important;
  padding:7px 10px!important;
  grid-template-columns:88px minmax(0,1fr) 88px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  align-items:center!important;
}
html body .premium-header-logo{
  width:min(205px,100%)!important;
  height:98px!important;
  max-height:100%!important;
  overflow:hidden!important;
  align-self:center!important;
  justify-self:center!important;
  box-sizing:border-box!important;
}
html body .premium-header-logo img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

/* Menu is a header widget, not a bordered button floating inside another box. */
html body .header-menu-button{
  width:82px!important;
  min-width:82px!important;
  height:86px!important;
  padding:5px 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-rows:54px auto!important;
  place-items:center!important;
  gap:4px!important;
  color:var(--text)!important;
}
html body .header-menu-button:hover{background:transparent!important}
html body .header-menu-button:active{transform:scale(.94)!important}
html body .header-menu-glyph{
  width:52px!important;
  height:52px!important;
  padding:13px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:17px!important;
  background:color-mix(in srgb,var(--color-primary) 7%,var(--surface-2))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 12%,var(--border))!important;
}
html body .header-menu-glyph i{width:100%!important;height:2.5px!important;background:var(--color-primary)!important}
html body .header-menu-button strong{font-size:10.5px!important;line-height:1.15!important;font-weight:900!important}
html body .header-edge{overflow:hidden!important}
html body .header-quick-action{width:42px!important;min-width:42px!important;height:42px!important;border-radius:13px!important}

@media(max-width:350px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{height:108px!important;min-height:108px!important;grid-template-columns:76px minmax(0,1fr) 76px!important;padding-inline:7px!important}
  html body .premium-header-logo{width:178px!important;height:92px!important}
  html body .header-menu-button{width:70px!important;min-width:70px!important;height:78px!important;grid-template-rows:48px auto!important}
  html body .header-menu-glyph{width:47px!important;height:47px!important;padding:11px!important}
}
@media(min-width:700px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{height:132px!important;min-height:132px!important;grid-template-columns:140px minmax(0,1fr) 140px!important;padding-inline:16px!important}
  html body .premium-header-logo{width:252px!important;height:112px!important}
  html body .header-menu-button{width:96px!important;min-width:96px!important;height:96px!important;grid-template-rows:60px auto!important}
  html body .header-menu-glyph{width:58px!important;height:58px!important}
  html body .header-menu-button strong{font-size:11.5px!important}
}

/* A short runway keeps the photo visible while the lower sheet moves, without producing blank page space. */
html body .story-showcase{
  position:relative!important;
  height:112svh!important;
  min-height:820px!important;
  margin:12px 0 18px!important;
  overflow:visible!important;
  background:transparent!important;
}
html body .story-showcase-media{
  position:sticky!important;
  top:8px!important;
  height:min(68svh,590px)!important;
  min-height:500px!important;
  max-height:620px!important;
  overflow:hidden!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body .story-showcase-photo{
  inset:-1px!important;
  width:calc(100% + 2px)!important;
  height:calc(100% + 2px)!important;
  filter:blur(.65px) saturate(.99) contrast(1.01)!important;
  transform:scale(1.006)!important;
}
html body .story-showcase-head{min-height:112px!important;padding:16px 14px!important}
html body .story-showcase-grid{
  top:37%!important;
  left:12px!important;
  right:12px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  z-index:8!important;
}
html body .story-showcase-item{min-height:122px!important}

/* The lower panel itself is now full-height, so at the end of the runway it really closes the visual. */
html body .story-showcase-shutter{
  z-index:10!important;
  height:84%!important;
  min-height:0!important;
  bottom:0!important;
  border-radius:28px 28px 0 0!important;
  transform:translate3d(0,var(--story-shutter-y,100%),0)!important;
  background:color-mix(in srgb,var(--bg) 98%,var(--surface))!important;
  box-shadow:0 -10px 30px rgba(20,30,24,.08)!important;
  pointer-events:none!important;
}
html body .story-showcase-shutter::before{content:""!important;display:block!important;position:absolute!important;top:11px!important;left:50%!important;transform:translateX(-50%)!important;width:48px!important;height:4px!important;border-radius:999px!important;background:color-mix(in srgb,var(--muted) 28%,transparent)!important}

@media(max-width:360px){
  html body .story-showcase{height:108svh!important;min-height:730px!important}
  html body .story-showcase-media{height:64svh!important;min-height:450px!important}
  html body .story-showcase-grid{top:35%!important;left:8px!important;right:8px!important;gap:7px!important}
  html body .story-showcase-item{min-height:108px!important}
  html body .story-showcase-shutter{height:85%!important}
}
@media(min-width:700px){
  html body .story-showcase{height:118svh!important;min-height:980px!important;margin-bottom:24px!important}
  html body .story-showcase-media{top:14px!important;height:min(72svh,690px)!important;min-height:590px!important;max-height:720px!important}
  html body .story-showcase-grid{top:40%!important;left:30px!important;right:30px!important;gap:14px!important}
  html body .story-showcase-item{min-height:154px!important}
  html body .story-showcase-shutter{height:82%!important}
}
@media(prefers-reduced-motion:reduce){
  html body .story-showcase{height:auto!important;min-height:0!important}
  html body .story-showcase-media{position:relative!important;top:auto!important}
  html body .story-showcase-shutter{transform:translateY(100%)!important}
  html body .story-showcase-grid{transform:none!important}
}


/* v48: compact two-sided showcase close + cleaner integrated header menu */
html body .premium-home-header .header-edge-left{justify-content:flex-start!important}
html body .premium-home-header .header-location-only{width:42px!important;height:42px!important;border-radius:50%!important;background:color-mix(in srgb,var(--color-secondary) 7%,transparent)!important;box-shadow:none!important;border:0!important}
html body .premium-home-header .header-location-only svg{width:21px!important;height:21px!important;stroke:var(--color-secondary)!important}

/* Menu control is a real header widget, not a boxed button-inside-a-button. */
html body .premium-home-header .header-menu-button,
html body .premium-sub-header .header-menu-button{
  width:76px!important;min-width:76px!important;height:82px!important;padding:5px 3px!important;
  border:0!important;border-radius:15px!important;background:transparent!important;box-shadow:none!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  color:var(--text)!important;-webkit-tap-highlight-color:transparent!important;
}
html body .premium-home-header .header-menu-button:hover,
html body .premium-sub-header .header-menu-button:hover{background:color-mix(in srgb,var(--color-primary) 4%,transparent)!important}
html body .premium-home-header .header-menu-glyph,
html body .premium-sub-header .header-menu-glyph{
  width:42px!important;height:29px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;
  align-items:flex-end!important;justify-content:center!important;gap:5px!important;
}
html body .premium-home-header .header-menu-glyph i,
html body .premium-sub-header .header-menu-glyph i{height:3px!important;border-radius:999px!important;background:var(--color-primary)!important}
html body .premium-home-header .header-menu-glyph i:nth-child(1),
html body .premium-sub-header .header-menu-glyph i:nth-child(1){width:100%!important}
html body .premium-home-header .header-menu-glyph i:nth-child(2),
html body .premium-sub-header .header-menu-glyph i:nth-child(2){width:76%!important}
html body .premium-home-header .header-menu-glyph i:nth-child(3),
html body .premium-sub-header .header-menu-glyph i:nth-child(3){width:52%!important}
html body .premium-home-header .header-menu-button strong,
html body .premium-sub-header .header-menu-button strong{font-size:11px!important;font-weight:950!important;line-height:1!important;color:var(--text)!important}
html body .premium-home-header .header-menu-button:active,
html body .premium-sub-header .header-menu-button:active{transform:scale(.91)!important;background:color-mix(in srgb,var(--color-primary) 8%,transparent)!important}

/* Showcase: no visible text bar; photo/PNG are centered and the scroll runway is short. */
html body .story-showcase{
  height:clamp(650px,92svh,760px)!important;min-height:0!important;margin:8px 0 14px!important;overflow:visible!important;
}
html body .story-showcase-media{
  top:6px!important;height:clamp(480px,68svh,560px)!important;min-height:0!important;max-height:none!important;
  overflow:hidden!important;background:var(--bg)!important;
}
html body .story-showcase-photo{
  inset:-5px!important;width:calc(100% + 10px)!important;height:calc(100% + 10px)!important;
  object-fit:cover!important;object-position:center center!important;
  filter:blur(1.25px) saturate(.98) contrast(1.015)!important;transform:scale(1.018)!important;
}
html body .story-showcase-scrim{background:linear-gradient(180deg,rgba(8,14,11,.12),rgba(8,14,11,.22))!important}
html body .story-showcase-head,html body .story-showcase-head-copy{display:none!important}
html body .story-showcase-neon{
  position:absolute!important;z-index:9!important;top:22px!important;left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;width:170px!important;height:72px!important;display:grid!important;place-items:center!important;
  pointer-events:none!important;
}
html body .story-showcase-neon img{width:100%!important;height:100%!important;object-fit:contain!important}
html body .story-showcase-grid{
  top:34%!important;left:11px!important;right:11px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;z-index:8!important;transform:translate3d(0,var(--story-grid-y,0px),0)!important;
}
html body .story-showcase-item{min-height:112px!important}

/* Two equal sheets meet exactly in the middle at the end of the short scroll. */
html body .story-showcase-shutter{
  position:absolute!important;left:0!important;right:0!important;height:50.5%!important;z-index:10!important;
  background:color-mix(in srgb,var(--bg) 98%,var(--surface))!important;pointer-events:none!important;
  box-shadow:none!important;border-radius:0!important;will-change:transform!important;
}
html body .story-showcase-shutter::before{display:none!important;content:none!important}
html body .story-showcase-shutter-top{
  top:0!important;bottom:auto!important;transform:translate3d(0,var(--story-top-y,-100%),0)!important;
  border-radius:0 0 24px 24px!important;
}
html body .story-showcase-shutter-bottom{
  bottom:0!important;top:auto!important;transform:translate3d(0,var(--story-bottom-y,100%),0)!important;
  border-radius:24px 24px 0 0!important;
}
@media(max-width:360px){
  html body .story-showcase{height:clamp(620px,90svh,690px)!important}
  html body .story-showcase-media{height:clamp(450px,66svh,510px)!important}
  html body .story-showcase-grid{top:33%!important;left:8px!important;right:8px!important;gap:7px!important}
  html body .story-showcase-item{min-height:102px!important}
  html body .story-showcase-neon{width:145px!important;height:62px!important;top:18px!important}
}
@media(min-width:700px){
  html body .story-showcase{height:clamp(820px,92vh,920px)!important;margin-bottom:20px!important}
  html body .story-showcase-media{top:10px!important;height:clamp(610px,70vh,700px)!important}
  html body .story-showcase-neon{width:220px!important;height:90px!important;top:28px!important}
  html body .story-showcase-grid{top:36%!important;left:28px!important;right:28px!important;gap:14px!important}
  html body .story-showcase-item{min-height:148px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .story-showcase{height:auto!important}
  html body .story-showcase-media{position:relative!important;top:auto!important}
  html body .story-showcase-shutter-top{transform:translateY(-100%)!important}
  html body .story-showcase-shutter-bottom{transform:translateY(100%)!important}
}


/* v49: short-runway showcase, asymmetric close, zero seam, compact balanced dock */
html body .story-showcase{height:auto!important;min-height:0!important;margin:10px 0 16px!important;overflow:visible!important;position:relative!important;background:transparent!important;border:0!important}
html body .story-showcase-media{position:sticky!important;top:4px!important;height:clamp(430px,59svh,515px)!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:var(--bg)!important;border-radius:0!important;isolation:isolate!important}
html body .story-showcase-photo{inset:-4px!important;width:calc(100% + 8px)!important;height:calc(100% + 8px)!important;object-fit:cover!important;object-position:center center!important;filter:blur(1.15px) saturate(1.02) contrast(1.02)!important;transform:scale(1.014)!important}
html body .story-showcase-scrim{background:linear-gradient(180deg,rgba(8,14,11,.07),rgba(8,14,11,.20) 56%,rgba(8,14,11,.31))!important}
html body .story-showcase-neon{top:18px!important;width:156px!important;height:66px!important}
html body .story-showcase-grid{top:27%!important;bottom:auto!important;left:10px!important;right:10px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;z-index:8!important;transform:translate3d(0,var(--story-grid-y,0px),0)!important}
html body .story-showcase-item{min-height:112px!important;border-radius:14px!important;background:rgba(13,21,17,.62)!important;border-color:rgba(255,255,255,.2)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;box-shadow:0 8px 18px rgba(0,0,0,.13)!important}
html body .story-showcase-item-copy strong{font-size:12px!important}.story-showcase-item-copy small{font-size:8px!important}.story-showcase-item-copy b{font-size:7.5px!important}
/* top panel is intentionally shallow; the lower panel does the main closing motion */
html body .story-showcase-shutter{left:0!important;right:0!important;z-index:12!important;background:var(--bg)!important;border-radius:0!important;box-shadow:none!important;pointer-events:none!important;will-change:transform!important}
html body .story-showcase-shutter::before{display:none!important;content:none!important}
html body .story-showcase-shutter-top{top:0!important;bottom:auto!important;height:14.5%!important;transform:translate3d(0,var(--story-top-y,-102%),0)!important}
html body .story-showcase-shutter-bottom{bottom:0!important;top:auto!important;height:87%!important;transform:translate3d(0,var(--story-bottom-y,102%),0)!important}
/* 101.5% total coverage removes the 1px/rounding seam at full close. */
@media(max-width:360px){html body .story-showcase-media{height:clamp(405px,57svh,470px)!important}.story-showcase-grid{top:26%!important;left:8px!important;right:8px!important;gap:7px!important}.story-showcase-item{min-height:101px!important}.story-showcase-neon{width:140px!important;height:58px!important;top:14px!important}}
@media(min-width:700px){html body .story-showcase-media{top:8px!important;height:clamp(560px,67vh,650px)!important}.story-showcase-grid{top:30%!important;left:28px!important;right:28px!important;gap:13px!important}.story-showcase-item{min-height:145px!important}.story-showcase-neon{width:205px!important;height:84px!important;top:22px!important}}

/* v49 dock normalization: smaller footprint, equal baselines, no separators. */
html body .site-shell.has-bottom-dock{padding-bottom:76px!important}
html body .bottom-dock{width:min(calc(100% - 24px),410px)!important;min-height:60px!important;height:60px!important;padding:4px!important;gap:4px!important;border-radius:17px!important;grid-template-columns:1fr .66fr .66fr 1.52fr!important;align-items:stretch!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(24,35,29,.14)!important}
html body .bottom-dock.dock-count-3{grid-template-columns:.68fr .68fr 1.64fr!important}
html body .bottom-dock.dock-count-2{grid-template-columns:.72fr 1.72fr!important}
html body .bottom-dock.dock-count-1{grid-template-columns:1fr!important}
html body .bottom-dock>.dock-btn,html body .bottom-dock>.dock-btn+.dock-btn{height:52px!important;min-height:52px!important;padding:4px 6px!important;margin:0!important;border:0!important;border-left:0!important;border-right:0!important;border-inline:0!important;box-shadow:none!important;border-radius:12px!important;align-self:center!important}
html body .bottom-dock>.dock-btn::before,html body .bottom-dock>.dock-btn::after{display:none!important;content:none!important}
html body .bottom-dock .language-dock,html body .bottom-dock .theme-toggle{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-align:center!important}
html body .bottom-dock .language-dock>span:last-child,html body .bottom-dock .theme-toggle>span{font-size:7.8px!important;line-height:1.1!important}.bottom-dock .lang-glyph{font-size:12.5px!important}.bottom-dock .theme-toggle svg{width:18px!important;height:18px!important}
html body .bottom-dock .contact-trigger{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}.bottom-dock .contact-trigger span{font-size:8px!important;max-width:68px!important}.bottom-dock .contact-trigger svg{width:18px!important;height:18px!important}
html body .bottom-dock .location-link{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;justify-content:stretch!important;gap:6px!important;padding:4px 7px!important;text-align:right!important}.bottom-dock .location-dock-icon{width:28px!important;height:28px!important;flex:none!important;border-radius:9px!important}.bottom-dock .location-dock-icon svg{width:16px!important;height:16px!important}.bottom-dock .location-copy{align-items:flex-start!important;text-align:right!important;gap:0!important}.bottom-dock .location-line{font-size:min(var(--location-font-size,12px),10.5px)!important;line-height:1.28!important;font-weight:850!important}
html body .bottom-dock>.dock-btn:active,html body .bottom-dock>.dock-btn.is-tapped{transform:scale(.94)!important;background:color-mix(in srgb,var(--color-primary) 7%,var(--surface))!important}
@media(max-width:350px){html body .bottom-dock{width:calc(100% - 14px)!important;grid-template-columns:.92fr .62fr .62fr 1.42fr!important}.bottom-dock .location-line{font-size:8.8px!important}.bottom-dock .location-dock-icon{width:25px!important;height:25px!important}.bottom-dock .contact-trigger span{font-size:7.3px!important}}
@media(min-width:700px){html body .bottom-dock{width:min(500px,calc(100vw - 64px))!important;height:64px!important;min-height:64px!important}.bottom-dock>.dock-btn{height:56px!important;min-height:56px!important}.bottom-dock .location-line{font-size:min(var(--location-font-size,12px),11.5px)!important}}

/* v49 general visual polish: cleaner rhythm, more readable labels, subtler cards */
html body .section-head h2{letter-spacing:-.2px}.section-head>div>span{font-size:9px!important}.category-content h3{font-size:11px!important}.category-content>div>span{font-size:8px!important}.category-content b{font-size:8px!important}
html body .category-card{border-color:color-mix(in srgb,var(--border) 82%,transparent)!important;box-shadow:0 7px 20px rgba(28,42,34,.055)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.category-card:active{transform:scale(.985)!important}.category-media::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 16%,transparent));pointer-events:none}
html body .info-card{box-shadow:0 5px 16px rgba(30,44,36,.04)!important}.club-promo-card{box-shadow:0 9px 24px rgba(31,45,37,.06)!important}.club-promo-title,.club-promo-copy h2{letter-spacing:-.15px}
.site-menu-links strong{font-size:12px!important}.site-menu-brand strong{font-size:14px!important}.site-menu-brand small{font-size:9px!important}.site-menu-auth{font-size:10px!important}
/* v49 dock width by control count: do not let a 3-item dock stretch across the phone. */
html body .bottom-dock.dock-count-4{width:min(calc(100% - 24px),410px)!important}
html body .bottom-dock.dock-count-3{width:min(calc(100% - 32px),360px)!important;grid-template-columns:.62fr .62fr 1.76fr!important}
html body .bottom-dock.dock-count-2{width:min(calc(100% - 42px),320px)!important;grid-template-columns:.72fr 1.72fr!important}
html body .bottom-dock.dock-count-1{width:min(calc(100% - 64px),270px)!important}
html body .bottom-dock>.dock-btn{width:100%!important;justify-self:stretch!important}
@media(max-width:350px){html body .bottom-dock.dock-count-3{width:calc(100% - 20px)!important;grid-template-columns:.6fr .6fr 1.7fr!important}}


/* v50: no dead runway, seam-free slow close, bigger neon mark and site-wide readability */
html body .story-showcase{
  height:auto!important;min-height:0!important;margin:8px 0 6px!important;overflow:visible!important;
  position:relative!important;background:transparent!important;border:0!important;
}
html body .story-showcase-media{
  position:relative!important;top:auto!important;height:clamp(455px,64svh,545px)!important;min-height:0!important;
  overflow:hidden!important;background:var(--bg)!important;border-radius:0!important;isolation:isolate!important;
}
html body .story-showcase-photo{
  inset:-5px!important;width:calc(100% + 10px)!important;height:calc(100% + 10px)!important;
  object-fit:cover!important;object-position:center center!important;
  filter:blur(1.2px) saturate(1.03) contrast(1.02)!important;transform:scale(1.018)!important;
}
html body .story-showcase-scrim{background:linear-gradient(180deg,rgba(7,13,10,.05),rgba(7,13,10,.16) 54%,rgba(7,13,10,.28))!important}

/* Make the line-logo prominent again and restore a breathing neon pulse. */
html body .story-showcase-neon{
  top:12px!important;left:50%!important;right:auto!important;width:220px!important;height:92px!important;
  transform:translateX(-50%)!important;display:grid!important;place-items:center!important;z-index:9!important;
}
html body .story-showcase-neon>span{
  display:block!important;position:absolute!important;width:78%!important;height:30%!important;border-radius:999px!important;
  background:rgba(255,32,32,.28)!important;filter:blur(18px)!important;animation:storyNeonHaloV50 3.2s ease-in-out infinite!important;
}
html body .story-showcase-neon img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  animation:storyNeonLineV50 3.2s ease-in-out infinite!important;
}
@keyframes storyNeonLineV50{
  0%,100%{opacity:.82;filter:brightness(.9) saturate(1.08) drop-shadow(0 0 3px rgba(255,55,55,.38)) drop-shadow(0 0 7px rgba(198,40,40,.2))}
  50%{opacity:1;filter:brightness(1.34) saturate(1.28) drop-shadow(0 0 6px rgba(255,80,80,.94)) drop-shadow(0 0 18px rgba(198,40,40,.62))}
}
@keyframes storyNeonHaloV50{0%,100%{opacity:.28;transform:scale(.9)}50%{opacity:.86;transform:scale(1.1)}}

/* 2x2 cards stay higher and remain readable while the lower panel rises. */
html body .story-showcase-grid{
  top:24%!important;bottom:auto!important;left:10px!important;right:10px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;z-index:8!important;
  transform:translate3d(0,var(--story-grid-y,0px),0)!important;
}
html body .story-showcase-item{min-height:118px!important;border-radius:15px!important;background:rgba(12,20,16,.60)!important}
html body .story-showcase-item-copy strong{font-size:14px!important;line-height:1.5!important}
html body .story-showcase-item-copy small{font-size:10px!important;line-height:1.55!important}
html body .story-showcase-item-copy b{font-size:9.5px!important;padding:5px 8px!important}

/* Seam-free closure: top moves only ~4%, bottom covers the rest. 101.5% total coverage guarantees overlap at the end. */
html body .story-showcase-shutter{
  position:absolute!important;left:0!important;right:0!important;z-index:12!important;background:var(--bg)!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;pointer-events:none!important;
  will-change:transform!important;
}
html body .story-showcase-shutter::before,html body .story-showcase-shutter::after{display:none!important;content:none!important}
html body .story-showcase-shutter-top{
  top:0!important;bottom:auto!important;height:4.25%!important;transform:translate3d(0,var(--story-top-y,-112%),0)!important;
}
html body .story-showcase-shutter-bottom{
  bottom:0!important;top:auto!important;height:97.25%!important;transform:translate3d(0,var(--story-bottom-y,104%),0)!important;
}
html body .story-showcase + .club-promo-card{margin-top:4px!important}

/* A single readability pass for the public site. */
html body{font-size:15px!important}
html body .section-head h2{font-size:26px!important;line-height:1.45!important}
html body .section-head>div>span{font-size:11px!important;line-height:1.4!important}
html body .section-head p{font-size:11px!important;line-height:1.85!important}
html body .category-content h3{font-size:13.5px!important;line-height:1.45!important}
html body .category-content>div>span{font-size:9.5px!important;line-height:1.4!important}
html body .category-content b{font-size:9.5px!important}
html body .info-card small{font-size:10px!important}.info-card strong{font-size:12px!important;line-height:1.55!important}
html body .social-follow-copy h2{font-size:20px!important}.social-follow-copy p{font-size:10.5px!important;line-height:1.8!important}
html body .home-about-copy p,html body .feature-copy p,html body .editorial-copy p{font-size:10.5px!important;line-height:1.9!important}
html body .editorial-copy strong{font-size:14px!important;line-height:1.6!important}.editorial-copy small,.editorial-copy b{font-size:9.5px!important}
html body .club-promo-copy small{font-size:9.5px!important}.club-promo-copy h2{font-size:18px!important;line-height:1.5!important}.club-promo-copy p{font-size:10.5px!important;line-height:1.8!important}
html body .club-mini-widget strong{font-size:10.5px!important}.club-mini-widget small{font-size:8.8px!important}
html body .site-menu-links strong{font-size:14px!important}.site-menu-brand strong{font-size:15px!important}.site-menu-brand small{font-size:10px!important}.site-menu-auth{font-size:11px!important}
html body .bottom-dock .language-dock>span:last-child,html body .bottom-dock .theme-toggle>span{font-size:9px!important}
html body .bottom-dock .lang-glyph{font-size:14px!important}.bottom-dock .contact-trigger span{font-size:9px!important}
html body .bottom-dock .location-line{font-size:min(var(--location-font-size,12px),11.5px)!important;line-height:1.34!important}

@media(max-width:360px){
  html body .story-showcase-media{height:clamp(425px,61svh,485px)!important}
  html body .story-showcase-neon{width:190px!important;height:80px!important;top:10px!important}
  html body .story-showcase-grid{top:23%!important;left:8px!important;right:8px!important;gap:7px!important}
  html body .story-showcase-item{min-height:108px!important}
  html body .story-showcase-item-copy strong{font-size:12.5px!important}.story-showcase-item-copy small{font-size:9px!important}
  html body .section-head h2{font-size:23px!important}.category-content h3{font-size:12.5px!important}
}
@media(min-width:700px){
  html body .story-showcase-media{height:clamp(590px,70vh,680px)!important}
  html body .story-showcase-neon{width:290px!important;height:116px!important;top:16px!important}
  html body .story-showcase-grid{top:25%!important;left:28px!important;right:28px!important;gap:14px!important}
  html body .story-showcase-item{min-height:150px!important}.story-showcase-item-copy strong{font-size:16px!important}.story-showcase-item-copy small{font-size:11px!important}
  html body .section-head h2{font-size:30px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .story-showcase-neon>span,html body .story-showcase-neon img{animation:none!important}
  html body .story-showcase-shutter-top{transform:translateY(-112%)!important}
  html body .story-showcase-shutter-bottom{transform:translateY(104%)!important}
}


/* v51: center-trigger sticky close, slower paired shutters, moderate neon size */
html body .story-showcase{
  --story-section-h:auto;
  height:var(--story-section-h)!important;
  min-height:0!important;
  margin:8px 0 8px!important;
  position:relative!important;
  overflow:visible!important;
  background:transparent!important;
}
html body .story-showcase-media{
  position:sticky!important;
  top:var(--story-sticky-top,8px)!important;
  height:clamp(440px,62svh,520px)!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:var(--bg)!important;
  isolation:isolate!important;
}
html body .story-showcase-photo{
  inset:-5px!important;
  width:calc(100% + 10px)!important;
  height:calc(100% + 10px)!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:blur(1.28px) saturate(1.04) contrast(1.015)!important;
  transform:scale(1.018)!important;
}
html body .story-showcase-neon{
  top:14px!important;
  width:164px!important;
  height:70px!important;
  z-index:15!important;
  opacity:1!important;
  transform:translateX(-50%) translateZ(0)!important;
}
html body .story-showcase-neon>span{
  width:76%!important;
  height:28%!important;
  background:rgba(255,38,38,.24)!important;
  filter:blur(15px)!important;
  animation:storyNeonHaloV51 2.8s ease-in-out infinite!important;
  transform-origin:center!important;
}
html body .story-showcase-neon img{
  animation:storyNeonLineV51 2.8s ease-in-out infinite!important;
  transform-origin:center!important;
}
@keyframes storyNeonLineV51{
  0%,100%{opacity:.78;transform:scale(.985);filter:brightness(.86) saturate(1.06) drop-shadow(0 0 2px rgba(255,54,54,.36)) drop-shadow(0 0 7px rgba(198,40,40,.2))}
  50%{opacity:1;transform:scale(1.02);filter:brightness(1.34) saturate(1.28) drop-shadow(0 0 5px rgba(255,82,82,.9)) drop-shadow(0 0 14px rgba(198,40,40,.55))}
}
@keyframes storyNeonHaloV51{
  0%,100%{opacity:.24;transform:scale(.9)}
  50%{opacity:.78;transform:scale(1.08)}
}
html body .story-showcase-grid{
  top:24%!important;
  left:10px!important;
  right:10px!important;
  gap:9px!important;
  transform:translate3d(0,var(--story-grid-y,0px),0)!important;
}
/* Top moves only a touch; the bottom panel chases it upward and overlaps at the end. */
html body .story-showcase-shutter{
  border:0!important;
  border-radius:0!important;
  background:var(--bg)!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .story-showcase-shutter-top{
  top:0!important;
  height:6%!important;
  transform:translate3d(0,var(--story-top-y,-106%),0)!important;
}
html body .story-showcase-shutter-bottom{
  bottom:0!important;
  height:94.5%!important;
  transform:translate3d(0,var(--story-bottom-y,103%),0)!important;
}
html body .story-showcase-shutter-top{border-radius:8px 8px 0 0!important}
html body .story-showcase-shutter-bottom{border-radius:0 0 8px 8px!important}
html body .story-showcase + .club-promo-card{margin-top:6px!important}
@media(max-width:360px){
  html body .story-showcase-media{height:clamp(420px,60svh,480px)!important}
  html body .story-showcase-neon{width:150px!important;height:64px!important;top:12px!important}
  html body .story-showcase-grid{top:23%!important;left:8px!important;right:8px!important;gap:7px!important}
}
@media(min-width:700px){
  html body .story-showcase-media{height:clamp(580px,68vh,660px)!important}
  html body .story-showcase-neon{width:220px!important;height:90px!important;top:18px!important}
  html body .story-showcase-grid{top:25%!important;left:28px!important;right:28px!important;gap:14px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .story-showcase{height:auto!important}
  html body .story-showcase-media{position:relative!important;top:auto!important}
  html body .story-showcase-neon>span,html body .story-showcase-neon img{animation:none!important}
  html body .story-showcase-shutter-top{transform:translateY(-106%)!important}
  html body .story-showcase-shutter-bottom{transform:translateY(103%)!important}
}


/* v52: true split-section close. The image itself is two physical halves; no overlay shutters. */
html body .story-showcase.story-showcase-split{
  --story-section-h:auto;
  height:var(--story-section-h)!important;
  min-height:0!important;
  margin:8px 0 8px!important;
  position:relative!important;
  overflow:visible!important;
  background:transparent!important;
}
html body .story-showcase-split .story-showcase-media{
  position:sticky!important;
  top:var(--story-sticky-top,8px)!important;
  height:clamp(440px,62svh,520px)!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:6px!important;
  background:transparent!important;
  isolation:isolate!important;
  box-shadow:none!important;
}
html body .story-split-half{
  position:absolute!important;
  left:0!important;
  right:0!important;
  height:var(--story-half-h,50%)!important;
  overflow:hidden!important;
  background:var(--bg)!important;
  z-index:1!important;
  will-change:height,transform!important;
  contain:paint!important;
}
html body .story-split-half-top{
  bottom:50%!important;
  border-radius:6px 6px 0 0!important;
}
html body .story-split-half-bottom{
  top:50%!important;
  border-radius:0 0 6px 6px!important;
}
html body .story-split-photo{
  position:absolute!important;
  left:-4px!important;
  width:calc(100% + 8px)!important;
  height:var(--story-media-h,500px)!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:blur(1.35px) saturate(1.05) contrast(1.02)!important;
  transform:scale(1.012)!important;
  pointer-events:none!important;
}
html body .story-split-half-top .story-split-photo{
  top:calc(var(--story-half-h,250px) - var(--story-half-base,250px))!important;
}
html body .story-split-half-bottom .story-split-photo{
  top:calc(0px - var(--story-half-base,250px))!important;
}
html body .story-split-scrim{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(5,10,8,.08),rgba(5,10,8,.18))!important;
}
html body .story-split-row{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  z-index:6!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  will-change:transform,opacity!important;
}
html body .story-split-row-top{bottom:12px!important;transform:translate3d(0,var(--story-row-top-y,0px),0)!important}
html body .story-split-row-bottom{top:12px!important;transform:translate3d(0,var(--story-row-bottom-y,0px),0)!important}
html body .story-split-half .story-showcase-item{
  min-height:116px!important;
  border-radius:15px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.2)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.15)!important;
  background:rgba(8,14,11,.68)!important;
}
html body .story-split-half .story-showcase-item-copy strong{font-size:13px!important;line-height:1.5!important}
html body .story-split-half .story-showcase-item-copy small{font-size:9px!important;line-height:1.7!important}
html body .story-split-half .story-showcase-item-copy b{font-size:8.5px!important}
html body .story-showcase-split .story-showcase-neon{
  top:13px!important;
  width:158px!important;
  height:68px!important;
  z-index:8!important;
  opacity:var(--story-neon-opacity,1)!important;
  transform:translateX(-50%)!important;
}
html body .story-showcase-split .story-showcase-neon>span{
  width:78%!important;height:30%!important;background:rgba(255,35,35,.24)!important;filter:blur(16px)!important;
  animation:storySplitNeonHalo 2.7s ease-in-out infinite!important
}
html body .story-showcase-split .story-showcase-neon img{animation:storySplitNeonLine 2.7s ease-in-out infinite!important}
@keyframes storySplitNeonLine{
  0%,100%{opacity:.76;transform:scale(.985);filter:brightness(.84) saturate(1.04) drop-shadow(0 0 2px rgba(255,50,50,.34)) drop-shadow(0 0 7px rgba(198,40,40,.2))}
  50%{opacity:1;transform:scale(1.018);filter:brightness(1.32) saturate(1.28) drop-shadow(0 0 5px rgba(255,82,82,.9)) drop-shadow(0 0 14px rgba(198,40,40,.58))}
}
@keyframes storySplitNeonHalo{0%,100%{opacity:.24;transform:scale(.9)}50%{opacity:.82;transform:scale(1.09)}}
@media(max-width:360px){
  html body .story-showcase-split .story-showcase-media{height:clamp(420px,60svh,480px)!important}
  html body .story-split-row{left:8px!important;right:8px!important;gap:7px!important}
  html body .story-split-half .story-showcase-item{min-height:108px!important}
  html body .story-showcase-split .story-showcase-neon{width:146px!important;height:62px!important;top:11px!important}
}
@media(min-width:700px){
  html body .story-showcase-split .story-showcase-media{height:clamp(580px,68vh,660px)!important}
  html body .story-split-row{left:26px!important;right:26px!important;gap:14px!important}
  html body .story-split-half .story-showcase-item{min-height:160px!important}
  html body .story-showcase-split .story-showcase-neon{width:210px!important;height:88px!important;top:17px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .story-showcase.story-showcase-split{height:auto!important}
  html body .story-showcase-split .story-showcase-media{position:relative!important;top:auto!important}
  html body .story-split-half{height:50%!important}
  html body .story-showcase-split .story-showcase-neon>span,html body .story-showcase-split .story-showcase-neon img{animation:none!important}
}


/* v53: real two-piece section collapse + animated header logo */
html body .story-showcase.story-showcase-collapse{
  position:relative!important;
  height:calc(var(--story-base-h,500px) + 900px);
  min-height:0!important;
  margin:8px 0!important;
  background:transparent!important;
  overflow:visible!important;
  overflow-anchor:none!important;
}
html body .story-collapse-media{
  --story-current-h:var(--story-base-h,500px);
  position:sticky!important;
  top:50vh!important;
  transform:translateY(-50%)!important;
  width:100%!important;
  height:var(--story-current-h)!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:6px!important;
  background:transparent!important;
  isolation:isolate!important;
  transition:opacity .08s linear!important;
  will-change:height,opacity!important;
}
html body .story-collapse-half{
  position:absolute!important;
  left:0!important;right:0!important;
  height:50%!important;
  overflow:hidden!important;
  z-index:1!important;
  background:transparent!important;
}
html body .story-collapse-half-top{top:0!important;border-radius:6px 6px 0 0!important}
html body .story-collapse-half-bottom{bottom:0!important;border-radius:0 0 6px 6px!important}
html body .story-collapse-photo{
  position:absolute!important;inset:-4px!important;z-index:0!important;
  background-image:var(--story-bg)!important;
  background-repeat:no-repeat!important;
  background-size:calc(100% + 8px) calc(200% + 16px)!important;
  filter:blur(1.35px) saturate(1.05) contrast(1.02)!important;
  transform:scale(1.01)!important;
}
html body .story-collapse-half-top .story-collapse-photo{background-position:center top!important}
html body .story-collapse-half-bottom .story-collapse-photo{background-position:center bottom!important}
html body .story-collapse-media[style*="--story-bg-position:top"] .story-collapse-photo{background-position:center top!important}
html body .story-collapse-media[style*="--story-bg-position:bottom"] .story-collapse-photo{background-position:center bottom!important}
html body .story-collapse-scrim{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(5,10,8,.06),rgba(5,10,8,.18))!important;pointer-events:none!important}
html body .story-collapse-row{
  position:absolute!important;left:10px!important;right:10px!important;z-index:5!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
}
html body .story-collapse-row-top{bottom:12px!important}
html body .story-collapse-row-bottom{top:12px!important}
html body .story-collapse-half .story-showcase-item{min-height:116px!important;border-radius:15px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(8,14,11,.68)!important;box-shadow:0 8px 22px rgba(0,0,0,.15)!important}
html body .story-collapse-half .story-showcase-item-copy strong{font-size:13px!important;line-height:1.5!important}
html body .story-collapse-half .story-showcase-item-copy small{font-size:9.5px!important;line-height:1.65!important}
html body .story-collapse-half .story-showcase-item-copy b{font-size:9px!important}
html body .story-showcase-collapse .story-showcase-neon{top:12px!important;width:160px!important;height:68px!important;z-index:7!important;left:50%!important;transform:translateX(-50%)!important}
html body .story-showcase-collapse .story-showcase-neon>span{animation:storySplitNeonHalo 2.7s ease-in-out infinite!important}
html body .story-showcase-collapse .story-showcase-neon img{animation:storySplitNeonLine 2.7s ease-in-out infinite!important}
html body .story-showcase-collapse.is-story-closed{height:0!important;margin-block:0!important}

/* Header media: image or an optional short looping video. */
html body .premium-header-logo{overflow:hidden!important}
html body .premium-header-logo .header-logo-video,
html body .premium-header-logo .header-logo-static{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;border:0!important;background:transparent!important}
html body .premium-header-logo .header-logo-video{pointer-events:none!important}
html body .premium-header-logo .header-logo-fallback{display:none!important}
@media(prefers-reduced-motion:reduce){
  html body .premium-header-logo .header-logo-video{display:none!important}
  html body .premium-header-logo .header-logo-fallback{display:block!important}
}
@media(max-width:360px){
  html body .story-collapse-row{left:8px!important;right:8px!important;gap:7px!important}
  html body .story-collapse-half .story-showcase-item{min-height:106px!important}
  html body .story-showcase-collapse .story-showcase-neon{width:148px!important;height:62px!important}
}
@media(min-width:700px){
  html body .story-collapse-row{left:26px!important;right:26px!important;gap:14px!important}
  html body .story-collapse-half .story-showcase-item{min-height:156px!important}
  html body .story-showcase-collapse .story-showcase-neon{width:210px!important;height:86px!important;top:16px!important}
}


/* v53-final: stable true split. Each real half clips toward the center seam; cards are children of the same half. */
html body .story-showcase.story-showcase-collapse{
  --story-clip:0%;
  --story-card-opacity:1;
  --story-neon-opacity:1;
  position:relative!important;
  min-height:0!important;
  margin:8px 0!important;
  overflow:visible!important;
  overflow-anchor:none!important;
}
html body .story-collapse-media{
  position:sticky!important;
  top:50vh!important;
  transform:translateY(-50%)!important;
  height:var(--story-base-h,500px)!important;
  width:100%!important;
  overflow:hidden!important;
  border-radius:6px!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body .story-collapse-half{height:50%!important;will-change:clip-path!important}
html body .story-collapse-half-top{clip-path:inset(var(--story-clip) 0 0 0)!important}
html body .story-collapse-half-bottom{clip-path:inset(0 0 var(--story-clip) 0)!important}
html body .story-collapse-row{opacity:var(--story-card-opacity)!important;transition:none!important}
html body .story-showcase-collapse .story-showcase-neon{opacity:var(--story-neon-opacity)!important}
html body .story-showcase-collapse.is-story-closed{height:0!important;margin:0!important;overflow:hidden!important}
html body .story-showcase-collapse.is-story-closed .story-collapse-media{display:none!important}

html body .story-showcase-collapse .story-collapse-row-top{transform:translateY(var(--story-row-shift,0px))!important}
html body .story-showcase-collapse .story-collapse-row-bottom{transform:translateY(calc(-1 * var(--story-row-shift,0px)))!important}


/* v54: fixed showcase + lightweight frame-based animated header brand */
html body .story-showcase.story-showcase-static{
  position:relative!important;height:auto!important;min-height:0!important;margin:10px 0 18px!important;
  overflow:visible!important;background:transparent!important;
}
html body .story-static-media{
  position:relative!important;width:100%!important;aspect-ratio:4/5!important;max-height:560px!important;
  overflow:hidden!important;border-radius:8px!important;isolation:isolate!important;background:var(--surface-2)!important;
  box-shadow:var(--shadow-soft)!important;
}
html body .story-static-background{
  position:absolute!important;inset:-2px!important;width:calc(100% + 4px)!important;height:calc(100% + 4px)!important;
  object-fit:cover!important;object-position:center var(--story-bg-position,center)!important;
  filter:blur(.8px) saturate(1.04) contrast(1.02)!important;transform:scale(1.008)!important;
}
html body .story-static-scrim{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(4,9,7,.06),rgba(4,9,7,.26))!important;pointer-events:none!important}
html body .story-static-grid{
  position:absolute!important;z-index:4!important;left:10px!important;right:10px!important;bottom:12px!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
}
html body .story-showcase-static .story-showcase-item{min-height:118px!important;border-radius:15px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(8,14,11,.64)!important;box-shadow:0 9px 24px rgba(0,0,0,.16)!important}
html body .story-showcase-static .story-showcase-item-copy strong{font-size:13.5px!important;line-height:1.5!important}
html body .story-showcase-static .story-showcase-item-copy small{font-size:9.5px!important;line-height:1.65!important}
html body .story-showcase-static .story-showcase-item-copy b{font-size:9px!important}
html body .story-showcase-static .story-static-neon{top:13px!important;left:50%!important;transform:translateX(-50%)!important;width:174px!important;height:72px!important;z-index:5!important}
html body .story-showcase-static .story-static-neon>span{animation:storySplitNeonHalo 2.7s ease-in-out infinite!important}
html body .story-showcase-static .story-static-neon img{animation:storySplitNeonLine 2.7s ease-in-out infinite!important}

html body .premium-header-logo{width:228px!important;height:100px!important;overflow:visible!important}
html body .header-frame-brand{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:2px;direction:ltr;position:relative}
html body .header-frame-stage{position:relative;width:100px;height:96px;flex:0 0 100px;display:block;overflow:visible}
html body .header-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(1px) scale(.98);filter:drop-shadow(0 6px 10px rgba(20,28,24,.10));will-change:opacity,transform}
html body .header-frame-front{animation:headerFrameFront var(--header-frame-duration,6s) ease-in-out infinite}
html body .header-frame-left{animation:headerFrameLeft var(--header-frame-duration,6s) ease-in-out infinite}
html body .header-frame-right{animation:headerFrameRight var(--header-frame-duration,6s) ease-in-out infinite}
html body .header-frame-wordmark{width:116px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 3px 7px rgba(198,40,40,.12));flex:0 0 116px}
@keyframes headerFrameFront{0%,22%{opacity:1;transform:translateY(0) scale(1)}27%,43%{opacity:0;transform:translateY(1px) scale(.985)}48%,57%{opacity:1;transform:translateY(0) scale(1)}62%,78%{opacity:0;transform:translateY(1px) scale(.985)}84%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes headerFrameLeft{0%,23%,46%,100%{opacity:0;transform:translateX(3px) scale(.985)}28%,42%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes headerFrameRight{0%,58%,82%,100%{opacity:0;transform:translateX(-3px) scale(.985)}63%,78%{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:390px){html body .premium-header-logo{width:210px!important;height:94px!important}html body .header-frame-stage{width:92px;height:91px;flex-basis:92px}html body .header-frame-wordmark{width:106px!important;height:54px!important;flex-basis:106px}}
@media(min-width:700px){html body .story-static-media{aspect-ratio:16/9!important;max-height:620px!important;border-radius:10px!important}html body .story-static-grid{left:26px!important;right:26px!important;bottom:20px!important;gap:14px!important}html body .story-showcase-static .story-showcase-item{min-height:150px!important}html body .story-showcase-static .story-static-neon{width:220px!important;height:90px!important;top:18px!important}html body .premium-header-logo{width:270px!important;height:112px!important}html body .header-frame-stage{width:112px;height:108px;flex-basis:112px}html body .header-frame-wordmark{width:142px!important;height:68px!important;flex-basis:142px}}
@media(prefers-reduced-motion:reduce){html body .header-frame-left,html body .header-frame-right{display:none!important}html body .header-frame-front{animation:none!important;opacity:1!important;transform:none!important}html body .story-showcase-static .story-static-neon>span,html body .story-showcase-static .story-static-neon img{animation:none!important}}


/* v55 — reliable PNG mascot header + redesigned fixed showcase with reverse (concave) corners */
html body .premium-header-logo{
  width:232px!important;height:102px!important;overflow:visible!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
html body .header-frame-brand{
  width:100%!important;height:100%!important;display:flex!important;align-items:center!important;
  justify-content:center!important;gap:4px!important;direction:ltr!important;position:relative!important;
}
html body .header-frame-stage{
  position:relative!important;width:102px!important;height:98px!important;flex:0 0 102px!important;
  display:grid!important;place-items:center!important;overflow:visible!important;
}
html body .header-frame-active{
  width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;
  opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;
  filter:drop-shadow(0 6px 11px rgba(20,28,24,.12))!important;
  will-change:opacity,transform!important;
}
html body .header-frame-active.is-frame-swapping{animation:headerFrameSwapV55 .34s cubic-bezier(.2,.8,.2,1)!important}
@keyframes headerFrameSwapV55{0%{opacity:.25;transform:translateY(1px) scale(.965)}55%{opacity:1;transform:translateY(-1px) scale(1.015)}100%{opacity:1;transform:none}}
html body .header-frame-wordmark{
  width:116px!important;height:58px!important;object-fit:contain!important;flex:0 0 116px!important;
  filter:drop-shadow(0 3px 8px rgba(198,40,40,.14))!important;
}
/* Hide the old layered frame nodes if a cached template ever contains them. */
html body .header-frame-front,html body .header-frame-left,html body .header-frame-right{display:none!important}

/* Middle fixed showcase: inset/concave corner treatment instead of normal outward rounding. */
html body .story-showcase.story-showcase-static{
  margin:12px 6px 22px!important;padding:0!important;background:transparent!important;overflow:visible!important;
}
html body .story-static-media{
  --reverse-corner:18px;
  position:relative!important;width:100%!important;aspect-ratio:5/6!important;max-height:560px!important;
  border-radius:0!important;overflow:hidden!important;isolation:isolate!important;background:var(--surface-2)!important;
  box-shadow:0 12px 30px rgba(33,43,37,.10)!important;
  -webkit-mask:
    radial-gradient(circle at 0 0,transparent 0 var(--reverse-corner),#000 calc(var(--reverse-corner) + 1px)) top left/51% 51% no-repeat,
    radial-gradient(circle at 100% 0,transparent 0 var(--reverse-corner),#000 calc(var(--reverse-corner) + 1px)) top right/51% 51% no-repeat,
    radial-gradient(circle at 0 100%,transparent 0 var(--reverse-corner),#000 calc(var(--reverse-corner) + 1px)) bottom left/51% 51% no-repeat,
    radial-gradient(circle at 100% 100%,transparent 0 var(--reverse-corner),#000 calc(var(--reverse-corner) + 1px)) bottom right/51% 51% no-repeat!important;
  mask:
    radial-gradient(circle at 0 0,transparent 0 var(--reverse-corner),#000 calc(var(--reverse-corner) + 1px)) top left/51% 51% no-repeat,
    radial-gradient(circle at 100% 0,transparent 0 var(--reverse-corner),#000 calc(var(--reverse-corner) + 1px)) top right/51% 51% no-repeat,
    radial-gradient(circle at 0 100%,transparent 0 var(--reverse-corner),#000 calc(var(--reverse-corner) + 1px)) bottom left/51% 51% no-repeat,
    radial-gradient(circle at 100% 100%,transparent 0 var(--reverse-corner),#000 calc(var(--reverse-corner) + 1px)) bottom right/51% 51% no-repeat!important;
}
html body .story-static-background{
  position:absolute!important;inset:-3px!important;width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;
  object-fit:cover!important;object-position:center var(--story-bg-position,center)!important;
  filter:blur(1.05px) saturate(1.06) contrast(1.025)!important;transform:scale(1.018)!important;
}
html body .story-static-scrim{
  position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(4,9,7,.08) 0%,rgba(4,9,7,.03) 26%,rgba(4,9,7,.24) 62%,rgba(4,9,7,.42) 100%)!important;
}
html body .story-showcase-static .story-static-neon{
  top:15px!important;left:50%!important;transform:translateX(-50%)!important;
  width:158px!important;height:66px!important;z-index:6!important;pointer-events:none!important;
}
html body .story-showcase-static .story-static-neon>span{
  position:absolute!important;left:13%!important;right:13%!important;top:34%!important;height:28%!important;border-radius:999px!important;
  background:rgba(232,27,37,.25)!important;filter:blur(15px)!important;animation:storyNeonBreathV55 2.8s ease-in-out infinite!important;
}
html body .story-showcase-static .story-static-neon img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  filter:brightness(1.02) saturate(1.14) drop-shadow(0 0 2px rgba(255,45,48,.45)) drop-shadow(0 0 8px rgba(220,28,35,.25))!important;
  animation:storyNeonLineV55 2.8s ease-in-out infinite!important;
}
@keyframes storyNeonBreathV55{0%,100%{opacity:.32;transform:scale(.88)}50%{opacity:.9;transform:scale(1.08)}}
@keyframes storyNeonLineV55{0%,100%{opacity:.88;filter:brightness(.92) saturate(1.06) drop-shadow(0 0 2px rgba(255,45,48,.35)) drop-shadow(0 0 6px rgba(220,28,35,.18))}50%{opacity:1;filter:brightness(1.3) saturate(1.25) drop-shadow(0 0 5px rgba(255,70,70,.9)) drop-shadow(0 0 14px rgba(220,28,35,.55))}}
html body .story-static-grid{
  position:absolute!important;z-index:5!important;left:12px!important;right:12px!important;bottom:14px!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
}
html body .story-showcase-static .story-showcase-item{
  min-height:116px!important;border-radius:17px!important;overflow:hidden!important;position:relative!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:linear-gradient(155deg,rgba(13,20,17,.72),rgba(8,13,11,.58))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;-webkit-backdrop-filter:blur(10px) saturate(1.05)!important;
}
html body .story-showcase-static .story-showcase-item>img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;
  filter:saturate(.92) contrast(1.02)!important;transform:scale(1.015)!important;opacity:.58!important;
}
html body .story-showcase-static .story-showcase-item-shade{
  position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(3,7,5,.08),rgba(3,7,5,.64))!important;
}
html body .story-showcase-static .story-showcase-item-copy{
  position:absolute!important;inset:auto 10px 10px 10px!important;z-index:3!important;display:grid!important;gap:3px!important;
}
html body .story-showcase-static .story-showcase-item-copy::before{
  content:"";width:26px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));margin-bottom:2px;
}
html body .story-showcase-static .story-showcase-item-copy strong{font-size:14px!important;line-height:1.5!important;color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.38)!important}
html body .story-showcase-static .story-showcase-item-copy small{font-size:10px!important;line-height:1.65!important;color:rgba(255,255,255,.82)!important}
html body .story-showcase-static .story-showcase-item-copy b{
  justify-self:start!important;margin-top:3px!important;padding:5px 8px!important;border-radius:9px!important;
  background:rgba(255,255,255,.93)!important;color:var(--color-primary)!important;font-size:9.5px!important;font-weight:950!important;
  box-shadow:0 3px 10px rgba(0,0,0,.1)!important;
}
@media(max-width:390px){
  html body .premium-header-logo{width:214px!important;height:96px!important}
  html body .header-frame-stage{width:94px!important;height:92px!important;flex-basis:94px!important}
  html body .header-frame-wordmark{width:108px!important;height:53px!important;flex-basis:108px!important}
  html body .story-static-media{--reverse-corner:15px;aspect-ratio:4/5!important}
  html body .story-static-grid{left:9px!important;right:9px!important;bottom:10px!important;gap:8px!important}
  html body .story-showcase-static .story-showcase-item{min-height:108px!important;border-radius:15px!important}
  html body .story-showcase-static .story-showcase-item-copy strong{font-size:12.5px!important}
  html body .story-showcase-static .story-showcase-item-copy small{font-size:9px!important}
}
@media(min-width:700px){
  html body .premium-header-logo{width:276px!important;height:114px!important}
  html body .header-frame-stage{width:116px!important;height:110px!important;flex-basis:116px!important}
  html body .header-frame-wordmark{width:146px!important;height:70px!important;flex-basis:146px!important}
  html body .story-static-media{--reverse-corner:22px;aspect-ratio:16/9!important;max-height:620px!important}
  html body .story-static-grid{left:28px!important;right:28px!important;bottom:22px!important;gap:14px!important}
  html body .story-showcase-static .story-showcase-item{min-height:152px!important;border-radius:19px!important}
  html body .story-showcase-static .story-showcase-item-copy{inset:auto 14px 14px 14px!important}
  html body .story-showcase-static .story-showcase-item-copy strong{font-size:16px!important}
  html body .story-showcase-static .story-showcase-item-copy small{font-size:10.5px!important}
  html body .story-showcase-static .story-static-neon{width:205px!important;height:82px!important;top:18px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .header-frame-active{animation:none!important;transform:none!important;opacity:1!important}
  html body .story-showcase-static .story-static-neon>span,html body .story-showcase-static .story-static-neon img{animation:none!important}
}

/* v56 final: normal rounded showcase, stronger Dolmeh neon, green-screen header video */
html body .story-showcase.story-showcase-static{
  margin:12px 8px 22px!important;
}
html body .story-static-media{
  -webkit-mask:none!important;mask:none!important;
  border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
  box-shadow:0 12px 30px rgba(30,40,34,.10),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
html body .story-static-background{
  filter:blur(.9px) saturate(1.055) contrast(1.025)!important;
  transform:scale(1.012)!important;
}
html body .story-static-scrim{
  background:linear-gradient(180deg,rgba(4,9,7,.04) 0%,rgba(4,9,7,.02) 32%,rgba(4,9,7,.20) 64%,rgba(4,9,7,.40) 100%)!important;
}
html body .story-showcase-static .story-static-neon{
  width:182px!important;height:76px!important;top:14px!important;
  isolation:isolate!important;
}
html body .story-showcase-static .story-static-neon>span{
  left:9%!important;right:9%!important;top:30%!important;height:38%!important;
  background:rgba(237,25,35,.34)!important;filter:blur(16px)!important;
  animation:dolmehNeonHaloV56 2.35s ease-in-out infinite!important;
  will-change:opacity,transform,filter!important;
}
html body .story-showcase-static .story-static-neon img{
  animation:dolmehNeonLineV56 2.35s ease-in-out infinite!important;
  will-change:filter,transform,opacity!important;
}
@keyframes dolmehNeonHaloV56{
  0%,100%{opacity:.28;transform:scale(.86);filter:blur(15px)}
  50%{opacity:.95;transform:scale(1.13);filter:blur(19px)}
}
@keyframes dolmehNeonLineV56{
  0%,100%{opacity:.88;transform:scale(.985);filter:brightness(.9) saturate(1.06) drop-shadow(0 0 2px rgba(255,45,50,.38)) drop-shadow(0 0 7px rgba(220,28,35,.22))}
  50%{opacity:1;transform:scale(1.025);filter:brightness(1.34) saturate(1.28) drop-shadow(0 0 6px rgba(255,80,80,.95)) drop-shadow(0 0 18px rgba(220,28,35,.62))}
}
html body .premium-header-logo .header-chroma-brand{
  position:relative!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;overflow:hidden!important;
}
html body .premium-header-logo .header-logo-chroma-source{
  position:absolute!important;width:2px!important;height:2px!important;left:-20px!important;top:-20px!important;opacity:.001!important;pointer-events:none!important;
}
html body .premium-header-logo .header-logo-chroma-canvas{
  display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:100%!important;opacity:0!important;object-fit:contain!important;
  transition:opacity .18s ease!important;filter:drop-shadow(0 6px 11px rgba(20,28,24,.10))!important;
}
html body .premium-header-logo .header-logo-chroma-canvas.is-ready{opacity:1!important}
html body .premium-header-logo .header-logo-chroma-fallback{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:390px){html body .story-static-media{border-radius:12px!important}html body .story-showcase-static .story-static-neon{width:166px!important;height:70px!important;top:12px!important}}
@media(min-width:700px){html body .story-static-media{border-radius:18px!important}html body .story-showcase-static .story-static-neon{width:220px!important;height:88px!important;top:18px!important}}
@media(prefers-reduced-motion:reduce){
  html body .story-showcase-static .story-static-neon>span,html body .story-showcase-static .story-static-neon img{animation:none!important}
  html body .story-showcase-static .story-static-neon img{filter:brightness(1.08) saturate(1.15) drop-shadow(0 0 5px rgba(255,65,65,.62))!important}
}
html body .premium-header-logo .header-logo-chroma-fallback{opacity:1!important;visibility:visible!important;transition:opacity .16s ease!important}
html body .premium-header-logo .header-chroma-brand.is-ready .header-logo-chroma-fallback{opacity:0!important;visibility:hidden!important}

/* v57: restore the classic balanced header and make chroma-video branding reliable. */
html body .floating-site-header.premium-home-header,
html body .floating-site-header.premium-sub-header{
  width:calc(100% - 14px)!important;
  height:106px!important;
  min-height:106px!important;
  margin:7px auto 11px!important;
  padding:6px 9px!important;
  grid-template-columns:70px minmax(0,1fr) 70px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  align-items:center!important;
}
html body .premium-header-logo{
  width:min(224px,100%)!important;
  height:94px!important;
  max-height:94px!important;
  justify-self:center!important;
  align-self:center!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body .premium-header-logo>.header-logo-static{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
}

/* Simple menu control as in the older header: no card around the icon. */
html body .premium-home-header .header-menu-button,
html body .premium-sub-header .header-menu-button{
  width:62px!important;min-width:62px!important;height:70px!important;
  padding:5px 2px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;gap:5px!important;
}
html body .premium-home-header .header-menu-glyph,
html body .premium-sub-header .header-menu-glyph{
  width:40px!important;height:27px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;gap:5px!important;
}
html body .premium-home-header .header-menu-glyph i,
html body .premium-sub-header .header-menu-glyph i{height:3px!important;background:var(--color-primary)!important;border-radius:999px!important}
html body .premium-home-header .header-menu-button strong,
html body .premium-sub-header .header-menu-button strong{font-size:10.5px!important;font-weight:900!important;color:var(--text)!important}
html body .premium-home-header .header-menu-button:active,
html body .premium-sub-header .header-menu-button:active{transform:scale(.94)!important;background:transparent!important}

/* Video mode is composed like the old logo: mascot on one side + Dolmeh wordmark. */
html body .header-video-composite,
html body .header-frame-brand{
  width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;
  gap:3px!important;direction:ltr!important;position:relative!important;
}
html body .header-chroma-brand,
html body .header-plain-video-stage{
  position:relative!important;width:94px!important;height:90px!important;flex:0 0 94px!important;
  overflow:hidden!important;display:grid!important;place-items:center!important;
}
html body .header-logo-chroma-source{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  opacity:.001!important;visibility:visible!important;display:block!important;pointer-events:none!important;object-fit:cover!important;
}
html body .header-logo-chroma-canvas{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:block!important;opacity:0!important;transition:opacity .15s ease!important;
  filter:drop-shadow(0 5px 8px rgba(20,28,24,.10))!important;
}
html body .header-logo-chroma-canvas.is-ready{opacity:1!important}
html body .header-logo-chroma-fallback,
html body .header-logo-fallback{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;
  opacity:1!important;visibility:visible!important;transition:opacity .15s ease!important;
}
html body .header-chroma-brand.is-ready .header-logo-chroma-fallback{opacity:0!important;visibility:hidden!important}
html body .header-video-wordmark,
html body .header-frame-wordmark{
  width:118px!important;height:54px!important;flex:0 0 118px!important;object-fit:contain!important;
  filter:drop-shadow(0 3px 7px rgba(198,40,40,.10))!important;
}
html body .header-plain-video-stage .header-logo-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
}
html body .header-plain-video-stage .header-logo-fallback{display:none!important}

@media(max-width:350px){
  html body .floating-site-header.premium-home-header,html body .floating-site-header.premium-sub-header{height:98px!important;min-height:98px!important;grid-template-columns:62px minmax(0,1fr) 62px!important}
  html body .premium-header-logo{width:202px!important;height:88px!important}
  html body .header-chroma-brand,html body .header-plain-video-stage{width:86px!important;height:84px!important;flex-basis:86px!important}
  html body .header-video-wordmark,html body .header-frame-wordmark{width:104px!important;height:50px!important;flex-basis:104px!important}
}
@media(min-width:700px){
  html body .floating-site-header.premium-home-header,html body .floating-site-header.premium-sub-header{height:122px!important;min-height:122px!important;grid-template-columns:120px minmax(0,1fr) 120px!important;padding-inline:14px!important}
  html body .premium-header-logo{width:276px!important;height:108px!important;max-height:108px!important}
  html body .header-chroma-brand,html body .header-plain-video-stage{width:112px!important;height:104px!important;flex-basis:112px!important}
  html body .header-video-wordmark,html body .header-frame-wordmark{width:148px!important;height:68px!important;flex-basis:148px!important}
  html body .premium-home-header .header-menu-button,html body .premium-sub-header .header-menu-button{width:72px!important;min-width:72px!important;height:78px!important}
}


/* v58 — centered solo header video + framed middle showcase + unified motion */
html body .premium-header-logo .header-video-solo{
  width:100%!important;height:100%!important;display:grid!important;place-items:center!important;
  position:relative!important;direction:ltr!important;
}
html body .premium-header-logo .header-video-solo .header-chroma-brand,
html body .premium-header-logo .header-video-solo .header-plain-video-stage{
  width:min(184px,92%)!important;height:92px!important;max-width:184px!important;flex:none!important;
  position:relative!important;overflow:hidden!important;display:grid!important;place-items:center!important;
}
html body .premium-header-logo .header-video-wordmark{display:none!important}
html body .premium-header-logo .header-video-solo .header-logo-chroma-source,
html body .premium-header-logo .header-video-solo .header-logo-video{
  object-position:center center!important;
}
html body .premium-header-logo .header-video-solo .header-logo-chroma-canvas{
  object-position:center center!important;
}
@media(max-width:390px){
  html body .premium-header-logo .header-video-solo .header-chroma-brand,
  html body .premium-header-logo .header-video-solo .header-plain-video-stage{width:min(168px,92%)!important;height:86px!important}
}
@media(min-width:700px){
  html body .premium-header-logo .header-video-solo .header-chroma-brand,
  html body .premium-header-logo .header-video-solo .header-plain-video-stage{width:216px!important;max-width:216px!important;height:106px!important}
}

/* Reference-like middle frame: white top/bottom sheets, image visible through the middle. */
html body .story-showcase.story-showcase-template{
  margin:12px 3px 22px!important;padding:0!important;background:transparent!important;overflow:visible!important;
}
html body .story-template-shell{
  position:relative!important;width:100%!important;aspect-ratio:3/5!important;min-height:520px!important;max-height:680px!important;
  overflow:hidden!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;
  border-radius:2px!important;box-shadow:0 15px 34px rgba(28,39,33,.10)!important;isolation:isolate!important;
}
html body .story-template-background{
  position:absolute!important;inset:-3px!important;width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;
  object-fit:cover!important;object-position:center var(--story-bg-position,center)!important;
  filter:blur(1.15px) saturate(1.04) contrast(1.02)!important;transform:scale(1.018)!important;z-index:0!important;
}
html body .story-template-scrim{
  position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(6,10,8,.02) 16%,rgba(6,10,8,.05) 38%,rgba(6,10,8,.20) 68%,rgba(6,10,8,.28) 100%)!important;
}
html body .story-template-panel{
  position:absolute!important;left:-1px!important;right:-1px!important;z-index:5!important;background:var(--surface)!important;
  border-color:var(--border)!important;box-shadow:0 7px 22px rgba(28,39,33,.04)!important;
}
html body .story-template-panel-top{
  top:-1px!important;height:18%!important;border-bottom:1px solid var(--border)!important;
  border-radius:0 0 30px 30px!important;
}
html body .story-template-panel-bottom{
  bottom:-1px!important;height:16%!important;border-top:1px solid var(--border)!important;
  border-radius:30px 30px 0 0!important;display:grid!important;place-items:start center!important;padding-top:10px!important;
}
html body .story-template-handle{width:34px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--muted) 30%,transparent);opacity:.55}
html body .story-template-neon{
  position:absolute!important;left:50%!important;bottom:-29px!important;transform:translateX(-50%)!important;
  width:152px!important;height:64px!important;display:grid!important;place-items:center!important;z-index:7!important;
}
html body .story-template-neon>span{
  position:absolute!important;width:78%!important;height:28%!important;border-radius:999px!important;background:rgba(226,30,38,.22)!important;
  filter:blur(15px)!important;animation:storyTemplateHalo 2.9s ease-in-out infinite!important;
}
html body .story-template-neon img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  animation:storyTemplateNeon 2.9s ease-in-out infinite!important;
}
@keyframes storyTemplateHalo{0%,100%{opacity:.28;transform:scale(.88)}50%{opacity:.88;transform:scale(1.08)}}
@keyframes storyTemplateNeon{0%,100%{opacity:.88;filter:brightness(.94) saturate(1.08) drop-shadow(0 0 2px rgba(255,45,50,.34)) drop-shadow(0 0 6px rgba(215,28,36,.18))}50%{opacity:1;filter:brightness(1.3) saturate(1.24) drop-shadow(0 0 5px rgba(255,78,78,.9)) drop-shadow(0 0 14px rgba(215,28,36,.55))}}
html body .story-template-grid{
  position:absolute!important;z-index:4!important;left:12px!important;right:12px!important;top:31%!important;bottom:19%!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:10px!important;
}
html body .story-template-item{
  position:relative!important;overflow:hidden!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(8,14,11,.64)!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(8px) saturate(1.05)!important;-webkit-backdrop-filter:blur(8px) saturate(1.05)!important;
  min-width:0!important;display:flex!important;align-items:flex-end!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease!important;
}
html body .story-template-item>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.48!important;transform:scale(1.03)!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease!important}
html body .story-template-item-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(4,8,6,.04),rgba(4,8,6,.72))!important}
html body .story-template-item-copy{position:relative!important;z-index:2!important;padding:11px!important;display:grid!important;gap:3px!important;width:100%!important}
html body .story-template-item-copy strong{font-size:14px!important;line-height:1.45!important;color:#fff!important}
html body .story-template-item-copy small{font-size:10px!important;line-height:1.65!important;color:rgba(255,255,255,.78)!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html body .story-template-item-copy b{justify-self:start;margin-top:4px;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.94);color:var(--color-primary);font-size:9.5px!important;box-shadow:0 4px 12px rgba(0,0,0,.08)}
html body .story-template-item-copy b i{font-style:normal;font-size:13px;margin-inline-start:3px}
@media(hover:hover){
  html body .story-template-item:hover{transform:translateY(-3px)!important;border-color:rgba(255,255,255,.42)!important;box-shadow:0 15px 30px rgba(0,0,0,.22)!important}
  html body .story-template-item:hover>img{transform:scale(1.075)!important;opacity:.57!important}
}
@media(min-width:700px){
  html body .story-template-shell{aspect-ratio:16/10!important;min-height:570px!important;max-height:720px!important;border-radius:3px!important}
  html body .story-template-panel-top{height:17%!important;border-radius:0 0 38px 38px!important}
  html body .story-template-panel-bottom{height:15%!important;border-radius:38px 38px 0 0!important}
  html body .story-template-grid{left:28px!important;right:28px!important;top:30%!important;bottom:18%!important;gap:14px!important}
  html body .story-template-item-copy{padding:15px!important}.story-template-item-copy strong{font-size:17px!important}.story-template-item-copy small{font-size:11px!important}
  html body .story-template-neon{width:205px!important;height:82px!important;bottom:-38px!important}
}

/* Global motion polish. */
html body .ui-reveal-ready{opacity:0;transform:translateY(12px) scale(.992);transition:opacity .5s ease var(--ui-reveal-delay,0ms),transform .56s cubic-bezier(.2,.8,.2,1) var(--ui-reveal-delay,0ms)!important}
html body .ui-reveal-ready.is-inview{opacity:1;transform:none}
html body .ui-pressed{transform:scale(.965)!important;transition-duration:.08s!important}
html body .category-card .category-media img{transition:transform .48s cubic-bezier(.2,.8,.2,1),filter .3s ease!important}
@media(hover:hover){html body .category-card:hover .category-media img{transform:scale(1.045)!important}}
html body .site-menu.is-open .site-menu-links>a,html body .site-menu.is-open .site-menu-links>button{animation:menuLinkIn .34s both}
html body .site-menu.is-open .site-menu-links>*:nth-child(2){animation-delay:.035s}html body .site-menu.is-open .site-menu-links>*:nth-child(3){animation-delay:.07s}html body .site-menu.is-open .site-menu-links>*:nth-child(4){animation-delay:.105s}html body .site-menu.is-open .site-menu-links>*:nth-child(5){animation-delay:.14s}html body .site-menu.is-open .site-menu-links>*:nth-child(6){animation-delay:.175s}
@keyframes menuLinkIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
html body .floating-site-header{transition:box-shadow .28s ease,background-color .28s ease,border-color .28s ease!important}
@media(prefers-reduced-motion:reduce){
  html body .story-template-neon>span,html body .story-template-neon img{animation:none!important}
  html body .ui-reveal-ready{opacity:1!important;transform:none!important;transition:none!important}
  html body .site-menu.is-open .site-menu-links>*{animation:none!important}
}


/* v59 - generated brand visual widgets */
.smart-empty-state{margin:0 12px 18px;padding:16px;display:grid;grid-template-columns:minmax(120px,42%) minmax(0,1fr);gap:14px;align-items:center;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--color-secondary) 3%,var(--surface)));box-shadow:var(--shadow-soft);text-align:right;overflow:hidden}
.smart-empty-state>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:#f7f4ee}
.smart-empty-copy{min-width:0}.smart-empty-copy>small{display:block;color:var(--color-secondary);font-size:9px;font-weight:950;margin-bottom:3px}.smart-empty-copy>strong{display:block;color:var(--text);font-size:15px;line-height:1.55}.smart-empty-copy>p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.85}.smart-empty-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.smart-empty-actions .button{min-height:38px;padding:7px 11px;font-size:9px;border:0;cursor:pointer;font-family:inherit}.button-soft{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border)!important;border-radius:11px;background:var(--surface-2);color:var(--text);font-weight:900}.smart-empty-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.smart-empty-suggestions a{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--color-secondary) 7%,var(--surface));color:var(--color-secondary);font-size:8px;font-weight:900}.search-empty-mascot{width:100%!important;max-width:none!important;margin:0!important;filter:none!important;animation:emptySearchFloat 4.4s ease-in-out infinite!important}.category-empty-widget{grid-column:1/-1}
.error-state-v59{width:min(94vw,620px);padding:24px 18px 22px}.error-visual{margin:-8px auto 2px;width:min(100%,500px);aspect-ratio:5/2;display:grid;place-items:center}.error-visual img{width:100%;height:100%;object-fit:contain}.error-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.error-actions .button{min-height:42px;padding:8px 13px}
.club-result-widget{margin:0 0 4px;padding:16px;display:grid;grid-template-columns:minmax(120px,36%) minmax(0,1fr);gap:15px;align-items:center;border-radius:22px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft)}.club-result-widget>img{width:100%;height:auto;max-height:170px;object-fit:contain}.club-result-widget small{color:var(--color-secondary);font-size:9px;font-weight:950}.club-result-widget h1{margin:3px 0 0;font-size:20px;line-height:1.5}.club-result-widget p{margin:6px 0 11px;color:var(--muted);font-size:10px;line-height:1.9}.club-result-widget.is-error small{color:var(--color-primary)}.club-result-widget.is-error>img{border-radius:16px;object-fit:cover;aspect-ratio:4/3}
.floating-result-widget{position:fixed;z-index:152;left:50%;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 82px);width:min(92vw,410px);min-height:64px;padding:7px 10px 7px 8px;border:1px solid color-mix(in srgb,#fff 30%,transparent);border-radius:16px;background:color-mix(in srgb,#1f6f49 92%,#fff);color:#fff;box-shadow:0 16px 38px rgba(15,33,22,.22);display:flex;align-items:center;gap:9px;transform:translate(-50%,12px);opacity:0;transition:opacity .22s ease,transform .22s ease}.floating-result-widget.is-visible{opacity:1;transform:translate(-50%,0)}.floating-result-widget img{width:74px;height:48px;object-fit:contain;flex:0 0 auto}.floating-result-widget span{display:grid}.floating-result-widget strong{font-size:10px}.floating-result-widget small{font-size:8px;color:rgba(255,255,255,.78);margin-top:1px}
.home-about-card.is-brand-showcase .home-about-media{aspect-ratio:4/5}.home-about-card.is-brand-showcase .home-about-media img{object-position:50% 18%}.brand-feature-card{grid-template-columns:1fr!important}.brand-feature-card .feature-media{min-height:0;aspect-ratio:16/9}.brand-feature-card .feature-media img{object-position:center}.brand-feature-card .feature-copy{padding:15px}.brand-feature-card .feature-copy h3{font-size:15px}
@media(max-width:520px){.smart-empty-state{grid-template-columns:1fr;text-align:center;padding:13px}.smart-empty-state>img{width:min(100%,320px);margin:auto}.smart-empty-actions,.smart-empty-suggestions{justify-content:center}.club-result-widget{grid-template-columns:1fr;text-align:center}.club-result-widget>img{width:min(100%,330px);margin:auto}.club-result-widget .button{margin:auto}.error-state-v59{padding:18px 13px}.error-visual{width:100%}}
@media(min-width:700px){.home-about-card.is-brand-showcase .home-about-media{aspect-ratio:auto;min-height:430px}.brand-feature-card{grid-column:1/-1;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr)!important}.brand-feature-card .feature-media{aspect-ratio:16/9}.brand-feature-card .feature-copy{display:flex;flex-direction:column;justify-content:center;padding:24px}.brand-feature-card .feature-copy h3{font-size:20px}.smart-empty-state{margin-inline:22px;padding:20px}.smart-empty-copy>strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.search-empty-mascot{animation:none!important}}

/* v60 — integrated showcase: part of the normal page flow, no detached white sheets. */
html body .story-showcase.story-showcase-integrated{
  margin:18px 12px 22px!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html body .showcase-section-head{margin:0 2px 10px!important}
html body .showcase-section-head h2{font-size:24px!important;line-height:1.42!important}
html body .showcase-section-head>div>span{font-size:10px!important}
html body .showcase-section-head>p{font-size:10.5px!important;line-height:1.85!important;max-width:540px!important}
html body .story-integrated-media{
  position:relative!important;
  width:100%!important;
  aspect-ratio:4/5!important;
  min-height:450px!important;
  max-height:620px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid var(--border)!important;
  background:var(--surface-2)!important;
  box-shadow:var(--shadow-soft)!important;
  isolation:isolate!important;
}
html body .story-integrated-background{
  position:absolute!important;
  inset:-2px!important;
  width:calc(100% + 4px)!important;
  height:calc(100% + 4px)!important;
  object-fit:cover!important;
  object-position:center var(--story-bg-position,center)!important;
  filter:blur(.55px) saturate(1.04) contrast(1.03)!important;
  transform:scale(1.012)!important;
  z-index:0!important;
}
html body .story-integrated-scrim{
  position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(5,9,7,.06) 0%,rgba(5,9,7,.10) 34%,rgba(5,9,7,.24) 64%,rgba(5,9,7,.38) 100%)!important;
}
html body .story-integrated-neon{
  position:absolute!important;z-index:4!important;top:17px!important;left:50%!important;transform:translateX(-50%)!important;
  width:168px!important;height:70px!important;display:grid!important;place-items:center!important;pointer-events:none!important;
}
html body .story-integrated-neon>span{
  position:absolute!important;width:78%!important;height:28%!important;border-radius:999px!important;background:rgba(226,30,38,.20)!important;
  filter:blur(15px)!important;animation:storyIntegratedHalo 3s ease-in-out infinite!important;
}
html body .story-integrated-neon img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  animation:storyIntegratedNeon 3s ease-in-out infinite!important;
}
@keyframes storyIntegratedHalo{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:.82;transform:scale(1.08)}}
@keyframes storyIntegratedNeon{0%,100%{opacity:.9;filter:brightness(.96) saturate(1.08) drop-shadow(0 0 3px rgba(255,55,55,.35))}50%{opacity:1;filter:brightness(1.28) saturate(1.22) drop-shadow(0 0 6px rgba(255,72,72,.8)) drop-shadow(0 0 15px rgba(210,30,38,.42))}}
html body .story-integrated-grid{
  position:absolute!important;z-index:3!important;left:12px!important;right:12px!important;bottom:14px!important;top:31%!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:10px!important;
}
html body .story-integrated-item{
  position:relative!important;overflow:hidden!important;min-width:0!important;display:flex!important;align-items:flex-end!important;
  border-radius:17px!important;border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(9,15,12,.62)!important;color:#fff!important;box-shadow:0 10px 25px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(8px) saturate(1.05)!important;-webkit-backdrop-filter:blur(8px) saturate(1.05)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease!important;
}
html body .story-integrated-item>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.48!important;transform:scale(1.03)!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease!important}
html body .story-integrated-item-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(4,8,6,.02),rgba(4,8,6,.76))!important}
html body .story-integrated-item-copy{position:relative!important;z-index:2!important;padding:11px!important;display:grid!important;gap:3px!important;width:100%!important}
html body .story-integrated-item-copy strong{font-size:14.5px!important;line-height:1.45!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.28)!important}
html body .story-integrated-item-copy small{font-size:10.2px!important;line-height:1.65!important;color:rgba(255,255,255,.8)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .story-integrated-item-copy b{justify-self:start;margin-top:4px;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.95);color:var(--color-primary);font-size:9.5px!important;box-shadow:0 4px 12px rgba(0,0,0,.08)}
html body .story-integrated-item-copy b i{font-style:normal;font-size:13px;margin-inline-start:3px}
@media(hover:hover){
  html body .story-integrated-item:hover{transform:translateY(-3px)!important;border-color:rgba(255,255,255,.42)!important;box-shadow:0 15px 30px rgba(0,0,0,.23)!important}
  html body .story-integrated-item:hover>img{transform:scale(1.07)!important;opacity:.57!important}
}
@media(min-width:700px){
  html body .story-showcase.story-showcase-integrated{margin:24px 22px 30px!important}
  html body .showcase-section-head{margin-bottom:13px!important}
  html body .showcase-section-head h2{font-size:28px!important}
  html body .story-integrated-media{aspect-ratio:16/10!important;min-height:560px!important;max-height:720px!important;border-radius:24px!important}
  html body .story-integrated-neon{width:220px!important;height:88px!important;top:20px!important}
  html body .story-integrated-grid{left:28px!important;right:28px!important;top:28%!important;bottom:22px!important;gap:14px!important}
  html body .story-integrated-item{border-radius:20px!important}
  html body .story-integrated-item-copy{padding:15px!important}
  html body .story-integrated-item-copy strong{font-size:17px!important}
  html body .story-integrated-item-copy small{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .story-integrated-neon>span,html body .story-integrated-neon img{animation:none!important}
}

/* v60: generated visuals are contextual widgets only; don't force them into normal homepage content. */
html body .home-about-card.is-brand-showcase{display:block!important}
html body .brand-feature-card{display:none!important}

/* v61 — restore requested homepage artwork + reliable centered green-screen header video. */
html body .premium-header-logo .header-video-solo .header-logo-chroma-source,
html body .premium-header-logo .header-video-solo .header-logo-video{
  object-fit:contain!important;
  object-position:center center!important;
}
html body .premium-header-logo .header-video-solo .header-logo-chroma-canvas{
  object-fit:contain!important;
  object-position:center center!important;
}

/* v60 hid these two generated/user-approved visuals. v61 wires them back into normal page flow. */
html body .home-about-card.is-brand-showcase{
  display:grid!important;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--color-secondary) 2.5%,var(--surface)))!important;
  border-color:color-mix(in srgb,var(--border) 88%,transparent)!important;
  box-shadow:0 12px 34px rgba(20,30,24,.07)!important;
}
html body .home-about-card.is-brand-showcase .home-about-media{
  background:var(--surface-2)!important;
}
html body .home-about-card.is-brand-showcase .home-about-media img{
  object-fit:cover!important;
  object-position:50% 16%!important;
  transform:translateZ(0)!important;
}
html body .brand-feature-card{
  display:grid!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--color-primary) 2%,var(--surface)))!important;
}
html body .brand-feature-card .feature-media{
  overflow:hidden!important;
  background:#121714!important;
}
html body .brand-feature-card .feature-media img{
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .55s cubic-bezier(.2,.8,.2,1)!important;
}
@media(hover:hover){html body .brand-feature-card:hover .feature-media img{transform:scale(1.025)!important}}
@media(max-width:699px){
  html body .home-about-card.is-brand-showcase{grid-template-columns:1fr!important}
  html body .home-about-card.is-brand-showcase .home-about-media{aspect-ratio:4/5!important;max-height:610px!important}
  html body .brand-feature-card{grid-template-columns:1fr!important}
  html body .brand-feature-card .feature-media{aspect-ratio:16/9!important;min-height:0!important}
}
@media(min-width:700px){
  html body .home-about-card.is-brand-showcase{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important}
  html body .home-about-card.is-brand-showcase .home-about-media{aspect-ratio:auto!important;min-height:430px!important}
  html body .brand-feature-card{grid-column:1/-1!important;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr)!important}
}


/* v62 — remove the unwanted large restaurant photo while keeping the useful 2x2 shortcuts. */
html body .story-showcase-clean .story-integrated-media{
  aspect-ratio:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
html body .story-showcase-clean .story-integrated-scrim,
html body .story-showcase-clean .story-integrated-background{display:none!important}
html body .story-showcase-clean .story-integrated-neon{
  position:relative!important;inset:auto!important;left:auto!important;top:auto!important;transform:none!important;
  width:164px!important;height:62px!important;margin:0 auto 8px!important;
}
html body .story-showcase-clean .story-integrated-grid{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;gap:10px!important;
}
html body .story-showcase-clean .story-integrated-item{
  min-height:168px!important;border:1px solid var(--border)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 10%,#242a27),color-mix(in srgb,var(--color-secondary) 11%,#151a17))!important;
  box-shadow:0 10px 24px rgba(20,30,24,.10)!important;
}
html body .story-showcase-clean .story-integrated-item>img{opacity:.40!important}
html body .story-showcase-clean .story-integrated-item-shade{background:linear-gradient(180deg,rgba(4,8,6,.10),rgba(4,8,6,.82))!important}
@media(max-width:360px){html body .story-showcase-clean .story-integrated-item{min-height:154px!important}}
@media(min-width:700px){
  html body .story-showcase-clean .story-integrated-media{min-height:0!important;max-height:none!important}
  html body .story-showcase-clean .story-integrated-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  html body .story-showcase-clean .story-integrated-item{min-height:210px!important}
}

/* Header chroma video stays centered and active; source remains hidden behind the keyed canvas. */
html body .premium-header-logo .header-video-solo .header-chroma-brand,
html body .premium-header-logo .header-video-solo .header-plain-video-stage{overflow:hidden!important}
html body .premium-header-logo .header-video-solo .header-logo-chroma-source,
html body .premium-header-logo .header-video-solo .header-logo-video{object-fit:contain!important;object-position:center!important}

/* v64 — redesign pass based on user feedback: keep and improve visual sections + enable header chroma video */
html body{
  background:
    radial-gradient(circle at top right, color-mix(in srgb,var(--color-primary) 7%,transparent), transparent 34%),
    radial-gradient(circle at bottom left, color-mix(in srgb,var(--color-secondary) 9%,transparent), transparent 38%),
    #f7f7f3!important;
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at top right, rgba(198,40,40,.18), transparent 34%),
    radial-gradient(circle at bottom left, rgba(23,138,85,.16), transparent 38%),
    #17201b!important;
}
html body .site-shell{
  max-width:1180px!important;
  border:1px solid color-mix(in srgb,var(--border) 80%, transparent)!important;
  box-shadow:0 22px 60px rgba(18,25,20,.08)!important;
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
}
html body .floating-site-header.premium-home-header,
html body .floating-site-header.premium-sub-header{
  position:sticky!important;
  top:12px!important;
  width:calc(100% - 20px)!important;
  margin:12px auto 10px!important;
  border:1px solid color-mix(in srgb,var(--border) 76%,transparent)!important;
  background:color-mix(in srgb,var(--surface) 88%,transparent)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.05)!important;
  backdrop-filter:blur(16px) saturate(1.05)!important;
  box-shadow:0 18px 38px rgba(20,28,22,.08)!important;
  border-radius:26px!important;
}
html body .header-menu-button,
html body .header-quick-action,
html body .header-back-action{
  border-radius:16px!important;
  background:color-mix(in srgb,var(--surface) 86%,var(--surface-2))!important;
  border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
  box-shadow:0 10px 26px rgba(20,27,22,.05)!important;
}
html body .premium-header-logo{
  filter:drop-shadow(0 8px 18px rgba(27,36,30,.09))!important;
}
html body .premium-header-logo .header-video-solo .header-chroma-brand,
html body .premium-header-logo .header-video-solo .header-plain-video-stage{
  border-radius:18px!important;
  background:transparent!important;
}
html body .banner-wrap{padding:8px 12px 10px!important}
html body .hero-banner{
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid color-mix(in srgb,var(--border) 74%,transparent)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 92%,transparent))!important;
  box-shadow:0 20px 46px rgba(21,30,24,.09)!important;
}
html body .hero-banner::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(135deg, rgba(12,18,15,.18), rgba(12,18,15,0) 38%),
    linear-gradient(0deg, rgba(0,0,0,.14), rgba(0,0,0,0) 42%);
}
html body .hero-track, html body .hero-video-shell{
  border-radius:26px!important;
  aspect-ratio:16/7.7!important;
  min-height:230px!important;
  background:#151a17!important;
}
html body .main-banner, html body .hero-video{
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.01);
}
html body .hero-mascot-corner{
  z-index:2!important;
  bottom:14px!important;
  inset-inline-end:14px!important;
  width:112px!important;height:128px!important;
  filter:drop-shadow(0 14px 28px rgba(9,13,11,.22))!important;
}
html body .section-head.section-head-plain,
html body .home-section-heading{
  align-items:flex-end!important;
  gap:12px!important;
}
html body .section-head span,
html body .home-section-heading span,
html body .content-kicker,
html body .social-kicker{
  font-size:10px!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}
html body .section-head h2,
html body .home-about-copy h2,
html body .home-section-heading h2,
html body .social-follow-copy h2{
  font-size:24px!important;
  letter-spacing:-.02em!important;
}
html body .section-head p,
html body .home-about-copy p,
html body .feature-copy p,
html body .editorial-copy p,
html body .social-follow-copy p{
  font-size:11px!important;
  line-height:2.05!important;
}
html body .category-grid{gap:12px!important}
html body .category-card{
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
  background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 68%,var(--surface)))!important;
  box-shadow:0 16px 32px rgba(26,37,31,.07)!important;
}
html body .category-media{aspect-ratio:.8!important;background:#1a211d!important}
html body .category-media img{transition:transform .5s cubic-bezier(.2,.8,.2,1)!important}
@media(hover:hover){html body .category-card:hover{transform:translateY(-4px)!important}html body .category-card:hover .category-media img{transform:scale(1.045)!important}}
html body .category-content{
  min-height:82px!important;
  padding:11px 10px 34px!important;
  border-top:0!important;
  background:
    linear-gradient(180deg, color-mix(in srgb,var(--surface) 92%,transparent), var(--surface))!important;
}
html body .category-content::before{
  content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--color-secondary),color-mix(in srgb,var(--color-primary) 70%,var(--color-secondary)));
}
html body .category-content h3{font-size:11.5px!important}
html body .category-content span{font-size:8.8px!important;margin-top:4px!important}
html body .category-content b{
  left:8px!important;bottom:8px!important;
  border-radius:10px!important;
  padding:5px 7px!important;
  background:color-mix(in srgb,var(--color-primary) 10%,var(--surface))!important;
}
html body .restaurant-info-grid,
html body .home-feature-grid,
html body .article-card-grid{gap:14px!important}
html body .info-card,
html body .home-feature-card,
html body .editorial-card,
html body .home-about-card,
html body .social-follow-card,
html body .site-footer{
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent)!important;
  box-shadow:0 16px 34px rgba(22,31,25,.06)!important;
}
html body .home-about-card{
  border-radius:28px!important;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--color-secondary) 4%,var(--surface)))!important;
}
html body .home-about-card .home-about-media{background:#121815!important}
html body .home-about-card .home-about-media img{
  object-fit:cover!important;
  object-position:center center!important;
}
html body .content-cta,
html body .feature-copy a,
html body .editorial-copy b,
html body .site-footer>a{
  font-weight:900!important;
}
html body .content-cta{
  border-radius:14px!important;
  padding:10px 14px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 9%,var(--surface)),color-mix(in srgb,var(--color-secondary) 7%,var(--surface)))!important;
}
html body .home-feature-card,
html body .editorial-card,
html body .social-follow-card,
html body .site-footer{border-radius:22px!important}
html body .home-feature-card.has-image{grid-template-columns:120px minmax(0,1fr)!important}
html body .feature-media,
html body .editorial-media,
html body .editorial-placeholder{background:var(--surface-2)!important}
html body .feature-copy,
html body .editorial-copy,
html body .home-about-copy{padding:18px!important}
html body .restaurant-info{padding-top:4px!important}
html body .info-card{padding:14px!important;border-radius:18px!important}
html body .info-dot{margin-top:7px!important}
html body .info-card strong{font-size:12px!important;line-height:1.8!important}
html body .social-follow-card{
  align-items:flex-start!important;
  gap:16px!important;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--color-primary) 4%,var(--surface)))!important;
}
html body .social-links{gap:8px!important}
html body .social-link{
  min-height:46px!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--surface-2) 78%,transparent)!important;
}
html body .site-footer{
  margin-top:6px!important;
  padding:18px 20px!important;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--color-secondary) 3%,var(--surface)))!important;
}
@media(max-width:699px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{top:8px!important;width:calc(100% - 14px)!important;border-radius:22px!important}
  html body .hero-track, html body .hero-video-shell{aspect-ratio:16/8.8!important;min-height:212px!important}
  html body .section-head h2, html body .home-about-copy h2, html body .home-section-heading h2{font-size:21px!important}
  html body .home-feature-card.has-image{grid-template-columns:1fr!important}
  html body .feature-media{aspect-ratio:16/9!important}
  html body .social-follow-card{flex-direction:column!important}
}
@media(min-width:700px){
  html body .banner-wrap{padding:8px 22px 10px!important}
  html body .hero-track, html body .hero-video-shell{aspect-ratio:21/8!important;min-height:320px!important}
  html body .category-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  html body .home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .restaurant-info-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  html body .home-about-card.has-media{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr)!important}
  html body .home-about-card .home-about-media{min-height:380px!important}
  html body .social-follow-card{align-items:center!important}
}

/* v65 — final polish: pre-keyed header animation, integrated hero, rebuilt image section and tighter UI rhythm */
html body .premium-header-logo .header-video-solo .header-plain-video-stage{
  width:min(156px,86%)!important;
  height:92px!important;
  max-width:156px!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
}
html body .premium-header-logo .header-video-solo .header-logo-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 8px 13px rgba(18,28,21,.16))!important;
  transform:translateZ(0)!important;
}
html body .premium-header-logo .header-video-solo .header-logo-fallback{
  object-fit:contain!important;
  object-position:center bottom!important;
}
html body .premium-header-logo::before{
  content:""!important;
  position:absolute!important;
  width:112px!important;
  height:22px!important;
  left:50%!important;
  bottom:7px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(23,138,85,.14),transparent 68%)!important;
  filter:blur(5px)!important;
  pointer-events:none!important;
}
html body .premium-header-logo{position:relative!important}

html body .hero-banner{position:relative!important}
html body .hero-v65-overlay{
  position:absolute!important;
  z-index:5!important;
  inset:auto 16px 16px 16px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  pointer-events:none!important;
}
html body .hero-v65-copy{
  min-width:0!important;
  max-width:min(70%,560px)!important;
  padding:13px 15px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(15,22,18,.72),rgba(15,22,18,.42))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.1)!important;
  backdrop-filter:blur(14px) saturate(1.1)!important;
  color:#fff!important;
}
html body .hero-v65-copy small{
  display:block!important;
  color:#c8f0d8!important;
  font-size:9.5px!important;
  font-weight:900!important;
}
html body .hero-v65-copy strong{
  display:block!important;
  margin-top:2px!important;
  font-size:20px!important;
  line-height:1.45!important;
  font-weight:950!important;
  text-shadow:0 3px 14px rgba(0,0,0,.24)!important;
}
html body .hero-v65-copy span{
  display:block!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:9.5px!important;
}
html body .hero-v65-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  pointer-events:auto!important;
}
html body .hero-v65-actions a{
  min-height:43px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:8px 13px!important;
  border-radius:14px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  font-size:9.5px!important;
  font-weight:950!important;
  box-shadow:0 12px 26px rgba(198,40,40,.26)!important;
  transition:transform .18s ease,filter .18s ease!important;
}
html body .hero-v65-actions a.is-secondary{
  background:rgba(255,255,255,.90)!important;
  color:#17201b!important;
  box-shadow:0 12px 26px rgba(0,0,0,.12)!important;
}
html body .hero-v65-actions a:active{transform:scale(.96)!important}
html body .hero-v65-actions b{font-size:16px!important;line-height:1!important}

/* Rebuilt middle image block: image remains configurable but now feels native to the page. */
html body .home-about-card.is-transparent-showcase{
  position:relative!important;
  overflow:hidden!important;
  min-height:330px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 30%),
    radial-gradient(circle at 82% 78%,color-mix(in srgb,var(--color-secondary) 13%,transparent),transparent 34%),
    linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 72%,var(--surface)))!important;
}
html body .home-about-card.is-transparent-showcase::before,
html body .home-about-card.is-transparent-showcase::after{
  content:""!important;
  position:absolute!important;
  width:190px!important;
  height:190px!important;
  border-radius:50%!important;
  border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
  pointer-events:none!important;
  opacity:.7!important;
}
html body .home-about-card.is-transparent-showcase::before{right:-90px!important;top:-95px!important}
html body .home-about-card.is-transparent-showcase::after{left:-110px!important;bottom:-105px!important}
html body .home-about-card.is-transparent-showcase .home-about-media{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  min-height:270px!important;
  padding:22px!important;
  background:
    radial-gradient(circle at center,color-mix(in srgb,var(--surface) 88%,transparent),transparent 66%)!important;
  overflow:visible!important;
}
html body .home-about-card.is-transparent-showcase .home-about-media::after{
  content:""!important;
  position:absolute!important;
  width:62%!important;
  height:22px!important;
  bottom:30px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(20,32,25,.18),transparent 70%)!important;
  filter:blur(8px)!important;
  z-index:-1!important;
}
html body .home-about-card.is-transparent-showcase .home-about-media img{
  width:min(100%,560px)!important;
  height:auto!important;
  max-height:270px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 20px 28px rgba(25,35,29,.14))!important;
  transform:translateY(-2px)!important;
}
html body .home-about-card.is-transparent-showcase .home-about-copy{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
html body .home-about-card.is-transparent-showcase .content-kicker{
  display:inline-flex!important;
  align-self:flex-start!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--color-secondary) 9%,var(--surface))!important;
}

/* Showcase shortcuts: less heavy, more like native widgets. */
html body .story-showcase-clean{
  margin:2px 12px 26px!important;
  padding:0!important;
}
html body .story-showcase-clean .showcase-section-head{margin-bottom:12px!important}
html body .story-showcase-clean .story-integrated-neon{
  width:144px!important;
  height:52px!important;
  margin:2px auto 10px!important;
  opacity:.96!important;
}
html body .story-showcase-clean .story-integrated-item{
  min-height:158px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 30px rgba(15,22,18,.12)!important;
  transform:translateZ(0)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
html body .story-showcase-clean .story-integrated-item>img{
  opacity:.52!important;
  transform:scale(1.01)!important;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s ease!important;
}
html body .story-showcase-clean .story-integrated-item-shade{
  background:linear-gradient(180deg,rgba(7,12,9,.04),rgba(7,12,9,.88))!important;
}
html body .story-showcase-clean .story-integrated-item-copy{padding:14px!important}
html body .story-showcase-clean .story-integrated-item-copy strong{font-size:15px!important;line-height:1.45!important}
html body .story-showcase-clean .story-integrated-item-copy small{font-size:9px!important;opacity:.82!important}
html body .story-showcase-clean .story-integrated-item-copy b{
  display:inline-flex!important;
  width:max-content!important;
  margin-top:8px!important;
  padding:5px 8px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.12)!important;
}
@media(hover:hover){
  html body .story-showcase-clean .story-integrated-item:hover{transform:translateY(-4px)!important;box-shadow:0 22px 38px rgba(15,22,18,.17)!important}
  html body .story-showcase-clean .story-integrated-item:hover>img{transform:scale(1.055)!important;opacity:.60!important}
}

/* Information + content cards */
html body .info-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:88px!important;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 58%,var(--surface)))!important;
}
html body .info-card::after{
  content:""!important;
  position:absolute!important;
  width:42px!important;
  height:42px!important;
  left:-15px!important;
  bottom:-18px!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--color-secondary) 7%,transparent)!important;
}
html body .home-feature-card,
html body .editorial-card{
  overflow:hidden!important;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 54%,var(--surface)))!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
@media(hover:hover){
  html body .home-feature-card:hover,
  html body .editorial-card:hover{transform:translateY(-3px)!important;box-shadow:0 20px 36px rgba(22,31,25,.09)!important}
}

/* Category pages receive the same visual language. */
html body .search-box{
  min-height:54px!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--surface) 92%,transparent)!important;
  box-shadow:0 12px 26px rgba(27,39,31,.05)!important;
}
html body .food-card{
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
  border-bottom:0!important;
  border-radius:21px!important;
  box-shadow:0 14px 30px rgba(26,37,31,.06)!important;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 48%,var(--surface)))!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
html body .food-card::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--color-secondary),color-mix(in srgb,var(--color-primary) 70%,var(--color-secondary)))!important;
}
html body .food-card{position:relative!important}
html body .food-thumb{border-left-color:color-mix(in srgb,var(--border) 74%,transparent)!important}
html body .food-thumb>img{transition:transform .5s cubic-bezier(.2,.8,.2,1)!important}
html body .food-badge{border-radius:10px!important;padding:5px 8px!important}
html body .price-row strong{font-size:15px!important}
@media(hover:hover){html body .food-card:hover{transform:translateY(-3px)!important;box-shadow:0 20px 38px rgba(24,35,29,.09)!important}html body .food-card:hover .food-thumb>img{transform:scale(1.04)!important}}

/* Bottom dock: cleaner and more app-like. */
html body .bottom-dock{
  border-radius:20px!important;
  background:color-mix(in srgb,var(--surface) 88%,transparent)!important;
  border-color:color-mix(in srgb,var(--border) 76%,transparent)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  box-shadow:0 18px 42px rgba(18,26,21,.16)!important;
}
html body .bottom-dock>.dock-btn{border-radius:14px!important}
html body .bottom-dock>.dock-btn:hover{background:color-mix(in srgb,var(--surface-2) 70%,transparent)!important}

@media(max-width:699px){
  html body .hero-v65-overlay{inset:auto 10px 10px 10px!important;display:block!important}
  html body .hero-v65-copy{max-width:100%!important;padding:10px 12px!important;border-radius:15px!important}
  html body .hero-v65-copy strong{font-size:16px!important}
  html body .hero-v65-copy span{display:none!important}
  html body .hero-v65-actions{position:absolute!important;left:8px!important;bottom:8px!important}
  html body .hero-v65-actions a{min-height:36px!important;padding:6px 9px!important;font-size:8.5px!important;border-radius:11px!important}
  html body .hero-v65-actions a.is-secondary{display:none!important}
  html body .hero-v65-copy{padding-left:96px!important}
  html body .home-about-card.is-transparent-showcase{grid-template-columns:1fr!important;min-height:0!important}
  html body .home-about-card.is-transparent-showcase .home-about-media{min-height:210px!important;padding:20px 22px 8px!important}
  html body .home-about-card.is-transparent-showcase .home-about-media img{max-height:190px!important}
  html body .home-about-card.is-transparent-showcase .home-about-copy{padding:16px 18px 20px!important}
  html body .story-showcase-clean{margin-inline:12px!important}
  html body .premium-header-logo .header-video-solo .header-plain-video-stage{width:min(142px,82%)!important;height:86px!important}
}
@media(max-width:360px){
  html body .hero-v65-copy strong{font-size:14.5px!important}
  html body .hero-v65-copy small{font-size:8.5px!important}
  html body .hero-v65-copy{padding-left:82px!important}
  html body .hero-v65-actions a{padding-inline:8px!important}
}
@media(min-width:700px){
  html body .hero-v65-overlay{inset:auto 22px 22px 22px!important}
  html body .hero-v65-copy{padding:15px 18px!important}
  html body .hero-v65-copy strong{font-size:24px!important}
  html body .hero-v65-copy span{font-size:10.5px!important}
  html body .premium-header-logo .header-video-solo .header-plain-video-stage{width:180px!important;max-width:180px!important;height:108px!important}
  html body .home-about-card.is-transparent-showcase{grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr)!important}
  html body .home-about-card.is-transparent-showcase .home-about-media{min-height:350px!important}
  html body .home-about-card.is-transparent-showcase .home-about-media img{max-height:300px!important}
  html body .story-showcase-clean{margin-inline:22px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .premium-header-logo .header-logo-video{animation:none!important}
}


/* v66 hotfix — requested cleanup and restored homepage behavior */
html body .hero-v65-overlay{display:none!important}
html body .category-content::before,
html body .home-category-section .category-content::before,
html body .story-integrated-neon{display:none!important;content:none!important}

/* Header: restore animated lockup and keep tagline visible under the logo wordmark. */
html body .premium-header-logo{
  width:min(270px,100%)!important;
  height:auto!important;
  min-height:88px!important;
  overflow:visible!important;
}
html body .premium-header-logo .header-brand-lockup{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  direction:ltr!important;
}
html body .premium-header-logo .header-brand-stage{
  width:92px!important;
  height:88px!important;
  flex:0 0 92px!important;
  display:grid!important;
  place-items:center!important;
}
html body .premium-header-logo .header-brand-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
}
html body .premium-header-logo .header-brand-wordmark,
html body .premium-header-logo .header-video-wordmark,
html body .premium-header-logo .header-frame-wordmark{
  width:118px!important;
  height:auto!important;
  max-height:56px!important;
  object-fit:contain!important;
  display:block!important;
}
html body .premium-header-logo .header-brand-tagline{
  display:block!important;
  color:var(--text)!important;
  font-size:9px!important;
  line-height:1.55!important;
  font-weight:800!important;
  text-align:right!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
html[data-theme="dark"] body .premium-header-logo .header-brand-tagline{color:#F2F5F3!important}
html body .premium-header-logo .header-logo-static,
html body .premium-header-logo .header-logo-video,
html body .premium-header-logo .header-logo-chroma-canvas,
html body .premium-header-logo .header-logo-chroma-fallback,
html body .premium-header-logo .header-frame-active{
  width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;
}
@media(min-width:700px){
  html body .premium-header-logo{width:312px!important;min-height:110px!important}
  html body .premium-header-logo .header-brand-stage{width:114px!important;height:108px!important;flex-basis:114px!important}
  html body .premium-header-logo .header-brand-wordmark,
  html body .premium-header-logo .header-video-wordmark,
  html body .premium-header-logo .header-frame-wordmark{width:154px!important;max-height:72px!important}
  html body .premium-header-logo .header-brand-tagline{font-size:10.5px!important}
}

/* Middle visual block: make the admin-selected image behave like a true card background. */
html body .home-about-card.has-media{
  position:relative!important;
  display:block!important;
  min-height:260px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid var(--border)!important;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--color-secondary) 5%,var(--surface)))!important;
  box-shadow:0 14px 34px rgba(20,30,24,.09)!important;
}
html body .home-about-card.has-media .home-about-media{
  position:absolute!important;
  inset:0!important;
  margin:0!important;
  min-height:100%!important;
  aspect-ratio:auto!important;
  background:#101612!important;
}
html body .home-about-card.has-media .home-about-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(10,16,13,.18),rgba(10,16,13,.68));
}
html body .home-about-card.has-media .home-about-media img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;
}
html body .home-about-card.has-media .home-about-copy{
  position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  min-height:260px!important;padding:18px!important;color:#fff!important;
}
html body .home-about-card.has-media .home-about-copy h2,
html body .home-about-card.has-media .home-about-copy p,
html body .home-about-card.has-media .home-about-copy .content-kicker{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.26)!important}
html body .home-about-card.has-media .home-about-copy p{max-width:34rem!important}
html body .home-about-card.has-media .content-cta{background:rgba(255,255,255,.94)!important;color:var(--color-primary)!important}
@media(min-width:700px){html body .home-about-card.has-media,html body .home-about-card.has-media .home-about-copy{min-height:360px!important;padding:24px!important}}

/* Featured shortcuts: cleaner cards, no middle line, smaller height, show icon art if there is no image. */
html body .story-showcase.story-showcase-integrated{margin:18px 12px 22px!important}
html body .story-showcase-clean .story-integrated-media{
  min-height:0!important;max-height:none!important;aspect-ratio:auto!important;
  background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
}
html body .story-showcase-clean .story-integrated-grid,
html body .story-showcase-integrated .story-integrated-grid{
  position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;gap:10px!important;padding:0!important;
}
html body .story-showcase-clean .story-integrated-item,
html body .story-showcase-integrated .story-integrated-item{
  min-height:150px!important;border-radius:18px!important;overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent)!important;
  background:linear-gradient(145deg,#16211c,#0b110f)!important;
  box-shadow:0 10px 24px rgba(20,30,24,.09)!important;
}
html body .story-integrated-item-art{
  position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;
  color:rgba(255,255,255,.12)!important;z-index:0!important;pointer-events:none!important;
}
html body .story-integrated-item-art svg{width:56px!important;height:56px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
html body .story-showcase-clean .story-integrated-item-copy,
html body .story-showcase-integrated .story-integrated-item-copy{padding:12px!important;gap:4px!important}
html body .story-showcase-clean .story-integrated-item-copy strong,
html body .story-showcase-integrated .story-integrated-item-copy strong{font-size:13px!important;line-height:1.5!important}
html body .story-showcase-clean .story-integrated-item-copy small,
html body .story-showcase-integrated .story-integrated-item-copy small{font-size:8.4px!important;line-height:1.65!important}
html body .story-showcase-clean .story-integrated-item-copy b,
html body .story-showcase-integrated .story-integrated-item-copy b{font-size:8px!important;padding:5px 8px!important}
@media(min-width:700px){
  html body .story-showcase.story-showcase-integrated{margin:22px 22px 28px!important}
  html body .story-showcase-clean .story-integrated-grid,
  html body .story-showcase-integrated .story-integrated-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  html body .story-showcase-clean .story-integrated-item,
  html body .story-showcase-integrated .story-integrated-item{min-height:172px!important}
}

/* Home category cards: slightly more compact and with no divider line. */
html body .home-category-section .category-grid{gap:10px!important}
html body .home-category-section .category-card{aspect-ratio:.70!important}
html body .home-category-section .category-content{
  padding:20px 8px 8px!important;min-height:68px!important;border-top:0!important;
  background:linear-gradient(180deg,transparent 0%,rgba(10,16,13,.66) 42%,rgba(10,16,13,.93) 100%)!important;
}
html body .home-category-section .category-content h3{font-size:10.6px!important;white-space:normal!important}
html body .home-category-section .category-content span{font-size:7.8px!important}
html body .home-category-section .category-content b{padding:4px 6px!important;font-size:7.4px!important}
@media(min-width:700px){
  html body .home-category-section .category-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  html body .home-category-section .category-card{aspect-ratio:.78!important}
  html body .home-category-section .category-content{min-height:78px!important;padding:24px 10px 10px!important}
}


/* v67 — full-bleed showcase, smaller shortcut cards, restored neon mark, and reliable header media */
html body .story-showcase.story-showcase-integrated{
  margin:18px 0 22px!important;
  padding:0!important;
  width:100%!important;
  overflow:hidden!important;
}
html body .story-showcase.story-showcase-integrated .showcase-section-head{
  margin:0!important;
  padding:0 14px 10px!important;
}
html body .story-showcase-integrated .story-integrated-media{
  width:100%!important;
  margin:0!important;
  border-inline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:76px 10px 14px!important;
  overflow:hidden!important;
}
html body .story-showcase-integrated .story-integrated-background{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  filter:none!important;
}
html body .story-showcase-integrated .story-integrated-scrim{
  background:linear-gradient(180deg,rgba(7,12,9,.18),rgba(7,12,9,.12) 28%,rgba(7,12,9,.28) 100%)!important;
}
html body .story-integrated-brand{
  position:absolute!important;
  z-index:5!important;
  top:10px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(180px,58vw)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:0!important;
  pointer-events:none!important;
}
html body .story-integrated-brand .story-integrated-neon{
  position:relative!important;
  display:grid!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:100%!important;
  height:58px!important;
  margin:0!important;
  place-items:center!important;
}
html body .story-integrated-brand .story-integrated-neon>span{
  display:block!important;
  position:absolute!important;
  width:76%!important;
  height:28%!important;
  border-radius:999px!important;
  background:rgba(226,30,38,.24)!important;
  filter:blur(13px)!important;
  animation:storyIntegratedHalo 3s ease-in-out infinite!important;
}
html body .story-integrated-brand .story-integrated-neon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  animation:storyIntegratedNeon 3s ease-in-out infinite!important;
  filter:drop-shadow(0 0 5px rgba(255,42,42,.52))!important;
}
html body .story-integrated-brand>small{
  display:block!important;
  margin-top:-5px!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1.4!important;
  font-weight:800!important;
  text-align:center!important;
  text-shadow:0 2px 10px rgba(0,0,0,.55)!important;
  white-space:nowrap!important;
}
html body .story-showcase-integrated .story-integrated-grid,
html body .story-showcase-clean .story-integrated-grid{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  gap:8px!important;
  padding:0!important;
  z-index:4!important;
}
html body .story-showcase-integrated .story-integrated-item,
html body .story-showcase-clean .story-integrated-item{
  min-height:118px!important;
  border-radius:15px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
}
html body .story-showcase-integrated .story-integrated-item-copy,
html body .story-showcase-clean .story-integrated-item-copy{padding:10px!important;gap:2px!important}
html body .story-showcase-integrated .story-integrated-item-copy strong,
html body .story-showcase-clean .story-integrated-item-copy strong{font-size:11.5px!important;line-height:1.45!important}
html body .story-showcase-integrated .story-integrated-item-copy small,
html body .story-showcase-clean .story-integrated-item-copy small{font-size:7.8px!important;line-height:1.5!important}
html body .story-showcase-integrated .story-integrated-item-copy b,
html body .story-showcase-clean .story-integrated-item-copy b{font-size:7.4px!important;padding:4px 6px!important;border-radius:8px!important}
@media(min-width:700px){
  html body .story-showcase.story-showcase-integrated{margin:22px 0 28px!important}
  html body .story-showcase.story-showcase-integrated .showcase-section-head{padding-inline:22px!important}
  html body .story-showcase-integrated .story-integrated-media{padding:96px 22px 22px!important}
  html body .story-integrated-brand{top:12px!important;width:230px!important}
  html body .story-integrated-brand .story-integrated-neon{height:74px!important}
  html body .story-integrated-brand>small{font-size:10.5px!important}
  html body .story-showcase-integrated .story-integrated-grid,
  html body .story-showcase-clean .story-integrated-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
  html body .story-showcase-integrated .story-integrated-item,
  html body .story-showcase-clean .story-integrated-item{min-height:142px!important}
  html body .story-showcase-integrated .story-integrated-item-copy strong,
  html body .story-showcase-clean .story-integrated-item-copy strong{font-size:13.5px!important}
}

/* Header: only the actual Dolmeh logo in normal mode; no line wordmark beside it. */
html body .premium-header-logo{
  width:min(220px,54vw)!important;
  height:82px!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
html body .premium-header-logo .header-brand-logo-only,
html body .premium-header-logo .header-brand-video-only{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
html body .premium-header-logo .header-brand-logo-only .header-logo-static{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 5px 10px rgba(20,28,23,.12))!important;
}
html body .premium-header-logo .header-logo-gentle-motion{animation:headerLogoGentle 4.6s ease-in-out infinite!important}
@keyframes headerLogoGentle{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.012)}}
html body .premium-header-logo .header-brand-video-only .header-chroma-brand,
html body .premium-header-logo .header-brand-video-only .header-plain-video-stage{
  width:92px!important;
  height:82px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:visible!important;
  background:transparent!important;
}
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-source{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:.001!important;pointer-events:none!important;
}
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
html body .premium-header-logo .header-brand-video-only .header-logo-video,
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
html body .premium-header-logo .header-brand-video-only .header-logo-fallback{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
}
html body .premium-header-logo .header-brand-video-only .header-logo-video{border-radius:0!important;background:transparent!important}
@media(min-width:700px){
  html body .premium-header-logo{width:270px!important;height:104px!important}
  html body .premium-header-logo .header-brand-video-only .header-chroma-brand,
  html body .premium-header-logo .header-brand-video-only .header-plain-video-stage{width:118px!important;height:104px!important}
}
@media(prefers-reduced-motion:reduce){html body .premium-header-logo .header-logo-gentle-motion{animation:none!important}}

/* v68 — compact circular header badge */
html body .floating-site-header.premium-home-header,
html body .floating-site-header.premium-sub-header{
  width:calc(100% - 12px)!important;
  height:78px!important;
  min-height:78px!important;
  margin:6px auto 8px!important;
  padding:5px 8px!important;
  grid-template-columns:58px minmax(0,1fr) 58px!important;
  border-radius:22px!important;
  top:6px!important;
}
html body .premium-header-logo{
  width:58px!important;
  height:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  justify-self:center!important;
  background:
    radial-gradient(circle at 34% 25%,rgba(255,255,255,.98),rgba(255,255,255,.82) 46%,color-mix(in srgb,var(--color-secondary) 8%,#f7faf8) 100%)!important;
  border:1px solid color-mix(in srgb,var(--color-secondary) 25%,var(--border))!important;
  box-shadow:0 7px 18px rgba(20,35,27,.12),inset 0 0 0 3px rgba(255,255,255,.42)!important;
  filter:none!important;
}
html[data-theme="dark"] body .premium-header-logo{
  background:radial-gradient(circle at 34% 25%,#34443b,#23342b 58%,#19261f 100%)!important;
  border-color:color-mix(in srgb,var(--color-secondary) 35%,var(--border))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 0 0 3px rgba(255,255,255,.035)!important;
}
html body .premium-header-logo .header-brand-logo-only,
html body .premium-header-logo .header-brand-video-only{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
}
html body .premium-header-logo .header-badge-frame{
  width:50px!important;
  height:50px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.13))!important;
}
html body .premium-header-logo .header-brand-video-only .header-chroma-brand,
html body .premium-header-logo .header-brand-video-only .header-plain-video-stage{
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
}
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
html body .premium-header-logo .header-brand-video-only .header-logo-video,
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
html body .premium-header-logo .header-brand-video-only .header-logo-fallback{
  width:50px!important;
  height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:50%!important;
}
html body .header-menu-button{
  width:46px!important;
  min-width:46px!important;
  height:48px!important;
  border-radius:14px!important;
  padding:4px!important;
}
html body .header-menu-button strong{font-size:8.5px!important}
html body .header-menu-glyph{width:26px!important}
html body .header-quick-action,
html body .header-back-action{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  border-radius:13px!important;
}
@media(max-width:350px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{height:72px!important;min-height:72px!important;grid-template-columns:52px minmax(0,1fr) 52px!important}
  html body .premium-header-logo{width:54px!important;height:54px!important;min-height:54px!important;max-width:54px!important}
  html body .premium-header-logo .header-badge-frame{width:46px!important;height:46px!important}
  html body .header-menu-button{width:43px!important;min-width:43px!important;height:44px!important}
}
@media(min-width:700px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{
    width:calc(100% - 28px)!important;
    height:88px!important;
    min-height:88px!important;
    margin:8px auto 10px!important;
    grid-template-columns:72px minmax(0,1fr) 72px!important;
    border-radius:24px!important;
  }
  html body .premium-header-logo{width:68px!important;height:68px!important;min-height:68px!important;max-width:68px!important}
  html body .premium-header-logo .header-badge-frame{width:58px!important;height:58px!important}
  html body .premium-header-logo .header-brand-video-only .header-chroma-brand,
  html body .premium-header-logo .header-brand-video-only .header-plain-video-stage{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important}
  html body .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
  html body .premium-header-logo .header-brand-video-only .header-logo-video,
  html body .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
  html body .premium-header-logo .header-brand-video-only .header-logo-fallback{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important}
}


/* v69 final polish — compact low header with oversized circular badge */
html body .floating-site-header.premium-home-header,
html body .floating-site-header.premium-sub-header{
  width:calc(100% - 12px)!important;
  height:52px!important;
  min-height:52px!important;
  margin:22px auto 8px!important;
  padding:4px 8px!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  border-radius:19px!important;
  top:6px!important;
  overflow:visible!important;
}
html body .premium-header-logo{
  width:82px!important;
  height:82px!important;
  min-height:82px!important;
  max-width:82px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  justify-self:center!important;
  align-self:start!important;
  transform:translateY(-17px)!important;
  position:relative!important;
  z-index:8!important;
  background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.98),rgba(255,255,255,.82) 46%,color-mix(in srgb,var(--color-secondary) 8%,#f7faf8) 100%)!important;
  border:1px solid color-mix(in srgb,var(--color-secondary) 25%,var(--border))!important;
  box-shadow:0 10px 22px rgba(20,35,27,.16),inset 0 0 0 3px rgba(255,255,255,.42)!important;
}
html[data-theme="dark"] body .premium-header-logo{
  background:radial-gradient(circle at 34% 25%,#34443b,#23342b 58%,#19261f 100%)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.24),inset 0 0 0 3px rgba(255,255,255,.035)!important;
}
html body .premium-header-logo .header-brand-logo-only,
html body .premium-header-logo .header-brand-video-only{width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;background:transparent!important}
html body .premium-header-logo .header-badge-frame{width:70px!important;height:70px!important;object-fit:contain!important;display:block!important}
html body .premium-header-logo .header-brand-video-only .header-chroma-brand,
html body .premium-header-logo .header-brand-video-only .header-plain-video-stage{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important}
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
html body .premium-header-logo .header-brand-video-only .header-logo-video,
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
html body .premium-header-logo .header-brand-video-only .header-logo-fallback{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important;object-fit:contain!important;object-position:center!important;border-radius:50%!important}
html body .header-menu-button{width:44px!important;min-width:44px!important;height:44px!important;border-radius:13px!important;padding:3px!important}
html body .header-menu-button strong{font-size:8px!important}
html body .header-menu-glyph{width:24px!important}
html body .header-quick-action,html body .header-back-action{width:36px!important;min-width:36px!important;height:36px!important;border-radius:12px!important}
@media(max-width:350px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{grid-template-columns:44px minmax(0,1fr) 44px!important;height:48px!important;min-height:48px!important}
  html body .premium-header-logo{width:76px!important;height:76px!important;min-height:76px!important;max-width:76px!important;transform:translateY(-16px)!important}
  html body .premium-header-logo .header-badge-frame{width:64px!important;height:64px!important}
}
@media(min-width:700px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{width:calc(100% - 28px)!important;height:58px!important;min-height:58px!important;margin:24px auto 10px!important;grid-template-columns:56px minmax(0,1fr) 56px!important;border-radius:22px!important}
  html body .premium-header-logo{width:92px!important;height:92px!important;min-height:92px!important;max-width:92px!important;transform:translateY(-18px)!important}
  html body .premium-header-logo .header-badge-frame{width:78px!important;height:78px!important}
  html body .premium-header-logo .header-brand-video-only .header-chroma-brand,
  html body .premium-header-logo .header-brand-video-only .header-plain-video-stage{width:84px!important;height:84px!important;max-width:84px!important;max-height:84px!important}
  html body .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
  html body .premium-header-logo .header-brand-video-only .header-logo-video,
  html body .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
  html body .premium-header-logo .header-brand-video-only .header-logo-fallback{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important}
}

/* v69 — fix the middle showcase/background area so uploaded images look intentional. */
html body .story-showcase.story-showcase-integrated{margin:18px 0 24px!important}
html body .story-showcase.story-showcase-integrated .showcase-section-head{padding-inline:12px!important;margin-bottom:10px!important}
html body .story-integrated-media{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:24px!important;
  min-height:336px!important;
  padding:86px 10px 10px!important;
  background:linear-gradient(145deg,#1b2a23,#101813)!important;
  box-shadow:0 14px 34px rgba(20,30,24,.08)!important;
}
html body .story-showcase-clean .story-integrated-media{background:linear-gradient(145deg,#1b2a23,#101813)!important}
html body .story-integrated-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--story-bg-position,center center)!important;display:block!important;z-index:0!important}
html body .story-integrated-scrim{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(10,16,13,.18) 0%,rgba(10,16,13,.48) 34%,rgba(10,16,13,.80) 100%)!important;z-index:1!important}
html body .story-integrated-brand{
  position:absolute!important;
  top:14px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(170px,66vw)!important;
  display:grid!important;
  place-items:center!important;
  gap:2px!important;
  z-index:4!important;
  pointer-events:none!important;
  margin:0!important;
}
html body .story-integrated-brand .story-integrated-neon{
  width:100%!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
}
html body .story-integrated-brand .story-integrated-neon>span{
  display:block!important;
  position:absolute!important;
  width:74%!important;
  height:34%!important;
  border-radius:999px!important;
  background:rgba(226,30,38,.22)!important;
  filter:blur(14px)!important;
}
html body .story-integrated-brand .story-integrated-neon img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 0 7px rgba(255,42,42,.48))!important}
html body .story-integrated-brand>small{display:block!important;color:#fff!important;font-size:8.4px!important;line-height:1.45!important;font-weight:800!important;text-shadow:0 2px 10px rgba(0,0,0,.55)!important;white-space:nowrap!important}
html body .story-integrated-grid{
  position:relative!important;
  z-index:3!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:0!important;
}
html body .story-integrated-item{
  min-height:112px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--border) 75%,transparent)!important;
  background:linear-gradient(145deg,rgba(10,16,13,.92),rgba(15,24,19,.88))!important;
  box-shadow:0 8px 18px rgba(0,0,0,.14)!important;
}
html body .story-integrated-item-art{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:rgba(255,255,255,.12)!important;z-index:0!important}
html body .story-integrated-item-art svg{width:48px!important;height:48px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.75!important}
html body .story-integrated-item-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(16,24,20,.08) 0%,rgba(8,12,10,.48) 58%,rgba(8,12,10,.92) 100%)!important;z-index:1!important}
html body .story-integrated-item-copy{position:relative!important;z-index:2!important;padding:10px!important;gap:3px!important}
html body .story-integrated-item-copy strong{font-size:11.2px!important;line-height:1.45!important}
html body .story-integrated-item-copy small{font-size:7.7px!important;line-height:1.58!important}
html body .story-integrated-item-copy b{font-size:7.2px!important;padding:4px 6px!important;border-radius:8px!important}
@media(min-width:700px){
  html body .story-showcase.story-showcase-integrated .showcase-section-head{padding-inline:22px!important}
  html body .story-integrated-media{min-height:286px!important;padding:80px 14px 14px!important}
  html body .story-integrated-brand{width:200px!important;top:12px!important}
  html body .story-integrated-brand .story-integrated-neon{height:50px!important}
  html body .story-integrated-brand>small{font-size:9.6px!important}
  html body .story-integrated-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
  html body .story-integrated-item{min-height:132px!important}
  html body .story-integrated-item-copy strong{font-size:12.8px!important}
}

/* v69 — keep the separate home image block reliable as well. */
html body .home-about-card.has-media{
  position:relative!important;
  display:block!important;
  min-height:270px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--color-secondary) 5%,var(--surface)))!important;
}
html body .home-about-card.has-media .home-about-media{position:absolute!important;inset:0!important;margin:0!important;min-height:100%!important;aspect-ratio:auto!important;background:#101612!important}
html body .home-about-card.has-media .home-about-media::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,16,13,.18),rgba(10,16,13,.70))}
html body .home-about-card.has-media .home-about-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
html body .home-about-card.has-media .home-about-copy{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-height:270px!important;padding:18px!important;color:#fff!important}
html body .home-about-card.has-media .home-about-copy h2,
html body .home-about-card.has-media .home-about-copy p,
html body .home-about-card.has-media .home-about-copy .content-kicker{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.26)!important}
html body .home-about-card.has-media .content-cta{background:rgba(255,255,255,.94)!important;color:var(--color-primary)!important}
@media(min-width:700px){html body .home-about-card.has-media,html body .home-about-card.has-media .home-about-copy{min-height:350px!important;padding:24px!important}}


/* v70 — header spacing fix: lower visual height, no overlap on hero, tighter menu button */
html body .floating-site-header.premium-home-header,
html body .floating-site-header.premium-sub-header{
  width:calc(100% - 12px)!important;
  height:50px!important;
  min-height:50px!important;
  margin:26px auto 22px!important;
  padding:4px 7px!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  border-radius:18px!important;
  overflow:visible!important;
}
html body .premium-header-logo{
  width:78px!important;
  height:78px!important;
  min-height:78px!important;
  max-width:78px!important;
  transform:translateY(-24px)!important;
  align-self:start!important;
  z-index:8!important;
}
html body .premium-header-logo .header-badge-frame{width:66px!important;height:66px!important}
html body .premium-header-logo .header-brand-video-only .header-chroma-brand,
html body .premium-header-logo .header-brand-video-only .header-plain-video-stage{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important}
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
html body .premium-header-logo .header-brand-video-only .header-logo-video,
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
html body .premium-header-logo .header-brand-video-only .header-logo-fallback{width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important}
html body .header-menu-button{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  padding:2px!important;
  gap:2px!important;
  justify-self:end!important;
}
html body .header-menu-button strong{font-size:7px!important;line-height:1!important}
html body .header-menu-glyph{width:22px!important}
html body .header-edge{min-width:0!important}
html body .header-quick-action,
html body .header-back-action{width:34px!important;min-width:34px!important;height:34px!important;border-radius:11px!important}
html body .banner-wrap{margin-top:2px!important}
@media(max-width:350px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{grid-template-columns:40px minmax(0,1fr) 40px!important;height:48px!important;min-height:48px!important;margin:25px auto 20px!important}
  html body .premium-header-logo{width:72px!important;height:72px!important;min-height:72px!important;max-width:72px!important;transform:translateY(-22px)!important}
  html body .premium-header-logo .header-badge-frame{width:60px!important;height:60px!important}
  html body .header-menu-button{width:36px!important;min-width:36px!important;height:36px!important}
}
@media(min-width:700px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{width:calc(100% - 28px)!important;height:56px!important;min-height:56px!important;margin:30px auto 24px!important;padding-inline:10px!important;grid-template-columns:50px minmax(0,1fr) 50px!important;border-radius:20px!important}
  html body .premium-header-logo{width:88px!important;height:88px!important;min-height:88px!important;max-width:88px!important;transform:translateY(-28px)!important}
  html body .premium-header-logo .header-badge-frame{width:74px!important;height:74px!important}
  html body .premium-header-logo .header-brand-video-only .header-chroma-brand,
  html body .premium-header-logo .header-brand-video-only .header-plain-video-stage{width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important}
  html body .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
  html body .premium-header-logo .header-brand-video-only .header-logo-video,
  html body .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
  html body .premium-header-logo .header-brand-video-only .header-logo-fallback{width:74px!important;height:74px!important;max-width:74px!important;max-height:74px!important}
  html body .header-menu-button{width:42px!important;min-width:42px!important;height:42px!important}
}

/* v70 — showcase section: smaller cards, no overlap with neon wordmark, cleaner spacing */
html body .story-showcase.story-showcase-integrated{margin:16px 0 22px!important}
html body .story-showcase.story-showcase-integrated .showcase-section-head{padding-inline:12px!important;margin-bottom:12px!important}
html body .story-integrated-media{
  min-height:316px!important;
  padding:98px 8px 8px!important;
  border-radius:22px!important;
}
html body .story-showcase-clean .story-integrated-media,
html body .story-showcase-integrated .story-integrated-media{overflow:hidden!important}
html body .story-integrated-brand{
  top:16px!important;
  width:min(150px,58vw)!important;
  gap:4px!important;
}
html body .story-integrated-brand .story-integrated-neon{height:36px!important}
html body .story-integrated-brand .story-integrated-neon>span{width:72%!important;height:30%!important;filter:blur(12px)!important}
html body .story-integrated-brand>small{font-size:7.8px!important;line-height:1.35!important}
html body .story-integrated-grid{gap:6px!important}
html body .story-integrated-item{
  min-height:96px!important;
  border-radius:15px!important;
}
html body .story-integrated-item-copy{padding:9px!important;gap:2px!important}
html body .story-integrated-item-copy strong{font-size:10.2px!important;line-height:1.4!important}
html body .story-integrated-item-copy small{font-size:7.1px!important;line-height:1.52!important}
html body .story-integrated-item-copy b{font-size:6.9px!important;padding:4px 6px!important;border-radius:8px!important}
html body .story-integrated-item-art svg{width:42px!important;height:42px!important}
@media(min-width:700px){
  html body .story-showcase.story-showcase-integrated .showcase-section-head{padding-inline:22px!important}
  html body .story-integrated-media{min-height:260px!important;padding:86px 12px 12px!important}
  html body .story-integrated-brand{top:14px!important;width:178px!important}
  html body .story-integrated-brand .story-integrated-neon{height:42px!important}
  html body .story-integrated-brand>small{font-size:8.8px!important}
  html body .story-integrated-grid{gap:10px!important}
  html body .story-integrated-item{min-height:116px!important}
  html body .story-integrated-item-copy strong{font-size:11.4px!important}
  html body .story-integrated-item-copy small{font-size:7.8px!important}
}


/* v71 — final polish focused only on header and middle showcase */
/* Header: bigger circle, smaller menu button, and enough bottom gap so it never falls onto hero. */
html body .floating-site-header.premium-home-header,
html body .floating-site-header.premium-sub-header{
  width:calc(100% - 14px)!important;
  height:54px!important;
  min-height:54px!important;
  margin:20px auto 38px!important;
  padding:5px 8px!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  border-radius:20px!important;
  align-items:center!important;
  overflow:visible!important;
}
html body .premium-header-logo{
  width:96px!important;
  height:96px!important;
  min-height:96px!important;
  max-width:96px!important;
  transform:translateY(-20px)!important;
  justify-self:center!important;
  align-self:start!important;
  z-index:10!important;
}
html body .premium-header-logo .header-badge-frame{width:82px!important;height:82px!important}
html body .premium-header-logo .header-brand-video-only .header-chroma-brand,
html body .premium-header-logo .header-brand-video-only .header-plain-video-stage{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important}
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
html body .premium-header-logo .header-brand-video-only .header-logo-video,
html body .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
html body .premium-header-logo .header-brand-video-only .header-logo-fallback{width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important}
html body .header-edge{display:flex!important;align-items:center!important;min-width:0!important}
html body .header-edge-right{justify-content:flex-end!important}
html body .header-edge-left{justify-content:flex-start!important}
html body .header-menu-button{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  padding:2px!important;
  gap:1px!important;
  border-radius:11px!important;
  justify-self:end!important;
}
html body .header-menu-button strong{font-size:6.6px!important;line-height:1!important}
html body .header-menu-glyph{width:20px!important}
html body .header-quick-action,
html body .header-back-action{width:32px!important;min-width:32px!important;height:32px!important;border-radius:10px!important}
html body .banner-wrap{margin-top:0!important}
@media(max-width:350px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{grid-template-columns:40px minmax(0,1fr) 40px!important;height:50px!important;min-height:50px!important;margin:18px auto 34px!important}
  html body .premium-header-logo{width:88px!important;height:88px!important;min-height:88px!important;max-width:88px!important;transform:translateY(-18px)!important}
  html body .premium-header-logo .header-badge-frame{width:74px!important;height:74px!important}
  html body .header-menu-button{width:34px!important;min-width:34px!important;height:34px!important}
}
@media(min-width:700px){
  html body .floating-site-header.premium-home-header,
  html body .floating-site-header.premium-sub-header{width:calc(100% - 30px)!important;height:58px!important;min-height:58px!important;margin:24px auto 40px!important;padding-inline:10px!important;grid-template-columns:52px minmax(0,1fr) 52px!important;border-radius:22px!important}
  html body .premium-header-logo{width:108px!important;height:108px!important;min-height:108px!important;max-width:108px!important;transform:translateY(-22px)!important}
  html body .premium-header-logo .header-badge-frame{width:92px!important;height:92px!important}
  html body .premium-header-logo .header-brand-video-only .header-chroma-brand,
  html body .premium-header-logo .header-brand-video-only .header-plain-video-stage{width:98px!important;height:98px!important;max-width:98px!important;max-height:98px!important}
  html body .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
  html body .premium-header-logo .header-brand-video-only .header-logo-video,
  html body .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
  html body .premium-header-logo .header-brand-video-only .header-logo-fallback{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important}
  html body .header-menu-button{width:38px!important;min-width:38px!important;height:38px!important}
}

/* Middle showcase: give neon/logo breathing room and make cards smaller + non-overlapping. */
html body .story-showcase.story-showcase-integrated{margin:14px 0 22px!important}
html body .story-showcase.story-showcase-integrated .showcase-section-head{padding-inline:12px!important;margin-bottom:10px!important}
html body .story-integrated-media{
  min-height:292px!important;
  padding:118px 8px 10px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
html body .story-integrated-brand{
  top:14px!important;
  width:min(132px,50vw)!important;
  gap:5px!important;
  z-index:4!important;
}
html body .story-integrated-brand .story-integrated-neon{height:30px!important}
html body .story-integrated-brand .story-integrated-neon>span{width:66%!important;height:24%!important;filter:blur(10px)!important}
html body .story-integrated-brand>small{font-size:7px!important;line-height:1.32!important}
html body .story-integrated-grid{
  position:relative!important;
  z-index:3!important;
  gap:8px!important;
  align-content:start!important;
}
html body .story-integrated-item{
  min-height:88px!important;
  border-radius:14px!important;
}
html body .story-integrated-item-copy{padding:8px!important;gap:2px!important}
html body .story-integrated-item-copy strong{font-size:9.6px!important;line-height:1.38!important}
html body .story-integrated-item-copy small{font-size:6.8px!important;line-height:1.48!important}
html body .story-integrated-item-copy b{font-size:6.6px!important;padding:4px 6px!important;border-radius:8px!important}
html body .story-integrated-item-art svg{width:38px!important;height:38px!important}
@media(min-width:700px){
  html body .story-showcase.story-showcase-integrated .showcase-section-head{padding-inline:22px!important}
  html body .story-integrated-media{min-height:246px!important;padding:78px 12px 12px!important}
  html body .story-integrated-brand{top:12px!important;width:154px!important}
  html body .story-integrated-brand .story-integrated-neon{height:34px!important}
  html body .story-integrated-brand>small{font-size:7.8px!important}
  html body .story-integrated-grid{gap:10px!important}
  html body .story-integrated-item{min-height:102px!important}
  html body .story-integrated-item-copy strong{font-size:10.6px!important}
  html body .story-integrated-item-copy small{font-size:7.2px!important}
}


/* ======================================================================
   v72 FINAL HEADER + MIDDLE SHOWCASE RESET
   This block intentionally wins over the legacy layered overrides above.
   ====================================================================== */

/* HEADER — thin bar, large circular logo, no hero overlap */
html body .site-shell > .floating-site-header.premium-home-header,
html body .site-shell > .floating-site-header.premium-sub-header{
  position:relative!important;
  top:auto!important;
  width:calc(100% - 14px)!important;
  height:44px!important;
  min-height:44px!important;
  margin:34px auto 54px!important;
  padding:4px 7px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  align-items:center!important;
  overflow:visible!important;
  border-radius:17px!important;
}
html body .site-shell > .floating-site-header .premium-header-logo{
  position:relative!important;
  width:112px!important;
  height:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  min-height:112px!important;
  max-height:112px!important;
  margin:0!important;
  transform:translateY(-34px)!important;
  align-self:start!important;
  justify-self:center!important;
  z-index:50!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
html body .site-shell > .floating-site-header .premium-header-logo .header-badge-frame{
  width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;
}
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-chroma-brand,
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-plain-video-stage{
  width:104px!important;height:104px!important;max-width:104px!important;max-height:104px!important;
}
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-logo-video,
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-logo-fallback{
  width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;object-fit:contain!important;
}
html body .site-shell > .floating-site-header .header-edge{
  min-width:0!important;height:100%!important;display:flex!important;align-items:center!important;
}
html body .site-shell > .floating-site-header .header-edge-right{justify-content:flex-end!important}
html body .site-shell > .floating-site-header .header-edge-left{justify-content:flex-start!important}
html body .site-shell > .floating-site-header .header-menu-button{
  width:30px!important;min-width:30px!important;max-width:30px!important;
  height:30px!important;min-height:30px!important;max-height:30px!important;
  padding:2px!important;margin:0!important;gap:0!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;
}
html body .site-shell > .floating-site-header .header-menu-button strong{display:none!important}
html body .site-shell > .floating-site-header .header-menu-glyph{width:19px!important;height:14px!important}
html body .site-shell > .floating-site-header .header-menu-glyph i{height:2px!important}
html body .site-shell > .floating-site-header .header-quick-action,
html body .site-shell > .floating-site-header .header-back-action{
  width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border-radius:10px!important;
}
html body .site-shell > .floating-site-header + .site-menu,
html body .site-shell > .floating-site-header + * + main{ }
html body .banner-wrap{margin-top:0!important;padding-top:0!important}

/* MIDDLE SHOWCASE — full-width background, brand in normal flow, small cards */
html body .story-showcase.story-showcase-integrated{
  width:100%!important;
  margin:16px 0 24px!important;
  padding:0!important;
  overflow:visible!important;
}
html body .story-showcase.story-showcase-integrated .showcase-section-head{
  margin:0 0 10px!important;
  padding:0 12px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-media{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:14px 10px 12px!important;
  border-radius:0!important;
  border-left:0!important;border-right:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  background:#132018!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-background{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:center var(--story-bg-position,center)!important;
  z-index:0!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-scrim{
  display:block!important;
  position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(180deg,rgba(8,14,11,.28),rgba(8,14,11,.56))!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand{
  position:relative!important;
  inset:auto!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;
  width:126px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  z-index:3!important;
  pointer-events:none!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon{
  display:grid!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:126px!important;height:32px!important;margin:0!important;
  place-items:center!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon img{
  width:100%!important;height:100%!important;object-fit:contain!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand>small{
  display:block!important;margin:0!important;font-size:7px!important;line-height:1.2!important;color:#fff!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-grid{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:3!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  gap:7px!important;
  padding:0!important;
  margin:0!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item{
  min-height:78px!important;
  height:78px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  overflow:hidden!important;
  background:rgba(9,15,12,.78)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.12)!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy{
  padding:7px!important;gap:1px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy strong{
  font-size:9.2px!important;line-height:1.25!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy small{
  font-size:6.3px!important;line-height:1.35!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy b{
  font-size:6.2px!important;line-height:1!important;padding:4px 5px!important;border-radius:7px!important;margin-top:2px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-art svg{
  width:34px!important;height:34px!important;
}

@media(min-width:700px){
  html body .site-shell > .floating-site-header.premium-home-header,
  html body .site-shell > .floating-site-header.premium-sub-header{
    height:48px!important;min-height:48px!important;margin:38px auto 62px!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
  }
  html body .site-shell > .floating-site-header .premium-header-logo{
    width:124px!important;height:124px!important;min-width:124px!important;max-width:124px!important;min-height:124px!important;max-height:124px!important;
    transform:translateY(-39px)!important;
  }
  html body .site-shell > .floating-site-header .premium-header-logo .header-badge-frame{width:106px!important;height:106px!important}
  html body .story-showcase.story-showcase-integrated .showcase-section-head{padding-inline:22px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-media{padding:16px 14px 14px!important;gap:14px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-brand{width:152px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon{width:152px!important;height:38px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-brand>small{font-size:8px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-item{height:92px!important;min-height:92px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-item-copy strong{font-size:10.4px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-item-copy small{font-size:7px!important}
}

/* ======================================================================
   v73 — focused final pass: header positioning + middle showcase redesign
   ====================================================================== */

/* HEADER
   The bar stays short. Logo is absolutely centered and intentionally larger
   than the bar. Menu/location controls are absolutely pinned inside the bar,
   so legacy grid/RTL rules cannot move them out of place. */
html body .site-shell > .floating-site-header.premium-home-header,
html body .site-shell > .floating-site-header.premium-sub-header{
  position:relative!important;
  top:auto!important;
  display:block!important;
  width:calc(100% - 14px)!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:38px auto 48px!important;
  padding:0!important;
  overflow:visible!important;
  border-radius:18px!important;
}
html body .site-shell > .floating-site-header .premium-header-logo{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:104px!important;
  height:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  min-height:104px!important;
  max-height:104px!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:20!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
html body .site-shell > .floating-site-header .premium-header-logo .header-badge-frame{
  width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;
}
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-chroma-brand,
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-plain-video-stage{
  width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;
}
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-logo-chroma-canvas,
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-logo-video,
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-logo-chroma-fallback,
html body .site-shell > .floating-site-header .premium-header-logo .header-brand-video-only .header-logo-fallback{
  width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;object-fit:contain!important;
}
html body .site-shell > .floating-site-header .header-edge{
  position:absolute!important;
  top:50%!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  z-index:30!important;
}
html body .site-shell > .floating-site-header .header-edge-right{
  right:8px!important;left:auto!important;justify-content:flex-end!important;
}
html body .site-shell > .floating-site-header .header-edge-left{
  left:8px!important;right:auto!important;justify-content:flex-start!important;
}
html body .site-shell > .floating-site-header .header-menu-button{
  position:relative!important;
  inset:auto!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  margin:0!important;
  padding:3px!important;
  gap:0!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}
html body .site-shell > .floating-site-header .header-menu-button strong{display:none!important}
html body .site-shell > .floating-site-header .header-menu-glyph{
  width:18px!important;height:13px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;
}
html body .site-shell > .floating-site-header .header-menu-glyph i{
  width:100%!important;height:2px!important;min-height:2px!important;margin:0!important;border-radius:99px!important;
}
html body .site-shell > .floating-site-header .header-quick-action,
html body .site-shell > .floating-site-header .header-back-action{
  position:relative!important;inset:auto!important;
  width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;
  margin:0!important;padding:0!important;border-radius:9px!important;transform:none!important;
}
html body .banner-wrap{margin-top:0!important;padding-top:0!important}

/* MIDDLE SHOWCASE
   Full-bleed background remains, but content gets more vertical breathing room.
   Brand/neon is in normal flow and cards are both narrower and shorter. */
html body .story-showcase.story-showcase-integrated{
  width:100%!important;
  margin:18px 0 28px!important;
  padding:0!important;
  overflow:visible!important;
}
html body .story-showcase.story-showcase-integrated .showcase-section-head{
  margin:0 0 12px!important;
  padding:0 12px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-media{
  position:relative!important;
  width:100%!important;
  min-height:350px!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:22px 10px 26px!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:22px!important;
  background:#142018!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-background{
  display:block!important;
  position:absolute!important;
  inset:-3%!important;
  width:106%!important;
  height:106%!important;
  object-fit:cover!important;
  object-position:center var(--story-bg-position,center)!important;
  z-index:0!important;
  opacity:.88!important;
  filter:blur(1.6px) brightness(.72) saturate(.86)!important;
  transform:scale(1.09)!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-scrim{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(8,14,11,.24) 0%,rgba(8,14,11,.38) 46%,rgba(8,14,11,.62) 100%)!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand{
  position:relative!important;
  inset:auto!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;
  width:164px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  z-index:3!important;
  pointer-events:none!important;
  flex:0 0 auto!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon{
  display:grid!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:164px!important;
  height:44px!important;
  margin:0!important;
  place-items:center!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon>span{
  display:block!important;
  width:70%!important;
  height:28%!important;
  filter:blur(12px)!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand>small{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:8px!important;
  line-height:1.35!important;
  font-weight:850!important;
  text-align:center!important;
  text-shadow:0 2px 10px rgba(0,0,0,.55)!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-grid{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:3!important;
  width:min(100%,388px)!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  gap:10px!important;
  padding:0!important;
  margin:0 auto!important;
  align-content:start!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item{
  width:100%!important;
  min-width:0!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  overflow:hidden!important;
  background:rgba(7,13,10,.76)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.13)!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item>img{
  opacity:.34!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-shade{
  background:linear-gradient(180deg,rgba(5,10,7,.10),rgba(5,10,7,.84))!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy{
  padding:7px 8px!important;
  gap:1px!important;
  align-content:end!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy strong{
  font-size:9.2px!important;
  line-height:1.25!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy small{
  font-size:6.2px!important;
  line-height:1.28!important;
  -webkit-line-clamp:1!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy b{
  font-size:6.2px!important;
  line-height:1!important;
  padding:4px 5px!important;
  border-radius:7px!important;
  margin-top:2px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-art svg{
  width:30px!important;
  height:30px!important;
}

@media(max-width:350px){
  html body .site-shell > .floating-site-header.premium-home-header,
  html body .site-shell > .floating-site-header.premium-sub-header{
    height:44px!important;min-height:44px!important;max-height:44px!important;margin:34px auto 44px!important;
  }
  html body .site-shell > .floating-site-header .premium-header-logo{
    width:96px!important;height:96px!important;min-width:96px!important;max-width:96px!important;min-height:96px!important;max-height:96px!important;
  }
  html body .site-shell > .floating-site-header .premium-header-logo .header-badge-frame{width:80px!important;height:80px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-media{min-height:330px!important;padding:20px 8px 24px!important;gap:20px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-grid{width:100%!important;gap:8px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-item{height:66px!important;min-height:66px!important;max-height:66px!important}
}

@media(min-width:700px){
  html body .site-shell > .floating-site-header.premium-home-header,
  html body .site-shell > .floating-site-header.premium-sub-header{
    height:50px!important;min-height:50px!important;max-height:50px!important;margin:42px auto 58px!important;
  }
  html body .site-shell > .floating-site-header .premium-header-logo{
    width:120px!important;height:120px!important;min-width:120px!important;max-width:120px!important;min-height:120px!important;max-height:120px!important;
  }
  html body .site-shell > .floating-site-header .premium-header-logo .header-badge-frame{width:102px!important;height:102px!important}
  html body .site-shell > .floating-site-header .header-menu-button{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important}

  html body .story-showcase.story-showcase-integrated .showcase-section-head{padding-inline:22px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-media{
    min-height:320px!important;
    padding:24px 22px 28px!important;
    gap:24px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand{width:190px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon{width:190px!important;height:50px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-brand>small{font-size:9px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-grid{
    width:min(100%,760px)!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-item{
    height:78px!important;min-height:78px!important;max-height:78px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-item-copy strong{font-size:10px!important}
  html body .story-showcase.story-showcase-integrated .story-integrated-item-copy small{font-size:6.8px!important}
}


/* v74 — middle showcase final sizing pass
   Keep the section background/brand intact, but make cards smaller in width too,
   and slightly taller so proportions feel balanced. */
html body .story-showcase.story-showcase-integrated .story-integrated-media{
  min-height:372px!important;
  padding:24px 12px 28px!important;
  gap:24px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand{
  width:172px!important;
  gap:5px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon{
  width:172px!important;
  height:46px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand>small{
  font-size:8.2px!important;
  line-height:1.38!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-grid{
  width:min(100%, 356px)!important;
  gap:12px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item{
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  border-radius:16px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy{
  padding:8px 8px!important;
  gap:2px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy strong{
  font-size:9.4px!important;
  line-height:1.28!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy small{
  font-size:6.3px!important;
  line-height:1.34!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy b{
  font-size:6.3px!important;
  padding:4px 6px!important;
}
@media(max-width:350px){
  html body .story-showcase.story-showcase-integrated .story-integrated-media{
    min-height:354px!important;
    padding:22px 10px 24px!important;
    gap:22px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand{
    width:154px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon{
    width:154px!important;
    height:40px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-grid{
    width:min(100%, 324px)!important;
    gap:10px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-item{
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
  }
}
@media(min-width:700px){
  html body .story-showcase.story-showcase-integrated .story-integrated-media{
    min-height:344px!important;
    padding:26px 24px 30px!important;
    gap:26px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand{
    width:198px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon{
    width:198px!important;
    height:52px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand>small{
    font-size:9.2px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-grid{
    width:min(100%, 680px)!important;
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    gap:14px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-item{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-item-copy strong{
    font-size:10.4px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-item-copy small{
    font-size:7px!important;
  }
}


/* v75 — middle showcase layout correction
   Cards get smaller horizontally, a touch taller vertically, and the whole composition
   gains more breathing room so the layout feels centered and deliberate. */
html body .story-showcase.story-showcase-integrated{
  margin:20px 0 30px!important;
}
html body .story-showcase.story-showcase-integrated .showcase-section-head{
  margin-bottom:14px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-media{
  min-height:404px!important;
  padding:26px 14px 32px!important;
  gap:28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand{
  width:168px!important;
  margin:4px auto 0!important;
  gap:6px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon{
  width:168px!important;
  height:48px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-brand>small{
  font-size:8.3px!important;
  line-height:1.4!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-grid{
  width:min(100%, 332px)!important;
  max-width:332px!important;
  margin:0 auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  justify-content:center!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item{
  width:100%!important;
  height:90px!important;
  min-height:90px!important;
  max-height:90px!important;
  border-radius:16px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy{
  padding:9px 9px!important;
  gap:2px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy strong{
  font-size:9.6px!important;
  line-height:1.28!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy small{
  font-size:6.5px!important;
  line-height:1.36!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-copy b{
  font-size:6.4px!important;
  padding:4px 6px!important;
  margin-top:3px!important;
}
html body .story-showcase.story-showcase-integrated .story-integrated-item-art svg{
  width:34px!important;
  height:34px!important;
}
@media(max-width:350px){
  html body .story-showcase.story-showcase-integrated .story-integrated-media{
    min-height:386px!important;
    padding:24px 10px 28px!important;
    gap:24px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand{
    width:154px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon{
    width:154px!important;
    height:42px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-grid{
    width:min(100%, 310px)!important;
    max-width:310px!important;
    gap:10px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-item{
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
  }
}
@media(min-width:700px){
  html body .story-showcase.story-showcase-integrated .story-integrated-media{
    min-height:356px!important;
    padding:28px 22px 34px!important;
    gap:30px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand{
    width:188px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand .story-integrated-neon{
    width:188px!important;
    height:52px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-brand>small{
    font-size:9.2px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-grid{
    width:min(100%, 648px)!important;
    max-width:648px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-item{
    height:98px!important;
    min-height:98px!important;
    max-height:98px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-item-copy strong{
    font-size:10.6px!important;
  }
  html body .story-showcase.story-showcase-integrated .story-integrated-item-copy small{
    font-size:7.1px!important;
  }
}


/* v90 FINAL BALANCED — home category card typography. Kept in main stylesheet on purpose. */
@media (max-width:699px){
  html body.home-page .home-category-section .category-card .v82-category-content{
    min-height:96px!important;
    padding:35px 7px 9px!important;
    gap:4px!important;
    align-items:flex-end!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-meta{
    min-width:0!important;
    flex:1 1 auto!important;
    padding-inline-end:1px!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-meta h3{
    margin:0!important;
    font-size:14.4px!important;
    line-height:1.22!important;
    font-weight:950!important;
    letter-spacing:-.12px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    text-wrap:balance!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-meta>span{
    margin-top:5px!important;
    font-size:9.5px!important;
    line-height:1.22!important;
    font-weight:850!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-eye{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    flex:0 0 30px!important;
    margin-bottom:1px!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-eye svg{
    width:15px!important;
    height:15px!important;
  }
}
@media (max-width:350px){
  html body.home-page .home-category-section .category-card .v82-category-content{
    min-height:92px!important;
    padding:33px 6px 8px!important;
    gap:3px!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-meta h3{
    font-size:13.3px!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-meta>span{
    font-size:8.9px!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-eye{
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex-basis:28px!important;
  }
}

/* bundled from v77-ui.css */
/* Dolmeh v77 — isolated final UI layer for header, showcase and image CTA. */

/* Header */
.v77-header{
  direction:ltr;position:relative;z-index:60;width:calc(100% - 24px);height:54px;margin:34px auto 48px;padding:5px 8px;
  display:grid;grid-template-areas:"action brand menu";grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface) 92%,transparent);
  box-shadow:0 12px 30px rgba(20,30,24,.055);-webkit-backdrop-filter:blur(16px) saturate(1.05);backdrop-filter:blur(16px) saturate(1.05);overflow:visible;isolation:isolate;
}
.v77-header-side{height:100%;display:flex;align-items:center;min-width:0;position:relative;z-index:3}.v77-header-side-menu{grid-area:menu;justify-content:flex-end}.v77-header-side-action{grid-area:action;justify-content:flex-start}
.v77-nav-button{width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:13px;display:grid;place-items:center;color:var(--text);background:color-mix(in srgb,var(--surface-2) 72%,transparent);box-shadow:0 6px 16px rgba(20,30,24,.035);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background .2s ease,color .2s ease,border-color .2s ease}
.v77-nav-button:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--surface-2));color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 18%,var(--border))}.v77-nav-button:active{transform:scale(.93)}
.v77-menu-icon{width:23px;height:15px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.v77-menu-icon i{display:block;height:2px;border-radius:99px;background:var(--color-primary);transition:width .24s ease}.v77-menu-icon i:nth-child(1){width:23px}.v77-menu-icon i:nth-child(2){width:16px}.v77-menu-icon i:nth-child(3){width:10px}.v77-menu-button:hover .v77-menu-icon i:nth-child(2){width:20px}.v77-menu-button:hover .v77-menu-icon i:nth-child(3){width:14px}
.v77-header-action svg,.v77-back-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v77-brand{grid-area:brand;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;z-index:5;display:grid;place-items:center;text-decoration:none}
.v77-brand-disc{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 34% 22%,#fff 0%,#f8fbf9 42%,color-mix(in srgb,var(--color-secondary) 8%,#eef4f0) 100%);border:1px solid color-mix(in srgb,var(--color-secondary) 25%,var(--border));box-shadow:0 15px 30px rgba(20,35,27,.15),inset 0 0 0 4px rgba(255,255,255,.46);animation:v77BrandBreathe 5.2s ease-in-out infinite}
html[data-theme="dark"] .v77-brand-disc{background:radial-gradient(circle at 34% 22%,#364a40,#23342b 58%,#17231d);box-shadow:0 15px 30px rgba(0,0,0,.25),inset 0 0 0 4px rgba(255,255,255,.035)}
.v77-brand-disc .header-brand-logo-only,.v77-brand-disc .header-brand-video-only{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:50%!important;background:transparent!important}.v77-brand-disc .header-badge-frame,.v77-brand-disc .header-logo-static{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 4px 6px rgba(0,0,0,.12))}.v77-brand-disc .header-chroma-brand,.v77-brand-disc .header-plain-video-stage{position:relative!important;width:102px!important;height:102px!important;max-width:102px!important;max-height:102px!important;display:grid!important;place-items:center!important;border-radius:50%!important;overflow:hidden!important;background:transparent!important}.v77-brand-disc .header-logo-chroma-canvas,.v77-brand-disc .header-logo-video,.v77-brand-disc .header-logo-chroma-fallback,.v77-brand-disc .header-logo-fallback{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important;object-fit:contain!important;object-position:center!important;border-radius:50%!important}.v77-brand-disc .header-logo-chroma-source{position:absolute!important;width:1px!important;height:1px!important;opacity:.001!important;pointer-events:none!important}
@keyframes v77BrandBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.012)}}

/* Showcase — Khatun-inspired composition: large brand, four visual tiles, gold icon rings. */
.v77-showcase{margin:20px 0 32px;width:100%;overflow:visible}.v77-showcase-heading{padding-inline:12px;margin-bottom:14px}.v77-showcase-stage{position:relative;isolation:isolate;width:100%;min-height:472px;padding:28px 14px 30px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;background:linear-gradient(145deg,#1a2b22,#101813);border-block:1px solid color-mix(in srgb,var(--border) 78%,transparent)}
.v77-showcase-background{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center var(--v77-bg-position,center);z-index:-3;filter:saturate(.9) contrast(1.03) brightness(.65);transform:scale(1.035);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.v77-showcase-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(6,11,8,.18) 0%,rgba(6,11,8,.34) 38%,rgba(6,11,8,.58) 100%)}.v77-showcase-stage.no-background::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 50% 3%,rgba(198,40,40,.13),transparent 32%),linear-gradient(145deg,#1a2b22,#101813)}
.v77-showcase-brand{position:relative;width:230px;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;text-align:center;z-index:2}.v77-showcase-brand>img{width:230px;height:68px;object-fit:contain;position:relative;z-index:2;filter:brightness(1.12) saturate(1.16) drop-shadow(0 0 5px rgba(255,55,55,.65)) drop-shadow(0 0 15px rgba(198,40,40,.28));animation:v77Neon 3.6s ease-in-out infinite}.v77-neon-halo{position:absolute;top:23px;width:150px;height:18px;border-radius:999px;background:rgba(226,30,38,.24);filter:blur(15px);z-index:1;animation:v77Halo 3.6s ease-in-out infinite}.v77-showcase-brand small{color:rgba(255,255,255,.94);font-size:9.2px;line-height:1.45;font-weight:850;text-shadow:0 2px 10px rgba(0,0,0,.55)}
@keyframes v77Neon{0%,100%{opacity:.94;filter:brightness(1.04) saturate(1.08) drop-shadow(0 0 4px rgba(255,55,55,.46))}50%{opacity:1;filter:brightness(1.24) saturate(1.2) drop-shadow(0 0 7px rgba(255,70,70,.82)) drop-shadow(0 0 18px rgba(198,40,40,.35))}}@keyframes v77Halo{0%,100%{opacity:.34;transform:scale(.92)}50%{opacity:.86;transform:scale(1.08)}}
.v77-showcase-grid{width:min(362px,calc(100% - 10px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;z-index:2}.v77-showcase-card{position:relative;min-width:0;height:128px;overflow:hidden;border-radius:18px;border:1px solid rgba(226,196,90,.28);background:rgba(8,14,11,.76);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.17);display:flex;align-items:flex-end;text-decoration:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}.v77-showcase-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--v77-card-pos,center);opacity:.48;transform:scale(1.045);filter:saturate(.92) brightness(.82);transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.v77-showcase-card-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,7,.12),rgba(5,9,7,.28) 42%,rgba(5,9,7,.88));z-index:1}.v77-showcase-card-icon{position:absolute;top:11px;right:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;z-index:2;color:#e4c55d;border:1px solid rgba(228,197,93,.88);background:rgba(12,19,15,.58);box-shadow:0 0 0 3px rgba(228,197,93,.08),0 7px 14px rgba(0,0,0,.14)}.v77-showcase-card-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.v77-showcase-card-copy{position:relative;z-index:2;width:100%;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title view" "sub view";gap:2px 8px;text-align:right;align-items:end}.v77-showcase-card-copy strong{grid-area:title;font-size:11px;line-height:1.42;color:#fff;font-weight:900}.v77-showcase-card-copy small{grid-area:sub;font-size:7.2px;line-height:1.45;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v77-showcase-card-copy b{grid-area:view;align-self:end;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.92);color:#8f701e;font-size:6.8px;line-height:1;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.08)}.v77-showcase-card-copy b svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}.v77-showcase-card-copy b span{white-space:nowrap}
@media(hover:hover){.v77-showcase-card:hover{transform:translateY(-4px);border-color:rgba(228,197,93,.58);box-shadow:0 17px 34px rgba(0,0,0,.22)}.v77-showcase-card:hover .v77-showcase-card-image{transform:scale(1.085);opacity:.58}.v77-showcase-stage:hover .v77-showcase-background{transform:scale(1.055)}}

/* image-over-text card CTA: compact, theme-aware, eye instead of arrow */
html body .home-about-card.v77-about-card.has-media .content-cta.v77-about-cta{display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;align-self:flex-start!important;min-height:34px!important;margin-top:12px!important;padding:7px 10px!important;border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--surface) 84%,transparent)!important;color:var(--text)!important;box-shadow:0 7px 18px rgba(0,0,0,.10)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;font-size:8.3px!important;font-weight:900!important}.v77-about-cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.v77-about-cta span{white-space:nowrap}

/* reveal */
[data-v77-reveal]{opacity:0;transform:translateY(10px);transition:opacity .48s ease var(--v77-delay,0ms),transform .56s cubic-bezier(.2,.8,.2,1) var(--v77-delay,0ms)}[data-v77-reveal].is-v77-visible{opacity:1;transform:none}.v77-showcase-card[data-v77-reveal]{--v77-delay:calc(var(--v77-order,0) * 60ms)}

@media(max-width:350px){.v77-header{width:calc(100% - 16px);height:52px;margin:32px auto 44px;grid-template-columns:44px minmax(0,1fr) 44px}.v77-brand,.v77-brand-disc{width:102px;height:102px}.v77-brand-disc .header-badge-frame,.v77-brand-disc .header-logo-static{width:84px!important;height:84px!important}.v77-brand-disc .header-chroma-brand,.v77-brand-disc .header-plain-video-stage{width:94px!important;height:94px!important}.v77-brand-disc .header-logo-chroma-canvas,.v77-brand-disc .header-logo-video,.v77-brand-disc .header-logo-chroma-fallback,.v77-brand-disc .header-logo-fallback{width:84px!important;height:84px!important}.v77-showcase-stage{min-height:448px;padding:24px 10px 27px;gap:22px}.v77-showcase-brand{width:206px}.v77-showcase-brand>img{width:206px;height:60px}.v77-showcase-grid{width:min(330px,calc(100% - 6px));gap:10px}.v77-showcase-card{height:122px}.v77-showcase-card-copy strong{font-size:10.4px}.v77-showcase-card-copy b{padding:5px 6px}}
@media(min-width:700px){.v77-header{width:calc(100% - 44px);height:60px;margin:40px auto 52px;padding-inline:12px;grid-template-columns:56px minmax(0,1fr) 56px;border-radius:22px}.v77-brand,.v77-brand-disc{width:122px;height:122px}.v77-brand-disc .header-badge-frame,.v77-brand-disc .header-logo-static{width:104px!important;height:104px!important}.v77-brand-disc .header-chroma-brand,.v77-brand-disc .header-plain-video-stage{width:112px!important;height:112px!important}.v77-brand-disc .header-logo-chroma-canvas,.v77-brand-disc .header-logo-video,.v77-brand-disc .header-logo-chroma-fallback,.v77-brand-disc .header-logo-fallback{width:104px!important;height:104px!important}.v77-showcase{margin:26px 22px 36px}.v77-showcase-heading{padding-inline:0}.v77-showcase-stage{min-height:420px;padding:32px 26px 34px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:26px;gap:30px}.v77-showcase-brand{width:260px;min-height:96px}.v77-showcase-brand>img{width:260px;height:76px}.v77-showcase-brand small{font-size:10px}.v77-showcase-grid{width:min(760px,100%);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v77-showcase-card{height:148px}.v77-showcase-card-copy strong{font-size:12px}.v77-showcase-card-copy small{font-size:7.8px}.v77-showcase-card-icon{width:40px;height:40px}.v77-showcase-card-icon svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.v77-brand-disc,.v77-showcase-brand>img,.v77-neon-halo{animation:none!important}[data-v77-reveal]{opacity:1!important;transform:none!important;transition:none!important}.v77-showcase-background,.v77-showcase-card,.v77-showcase-card-image,.v77-menu-icon i{transition:none!important}}

/* bundled from v78-ui.css */
/* Dolmeh v78 — regression fixes only. Loaded after v77-ui.css. */

/* 1) Showcase must never disappear when JS/cache/IntersectionObserver misbehaves. */
.v77-showcase-brand[data-v77-reveal],
.v77-showcase-card[data-v77-reveal]{
  opacity:1!important;
  transform:none!important;
}
.v77-showcase-brand[data-v77-reveal]{animation:v78BrandEnter .52s cubic-bezier(.2,.8,.2,1) both}
.v77-showcase-card[data-v77-reveal]{animation:v78CardEnter .48s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--v77-order,0) * 55ms)}
@keyframes v78BrandEnter{from{opacity:.01;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes v78CardEnter{from{opacity:.01;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Keep the showcase composition readable even before images finish loading. */
.v77-showcase-stage{min-height:468px!important}
.v77-showcase-grid{position:relative!important;z-index:3!important}
.v77-showcase-card{visibility:visible!important;opacity:1!important}
.v77-showcase-brand{visibility:visible!important;opacity:1!important}

/* 2) Eye widget for the normal home category grid. */
.home-category-section .category-content b.v78-category-view{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:5px 7px!important;
  min-height:26px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--border) 76%,transparent)!important;
  color:var(--color-primary)!important;
  box-shadow:0 4px 12px rgba(20,30,24,.06)!important;
  direction:rtl!important;
}
.home-category-section .category-content b.v78-category-view svg{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.home-category-section .category-content b.v78-category-view span{font-size:7.4px!important;line-height:1!important;white-space:nowrap!important}
html[data-theme="dark"] .home-category-section .category-content b.v78-category-view{background:rgba(238,244,240,.94)!important;color:#a51f26!important;border-color:rgba(255,255,255,.28)!important}

/* 3) Header video: exact flex centering and no inherited offsets. */
.v77-brand-disc .header-brand-video-only,
.v77-brand-disc .header-chroma-brand,
.v77-brand-disc .header-plain-video-stage{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  inset:auto!important;
  transform:none!important;
}
.v77-brand-disc .header-logo-chroma-canvas,
.v77-brand-disc .header-logo-video,
.v77-brand-disc .header-logo-chroma-fallback,
.v77-brand-disc .header-logo-fallback{
  display:block!important;
  margin:auto!important;
  object-position:50% 50%!important;
  transform:none!important;
}

@media(max-width:350px){
  .v77-showcase-stage{min-height:442px!important}
  .home-category-section .category-content b.v78-category-view{padding:4px 6px!important;min-height:24px!important}
  .home-category-section .category-content b.v78-category-view svg{width:12px!important;height:12px!important;flex-basis:12px!important}
  .home-category-section .category-content b.v78-category-view span{font-size:6.8px!important}
}
@media(min-width:700px){
  .v77-showcase-stage{min-height:416px!important}
  .home-category-section .category-content b.v78-category-view{padding:6px 8px!important;min-height:28px!important}
  .home-category-section .category-content b.v78-category-view svg{width:14px!important;height:14px!important;flex-basis:14px!important}
  .home-category-section .category-content b.v78-category-view span{font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){
  .v77-showcase-brand[data-v77-reveal],.v77-showcase-card[data-v77-reveal]{animation:none!important}
}

/* bundled from v79-ui.css */
/* Dolmeh v79 — final micro-polish for header video centering, red eye CTAs, and larger neon brand. */

/* 1) Header green-screen animation: crop is corrected in app.js; keep rendered media mathematically centered. */
.v77-brand-disc .header-brand-video-only,
.v77-brand-disc .header-chroma-brand,
.v77-brand-disc .header-plain-video-stage{
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
}
.v77-brand-disc .header-logo-chroma-canvas,
.v77-brand-disc .header-logo-video{
  margin:0 auto!important;
  transform:none!important;
  transform-origin:50% 50%!important;
  object-position:50% 50%!important;
}

/* 2) Eye CTAs: Dolmeh red surface + white label/icon in both category and showcase cards. */
.home-category-section .category-content b.v78-category-view{
  background:var(--color-primary)!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--color-primary) 86%,#fff)!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--color-primary) 22%,transparent)!important;
}
.home-category-section .category-content b.v78-category-view span{color:#fff!important;font-weight:900!important}
.home-category-section .category-content b.v78-category-view svg{stroke:#fff!important}
html[data-theme="dark"] .home-category-section .category-content b.v78-category-view{
  background:var(--color-primary)!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--color-primary) 78%,#fff)!important;
}
.v77-showcase-card-copy b{
  background:var(--color-primary)!important;
  color:#fff!important;
  border:1px solid color-mix(in srgb,var(--color-primary) 82%,#fff)!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--color-primary) 24%,transparent)!important;
}
.v77-showcase-card-copy b svg{stroke:#fff!important}
.v77-showcase-card-copy b span{color:#fff!important}

/* 3) Middle-section Dolmeh PNG: intentionally much larger, with a clean breathing neon animation. */
.v77-showcase-stage{
  min-height:526px!important;
  gap:22px!important;
  padding-top:24px!important;
}
.v77-showcase-brand{
  width:min(318px,86vw)!important;
  min-height:124px!important;
  gap:3px!important;
}
.v77-showcase-brand>img{
  width:min(318px,86vw)!important;
  height:104px!important;
  object-fit:contain!important;
  transform-origin:50% 50%!important;
  animation:v79DolmehNeon 3.15s ease-in-out infinite!important;
  will-change:transform,filter,opacity!important;
}
.v77-neon-halo{
  top:42px!important;
  width:min(220px,60vw)!important;
  height:25px!important;
  filter:blur(18px)!important;
  animation:v79DolmehHalo 3.15s ease-in-out infinite!important;
}
.v77-showcase-brand small{
  margin-top:-7px!important;
  font-size:9.6px!important;
  line-height:1.45!important;
  font-weight:900!important;
}
@keyframes v79DolmehNeon{
  0%,100%{transform:translateY(0) scale(.985);opacity:.93;filter:brightness(1.03) saturate(1.08) drop-shadow(0 0 4px rgba(255,55,55,.44)) drop-shadow(0 0 10px rgba(198,40,40,.20))}
  50%{transform:translateY(-2px) scale(1.035);opacity:1;filter:brightness(1.32) saturate(1.24) drop-shadow(0 0 8px rgba(255,72,72,.9)) drop-shadow(0 0 22px rgba(198,40,40,.46))}
}
@keyframes v79DolmehHalo{
  0%,100%{opacity:.28;transform:scale(.88)}
  50%{opacity:.92;transform:scale(1.12)}
}

@media(max-width:350px){
  .v77-showcase-stage{min-height:500px!important;gap:20px!important}
  .v77-showcase-brand{width:min(278px,84vw)!important;min-height:110px!important}
  .v77-showcase-brand>img{width:min(278px,84vw)!important;height:91px!important}
  .v77-neon-halo{top:37px!important;width:min(190px,58vw)!important;height:22px!important}
  .v77-showcase-brand small{font-size:8.8px!important}
}
@media(min-width:700px){
  .v77-showcase-stage{min-height:490px!important;gap:26px!important;padding-top:28px!important}
  .v77-showcase-brand{width:370px!important;min-height:140px!important}
  .v77-showcase-brand>img{width:370px!important;height:120px!important}
  .v77-neon-halo{top:49px!important;width:250px!important;height:28px!important}
  .v77-showcase-brand small{font-size:10.6px!important;margin-top:-9px!important}
}
@media(prefers-reduced-motion:reduce){
  .v77-showcase-brand>img,.v77-neon-halo{animation:none!important;transform:none!important}
}

/* bundled from v80-ui.css */

/* Dolmeh v80 — final polish: rounded showcase, manual widget support, smaller header video, glass hero, repaired club page. */

/* Header video: keep the character centered and safely inside the circular disc. */
.v77-brand-disc .header-brand-video-only,
.v77-brand-disc .header-chroma-brand,
.v77-brand-disc .header-plain-video-stage{display:grid!important;place-items:center!important;overflow:hidden!important}
.v77-brand-disc .header-brand-video-only .header-chroma-brand,
.v77-brand-disc .header-brand-video-only .header-plain-video-stage{
  width:94px!important;height:94px!important;max-width:94px!important;max-height:94px!important;
}
.v77-brand-disc .header-brand-video-only .header-logo-chroma-canvas,
.v77-brand-disc .header-brand-video-only .header-logo-video,
.v77-brand-disc .header-brand-video-only .header-logo-chroma-fallback,
.v77-brand-disc .header-brand-video-only .header-logo-fallback{
  width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important;
  object-fit:contain!important;object-position:50% 50%!important;margin:auto!important;transform:none!important;
}
@media(max-width:350px){
  .v77-brand-disc .header-brand-video-only .header-chroma-brand,.v77-brand-disc .header-brand-video-only .header-plain-video-stage{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important}
  .v77-brand-disc .header-brand-video-only .header-logo-chroma-canvas,.v77-brand-disc .header-brand-video-only .header-logo-video,.v77-brand-disc .header-brand-video-only .header-logo-chroma-fallback,.v77-brand-disc .header-brand-video-only .header-logo-fallback{width:74px!important;height:74px!important;max-width:74px!important;max-height:74px!important}
}
@media(min-width:700px){
  .v77-brand-disc .header-brand-video-only .header-chroma-brand,.v77-brand-disc .header-brand-video-only .header-plain-video-stage{width:104px!important;height:104px!important;max-width:104px!important;max-height:104px!important}
  .v77-brand-disc .header-brand-video-only .header-logo-chroma-canvas,.v77-brand-disc .header-brand-video-only .header-logo-video,.v77-brand-disc .header-brand-video-only .header-logo-chroma-fallback,.v77-brand-disc .header-brand-video-only .header-logo-fallback{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important}
}

/* Showcase: rounded edges, balanced empty space and more separation between the four items. */
.v77-showcase{margin:20px 10px 34px!important;width:auto!important}
.v77-showcase-heading{padding-inline:2px!important}
.v77-showcase-stage{
  min-height:0!important;height:auto!important;
  padding:28px 14px 30px!important;gap:24px!important;
  border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
  border-radius:28px!important;overflow:hidden!important;
  box-shadow:0 18px 40px rgba(16,25,20,.10)!important;
}
.v77-showcase-brand{width:min(286px,82vw)!important;min-height:108px!important;gap:4px!important}
.v77-showcase-brand>img{width:min(286px,82vw)!important;height:92px!important}
.v77-neon-halo{top:36px!important;width:min(205px,58vw)!important;height:24px!important}
.v77-showcase-brand small{margin-top:-5px!important;font-size:9.5px!important}
.v77-showcase-grid{
  width:min(372px,100%)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.v77-showcase-card{height:132px!important;border-radius:20px!important}
.v77-showcase-card-icon{top:12px!important;right:13px!important}
.v77-showcase-card-copy{padding:11px!important}
@media(max-width:350px){
  .v77-showcase{margin-inline:8px!important}
  .v77-showcase-stage{padding:24px 10px 26px!important;gap:20px!important;border-radius:24px!important}
  .v77-showcase-brand{width:min(254px,80vw)!important;min-height:98px!important}
  .v77-showcase-brand>img{width:min(254px,80vw)!important;height:82px!important}
  .v77-showcase-grid{gap:11px!important}
  .v77-showcase-card{height:124px!important}
}
@media(min-width:700px){
  .v77-showcase{margin:28px 22px 38px!important}
  .v77-showcase-stage{padding:32px 28px 34px!important;gap:30px!important;border-radius:30px!important}
  .v77-showcase-brand{width:340px!important;min-height:126px!important}
  .v77-showcase-brand>img{width:340px!important;height:108px!important}
  .v77-neon-halo{top:43px!important;width:235px!important;height:27px!important}
  .v77-showcase-grid{width:min(800px,100%)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
  .v77-showcase-card{height:154px!important}
}

/* Hero: animated glass pane passes over the artwork without intercepting clicks. */
.hero-banner{position:relative!important;isolation:isolate!important}
.v80-hero-glass{
  position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none;border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.025),rgba(255,255,255,.01));
}
.v80-hero-glass::before{
  content:"";position:absolute;top:-28%;bottom:-28%;left:-42%;width:30%;
  transform:skewX(-16deg) translateX(-160%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13) 28%,rgba(255,255,255,.30) 50%,rgba(255,255,255,.10) 72%,transparent);
  filter:blur(5px);opacity:.82;animation:v80HeroGlassSweep 7.2s cubic-bezier(.4,0,.2,1) infinite;
}
.v80-hero-glass::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 22%,transparent 74%,rgba(255,255,255,.035));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
}
@keyframes v80HeroGlassSweep{0%,15%{transform:skewX(-16deg) translateX(-180%);opacity:0}25%{opacity:.9}48%{transform:skewX(-16deg) translateX(510%);opacity:.9}58%,100%{transform:skewX(-16deg) translateX(510%);opacity:0}}
.hero-nav,.hero-dots,.hero-mascot-corner{z-index:7!important}

/* Club page: latest header, resilient mobile layout, clear form. */
.club-page .club-shell{max-width:1040px!important;overflow:visible!important}
.club-page .v80-club-header{margin-bottom:54px!important}
.club-page .club-main{padding:0 12px 46px!important;display:grid!important;gap:18px!important}
.club-page .club-hero{
  min-height:420px!important;padding:30px 20px!important;border-radius:26px!important;
  background:radial-gradient(circle at 78% 18%,rgba(198,40,40,.24),transparent 30%),linear-gradient(145deg,#263a31,#17231e)!important;
  border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 20px 46px rgba(18,28,22,.13)!important;
}
.club-page .club-hero-copy{max-width:70%!important}
.club-page .club-hero h1{font-size:30px!important;line-height:1.45!important}
.club-page .club-hero p{font-size:10.5px!important;line-height:1.95!important}
.club-page .club-hero-brand{left:-18px!important;bottom:-10px!important;width:175px!important;height:200px!important}
.club-page .club-primary-cta{background:var(--color-primary)!important;color:#fff!important}
.club-page .club-secondary-cta{background:rgba(255,255,255,.08)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.club-page .club-how,.club-page .club-join-card{border-radius:24px!important;padding:20px 16px!important}
.club-page .club-steps{gap:11px!important}
.club-page .club-steps article{border-radius:16px!important;padding:16px 54px 16px 14px!important}
.club-page .club-page-form{gap:11px!important}
.club-page .club-page-form input{min-height:50px!important;border-radius:14px!important}
.club-page .club-page-form button{min-height:50px!important;border-radius:14px!important;background:var(--color-primary)!important}
.club-page .club-result-widget{margin:0!important;border-radius:24px!important}
@media(max-width:520px){
  .club-page .v80-club-header{margin-bottom:50px!important}
  .club-page .club-hero{min-height:490px!important;padding:26px 17px 190px!important;align-items:start!important}
  .club-page .club-hero-copy{max-width:100%!important}
  .club-page .club-hero h1{font-size:26px!important}
  .club-page .club-hero-brand{left:50%!important;transform:translateX(-50%)!important;bottom:-8px!important;width:188px!important;height:205px!important}
  .club-page .club-hero-actions{gap:7px!important}
  .club-page .club-primary-cta,.club-page .club-secondary-cta{flex:1 1 140px!important}
}
@media(min-width:700px){
  .club-page .club-main{padding:0 22px 58px!important;gap:24px!important}
  .club-page .club-hero{min-height:500px!important;padding:48px 42px!important}
  .club-page .club-hero-copy{max-width:66%!important}
  .club-page .club-hero h1{font-size:43px!important}
  .club-page .club-hero-brand{width:280px!important;height:310px!important;left:8px!important}
  .club-page .club-how,.club-page .club-join-card{padding:28px!important}
  .club-page .club-page-form{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end!important}
}

/* Admin widget icon preview. */
.feature-widget-preview{display:grid!important;place-items:center!important;color:var(--accent,#C62828)!important;width:42px!important;height:42px!important}
.feature-widget-preview svg{width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}

@media(prefers-reduced-motion:reduce){
  .v80-hero-glass::before{animation:none!important;display:none!important}
}

/* bundled from v81-ui.css */
/* Dolmeh v81 — final regression cleanup: showcase edges, header animation fit, category typography, club page. */

/* 1) Middle showcase: no side gutters, but keep the rounded silhouette. */
.v77-showcase{
  width:100%!important;
  margin:22px 0 36px!important;
  padding:0!important;
}
.v77-showcase-heading{
  padding-inline:12px!important;
  margin-bottom:14px!important;
}
.v77-showcase-stage{
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
  border-radius:30px!important;
  overflow:hidden!important;
  padding:30px 16px 32px!important;
  gap:25px!important;
  box-shadow:0 18px 42px rgba(16,25,20,.11)!important;
}
.v77-showcase-grid{
  width:min(380px,calc(100% - 10px))!important;
  gap:16px!important;
}
.v77-showcase-card{
  height:134px!important;
  border-radius:20px!important;
}
@media(max-width:350px){
  .v77-showcase-stage{border-radius:26px!important;padding:26px 10px 28px!important;gap:22px!important}
  .v77-showcase-grid{width:min(336px,calc(100% - 4px))!important;gap:12px!important}
  .v77-showcase-card{height:128px!important}
}
@media(min-width:700px){
  .v77-showcase{margin:28px 0 40px!important}
  .v77-showcase-heading{padding-inline:22px!important}
  .v77-showcase-stage{border-radius:32px!important;padding:34px 30px 38px!important;gap:30px!important}
  .v77-showcase-grid{width:min(820px,100%)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
  .v77-showcase-card{height:158px!important}
}

/* 2) Header animation: make the mascot slightly smaller inside the same large disc.
   JS now crops a wider portrait area, so waving hands stay inside instead of being clipped. */
.v77-brand-disc .header-brand-video-only .header-chroma-brand,
.v77-brand-disc .header-brand-video-only .header-plain-video-stage{
  width:98px!important;
  height:98px!important;
  max-width:98px!important;
  max-height:98px!important;
  overflow:hidden!important;
}
.v77-brand-disc .header-brand-video-only .header-logo-chroma-canvas,
.v77-brand-disc .header-brand-video-only .header-logo-video,
.v77-brand-disc .header-brand-video-only .header-logo-chroma-fallback,
.v77-brand-disc .header-brand-video-only .header-logo-fallback{
  width:84px!important;
  height:84px!important;
  max-width:84px!important;
  max-height:84px!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:350px){
  .v77-brand-disc .header-brand-video-only .header-chroma-brand,
  .v77-brand-disc .header-brand-video-only .header-plain-video-stage{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important}
  .v77-brand-disc .header-brand-video-only .header-logo-chroma-canvas,
  .v77-brand-disc .header-brand-video-only .header-logo-video,
  .v77-brand-disc .header-brand-video-only .header-logo-chroma-fallback,
  .v77-brand-disc .header-brand-video-only .header-logo-fallback{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important}
}
@media(min-width:700px){
  .v77-brand-disc .header-brand-video-only .header-chroma-brand,
  .v77-brand-disc .header-brand-video-only .header-plain-video-stage{width:110px!important;height:110px!important;max-width:110px!important;max-height:110px!important}
  .v77-brand-disc .header-brand-video-only .header-logo-chroma-canvas,
  .v77-brand-disc .header-brand-video-only .header-logo-video,
  .v77-brand-disc .header-brand-video-only .header-logo-chroma-fallback,
  .v77-brand-disc .header-brand-video-only .header-logo-fallback{width:94px!important;height:94px!important;max-width:94px!important;max-height:94px!important}
}

/* 3) Main category cards: readable names/counts without crowding the red eye CTA. */
.home-category-section .category-card{
  border-radius:18px!important;
}
.home-category-section .category-content{
  min-height:78px!important;
  padding:28px 8px 34px!important;
  border-top:0!important;
  display:block!important;
  background:linear-gradient(180deg,transparent 0%,rgba(9,15,12,.40) 28%,rgba(9,15,12,.90) 76%,rgba(9,15,12,.97) 100%)!important;
}
.home-category-section .category-content>div{
  min-width:0!important;
  padding-inline-start:0!important;
}
.home-category-section .category-content h3{
  margin:0!important;
  color:#fff!important;
  font-size:11.5px!important;
  line-height:1.38!important;
  font-weight:950!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  text-shadow:0 2px 8px rgba(0,0,0,.38)!important;
}
.home-category-section .category-content span{
  margin-top:3px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:8px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.home-category-section .category-content b.v78-category-view{
  left:7px!important;
  bottom:7px!important;
  min-height:27px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  border:1px solid color-mix(in srgb,var(--color-primary) 78%,#fff)!important;
  box-shadow:0 6px 14px rgba(125,17,22,.18)!important;
}
.home-category-section .category-content b.v78-category-view span{
  margin:0!important;
  color:#fff!important;
  font-size:7.4px!important;
  line-height:1!important;
  font-weight:900!important;
}
.home-category-section .category-content b.v78-category-view svg{
  width:13px!important;height:13px!important;stroke:#fff!important;flex:0 0 13px!important;
}
@media(max-width:350px){
  .home-category-section .category-content{min-height:74px!important;padding:25px 7px 32px!important}
  .home-category-section .category-content h3{font-size:10.6px!important}
  .home-category-section .category-content span{font-size:7.4px!important}
  .home-category-section .category-content b.v78-category-view{min-height:24px!important;padding:4px 6px!important}
  .home-category-section .category-content b.v78-category-view span{font-size:6.8px!important}
}
@media(min-width:700px){
  .home-category-section .category-content{min-height:88px!important;padding:32px 10px 39px!important}
  .home-category-section .category-content h3{font-size:12.6px!important}
  .home-category-section .category-content span{font-size:8.8px!important}
  .home-category-section .category-content b.v78-category-view{min-height:30px!important;padding:6px 9px!important}
  .home-category-section .category-content b.v78-category-view span{font-size:8px!important}
}

/* 4) Customer club page: isolated and always visible. */
body.club-page .site-shell.club-shell{min-height:100vh!important;overflow:visible!important}
body.club-page .v81-club-main{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  position:relative!important;
  z-index:1!important;
  gap:16px!important;
  padding:0 12px 48px!important;
}
body.club-page .v81-club-status,
body.club-page .v81-club-hero,
body.club-page .v81-club-benefits,
body.club-page .v81-club-join{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
body.club-page .v81-club-hero{
  position:relative!important;
  min-height:410px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:28px!important;
  padding:26px 18px 180px!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(198,40,40,.24),transparent 32%),
    radial-gradient(circle at 86% 92%,rgba(23,138,85,.22),transparent 38%),
    linear-gradient(145deg,#283d33,#15231c)!important;
  color:#fff!important;
  box-shadow:0 20px 46px rgba(18,28,22,.14)!important;
}
body.club-page .v81-club-copy{position:relative!important;z-index:2!important;max-width:100%!important}
body.club-page .v81-club-kicker{display:block!important;color:#9ddbb9!important;font-size:9px!important;font-weight:950!important}
body.club-page .v81-club-copy h1{margin:5px 0 0!important;color:#fff!important;font-size:27px!important;line-height:1.48!important}
body.club-page .v81-club-copy p{margin:10px 0 0!important;color:rgba(255,255,255,.78)!important;font-size:10.5px!important;line-height:1.95!important}
body.club-page .v81-club-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:17px!important}
body.club-page .v81-club-actions a{min-height:42px!important;padding:9px 13px!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important;font-weight:950!important}
body.club-page .v81-club-actions .is-primary{background:var(--color-primary)!important;color:#fff!important}
body.club-page .v81-club-actions .is-secondary{border:1px solid rgba(255,255,255,.17)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body.club-page .v81-club-mascot{position:absolute!important;z-index:1!important;left:50%!important;bottom:-12px!important;transform:translateX(-50%)!important;width:190px!important;height:205px!important;object-fit:contain!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))!important}
body.club-page .v81-club-benefits,
body.club-page .v81-club-join,
body.club-page .v81-club-status{
  border:1px solid var(--border)!important;
  border-radius:24px!important;
  background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  box-shadow:var(--shadow-soft)!important;
  padding:18px 15px!important;
}
body.club-page .v81-club-section-kicker{display:block!important;color:var(--color-secondary)!important;font-size:9px!important;font-weight:950!important}
body.club-page .v81-club-benefits h2,
body.club-page .v81-club-join h2,
body.club-page .v81-club-status h1{margin:3px 0 0!important;font-size:21px!important;line-height:1.45!important;color:var(--text)!important}
body.club-page .v81-club-benefits>p,
body.club-page .v81-club-join>div>p,
body.club-page .v81-club-status p{margin:6px 0 0!important;color:var(--muted)!important;font-size:9.5px!important;line-height:1.9!important}
body.club-page .v81-club-benefit-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:14px!important}
body.club-page .v81-club-benefit{position:relative!important;min-height:82px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--surface-2)!important;padding:13px 52px 13px 12px!important}
body.club-page .v81-club-benefit>b{position:absolute!important;right:12px!important;top:12px!important;width:30px!important;height:30px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--color-secondary) 10%,var(--surface))!important;color:var(--color-secondary)!important;font-size:11px!important}
body.club-page .v81-club-benefit h3{margin:0!important;font-size:11px!important;line-height:1.5!important}
body.club-page .v81-club-benefit p{margin:4px 0 0!important;color:var(--muted)!important;font-size:8.7px!important;line-height:1.75!important}
body.club-page .v81-club-form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:15px!important}
body.club-page .v81-club-form label{display:grid!important;gap:5px!important;color:var(--text)!important;font-size:9px!important;font-weight:850!important}
body.club-page .v81-club-form label small{color:var(--muted)!important;font-weight:500!important}
body.club-page .v81-club-form input{width:100%!important;min-height:49px!important;border:1px solid var(--border)!important;border-radius:13px!important;background:var(--surface-2)!important;color:var(--text)!important;padding:9px 11px!important;outline:0!important}
body.club-page .v81-club-form input:focus{border-color:color-mix(in srgb,var(--color-secondary) 45%,var(--border))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-secondary) 8%,transparent)!important}
body.club-page .v81-club-form button{min-height:49px!important;border:0!important;border-radius:13px!important;background:var(--color-primary)!important;color:#fff!important;font:inherit!important;font-size:9.5px!important;font-weight:950!important;cursor:pointer!important}
body.club-page .v81-club-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
body.club-page .v81-club-status{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
body.club-page .v81-club-status img{width:72px!important;height:72px!important;object-fit:contain!important}
body.club-page .v81-club-status.is-error .v81-club-section-kicker{color:var(--color-primary)!important}
body.club-page .v81-club-status a{display:inline-flex!important;margin-top:10px!important;padding:8px 11px!important;border-radius:11px!important;background:var(--color-primary)!important;color:#fff!important;font-size:8.5px!important;font-weight:900!important}
@media(min-width:700px){
  body.club-page .v81-club-main{gap:22px!important;padding:0 22px 60px!important}
  body.club-page .v81-club-hero{min-height:480px!important;padding:44px 42px!important}
  body.club-page .v81-club-copy{max-width:64%!important}
  body.club-page .v81-club-copy h1{font-size:40px!important}
  body.club-page .v81-club-copy p{font-size:11.5px!important}
  body.club-page .v81-club-mascot{left:14%!important;bottom:-10px!important;transform:none!important;width:270px!important;height:300px!important}
  body.club-page .v81-club-benefits,body.club-page .v81-club-join{padding:26px!important}
  body.club-page .v81-club-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  body.club-page .v81-club-form{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end!important}
}

/* bundled from v82-ui.css */
/* Dolmeh v82 - customer club width fix + category card final polish. */

/* Prevent any legacy wide element from creating an RTL horizontal canvas. */
html{max-width:100%;overflow-x:hidden}
body.club-page{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100vw!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  display:block!important;
}
body.club-page *{box-sizing:border-box}
body.club-page .ambient{max-width:100vw!important;overflow:hidden!important}
body.club-page .site-shell.club-shell{
  width:100%!important;
  max-width:1040px!important;
  min-width:0!important;
  min-height:100svh!important;
  margin:0 auto!important;
  padding:0!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  overflow:visible!important;
  border-inline:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
}
body.club-page .v77-header{
  max-width:calc(100% - 18px)!important;
  margin-inline:auto!important;
}
body.club-page .v81-club-main{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 12px 48px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  overflow:visible!important;
}
body.club-page .v81-club-main>*{width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:0!important}
body.club-page .v81-club-status,
body.club-page .v81-club-hero,
body.club-page .v81-club-benefits,
body.club-page .v81-club-join{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  box-sizing:border-box!important;
}
body.club-page .v81-club-hero{
  position:relative!important;
  min-height:430px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  padding:26px 18px 184px!important;
  background:
    radial-gradient(circle at 16% 11%,rgba(198,40,40,.23),transparent 33%),
    radial-gradient(circle at 88% 92%,rgba(23,138,85,.23),transparent 38%),
    linear-gradient(145deg,#283d33,#15231c)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(18,28,22,.13)!important;
}
body.club-page .v81-club-copy{position:relative!important;z-index:2!important;width:100%!important;max-width:100%!important;min-width:0!important}
body.club-page .v81-club-kicker{display:block!important;color:#a8dfc1!important;font-size:10px!important;font-weight:950!important}
body.club-page .v81-club-copy h1{margin:6px 0 0!important;color:#fff!important;font-size:27px!important;line-height:1.48!important;overflow-wrap:anywhere}
body.club-page .v81-club-copy p{margin:10px 0 0!important;color:rgba(255,255,255,.80)!important;font-size:10.5px!important;line-height:2!important;max-width:36rem!important}
body.club-page .v81-club-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:18px!important}
body.club-page .v81-club-actions a{min-height:42px!important;padding:9px 13px!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important;font-weight:950!important}
body.club-page .v81-club-actions .is-primary{background:var(--color-primary)!important;color:#fff!important}
body.club-page .v81-club-actions .is-secondary{border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
body.club-page .v81-club-mascot{position:absolute!important;left:50%!important;right:auto!important;bottom:-13px!important;transform:translateX(-50%)!important;width:190px!important;height:205px!important;object-fit:contain!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))!important}
body.club-page .v81-club-benefits,
body.club-page .v81-club-join,
body.club-page .v81-club-status{
  border:1px solid var(--border)!important;
  border-radius:22px!important;
  background:var(--surface)!important;
  box-shadow:var(--shadow-soft)!important;
  padding:18px 15px!important;
}
body.club-page .v81-club-section-kicker{display:block!important;color:var(--color-secondary)!important;font-size:9.5px!important;font-weight:950!important}
body.club-page .v81-club-benefits h2,
body.club-page .v81-club-join h2,
body.club-page .v81-club-status h1{margin:4px 0 0!important;font-size:22px!important;line-height:1.5!important;color:var(--text)!important}
body.club-page .v81-club-benefits>p,
body.club-page .v81-club-join>div>p,
body.club-page .v81-club-status p{margin:6px 0 0!important;color:var(--muted)!important;font-size:10px!important;line-height:1.9!important}
body.club-page .v81-club-benefit-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;margin-top:14px!important}
body.club-page .v81-club-benefit{position:relative!important;min-width:0!important;min-height:82px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--surface-2)!important;padding:13px 52px 13px 12px!important}
body.club-page .v81-club-benefit>b{position:absolute!important;right:12px!important;top:12px!important;width:30px!important;height:30px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--color-secondary) 10%,var(--surface))!important;color:var(--color-secondary)!important;font-size:11px!important}
body.club-page .v81-club-benefit h3{margin:0!important;font-size:11.5px!important;line-height:1.5!important}
body.club-page .v81-club-benefit p{margin:4px 0 0!important;color:var(--muted)!important;font-size:8.8px!important;line-height:1.75!important}
body.club-page .v81-club-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin-top:15px!important;width:100%!important;min-width:0!important}
body.club-page .v81-club-form label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;min-width:0!important;color:var(--text)!important;font-size:9.5px!important;font-weight:850!important}
body.club-page .v81-club-form input{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:49px!important;border:1px solid var(--border)!important;border-radius:13px!important;background:var(--surface-2)!important;color:var(--text)!important;padding:9px 11px!important;outline:0!important}
body.club-page .v81-club-form button{width:100%!important;min-height:49px!important;border:0!important;border-radius:13px!important;background:var(--color-primary)!important;color:#fff!important;font:inherit!important;font-size:10px!important;font-weight:950!important;cursor:pointer!important}
body.club-page .v81-club-hp{position:fixed!important;left:-200vw!important;top:-200vh!important;width:1px!important;height:1px!important;opacity:0!important}
body.club-page .v81-club-status{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
body.club-page .v81-club-status img{width:72px!important;height:72px!important;object-fit:contain!important}
body.club-page .v81-club-status a{display:inline-flex!important;margin-top:10px!important;padding:8px 11px!important;border-radius:11px!important;background:var(--color-primary)!important;color:#fff!important;font-size:8.5px!important;font-weight:900!important}
@media(min-width:700px){
  body.club-page .site-shell.club-shell{border-radius:28px!important;overflow:visible!important}
  body.club-page .v81-club-main{padding:0 22px 60px!important;gap:22px!important}
  body.club-page .v81-club-hero{min-height:480px!important;padding:44px 42px!important}
  body.club-page .v81-club-copy{max-width:64%!important}
  body.club-page .v81-club-copy h1{font-size:40px!important}
  body.club-page .v81-club-copy p{font-size:11.5px!important}
  body.club-page .v81-club-mascot{left:14%!important;bottom:-10px!important;transform:none!important;width:270px!important;height:300px!important}
  body.club-page .v81-club-benefits,body.club-page .v81-club-join{padding:26px!important}
  body.club-page .v81-club-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  body.club-page .v81-club-form{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end!important}
}

/* Home category cards: bottom metadata + eye-only red widget on the left. */
.home-category-section .category-card{border-radius:19px!important;overflow:hidden!important}
.home-category-section .v82-category-content{
  min-height:76px!important;
  padding:30px 7px 8px!important;
  border-top:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:6px!important;
  direction:rtl!important;
  background:linear-gradient(180deg,transparent 0%,rgba(8,14,11,.27) 21%,rgba(8,14,11,.88) 68%,rgba(8,14,11,.98) 100%)!important;
}
.home-category-section .v82-category-meta{
  flex:1 1 auto!important;
  min-width:0!important;
  align-self:flex-end!important;
  padding:0!important;
  text-align:right!important;
}
.home-category-section .v82-category-meta h3{
  margin:0!important;
  color:#fff!important;
  font-size:13.6px!important;
  line-height:1.3!important;
  font-weight:950!important;
  letter-spacing:-.15px!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  text-shadow:0 2px 8px rgba(0,0,0,.42)!important;
}
.home-category-section .v82-category-meta>span{
  display:block!important;
  margin:3px 0 0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:8.6px!important;
  line-height:1.2!important;
  font-weight:750!important;
}
.home-category-section .v82-category-eye{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--color-primary)!important;
  color:#fff!important;
  border:1px solid color-mix(in srgb,var(--color-primary) 78%,#fff)!important;
  box-shadow:0 6px 14px rgba(125,17,22,.20)!important;
  order:2!important;
}
.home-category-section .v82-category-eye svg{width:14px!important;height:14px!important;stroke:#fff!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media(max-width:350px){
  .home-category-section .v82-category-content{min-height:72px!important;padding:26px 6px 7px!important;gap:5px!important}
  .home-category-section .v82-category-meta h3{font-size:12.2px!important}
  .home-category-section .v82-category-meta>span{font-size:7.8px!important}
  .home-category-section .v82-category-eye{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;flex-basis:27px!important}
  .home-category-section .v82-category-eye svg{width:12.5px!important;height:12.5px!important}
}
@media(min-width:700px){
  .home-category-section .v82-category-content{min-height:88px!important;padding:34px 9px 10px!important;gap:8px!important}
  .home-category-section .v82-category-meta h3{font-size:14.6px!important}
  .home-category-section .v82-category-meta>span{font-size:9px!important}
  .home-category-section .v82-category-eye{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex-basis:32px!important}
}

/* bundled from v83-ui.css */

/* v83 final club/category polish */
.home-category-section .v82-category-meta h3{font-size:15.2px!important;line-height:1.32!important;font-weight:950!important;letter-spacing:-.22px!important}
.home-category-section .v82-category-meta>span{font-size:9.2px!important;line-height:1.25!important;margin-top:4px!important}
@media(max-width:350px){.home-category-section .v82-category-meta h3{font-size:13.8px!important}.home-category-section .v82-category-meta>span{font-size:8.4px!important}}
@media(min-width:700px){.home-category-section .v82-category-meta h3{font-size:16.2px!important}.home-category-section .v82-category-meta>span{font-size:9.6px!important}}
body.club-page .v83-duplicate-name-note{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--border));background:color-mix(in srgb,var(--color-primary) 7%,var(--surface));color:var(--text);font-size:9px;line-height:1.85;font-weight:800}
body.club-page .v83-name-warning{border-color:color-mix(in srgb,var(--color-primary) 22%,var(--border))!important}
body.club-page .v81-club-form{grid-template-columns:1fr!important}
@media(min-width:700px){body.club-page .v81-club-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.club-page .v81-club-form button{grid-column:1/-1!important}}

/* bundled from v84-ui.css */

/* v84 — dynamic service pages for homepage showcase items */
.service-page{background:var(--bg)}
.service-shell{max-width:1120px}
.service-main{padding:10px 12px 40px;display:grid;gap:18px}
.service-hero{position:relative;min-height:420px;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#17241d,#0e1712);isolation:isolate;box-shadow:0 18px 46px rgba(13,24,18,.12)}
.service-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.service-hero-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(6,11,8,.18),rgba(6,11,8,.74) 74%,rgba(6,11,8,.90))}
.service-hero-content{min-height:420px;padding:28px 22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#fff}
.service-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin-bottom:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px)}
.service-icon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.8}
.service-hero-content>small,.service-section-head>span,.service-copy-card>span,.service-feature-card>span{font-size:10px;font-weight:900;color:#8ed0a9}
.service-hero h1{margin:4px 0 8px;font-size:30px;line-height:1.35;letter-spacing:-.035em;color:#fff}
.service-hero p{max-width:620px;margin:0;color:rgba(255,255,255,.83);font-size:12px;line-height:2}
.service-cta{margin-top:18px;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:10px 15px;border-radius:14px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:950;box-shadow:0 10px 24px color-mix(in srgb,var(--color-primary) 26%,transparent)}
.service-cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;transform:rotate(180deg)}
.service-content-grid{display:grid;grid-template-columns:1fr;gap:12px}
.service-copy-card,.service-feature-card{padding:20px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-soft)}
.service-copy-card h2{margin:4px 0 10px;font-size:20px}.service-body{font-size:11px;line-height:2.15;color:var(--text)}
.service-feature-list{display:grid;gap:8px;margin-top:12px}.service-feature-list>div{display:flex;align-items:center;gap:9px;padding:11px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.service-feature-list i{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--color-secondary) 12%,var(--surface));color:var(--color-secondary);font-style:normal;font-weight:950}.service-feature-list strong{font-size:10.5px}
.service-section-head{margin:2px 2px 10px}.service-section-head h2{margin:2px 0 0;font-size:22px}
.service-gallery-grid{display:grid;grid-template-columns:1fr;gap:10px}.service-gallery-grid figure{margin:0;overflow:hidden;border-radius:20px;aspect-ratio:4/3;background:var(--surface-2);box-shadow:var(--shadow-soft)}.service-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.service-related-grid{display:grid;grid-template-columns:1fr;gap:10px}.service-related-card{position:relative;overflow:hidden;min-height:140px;border-radius:20px;background:#16231c;color:#fff}.service-related-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46}.service-related-card>span{position:relative;z-index:2;min-height:140px;padding:15px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent,rgba(6,12,8,.82))}.service-related-card strong{font-size:15px}.service-related-card small{margin-top:3px;color:rgba(255,255,255,.76);font-size:9px}.service-related-card b{position:absolute;left:14px;bottom:14px;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--color-primary)}
.service-bottom-cta{padding:18px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 10%,var(--surface)),color-mix(in srgb,var(--color-primary) 8%,var(--surface)));border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px}.service-bottom-cta div{display:grid}.service-bottom-cta small{font-size:8px;color:var(--muted)}.service-bottom-cta strong{font-size:15px}.service-bottom-cta>a{flex:0 0 auto;padding:9px 12px;border-radius:12px;background:var(--color-primary);color:#fff;font-size:9px;font-weight:950}
@media(hover:hover){.service-gallery-grid figure:hover img{transform:scale(1.04)}.service-related-card:hover img{transform:scale(1.035)}}
@media(min-width:700px){.service-main{padding:18px 22px 56px;gap:24px}.service-hero,.service-hero-content{min-height:500px}.service-hero-content{padding:36px}.service-hero h1{font-size:44px}.service-hero p{font-size:13px}.service-content-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}.service-copy-card,.service-feature-card{padding:26px}.service-copy-card h2{font-size:25px}.service-body{font-size:12px}.service-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-gallery-grid figure{aspect-ratio:1}.service-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-related-card,.service-related-card>span{min-height:180px}.service-bottom-cta{padding:22px 26px}.service-bottom-cta strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.service-gallery-grid img,.service-related-card img{transition:none!important}}

/* bundled from v85-ui.css */
/* Dolmeh v85 — service-page shell/dock fix + customizable showcase widgets */

/* Custom widget artwork inside the gold ring. */
.v77-showcase-card-icon .v85-widget-image{
  width:22px;height:22px;max-width:22px;max-height:22px;object-fit:contain;display:block;border-radius:0;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.16));
}
.service-icon .service-widget-image{
  width:32px;height:32px;max-width:32px;max-height:32px;object-fit:contain;display:block;border-radius:0;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.18));
}

/* Service pages now use the same header system as product/category pages. */
.service-page{min-width:0;overflow-x:hidden}
.service-page .service-shell{width:min(100%,1120px);max-width:1120px;margin-inline:auto;overflow:visible}
.service-page .service-site-header{position:relative;z-index:80}
.service-page .service-site-header .v77-back-button{direction:ltr}
.service-page .service-site-header .v77-back-button svg{display:block;width:19px;height:19px}
.service-page .service-main{min-width:0}
.service-page .service-icon{overflow:hidden}
.service-page .bottom-dock{z-index:100}
.service-page .contact-sheet{z-index:150}

/* Keep service content comfortably above the fixed dock. */
.service-page .site-shell.has-bottom-dock .service-main{padding-bottom:122px}
@media(min-width:700px){
  .v77-showcase-card-icon .v85-widget-image{width:24px;height:24px;max-width:24px;max-height:24px}
  .service-page .site-shell.has-bottom-dock .service-main{padding-bottom:142px}
}

/* bundled from v86-ui.css */

/* Dolmeh v86 — brighter showcase cards + distinct service gallery slider */

/* Showcase cards: uploaded photos were too dark in v77. Keep readability without crushing the image. */
.v77-showcase-card-image{
  opacity:.76!important;
  filter:saturate(1.02) brightness(.98) contrast(1.01)!important;
  transform:scale(1.025)!important;
}
.v77-showcase-card-scrim{
  background:linear-gradient(180deg,rgba(5,9,7,.02) 0%,rgba(5,9,7,.09) 38%,rgba(5,9,7,.63) 100%)!important;
}
@media(hover:hover){
  .v77-showcase-card:hover .v77-showcase-card-image{opacity:.86!important;transform:scale(1.055)!important}
}

/* Service gallery: intentionally different from the homepage hero.
   One editorial frame + peeking slide motion + thumbnail rail. */
.service-gallery-v86{display:grid;gap:12px;min-width:0}
.service-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.service-gallery-head>div{min-width:0}
.service-gallery-head>small{color:var(--muted);font-size:8.5px;line-height:1.7;white-space:nowrap}
.service-gallery-frame{
  position:relative;overflow:hidden;border-radius:24px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 90%,#0f1713),color-mix(in srgb,var(--surface) 82%,#142019));
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent);
  box-shadow:0 18px 42px rgba(17,27,21,.10);
  isolation:isolate;
}
.service-gallery-track{display:flex;width:100%;transition:transform .56s cubic-bezier(.22,.8,.22,1);will-change:transform;direction:ltr}
.service-gallery-slide{position:relative;flex:0 0 100%;margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--surface-2);direction:rtl}
.service-gallery-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .8s cubic-bezier(.22,.8,.22,1)}
.service-gallery-slide.is-active img{transform:scale(1.035)}
.service-gallery-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(4,8,6,.58));pointer-events:none}
.service-gallery-slide figcaption{position:absolute;right:14px;left:14px;bottom:12px;z-index:2;display:flex;align-items:center;gap:9px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.28)}
.service-gallery-slide figcaption span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--color-primary);font-size:9px;font-weight:900;box-shadow:0 5px 14px rgba(0,0,0,.12)}
.service-gallery-slide figcaption strong{font-size:12px;line-height:1.45}
.service-gallery-nav{position:absolute;top:50%;z-index:4;width:38px;height:38px;border:1px solid rgba(255,255,255,.64);border-radius:14px;background:rgba(248,248,244,.88);color:#17211c;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(-50%);cursor:pointer}
.service-gallery-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.service-gallery-prev{right:10px}.service-gallery-next{left:10px}
.service-gallery-nav:disabled{opacity:.35;cursor:default}
.service-gallery-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;direction:ltr}
.service-gallery-thumb{position:relative;min-width:0;height:68px;padding:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface-2);cursor:pointer;box-shadow:0 6px 16px rgba(20,30,24,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.service-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) brightness(.94)}
.service-gallery-thumb::after{content:"";position:absolute;inset:0;background:rgba(9,15,12,.16);transition:opacity .18s ease}
.service-gallery-thumb span{position:absolute;bottom:5px;left:5px;z-index:2;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--color-primary);font-size:7px;font-weight:900}
.service-gallery-thumb.is-active{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--border));box-shadow:0 7px 18px color-mix(in srgb,var(--color-primary) 12%,transparent);transform:translateY(-1px)}
.service-gallery-thumb.is-active::after{opacity:0}
html[data-theme="dark"] .service-gallery-nav{background:rgba(30,40,34,.86);color:#fff;border-color:rgba(255,255,255,.18)}
@media(hover:hover){.service-gallery-thumb:hover{transform:translateY(-2px)}.service-gallery-nav:hover{transform:translateY(-50%) scale(1.04)}}
@media(max-width:420px){.service-gallery-head>small{display:none}.service-gallery-frame{border-radius:20px}.service-gallery-slide{aspect-ratio:1.12}.service-gallery-nav{width:34px;height:34px;border-radius:12px}.service-gallery-prev{right:8px}.service-gallery-next{left:8px}.service-gallery-thumb{height:56px;border-radius:12px}}
@media(min-width:700px){.service-gallery-v86{gap:14px}.service-gallery-slide{aspect-ratio:16/9;max-height:520px}.service-gallery-slide figcaption{right:20px;left:20px;bottom:18px}.service-gallery-slide figcaption strong{font-size:14px}.service-gallery-nav{width:44px;height:44px;border-radius:15px}.service-gallery-prev{right:14px}.service-gallery-next{left:14px}.service-gallery-thumbs{gap:10px}.service-gallery-thumb{height:86px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.service-gallery-track,.service-gallery-slide img,.service-gallery-thumb,.service-gallery-nav{transition:none!important}}

/* bundled from v88-ui.css */
/* v87 — Mobile typography polish only. Desktop layout/design intentionally untouched. */
@media (max-width:699px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:14px}

  /* Section headings and supporting copy */
  .section-head span,
  .home-section-heading span,
  .content-kicker,
  .social-kicker,
  .service-hero-content>small,
  .service-section-head>span,
  .service-copy-card>span,
  .service-feature-card>span{font-size:10.5px!important;line-height:1.5!important}
  .section-head h2,
  .home-section-heading h2,
  .home-about-copy h2,
  .social-follow-copy h2{font-size:23px!important;line-height:1.45!important}
  .section-head p,
  .home-section-heading p,
  .home-about-copy p,
  .feature-copy p,
  .editorial-copy p,
  .social-follow-copy p{font-size:11.5px!important;line-height:1.95!important}

  /* Home category cards */
  .home-category-section .v82-category-meta h3{font-size:16.4px!important;line-height:1.34!important;letter-spacing:-.18px!important}
  .home-category-section .v82-category-meta>span{font-size:10px!important;line-height:1.35!important;margin-top:4px!important}
  .home-category-section .v82-category-eye{width:33px!important;height:33px!important}
  .home-category-section .v82-category-eye svg{width:17px!important;height:17px!important}

  /* Middle showcase/service shortcuts */
  .v77-showcase-brand small{font-size:10px!important;line-height:1.5!important}
  .v77-showcase-card-copy strong{font-size:12.4px!important;line-height:1.45!important}
  .v77-showcase-card-copy small{font-size:8.6px!important;line-height:1.55!important}
  .v77-showcase-card-copy b{font-size:8px!important;min-height:28px!important;padding:5px 8px!important}

  /* Product/category pages */
  .quick-category-item{font-size:10.5px!important}
  .discount-nav-item b{font-size:9px!important}
  .search-box input{font-size:15px!important}
  .food-badge,.sold{font-size:9px!important}
  .food-title-row h2{font-size:16px!important;line-height:1.48!important}
  .food-body p{font-size:11px!important;line-height:1.85!important}
  .price-row strong{font-size:15.5px!important}
  .price-row strong small{font-size:9.5px!important}
  .price-row del{font-size:10px!important}

  /* Restaurant info / social / footer */
  .info-card small{font-size:10px!important}
  .info-card strong{font-size:12.5px!important;line-height:1.65!important}
  .social-kicker{font-size:9.5px!important}
  .social-follow-copy h2{font-size:18px!important}
  .social-follow-copy p{font-size:10.8px!important}
  .social-link{font-size:9.5px!important}
  .site-footer strong{font-size:13px!important}
  .site-footer p,.site-footer>a{font-size:10.3px!important;line-height:1.7!important}

  /* Bottom dock — preserve compactness but improve readability */
  .bottom-dock .language-dock>span:last-child,
  .bottom-dock .theme-toggle>span,
  .bottom-dock .contact-trigger span{font-size:9.5px!important;line-height:1.25!important}
  .bottom-dock .location-line{font-size:min(var(--location-font-size,12px),11.8px)!important;line-height:1.34!important}

  /* Side menu */
  .site-menu-brand strong{font-size:16px!important}
  .site-menu-brand small{font-size:10px!important}
  .site-menu-links strong{font-size:14.5px!important}
  .site-menu-auth,.site-menu-language,.site-menu-club-cta{font-size:11.5px!important}

  /* Home editorial/about content */
  .content-cta,.feature-copy a{font-size:10.5px!important}
  .feature-copy h3{font-size:15.5px!important;line-height:1.5!important}
  .editorial-copy small,.editorial-copy b{font-size:10px!important}
  .editorial-copy strong{font-size:15px!important;line-height:1.55!important}

  /* Article pages */
  .article-breadcrumb{font-size:10.5px!important}
  .article-detail-content h1{font-size:26px!important;line-height:1.5!important}
  .article-lead{font-size:12px!important;line-height:2!important}
  .article-body{font-size:12.5px!important;line-height:2.1!important}

  /* Service landing pages */
  .service-hero h1{font-size:32px!important;line-height:1.4!important}
  .service-hero p{font-size:12.5px!important;line-height:1.95!important}
  .service-cta{font-size:11px!important}
  .service-copy-card h2{font-size:22px!important}
  .service-body{font-size:12.2px!important;line-height:2.05!important}
  .service-feature-list strong{font-size:11.8px!important}
  .service-section-head h2{font-size:23px!important}
  .service-related-card strong{font-size:15.5px!important}
  .service-related-card small{font-size:9.8px!important}
  .service-bottom-cta small{font-size:9.5px!important}
  .service-bottom-cta strong{font-size:16px!important}
  .service-bottom-cta>a{font-size:10.5px!important}
  .service-gallery-head>small{font-size:9.5px!important}
  .service-gallery-slide figcaption strong{font-size:13px!important}
  .service-gallery-slide figcaption span{font-size:10px!important}
  .service-gallery-thumb span{font-size:8px!important}

  /* Customer club */
  body.club-page .v81-club-kicker{font-size:10.5px!important}
  body.club-page .v81-club-copy h1{font-size:29px!important;line-height:1.5!important}
  body.club-page .v81-club-copy p{font-size:11.8px!important;line-height:1.95!important}
  body.club-page .v81-club-actions a{font-size:10.5px!important}
  body.club-page .v81-club-section-kicker{font-size:10.5px!important}
  body.club-page .v81-club-status h1{font-size:23px!important}
  body.club-page .v81-club-status p{font-size:11px!important}
  body.club-page .v81-club-benefit h3{font-size:12.5px!important}
  body.club-page .v81-club-benefit p{font-size:10px!important;line-height:1.75!important}
  body.club-page .v81-club-form label{font-size:10.5px!important}
  body.club-page .v81-club-form input,
  body.club-page .v81-club-form select,
  body.club-page .v81-club-form textarea{font-size:16px!important}
  body.club-page .v81-club-form button{font-size:11px!important}
  body.club-page .v81-club-status a{font-size:10px!important}
  body.club-page .v83-duplicate-name-note{font-size:10.5px!important;line-height:1.8!important}

  /* Contact sheets/forms — larger touch-readable text */
  .sheet-head small{font-size:10px!important}
  .sheet-card button,.sheet-card a{font-size:11px!important}
}

/* v88 — category-card readability pass requested after real-phone review. */
@media (max-width:699px){
  .home-category-section .v82-category-content{
    min-height:90px!important;
    padding:34px 7px 9px!important;
    gap:7px!important;
  }
  .home-category-section .v82-category-meta h3{
    font-size:18px!important;
    line-height:1.24!important;
    font-weight:950!important;
    letter-spacing:-.28px!important;
    text-wrap:balance!important;
  }
  .home-category-section .v82-category-meta>span{
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:800!important;
    margin-top:4px!important;
  }
  .home-category-section .v82-category-eye{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    flex-basis:32px!important;
  }
  .home-category-section .v82-category-eye svg{
    width:16px!important;
    height:16px!important;
  }
}
@media (max-width:350px){
  .home-category-section .v82-category-content{
    min-height:86px!important;
    padding:31px 6px 8px!important;
  }
  .home-category-section .v82-category-meta h3{
    font-size:15.8px!important;
    line-height:1.25!important;
  }
  .home-category-section .v82-category-meta>span{
    font-size:9.8px!important;
  }
  .home-category-section .v82-category-eye{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    flex-basis:29px!important;
  }
}

/* bundled from v90-ui.css */
/* v90 FINAL BALANCED — home category card typography. Kept in main stylesheet on purpose. */
@media (max-width:699px){
  html body.home-page .home-category-section .category-card .v82-category-content{
    min-height:96px!important;
    padding:35px 7px 9px!important;
    gap:4px!important;
    align-items:flex-end!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-meta{
    min-width:0!important;
    flex:1 1 auto!important;
    padding-inline-end:1px!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-meta h3{
    margin:0!important;
    font-size:14.4px!important;
    line-height:1.22!important;
    font-weight:950!important;
    letter-spacing:-.12px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    text-wrap:balance!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-meta>span{
    margin-top:5px!important;
    font-size:9.5px!important;
    line-height:1.22!important;
    font-weight:850!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-eye{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    flex:0 0 30px!important;
    margin-bottom:1px!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-eye svg{
    width:15px!important;
    height:15px!important;
  }
}
@media (max-width:350px){
  html body.home-page .home-category-section .category-card .v82-category-content{
    min-height:92px!important;
    padding:33px 6px 8px!important;
    gap:3px!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-meta h3{
    font-size:13.3px!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-meta>span{
    font-size:8.9px!important;
  }
  html body.home-page .home-category-section .category-card .v82-category-eye{
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex-basis:28px!important;
  }
}

/* bundled from v91-ui.css */
/* v91 — mobile readability pass. Typography only; no card/grid sizing changes. */
@media (max-width:699px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:15px;line-height:1.82}

  /* Global section labels and descriptions */
  .section-head span,
  .home-section-heading span,
  .content-kicker,
  .social-kicker,
  .service-hero-content>small,
  .service-section-head>span,
  .service-copy-card>span,
  .service-feature-card>span{font-size:11.5px!important;line-height:1.5!important}
  .section-head h2,
  .home-section-heading h2,
  .home-about-copy h2,
  .social-follow-copy h2{font-size:23.5px!important;line-height:1.42!important}
  .section-head p,
  .home-section-heading p,
  .home-about-copy p,
  .feature-copy p,
  .editorial-copy p,
  .social-follow-copy p{font-size:12.4px!important;line-height:1.9!important}

  /* Keep the now-balanced category cards exactly in the intended range. */
  body.home-page .home-category-section .v82-category-meta h3{font-size:14.4px!important;line-height:1.25!important}
  body.home-page .home-category-section .v82-category-meta>span{font-size:9.7px!important;line-height:1.3!important}

  /* Middle showcase */
  .v77-showcase-brand small{font-size:10.8px!important;line-height:1.5!important}
  .v77-showcase-card-copy strong{font-size:13.2px!important;line-height:1.42!important}
  .v77-showcase-card-copy small{font-size:9.5px!important;line-height:1.5!important}
  .v77-showcase-card-copy b{font-size:9px!important}

  /* Category / product listing */
  .category-title small{font-size:10.5px!important}
  .category-title h1{font-size:22px!important;line-height:1.4!important}
  .category-title p{font-size:11.2px!important;line-height:1.55!important}
  .quick-category-item{font-size:11.5px!important}
  .discount-nav-item b{font-size:10px!important}
  .search-box input{font-size:16px!important}
  .food-badge,.sold{font-size:10.3px!important}
  .food-title-row h2{font-size:17px!important;line-height:1.46!important}
  .food-body p{font-size:12.2px!important;line-height:1.82!important}
  .price-row strong{font-size:16px!important}
  .price-row strong small{font-size:10.2px!important}
  .price-row del{font-size:11px!important}

  /* Restaurant info / social / footer */
  .info-card small{font-size:11px!important}
  .info-card strong{font-size:13.2px!important;line-height:1.62!important}
  .social-follow-copy h2{font-size:19px!important}
  .social-follow-copy p{font-size:11.8px!important}
  .social-link{font-size:10.7px!important}
  .site-footer strong{font-size:14px!important}
  .site-footer p,.site-footer>a{font-size:11.4px!important;line-height:1.72!important}

  /* Customer club promo on homepage */
  .club-promo-copy small{font-size:10.5px!important}
  .club-promo-copy h2{font-size:18.5px!important}
  .club-promo-copy p{font-size:11.2px!important;line-height:1.75!important}
  .club-mini-widget strong{font-size:11px!important}
  .club-mini-widget small{font-size:9.5px!important}
  .club-promo-primary,.club-promo-secondary{font-size:10.5px!important}

  /* Bottom dock: text only; dimensions intentionally untouched. */
  .bottom-dock .language-dock>span:last-child,
  .bottom-dock .theme-toggle>span,
  .bottom-dock .contact-trigger span{font-size:10.4px!important;line-height:1.22!important}
  .bottom-dock .location-line{font-size:min(var(--location-font-size,12px),12px)!important;line-height:1.3!important}

  /* Drawer / contact sheets */
  .site-menu-brand strong{font-size:17px!important}
  .site-menu-brand small{font-size:11px!important}
  .site-menu-links strong{font-size:15px!important}
  .site-menu-auth,.site-menu-language,.site-menu-club-cta{font-size:12px!important}
  .sheet-head small{font-size:11px!important}
  .sheet-head h2{font-size:20px!important}
  .sheet-card button,.sheet-card a{font-size:11.8px!important}
  .contact-option strong{font-size:12.2px!important}
  .contact-option small{font-size:10.5px!important}

  /* Home lower content */
  .content-cta,.feature-copy a{font-size:11.5px!important}
  .feature-copy h3{font-size:16px!important;line-height:1.48!important}
  .editorial-copy small,.editorial-copy b{font-size:11px!important}
  .editorial-copy strong{font-size:15.7px!important;line-height:1.5!important}

  /* Empty states and feedback */
  .smart-empty-copy>small{font-size:10.5px!important}
  .smart-empty-copy>strong{font-size:16px!important}
  .smart-empty-copy>p{font-size:11.5px!important}
  .smart-empty-actions .button{font-size:10.5px!important}
  .smart-empty-suggestions a{font-size:9.5px!important}
  .site-toast{font-size:10.8px!important}
  .floating-result-widget strong{font-size:11.5px!important}
  .floating-result-widget small{font-size:9.5px!important}

  /* Articles */
  .article-breadcrumb{font-size:11.2px!important}
  .article-detail-content h1{font-size:26px!important;line-height:1.48!important}
  .article-lead{font-size:13px!important;line-height:1.95!important}
  .article-body{font-size:13.2px!important;line-height:2.02!important}

  /* Service pages */
  .service-hero h1{font-size:31px!important;line-height:1.38!important}
  .service-hero p{font-size:13.2px!important;line-height:1.9!important}
  .service-cta{font-size:11.8px!important}
  .service-copy-card h2{font-size:22px!important}
  .service-body{font-size:13px!important;line-height:2!important}
  .service-feature-list strong{font-size:12.5px!important}
  .service-section-head h2{font-size:23px!important}
  .service-related-card strong{font-size:15.5px!important}
  .service-related-card small{font-size:10.5px!important}
  .service-bottom-cta small{font-size:10.4px!important}
  .service-bottom-cta strong{font-size:16.5px!important}
  .service-bottom-cta>a{font-size:11.2px!important}
  .service-gallery-head>small{font-size:10.3px!important}
  .service-gallery-slide figcaption strong{font-size:13.5px!important}
  .service-gallery-slide figcaption span{font-size:10.5px!important}
  .service-gallery-thumb span{font-size:9.2px!important}

  /* Customer club page */
  body.club-page .v81-club-kicker{font-size:11.2px!important}
  body.club-page .v81-club-copy h1{font-size:29px!important;line-height:1.46!important}
  body.club-page .v81-club-copy p{font-size:12.5px!important;line-height:1.9!important}
  body.club-page .v81-club-actions a{font-size:11.4px!important}
  body.club-page .v81-club-section-kicker{font-size:11.2px!important}
  body.club-page .v81-club-status h1{font-size:23px!important}
  body.club-page .v81-club-status p{font-size:12px!important}
  body.club-page .v81-club-benefit h3{font-size:13.2px!important}
  body.club-page .v81-club-benefit p{font-size:11px!important;line-height:1.7!important}
  body.club-page .v81-club-form label{font-size:11.5px!important}
  body.club-page .v81-club-form input,
  body.club-page .v81-club-form select,
  body.club-page .v81-club-form textarea{font-size:16px!important}
  body.club-page .v81-club-form button{font-size:12px!important}
  body.club-page .v81-club-status a{font-size:11px!important}
  body.club-page .v83-duplicate-name-note{font-size:11.5px!important;line-height:1.75!important}

  /* Legacy club sheet, if enabled */
  .club-subtitle{font-size:11.5px!important}
  .club-form label{font-size:11px!important}
  .club-form label small{font-size:9.5px!important}
  .club-submit{font-size:11.5px!important}
  .club-privacy{font-size:9.5px!important}
}

@media (max-width:350px){
  /* Very narrow phones: only trim the few most space-sensitive labels. */
  body.home-page .home-category-section .v82-category-meta h3{font-size:13.4px!important}
  body.home-page .home-category-section .v82-category-meta>span{font-size:9px!important}
  .v77-showcase-card-copy strong{font-size:12.3px!important}
  .v77-showcase-card-copy small{font-size:8.8px!important}
  .bottom-dock .language-dock>span:last-child,
  .bottom-dock .theme-toggle>span,
  .bottom-dock .contact-trigger span{font-size:9.7px!important}
}