/* ============================================================
   MPKM CART-CANON — корзина-визард + витрина /shop/ (NIGHT2 U4, 2026-07-02)
   Механика ДОСЛОВНО: #tabs (визард tabs-1..4), cart.form.js, js_cart_*,
   js_shop_*, delivery_id, формы. Только скин.
   ============================================================ */

/* --- Степпер (nav визарда) --- */
#wrapper .wrap_block_cart nav ul li a{color:var(--mut2)!important;font-weight:600!important;font-size:13px!important}
#wrapper .wrap_block_cart nav ul li.tab-current a{color:var(--ink)!important;font-weight:800!important}

/* --- Таблица заказа --- */
#wrapper table.basket-table th{font-size:11.5px!important;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase;color:var(--mut2)!important;border-bottom:1.5px solid var(--line)!important}
#wrapper table.basket-table td{border-bottom:1.5px solid var(--line)!important;color:var(--ink)!important}
#wrapper .basket-table__img,#wrapper .basket-table__pic img{border:1.5px solid var(--line);border-radius:9px;background:#fff;object-fit:contain}
#wrapper .basket-table__title a{color:var(--ink)!important;font-weight:600}
#wrapper table.basket-table td.basket-table__price,#wrapper table.basket-table td.basket-table__summ{font-weight:800!important;color:var(--ink)!important}
#wrapper .js_cart_remove{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;color:var(--mut2);cursor:pointer;transition:background .18s,color .18s}
#wrapper .js_cart_remove:hover{background:var(--wash);color:var(--ink)}
/* ДОБИВКА-17 Ю3: иконка × наследует --mut2 (было core-красный #be3a31 на .fa-close) */
#wrapper .js_cart_remove .fa{color:inherit!important}
#wrapper .basket-table__count input{border:1.5px solid var(--line)!important;border-radius:9px!important;font-weight:700!important;color:var(--ink)!important;min-height:40px}

/* --- Итого: КРАСНОЕ -> ink --- */
#wrapper .basket__itogo-num{color:var(--ink)!important;font-weight:800!important}
#wrapper .basket__itogo-title{color:var(--ink2)!important;font-weight:600!important}

/* --- Кнопки корзины --- */
#wrapper .btn.btn_white.basket__btn-left{background:#fff!important;border:1.5px solid var(--line)!important;color:var(--ink)!important;border-radius:13px!important;min-height:44px!important;padding:10px 22px!important;font-weight:600!important;box-shadow:none!important;transition:border-color .18s,background .18s!important}
#wrapper .btn.btn_white.basket__btn-left:hover{border-color:var(--ink)!important;background:var(--wash)!important}
#wrapper .basket__btn-commercial{background:var(--ink)!important;border:1.5px solid var(--ink)!important;color:#fff!important;border-radius:13px!important;min-height:44px!important;padding:10px 22px!important;font-weight:700!important;white-space:normal!important;height:auto!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;box-shadow:none!important;transition:background .18s!important}
#wrapper .basket__btn-commercial:hover{background:#2a2c33!important}
#wrapper .btn.button_cart_submit{background:var(--brand)!important;border:1.5px solid var(--brand)!important;color:var(--brand-ink)!important;border-radius:13px!important;min-height:48px!important;padding:12px 30px!important;font-weight:700!important;font-size:15px!important;box-shadow:none!important;transition:background .18s!important}
#wrapper .btn.button_cart_submit:hover{background:var(--brand-d)!important;border-color:var(--brand-d)!important}

/* --- Поля шагов 2-4: h48 r9 --- */
#wrapper .wrap_block_cart input[type=text],#wrapper .wrap_block_cart input[type=tel],#wrapper .wrap_block_cart input[type=email],#wrapper .wrap_block_cart textarea{border:1.5px solid var(--line)!important;border-radius:9px!important;min-height:48px;color:var(--ink)!important;background:#fff!important}

