работает как разделитель абзацев */ .kv-shell .woocommerce div.product .woocommerce-Tabs-panel p{ margin:0 0 14px; } .kv-shell .woocommerce div.product .woocommerce-Tabs-panel p:last-child{ margin-bottom:0; } .kv-shell .woocommerce div.product .woocommerce-Tabs-panel br{ display:block; content:""; margin-bottom:10px; } .kv-shell .woocommerce div.product .woocommerce-Tabs-panel ul{ margin:6px 0 14px; padding-left:22px; } .kv-shell .woocommerce div.product .woocommerce-Tabs-panel li{ margin-bottom:6px; } /* related products */ .kv-shell .woocommerce .related.products, .kv-shell .woocommerce .upsells.products{ grid-column:1 / -1; margin-top:40px; } .kv-shell .woocommerce .related.products > h2, .kv-shell .woocommerce .upsells.products > h2{ font-size:28px; font-weight:800; margin-bottom:6px; } /* cart / checkout / account */ .kv-shell .woocommerce table.shop_table{ border-radius:12px; border-color:var(--kvx-line); } .kv-shell .woocommerce table.shop_table th{ font-weight:700; } /* корзина: чистая таблица без внутренних линий, ячейки по центру по вертикали */ .kv-shell .woocommerce table.cart{ border:1px solid var(--kvx-line); border-radius:12px; overflow:hidden; border-collapse:separate; border-spacing:0; } .kv-shell .woocommerce table.cart th, .kv-shell .woocommerce table.cart td{ border:0!important; vertical-align:middle; } .kv-shell .woocommerce table.cart thead th{ padding-top:18px; padding-bottom:18px; } .kv-shell .woocommerce table.cart td{ padding-top:20px; padding-bottom:20px; } .kv-shell .woocommerce table.cart td.product-thumbnail img{ width:64px; height:64px; object-fit:cover; border-radius:8px; display:block; } /* симметричные отступы: первая видимая ячейка слева, последняя — справа (место под ×) */ .kv-shell .woocommerce table.cart th.product-thumbnail, .kv-shell .woocommerce table.cart td.product-thumbnail{ padding-left:20px; } .kv-shell .woocommerce table.cart th.product-subtotal, .kv-shell .woocommerce table.cart td.product-subtotal{ padding-right:60px; text-align:right; } /* чекаут-заявка: блок выбора оплаты скрыт (COD авто), кнопка остаётся */ /* one-page: оформление прямо в корзине (отдельная страница убрана) */ body.woocommerce-cart .wc-proceed-to-checkout{ display:none; } /* «Оформить заказ» не нужен — форма ниже */ body.woocommerce-cart .kv-back-to-cart{ display:none; } /* уже в корзине */ body.woocommerce-cart .cart-collaterals{ display:none; } /* дубль «Сумма корзины» — итог в правой колонке формы */ /* 2 колонки: контакты слева, «Ваш заказ»/итог справа */ .kv-inline-checkout{ clear:both; margin-top:44px; } .kv-inline-checkout form.checkout::after{ content:""; display:block; clear:both; } .kv-inline-checkout #customer_details{ float:left; width:54%; } .kv-inline-checkout #order_review_heading{ float:right; width:42%; margin:0 0 16px; } .kv-inline-checkout #order_review{ float:right; width:42%; clear:right; background:#fff; border:1px solid var(--kvx-line); border-radius:14px; padding:22px 24px; } .kv-inline-checkout #order_review .woocommerce-checkout-review-order-table{ border:0; margin:0; } .kv-inline-checkout #order_review .woocommerce-checkout-review-order-table th, .kv-inline-checkout #order_review .woocommerce-checkout-review-order-table td{ border:0; padding:8px 0; } .kv-inline-checkout #order_review .order-total th, .kv-inline-checkout #order_review .order-total td{ border-top:1px solid var(--kvx-line); padding-top:14px; font-size:17px; } .kv-inline-checkout #order_review #payment{ margin-top:18px; } .kv-inline-checkout #order_review #payment .place-order{ text-align:left; } @media(max-width:860px){ .kv-inline-checkout #customer_details, .kv-inline-checkout #order_review_heading, .kv-inline-checkout #order_review{ float:none; width:100%; } .kv-inline-checkout #order_review_heading{ margin-top:28px; } } /* чекаут — узкая центрированная колонка (не на всю ширину страницы) */ body.woocommerce-checkout .kv-wc{ max-width:720px; } /* стрелка «назад в корзину» над формой */ .kv-shell .woocommerce-checkout .kv-back-to-cart{ display:inline-flex; align-items:center; gap:6px; color:var(--kvx-muted); font-weight:600; font-size:15px; text-decoration:none; margin-bottom:22px; transition:.15s; } .kv-shell .woocommerce-checkout .kv-back-to-cart:hover{ color:var(--kvx-accent); } body.woocommerce-checkout .woocommerce-checkout #customer_details, body.woocommerce-checkout .woocommerce-checkout #order_review, body.woocommerce-checkout .woocommerce-checkout .col2-set .col-1, body.woocommerce-checkout .woocommerce-checkout .col2-set .col-2{ width:100%; float:none; margin:0; } .kv-shell .woocommerce-checkout #payment{ background:transparent; border-radius:0; } .kv-shell .woocommerce-checkout #payment ul.payment_methods, .kv-shell .woocommerce-checkout #payment .payment_box, .kv-shell .woocommerce-checkout #payment .woocommerce-privacy-policy-text, .kv-shell .woocommerce-checkout #payment .woocommerce-notice--info{ display:none; } .kv-shell .woocommerce-checkout #payment .place-order{ padding:0; margin:0; text-align:center; } .kv-shell .woocommerce-checkout #payment .place-order #place_order{ float:none; } /* обзор заказа: только список товаров + Итого (Подытог дублирует) */ .kv-shell .woocommerce-checkout-review-order-table .cart-subtotal{ display:none; } /* пустая секция «Детали» (additional fields) — убрана, заказ-полей нет */ .kv-shell .woocommerce-checkout .woocommerce-additional-fields{ display:none; } /* обязательные поля: «*» → «(обязательно)» (параллельно «(по желанию)») */ .kv-shell .woocommerce-checkout .form-row label .required{ color:var(--kvx-muted); border:0; text-decoration:none; font-size:0; } .kv-shell .woocommerce-checkout .form-row label .required::after{ content:"(обязательно)"; font-size:14px; font-weight:400; } .kv-shell .woocommerce .cart-collaterals .cart_totals h2, .kv-shell .woocommerce-checkout h3{ font-weight:800; } .kv-shell .woocommerce form .form-row input.input-text, .kv-shell .woocommerce form .form-row select, .kv-shell .woocommerce .select2-container .select2-selection{ border:1px solid var(--kvx-line); border-radius:8px; padding:10px 12px; } .kv-shell .woocommerce-message, .kv-shell .woocommerce-info{ border-top-color:var(--kvx-accent); } .kv-shell .woocommerce-message::before, .kv-shell .woocommerce-info::before{ color:var(--kvx-accent); } /* ---------- responsive ---------- */ @media(max-width:960px){ .kv-shell .woocommerce ul.products{ grid-template-columns:repeat(2,1fr); } /* minmax(0,1fr): колонка должна сжиматься ниже min-content, иначе Flexslider зашивает в картинку inline width ~586px и страница уезжает в горизонт. скролл */ .kv-shell .woocommerce div.product{ grid-template-columns:minmax(0,1fr); gap:28px; } .kv-shell .woocommerce div.product .woocommerce-product-gallery{ overflow:hidden; max-width:100%; } .kv-shell .woocommerce div.product .woocommerce-product-gallery .flex-viewport{ max-width:100%; } /* h1 размер — единым clamp() в базовом правиле (фикс. 30px-override убран) */ } @media(max-width:560px){ .kv-shell .woocommerce ul.products{ grid-template-columns:1fr; } } /* ---------- cart: remove button -> right side, site style ---------- */ /* колонку remove делаем 0-ширины в ОБОИХ (thead+tbody) — иначе колонки рассинхронятся (display:none у th убирал колонку, а absolute у td оставлял слот → сдвиг на 1). × — абсолютом в строке. */ .kv-shell .woocommerce table.cart th.product-remove, .kv-shell .woocommerce table.cart td.product-remove{ width:0; max-width:0; padding:0!important; border:0; overflow:visible; } .kv-shell .woocommerce table.cart tr.cart_item{ position:relative; } .kv-shell .woocommerce table.cart td.product-remove{ position:static; } .kv-shell .woocommerce table.cart td.product-remove a.remove{ position:absolute; right:20px; top:50%; transform:translateY(-50%); } .kv-shell .woocommerce a.remove{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; border:1px solid var(--kvx-line); color:#aaa!important; font-size:18px; line-height:1; background:#fff!important; text-decoration:none; transition:.15s; } .kv-shell .woocommerce a.remove:hover{ border-color:var(--kvx-accent); color:#fff!important; background:var(--kvx-accent)!important; } /* удаление с отменой: overlay поверх строки + прогресс-бар 5с */ .kv-shell .woocommerce table.cart tr.kv-removing > td{ opacity:.4; } .kv-undo{ position:absolute; inset:0; z-index:4; display:flex; align-items:center; gap:18px; padding:0 24px; background:rgba(255,255,255,.95); border-radius:8px; overflow:hidden; } .kv-undo__txt{ font-weight:600; color:var(--kvx-ink); font-size:15px; } .kv-undo__btn{ appearance:none; border:0; cursor:pointer; background:var(--kvx-accent); color:#fff; font-family:inherit; font-weight:600; font-size:14px; padding:11px 20px; border-radius:8px; box-shadow:0 8px 16px rgba(255,119,2,.28); transition:.15s; } .kv-undo__btn:hover{ background:#ff8c2e; } .kv-undo__btn:disabled{ opacity:.5; cursor:default; } .kv-undo__bar{ position:absolute; left:0; bottom:0; height:3px; width:100%; background:var(--kvx-accent); transform-origin:left; animation:kvUndoBar 5s linear forwards; } @keyframes kvUndoBar{ from{ transform:scaleX(1); } to{ transform:scaleX(0); } } @media(max-width:640px){ .kv-undo{ flex-wrap:wrap; gap:10px; padding:12px 16px; } .kv-undo__txt{ width:100%; } } /* мобильная корзина (stacked-таблица): название не должно налезать на крестик × и не обрезаться — переносим по словам + отступ справа под кнопку удаления */ @media(max-width:768px){ /* stacked-карточка корзины: метка слева, значение справа, ровные ряды */ .kv-shell .woocommerce table.cart tbody td{ display:flex!important; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px!important; text-align:right; } .kv-shell .woocommerce table.cart tbody td::before{ float:none!important; margin:0!important; font-weight:700; color:var(--kvx-ink); } .kv-shell .woocommerce table.cart td.product-thumbnail{ justify-content:flex-start; padding-top:18px!important; } .kv-shell .woocommerce table.cart td.product-thumbnail::before{ content:none!important; } .kv-shell .woocommerce table.cart td.product-name{ padding-right:56px!important; } .kv-shell .woocommerce table.cart td.product-name a{ white-space:normal; word-break:break-word; text-align:right; } .kv-shell .woocommerce a.remove{ width:40px; height:40px; font-size:20px; } .kv-shell .woocommerce table.cart td.product-remove a.remove{ top:14px; right:10px; transform:none; } } /* ---------- quantity stepper (cart + product) ---------- */ .kv-shell .woocommerce .quantity.kv-qty{ display:inline-flex; align-items:stretch; border:1px solid var(--kvx-line); border-radius:8px; overflow:hidden; height:48px; } .kv-shell .woocommerce .quantity.kv-qty input.qty{ width:48px; height:46px; border:0!important; text-align:center; font:inherit; -moz-appearance:textfield; background:#fff; } .kv-shell .woocommerce .quantity.kv-qty input.qty::-webkit-outer-spin-button, .kv-shell .woocommerce .quantity.kv-qty input.qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; } .kv-qty__btn{ width:44px; min-width:44px; border:0; background:#f4f4f4; color:var(--kvx-ink); font-size:20px; line-height:1; cursor:pointer; transition:.15s; } .kv-qty__btn:hover{ background:var(--kvx-accent); color:#fff; } /* тост уведомлений — единый стиль в kvx.css (грузится на всех стр., вкл. shell) */ /* ---------- product gallery thumbnails -> small (don't touch main) ---------- */ .kv-shell .woocommerce div.product .flex-control-thumbs{ display:flex!important; flex-wrap:wrap; gap:10px; margin-top:28px!important; padding:0; } .kv-shell .woocommerce div.product .flex-control-thumbs li{ width:74px!important; margin:0!important; float:none!important; list-style:none; } .kv-shell .woocommerce div.product .flex-control-thumbs img{ border-radius:8px; } /* hide "Обновить корзину" — cart updates automatically on quantity change */ .kv-shell .woocommerce button[name="update_cart"], .kv-shell .woocommerce input[name="update_cart"]{ display:none !important; } /* ---------- "Смотрите так же" — horizontal slider (4 visible, all scrollable) ---------- */ /* related сидит внутри grid товара (2 колонки) — растягиваем на всю ширину, иначе слайдер ограничен 656px и текст в карточках режется */ .kv-related{ grid-column:1 / -1; margin-top:48px; padding:0; max-width:none; position:relative; } .kv-related__title{ font-size:28px; font-weight:800; margin:0 0 18px; } .kv-slider{ display:flex; gap:20px; overflow-x:auto; touch-action:pan-x; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; padding:4px 4px 6px; -webkit-overflow-scrolling:touch; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; position:relative; } /* fade-сигнал прокрутки — предотвращает обрыв peek-карточки без полосы прокрутки */ @media(max-width:520px){ .kv-related::after{content:'';position:absolute;right:0;top:0;bottom:6px;width:40px;background:linear-gradient(to left,#fff,transparent);pointer-events:none;z-index:1} } .kv-slider::-webkit-scrollbar{ display:none; height:0; } .kv-slider .kv-card{ flex:0 0 calc((100% - 60px) / 4); scroll-snap-align:start; } /* slider arrows */ .kv-slider__arrow{ position:absolute; top:calc(50% - 10px); transform:translateY(-50%); z-index:5; width:44px; height:44px; border-radius:50%; border:0; background:#fff; box-shadow:0 4px 16px rgba(0,0,0,.16); cursor:pointer; display:flex; align-items:center; justify-content:center; color:#ff7702; font-size:22px; transition:.15s; } .kv-slider__arrow:hover{ background:#ff7702; color:#fff; } .kv-slider__arrow--prev{ left:-22px; } .kv-slider__arrow--next{ right:-22px; } .kv-slider__arrow[disabled]{ opacity:0; pointer-events:none; } @media(max-width:960px){ .kv-slider__arrow{ display:none; } } @media(max-width:1100px){ .kv-slider .kv-card{ flex-basis:calc((100% - 40px) / 3); } } @media(max-width:760px){ .kv-slider .kv-card{ flex-basis:calc((100% - 20px) / 2); } } @media(max-width:520px){ .kv-slider .kv-card{ flex-basis:80%; } } /* ---------- доп. услуги в карточке товара ---------- */ .kv-addons{ margin:0 0 22px; padding:18px 20px; background:var(--kvx-bg); border-radius:12px; } .kv-addons__title{ font-weight:700; margin-bottom:12px; } /* строка допуслуги = чекбокс + подпись, выровнены по первой строке текста */ .kv-addons__row{ display:flex; align-items:center; gap:12px; min-height:28px; margin-bottom:8px; font-size:15px; line-height:1.4; cursor:pointer; } .kv-addons__row:last-child{ margin-bottom:0; } .kv-addon-check{ appearance:none; -webkit-appearance:none; flex:0 0 auto; width:20px; height:20px; margin:1px 0 0; border:1.5px solid #cfd6e0; border-radius:5px; background:#fff; cursor:pointer; position:relative; transition:.15s; } .kv-addon-check:checked{ background:var(--kvx-accent); border-color:var(--kvx-accent); } .kv-addon-check:checked::after{ content:""; position:absolute; left:6px; top:2px; width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); } .kv-addons__row span{ flex:1 1 auto; } /* ---------- shop toolbar (result count + ordering) ---------- */ .kv-shop-toolbar{ display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin:0 0 26px; } .kv-shop-toolbar .woocommerce-result-count{ margin:0; } /* Sticky-CTA «В корзину» на товаре (мобайл, над таб-баром) */ .kv-sticky-cta{ display:none; } .kv-sticky-cta[hidden]{ display:none; } @media(max-width:860px){ .kv-sticky-cta{ display:flex; align-items:center; gap:12px; position:fixed; left:0; right:0; bottom:calc(62px + env(safe-area-inset-bottom,0px)); z-index:100045; padding:10px 14px; background:#fff; border-top:1px solid var(--kvx-line); box-shadow:0 -6px 20px rgba(0,0,0,.09); } .kv-sticky-cta[hidden]{ display:none; } body.kvx.single-product{ padding-bottom:calc(170px + env(safe-area-inset-bottom,0px)); } /* sticky-CTA+таб-бар над футером → запас снизу */ .kv-sticky-cta__price{ font:800 18px/1 var(--kvx-head); color:var(--kvx-ink); white-space:nowrap; } body.kvx .kv-sticky-cta__btn{ flex:1; min-height:48px; border:0; border-radius:8px; background:var(--kvx-accent); color:#fff; font:600 16px/1 var(--kvx-head); cursor:pointer; } body.kvx .kv-sticky-cta__btn:active{ transform:scale(.98); } } /* App-чипы сортировки — только мобайл; на десктопе нативный select */ .kv-sortchips{ display:none; } @media(max-width:860px){ .kv-wc .woocommerce-ordering{ display:none !important; } .kv-shop-toolbar{ margin:0 0 16px; gap:10px; } .kv-shop-toolbar .woocommerce-result-count{ font-size:13px; } .kv-sortchips{ display:flex; gap:8px; width:100%; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; padding:2px 16px; scroll-padding-left:16px; } .kv-sortchips::-webkit-scrollbar{ display:none; } body.kvx .kv-chip{ flex:0 0 auto; min-height:44px; display:inline-flex; align-items:center; padding:0 16px; border-radius:999px; background:#fff; border:1px solid var(--kvx-line); font:600 13px/1 var(--kvx-sans); color:var(--kvx-ink); white-space:nowrap; text-decoration:none; transition:.15s; } body.kvx .kv-chip.is-active{ background:var(--kvx-accent); color:#fff; border-color:var(--kvx-accent); } } /* ---------- empty cart: spacing for the "return to shop" button ---------- */ .kv-wc .cart-empty.woocommerce-info{ margin:18px 0 0; } .kv-wc .return-to-shop{ display:inline-block; margin-top:22px; } .kv-wc .return-to-shop .button{ display:inline-block; } /* fix: summary must fill its grid column (WC default width:48%/float:right squishes it) */ .kv-shell .woocommerce div.product .summary{ width:100% !important; float:none !important; max-width:none !important; } .kv-shell .woocommerce div.product .woocommerce-product-gallery{ float:none !important; } /* ---------- Согласие на ПДн в чекауте (152-ФЗ) ---------- */ .kv-checkout-consent{ margin:4px 0 20px; display:flex; flex-direction:column; gap:12px; } .kv-checkout-consent .kvh-form__consent{ display:flex; align-items:flex-start; gap:10px; margin:0; font-size:13.5px; line-height:1.45; color:var(--kvx-muted); cursor:pointer; } .kv-checkout-consent .kvh-form__consent input[type=checkbox]{ appearance:none; -webkit-appearance:none; flex:0 0 auto; width:18px; height:18px; margin:2px 0 0; border:2px solid #cfd3d8; border-radius:6px; background:#fff; cursor:pointer; position:relative; transition:.15s; } .kv-checkout-consent .kvh-form__consent input[type=checkbox]:checked{ background:var(--kvx-accent); border-color:var(--kvx-accent); } .kv-checkout-consent .kvh-form__consent input[type=checkbox]:checked::after{ content:""; position:absolute; left:6px; top:2px; width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); } .kv-checkout-consent .kvh-form__consent input[type=checkbox]:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(255,119,2,.3); } .kv-checkout-consent a{ color:var(--kvx-accent); text-decoration:underline; }