/* v1.8 compact three-day category price trend */
.products-header{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(270px,1fr) auto;min-height:96px}
.products-panel{overflow:visible}
.products-header{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0}
.product-list{overflow:hidden;border-radius:0 0 var(--radius) var(--radius)}
.price-trend{position:relative;min-width:0;height:68px;padding:7px 10px 5px;border:1px solid #dbe5f5;border-radius:10px;background:#f8fbff;cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;z-index:4;transform-origin:center}
.price-trend:hover,.price-trend:focus-within{z-index:20;transform:scale(1.38);background:#fff;box-shadow:0 16px 38px rgba(25,52,96,.2)}
.trend-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px}
.trend-heading strong{font-size:10px;color:var(--ink)}
.trend-heading span{font-size:8px;color:var(--muted);white-space:nowrap}
.trend-chart{position:relative;height:43px;min-width:0}
.trend-chart svg{display:block;width:100%;height:100%;overflow:visible}
.trend-chart:focus-within{outline:2px solid var(--blue);outline-offset:1px;border-radius:5px}
.trend-grid{stroke:#dfe8f5;stroke-width:1;vector-effect:non-scaling-stroke}
.trend-area{fill:#e8f1ff}
.trend-line{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.trend-point{fill:#fff;stroke:var(--blue);stroke-width:1.5;vector-effect:non-scaling-stroke}
.trend-guide{stroke:#8096b7;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.trend-empty{height:43px;display:grid;place-items:center;color:var(--muted);font-size:9px}
.trend-tooltip{position:absolute;pointer-events:none;z-index:30;transform:translate(-50%,-100%);margin-top:-6px;padding:5px 7px;border-radius:7px;background:#162033;color:#fff;font-size:9px;line-height:1.45;white-space:nowrap;box-shadow:0 6px 18px rgba(12,25,48,.22)}
.trend-tooltip[hidden]{display:none}
.trend-tooltip strong{color:#8eb5ff}
@media(max-width:1000px){.products-header{grid-template-columns:minmax(210px,.8fr) minmax(210px,1fr) auto}.price-trend:hover,.price-trend:focus-within{transform:scale(1.25)}}
@media(max-width:760px){.products-header{grid-template-columns:minmax(0,1fr) auto}.price-trend{grid-column:1/-1;grid-row:2;height:76px;margin-top:3px}.trend-chart{height:49px}.price-trend:hover,.price-trend:focus-within{transform:none;box-shadow:none}.lowest-summary{grid-column:2;grid-row:1}.selected-category{grid-column:1;grid-row:1}}