/* Moton.cz - minimalistický vzhled podle návrhu (2026-10-14): úvodní banner s výběrem značky a modelu, dlaždice značek, karty skupin příslušenství,
   rozložení stránky značky, dlaždice dílů, detail s atributy jako pilulky. Barvy z proměnných palety (--obchod-*). Žádné filtry, žádná centrála. */

/* ---------- společné ---------- */
.moton-blok { margin: 2.5rem 0; }
.moton-blok-hlava { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 1.1rem; }
.moton-blok-nadpis { font-size: 1.5rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; margin: 0; }
.moton-blok-podnadpis { margin: .25rem 0 0; color: #6b7177; font-size: .9rem; }
.moton-blok-vice, .moton-blok-vice:visited { color: var(--obchod-akcent, #e8590c); font-weight: 700; font-size: .85rem; white-space: nowrap; text-decoration: none; }
.moton-blok-vice:hover { text-decoration: underline; }

/* ---------- hero ---------- */
.moton-hero { background: linear-gradient(180deg, #fafafa, #fff); border-bottom: 1px solid #ececee; margin: 0 -15px 0; }
.moton-hero-vnitrek { max-width: 1240px; margin: 0 auto; padding: 2.5rem 15px; display: grid; gap: 2rem; grid-template-columns: 1fr; align-items: center; }
@media (min-width: 992px) { .moton-hero-vnitrek { grid-template-columns: 1.05fr 1fr; padding: 3.5rem 15px; } }
.moton-hero-stitek { display: inline-block; border: 1px solid #f1d4c0; background: #fff7f1; color: var(--obchod-akcent, #e8590c); border-radius: 999px; padding: .25rem .8rem; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.moton-hero-nadpis { font-size: clamp(2rem, 4.6vw, 3.4rem); line-height: 1.02; font-weight: 900; text-transform: uppercase; letter-spacing: -.01em; margin: 1rem 0; }
.moton-hero-popis { max-width: 34rem; color: #4b5157; font-size: 1rem; line-height: 1.55; margin-bottom: 1.5rem; }
.moton-vyber { display: grid; grid-template-columns: 1fr; gap: .75rem; background: #fff; border: 1px solid #e3e5e8; border-radius: 10px; padding: 1rem; max-width: 36rem; align-items: end; }
@media (min-width: 576px) { .moton-vyber { grid-template-columns: 1fr 1fr auto; } }
.moton-vyber-pole label { display: block; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #6b7177; margin-bottom: .25rem; }
.moton-vyber-pole select { width: 100%; height: 2.6rem; border: 1px solid #d8dbe0; border-radius: 6px; background: #fff; padding: 0 .6rem; font-size: .95rem; }
.moton-vyber-tlacitko { height: 2.6rem; border: 0; border-radius: 6px; background: var(--obchod-akcent, #e8590c); color: #fff; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: 0 1.3rem; cursor: pointer; }
.moton-vyber-tlacitko:hover { filter: brightness(.94); }
.moton-hero-obrazek { position: relative; border-radius: 16px; overflow: hidden; background: #e9eaec; min-height: 16rem; box-shadow: 0 18px 40px rgba(17, 20, 23, .15); }
.moton-hero-foto { display: block; width: 100%; height: 26rem; object-fit: cover; object-position: center 28%; }
.moton-hero-popisek { position: absolute; left: 14px; bottom: 14px; background: rgba(255, 255, 255, .92); border-radius: 999px; padding: .3rem .8rem; font-size: .75rem; color: #3b4147; }

/* ---------- dlaždice značek ---------- */
.moton-znacky { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 576px) { .moton-znacky { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 992px) { .moton-znacky { grid-template-columns: repeat(7, 1fr); } }
.moton-znacka { margin: 0; }
.moton-znacka-odkaz, .moton-znacka-odkaz:visited { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .15rem; min-height: 6.6rem; padding: .8rem .5rem; border: 1px solid #dfe2e6; border-radius: 8px; background: #fff; color: var(--obchod-text, #1f2328); text-decoration: none; text-align: center; transition: border-color .15s, box-shadow .15s; }
.moton-znacka-odkaz:hover, .moton-znacka-odkaz.is-aktivni { border-color: var(--obchod-akcent, #e8590c); box-shadow: 0 0 0 1px var(--obchod-akcent, #e8590c) inset; text-decoration: none; color: inherit; }
.moton-znacka-logo img { max-height: 44px; max-width: 100%; width: auto; margin-bottom: .3rem; }
.moton-znacka-nazev { font-weight: 800; font-size: .85rem; letter-spacing: .05em; text-transform: uppercase; line-height: 1.15; }
.moton-znacka-pocet { font-size: .72rem; color: #8a9096; }
.moton-modely { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; margin-top: 1rem; padding: .8rem 1rem; background: #f6f7f8; border-radius: 8px; }
.moton-modely[hidden] { display: none; }
.moton-modely-stitek { font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #6b7177; }
.moton-chipy { display: flex; flex-wrap: wrap; gap: .4rem; flex: 1; }
.moton-chip, .moton-chip:visited { border: 1px solid #dadde1; background: #fff; border-radius: 6px; padding: .3rem .7rem; font-size: .8rem; color: var(--obchod-text, #1f2328); text-decoration: none; }
.moton-chip:hover { border-color: var(--obchod-akcent, #e8590c); color: var(--obchod-akcent, #e8590c); }
.moton-modely-vse, .moton-modely-vse:visited { margin-left: auto; font-size: .8rem; font-weight: 700; color: var(--obchod-akcent, #e8590c); text-decoration: none; }

/* ---------- karty skupin příslušenství ---------- */
.moton-typy { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; grid-template-columns: 1fr; }
@media (min-width: 576px) { .moton-typy { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .moton-typy { grid-template-columns: repeat(4, 1fr); } }
.moton-typ-odkaz, .moton-typ-odkaz:visited { display: flex; align-items: center; justify-content: space-between; padding: .85rem 1rem; background: #fff; border: 1px solid #e1e4e8; border-left: 3px solid var(--obchod-akcent, #e8590c); border-radius: 6px; color: var(--obchod-text, #1f2328); text-decoration: none; }
.moton-typ-odkaz:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, .07); text-decoration: none; color: inherit; }
.moton-typ-nazev { display: block; font-weight: 800; font-size: .9rem; }
.moton-typ-pocet { display: block; font-size: .72rem; color: #8a9096; }
.moton-typ-sipka { color: #9aa0a6; }

/* ---------- stránka značky: sekce, bloky, sloupce ---------- */
.moton-rozlozeni { margin: 1rem 0 2rem; }
.moton-sekce { font-size: 1.1rem; font-weight: 800; margin: 1.5rem 0 .5rem; padding-bottom: .35rem; border-bottom: 1px dashed #b9bdc1; }
.moton-blok-cara { border: 0; border-top: 1px dashed #b9bdc1; margin: 1.25rem 0; }
.moton-sloupce { list-style: none; margin: .5rem 0; padding: 0; column-count: 1; column-gap: 2rem; }
@media (min-width: 576px) { .moton-sloupce { column-count: 2; } }
@media (min-width: 992px) { .moton-sloupce { column-count: 3; } }
.moton-sloupce li { break-inside: avoid; margin: 0 0 .35rem; padding-left: 1rem; position: relative; }
.moton-sloupce li::before { content: ""; position: absolute; left: 0; top: .6em; width: .4rem; height: .4rem; background: var(--obchod-akcent, #e8590c); }
.moton-sloupce a, .moton-sloupce a:visited { color: var(--obchod-text, #1f2328); text-decoration: none; }
.moton-sloupce a:hover, .moton-sloupce a:focus { color: var(--obchod-akcent, #e8590c); text-decoration: underline; }

/* ---------- výpis dílů modelu (dlaždice) ---------- */
#indexProductList .centerBoxContentsListing { text-align: left !important; border: 1px solid #e3e5e8; border-radius: 10px; padding: 0 !important; overflow: hidden; background: #fff; }
#indexProductList .centerBoxContentsListing .list-image { background: #f2f3f5; min-height: 13rem; display: flex; align-items: center; justify-content: center; }
#indexProductList .centerBoxContentsListing .list-image img { max-height: 13rem; width: auto; max-width: 100%; object-fit: contain; }
#indexProductList .centerBoxContentsListing > br { display: none; }
.moton-dil-nazev { display: block; font-weight: 800; font-size: 1rem; margin: 0; padding: .9rem 1rem 0; text-align: left; }
.moton-dil-nazev a { color: var(--obchod-text, #1f2328); text-decoration: none; }
.moton-dil-sub { display: block; padding: .2rem 1rem 0; font-size: .78rem; color: #6b7177; text-align: left; }
#indexProductList .centerBoxContentsListing .listingDescription { display: none; }
#indexProductList .cm-dlazdice-koupit { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .7rem 1rem .9rem; }
#indexProductList .cm-dlazdice-koupit .moreinfoLink { display: none; }
#indexProductList .productBasePrice { font-weight: 900; font-size: 1.15rem; padding: 0 !important; }
#indexProductList .cm-dlazdice-akce { display: flex; padding: 0 1rem 1rem; margin-top: -.25rem; }
#indexProductList .cm-dlazdice-akce .cm-porovnat { display: none; }
#indexProductList .cm-dlazdice-akce .cm-nahled { margin-left: auto; font-size: .8rem; border: 1px solid #d5d8dd; border-radius: 6px; padding: .3rem .8rem; background: #fff; color: var(--obchod-text, #1f2328); text-decoration: none; }
#indexProductList .cm-dlazdice-akce .cm-nahled svg { display: none; }
#indexProductList #productsListing-topNumber, #indexProductList .topNumber { color: #6b7177; font-size: .85rem; }

/* ---------- detail produktu ---------- */
#productGeneral .productName, #product-info-display-productName { font-weight: 900; text-transform: none; letter-spacing: -.01em; }
.moton-detail-sub { margin: .2rem 0 .9rem; font-size: 1.05rem; font-weight: 700; color: #4b5157; }
.moton-detail-stitek { font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--obchod-akcent, #e8590c); }
#productAttributes .card { border: 1px solid #e3e5e8; border-radius: 10px; background: #fbfbfc; box-shadow: none; }
#productAttributes #attributes-card-header { display: none; }
#productAttributes .wrapperAttribsOptions { border: 0; background: transparent; margin: 0 !important; }
#productAttributes .optionName { background: transparent; border: 0; font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #6b7177; padding: 0 0 .5rem; }
#productAttributes .card-body { padding: 1rem !important; }
#productAttributes [id^="rad-attrib"] { display: flex; flex-wrap: wrap; gap: .5rem; }
#productAttributes .custom-control.custom-radio { padding: 0; margin: 0; min-height: 0; }
#productAttributes .custom-control-input { position: absolute; opacity: 0; width: 1px; height: 1px; }
#productAttributes .custom-control-label { display: inline-flex; align-items: center; gap: .45rem; margin: 0; padding: .45rem .85rem; border: 1px solid #d6dade; border-radius: 8px; background: #fff; font-size: .88rem; font-weight: 600; cursor: pointer; line-height: 1.2; }
#productAttributes .custom-control-label::before, #productAttributes .custom-control-label::after { display: none !important; }
#productAttributes .custom-control-input:checked + .custom-control-label { background: var(--obchod-akcent, #e8590c); border-color: var(--obchod-akcent, #e8590c); color: #fff; }
#productAttributes .custom-control-input:focus-visible + .custom-control-label { outline: 2px solid var(--obchod-text, #1f2328); outline-offset: 2px; }
.moton-tecka { display: inline-block; width: .8rem; height: .8rem; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .25); flex: none; }
.moton-pilulka-cena { font-size: .72rem; opacity: .75; font-weight: 500; }
#productAttributes .attribImg, #productAttributes .attribImages, #productAttributes [id^="attribImg"] { display: none; }
.moton-pasuje { margin: 1.5rem 0; padding: 1rem 1.2rem; background: #fbfbfc; border: 1px solid #e3e5e8; border-radius: 10px; }
.moton-pasuje-nadpis { font-size: .95rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 .6rem; }
.moton-pasuje-karta { display: flex; align-items: baseline; gap: .8rem; flex-wrap: wrap; background: #fff; border: 1px solid #e8eaed; border-radius: 8px; padding: .7rem 1rem; }
.moton-pasuje-model, .moton-pasuje-model:visited { font-weight: 800; color: var(--obchod-text, #1f2328); }
.moton-pasuje-znacka { font-size: .8rem; color: #6b7177; }

/* ---------- detail: klidnější uspořádání (jedna cena u tlačítka, bez ikony kategorie, upozornění a bloku výrobce) ---------- */
#productInfo-productCategoryIcon, #productsPriceTop-card { display: none; }
#productsPriceBottom-card { border: 1px solid #e3e5e8; border-radius: 10px; }
#productsPriceBottom-card .productBasePrice, #productsPriceBottom-card [class*="Price"] { font-weight: 900; }
[id^="rad-attrib"] ~ div, [id^="rad-attrib"] ~ br { display: none; }
#ProductNotifications-card, #manufacturerInfo-card, div:has(> #ProductNotifications-card-body), div:has(> #manufacturerInfo-card-body) { display: none; }
#addToCart-card { border: 1px solid #e3e5e8; border-radius: 10px; overflow: hidden; }
#addToCart-card-header { background: #fff; color: var(--obchod-text, #1f2328); border-bottom: 0; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-size: .75rem; }
#productAttributes .attribBlock { margin: 0; }

/* bez levého sloupce: střední sloupec přes celou šířku */
#navColumnOne { display: none !important; }
#navColumnOne + .col-12 { flex: 0 0 100%; max-width: 100%; }

/* ---------- patička: čtyři sloupce ---------- */
.moton-paticka { background: #f6f7f8; margin: 3rem -15px 0; padding: 2.5rem 15px 1rem; border-top: 1px solid #ececee; }
.moton-paticka-vnitrek { max-width: 1240px; margin: 0 auto; display: grid; gap: 1.5rem 2rem; grid-template-columns: 1fr; }
@media (min-width: 768px) { .moton-paticka-vnitrek { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }
.moton-paticka h3 { font-size: .8rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 .7rem; }
.moton-paticka p { color: #4b5157; font-size: .88rem; max-width: 22rem; margin: 0; }
.moton-paticka ul { list-style: none; margin: 0; padding: 0; }
.moton-paticka li { margin: 0 0 .4rem; font-size: .88rem; color: #4b5157; }
.moton-paticka a, .moton-paticka a:visited { color: #4b5157; text-decoration: none; }
.moton-paticka a:hover { color: var(--obchod-akcent, #e8590c); text-decoration: underline; }
.moton-paticka-dole { max-width: 1240px; margin: 1.5rem auto 0; padding-top: 1rem; border-top: 1px solid #e3e5e8; font-size: .78rem; color: #6b7177; }

/* atributy s obrázkem varianty: miniatura v pilulce */
#productAttributes .custom-control-label.moton-pilulka-sobr { padding: .3rem .8rem .3rem .3rem; }
.moton-pilulka-obr { width: 2.6rem; height: 2.6rem; object-fit: cover; border-radius: 6px; background: #f2f3f5; flex: none; }
#productAttributes .custom-control-input:checked + .custom-control-label .moton-pilulka-obr { box-shadow: 0 0 0 2px #fff; }
#siteinfoLegal, #footerWrapper .legalCopyright, #footerWrapper #siteinfoLegal { display: none; }

/* ---------- výrazný telefon v horní liště ---------- */
.moton-telefon, .moton-telefon:visited { display: inline-flex; align-items: center; gap: .6rem; color: var(--obchod-akcent, #e8590c); text-decoration: none; line-height: 1.05; }
.moton-telefon:hover { color: var(--obchod-akcent, #e8590c); text-decoration: none; filter: brightness(.92); }
.moton-telefon-ikona { flex: none; background: var(--obchod-akcent, #e8590c); color: #fff; border-radius: 50%; padding: .35rem; width: 2.1rem; height: 2.1rem; }
.moton-telefon-text { display: flex; flex-direction: column; }
.moton-telefon-popisek { font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b7177; }
.moton-telefon-cislo { font-size: 1.5rem; font-weight: 900; letter-spacing: .01em; white-space: nowrap; }
.bs-hlavicka-lista .moton-telefon { margin-left: auto; padding: .3rem 0; }
.bs-hlavicka-lista-vnitrek { align-items: center; }
/* telefon na mobilu: samostatný pruh nad hlavičkou */
.moton-telefon-pruh { background: #fff7f1; border-bottom: 1px solid #f1d4c0; text-align: center; padding: .45rem 0; }
.moton-telefon-pruh .moton-telefon-cislo { font-size: 1.3rem; }
.bs-hlavicka-lista a.moton-telefon, .bs-hlavicka-lista a.moton-telefon:visited, .bs-hlavicka-lista a.moton-telefon:hover { color: var(--obchod-akcent, #e8590c); margin-right: 2.2rem; }
.bs-hlavicka-lista a.moton-telefon .moton-telefon-popisek { color: #6b7177; }
.bs-hlavicka-lista-vnitrek { min-height: 3.4rem; }

/* Nabídka „Všechny kategorie“: podkategorie (značky motocyklů) bez omezení počtu, ve více sloupcích (majitel 2026-11-04) */
.bs-mega-sloupec { grid-column: 1 / -1; }
.bs-mega-sloupec ul { column-width: 11rem; column-gap: 2rem; }
.bs-mega-sloupec ul li { break-inside: avoid; }
/* … a otevírá se už při najetí myší (na dotykových zařízeních dál klepnutím) */
@media (min-width: 992px) and (hover: hover) {
    .bs-vsechny-kategorie:hover > .dropdown-menu.bs-mega { display: block; }
}