/* unify.css — единый вид 101мешка (правки дизайна от 08.11.2026, пункты задания 3, 4, 17–24).
   Подключается последним в <head> (buyblock frontendHead), перекрывает тему topshop без правки её файлов. */

/* 24. Шрифт Roboto: заранее загружается (preload в buyblock), запасной показ — не дольше обычного */
@font-face { font-family: 'Roboto-Medium';  src: url('/wa-apps/shop/plugins/phoneview/fonts/roboto-medium.woff2?v=1.1.0') format('woff2');  font-display: fallback; }
@font-face { font-family: 'Roboto-Regular'; src: url('/wa-apps/shop/plugins/phoneview/fonts/roboto-regular.woff2?v=1.1.0') format('woff2'); font-display: fallback; }
@font-face { font-family: 'Roboto-Light';   src: url('/wa-apps/shop/plugins/phoneview/fonts/roboto-light.woff2?v=1.1.0') format('woff2');   font-display: fallback; }

/* 3. Доставка: подзаголовки ступенью ниже названия */
.dv3-h { font-size: 22px !important; }
@media (max-width: 991px) { .dv3-h { font-size: 19px !important; } }

/* 4. «Информация о доставке» в карточке товара — одной строкой слева */
.dp-product__header > div[align="center"] { text-align: left !important; font-size: 0 !important; line-height: 1.4; }
.dp-product__header > div[align="center"] br { display: none; }
.dp-product__header > div[align="center"]::before { content: "Доставка в г. "; font-size: 16px; font-family: 'Roboto-Medium', Arial, sans-serif; }
.dp-product__header > div[align="center"] > a { font-size: 16px !important; font-family: 'Roboto-Medium', Arial, sans-serif; }

/* 17. Главная: название по краю колонки, «Хиты продаж» слева, на телефоне 24 px */
.container > h1:first-child { margin-left: 0; padding-left: 0; position: relative; left: -15px; }
.home-header.text-center { text-align: left !important; padding-left: 0 !important; }
@media (max-width: 767px) {
    .container > h1:first-child { font-size: 24px !important; line-height: 1.25 !important; }
}

/* 18. Левое меню: 15 px, место под стрелку */
.split-catalog > li > a { font-size: 15px !important; line-height: 1.3 !important; padding-right: 28px !important; }

/* 19. Углы: карточки и меню 8 px, кнопки 8 px */
.thumbnail-catalog { border-radius: 8px !important; overflow: hidden; }
.split-catalog { border-radius: 8px; overflow: hidden; }
.btn, .add-to-cart .btn, .clearfilter .btn { border-radius: 8px !important; }
.pv-buy__btn { border-radius: 8px !important; }

/* 20. Кнопка «Добавить в корзину» 48 px и счётчик «− 1 +» */
.add2cart.cart-group { display: flex !important; align-items: center; gap: 8px; flex-wrap: nowrap; }
.add2cart.cart-group > .select_quantity { width: auto !important; min-width: 108px !important; max-width: none !important; flex: 0 0 auto; float: none !important; margin: 0 !important; }
.add2cart.cart-group > .add2cart-button { float: none !important; margin: 0 !important; }
.add2cart.cart-group > .add2cart-button { flex: 1 1 auto; min-width: 0; }
.add2cart-button .btn { width: 100%; white-space: nowrap; height: 48px !important; padding: 0 10px 0 48px !important; font-size: 15px !important; font-family: 'Roboto-Medium', Arial, sans-serif; border-radius: 8px !important; }
.select_quantity .input-group.spinner { display: flex !important; flex-direction: row; align-items: stretch; width: 108px !important; max-width: none !important; height: 48px;
    border: 1px solid #d0cfcf; border-radius: 8px; overflow: hidden; background: #fff; }
.select_quantity .input-group.spinner input.select_input_cart { order: 2; width: 36px !important; height: 46px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; font-size: 17px; }
.select_quantity .input-group-addon { display: contents !important; }
.select_quantity .spin-down { order: 1; }
.select_quantity .spin-up { order: 3; }
.select_quantity .spin-up, .select_quantity .spin-down { flex: 0 0 36px !important; width: 36px !important; height: auto !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; color: #282828 !important; font-size: 22px; line-height: 1; text-decoration: none !important; background: #f5f5f5; }
.select_quantity .spin-up:hover, .select_quantity .spin-down:hover { background: #ececec; }
.select_quantity .spin-up i, .select_quantity .spin-down i { display: none; }
.select_quantity .spin-up::before { content: "+"; }
.select_quantity .spin-down::before { content: "−"; }

/* 21. Компьютер: без нижней полосы (на телефоне остаётся) */
@media (min-width: 992px) {
    .bottom-bar { display: none !important; }
    body { padding-bottom: 0 !important; }
}

/* 22. Телефон: кнопка звонка оранжевая, как кнопка меню */
.bb-mh-call { background: #ff7802 !important; }

/* 23. Телефон: крошки на товаре обычным регистром */
.back, .back a { text-transform: none !important; font-size: 14px !important; }

/* 09.11.2026: товар на телефоне — от фото с подписью до блока «Код товара» 12px (было ~57) */
@media (max-width: 767px) {
    .product-visible > .col-xs-12:has(#product-core-image) { padding-bottom: 0 !important; }
    .product-visible > .col-xs-12:has(#product-core-image) .product-gallery { margin-bottom: 0 !important; }
    #product-core-image .slide > p { margin-bottom: 12px !important; }
}