/* Шрифти дизайну D — свої файли (Google Fonts, лише кирилиця й латиниця, змінна насиченість). */
@font-face{font-family:'Manrope';font-style:normal;font-weight:500 800;font-display:swap;src:url(../fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500 800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* otto (2026-10): картка товару теми otto — редизайн D (A + C). Кольори: графіт #24272C, червоний #D2001E, тло #F4F5F6. */
.otto-d{--d-red:#d2001e;--d-red-dark:#a8001a;--d-ink:#16181c;--d-graphite:#24272c;--d-muted:#5e6470;--d-line:#e3e6eb;--d-bg:#f4f5f6;--d-ok:#127a3a;--d-ok-bg:#e8f5ec;--d-warn:#9a5b00;--d-warn-bg:#fff4e0}
.otto-d .otto-d-product{background:transparent;padding:0;box-shadow:none}
.otto-d-grid{display:grid;grid-template-columns:1fr;gap:12px}
.otto-d-card{background:#fff;border:1px solid var(--d-line);border-radius:12px;padding:16px;position:relative}
.otto-d-block{margin-top:12px}
.otto-d-block h2{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--d-ink)}
/* gallery */
.otto-d-gallery{padding:8px}
.otto-d-gallery .rm-product-images{padding:0;border:0;box-shadow:none;background:transparent}
.otto-d-gallery .rm-module-stickers{left:12px;top:12px}
.otto-d-orig{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.92);border:1px solid var(--d-line);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;color:var(--d-graphite)}
/* info */
.otto-d-art{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.otto-d-art-num{font-size:24px;font-weight:700;letter-spacing:.02em;color:var(--d-ink);font-variant-numeric:tabular-nums}
.otto-d-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--d-line);border-radius:8px;background:#fff;color:var(--d-muted);cursor:pointer}
.otto-d-icon-btn:hover,.otto-d-icon-btn.is-copied{color:var(--d-red);border-color:var(--d-red)}
.otto-d-title{font-size:18px!important;line-height:1.35!important;font-weight:600!important;margin:0 0 10px!important;color:var(--d-ink);text-transform:none!important}
.otto-d .otto-discontinued{margin:0 0 10px;color:#c0392b;font-weight:600}
.otto-d-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 14px}
.otto-d-tag{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--d-bg);color:var(--d-graphite);font-size:13px;font-weight:600}
.otto-d-tag--red{background:#fde8eb;color:var(--d-red)}
.otto-d-rating{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--d-muted);text-decoration:underline}
.otto-d-stars i{font-style:normal;color:#d5d8de;font-size:15px}.otto-d-stars i.on{color:#f5b301}
/* price box */
.otto-d-pbox{background:var(--d-bg);border-radius:10px;padding:14px}
.otto-d-prow{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.otto-d-price{font-size:28px;font-weight:700;line-height:1.1;color:var(--d-ink)}
.otto-d-price s{font-size:16px;font-weight:500;color:var(--d-muted);margin-right:6px}
.otto-d-per{font-size:13px;color:var(--d-muted);margin-top:4px}
.otto-d-pack{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:13px;line-height:1.4;color:var(--d-graphite)}
.otto-d-pack svg{flex:none;margin-top:1px;color:var(--d-muted)}
.otto-d-qtyrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.otto-d-qty{display:inline-flex;align-items:center;border:1px solid var(--d-line);border-radius:10px;background:#fff;overflow:hidden}
.otto-d-qty button{width:44px;height:44px;border:0;background:#fff;font-size:22px;line-height:1;color:var(--d-ink);cursor:pointer}
.otto-d-qty input{width:48px;height:44px;border:0;text-align:center;font-size:17px;font-weight:600;padding:0;box-shadow:none}
.otto-d-sum{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:var(--d-muted)}
.otto-d-sum b{font-size:18px;color:var(--d-ink)}
/* options from the theme */
.otto-d .rm-product-center-options{margin-top:12px;padding:0;border:0}
/* stock */
.otto-d .otto-d-stock{display:flex;flex-direction:column;gap:2px;height:auto!important;margin:12px 0 0!important;padding:12px 14px!important;border-radius:10px;font-size:14px;line-height:1.4;background:var(--d-bg);color:var(--d-graphite);white-space:normal}
.otto-d .otto-d-stock b{font-weight:700}
.otto-d .otto-d-stock .otto-stock-note{font-size:13px;opacity:.9}
.otto-d .otto-d-stock--dnipro,.otto-d .otto-d-stock--partners{background:var(--d-ok-bg);color:var(--d-ok)}
.otto-d .otto-d-stock--germany{background:var(--d-warn-bg);color:var(--d-warn)}
/* buttons */
.otto-d-actions{display:none;gap:10px;margin-top:14px}
.otto-d-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:10px;font-size:16px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;border:1px solid transparent;text-decoration:none}
.otto-d-btn--red{background:var(--d-red);border-color:var(--d-red);color:#fff}
.otto-d-btn--red:hover,.otto-d-btn--red:active{background:var(--d-red-dark);border-color:var(--d-red-dark);color:#fff}
.otto-d-btn--out{background:#fff;border-color:#c9ced6;color:var(--d-ink)}
.otto-d-btn--out:hover{border-color:var(--d-graphite)}
/* request «з Німеччини» and VIN help in cards */
.otto-d-main .otto-request-box,.otto-d-main .otto-vin-help{margin:12px 0 0;border-radius:12px}
/* fits */
.otto-d-fits-own{display:inline-block;font-weight:700;color:var(--d-red);text-decoration:underline;margin:0 0 10px}
.otto-d-chips{display:flex;flex-wrap:wrap;gap:6px 8px}
.otto-d-chips a{display:inline-block;border:1px solid var(--d-line);border-radius:999px;padding:6px 12px;font-size:14px;color:var(--d-ink);background:var(--d-bg);text-decoration:none}
.otto-d-chips a:hover{border-color:var(--d-red);color:var(--d-red)}
/* specs */
.otto-d-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.otto-d-spec{background:var(--d-bg);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.otto-d-spec small{font-size:12px;color:var(--d-muted)}
.otto-d-spec b{font-size:15px;color:var(--d-ink);overflow-wrap:anywhere}
.otto-d-more{display:inline-block;margin-top:12px;font-weight:600;color:var(--d-red);text-decoration:underline}
/* terms */
.otto-d-terms{display:grid;grid-template-columns:1fr;gap:12px}
.otto-d-term{display:flex;gap:12px;align-items:flex-start;color:var(--d-ink);text-decoration:none}
.otto-d-term:hover b{color:var(--d-red)}
.otto-d-term-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--d-bg);color:var(--d-graphite)}
.otto-d-term b{display:block;font-size:15px;margin-bottom:2px}
.otto-d-term small{display:block;font-size:13px;line-height:1.4;color:var(--d-muted)}
/* sticky bar (mobile) */
.otto-d-bar{position:fixed;left:0;right:0;bottom:0;z-index:1030;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--d-line);box-shadow:0 -8px 20px rgba(0,0,0,.06)}
.otto-d-bar-price{display:flex;flex-direction:column;min-width:0}
.otto-d-bar-price b{font-size:18px;color:var(--d-ink);white-space:nowrap}
.otto-d-bar-price s{font-size:12px;color:var(--d-muted)}
.otto-d-bar-price small{font-size:12px;color:var(--d-muted);white-space:nowrap}
.otto-d-bar-buttons{display:flex;gap:8px}
.otto-d-bar .otto-d-btn{min-height:48px;padding:0 14px}
@media (max-width:991.98px){
  .otto-d{padding-bottom:84px}
  .otto-d .rm-product-mobile-fixed{display:none!important}
}
@media (max-width:575.98px){
  .otto-d.container{padding-left:12px;padding-right:12px}
}
@media (min-width:992px){
  .otto-d-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:20px;align-items:start}
  .otto-d-card{padding:20px}
  .otto-d-title{font-size:22px!important}
  .otto-d-actions{display:flex}
  .otto-d-actions .otto-d-btn{flex:1}
  .otto-d-specs{grid-template-columns:repeat(3,1fr)}
  .otto-d-terms{grid-template-columns:1fr 1fr}
}
/* fixes after the first look on a phone */
.otto-d .rm-product + .rm-product-tabs{position:static!important;box-shadow:none!important;background:transparent!important;top:auto!important}
.otto-d a.otto-d-term,.otto-d a.otto-d-term:hover{text-decoration:none!important}
.otto-d a.otto-d-term b{color:var(--d-ink)}
.otto-d a.otto-d-term:hover b{color:var(--d-red)}
.otto-d a.otto-d-term small{color:var(--d-muted)!important;text-decoration:none!important}
.otto-d .otto-d-spec small,.otto-d .otto-d-spec b{line-height:1.3}
.otto-d .otto-d-stock{width:100%}
.otto-d-orig{top:12px;bottom:auto}
.otto-d a.otto-d-chips,.otto-d .otto-d-chips a{text-decoration:none!important}
.otto-d a.otto-d-term b{font-weight:700!important}
.otto-d-orig{z-index:3}

/* typography: Inter for text, Manrope for headings, prices, articles, buttons (only inside the new card; header stays as is until step 4) */
.otto-d main,.otto-d .otto-d-bar{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.otto-d .otto-d-art-num,.otto-d .otto-d-title,.otto-d .otto-d-price,.otto-d .otto-d-sum b,.otto-d .otto-d-block h2,.otto-d .otto-d-btn,.otto-d .otto-d-bar-price b,.otto-d .otto-d-tag,.otto-d .otto-d-alt-buy b,.otto-d .otto-d-alt-art,.otto-d .rm-product-tabs .nav-link,.otto-d .otto-d-term b,.otto-d .otto-d-stock b{font-family:'Manrope','Inter',system-ui,sans-serif}
.otto-d .otto-d-title{font-weight:700!important}
/* tabs as pills, scrollable */
.otto-d .rm-product-tabs{margin:20px 0 0}
.otto-d .rm-product-tabs>.col-12{padding:0}
.otto-d #oct-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;border:0;padding:2px 0 10px;scrollbar-width:none;background:transparent}
.otto-d #oct-tabs::-webkit-scrollbar{display:none}
.otto-d #oct-tabs .nav-item{flex:none;margin:0}
.otto-d #oct-tabs .nav-link{height:40px;padding:0 16px;border:1px solid var(--d-line)!important;border-radius:999px;background:#fff;color:var(--d-graphite)!important;font-size:14px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.otto-d #oct-tabs .nav-link::before,.otto-d #oct-tabs .nav-link::after{display:none!important}
.otto-d #oct-tabs .nav-link.active{background:var(--d-graphite);border-color:var(--d-graphite)!important;color:#fff!important}
.otto-d #oct-tabs .nav-link span{color:inherit}
.otto-d .tab-content{padding:0}
.otto-d .tab-content>.tab-pane{background:#fff;border:1px solid var(--d-line);border-radius:12px;padding:16px;box-shadow:none}
/* description text */
.otto-d .rm-product-tabs-description{font-size:15px;line-height:1.6;color:#2b2f36}
.otto-d .rm-product-tabs-description h1,.otto-d .rm-product-tabs-description h2,.otto-d .rm-product-tabs-description h3{font-family:'Manrope','Inter',sans-serif;font-weight:700;color:var(--d-ink);line-height:1.3;margin:18px 0 8px}
.otto-d .rm-product-tabs-description h1,.otto-d .rm-product-tabs-description h2{font-size:19px}
.otto-d .rm-product-tabs-description h3{font-size:16px}
.otto-d .rm-product-tabs-description>*:first-child{margin-top:0}
.otto-d .rm-product-tabs-description p{margin:0 0 10px}
.otto-d .rm-product-tabs-description p:empty,.otto-d .rm-product-tabs-description br+br{display:none}
.otto-d .rm-product-tabs-description ul{margin:0 0 12px;padding-left:20px}
.otto-d .rm-product-tabs-description li{margin:0 0 4px}
.otto-d .otto-d-collapse{position:relative;max-height:340px;overflow:hidden}
.otto-d .otto-d-collapse::after{content:'';position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.otto-d .otto-d-collapse-btn{margin-top:12px}
/* attributes tab */
.otto-d .rm-product-tabs-attributtes-list-title{font-family:'Manrope','Inter',sans-serif;font-weight:700;font-size:16px;margin:0 0 8px}
.otto-d .rm-product-tabs-attributtes-list-item{padding:8px 0;border-bottom:1px solid #f0f1f4;font-size:14px;gap:12px}
/* alternatives in stock */
.otto-d-note{font-size:13px;color:var(--d-muted);margin:-4px 0 12px}
.otto-d-alt-list{display:flex;flex-direction:column;gap:10px}
.otto-d-alt{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;border:1px solid var(--d-line);border-radius:10px;padding:10px}
.otto-d-alt-img img{width:72px;height:72px;object-fit:contain}
.otto-d-alt-name{display:block;font-size:14px;line-height:1.35;color:var(--d-ink)!important;text-decoration:none!important}
.otto-d-alt-art{font-weight:700;margin-right:4px}
.otto-d-alt-stock{font-size:13px;margin-top:4px;color:var(--d-ok);font-weight:600}
.otto-d-alt-trade{display:block;font-size:12px;margin-top:3px;color:var(--d-muted,#6b7280)}
.otto-d-alt-buy{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.otto-d-alt-buy b{font-size:18px}
.otto-d-btn--sm{min-height:40px;padding:0 16px;font-size:15px}
@media (min-width:768px){.otto-d-alt{grid-template-columns:72px 1fr auto}.otto-d-alt-buy{grid-column:auto;flex-direction:column;align-items:flex-end}}

/* round 3 */
.otto-d-orig{position:static;display:inline-block;margin:8px 0 0 8px;font-size:12px}
.otto-d #oct-tabs .nav-link,.otto-d #oct-tabs .nav-link span,.otto-d #oct-tabs .nav-link-text{text-decoration:none!important}
.otto-d-note{line-height:1.45}
.otto-d-alt-buy b{font-weight:800;color:var(--d-ink)}
.otto-d .tab-content>.tab-pane{padding:16px}
.otto-d .rm-product-tabs-attributtes-list-item{background:transparent!important;padding:10px 0!important}
.otto-d .otto-d-orig{position:static;display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:0;border:0;background:none;font-size:13px;font-weight:600;color:var(--d-ok)}

/* ===== Екран 2: марка, модель, модифікація, розділи (otto-dc) ===== */
.otto-dc .otto-dc-head{margin:4px 0 12px}
.otto-dc-h1{font-family:'Manrope','Inter',sans-serif;font-size:22px!important;line-height:1.25!important;font-weight:800!important;color:var(--d-ink);margin:0!important;text-transform:none!important}
.otto-dc-sub{margin:6px 0 0;color:var(--d-muted);font-size:14px}
.otto-dc .rm-page-title{display:none}
.otto-dc-content>*+*{margin-top:12px}
/* nodes «Диски / Колодки від …» */
.otto-dc-nodes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.otto-dc-node{display:flex;flex-direction:column;gap:2px;padding:14px;text-decoration:none!important;color:var(--d-ink)!important;border-color:#f4c9cf;background:#fff5f6}
.otto-dc-node b{font-family:'Manrope','Inter',sans-serif;font-size:15px;line-height:1.3}
.otto-dc-node-from{color:var(--d-red);font-weight:800;font-family:'Manrope','Inter',sans-serif;font-size:16px}
.otto-dc-node small{color:var(--d-muted);font-size:13px}
/* picker */
.otto-dc-picker{padding:12px}
.otto-dc-search{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;border:1px solid var(--d-line);border-radius:10px;background:var(--d-bg);color:var(--d-muted);margin:0 0 8px}
.otto-dc-search input{flex:1;border:0;background:transparent;font-size:16px;color:var(--d-ink);outline:none;min-width:0}
.otto-dc-series{display:flex;justify-content:space-between;padding:12px 4px 6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--d-muted)}
.otto-dc-mlist{display:grid;grid-template-columns:1fr;gap:0}
.otto-dc-mrow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 4px;border-bottom:1px solid #f0f1f4;color:var(--d-ink)!important;text-decoration:none!important}
.otto-dc-mrow b{font-family:'Manrope','Inter',sans-serif;font-size:16px;font-weight:700}
.otto-dc-mrow small{display:block;font-size:12px;color:var(--d-muted)}
.otto-dc-mrow svg{flex:none;color:#b9bec6}
.otto-dc-mrow>span,.otto-dc-mrow>b{flex:1;min-width:0}.otto-dc-mimg{flex:none;width:84px;height:30px;object-fit:contain;mix-blend-mode:multiply}.otto-dc-mrow:hover b{color:var(--d-red)}
.otto-dc-mrow--pop b{color:var(--d-graphite)}
.otto-dc-empty{padding:16px 4px;color:var(--d-muted)}
.otto-dc-carimg{display:flex;justify-content:center;margin:0 0 8px;padding:6px 0 10px;border-bottom:1px solid #f0f1f4}.otto-dc-carimg img{width:100%;max-width:280px;height:auto;mix-blend-mode:multiply}.otto-dc-step{display:flex;align-items:center;gap:10px;font-family:'Manrope','Inter',sans-serif;font-size:18px!important;font-weight:800!important;margin:4px 4px 12px!important}
.otto-dc-step i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--d-red);color:#fff;font-size:14px}
.otto-dc-mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.otto-dc-mod{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 10px;border:1px solid var(--d-line);border-radius:10px;background:#fff;text-align:center;font-family:'Manrope','Inter',sans-serif;font-weight:700;font-size:15px;color:var(--d-ink)!important;text-decoration:none!important}
.otto-dc-mod:hover{border-color:var(--d-red);color:var(--d-red)!important}
/* car details on modification */
.otto-dc-car{padding:0}
.otto-dc-car summary{padding:14px 16px;font-family:'Manrope','Inter',sans-serif;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.otto-dc-car summary::after{content:'▾';color:var(--d-muted)}
.otto-dc-car[open] summary::after{content:'▴'}
.otto-dc-car-body{padding:0 16px 14px;font-size:14px;color:var(--d-graphite)}
.otto-dc-car-body img{max-width:220px;height:auto;display:block;margin:0 auto 10px}
.otto-dc-car-body table{width:100%}
/* filter bar */
.otto-dc-fbar{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none;position:sticky;top:0;z-index:5;background:var(--d-bg,#f4f5f6)}
.otto-dc-fbar::-webkit-scrollbar{display:none}
.otto-dc-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:1px solid var(--d-line);border-radius:999px;background:#fff;color:var(--d-graphite);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;margin:0}
.otto-dc-chip.on{background:var(--d-graphite);border-color:var(--d-graphite);color:#fff}
.otto-dc-chip--f{border-color:var(--d-graphite)}
.otto-dc-sort select{border:0;background:transparent;font-size:14px;font-weight:600;color:inherit;max-width:160px;outline:none}
.otto-dc-count{font-size:13px;color:var(--d-muted);margin:8px 2px 0}
/* groups and rows */
.otto-dc-grp-h{display:flex;align-items:center;gap:10px;margin:16px 2px 8px}
.otto-dc-grp-h h2{font-family:'Manrope','Inter',sans-serif;font-size:18px!important;font-weight:800!important;margin:0!important;flex:1}
.otto-dc-grp-h>span:last-child{font-size:13px;color:var(--d-muted)}
.otto-dc-ax{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--d-graphite);color:#fff;font-weight:800;font-size:14px}
.otto-dc-plist{display:flex;flex-direction:column;gap:8px}
.otto-dc-pr{display:grid;grid-template-columns:96px 1fr;gap:12px;background:#fff;border:1px solid var(--d-line);border-radius:12px;padding:12px}
.otto-dc-pr-img img{width:96px;height:96px;object-fit:contain}
.otto-dc-pr-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.otto-dc-pr-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.otto-dc-art{font-family:'Manrope','Inter',sans-serif;font-weight:800;font-size:16px;color:var(--d-ink)!important;text-decoration:none!important}
.otto-dc .otto-d-tag{height:22px;font-size:12px;padding:0 8px}
.otto-dc-rt{font-size:12px;color:#b07d00}
.otto-dc-pr-t{font-size:14px;line-height:1.35;color:var(--d-graphite)!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.otto-dc-stock{font-size:13px;line-height:1.35;color:var(--d-ok)}
.otto-dc-stock b{font-weight:700}
.otto-dc-stock .otto-stock-note{color:var(--d-muted)}
.otto-dc-stock--germany{color:var(--d-warn)}
.otto-dc-pr-f{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:4px;flex-wrap:wrap}
.otto-dc-price-w{display:flex;flex-direction:column}
.otto-dc-price-w s{font-size:12px;color:var(--d-muted)}
.otto-dc-price{font-family:'Manrope','Inter',sans-serif;font-weight:800;font-size:19px;color:var(--d-ink);white-space:nowrap}
.otto-dc-price-w small{font-size:12px;color:var(--d-muted)}
.otto-dc-pr .otto-d-btn--sm{min-height:42px;padding:0 14px;font-size:15px}
.otto-dc-pr.is-oos .otto-dc-pr-img img{opacity:.75}
.otto-dc-pr[hidden],.otto-dc-group[hidden]{display:none!important}
.otto-dc-nothing{text-align:center}
.otto-dc-pagination .pagination{justify-content:center;margin:16px 0 0}
/* by models, help, texts */
.otto-dc-bymodels{padding:0}
.otto-dc-bymodels summary{padding:14px 16px;font-family:'Manrope','Inter',sans-serif;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;list-style:none}
.otto-dc-bymodels summary span{color:var(--d-muted);font-weight:600}
.otto-dc-bymodels .otto-pmm-list{padding:0 16px 12px;margin:0}
.otto-dc-help{background:#f2fbf5;border-color:#cde9d6}
.otto-dc-help b{display:block;font-family:'Manrope','Inter',sans-serif;font-size:16px;color:var(--d-ok)}
.otto-dc-help p{margin:4px 0 10px;font-size:14px;color:var(--d-graphite)}
.otto-dc-help-links{display:flex;flex-wrap:wrap;gap:8px}
.otto-dc-help-links a{display:inline-flex;align-items:center;height:40px;padding:0 14px;border:1px solid var(--d-line);border-radius:10px;background:#fff;font-weight:700;font-size:14px;color:var(--d-ink)!important;text-decoration:none!important}
.otto-dc-text,.otto-dc-seo{font-size:15px;line-height:1.6;color:#2b2f36}
.otto-dc-text h2,.otto-dc-seo h1,.otto-dc-seo h2,.otto-dc-seo h3{font-family:'Manrope','Inter',sans-serif;font-weight:700!important;color:var(--d-ink);font-size:18px!important;line-height:1.3!important;margin:16px 0 8px!important}
.otto-dc-text>*:first-child,.otto-dc-seo-body>*:first-child{margin-top:0!important}
.otto-dc-seo{margin-top:12px}
.otto-dc .otto-d-collapse{position:relative;max-height:300px;overflow:hidden}
.otto-dc .otto-d-collapse::after{content:'';position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0),#fff)}
@media (min-width:768px){.otto-dc-mlist{grid-template-columns:1fr 1fr;column-gap:24px}.otto-dc-mods{grid-template-columns:repeat(4,minmax(0,1fr))}.otto-dc-pr{grid-template-columns:120px 1fr}.otto-dc-pr-img img{width:120px;height:120px}}
@media (min-width:992px){.otto-dc-h1{font-size:28px!important}.otto-dc-mlist{grid-template-columns:1fr 1fr 1fr}.otto-dc-fbar{position:static}}
@media (max-width:991.98px){.otto-dc #column-left{display:none}}
/* fix: a multi-image slick gallery made the grid column as wide as its track (page 1M px wide on phones) */
.otto-d-grid{grid-template-columns:minmax(0,1fr)}
.otto-d-grid>*{min-width:0}
.otto-d-gallery{overflow:hidden;max-width:100%}
.otto-d-gallery .rm-product-images,.otto-d-gallery .rm-product-images-main{max-width:100%}
.otto-d-gallery img{max-width:100%;height:auto}
@media (min-width:992px){.otto-d-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}

/* ===== Екран 3: кошик (otto-dcart) ===== */
.otto-dcart-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.otto-dcart-grid>*{min-width:0}
.otto-dcart-list{display:flex;flex-direction:column;gap:10px}
.otto-dcart-item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:12px}
.otto-dcart-img img{width:80px;height:80px;object-fit:contain}
.otto-dcart-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.otto-dcart-opt{font-size:13px;color:var(--d-muted)}
.otto-dcart-warn{font-size:13px;color:#c0392b;font-weight:600}
.otto-dcart-foot{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.otto-dcart-price{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto}
.otto-dcart-price b{font-family:'Manrope','Inter',sans-serif;font-size:18px;font-weight:800;color:var(--d-ink);white-space:nowrap}
.otto-dcart-price small{font-size:12px;color:var(--d-muted);white-space:nowrap}
.otto-dcart-del{flex:none}
.otto-dcart-voucher{display:flex;align-items:center;justify-content:space-between}
.otto-dcart-modules{padding:0}
.otto-dcart-modules summary{padding:14px 16px;font-family:'Manrope','Inter',sans-serif;font-weight:700;cursor:pointer;list-style:none}
.otto-dcart-modules-body{padding:0 16px 14px}
.otto-dcart-totals{display:flex;flex-direction:column;gap:8px}
.otto-dcart-total{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:var(--d-graphite)}
.otto-dcart-total.is-grand{padding-top:8px;border-top:1px solid var(--d-line);font-size:17px}
.otto-dcart-total.is-grand b{font-family:'Manrope','Inter',sans-serif;font-size:22px;font-weight:800;color:var(--d-ink)}
.otto-dcart-note{font-size:13px;color:var(--d-muted);margin:0}
.otto-dcart-go{width:100%;margin-top:4px}
.otto-dcart-continue{text-align:center;font-size:14px;color:var(--d-muted)!important}
.otto-dcart .otto-d-bar-price small{order:-1}
.otto-dcart .otto-d-bar .otto-d-btn{padding:0 18px}
@media (max-width:991.98px){.otto-dcart{padding-bottom:84px}.otto-dcart-side .otto-dcart-go{display:none}}
@media (min-width:992px){.otto-dcart-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.otto-dcart-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px}}

/* ===== Екран 3: оформлення SimpleCheckout — лише вигляд (поля й логіка — налаштування Simple, спільні з основним сайтом) ===== */
#simplecheckout_form_0{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--d-red:#d2001e;--d-ink:#16181c;--d-graphite:#24272c;--d-muted:#5e6470;--d-line:#e3e6eb;--d-bg:#f4f5f6}
#simplecheckout_form_0 .simplecheckout-block{background:#fff;border:1px solid var(--d-line);border-radius:12px;padding:16px;margin:0 0 12px}
#simplecheckout_form_0 .checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent!important;border:0!important;padding:0 0 10px!important;margin:0!important;font-family:'Manrope','Inter',sans-serif;font-size:18px!important;font-weight:800!important;color:var(--d-ink)!important}
#simplecheckout_form_0 .checkout-heading a{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:var(--d-red)}
#simplecheckout_form_0 .simplecheckout-block-content{padding:0!important}
#simplecheckout_form_0 .form-group{margin:0 0 12px}
#simplecheckout_form_0 .control-label{font-size:14px;font-weight:600;color:var(--d-graphite);padding:0 0 6px!important;text-align:left!important;width:100%;max-width:100%;flex:0 0 100%}
#simplecheckout_form_0 .col-sm-4,#simplecheckout_form_0 .col-sm-8{flex:0 0 100%;max-width:100%;width:100%}
#simplecheckout_form_0 .form-control,#simplecheckout_form_0 select,#simplecheckout_form_0 textarea{height:48px;border:1px solid var(--d-line);border-radius:10px;background:#fff;font-size:16px;color:var(--d-ink);padding:0 12px;box-shadow:none}
#simplecheckout_form_0 textarea{height:auto;min-height:96px;padding:10px 12px}
#simplecheckout_form_0 .form-control:focus,#simplecheckout_form_0 select:focus,#simplecheckout_form_0 textarea:focus{border-color:var(--d-graphite);outline:none}
#simplecheckout_form_0 .radio{margin:0 0 8px}
#simplecheckout_form_0 .radio label{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--d-line);border-radius:10px;cursor:pointer;font-size:15px;line-height:1.4;color:var(--d-ink)}
#simplecheckout_form_0 .radio input[type=radio]{margin:3px 0 0;accent-color:var(--d-red);width:18px;height:18px;flex:none;position:static}
#simplecheckout_form_0 .radio label:has(input:checked){border-color:var(--d-graphite);background:var(--d-bg)}
#simplecheckout_form_0 .simplecheckout-error-text{font-size:13px;color:#c0392b}
#simplecheckout_form_0 .simplecheckout-cart{width:100%;border:0}
#simplecheckout_form_0 .simplecheckout-cart th{background:transparent;border:0;border-bottom:1px solid var(--d-line);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--d-muted);padding:6px 4px}
#simplecheckout_form_0 .simplecheckout-cart td{border:0;border-bottom:1px solid #f0f1f4;padding:10px 4px;vertical-align:middle;font-size:14px}
#simplecheckout_form_0 .simplecheckout-cart td a{color:var(--d-ink);text-decoration:none}
#simplecheckout_form_0 .simplecheckout-cart img{max-width:64px;height:auto}
#simplecheckout_form_0 .simplecheckout-cart-total{display:flex;justify-content:flex-end;gap:12px;padding:6px 4px;font-size:15px}
#simplecheckout_form_0 .simplecheckout-cart-total:last-of-type{font-size:18px;font-weight:800;font-family:'Manrope','Inter',sans-serif}
#simplecheckout_form_0 .btn-primary,#simplecheckout_form_0 #simplecheckout_button_confirm,#simplecheckout_form_0 .button_oc{background:var(--d-red)!important;border:1px solid var(--d-red)!important;color:#fff!important;border-radius:10px!important;min-height:52px;font-family:'Manrope','Inter',sans-serif;font-size:17px;font-weight:700;padding:0 20px;width:100%;box-shadow:none}
#simplecheckout_form_0 .simplecheckout-button-block{border:0;background:transparent;padding:0;margin:4px 0 0}
#simplecheckout_form_0 .simplecheckout-button-right{float:none;width:100%}
#simplecheckout_form_0 .btn-danger{border-radius:8px}
#simplecheckout_form_0 .simplecheckout-warning-block{border-radius:10px}
@media (min-width:992px){#simplecheckout_form_0 .simplecheckout-left-column{padding-right:12px}#simplecheckout_form_0 .simplecheckout-right-column{padding-left:12px}}
/* Simple: cart table as cards on phones, full-width options */
#simplecheckout_form_0 .radio label{width:100%}
#simplecheckout_form_0 .simplecheckout-cart .image{display:none}
#simplecheckout_form_0 .simplecheckout-cart td.name .image{display:block;float:left;margin:0 12px 4px 0}
#simplecheckout_form_0 .simplecheckout-cart .model,#simplecheckout_form_0 .simplecheckout-cart .remove{display:none}
#simplecheckout_form_0 .simplecheckout-cart .quantity .input-group{flex-wrap:nowrap}
#simplecheckout_form_0 .simplecheckout-cart .quantity .btn{min-width:40px;height:40px;border-radius:8px!important;background:#fff!important;border:1px solid var(--d-line)!important;color:var(--d-ink)!important;min-height:0;font-size:14px;width:auto;padding:0 10px}
#simplecheckout_form_0 .simplecheckout-cart .quantity .btn-danger{color:#c0392b!important;margin-left:6px}
#simplecheckout_form_0 .simplecheckout-cart .quantity .form-control{height:40px;width:52px;flex:none;text-align:center;margin:0 4px;padding:0}
@media (max-width:767.98px){
  #simplecheckout_form_0 .simplecheckout-cart,#simplecheckout_form_0 .simplecheckout-cart tbody{display:block}
  #simplecheckout_form_0 .simplecheckout-cart thead,#simplecheckout_form_0 .simplecheckout-cart colgroup{display:none}
  #simplecheckout_form_0 .simplecheckout-cart tr{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:10px 0;border-bottom:1px solid #f0f1f4}
  #simplecheckout_form_0 .simplecheckout-cart td{display:block;border:0;padding:0}
  #simplecheckout_form_0 .simplecheckout-cart td.name{grid-column:1 / -1;font-size:14px;line-height:1.35}
  #simplecheckout_form_0 .simplecheckout-cart td.name .image img{width:64px}
  #simplecheckout_form_0 .simplecheckout-cart td.price{display:none}
  #simplecheckout_form_0 .simplecheckout-cart td.total{align-self:center;font-family:'Manrope','Inter',sans-serif;font-weight:800;font-size:17px;white-space:nowrap}
  #simplecheckout_form_0 .table-responsive{overflow:visible;border:0}
}
#simplecheckout_form_0 .simplecheckout-cart .quantity .btn-primary{display:inline-flex!important;align-items:center;justify-content:center}
/* ===== Крок 4 (12.10.2026): шапка, нижнє меню, підвал, головна «монобренд-партнер». Шрифти D на всьому сайті копії. ===== */
:root{--d-red:#d2001e;--d-red-dark:#a8001a;--d-ink:#16181c;--d-graphite:#24272c;--d-muted:#5e6470;--d-line:#e3e6eb;--d-bg:#f4f5f6;--d-ok:#127a3a;--d-ok-bg:#e8f5ec;--otto-tab:60px}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--d-bg);color:var(--d-ink)}
h1,h2,h3,.rm-btn,.rm-menu-list-item-name,.rm-footer-title{font-family:'Manrope','Inter',system-ui,sans-serif}
/* шапка: телефон */
@media (max-width:991px){
  #rm_mobile_nav.otto-mnav{height:56px;background:#fff;box-shadow:none;border-bottom:1px solid var(--d-line);padding:0 0 0 8px}
  .otto-mnav #rm_mobile_menu_button{width:44px;height:44px;border-radius:10px;background:transparent;border:0;padding:0;display:flex;align-items:center;justify-content:center}
  .otto-mnav #rm_mobile_menu_button .rm-btn-icon span{background:var(--d-graphite)}
  #logo{left:56px;margin:8px 0}
  #logo img{max-height:32px;max-width:120px}
  .otto-mnav-cap{position:absolute;left:186px;top:13px;font-size:9.5px;line-height:1.25;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--d-muted);border-left:1px solid var(--d-line);padding-left:8px}
  .otto-mnav .rm-mobile-nav-buttons-btn{display:flex;align-items:center;justify-content:center;height:56px;color:var(--d-graphite);border-left:0}
  .rm-header-cart{height:56px;line-height:56px;border-left:0}
  .rm-header-cart-quantity{background:var(--d-red)}
  header{background:#fff;border-bottom:1px solid var(--d-line);padding-bottom:10px}
  #search.rm-search{border:0;border-radius:12px;background:var(--d-bg);height:48px;box-shadow:inset 0 0 0 1px var(--d-line)}
  #search.rm-search input{background:transparent;font-size:16px}
  body.otto-is-home header #search,body.otto-is-search header #search{display:none}
  body.otto-is-home header,body.otto-is-search header{padding-bottom:0;border-bottom:0}
}
@media (max-width:379px){.otto-mnav-cap{display:none}}
@media (min-width:768px) and (max-width:991px){.otto-mnav-cap{display:none}}
/* шапка: ПК */
@media (min-width:992px){
  header{background:#fff;border-bottom:1px solid var(--d-line)}
  #menu_toggle_button.rm-btn.primary{background:var(--d-graphite);border-radius:10px}
  #search.rm-search{border-radius:12px;border:1px solid var(--d-line);background:var(--d-bg)}
  .rm-header-cart{background:#fff;border:1px solid var(--d-line);border-radius:12px}
  .rm-header-cart-quantity{background:var(--d-red)}
  #top.top-nav{background:var(--d-graphite)}
  #top.top-nav .top-nav-info-list>li>a,#top.top-nav .top-nav-account-links-item>a,#top.top-nav .top-nav-account-links-item>button,#top.top-nav .top-nav-account-links-item>span,#top.top-nav .btn-lang span{color:#d5d8dd!important}#top.top-nav .top-nav-info-list>li:hover>a,#top.top-nav .top-nav-account-links-item:hover>a,#top.top-nav .top-nav-account-links-item:hover>button,#top.top-nav .top-nav-account-links-item>span:hover,#top.top-nav .top-nav-account-links-item>button:focus{color:#fff!important}#top.top-nav .rm-dropdown a,#top.top-nav .rm-dropdown button,#top.top-nav .rm-dropdown span{color:var(--d-ink,#16181c)}
}
/* нижнє меню телефона */
.otto-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1029;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(var(--otto-tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--d-line);box-shadow:0 -6px 20px rgba(20,22,26,.06)}
.otto-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:600 11px/1.1 'Inter',system-ui,sans-serif;color:#6e747d;background:none;border:0;padding:0;text-decoration:none!important;cursor:pointer}
.otto-tab:hover,.otto-tab:focus{color:var(--d-ink)}
.otto-tab.is-on{color:var(--d-red)}
.otto-tab.is-on:before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--d-red)}
.otto-tab-badge{position:absolute;top:5px;left:calc(50% + 5px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;border:2px solid #fff;background:var(--d-red);color:#fff;font:800 10px/14px 'Manrope',sans-serif;text-align:center}
.otto-tab-badge[hidden]{display:none}
@media (max-width:991px){
  body.otto-has-tabbar{padding-bottom:calc(var(--otto-tab) + env(safe-area-inset-bottom))}
  body.otto-has-tabbar #rm_fixed_contact_button,body.otto-has-tabbar #rm_fixed_contact_substrate,body.otto-has-tabbar #back-top{display:none!important}
  body.otto-has-tabbar #oct-policy{bottom:calc(var(--otto-tab) + env(safe-area-inset-bottom))}
  body.otto-has-buybar .otto-tabbar{display:none}
  body.otto-has-buybar{padding-bottom:0}
}
/* підвал */
footer{background:var(--d-graphite)!important;margin-top:24px}
footer .rm-footer{background:transparent;padding-top:28px}
footer .rm-footer-title,footer .rm-footer-title-toggle-text{color:#fff;font-weight:700;font-size:15px;letter-spacing:0;text-transform:none}
footer .rm-footer-text,footer .rm-footer-credits,footer .rm-footer-shedule-list-item,footer .rm-footer-phones a,footer .rm-footer-links-list a,footer .rm-footer-mail-link{color:#c9cdd3!important}
footer .rm-footer-links-list a:hover,footer .rm-footer-phones a:hover{color:#fff!important}
footer .rm-footer-mobile-inner,footer .rm-footer-mobile-inner.white{background:rgba(255,255,255,.04);border-radius:12px}
footer .rm-footer-mobile-inner.white .rm-footer-title-toggle-text{color:#fff}
footer .rm-footer-credits{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;font-size:13px}
footer .rm-footer-catalog-btn.rm-btn.primary{background:var(--d-red);border-radius:12px;min-height:48px}
footer .otto-footer-cert{color:#fff!important}
footer .otto-status{color:#8fd3a8}
/* головна */
.otto-home{padding-top:12px}
.otto-home .otto-kicker{font:700 11px/1.2 'Manrope',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--d-red);display:flex;align-items:center;gap:8px}
.otto-home .otto-kicker:before{content:"";width:18px;height:2px;background:currentColor}
.otto-home h2{font-size:21px;line-height:1.2;font-weight:800;margin:0;color:var(--d-ink)}
.otto-muted{color:var(--d-muted);font-size:14px;margin:4px 0 12px}
.otto-hero{display:grid;grid-template-columns:minmax(0,1fr);background:var(--d-graphite);color:#fff;border-radius:16px;overflow:hidden;position:relative}
.otto-hero:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:4px;background:var(--d-red)}
.otto-hero-photo{position:relative;aspect-ratio:900/440;overflow:hidden}
.otto-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
.otto-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,39,44,0) 55%,var(--d-graphite))}
.otto-hero-txt{padding:4px 18px 22px;position:relative}
.otto-hero .otto-kicker{color:#ff5a6e}
.otto-hero-h1{font:800 26px/1.15 'Manrope',sans-serif!important;color:#fff!important;margin:8px 0 10px!important;letter-spacing:-.01em;text-transform:none!important}
.otto-hero-lead{font-size:15px;line-height:1.5;color:#d5d8dd;margin:0 0 16px}
.otto-hero-lead b{color:#fff;font-weight:600}
.otto-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}
.otto-hero-stats div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px}
.otto-hero-stats b{display:block;font:800 18px/1.1 'Manrope',sans-serif;color:#fff}
.otto-hero-stats small{display:block;font-size:11.5px;line-height:1.3;color:#b9bec6;margin-top:3px}
.otto-hsearch{display:flex;gap:8px}
.otto-hsearch label{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:0 12px;margin:0;color:var(--d-muted)}
.otto-hsearch input{flex:1;min-width:0;border:0;outline:0;height:50px;font-size:16px;color:var(--d-ink);background:transparent}
.otto-hsearch .otto-d-btn{flex:none;min-height:50px}
.otto-hsearch-live{margin-top:8px;background:#fff;color:var(--d-ink);border-radius:12px;max-height:min(60vh,440px);overflow-y:auto;padding:6px 0;box-shadow:0 10px 30px rgba(0,0,0,.3)}.otto-hsearch-live .rm-livesearch-list-item{display:flex;align-items:center;gap:12px;margin:0!important;padding:8px 14px!important;border-bottom:1px solid var(--d-line,#eceef1)}.otto-hsearch-live .rm-livesearch-list-item-image{flex:none;width:52px;margin:0!important}.otto-hsearch-live .rm-livesearch-list-item-image img{width:52px;height:52px;object-fit:contain;mix-blend-mode:multiply}.otto-hsearch-live .rm-livesearch-list-item-info{min-width:0;font-size:12.5px;color:var(--d-muted)}.otto-hsearch-live .rm-livesearch-list-item-name a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--d-ink)!important;text-decoration:none}.otto-hsearch-live .rm-price{font-weight:800;color:var(--d-ink);font-size:14px}.otto-hsearch-live .rm-livesearch-list-item-model-sku{display:inline;margin-right:8px}.otto-hsearch-live .in-stock{color:#1a8f4a;font-weight:600}.otto-hsearch-live .in-stock:before{content:"✓ "}.otto-hsearch-live .out-of-stock{color:var(--d-muted)}.otto-hsearch-live .us-livesearch-list-mm{padding:14px 16px!important;min-height:0!important;font-weight:600}.otto-hsearch-live .rm-livesearch-list{padding:0!important;margin:0!important;max-height:none!important;overflow:visible!important}.otto-hsearch-live .rm-livesearch-list-item-info>*{margin:2px 0 0!important;padding:0!important}.otto-hsearch-live .rm-livesearch-list-item-info>:first-child{margin-top:0!important}.otto-hsearch-all{display:block;padding:12px 14px 8px;font-weight:700;color:var(--d-red)!important}.otto-hsearch-hint{margin:8px 0 0;font-size:12.5px;color:#9aa0a9}
.otto-hsearch-hint b{color:#d5d8dd;font-weight:600}
.otto-home-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}
.otto-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 14px;flex-wrap:wrap}
.otto-steps li{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--d-muted);background:var(--d-bg);border-radius:999px;padding:4px 12px 4px 4px}
.otto-steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;font:800 12px 'Manrope',sans-serif;box-shadow:inset 0 0 0 1px var(--d-line)}
.otto-steps li.is-on{background:var(--d-red);color:#fff}
.otto-steps li.is-on b{background:#fff;color:var(--d-red);box-shadow:none}
.otto-makes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.otto-make{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:1px solid var(--d-line);border-radius:12px;font-size:12.5px;font-weight:600;color:var(--d-ink)!important;text-decoration:none!important;text-align:center}
.otto-make:hover{border-color:var(--d-graphite)}
.otto-make-logo{width:48px;height:48px;display:grid;place-items:center}
.otto-make-logo img{max-width:100%;max-height:100%;object-fit:contain}
.otto-allmakes{margin-top:10px}
.otto-allmakes summary{list-style:none;width:100%;cursor:pointer}
.otto-allmakes summary::-webkit-details-marker{display:none}
.otto-allmakes ul{list-style:none;padding:12px 0 0;margin:0;columns:2;column-gap:12px;font-size:14px}
.otto-allmakes li{break-inside:avoid;padding:5px 0}
.otto-allmakes a{color:var(--d-ink)}
.otto-help-top{display:flex;gap:12px}
.otto-help-icon{flex:none;width:40px;height:40px;border-radius:10px;background:var(--d-bg);display:grid;place-items:center;color:var(--d-graphite)}
.otto-help h3{font-size:16px;font-weight:800;margin:0 0 4px}
.otto-help p{font-size:14px;color:var(--d-muted);margin:0}
.otto-help-btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.otto-help-btns .otto-d-btn{flex:1;min-width:0;min-height:44px;font-size:15px}
.otto-btn-tg{background:#229ed9;color:#fff!important}
.otto-btn-vb{background:#7360f2;color:#fff!important}
.otto-band{background:var(--d-graphite);color:#fff;border-radius:16px;padding:22px 0 20px;margin-top:16px}
.otto-band>.otto-kicker,.otto-band>h2,.otto-band>.otto-band-lead{padding:0 18px}
.otto-band .otto-kicker{color:#ff5a6e}
.otto-band h2{color:#fff;margin-top:8px}
.otto-band-lead{color:#b9bec6;font-size:14px;line-height:1.5;margin:8px 0 14px}
.otto-lines{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 18px 4px;scrollbar-width:none}
.otto-lines::-webkit-scrollbar{display:none}
.otto-line{flex:0 0 62%;max-width:260px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#2f333a;color:#fff!important;text-decoration:none!important}
.otto-line-img{aspect-ratio:4/3;overflow:hidden;background:#1b1d21}
.otto-line-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.otto-line.is-product .otto-line-img{background:#e9ebee}
.otto-line.is-product .otto-line-img img{object-fit:contain;padding:10px;mix-blend-mode:multiply}
.otto-line:hover .otto-line-img img{transform:scale(1.04)}
.otto-line-bd{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;flex:1}
.otto-line-kind{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9aa0a9}
.otto-line-name{font:800 20px/1.1 'Manrope',sans-serif}
.otto-line-name i{font-style:normal;color:#ff3b52}
.otto-line-text{font-size:13px;line-height:1.4;color:#c9cdd3;flex:1}
.otto-line-go{font-size:13px;font-weight:700;color:#fff;margin-top:6px}
.otto-sec{margin-top:22px}
.otto-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.otto-cats{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.otto-cat{display:flex;align-items:center;gap:14px;padding:12px;color:var(--d-ink)!important;text-decoration:none!important}
.otto-cat:hover{border-color:var(--d-graphite)}
.otto-cat-img{flex:none;width:80px;height:80px;border-radius:10px;background:var(--d-bg);display:grid;place-items:center;overflow:hidden}
.otto-cat-img img{max-width:100%;max-height:100%;mix-blend-mode:multiply}
.otto-cat-bd{display:flex;flex-direction:column;gap:3px;min-width:0}
.otto-cat-bd b{font:800 16px/1.2 'Manrope',sans-serif}
.otto-cat-bd small{font-size:13px;color:var(--d-muted)}
.otto-cat-from{font:800 15px 'Manrope',sans-serif;color:var(--d-red);margin-top:2px}
.otto-why{list-style:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.otto-why li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--d-muted);line-height:1.4}
.otto-why b{display:block;color:var(--d-ink);font:800 15px/1.25 'Manrope',sans-serif;margin-bottom:2px}
.otto-why-n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--d-red);color:#fff;display:grid;place-items:center;font:800 13px 'Manrope',sans-serif}
.otto-pmakes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.otto-pmake{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--d-line);border-radius:12px;padding:10px 12px;font-weight:600;font-size:14px;color:var(--d-ink)!important;text-decoration:none!important}
.otto-pmake img{width:32px;height:32px;object-fit:contain}
.otto-pmake:hover{border-color:var(--d-graphite)}
.otto-terms-contacts{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.otto-terms-contacts .otto-d-terms{grid-template-columns:minmax(0,1fr)}
.otto-contacts{background:var(--d-graphite);color:#fff;border-radius:16px;padding:20px 18px}
.otto-contacts h2{color:#fff;margin:8px 0 12px}
.otto-contacts .otto-kicker{color:#b9bec6}
.otto-contacts ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.otto-contacts li b{display:block;font-weight:600;font-size:15px;color:#fff}
.otto-contacts li small{display:block;font-size:12.5px;color:#9aa0a9;margin-top:2px}
.otto-contacts a{color:#fff!important}
.otto-home-seo{margin-top:22px}
.otto-home-seo-txt{max-height:150px;overflow:hidden;position:relative;font-size:14px;line-height:1.6;color:var(--d-muted)}
.otto-home-seo-txt:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.otto-home-seo-txt.is-open{max-height:none}
.otto-home-seo-txt.is-open:after{display:none}
.otto-home-seo-txt h2,.otto-home-seo-txt h3{font-size:17px;color:var(--d-ink);margin:12px 0 6px}
.otto-home-seo-txt img{max-width:100%;height:auto}
@media (min-width:768px){
  .otto-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .otto-pmakes{grid-template-columns:repeat(4,minmax(0,1fr))}
  .otto-why{grid-template-columns:repeat(2,minmax(0,1fr))}
  .otto-makes{grid-template-columns:repeat(8,minmax(0,1fr))}
  .otto-allmakes ul{columns:4}
  .otto-line{flex-basis:240px}
}
@media (min-width:992px){
  .otto-home{padding-top:20px}
  .otto-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:420px}
  .otto-hero-photo{order:2;aspect-ratio:auto}
  .otto-hero-photo:after{background:linear-gradient(90deg,var(--d-graphite),rgba(36,39,44,0) 35%)}
  .otto-hero-txt{padding:40px 8px 40px 40px;align-self:center}
  .otto-hero-h1{font-size:38px!important}
  .otto-hero-lead{font-size:16px}
  .otto-home-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .otto-band{padding:32px 0 28px}
  .otto-band>.otto-kicker,.otto-band>h2,.otto-band>.otto-band-lead,.otto-lines{padding-left:32px;padding-right:32px}
  .otto-home h2{font-size:26px}
  .otto-lines{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}
  .otto-line{max-width:none}
  .otto-terms-contacts{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .otto-terms-contacts .otto-d-terms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .otto-why{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.otto-home-more{margin-top:10px;background:none;border:0;padding:6px 0;font:700 14px 'Manrope',sans-serif;color:var(--d-red);cursor:pointer}
footer .rm-footer-mobile-inner{border-color:rgba(255,255,255,.12)!important}
footer .rm-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:10px}
footer .rm-footer-phones-link{color:#ff5a6e!important}
@media (max-width:991px){body.otto-has-tabbar footer .rm-footer-catalog-btn{display:none}}
/* «Мій гараж» (макет C): плашка «Моє авто», чип у шапці телефона, картка на головній, шторка гаража */
.otto-mycar{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;margin:0 0 12px;background:var(--d-ok-bg);border-radius:14px}
.otto-mycar-i{flex:none;width:36px;height:36px;border-radius:10px;background:var(--d-ok);color:#fff;display:grid;place-items:center}
.otto-mycar-t{flex:1;min-width:0;font-size:13px;line-height:1.25;font-weight:700;color:var(--d-ok)}
.otto-mycar-t b{display:block;font-family:'Manrope','Inter',sans-serif;font-size:15px;font-weight:800;color:var(--d-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.otto-mycar-btn{flex:none;min-height:44px;padding:0 14px;border:0;border-radius:10px;background:#fff;color:var(--d-ink);font-weight:800;font-size:13px;cursor:pointer}
.otto-mycar-btn:hover{color:var(--d-red)}
.otto-carchip{display:flex;flex-direction:column;align-items:flex-start;max-width:118px;padding:0;border:0;background:none;text-align:left;cursor:pointer;text-transform:none;letter-spacing:0}
.otto-carchip small{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--d-ok);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.otto-carchip b{font-size:12.5px;font-weight:800;color:var(--d-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.otto-garage-hero{position:relative;overflow:hidden;margin:0 0 12px;padding:18px 16px 16px;border-radius:16px;background:linear-gradient(135deg,#2f333a 0%,var(--d-graphite) 100%);color:#fff}
.otto-garage-hero[hidden]{display:none}
.otto-gh-lab{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9fe3b7}
.otto-garage-hero h2{margin:8px 0 0;max-width:60%;font:800 22px/1.15 'Manrope','Inter',sans-serif;color:#fff}
.otto-garage-hero p{margin:6px 0 0;max-width:60%;font-size:13px;color:#c9cdd3}
.otto-garage-hero img{position:absolute;right:-8px;top:34px;width:44%;max-width:260px;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}
.otto-gh-acts{position:relative;display:flex;gap:8px;margin-top:16px}
.otto-gh-acts .otto-d-btn{flex:1}
.otto-gh-change{background:rgba(255,255,255,.12)!important;color:#fff!important;border:0!important}
.otto-gs{position:fixed;inset:0;z-index:2000;display:none;align-items:flex-end;justify-content:center;background:rgba(15,17,20,.5)}
.otto-gs.is-on{display:flex}
body.otto-gs-open{overflow:hidden}
.otto-gs-in{width:100%;max-width:520px;max-height:85vh;overflow-y:auto;background:#fff;border-radius:18px 18px 0 0;padding:6px 16px calc(16px + env(safe-area-inset-bottom))}
.otto-gs-h{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font:800 19px/1.2 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-gs-h button,.otto-gs-del{width:40px;height:40px;border:0;border-radius:10px;background:var(--d-bg);font-size:22px;line-height:1;color:var(--d-muted);cursor:pointer}
.otto-gs-car{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:10px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--d-line)}
.otto-gs-car.is-on{box-shadow:inset 0 0 0 2px var(--d-ok)}
.otto-gs-car a{flex:1;min-width:0;display:flex;align-items:center;gap:12px;color:var(--d-ink)!important;text-decoration:none!important}
.otto-gs-car img,.otto-gs-noimg{flex:none;width:84px;height:30px;object-fit:contain;display:grid;place-items:center;color:var(--d-muted)}
.otto-gs-car span{min-width:0;display:flex;flex-direction:column}
.otto-gs-car b{font-size:14.5px;font-weight:800;line-height:1.25}
.otto-gs-car small{font-size:12px;color:var(--d-muted)}
.otto-gs-car em{font-style:normal;font-size:12px;font-weight:700;color:var(--d-ok);margin-top:2px}
.otto-gs-empty{margin:4px 0 12px;color:var(--d-muted);font-size:14px}
.otto-gs-ft{display:flex;flex-direction:column;gap:8px;margin-top:12px}
@media (min-width:768px){.otto-gs{align-items:center}.otto-gs-in{border-radius:18px;padding-bottom:18px}.otto-garage-hero{padding:24px 28px}.otto-garage-hero h2{font-size:26px}.otto-gh-acts{max-width:420px}}
.otto-d-fit{display:flex;align-items:center;gap:10px;margin:10px 0 4px;padding:10px 10px 10px 12px;border-radius:12px;font-size:13.5px;line-height:1.3;font-weight:600}
.otto-d-fit[hidden]{display:none}
.otto-d-fit.is-yes{background:var(--d-ok-bg);color:var(--d-ok)}
.otto-d-fit.is-no{background:#fff5e6;color:#8a5300}
.otto-d-fit-i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}
.otto-d-fit.is-yes .otto-d-fit-i{background:var(--d-ok)}
.otto-d-fit.is-no .otto-d-fit-i{background:#d98a00}
.otto-d-fit>span:nth-child(2){flex:1;min-width:0}
.otto-d-fit b{color:var(--d-ink);font-weight:800}
.otto-d-fit small{display:block;margin-top:3px;font-size:12.5px}
.otto-d-fit small a{color:inherit!important;font-weight:700;text-decoration:underline}
.otto-d-fit button{flex:none;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:#fff;color:var(--d-ink);font-weight:800;font-size:12.5px;cursor:pointer}
/* Крок 5 (ПК): ліва колонка категорій — своя на моделі й модифікації, фільтри OCFilter карткою */
@media (min-width:992px){
.otto-dc #column-left{padding-right:16px}
.otto-dc-side{position:sticky;top:16px;padding:14px;max-height:calc(100vh - 32px);overflow-y:auto}
.otto-dc-side-car{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--d-line);color:var(--d-ink)!important;text-decoration:none!important}
.otto-dc-side-car img{width:100%;height:auto;mix-blend-mode:multiply;margin-bottom:6px}
.otto-dc-side-car b{font:800 17px/1.2 'Manrope','Inter',sans-serif}
.otto-dc-side-car small{font-size:12.5px;color:var(--d-muted)}
.otto-dc-side-h{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--d-muted);margin:2px 0 6px}
.otto-dc-side ul{list-style:none;margin:0;padding:0}
.otto-dc-side li a{display:block;padding:8px 10px;border-radius:9px;font-size:14px;font-weight:600;color:var(--d-ink)!important;text-decoration:none!important}
.otto-dc-side li a:hover{background:var(--d-bg)}
.otto-dc-side li a.is-on{background:var(--d-graphite);color:#fff!important}
.otto-dc-side-all{display:block;margin-top:10px;padding-top:10px;border-top:1px solid var(--d-line);font-size:13.5px;font-weight:700;color:var(--d-red)!important}
.otto-dc #column-left .rm-column-box{background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--d-line);padding:14px 14px 6px;height:auto!important}
.otto-dc #column-left .ocf-filter{padding:10px 0;border-bottom:1px solid #f0f1f4}
.otto-dc #column-left .ocf-filter:last-child{border-bottom:0}
.otto-dc #column-left .ocf-filter-name{font-weight:800;font-size:13.5px;color:var(--d-ink)}
.otto-dc #column-left .ocf-value-name{font-size:13.5px;color:var(--d-ink)}
.otto-dc #column-left .ocf-value-count{font-size:11.5px;color:var(--d-muted);background:var(--d-bg);border-radius:6px}
.otto-dc .otto-dc-chip--f{display:none}
}
/* Крок 5 (ПК): «Моє авто» у верхній смузі, іконка телефона в шапці, без дубля фото моделі */
.otto-topcar{align-items:center;gap:6px;max-width:100%;height:28px;margin-top:6px;padding:0 10px;border:0;border-radius:999px;background:var(--d-ok-bg);color:var(--d-ok);font-size:12.5px;cursor:pointer;white-space:nowrap}.otto-topcar span{min-width:0;overflow:hidden;text-overflow:ellipsis}.otto-topcar b{color:var(--d-ink);font-weight:700}.otto-topcar i{font-style:normal;font-weight:700;text-decoration:underline;flex:none}.otto-topcar:hover i{color:var(--d-red)}@media (min-width:992px){.rm-header-address.otto-hide-lg{display:none!important}}.rm-header-phones-icon{width:42px!important;height:42px;flex:none;border-radius:12px;background:var(--d-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23d2001e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2'/%3E%3C/svg%3E") center/20px no-repeat;margin-right:10px}
.rm-header-phones-icon img{display:none}
@media (min-width:992px){.otto-dc-side-col~#content .otto-dc-carimg{display:none}}
/* Крок 5: сторінка пошуку теми otto */
.otto-ds-form{padding:12px;margin-bottom:12px}
.otto-ds-row{display:flex;gap:8px}
.otto-ds-q{flex:1;min-width:0;display:flex;align-items:center;gap:8px;margin:0;padding:0 12px;border-radius:12px;background:var(--d-bg);color:var(--d-muted)}
.otto-ds-q input{flex:1;min-width:0;height:48px;border:0;outline:0;background:transparent;font-size:16px;color:var(--d-ink)}
.otto-ds-row .otto-d-btn{flex:none;min-height:48px}
.otto-ds-adv{margin-top:8px}
.otto-ds-adv summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--d-muted)}
.otto-ds-adv-b{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px;font-size:13.5px}
.otto-ds-adv-b select{min-width:0;max-width:100%;height:40px;padding:0 10px;border:1px solid var(--d-line);border-radius:10px;background:#fff}
.otto-ds-adv-b label{display:flex;align-items:center;gap:6px;margin:0}
.otto-ds-cars{margin:0 0 14px}
.otto-ds-cars h2{margin:0 0 8px;font:800 16px/1.2 'Manrope','Inter',sans-serif}
.otto-ds .otto-dc-pr-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Крок 6: хлібні крихти (усі сторінки) — без «/», шеврони, домівка іконкою, на телефоні прокрутка в рядок */
.rm-breadcrumb.breadcrumb{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;scrollbar-width:none;margin:14px 0 6px;padding:0;background:none;border-radius:0;font-size:12.5px;line-height:1.4;white-space:nowrap}
.rm-breadcrumb.breadcrumb::-webkit-scrollbar{display:none}
.rm-breadcrumb .rm-breadcrumb-item{display:inline-flex;align-items:center;flex:none;padding:0!important;color:var(--d-muted)}
.rm-breadcrumb .rm-breadcrumb-item+.rm-breadcrumb-item::before{content:""!important;float:none;flex:none;width:6px;height:6px;margin:0 9px 0 7px;padding:0!important;border-top:1.5px solid #b3b8c0;border-right:1.5px solid #b3b8c0;transform:rotate(45deg)}
.rm-breadcrumb .rm-breadcrumb-item a{display:inline-flex;align-items:center;min-height:28px;color:var(--d-ink)!important;font-weight:600;text-decoration:none!important}
.rm-breadcrumb .rm-breadcrumb-item a:hover{color:var(--d-red)!important}
.rm-breadcrumb .rm-breadcrumb-item:first-child a{width:28px;height:28px;justify-content:center;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--d-line)}
.rm-breadcrumb .rm-breadcrumb-item .fa-home{font-size:13px;color:var(--d-graphite)}
.rm-breadcrumb .rm-breadcrumb-item:last-child:not(:first-child){display:block;min-width:0;max-width:70vw;overflow:hidden;text-overflow:ellipsis;color:var(--d-muted)}
@media (min-width:992px){.rm-breadcrumb.breadcrumb{margin:18px 0 8px;font-size:13px}.rm-breadcrumb .rm-breadcrumb-item:last-child:not(:first-child){max-width:520px}}

/* Крок 6: інші сторінки теми oct_remarket (інформація, контакти, блог, кабінет, порівняння, 404, успішне замовлення) — лише CSS */
.rm-page-title h1,.rm-page-title{font:800 26px/1.15 'Manrope','Inter',sans-serif;color:var(--d-ink);letter-spacing:-.01em;margin:4px 0 14px}
@media (min-width:992px){.rm-page-title h1,.rm-page-title{font-size:32px;margin-bottom:18px}}
.rm-content:not(.otto-d *){background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--d-line);padding:18px 16px;color:var(--d-ink);font-size:15px;line-height:1.6}
@media (min-width:768px){.rm-content:not(.otto-d *){padding:26px 30px}}
.rm-content:not(.otto-d *) h2,.rm-content:not(.otto-d *) h3,.rm-content:not(.otto-d *) h4{font-family:'Manrope','Inter',sans-serif!important;font-weight:800!important;color:var(--d-ink)!important;line-height:1.25;margin:22px 0 10px}
.rm-content:not(.otto-d *) h2{font-size:21px!important}.rm-content:not(.otto-d *) h3{font-size:19px!important}.rm-content:not(.otto-d *) h4{font-size:16.5px!important}
.rm-content:not(.otto-d *)>h2:first-child,.rm-content:not(.otto-d *)>h3:first-child,.rm-content:not(.otto-d *)>h4:first-child{margin-top:0}
.rm-content:not(.otto-d *) p,.rm-content:not(.otto-d *) li{font-size:15px;line-height:1.6;color:#2b2f36}
.rm-content:not(.otto-d *) ul,.rm-content:not(.otto-d *) ol{padding-left:20px}
.rm-content:not(.otto-d *) li{margin:4px 0}
.rm-content:not(.otto-d *) li::marker{color:var(--d-red)}
.rm-content:not(.otto-d *) a:not(.rm-btn):not(.otto-d-btn){color:var(--d-red);text-decoration:underline;text-underline-offset:2px}
.rm-content:not(.otto-d *) img{max-width:100%;height:auto;border-radius:12px}
.rm-content:not(.otto-d *) table{width:100%;border-collapse:collapse;font-size:14px}
.rm-content:not(.otto-d *) table td,.rm-content:not(.otto-d *) table th{padding:8px 10px;border-bottom:1px solid var(--d-line)}
.rm-content:not(.otto-d *) hr{border:0;border-top:1px solid var(--d-line);margin:20px 0}

/* форми й кнопки */
.rm-content:not(.otto-d *) .form-control,.account-container .form-control,.rm-content:not(.otto-d *) select{height:48px;border:1px solid var(--d-line);border-radius:10px;background:#fff;font-size:16px;color:var(--d-ink);padding:0 14px;box-shadow:none}
.rm-content:not(.otto-d *) textarea.form-control{height:auto;min-height:110px;padding:12px 14px}
.rm-content:not(.otto-d *) .form-control:focus,.account-container .form-control:focus{border-color:var(--d-graphite);outline:none;box-shadow:none}
.rm-content:not(.otto-d *) label,.rm-content:not(.otto-d *) .rm-control-label,.rm-content:not(.otto-d *) .control-label{font-size:13.5px;font-weight:700;color:var(--d-ink)}
.rm-content:not(.otto-d *) .required::before,.rm-content:not(.otto-d *) .required>label::before{color:var(--d-red)}
.rm-content:not(.otto-d *) .rm-btn,.account-container .rm-btn.dark,.rm-content:not(.otto-d *) .btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:12px;background:var(--d-red)!important;color:#fff!important;font:700 15px 'Manrope','Inter',sans-serif;text-decoration:none!important}
.rm-content:not(.otto-d *) .rm-btn:hover,.account-container .rm-btn.dark:hover{background:var(--d-red-dark)!important}
.rm-content:not(.otto-d *) .rm-btn.light,.rm-content:not(.otto-d *) .btn-default{background:#fff!important;color:var(--d-ink)!important;box-shadow:inset 0 0 0 1.5px var(--d-line)}
/* кабінет: вхід, реєстрація, бокове меню */
.rm-account-login-title{font:800 20px/1.2 'Manrope','Inter',sans-serif!important;text-transform:none!important;text-align:left!important;letter-spacing:0!important;margin-bottom:12px!important}
.rm-account-login-form,.rm-account-login-register{padding:4px 0}
.account-container .rm-column-box{background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--d-line);overflow:hidden}
.account-container .rm-column-title{font:800 15px/1.2 'Manrope','Inter',sans-serif;text-transform:none;letter-spacing:0;background:none;padding:16px 16px 6px;text-align:left}
.rm-account-list-item a,.rm-account-link{padding:11px 16px!important;color:var(--d-ink)!important;font-weight:600;font-size:14.5px;border-top:1px solid #f0f1f4}
.rm-account-link:hover{color:var(--d-red)!important}
/* блог: список статей і стаття */
.rm-blog-categories-item,.rm-news-item{background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--d-line);overflow:hidden;height:100%}
.rm-blog-categories-item-image>a>img,.rm-news-item-photo img{width:100%;border-radius:0;aspect-ratio:4/3;object-fit:cover}
.rm-blog-categories-item-text{padding:12px 16px 16px}
.rm-blog-categories-item-text a,.rm-news-item-title a,.rm-news-item-title{font:800 17px/1.3 'Manrope','Inter',sans-serif!important;color:var(--d-ink)!important;text-decoration:none!important}
.rm-blog-categories-item-text a:hover,.rm-news-item-title a:hover{color:var(--d-red)!important}
.rm-blog-categories-item-text p,.rm-news-item-text{font-size:13.5px;line-height:1.5;color:var(--d-muted)}
.rm-blog-categories-item-info,.rm-news-item-date{font-size:12px;color:var(--d-muted)}
.rm-blog-categories-item-info{position:static!important;background:none!important;padding:0 0 6px!important;color:var(--d-muted)!important}
.rm-blog-categories-item-info *{color:var(--d-muted)!important}
.rm-news-item-bottom{padding:12px 16px 16px}
.rm-blog-post-photo img{width:100%;border-radius:14px}
.rm-blog-post-info{gap:6px 16px;margin:12px 0;font-size:12.5px;color:var(--d-muted)}
.rm-blog-post-text h2,.rm-blog-post-text h3{font-family:'Manrope','Inter',sans-serif!important;color:var(--d-ink)!important;text-align:left!important}
.rm-blog-post-text span,.rm-blog-post-text p{font-family:inherit!important}
.rm-module-header,.rm-module-header h2,.rm-module-header .rm-module-title{font:800 21px/1.2 'Manrope','Inter',sans-serif;color:var(--d-ink);text-transform:none}
.rm-product-tags a{display:inline-flex;margin:0 6px 6px 0;padding:6px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--d-line);color:var(--d-ink)!important;font-size:13px;text-decoration:none!important}
.rm-module-column-box{background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--d-line);padding:14px}
/* контакти */

.rm-contact-location-title,.rm-contact-location-store-title,.rm-social-title{font:800 16px/1.3 'Manrope','Inter',sans-serif!important;color:var(--d-ink)!important;text-transform:none!important;letter-spacing:0!important}
.rm-contact-location-phone a{font-weight:800;color:var(--d-ink)!important;text-decoration:none!important;font-size:17px}
.rm-content .mapiframe,.rm-content iframe{border-radius:14px;overflow:hidden;max-width:100%}
.rm-social-item a{border-radius:12px!important}
/* карта сайту */
#information-sitemap .rm-content ul{list-style:none;padding-left:0}
#information-sitemap .rm-content ul ul{padding-left:16px;border-left:2px solid #f0f1f4;margin:4px 0 8px 4px}
#information-sitemap .rm-content li{margin:2px 0}
#information-sitemap .rm-content a{color:var(--d-ink)!important;text-decoration:none!important;font-weight:600}
#information-sitemap .rm-content a:hover{color:var(--d-red)!important}
#information-sitemap .rm-content>.row>div>ul>li>a{font:800 16px 'Manrope','Inter',sans-serif}
/* 404 */
.rm-404-content .rm-content{max-width:640px;margin:0 auto 24px}
.rm-404-content-title{font-size:28px!important}
.rm-404-content-image img{max-width:280px;opacity:.85}
@media (max-width:991px){.container:not(.otto-d):has(>nav[aria-label="breadcrumb"]),#error-not-found{padding-left:12px!important;padding-right:12px!important}}
.rm-breadcrumb .rm-breadcrumb-item:first-child a{display:inline-flex!important;flex:none;width:28px!important;min-width:28px;height:28px!important;padding:0!important}
.rm-breadcrumb .rm-breadcrumb-item:first-child::after{display:none!important}
.rm-breadcrumb .rm-breadcrumb-item:last-child:not(:first-child){display:inline-block!important}
.rm-breadcrumb .rm-breadcrumb-item:last-child:not(:first-child)::before{display:inline-block;vertical-align:1px}
.rm-breadcrumb.breadcrumb{padding:2px 1px!important;min-height:32px}
.rm-breadcrumb .rm-breadcrumb-item .fa-home,.rm-breadcrumb .rm-breadcrumb-item:first-child a{color:var(--d-graphite)!important}
.rm-breadcrumb .rm-breadcrumb-item:first-child a:hover .fa-home{color:var(--d-red)!important}
.rm-breadcrumb .fa-home:after{width:15px!important;height:15px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%2324272c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7v9a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center/15px no-repeat!important}
.rm-breadcrumb .rm-breadcrumb-item:first-child{min-width:28px;margin-right:3px}
.rm-column-title{font:800 15px/1.2 "Manrope","Inter",sans-serif!important;text-transform:none!important;letter-spacing:0!important;background:none!important;color:var(--d-ink)!important;text-align:left!important;padding:4px 2px 10px!important}
/* «Деталь + модель» теми otto: картка моделі, «Підходить для», питання */
.otto-pm-car{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;margin-bottom:14px}
.otto-pm-car-img{display:flex;justify-content:center;padding:2px 0 8px;border-bottom:1px solid #f0f1f4;margin-bottom:6px}
.otto-pm-car-img img{width:100%;max-width:300px;height:auto;mix-blend-mode:multiply}
.otto-pm-car-name{font:800 19px/1.2 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-pm-car-years{font-size:13px;color:var(--d-muted)}
.otto-pm-car-sum{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--d-ink)}
.otto-pm-car-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.otto-pm .otto-pm-mods{font-size:12.5px;color:var(--d-muted);line-height:1.45;margin-top:2px}
.otto-pm .otto-pm-mods a{color:var(--d-ink)!important;text-decoration:underline;text-decoration-color:#c9cdd3}
.otto-pm-faq{margin-top:16px;padding:6px 16px}
.otto-pm-faq details{border-bottom:1px solid #f0f1f4;padding:12px 0}
.otto-pm-faq details:last-child{border-bottom:0}
.otto-pm-faq summary{cursor:pointer;font:800 15.5px/1.35 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-pm-faq p{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:#2b2f36}
@media (min-width:768px){.otto-pm-car{flex-direction:row;align-items:center;gap:24px;padding:18px 24px}.otto-pm-car-img{flex:none;width:300px;border-bottom:0;margin:0;padding:0}.otto-pm-car-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.otto-pm-car-name{font-size:22px}}

/* Правки 12.10 (власник): відступи, контакти, блог, підвал, кнопка */
.rm-content:not(.otto-d *) .rm-btn,.account-container .rm-btn.dark{display:inline-flex!important;align-items:center;justify-content:center;line-height:1.2}
/* блог: дата й перегляди — дрібним рядком під фото */
.rm-blog-categories-item-info{display:flex!important;gap:14px;padding:10px 16px 0!important;font-size:12px}
.rm-blog-categories-item-info>div{display:inline-flex;align-items:center;gap:5px}
.rm-blog-categories-item-info img{width:14px!important;height:14px!important;object-fit:contain;opacity:.55;border-radius:0!important}
.rm-blog-categories-item-text{padding-top:6px}
.rm-blog-row{row-gap:16px}
.rm-blog-row-item{margin-bottom:0!important}
@media (min-width:992px){.rm-blog-row-item{flex:0 0 33.333%;max-width:33.333%}}
/* Списки статей блогу на ПК — 4 в ряд, як «Рекомендовані статті» на картці товару */
@media (min-width:1200px){.rm-blog-row-item{flex:0 0 25%;max-width:25%}}
/* контакти: фото, дані й карта однією карткою */
.rm-contact-location{background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--d-line);overflow:hidden;margin-bottom:16px}
.rm-contact-location img{width:100%;height:100%;object-fit:cover;border-radius:0}
.rm-contact-location-info{padding:18px 20px}
.rm-contact-location .mapiframe{display:block;width:100%!important;height:100%;min-height:320px!important;border:0!important;opacity:1!important}
.rm-contact-location-address{margin:6px 0 14px;color:var(--d-muted)}
/* підвал: рівні колонки з відступами, сертифікат зрозумілою карткою */
footer .rm-footer-mobile-inner{padding:20px 22px!important}
@media (min-width:992px){
footer .rm-footer .container>.row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin:0}
footer .rm-footer .container>.row>[class*="col-"]{max-width:none;flex:none;padding:0}
footer .rm-footer .container>.row>[class*="col-"]>.rm-footer-mobile-inner{height:100%}
footer .rm-footer-links-list{columns:2;column-gap:16px}
footer .rm-footer-links-list li{break-inside:avoid;margin-bottom:6px}
}
footer .otto-footer-cert{display:flex!important;align-items:center;gap:14px!important;margin:0 0 18px!important;padding:12px!important;border-radius:12px;background:rgba(255,255,255,.06);text-align:left!important;text-decoration:none!important}
footer .otto-footer-cert img{flex:0 0 46px!important;width:46px!important;height:64px!important;object-fit:cover;border-radius:6px;background:#fff;padding:3px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
footer .otto-footer-cert>span{font-size:13px!important;line-height:1.4!important;color:#c9cdd3}
footer .otto-footer-cert>span>span{display:inline-block;margin-top:4px;color:#fff;font-weight:700;text-decoration:underline}
footer .otto-footer-cert:hover>span>span{color:#ff8a98}
footer .rm-footer-title{margin-top:14px}
footer .rm-footer-mobile-inner>.rm-footer-title:first-child,footer .otto-footer-cert+.rm-footer-title{margin-top:0}
.rm-content:not(.otto-d *) video{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:12px;background:#000}
#information-contact .offset-lg-3{margin-left:0;flex:0 0 100%;max-width:100%}
/* Єдиний ритм відступів (12.10, власник: «блоки сильно щільно»): картки 12–16 px, розділи 24–28 px; на ПК більше */
.otto-dc-plist{gap:12px}
.otto-d-block{margin-top:16px}
.otto-home-grid{gap:16px;margin-top:16px}
.otto-band{margin-top:24px}
.otto-sec{margin-top:28px}
.otto-dc-nodes{gap:12px;margin-bottom:16px}
.otto-mycar{margin-bottom:16px}
.otto-dc-car{margin-bottom:16px}
.otto-dc-fbar{margin-top:4px}
.otto-dc-grp-h{margin:24px 2px 12px}
.otto-dc-group:first-of-type .otto-dc-grp-h{margin-top:16px}
.otto-dc-help,.otto-dc-bymodels,.otto-dc-text,.otto-dc-seo,.otto-dc-nothing{margin-top:20px}
.otto-dc-picker+.otto-d-card,.otto-dc-picker+section{margin-top:16px}
.otto-pm-car,.otto-ds-form{margin-bottom:16px}
.otto-d-fit{margin:14px 0 8px}
.otto-garage-hero{margin-bottom:16px}
.rm-content:not(.otto-d *)+.rm-content:not(.otto-d *),.account-container .rm-column-box{margin-top:16px}
@media (min-width:992px){
.otto-dc-plist{gap:14px}
.otto-d-block{margin-top:20px}
.otto-home-grid{gap:20px;margin-top:20px}
.otto-band{margin-top:32px}
.otto-sec{margin-top:40px}
.otto-dc-nodes{gap:16px}
.account-container .rm-column-box{margin-top:0}
}
/* Плитка статей блогу (картка товару, стаття): проміжки між картками; на телефоні — прокрутка вбік замість 8 карток поспіль */
.row:has(>.rm-news-col){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.row:has(>.rm-news-col)>.rm-news-col{max-width:none;flex:none;padding:0;margin:0}
.rm-news-item{display:flex;flex-direction:column}
.rm-news-item-top{position:relative}
.rm-news-item-title{display:block;padding:12px 16px 0}
.rm-news-item-text{padding:0 16px}
.rm-news-item-date{position:absolute;top:10px;right:10px;z-index:1;padding:3px 8px;border-radius:8px;background:rgba(36,39,44,.8)!important;color:#fff!important;font-size:11.5px}
@media (min-width:768px) and (max-width:1199px){.row:has(>.rm-news-col){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
.row:has(>.rm-news-col){display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 6px}
.row:has(>.rm-news-col)::-webkit-scrollbar{display:none}
.row:has(>.rm-news-col)>.rm-news-col{flex:0 0 78%;scroll-snap-align:start}
}
@media (max-width:767px){.row:has(>.rm-news-col){flex-wrap:nowrap!important}}
.account-container .rm-column-title{padding:16px 16px 10px!important;font-size:16px!important}
.account-container .rm-account-list-item:first-child .rm-account-link{border-top:1px solid #f0f1f4}
.account-container .rm-account-list{margin:0;padding-bottom:6px}
@media (min-width:992px){.account-container #column-right{padding-left:20px}.account-container #column-left{padding-right:20px}}
/* Меню «Обрати гальма» на ПК — панель «Підбір за авто» (otto-menu-2.js, extension/module/otto_menu) */
@media (min-width:992px){
#rm-menu.otto-mm-on{border-radius:0 0 16px 16px;box-shadow:0 18px 40px rgba(15,17,20,.18);background:#fff;padding:0}
#rm-menu.otto-mm-on>nav{display:none}
.otto-mm{display:flex;flex-direction:column;width:100%;height:min(620px,calc(100vh - 190px))}
.otto-mm-top{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--d-line)}
.otto-mm-q{flex:1;min-width:0;display:flex;align-items:center;gap:8px;margin:0;padding:0 12px;height:44px;border-radius:12px;background:var(--d-bg);color:var(--d-muted)}
.otto-mm-q input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:var(--d-ink)}
.otto-mm-car{flex:none;display:flex;flex-direction:column;justify-content:center;max-width:360px;height:44px;padding:0 14px;border-radius:12px;background:var(--d-ok-bg);text-decoration:none!important;line-height:1.2}
.otto-mm-car[hidden]{display:none}
.otto-mm-car small{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--d-ok)}
.otto-mm-car b{font-size:13.5px;color:var(--d-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.otto-mm-car span{display:none}
.otto-mm-body{flex:1;min-height:0;display:grid;grid-template-columns:250px minmax(0,1fr)}
.otto-mm-makes{overflow-y:auto;padding:8px 8px 16px;border-right:1px solid var(--d-line);scrollbar-width:thin}
.otto-mm-makes ul{list-style:none;margin:0 0 6px;padding:0}
.otto-mm-makes li[hidden]{display:none}
.otto-mm-makes a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;font-size:14px;font-weight:600;color:var(--d-ink)!important;text-decoration:none!important}
.otto-mm-makes a img,.otto-mm-makes a i{flex:none;width:24px;height:24px;object-fit:contain}
.otto-mm-makes a:hover,.otto-mm-makes a.is-on{background:var(--d-bg)}
.otto-mm-makes a.is-on{box-shadow:inset 3px 0 0 var(--d-red)}
.otto-mm-h{display:flex;justify-content:space-between;margin:12px 10px 6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--d-muted)}
.otto-mm-main{min-width:0;overflow-y:auto;padding:16px 22px 22px;scrollbar-width:thin}
.otto-mm-main>[hidden]{display:none}
.otto-mm-main .otto-mm-h{margin:18px 0 8px}
.otto-mm-pick b{display:block;font:800 20px/1.2 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-mm-pick p{margin:4px 0 0;font-size:14px;color:var(--d-muted)}
.otto-mm-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
.otto-mm-logos a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--d-line);font-size:13px;font-weight:700;color:var(--d-ink)!important;text-decoration:none!important}
.otto-mm-logos a:hover{box-shadow:inset 0 0 0 1.5px var(--d-graphite)}
.otto-mm-logos img{width:40px;height:40px;object-fit:contain}
.otto-mm-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.otto-mm-cats a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--d-line);text-decoration:none!important}
.otto-mm-cats a:hover{box-shadow:inset 0 0 0 1.5px var(--d-graphite)}
.otto-mm-cats img{flex:none;width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply}
.otto-mm-cats b{display:block;font-size:14px;color:var(--d-ink)}
.otto-mm-cats small{font-size:13px;font-weight:800;color:var(--d-red)}
.otto-mm-help{display:flex;align-items:center;gap:8px;margin-top:18px;padding:12px 14px;border-radius:12px;background:var(--d-bg)}
.otto-mm-help span{flex:1;min-width:0;font-size:13px;color:var(--d-muted)}
.otto-mm-help span b{display:block;font-size:14px;color:var(--d-ink)}
.otto-mm-help a{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--d-line);font-size:13px;font-weight:700;color:var(--d-ink)!important;text-decoration:none!important}
.otto-mm-mh{display:flex;align-items:baseline;gap:10px}
.otto-mm-mh b{font:800 22px/1.2 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-mm-mh span{font-size:13px;color:var(--d-muted)}
.otto-mm-mh a{margin-left:auto;font-size:13.5px;font-weight:700;color:var(--d-red)!important}
.otto-mm-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.otto-mm-tiles a{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--d-line);text-decoration:none!important}
.otto-mm-tiles a:hover{box-shadow:inset 0 0 0 1.5px var(--d-graphite)}
.otto-mm-tiles img{grid-row:1/3;width:84px;height:30px;object-fit:contain;mix-blend-mode:multiply}
.otto-mm-tiles b{font-size:14.5px;color:var(--d-ink);align-self:end}
.otto-mm-tiles small{font-size:12px;color:var(--d-muted);align-self:start}
.otto-mm-list,.otto-mm-found-list{list-style:none;margin:0;padding:0;columns:3;column-gap:20px}
.otto-mm-list li,.otto-mm-found-list li{break-inside:avoid}
.otto-mm-list a,.otto-mm-found-list a{display:block;padding:5px 0;font-size:14px;font-weight:600;color:var(--d-ink)!important;text-decoration:none!important}
.otto-mm-list a:hover,.otto-mm-found-list a:hover{color:var(--d-red)!important}
.otto-mm-list small{font-weight:500;color:var(--d-muted)}
.otto-mm-found-list{columns:2}
.otto-mm-wait{margin:8px 0;color:var(--d-muted)}
}
@media (min-width:992px) and (max-width:1199px){.otto-mm-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.otto-mm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.otto-mm-list{columns:2}.otto-mm-cats{grid-template-columns:1fr}}
@media (min-width:992px){.otto-mm-h[hidden]{display:none}}
/* otto (12.10): картка товару ближче до макета D — фото й опис зліва, покупка й картки справа; вкладок немає. */
#product-product .otto-d-grid{display:flex;flex-direction:column;gap:12px}
#product-product .otto-d-col{display:contents}
#product-product .otto-d-grid .otto-d-block{margin:0}
.otto-o1{order:1}.otto-o2{order:2}.otto-o3{order:3}.otto-o4{order:4}.otto-o5{order:5}.otto-o6{order:6}.otto-o7{order:7}.otto-o8{order:8}.otto-o9{order:9}.otto-o10{order:10}.otto-o11{order:11}.otto-o12{order:12}
#product-product .otto-d-block h2{font-size:17px;font-weight:800;margin:0 0 12px}
/* gallery */
#product-product .otto-d-gallery{position:relative;padding:8px 8px 12px}
.otto-d-fav{position:absolute;left:14px;top:14px;z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(20,22,26,.12);display:grid;place-items:center;color:var(--d-graphite);cursor:pointer}
.otto-d-fav:hover{color:var(--d-red)}
.otto-d-gcnt{position:absolute;right:14px;top:14px;z-index:5;background:rgba(28,31,36,.72);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;font-variant-numeric:tabular-nums}
#product-product .otto-d-gallery .rm-module-stickers{top:66px;left:14px}
#product-product .rm-product-images-additional{display:none!important}
#product-product .rm-product-images-main .slick-dots{position:static;display:flex!important;justify-content:center;gap:6px;margin:8px 0 0;padding:0;list-style:none}
#product-product .rm-product-images-main .slick-dots li{width:auto;height:auto;margin:0}
#product-product .rm-product-images-main .slick-dots button{display:block;width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#d3d6db;font-size:0;transition:width .2s}
#product-product .rm-product-images-main .slick-dots button:before{display:none}
#product-product .rm-product-images-main .slick-dots .slick-active button{width:22px;background:var(--d-red)}
.otto-d-gorig{display:flex;align-items:center;gap:6px;width:max-content;margin:8px 0 0 6px;padding:4px 10px;border-radius:999px;background:var(--d-ok-bg);color:var(--d-ok);font-size:12px;font-weight:700}
/* info */
#product-product .otto-d-info{padding:16px}
#product-product .otto-d-info>.otto-d-fit{margin:0 0 12px}
#product-product .otto-d-art{margin:0 0 4px}
#product-product .otto-d-art-num{font-size:30px;font-weight:800;line-height:1.05;letter-spacing:.005em}
#product-product .otto-d-art .otto-d-icon-btn{width:44px;height:44px;border:0;border-radius:10px;background:var(--d-bg)}
#product-product .otto-d-meta{margin:0 0 14px}
.otto-d-tag--ok{background:var(--d-ok-bg);color:var(--d-ok);gap:4px}
.otto-d-tag--warn{background:var(--d-warn-bg);color:var(--d-warn)}
#product-product .otto-d-prow{align-items:flex-end}
#product-product .otto-d-price{font-size:30px;font-weight:800}
#product-product .otto-d-pack{padding:10px 12px;border-radius:10px;background:#fff}
.otto-d-stk{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:14px;line-height:1.35;color:var(--d-graphite)}
.otto-d-stk>span:last-child{min-width:0}
.otto-d-stk b{display:block;font-weight:700;color:var(--d-ink)}
.otto-d-stk-n{display:block;font-size:13px;color:var(--d-muted);margin-top:2px}
.otto-d-stk-i{flex:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--d-bg);color:var(--d-graphite)}
.otto-d-stk--dnipro .otto-d-stk-i,.otto-d-stk--partners .otto-d-stk-i{background:var(--d-ok-bg);color:var(--d-ok)}
.otto-d-stk--dnipro b,.otto-d-stk--partners b{color:var(--d-ok)}
.otto-d-stk--out .otto-d-stk-i{background:var(--d-warn-bg);color:var(--d-warn)}
.otto-d-btn--block{display:flex;width:100%}
.otto-d-stk-btn{margin-top:12px}
.otto-d-btn--ghost{background:var(--d-bg);border-color:var(--d-bg);color:var(--d-ink)}
.otto-d-btn--ghost:hover,.otto-d-btn--ghost.is-on{background:#e8eaee}
#product-product .otto-d-actions{display:flex!important}
/* specs */
#product-product .otto-d-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
#product-product .otto-d-spec{padding:10px 12px;border-radius:10px;background:var(--d-bg)}
#product-product .otto-d-spec small{display:block;font-size:12px;color:var(--d-muted)}
#product-product .otto-d-spec b{font:800 15px/1.3 'Manrope','Inter',sans-serif;color:var(--d-ink)}
details.otto-d-more{margin-top:8px}
details.otto-d-more>summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:44px;color:var(--d-red);font-weight:700;cursor:pointer}
details.otto-d-more>summary::-webkit-details-marker{display:none}
details.otto-d-more[open]>summary svg{transform:rotate(180deg)}
.otto-d-kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef0f3;font-size:14px}
.otto-d-kv span{color:var(--d-muted)}.otto-d-kv b{text-align:right;font-weight:600;color:var(--d-ink)}
.otto-d-kv-h{margin:12px 0 2px;font-weight:700;font-size:14px}
/* OE */
.otto-d-oe{display:flex;flex-wrap:wrap;gap:8px}
.otto-d-oe button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:var(--d-bg);color:var(--d-ink);font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;cursor:pointer}
.otto-d-oe button:hover,.otto-d-oe button.is-copied{color:var(--d-red)}
/* fits */
.otto-d-cars{list-style:none;margin:0;padding:0}
.otto-d-cars li{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eef0f3;font-size:14px}
.otto-d-cars li>svg{flex:none;color:var(--d-ok)}
.otto-d-cars li a{color:var(--d-ink)!important;text-decoration:none!important}
.otto-d-cars li a:hover{color:var(--d-red)!important}
.otto-d-cars li small{color:var(--d-muted);font-size:13px;white-space:nowrap}
.otto-d-cars li.is-mine a{font-weight:700}
.otto-d-cars li .otto-d-tag{margin-left:auto;flex:none}
.otto-d-cars-more{margin-top:0}
.otto-d-bymodel{margin-top:14px;font-size:13px;color:var(--d-muted)}
.otto-d-bymodel .otto-d-chips{margin-top:6px}
.otto-d-bymodel .otto-d-fits-own{margin:10px 0 0;font-size:14px}
/* terms, VIN, reviews, description, extra */
#product-product .otto-d-terms{grid-template-columns:minmax(0,1fr)}
#product-product .otto-vin-help{border:1px solid var(--d-line);background:#fff}
.otto-d-rvw{display:flex;align-items:center;gap:16px}
.otto-d-rvw-big{font:800 40px/1 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-d-rvw .otto-d-stars i{font-size:18px}
.otto-d-rvw small{display:block;font-size:13px;color:var(--d-muted);margin-top:2px}
.otto-d-rv-acts{display:flex;gap:8px;margin-top:12px}
.otto-d-rv-acts .otto-d-btn{flex:1}
.otto-d-rv-list{margin-top:12px}
#product-product .otto-d-rv-list .rm-review-item,#product-product .otto-d-rv-list>div{max-width:100%}
.otto-d-desc .rm-product-tabs-description{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
details.otto-d-x>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
details.otto-d-x>summary::-webkit-details-marker{display:none}
details.otto-d-x>summary h2{margin:0!important}
details.otto-d-x[open]>summary{margin-bottom:12px}
details.otto-d-x[open]>summary svg{transform:rotate(180deg)}
.otto-d-x .rm-product-tabs-description{padding:0!important;border:0!important;box-shadow:none!important}
.otto-d-faq .tab-pane{display:block!important;opacity:1!important;padding:0!important;border:0!important;box-shadow:none!important}
/* bottom bar on all widths (as in D) */
#product-product{padding-bottom:84px}
@media (min-width:992px){
  #product-product .otto-d-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
  #product-product .otto-d-col{display:flex;flex-direction:column;gap:12px;min-width:0}
  #product-product .otto-d-col>*{order:0}
  #product-product .otto-d-gallery .rm-product-slide img{max-height:440px;width:auto;margin:0 auto}
  #product-product .otto-d-art-num{font-size:32px}
  #product-product .otto-d-bar{padding-left:max(16px,calc((100% - 1290px)/2));padding-right:max(16px,calc((100% - 1290px)/2))}
  #product-product .otto-d-bar .otto-d-btn{min-height:48px;padding:0 22px}
}
.otto-d-cars{padding:0!important;margin:0!important}.otto-d-cars li{margin:0!important;list-style:none}
#product-product .otto-d-stk.otto-stock,#product-product .otto-d-stk.rm-module-stock{background:none!important;padding:0!important;height:auto!important;border:0!important}
#product-product .otto-d-gallery .rm-product-images-main,#product-product .otto-d-gallery .slick-list,#product-product .otto-d-gallery .rm-product-slide{background:transparent!important}
#product-product .otto-d-faq .rm-btn.dark{border-radius:10px;background:var(--d-graphite)}
.otto-btn-wa{background:#25d366;color:#fff!important}#product-product .otto-vin-help{padding:16px}#product-product .otto-vin-help h3{color:var(--d-ink)}
/* otto (12.10): характеристики — решта плиток тим самим виглядом */
#product-product .otto-d-specs-rest{margin-top:8px}
#product-product .otto-d-specs-rest[hidden]{display:none}
.otto-d-morebtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;padding:0;border:0;background:none;color:var(--d-red);font-weight:700;font-size:15px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.otto-d-morebtn[aria-expanded="true"] svg{transform:rotate(180deg)}
/* парні диски */
.otto-d-pairline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 6px;font-size:14px;color:var(--d-muted)}
.otto-d-pairline a{font-weight:700;color:var(--d-ink)!important;text-decoration:underline!important;text-underline-offset:3px}
.otto-d-pairline a:hover{color:var(--d-red)!important}
.otto-d-pairpick{display:grid;gap:8px;margin-top:12px}
.otto-d-pp{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border:1.5px solid var(--d-line);border-radius:10px;background:#fff;cursor:pointer;font-weight:400}
.otto-d-pp.on{border-color:var(--d-red);box-shadow:0 0 0 3px rgba(210,0,30,.08)}
.otto-d-pp.is-off{cursor:default;opacity:.75}
.otto-d-pp input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--d-red)}
.otto-d-pp span{flex:1;min-width:0}
.otto-d-pp b{display:block;font-size:14px;font-weight:700;color:var(--d-ink)}
.otto-d-pp small{display:block;font-size:12.5px;color:var(--d-muted);margin-top:2px}
.otto-d-pp small a{color:var(--d-warn)!important;text-decoration:underline!important}
.otto-d-pp em{flex:none;font:800 16px/1.2 'Manrope','Inter',sans-serif;font-style:normal;color:var(--d-ink);white-space:nowrap}
.otto-dcart-pair{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--d-warn-bg);color:var(--d-warn);font-size:13.5px;font-weight:600}
.otto-dcart-pair span{flex:1;min-width:180px}
/* відгуки: список оцінок */
.otto-rv-list{list-style:none;margin:0;padding:0!important}
.otto-rv{display:flex;gap:12px;padding:12px 0;border-top:1px solid #eef0f3;margin:0!important}
.otto-rv-ava{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--d-bg);color:var(--d-graphite);font-weight:800;font-size:15px}
.otto-rv-b{flex:1;min-width:0}
.otto-rv-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.otto-rv-h b{font-size:14px;font-weight:700;color:var(--d-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.otto-rv-h .otto-d-stars i{font-size:14px}
.otto-rv-b small{display:block;font-size:12.5px;color:var(--d-muted)}
.otto-rv-b p{margin:6px 0 0;font-size:14px;line-height:1.5;color:#2b2f36}
.otto-rv-reply{margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--d-bg);font-size:13.5px}
.otto-rv-reply p{margin:4px 0 0}
.otto-rv-pag{margin-top:8px}
.otto-rv-pag .pagination{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.otto-rv-pag .page-link{border-radius:8px!important;min-width:36px;text-align:center}
/* форма відгуку */
.otto-rvm .modal-dialog{max-width:480px}
.otto-rvm .modal-content{border:0;border-radius:16px;padding:0;overflow:hidden;font-family:'Inter',system-ui,sans-serif}
.otto-rvm-h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--d-line)}
.otto-rvm-h b{font:800 18px/1.2 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-rvm-x{width:40px;height:40px;border:0;border-radius:10px;background:var(--d-bg);font-size:22px;line-height:1;cursor:pointer;color:var(--d-graphite)}
.otto-rvm-f{display:flex;flex-direction:column;padding:16px 20px 20px}
.otto-rvm-p{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--d-bg);font-size:13.5px;line-height:1.35;color:var(--d-graphite)}
.otto-rvm-p img{flex:none;width:56px;height:56px;object-fit:contain;border-radius:8px;background:#fff}
.otto-rvm-p b{display:block;font:800 15px/1.2 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-rvm-l{display:block;margin:14px 0 6px;font-size:13.5px;font-weight:600;color:var(--d-graphite)}
.otto-rvm-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.otto-rvm-stars label{margin:0;cursor:pointer}
.otto-rvm-stars input{position:absolute;opacity:0;pointer-events:none}
.otto-rvm-stars span{font-size:34px;line-height:1;color:#d5d8de;transition:color .1s}
.otto-rvm-stars label:hover span,.otto-rvm-stars label:hover~label span,.otto-rvm-stars label:has(input:checked) span,.otto-rvm-stars label:has(input:checked)~label span{color:#f5b301}
.otto-rvm-stars:hover label:has(~label:hover) span{color:#d5d8de}
.otto-rvm-stars input:focus-visible+span{outline:2px solid var(--d-red);border-radius:4px}
.otto-rvm-in{width:100%;min-height:48px;padding:12px 14px;border:1px solid #c9ced6;border-radius:10px;font-size:16px;background:#fff;color:var(--d-ink)}
textarea.otto-rvm-in{min-height:110px;resize:vertical}
.otto-rvm-in:focus{outline:0;border-color:var(--d-graphite);box-shadow:0 0 0 3px rgba(36,39,44,.08)}
.otto-rvm-in.error_style{border-color:var(--d-red)}
.otto-rvm-note{margin:10px 0 0;font-size:12.5px;color:var(--d-muted)}
.otto-rvm-cap{margin-top:12px}
.otto-rvm-f #button-review{margin-top:16px}
@media (max-width:575.98px){.otto-rvm .modal-dialog{margin:0;max-width:none;min-height:100%;align-items:flex-end}.otto-rvm .modal-content{border-radius:16px 16px 0 0}}
/* комплект на вісь (макет D) */
/* повідомити про надходження */
.otto-d-stk-btn+.otto-d-stk-btn{margin-top:8px}
.otto-d-btn svg{flex:none}
.otto-notify-lead{margin:0 0 12px;font-size:14px;color:var(--d-muted)}
.otto-d-bar .otto-d-bar-bell{width:48px;padding:0!important}
#product-product .otto-vin-help .otto-help-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#product-product .otto-vin-help .otto-help-btns a{min-width:0;padding:0 10px;text-decoration:none!important;border-bottom:0!important}
#product-product .otto-vin-help .otto-help-btns .otto-d-btn--out{color:var(--d-ink)!important}
/* парні диски: підказка в спливному кошику теми й на оформленні Simple */
.otto-cpair-w{display:grid;gap:8px;margin:10px 0}
.otto-cpair{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border-radius:10px;background:#fff4e0;color:#9a5b00;font-size:13.5px;font-weight:600;line-height:1.35;text-align:left}
.otto-cpair span{flex:1;min-width:180px}
.otto-cpair button{flex:none;height:34px;padding:0 14px;border:1.5px solid #d2001e;border-radius:9px;background:#fff;color:#d2001e;font-weight:700;font-size:13.5px;cursor:pointer}
.otto-cpair button:hover{background:#d2001e;color:#fff}
.otto-cpair button:disabled{opacity:.6;cursor:default}
/* оформлення: після «Купити комплект» — підказка біля поля VIN */
.otto-kit-vin-hint{margin-top:6px;padding:8px 10px;border-radius:8px;background:#fff4e0;color:#9a5b00;font-size:13px;font-weight:600;line-height:1.4}
/* комплект на вісь — макет D (малює otto-d JS) */
#product-product .otto-d-kit{padding:16px;border:0;box-shadow:inset 0 0 0 2px var(--d-red),0 1px 3px rgba(20,22,26,.06)}
.otto-kit-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.otto-kit-badge,.otto-kit-car{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 10px;border-radius:6px;font-size:12.5px;font-weight:700;line-height:1.2}
.otto-kit-badge{background:var(--d-red);color:#fff}
.otto-kit-car{background:var(--d-ok-bg);color:var(--d-ok)}
#product-product .otto-kit-h2{margin:10px 0 0;font:800 17px/1.3 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-d-kit .num{white-space:nowrap;font-variant-numeric:tabular-nums}
.otto-kit-parts{display:flex;align-items:center;gap:8px;margin-top:14px}
.otto-kit-pt{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:var(--d-bg)}
.otto-kit-im{position:relative;flex:none;width:52px;height:52px;border-radius:8px;background:#fff;display:grid;place-items:center}
.otto-kit-im img{width:46px;height:46px;object-fit:contain;mix-blend-mode:multiply}
.otto-kit-im i{position:absolute;top:-6px;right:-6px;padding:2px 6px;border-radius:999px;background:var(--d-graphite);color:#fff;font:800 11px/1.2 'Inter',sans-serif;font-style:normal}
.otto-kit-pt b{display:block;font:800 13px/1.2 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-kit-pt small{display:block;margin-top:2px;font-size:11.5px;line-height:1.25;color:var(--d-muted)}
.otto-kit-plus{flex:none;width:24px;height:24px;border-radius:50%;background:var(--d-red);color:#fff;display:grid;place-items:center;font-weight:800;line-height:1}
.otto-kit-ol{margin:16px 0 8px;font:800 11px/1 'Manrope','Inter',sans-serif;color:var(--d-muted);text-transform:uppercase;letter-spacing:.08em}
.otto-kit-opts{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px}
.otto-kit-opts::-webkit-scrollbar{display:none}
.otto-kit-opts.is-off{opacity:.5}
.otto-kit-o{flex:none;min-height:52px;max-width:200px;padding:6px 12px;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #d5d8dd;text-align:left;line-height:1.25;cursor:pointer;color:var(--d-ink)}
.otto-kit-o b{display:block;font:800 13px/1.25 'Manrope','Inter',sans-serif}
.otto-kit-o small{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--d-muted);white-space:nowrap}
.otto-kit-o small.ok{color:var(--d-ok)}
.otto-kit-o small.warn{color:var(--d-warn)}
.otto-kit-o.on{box-shadow:inset 0 0 0 2px var(--d-graphite);background:#f1f2f4}
.otto-kit-det{display:flex;gap:10px;margin-top:10px;padding:10px;border-radius:10px;background:var(--d-bg);font-size:12.5px;line-height:1.4}
.otto-kit-det>img{flex:none;width:56px;height:56px;object-fit:contain;border-radius:8px;background:#fff;mix-blend-mode:multiply}
.otto-kit-det>div{flex:1;min-width:0}
.otto-kit-det-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.otto-kit-det-h b{font:800 14px/1.2 'Manrope','Inter',sans-serif;color:var(--d-ink)}
.otto-kit-det-h .otto-d-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;font-size:11px}
.otto-kit-det small{display:block;color:var(--d-muted);font-size:12.5px}
.otto-kit-specs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.otto-kit-specs i{font-style:normal;font-size:11.5px;line-height:1.3;padding:2px 7px;border-radius:6px;background:#fff;color:var(--d-graphite)}
.otto-kit-det-st{margin-top:6px;font-weight:600;color:var(--d-ok)}
.otto-kit-det-st--germany{color:var(--d-warn)}
.otto-kit-det-miss{margin-top:4px;color:var(--d-warn)}
.otto-kit-det-ok{display:flex;align-items:center;gap:4px;margin-top:4px;color:var(--d-ok)}
.otto-kit-det a{display:inline-block;margin-top:6px;color:var(--d-ink)!important;font-weight:600;text-decoration:underline!important;text-underline-offset:2px}
.otto-kit-tog{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:14px;font-weight:600;color:var(--d-ink);cursor:pointer}
.otto-kit-tog input{width:20px;height:20px;margin:0;accent-color:var(--d-graphite)}
.otto-kit-calc{display:grid;gap:4px;margin-top:14px;padding-top:12px;border-top:1px dashed #cdd1d6;font-size:13px}
.otto-kit-calc div{display:flex;justify-content:space-between;gap:8px}
.otto-kit-calc span{color:var(--d-muted)}
.otto-kit-calc em{font-style:normal;color:var(--d-warn)}
.otto-kit-calc b{white-space:nowrap;color:var(--d-ink)}
.otto-kit-tot{display:flex;align-items:center;gap:12px;margin-top:12px}
.otto-kit-tot>div{flex:1;min-width:0}
.otto-kit-tot small{display:block;font-size:12.5px;color:var(--d-muted)}
.otto-kit-tot b{display:block;font:800 24px/1.15 'Manrope','Inter',sans-serif;color:var(--d-ink);white-space:nowrap}
.otto-kit-tot .otto-d-btn{flex:none;min-height:50px;padding:0 20px}
.otto-d-btn--dark{background:var(--d-graphite);border-color:var(--d-graphite);color:#fff}
.otto-kit-st{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--d-ok)}
.otto-kit-st.is-warn{color:var(--d-warn)}
.otto-kit-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.otto-kit-fit{display:flex;gap:6px;margin-top:6px;font-size:12.5px;line-height:1.4;color:var(--d-muted)}
.otto-kit-fit svg{flex:none;margin-top:2px}
.otto-kit-fit.is-ok{color:var(--d-ok)}
.otto-kit-fit.is-no{margin-top:10px;padding:10px;border-radius:10px;background:var(--d-warn-bg);color:var(--d-warn)}
.otto-kit-fit.is-no b{display:block}
.otto-kit-link{padding:0;border:0;background:none;color:var(--d-ink);font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-size:inherit}
.otto-kit-note{display:flex;gap:6px;margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--d-muted)}
.otto-kit-note svg{flex:none;margin-top:2px}
.otto-kit-cfg{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;padding:0;border:0;background:none;color:var(--d-ink);font-weight:700;font-size:14px;cursor:pointer}
.otto-kit-cfg[aria-expanded="true"] svg{transform:rotate(180deg)}
@media (max-width:575.98px){#product-product .otto-d-kit{padding:14px}.otto-kit-opts{margin:0 -14px;padding:2px 14px 4px}.otto-kit-pt{gap:8px;padding:7px}.otto-kit-im{width:44px;height:44px}.otto-kit-im img{width:40px;height:40px}.otto-kit-tot b{font-size:22px}.otto-kit-tot .otto-d-btn{padding:0 14px}}
/* кошик: рядки комплекту разом під заголовком */
.otto-kit-h{display:flex;align-items:center;gap:6px;margin:10px 0 0;padding:8px 12px;border-radius:10px 10px 0 0;background:#24272c;color:#fff;font-size:13px;font-weight:700;text-align:left}
.otto-kit-h span{flex:1;min-width:0}
.otto-kit-h b{white-space:nowrap}
.otto-kit-row{box-shadow:inset 3px 0 0 #24272c}
.otto-kit-tr td{padding:8px 0 0!important;border:0!important}
.otto-kit-tr .otto-kit-h{margin:0}
.otto-dcart-list .otto-kit-h{margin-top:4px}
#product-product .otto-d-kit .otto-kit-h2{margin:10px 0 0!important}
#product-product .otto-d-kit .otto-kit-note{margin:6px 0 0!important}
.otto-kit-calc div,.otto-kit-fit,.otto-kit-st{line-height:1.35}
.otto-kit-calc div>span{min-width:0}
/* варіанти комплекту — сіткою в кілька рядів усередині блоку */
.otto-kit-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;overflow:visible;margin:0!important;padding:0!important}
.otto-kit-o{max-width:none;min-width:0}
.otto-kit-o small{white-space:normal}
@media (max-width:575.98px){.otto-kit-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.otto-kit-det-n{margin-top:4px;color:var(--d-muted)}
/* otto (12.10): картка в зонах — фото | покупка; комплект на всю ширину; «що це за деталь» | «чи підійде й як отримати» */
#product-product .otto-d-wide{display:contents}
.otto-d-tshort{list-style:none;margin:14px 0 0!important;padding:12px 0 0!important;border-top:1px solid var(--d-line);display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}
.otto-d-tshort li{margin:0!important;display:flex;align-items:center;gap:6px}
.otto-d-tshort li::before{content:'';width:12px;height:7px;border-left:2px solid var(--d-ok);border-bottom:2px solid var(--d-ok);transform:rotate(-45deg) translateY(-2px);flex:none}
.otto-d-tshort a{color:var(--d-ink)!important;text-decoration:none;border-bottom:1px dashed var(--d-line)}
.otto-d-tshort a:hover{border-bottom-color:var(--d-ink)}
#product-product .otto-d-faq>summary small{font-size:14px;color:var(--d-muted);font-weight:600}
@media (min-width:992px){
  #product-product .otto-d-wide{grid-column:1/-1;display:flex;flex-direction:column;gap:12px;min-width:0}
  #product-product .otto-d-wide>*{order:0}
}
@media (min-width:992px){
  .otto-kit-cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;align-items:start;margin-top:14px}
  .otto-kit-main>.otto-kit-parts:first-child{margin-top:0}
  .otto-kit-side{padding:14px 16px;border-radius:12px;background:var(--d-bg)}
  .otto-kit-side>.otto-kit-calc:first-child{margin-top:0;padding-top:0;border-top:0}
  .otto-kit-side .otto-kit-tot{flex-wrap:wrap;justify-content:space-between}
}
@media (min-width:992px){.otto-d-wide .otto-d-alt-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.otto-d-wide .otto-d-alt{margin:0!important}}
/* otto (12.10): «Купити» в блоці з ціною; нижня панель — лише коли ця кнопка поза екраном */
.otto-d-bar{transition:transform .2s ease}
.otto-d-bar.is-off{transform:translateY(calc(100% + 90px));pointer-events:none}
#product-product .otto-d-actions{margin-top:12px}
@media (min-width:992px){
  .otto-kit-side{position:sticky;top:16px}
  #product-product .otto-d-wide--end .otto-d-terms{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* Картка товару: посилання на інструкцію з монтажу серії (розділ блогу «Інструкції з монтажу») */
#product-product a.otto-d-manual{display:flex;align-items:center;gap:14px;text-decoration:none!important;color:var(--d-ink)!important}
.otto-d-manual>svg:first-child{flex:0 0 auto;color:var(--d-red)}
.otto-d-manual span{display:flex;flex-direction:column;gap:2px;flex:1}
.otto-d-manual b{font:800 16px/1.3 'Manrope','Inter',sans-serif}
.otto-d-manual small{font-size:13px;color:var(--d-muted)}
.otto-d-manual-go{color:var(--d-muted)}
#product-product a.otto-d-manual:hover b{color:var(--d-red)}

/* otto-d-67 (13.10.2026, ревізія перемикання — REDESIGN_SWITCH_AUDIT.md): правки перед перемиканням (66 не вийшов — Cloudflare закешував чернетку) */
/* картка: «Порівняти» — друга кругла кнопка під «В обране» */
.otto-d-cmp{top:66px}
/* «Знайшли дешевше?» під кнопками покупки */
.otto-d-cheaper{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:0;border:0;background:none;color:var(--d-graphite);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.otto-d-cheaper:hover{color:var(--d-red)}
/* бренд у рядку міток картки */
a.otto-d-tag--brand{text-decoration:none}
a.otto-d-tag--brand:hover{color:var(--d-red)}
/* кнопки покупки переносяться на вузьких екранах (пари: «Купити пару» + «Швидке замовлення» давали горизонтальну прокрутку) */
.otto-d-actions{flex-wrap:wrap}
.otto-d-actions>.otto-d-btn{flex:1 1 150px;min-width:0}
/* телефон: старий відступ картки з main.css (.body-product{padding-top:50px} до 419 px) давав порожню смугу під шапкою */
@media (max-width:419px){html.body-product,body.body-product{padding-top:0}}
/* шапка телефона: на 380–399 px підпис наїжджав на кнопку дзвінка */
@media (max-width:399.98px){.otto-mnav-cap{display:none}}
/* OCFilter: у темі є своя кнопка «Фільтри»; стара бокова вкладка перекривала текст списку */
.ocf-btn-mobile-fixed{display:none!important}
/* сповіщення «додано в кошик» — під шапкою телефона, а не поверх кошика (all.css теми до 575 px ставить top:15px!important — тому body …) */
@media (max-width:991.98px){body .alert-block{top:64px!important}}
/* нижня панель покупки: підпис «за пару: лівий + правий» переноситься, а не ховається під кнопку */
@media (max-width:575.98px){.otto-d-bar-price small{white-space:normal;line-height:1.25}}
/* якорі картки («Умови», відгуки, VIN…) не ховаються під шапку при прокрутці з посилань */
.otto-d [id]{scroll-margin-top:84px}
@media (min-width:992px){.otto-d [id]{scroll-margin-top:140px}}

/* otto-d-68 (13.10, план 0.9.1): стан «в обраному» на сердечку — раніше іконка лишалася порожньою
   і клієнт не бачив, що товар додано; плюс коротка підказка поруч, без стрибка сторінки вгору. */
.otto-d-fav.is-on{color:var(--d-red)}
.otto-d-fav.is-on svg{fill:currentColor}
.otto-d-fav[aria-busy="true"]{opacity:.55;pointer-events:none}
.otto-d-fav-tip{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);z-index:6;background:var(--d-graphite);color:#fff;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;padding:7px 10px;border-radius:8px;box-shadow:0 4px 14px rgba(20,22,26,.18);pointer-events:none}
.otto-d-fav-tip[hidden]{display:none}

/* otto-d-69 (13.10.2026, рішення власника): «Інші версії …» на сторінках моделі й модифікації */
.otto-dc-family-h{font-family:'Manrope','Inter',sans-serif;font-size:18px!important;font-weight:800!important;margin:4px 4px 12px!important}
.otto-dc-family .otto-dc-mod{flex-direction:column;gap:2px;line-height:1.2;font-size:14px}
.otto-dc-family .otto-dc-mod small{font-family:'Inter',system-ui,sans-serif;font-weight:500;font-size:12px;color:var(--d-muted)}
.otto-dc-family .otto-dc-mod:hover small{color:inherit}
.otto-dc-family .otto-dc-side-all{display:inline-block;margin-top:12px;padding-top:0;border-top:0}
.otto-dc-family .otto-dc-mods + .otto-dc-side-all{margin-top:14px}
/* «Моє авто» з підтвердженням (рішення власника 13.10): поки JS не вирішив — місце зарезервоване; не підтверджене — питання й «Так, моє» */
.otto-mycar.is-pending{visibility:hidden}
.otto-mycar .otto-mycar-yes{display:none}
.otto-mycar.is-mine .otto-mycar-yes{display:block}
.otto-mycar.is-mine .otto-mycar-ask{display:none}
.otto-mycar:not(.is-mine){background:#fff;border:1px solid var(--d-line)}
.otto-mycar:not(.is-mine) .otto-mycar-i{display:none}
.otto-mycar:not(.is-mine) .otto-mycar-t{color:var(--d-muted)}
.otto-mycar-btn.otto-mycar-ok{background:var(--d-ok);color:#fff}
.otto-mycar-btn.otto-mycar-ok:hover{color:#fff;opacity:.9}
a.otto-mycar-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important}
.otto-mycar:not(.is-mine) a.otto-mycar-btn,.otto-mycar:not(.is-mine) button.otto-mycar-btn:not(.otto-mycar-ok){background:var(--d-ok-bg)}
@media (max-width:575.98px){.otto-mycar:not(.is-mine){flex-wrap:wrap}.otto-mycar:not(.is-mine) .otto-mycar-t{flex:1 1 100%}.otto-mycar:not(.is-mine) .otto-mycar-btn{flex:1 1 0}}
/* «Усі моделі …» у блоці «Інші версії» — і на телефоні в кольорі посилання */
.otto-dc-family .otto-dc-side-all{font-size:14px;font-weight:700;color:var(--d-red)!important;text-decoration:none!important}

/* otto-d-70 (13.10.2026): живий пошук у стилі D (шапка й пошук на головній) */
.otto-livesearch-cats{display:flex;flex-direction:column;gap:2px;padding:4px 0 8px;margin-bottom:6px;border-bottom:1px solid var(--d-line)}
.otto-livesearch-cat{display:block;padding:8px 10px;border-radius:8px;font-family:'Manrope','Inter',sans-serif;font-weight:700;font-size:14px;line-height:1.3;color:var(--d-ink)!important;text-decoration:none!important}
.otto-livesearch-cat:hover{background:var(--d-ok-bg);color:var(--d-red)!important}
.otto-livesearch{display:flex;flex-direction:column;gap:2px}
.otto-livesearch-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;color:var(--d-ink)!important;text-decoration:none!important}
.otto-livesearch-item:hover{background:#f4f5f7}
.otto-livesearch-item img{flex:none;width:56px;height:56px;object-fit:contain;border-radius:8px;background:#fff}
.otto-livesearch-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.otto-livesearch-name{font-weight:700;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.otto-livesearch-item:hover .otto-livesearch-name{color:var(--d-red)}
.otto-livesearch-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px}
.otto-livesearch-price{font-family:'Manrope','Inter',sans-serif;font-weight:800;font-size:15px;color:var(--d-ink)}
.otto-livesearch-price s{margin-left:6px;font-family:'Inter',system-ui,sans-serif;font-weight:500;font-size:12px;color:var(--d-muted)}
.otto-livesearch-stock{color:var(--d-muted)}
.otto-livesearch-stock.is-on{color:var(--d-ok)}
.otto-livesearch-empty{padding:16px 12px;font-weight:600;color:var(--d-ink)}
/* otto-d-71 (13.10.2026, ревізія п. 21): заголовки карток статей (бічна колонка блогу, «Схожі статті») — до 3 рядків замість обрізаних 40 px */
.rm-news-item-title{height:auto!important;max-height:calc(3 * 1.3em + 12px);line-height:1.3!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}