/* Visual-only shared polish for compare.html and promotions.html */
:root{--green:#087a3e;--green-dark:#05612f;--ink:#142018;--mut:#53645a;--bg:#f5f8f6;--card:#fff;--line:#dfe8e2;--shadow:0 7px 24px rgba(13,68,39,.07)}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;margin:0!important;background:var(--bg)!important;color:var(--ink)!important;line-height:1.5}
header{min-height:64px!important;justify-content:center!important;gap:14px!important;padding:12px 18px!important;text-align:center}h1{font-size:clamp(22px,3vw,30px)!important;color:var(--green)!important;text-align:center;margin:18px auto!important}header h1{margin:0!important;font-size:22px!important}header img{width:38px!important;height:38px!important;border-radius:11px!important}header a{font-size:15px!important;padding:8px!important}
input,select{min-height:48px;font-size:16px!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:10px 14px!important;background:#fff!important}body>input{display:block;margin:0 auto;max-width:760px!important}.note,.meta{max-width:1100px!important;margin:12px auto!important;padding:8px 18px!important;text-align:center;font-size:14px!important;color:var(--mut)!important}
.grid{gap:16px!important;padding:18px!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}.card{border-color:var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow);overflow:hidden}.tile{height:180px!important;background:#f7faf8!important}.tile img{object-fit:contain!important;background:#fff}.tile span{font-size:0!important;color:transparent!important}.tile span::after{content:"תמונה בבדיקה";font-size:14px;color:#66766c}.body{padding:14px!important;gap:7px!important}.nm{font-size:16px!important}.deal{font-size:14px!important}.pr b{font-size:21px!important}.pr s,.ch{font-size:14px!important}.club{font-size:13px!important;padding:4px 7px!important}
table{width:calc(100% - 28px)!important;max-width:1200px;margin:16px auto!important;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}td,th{font-size:14px!important;padding:10px!important;border-color:var(--line)!important}th{background:#eef7f1}
@media(max-width:700px){header{flex-wrap:wrap}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important;gap:10px!important}.tile{height:130px!important}table{display:block;overflow-x:auto;white-space:nowrap}.body{padding:10px!important}.nm{font-size:14px!important}}
/* QA hardening: never shrink the 980px comparison table into unreadable text. */
@media(max-width:1000px){table{display:block!important;width:calc(100% - 20px)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:normal!important}table thead,table tbody{min-width:980px}td,th{font-size:14px!important;line-height:1.45!important}}

/* v8: compare's purpose-built mobile cards must win over the old table fallback. */
@media(max-width:700px){
 table.tbl{display:none!important}
 .pcards{display:block!important;max-width:620px;margin:0 auto;padding:0 12px!important}
 .pcard{border-radius:16px!important;padding:14px 15px!important;margin:12px 0!important;box-shadow:var(--shadow)}
 .pcard .pn{font-size:16px!important;line-height:1.4!important}
 .pcard .pm{font-size:14px!important;line-height:1.45!important}
 .pcard details{font-size:14px!important}
}

/* 2026-09-18 shared brand refresh */
:root{--green:#123f3d;--green-dark:#0a302f;--ink:#153331;--mut:#5c716d;--bg:#f8f5ec;--card:#fffefa;--line:#d7e2dc;--brand-coral:#f0643b;--brand-yellow:#ffc857;--shadow:0 10px 28px rgba(18,63,61,.09)}
body{background:radial-gradient(circle at 10% 8%,rgba(255,200,87,.14),transparent 24rem),var(--bg)!important}
header{background:#fffefa!important;border-color:rgba(18,63,61,.12)!important}header h1,h1{color:var(--ink)!important}header a{color:var(--ink)!important;text-decoration-color:var(--brand-coral)!important;text-decoration-thickness:2px!important}
input:focus,select:focus{outline:3px solid rgba(255,200,87,.65)!important;outline-offset:2px!important;border-color:var(--brand-coral)!important}
.card,.pcard{background:var(--card)!important;border-color:rgba(18,63,61,.13)!important;box-shadow:var(--shadow)!important}.badge{background:var(--brand-coral)!important}.deal{color:var(--green)!important}.pr b{color:var(--brand-coral-dark,#d94b25)!important}
th{background:#e7f4ef!important}.best{background:#fff3cf!important}

/* Product-audit integration: the full comparison is a consumer card gallery on every viewport. */
body:has(#pc) table.tbl{display:none!important}
body:has(#pc) .pcards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px;max-width:1180px;margin:18px auto;padding:0 18px!important}
body:has(#pc) .pcard{display:flex;flex-direction:column;min-width:0;margin:0!important;background:var(--card)!important;border:1px solid rgba(18,63,61,.13)!important;border-radius:18px!important;padding:16px 17px!important;box-shadow:var(--shadow)}
body:has(#pc) .pcard .pn{font-size:17px!important;line-height:1.4;font-weight:850;color:var(--ink)}
body:has(#pc) .pcard .pb{padding:11px 0 8px;border-bottom:1px solid var(--line);gap:12px}
body:has(#pc) .pcard .pb b{font-size:23px!important;color:var(--ink)!important}
body:has(#pc) .pcard .pm{font-size:14px!important;color:var(--mut)!important}
body:has(#pc) .pcard details{margin-top:10px;padding-top:2px;font-size:14px!important}
body:has(#pc) .pcard summary{cursor:pointer;color:var(--green);font-weight:750}
/* Promotions with missing exact photos need data-level filtering so counts remain truthful. */
@media(max-width:700px){body:has(#pc) .pcards{grid-template-columns:1fr!important;padding-inline:12px!important}}
body:has(#pc) .pcard .pb{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:baseline!important}
body:has(#pc) .pcard .pb>span{min-width:0;overflow-wrap:anywhere}
body:has(#pc) .pcard .pb>b{white-space:nowrap;font-variant-numeric:tabular-nums}