/* bikemove storefront design, 2026-09-29. Presentation only; scoped to the main sales channel. */
.bm-design {
  --bm-shop-ink:#172e40; --bm-shop-muted:#526b79; --bm-shop-orange:#ff8900;
  --bm-shop-link:#007696; --bm-shop-line:#d9e6ed; --bm-shop-surface:#f1f6f8;
  --bm-shop-radius:20px; --bm-shop-shadow:0 8px 28px rgba(23,46,64,.06);
}
/* Native editorial content: neutralise pasted office/inline typography, not the content. */
.bm-design .bm-richtext { color:var(--bm-shop-ink); font:inherit; font-size:16px; line-height:1.75; overflow-wrap:anywhere; }
.bm-design .bm-richtext :is(font,span):not(.icon):not(.icon *) { font-family:inherit!important; font-size:inherit!important; color:inherit!important; background-color:transparent!important; letter-spacing:inherit!important; }
.bm-design .bm-richtext :is(p,li,td,th) { font-family:inherit!important; font-size:inherit!important; line-height:1.75!important; color:inherit!important; background-color:transparent!important; }
.bm-design .bm-richtext p { margin:0 0 1.1em!important; text-align:left!important; }
.bm-design .bm-richtext :is(h1,h2,h3,h4,.h1,.h2,.h3,.h4) { font-family:inherit!important; font-weight:800!important; line-height:1.2!important; letter-spacing:-.025em!important; text-align:left!important; color:var(--bm-shop-ink)!important; background:transparent!important; padding:0!important; overflow-wrap:anywhere; }
.bm-design .bm-richtext h1,.bm-design .bm-richtext .h1 { font-size:clamp(28px,3.2vw,44px)!important; margin:0 0 24px!important; }
.bm-design .bm-richtext h2,.bm-design .bm-richtext .h2:not(h1) { font-size:clamp(23px,2.3vw,30px)!important; margin:36px 0 16px!important; }
.bm-design .bm-richtext h3,.bm-design .bm-richtext .h3 { font-size:21px!important; margin:28px 0 12px!important; }
.bm-design .bm-richtext h4 { font-size:18px!important; margin:24px 0 10px!important; }
.bm-design .bm-richtext :is(h1,h2,h3,h4):first-child { margin-top:0!important; }
.bm-design .bm-richtext :is(h1,h2,h3,h4):empty { display:none; }
.bm-design .bm-richtext :is(h1,h2,h3,h4) :is(b,strong) { font-size:inherit!important; font-weight:inherit!important; }
.bm-design .bm-richtext a:not(.btn) { color:var(--bm-shop-link)!important; text-decoration:underline; text-underline-offset:3px; font-weight:600; }
.bm-design .bm-richtext a:not(.btn):hover { text-decoration-thickness:2px; }
.bm-design .bm-richtext :is(ul,ol) { padding-left:24px!important; margin:16px 0 24px!important; }
.bm-design .bm-richtext li { padding-left:4px; margin-bottom:8px!important; }
.bm-design .bm-richtext li::marker { color:var(--bm-shop-link); font-weight:700; }
.bm-design .bm-richtext :is(img,iframe,video) { max-width:100%; }
.bm-design .bm-richtext img { height:auto; }
.bm-design .bm-richtext table { display:block; max-width:100%; overflow:auto; border-collapse:collapse; }
.bm-design .bm-richtext :is(td,th) { padding:12px 16px; border:1px solid var(--bm-shop-line); vertical-align:top; }
.bm-design .bm-richtext th { font-weight:700; }
.bm-design .bm-richtext :is(hr) { border-color:var(--bm-shop-line); opacity:1; margin:28px 0; }
.bm-design .bm-richtext > :last-child { margin-bottom:0!important; }
/* Legacy catalogue headers and lower editorial sections. */
.bm-design-catalog .content-main { background:#fff; }
.bm-design-catalog .cms-block-text .cms-block-container { padding:20px 0!important; }
.bm-design-catalog .bm-richtext--intro { padding:clamp(24px,3vw,44px); border:1px solid #263f52; border-radius:var(--bm-shop-radius); background:var(--bm-shop-ink); color:#e5eef3; }
.bm-design-catalog .bm-richtext--intro::before { content:""; display:block; width:48px; height:5px; border-radius:5px; background:var(--bm-shop-orange); margin-bottom:22px; }
.bm-design.bm-design-catalog .bm-richtext--intro :is(h1,h2,h3,h4) { color:#fff!important; }
.bm-design-catalog .bm-richtext--intro a:not(.btn) { color:#fff!important; }
.bm-design-catalog .bm-richtext--intro :is(p,ul,ol) { max-width:88ch; }
.bm-design-catalog .cms-block-text .bm-richtext:not(.bm-richtext--intro) { max-width:1040px; margin:0 auto; padding:clamp(20px,3vw,40px); border:1px solid var(--bm-shop-line); border-radius:var(--bm-shop-radius); background:var(--bm-shop-surface); }
.bm-design-catalog .cms-element-image .cms-image { border-radius:var(--bm-shop-radius); }
.bm-design-catalog .cms-section-sidebar { row-gap:24px; }
.bm-design-catalog .cms-section-sidebar-main-content { min-width:0; }
.bm-design-catalog .cms-section-sidebar-sidebar-content .cms-block-container { padding:0 12px 0 0!important; }
.bm-design-catalog .category-navigation { border:1px solid var(--bm-shop-line); border-radius:16px; padding:12px; background:var(--bm-shop-surface); }
.bm-design-catalog .category-navigation-link { color:var(--bm-shop-ink); font-size:14px; line-height:1.45; padding:10px 12px; border-radius:8px; }
.bm-design-catalog .category-navigation-link.is-active { color:var(--bm-shop-link); background:#fff; font-weight:700; }
/* Product listings and filters use the same cards on category, brand and search pages. */
.bm-design .content-main :is(.cms-element-product-listing,.bm-brands,.search-page,.cms-element-product-slider) .product-box { border:1px solid var(--bm-shop-line); border-radius:18px; background:#fff; box-shadow:none; transition:border-color .16s,box-shadow .16s; }
.bm-design .content-main :is(.cms-element-product-listing,.bm-brands,.search-page,.cms-element-product-slider) .product-box:hover { border-color:#a9c1ce; box-shadow:var(--bm-shop-shadow); }
.bm-design .content-main .product-box .product-name { color:var(--bm-shop-ink); font-size:17px; line-height:1.4; font-weight:750; }
.bm-design .content-main .product-box .product-price { color:var(--bm-shop-ink); font-weight:800; }
.bm-design .content-main .product-box .product-image-wrapper { border-radius:12px; }
.bm-design .content-main :is(.filter-panel-item-toggle,.sorting) { border:1px solid var(--bm-shop-line); border-radius:10px; min-height:44px; color:var(--bm-shop-ink); background:#fff; font-size:14px; font-weight:600; }
.bm-design .content-main .filter-panel-item-toggle:hover { background:var(--bm-shop-surface); }
.bm-design .content-main .filter-panel-item-dropdown { border-color:var(--bm-shop-line); border-radius:12px; background:#fff; }
.bm-design .content-main .filter-active { border:1px solid var(--bm-shop-line); border-radius:8px; background:var(--bm-shop-surface); color:var(--bm-shop-ink); }
.bm-design .content-main .page-link { border-color:var(--bm-shop-line); color:var(--bm-shop-ink); min-width:40px; min-height:40px; display:flex; align-items:center; justify-content:center; }
.bm-design .content-main .page-item.active .page-link { background:var(--bm-shop-ink); border-color:var(--bm-shop-ink); color:#fff; }
/* Legal and information pages: a readable document surface, original wording and links. */
.bm-design-document .content-main,.bm-design-hub .content-main { background:var(--bm-shop-surface); }
.bm-design-document .cms-block-text .cms-block-container { padding:24px 0!important; }
.bm-design-document .cms-element-text { max-width:1060px; margin:0 auto; padding:clamp(24px,4vw,56px); border:1px solid var(--bm-shop-line); border-radius:var(--bm-shop-radius); background:#fff; box-shadow:var(--bm-shop-shadow); }
.bm-design.bm-design-document .bm-richtext h1 { max-width:28ch; padding-top:24px!important; position:relative; }
.bm-design-document .bm-richtext h1::before { content:""; position:absolute; top:0; left:0; width:48px; height:5px; background:var(--bm-shop-orange); border-radius:5px; }
.bm-design-document .bm-richtext { max-width:86ch; margin-inline:auto; }
.bm-design-document .cms-element-image img { border-radius:20px; }
.bm-design-document .rhweb-testimonial { border-color:var(--bm-shop-line); border-radius:16px; color:var(--bm-shop-ink); }
.bm-design-hub .cms-element-rhweb-code .container { max-width:1180px; padding:clamp(24px,4vw,48px)!important; }
.bm-design-hub .cms-element-rhweb-code h1 { color:var(--bm-shop-ink); font-size:clamp(30px,4vw,46px); line-height:1.12; font-weight:800; letter-spacing:-.025em; max-width:24ch; margin-bottom:24px; }
.bm-design-hub .cms-element-rhweb-code h1::before { content:""; display:block; width:48px; height:5px; background:var(--bm-shop-orange); border-radius:5px; margin-bottom:22px; }
.bm-design-hub .cms-element-rhweb-code p { color:var(--bm-shop-muted); font-size:17px; line-height:1.7; }
.bm-design-hub .cms-element-rhweb-code ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:0; list-style:none; margin:32px 0 0; }
.bm-design-hub .cms-element-rhweb-code li { min-width:0; }
.bm-design-hub .cms-element-rhweb-code li a { display:flex; align-items:center; justify-content:space-between; gap:20px; height:100%; min-height:100px; padding:24px; border:1px solid var(--bm-shop-line); border-radius:18px; background:#fff; color:var(--bm-shop-ink); font-size:17px; font-weight:700; line-height:1.5; text-decoration:none; box-shadow:var(--bm-shop-shadow); }
.bm-design-hub .cms-element-rhweb-code li a::after { content:"→"; color:var(--bm-shop-link); font-size:26px; flex:none; }
.bm-design-hub .cms-element-rhweb-code li a:hover { border-color:var(--bm-shop-link); }
/* Bring the existing bespoke service/guide pages onto Home's shared palette. */
.bm-design :is(.bm-ratgeber,.bm-akku,.bm-use,.bm-motor,.bm-size,.bm-tech,.bm-service-page,.bm-finance-page,.bm-leasing-page,.bm-size-page,.bm-mount-page,.bm-return-page,.bm-payment-shipping,.bmsupport,.bm-lp,.bm-outlet,.bm-filialhub,.bm-ktm-top,.bm-ktm-seo,.bm-vf) {
  --bm-blue:var(--bm-shop-link); --bm-blue-dark:#00627d; --bm-blue-soft:var(--bm-shop-surface);
  --bm-orange:var(--bm-shop-orange); --bm-orange-dark:#df7500; --bm-text:var(--bm-shop-ink);
  --bm-muted:var(--bm-shop-muted); --bm-border:var(--bm-shop-line); --bm-bg:var(--bm-shop-surface);
  --bm-light:var(--bm-shop-surface); --bm-radius:16px;
}
.bm-design :is(.bm-service-hero,.bm-finance-hero,.bm-leasing-hero,.bm-size-hero,.bm-mount-hero,.bm-return-hero,.bm-akku-hero,.bm-use-hero,.bm-motor-hero,.bm-tech-hero) { background:linear-gradient(120deg,#172e40,#223f53); border-radius:20px; }
.bm-design :is(.bm-service-hero,.bm-finance-hero,.bm-leasing-hero,.bm-size-hero,.bm-mount-hero,.bm-return-hero,.bm-akku-hero,.bm-use-hero,.bm-motor-hero,.bm-tech-hero) h1 { font-size:clamp(30px,3.7vw,48px); line-height:1.12; font-weight:800; letter-spacing:-.025em; color:#fff; }
.bm-design :is(.bm-service-hero,.bm-finance-hero,.bm-leasing-hero,.bm-size-hero,.bm-mount-hero,.bm-return-hero,.bm-akku-hero,.bm-use-hero,.bm-motor-hero,.bm-tech-hero) h1::before { content:""; display:block; width:44px; height:5px; background:var(--bm-shop-orange); border-radius:5px; margin-bottom:20px; }
.bm-design .bm-service-hero-image::before { background:linear-gradient(90deg,rgba(23,46,64,.3),transparent 40%); }
.bm-design .bmsupport-hero { border-radius:20px; border:1px solid var(--bm-shop-line); }
.bm-design .bmsupport-hero__title { color:var(--bm-shop-ink); font-weight:800; }
.bm-design .bmsupport-hero__title span.bmsupport-hero__green { color:var(--bm-shop-link); }
.bm-design .bm-leasing-hero-saving { background:var(--bm-shop-orange); box-shadow:none; }
.bm-design .bm-lp__top { background:var(--bm-shop-surface); box-shadow:none; border-color:var(--bm-shop-line); }
.bm-design .bm-lp__top h1 { color:var(--bm-shop-ink); }
.bm-design .bm-lp__top h1::before { content:""; display:block; width:44px; height:5px; border-radius:5px; background:var(--bm-shop-orange); margin-bottom:20px; }
/* Account, search and native checkout surfaces. Form actions, validation and payment UI stay native. */
.bm-design-system .content-main { background:var(--bm-shop-surface); color:var(--bm-shop-ink); }
.bm-design-system .container-main { padding-top:28px; padding-bottom:48px; }
.bm-design-system .content-main :is(h1,.account-welcome h1,.checkout-main h1) { font-size:clamp(28px,3.1vw,42px); line-height:1.15; color:var(--bm-shop-ink); font-weight:800; letter-spacing:-.025em; }
.bm-design-system .content-main :is(h2,.card-title) { color:var(--bm-shop-ink); font-weight:750; font-size:clamp(21px,2vw,26px); line-height:1.3; }
.bm-design-system .content-main .card:not(.product-box) { border:1px solid var(--bm-shop-line); border-radius:18px; background:#fff; box-shadow:none; }
.bm-design-system .content-main .card:not(.product-box) > .card-body { padding:24px; }
.bm-design-system :is(.account-aside,.checkout-aside-container) { border:1px solid var(--bm-shop-line); border-radius:18px; background:#fff; }
.bm-design-system .account-aside-item { color:var(--bm-shop-ink); font-weight:600; padding:14px 18px; }
.bm-design-system .account-aside-item.is-active { background:var(--bm-shop-surface); color:var(--bm-shop-link); border-left:3px solid var(--bm-shop-orange); }
.bm-design-system .content-main :is(.form-control,.form-select) { color:var(--bm-shop-ink); background-color:#fff; border-color:#b8ccd7; border-radius:10px; min-height:46px; font-size:16px; }
.bm-design-system .content-main .form-label { color:var(--bm-shop-ink); font-size:14px; font-weight:600; }
.bm-design-system .content-main :is(.form-control,.form-select):focus { border-color:var(--bm-shop-link); box-shadow:0 0 0 3px rgba(0,118,150,.12); }
.bm-design-system .content-main :is(.form-control,.form-select).is-invalid { border-color:#bd3544; }
.bm-design-system .content-main .btn { border-radius:10px; font-weight:700; white-space:normal; }
.bm-design-system .content-main .btn-primary { background:var(--bm-shop-orange); border-color:var(--bm-shop-orange); color:#fff!important; }
.bm-design-system .content-main .btn-primary:hover { background:#df7500; border-color:#df7500; }
.bm-design-system .content-main .btn-outline-primary { border-color:var(--bm-shop-link); color:var(--bm-shop-link); }
.bm-design-system .content-main .btn-outline-primary:hover { background:var(--bm-shop-link); color:#fff; }
.bm-design-system .content-main a:not(.btn):not(.product-image-link):not(.product-name):not(.page-link):not(.account-aside-item):not(.line-item-label) { color:var(--bm-shop-link); }
.bm-design-system .content-main :is(.alert,.checkout-summary,.checkout-add-promotion,.checkout-add-product) { border-radius:12px; }
.bm-design-system .content-main .line-item { border-color:var(--bm-shop-line); }
/* Shared footer: keep navigation, logos and responsive accordion behaviour. */
.bm-design .footer-main { background:var(--bm-shop-surface); border-top:1px solid var(--bm-shop-line); color:var(--bm-shop-ink); }
.bm-design .footer-main :is(.footer-column-headline,.footer-contact-hotline) { color:var(--bm-shop-ink)!important; font-weight:750; }
.bm-design .footer-main .footer-column-headline { font-size:17px; }
.bm-design .footer-main :is(.footer-link,.footer-service-menu-link,.footer-contact-form a) { color:var(--bm-shop-muted); }
.bm-design .footer-main :is(.footer-link,.footer-service-menu-link,.footer-contact-form a):hover { color:var(--bm-shop-link); text-decoration:underline; text-underline-offset:3px; }
.bm-design .footer-main .footer-bottom { background:#fff; border-top:1px solid var(--bm-shop-line); }
.bm-design .footer-main .footer-logo-image { max-height:34px; object-fit:contain; }
.bm-design .content-main :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--bm-shop-link); outline-offset:3px; }
@media(max-width:767px) {
  .bm-design .bm-richtext { font-size:15px; line-height:1.7; }
  .bm-design .bm-richtext h1 { margin-bottom:18px!important; }
  .bm-design-catalog .cms-block-text .cms-block-container { padding:12px 0!important; }
  .bm-design-catalog .cms-section-sidebar-sidebar-content .cms-block-container { padding:0!important; }
  .bm-design-catalog .bm-richtext--intro { padding:24px 20px; border-radius:16px; }
  .bm-design-document .cms-element-text { padding:26px 20px; border-radius:16px; }
  .bm-design-hub .cms-element-rhweb-code ul { grid-template-columns:1fr; gap:12px; margin-top:24px; }
  .bm-design-hub .cms-element-rhweb-code li a { min-height:84px; padding:20px; }
  .bm-design-system .container-main { padding-top:20px; padding-bottom:32px; }
  .bm-design-system .content-main .card:not(.product-box) > .card-body { padding:20px 16px; }
  .bm-design .content-main .product-box .product-name { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { .bm-design .content-main .product-box { transition:none; } }

.bm-design .content-main .alert-info { color:var(--bm-shop-ink); background:var(--bm-shop-surface); border-color:var(--bm-shop-line); }
.bm-design .content-main .alert-info .icon { color:var(--bm-shop-link); }
.bm-design-hub .cms-element-rhweb-code li a { overflow-wrap:anywhere; }
.bm-design .content-main .alert-info .alert-content-container { color:var(--bm-shop-ink); background:var(--bm-shop-surface); }
.bm-design-system .content-main .form-control::placeholder { color:#667e8b; opacity:1; }
.bm-design-system .content-main :is(.btn-primary,.btn-outline-primary) { border-radius:10px!important; min-height:44px; }
.bm-design-system .content-main .account-recover-password-form > .card-title { margin:0; padding:24px; border-bottom:1px solid var(--bm-shop-line); }
@media(max-width:767px) { .bm-design-system .content-main .account-recover-password-form > .card-title { padding:24px 16px 20px; font-size:25px; } }

.bm-design .bm-cube { --blue:var(--bm-shop-link); --ink:var(--bm-shop-ink); --muted:var(--bm-shop-muted); --line:var(--bm-shop-line); }
.bm-design :is(.bm-outlet,.bm-filialhub) h1 { color:var(--bm-shop-ink); font-weight:800; letter-spacing:-.025em; }

.bm-design .content-main .filter-panel-wrapper-toggle { color:#fff!important; background:var(--bm-shop-orange)!important; border-color:var(--bm-shop-orange)!important; border-radius:10px; }