/* סל שווה - visual-only polish. No product/search/pricing behavior. */
:root{
  --green:#087a3e;--green-dark:#05612f;--green-soft:#eaf7ef;--green-ink:#07592e;
  --ink:#142018;--muted:#53645a;--bg:#f5f8f6;--card:#fff;--line:#dfe8e2;
  --r:20px;--shadow:0 8px 30px rgba(13,68,39,.08);
}
body{background:var(--bg);font-size:16px;line-height:1.55;max-width:none!important}
header{height:68px;justify-content:center;padding:12px 20px;gap:12px;box-shadow:0 1px 0 var(--line);text-align:center}
header::before{width:40px;height:40px;border-radius:12px}
header h1{font-size:23px;letter-spacing:-.35px}
.hero{padding:40px 20px 28px;text-align:center;background:linear-gradient(180deg,#e7f6ed 0%,#f5f8f6 100%);border:0}
.hero .hl{max-width:760px;margin:0 auto;font-size:clamp(28px,4.3vw,44px);line-height:1.15;letter-spacing:-1px}
.hero .sub{max-width:650px;margin:12px auto 0;font-size:17px;line-height:1.55;color:var(--muted)}
/* Top legal/data caveat remains accessible but no longer competes with the task. */
body>.honesty:first-of-type{max-width:780px;margin:0 auto 18px;padding:10px 20px;border:0;background:transparent;text-align:center;font-size:14px;color:#6c776f}
.addr{max-width:780px;margin:0 auto 18px;padding:18px;justify-content:center;gap:12px;border:1px solid var(--line);box-shadow:var(--shadow)}
.addr label{width:100%;font-size:17px;text-align:center}
.addr input{min-width:260px;min-height:52px;font-size:16px;text-align:center;background:#fff}
.addr .meta{font-size:14px;text-align:center;padding:2px 8px}
.searchbar{max-width:780px;margin:0 auto;padding:0 0 14px;position:relative;top:auto}
.searchbar input{min-height:64px;font-size:19px;text-align:center;border:1px solid var(--line);box-shadow:var(--shadow)}
#meta{max-width:780px;margin:0 auto;text-align:center;font-size:14px}
#refreshbtn{display:block;margin:0 auto;min-height:46px;font-size:15px}
#refreshbtn + .meta{text-align:center;font-size:14px!important}
#datahealth{text-align:center;max-width:780px;margin:0 auto}
.inputmodes{max-width:780px;margin:10px auto 0;gap:12px;padding:10px 0}
.modebtn{min-height:58px;font-size:16px;border-radius:16px;box-shadow:none}
.modebtn.active{box-shadow:0 7px 18px rgba(8,122,62,.20)}
#listpane,#photopane,#review{max-width:780px;margin:0 auto!important;text-align:center}
#listtext{font-size:17px!important;line-height:1.55;padding:15px!important;border-color:var(--line)!important;border-radius:16px!important}
#listpane>div[style*="display:flex"]{justify-content:center;flex-wrap:wrap}
#voicebtn,.addbtn[onclick="parseList()"]{height:48px!important;font-size:16px!important;min-width:165px}
#photopane>.honesty{font-size:14px;border:0;border-radius:14px;margin-bottom:12px}
.nav{max-width:780px;margin:0 auto;justify-content:center;gap:28px;font-size:15px;padding:14px 16px 22px}
.nav a{text-underline-offset:4px}
.results{max-width:1180px;margin:0 auto;padding:16px 20px 120px;gap:16px}
.card{padding:18px;gap:16px;border:1px solid var(--line);border-radius:20px;box-shadow:0 5px 22px rgba(13,68,39,.07)}
.card img{width:96px;height:96px;border-radius:15px;background:#fff}
.card .ph{width:96px;height:96px;border:1px dashed #c9d7ce;background:#f7faf8;color:transparent;font-size:0;text-align:center}
.card .ph::after{content:"תמונה בבדיקה";color:#66766c;font-size:13px;line-height:1.25;padding:10px}
.info .nm{font-size:17px;line-height:1.4}
.info .sub{font-size:14px;line-height:1.45}
.info .best{font-size:22px}
.info .best small{font-size:14px}
.meta{font-size:14px;line-height:1.5;color:var(--muted)}
.addbtn{width:50px;height:50px;font-size:24px}
.promochip{font-size:13px;padding:5px 8px;border-radius:9px}
.cartbar{max-width:640px!important;min-height:58px;font-size:17px;justify-content:center;gap:clamp(30px,10vw,100px);box-shadow:0 10px 30px rgba(5,97,47,.30)}
.panel{padding:12px 22px 24px}
.panel h2{text-align:center;font-size:23px}
.citem{font-size:16px}
.totals table{font-size:15px}.totals th{font-size:14px}.totals td{padding:14px 10px}
.altbtn{font-size:16px;min-height:52px;text-align:center}
.fineprint,.fineprint summary{font-size:14px}
@media(min-width:760px){.results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:759px){
 header{height:62px} header h1{font-size:21px}.hero{padding:28px 18px 22px}.hero .hl{font-size:31px}
 .hero .sub{font-size:16px}.addr,.searchbar,.inputmodes{margin-left:14px;margin-right:14px}
 .addr input{width:100%;min-width:0}.inputmodes{overflow-x:auto}.modebtn{min-width:125px}
 .results{padding-inline:14px}.card img,.card .ph{width:82px;height:82px}.card{padding:14px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* QA hardening: dense cart/modal and generated inline microcopy */
.panel{width:min(100%,720px);margin-inline:auto;overflow-x:hidden}
.panel *{max-width:100%}
.panel [style*="font-size:10px"],.panel [style*="font-size:11px"],.panel [style*="font-size:12px"]{font-size:14px!important;line-height:1.45!important}
.panel table{display:block;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.panel table tbody,.panel table thead{min-width:620px}
.panel td,.panel th{white-space:normal;overflow-wrap:anywhere}
.panel a{overflow-wrap:anywhere;word-break:break-word!important}
body>[style*="font-size:10px"],body>[style*="font-size:11px"],body>[style*="font-size:12px"],
.results [style*="font-size:10px"],.results [style*="font-size:11px"],.results [style*="font-size:12px"]{font-size:14px!important;line-height:1.45!important}
@media(max-width:759px){.panel{max-height:92vh;border-radius:24px 24px 0 0;padding-inline:16px}.panel .totals{margin-inline:-4px}.panel .citem{align-items:flex-start;gap:10px}.panel .citem>span:first-child{min-width:0;overflow-wrap:anywhere}}

/* v4: one dominant home task, secondary input modes */
.hero .hl{max-width:620px}.hero .sub{max-width:720px}
.searchbar{padding-top:6px}.searchbar input{border:2px solid rgba(8,122,62,.18)}
.inputmodes .modebtn{background:transparent;box-shadow:none;color:var(--green-ink);border-color:#c9ddd0}
.inputmodes .modebtn.active{background:#fff;color:var(--green-ink);border-color:var(--green);box-shadow:0 5px 16px rgba(8,122,62,.10)}
/* Data provenance is available but visually subordinate to the task. */
#meta,#datahealth{color:#68786e}.honesty{line-height:1.5}

/* v5 live mobile acceptance: all four input modes visible, no clipped carousel. */
@media(max-width:759px){
 .inputmodes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important;margin-inline:14px!important;gap:10px!important}
 .modebtn{min-width:0!important;width:100%;min-height:52px!important;padding:10px 6px!important}
}

/* v6 live regression polish */
body>details{max-width:780px;margin:2px auto 0!important;text-align:center}
body>details>summary{display:inline-block;list-style-position:inside;font-size:14px!important;padding:8px 10px}
.panel [style*="border:2px solid #2e7d32"]{padding:18px 14px!important;border-radius:18px!important;background:#f4fbf6!important}
.panel [style*="border:2px solid #2e7d32"] .meta{font-size:14px!important;line-height:1.55!important}
.panel .altbtn[href],.panel a.addbtn{white-space:normal!important;height:auto!important;min-height:52px!important;line-height:1.35!important;padding:13px 16px!important}

/* v7: unified input has three equal secondary actions on mobile. */
@media(max-width:759px){
 .inputmodes{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .inputmodes .modebtn{font-size:14px!important;padding-inline:4px!important}
}

/* 2026-09-18 brand refresh: "smart savings" direction. Visual layer only. */
:root{
  --green:#123f3d;--green-dark:#0a302f;--green-soft:#e7f4ef;--green-ink:#123f3d;
  --ink:#153331;--muted:#5c716d;--bg:#f8f5ec;--card:#fffefa;--line:#d7e2dc;
  --brand-coral:#f0643b;--brand-coral-dark:#d94b25;--brand-yellow:#ffc857;--brand-mint:#dff1e9;
  --r:22px;--shadow:0 12px 34px rgba(18,63,61,.10);
}
body{background:
  radial-gradient(circle at 8% 7%,rgba(255,200,87,.16),transparent 24rem),
  radial-gradient(circle at 92% 18%,rgba(240,100,59,.08),transparent 22rem),var(--bg)}
header{height:76px;background:rgba(255,254,250,.96);color:var(--ink);border-bottom:1px solid rgba(18,63,61,.10);box-shadow:none;backdrop-filter:blur(12px)}
header::before{width:48px;height:48px;border-radius:15px}
header h1{font-size:27px;font-weight:900;color:var(--ink);letter-spacing:-.8px}
.hero{position:relative;overflow:hidden;padding:56px 20px 40px;background:linear-gradient(145deg,#103c3a 0%,#195a54 64%,#236a5d 100%);color:#fff}
.hero::before,.hero::after{content:"";position:absolute;border-radius:999px;pointer-events:none}
.hero::before{width:280px;height:280px;inset:-180px auto auto -60px;background:var(--brand-coral);opacity:.9}
.hero::after{width:180px;height:180px;inset:auto -90px -120px auto;background:var(--brand-yellow);opacity:.95}
.hero .hl,.hero .sub{position:relative;z-index:1}
.hero .hl{font-size:clamp(35px,5vw,58px);font-weight:950;color:#fff;letter-spacing:-1.8px;line-height:1.04}
.hero .hl::after{content:"";display:block;width:74px;height:7px;margin:18px auto 0;border-radius:99px;background:var(--brand-coral)}
.hero .sub{max-width:740px;margin-top:18px;color:#e6f1ed;font-size:18px}
body>.honesty:first-of-type{color:#60726e;margin-block:14px 20px}
.addr{margin-top:4px;background:rgba(255,254,250,.98);border:1px solid rgba(18,63,61,.13);box-shadow:var(--shadow)}
.addr label{color:var(--ink);font-size:18px}.addr input{border:1.5px solid #cedbd5;border-radius:14px}
.addr input:focus,.searchbar input:focus{border-color:var(--brand-coral);box-shadow:0 0 0 4px rgba(240,100,59,.13)}
.searchbar input{border:2px solid rgba(18,63,61,.16);border-radius:20px;box-shadow:0 12px 30px rgba(18,63,61,.11);font-weight:650}
.modebtn{border:1.5px solid #bed4ca!important;border-radius:15px!important;color:var(--ink)!important;background:rgba(255,254,250,.68)!important;font-weight:750}
.modebtn.active{border-color:var(--brand-coral)!important;background:#fff!important;box-shadow:inset 0 -4px 0 var(--brand-coral),0 8px 22px rgba(18,63,61,.08)!important}
.nav a{color:var(--ink);font-weight:750;text-decoration-color:var(--brand-coral);text-decoration-thickness:2px}
.results{gap:18px}.card{background:var(--card);border:1px solid rgba(18,63,61,.12);border-radius:22px;box-shadow:0 10px 28px rgba(18,63,61,.08)}
.card:hover{border-color:rgba(240,100,59,.32);box-shadow:0 14px 34px rgba(18,63,61,.12)}
.card img,.card .ph{border-radius:17px;background:#fff;border-color:#e0e6df}.info .nm{color:var(--ink);font-weight:850}.info .best{color:var(--ink)}
.addbtn{background:var(--brand-coral);box-shadow:0 5px 14px rgba(217,75,37,.27);font-weight:900}.addbtn:active{background:var(--brand-coral-dark)}
.promochip{background:#fff1c7!important;color:#764d00!important;border:1px solid #f5d77d!important}
.cartbar{background:var(--brand-coral)!important;box-shadow:0 12px 30px rgba(217,75,37,.30)!important;border:2px solid rgba(255,255,255,.42)!important}
.panel{background:var(--bg);border:1px solid rgba(18,63,61,.12)}.panel h2{color:var(--ink)}
.citem{background:var(--card);padding:12px 14px;margin:7px 0;border:1px solid var(--line);border-radius:14px}.citem .qty{background:var(--brand-mint)}
.totals{margin-top:22px}.totals>h2{font-size:20px!important;text-align:right;padding-bottom:10px;border-bottom:2px solid rgba(18,63,61,.11)}
/* Retailer cards are siblings with one visual system. Best status never changes the card fill. */
.chaincards{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important;padding:0!important;background:transparent!important;border:0!important}
.chaincard,.chaincard.best,.chaincard.partial{display:block!important;width:100%!important;margin:0!important;padding:15px 17px!important;background:var(--card)!important;border:1px solid #d3dfd9!important;border-radius:17px!important;box-shadow:0 5px 16px rgba(18,63,61,.06)!important;position:relative!important;overflow:hidden!important}
.chaincard.best{border-color:#d3dfd9!important;box-shadow:inset -5px 0 0 var(--brand-coral),0 5px 16px rgba(18,63,61,.06)!important}
.chaincard .cc-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px 16px!important;padding-bottom:9px!important;border-bottom:1px solid #e5ebe7!important}
.chaincard .cc-name{font-size:17px!important;line-height:1.45!important;color:var(--ink)!important;min-width:0!important;overflow-wrap:anywhere!important}
.chaincard .cc-sum{font-size:21px!important;color:var(--ink)!important;font-variant-numeric:tabular-nums!important}
.chaincard .cc-stock{margin-top:10px!important;color:var(--muted)!important;font-size:14px!important;line-height:1.55!important}
.chaincard .cc-miss{margin-top:10px!important;background:#fff8e4!important;border:1px solid #f1dfaa!important;color:#735516!important}
.chaincard a{color:#175f58!important;text-underline-offset:3px}.chainwarn{padding:9px 12px;border-radius:11px;background:#fff5d6;color:#745311;font-size:14px}
.altbtn{border-color:#c9d9d2!important;color:var(--ink)!important;background:var(--card)!important}
:focus-visible{outline:3px solid var(--brand-yellow)!important;outline-offset:3px!important}
@media(max-width:759px){
 header{height:68px}header::before{width:42px;height:42px}header h1{font-size:24px}
 .hero{padding:38px 18px 30px}.hero .hl{font-size:39px}.hero .sub{font-size:16px}.hero::before{width:190px;height:190px;inset:-132px auto auto -65px}.hero::after{width:120px;height:120px;inset:auto -66px -82px auto}
 .searchbar input{min-height:60px;font-size:18px}.inputmodes .modebtn{font-size:13.5px!important}
 .card{border-radius:19px}.panel{background:var(--bg)}.chaincard,.chaincard.best,.chaincard.partial{padding:14px!important;border-radius:15px!important}
 .chaincard .cc-head{grid-template-columns:minmax(0,1fr) auto!important}.chaincard .cc-name{font-size:16px!important}.chaincard .cc-sum{font-size:19px!important}
}

/* Product-audit integration: shorter basket rows and a visible trust layer. */
.panel>.citem{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
.panel>.citem>span:first-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4;font-weight:700}
.panel>.citem .qty{min-height:44px;padding:3px 5px!important}.panel>.citem .qty button{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;font-size:20px!important}
.fineprint,.panel>details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-top:12px!important}
.fineprint summary,.panel>details>summary{cursor:pointer;color:var(--ink);font-weight:750!important}
.fineprint[open],.panel>details[open]{box-shadow:0 6px 18px rgba(18,63,61,.06)}
@media(max-width:759px){.panel>.citem{padding:11px 12px!important}.panel>.citem .qty{gap:3px!important}}

/* compact retailer card (user direction 2026-09-18): centered, clean, one big CTA */
.chaincard{text-align:center}
.chaincard .cc-name{font-weight:800;font-size:16px}
.chaincard .cc-bigsum{font-size:26px;font-weight:800;color:var(--green-ink);margin:4px 0 2px;display:flex;justify-content:center;align-items:baseline;gap:6px;flex-wrap:wrap}
.chaincard .cc-for{font-size:12px;color:#8a5a00;font-weight:600}
.chaincard .cc-stockline{font-size:13px;margin-bottom:8px}
.chaincard .cc-stockline.ok{color:var(--green-ink)}
.chaincard .cc-stockline.warn{color:#b26a00}
.chaincta{display:block;background:var(--brand-coral,#f0643b);color:#fff;font-weight:800;font-size:16px;text-decoration:none;border-radius:14px;padding:14px 10px;margin:6px 0 4px;text-align:center;box-shadow:0 10px 24px rgba(240,100,59,.28)}
.chaincard .cc-ctanote{font-size:11px;color:#777;margin-bottom:6px}
.chaincard .cc-details{text-align:right;font-size:12px;color:#666}
.chaincard .cc-details>summary{cursor:pointer;font-size:12px;color:#888}

.chaincard .cc-badge{display:inline-block;background:var(--brand-mint,#dff1e9);color:var(--green-ink);font-size:11px;font-weight:700;border-radius:99px;padding:3px 10px;margin:2px 0 4px}
.chaincard .cc-warnpill{background:#fff3d6;color:#8a5a00;font-size:11px;font-weight:600;border-radius:8px;padding:5px 8px;margin:4px 0}
/* d3295c28 retailer CTA hotfix - visual only */
.chaincard .cc-warnpill{margin:8px 0 0!important;line-height:1.4!important}
.chaincard a.chaincta{
  display:flex!important;
  position:static!important;
  width:100%!important;
  min-height:54px!important;
  height:auto!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  margin:12px 0 8px!important;
  padding:14px 16px!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--brand-coral,#f0643b)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:850!important;
  line-height:1.3!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  box-shadow:0 8px 20px rgba(240,100,59,.25)!important;
}
.chaincard .cc-ctanote{display:block!important;margin:0 0 10px!important;line-height:1.45!important}
.chaincard .cc-details{display:block!important;clear:both!important;margin-top:4px!important;padding-top:9px!important;border-top:1px solid #e5ebe7!important}
@media(max-width:759px){
 .chaincard a.chaincta{min-height:56px!important;font-size:17px!important;margin-top:12px!important}
}
/* Brand/front refresh - visual only. Keep product, pricing and cart logic untouched. */
header{height:92px!important;padding:12px 24px!important;justify-content:center!important;background:rgba(255,254,250,.98)!important}
header::before{display:none!important}
header h1{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:34px!important;font-weight:950!important;letter-spacing:-1.25px!important;color:#123f3d!important;line-height:1!important}
header h1::before{content:"";width:42px;height:38px;display:block;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 52'%3E%3Cpath d='M8 14h45l-5 25a7 7 0 0 1-7 6H21a7 7 0 0 1-7-6L8 14Z' fill='none' stroke='%23f0643b' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='m18 14 7-9m18 9-7-9M20 26h22M23 35h16' fill='none' stroke='%23123f3d' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}
header h1::after{content:"";position:absolute;right:54px;left:2px;bottom:-9px;height:5px;border-radius:99px;background:linear-gradient(90deg,#f0643b 0 62%,#ffc857 62% 100%)}
.hero{padding:46px 20px 34px!important}
.hero .hl{font-size:clamp(38px,5vw,62px)!important;line-height:1.05!important;letter-spacing:-2px!important;text-align:center!important}
.hero .sub{font-size:18px!important;text-align:center!important;max-width:760px!important}
/* A real side cart on wide screens, compact floating cart on phones. */
.cartbar{left:auto!important;right:22px!important;bottom:24px!important;width:238px!important;max-width:none!important;min-height:92px!important;transform:none!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:2px!important;padding:16px 18px!important;border-radius:22px!important;text-align:right!important;justify-content:stretch!important}
.cartbar.hidden{display:none!important}
.cartbar::before{content:"";grid-row:1/3;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.16) no-repeat center/30px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M5 8h6l4 23h23l4-16H14M20 39a2.5 2.5 0 1 0 0 .1M35 39a2.5 2.5 0 1 0 0 .1' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cartbar #cartcount{grid-column:2;font-size:17px!important;font-weight:900!important;white-space:normal!important}
.cartbar #cartcount::before{content:"הסל שלי";display:block;font-size:13px;font-weight:650;opacity:.84;margin-bottom:1px}
.cartbar>span:last-child{grid-column:2;font-size:13px!important;font-weight:700!important;opacity:.9}
@media(min-width:1100px){.cartbar{top:50%;bottom:auto!important;transform:translateY(-50%)!important}}
@media(max-width:759px){
 header{height:78px!important;padding:10px 16px!important}header h1{font-size:29px!important;gap:10px}header h1::before{width:37px;height:34px}header h1::after{right:47px;bottom:-8px;height:4px}
 .hero{padding:34px 18px 28px!important}.hero .hl{font-size:40px!important;letter-spacing:-1.5px!important}.hero .sub{font-size:16px!important}
 .cartbar{right:14px!important;left:14px!important;bottom:14px!important;width:auto!important;min-height:68px!important;grid-template-columns:42px minmax(0,1fr)!important;padding:10px 14px!important;border-radius:20px!important;column-gap:10px!important}
 .cartbar::before{width:42px;height:42px;border-radius:13px;background-size:25px}.cartbar #cartcount{font-size:16px!important}.cartbar #cartcount::before{font-size:12px}.cartbar>span:last-child{font-size:12px!important}
}
/* Blocking responsive hotfix: preserve centered content and keep cart clear of inputs. */
@media (min-width:1100px) and (max-width:1499px){
  .cartbar{
    top:auto!important;
    right:auto!important;
    bottom:18px!important;
    left:12px!important;
    transform:none!important;
    width:220px!important;
  }
}
@media (min-width:1500px){
  .cartbar{
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    left:22px!important;
    transform:translateY(-50%)!important;
    width:238px!important;
  }
}
/* vNext coherent storefront - selected direction: quiet confidence.
   Visual-only: no product, search, pricing or cart behavior changes. */
:root{
 --green:#173f36;--green-dark:#0f3029;--green-soft:#e8f3ee;--green-ink:#173f36;
 --ink:#18342d;--muted:#64736d;--bg:#f8f6f0;--card:#fffdfa;--line:#dbe3de;
 --brand-coral:#e85f3a;--brand-coral-dark:#cb4928;--brand-yellow:#e7b64a;
 --r:20px;--shadow:0 12px 34px rgba(23,63,54,.09);
}
body{background:linear-gradient(180deg,#fffdfa 0,#f8f6f0 58%,#f3f6f3 100%)!important;color:var(--ink)!important}
/* A typographic logo, not a wordmark plus a separate pictogram. */
header{height:104px!important;padding:22px 20px 19px!important;background:rgba(255,253,250,.97)!important;border-bottom:1px solid #e8ebe7!important;box-shadow:none!important}
header::before{display:none!important}
header h1{display:inline-block!important;font-size:42px!important;font-weight:950!important;line-height:1!important;letter-spacing:-2px!important;color:var(--ink)!important;padding:0 4px 13px!important}
header h1::before{display:none!important}
header h1::after{right:4px!important;left:4px!important;bottom:0!important;height:4px!important;background:linear-gradient(90deg,var(--brand-coral) 0 72%,var(--brand-yellow) 72% 100%)!important;border-radius:999px!important}
.hero{max-width:1180px;margin:0 auto!important;padding:52px 24px 38px!important;background:transparent!important;color:var(--ink)!important;overflow:visible!important}
.hero::before,.hero::after{display:none!important}
.hero .hl{font-size:clamp(42px,5vw,64px)!important;font-weight:950!important;line-height:1.03!important;letter-spacing:-2.4px!important;color:var(--ink)!important}
.hero .hl::after{width:56px!important;height:5px!important;margin:19px auto 0!important;background:var(--brand-coral)!important}
.hero .sub{max-width:650px!important;margin:18px auto 0!important;color:var(--muted)!important;font-size:18px!important;line-height:1.55!important}
/* Location and search read as one task card. */
.addr{max-width:790px!important;margin:0 auto!important;padding:22px 22px 14px!important;border:1px solid var(--line)!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;background:var(--card)!important;box-shadow:0 15px 38px rgba(23,63,54,.08)!important}
.addr label{font-size:16px!important;color:var(--ink)!important;margin-bottom:1px!important}
.addr input{min-height:50px!important;border:1px solid #d6dfda!important;background:#fff!important;border-radius:13px!important}
.searchbar{max-width:790px!important;margin:0 auto 13px!important;padding:0 22px 22px!important;background:var(--card)!important;border:1px solid var(--line)!important;border-top:0!important;border-radius:0 0 24px 24px!important;box-shadow:0 18px 38px rgba(23,63,54,.08)!important}
.searchbar input{min-height:64px!important;border:2px solid #d3ded8!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;font-weight:650!important}
.addr input:focus,.searchbar input:focus{border-color:var(--brand-coral)!important;box-shadow:0 0 0 4px rgba(232,95,58,.11)!important}
#meta{margin-top:4px!important}.inputmodes{margin-top:12px!important}
.modebtn{background:rgba(255,253,250,.86)!important;border:1px solid #cfdad4!important;color:var(--ink)!important;border-radius:13px!important;font-weight:750!important}
.modebtn.active{background:var(--card)!important;border-color:var(--green)!important;box-shadow:inset 0 -3px 0 var(--brand-coral)!important}
.nav{padding-top:12px!important}.nav a{color:var(--ink)!important;text-decoration-color:var(--brand-coral)!important}
/* The basket is a restrained status/control, integrated with the page. */
.cartbar,.cartbar:hover,.cartbar:focus{background:rgba(255,253,250,.98)!important;color:var(--ink)!important;border:1px solid #d5dfd9!important;border-right:5px solid var(--brand-coral)!important;box-shadow:0 12px 34px rgba(23,63,54,.14)!important}
.cartbar::before{background-color:var(--green-soft)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M5 8h6l4 23h23l4-16H14M20 39a2.5 2.5 0 1 0 0 .1M35 39a2.5 2.5 0 1 0 0 .1' fill='none' stroke='%23173f36' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.cartbar #cartcount::before{color:var(--muted)!important;opacity:1!important}.cartbar>span:last-child{color:var(--brand-coral-dark)!important;opacity:1!important}
@media(min-width:1100px){.cartbar{right:max(22px,calc((100vw - 1320px)/2))!important;left:auto!important;top:430px!important;bottom:auto!important;transform:none!important;width:232px!important}}
@media(max-width:759px){
 header{height:88px!important;padding:17px 16px 15px!important}header h1{font-size:35px!important;letter-spacing:-1.5px!important;padding-bottom:11px!important}
 .hero{padding:34px 18px 27px!important}.hero .hl{font-size:42px!important;line-height:1.04!important;letter-spacing:-1.7px!important}.hero .sub{font-size:16px!important;margin-top:15px!important}
 .addr{margin-inline:14px!important;padding:17px 12px 10px!important;border-radius:20px 20px 0 0!important}.addr input{min-height:48px!important}
 .searchbar{margin-inline:14px!important;padding:0 12px 14px!important;border-radius:0 0 20px 20px!important}.searchbar input{min-height:58px!important;font-size:17px!important}
 .cartbar{right:12px!important;left:12px!important;bottom:12px!important;width:auto!important;min-height:70px!important;border-right:1px solid #d5dfd9!important;border-top:4px solid var(--brand-coral)!important;border-radius:18px!important}
}

/* Live QA ee3de048: keep the basket related to, but clearly separate from, the task card. */
@media (min-width:1100px) and (max-width:1229px){
 .cartbar{right:auto!important;left:18px!important;top:auto!important;bottom:18px!important;transform:none!important}
}
@media (min-width:1230px) and (max-width:1399px){
 .addr,.searchbar{max-width:700px!important}
 .cartbar{right:22px!important;left:auto!important;top:430px!important;bottom:auto!important;transform:none!important}
}