/* v2.9.25.573 — CLEAN v1 (Sohan 10/30): "get away from the dark green AI look… messy boxes…
   nice simple sliders, ease of use." One calm layer on top of home / menu / kiosk:
   flat neutral backgrounds (no green glows, nebula, starfield, geometry), green only as the
   action color, fewer boxes, horizontal sliders for chips + picks, a real bottom-sheet filter
   on phones, voice moved into the search field. Loads last so it wins. */
:root{--cl-bg:#0e0f10;--cl-surface:#17191b;--cl-line:rgba(255,255,255,.08);--cl-ink:#f4f5f4;--cl-dim:rgba(244,245,244,.62);--cl-accent:#7ED957;--cl-paper:#f6f6f3}

/* ---------- flat backgrounds everywhere ---------- */
html body #srnyc-hero{background:var(--cl-bg)!important}
html body #srnyc-hero::before,html body #srnyc-hero::after{display:none!important}
html body .sr-hero-glow,html body canvas.sr-hero-bsmoke,html body .sr-hero-matrix{display:none!important}
html body .sr-newsletter,html body #sr-faq,html body #sr-home-eeat,html body #sr-home-local-anchor{background:var(--cl-bg)!important}
html body .sr-categories-section{background:var(--cl-paper)!important}
html body footer.sr-footer.sr-galaxy{background:#0a0b0c!important}
html body .sr-section::before{opacity:0!important}
/* menu */
/* kiosk: calm paper, no space art */
html body .sr-kiosk-space-bg,html body .sr-kiosk-nebula,html body .sr-kiosk-starfield,html body .sr-kiosk-geometry{display:none!important}
html body #sr-kiosk-app{background:var(--cl-paper)!important}
html body .sr-kiosk-header{background:#fff!important;box-shadow:0 1px 0 rgba(0,0,0,.06)!important}
html body .sr-kiosk-main{background:none!important}

/* ---------- sliders: chips + picks scroll sideways, snap, no scrollbars ---------- */
html body #sr-menu-rail,html body #sr-menu-feel-row,html body .sf-grid{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
html body #sr-menu-rail::-webkit-scrollbar,html body #sr-menu-feel-row::-webkit-scrollbar,html body .sf-grid::-webkit-scrollbar{display:none}

/* ---------- voice lives inside the search field ---------- */
.srw-mic{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:10px;border:0;background:#0b0f0c;color:var(--cl-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0}
.srw-mic svg{width:18px;height:18px}
.srw-mic:focus-visible{outline:2px solid var(--cl-accent);outline-offset:2px}

@media (max-width:720px){
  /* HOME — products on the first screen */
  html body #srnyc-hero .sr-talk-entry-home{display:none!important}
  html body #srnyc-hero .sf-search{position:relative!important}
  html body #srnyc-hero .sf-search input{padding-right:48px!important}
  html body #srnyc-hero .sf-band{min-height:0!important;padding-top:4px!important;padding-bottom:4px!important;gap:10px!important;align-items:center!important;background:none!important;border:0!important;box-shadow:none!important}
  html body #srnyc-hero .sf-band-camel{height:42px!important;width:auto!important}
  html body #srnyc-hero .sf-band .sr-hero-h1,html body #srnyc-hero .sf-band h1{font-size:19px!important;line-height:1.12!important;margin:0!important}
  html body #srnyc-hero .sf-band-line{font-size:11.5px!important;margin:2px 0 0!important}
  html body #srnyc-hero .sf-order{background:none!important;border:0!important;box-shadow:none!important;padding-bottom:0!important}
  /* picks: a slider of cards instead of a tall grid */
  html body #srnyc-hero .sf-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:10px!important;padding:2px 16px 10px!important;margin:0 -16px!important}
  html body #srnyc-hero .sf-grid>*{flex:0 0 46%!important;max-width:46%!important;scroll-snap-align:start}

  /* MENU — one compact sticky search row, chips slide, voice in search */
  html body #sr-menu-app .sr-talk-entry-menu{display:none!important}
  html body #sr-menu-app .sr-menu-heading{padding-top:6px!important;padding-bottom:2px!important;gap:2px!important;border:0!important;background:none!important;box-shadow:none!important}
  html body #sr-menu-app .sr-menu-heading h1{font-size:19px!important;line-height:1.15!important;margin:0!important}
  html body #sr-menu-app .sr-menu-heading-copy{display:none!important}
  html body #sr-menu-app .sr-menu-topbar{border:0!important;box-shadow:0 8px 18px rgba(0,0,0,.35)!important;background:rgba(14,15,16,.96)!important;backdrop-filter:blur(12px);padding-top:8px!important;padding-bottom:8px!important;gap:8px!important}
  html body #sr-menu-app .sr-menu-search{position:relative!important;flex:1 1 auto!important;min-width:0!important}
  html body #sr-menu-app .sr-menu-search input{padding-right:46px!important;font-size:16px!important}
  html body #sr-menu-app .sr-menu-sort{flex:0 0 auto!important;width:auto!important}
  html body #sr-menu-app .sr-menu-sort select{width:auto!important;max-width:96px!important;font-size:13px!important;padding-left:10px!important;padding-right:24px!important}
  html body #sr-menu-app #sr-menu-rail,html body #sr-menu-app #sr-menu-feel-row{flex-wrap:nowrap!important;overflow-x:auto!important;transition:max-height .2s ease,opacity .2s ease,margin .2s ease;max-height:52px}
  html body #sr-menu-app #sr-menu-rail>*,html body #sr-menu-app #sr-menu-feel-row>*{scroll-snap-align:start;flex:0 0 auto!important}
  html body #sr-menu-app .sr-kiosk-rail-caption{display:none!important}
  /* scrolling down: keep only the search row pinned; scrolling up brings the chips back */
  body.srw-compact #sr-menu-app #sr-menu-rail,body.srw-compact #sr-menu-app #sr-menu-feel-row{max-height:0!important;opacity:0!important;margin:0!important;overflow:hidden!important;pointer-events:none}
}
@media (max-width:640px){
  /* FILTERS — a real bottom sheet with a grab handle; swipe down to close */
  html.sr-ui-v2 body #sr-menu-app .sr-menu-sidebar{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:86vh!important;max-height:86vh!important;border-radius:22px 22px 0 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;transform:translateY(105%)!important;padding:30px 16px 120px!important;background:#141618!important;box-shadow:0 -20px 60px rgba(0,0,0,.5)!important}
  html.sr-ui-v2 body #sr-menu-app .sr-menu-sidebar.sr-sidebar-open{transform:none!important}
  html.sr-ui-v2 body #sr-menu-app .sr-menu-sidebar::before{content:"";position:absolute;top:10px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:9px;background:rgba(0,0,0,.22)}
  html.sr-ui-v2 body #sr-menu-app .sr-menu-drawer-backdrop{inset:0!important;background:rgba(0,0,0,.55)!important}
  html.sr-ui-v2 body #sr-menu-app .sr-menu-drawer-foot{left:0!important;width:100%!important;border-right:0!important;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))!important;background:#141618!important}
  html.sr-ui-v2 body #sr-menu-app .sr-menu-sidebar .sr-filter-group{border-color:rgba(255,255,255,.08)!important}
}
@media (max-width:720px){
  /* cards: deal details on one tidy line, less empty space */
  html body .sr-card .sr-deal-line{font-size:11px!important;line-height:1.3!important;padding:5px 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:100%!important;text-align:left!important}
  html body .sr-card .sr-jean-ppg{display:none!important}
}
@media (prefers-reduced-motion:reduce){html body #sr-menu-app #sr-menu-rail,html body #sr-menu-app #sr-menu-feel-row{transition:none}}

/* v2.9.25.574 — cards size to their content (no empty white gaps), one deal line, no duplicate deal button */
html body #sr-menu-grid{align-items:start!important}
@media (max-width:720px){
  html body #sr-menu-grid .sr-deal-ribbon{display:none!important}
  html body #sr-menu-grid .sr-card{height:auto!important;min-height:0!important}
  html body #sr-menu-grid .sr-card-price-row{margin-top:8px!important}
}

/* v2.9.25.575 — phones: category tiles become a swipe slider (was 8 full-width photos stacked),
   carousels lose the white box, fades and arrow buttons (swipe instead), lane titles in Poppins */
@media (max-width:720px){
  html body .sr-categories-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x mandatory;padding:2px 2px 10px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html body .sr-categories-grid::-webkit-scrollbar{display:none}
  html body .sr-categories-grid>*{flex:0 0 44%!important;max-width:44%!important;scroll-snap-align:start}
  html body .sr-category-card{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
  html body .sr-carousel-arrows{display:none!important}
  html body .sr-carousel-wrap{background:transparent!important;box-shadow:none!important;border:0!important}
  html body .sr-carousel-wrap::before,html body .sr-carousel-wrap::after{display:none!important}
  html body #sr-loudstar h2,html body #sr-loudstar h3,html body .sr-carousel-wrap h2,html body .sr-carousel-wrap h3{font-family:Poppins,system-ui,sans-serif!important;font-weight:800!important;font-size:19px!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important}
}

/* v2.9.25.575 — kiosk is light-only (Sohan 10/30): hide the night toggles */
html body #sr-kiosk-theme-toggle,html body #sr-kiosk-view-toggle{display:none!important}
/* HALLOWEEN (auto-off Nov 1): corner cobwebs + pumpkins on the category buttons */
body.srw-halloween::before,body.srw-halloween::after{content:"";position:fixed;top:0;width:150px;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23999' stroke-opacity='.55' stroke-width='.8'%3E%3Cpath d='M0 0L120 120M0 0L120 60M0 0L60 120M0 0L120 20M0 0L20 120'/%3E%3Cpath d='M18 18q8 -6 14 6q-10 2 -14 -6zM14 30q10 -2 12 10M30 14q2 10 10 12M30 30q12-4 18 10q-14 4-18-10zM24 52q16-6 26 4M52 24q6 16-4 26M44 44q18-6 28 12q-18 6-28-12zM34 78q22-10 36 2M78 34q10 22-2 36M62 62q22-8 36 16q-22 8-36-16z'/%3E%3C/svg%3E") no-repeat;background-size:contain;pointer-events:none;z-index:9998;opacity:.9}
body.srw-halloween::before{left:0}
body.srw-halloween::after{right:0;transform:scaleX(-1)}
body.srw-halloween .sr-kiosk-rail-btn,body.srw-halloween #sr-menu-rail button,body.srw-halloween .sr-kiosk-feel-chip{position:relative}
body.srw-halloween .sr-kiosk-rail-btn::before,body.srw-halloween #sr-menu-rail button::before{content:"🎃";position:absolute;top:-9px;left:-6px;font-size:15px;line-height:1;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
body.srw-halloween .srw-spider{position:fixed;top:0;right:64px;z-index:9999;pointer-events:none;font-size:22px;line-height:1;display:flex;flex-direction:column;align-items:center;animation:srwDrop 4.8s ease-in-out infinite alternate}
body.srw-halloween .srw-spider i{display:block;width:1px;height:46px;background:rgba(120,120,120,.6)}
@keyframes srwDrop{from{transform:translateY(-14px)}to{transform:translateY(10px)}}
@media (max-width:720px){body.srw-halloween::before,body.srw-halloween::after{width:90px;height:90px}body.srw-halloween .srw-spider{right:40px}}
@media (prefers-reduced-motion:reduce){body.srw-halloween .srw-spider{animation:none}}