/* * ecce-category.css — vzhled stránky kategorie * * Sloučenina dvou souborů, oba se týkají jen kategorií: * 1. ecce-akce-products-figma.css (beze změny) * 2. CSS vytažené z template literalu v ecce_category_figma_preview.js * * Generuje: node tools/extract-category-css.mjs * Ručně needituj — úpravy patří do toho skriptu nebo do zdrojových souborů. * * Vzhled kategorie se váže na serverovou třídu body.type-category (dřív * ev-category-figma-preview, kterou přidával JS až po načtení — odtud * probliknutí starého vzhledu). * * Musí být načtené jako POSLEDNÍ z eccevita stylů, aby vyhrávalo pořadím. */ /* ========================================================================== 1. ecce-akce-products-figma.css — rozvržení produktů, bannery, swiper ========================================================================== */ /* EcceVita category and Akce product styling. Load this file before the companion JS. */ body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products *, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products *::before, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products *::after { box-sizing: border-box !important; box-shadow: none !important; text-shadow: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products { width: 100% !important; max-width: 1240px !important; min-height: 0 !important; margin: 26px auto 0 !important; padding: 0 !important; list-style: none !important; align-items: stretch !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card { width: auto !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: none !important; display: block !important; background: transparent !important; border: 0 !important; overflow: visible !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p { width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; position: relative !important; overflow: visible !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #36200b !important; text-align: left !important; transition: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p:hover { border-color: transparent !important; box-shadow: none !important; transform: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .image { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; overflow: hidden !important; border-radius: 8px !important; background: #f1f0ee !important; color: inherit !important; text-decoration: none !important; aspect-ratio: 1 / 1 !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .image img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; display: block !important; object-fit: contain !important; object-position: center !important; border: 0 !important; transform: translateZ(0) !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .image img { filter: grayscale(1) saturate(.08) !important; opacity: .5 !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .ev-akce-sold-out-label { width: auto !important; max-width: calc(100% - 20px) !important; min-width: 0 !important; min-height: 0 !important; height: 30px !important; margin: 0 !important; padding: 0 11px !important; position: absolute !important; left: 10px !important; right: auto !important; bottom: 10px !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 999px !important; background: rgba(255, 255, 255, .96) !important; color: #36200b !important; box-shadow: none !important; font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; pointer-events: none !important; transform: none !important; } @supports not (aspect-ratio: 1 / 1) { body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .image { height: 0 !important; padding-top: 100% !important; display: block !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .image img { position: absolute !important; inset: 0 !important; } } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flags { width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; right: auto !important; bottom: auto !important; display: flex !important; align-items: flex-start !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 5px !important; z-index: 1 !important; pointer-events: none !important; transform: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flags-default { top: 10px !important; left: 10px !important; max-width: calc(100% - 20px) !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flags-extra { top: calc(10px + var(--ev-akce-default-flags-height, 0px) + 5px) !important; left: 10px !important; right: auto !important; bottom: auto !important; max-width: calc(100% - 20px) !important; justify-content: flex-start !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flag { width: auto !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 5px 8px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; border: 0 !important; border-radius: 999px !important; background: rgba(255, 255, 255, .94) !important; color: #36200b !important; box-shadow: none !important; font-size: 11px !important; line-height: 1.1 !important; font-weight: 600 !important; letter-spacing: 0 !important; text-align: center !important; text-transform: none !important; white-space: nowrap !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flag-discount { background: #df5332 !important; color: #fff !important; box-shadow: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flag-discount .price-standard, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flag-discount .price-standard span, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flag-discount .price-save { color: inherit !important; font: inherit !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flag-discount .price-standard { opacity: .82 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-in { width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; overflow: visible !important; color: inherit !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-in-in { width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: block !important; overflow: visible !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .p-in-in::after { content: none !important; width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: none !important; border: 0 !important; background: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card a.name { width: 100% !important; min-height: 39px !important; height: 39px !important; max-height: 39px !important; margin: 14px 0 0 !important; padding: 0 !important; display: -webkit-box !important; overflow: hidden !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; color: #36200b !important; font-size: 15px !important; line-height: 1.28 !important; font-weight: 600 !important; letter-spacing: 0 !important; text-align: left !important; text-decoration: none !important; text-transform: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card a.name:hover { color: #5a3a1a !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card a.name span { color: inherit !important; font: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .availability, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price-additional, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-code { display: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-bottom { width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: auto 0 0 !important; padding: 0 !important; display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; overflow: visible !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-bottom > div { width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; justify-content: center !important; position: relative !important; overflow: visible !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-bottom > div > .prices { margin-top: 0 !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-desc { width: 100% !important; max-width: 100% !important; min-height: 37px !important; height: 37px !important; max-height: 37px !important; margin: 8px 0 0 !important; padding: 0 !important; display: -webkit-box !important; order: 1 !important; overflow: hidden !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; color: rgba(54, 32, 11, .72) !important; font-size: 13px !important; line-height: 1.42 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-align: left !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .prices { width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 10px 0 0 !important; padding: 0 !important; display: flex !important; order: 2 !important; position: static !important; inset: auto !important; float: none !important; align-items: flex-start !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 5px 8px !important; color: #36200b !important; line-height: 1.1 !important; text-align: left !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .prices *, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price-final *, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price.price-final * { text-align: left !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .prices > .price-standard { display: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price-final, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price.price-final { width: auto !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; position: static !important; inset: auto !important; float: none !important; color: inherit !important; line-height: 1.1 !important; text-align: left !important; transform: none !important; align-self: flex-start !important; flex: 0 0 auto !important; order: 1 !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price-final strong, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price.price-final strong { width: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; position: static !important; color: #36200b !important; font-size: 18px !important; line-height: 1.12 !important; font-weight: 600 !important; letter-spacing: 0 !important; white-space: nowrap !important; transform: none !important; text-align: left !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools { width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; order: 3 !important; position: static !important; inset: auto !important; float: none !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools form { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button { width: 100% !important; max-width: none !important; min-width: 0 !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 999px !important; appearance: none !important; -webkit-appearance: none !important; background: #36200b !important; background-image: none !important; color: #fff !important; box-shadow: none !important; cursor: pointer !important; font-size: 13px !important; line-height: 1.1 !important; font-weight: 600 !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; touch-action: manipulation !important; transition: background-color 160ms ease, color 160ms ease, opacity 160ms ease, transform 160ms ease !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart span, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary span, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button span { display: block !important; color: inherit !important; font: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart::before, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary::before, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button::before, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart::after, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary::after, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button::after, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart span::before, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary span::before, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button span::before, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart span::after, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary span::after, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button span::after { content: none !important; display: none !important; width: 0 !important; height: 0 !important; border: 0 !important; background: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart:hover, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary:hover, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button:hover { background: #5a3a1a !important; border-color: transparent !important; color: #fff !important; text-decoration: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .prices { max-width: 100% !important; margin-top: 10px !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .p-tools, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .p:hover .p-tools, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .p:focus-within .p-tools { width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: none !important; opacity: 0 !important; pointer-events: none !important; transform: none !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card a:focus-visible, body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card button:focus-visible { outline: 2px solid rgba(54, 32, 11, .42) !important; outline-offset: 3px !important; } @supports not (display: grid) { body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products { display: flex !important; flex-wrap: wrap !important; margin-left: auto !important; margin-right: auto !important; } } @media (min-width: 768px) { body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 32px 20px !important; padding: 0 20px !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p { min-height: 100% !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .image { flex: 0 0 auto !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card a.name { font-size: 15px !important; min-height: 20px !important; height: 20px !important; max-height: 20px !important; margin-top: 6px !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .prices { max-width: calc(100% - 124px) !important; min-height: 51px !important; margin-top: 12px !important; align-items: flex-start !important; align-content: center !important; gap: 3px !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .prices > .price-standard { width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; position: static !important; inset: auto !important; float: none !important; order: 2 !important; align-self: flex-start !important; flex: 0 0 100% !important; color: #df5332 !important; font-size: 12px !important; line-height: 1.15 !important; font-weight: 500 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; white-space: nowrap !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner::after { content: "Nakupovat" !important; position: absolute !important; right: 20px !important; bottom: 20px !important; left: 20px !important; z-index: 3 !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; background: #fff !important; color: #36200b !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; opacity: 0 !important; pointer-events: none !important; transform: translateY(8px) !important; transition: opacity 180ms ease, transform 180ms ease !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-content { transition: padding-bottom 180ms ease !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner:hover::after, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner:focus-visible::after { opacity: 1 !important; transform: translateY(0) !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner:hover .dkral-kat-banner-content, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner:focus-visible .dkral-kat-banner-content { padding-bottom: 76px !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools { width: 112px !important; max-width: 112px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; display: block !important; position: absolute !important; top: var(--ev-akce-price-top, auto) !important; left: auto !important; right: 0 !important; bottom: auto !important; z-index: 1 !important; opacity: 0 !important; pointer-events: none !important; transform: translateY(4px) !important; transition: opacity 160ms ease, transform 160ms ease !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p:hover .p-tools, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p:focus-within .p-tools { opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button { min-height: 36px !important; height: 36px !important; padding: 0 14px !important; background: #36200b !important; color: #fff !important; box-shadow: none !important; font-size: 12px !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart::before, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary::before, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button::before { content: "" !important; width: 14px !important; height: 14px !important; margin: 0 6px 0 0 !important; display: block !important; flex: 0 0 14px !important; background-image: url(https://www.eccevita.cz/user/documents/upload/denmar_folder/images/shopping_bag.svg) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; filter: brightness(0) invert(1) !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart:hover, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary:hover, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button:hover { background: #5a3a1a !important; color: #fff !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .prices { max-width: 100% !important; margin-top: 12px !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .p-tools, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .p:hover .p-tools, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .p:focus-within .p-tools { display: none !important; opacity: 0 !important; pointer-events: none !important; transform: none !important; } @supports not (display: grid) { body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card { width: 25% !important; padding: 0 10px 32px !important; } } } @media (min-width: 768px) and (max-width: 1180px) { body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 28px 18px !important; } @supports not (display: grid) { body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card { width: 33.3333% !important; } } } @media (max-width: 767px) { body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 14px !important; width: 100vw !important; max-width: none !important; margin: 20px 0 0 calc(50% - 50vw) !important; padding: 0 16px !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p { padding: 0 !important; border: 0 !important; transform: none !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p:hover { box-shadow: none !important; transform: none !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .image { border-radius: 12px !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flags { gap: 4px !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flags-default { top: 7px !important; left: 7px !important; max-width: calc(100% - 14px) !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flags-extra { top: calc(7px + var(--ev-akce-default-flags-height, 0px) + 4px) !important; left: 7px !important; right: auto !important; bottom: auto !important; max-width: calc(100% - 14px) !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flag { padding: 4px 6px !important; font-size: 9.5px !important; line-height: 1.05 !important; box-shadow: none !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .flag-discount .price-standard { display: none !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .ev-akce-sold-out-label { max-width: calc(100% - 16px) !important; height: 28px !important; padding: 0 9px !important; left: 8px !important; bottom: 8px !important; border-radius: 999px !important; font-size: 10.5px !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card a.name { margin-top: 11px !important; font-size: 15px !important; line-height: 1.28 !important; min-height: 38px !important; height: 38px !important; max-height: 38px !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-desc { min-height: 34px !important; height: 34px !important; max-height: 34px !important; margin: 6px 0 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; color: rgba(54, 32, 11, .72) !important; font-size: 12px !important; line-height: 1.35 !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-bottom > div > .prices { max-width: calc(100% - 50px) !important; min-height: 50px !important; gap: 2px !important; align-items: center !important; align-content: center !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price-final, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price.price-final { flex: 0 0 100% !important; font-size: 16px !important; line-height: 1.12 !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .prices > .price-standard { display: block !important; margin: 0 !important; position: static !important; inset: auto !important; color: #bf5d49 !important; font-size: 11px !important; line-height: 1.2 !important; align-self: flex-start !important; order: 2 !important; text-decoration: line-through !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price-final strong, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .price.price-final strong { font-size: 16px !important; line-height: 1.12 !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools { width: 42px !important; max-width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; display: block !important; position: absolute !important; top: var(--ev-akce-price-top, 0px) !important; left: auto !important; right: 0 !important; bottom: auto !important; opacity: 1 !important; pointer-events: auto !important; transform: none !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button { width: 42px !important; height: 42px !important; min-height: 42px !important; padding: 0 !important; border-radius: 50% !important; font-size: 0 !important; background: #36200b !important; color: #fff !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart span, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary span, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button span { display: none !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart::before, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary::before, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button::before { content: "" !important; width: 18px !important; height: 18px !important; display: block !important; background-image: url(https://www.eccevita.cz/user/documents/upload/denmar_folder/images/shopping_bag.svg) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; filter: brightness(0) invert(1) !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .prices { max-width: 100% !important; margin-top: 9px !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .p-tools, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .p:hover .p-tools, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card.ev-akce-product-sold-out .p:focus-within .p-tools { display: none !important; opacity: 0 !important; pointer-events: none !important; transform: none !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner { width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; grid-column: 1 / -1 !important; align-self: start !important; aspect-ratio: 1.75 / 1 !important; overflow: hidden !important; border-radius: 12px !important; box-shadow: none !important; transform: none !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-content { padding: 0 16px 54px !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-title { margin: 0 0 4px !important; font-size: 16px !important; line-height: 1.22 !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-text { font-size: 12px !important; line-height: 1.3 !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner::after { content: "Nakupovat" !important; height: 34px !important; position: absolute !important; right: 16px !important; bottom: 12px !important; left: 16px !important; z-index: 3 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; background: #fff !important; color: #36200b !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; } body.ev-akce-products-mobile.type-category .category-content-wrapper > #category-header { width: 100vw !important; max-width: none !important; margin: 0 0 16px calc(50% - 50vw) !important; padding: 0 16px !important; box-sizing: border-box !important; } body.ev-akce-products-mobile.type-category .category-content-wrapper > #category-header .listSorting { width: 100% !important; margin: 0 !important; overflow: hidden !important; } body.ev-akce-products-mobile.type-category .category-content-wrapper > #category-header .listSorting__controls { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-wrap: nowrap !important; gap: 24px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x proximity !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; border-bottom: 1px solid #e8e3de !important; touch-action: pan-x !important; } body.ev-akce-products-mobile.type-category .category-content-wrapper > #category-header .listSorting__controls::-webkit-scrollbar { display: none !important; } body.ev-akce-products-mobile.type-category .category-content-wrapper > #category-header .listSorting__controls > li { min-width: max-content !important; margin: 0 !important; padding: 0 !important; flex: 0 0 auto !important; scroll-snap-align: start !important; } body.ev-akce-products-mobile.type-category .category-content-wrapper > #category-header .listSorting__control { min-height: 40px !important; margin: 0 !important; padding: 0 0 10px !important; display: inline-flex !important; align-items: flex-start !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #36200b !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.25 !important; text-align: left !important; text-decoration: none !important; white-space: nowrap !important; } body.ev-akce-products-mobile.type-category .category-content-wrapper > #category-header .listSorting__control--current { position: relative !important; color: #36200b !important; font-weight: 600 !important; } body.ev-akce-products-mobile.type-category .category-content-wrapper > #category-header .listSorting__control--current::after { width: 100% !important; height: 2px !important; position: absolute !important; bottom: -1px !important; left: 0 !important; display: block !important; background: #36200b !important; content: "" !important; } body.ev-akce-products-mobile.type-category .category-content-wrapper > #category-header > .ev-category-list-count { display: none !important; } @supports not (display: grid) { body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card { width: 50% !important; padding: 0 6px 22px !important; } } } @media (max-width: 359px) { body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products { gap: 20px 10px !important; padding-left: 10px !important; padding-right: 10px !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-cart, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .btn-primary, body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .product.ev-akce-product-card .p-tools .add-to-cart-button { font-size: 11px !important; } } /* Legacy category components migrated from kategorie-eccevita.js. */ .dkral-swiper-wrapper{width:95%;margin:30px auto}.dkral-kategorie-swiper{margin-bottom:1rem}.dkral-swiper-wrapper .swiper{padding:.25rem}.dkral-swiper-wrapper .swiper-slide{flex-shrink:0;position:relative;padding:unset!important;transition-property:transform}.dkral-kategorie-link{display:block;text-decoration:none;color:inherit;width:100%;height:100%}.dkral-kategorie-card{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;width:100%;aspect-ratio:188/240;border-radius:8px;background-color:#f0f0f0;transition:transform .3s ease}.dkral-kategorie-card:hover{transform:scale(1.03)}.dkral-kategorie-content{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:white;z-index:1;text-align:left;transition:background .3s ease}.dkral-kategorie-card:hover .dkral-kategorie-content{background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.15))}.dkral-kategorie-title{margin:0;font-size:16px;line-height:24px;color:white;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.dkral-swiper-wrapper .swiper-button-next,.dkral-swiper-wrapper .swiper-button-prev{background:white;border-radius:50%;width:50px;height:50px;border:solid 1px white;z-index:3}.dkral-swiper-wrapper .swiper-button-next{right:10px!important;top:50%!important}.dkral-swiper-wrapper .swiper-button-prev{left:10px!important;top:50%!important}.dkral-swiper-wrapper .swiper-button-next:after,.dkral-swiper-wrapper .swiper-button-prev:after{font-size:22px;color:black;font-weight:300}.dkral-swiper-wrapper .swiper-button-disabled{opacity:0!important}@media (max-width:768px){.dkral-swiper-wrapper{width:100%;max-width:100vw;padding:0;box-sizing:border-box;margin:20px auto}.dkral-kategorie-swiper{padding:0 10px}.dkral-kategorie-title{font-size:14px}.dkral-swiper-wrapper .swiper-button-next,.dkral-swiper-wrapper .swiper-button-prev{width:40px;height:40px}.dkral-swiper-wrapper .swiper-button-next:after,.dkral-swiper-wrapper .swiper-button-prev:after{font-size:18px}}@media (max-width:480px){.dkral-kategorie-title{font-size:13px}} .dkral-bestseller-container{max-width:1200px!important;margin:40px auto!important;padding:0 20px!important}.dkral-bestseller-title{font-size:20px!important;font-weight:600!important;margin-bottom:20px!important;color:#333!important}.dkral-bestseller-grid{display:flex!important;gap:15px!important;flex-wrap:wrap!important}.dkral-bestseller-item{text-decoration:none!important;color:inherit!important;display:flex!important;align-items:flex-start!important;transition:transform .2s ease!important;gap:15px!important;flex:0 0 calc(20% - 12px)!important;max-width:calc(20% - 12px)!important}.dkral-bestseller-item:hover{transform:translateY(-3px)!important}.dkral-bestseller-image-wrapper{width:80px!important;height:80px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ededed!important;border-radius:8px!important;overflow:hidden!important}.dkral-bestseller-image{max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:8px!important}.dkral-bestseller-info{display:flex!important;flex-direction:column!important;gap:5px!important;flex:1!important;padding:10px!important;justify-content:flex-start!important}.dkral-bestseller-name{font-size:14px!important;font-weight:500!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.3!important;color:#333!important;min-height:18px!important}.dkral-bestseller-price{font-size:16px!important;font-weight:600!important;color:rgba(54,32,11,1)!important;margin:0!important}@media (max-width:1024px){.dkral-bestseller-item{flex:0 0 calc(33.333% - 10px)!important;max-width:calc(33.333% - 10px)!important}}@media (max-width:768px){.dkral-bestseller-container{margin:30px auto!important;padding:0 15px!important}.dkral-bestseller-title{font-size:18px!important}.dkral-bestseller-grid{gap:10px!important}.dkral-bestseller-item{flex:0 0 calc(50% - 5px)!important;max-width:calc(50% - 5px)!important}.dkral-bestseller-image-wrapper{width:70px!important;height:70px!important}.dkral-bestseller-name{font-size:13px!important;min-height:17px!important}.dkral-bestseller-price{font-size:15px!important}}@media (max-width:480px){.dkral-bestseller-image-wrapper{width:60px!important;height:60px!important}.dkral-bestseller-grid{gap:8px!important}.dkral-bestseller-item{flex:0 0 calc(50% - 4px)!important;max-width:calc(50% - 4px)!important}.dkral-bestseller-name{font-size:12px!important;min-height:16px!important}.dkral-bestseller-price{font-size:14px!important}.dkral-bestseller-info{padding:5px!important}} .dkral-kat-promo-banner { box-sizing: border-box; position: relative; overflow: hidden; flex-shrink: 0; border-radius: 12px; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; text-decoration: none; } .dkral-kat-promo-banner:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } .dkral-kat-banner-inner { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: flex; align-items: flex-end; justify-content: flex-start; border-radius: 12px; } .dkral-kat-banner-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 30%, transparent 100%); z-index: 1; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .dkral-kat-banner-content { position: relative; z-index: 1; padding: 0 0 30px 20px; text-align: left; color: white; width: 100%; } .dkral-kat-banner-title { font-size: 16px; font-weight: 600; color: white; margin: 0 0 8px 0; line-height: 1.25; color: white; } .dkral-kat-banner-text { font-size: 13px; color: white; margin: 0; line-height: 1.3; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); } /* SkrytĂ­ bannerĹŻ v inline mĂłdu */ #products.products-inline .dkral-kat-promo-banner { display: none !important; } /* Responsive Ăşpravy */ @media (max-width: 768px) { .dkral-kat-banner-content { padding: 0 0 25px 15px; } .dkral-kat-banner-title { font-size: 14px; line-height: 1.2; } .dkral-kat-banner-text { font-size: 12px; line-height: 1.25; } } @media (max-width: 480px) { .dkral-kat-banner-content { padding: 0 0 20px 12px; } .dkral-kat-banner-title { font-size: 13px; line-height: 1.2; } .dkral-kat-banner-text { font-size: 11px; line-height: 1.2; } } .p-tools { background: #36200B !important; } .flags-default .flag, .flag-mnozstevni-sleva { background: #36200B !important; } .availability span { color: #36200B !important; } .ui-slider-horizontal .ui-slider-handle { width: 20px !important; height: 20px !important; top: -10px !important; } .slider-content { border-style: solid; border-width: 3px !important; } .ui-slider .ui-slider-range { height: 3px !important; } .filter-count { display: unset !important; background: rgba(54, 32, 11, 0.08) !important; } label.filter-label { width: 90% !important; display: flex !important; justify-content: space-between !important; align-items: flex-start !important; } .dkral-kategorie-contact-card { background: #36200B; color: white; padding: 20px; border-radius: 15px; text-align: center; margin: 15px 0; width: 100%; box-sizing: border-box; } .dkral-kategorie-contact-heading { font-size: 18px; font-weight: 600; margin: 0 0 15px 0; color: white; } .dkral-kategorie-contact-info { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0; color: white !important; font-size: 14px; } .dkral-kategorie-phone-icon { width: 20px !important; height: 20px !important; object-fit: contain; } .dkral-kategorie-phone-number { font-size: 18px !important; font-weight: 600 !important; color: white !important; } .dkral-kategorie-phone-hours { font-size: 14px !important; color: white !important; margin: 5px 0 !important; } .dkral-kategorie-contact-button { background: white !important; color: #5d4037 !important; padding: 12px 25px !important; border-radius: 25px !important; text-decoration: none !important; font-weight: 600 !important; margin: 20px 0 !important; display: inline-block !important; cursor: pointer !important; min-width: 70% !important; box-sizing: border-box !important; } .dkral-kategorie-contact-button:hover { background: #f5f5f5; } .dkral-kategorie-contact-photo { width: 100px !important; height: 100px !important; max-width: 120px !important; max-height: 120px !important; border-radius: 50% !important; margin: 20px 0 15px 0 !important; object-fit: cover !important; } .dkral-kategorie-contact-name { font-size: 18px; font-weight: 600; margin: 10px 0 5px 0; color: white; } .dkral-kategorie-contact-description { font-size: 14px; color: white; opacity: 0.9; line-height: 1.4; } /* Images and dimensions are structural data from the merged JS; their presentation stays in CSS. */ .dkral-kategorie-card { isolation: isolate; } .dkral-kategorie-card-image, .dkral-kat-banner-image { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; } .dkral-kat-banner-inner { isolation: isolate; overflow: hidden; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner { width: 100%; aspect-ratio: 0.647 / 1; --dkral-promo-cta-bottom: 20px; --dkral-promo-cta-height: 38px; --dkral-promo-cta-gap: max(14px, 1.2em); } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-title { font-size: 20px !important; line-height: 1.05 !important; } /* Centered promo-banner treatment, kept separate from the product-card layout. */ body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-inner { display: flex !important; align-items: center !important; justify-content: center !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-overlay { inset: 0 !important; width: auto !important; height: auto !important; border-radius: inherit !important; background: linear-gradient(to top, rgba(54, 32, 11, .92) 0%, rgba(54, 32, 11, .58) 22%, transparent 30%) !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-content { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 20px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-end !important; text-align: start !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-title { line-height: 1.05 !important; } body.ev-akce-products-redesign.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-text { text-shadow: 0 1px 3px rgba(54, 32, 11, .45) !important; } body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner:hover .dkral-kat-banner-content, body.ev-akce-products-desktop.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner:focus-visible .dkral-kat-banner-content { padding: 20px 20px calc(var(--dkral-promo-cta-bottom) + var(--dkral-promo-cta-height) + var(--dkral-promo-cta-gap)) !important; transform: none !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner .dkral-kat-banner-content { padding: 20px 16px calc(var(--dkral-promo-cta-bottom) + var(--dkral-promo-cta-height) + var(--dkral-promo-cta-gap)) !important; } body.ev-akce-products-mobile.type-category #products.products-page.products-block.ev-akce-products > .dkral-kat-promo-banner { --dkral-promo-cta-bottom: 12px; --dkral-promo-cta-height: 34px; --dkral-promo-cta-gap: max(8px, .7em); } /* Keep the product flow intact; only the grey catban background follows the real header content. */ body.ev-akce-products-redesign.type-category.dkral-category-no-image-subcategories .catban::before { height: var(--dkral-catban-header-height, 100%) !important; bottom: auto !important; } /* ========================================================================== 1a. Pre-paint — pozadí produktových obrázků bez čekání na JavaScript ========================================================================== */ body.type-category #products.products-page.products-block > .product .image { background: #f1f0ee !important; } /* ========================================================================== 2. vzhled kategorie (z ecce_category_figma_preview.js) ========================================================================== */ body.type-category .catban { --ev-category-gray-gap: 48px; background: #fff !important; background-image: none !important; position: relative !important; isolation: isolate !important; text-align: left !important; padding: 126px 0 56px !important; overflow: hidden !important; } body.type-category .catban::before { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 0 !important; width: 100% !important; height: var(--ev-category-hero-height, 100%) !important; background: #f1f0ee !important; pointer-events: none !important; } body.type-category .catban::after { content: none !important; display: none !important; } body.type-category .catban > * { position: relative !important; z-index: 1 !important; } body.type-category .catban > .breadcrumbs { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; width: 95% !important; max-width: none !important; height: auto !important; margin: 0 auto 30px !important; padding: 0 !important; background: transparent !important; color: #36200b !important; font-size: 12px !important; line-height: 18px !important; font-weight: 600 !important; text-align: left !important; opacity: .82 !important; visibility: visible !important; } body.type-category .catban > .breadcrumbs *, body.type-category .catban > .breadcrumbs a { color: #36200b !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; text-decoration: none !important; text-align: left !important; } body.type-category .catban > .breadcrumbs a:hover { text-decoration: underline !important; } body.type-category .catban > .breadcrumbs .navigation-bullet { margin: 0 !important; color: rgba(54, 32, 11, .56) !important; } body.type-category .catban > .breadcrumbs .navigation-bullet { display: inline-flex !important; width: 12px !important; justify-content: center !important; font-size: 0 !important; } body.type-category .catban > .breadcrumbs .navigation-bullet::before { content: "\203A" !important; color: rgba(54, 32, 11, .5) !important; font-size: 13px !important; line-height: 18px !important; } body.type-category .catban > .breadcrumbs::before, body.type-category .catban > .breadcrumbs::after, body.type-category .catban > .breadcrumbs a::before, body.type-category .catban > .breadcrumbs a::after { content: none !important; display: none !important; } body.type-category .catban > .breadcrumbs [itemprop="itemListElement"], body.type-category .catban > .breadcrumbs > span, body.type-category .catban > .breadcrumbs > a, body.type-category .catban > .breadcrumbs > strong { display: inline-flex !important; height: auto !important; min-height: 0 !important; padding: 0 !important; align-items: center !important; gap: 8px !important; } body.type-category .catban > .breadcrumbs .navigation-home-icon { display: inline-flex !important; width: auto !important; height: auto !important; min-width: 0 !important; padding: 0 !important; align-items: center !important; gap: 6px !important; background: none !important; overflow: visible !important; } body.type-category .catban > .breadcrumbs .navigation-home-icon::before, body.type-category .catban > .breadcrumbs .navigation-home-icon::after { content: none !important; display: none !important; } body.type-category .catban > .breadcrumbs .ev-category-home-icon { display: block !important; width: 14px !important; height: 14px !important; flex: 0 0 14px !important; } body.type-category .catban > .title, body.type-category .catban > p, body.type-category .category-perex { width: 95% !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; text-align: left !important; } body.type-category .catban > .title { margin-top: 0 !important; margin-bottom: 18px !important; padding: 0 !important; } body.type-category h1.category-title { width: auto !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; color: #36200b !important; font-size: 40px !important; line-height: 1.12 !important; font-weight: 600 !important; letter-spacing: 0 !important; text-align: left !important; } body.type-category .catban > p { display: block !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } body.type-category .category-perex { max-width: 820px !important; margin-left: 0 !important; margin-right: auto !important; color: #36200b !important; font-size: 16px !important; line-height: 1.55 !important; font-weight: 400 !important; letter-spacing: 0 !important; } body.type-category .category-perex :where(#pobo-all-content, #pobo-inner-content, #pobo-standard-widget, .widget-container, .widget-projector, .empty), body.type-category .category-perex p { max-width: 820px !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font: inherit !important; letter-spacing: 0 !important; text-align: left !important; } body.type-category .category-perex.ev-category-perex-collapsible { position: relative !important; } /* Sbalení na 4 řádky. Výšku počítá JS ze skutečné výšky řádku a předává ji v --ev-category-perex-collapsed-height — stejným výpočtem jako předchozí verze. -webkit-line-clamp tu použít nejde: každý perex obsahuje blokové potomky (

,

, u prázdných kategorií

), které clamp nezkrátí. */ body.type-category .category-perex.ev-category-perex-collapsed { max-height: none !important; overflow: visible !important; } /* Výpustka a tlačítko sedí na konci posledního viditelného řádku — přesnou polohu doměří JS a zapíše ji do left/top. Pravý dolní roh je záloha pro případ, že se za text nevejdou; přechod do bílé pak zakryje text pod nimi. */ body.type-category .category-perex.ev-category-perex-collapsed .ev-category-perex-more-wrap { position: absolute !important; right: 0 !important; bottom: 0 !important; padding-left: 3em !important; white-space: nowrap !important; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 3em) !important; color: inherit !important; font: inherit !important; line-height: inherit !important; } /* Když JS polohu doměří, přepíše se pravý okraj tím, co spočítal. */ body.type-category .category-perex.ev-category-perex-collapsed .ev-category-perex-more-wrap[style*="left"] { right: auto !important; bottom: auto !important; padding-left: 0 !important; background: none !important; } body.type-category .category-perex.ev-category-perex-collapsed::after { content: none !important; display: none !important; } body.type-category .category-perex.ev-category-perex-expanded { max-height: none !important; overflow: visible !important; } body.type-category .category-perex.ev-category-perex-empty, body.type-category .catban > p.ev-category-perex-empty-holder { display: none !important; width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.type-category .ev-category-read-more { display: inline !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 0 0 4px !important; padding: 0 0 1px !important; border: 0 !important; border-bottom: 1px solid currentColor !important; border-radius: 0 !important; appearance: none !important; background: transparent !important; color: #36200b !important; box-shadow: none !important; font: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: 600 !important; letter-spacing: 0 !important; text-align: inherit !important; text-decoration: none !important; text-transform: none !important; cursor: pointer !important; vertical-align: baseline !important; } body.type-category .ev-category-read-more::after { content: none !important; display: none !important; } body.type-category .ev-category-read-more:hover { color: #5a3a1a !important; } body.type-category .ev-category-read-more:focus-visible { outline: 2px solid rgba(54, 32, 11, .35) !important; outline-offset: 4px !important; } body.type-category .ev-category-read-more[hidden] { display: none !important; } body.type-category .dkral-swiper-wrapper { width: 95% !important; max-width: none !important; margin: 56px auto 0 !important; padding: 0 !important; text-align: left !important; } body.type-category .dkral-bestseller-container { width: 95% !important; max-width: none !important; margin: var(--ev-category-gray-gap, 48px) auto 30px !important; padding: 34px 0 0 !important; position: relative !important; z-index: 1 !important; box-sizing: border-box !important; background: #fff !important; text-align: left !important; } body.type-category .dkral-bestseller-container::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; z-index: -1 !important; width: 100vw !important; transform: translateX(-50%) !important; background: #fff !important; pointer-events: none !important; } body.type-category .dkral-bestseller-title { color: #36200b !important; font-size: 24px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0 !important; text-align: left !important; } body.type-category .content-wrapper-in { margin-top: -31px !important; } body.type-category #category-header { display: flex !important; width: 100% !important; min-height: 36px !important; margin: 0 !important; padding: 0 !important; position: relative !important; z-index: 2 !important; align-items: flex-start !important; justify-content: space-between !important; gap: 20px !important; border-top: 0 !important; border-right: 0 !important; border-left: 0 !important; border-bottom: 1px solid #ebe6e1 !important; background: transparent !important; box-shadow: none !important; color: #36200b !important; box-sizing: border-box !important; } body.type-category #category-header::after { content: "" !important; position: absolute !important; top: -26px !important; right: 0 !important; z-index: 1 !important; display: block !important; width: 112px !important; height: 50px !important; background: #fff !important; pointer-events: none !important; } body.type-category #category-header .listSorting { display: flex !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; position: relative !important; z-index: 2 !important; align-items: flex-start !important; background: transparent !important; border: 0 !important; } body.type-category #category-header .listSorting__controls { display: flex !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; flex-wrap: wrap !important; gap: 0 28px !important; align-items: flex-start !important; list-style: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.type-category #category-header .listSorting__controls > li { display: block !important; margin: 0 !important; padding: 0 !important; } body.type-category #category-header .listSorting__control { display: inline-flex !important; min-width: 0 !important; height: 36px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; align-items: flex-start !important; justify-content: flex-start !important; border: 0 !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; appearance: none !important; background: transparent !important; background-image: none !important; color: #36200b !important; box-shadow: none !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-align: left !important; text-transform: none !important; text-decoration: none !important; text-decoration-thickness: 1px !important; text-underline-offset: 5px !important; } body.type-category #category-header .listSorting__control::before, body.type-category #category-header .listSorting__control::after { content: none !important; display: none !important; } body.type-category #category-header .listSorting__control--current { border-bottom: 2px solid #36200b !important; font-weight: 600 !important; } body.type-category #category-header .listSorting__control:not(.listSorting__control--current):hover { color: #36200b !important; text-decoration-line: underline !important; text-decoration-color: #36200b !important; text-decoration-style: solid !important; } body.type-category #category-header .listSorting__control:focus-visible { outline: 2px solid rgba(54, 32, 11, .35) !important; outline-offset: 4px !important; } body.type-category #category-header .ev-category-list-count { display: block !important; flex: 0 0 auto !important; margin: 0 136px 0 20px !important; padding: 0 !important; position: relative !important; z-index: 2 !important; color: #36200b !important; font-size: 12px !important; line-height: 20px !important; font-weight: 400 !important; letter-spacing: 0 !important; white-space: nowrap !important; } @media (max-width: 767px) { body.type-category .catban { --ev-category-gray-gap: 30px; padding: 120px 20px 36px !important; box-sizing: border-box !important; } body.type-category .catban > .breadcrumbs, body.type-category .catban > .title, body.type-category .catban > p, body.type-category .category-perex, body.type-category .dkral-bestseller-container { width: 100% !important; max-width: none !important; } body.type-category .catban > .breadcrumbs { flex-wrap: nowrap !important; margin-bottom: 22px !important; overflow-x: auto !important; white-space: nowrap !important; scrollbar-width: none !important; } body.type-category .catban > .breadcrumbs::-webkit-scrollbar { display: none !important; } body.type-category h1.category-title { max-width: none !important; font-size: 30px !important; line-height: 1.12 !important; } body.type-category .category-perex, body.type-category .category-perex :where(#pobo-all-content, #pobo-inner-content, #pobo-standard-widget, .widget-container, .widget-projector, .empty), body.type-category .category-perex p { max-width: none !important; padding: 0 !important; font-size: 15px !important; line-height: 1.56 !important; } body.type-category .ev-category-read-more { min-height: 0 !important; margin-top: 0 !important; font-size: inherit !important; line-height: inherit !important; } body.type-category .dkral-swiper-wrapper { width: 100% !important; max-width: 100vw !important; margin: 32px auto 0 !important; } body.type-category .dkral-bestseller-container { margin: var(--ev-category-gray-gap, 30px) auto 30px !important; padding-top: 24px !important; } body.type-category .dkral-bestseller-title { font-size: 22px !important; } body.type-category #category-header { display: block !important; min-height: 0 !important; padding-bottom: 14px !important; } body.type-category #category-header::after { content: none !important; } body.type-category #category-header .listSorting__controls { gap: 12px 22px !important; } body.type-category #category-header .listSorting__control { height: auto !important; min-height: 30px !important; } body.type-category #category-header .ev-category-list-count { margin: 8px 0 0 !important; } body.type-category .filters-unveil-button-wrapper { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 16px 0 24px !important; padding: 0 !important; box-sizing: border-box !important; } body.type-category .filters-unveil-button-wrapper .unveil-button { display: inline-flex !important; width: 100% !important; min-width: 0 !important; min-height: 48px !important; height: 48px !important; margin: 0 !important; padding: 0 18px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; gap: 10px !important; border: 1px solid #36200b !important; border-radius: 0 !important; appearance: none !important; background: #fff !important; background-image: none !important; color: #36200b !important; box-shadow: none !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-align: center !important; text-transform: none !important; text-decoration: none !important; } body.type-category .filters-unveil-button-wrapper .unveil-button::before { content: "" !important; display: block !important; width: 16px !important; height: 16px !important; flex: 0 0 16px !important; background: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%206h16M7%2012h10M10%2018h4%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%206h16M7%2012h10M10%2018h4%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / contain no-repeat !important; } body.type-category .filters-unveil-button-wrapper .unveil-button::after { content: none !important; display: none !important; } body.type-category .filters-unveil-button-wrapper .unveil-button:hover, body.type-category .filters-unveil-button-wrapper .unveil-button:focus { background: #f7f4f1 !important; color: #36200b !important; text-decoration: none !important; } body.type-category .filters-unveil-button-wrapper .unveil-button:focus-visible { outline: 2px solid rgba(54, 32, 11, .35) !important; outline-offset: 3px !important; } }