/* Корзина /cart (пакет В) - шапка .cpd (cp_cart_head.twig) и корзина .cpc (cp_cart.twig).
 * Размеры и цвета - с утвержденного макета design/ok/korzina.html. Только внутри .cpd и .cpc (и body.cpc-page),
 * остальной сайт и корзина гостя этот файл не получают. Шрифт - только темы: своих @font-face и файлов шрифтов нет. Семейство наследуется от body темы;
 * --font (как font-family в stylesheet.css темы: "Montserrat", sans-serif) - только для кнопок и полей
 * (они семейство не наследуют) и сокращенной записи font:. Сам шрифт подключает тема. */


.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:"Montserrat",sans-serif;--cp-font:"Montserrat",sans-serif;font-size:14px;line-height:1.45;color:var(--text);-webkit-font-smoothing:antialiased}
.cpd *,.cpc *{box-sizing:border-box}
.cpd [hidden],.cpc [hidden]{display:none!important}
/* Ссылки шапки, кроме меню темы ("Каталог", "Продукция"); :where - без повышения веса правила (сумма корзины .cpd-mini белая) */
.cpd a:where(:not(.cpd-cat-theme a,.cpd-mega a)),.cpc a{color:var(--link);text-decoration:none}
.cpd a:where(:not(.cpd-cat-theme a,.cpd-mega 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}
/* С 11.11 .cpd - display:contents: строки шапки - дети страницы, поэтому темная строка .cpd-t2 прилипает к верху экрана
   на всю страницу (sticky работает только внутри родителя); серая и белая строки уезжают. Переменные .cpd наследуются */
@media (min-width:992px){.cpd{display:contents}}
/* верхняя тонкая строка: контакты из настроек темы (макет design/ok/shapka.html, .r1) */
.cpd-t0{background:#f5f8fb;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.cpd-t0 .cpd-wrap{height:40px;display:flex;align-items:center;gap:26px;overflow:hidden}
.cpd .cpd-t0 a.cpd-c{display:flex;gap:7px;align-items:center;white-space:nowrap;color:var(--muted)}
.cpd .cpd-t0 a.cpd-c:hover{color:var(--link)}
.cpd-t0 .cpd-i{width:15px;height:15px;color:#4f7690}
.cpd-t0 b{font-weight:500;color:var(--ink)}
@media (max-width:1350px){.cpd-t0 .cpd-c-ad{display:none}}
@media (max-width:1100px){.cpd-t0 .cpd-c-ml{display:none}}
/* "Ваш заказ" в корзине не уходит под прилипшую строку (60px) */
@media (min-width:992px){.cpc .cpc-sum{top:76px}}
/* 11.11 (sksz.ru): общие кнопки кабинета. На clicpick.ru они в cp-header.css (общая шапка s37c), которой на sksz.ru нет -
   без них кнопки .cpz-btn ("Выбрать основной", "...", "Посмотреть", "Повторить") были кнопками браузера. Белый фон, светлая
   скругленная рамка, наведение - синяя рамка; текст обычный, не жирный (решение пользователя 11.11) */
.cpz .cpz-btn{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:6px;border:1px solid #dce9f2;background:#fff;font:400 13px var(--font);color:var(--ink);cursor:pointer;text-decoration:none;vertical-align:middle;box-shadow:none;text-transform:none;letter-spacing:normal;line-height:1.2;white-space:nowrap}
.cpz .cpz-btn:hover{border-color:#55afea;color:var(--ink);background:#fff}
.cpz .cpz-btn.pr{background:var(--blue);border-color:var(--blue);color:#fff}
.cpz .cpz-btn.pr:hover{background:var(--blue2);border-color:var(--blue2);color:#fff}
.cpr .cpz-btn.cpr-add{justify-content:center;min-width:112px;height:32px;margin:0;white-space:nowrap;line-height:1}
/* "В корзине - N +" в "Ранее покупали" (на clicpick.ru - cp-header.css) */
.cpr-inc{display:inline-flex;align-items:center;height:32px;border:1px solid var(--selb,#55afea);border-radius:6px;background:var(--sel,#eff7fe);color:var(--blue2,#0a79c7);font:500 13px var(--font,"Montserrat",sans-serif);vertical-align:middle}
.cpr-inc span{padding:0 6px 0 10px;white-space:nowrap}
.cpr-inc button,.cpr .cpr-inc button{width:26px;height:30px;padding:0;border:0;background:none;color:var(--blue2,#0a79c7);font:500 15px/1 var(--font,"Montserrat",sans-serif);cursor:pointer}
.cpr-inc input,.cpr .cpr-inc input{width:40px;height:30px;padding:0;border:0;background:transparent;text-align:center;color:var(--blue2,#0a79c7);font:500 13px var(--font,"Montserrat",sans-serif);outline:none;box-shadow:none}
#cpov-feed{scroll-margin-top:70px}
/* 11.11: выпадающие списки "Мои заказы" и "Ранее покупали" - по самой длинной надписи, не обрезаются */
.cpc.cpz select.cpz-grp-sel{width:auto;min-width:170px}
@media (min-width:601px){.cpc.cpz select.cpz-s2{width:auto;min-width:200px}.cpc.cpz select.cpz-s3{width:auto;min-width:230px}}
.cpd-t1{background:var(--top);border-bottom:1px solid var(--line)}
.cpd-t1 .cpd-wrap{height:94px;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:74px;max-width:min(335px,24vw);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)}
/* С 11.11 ссылки белой строки со значками и счетчиками (макет design/ok/shapka.html: .act, .cnt) */
.cpd-acts{gap:22px;align-items:center}
.cpd-act{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:56px;font-size:12px;line-height:1.2}
.cpd .cpd-act .cpd-i{width:22px;height:22px;color:#4f7690}
.cpd .cpd-act:hover .cpd-i{color:var(--link)}
.cpd-iw{position:relative;display:flex}
.cpd-cnt{position:absolute;left:15px;top:-6px;min-width:16px;height:16px;border-radius:8px;background:#e3eef6;color:var(--muted);font-size:10px;font-weight:500;line-height:16px;text-align:center;padding:0 4px}
/* 11.11: События, Кабинет, меню под именем (макет design/ok/shapka.html: .badge, .cab, .dd, .dd-ev, .dd-who, .av) */
.cpd-badge{position:absolute;left:14px;top:-7px;min-width:18px;height:18px;border-radius:9px;background:var(--copper);color:#fff;font-size:11px;font-weight:500;line-height:18px;text-align:center;padding:0 5px}
.cpd-dw{position:relative;display:flex}
.cpd button.cpd-act{padding:0;border:0;background:none;color:var(--ink);font:12px/1.2 var(--font);cursor:pointer}
.cpd button.cpd-act:hover{color:var(--link)}
.cpd a.cpd-cab-off,.cpd a.cpd-cab-off:hover{color:#a3b6c4;position:relative}
.cpd .cpd-cab-off .cpd-i{color:#a3b6c4}
.cpd .cpd-cab-off .cpd-lk{position:absolute;top:-4px;right:-8px;width:12px;height:12px}
.cpd-tip{position:absolute;right:0;top:calc(100% + 8px);width:240px;background:var(--strip);color:#fff;font-size:12px;font-weight:400;line-height:1.5;padding:9px 12px;border-radius:8px;z-index:130;box-shadow:0 8px 20px #0b3b5a40;white-space:normal;text-align:left;display:none}
.cpd-cab-off:hover .cpd-tip,.cpd-cab-off:focus .cpd-tip{display:block}
.cpd-drop{position:absolute;top:calc(100% + 8px);background:#fff;border:1px solid #dce9f2;border-radius:10px;box-shadow:0 14px 34px #0b3b5a2e;z-index:130;color:var(--ink);font-size:13px;text-align:left;white-space:normal;cursor:default}
.cpd-drop h4{margin:0;padding:12px 16px 8px;font:500 14px var(--font);color:var(--ink);display:flex;justify-content:space-between;align-items:center;text-transform:none}
.cpd .cpd-drop h4 button{padding:0;border:0;background:none;font:400 12px var(--font);color:var(--link);cursor:pointer}
.cpd .cpd-drop a.cpd-row{display:flex;gap:10px;padding:10px 16px;border-top:1px solid #e6eef5;align-items:flex-start;color:var(--ink)}
.cpd .cpd-drop a.cpd-row:hover{background:var(--sel)}
.cpd-row>div{flex:1;min-width:0}
.cpd-drop .cpd-row .cpd-i{width:18px;height:18px;color:#4f7690;margin-top:1px}
.cpd-row b{display:block;font-weight:500;margin-bottom:2px}
.cpd-row div>span{color:var(--muted);font-size:12px;line-height:1.45;display:block}
.cpd-dd-ev{right:-12px;width:400px}
.cpd-dd-ev .cpd-row{position:relative;padding-left:19px}
.cpd-dd-ev .cpd-row:before{content:'';position:absolute;left:0;top:1px;bottom:1px;width:4px;background:var(--ac)}
.cpd-dd-ev .cpd-row b{color:var(--copper)}
.cpd-s-att{--ac:#c49060}.cpd-s-wait{--ac:#55afea}.cpd-s-prog{--ac:#038cdb}.cpd-s-done{--ac:#1f9d55}
.cpd-row div>span.cpd-stt{float:right;display:inline-block;font-size:11px;border-radius:9px;padding:2px 8px;white-space:nowrap;margin:0 0 4px 10px;line-height:1.4}
.cpd-stt.cpd-s-att{background:#fbf1e6;color:#9b6a37}.cpd-stt.cpd-s-wait{background:#eef7fe;color:#3c7fae}.cpd-stt.cpd-s-prog{background:#e6f3fc;color:#0a79c7}.cpd-stt.cpd-s-done{background:#e8f6ee;color:#1f9d55}
.cpd-dot{position:absolute;right:10px;bottom:12px;width:8px;height:8px;border-radius:50%;background:var(--blue)}
.cpd-ev-empty{display:flex;gap:10px;align-items:center;padding:14px 16px;border-top:1px solid #e6eef5;background:var(--info);color:#0a79c7;font-size:13px}
.cpd-ev-empty .cpd-i{color:#1f9d55;width:18px;height:18px}
.cpd-ev-empty span{min-width:0;flex:1;line-height:1.5}
.cpd-foot{border-top:1px solid #e6eef5;padding:10px 16px;font-size:13px}
/* 11.11: окна шапки - класс .cpd-drop (прежний .cpd-dd занят "Текущей корзиной": flex и nowrap ставили пункты в строку);
   пункты - строками друг под другом; меню имени - правым краем по правому краю имени, не шире экрана */
.cpd-drop{display:block;white-space:normal;max-width:calc(100vw - 32px)}
.cpd .cpd-drop a.cpd-row{width:100%;white-space:normal}
.cpd-dd-who{right:0;left:auto;width:250px}
/* 11.11: "Поделиться" (макет shapka.html, .copied) */
.cpd-copied{position:absolute;top:calc(100% + 8px);right:0;background:var(--strip);color:#fff;font-size:12px;padding:6px 10px;border-radius:6px;white-space:nowrap;z-index:130}
.cpd-shbox{right:0;width:320px;padding:0 0 14px}
.cpd .cpd-shin{display:block;margin:0 16px;width:calc(100% - 32px);height:37px;border:1px solid #d6e3ee;border-radius:6px;padding:0 10px;font:13px var(--font);color:var(--ink);background:#fff}
.cpd-guest .cpd-shw{align-self:center}
.cpd .cpd-dd-who a.cpd-row{align-items:center}
.cpd .cpd-dd-who a.cpd-out,.cpd .cpd-dd-who a.cpd-out .cpd-i{color:var(--red)}
.cpd button.cpd-user{padding:0;border:0;background:none;font:500 14px var(--font);color:var(--ink);cursor:pointer;gap:10px}
.cpd button.cpd-user:hover span{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:38px;height:38px;border-radius:50%;background:#25485c;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:500}
.cpd-t2{background:var(--strip);position:sticky;top:0;z-index:100}
.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-cat-theme: разметка и стили меню темы как на главной; ссылки - цвета темы, наше правило
   .cpd a на них не действует). Кнопка - в нашей полосе, список - под полосой, шириной колонки "Каталог" темы (col-md-3) */
.cpd .cpd-cat-theme{position:relative;width:292px;align-self:stretch;display:flex;align-items:center}
.cpd .cpd-cat-theme .category-menu,.cpd .cpd-cat-theme nav{position:static;width:100%;height:100%}
.cpd .cpd-cat-theme .navbar-header{width:auto;height:100%;cursor:pointer}
/* Кнопка - плашка темы (цвет из настроек темы, dynamic.css), во всю колонку и высоту полосы */
.cpd .cpd-cat-theme .navbar-header{width:100%}
.cpd .cpd-cat-theme .navbar-header .btn{height:100%;line-height:60px}
.cpd .cpd-cat-theme .menu-icon{top:29px}
.cpd .cpd-cat-theme .dropdown-menu.menu-content{top:100%;left:0;right:auto;width:100%}
/* Большое меню темы (cpd-mega: разметка ul.nav.navbar-nav из mega-menu темы; стили и наведение - темы).
   Пункты в строку слева, выпадающее меню - под полосой на ширину содержимого полосы */
.cpd .cpd-t2 .cpd-wrap{position:relative}
.cpd .cpd-mega{flex:none;min-height:0;margin:0;background:none}
.cpd .cpd-mega .mega-menu{padding:0}
.cpd .cpd-mega .navbar-nav{float:none;display:flex;margin:0;padding:0;justify-content:flex-start}
.cpd .cpd-mega .navbar-nav>li{float:none}
.cpd .cpd-mega .menu_main{line-height:28px}
.cpd .cpd-mega .dropdown-menu{top:100%;left:50px;right:50px;width:auto}
/* Внутри выпадающего меню - как в body темы (stylesheet.css): ссылки темы берут цвет родителя (.menu-horizontal a
   color: inherit), а темная строка задает белый */
.cpd .cpd-mega .dropdown-menu,.cpd .cpd-cat-theme .dropdown-menu{color:#3d3d3d;font-weight:400;font-size:14px;line-height:20px}
@media (max-width:899px){.cpd .cpd-mega .dropdown-menu{left:16px;right:16px}}
@media (max-width:1180px){.cpd .cpd-mega{display:none}}
.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;align-items:center}
.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-size:12px;line-height:1.4;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}
}
/* 11.11 (s34, макет shapka.html): корзина в темной строке - вошедший: кнопка в две строки и окно корзин; гость - одна строка */
.cpd .cpd-mtx{font-weight:500;color:#fff;font-size:15px}
.cpd button.cpd-mini2{padding:0;border:0;background:none;color:#fff;font:14px var(--font);cursor:pointer;text-align:left;gap:10px}
.cpd .cpd-mini2 .cpd-mt{display:flex;flex-direction:column;line-height:1.2}
.cpd .cpd-mini2 .cpd-ml{display:block;font-size:12px;color:#b9cddb;font-weight:400;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.cpd .cpd-mini2 .cpd-ch{width:14px;height:14px;color:#fff}
.cpd .cpd-cw{margin-left:22px}
.cpd .cpd-dd-cart{right:0;left:auto;width:360px}
.cpd .cpd-dd-cart h4 a{font:400 12px var(--font);color:var(--link)}
.cpd .cpd-drop button.cpd-row{display:flex;gap:10px;width:100%;padding:10px 16px;border:0;border-top:1px solid #e6eef5;background:none;align-items:flex-start;color:var(--ink);font:13px var(--font);text-align:left;cursor:pointer}
.cpd .cpd-drop button.cpd-row:hover{background:var(--sel)}
.cpd .cpd-drop button.cpd-row.cur{background:#eef7fe;cursor:default}
.cpd .cpd-bk b{color:var(--copper);font-size:15px}
.cpd .cpd-mst{font-size:11px;border-radius:9px;padding:2px 8px;white-space:nowrap;margin-left:auto;align-self:center}
.cpd .cpd-mst.c{background:#e6f3fc;color:var(--blue2)}
.cpd .cpd-mst.s{background:#eef3f8;color:var(--muted)}
.cpd .cpd-bk-ft{display:flex;justify-content:flex-end}
.cpd .cpd-bk-ft a{color:var(--link)}
.cpd .cpd-bk-toast{position:fixed;right:24px;bottom:24px;max-width:560px;z-index:2100;padding:12px 16px;border-radius:8px;background:#25485c;color:#fff;font-size:13px;box-shadow:0 14px 34px #0b3b5a40}
.cpd .cpd-bk-toast[hidden]{display:none}
.cpd .cpd-undo{margin-left:12px;padding:0;border:0;border-bottom:1px solid #f0c99f;background:none;color:#f0c99f;font:500 13px var(--font);cursor:pointer}