/* Jay's Coffee & Cuisine — Premium polish system — 2026-08-26 */
:root{--premium-paper:#f8f5ef;--premium-ink:#080a0a;--premium-muted:#626966;--premium-line:rgba(8,10,10,.10);--premium-shadow:0 22px 65px rgba(8,18,18,.10);--premium-shadow-soft:0 10px 32px rgba(8,18,18,.07);--premium-shadow-button:0 8px 22px rgba(10,84,87,.18)}
html{scroll-padding-top:96px}body:not(.order-body){text-rendering:optimizeLegibility}body:not(.order-body) main{overflow:clip}::selection{background:#22a6aa;color:#001516}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(34,166,170,.42)!important;outline-offset:3px!important}button,a{-webkit-tap-highlight-color:transparent}
body:not(.order-body) h1,body:not(.order-body) h2,body:not(.order-body) h3{text-wrap:balance}body:not(.order-body) p,body:not(.order-body) li{text-wrap:pretty}body:not(.order-body) .lead{line-height:1.58}
.site-header{box-shadow:0 1px 0 rgba(0,0,0,.04),0 10px 32px rgba(8,18,18,.035);transition:box-shadow .2s ease,background .2s ease}.site-header.is-scrolled{box-shadow:0 1px 0 rgba(0,0,0,.06),0 15px 45px rgba(8,18,18,.09)}.food-design-v4 .site-header.is-scrolled{box-shadow:0 1px 0 rgba(255,255,255,.09),0 16px 46px rgba(0,0,0,.32)}.nav{min-height:76px}.nav-links a{transition:background .18s ease,color .18s ease,transform .18s ease}.nav-links a:hover{transform:translateY(-1px)}.menu-toggle{width:48px;height:48px;border-radius:16px;font-size:1.25rem;box-shadow:0 6px 20px rgba(8,18,18,.06);transition:transform .18s ease,background .18s ease,border-color .18s ease}.menu-toggle:active{transform:scale(.96)}
.btn{min-height:48px;padding:12px 20px;letter-spacing:-.01em;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.985)}.btn-primary,.btn-forest{box-shadow:var(--premium-shadow-button)}.btn-primary:hover,.btn-forest:hover{box-shadow:0 12px 28px rgba(10,84,87,.23)}.btn-dark{box-shadow:0 9px 24px rgba(0,0,0,.16)}.btn-sm{min-height:42px;padding:9px 16px}
.card,.service-card,.identity-card,.guide-note,.notice,.result-card,.legal-note,.booking-card,.booking-side article,.choice-card span,.location-quote-card{border-color:var(--premium-line)!important}.card,.service-card,.identity-card,.guide-note,.notice,.result-card,.booking-card{box-shadow:var(--premium-shadow-soft)}.card,.service-card,.identity-card,.location-quote-card,.v4-favorite,.v4-category,.v4-menu-category,.location-food-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}@media(hover:hover){.card:hover,.service-card:hover,.v4-favorite:hover,.v4-category:hover,.v4-menu-category:hover,.location-food-card:hover{transform:translateY(-3px);box-shadow:var(--premium-shadow)}}
.page-hero{background:radial-gradient(circle at 82% 10%,rgba(34,166,170,.16),transparent 30%),linear-gradient(145deg,#030404,#111515 72%,#071d1e);border-bottom:1px solid rgba(255,255,255,.08)}.page-hero .container{position:relative}.page-hero h1{max-width:980px;margin-bottom:20px}.page-hero .lead{color:rgba(255,255,255,.76)}.location-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.08) 10%,rgba(0,0,0,.26) 46%,rgba(0,0,0,.92) 100%)}.origin-sign,.dt-sign{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 28px rgba(0,0,0,.14)}
.field label,.booking-field label,.support-form label{letter-spacing:.02em}.field input,.field select,.field textarea,.booking-field input,.booking-field select,.booking-field textarea,.support-form input,.support-form select,.support-form textarea{min-height:50px;border-width:1px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input:focus,.field select:focus,.field textarea:focus,.booking-field input:focus,.booking-field select:focus,.booking-field textarea:focus,.support-form input:focus,.support-form select:focus,.support-form textarea:focus{box-shadow:0 0 0 4px rgba(34,166,170,.13)}.booking-progress span{transition:background .2s ease,transform .2s ease}.booking-progress span.is-active{transform:scaleY(1.3)}.choice-card span:hover{border-color:rgba(34,166,170,.42)}.choice-card input:checked+span{box-shadow:0 0 0 3px rgba(34,166,170,.10),inset 0 0 0 1px var(--teal)}
.v4-main-surface,.v4-menu-surface{box-shadow:0 30px 90px rgba(8,18,18,.11)}.v4-favorite,.v4-order-card{box-shadow:0 8px 24px rgba(8,18,18,.055)}.v4-favorite-media img,.v4-category img,.v4-menu-category img,.location-food-card img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.v4-favorite:hover img,.v4-category:hover img,.v4-menu-category:hover img,.location-food-card:hover img{transform:scale(1.035)}}.v4-menu-jump{border-bottom:1px solid rgba(0,0,0,.07)}.v4-menu-jump a{transition:background .18s ease,color .18s ease,transform .18s ease}.v4-menu-jump a:hover{transform:translateY(-1px)}.menu-item-photo{box-shadow:0 6px 18px rgba(8,18,18,.08)}
.catering-quote-section{background:linear-gradient(180deg,#f8f5ef,#f3efe7)!important}.catering-quote-panel.quote-callout{box-shadow:0 28px 80px rgba(8,18,18,.09)!important}.location-quote-card{box-shadow:0 18px 42px rgba(0,0,0,.11)}.chicken-catering-note{box-shadow:0 8px 22px rgba(16,88,90,.06)}.booking-card{overflow:hidden}.booking-head{background:linear-gradient(145deg,#050606,#101414)!important}.booking-side article{box-shadow:0 10px 28px rgba(8,18,18,.055)}
.gift-visual{box-shadow:0 24px 65px rgba(8,18,18,.13)}.guide-hero{background:radial-gradient(circle at 80% 15%,rgba(34,166,170,.18),transparent 32%),#050505}.quote-builder{box-shadow:0 22px 58px rgba(0,0,0,.17)}.legal-hero{background:radial-gradient(circle at 82% 12%,rgba(34,166,170,.15),transparent 30%),#0b0d0d!important}.legal-section{scroll-margin-top:110px}
.brand-coffee-chat .site-header{box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 32px rgba(8,18,18,.05)}.brand-coffee-chat .farm-gallery figure,.brand-coffee-chat .people-card,.brand-coffee-chat .product-story,.brand-coffee-chat .farm-cta,.brand-coffee-chat .cc-film-frame,.brand-coffee-chat .support-shell,.brand-coffee-chat .recovery-film-frame,.brand-coffee-chat .story-card,.brand-coffee-chat .truth-band article{box-shadow:var(--premium-shadow-soft)}.brand-coffee-chat .farm-gallery img,.brand-coffee-chat .people-card img,.brand-coffee-chat .product-image img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.brand-coffee-chat .farm-gallery figure:hover img,.brand-coffee-chat .people-card:hover img{transform:scale(1.03)}}
.ai-launcher{box-shadow:0 14px 38px rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.12);transition:transform .18s ease,box-shadow .18s ease}.ai-launcher:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(0,0,0,.31)}.ai-panel{box-shadow:0 30px 90px rgba(0,0,0,.27);border-color:rgba(0,0,0,.09)}.ai-head{padding:17px 18px}.ai-close{width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.ai-close:hover{background:rgba(255,255,255,.11)}.ai-quick button{transition:background .15s ease,border-color .15s ease}.ai-quick button:hover{background:#eefafa;border-color:rgba(34,166,170,.3)}
.site-footer{border-top:1px solid rgba(255,255,255,.07)}.footer-logo{margin-bottom:14px}.footer-links a{display:inline-flex;width:max-content;max-width:100%;padding:2px 0;text-underline-offset:4px}.footer-bottom{gap:18px;line-height:1.5}
.order-body .order-header{box-shadow:0 8px 26px rgba(20,43,43,.05)}.order-body .location-card,.order-body .fulfillment-card,.order-body .order-item,.order-body .review-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}@media(hover:hover){.order-body .location-card:hover,.order-body .fulfillment-card:hover,.order-body .order-item:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,43,43,.09);border-color:rgba(34,166,170,.28)}}
@media(max-width:1000px){.nav.mobile-open{align-items:center;padding-bottom:18px}.nav.mobile-open .nav-links{gap:7px;padding:12px 0 4px}.nav.mobile-open .nav-links a{border:0!important;border-radius:14px!important;padding:13px 14px!important;background:rgba(0,0,0,.035)}.food-design-v4 .nav.mobile-open .nav-links a{background:rgba(255,255,255,.055)}.nav.mobile-open .nav-actions{padding-top:8px}.nav.mobile-open .nav-actions .btn{width:100%}}
@media(max-width:720px){html{scroll-padding-top:82px}.container{width:min(var(--max),calc(100% - 30px))}.site-announcement{padding:8px 14px;line-height:1.35}.nav{width:calc(100% - 24px);min-height:70px;gap:14px}.brand-logo{width:102px}.food-design-v4 .brand-logo{width:106px}.brand-coffee-chat .cc-nav-logo,.brand-coffee-chat .coffee-nav-mark{width:54px;height:54px}.menu-toggle{width:48px;height:48px;border-radius:16px}body:not(.order-body) h1{font-size:clamp(2.95rem,14vw,4.6rem);line-height:.98}body:not(.order-body) h2{font-size:clamp(2.15rem,10.8vw,3.55rem);line-height:1}body:not(.order-body) h3{line-height:1.08}body:not(.order-body) .lead{font-size:1.02rem;line-height:1.55}.section{padding:62px 0}.section-tight{padding:44px 0}.page-hero{padding:58px 0 52px}.page-hero h1{margin-bottom:18px}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px;width:100%;margin-top:24px}.hero-actions .btn{width:100%;min-height:50px}.location-hero{min-height:560px}.location-hero .container{padding-bottom:44px}.location-photo-card{min-height:440px}.identity-card,.card,.service-card{padding:24px}.event-call,.city-quote{padding:30px 24px}.v4-main-surface,.v4-menu-surface{box-shadow:none}.v4-section{padding:50px 18px}.v4-favorites{gap:10px}.v4-favorite-copy{padding:14px 13px 16px}.v4-menu-category-grid{gap:10px}.v4-menu-jump{padding:14px 16px}.menu-item-photo{border-radius:14px}.catering-quote-panel.quote-callout{box-shadow:none!important}.location-quote-card{min-height:0!important;padding:24px!important}.booking-head{padding:26px 22px}.booking-body{padding:24px 20px}.choice-grid,.booking-grid,.check-grid{grid-template-columns:1fr!important}.booking-grid .full{grid-column:auto!important}.booking-actions{flex-direction:column-reverse;align-items:stretch}.booking-actions .right{display:grid;width:100%;margin-left:0}.booking-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr!important;gap:28px}.footer-grid>:first-child,.footer-grid>:last-child{grid-column:auto!important}.site-footer{padding:54px 0 26px}.footer-bottom{margin-top:34px;align-items:flex-start}.ai-launcher{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:54px;height:54px}.ai-panel{right:12px;bottom:78px;width:calc(100vw - 24px);max-height:min(70vh,620px);border-radius:20px}.brand-coffee-chat .cc-hero-inner,.brand-coffee-chat .farm-hero .container{padding-bottom:54px}.brand-coffee-chat .farm-gallery figure,.brand-coffee-chat .people-card,.brand-coffee-chat .product-story,.brand-coffee-chat .farm-cta,.brand-coffee-chat .support-shell,.brand-coffee-chat .truth-band article{border-radius:22px}.gift-visual{min-height:360px}.legal-section p,.legal-section li{line-height:1.68}}
@media(max-width:480px){.v4-favorites{grid-template-columns:1fr 1fr}.v4-favorite-copy h3{font-size:1.16rem}.v4-favorite-copy p{font-size:.76rem}.menu-list-detailed li.menu-item-with-photo{padding:14px 0 18px}.menu-item-photo{width:88px;height:84px}.brand-coffee-chat .farm-gallery,.brand-coffee-chat .real-gallery{gap:10px}.site-footer .footer-logo{width:138px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
/* Premium route-specific fixes */
.guide-hero{padding:86px 0 66px;background:radial-gradient(circle at 80% 15%,rgba(34,166,170,.18),transparent 32%),linear-gradient(145deg,#030404,#101515)!important;color:#fff;min-height:0}.guide-hero h1{max-width:920px;margin:12px 0 20px}.guide-hero .lead{color:rgba(255,255,255,.76);max-width:780px}.guide-hero .eyebrow{color:#75dfe2}@media(max-width:720px){.guide-hero{padding:58px 0 52px}.guide-hero h1{font-size:clamp(2.9rem,14vw,4.4rem)}}

/* Mobile hardening — premium pass continuation */
@media(max-width:720px){
  .btn,.nav-links a,.footer-links a,.location-quote-card a,.booking-actions a,.booking-actions button{
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .field input,.field select,.field textarea,
  .booking-field input,.booking-field select,.booking-field textarea,
  .support-form input,.support-form select,.support-form textarea,
  .ai-form input,
  .order-body input,.order-body select,.order-body textarea{
    font-size:16px!important;
  }
  .v4-menu-jump{
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .v4-menu-jump a{scroll-snap-align:start}
  .location-food-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
  }
  .location-food-card,
  .location-food-card:first-child,
  .location-food-card:nth-child(2){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:250px;
  }
  .ai-launcher{
    right:max(14px,env(safe-area-inset-right));
    bottom:max(14px,env(safe-area-inset-bottom));
  }
  .ai-panel{
    right:max(12px,env(safe-area-inset-right));
    bottom:calc(78px + env(safe-area-inset-bottom));
    max-width:calc(100vw - 24px);
  }
  .footer-links a{max-width:100%}
  .site-announcement a{display:inline}
}
@media(max-width:420px){
  .v4-favorites{grid-template-columns:1fr}
  .v4-favorite-media{aspect-ratio:16/11}
  .location-food-card{min-height:230px}
}

/* Jay-I animated mascot assistant */
.ai-launcher.jay-i-launcher{
  width:82px!important;height:82px!important;min-width:82px!important;padding:0!important;
  border-radius:28px!important;display:grid!important;place-items:center!important;overflow:visible!important;
  background:linear-gradient(145deg,#06191a,#020708)!important;
  border:1px solid rgba(111,224,226,.35)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.33),0 0 0 1px rgba(34,166,170,.08) inset!important;
  isolation:isolate;
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  will-change:left,top;
}
.ai-launcher.jay-i-launcher.is-dragging{cursor:grabbing!important;transform:none!important;transition:none!important}
.ai-launcher.jay-i-launcher.is-dragging .jay-i-mascot{transform:none!important;animation-play-state:paused!important}
.ai-launcher.jay-i-launcher::before{content:none!important;display:none!important}
.jay-i-mascot{display:block;width:70px;height:70px;position:relative;z-index:2;filter:drop-shadow(0 8px 12px rgba(0,0,0,.28));animation:jayIFloat 3.4s ease-in-out infinite}
.jay-i-svg{display:block;width:100%;height:100%;overflow:visible}
.jay-i-steam path{stroke-dasharray:24;animation:jayISteam 2.5s ease-in-out infinite}
.jay-i-steam path:nth-child(2){animation-delay:.45s}
.jay-i-eye{transform-box:fill-box;transform-origin:center;animation:jayIBlink 4.7s infinite}
.jay-i-mouth{transform-box:fill-box;transform-origin:center}
.jay-i-online{position:absolute;right:7px;top:7px;width:12px;height:12px;border-radius:50%;background:#35e694;border:2px solid #071111;box-shadow:0 0 0 4px rgba(53,230,148,.12),0 0 14px rgba(53,230,148,.7);z-index:4}
.jay-i-label{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);background:#050505;color:#fff;border:1px solid rgba(255,255,255,.12);padding:5px 9px;border-radius:999px;font-size:.68rem;line-height:1;font-weight:900;letter-spacing:.04em;box-shadow:0 8px 22px rgba(0,0,0,.22);white-space:nowrap}
.jay-i-launcher:hover .jay-i-mascot{transform:translateY(-3px) scale(1.04)}
.jay-i-launcher.is-popping .jay-i-mascot{animation:jayIPop .68s cubic-bezier(.16,.84,.29,1.35)}
.jay-i-launcher.is-speaking .jay-i-mouth{animation:jayITalk .24s ease-in-out infinite alternate}
.jay-i-launcher.is-speaking{box-shadow:0 20px 54px rgba(0,0,0,.36),0 0 0 4px rgba(34,166,170,.14),0 0 32px rgba(34,166,170,.26)!important}
.jay-i-greeting{position:fixed;z-index:118;right:20px;bottom:124px;width:min(285px,calc(100vw - 38px));padding:14px 16px;border-radius:20px 20px 6px 20px;background:#fff;color:#101313;border:1px solid rgba(8,18,18,.10);box-shadow:0 18px 48px rgba(0,0,0,.18);font-size:.9rem;line-height:1.4;font-weight:760;opacity:0;transform:translateY(10px) scale(.94);transform-origin:bottom right;pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.16,.84,.29,1.25)}
.jay-i-greeting::after{content:'';position:absolute;right:20px;bottom:-8px;width:16px;height:16px;background:#fff;border-right:1px solid rgba(8,18,18,.10);border-bottom:1px solid rgba(8,18,18,.10);transform:rotate(45deg)}
.jay-i-greeting.is-visible{opacity:1;transform:none}
.ai-panel.jay-i-panel{bottom:118px;border-radius:26px;overflow:hidden}
.jay-i-panel .ai-head{align-items:center;gap:12px;background:linear-gradient(145deg,#050707,#0b1a1b)}
.jay-i-head-title{display:flex;align-items:center;gap:10px;min-width:0}
.jay-i-head-title>span:last-child{display:grid;gap:1px}
.jay-i-head-title b{font-size:.98rem;line-height:1}
.jay-i-head-title small{color:rgba(255,255,255,.62);font-size:.68rem;font-weight:650;letter-spacing:.01em}
.jay-i-head-avatar{width:42px;height:42px;display:block;flex:0 0 42px}
.jay-i-head-avatar .jay-i-steam{display:none}
.jay-i-head-avatar .jay-i-svg{width:42px;height:42px}
.jay-i-panel .ai-msg{border-radius:16px 16px 16px 5px;line-height:1.45}
.jay-i-panel .ai-msg.user{border-radius:16px 16px 5px 16px}
.jay-i-panel .ai-form input{background:#fbfcfc}
@keyframes jayIFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes jayIBlink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}
@keyframes jayISteam{0%{opacity:.2;stroke-dashoffset:24;transform:translateY(3px)}45%{opacity:.95}100%{opacity:0;stroke-dashoffset:0;transform:translateY(-4px)}}
@keyframes jayIPop{0%{transform:scale(1) translateY(0)}25%{transform:scale(.84,1.12) translateY(4px)}55%{transform:scale(1.18,.9) translateY(-10px)}78%{transform:scale(.97,1.03) translateY(-2px)}100%{transform:scale(1) translateY(0)}}
@keyframes jayITalk{from{transform:scaleY(.65) translateY(-1px)}to{transform:scaleY(1.35) translateY(1px)}}
@media(max-width:720px){
  .ai-launcher.jay-i-launcher{width:68px!important;height:68px!important;min-width:68px!important;border-radius:23px!important;right:max(14px,env(safe-area-inset-right))!important;bottom:max(20px,env(safe-area-inset-bottom))!important}
  .jay-i-mascot{width:58px;height:58px}.jay-i-label{bottom:-20px;font-size:.62rem;padding:4px 8px}.jay-i-online{right:5px;top:5px;width:11px;height:11px}
  .jay-i-greeting{right:max(14px,env(safe-area-inset-right));bottom:calc(106px + env(safe-area-inset-bottom));width:min(270px,calc(100vw - 34px));font-size:.86rem}
  .ai-panel.jay-i-panel{right:max(12px,env(safe-area-inset-right));bottom:calc(104px + env(safe-area-inset-bottom));max-height:min(68vh,610px)}
}
@media(prefers-reduced-motion:reduce){.jay-i-mascot,.jay-i-steam path,.jay-i-eye,.jay-i-launcher.is-popping .jay-i-mascot,.jay-i-launcher.is-speaking .jay-i-mouth{animation:none!important}}

/* Jay-I conversational ordering */
.jayi-order-draft{margin:0 0 20px;padding:22px;border-radius:22px;background:linear-gradient(145deg,#071718,#0a2324);color:#fff;border:1px solid rgba(34,166,170,.34);box-shadow:0 16px 40px rgba(0,0,0,.14)}
.jayi-order-draft h2{margin:6px 0 8px;font-size:clamp(1.45rem,3vw,2.2rem);color:#fff}
.jayi-order-draft p{margin:0 0 16px;color:rgba(255,255,255,.74)}
.jayi-draft-actions{display:flex;gap:9px;flex-wrap:wrap}
.jayi-order-draft .secondary-order-btn{width:auto;margin:0;background:#fff;color:#071718;border-color:#fff}
.jayi-draft-missing{display:inline-flex;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);color:#d5dddd;font-size:.86rem}
.ai-msg button{font:inherit;cursor:pointer}
@media(max-width:720px){.jayi-order-draft{padding:18px;border-radius:18px}.jayi-draft-actions{display:grid}.jayi-order-draft .secondary-order-btn{width:100%}}


/* Orderable menu items */
.menu-list-detailed li,.v4-menu-wing-list article{position:relative}
.menu-item-order-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0 auto;padding:9px 12px;border:1px solid rgba(34,166,170,.34);border-radius:999px;background:#fff;color:#071718;font:inherit;font-size:.76rem;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(5,31,32,.08);transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.menu-item-order-btn b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#22a6aa;color:#fff;font-size:1rem;line-height:1}
.menu-item-order-btn:hover,.menu-item-order-btn:focus-visible{transform:translateY(-1px);background:#071718;color:#fff;border-color:#071718}
.menu-item-order-btn:hover b,.menu-item-order-btn:focus-visible b{background:#35c3c7}
.v4-menu-wing-list .menu-item-order-btn{background:#22a6aa;color:#041112;border-color:#22a6aa}
.v4-menu-wing-list .menu-item-order-btn b{background:#041112;color:#fff}
@media(max-width:720px){.menu-item-order-btn{width:100%;margin-top:10px;padding:11px 14px}.menu-item-order-btn span{flex:1;text-align:left}}


/* Jay-I Google Chirp 3 HD voice */
.jay-i-voice-toggle{margin-left:auto;border:1px solid rgba(111,224,226,.28);background:rgba(111,224,226,.08);color:#dffafa;border-radius:999px;padding:7px 10px;font:inherit;font-size:.68rem;font-weight:850;line-height:1;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.jay-i-voice-toggle:hover{background:rgba(111,224,226,.16);border-color:rgba(111,224,226,.44);transform:translateY(-1px)}
.jay-i-voice-toggle[aria-pressed="true"]{background:#22a6aa;color:#031415;border-color:#6fe0e2;box-shadow:0 0 0 3px rgba(34,166,170,.12)}
@media(max-width:720px){.jay-i-voice-toggle{padding:6px 8px;font-size:.62rem}}


/* Jay-I live voice conversation */
.jay-i-live-listen{
  margin:0 14px 10px;
  padding:12px 13px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(34,166,170,.11),rgba(5,12,12,.96));
  border:1px solid rgba(111,224,226,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.jay-i-listen-top{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.64);font-size:.66rem;letter-spacing:.02em}
.jay-i-listen-top strong{color:#eaffff;font-size:.72rem;margin-right:auto}
.jay-i-listen-dot{width:9px;height:9px;border-radius:50%;background:#35e694;box-shadow:0 0 0 4px rgba(53,230,148,.1),0 0 14px rgba(53,230,148,.58);animation:jayiListenPulse 1.2s ease-in-out infinite}
.jay-i-live-listen[data-state="paused"] .jay-i-listen-dot{background:#f2c66d;box-shadow:0 0 0 4px rgba(242,198,109,.1),0 0 14px rgba(242,198,109,.42);animation:none}
.jay-i-live-text{margin-top:9px;min-height:2.65em;color:#fff;font-size:.92rem;line-height:1.42;font-weight:720}
.jay-i-transcript-interim{color:rgba(255,255,255,.54);font-weight:610}
.jay-i-mic{
  flex:0 0 auto;
  min-width:58px;
  height:42px;
  padding:0 10px;
  border-radius:14px;
  border:1px solid rgba(34,166,170,.28);
  background:#eefafa;
  color:#07595d;
  font:inherit;
  font-size:.72rem;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:transform .16s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.jay-i-mic>span:first-child{font-size:.62rem;color:#22a6aa}
.jay-i-mic:hover{transform:translateY(-1px)}
.jay-i-mic.is-listening{
  background:#22a6aa;
  color:#031516;
  border-color:#6fe0e2;
  box-shadow:0 0 0 4px rgba(34,166,170,.12),0 9px 24px rgba(4,85,88,.22);
}
.jay-i-mic.is-listening>span:first-child{color:#fff;animation:jayiMicBeat .9s ease-in-out infinite}
@keyframes jayiListenPulse{0%,100%{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.14)}}
@keyframes jayiMicBeat{0%,100%{transform:scale(.72)}50%{transform:scale(1.25)}}
@media(max-width:720px){
  .jay-i-live-listen{margin:0 10px 9px;padding:11px 12px;border-radius:14px}
  .jay-i-live-text{font-size:.9rem}
  .jay-i-mic{min-width:52px;height:42px;padding:0 9px}
  .jay-i-mic-label{display:none}
}
@media(prefers-reduced-motion:reduce){
  .jay-i-listen-dot,.jay-i-mic.is-listening>span:first-child{animation:none!important}
}

/* Jay-I mobile-first conversation surface */
.jay-i-panel .ai-messages{
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.jay-i-panel .ai-msg{
  font-size:.94rem;
  box-shadow:0 5px 16px rgba(8,18,18,.055);
  white-space:pre-wrap;
}
.jay-i-panel .ai-msg>div{
  gap:7px!important;
  margin-top:11px!important;
}
.jay-i-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px}
.jay-i-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 13px;
  border-radius:999px;
  text-decoration:none;
  font:inherit;
  font-size:.82rem;
  font-weight:800;
  line-height:1.15;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.jay-i-action.is-primary{border:1px solid #0b2021;background:#0b2021;color:#fff}
.jay-i-action.is-secondary{border:1px solid rgba(7,89,93,.22);background:#fff;color:#07595d}
.jay-i-action:hover{transform:translateY(-1px)}
.jay-i-thinking{display:flex;align-items:center;gap:4px;width:max-content;color:#52605d}
.jay-i-thinking span{margin-right:3px;font-size:.82rem;font-weight:750}
.jay-i-thinking i{width:6px;height:6px;border-radius:50%;background:#22a6aa;animation:jayiThinking 1s ease-in-out infinite}
.jay-i-thinking i:nth-of-type(2){animation-delay:.14s}
.jay-i-thinking i:nth-of-type(3){animation-delay:.28s}
@keyframes jayiThinking{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.jay-i-composer{
  position:relative;
  z-index:3;
  background:rgba(255,255,255,.96);
  border-top:1px solid rgba(8,18,18,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.jay-i-composer .ai-quick{padding-top:10px}
.jay-i-composer .ai-form{border-top:0}
.jay-i-panel .jay-i-send{min-width:48px;height:44px;border-radius:15px;touch-action:manipulation}

@media(max-width:720px){
  body.jayi-chat-open{
    position:fixed;
    top:var(--jayi-page-scroll,0px);
    right:0;
    bottom:0;
    left:0;
    width:100%;
    overflow:hidden!important;
    overscroll-behavior:none;
  }
  body.jayi-chat-open .ai-launcher.jay-i-launcher,
  body.jayi-chat-open .jay-i-greeting{visibility:hidden;pointer-events:none}
  .ai-panel.jay-i-panel{
    --jayi-viewport-height:100dvh;
    --jayi-viewport-width:100vw;
    --jayi-viewport-top:0px;
    --jayi-viewport-left:0px;
    position:fixed!important;
    z-index:1000!important;
    top:var(--jayi-viewport-top)!important;
    right:auto!important;
    bottom:auto!important;
    left:var(--jayi-viewport-left)!important;
    width:var(--jayi-viewport-width)!important;
    max-width:var(--jayi-viewport-width)!important;
    height:var(--jayi-viewport-height)!important;
    box-sizing:border-box!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:#f6f8f7;
    box-shadow:none!important;
    grid-template-rows:auto minmax(0,1fr) auto;
    overflow:hidden;
    isolation:isolate;
  }
  .jay-i-panel .ai-head{
    min-height:72px;
    padding:calc(9px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 9px calc(12px + env(safe-area-inset-left));
    gap:8px;
    border-bottom:1px solid rgba(255,255,255,.1);
    box-shadow:0 8px 26px rgba(0,0,0,.12);
  }
  .jay-i-head-title{gap:9px;flex:1 1 auto}
  .jay-i-head-avatar,.jay-i-head-avatar .jay-i-svg{width:44px;height:44px}
  .jay-i-head-avatar{flex-basis:44px}
  .jay-i-head-title b{font-size:1rem}
  .jay-i-head-title small{font-size:.7rem;line-height:1.2}
  .jay-i-voice-toggle{
    flex:0 0 auto;
    min-height:44px;
    padding:0 11px;
    font-size:.72rem;
    touch-action:manipulation;
  }
  .jay-i-panel .ai-close{
    flex:0 0 44px;
    width:44px;
    height:44px;
    padding:0;
    font-size:1.35rem;
    touch-action:manipulation;
  }
  .jay-i-panel .ai-messages{
    min-width:0;
    min-height:0;
    height:auto;
    overflow-x:hidden;
    padding:18px calc(14px + env(safe-area-inset-right)) 22px calc(14px + env(safe-area-inset-left));
    gap:12px;
    background:
      radial-gradient(circle at 92% 4%,rgba(34,166,170,.11),transparent 28%),
      linear-gradient(180deg,#f8faf9,#f2f5f4);
    scroll-padding:18px 0 26px;
  }
  .jay-i-panel .ai-msg{
    max-width:min(88%,32rem);
    padding:12px 14px;
    border-radius:18px 18px 18px 6px;
    font-size:1rem;
    line-height:1.48;
    box-shadow:0 6px 18px rgba(8,18,18,.07);
  }
  .jay-i-panel .ai-msg.user{
    border-radius:18px 18px 6px 18px;
    background:#22a6aa;
    color:#001516;
  }
  .jay-i-panel .ai-msg>div{
    width:100%;
    max-width:100%;
    min-width:0;
    gap:8px!important;
    padding-bottom:2px;
    overflow:hidden;
    box-sizing:border-box;
  }
  /* Final mobile action layout: never allow recommendation/order chips to escape the message bubble. */
  .jay-i-panel .jay-i-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:8px!important;
    overflow:hidden!important;
    box-sizing:border-box;
  }
  .jay-i-panel .jay-i-actions>a,
  .jay-i-panel .jay-i-actions>button{
    display:flex;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:44px;
    padding:10px 14px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal;
    text-align:center;
    box-sizing:border-box;
    touch-action:manipulation;
  }
  .jay-i-composer{
    min-width:0;
    padding:0 max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    box-shadow:0 -12px 30px rgba(8,18,18,.08);
  }
  .jay-i-composer .ai-quick{
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    padding:11px 12px 8px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .jay-i-composer .ai-quick::-webkit-scrollbar{display:none}
  .jay-i-composer .ai-quick button{
    flex:0 0 auto;
    min-height:40px;
    padding:9px 13px;
    font-size:.82rem;
    background:#fff;
    border-color:rgba(7,89,93,.2);
    scroll-snap-align:start;
    touch-action:manipulation;
  }
  .jay-i-composer .ai-form{
    display:grid;
    min-width:0;
    width:100%;
    box-sizing:border-box;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px;
    padding:7px 12px 11px;
  }
  .jay-i-panel .ai-form input{
    width:100%;
    max-width:100%;
    min-width:0;
    height:48px;
    padding:0 15px;
    border-radius:16px;
    background:#fff;
    border-color:rgba(8,18,18,.14);
    box-shadow:inset 0 1px 2px rgba(8,18,18,.025);
  }
  .jay-i-panel .ai-form input:focus{
    border-color:#22a6aa;
    box-shadow:0 0 0 4px rgba(34,166,170,.13);
  }
  .jay-i-mic{
    min-width:72px;
    height:48px;
    padding:0 12px;
    border-radius:16px;
    font-size:.75rem;
  }
  .jay-i-mic-label{display:inline}
  .jay-i-panel .jay-i-send{
    width:52px;
    min-width:52px;
    height:48px;
    border-radius:16px;
    font-size:.75rem;
    color:#021415;
  }
  .jay-i-live-listen{
    margin:0 12px 6px;
    padding:11px 13px;
    border-radius:15px;
    box-shadow:0 7px 18px rgba(5,31,32,.12);
  }
  .jay-i-listen-top{font-size:.69rem}
  .jay-i-listen-top strong{font-size:.76rem}
  .jay-i-live-text{min-height:1.5em;font-size:.94rem}
}

@media(max-width:390px){
  .jay-i-head-title small{display:none}
  .jay-i-voice-toggle{padding:0 9px;font-size:.68rem}
  .jay-i-panel .ai-messages{padding-right:12px;padding-left:12px}
  .jay-i-panel .ai-msg{max-width:92%;font-size:.96rem}
  .jay-i-composer .ai-form{gap:6px;padding-right:9px;padding-left:9px}
  .jay-i-mic{min-width:48px;width:48px;padding:0}
  .jay-i-mic-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .jay-i-panel .jay-i-send{width:48px;min-width:48px}
}

@media(max-width:720px) and (max-height:520px) and (orientation:landscape){
  .jay-i-panel .ai-head{min-height:58px;padding-top:calc(5px + env(safe-area-inset-top));padding-bottom:5px}
  .jay-i-head-avatar,.jay-i-head-avatar .jay-i-svg{width:38px;height:38px}
  .jay-i-head-avatar{flex-basis:38px}
  .jay-i-composer .ai-quick{display:none}
  .jay-i-panel .ai-messages{padding-top:12px;padding-bottom:14px}
}

@media(prefers-reduced-motion:reduce){.jay-i-thinking i{animation:none!important;opacity:.7}}