/* Подборки /podborki/ (18.10.2026). Лучшая цена строки — голубая рамка; «—» — магазин модель не продаёт. */
.selection-page .page-title p{color:var(--muted)}
.selection-page .catalog-intro{margin-top:0}
.sel-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sel-box{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:18px 22px;min-width:0}
.sel-box h2{font-size:18px;margin:0 0 8px}
.sel-box ul{margin:0;padding-left:20px;color:var(--muted)}
.sel-box li{margin:5px 0;overflow-wrap:anywhere}
.sel-group h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:24px}
.sel-group h2 span{font:500 14px var(--body);color:var(--muted)}
.sel-list{display:grid;gap:10px;margin-top:14px}
.sel-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto 150px;gap:18px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:10px 18px 10px 10px}
.sel-photo{display:flex;align-items:center;justify-content:center;width:96px;height:72px;border-radius:10px;background:linear-gradient(180deg,#f7f9fb,#e4ebf1);overflow:hidden}
.sel-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6px}
.sel-photo.no-photo{background:var(--surface)}
.sel-name{min-width:0}
.sel-name a{display:block;color:var(--ink);font-weight:600;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.sel-name a:hover{color:var(--cyan)}
.sel-name small{display:block;margin-top:4px;font-size:13px;color:#85a8be;overflow-wrap:anywhere}
.sel-name .sel-note{color:var(--muted)}
.sel-tag{display:inline-block;margin-top:6px;font-size:12px;border:1px solid #1f5f7e;border-radius:20px;padding:1px 10px;color:var(--cyan)}
.sel-shops{display:flex;gap:6px;margin:0}
.sel-shops div{min-width:100px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;text-align:right}
.sel-shops dt{font-size:12px;color:#85a8be;white-space:nowrap}
.sel-shops dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.sel-shops dd small{display:block;font-size:11px;font-weight:400;color:#85a8be}
.sel-shops .best{border-color:var(--cyan)}
.sel-shops .best dd{color:var(--cyan)}
.sel-shops .none dd{color:#4f7690;font-weight:400}
.sel-buy-box{text-align:center}
.sel-buy{width:100%;padding-inline:12px}
.sel-buy-box small{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:#6f93ab;word-break:break-all}
.sel-related{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.sel-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sel-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:18px 20px;color:var(--ink);min-width:0}
.sel-card strong{font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.sel-card span{font-size:14px;color:var(--muted)}
.sel-card:hover{border-color:var(--cyan)}
.sel-card:hover strong{color:var(--cyan)}
.sel-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 22px;font-size:14px}
.sel-links span{color:var(--muted)}
.sel-links a{color:var(--cyan)}
@media(max-width:1100px){
 .sel-row{grid-template-columns:80px minmax(0,1fr);padding:10px}
 .sel-photo{width:80px;height:62px}
 .sel-shops,.sel-buy-box{grid-column:1/-1}
 .sel-shops div{flex:1;min-width:0}
 .sel-index{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .sel-top,.sel-index{grid-template-columns:1fr}
 .sel-group h2{font-size:20px}
 .sel-shops{flex-wrap:wrap}
 .sel-shops div{flex:1 1 30%;padding:6px 8px}
}
