/* Спокойная светлая палитра: тёплый белый фон, зелёный для экономии и кнопок, красный только для скидки */
:root{--bg:#F7F7F4;--surface:#FFFFFF;--text:#1B1F23;--muted:#6B7280;--line:#E6E8EB;--soft:#F0F1F3;
--primary:#0E8A5F;--primary-fg:#FFFFFF;--primary-soft:#E6F4EE;--sale:#E5484D;--sale-fg:#FFFFFF;--focus:#2563EB;
--metro-bg:#E3ECFA;--metro:#1F4FA3;--bonus-bg:#E3F3EA;--bonus:#1E7A3E;--linella-bg:#FDEBD9;--linella:#B35A0E;--kaufland-bg:#FBE4E8;--kaufland:#B8235F;
--font:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--r:16px;--shadow:0 1px 2px rgba(20,24,30,.04),0 6px 20px rgba(20,24,30,.05)}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;padding:0 16px 96px}
@media (min-width:721px){body{padding-bottom:48px}}
.wrap{max-width:1180px;margin:0 auto}a{color:inherit}
h1{font-weight:800;font-size:clamp(24px,4vw,32px);margin:0 0 6px;letter-spacing:-.01em;line-height:1.2}
h2{font-weight:800;font-size:20px;margin:0 0 10px}h3{font-weight:700;font-size:16px;margin:0}
.lead{color:var(--muted);margin:0 0 16px;font-size:16px}.muted{color:var(--muted)}.small{font-size:14px}
/* шапка */
nav.top{display:flex;align-items:center;gap:6px;padding:14px 0;margin-bottom:10px}
nav.top .brand{font-weight:800;font-size:22px;text-decoration:none;margin-right:auto;display:flex;align-items:center;gap:8px}
nav.top .brand i{width:30px;height:30px;border-radius:9px;background:var(--primary);display:inline-grid;place-items:center;color:#fff}
nav.top .links{display:flex;gap:4px;align-items:center}
nav.top .links a{text-decoration:none;color:var(--muted);font-weight:700;font-size:15px;padding:8px 12px;border-radius:10px}
nav.top .links a.on{color:var(--text);background:var(--surface);box-shadow:var(--shadow)}
nav.top .links a.cta{background:var(--primary);color:var(--primary-fg)}
@media (max-width:720px){nav.top .links{display:none}}
nav.bottom{display:none}
@media (max-width:720px){nav.bottom{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));z-index:20}
nav.bottom a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;text-decoration:none;color:var(--muted);padding:4px 0;border-radius:10px}
nav.bottom a.on{color:var(--primary)}nav.bottom svg{width:24px;height:24px}}
/* кнопки и формы */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:11px 18px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;min-height:44px}
.btn.primary{background:var(--primary);color:var(--primary-fg);border-color:transparent}.btn.primary:hover{filter:brightness(1.05)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.sm{padding:7px 12px;font-size:14px;min-height:36px;border-radius:10px}
.btn.block{width:100%}.btn.danger{color:var(--sale)}
.btn:focus-visible,input:focus-visible,select:focus-visible,.chip:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:1px}
input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],select{font:inherit;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px;min-width:0;width:100%;min-height:44px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-weight:700;font-size:14px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.stack{display:flex;flex-direction:column;gap:12px}
.card{background:var(--surface);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.err{background:#FDECEC;color:#9F1D22;padding:12px 14px;border-radius:12px;font-weight:600;margin-bottom:12px}
.ok{background:var(--primary-soft);color:#0B5C40;padding:12px 14px;border-radius:12px;font-weight:600;margin-bottom:12px}
/* поиск и фильтры */
.search{position:relative;margin:4px 0 12px}.search input{padding-left:46px;font-size:17px;min-height:52px;border-radius:14px;box-shadow:var(--shadow);border-color:transparent}
.search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--muted)}
.search button{position:absolute;right:6px;top:6px;bottom:6px}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;margin:0 -16px;padding-inline:16px}.chips.scroll::-webkit-scrollbar{display:none}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;min-height:38px}
.chip.on{background:var(--text);color:#fff;border-color:var(--text)}.chip .dot{width:9px;height:9px;border-radius:50%;background:var(--c)}
.tabs{display:flex;gap:6px;background:var(--soft);padding:4px;border-radius:12px;width:max-content;max-width:100%}
.tabs a{text-decoration:none;font-weight:700;font-size:14px;padding:8px 14px;border-radius:9px;color:var(--muted)}.tabs a.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:14px 0 12px}
.toolbar .cnt{font-size:14px;color:var(--muted)}
/* карточки товаров */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
@media (max-width:480px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.pcard{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}
.pcard .img{aspect-ratio:1;background:#fff;display:grid;place-items:center;overflow:hidden;position:relative}
.pcard .img img{width:100%;height:100%;object-fit:contain;padding:10px}
.pcard .img .ph{color:var(--line)}.pcard .img .ph svg{width:48px;height:48px}
.sale{position:absolute;top:10px;left:10px;background:var(--sale);color:var(--sale-fg);font-weight:800;font-size:13px;padding:3px 8px;border-radius:8px;font-variant-numeric:tabular-nums}
.heart{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer;color:var(--muted);padding:0}
.heart svg{width:20px;height:20px}.heart.on{color:var(--sale)}
.pcard .body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.tag{display:inline-flex;align-items:center;font-weight:800;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--cbg);color:var(--c);white-space:nowrap}
.chain-METRO{--c:var(--metro);--cbg:var(--metro-bg)}.chain-Bonus{--c:var(--bonus);--cbg:var(--bonus-bg)}.chain-Linella{--c:var(--linella);--cbg:var(--linella-bg)}.chain-Kaufland{--c:var(--kaufland);--cbg:var(--kaufland-bg)}
.pname{font-weight:600;font-size:14px;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.pname a{text-decoration:none}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto;font-variant-numeric:tabular-nums}
.now{font-weight:800;font-size:20px}.now small{font-size:13px;font-weight:600;color:var(--muted);margin-left:2px}
.was{color:var(--muted);text-decoration:line-through;font-size:14px}
.cap{font-size:12px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.cap .warn{color:var(--kaufland);font-weight:700}
.pager{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:20px;font-size:14px}
/* итоги */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0 18px}
.tile{background:var(--surface);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}.tile .k{font-size:14px;color:var(--muted);font-weight:600}
.tile .v{font-weight:800;font-size:28px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15;margin-top:4px}.tile .v small{font-size:14px;font-weight:600;color:var(--muted);margin-left:4px}
.tile.best{background:var(--primary-soft)}.tile.best .v{color:var(--primary)}
.hero{background:var(--surface);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.hero .big{font-weight:800;font-size:32px;color:var(--primary);font-variant-numeric:tabular-nums;line-height:1.1}
/* списки */
.items{display:flex;flex-direction:column;gap:10px}
.item{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:12px;display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}
.item .th{width:64px;height:64px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.item .th img{width:100%;height:100%;object-fit:contain;padding:4px}
.item .t{font-weight:700}.item .s{font-size:14px;color:var(--muted)}.item .s b{color:var(--text)}
.item .best{color:var(--primary);font-weight:800}
.item .alts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.item .alts span{font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--soft);color:var(--muted)}.item .alts span.on{background:var(--cbg);color:var(--c)}
@media (max-width:520px){.item{grid-template-columns:56px 1fr;gap:10px}.item .th{width:56px;height:56px}.item .act{grid-column:1/-1;justify-self:end}}
.empty{text-align:center;padding:36px 16px;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow)}.empty p{color:var(--muted);margin:6px 0 14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:760px){.two{grid-template-columns:1fr}}
.hist{display:flex;gap:4px;align-items:flex-end;height:64px;margin:8px 0 4px}.hist i{flex:1;background:var(--primary-soft);border-top:3px solid var(--primary);min-width:6px;display:block;border-radius:3px 3px 0 0}
table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:8px 10px;text-align:left;border-top:1px solid var(--line)}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-top:0}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl{overflow-x:auto;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow)}
.auth{max-width:440px;margin:24px auto}
.sect{margin-top:28px}.sect .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.pill{display:inline-block;background:var(--soft);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;color:var(--muted)}
.vipbox{background:linear-gradient(135deg,#0E8A5F,#15A878);color:#fff;border-radius:var(--r);padding:22px}
.vipbox h2{color:#fff}.vipbox ul{margin:0 0 14px;padding-left:18px}.vipbox .btn{background:#fff;color:#0B5C40;border:0}
.prod{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:20px}@media (max-width:760px){.prod{grid-template-columns:1fr}}
.prod .img{aspect-ratio:1;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}.prod .img img{width:100%;height:100%;object-fit:contain;padding:16px}
.inlineform{display:inline}.linkbtn{background:none;border:0;cursor:pointer;font:inherit;color:inherit;padding:0}
/* группы товаров, корзины, бюджет, админка */
.gtile{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:12px;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;text-decoration:none;min-width:0}
.gtile .th{width:72px;height:72px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.gtile .th img{width:100%;height:100%;object-fit:contain;padding:4px}
.gtile .t{font-weight:800;line-height:1.25}.gtile .s{font-size:13px;color:var(--muted)}.gtile .s b{color:var(--primary)}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.cmp .c{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:6px;min-width:0;border:2px solid transparent}
.cmp .c.best{border-color:var(--primary)}.cmp .c .th{height:110px;display:grid;place-items:center}.cmp .c .th img{max-height:110px;max-width:100%;object-fit:contain}
.cmp .c .n{font-size:13px;color:var(--muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cmp .c .unit{font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}.cmp .c .unit small{font-size:12px;font-weight:600;color:var(--muted)}
.cmp .c .na{color:var(--muted);font-size:14px;padding:20px 0;text-align:center}
.cmp .c .bestlbl{font-size:12px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.04em}
.chart{width:100%;height:auto;display:block}.chart .grid{stroke:var(--line);stroke-width:1}.chart .lbl{fill:var(--muted);font-size:11px;font-family:var(--font)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--muted);margin-top:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-right:6px;vertical-align:middle}
.budget{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:16px;margin-top:12px}
.bar{height:12px;background:var(--soft);border-radius:999px;overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:var(--primary);border-radius:999px}.bar i.over{background:var(--sale)}
.bcard{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:6px;text-decoration:none;min-width:0}
.bcard .t{font-weight:800;font-size:18px}.bcard .s{font-size:14px;color:var(--muted)}.bcard .v{font-weight:800;font-size:22px;color:var(--primary);font-variant-numeric:tabular-nums}
.tpl{background:var(--primary-soft);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:6px}.tpl .t{font-weight:800}.tpl .s{font-size:14px;color:var(--muted)}
.adminnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}.adminnav a{text-decoration:none;font-weight:700;font-size:14px;padding:8px 12px;border-radius:10px;color:var(--muted);background:var(--surface);box-shadow:var(--shadow)}.adminnav a.on{color:var(--primary-fg);background:var(--primary)}
.st-ok{color:var(--primary);font-weight:800}.st-err{color:var(--sale);font-weight:800}.st-run{color:#B35A0E;font-weight:800}
textarea{font:inherit;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;width:100%;min-height:70px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.mini-list{display:flex;flex-direction:column;gap:4px;font-size:13px}.mini-list a{text-decoration:none;color:var(--muted)}.mini-list b{color:var(--text)}
/* режим покупки */
.shop-head{position:sticky;top:0;z-index:6;background:var(--bg);padding:8px 0 10px;margin-bottom:6px}
.shop-head .bar{height:10px}
.chk{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:10px 12px;cursor:pointer;user-select:none;min-height:64px}
.chk input{width:28px;height:28px;accent-color:var(--primary);flex:none;margin:0;cursor:pointer}
.chk .th{width:48px;height:48px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex:none}.chk .th img{width:100%;height:100%;object-fit:contain;padding:3px}
.chk .t{font-weight:800;font-size:16px}.chk .s{font-size:13px;color:var(--muted)}
.chk.done{opacity:.55}.chk.done .t{text-decoration:line-through}
.shop-sec{margin-top:18px}.shop-sec .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.shop-list{display:flex;flex-direction:column;gap:8px}.shop-list .chk.done{order:1}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px;font-weight:800;letter-spacing:.12em;background:var(--primary-soft);color:#0B5C40;padding:8px 14px;border-radius:12px;display:inline-block}
.members{list-style:none;margin:8px 0 0;padding:0}.members li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.members li:first-child{border-top:0}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:560px){.plans{grid-template-columns:1fr}}

nav.top .brand span{color:var(--primary)}
/* рецепты и меню */
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.rcard{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:6px;text-decoration:none;min-width:0}
.rcard .t{font-weight:800;font-size:16px;line-height:1.25}.rcard .s{font-size:14px;color:var(--muted)}.rcard .kcal{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.rcard .kcal b{color:var(--text)}
.rcard .cost{font-size:14px;margin-top:auto}.rcard .cost .best,.tbl .best{color:var(--primary);font-weight:800}
.rh{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pill.md{background:var(--primary-soft);color:#0B5C40}
.chip.sm{padding:3px 9px;font-size:12px;min-height:0;font-weight:700;color:var(--muted)}
.chip.tog{cursor:pointer}.chip.tog input{position:absolute;opacity:0;pointer-events:none}.chip.tog:has(input:checked){background:var(--primary);color:var(--primary-fg);border-color:transparent}
.steps{padding-left:22px;display:flex;flex-direction:column;gap:8px;line-height:1.45}
.tile .v{font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}
.tips{display:flex;flex-direction:column;gap:8px}.tip{background:var(--surface);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);border-left:4px solid var(--line);font-size:15px;line-height:1.4}
.tip.ok{border-color:var(--primary)}.tip.warn{border-color:#E08A1E}.tip.info{border-color:#3B82C4}.tip.note{color:var(--muted);font-size:13px;border-color:transparent;box-shadow:none;background:transparent;padding:4px 14px}
.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.day{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;gap:10px}.day .dh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:8px}
.meal{display:flex;flex-direction:column;gap:2px}.meal .mt{font-weight:700;text-decoration:none;line-height:1.3}.meal .mt:hover{color:var(--primary)}
.inggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 14px}
.ing{display:grid;grid-template-columns:1fr 34px 34px 34px;align-items:center;gap:4px;font-size:14px;padding:3px 0;border-bottom:1px solid var(--line)}.ing .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ing label{display:grid;place-items:center;cursor:pointer}.ing label input{position:absolute;opacity:0;pointer-events:none}.ing label i{font-style:normal;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--soft);color:var(--muted);font-weight:800;font-size:14px}
.ing label:has(input:checked) i{background:var(--primary);color:var(--primary-fg)}.ing label:nth-of-type(1):has(input:checked) i{background:var(--sale);color:var(--sale-fg)}.ing label:nth-of-type(2):has(input:checked) i{background:#E08A1E;color:#fff}
.tbl table{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line)}.tbl th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.spinner{width:42px;height:42px;border:4px solid var(--soft);border-top-color:var(--primary);border-radius:50%;margin:8px auto 12px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.pre{white-space:pre-wrap;word-break:break-word;background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:12px;font-size:12px;max-height:520px;overflow:auto}
.meal .why{font-size:12px;color:var(--muted);font-style:italic;line-height:1.3}
.macts{display:flex;align-items:center;justify-content:space-between;gap:8px}.macts form{display:flex;gap:4px}
.fbb{border:0;background:var(--soft);color:var(--muted);width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:800}.fbb.on{background:var(--primary);color:var(--primary-fg)}.fbb.never.on{background:var(--sale);color:var(--sale-fg)}
.chip.tog:has(input:disabled){opacity:.5;cursor:not-allowed}
.stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}.stars input{position:absolute;opacity:0;pointer-events:none}.stars label{font-size:30px;color:var(--line);cursor:pointer;line-height:1}
.stars label:hover,.stars label:hover~label,.stars input:checked~label{color:#F2B01E}
.salebadge{font-size:12px;font-weight:800;color:#B3261E;background:#FDECEC;border-radius:8px;padding:3px 8px;align-self:flex-start;line-height:1.35}.salebadge.inline{display:inline-block;padding:1px 6px}
.salebadge a{color:inherit}.tile.sale{background:#FFF4EC}.tile.sale .v{color:#B3261E}.pill.sale{background:#FDECEC;color:#B3261E}
.chip.sale.on{background:#B3261E;color:#fff;border-color:transparent}