/* --- Витрина /shop/: карточки хитов = owner-ховер --- */
#wrapper .kms-shop-hits .pr-block__item,#wrapper .kms-shop-hits [class*=card]{transition:border-color .18s,box-shadow .18s,transform .18s}
#wrapper .kms-shop-hits .pr-block__item:hover{border-color:var(--brand)!important;box-shadow:0 18px 44px rgba(21,22,26,.12)!important;transform:translateY(-4px)!important}
#wrapper .kms-shop-hits .pr-block__tocart input[type=button]{min-height:44px!important;border-radius:13px!important}

/* --- МОБИЛКА: таблица -> карточки-строки, кнопки 100%, удаление видно --- */
@media(max-width:768px){
#wrapper table.basket-table{width:100%!important;display:block!important}
#wrapper table.basket-table thead{display:none!important}
#wrapper table.basket-table tbody{display:block!important;width:100%!important}
#wrapper table.basket-table tbody tr{display:grid!important;grid-template-columns:64px 1fr 34px;gap:6px 12px;align-items:center;border:1.5px solid var(--line)!important;border-radius:13px;padding:12px!important;margin:0 0 12px!important;background:#fff}
#wrapper table.basket-table td{display:block!important;border:0!important;padding:0!important;width:auto!important}
#wrapper table.basket-table td.basket-table__pic{grid-row:1 / span 3;grid-column:1}
#wrapper table.basket-table td.basket-table__pic img{width:64px;height:64px}
#wrapper table.basket-table td.basket-table__title{grid-column:2;font-size:13px}
#wrapper table.basket-table td.basket-table__price{grid-column:2;font-size:13px!important}
#wrapper table.basket-table td.basket-table__count{grid-column:2}
#wrapper table.basket-table td.basket-table__weight{display:none!important}
#wrapper table.basket-table td.basket-table__summ{grid-column:2;font-size:17px!important}
#wrapper table.basket-table td.basket-table__del{display:flex!important;grid-column:3;grid-row:1;align-items:flex-start;justify-content:flex-end}
#wrapper .basket__itogo{text-align:left}
#wrapper .basket__itogo-num{font-size:26px!important}
#wrapper .btn.btn_white.basket__btn-left,#wrapper .basket__btn-commercial,#wrapper .btn.button_cart_submit{display:flex!important;width:100%!important;margin:0 0 10px!important;justify-content:center;align-items:center;text-align:center}
#wrapper .wrap_block_cart nav ul{display:flex!important;justify-content:space-between!important;width:100%!important}
}

