/* clicpick.ru: корзина /cart для вошедшего покупателя (пакет В) - шапка .cpd (cp_cart_head.twig) и корзина .cpc (cp_cart.twig).
 * Размеры и цвета - с утвержденного макета design/ok/korzina.html. Только внутри .cpd и .cpc (и body.cpc-page),
 * остальной сайт и корзина гостя этот файл не получают. Шрифт - темы (--cp-font из cp-fonts.css, с f1; до f1 - свой Roboto). */


.cpd,.cpc{--bg:#edf4fa;--top:#fff;--strip:#25485c;--search:#4b6778;--card:#fff;--line:#e3e9f0;--line2:#d4dee5;--thead:#f4f8fb;--blue:#038cdb;--blue2:#0a79c7;--link:#0076cc;--sel:#eff7fe;--selb:#55afea;--info:#eef7fe;--seg:#f1f4f7;--copper:#c49060;--ink:#002840;--text:#1f3b51;--muted:#6e879c;--hint:#8394a8;--ico:#9aabbb;--red:#d93a3a;--font:var(--cp-font);font:14px/1.45 var(--font);color:var(--text);-webkit-font-smoothing:antialiased}
.cpd *,.cpc *{box-sizing:border-box}
.cpd [hidden],.cpc [hidden]{display:none!important}
.cpd a,.cpc a{color:var(--link);text-decoration:none}
.cpd a:hover,.cpc a:hover{text-decoration:none}
.cpd button,.cpd input,.cpc button,.cpc input{font-family:var(--font)}
.cpd a:focus-visible,.cpd button:focus-visible,.cpc a:focus-visible,.cpc button:focus-visible,.cpc [tabindex]:focus-visible,.cpc input:focus-visible{outline:2px solid var(--selb);outline-offset:2px}
.cpd-i,.cpc-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cpd-wrap,.cpc-wrap{max-width:1600px;margin:0 auto;padding-left:16px;padding-right:16px}
@media (min-width:900px){.cpd-wrap,.cpc-wrap{padding-left:50px;padding-right:50px}}

/* ---------- шапка (от 992px; меньше - шапка темы) ---------- */
.cpd{display:none}
@media (min-width:992px){.cpd{display:block}}
.cpd-t1{background:var(--top);border-bottom:1px solid var(--line)}
.cpd-t1 .cpd-wrap{height:72px;display:flex;align-items:center;gap:34px}
.cpd-logo{display:flex;align-items:center;flex:none;font-weight:700;font-size:20px;color:var(--ink)}
.cpd .cpd-logo{color:var(--ink)}
.cpd-logo img{display:block;max-height:44px;max-width:200px;width:auto;height:auto}
.cpd-dd{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:500;position:relative;white-space:nowrap;min-width:0}
.cpd a.cpd-dd{color:var(--ink)}
.cpd .cpd-ch{width:14px;height:14px}
.cpd-payer-btn{display:flex;align-items:center;gap:8px;min-width:0;max-width:340px;padding:0;border:0;background:none;color:var(--ink);font:500 14px var(--font);cursor:pointer}
.cpd-payer-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpd-pop{position:absolute;top:40px;left:0;z-index:120;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(0,40,64,.12);width:330px;padding:6px;font-weight:400;white-space:normal}
.cpd-pop-item,.cpd-pop-add{padding:9px 10px;border-radius:6px;display:flex;justify-content:space-between;gap:10px}
.cpd-pop-item.on{background:var(--sel);font-weight:500}
.cpd-pop small{color:var(--muted);font-size:12px;white-space:nowrap}
.cpd-pop-add{color:var(--hint);border-top:1px solid var(--line);border-radius:0;margin-top:4px;cursor:default}
/* организации покупателя - кнопки выбора плательщика, "+ Добавить организацию" - ссылка (28.10) */
.cpd button.cpd-pop-item{width:100%;border:0;background:none;font:inherit;color:var(--text);text-align:left;cursor:pointer}
.cpd button.cpd-pop-item:hover{background:var(--thead)}
.cpd button.cpd-pop-item.on{background:var(--sel);color:var(--ink);cursor:default}
.cpd a.cpd-pop-add{color:var(--link);cursor:pointer}
.cpd-pop-err{font-size:12px;color:var(--red);padding:0 10px}
.cpd-pop-err:empty{display:none}
.cpd-menu{display:flex;gap:28px;margin-left:auto;color:var(--ink);white-space:nowrap}
.cpd .cpd-menu a{color:var(--ink)}
.cpd .cpd-menu a:hover{color:var(--link)}
.cpd-off{color:var(--hint);cursor:default}
.cpd-user{display:flex;align-items:center;gap:8px;flex:none;font-weight:500;white-space:nowrap}
.cpd .cpd-user{color:var(--ink)}
.cpd-user b{width:36px;height:36px;border-radius:50%;background:#0289d1;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:500}
.cpd-t2{background:var(--strip);position:relative}
.cpd-t2 .cpd-wrap{height:60px;display:flex;align-items:center;gap:40px;color:#fff}
.cpd-cat{position:static;width:186px;flex:none}
.cpd-cat-btn{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:#fff;font:500 14px var(--font);cursor:pointer}
/* Меню категорий темы - на всю ширину под полосой */
.cpd .cpd-cat .dropdown-menu.menu-content{top:100%;left:0;right:0;width:100%;margin:0;border-radius:0}
.cpd-search{flex:1;min-width:0;height:38px;border-radius:19px;background:var(--search);display:flex;align-items:center;gap:12px;padding:0 18px;margin:0}
.cpd-search-btn{display:grid;place-items:center;padding:0;border:0;background:none;color:#c8d5de;cursor:pointer}
.cpd-search-input{flex:1;min-width:0;height:36px;padding:0;border:0;background:transparent;color:#fff;font:14px var(--font);outline:none;box-shadow:none}
.cpd-search-input::placeholder{color:#c8d5de;opacity:1}
.cpd-search:focus-within{box-shadow:0 0 0 2px var(--selb)}
.cpd-mini{display:flex;align-items:center;gap:10px;font-weight:500;white-space:nowrap}
.cpd .cpd-mini,.cpd .cpd-mini:hover{color:#fff}
@media (max-width:1180px){.cpd-menu{display:none}.cpd-user{margin-left:auto}.cpd-t1 .cpd-wrap{gap:24px}}

/* ---------- корзина ---------- */
body.cpc-page{background:#edf4fa}
.cpc{background:var(--bg)}
.cpc-num{font-variant-numeric:tabular-nums}
.cpc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cpc-crumb{color:var(--muted);font-size:13px;padding:18px 0 8px}
.cpc .cpc-crumb a{color:var(--muted)}
.cpc .cpc-crumb a:hover{color:var(--link)}
.cpc-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.cpc h1{margin:0;padding:0;font:700 28px/1.2 var(--font);color:var(--ink);display:flex;align-items:center;gap:16px;text-transform:none;letter-spacing:0}
.cpc-badge{font-size:13px;font-weight:500;line-height:1.45;background:var(--copper);color:#fff;border-radius:6px;padding:4px 10px;white-space:nowrap}
.cpc-hl{display:flex;gap:24px;flex-wrap:wrap}
.cpc-lk{display:inline-flex;align-items:center;gap:8px;color:var(--link);background:none;border:0;font:inherit;padding:0;cursor:pointer;white-space:nowrap}
.cpc .cpc-lk .cpc-i{width:18px;height:18px}
.cpc-off,.cpc .cpc-off:hover{color:var(--hint);cursor:default}
.cpc-alert{margin:0 0 16px;padding:12px 16px;border-radius:8px;background:var(--info);color:var(--text)}
.cpc-alert-ok{background:#ecf8f1}
.cpc-alert-err{background:#fdeeee;color:#a12a2a}
.cpc-lay{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start;padding-bottom:50px}
.cpc-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.cpc-card{background:var(--card);border-radius:10px;padding:20px;box-shadow:0 1px 2px rgba(0,40,64,.04)}

/* поля и кнопки */
.cpc label{font-weight:400;margin:0;max-width:none}
.cpc-fld>label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.cpc-in{height:37px;border:1px solid var(--line);border-radius:6px;padding:0 13px;display:flex;align-items:center;gap:10px;color:var(--text);background:#fff;white-space:nowrap;font:14px var(--font);box-shadow:none}
.cpc input.cpc-in{display:block;width:100%;outline:none}
.cpc input.cpc-in:focus,.cpc-in:focus-within{border-color:var(--selb)}
.cpc .cpc-in .cpc-i{width:18px;height:18px;color:var(--muted)}
.cpc-in input{flex:1;min-width:0;height:35px;padding:0;border:0;background:transparent;color:var(--text);font:14px var(--font);outline:none;box-shadow:none}
.cpc input::placeholder{color:var(--hint);opacity:1}
.cpc-sel{justify-content:space-between;cursor:pointer}
.cpc-btn{height:37px;padding:0 18px;border-radius:6px;border:1px solid var(--line2);background:#fff;font:500 14px var(--font);color:var(--ink);cursor:pointer;white-space:nowrap}
.cpc-btn.cpc-pr{background:var(--blue);border-color:var(--blue);color:#fff}
.cpc-btn.cpc-pr:hover{background:var(--blue2);border-color:var(--blue2)}
.cpc-btn:disabled{opacity:.6;cursor:default}
.cpc-err{color:var(--red);font-size:12px}
.cpc-err:empty{display:none}
.cpc-muted{color:var(--hint)}

/* верхняя карточка: название, номер, последний заказ */
.cpc-strip{display:flex;align-items:center;gap:20px;padding:14px 20px;flex-wrap:wrap}
.cpc-f1{width:300px}.cpc-f2{width:220px}
.cpc-name-box{padding-right:6px}
.cpc input.cpc-name{color:var(--text)}
.cpc-name-pen{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:4px;background:none;color:var(--muted);cursor:pointer}
.cpc-name-pen:hover{color:var(--link)}
.cpc-fld-msg{position:absolute;font-size:12px;color:var(--muted)}
.cpc-fld{position:relative}
.cpc-ro{background:#f7fafc;color:var(--ink);font-weight:500;justify-content:space-between;padding-right:8px}
.cpc-cp{display:inline-grid;padding:0;border:0;background:none;color:var(--muted)}
.cpc-cp:disabled{color:var(--ico);cursor:default}
/* "Сохранено" - зеленая галочка справа от подписи поля, 2 секунды после автосохранения названия */
.cpc-saved{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:16px;color:#1e9b55}
.cpc .cpc-saved .cpc-i{width:14px;height:14px;stroke-width:2.2}
/* "Новая корзина" - ссылка на уровне полей (высота поля 37 px) */
.cpc-save{align-self:flex-end;height:37px;flex:none}
/* окно "Новая корзина" */
.cpc-dlg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,40,64,.45)}
.cpc-dlg-box{width:420px;max-width:100%;padding:24px;border-radius:10px;background:#fff;box-shadow:0 10px 40px rgba(0,40,64,.25)}
.cpc .cpc-dlg-box h3{margin:0 0 10px;padding:0;font:700 18px/1.3 var(--font);color:var(--ink);text-transform:none}
.cpc-dlg-box p{margin:0 0 14px;font-size:13px;color:var(--muted)}
.cpc .cpc-dlg-box input.cpc-in{width:100%;height:37px;padding:0 12px}
.cpc-dlg-msg{min-height:18px;margin:4px 0 8px;font-size:12px;color:var(--red)}
.cpc-dlg-b{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.cpc .cpc-dlg-b a.cpc-btn{display:inline-flex;align-items:center;text-decoration:none}
.cpc .cpc-dlg-b a.cpc-btn.cpc-pr{color:#fff}
/* гость (28.10): плашка регистрации в "Ваш заказ"; в шапке - Контакты, Войти, Регистрация */
.cpc-reg{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:8px;background:var(--info);font-size:13px;color:var(--ink)}
.cpc .cpc-reg .cpc-i{width:18px;height:18px;flex:none;color:var(--ink)}
.cpd-guest{margin-left:auto}
.cpd .cpd-guest .cpd-in{display:inline-flex;align-items:center;gap:6px}
.cpd .cpd-guest .cpd-reg{padding:6px 14px;border-radius:6px;background:var(--blue);color:#fff}
.cpd .cpd-guest .cpd-reg:hover{background:var(--blue2);color:#fff}
/* Верхний блок в одну строку на широком экране: название сжимается, "Последний заказ" справа с чертой (f1: со шрифтом
 * темы - от 1500 px, уже - "Последний заказ" второй строкой, без переноса слов) */
@media (min-width:1500px){.cpc-strip{flex-wrap:nowrap}.cpc-f1{flex:0 1 300px;min-width:180px}.cpc-f2{flex:0 0 220px}.cpc-last{flex:0 1 auto}}
.cpc-last{margin-left:auto;display:flex;gap:12px;align-items:flex-start;padding-left:20px;border-left:1px solid var(--line);min-height:37px;color:var(--text)}
.cpc .cpc-last>.cpc-i{color:var(--ink)}
.cpc-last>div{display:flex;flex-direction:column;gap:2px}
.cpc-lbl{font-size:12px;color:var(--muted)}
.cpc-acts{display:flex;gap:16px;white-space:nowrap}

/* панель над таблицей */
/* без overflow:hidden: меню "Группировка" и подсказки не обрезаются при короткой таблице */
.cpc-tcard{padding:0}
.cpc-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line)}
.cpc-s1{width:240px;cursor:text}
.cpc-vw{position:relative}
.cpc-s3{width:180px;color:var(--text)}
.cpc-s3 span{flex:1;text-align:left}
.cpc-vmenu{position:absolute;top:42px;left:0;z-index:20;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(0,40,64,.12);width:260px;padding:6px}
.cpc-vmenu p{margin:6px 10px 4px;font-size:12px;color:var(--muted)}
.cpc-vmenu p+p,.cpc-vmenu .cpc-o+p{border-top:1px solid var(--line);padding-top:8px;margin-top:6px}
.cpc-o{display:block;width:100%;text-align:left;padding:8px 10px 8px 32px;border:0;border-radius:6px;background:none;position:relative;cursor:pointer;color:var(--text);font:14px var(--font)}
.cpc-o:hover{background:var(--sel)}
.cpc-o:before{content:"";position:absolute;left:10px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:1.5px solid #b8c6d1;box-sizing:border-box}
.cpc-o.on{color:var(--ink);font-weight:500}
.cpc-o.on:before{border:4px solid var(--blue2)}
.cpc-o:disabled{color:var(--hint);cursor:default;background:none}
.cpc-addb{margin-left:auto;display:flex;gap:10px}
.cpc input.cpc-art{width:190px}
.cpc input.cpc-q1{width:60px;text-align:center;padding:0 6px}
#cpc-sku-result:empty{display:none}
#cpc-sku-result{padding:10px 20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.cpc-found{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cpc-found small{display:block;color:var(--muted);font-size:12px}
.cpc-note{color:var(--muted)}
.cpc-found .cpc-btn{height:33px;display:inline-flex;align-items:center}
.cpc .cpc-found .cpc-btn.cpc-pr{color:#fff}

/* строка выбора и действия */
.cpc-selbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:10px 20px}
.cpc-ck{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text)}
.cpc-sp{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}
.cpc-msg{padding:0 20px 8px;color:var(--link);font-size:13px;text-align:right}
.cpc-msg:empty{display:none}
.cpc-tip{position:relative}
.cpc-tip:hover:after,.cpc-tip:focus-visible:after{content:attr(data-tip);position:absolute;right:0;top:calc(100% + 8px);z-index:30;background:var(--ink);color:#fff;font-size:12px;font-weight:400;line-height:1.35;padding:7px 10px;border-radius:6px;width:max-content;max-width:240px;white-space:normal;text-align:left;box-shadow:0 6px 18px rgba(0,40,64,.18)}
.cpc-hl .cpc-tip:hover:after,.cpc-stub .cpc-tip:hover:after,.cpc-hl .cpc-tip:focus-visible:after,.cpc-stub .cpc-tip:focus-visible:after{left:0;right:auto}

/* галочки: квадрат 16 px, белый фон, серая рамка; галка синяя #038cdb, линия 2 px - рисунок на весь квадрат (от края рамки),
 * поэтому строго по центру. Все галочки корзины одинаковые */
.cpc-cbx{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin:0;border:1px solid #b8c6d1;border-radius:3px;flex:none;display:inline-block;cursor:pointer;vertical-align:middle;background:#fff no-repeat center/16px 16px;background-origin:border-box}
.cpc-cbx:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.1l2.7 2.7L12 5.4' fill='none' stroke='%23038cdb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cpc-cbx:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8h7' fill='none' stroke='%23038cdb' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}

/* таблица: строки около 49px */
/* f1: таблица помещается в карточку и на 1366 px (раньше min-width 860 давал прокрутку); уже 700 px - прокрутка по ширине;
 * position: relative - скрытые подписи .cpc-sr в строках не выходят за край страницы на телефоне (было: прокрутка всей страницы) */
.cpc-tw{overflow-x:auto;position:relative}
.cpc-table{width:100%;border-collapse:collapse;min-width:700px;margin:0;background:#fff}
.cpc-table th{background:var(--thead);font-weight:400;font-size:13px;color:var(--muted);text-align:left;padding:9px 12px;white-space:nowrap;border:0}
.cpc-table td{padding:6px 12px;border:0;border-top:1px solid var(--line);vertical-align:middle;color:var(--text)}
.cpc-table th:first-child,.cpc-table td:first-child{padding-left:20px;width:44px}
.cpc-table th:last-child,.cpc-table td:last-child{padding-right:20px;width:52px;text-align:right}
.cpc-table .r{text-align:right;white-space:nowrap}
.cpc-c2{width:60px}
.cpc-thumb{width:36px;height:36px;border-radius:6px;background:#eef3f8;display:grid;place-items:center;color:var(--ico);overflow:hidden}
.cpc-thumb img{max-width:36px;max-height:36px;display:block}
.cpc .cpc-title{font-weight:400;color:var(--ink)}
.cpc .cpc-title:hover{color:var(--link)}
.cpc-red{color:var(--red)}
.cpc-sub{font-size:12px;color:var(--muted)}
.cpc-meta{display:flex;gap:16px;font-size:12px;margin-top:1px}
.cpc-po{color:#b26b00;display:flex;align-items:center;gap:6px}
.cpc-po:before{content:"";width:7px;height:7px;border-radius:50%;background:#e39a2d}
.cpc-sku{color:var(--muted);font-size:13px;white-space:nowrap}
.cpc-stp{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;height:33px;overflow:hidden;background:#fff}
.cpc-stp button{width:30px;height:100%;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;font:16px var(--font)}
.cpc-stp button:hover{color:var(--link)}
.cpc-stp input{width:44px;height:100%;padding:0;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;text-align:center;font:14px var(--font);color:var(--ink);box-shadow:none;outline:none}
.cpc-stp.busy{opacity:.5}
.cpc-table td.cpc-sum-c{font-weight:500;color:var(--ink)}
.cpc-trash{color:var(--ico);cursor:pointer;display:inline-grid;padding:0;border:0;background:none}
.cpc-trash:hover,.cpc-trash:focus-visible{color:var(--red)}
.cpc-trash:disabled{opacity:.5}
.cpc-grp td{background:var(--thead);font-weight:400;color:var(--ink)}
.cpc-grp .cpc-grp-sum{font-weight:500}
.cpc-grp-in{display:flex;align-items:center;gap:10px}
.cpc-grp-tg{display:grid;place-items:center;padding:0;border:0;background:none;color:var(--muted);cursor:pointer}
.cpc-grp-tg .cpc-i{width:16px;height:16px;transition:transform .15s}
.cpc-grp.off .cpc-grp-tg .cpc-i{transform:rotate(-90deg)}
.cpc-grp-n{font-weight:400;color:var(--muted)}
.cpc-grp-sum{margin-left:auto;white-space:nowrap}
.cpc-empty{padding:14px 20px;border-top:1px solid var(--line);color:var(--muted)}

/* под таблицей */
.cpc-more{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--info);padding:12px 20px;border-top:1px solid var(--line);border-radius:0 0 10px 10px}
.cpc-more-text{margin-left:-8px;color:var(--text)}
.cpc-more-text:empty{display:none}
.cpc-a{padding:0;border:0;background:none;color:var(--link);font:inherit;cursor:pointer}
.cpc-selr{margin-left:auto;display:flex;gap:20px;align-items:center}
.cpc-cnt{color:var(--muted)}
.cpc .cpc-del-sel{color:var(--red)}
.cpc .cpc-del-sel:disabled{opacity:.5;cursor:default}
.cpc-back{align-self:flex-start}

/* Ваш заказ */
.cpc-sum{background:#fff;border-radius:10px;padding:20px 20px 22px;position:sticky;top:16px;box-shadow:0 1px 2px rgba(0,40,64,.04)}
.cpc-sum h2{margin:0 0 14px;padding:0;font:700 20px/1.2 var(--font);color:var(--ink);text-transform:none}
.cpc-sum h4{margin:0 0 8px;padding:0;font:500 14px/1.45 var(--font);color:var(--ink);text-transform:none}
.cpc-kb{display:grid;grid-template-columns:1fr 1fr;background:var(--seg);border-radius:6px;padding:2px}
.cpc-kb-btn{height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:none;color:var(--muted);cursor:pointer;font:14px var(--font)}
.cpc-kb-btn.on{background:var(--blue2);color:#fff}
.cpc-kb-btn:disabled{cursor:default}
.cpc-hint{font-size:13px;color:var(--muted);margin:8px 0 0}
.cpc-sep{border-top:1px solid var(--line);margin:14px 0}
.cpc-pr1{color:var(--ink)}
.cpc-pr2{display:flex;justify-content:space-between;gap:12px;margin-top:4px;color:var(--ink)}
.cpc-pr2>span{min-width:0;overflow-wrap:anywhere}
.cpc .cpc-pr2 a{text-decoration:underline;flex:none}
.cpc-form{margin-top:10px;display:flex;flex-direction:column;gap:10px}
.cpc-fg label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.cpc-fg.bad .cpc-in{border-color:var(--red)}
.cpc-form-acts{display:flex;gap:10px}
.cpc-r2{display:flex;justify-content:space-between;gap:12px;padding:5px 0;color:var(--ink)}
.cpc-r2 b{font-weight:400;text-align:right}
.cpc-tot{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 4px;color:var(--ink)}
.cpc-tot span{font-size:18px;font-weight:700}
.cpc-tot b{font-size:24px;font-weight:700;white-space:nowrap}
.cpc-min{color:var(--red);font-weight:500;margin:12px 0 0}
.cpc-go{display:flex;align-items:center;justify-content:center;width:100%;height:42px;margin-top:12px;border:0;border-radius:4px;background:var(--blue);font:500 15px var(--font)}
.cpc a.cpc-go,.cpc a.cpc-go:hover,.cpc a.cpc-go:focus{color:#fff}
.cpc a.cpc-go:hover{background:var(--blue2)}
.cpc a.cpc-go.off{background:#b9cfdf;cursor:not-allowed;pointer-events:none}
.cpc-stub{display:flex;flex-direction:column;gap:10px;margin-top:16px;color:var(--hint)}
.cpc-stub span{display:flex;gap:8px;align-items:center;cursor:default}
.cpc .cpc-stub .cpc-i{width:18px;height:18px}
.cpc-pl{display:flex;gap:12px;background:var(--info);border:1px solid var(--line);border-radius:6px;padding:12px 14px;margin-top:16px;font-size:13px;color:var(--text)}
.cpc .cpc-pl .cpc-i{color:#1f8aec;width:18px;height:18px;margin-top:1px}
.cpc-stale{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:10px 16px;border-radius:8px;background:var(--info)}
.cpc-modules{margin-bottom:30px}

@media (max-width:1180px){.cpc-lay{grid-template-columns:minmax(0,1fr)}.cpc-sum{position:static}}
/* узкие экраны: длинные названия, статус заказа и найденные товары переносятся, а не выходят за край */
.cpc-strip>*,.cpc-last>div,.cpc-found>div{min-width:0}
.cpc-last .cpc-num,.cpc-found a,.cpc-pl span{overflow-wrap:anywhere}
.cpc h1{flex-wrap:wrap;row-gap:8px}
.cpc-in{min-width:0}
@media (max-width:760px){
 .cpc h1{font-size:24px}
 .cpc-f1,.cpc-f2{width:100%}
 .cpc-last{margin-left:0;padding-left:0;border-left:0}
 .cpc-s1,.cpc-vw,.cpc-s3{width:100%}
 .cpc-vmenu{width:100%}
 .cpc-addb{margin-left:0;width:100%}
 .cpc input.cpc-art{flex:1;width:auto;min-width:0}
 .cpc-sp{margin-left:0;gap:14px 20px}
 .cpc-selr{margin-left:0;flex-wrap:wrap;gap:8px 20px}
 .cpc-tip:hover:after,.cpc-tip:focus-visible:after{display:none}
}

/* Печать: на лист идет только .cpc-print - блок, который cp-cart.js переносит прямо в body и заполняет перед печатью.
 * Все остальное в body (шапка и меню темы, наша шапка, корзина, окна) скрыто: стили темы для печати шапку не прячут
 * (cart-page-header.css подключен только для экрана), поэтому раньше на лист шли меню и разделы каталога */
.cpc-print{display:none}
@media print{
 @page{margin:12mm}
 body.cpc-page{background:#fff!important;margin:0!important;padding:0!important}
 body.cpc-page>*{display:none!important}
 body.cpc-page>.cpc-print{display:block!important;font:12px/1.4 var(--cp-font);color:#000}
 .cpc-print-shop{font-size:16px;font-weight:700}
 .cpc-print-title{margin-top:10px;font-size:15px;font-weight:700}
 .cpc-print table{width:100%;margin:10px 0;border-collapse:collapse}
 .cpc-print th,.cpc-print td{padding:4px 6px;border:1px solid #999;text-align:left;vertical-align:top}
 .cpc-print th{font-weight:700}
 .cpc-print .r{text-align:right;white-space:nowrap}
 .cpc-print tr{page-break-inside:avoid}
 .cpc-print-total{text-align:right;font-weight:700}
}