/* otto (xparts 28.10.2026, zzz_xparts_v2): редизайн «синій і жовтий» (docs/pages/xparts-redesign/v2.html).
   Підключається лише коли редизайн увімкнено; усе — під body.otto-v2. */
body.otto-v2{--ox-bg:#F2F4F7;--ox-card:#fff;--ox-ink:#0F1B2A;--ox-muted:#5A6676;--ox-line:#E1E6EC;--ox-brand:#0B2A4A;--ox-brand2:#14406E;--ox-hmuted:#B9C7D8;--ox-cta:#FFC21A;--ox-cta-ink:#1A1400;--ox-cta2:#F2B300;--ox-accent:#1E6FD9;--ox-accent-bg:#E7F0FC;--ox-green:#0E7A4E;--ox-green-bg:#E4F5EC;--ox-warn:#9A4A00;--ox-warn-bg:#FFF2DF;--ox-chip:#EEF2F7;background:var(--ox-bg)!important;color:var(--ox-ink)}
.otto-v2 .otto-m{display:inline}.otto-v2 .otto-d{display:none}
@media(min-width:992px){.otto-v2 .otto-m{display:none}.otto-v2 .otto-d{display:inline}}

/* ---------- загальне ---------- */
.otto-v2 .otto-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;padding:11px 14px;font-weight:800;font-size:14px;line-height:1.1;cursor:pointer;text-decoration:none;white-space:nowrap}
.otto-v2 .otto-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.otto-v2 .otto-cta{background:var(--ox-cta);color:var(--ox-cta-ink)}.otto-v2 .otto-cta:hover{background:var(--ox-cta2);color:var(--ox-cta-ink)}
.otto-v2 .otto-line{background:var(--ox-card);color:var(--ox-ink);border:1px solid #CFD4DB}.otto-v2 .otto-line:hover{border-color:var(--ox-ink);color:var(--ox-ink)}
.otto-v2 .otto-vb{background:#7360F2;color:#fff}.otto-v2 .otto-tg{background:#229ED9;color:#fff}
.otto-v2 .otto-vb:hover,.otto-v2 .otto-tg:hover{color:#fff;filter:brightness(.94)}
.otto-v2 .otto-w{width:100%}.otto-v2 .otto-mt{margin-top:10px}.otto-v2 .otto-mt8{margin-top:8px}
.otto-v2 .otto-muted{color:var(--ox-muted)}.otto-v2 .otto-small{font-size:13px;line-height:1.4}
.otto-v2 .otto-link{text-decoration:underline;cursor:pointer}
.otto-v2 .otto-card{background:var(--ox-card);border:1px solid var(--ox-line);border-radius:14px;padding:14px}
.otto-v2 .otto-card h4{margin:0 0 6px;font-size:16px;font-weight:800;color:var(--ox-ink)}
.otto-v2 .otto-field{display:flex;gap:8px;margin-top:10px}
.otto-v2 .otto-field input{flex:1;min-width:0;border:1px solid #CFD4DB;border-radius:10px;padding:11px 10px;font-weight:700;font-size:14px;color:var(--ox-ink);background:#fff;text-transform:uppercase}
.otto-v2 .otto-field input::placeholder{text-transform:none;font-weight:600;color:#8A94A3}
.otto-v2 .otto-field input.otto-bad{border-color:#D0112B;box-shadow:0 0 0 2px rgba(208,17,43,.15)}
.otto-v2 .otto-field .otto-btn{flex:1}.otto-v2 .otto-field form .otto-btn,.otto-v2 form.otto-field .otto-btn{flex:none}
.otto-v2 .otto-btn-ic{flex:none!important;padding:11px 13px}
.otto-v2 .otto-timer{display:flex;align-items:center;gap:8px;background:var(--ox-green-bg);color:var(--ox-green);font-weight:800;font-size:13px;line-height:1.3;border-radius:10px;padding:9px 11px}
.otto-v2 .otto-timer svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;flex:none}
.otto-v2 .otto-timer i{font-style:normal;font-weight:700;opacity:.85}
.otto-v2 .otto-sec{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:22px 0 10px}
.otto-v2 .otto-sec h2{font-size:18px;font-weight:800;margin:0;color:var(--ox-ink);letter-spacing:-.01em;line-height:1.25}
.otto-v2 .otto-sec a{font-size:13px;color:var(--ox-accent);text-decoration:none;font-weight:700;white-space:nowrap}
.otto-v2 .otto-sec-s{margin:14px 0 8px}.otto-v2 .otto-sec-s h2{font-size:15px}
.otto-v2 .otto-hscroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.otto-v2 .otto-hscroll::-webkit-scrollbar{display:none}
.otto-v2 .otto-hscroll>*{scroll-snap-align:start}

/* ---------- шапка ---------- */
.otto-v2 .otto-hd{background:var(--ox-brand);color:#fff;position:sticky;top:0;z-index:1030;padding:0;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.otto-v2 .otto-hd-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px;min-height:56px}
.otto-v2 .otto-ic{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.12);display:inline-grid;place-items:center;color:#fff;border:0;padding:0;flex:none}
.otto-v2 .otto-ic:hover{color:#fff;background:rgba(255,255,255,.2)}
.otto-v2 .otto-ic svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.otto-v2 .otto-logo{flex:none;display:flex;align-items:center;margin-right:auto}
.otto-v2 .otto-logo img{display:block;width:109px;height:40px;object-fit:contain}
.otto-v2 .otto-hd-search{order:10;flex:1 1 100%;min-width:0}
.otto-v2 .otto-hd-search .header-search{display:block!important}
.otto-v2 .otto-hd-search #search{display:flex;position:relative}
.otto-v2 .otto-hd-search #input_search{height:44px;border:2px solid var(--ox-cta);border-radius:12px!important;padding:0 52px 0 12px!important;font-weight:700;font-size:15px;color:var(--ox-ink);background:#fff;box-shadow:none}
.otto-v2 .otto-hd-search #input_search::placeholder{color:#7A8494;font-weight:600}
.otto-v2 .otto-hd-search #sc-search-button{position:absolute;right:3px;top:3px;bottom:3px;width:46px;height:auto;border:0;border-radius:9px;background:var(--ox-cta);display:grid;place-items:center;padding:0}
.otto-v2 .otto-hd-search #sc-search-button .sc-btn-icon{filter:brightness(0)}
.otto-v2 .otto-hd-search .sc-livesearch{z-index:1040}
.otto-v2 .otto-hd-phone,.otto-v2 .otto-hd-msg,.otto-v2 .otto-hd-lang{display:none}
.otto-v2 .otto-hd-cart #cart{position:relative;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.12);display:grid!important;place-items:center;padding:0;color:#fff;margin:0}
.otto-v2 .otto-hd-cart #cart .text-lowercase{display:none}
.otto-v2 .otto-hd-cart #cart .sc-btn-icon{filter:brightness(0) invert(1);margin:0}
.otto-v2 .otto-hd-cart .header-buttons-cart-quantity{position:absolute;top:-5px;right:-5px;left:auto;background:var(--ox-cta);color:var(--ox-cta-ink);border-radius:999px;font-size:10px;font-weight:800;min-width:18px;height:18px;line-height:18px;padding:0 5px!important;text-align:center}
.otto-v2.otto-v2-home .otto-hd-search{display:none}
.otto-v2 .otto-ic-search{display:none}
.otto-v2.otto-v2-home .otto-ic-search,.otto-v2.otto-v2-product .otto-ic-search{display:inline-grid}
.otto-v2.otto-v2-product .otto-hd-search{display:none}
.otto-v2 .otto-hd-menu{display:none}
.otto-v2 #sidebar .header-search{display:block!important}
.otto-v2 #sidebar #search{display:block}
@media(min-width:768px){
 .otto-v2 .otto-hd-search,.otto-v2.otto-v2-home .otto-hd-search,.otto-v2.otto-v2-product .otto-hd-search{display:block;order:0;flex:1 1 300px;max-width:640px;margin:0 8px}
 .otto-v2 .otto-ic-search,.otto-v2.otto-v2-home .otto-ic-search,.otto-v2.otto-v2-product .otto-ic-search{display:none}
 .otto-v2 .otto-logo{margin-right:0}
 .otto-v2 .otto-hd-lang{display:block}
 .otto-v2 .otto-hd-lang .sc-switcher{background:rgba(255,255,255,.12)!important;margin:0!important;padding:4px!important}
 .otto-v2 .otto-hd-lang .language-select{color:#fff;background:transparent;border:0}
 .otto-v2 .otto-hd-lang .language-select.active{background:#fff;color:var(--ox-ink)}
}
@media(min-width:992px){
 .otto-v2 .otto-hd-phone{display:block;line-height:1.25;font-size:12px;color:var(--ox-hmuted);white-space:nowrap}
 .otto-v2 .otto-hd-phone a{display:block;color:#fff;font-weight:800;font-size:15px;text-decoration:none}
 .otto-v2 .otto-ic-phone{display:none}
 .otto-v2 .otto-hd-msg{display:inline-flex;padding:9px 12px;font-size:13px}
 .otto-v2 .otto-hd-bar{gap:12px;min-height:68px}
}
@media(min-width:1200px){
 .otto-v2 .otto-hd-menu{display:block;background:var(--ox-card);color:var(--ox-ink);border-bottom:1px solid var(--ox-line)}
 .otto-v2 .otto-hd-menu-in{display:flex;align-items:center;gap:24px;height:46px;font-weight:700;font-size:14px;overflow:hidden;white-space:nowrap}
 .otto-v2 .otto-hd-menu-in a{color:var(--ox-ink);text-decoration:none}
 .otto-v2 .otto-hd-menu-in a:hover{color:var(--ox-accent)}
 .otto-v2 .otto-hd-cat{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--ox-brand);color:#fff;border-radius:10px;padding:8px 14px;font-weight:800;font-size:14px}
 .otto-v2 .otto-hd-cat svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}
 .otto-v2 .otto-hd-cat.clicked{background:var(--ox-cta);color:var(--ox-cta-ink)}
}
.otto-v2 .otto-hd .sc-megamenu{top:100%}

/* ---------- головна ---------- */
.otto-v2 .otto-hero{background:linear-gradient(150deg,var(--ox-brand),var(--ox-brand2));color:#fff;overflow:hidden}
.otto-v2 .otto-hero-in{position:relative;padding-top:16px;padding-bottom:18px}
.otto-v2 .otto-hero-main{position:relative}
.otto-v2 .otto-hero h1{font-size:23px;line-height:1.18;margin:0 0 6px;font-weight:800;letter-spacing:-.02em;color:#fff;max-width:230px;position:relative;z-index:1}
.otto-v2 .otto-hero-sub{margin:0 0 12px;color:var(--ox-hmuted);font-size:13px;line-height:1.4;max-width:215px;position:relative;z-index:1}
.otto-v2 .otto-hero-car{position:absolute;right:-48px;top:22px;width:190px;height:auto;z-index:0;pointer-events:none}
.otto-v2 .otto-search{display:flex;background:#fff;border-radius:12px;overflow:hidden;border:2px solid var(--ox-cta);position:relative;z-index:1;margin:0}
.otto-v2 .otto-search input{flex:1;border:0;padding:12px;font-weight:700;font-size:15px;outline:0;min-width:0;color:var(--ox-ink);background:#fff;-webkit-appearance:none;appearance:none}
.otto-v2 .otto-search input::placeholder{color:#7A8494;font-weight:600}
.otto-v2 .otto-search button{border:0;background:var(--ox-cta);color:var(--ox-cta-ink);font-weight:800;font-size:15px;padding:0 16px}
.otto-v2 .otto-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;position:relative;z-index:1}
.otto-v2 .otto-chip{background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;text-decoration:none}
.otto-v2 .otto-chip:hover{background:rgba(255,255,255,.24);color:#fff}
.otto-v2 .otto-hero .otto-timer{margin-top:12px;position:relative;z-index:1}
.otto-v2 .otto-hero-side{display:none}
.otto-v2 .otto-home-body{padding-top:14px;padding-bottom:10px}
.otto-v2 .otto-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.otto-v2 .otto-trust>div{background:var(--ox-card);border:1px solid var(--ox-line);border-radius:12px;padding:10px 6px;font-size:11.5px;line-height:1.3;text-align:center;color:var(--ox-muted)}
.otto-v2 .otto-trust svg{width:22px;height:22px;stroke:var(--ox-accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0 auto 4px}
.otto-v2 .otto-trust b{display:block;font-size:12.5px;color:var(--ox-ink);font-weight:800}
.otto-v2 .otto-car{flex:none;width:136px;background:var(--ox-card);border:1px solid var(--ox-line);border-radius:14px;padding:8px 8px 10px;text-align:center;text-decoration:none;color:var(--ox-ink)}
.otto-v2 .otto-car:hover{border-color:var(--ox-accent);color:var(--ox-ink)}
.otto-v2 .otto-car img{width:116px;height:42px;object-fit:contain;display:block;margin:4px auto 6px}
.otto-v2 .otto-car b{display:block;font-size:12.5px;line-height:1.2;font-weight:800}
.otto-v2 .otto-car span{font-size:11.5px;color:var(--ox-muted)}
.otto-v2 .otto-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.otto-v2 .otto-cats a{background:var(--ox-card);border:1px solid var(--ox-line);border-radius:14px;padding:8px 6px 10px;text-align:center;font-weight:700;font-size:12px;line-height:1.25;color:var(--ox-ink);text-decoration:none;display:flex;flex-direction:column;align-items:center}
.otto-v2 .otto-cats a:hover{border-color:var(--ox-accent)}
.otto-v2 .otto-cats img{width:100%;height:72px;object-fit:contain;display:block;margin-bottom:6px;mix-blend-mode:multiply}
.otto-v2 .otto-p{flex:none;width:158px;background:var(--ox-card);border:1px solid var(--ox-line);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:3px}
.otto-v2 .otto-p-img{display:block}
.otto-v2 .otto-p-img img{width:100%;height:110px;object-fit:contain;mix-blend-mode:multiply;display:block}
.otto-v2 .otto-p-nm{font-size:12.5px;line-height:1.3;font-weight:600;color:var(--ox-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}
.otto-v2 .otto-p-no{font:700 11px ui-monospace,Menlo,Consolas,monospace;color:var(--ox-muted)}
.otto-v2 .otto-p-pr{font-weight:800;font-size:16px;color:var(--ox-ink)}
.otto-v2 .otto-p-st{font-size:11.5px;font-weight:700;color:var(--ox-green)}
.otto-v2 .otto-p-add{margin-top:auto;border:0;border-radius:10px;background:var(--ox-cta);color:var(--ox-cta-ink);font-weight:800;font-size:13px;padding:9px}
.otto-v2 .otto-p-add:hover{background:var(--ox-cta2)}
.otto-v2 .otto-vin-big .otto-vin-top{display:flex;gap:12px;align-items:center}
.otto-v2 .otto-vin-big .otto-vin-top img{width:110px;height:auto;flex:none}
.otto-v2 .otto-makes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.otto-v2 .otto-makes a{background:var(--ox-card);border:1px solid var(--ox-line);border-radius:12px;padding:10px 6px;text-align:center;font-weight:800;font-size:15px;color:var(--ox-ink);text-decoration:none}
.otto-v2 .otto-makes a:hover{border-color:var(--ox-accent)}
.otto-v2 .otto-makes span{display:block;font-weight:600;font-size:11px;color:var(--ox-muted)}
.otto-v2 #common-home{padding-top:6px}
@media(min-width:768px){
 .otto-v2 .otto-hero-in{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;padding-top:28px;padding-bottom:28px;align-items:center}
 .otto-v2 .otto-hero h1{font-size:32px;line-height:1.12;max-width:620px}
 .otto-v2 .otto-hero-sub{font-size:15px;max-width:560px;margin-bottom:16px}
 .otto-v2 .otto-hero-car{display:none}
 .otto-v2 .otto-search,.otto-v2 .otto-hero .otto-timer{max-width:580px}
 .otto-v2 .otto-hero-side{display:block}
 .otto-v2 .otto-hero-car-d{width:360px;max-width:100%;height:auto;display:block;margin:0 auto}
 .otto-v2 .otto-vin-card{color:var(--ox-ink);margin-top:-4px}
 .otto-v2 .otto-trust{gap:12px}
 .otto-v2 .otto-trust>div{font-size:13px;padding:14px 8px}
 .otto-v2 .otto-trust b{font-size:14px}
 .otto-v2 .otto-sec h2{font-size:21px}
 .otto-v2 .otto-cats{grid-template-columns:repeat(4,1fr);gap:10px}
 .otto-v2 .otto-cats a{font-size:13px;padding:10px}
 .otto-v2 .otto-cats img{height:96px}
 .otto-v2 .otto-makes{grid-template-columns:repeat(6,1fr);gap:10px}
 .otto-v2 .otto-vin-big{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;align-items:center}
 .otto-v2 .otto-vin-big .otto-field{margin-top:0}
}
@media(min-width:1200px){
 .otto-v2 .otto-cars{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:visible}
 .otto-v2 .otto-car{width:auto}
 .otto-v2 .otto-cats{grid-template-columns:repeat(6,1fr)}
 .otto-v2 .otto-prods{display:grid;grid-template-columns:repeat(6,1fr);overflow:visible}
 .otto-v2 .otto-p{width:auto}
 .otto-v2 .otto-p-img img{height:140px}
}

/* ---------- списки товарів (категорія, пошук, бренд) ---------- */
.otto-v2 .sc-category-products{--bs-gutter-x:8px;--bs-gutter-y:8px}
.otto-v2 .sc-category-products>.product-layout.product-grid{flex:0 0 auto;width:50%}
@media(min-width:768px){.otto-v2 .sc-category-products>.product-layout.product-grid{width:33.333%}}
@media(min-width:992px){.otto-v2 .sc-category-products>.product-layout.product-grid{width:25%}}
@media(min-width:1400px){.otto-v2 .sc-category-products>.product-layout.product-grid{width:20%}}
.otto-v2 .product-grid .content-block{border:1px solid var(--ox-line);border-radius:14px;box-shadow:none!important;padding:8px!important;background:var(--ox-card)}
.otto-v2 .product-grid .sc-module-img{padding:0!important;margin:0}
.otto-v2 .product-grid .sc-module-img img{width:100%;height:130px;object-fit:contain;mix-blend-mode:multiply}
.otto-v2 .product-grid .sc-module-btns,.otto-v2 .product-grid .sc-module-rating,.otto-v2 .product-grid .sc-module-model,.otto-v2 .product-grid .sc-category-attr{display:none!important}
.otto-v2 .product-grid .sc-module-stickers{position:absolute;left:0;top:0;margin:0!important}
.otto-v2 .product-grid .sc-module-stickers .sc-module-sticker-green{display:none}
.otto-v2 .product-grid .sc-module-caption{padding:6px 0 0!important;gap:3px}
.otto-v2 .product-grid .sc-module-title{font-size:12.5px!important;line-height:1.3;font-weight:600!important;color:var(--ox-ink)!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:0;height:auto;margin:0}
.otto-v2 .otto-no{font:700 11px ui-monospace,Menlo,Consolas,monospace;color:var(--ox-muted);margin-top:3px;word-break:break-all}
.otto-v2 .product-grid .sc-module-price-box{padding:4px 0 0!important;margin-top:auto}
.otto-v2 .product-grid .sc-module-price{font-size:16px!important;font-weight:800;color:var(--ox-ink)}
.otto-v2 .product-grid .sc-module-price-old{font-size:12px!important}
.otto-v2 .otto-st{font-size:11.5px;font-weight:700;color:var(--ox-green);margin:2px 0 6px}
.otto-v2 .otto-st-out{color:var(--ox-muted)}
.otto-v2 .product-grid .sc-module-cart{padding:0!important;margin:0;border:0!important}
.otto-v2 .product-grid .sc-module-cart .sc-module-quantity{display:none!important}
.otto-v2 .product-grid .sc-module-cart .sc-btn-primary{width:100%;height:auto;min-height:38px;padding:9px!important;border-radius:10px!important;font-size:13px;font-weight:800}
.otto-v2 .product-grid .sc-module-cart .sc-btn-primary .sc-btn-text{display:inline!important}
.otto-v2 .product-grid .sc-module-cart .sc-btn-icon-cart-img{display:none}
.otto-v2 .product-grid.sc-no-stock,.otto-v2 .product-grid .sc-no-stock{filter:none!important;opacity:1}
.otto-v2 .sc-category .sc-page-title h1,.otto-v2 .sc-page-title h1{font-weight:800;letter-spacing:-.01em}

/* ---------- кнопки теми: жовтий CTA ---------- */
.otto-v2 .sc-btn-primary{background:var(--ox-cta)!important;color:var(--ox-cta-ink)!important;border-color:var(--ox-cta)!important}
.otto-v2 .sc-btn-primary:hover{background:var(--ox-cta2)!important;border-color:var(--ox-cta2)!important}
.otto-v2 .sc-btn-primary .sc-btn-icon,.otto-v2 .sc-btn-primary img.sc-btn-icon-cart-img{filter:brightness(0)}
.otto-v2 .sc-btn-outline-primary:not([disabled]){color:var(--ox-brand)!important;border-color:var(--ox-brand)!important}
.otto-v2 .sc-btn-outline-primary:not([disabled]):hover{background:var(--ox-brand)!important;color:#fff!important}
.otto-v2 .blue-link,.otto-v2 .content-block-text a{color:var(--ox-accent)}
.otto-v2 .pagination .page-item.active .page-link,.otto-v2 .pagination li.active span{background:var(--ox-brand)!important;border-color:var(--ox-brand)!important;color:#fff!important}
.otto-v2 #sc_fixed_contact_button,.otto-v2 .sc-fixed-contact-pulsation{background:var(--ox-brand)!important}

/* ---------- картка товару ---------- */
.otto-v2 .sc-product .sc-page-title{padding-bottom:8px!important}
.otto-v2 .sc-product .sc-page-title h1{font-size:19px;line-height:1.25;font-weight:800;margin:0}
.otto-v2 .otto-oe-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.otto-v2 .otto-oe-chips span{background:var(--ox-chip);border-radius:6px;padding:2px 8px;font:700 12px ui-monospace,Menlo,Consolas,monospace;color:var(--ox-ink)}
.otto-v2 .otto-oe-chips .otto-chip-b{font-family:inherit;background:var(--ox-accent-bg);color:var(--ox-accent)}
.otto-v2 .sc-product-images{border-radius:14px;box-shadow:none!important;border:1px solid var(--ox-line)}
.otto-v2 .sc-product-images .sc-module-stickers{position:absolute;left:12px;top:12px;right:12px;z-index:3;margin:0!important;padding:0!important;pointer-events:none}
.otto-v2 .sc-product-images .sc-module-sticker-green{background:var(--ox-green-bg)!important;color:var(--ox-green)!important;font-weight:800!important;font-size:12px!important;border-radius:8px!important;padding:3px 8px!important}
.otto-v2 .sc-product-images .sc-module-sticker-green.out-of-stock{background:var(--ox-warn-bg)!important;color:var(--ox-warn)!important}
.otto-v2 .sc-product-images-additional{display:flex!important;gap:0;padding:0 10px 12px}
.otto-v2 .sc-product-images-additional-item img{width:58px;height:58px;object-fit:contain;border:1px solid var(--ox-line);border-radius:10px;background:#fff}
.otto-v2 .sc-product-images-additional .slick-current .sc-product-images-additional-item img{border:2px solid var(--ox-ink)}
.otto-v2 .sc-product-images-main .slick-dots li button{background:#D3D8DF}
.otto-v2 .sc-product-images-main .slick-dots li.slick-active button{background:var(--ox-ink)}
.otto-v2 .sc-product-actions{border-radius:14px;box-shadow:none!important;border:1px solid var(--ox-line);display:flex;flex-direction:column}
.otto-v2 .sc-product-actions-top{padding:14px!important;border:0!important}
.otto-v2 .sc-product-actions .sc-module-price-box{padding-top:0!important}
.otto-v2 .sc-product-actions .sc-module-price{font-size:30px!important;line-height:1.1;letter-spacing:-.02em;font-weight:800}
.otto-v2 .sc-product-actions-middle{padding:0 14px 12px!important;border:0!important}
.otto-v2 .sc-product-buttons{gap:8px}
.otto-v2 .sc-product-buttons #button-cart{flex:1;height:48px;border-radius:10px!important;font-weight:800;font-size:15px}
.otto-v2 .sc-product-buttons .sc-module-quantity{height:48px;border-radius:10px!important}
.otto-v2 .otto-buyinfo{padding:0 14px 14px}
.otto-v2 .otto-terms{margin-top:8px}
.otto-v2 .sc-product-one-click-btn{border-radius:10px!important}
.otto-v2 .sc-product-tabs-box{display:none}
.otto-v2 .sc-product-info{display:none!important}
.otto-v2 .otto-oos .otto-alert{background:var(--ox-warn-bg);border-radius:12px;padding:12px;color:#5C3300;font-size:14px;line-height:1.45}
.otto-v2 .otto-list{padding:4px 12px}
.otto-v2 .otto-it{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--ox-line);color:var(--ox-ink);text-decoration:none}
.otto-v2 .otto-it:first-child{border-top:0}
.otto-v2 .otto-it img{width:58px;height:58px;object-fit:contain;border:1px solid var(--ox-line);border-radius:10px;background:#fff;flex:none}
.otto-v2 .otto-it-nm{flex:1;font-size:12.5px;line-height:1.3;color:var(--ox-muted);min-width:0}
.otto-v2 .otto-it-nm b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:var(--ox-ink);font-weight:700}
.otto-v2 .otto-it-pr{text-align:right;font-weight:800;font-size:14px;white-space:nowrap;color:var(--ox-ink)}
.otto-v2 .otto-it-pr small{display:block;font-weight:700;color:var(--ox-green);font-size:11px}
.otto-v2 .otto-pextra{padding-top:4px}
.otto-v2 .otto-fit{display:grid;grid-template-columns:1fr;gap:8px}
.otto-v2 .otto-f{display:flex;gap:10px;align-items:center;background:var(--ox-card);border:1px solid var(--ox-line);border-radius:12px;padding:8px 10px;min-width:0}
.otto-v2 .otto-f img{width:76px;height:27px;object-fit:contain;flex:none}
.otto-v2 .otto-f-ic,.otto-v2 .otto-f-more{width:76px;flex:none;display:grid;place-items:center;font-weight:800;color:var(--ox-muted)}
.otto-v2 .otto-f-ic svg{width:30px;height:30px;stroke:var(--ox-muted);fill:none;stroke-width:1.6}
.otto-v2 .otto-f div{min-width:0}
.otto-v2 .otto-f b{display:block;font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.otto-v2 .otto-f span{font-size:12px;color:var(--ox-muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.otto-v2 .otto-notsure{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.otto-v2 .otto-notsure .otto-small{flex:1 1 200px}
.otto-v2 .otto-notsure-btns{display:flex;gap:8px}
.otto-v2 .otto-specs{width:100%;border-collapse:collapse;font-size:13px;background:var(--ox-card);border-radius:12px;overflow:hidden}
.otto-v2 .otto-specs td{padding:8px 12px;border-top:1px solid var(--ox-line);vertical-align:top}
.otto-v2 .otto-specs tr:first-child td{border-top:0}
.otto-v2 .otto-specs td:first-child{color:var(--ox-muted);width:48%}
.otto-v2 .otto-oe-list{display:flex;flex-direction:column;gap:8px}
.otto-v2 .otto-oe-list>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}
.otto-v2 .otto-oe-list b{margin-right:4px}
.otto-v2 .otto-oe-list span{background:var(--ox-chip);border-radius:6px;padding:2px 7px;font:700 12px ui-monospace,Menlo,Consolas,monospace}
.otto-v2 .otto-terms-card{display:flex;flex-direction:column;gap:10px;background:var(--ox-card);border:1px solid var(--ox-line);border-radius:14px;padding:14px;margin-bottom:12px}
.otto-v2 .otto-terms-card>div{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--ox-muted)}
.otto-v2 .otto-terms-card svg{width:22px;height:22px;stroke:var(--ox-accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:1px}
.otto-v2 .otto-terms-card b{display:block;color:var(--ox-ink);font-size:14px}
.otto-v2 .sc-product-content{border-radius:14px;box-shadow:none!important}
/* липка панель */
.otto-v2 .sc-product-fixed-btns{background:var(--ox-card)!important;border-top:1px solid var(--ox-line);box-shadow:0 -6px 18px rgba(15,27,42,.08);padding:10px 14px!important;z-index:1020}
.otto-v2 .sc-product-fixed-btns .sc-product-one-click-btn{display:none!important}
.otto-v2 .otto-fx-price{display:flex;flex-direction:column;line-height:1.15;margin-right:10px;min-width:0}
.otto-v2 .otto-fx-price b{font-size:20px;font-weight:800;color:var(--ox-ink);white-space:nowrap}
.otto-v2 .otto-fx-price small{font-size:12px;font-weight:700;color:var(--ox-green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otto-v2 .sc-product-fixed-btns .sc-product-fixed-cart-btn{flex:none;height:44px;padding:0 22px!important;font-size:15px!important;font-weight:800;border-radius:10px!important}
.otto-v2.otto-fx-on #sc_fixed_contact_button,.otto-v2.otto-fx-on #back-top{bottom:84px!important}
@media(min-width:768px){
 .otto-v2 .sc-product .sc-page-title h1{font-size:26px}
 .otto-v2 .sc-product-tabs-box{display:block}
 .otto-v2 .otto-fit{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767.98px){
 .otto-v2 .sc-product-images-main img{max-height:250px;width:auto;object-fit:contain}
 .otto-v2 .sc-product-images{padding-top:10px!important;border-radius:0;border-left:0;border-right:0}
 .otto-v2 .sc-product-images-slide{padding-bottom:6px!important}
 .otto-v2 .sc-product-actions{border-radius:0;border-left:0;border-right:0;margin-top:0!important}
 .otto-v2 #product{margin-top:0!important}
 .otto-v2 .sc-product .breadcrumb{margin-bottom:4px}
 .otto-v2 .otto-pextra{padding:0 14px}
 .otto-v2 .otto-oos{padding:12px 14px!important}
 .otto-v2 .otto-terms-card{margin:0 0 12px}
}
@media(min-width:768px){.otto-v2 .sc-product-images-main img{max-height:420px;width:auto;object-fit:contain}}

/* ---------- правки після перших скриншотів ---------- */
@media(max-width:767.98px){body.otto-v2{padding-bottom:0!important}}
.otto-v2 .otto-logo img{width:120px;height:44px}
/* списки: вертикальна картка в усіх режимах теми */
.otto-v2 .sc-category-products[data-type]{--bs-gutter-x:8px!important;--bs-gutter-y:8px!important}
.otto-v2 .product-grid .content-block{flex-direction:column!important;flex-wrap:nowrap!important;height:100%!important}
.otto-v2 .product-grid .sc-module-img,.otto-v2 .product-grid .sc-module-caption{flex:0 0 auto!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
.otto-v2 .product-grid .sc-module-caption{flex:1 1 auto!important}
.otto-v2 .product-grid .sc-module-img a{display:block}
.otto-v2 .product-grid .sc-module-cart{flex:0 0 auto!important;padding-top:0!important}
.otto-v2 .product-grid .sc-module-cart .sc-btn-primary{flex:1 1 auto!important;order:0!important}
.otto-v2 .product-grid .sc-module-price-box{display:block!important}
/* картка: наклейка без регістру теми, мініатюри без стрілок на мобільному */
.otto-v2 .sc-product-images .sc-module-sticker{text-transform:none!important}
@media(max-width:767.98px){
 .otto-v2 .sc-product-images-additional .slick-slider-btn{display:none!important}
 .otto-v2 .sc-product-images-additional{padding:0 8px 10px}
}
.otto-v2 .sc-product-actions-top-right .sc-btn{background:var(--ox-chip)!important;border:0!important}
/* липка панель: внизу екрана (нижнього меню теми в редизайні немає) */
.otto-v2 .sc-product-fixed-btns{bottom:0!important;transform:translateY(110%)!important}
.otto-v2 .sc-product-fixed-btns.enabled{transform:translateY(0)!important}
.otto-v2 .sc-product-fixed-btns .sc-btn{height:44px}
.otto-v2 .sc-product-fixed-btns+footer{padding-bottom:70px}
/* без наявності: спершу «немає — підберемо», галерея менша */
@media(max-width:767.98px){
 .otto-v2 .otto-oosp #product{order:-1}
 .otto-v2 .otto-oosp .sc-product-tabs-box{order:-2}
 .otto-v2 .otto-oosp .sc-product-images-main img{max-height:170px}
 .otto-v2 .otto-oosp .sc-product-images-additional{display:none!important}
 .otto-v2 .otto-oosp #productImages{margin-top:0}
}
.otto-v2 .otto-oosp .sc-product-actions-top{display:none!important}
/* підвал і модулі головної */
.otto-v2 .sc-footer{background:var(--ox-brand)!important}
.otto-v2 .sc-footer-middle-list,.otto-v2 .sc-footer hr{border-color:rgba(255,255,255,.12)!important}
.otto-v2.otto-v2-home #common-home .sc-module:has(> .sc-carousel-inner),.otto-v2.otto-v2-home #common-home .sc-carousel-inner{display:none!important}
.otto-v2 .otto-hd-search .header-search{padding:0!important}
.otto-v2 .otto-hd-search #search{padding:0!important;margin:0}
.otto-v2 .otto-hd-search #input_search{height:44px!important;width:100%}
.otto-v2 .otto-hd-search #sc-search-button{height:38px!important;top:3px;bottom:auto}
.otto-v2 .sc-product-images-additional .slick-list{height:auto!important}
.otto-v2 .sc-product-images-additional-item{height:auto!important;padding:0 3px!important;display:block}
@media(max-width:767.98px){.otto-v2 .sc-product-images{padding-bottom:0!important}}
/* плаваюча кнопка зв'язку — менша й нижче, щоб не закривала ціну */
@media(max-width:767.98px){
 .otto-v2 #sc_fixed_contact_button{width:48px!important;height:48px!important;right:12px!important;bottom:16px!important}
 .otto-v2 .sc-fixed-contact-pulsation{display:none}
 .otto-v2 #back-top{bottom:72px!important;right:16px!important}
 .otto-v2.otto-fx-on #sc_fixed_contact_button{bottom:80px!important}
 .otto-v2.otto-fx-on #back-top{bottom:136px!important}
}
@media(max-width:767.98px){.otto-v2 .sc-product-images{position:relative}}
@media(min-width:768px){.otto-v2 .sc-product-tabs-box{top:68px!important}.otto-v2 .sc-product-images.sticky-md-top{top:146px!important}}
@media(min-width:1200px){.otto-v2 .sc-product-tabs-box{top:115px!important}.otto-v2 .sc-product-images.sticky-md-top{top:193px!important}.otto-v2 .otto-hd-menu-in{gap:18px;font-size:13.5px}}
.otto-v2 .sc-product-tab.active{border-bottom-color:var(--ox-brand)!important}
.otto-v2 .product-grid .sc-module-cart .sc-btn-primary{max-width:none!important;width:100%!important}
@media(max-width:767.98px){.otto-v2 #product-search .sc-search-block,.otto-v2 #product-search .sc-category-search-title{display:none!important}}
/* власна липка панель (панель теми є лише з «купити в 1 клік») */
.otto-v2 .sc-product-fixed-btns{display:none!important}
.otto-v2 .otto-fx{position:fixed;left:0;right:0;bottom:0;z-index:1020;display:flex;align-items:center;gap:10px;background:var(--ox-card);border-top:1px solid var(--ox-line);box-shadow:0 -6px 18px rgba(15,27,42,.08);padding:10px 14px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .25s ease-out}
.otto-v2 .otto-fx.enabled{transform:translateY(0)}
.otto-v2 .otto-fx .otto-fx-price{flex:1}
.otto-v2 .otto-fx .otto-btn{height:46px;padding:0 24px;font-size:15px}
@media(min-width:768px){.otto-v2 .otto-fx{display:none}}
/* живий пошук під полем шапки */
.otto-v2 .otto-hd-search .sc-livesearch{inset:50px 0 auto 0!important;border-radius:12px;background:#fff}
.otto-v2 .otto-hd-search .sc-livesearch-close{top:3px!important;right:52px!important;width:38px;height:38px!important;border-radius:9px!important;background:var(--ox-chip)!important;line-height:38px}
.otto-v2 .otto-hd-search .sc-livesearch-close span{background:var(--ox-ink);margin:6px auto 0}
/* кнопка фільтрів OCFilter на мобільному: замість сирого ключа перекладу — «Фільтри», колір бренду (положення — як у теми) */
.otto-v2 .ocf-btn-mobile-fixed .ocf-btn{background:var(--ox-brand)!important;border-color:var(--ox-brand)!important;color:#fff!important}
.otto-v2 .ocf-btn-mobile-fixed .ocf-btn-name{font-size:0!important}
.otto-v2 .ocf-btn-mobile-fixed .ocf-btn-name::after{content:"Фільтри";font-size:13px}
html[lang^="ru"] .otto-v2 .ocf-btn-mobile-fixed .ocf-btn-name::after{content:"Фильтры"}
.otto-v2 .otto-more{display:flex;flex-direction:column;gap:8px}
.otto-v2 .otto-more summary{cursor:pointer;color:var(--ox-accent);font-weight:700;font-size:13px;list-style:none}
.otto-v2 .otto-more summary::-webkit-details-marker{display:none}
.otto-v2 .otto-more summary::after{content:" ▾"}
.otto-v2 .otto-more[open] summary{order:99}.otto-v2 .otto-more[open] summary::after{content:" ▴"}
