/* Дополнения к site.css (стили согласованного макета) для живого сайта megavolt.su */
.mock{display:none}
a{text-decoration:none}
.mega-p .all{color:var(--acc2);font-weight:600}
.sublinks{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:8px}
.sublinks a{color:var(--muted);font-size:14px}
.sublinks a:hover,h2.sec a:hover{color:var(--acc2)}
.sublinks em,.mega-r a em{font-style:normal;color:var(--muted);font-size:12px;opacity:.7}
.brands a{background:var(--bg);border-radius:14px;height:72px;display:flex;align-items:center;justify-content:center;padding:0 14px;text-align:center;font:600 13.5px/1.2 "Onest",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--chrome2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brands a:hover{color:var(--acc2)}
.filters .apply{width:100%;margin:0}
.js .filters .apply{display:none}
.pages span{display:grid;place-items:center;width:28px;color:var(--muted)}
.text h2{font-size:20px;margin:22px 0 8px}
.text p,.text li{margin:6px 0}
.text ul{padding-left:20px}
.text a{color:var(--acc2)}
.legal mark{background:#ffe7a8}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:80;background:var(--chrome);color:var(--chrome-ink);padding:12px 18px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:14px}
.toast a{color:var(--acc);font-weight:600;margin-left:10px}

/* корзина */
.cartpage{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.cl{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:6px 18px}
.cline{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto 28px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.cline:last-child{border:0}
.cline .ph{width:72px;height:72px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}
.cline .ph img{width:90%;height:90%;object-fit:contain}
.cline .nm{font-size:14px;line-height:1.35}
.cline .nm small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.cline .qty{width:120px;margin:0;height:40px;grid-template-columns:36px 1fr 36px}
.cline .sum{font-weight:700;white-space:nowrap;min-width:90px;text-align:right}
.cline .rm{color:var(--muted);font-size:18px}
.co{background:var(--bg);border-radius:var(--r);padding:20px;position:sticky;top:96px;display:flex;flex-direction:column;gap:12px}
.co h3{font-size:18px}
.co .tot{display:flex;justify-content:space-between;font-size:20px;font-weight:700}
.co input,.co textarea,.co select{width:100%;background:#fff;border-radius:10px;padding:11px 12px;border:1px solid var(--line);outline:0}
.co textarea{min-height:70px;resize:vertical}
.co .opts{display:flex;flex-wrap:wrap;gap:6px}
.co .opts label{flex:1;min-width:100px;text-align:center;padding:9px 6px;border-radius:10px;background:#fff;border:1px solid var(--line);cursor:pointer;font-size:14px}
.co .opts input{display:none}
.co .opts label:has(input:checked){border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
.co .agree{display:flex;gap:10px;font-size:13px;color:var(--muted);line-height:1.4}
.co .agree input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--acc)}
.co .agree a{color:var(--acc2)}
.co .err{color:var(--danger);font-size:14px}
.co .buy{height:50px;margin:0}
.done{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;max-width:640px}
.done h2{margin:0 0 8px}
@media (max-width:900px){.cartpage{grid-template-columns:1fr}.co{position:static}.cline{grid-template-columns:60px minmax(0,1fr) auto;grid-template-areas:"ph nm rm" "ph qty sum"}.cline .ph{grid-area:ph;width:60px;height:60px}.cline .nm{grid-area:nm}.cline .rm{grid-area:rm}.cline .qty{grid-area:qty}.cline .sum{grid-area:sum}}
/* длинные слова в плитках («Низковольтное…») не должны раздвигать сетку */
.tiles>*,.grid>*,.listing>*,.pp>*,.hero>*,.perks>*,.brands>*{min-width:0}
.tile b{overflow-wrap:anywhere;hyphens:auto}
.gal>*{min-width:0}
.thumbs{overflow-x:auto;scrollbar-width:thin}
.thumbs div{flex:none}
.tabs{overflow-x:auto;scrollbar-width:none}
.tabs button{flex:none}
.cline .sum{min-width:0}