:root {
  --orange: #ff7a00;
  --amber: #ffb000;
  --charcoal: #1b1c1f;
  --black: #080808;
  --ink: #161616;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fffaf4; color: var(--ink); font-family: "DM Sans", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }

.delivery-strip { height: 45px; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg,#ff7100,#ff9300); color: #fff; font-size: 17px; font-weight: 700; }
.site-header { height: 77px; display: flex; align-items: center; gap: 34px; padding: 7px clamp(30px,5.2vw,100px); color: #fff; background: #17191c; }
.brand { display: flex; align-items: center; width: min(530px,34vw); min-width: 350px; flex: none; }
.brand img { display: block; width: 100%; height: 62px; object-fit: contain; object-position: left center; mix-blend-mode: screen; }
nav { display: flex; align-items: center; gap: 35px; margin-left: auto; font-size: 16px; font-weight: 600; white-space: nowrap; }
nav a:hover { color: #ff9b37; }
.header-actions { display: flex; align-items: center; gap: 29px; font-size: 17px; font-weight: 700; white-space: nowrap; }
.order-button { display: inline-flex; align-items: center; justify-content: center; padding: 17px 30px; border-radius: 6px; color: #fff; background: linear-gradient(135deg,#ff9b13,#f06400); box-shadow: 0 9px 20px #0008; font-size: 22px; font-weight: 700; transition: transform .2s,filter .2s; }
.order-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.header-order { padding: 14px 20px; font-size: 17px; }
.phone { white-space: nowrap; }

.hero { min-height: 438px; position: relative; display: grid; grid-template-columns: 46% 54%; overflow: hidden; color: #fff; background: #0a0a0a; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(90deg,#090909 0%,#111 39%,transparent 64%),linear-gradient(180deg,#0002,transparent); }
.hero-copy { position: relative; z-index: 1; padding: 29px 10px 26px clamp(32px,5.2vw,100px); }
.star-pattern { position: absolute; z-index: -1; left: 0; top: 24px; color: #ff8a151d; font-size: 180px; line-height: 1; transform: rotate(-14deg); }
h1,h2 { font-family: "DM Serif Display", Georgia, serif; }
h1 { margin: 0 0 15px; font-size: clamp(50px,4.4vw,73px); line-height: .95; letter-spacing: -1.5px; }
h1 span { color: #ff9418; }
.hero-intro { margin: 0 0 10px; font-size: 26px; font-weight: 600; }
.cuisine-list { margin: 0 0 20px; color: #eee8df; font-size: 17px; }
.cuisine-list b { padding: 0 7px; color: #bfb8b0; }
.hero-buttons { display: flex; gap: 16px; }
.menu-button { display: inline-flex; align-items: center; justify-content: center; padding: 14px 27px; border: 2px solid #ff9418; border-radius: 6px; color: #ffb43a; font-size: 22px; font-weight: 700; }
.benefits { display: flex; align-items: center; gap: 26px; margin: 24px 0 0; padding: 0; list-style: none; }
.benefits li { display: flex; align-items: center; gap: 9px; white-space: nowrap; }
.benefits svg { width: 30px; height: 27px; overflow: visible; fill: none; stroke: #ff9b17; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.benefits svg text { fill: #ff9b17; stroke: none; font: 700 19px "DM Sans",sans-serif; }
.benefits span { color: #fff; font-size: 16px; font-weight: 600; }
.hygiene-rating { position: absolute; top: 145px; right: clamp(18px,2.3vw,44px); width: clamp(125px,8.7vw,165px); height: auto; border-radius: 10px; box-shadow: 0 8px 22px #0009; }
.hero-photo { min-height: 438px; background: #06171a url("assets/goldstar-logo-thin.jpg") center/88% auto no-repeat; }

.category-wrap { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; max-width: 1473px; margin: -22px auto 16px; }
.category { min-height: 209px; overflow: hidden; display: grid; grid-template-rows: 142px 1fr; position: relative; background: #fff; border: 5px solid #fff; border-radius: 18px; box-shadow: 0 7px 20px #4b240c20; }
.category-art { display: block; background-repeat: no-repeat; background-size: 94% auto; background-position: center; }
.fish .category-art { background-color: #8a4d20; background-image: url("assets/fish-and-chips.png"); background-position: center calc(50% + 12px); }
.chinese .category-art { background-color: #372116; background-image: url("assets/chinese.png"); }
.greek .category-art { background-color: #6b371d; background-image: url("assets/greek.png"); }
.burgers .category-art { background-color: #3f2517; background-image: url("assets/burger.png"); }
.category > span:last-of-type { padding: 6px 19px; }
.category strong { display: block; font: 25px "DM Serif Display",Georgia,serif; }
.category small { display: block; color: #6a625c; font-size: 15px; }
.category i { position: absolute; right: 17px; bottom: 13px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#ffad1e,#f16a00); font: 38px Arial; }

.information-grid { max-width: 1527px; margin: auto; padding: 0 0 30px; display: grid; grid-template-columns: 3fr 2fr; gap: 18px; }
.reviews,.find-us { min-height: 230px; padding: 24px 30px; border: 1px solid #ffe1c1; border-radius: 12px; background: linear-gradient(125deg,#fffaf5,#fff0df); }
.reviews-title { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.reviews h2 { margin: 0; font-size: 38px; line-height: 1; }
.reviews h2 span { color: #ef6c00; }
.rating { display: grid; grid-template-columns: auto auto; column-gap: 10px; align-items: center; }
.rating b { color: #f28a00; letter-spacing: 2px; font-size: 29px; }
.rating strong { font-size: 18px; }
.rating small { font-size: 12px; font-weight: 400; }
.rating em { grid-column: 1/-1; text-align: right; color: #6c6258; font-size: 14px; font-style: normal; }
.review-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 23px; }
.review-card { display: block; min-height: 103px; padding: 12px 14px; border-radius: 10px; color: #382c23; background: #fff; }
.review-card span { color: #f28a00; letter-spacing: 1px; }
.review-card p { margin: 5px 0; font-size: 13px; line-height: 1.3; }
.review-card small { color: #786d64; font-size: 11px; }
.find-us { display: flex; gap: 20px; }
.find-copy { flex: 1; }
.find-us h2 { margin: 0 0 12px; font-family: "DM Sans",sans-serif; font-size: 20px; }
.find-us p { margin: 0 0 10px; line-height: 1.45; }
.find-us a { color: #db6100; text-decoration: underline; font-weight: 700; }
.find-us hr { margin: 15px 0; border: 0; border-top: 1px solid #e5cbb5; }
.find-us span { color: #675d54; }
.map-card { width: 43%; min-height: 200px; margin: -4px 0; align-self: stretch; border: 0; border-radius: 8px; }

.full-menu { max-width: 1527px; margin: 10px auto 45px; padding: 42px; color: #fff; background: linear-gradient(145deg,#070707,#17110c); border: 2px solid #f27600; border-radius: 20px; box-shadow: 0 20px 50px #3215002b; scroll-margin-top: 18px; }
.menu-heading-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; }
.menu-eyebrow { color: #ff8a12; font-size: 13px; font-weight: 700; letter-spacing: 2px; }
.full-menu h2 { margin: 5px 0 7px; color: #ff8a12; font-size: 44px; line-height: 1; }
.menu-heading-row p { margin: 0; color: #d8d1ca; }
.menu-search { width: min(410px,38%); color: #ff9b35; font-size: 13px; font-weight: 700; }
.menu-search span { display: block; margin-bottom: 7px; }
.menu-search input { width: 100%; height: 50px; padding: 0 17px; color: #fff; background: #101010; border: 1px solid #9d4a00; border-radius: 9px; font: 16px "DM Sans",sans-serif; outline: none; }
.menu-search input::placeholder { color: #9b9188; }
.menu-search input:focus { border-color: #ff8a12; box-shadow: 0 0 0 4px #ff7a0028; }
.menu-filters { display: flex; flex-wrap: wrap; gap: 9px; margin: 28px 0 12px; }
.menu-filters button { padding: 10px 15px; color: #ff9b35; background: #0c0c0c; border: 1px solid #a44e05; border-radius: 999px; font: 600 14px "DM Sans",sans-serif; cursor: pointer; }
.menu-filters button:hover { color: #ffbd72; border-color: #ff8a12; }
.menu-filters button.is-active { color: #090909; background: #ff8410; border-color: #ff8410; }
.menu-filters .menu-filter--gluten-free { color: #082f1b; background: #b9f7cf; border-color: #72d79a; }
.menu-filters .menu-filter--gluten-free:hover,.menu-filters .menu-filter--gluten-free.is-active { color: #fff; background: #167a42; border-color: #70d99a; }
.menu-status { min-height: 20px; margin: 0 0 17px; color: #b9aaa0; font-size: 13px; }
.menu-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; align-items: start; }
.menu-group { overflow: hidden; padding: 0 20px 7px; color: #f7eee7; background: #0b0b0b; border: 1px solid #db6807; border-radius: 13px; box-shadow: 0 8px 25px #0009; }
.menu-group h3 { margin: 0 -20px 4px; padding: 15px 20px; color: #ff8a12; background: #171717; border-bottom: 1px solid #db6807; font: 27px "DM Serif Display",Georgia,serif; }
.menu-group--gluten-free { border: 2px solid #63cd8a; box-shadow: 0 10px 32px #58cf8b47; }
.menu-group--gluten-free h3 { color: #fff; background: linear-gradient(90deg,#08733c,#18a75a); border-bottom-color: #63cd8a; }
.menu-group--gluten-free .menu-group-note { color: #174d2d; background: #e5faec; border: 1px solid #a5e5ba; }
.menu-group-note { margin: 9px 0 7px; padding: 9px 11px; color: #ffc17f; background: #2a1608; border-left: 3px solid #ff7a00; border-radius: 7px; font-size: 13px; line-height: 1.35; }
.menu-item { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; align-items: start; padding: 11px 0; border-bottom: 1px dashed #55351f; }
.menu-item:last-child { border-bottom: 0; }
.menu-item strong { display: block; color: #fff; font-size: 15px; line-height: 1.25; }
.menu-item small { display: block; margin-top: 4px; color: #b7aaa0; font-size: 12px; line-height: 1.35; }
.menu-item b { color: #ff8a12; font-size: 15px; line-height: 1.25; text-align: right; white-space: nowrap; }
.menu-footnote { margin: 20px 0 0; padding: 14px 17px; color: #e0d3ca; background: #ffffff08; border-left: 4px solid #ff7a00; border-radius: 5px; font-size: 14px; }
.menu-empty { min-height: 100px; }

@media (max-width:1450px) {
  .site-header { gap: 22px; padding-inline: 34px; }
  .brand { width: 390px; min-width: 280px; }
  .brand img { height: 54px; }
  nav { gap: 20px; }
  .header-actions { gap: 16px; }
  .hero-intro { font-size: 22px; }
  .hygiene-rating { top: 165px; right: -85px; width: 105px; }
  .category-wrap,.information-grid { max-width: calc(100% - 60px); }
}

@media (max-width:1000px) {
  nav { display: none; }
  .header-actions { margin-left: auto; }
  .hero { grid-template-columns: 52% 48%; }
  .hygiene-rating { display: none; }
  .category-wrap { grid-template-columns: repeat(2,1fr); }
  .information-grid { grid-template-columns: 1fr; }
  .menu-grid { grid-template-columns: 1fr; }
}

@media (max-width:680px) {
  .delivery-strip { height: 38px; font-size: 14px; }
  .site-header { height: 67px; padding: 6px 15px; }
  .brand { width: 52vw; min-width: 0; }
  .brand img { height: 42px; }
  .header-order { padding: 11px 13px; font-size: 14px; }
  .header-actions { gap: 0; }
  .phone { display: none; }
  .hero { display: block; min-height: 620px; }
  .hero-photo { position: absolute; inset: 0; background-position: 58% center; }
  .hero::after { background: linear-gradient(90deg,#080808f8 0%,#0b0b0bd2 60%,#09090945 100%); }
  .hero-copy { padding: 43px 24px; }
  h1 { font-size: 48px; }
  .hero-intro { font-size: 21px; }
  .cuisine-list { font-size: 15px; line-height: 1.7; }
  .hero-buttons { flex-wrap: wrap; }
  .order-button,.menu-button { padding: 14px 17px; font-size: 18px; }
  .benefits { display: grid; gap: 8px; margin-top: 22px; }
  .benefits span { font-size: 15px; }
  .category-wrap { max-width: none; margin-top: -25px; padding: 0 13px; gap: 8px; }
  .category { min-height: 142px; grid-template-rows: 75px 1fr; }
  .category strong { font-size: 19px; }
  .category > span:last-of-type { padding: 5px 9px; }
  .category small { font-size: 11px; }
  .category i { right: 8px; bottom: 10px; width: 28px; height: 28px; font-size: 28px; }
  .information-grid { max-width: none; padding: 0 13px 25px; }
  .reviews,.find-us { padding: 20px; }
  .reviews-title { display: block; }
  .reviews h2 { font-size: 31px; }
  .rating { margin-top: 15px; }
  .review-cards { grid-template-columns: 1fr; margin-top: 18px; }
  .review-card { min-height: 0; }
  .find-us { display: block; }
  .map-card { display: block; width: 100%; min-height: 180px; margin-top: 16px; }
  .full-menu { max-width: none; margin: 0 13px 25px; padding: 25px 15px; border-radius: 14px; }
  .menu-heading-row { display: block; }
  .full-menu h2 { font-size: 34px; }
  .menu-search { width: 100%; margin-top: 22px; }
  .menu-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
  .menu-filters button { flex: none; }
  .menu-group { padding-inline: 14px; }
  .menu-group h3 { margin-inline: -14px; padding-inline: 14px; font-size: 24px; }
  .menu-item { gap: 9px; }
  .menu-item b { font-size: 14px; }
}

/* Collection-only banner and safe phone layout. */
html,body { max-width:100%; overflow-x:clip; }
.delivery-strip { justify-content:flex-start; overflow:hidden; contain:paint; white-space:nowrap; }
.collection-ticker { display:flex; align-items:center; width:max-content; animation:goldstar-ticker 24s linear infinite; will-change:transform; }
.collection-message { display:flex; align-items:center; gap:28px; flex:none; padding-right:28px; }
.collection-ticker b { color:#ffe36d; font-size:22px; }
@keyframes goldstar-ticker { to { transform:translateX(-50%); } }
@media (max-width:1000px) { .header-actions { margin-left:auto; } }
@media (max-width:680px) { .site-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }.brand { width:auto; min-width:0; }.brand img { object-fit:contain; object-position:left center; }.header-actions { gap:5px; margin-left:0; }.header-order { min-height:43px; padding:10px 9px; font-size:0; }.header-order::after { content:"Order"; font-size:13px; } }
@media (prefers-reduced-motion:reduce) { .collection-ticker { width:100%; justify-content:center; animation:none; }.collection-message:nth-child(n+2),.collection-message b { display:none; } }
.menu-item-controls { display:flex; flex-direction:column; align-items:flex-end; gap:7px; }
.add-item,.basket-button,.checkout-button,.add-confirm { border:0; cursor:pointer; font:700 14px "DM Sans",sans-serif; }
.add-item { min-width:62px; padding:7px 11px; color:#fff; background:#087ebc; border-radius:6px; }
.add-item:hover { background:#065f92; }
.basket-button { display:inline-flex; align-items:center; gap:7px; padding:10px 13px; color:#fff; background:#ffffff16; border:1px solid #ffffff45; border-radius:7px; white-space:nowrap; }
.basket-button b { display:grid; place-items:center; min-width:21px; height:21px; padding:0 5px; color:#092037; background:#f5c632; border-radius:50%; font-size:12px; }
.basket-dock { position:fixed; z-index:18; right:24px; bottom:24px; display:flex; align-items:center; gap:19px; padding:13px 15px 13px 18px; color:#fff; background:#0b82c2; border:0; border-radius:999px; box-shadow:0 10px 25px #07152555; cursor:pointer; font:700 15px "DM Sans",sans-serif; transform:translateY(100px); opacity:0; transition:transform .22s ease,opacity .22s ease,background .2s; }
.basket-dock.has-items { transform:translateY(0); opacity:1; }.basket-dock:hover { background:#0671ad; }.basket-dock span { display:flex; align-items:center; gap:6px; }.basket-dock b { display:grid; place-items:center; min-width:21px; height:21px; padding:0 5px; color:#092037; background:#f5c632; border-radius:50%; font-size:12px; }.basket-dock strong { padding-left:17px; border-left:1px solid #ffffff65; font-size:17px; }
.basket-panel { position:fixed; z-index:20; top:0; right:0; display:flex; flex-direction:column; width:min(420px,100%); height:100dvh; padding:24px; color:#17263a; background:#fff; box-shadow:-12px 0 35px #0004; transform:translateX(105%); transition:transform .22s ease; }
.basket-panel.is-open { transform:translateX(0); }
.basket-head,.dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.basket-head span,.dialog-head span { color:#087ebc; font-size:12px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; }
.basket-head h2,.dialog-head h2 { margin:3px 0 0; font-size:32px; line-height:1; }
.icon-button { width:38px; height:38px; padding:0; color:#334b61; background:#edf4f8; border:0; border-radius:50%; cursor:pointer; font-size:29px; line-height:1; }
.basket-items { flex:1; overflow:auto; margin:25px -4px 0; padding:0 4px; }
.basket-empty { margin:0; padding:22px 0; color:#657282; line-height:1.5; }
.basket-item { display:flex; justify-content:space-between; gap:13px; padding:14px 0; border-bottom:1px solid #dce6ed; }
.basket-item-edit { flex:1; min-width:0; padding:0; color:inherit; background:transparent; border:0; cursor:pointer; text-align:left; }.basket-item-edit:hover strong { color:#087ebc; text-decoration:underline; }.basket-item-edit:disabled { cursor:default; }.basket-item-edit:disabled:hover strong { color:inherit; text-decoration:none; }
.basket-item strong,.basket-item small { display:block; }.basket-item small { margin-top:4px; color:#687687; font-size:12px; line-height:1.35; }
.basket-item-actions { display:grid; grid-template-columns:27px 20px 27px; align-items:center; gap:4px; text-align:center; }
.basket-item-actions button { width:27px; height:27px; padding:0; color:#087ebc; background:#e6f6fd; border:0; border-radius:5px; cursor:pointer; font-size:19px; }.basket-item-actions span { font-weight:700; }.basket-item-actions b { grid-column:1 / -1; margin-top:3px; color:#087ebc; font-size:14px; }
.basket-total { display:flex; justify-content:space-between; align-items:baseline; padding:20px 0 13px; border-top:2px solid #d4e3ec; font-size:17px; font-weight:700; }.basket-total strong { color:#087ebc; font-size:25px; }
.checkout-button,.add-confirm { width:100%; padding:15px 18px; color:#fff; background:linear-gradient(135deg,#14c5f6,#008ee4); border-radius:7px; font-size:17px; }.checkout-button:disabled { cursor:not-allowed; opacity:.45; }.basket-note { margin:12px 0 0; color:#657282; text-align:center; font-size:12px; }
.whatsapp-button { display:flex; align-items:center; justify-content:center; margin-bottom:10px; background:#25d366; text-decoration:none; }.whatsapp-button:hover { background:#128c7e; }
.order-dialog { width:min(570px,calc(100% - 28px)); max-height:min(88dvh,760px); padding:0; color:#17263a; background:#fff; border:0; border-radius:16px; box-shadow:0 22px 60px #0007; }.order-dialog::backdrop { background:#051322a8; }.order-dialog form,.order-dialog > div,.review-dialog > p,.review-dialog pre { margin-left:0; margin-right:0; }.order-dialog form,.review-dialog { padding:28px; }.order-dialog .dialog-head { margin-bottom:23px; }
.order-dialog fieldset { display:grid; gap:9px; margin:0 0 18px; padding:13px 15px; border:1px solid #d5e3eb; border-radius:9px; }.order-dialog legend { padding:0 5px; color:#365169; font-size:13px; font-weight:700; }.order-dialog fieldset label,.check-option { cursor:pointer; font-size:15px; }.check-option { display:block; margin:0 0 18px; padding:13px 15px; background:#eff9fe; border-radius:8px; }
.order-dialog .lunch-offer-note { margin:0 0 14px; padding:11px 13px; color:#8a6810; background:#fff7d8; border-radius:8px; }.order-dialog .lunch-offer-note.is-live { color:#08723c; background:#e8f8ee; }
.dialog-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:22px; }.dialog-actions strong { color:#087ebc; font-size:20px; }.dialog-actions .add-confirm { width:auto; min-width:175px; }
.checkout-intro { margin:0 0 18px; color:#526579; line-height:1.45; }.checkout-field { display:block; margin:0 0 15px; color:#365169; font-size:13px; font-weight:700; }.checkout-field em { color:#687687; font-style:normal; font-weight:400; }.checkout-field input,.checkout-field textarea { display:block; width:100%; margin-top:7px; padding:11px 12px; color:#17263a; background:#fff; border:1px solid #bfd0db; border-radius:7px; font:15px "DM Sans",sans-serif; resize:vertical; }.marketing-consent { display:block; margin:-4px 0 20px; color:#40566a; font-size:13px; line-height:1.45; cursor:pointer; }.delivery-fields { margin:0 0 18px; padding:17px 15px 4px; background:#f5fbfe; border:1px solid #d5e3eb; border-radius:9px; }.delivery-fields h3,.allergy-panel h3 { margin:0 0 13px; color:#17263a; font-size:16px; }.payment-help { margin:-8px 0 20px; color:#526579; font-size:13px; line-height:1.45; }.payment-help a { color:#087ebc; font-weight:700; text-decoration:underline; }.allergy-panel { margin:0 0 18px; padding:16px; background:#fff8e9; border:1px solid #eed286; border-radius:9px; }.allergy-panel p { margin:0 0 13px; color:#5f4b13; font-size:13px; line-height:1.45; }.allergy-toggle { display:block; color:#40300a; font-size:14px; font-weight:700; cursor:pointer; }.allergy-panel .checkout-field { margin-top:14px; }.allergy-status { margin:11px 0 0 !important; color:#08723c !important; font-weight:700; }.checkout-dialog { overflow:auto; }.checkout-summary { margin:20px 0; padding:13px 15px; color:#075d91; background:#e9f8ff; border-radius:8px; font-weight:700; }.review-dialog p { color:#526579; line-height:1.5; }.review-dialog pre { overflow:auto; margin:20px 0; padding:16px; color:#e8f3fb; background:#10253b; border-radius:9px; font:13px/1.55 "DM Sans",sans-serif; white-space:pre-wrap; }
.menu-footnote { margin:20px 0 0; padding:14px 17px; color:#c9d9e6; background:#ffffff0a; border-left:4px solid #f3bf27; border-radius:5px; font-size:14px; }
.whatsapp-button[aria-disabled="true"] { cursor:not-allowed; opacity:.58; }
@media (max-width:680px) { .basket-button { padding:9px; }.basket-button span { display:none; }.basket-dock { right:14px; bottom:14px; }.order-dialog form,.review-dialog { padding:21px; }.dialog-actions { flex-direction:column; align-items:stretch; }.dialog-actions .add-confirm { width:100%; } }

/* Gold Star ordering controls: keep the black-and-orange brand throughout. */
.add-item,.add-confirm,.checkout-button { background:#f07c00; color:#111; }
.add-item:hover,.add-confirm:hover,.checkout-button:hover { background:#ff9a22; }
.basket-button { background:#f07c00; color:#111; border-color:#ffb15b; }
.basket-button b,.basket-dock b { color:#111; background:#ffe0aa; }
.basket-dock { background:#f07c00; color:#111; box-shadow:0 10px 25px #0008; }.basket-dock:hover { background:#ff9a22; }
.basket-dock strong { border-color:#4d2600; }
.basket-panel,.order-dialog,.review-dialog { color:#fff; background:#090909; box-shadow:-12px 0 35px #000b; }
.basket-head span,.dialog-head span,.basket-item-actions button,.basket-item-actions b,.basket-total strong,.dialog-actions strong { color:#ff8a0a; }
.icon-button { color:#111; background:#ffb25c; }.icon-button:hover { background:#ffca8f; }
.basket-item { border-color:#653400; }.basket-item small,.basket-note,.checkout-intro,.payment-help,.checkout-field em,.marketing-consent,.review-dialog p { color:#c7b8aa; }
.basket-item-edit { color:#fff; }.basket-item-edit:hover strong { color:#ff9a22; }
.basket-item-actions button { color:#111; background:#ffcf99; }.basket-item-actions button:hover { background:#ff9a22; }
.basket-total { border-color:#8a4700; }
.order-dialog fieldset { border-color:#995000; background:#111; }.order-dialog legend,.checkout-field { color:#ffb25c; }
.order-dialog fieldset input,.check-option input,.allergy-toggle input { accent-color:#f07c00; }
.check-option { color:#fff; background:#1c1208; }.checkout-field input,.checkout-field textarea { color:#fff; background:#151515; border-color:#995000; }
.checkout-field input:focus,.checkout-field textarea:focus { outline:2px solid #f07c00; outline-offset:1px; }
.delivery-fields { background:#171009; border-color:#995000; }.payment-help a { color:#ff9a22; }
.checkout-summary { color:#1d1204; background:#ffcf99; }.allergy-panel { background:#241a08; border-color:#d88314; }.allergy-panel h3,.allergy-toggle { color:#ffd29a; }.allergy-panel p { color:#f5d5a8; }
.review-dialog pre { color:#fff2e4; background:#1b1007; }.whatsapp-button { background:#25d366; color:#071b0d; }.whatsapp-button:hover { background:#55e68a; }