/* Purple night palette. The original green/yellow Way Sushi letters stay untouched. */
:root{--ink:#f8f3ff;--muted:#baaeca;--line:#584276;--soft:#21152f;--accent:#ffd831}
html{background:#0e0818}
body{color:var(--ink);background-color:#0e0818;background-image:radial-gradient(ellipse 48rem 37rem at 82% -6%,#63359066,transparent 75%),radial-gradient(ellipse 42rem 34rem at 4% 55%,#5c2f8052,transparent 76%),radial-gradient(ellipse 34rem 29rem at 90% 88%,#351f6159,transparent 75%),linear-gradient(145deg,#11091e 0%,#170d26 46%,#0d0817 100%)}
::selection{background:#9c75d8;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ffdf55}

/* Three balanced columns keep the transparent wordmark centered in the full header. */
.header{height:120px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:20px;align-items:center;border-bottom:1px solid #a483cf33}
.header .brand{grid-column:2;grid-row:1;justify-self:center;width:318px;max-width:100%;min-width:0}
.brand img{border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 9px 14px #05030a85)}
.header-note{grid-column:1;grid-row:1;justify-self:start;border-left-color:#ba99db50;color:#c2b4d2}
.header-note strong{color:#f2eafd}
.top-nav{grid-column:3;grid-row:1;justify-self:start;margin:0;background:#241533d9;border:1px solid #9d73bf4a}
.top-nav a:hover,.top-nav .text-button:hover{color:#ffdc41}
.bag-button{grid-column:3;grid-row:1;justify-self:end;margin:0;background:#35204b;border:1px solid #a87bc76b;box-shadow:0 9px 20px #09041180;color:#fff}
.bag-button:hover{background:#492967}
.bag-button b{background:#ffdb39;color:#2b1744}

.intro{background:radial-gradient(circle at 78% 23%,#a05bca5c,transparent 43%),radial-gradient(circle at 12% 96%,#57287985,transparent 53%),linear-gradient(120deg,#2a1745,#1b112f 57%,#281339);border-color:#a96ad076;box-shadow:0 25px 60px #07030f8c}
.intro:before{-webkit-text-stroke-color:#d9aff01b}
.intro:after{border-color:#cea9eb24}
.intro-copy>.takeaway-label{background:#3d245a;border-color:#b790d971;color:#eee0f7}
.intro-copy>.takeaway-label:before{color:#ffdd43}
.intro h1 .hero-accent{color:#ffdf45}
.intro p{color:#e1d3ed}
.intro-food:before{border-color:#c09be970;outline-color:#b782de2e}
.showcase-photo{border-color:#e5c8ff87}
.showcase-caption{background:#241433eb;border-color:#b988d77d}
.showcase-category{color:#d3bde3}
.showcase-price{color:#ffdf43}
.showcase-progress-track{background:#c3a6da4d}
.showcase-progress{background:#ffdc43}

.service-strip{color:#c8b5da;border-bottom-color:#a075c044}
.service-strip b{color:#ffe155}
.section-heading h2{color:#fff8ff}
.section-heading h2:after{background:linear-gradient(90deg,#9870d1,#ffdd41)}
.category{background:#2a1b3a;color:#dfcfe9;border-color:#9272af68}
.category.active{background:#ffdc42;color:#2a1743;border-color:#ffe78e;box-shadow:0 7px 20px #08030d83}
.category:hover:not(.active){background:#422656;color:#fff;border-color:#b78dd2}
.listing-heading>span{color:#e4c8ff}
.menu-group-heading{color:#ead6ff;border-top-color:#b989d57a;text-shadow:0 2px 22px #a373db66}

.product-card{background:linear-gradient(155deg,#332147 0%,#241733 57%,#1b122a 100%);border-color:#aa7bc46d;box-shadow:0 16px 38px #07030fc7,inset 0 1px 0 #ead5ff1f}
.product-card:hover{border-color:#ddafea;box-shadow:0 20px 47px #050208d9,0 0 0 1px #e6b9fd38}
.card-bottom{border-top-color:#cca8e842}
.price{color:#ffe15c}
.dish-meta,.product-card p{color:#c8b7d5}
.add-button{background:#7241a0;color:#fff;border-color:#b77bd4;box-shadow:0 6px 17px #09041080}
.add-button:hover{background:#9154ba;border-color:#d5a8ef;color:#fff}
.qty-controls{background:#4c2c70;color:#fff;border-color:#b188d5}
.badge{background:#251436ed;border-color:#d4ade772;color:#fff}
.drinks-note{background:#271a39;border-color:#a686c367;color:#e9dbf1}
.drinks-note a{color:#ffe15c}

.cart-panel{background:linear-gradient(155deg,#3a2250,#1e142f 82%);border-color:#b080d87a;box-shadow:0 18px 42px #08030f69}
.cart-heading{border-bottom-color:#a886c265}
.cart-heading h3,.cart-total strong{color:#ffe15c}
.cart-number{background:#5a3575;color:#fff}
.cart-footer-note{border-color:#8d6daa66}
.primary-button{background:#ffda3c;border-color:#ffda3c;color:#27153d}
.primary-button:hover{background:#ffe775;color:#27153d}
.mobile-cart{background:#ffdc42;border-color:#ffe885;color:#27143d;box-shadow:0 10px 29px #06020ba6}

.pickup-section{background:radial-gradient(circle at 86% 6%,#8b49be5b,transparent 43%),linear-gradient(120deg,#321e4b,#201331 65%,#321b48);border-color:#ab79d17c}
.pickup-section:after{-webkit-text-stroke-color:#dbb3f528}
.pickup-section .takeaway-label{color:#ffdf52}
.pickup-section p{color:#d9c7e6}
footer{border-top:1px solid #a483cf33;color:#c9b6d9}
footer .brand{width:210px}
footer a:hover{color:#ffde51}

dialog{background:#221532;color:#f8f1ff;border-color:#a77ac978}
dialog::backdrop{background:#080310c9}
.close-button,.secondary-button{background:#49305f;color:#fff}
form input,form select,form textarea{background:#302041;border-color:#a67cc676;color:#fff}
form input::placeholder,form textarea::placeholder{color:#b7a3c7}
.notice,.receipt-detail{background:#332147;border-color:#a67fc376;color:#e7d8ef}
.receipt-check{background:#49305f;color:#fff}
.fulfillment-options input:checked+span{background:#ffdc42;border-color:#ffdc42;color:#281641}
.photo-details strong{color:#ffdf52}
.toast{background:#7e44aa;color:#fff}

/* Keep the category illustrations, but make every atmospheric transition purple. */
.theme-layer[data-theme="cold-rolls"]{background-image:radial-gradient(ellipse 65% 62% at 66% 44%,#6847a38c,transparent 78%),radial-gradient(ellipse 60% 68% at 15% 85%,#3d2c8270,transparent 80%),url('themes/cold-rolls.svg')}
.theme-layer[data-theme="hot-rolls"]{background-image:radial-gradient(ellipse 65% 62% at 66% 44%,#8645a18c,transparent 78%),radial-gradient(ellipse 60% 68% at 15% 85%,#5a287870,transparent 80%),url('themes/hot-rolls.svg')}
.theme-layer[data-theme="pizza"]{background-image:radial-gradient(ellipse 65% 62% at 66% 44%,#904a998c,transparent 78%),radial-gradient(ellipse 60% 68% at 15% 85%,#60327670,transparent 80%),url('themes/pizza.svg')}
.theme-layer[data-theme="fastfood"]{background-image:radial-gradient(ellipse 65% 62% at 66% 44%,#6d4b9d8c,transparent 78%),radial-gradient(ellipse 60% 68% at 15% 85%,#472b7270,transparent 80%),url('themes/fastfood.svg')}
.theme-layer[data-theme="shawarma"]{background-image:radial-gradient(ellipse 65% 62% at 66% 44%,#8655a08c,transparent 78%),radial-gradient(ellipse 60% 68% at 15% 85%,#51307170,transparent 80%),url('themes/shawarma.svg')}
.theme-layer[data-theme="chudu"]{background-image:radial-gradient(ellipse 65% 62% at 66% 44%,#7449988c,transparent 78%),radial-gradient(ellipse 60% 68% at 15% 85%,#47297070,transparent 80%),url('themes/chudu.svg')}
.theme-layer[data-theme="frozen"]{background-image:radial-gradient(ellipse 65% 62% at 66% 44%,#594caf8c,transparent 78%),radial-gradient(ellipse 60% 68% at 15% 85%,#322c7970,transparent 80%),url('themes/frozen.svg')}
.theme-layer[data-theme="hot-food"]{background-image:radial-gradient(ellipse 65% 62% at 66% 44%,#8653a38c,transparent 78%),radial-gradient(ellipse 60% 68% at 15% 85%,#52307770,transparent 80%),url('themes/hot-food.svg')}
.theme-layer[data-theme="drinks"]{background-image:radial-gradient(ellipse 65% 62% at 66% 44%,#4d5ab099,transparent 78%),radial-gradient(ellipse 60% 68% at 15% 85%,#3432777e,transparent 80%),url('themes/drinks.svg')}

@media(max-width:1200px){.header-note{font-size:12px;padding-left:16px}.top-nav{gap:12px;padding:12px 14px;font-size:12px}.top-nav .text-button{font-size:12px}.header .brand{width:290px}.bag-button{padding:12px 14px}}
@media(max-width:1100px){.top-nav{display:none}.header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.header .brand{width:300px}}
@media(max-width:760px){.header{height:90px;position:relative;display:flex;justify-content:center;padding-left:12px;padding-right:12px}.header .brand{width:clamp(176px,53vw,240px);max-width:calc(100% - 98px)}.header .bag-button{position:absolute;right:13px;top:50%;transform:translateY(-50%);margin:0;padding:10px 12px;background:#39234e;border-color:#a678c8}.header .bag-button b{position:absolute;right:-5px;top:-7px;min-width:19px;height:19px;font-size:10px}.intro{background:radial-gradient(circle at 86% 18%,#9456c051,transparent 49%),linear-gradient(145deg,#34204d,#1e1230 65%,#28153d)}.product-card .add-button{background:#7241a0}.product-card .add-button:hover{background:#9154ba}}
@media(max-width:350px){.header .brand{width:min(182px,calc(100vw - 105px))}.header .bag-button{right:9px;padding:8px 10px}}

/* Give the sign a full-width row; keep address, navigation and cart beneath it. */
.header{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto;row-gap:0;padding-top:5px;padding-bottom:13px}
.header .brand{grid-column:1/-1;grid-row:1;width:min(100%,620px);max-width:100%;justify-self:center}
.header-note{grid-column:1;grid-row:2;align-self:center}
.top-nav{grid-column:2;grid-row:2;justify-self:center;align-self:center}
.bag-button{grid-column:3;grid-row:2;justify-self:end;align-self:center}
@media(max-width:1100px){.header .brand{width:min(100%,600px)}}
@media(max-width:760px){
  .header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:0;padding:8px 13px 10px}
  .header .brand{grid-column:1/-1;grid-row:1;width:min(100%,450px);max-width:100%;justify-self:center}
  .header .bag-button{grid-column:2;grid-row:2;position:static;transform:none;justify-self:end;margin-top:2px;padding:10px 12px}
}
@media(max-width:350px){.header .brand{width:100%}.header .bag-button{padding:8px 10px}}

.location-inline{color:#ffdf52;font-weight:700;white-space:nowrap;margin-left:5px;text-decoration:underline;text-decoration-color:#ffdf5270;text-underline-offset:4px}
.location-inline:hover,.location-inline:focus-visible{text-decoration-color:currentColor}
.pickup-location{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.pickup-location p{margin:0}
.location-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;padding:11px 18px;border:1px solid #ffdf52ad;border-radius:999px;color:#ffdf52;font-size:14px;font-weight:700;line-height:1.2;transition:background-color .2s,color .2s,transform .2s}
.location-button:hover{background:#ffdf52;color:#29163d;transform:translateY(-2px)}
.location-button-dialog{margin-bottom:15px}
@media(max-width:760px){.pickup-location{margin-top:20px}.location-button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.location-button{transition:none}.location-button:hover{transform:none}}

.variable-price-note{margin:-8px 0 18px;color:#d9cce3;font-size:12px;line-height:1.45}
.product-card[data-category="Горячие блюда"] .price{font-variant-numeric:tabular-nums}
.showcase-price{font-size:clamp(16px,1.8vw,22px)}
@media(max-width:760px){.cart-total strong{font-size:clamp(17px,4.8vw,22px)}}