@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap'); /* ========================================================= Shoptet úpravy – CLSmoto (clsmoto.cz) Hostováno na GitHub Pages, viz README. Motiv: paxio-merkur (+ dark-merkur.css zůstává v ). Načítá se jako poslední → přebíjí style.css i dark-merkur.css. Moduly: 0) Overflow / anti-skákání do stran (přeneseno z patičky) 1) Logo v hlavičce 2) Otevírací doba v horní liště 3) Menu „Akce" červeně 4) Akční ceny + badge červeně (výpis i detail) 5) Badge do pravého horního rohu fotky na detailu 6) Pořadí bannerů v patičce 7) Obsahové stránky / blog – typografie 8) Tabulka velikostí (.size-table) 9) Cena na landing page (.id-1) 10) Carousel ovládání 11) Karta majitele „Osobně ručím za Vaši spokojenost" 12) Tabulky v popisu produktu na mobilu (technické údaje) 13) Rozbalovací „Technické údaje" v pravém sloupci detailu 14) Formulář pro odstoupení od smlouvy ========================================================= */ /* --------------------------------------------------------- 0) Overflow – anti-skákání do stran (mobil i desktop) Přeneseno z patičky. overflow-x:hidden (ne clip) proto, že clip dělal problémy interaktivním prvkům. POZOR: hidden na může v některých motivech udělat z body scroll kontejner → když se rozbije sticky header nebo lazy-load, zkusit variantu jen na html. --------------------------------------------------------- */ html, body { width: 100%; margin: 0; padding: 0; overflow-x: hidden; position: relative; } /* Miniatury a slidery se nesmí roztáhnout na plnou šířku */ .p-detail .p-thumbnails img, .product-gallery .thumbnails img, .swiper-slide img, .slick-slide img { width: auto !important; max-width: 100%; height: auto; display: inline-block; } /* Na desktopu musí menu „přetékat", jinak nejsou vidět roletky */ @media (min-width: 769px) { .navigation-wrapper, #navigation, .menu-helper, .dropdown-menu, .categories-menu { overflow: visible !important; } } .swiper-wrapper, .slick-track { width: auto; } /* --------------------------------------------------------- 1) Logo v hlavičce POZN.: v původním byly dvě protichůdné hodnoty (60px v prvním