/* Корзина (макет «Корзина»). Кнопки, чипы, карточки товаров — общие (site.css, product.css); здесь только раскладка корзины */
.cr-pg{padding-bottom:72px;font-size:15px;line-height:1.55;color:var(--ink)}
.cr-pg .cr-head{padding-top:18px;display:flex;flex-direction:column;gap:12px}
.cr-pg.busy .cr-list{opacity:.6;pointer-events:none}
.cr-pg .cr{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
.cr-pg .cr[hidden],.cr-pg .cr-empty[hidden]{display:none}
.cr-pg .cr-list{min-width:0;transition:opacity .15s}
.cr-pg .cr-hd{display:grid;grid-template-columns:96px minmax(0,1fr) 140px 160px;gap:20px;padding:0 0 12px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.cr-pg .cr-hd span:nth-child(3){text-align:center}.cr-pg .cr-hd span:nth-child(4){text-align:right}
.cr-pg .cr-it{display:grid;grid-template-columns:96px minmax(0,1fr) 140px 160px;gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}
.cr-pg .cr-im{display:block;width:96px;aspect-ratio:1;overflow:hidden;background:#fff;border:1px solid var(--line)}
.cr-pg .cr-im img{width:100%;height:100%;object-fit:contain;display:block}
.cr-pg .cr-im .wx-noimg{min-height:0;font-size:10px;padding:4px}
.cr-pg .cr-nm{min-width:0;display:flex;flex-direction:column;gap:6px}
.cr-pg .cr-nm a.t{font-size:16px;font-weight:600;color:var(--navy);line-height:1.35;text-decoration:none}
.cr-pg .cr-nm a.t:hover{text-decoration:underline}
.cr-pg .cr-nm small{font-size:12.5px;color:var(--muted)}
.cr-pg .cr-nm p{margin:0;font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cr-pg .cr-mode{align-self:flex-start;font-size:13.5px;font-weight:600;color:var(--navy)}
.cr-pg .cr-del,.cr-pg .cr-clear{all:unset;cursor:pointer;align-self:flex-start;min-height:32px;display:inline-flex;align-items:center;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.cr-pg .cr-clear{min-height:44px;font-size:14px;font-weight:600}
.cr-pg .cr-del:hover,.cr-pg .cr-clear:hover{color:var(--navy)}
.cr-pg .cr-del:focus-visible,.cr-pg .cr-clear:focus-visible{outline:2px solid var(--navy)}
.cr-pg .cr-qty{justify-self:center;display:grid;grid-template-columns:40px 48px 40px;height:44px;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.cr-pg .cr-qty button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:18px}
.cr-pg .cr-qty button:hover{background:var(--soft)}
.cr-pg .cr-qty button:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.cr-pg .cr-qty button[disabled]{color:#c3cad3;cursor:default;background:none}
.cr-pg .cr-qty input{box-sizing:border-box;width:100%;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font:inherit;font-size:15px;font-weight:600;color:var(--ink);background:#fff}
.cr-pg .cr-pr{text-align:right;display:flex;flex-direction:column;gap:2px}
.cr-pg .cr-pr b{font-size:17px;color:var(--ink);white-space:nowrap;line-height:1.3}
.cr-pg .cr-pr span{font-size:12.5px;color:var(--muted);line-height:1.3}
.cr-pg .cr-foot{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.cr-pg .cr-lnk{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none}
.cr-pg .cr-lnk:hover{text-decoration:underline}
/* итог */
.cr-pg .cr-sum{border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0;position:sticky;top:76px}
.cr-pg .cr-sum h2{margin:0 0 4px;font-size:18px;color:var(--navy)}
.cr-pg .cr-r{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}
.cr-pg .cr-r > span{color:var(--muted)}
.cr-pg .cr-r b{font-weight:600;white-space:nowrap}
.cr-pg .cr-t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;border-top:2px solid var(--navy)}
.cr-pg .cr-t span{font-weight:600}
.cr-pg .cr-t b{font-size:24px;color:var(--navy);white-space:nowrap}
.cr-pg .cr-n{margin:0;font-size:13px;color:var(--muted)}
.cr-pg .cr-inst{padding:10px 12px;background:var(--soft);border-left:3px solid var(--yel);color:var(--ink)}
.cr-pg .cr-inst[hidden]{display:none}
.cr-pg .cr-sum .cr-btn{width:100%}
/* связаться с менеджером */
.cr-pg .mg{padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.cr-pg .mg [data-mg-start]{display:flex;flex-direction:column;gap:10px}
.cr-pg .mg [hidden]{display:none}
.cr-pg .mg-ph{font-size:13px;color:var(--muted);text-align:center}
.cr-pg .mg-ph a{color:var(--navy);font-weight:700;text-decoration:none}
.cr-pg .mg-f{display:flex;flex-direction:column;gap:10px}
.cr-pg .mg-f label{font-size:13px;font-weight:600}
.cr-pg .mg-f label i{font-style:normal;color:#b42318}
.cr-pg .mg-f input{box-sizing:border-box;width:100%;height:46px;border:1px solid var(--line);border-radius:4px;padding:0 14px;font:inherit;font-size:15px}
.cr-pg .mg-f input:focus{outline:2px solid var(--navy);outline-offset:-1px;border-color:var(--navy)}
.cr-pg .mg-msg{margin:0;padding:10px 12px;background:#fdecea;color:#8a1c12;font-size:13.5px}
.cr-pg .mg-ok{padding:12px 14px;background:#e8f3ec;color:#1d5b34;font-size:14px}
/* пустая корзина */
.cr-pg .cr-empty{margin-top:32px;padding:56px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.cr-pg .cr-empty b{font-size:22px;color:var(--navy)}
.cr-pg .cr-empty p{margin:0;color:var(--muted);max-width:480px}
.cr-pg .cr-empty .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}
/* «Рекомендуем»: лента карточек со стрелками */
.cr-pg .cr-sec{padding-top:56px}
.cr-pg .cr-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.cr-pg .cr-sec-t{min-width:0;flex:1;display:flex;flex-direction:column;gap:10px}
.cr-pg .cr-sec-t p{margin:0;color:var(--muted)}
.cr-pg .cr-rc{--per:4;--gap:16px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));gap:var(--gap);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.cr-pg .cr-rc::-webkit-scrollbar{display:none}
.cr-pg .cr-rc > .tile{scroll-snap-align:start}
@media (max-width:1199px){.cr-pg .cr{grid-template-columns:minmax(0,1fr) 320px;gap:28px}.cr-pg .cr-hd,.cr-pg .cr-it{grid-template-columns:80px minmax(0,1fr) 132px 130px;gap:16px}.cr-pg .cr-im{width:80px}.cr-pg .cr-rc{--per:3}}
@media (max-width:991px){.cr-pg .cr{grid-template-columns:1fr}.cr-pg .cr-sum{position:static}.cr-pg .cr-rc{--per:2}}
@media (max-width:767px){
  .cr-pg .cr-hd{display:none}
  .cr-pg .cr-it{grid-template-columns:72px 44px minmax(0,1fr);grid-template-areas:"im nm nm" "qt qt pr";gap:14px;padding:18px 0}
  .cr-pg .cr-im{grid-area:im;width:72px}.cr-pg .cr-nm{grid-area:nm}.cr-pg .cr-qty{grid-area:qt;justify-self:start;grid-template-columns:36px 44px 36px}.cr-pg .cr-pr{grid-area:pr;align-self:center;justify-content:center;min-height:44px}
  .cr-pg .cr-sum{padding:18px}.cr-pg .cr-empty{padding:40px 8px}.cr-pg .cr-empty .cr-btn{width:100%}
  .cr-pg .cr-sec{padding-top:40px}.cr-pg .cr-sec-h{flex-direction:column;align-items:flex-start;gap:12px}
  .cr-pg .cr-rc{--per:1.4;--gap:12px}
}