/* Динамика цен /prices/ (18.10.2026). Снижение — голубой, рост — тёплый; знак и стрелка дублируют цвет. */
.prices-page{--down:#36d7ff;--up:#ffb38a}
.prices-page .page-title p{color:var(--muted)}
.move{font-variant-numeric:tabular-nums;white-space:nowrap}
.move.down{color:var(--down)}
.move.up{color:var(--up)}
.price-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 10px}
.price-stats>div{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:18px 20px;min-width:0}
.price-stats span{display:block;font-size:13px;color:var(--muted)}
.price-stats strong{display:block;font-family:var(--display);font-size:32px;line-height:1.15;margin:6px 0 4px;color:var(--ink)}
.price-stats strong.move.down{color:var(--down)}
.price-stats strong.move.up{color:var(--up)}
.price-stats .move-pair{display:flex;gap:16px;flex-wrap:wrap}
.price-stats .move-pair span{display:inline;font-size:inherit}
.price-stats .move-pair .down{color:var(--down)}
.price-stats .move-pair .up{color:var(--up)}
.price-stats small{display:block;font-size:13px;color:#85a8be}
.price-chart{margin:18px 0 0;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px 8px 4px}
.price-chart svg{display:block;width:100%;height:auto}
.price-chart .grid{stroke:#123247;stroke-width:1}
.price-chart .base{stroke:#3d6a85;stroke-width:1;stroke-dasharray:4 4}
.price-chart .line,.spark .line{fill:none;stroke:var(--cyan);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.price-chart .dot{fill:var(--cyan);stroke:var(--panel);stroke-width:2}
.price-chart .tick{fill:#85a8be;font-size:12px;font-family:var(--body)}
.price-chart .hit{fill:transparent}
.price-chart .mark{fill:var(--cyan);stroke:var(--panel);stroke-width:2;opacity:0}
.price-chart .pt:hover .mark{opacity:1}
.spark{display:block;width:120px;height:32px}
.spark .base{stroke:#2a536b;stroke-width:1;stroke-dasharray:3 3}
.spark .line{stroke-width:1.6}
.price-days{margin-top:14px}
.price-days summary{cursor:pointer;color:var(--cyan);font-size:14px}
.price-days table{min-width:0;max-width:420px}
.price-days thead th,.price-days thead th:first-child{width:auto;padding:12px 16px}
.price-days td{padding:8px 16px;border-top:1px solid var(--line)}
.price-cats{min-width:760px;table-layout:auto}
.price-cats thead th,.price-cats thead th:first-child{width:auto;padding:14px 16px;font-size:13px;color:var(--muted);font-weight:600}
.price-cats th[scope=row],.price-cats td{padding:12px 16px;border-top:1px solid var(--line);font-size:15px;vertical-align:middle}
.price-cats th[scope=row] a{color:var(--ink)}
.price-cats th[scope=row] a:hover{color:var(--cyan)}
.price-cats td strong{font-weight:600}
.drops-lead{max-width:900px;color:var(--muted);margin:-8px 0 18px}
.drop-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.drop-list li{display:grid;grid-template-columns:120px minmax(0,1fr) auto 88px;gap:18px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:10px 18px 10px 10px}
.drop-photo{display:flex;align-items:center;justify-content:center;width:120px;height:90px;border-radius:10px;background:linear-gradient(180deg,#f7f9fb,#e4ebf1);overflow:hidden}
.drop-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6px}
.drop-photo.no-photo{background:var(--surface)}
.drop-name{min-width:0}
.drop-name a{display:block;color:var(--ink);font-weight:600;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.drop-name a:hover{color:var(--cyan)}
.drop-name small{display:block;margin-top:4px;font-size:13px;color:#85a8be}
.drop-name .eyebrow{font-size:11px;letter-spacing:.08em}
.drop-price{text-align:right;white-space:nowrap}
.drop-price strong{display:block;font-family:var(--display);font-size:20px;color:var(--ink)}
.drop-price small{display:block;font-size:13px;color:#85a8be}
.drop-pct{justify-self:end;font-family:var(--display);font-weight:700;font-size:20px;color:var(--down);border:1px solid #1f5f7e;border-radius:30px;padding:4px 12px;white-space:nowrap}
.price-nav{margin-top:34px}
.price-nav a:hover span{border-color:var(--cyan);color:var(--cyan)}
.price-method .text-link{display:block;margin-top:12px}
@media(max-width:1000px){
 .price-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .price-stats{gap:10px}
 .price-stats>div{padding:14px}
 .price-stats strong{font-size:24px}
 .drop-list li{grid-template-columns:72px minmax(0,1fr) auto;gap:10px 12px;padding:8px 12px 8px 8px}
 .drop-photo{width:72px;height:60px;grid-row:1 / span 2}
 .drop-name a{font-size:14px}
 .drop-price{grid-column:2 / -1;text-align:left}
 .drop-price strong{display:inline;font-size:17px;margin-right:8px}
 .drop-price small{display:inline}
 .drop-pct{grid-column:3;grid-row:1;align-self:start;font-size:15px;padding:2px 8px}
}