/* Phase 2 "Clean": navy + green, flat, hairline, white tiles. Override layer on top of brand.css. */
:root{--brand-ink:#102A43;--brand-ink-hover:#0B2239;--brand-ink-soft:#EAF0F5;--signal:#0B7653;--signal-strong:#086647;--signal-soft:#E6F6EF;
 --canvas:#F4F6F8;--surface:#FFFFFF;--surface-muted:#F0F3F6;--border:#DCE2E8;--text:#102A43;--text-muted:#52606D;
 --shadow-1:none;--shadow-2:0 6px 20px rgba(16,42,67,.08);--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;
 --brand-light:#F0F3F6;--light:#F0F3F6;--bg:#F4F6F8;--shadow:none;--shadow-lg:0 6px 20px rgba(16,42,67,.08);--deal:#0B7653;--deal-bg:#E6F6EF}
html,body{background:#F4F6F8!important}
body.mode-consumer{color:#102A43}
/* top bar */
body.mode-consumer .consumer-topbar{padding-block:10px}
body.mode-consumer .brand-name{font-weight:800;letter-spacing:-.01em;color:#102A43}
body.mode-consumer .logo-ic{width:30px;height:30px}
/* white tiles for every product image: uniform, no clash with page color */
body.mode-consumer .thumb,body.mode-consumer .res-thumb,body.mode-consumer .deal-row .thumb,body.mode-consumer .thumb.lg{background:#fff!important}
body.mode-consumer .thumb img,body.mode-consumer .pc-img,body.mode-consumer .alternative-product img{background:#fff!important;object-fit:contain!important;mix-blend-mode:multiply}
body.mode-consumer .res-thumb,body.mode-consumer .deal-row>div:first-child:has(.thumb){background:#fff;border:1px solid #E4E9EE;border-radius:10px;overflow:hidden}
body.mode-consumer .thumb.lg{border:1px solid #E4E9EE!important;border-radius:10px!important}
/* cards: flat, hairline */
body.mode-consumer .deal,body.mode-consumer .res-row,body.mode-consumer .card,body.mode-consumer .panel,body.mode-consumer .cat-card{box-shadow:none!important;border:1px solid #DCE2E8!important;border-radius:12px!important;background:#fff!important}
body.mode-consumer .deal-name,body.mode-consumer .res-row-name{font-weight:600;color:#102A43}
body.mode-consumer .deal-price,body.mode-consumer .res-row-price,body.mode-consumer .chp-price,body.mode-consumer .chp-promo{font-variant-numeric:tabular-nums;font-weight:700;color:#102A43}
body.mode-consumer .chp-row:first-child .chp-price,body.mode-consumer .chp-row:first-child .chp-promo{color:#0B7653}
/* chips + buttons */
body.mode-consumer .pc-chain{border-radius:999px;border:1px solid #DCE2E8;background:#fff;color:#102A43;font-weight:600}
body.mode-consumer .pc-chain.on{background:#102A43;border-color:#102A43;color:#fff}
body.mode-consumer .tabs{background:#fff;border-top:1px solid #DCE2E8;box-shadow:none}
body.mode-consumer .tab-btn[aria-selected=true],body.mode-consumer .tab-btn.on,body.mode-consumer .tab-btn.active{color:#0B7653}
/* product hero (cheapest) */
.ta-hero{background:#fff;border:1px solid #DCE2E8;border-radius:12px;padding:14px 16px;margin:12px 0}
.ta-hero .ta-lb{font-size:.72rem;font-weight:600;color:#52606D;letter-spacing:.02em}
.ta-hero .ta-h{font-size:1.05rem;font-weight:700;color:#0B7653;margin-top:2px}
.ta-hero .ta-price{display:flex;align-items:baseline;gap:6px;margin-top:6px;direction:ltr;justify-content:flex-end}
.ta-hero .ta-n{font-size:2.6rem;font-weight:800;line-height:1;color:#102A43;font-variant-numeric:tabular-nums}
.ta-hero .ta-dot{display:inline-block;width:.16em;height:.16em;background:#0B7653;border-radius:50%;margin:0 .06em .02em .04em}
.ta-hero .ta-c{font-size:1.2rem;font-weight:700;color:#52606D}
.ta-hero .ta-where{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #E4E9EE}
.ta-hero .ta-lens{width:44px;height:44px;border:1px solid #DCE2E8;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none}
.ta-hero .ta-lens img{max-width:36px;max-height:36px;object-fit:contain}
.ta-hero .ta-where b{display:block;font-size:.95rem}
.ta-hero .ta-where small{color:#52606D;font-size:.78rem}
body.mode-consumer .chp-table{border:1px solid #DCE2E8;border-radius:12px;overflow:hidden;background:#fff}
body.mode-consumer .chp-row{border-bottom:1px solid #EDF0F3}
@media(min-width:900px){
body.mode-consumer .wrap{max-width:1200px;margin-inline:auto;box-shadow:0 0 0 1px #E4E9ED}
body.mode-consumer .tabs{width:100%;max-width:none;box-sizing:border-box;justify-self:stretch;justify-content:flex-start;padding:0 24px;gap:4px;background:#fff;border-bottom:1px solid #DCE2E8}
body.mode-consumer .tab-btn{min-width:120px;border-radius:0;border:0;border-bottom:3px solid transparent;background:transparent;color:#334E68;box-shadow:none}
body.mode-consumer .tab-btn.on,body.mode-consumer .tab-btn.active,body.mode-consumer .tab-btn[aria-selected=true]{border-bottom-color:#0B7653;color:#0B7653;background:transparent}
body.mode-consumer .res-cols{grid-column:1/-1}
body.mode-consumer #results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
body.mode-consumer #categoryProducts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
body.mode-consumer #basketWrap,body.mode-consumer #alertsWrap,body.mode-consumer #profileWrap{max-width:760px}
}
body.mode-consumer .deal .btn-add,body.mode-consumer .deal button{border-radius:8px}
/* ---- Heebo, one family for every role ---- */
@font-face{font-family:"Heebo";src:url("/assets/fonts/Heebo-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--font-ui:"Heebo",system-ui,"Segoe UI",Arial,sans-serif}
html,body,button,input,select,textarea,.sku bdi,.barcode,.mono,code{font-family:var(--font-ui)!important}
.sku bdi,.barcode,.mono,code{letter-spacing:0!important}
body.mode-consumer{font-weight:400}
body.mode-consumer h1,body.mode-consumer h2,body.mode-consumer h3,body.mode-consumer .product-sheet-title,body.mode-consumer .deal-name,body.mode-consumer .res-row-name{font-weight:800;letter-spacing:-.01em}
body.mode-consumer .brand-name{font-weight:800;letter-spacing:-.02em;font-size:1.3rem}
body.mode-consumer .deal-price,body.mode-consumer .res-row-price,body.mode-consumer .chp-price,body.mode-consumer .chp-promo,body.mode-consumer .price,.ta-hero .ta-n{font-weight:700;font-variant-numeric:tabular-nums}
.ta-hero .ta-n{font-weight:800}
.ta-hero .ta-h{font-weight:800}