/* «Продолжить» между шагами = .button_cart_next (submit — только финальный «Оформить») */
#wrapper .btn.button_cart_next{background:var(--brand)!important;border:1.5px solid var(--brand)!important;color:var(--brand-ink)!important;border-radius:13px!important;min-height:48px!important;padding:12px 30px!important;font-weight:700!important;font-size:15px!important;box-shadow:none!important;transition:background .18s!important}
#wrapper .btn.button_cart_next:hover{background:var(--brand-d)!important;border-color:var(--brand-d)!important}
@media(max-width:768px){#wrapper .btn.button_cart_next{display:flex!important;width:100%!important;justify-content:center;align-items:center}}

/* моб-добивка: легаси-абсолюты td давали нахлёст; шапка-строка и пустые ряды прочь */
@media(max-width:768px){
#wrapper table.basket-table td,#wrapper table.basket-table th{position:static!important;transform:none!important;float:none!important}
#wrapper table.basket-table tr:has(th){display:none!important}
#wrapper table.basket-table tbody tr:not(:has(.basket-table__title)){display:none!important}
#wrapper table.basket-table td.basket-table__title{grid-row:1;grid-column:2}
#wrapper table.basket-table td.basket-table__price{grid-row:2;grid-column:2}
#wrapper table.basket-table td.basket-table__count{grid-row:3;grid-column:2;justify-self:start}
#wrapper table.basket-table td.basket-table__summ{grid-row:4;grid-column:2}
#wrapper table.basket-table td.basket-table__title a{display:inline!important;white-space:normal!important}
}

/* моб-добивка-2: абсолюты у потомков td (легаси-лейблы) + ширина tr за вьюпорт */
@media(max-width:768px){
#wrapper table.basket-table{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden}
#wrapper table.basket-table tbody{width:100%!important;max-width:100%!important}
#wrapper table.basket-table tbody tr{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#wrapper table.basket-table td *{position:static!important;transform:none!important;float:none!important}
#wrapper table.basket-table td.basket-table__count{margin:4px 0!important}
#wrapper table.basket-table td.basket-table__count .basket-table__count{margin:0!important}
}

/* моб-добивка-3: тайтл живёт ВНУТРИ td.pic (td.title не существует) — pic на 2 колонки flex-ом */
@media(max-width:768px){
#wrapper table.basket-table td.basket-table__pic{grid-column:1 / span 2!important;grid-row:1!important;display:flex!important;gap:12px!important;align-items:flex-start!important}
#wrapper table.basket-table td.basket-table__pic img{flex:0 0 64px;width:64px!important;height:64px!important}
#wrapper table.basket-table td.basket-table__pic a{font-size:13px!important;font-weight:600!important;line-height:1.35!important;color:var(--ink)!important}
#wrapper table.basket-table td.basket-table__price{grid-row:2!important;grid-column:2!important;color:var(--ink2)!important;font-weight:600!important}
#wrapper table.basket-table td.basket-table__count{grid-row:3!important;grid-column:2!important}
#wrapper table.basket-table td.basket-table__summ{grid-row:4!important;grid-column:2!important}
}

/* DAY1 B2: подсветка полей клиентской валидации шага контактов */
#wrapper .wrap_block_cart input.mpkm-cart-field-error{border-color:#d64541!important;background:#fff7f6!important}
#wrapper .mpkm-cart-step-hint{margin:0 0 12px;padding:12px 16px;border:1.5px solid #d64541;border-radius:13px;background:#fff7f6;color:#8a2320;font-size:15px;font-weight:600}

/* ============ ДОБИВКА-17 Ю3: единый визуальный язык визарда ============ */
/* Кнопки визарда — ЕДИНАЯ геометрия (height 50, r13, Golos 700). Цвет-иерархия сохранена:
   yellow=primary (Продолжить/Оформить/Войти/Регистрация), dark=КП, ghost=Продолжить покупки/Очистить/Назад. */
#wrapper .btn.button_cart_prev,
#wrapper .btn.btn_white.basket__btn-left,
#wrapper .basket__btn-commercial,
#wrapper .btn.button_cart_next,
#wrapper .btn.button_cart_submit,
#wrapper .wrap_block_cart .nsv-btn-reg,
#wrapper .wrap_block_cart .header-login__enter,
#wrapper .wrap_block_cart .basket__btn-submit{min-height:50px!important;height:50px!important;border-radius:13px!important;font-family:'Golos Text',system-ui,Arial,sans-serif!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.15!important;box-sizing:border-box!important}
/* КП: длинный текст в 2 строки помещается в 50px при 13px */
#wrapper .basket__btn-commercial{font-size:13px!important;padding:6px 18px!important;white-space:normal!important}
/* yellow-праймери step2-4 (нестандартные легаси-классы .nsv-btn-reg/.header-login__enter в корзине) */
#wrapper .wrap_block_cart .nsv-btn-reg,#wrapper .wrap_block_cart .header-login__enter,#wrapper .wrap_block_cart .basket__btn-submit{background:var(--brand)!important;border:1.5px solid var(--brand)!important;color:var(--brand-ink)!important;font-weight:700!important;font-size:15px!important;padding:0 26px!important}
#wrapper .wrap_block_cart .nsv-btn-reg:hover,#wrapper .wrap_block_cart .header-login__enter:hover,#wrapper .wrap_block_cart .basket__btn-submit:hover{background:var(--brand-d)!important;border-color:var(--brand-d)!important}

/* Итого — крупно, но не «баннерно» (48→36, ≤40) */
#wrapper .basket__itogo-num{font-size:36px!important}

/* Пройденный шаг степпера (.tab-current_true) — лейбл ink (был чёрный core) */
#wrapper .wrap_block_cart nav ul li.tab-current_true a{color:var(--ink)!important;font-weight:700!important}

/* Красные алерты валидации .errors (когда заполнены) → канон-алерт .u-alert.
   Пустые .errors (визард держит их для JS) не рисуются. */
#wrapper .wrap_block_cart .errors:not(:empty),#wrapper .content-current .errors:not(:empty),#wrapper form .errors:not(:empty){display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0 0 12px!important;padding:12px 16px!important;border:1px solid #f3b4b4!important;border-radius:13px!important;background:#fdecec!important;color:#b42318!important;font-family:'Golos Text',system-ui,Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important}

/* ============ ДОБИВКА-18 U5: видимость кнопок визарда = только JS chekButtonIndex() ============
   Баг: канон-геометрия форсила display:inline-flex!important на .button_cart_submit/.button_cart_next/
   .basket__btn-left — перебивала jQuery .hide() (inline display:none без !important) → «Оформить» торчала
   на шаге 1, «Продолжить» на шаге 4, «Продолжить покупки/Очистить» на шагах 2-4.
   Фикс: когда JS повесил inline `display: none` — уважаем его (!important + attr-селектор бьёт геометрию).
   Когда JS .show() (inline display снят) — геометрия display:inline-flex применяется штатно. */
#wrapper .btn.button_cart_submit[style*="display: none"],
#wrapper .btn.button_cart_next[style*="display: none"],
#wrapper .btn.btn_white.basket__btn-left[style*="display: none"],
#wrapper .basket__btn-left[style*="display: none"],
#wrapper .btn.button_cart_prev[style*="display: none"]{display:none!important}

/* ============ ДОБИВКА-18 U6: доставка — .u-toggle Самовывоз/Доставка + поле «Город доставки» ============ */
#wrapper .wrap_delivery.mpkm-delivery{max-width:520px;margin:0 auto;text-align:center}
#wrapper .mpkm-delivery-toggle{margin:0 auto}
#wrapper .mpkm-delivery-radios{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#wrapper .mpkm-delivery-desc{margin:12px 0 0;color:var(--mut2);font-size:14px;line-height:1.4}
/* канон-инпут адреса/города — видимая рамка (--line невидим на whiteSmoke панели → читаемый #c7cbd1), высота == кнопке */
#wrapper .wrap_block_cart input.delivery_adres,#wrapper .wrap_block_cart input.delivery_city{border:1.5px solid #c7cbd1!important;background:#fff!important;border-radius:13px!important;min-height:48px!important;padding:0 16px!important;box-sizing:border-box!important;font-family:'Golos Text',system-ui,Arial,sans-serif!important;font-size:15px!important}
#wrapper .wrap_block_cart input.delivery_adres:focus,#wrapper .wrap_block_cart input.delivery_city:focus{border-color:var(--brand)!important;outline:none!important}
/* U6: обёртка/лейбл «Город доставки» в шаге */
#wrapper .mpkm-delivery-city{margin:16px auto 0;max-width:420px;text-align:left}
#wrapper .mpkm-delivery-city-label{display:block;margin:0 0 6px;font-size:14px;color:var(--ink2)}
#wrapper .mpkm-delivery-city input.delivery_city{width:100%}

/* ДОБИВКА-19 U3: dropdown «Тип пользователя» (diafan .selectbox) — JS-styler инициализировал
   .select/.dropdown с inline width:30px → опции Физ/Юр/ИП обрезаны у левого края. Форсим читаемую
   ширину + nowrap + позицию/z-index. Скоуп — только order-form (не трогаем каталог-сорт/фильтры). */
#wrapper [class*="order_form_param"] .selectbox{display:block;width:100%;max-width:340px;}
#wrapper [class*="order_form_param"] .selectbox .select{width:auto !important;min-width:200px;box-sizing:border-box;}
#wrapper [class*="order_form_param"] .selectbox .dropdown{width:auto !important;min-width:200px;max-width:340px;left:0 !important;white-space:nowrap;z-index:60;background:#fff;border:1px solid var(--line,#ecebe7);border-radius:13px;box-shadow:0 12px 30px rgba(21,22,26,.12);overflow:hidden auto;}
#wrapper [class*="order_form_param"] .selectbox .dropdown ul{white-space:nowrap;margin:0;padding:4px;list-style:none;}
#wrapper [class*="order_form_param"] .selectbox .dropdown li{white-space:nowrap;padding:9px 14px;border-radius:9px;font-family:'Golos Text',system-ui,Arial,sans-serif;font-size:14px;color:var(--ink,#15161a);cursor:pointer;}
#wrapper [class*="order_form_param"] .selectbox .dropdown li:hover{background:var(--wash,#f7f5f1);}
#wrapper [class*="order_form_param"] .selectbox .dropdown li.selected,#wrapper [class*="order_form_param"] .selectbox .dropdown li.sel{background:var(--ink,#15161a);color:#fff;}

/* ДОБИВКА-19 U8: единый font-size кнопок корзины (высота уже 50/Golos/r13; КП была 13px, соседи 15-16px). */
#wrapper .wrap_button_cart .btn,#wrapper .wrap_button_cart input,#wrapper .wrap_button_cart button,
#wrapper .basket__btn-commercial,#wrapper .button_cart_next,#wrapper .button_cart_submit,
#wrapper .basket__btn-submit,#wrapper .basket__btn-left,#wrapper .basket__actions .btn,
#wrapper .nsv-btn-reg,#wrapper .cart .btn{font-size:15px!important;font-family:"Golos Text",system-ui,Arial,sans-serif!important;min-height:50px!important;height:50px!important;border-radius:13px!important}

/* ДОБИВКА-19 U9: экран «Ваш заказ принят» — иерархия + «руб.» (зелёная галочка .cart-nsv-order-success цела). */
#wrapper .mpkm-order-done__title{font-family:"Golos Text",system-ui,Arial,sans-serif!important;font-size:30px!important;font-weight:800!important;color:var(--ink,#15161a)!important;text-align:center!important;margin:12px 0 14px!important;line-height:1.15!important}
/* U6 D21: neutralize legacy nsv icon-box geometry (main.css:1220), green check top-center */
#wrapper.nsv-cart .cart-nsv-order-success{max-width:none!important;height:auto!important;min-height:0!important;padding:78px 16px 0!important;margin:12px auto 0!important;background-position:top center!important;background-size:60px 60px!important;text-align:center!important}
#wrapper .mpkm-order-done__num{font-size:16px!important;color:var(--ink2,#5b5e66)!important;margin:6px 0 2px!important}
#wrapper .mpkm-order-done__sum{font-size:15px!important;color:var(--ink2,#5b5e66)!important;margin:6px 0 0!important;white-space:nowrap!important}
#wrapper .mpkm-order-done__sum strong{font-size:26px!important;font-weight:800!important;color:var(--ink,#15161a)!important}
#wrapper.nsv-cart .cart-nsv-order-success + p{margin:26px 0 8px!important;text-align:center!important}
#wrapper.nsv-cart .cart-nsv-order-success + p a{display:inline-block;padding:12px 24px;border:1.5px solid var(--line,#ecebe7);border-radius:13px;font-family:"Golos Text",system-ui,Arial,sans-serif;font-weight:600;font-size:15px;color:var(--ink,#15161a)!important;text-decoration:none;background:#fff;line-height:1.1}
#wrapper.nsv-cart .cart-nsv-order-success + p a:hover{background:var(--wash,#f7f5f1);border-color:var(--brand-d)}