/* IONTMAX header – rebuild v28 Popup cart: compact cart-widget-product Vilgain layout Dark footer (#141414) Mobile currency/language selects in burger footer */ :root { --im-max: 1800px; --im-pad: clamp(20px, 4vw, 72px); --im-header-gap: clamp(12px, 2vw, 28px); --im-header-cols: auto minmax(0, 1fr) auto auto; --im-text: #1a1b1d; --im-muted: #6b7280; --im-soft: #f3f4f6; --im-line: rgba(0, 0, 0, 0.08); --im-black: #111214; --im-footer-bg: #141414; --im-footer-text: rgba(255, 255, 255, 0.9); --im-footer-muted: rgba(255, 255, 255, 0.62); --im-footer-line: rgba(255, 255, 255, 0.14); } /* Anti-FOUC fallback when site boot snippet is present but CSS loads first */ html.im-boot-pending body { opacity: 0; } html.im-boot-ready body { opacity: 1; } /* HARD OVERRIDE - popup cart cards (live DOM specific) */ body.im-panel-open--cart .im-panel-overlay.im-cart-widget.im-cart-vilgain.im-panel-overlay--cart .cart-widget-product { display: grid !important; grid-template-columns: 74px minmax(0, 1fr) minmax(118px, max-content) !important; grid-template-rows: auto auto !important; column-gap: 12px !important; row-gap: 10px !important; padding: 18px 14px !important; border: 1px solid #e7e8ec !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; } body.im-panel-open--cart .im-panel-overlay.im-cart-widget.im-cart-vilgain.im-panel-overlay--cart .cart-widget-product-image { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 74px !important; height: 92px !important; display: flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; } body.im-panel-open--cart .im-panel-overlay.im-cart-widget.im-cart-vilgain.im-panel-overlay--cart .cart-widget-product-image img { width: 70px !important; height: 88px !important; object-fit: contain !important; } body.im-panel-open--cart .im-panel-overlay.im-cart-widget.im-cart-vilgain.im-panel-overlay--cart .cart-widget-product-name { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; } body.im-panel-open--cart .im-panel-overlay.im-cart-widget.im-cart-vilgain.im-panel-overlay--cart .cart-widget-product-amount { grid-column: 2 !important; grid-row: 2 !important; align-self: start !important; margin: 0 !important; } @media (min-width: 768px) { html { scrollbar-gutter: stable; } } #header, #header * { box-sizing: border-box; } .im-sr { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* Skryj nativní Classic chrome */ @media (min-width: 768px) { .top-navigation-bar { display: none !important; } /* Bez probliknutí původního headeru než doběhne JS */ #header:not(:has(.im-header)) { min-height: 76px; visibility: hidden !important; overflow: hidden !important; } #header:not(:has(.im-header)) > * { display: none !important; } #header:has(.im-header) { visibility: visible !important; overflow: visible !important; min-height: 0; } } body.im-active .top-navigation-bar { display: none !important; } body.im-active #header:has(.im-header) > :not(.im-header) { display: none !important; } body.im-active #header .user-action { position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; } #header::before, #header::after { display: none !important; content: none !important; } /* ═══ SHELL ═══ */ .im-header { display: block; width: 100%; background: #fff; border-bottom: 0; } body.im-active #header, body.im-active .im-header { border-bottom: 0 !important; box-shadow: none !important; } body.im-active #header { position: sticky !important; top: 0; z-index: 200; background: #fff; overflow: visible !important; } body.im-active .im-header { background: #fff; } body.im-header-fixed-fallback.im-active #header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; } body.im-header-fixed-fallback.im-active .overall-wrapper { padding-top: var(--im-header-offset, 120px) !important; } .im-header__top { display: grid; grid-template-columns: var(--im-header-cols); align-items: center; gap: var(--im-header-gap); width: min(calc(100% - var(--im-pad) * 2), var(--im-max)); margin: 0 auto; padding: 14px 0 12px; } .im-header__logo, .im-header__logo .site-name, .im-header__logo h1.site-name { margin: 0; padding: 0; } .im-header__logo a { display: flex; align-items: center; height: 40px; } .im-header__logo img { display: block; max-width: 132px; max-height: 34px; width: auto; height: auto; object-fit: contain; transform: translateY(var(--im-logo-shift-y, 4px)); } /* Search slot */ .im-header__search { position: relative; z-index: 10; min-width: 0; width: 100%; max-width: 720px; justify-self: center; } body.im-active .im-header, body.im-active .im-header__top { overflow: visible !important; } /* Tools – měna / jazyk */ .im-header__tools { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } .im-header__tools .dropdown { position: relative; margin: 0; } .im-header__tools .dropdown > span:first-child { display: none !important; } .im-header__tools .dropdown button, .im-header__tools .dropdown > button { display: inline-flex; align-items: center; gap: 4px; height: 36px; padding: 0 12px; border: 1px solid var(--im-line); border-radius: 999px; background: #fff; color: var(--im-text); font-size: 13px; font-weight: 600; line-height: 1; cursor: pointer; } .im-header__tools .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; border-top: 4px solid currentColor; border-right: 4px solid transparent; border-left: 4px solid transparent; opacity: 0.6; } .im-header__tools .dropdown-menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 1200; min-width: 88px; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid var(--im-line); border-radius: 12px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12); } .im-header__tools .dropdown-menu a { display: block; padding: 8px 10px; border-radius: 8px; color: var(--im-text); font-size: 13px; text-decoration: none; } .im-header__tools .dropdown-menu a:hover { background: var(--im-soft); } .im-header__tools .dropdown button img, .im-header__tools .dropdown-menu a img, .im-mobile-nav__tools .dropdown button img, .im-mobile-nav__tools .dropdown-menu a img { display: inline-block !important; visibility: visible !important; width: 20px !important; height: 14px !important; margin: 0 8px 0 0 !important; object-fit: cover !important; border-radius: 2px !important; flex: 0 0 auto !important; } .im-header__tools .dropdown-menu a, .im-mobile-nav__tools .dropdown-menu a { display: flex !important; align-items: center !important; gap: 10px !important; } .im-header__tools .responsive-tools { display: none !important; } /* Header currency / language – checkout-style searchable selects */ body.im-header-tools-select-ready .im-header__tools, body.im-header-tools-select-ready .im-mobile-nav__tools { overflow: visible !important; } body.im-header-tools-select-ready .im-header__tools .im-header-tool-mount, body.im-header-tools-select-ready .im-mobile-nav__tools .im-header-tool-mount { position: relative !important; display: block !important; margin: 0 !important; padding: 0 !important; } body.im-header-tools-select-ready .im-header__tools .languagesMenu__box.im-header-tool-select-source, body.im-header-tools-select-ready .im-mobile-nav__tools .languagesMenu__box.im-header-tool-select-source, body.im-header-tools-select-ready .im-header__tools .dropdown.im-header-tool-select-source { position: relative !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.im-header-tools-select-ready .im-header__tools .im-header-tool-select, body.im-header-tools-select-ready .im-mobile-nav__tools .im-header-tool-select { position: relative !important; display: block !important; width: auto !important; min-width: 108px !important; } body.im-header-tools-select-ready .im-header__tools .im-country-select__trigger, body.im-header-tools-select-ready .im-mobile-nav__tools .im-country-select__trigger { display: inline-flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; width: 100% !important; min-width: 108px !important; min-height: 42px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid var(--im-line) !important; border-radius: 12px !important; background: #fff !important; color: var(--im-text) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: left !important; cursor: pointer !important; box-shadow: none !important; } body.im-header-tools-select-ready .im-header__tools .im-country-select__trigger:hover, body.im-header-tools-select-ready .im-mobile-nav__tools .im-country-select__trigger:hover { border-color: rgba(0, 0, 0, 0.16) !important; } body.im-header-tools-select-ready .im-header__tools .im-country-select--open .im-country-select__trigger, body.im-header-tools-select-ready .im-header__tools .im-country-select__trigger:focus, body.im-header-tools-select-ready .im-mobile-nav__tools .im-country-select--open .im-country-select__trigger, body.im-header-tools-select-ready .im-mobile-nav__tools .im-country-select__trigger:focus { border-color: var(--im-black) !important; box-shadow: 0 0 0 2px rgba(17, 18, 20, 0.1) !important; outline: none !important; } body.im-header-tools-select-ready .im-country-select__value { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.im-header-tools-select-ready .im-country-select__chevron { flex: 0 0 16px !important; width: 16px !important; height: 16px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23111214' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important; transition: transform 0.18s ease !important; } body.im-header-tools-select-ready .im-country-select--open .im-country-select__chevron { transform: rotate(180deg) !important; } body.im-header-tools-select-ready .im-header__tools .im-country-select__panel, body.im-header-tools-select-ready .im-mobile-nav__tools .im-country-select__panel { position: absolute !important; top: calc(100% + 8px) !important; right: 0 !important; left: auto !important; z-index: 1300 !important; display: none !important; width: min(280px, calc(100vw - 32px)) !important; min-width: 220px !important; overflow: hidden !important; border: 1px solid var(--im-line) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important; } @media (max-width: 767px) { body.im-header-tools-select-ready .im-mobile-nav__tools .im-header-tool-mount { flex: 1 1 calc(50% - 4px); min-width: 0; } body.im-header-tools-select-ready .im-mobile-nav__tools .im-country-select, body.im-header-tools-select-ready .im-mobile-nav__tools .im-header-tool-select { width: 100% !important; } body.im-header-tools-select-ready .im-mobile-nav__tools .im-country-select__panel { top: auto !important; bottom: calc(100% + 8px) !important; left: 0 !important; right: 0 !important; width: 100% !important; min-width: 0 !important; max-height: min(280px, 42vh) !important; z-index: 1400 !important; } body.im-header-tools-select-ready .im-mobile-nav__tools .im-country-select__trigger { touch-action: manipulation !important; -webkit-tap-highlight-color: transparent; position: relative !important; z-index: 2 !important; } body.im-header-tools-select-ready .im-mobile-nav__footer, body.im-header-tools-select-ready .im-mobile-nav__tools { overflow: visible !important; } body.im-header-tools-select-ready .im-mobile-nav__tools .im-country-select__list { max-height: min(220px, 34vh) !important; } .im-mobile-nav__body .menu-level-1 > li.im-nav-native-tools, .im-mobile-nav__body .navigation-in > ul > li.im-nav-native-tools, .im-mobile-nav__body .menu-level-1 > li.im-nav-login, .im-mobile-nav__body .navigation-in > ul > li.im-nav-login { display: none !important; } } body.im-header-tools-select-ready .im-country-select--open .im-country-select__panel { display: block !important; } body.im-header-tools-select-ready .im-country-select__search, body.im-header-tools-select-ready .im-country-select__empty { display: none !important; } body.im-header-tools-select-ready .im-country-select__list { display: flex !important; flex-direction: column !important; gap: 4px !important; max-height: 280px !important; overflow-y: auto !important; padding: 6px !important; } body.im-header-tools-select-ready .im-country-select__option { display: block !important; width: 100% !important; margin: 0 !important; padding: 10px 12px !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; color: var(--im-text) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.35 !important; text-align: left !important; cursor: pointer !important; } body.im-header-tools-select-ready .im-country-select__option-content { display: inline-flex !important; align-items: center !important; gap: 10px !important; } body.im-header-tools-select-ready .im-country-select__option-content .shp-flag { display: inline-block !important; width: 20px !important; height: 14px !important; flex: 0 0 auto !important; } body.im-header-tools-select-ready .im-country-select__option:hover, body.im-header-tools-select-ready .im-country-select__option.is-selected { background: var(--im-soft) !important; } body.im-header-tools-select-ready .im-country-select__option.is-hidden, body.im-header-tools-select-ready .im-country-select__option[hidden] { display: none !important; } body.im-header-tools-select-ready .im-country-select__empty { padding: 14px 12px !important; color: var(--im-muted) !important; font-size: 13px !important; text-align: center !important; } @media (min-width: 768px) { body.im-header-tools-select-ready .im-header__tools .dropdown button, body.im-header-tools-select-ready .im-header__tools .dropdown > button, body.im-header-tools-select-ready .im-header__tools .languagesMenu__header--actual { display: none !important; } body.im-header-tools-select-ready .im-header__tools .dropdown-menu, body.im-header-tools-select-ready .im-header__tools .languagesMenu__list { display: none !important; } } /* Actions – ikony */ .im-header__actions { display: flex; align-items: center; gap: 4px; flex-shrink: 0; } .im-header__actions > a, .im-header__actions > button, .im-header__actions .top-nav-button-login { position: relative !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; float: none !important; transform: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: var(--im-text) !important; font-size: 0 !important; line-height: 1 !important; text-decoration: none !important; cursor: pointer; transition: background 0.15s; } .im-header__actions > a:hover, .im-header__actions > button:hover, .im-header__actions .im-trigger-active { background: var(--im-soft) !important; } .im-header__ico { display: block; width: 22px; height: 22px; background: currentColor; pointer-events: none; } .im-header__ico--cart { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 5h1.2l1.4 8.2h11.1l1.5-6.2H7.8' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='18.5' r='1.25' fill='black'/%3E%3Ccircle cx='16.5' cy='18.5' r='1.25' fill='black'/%3E%3C/svg%3E") center / 22px 22px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 5h1.2l1.4 8.2h11.1l1.5-6.2H7.8' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='18.5' r='1.25' fill='black'/%3E%3Ccircle cx='16.5' cy='18.5' r='1.25' fill='black'/%3E%3C/svg%3E") center / 22px 22px no-repeat; } .im-header__ico--user { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='8' r='4' stroke='black' stroke-width='1.75'/%3E%3Cpath d='M5 20c0-3.314 3.134-6 7-6s7 2.686 7 6' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='8' r='4' stroke='black' stroke-width='1.75'/%3E%3Cpath d='M5 20c0-3.314 3.134-6 7-6s7 2.686 7 6' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; } .im-header__ico--menu { -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center / contain no-repeat; } /* Skryj starý Shoptet footer tools blok */ .im-legacy-tools { display: none !important; } .im-header__actions .cart-price, .im-header__actions [data-testid="headerCartPrice"], .im-header__actions .visible-lg-inline-block, .im-header__actions .visible-lg, .im-header__actions .sr-only, .im-header__actions span:not(.im-header__ico):not(.im-sr) { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; overflow: hidden !important; position: absolute !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; } body.im-active .im-header__actions a[data-target="cart"] .cart-price, body.im-active .im-header__actions [data-testid="headerCart"] .cart-price, body.im-active .im-header__actions [data-testid="headerCartPrice"] { display: none !important; } .im-header__actions .im-header__cart, .im-header__actions [data-testid="headerCart"], .im-header__actions .im-header__login { display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* Shoptet Classic .btn.btn-icon – vlastní rozměry a ::before ikona */ body.im-active #header .im-header__actions > a.cart-count, body.im-active #header .im-header__actions > a.btn.btn-icon, body.im-active #header .im-header__actions > [data-testid="headerCart"], body.im-active #header .im-header__actions > .im-header__cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; max-width: 44px !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; vertical-align: middle !important; text-align: center !important; overflow: visible !important; } body.im-active #header .im-header__actions > a.cart-count::before, body.im-active #header .im-header__actions > a.btn.btn-icon::before, body.im-active #header .im-header__actions > [data-testid="headerCart"]::before { display: none !important; content: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } body.im-active #header .im-header__actions .im-header__cart .im-header__ico, body.im-active #header .im-header__actions [data-testid="headerCart"] .im-header__ico { display: block !important; flex: 0 0 22px !important; width: 22px !important; height: 22px !important; margin: 0 !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; } .im-header__actions .im-header__ico { flex: 0 0 auto; margin: 0 !important; position: static !important; transform: none !important; } .im-header__actions a.cart-count > span:not(.im-header__ico):not(.im-sr), .im-header__actions [data-testid="headerCart"] > span:not(.im-header__ico):not(.im-sr) { position: absolute; top: 4px; right: 4px; display: inline-flex !important; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px; color: #fff !important; background: var(--im-black); border: 2px solid #fff; border-radius: 999px; font-size: 9px !important; font-weight: 700; line-height: 1 !important; } /* Search pill */ .im-search-pill { display: flex; align-items: center; width: 100%; height: 40px; padding: 0 16px; background: #f2f2f2; border: 0; border-radius: 8px; cursor: text; transition: background 0.18s; } .im-search-pill:focus-within { background: #f2f2f2; border: 0 !important; outline: 0 !important; box-shadow: none !important; } .im-header__search.im-search-open .im-search-pill, .im-header__search.im-search-open .im-search-pill:focus-within { border: 0 !important; border-radius: 8px 8px 0 0 !important; box-shadow: none !important; outline: 0 !important; } .im-search-pill__icon { flex: 0 0 16px; width: 16px; height: 16px; margin-right: 8px; opacity: 1; background: #888888; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' d='m21 21-4.3-4.3M10.8 18.2a7.4 7.4 0 1 1 0-14.8 7.4 7.4 0 0 1 0 14.8Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' d='m21 21-4.3-4.3M10.8 18.2a7.4 7.4 0 1 1 0-14.8 7.4 7.4 0 0 1 0 14.8Z'/%3E%3C/svg%3E") center / contain no-repeat; } .im-search-pill__input { flex: 1; min-width: 0; height: 40px; margin: 0; padding: 0; border: 0; background: transparent; color: var(--im-text); font-size: 14px; font-weight: 500; line-height: normal; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; transform: none; zoom: 1; } .im-search-pill__input:focus, .im-search-pill__input:focus-visible { outline: 0 !important; box-shadow: none !important; border: 0 !important; } .im-search-pill__input::placeholder { color: #888888; opacity: 1; font-size: inherit; } /* ═══ NAV – gray regular text, hover → black ═══ */ .im-header__nav { display: grid; grid-template-columns: var(--im-header-cols); align-items: center; column-gap: var(--im-header-gap); width: min(calc(100% - var(--im-pad) * 2), var(--im-max)); margin: 0 auto; padding: 4px 0 20px; --im-nav-btn-opacity: 0.58; --im-nav-btn-hover-opacity: 1; --im-nav-btn-radius: 10px; } /* Nav sedí ve stejném sloupci jako logo */ .im-header__nav > #navigation, .im-header__nav > .navigation-in { grid-column: 1; grid-row: 1; justify-self: start; align-self: center; width: auto !important; max-width: none !important; } body.im-active #header .im-header__nav #navigation, body.im-active #header .im-header__nav .navigation-in { margin: 0 !important; padding: 0 !important; left: auto !important; right: auto !important; transform: none !important; } .im-header__nav #navigation, .im-header__nav .navigation-in, .im-header__nav .navigation-in.menu { position: static !important; display: block !important; width: auto !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; visibility: visible !important; opacity: 1 !important; } .im-header__nav ul.menu-level-1, .im-header__nav .navigation-in > ul { display: flex; align-items: center; flex-wrap: nowrap; gap: clamp(22px, 2.6vw, 38px); margin: 0; margin-left: 0 !important; padding: 0; padding-left: 0 !important; list-style: none; overflow-x: auto; scrollbar-width: none; } .im-header__nav ul.menu-level-1 > li:first-child, .im-header__nav .navigation-in > ul > li:first-child { margin-left: 0 !important; padding-left: 0 !important; } .im-header__nav ul.menu-level-1 > li:first-child > a, .im-header__nav .navigation-in > ul > li:first-child > a { padding-left: 0 !important; margin-left: 0 !important; } body.im-active #header .im-header__nav ul.menu-level-1 > li > a, body.im-active #header .im-header__nav .navigation-in > ul > li > a { padding-top: 0 !important; padding-bottom: 0 !important; } body.im-active #header .im-header__nav ul.menu-level-1 > li:first-child > a, body.im-active #header .im-header__nav .navigation-in > ul > li:first-child > a { padding-left: 0 !important; } .im-header__nav ul.menu-level-1::-webkit-scrollbar { display: none; } .im-header__nav ul.menu-level-1 > li, .im-header__nav .navigation-in > ul > li { position: relative; flex: 0 0 auto; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; visibility: visible !important; display: block !important; } .im-header__nav ul.menu-level-1 > li::before, .im-header__nav ul.menu-level-1 > li::after, .im-header__nav .submenu-arrow { display: none !important; content: none !important; } .im-header__nav ul.menu-level-1 > li > a, .im-header__nav .navigation-in > ul > li > a { position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 36px; padding: 0 16px !important; margin: 0 !important; color: #000000 !important; opacity: var(--im-nav-btn-opacity); background: transparent !important; background-image: none !important; border: 0 !important; border-radius: var(--im-nav-btn-radius); box-shadow: none !important; outline: none !important; font-family: inherit; font-size: 15px; font-weight: 600 !important; font-synthesis: none; line-height: 1; letter-spacing: 0 !important; text-decoration: none !important; text-transform: none; white-space: nowrap; transform: none !important; transition: opacity 0.15s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: geometricPrecision; } .im-header__nav ul.menu-level-1 > li > a::before, .im-header__nav .navigation-in > ul > li > a::before { display: none !important; content: none !important; } .im-header__nav ul.menu-level-1 > li > a:hover, .im-header__nav ul.menu-level-1 > li.exp > a, .im-header__nav ul.menu-level-1 > li.open > a { color: #000000 !important; opacity: var(--im-nav-btn-hover-opacity); background: transparent !important; font-weight: 600 !important; letter-spacing: 0 !important; border: 0 !important; box-shadow: none !important; outline: none !important; transform: none !important; padding: 0 16px !important; } /* Shoptet Classic často mění váhu / padding při hoveru */ body.im-active .im-header__nav .menu-level-1 > li > a, body.im-active .im-header__nav .navigation-in > ul > li > a, body.im-active .im-header__nav .menu-level-1 > li > a:hover, body.im-active .im-header__nav .menu-level-1 > li.exp > a, body.im-active .im-header__nav .menu-level-1 > li.open > a { font-weight: 600 !important; padding: 0 16px !important; border-width: 0 !important; } .im-header__nav ul.menu-level-1 > li > a b, .im-header__nav ul.menu-level-1 > li > a strong { font-weight: 600; } /* Přihlášení už je v ikonách vpravo – ne třetí řádek v menu */ .im-header__nav .menu-level-1 > li:has([data-target="login"]), .im-header__nav .menu-level-1 > li:has(.top-nav-button-login), .im-header__nav .menu-level-1 > li.im-nav-login { display: none !important; } .im-header__nav .navigation-in > ul + ul, .im-header__nav .menu-level-1 + .menu-level-1 { display: none !important; } /* Submenu dropdown */ .im-header__nav ul.menu-level-2 { position: absolute; top: calc(100% + 6px); left: 0; z-index: 1100; display: none; min-width: 220px; margin: 0; padding: 8px; list-style: none; background: #fff; border: 1px solid var(--im-line); border-radius: 12px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12); } .im-header__nav li.exp > ul.menu-level-2, .im-header__nav li.open > ul.menu-level-2 { display: block; } .im-header__nav ul.menu-level-2 a { display: block; padding: 8px 10px; border-radius: 8px; color: var(--im-text) !important; font-size: 14px; font-weight: 600; text-decoration: none; } .im-header__nav ul.menu-level-2 a:hover { background: var(--im-soft); } /* ═══ Search dropdown pod header search barem ═══ */ .im-search-backdrop { display: none !important; pointer-events: none !important; } body.im-search-open .im-search-backdrop { display: none !important; pointer-events: none !important; } /* Header nad backdropem – jinak je dropdown na mobilu pod tmavým overlayem */ body.im-search-open #header, body.im-search-open .im-header { z-index: 120 !important; } .im-search-dropdown { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 30; width: 100%; margin-top: 0; overflow: hidden; background: #fff; border: 0; border-radius: 0 0 12px 12px; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12); } .im-header__search.im-search-open .im-search-dropdown { display: block; } .im-search-dropdown__results { max-height: min(420px, calc(100vh - 180px)); padding: 8px 16px 12px; overflow: auto; -webkit-overflow-scrolling: touch; } .im-search-hint, .im-search-fallback { padding: 6px 0 4px; color: #888888; } .im-search-hint h3 { margin: 0 0 4px; color: var(--im-text); font-size: 14px; font-weight: 650; letter-spacing: 0; } .im-search-hint p, .im-search-fallback p { margin: 0; font-size: 13px; line-height: 1.45; } .im-search-loading { display: flex; align-items: center; gap: 10px; padding: 12px 0; color: var(--im-muted); font-size: 14px; } .im-search-loading > span { width: 18px; height: 18px; border: 2px solid rgba(0, 0, 0, 0.12); border-top-color: var(--im-text); border-radius: 50%; animation: im-spin 0.7s linear infinite; } @keyframes im-spin { to { transform: rotate(360deg); } } .im-search-dropdown__results .search-whisperer, .im-search-dropdown__results .searchWhisperer { display: block !important; position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left; } .im-search-dropdown__results .search-whisperer ul, .im-search-dropdown__results .searchWhisperer__products__list, .im-search-dropdown__results .searchWhisperer__additionalResults__list { margin: 0; padding: 0; list-style: none; } .im-search-dropdown__results ul, .im-search-dropdown__results li { margin: 0 !important; padding: 0 !important; list-style: none !important; } .im-search-dropdown__results li::marker { content: "" !important; display: none !important; } .im-search-dropdown__results .search-whisperer ul li { margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .im-search-dropdown__results .search-whisperer ul li:last-child { border-bottom: 0; } .im-search-dropdown__results .search-whisperer ul li a, .im-search-dropdown__results .im-search-hit, .im-search-dropdown__results .searchWhisperer a[href] { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 12px !important; padding: 12px 0 !important; color: #303233 !important; text-decoration: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .im-search-dropdown__results .search-whisperer ul li a:link, .im-search-dropdown__results .search-whisperer ul li a:visited, .im-search-dropdown__results .im-search-hit:link, .im-search-dropdown__results .im-search-hit:visited { color: #303233 !important; } .im-search-dropdown__results .search-whisperer ul li a::before, .im-search-dropdown__results .search-whisperer ul li a::after, .im-search-dropdown__results .search-whisperer ul li::before, .im-search-dropdown__results .search-whisperer ul li::after { display: none !important; content: none !important; } .im-search-dropdown__results .search-whisperer ul li a:hover, .im-search-dropdown__results .im-search-hit:hover { background: #fafafa !important; } .im-search-dropdown__results .search-whisperer-image, .im-search-dropdown__results .im-search-hit__image, .im-search-dropdown__results .im-search-hit > img, .im-search-dropdown__results .im-search-hit > picture, .im-search-dropdown__results .im-search-hit img { display: block !important; flex: 0 0 48px !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; object-fit: contain; background: #f7f7f7 !important; border: 0 !important; border-radius: 4px; } .im-search-hit__body { flex: 1 1 auto; min-width: 0; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px; } .im-search-dropdown__results .im-search-hit__body .p-name, .im-search-dropdown__results .im-search-hit__name, .im-search-dropdown__results .im-search-hit__body .searchWhisperer__product__name { margin: 0 !important; padding: 0 !important; color: #303233 !important; font-size: 14px; font-weight: 500; line-height: 1.35; white-space: normal; } .im-search-dropdown__results .im-search-hit__body .price, .im-search-dropdown__results .im-search-hit__price, .im-search-dropdown__results .im-search-hit__body .searchWhisperer__product__price { margin: 0 !important; padding: 0 !important; color: #77818a !important; font-size: 13px; font-weight: 500; line-height: 1.2; text-align: left !important; white-space: nowrap; } .im-search-dropdown__results .im-search-hit__body .price *, .im-search-dropdown__results .im-search-hit__price * { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } .im-search-dropdown__results .search-whisperer .p-availability, .im-search-dropdown__results .search-whisperer .p-availability-inner, .im-search-dropdown__results .search-whisperer .flags, .im-search-dropdown__results .search-whisperer .flag, .im-search-dropdown__results .search-whisperer .availability, .im-search-dropdown__results .search-whisperer .p-code, .im-search-dropdown__results .search-whisperer .p-desc, .im-search-dropdown__results .search-whisperer .rating, .im-search-dropdown__results .search-whisperer .ratings, .im-search-dropdown__results .search-whisperer .stars, .im-search-dropdown__results .search-whisperer .star, .im-search-dropdown__results .search-whisperer .hearts, .im-search-dropdown__results .search-whisperer .likes, .im-search-dropdown__results .search-whisperer .reviews, .im-search-dropdown__results .search-whisperer .price-before, .im-search-dropdown__results .search-whisperer .price-save { display: none !important; } .im-search-dropdown__results .search-whisperer .p-info { display: none !important; } .im-search-dropdown__results .search-whisperer-documents, .im-search-dropdown__results .whisperer-trigger, .im-search-dropdown__results .searchWhisperer__additionalResults, .im-search-dropdown__results .searchWhisperer__additionalResults__list { display: none !important; } .im-search-dropdown__results .searchWhisperer__product, .im-search-dropdown__results .searchWhisperer__products__list a { display: flex !important; align-items: flex-start !important; gap: 12px !important; padding: 12px 0 !important; border-radius: 0 !important; background: transparent !important; text-decoration: none !important; } .im-search-dropdown__results .searchWhisperer__product:hover, .im-search-dropdown__results .searchWhisperer__products__list a:hover { background: #fafafa !important; } .im-search-dropdown__results .searchWhisperer__product__image, .im-search-dropdown__results .searchWhisperer__product img { flex: 0 0 48px; width: 48px; height: 48px; object-fit: contain; background: #fff !important; border: 0 !important; border-radius: 4px; } .im-search-dropdown__results .searchWhisperer__product__name { margin: 0 !important; color: #303233 !important; font-size: 14px; font-weight: 500; line-height: 1.35; } .im-search-dropdown__results .searchWhisperer__product__price { margin: 0 !important; color: #77818a !important; font-size: 13px; font-weight: 500; line-height: 1.2; text-align: left !important; } .im-panel-overlay__close { position: absolute; top: 16px; right: 16px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: var(--im-text); background: var(--im-soft); border: 0; border-radius: 999px; font-size: 22px; line-height: 1; cursor: pointer; } .im-panel-overlay__head { display: flex; align-items: center; min-height: 36px; margin: 0 0 12px; padding-right: 44px; } .im-panel-overlay__title { margin: 0; color: #202124; font-size: 20px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; } .im-panel-overlay--cart { display: none; flex-direction: column; top: 0 !important; right: 0 !important; left: 0 !important; bottom: 0 !important; width: 100% !important; max-width: 100% !important; height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; padding: calc(16px + env(safe-area-inset-top, 0px)) 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important; overflow: hidden; border-radius: 0 !important; box-shadow: none !important; } body.im-panel-open .im-panel-overlay--cart { display: flex; } body.im-panel-open--cart .im-panel-backdrop { display: none !important; } .im-panel-overlay--cart .im-panel-overlay__content { flex: 1; min-height: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0 0 16px; } body.im-panel-open--cart .im-panel-overlay--cart .cart-inner, body.im-panel-open--cart .im-panel-overlay--cart .place-cart-here, body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-inner { padding-left: 0 !important; padding-right: 0 !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-panel-overlay__content { padding-left: 16px !important; padding-right: 16px !important; } .im-panel-overlay--cart .im-panel-overlay__head { margin: 0 0 16px; padding-left: 16px; padding-right: 48px; } .im-panel-overlay--cart .im-panel-overlay__title { font-size: 24px; font-weight: 700; line-height: 1.2; } .im-panel-overlay--cart .im-panel-overlay__close { top: calc(12px + env(safe-area-inset-top, 0px)); right: 12px; width: 40px; height: 40px; background: #f3f4f6; } /* ═══ Cart / login panel ═══ */ body.im-panel-open { overflow: hidden; } .im-panel-backdrop { position: fixed; inset: 0; z-index: 1200; background: rgba(0, 0, 0, 0.28); display: none; } body.im-panel-open .im-panel-backdrop { display: block; } .im-panel-overlay { position: fixed; top: 28px; right: clamp(16px, 3.2vw, 60px); z-index: 1210; display: none; width: min(460px, calc(100vw - 32px)); max-height: calc(100vh - 56px); padding: 14px 16px 20px; overflow: auto; background: #fff; border-radius: 20px; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22); } body.im-panel-open .im-panel-overlay { display: block; } .im-panel-overlay__content > .user-action-cart, .im-panel-overlay__content > .user-action-login, .im-panel-overlay__content > .popup-widget, .im-panel-overlay__content .im-panel-widget { display: block !important; position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; visibility: visible !important; } /* ═══ Login panel ═══ */ body.im-panel-open--login { --im-login-text: #111214; --im-login-muted: #6b7280; --im-login-line: #ececec; --im-login-accent: #303233; overflow: hidden; } body.im-panel-open--login .im-panel-backdrop, body.im-panel-open--login.login-window-visible::before, body.login-window-visible.im-panel-open--login::before { display: none !important; content: none !important; background: transparent !important; pointer-events: none !important; } body.im-panel-open--login .im-panel-overlay--login { top: 50% !important; right: auto !important; left: 50% !important; transform: translate(-50%, -50%); width: min(480px, calc(100vw - 32px)) !important; max-height: min(90vh, 640px); padding: clamp(20px, 4vw, 28px) !important; overflow: auto; border: 1px solid var(--im-login-line) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.18) !important; } body.im-panel-open--login .im-panel-overlay__head { margin: 0 0 20px; padding-right: 48px; border: 0 !important; background: transparent !important; } body.im-panel-open--login .im-panel-overlay__title { color: var(--im-login-text) !important; font-size: clamp(20px, 4vw, 24px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; text-transform: none !important; } body.im-panel-open--login .im-panel-overlay__close { top: 16px; right: 16px; width: 40px; height: 40px; background: #f3f4f6 !important; color: var(--im-login-text) !important; border: 0 !important; } body.im-panel-open--login .popup-widget::before, body.im-panel-open--login .user-action-login::before, body.im-panel-open--login .login-widget::before, body.im-panel-open--login #login::before, body.im-panel-open--login .im-panel-overlay__content > .popup-widget::before { display: none !important; content: none !important; width: 0 !important; height: 0 !important; } body.im-panel-open--login .im-panel-overlay__content { padding: 0 !important; } body.im-panel-open--login .im-panel-overlay__content > .user-action-login, body.im-panel-open--login .im-panel-overlay__content > .popup-widget, body.im-panel-open--login .popup-widget-inner, body.im-panel-open--login #customerLogin, body.im-panel-open--login .popup-widget-inner fieldset, body.im-panel-open--login .popup-widget-inner .box { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; min-width: 0 !important; } body.im-panel-open--login .popup-widget-inner > h2, body.im-panel-open--login #loginHeading, body.im-panel-open--login .popup-widget-inner > .h4 { display: none !important; } body.im-panel-open--login #formLoginIncluded, body.im-panel-open--login #formLogin, body.im-panel-open--login .formLogin { display: flex !important; flex-direction: column !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.im-panel-open--login #formLoginIncluded .form-group, body.im-panel-open--login #formLogin .form-group, body.im-panel-open--login .formLogin .form-group { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.im-panel-open--login #formLoginIncluded .input-wrapper, body.im-panel-open--login #formLogin .input-wrapper, body.im-panel-open--login .formLogin .input-wrapper { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.im-panel-open--login #formLoginIncluded .form-control, body.im-panel-open--login #formLogin .form-control, body.im-panel-open--login .formLogin .form-control, body.im-panel-open--login .im-panel-overlay--login input[type="email"], body.im-panel-open--login .im-panel-overlay--login input[type="password"] { display: block !important; width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid var(--im-login-line) !important; border-radius: 12px !important; background: #fff !important; color: var(--im-login-text) !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.2 !important; box-shadow: none !important; appearance: none !important; } body.im-panel-open--login #formLoginIncluded .form-control::placeholder, body.im-panel-open--login #formLogin .form-control::placeholder, body.im-panel-open--login .formLogin .form-control::placeholder { color: #9ca3af !important; font-weight: 400 !important; opacity: 1 !important; } body.im-panel-open--login #formLoginIncluded .form-control:focus, body.im-panel-open--login #formLogin .form-control:focus, body.im-panel-open--login .formLogin .form-control:focus, body.im-panel-open--login .im-panel-overlay--login input[type="email"]:focus, body.im-panel-open--login .im-panel-overlay--login input[type="password"]:focus { border-color: var(--im-login-accent) !important; box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important; outline: none !important; } body.im-panel-open--login #formLoginIncluded .login-wrapper, body.im-panel-open--login #formLogin .login-wrapper, body.im-panel-open--login .formLogin .login-wrapper { display: flex !important; flex-direction: column !important; gap: 16px !important; margin: 4px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.im-panel-open--login .im-panel-overlay--login .btn.btn-login, body.im-panel-open--login .im-panel-overlay--login .btn.btn-secondary.btn-login, body.im-panel-open--login .im-panel-overlay--login .btn.btn-secondary.btn-text.btn-login, body.im-panel-open--login .im-panel-overlay--login button.btn-login, body.im-panel-open--login #formLoginIncluded .btn.btn-login, body.im-panel-open--login #formLogin .btn.btn-login, body.im-panel-open--login #formLoginIncluded button.btn-login, body.im-panel-open--login #formLogin button.btn-login, body.im-panel-open--login .formLogin .btn.btn-login, body.im-panel-open--login .formLogin button.btn-login { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; height: 48px !important; margin: 0 !important; padding: 0 24px !important; border: 0 !important; border-radius: 12px !important; background: var(--im-login-accent) !important; background-color: var(--im-login-accent) !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; line-height: 1.2 !important; text-decoration: none !important; text-transform: none !important; box-shadow: none !important; cursor: pointer !important; } body.im-panel-open--login .im-panel-overlay--login .btn.btn-login:hover, body.im-panel-open--login .im-panel-overlay--login .btn.btn-secondary.btn-login:hover, body.im-panel-open--login .im-panel-overlay--login .btn.btn-secondary.btn-text.btn-login:hover, body.im-panel-open--login .im-panel-overlay--login button.btn-login:hover, body.im-panel-open--login #formLoginIncluded .btn.btn-login:hover, body.im-panel-open--login #formLogin .btn.btn-login:hover, body.im-panel-open--login .formLogin .btn.btn-login:hover { border: 0 !important; background: #1a1b1d !important; background-color: #1a1b1d !important; color: #fff !important; } body.im-panel-open--login #formLoginIncluded .password-helper, body.im-panel-open--login #formLogin .password-helper, body.im-panel-open--login .formLogin .password-helper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } body.im-panel-open--login #formLoginIncluded .password-helper a, body.im-panel-open--login #formLogin .password-helper a, body.im-panel-open--login .formLogin .password-helper a { color: var(--im-login-muted) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } body.im-panel-open--login #formLoginIncluded .password-helper a:hover, body.im-panel-open--login #formLogin .password-helper a:hover, body.im-panel-open--login .formLogin .password-helper a:hover { color: var(--im-login-text) !important; } body.im-panel-open--login #formLoginIncluded .validator-msg, body.im-panel-open--login #formLoginIncluded .js-validator-msg, body.im-panel-open--login #formLogin .validator-msg, body.im-panel-open--login #formLogin .js-validator-msg, body.im-panel-open--login .formLogin .validator-msg, body.im-panel-open--login .formLogin .js-validator-msg { margin: 6px 0 0 !important; color: #b42318 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.35 !important; } @media (min-width: 480px) { body.im-panel-open--login #formLoginIncluded .password-helper, body.im-panel-open--login #formLogin .password-helper, body.im-panel-open--login .formLogin .password-helper { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px 20px !important; } } /* ═══ Cart popup widget (NOT /kosik page – homepage panel overlay) ═══ */ body.im-panel-open--cart .im-panel-overlay--cart, .im-cart-widget { color: #303233 !important; } .im-cart-widget :where(.price, .price-final, .price-standard, .summary-price, .price-no-vat, .p-name, .cart-p-name, .cart-p-name a) { color: #303233 !important; } .im-cart-widget :where(.free-shipping, .cart-free-shipping, .free-shipping-notice, .shipping-free, .highlight) { color: #6b7280 !important; } .im-cart-widget :where(.free-shipping a, .cart-free-shipping a, .free-shipping-notice a) { color: #6b7280 !important; text-decoration: none !important; } .im-cart-widget .btn-default, .im-cart-widget .btn-secondary, .im-cart-widget .btn.btn-default { border-color: #303233 !important; background: #303233 !important; color: #fff !important; box-shadow: none !important; } .im-cart-widget .form-control:focus, .im-cart-widget input:focus { border-color: #303233 !important; box-shadow: 0 0 0 2px rgba(48, 50, 51, 0.12) !important; } body.im-panel-open--cart .im-cart-widget:not(.im-cart-widget--ready) .place-cart-here, body.im-panel-open--cart .im-cart-widget:not(.im-cart-widget--ready) .cart-widget-inner { visibility: hidden !important; min-height: 140px; } body.im-panel-open--cart.ajax-pending .im-cart-widget .loader-overlay { display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255, 255, 255, 0.92) !important; } body.im-panel-open--cart .im-cart-widget.im-cart-widget--ready .place-cart-here, body.im-panel-open--cart .im-cart-widget.im-cart-widget--ready .cart-widget-inner { visibility: visible !important; } .im-cart-widget .popup-widget-inner, .im-cart-widget .cart-widget-inner, .im-cart-widget .place-cart-here { padding: 0 !important; } .im-cart-widget .loader-overlay { border-radius: 12px; } .im-cart-widget .cart-inner .cart-heading, .im-cart-widget .cart-inner > .h1.cart-heading, .im-cart-widget:not(.im-cart-page) ol.cart-header, .im-cart-widget:not(.im-cart-page) .cart-inner > ol.cart-header { display: none !important; } .im-cart-widget .cart-row, .im-cart-widget .cart-wrapper .row { display: block !important; margin: 0 !important; } .im-cart-widget .cart-row > .col-md-8, .im-cart-widget .cart-row > .col-md-4, .im-cart-widget .cart-wrapper .col-md-8, .im-cart-widget .cart-wrapper .col-md-4 { width: 100% !important; max-width: 100% !important; padding: 0 !important; float: none !important; } .im-cart-help-hidden, .im-cart-widget .im-cart-help-hidden { display: none !important; } .im-cart-widget .cart-table, .im-cart-widget table.cart-table { display: block !important; width: 100% !important; margin: 0 !important; border: 0 !important; } body.im-panel-open--cart .im-panel-overlay.im-panel-overlay--cart { z-index: 1500 !important; } .im-cart-widget .cart-table tbody, .im-cart-widget table.cart-table tbody { display: flex !important; flex-direction: column !important; gap: 0 !important; } .im-cart-widget .cart-table-row.removeable, .im-cart-widget [data-micro="cartItem"].cart-table-row, .im-cart-widget .cart-table tr.removeable, .im-cart-widget tr[data-micro="cartItem"] { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) auto !important; grid-template-rows: auto auto !important; column-gap: 12px !important; row-gap: 10px !important; align-items: start !important; margin: 0 0 12px !important; padding: 14px !important; border: 1px solid #ececec !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important; } .im-cart-widget .cart-p-image, .im-cart-widget tr.removeable td.cart-p-image, .im-cart-widget tr[data-micro="cartItem"] td.cart-p-image { grid-column: 1 !important; grid-row: 1 / span 2 !important; flex: 0 0 72px !important; width: 72px !important; min-width: 72px !important; } .im-cart-widget .cart-p-name, .im-cart-widget td.p-name, .im-cart-widget tr.removeable td.cart-p-name, .im-cart-widget tr.removeable td.p-name, .im-cart-widget tr[data-micro="cartItem"] td.cart-p-name, .im-cart-widget tr[data-micro="cartItem"] td.p-name { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; padding-right: 8px !important; } .im-cart-widget .cart-table-row > .cart-p-price:last-of-type, .im-cart-widget tr.removeable td.cart-p-price:last-of-type, .im-cart-widget tr[data-micro="cartItem"] td.cart-p-price:last-of-type, .im-cart-widget tr.removeable td.p-total, .im-cart-widget tr[data-micro="cartItem"] td.p-total { grid-column: 3 !important; grid-row: 2 !important; align-self: end !important; justify-self: end !important; text-align: right !important; } .im-cart-widget tr.removeable td.p-price, .im-cart-widget tr[data-micro="cartItem"] td.p-price, .im-cart-widget tr.removeable td.cart-p-price:not(:last-of-type), .im-cart-widget tr[data-micro="cartItem"] td.cart-p-price:not(:last-of-type) { grid-column: 3 !important; grid-row: 2 !important; align-self: start !important; justify-self: end !important; text-align: right !important; } .im-cart-widget .cart-p-quantity, .im-cart-widget td.p-quantity, .im-cart-widget tr.removeable td.cart-p-quantity, .im-cart-widget tr.removeable td.p-quantity, .im-cart-widget tr[data-micro="cartItem"] td.cart-p-quantity, .im-cart-widget tr[data-micro="cartItem"] td.p-quantity { grid-column: 2 !important; grid-row: 2 !important; align-self: end !important; justify-self: start !important; min-width: 0 !important; } .im-cart-widget .cart-p-delete, .im-cart-widget tr.removeable td.cart-p-delete, .im-cart-widget tr[data-micro="cartItem"] td.cart-p-delete { grid-column: 3 !important; grid-row: 1 !important; align-self: start !important; justify-self: end !important; } body.im-panel-open--cart .im-cart-widget tr[data-micro="cartItem"] .remove-item, body.im-panel-open--cart .im-cart-widget tr[data-micro="cartItem"] button.remove-item, body.im-panel-open--cart .im-cart-widget tr.removeable .remove-item, body.im-panel-open--cart .im-cart-widget tr.removeable button.remove-item { grid-column: unset !important; grid-row: unset !important; } .im-cart-widget .cart-table tr.removeable > td, .im-cart-widget tr[data-micro="cartItem"] > td { display: block !important; padding: 0 !important; border: 0 !important; vertical-align: top !important; } .im-cart-widget:not(.im-cart-page) tr[data-micro="cartItem"] > td.cart-p-availability, .im-cart-widget:not(.im-cart-page) tr.removeable > td.cart-p-availability, .im-cart-widget:not(.im-cart-page) tr[data-micro="cartItem"] > td.cart-p-code, .im-cart-widget:not(.im-cart-page) tr[data-micro="cartItem"] > td.p-availability, .im-cart-widget:not(.im-cart-page) tr.removeable > td.p-availability, .im-cart-widget:not(.im-cart-page) tr[data-micro="cartItem"] > td.p-price, .im-cart-widget:not(.im-cart-page) tr.removeable > td.p-price, .im-cart-widget:not(.im-cart-page) tr[data-micro="cartItem"] > td.p-discount, .im-cart-widget:not(.im-cart-page) tr.removeable > td.p-discount, .im-cart-widget:not(.im-cart-page) tr[data-micro="cartItem"] td.cart-p-price:not(:last-of-type), .im-cart-widget:not(.im-cart-page) tr.removeable td.cart-p-price:not(:last-of-type) { display: none !important; } body.im-panel-open--cart .im-cart-widget tr[data-micro="cartItem"] > td.p-price, body.im-panel-open--cart .im-cart-widget tr.removeable > td.p-price, body.im-panel-open--cart .im-cart-widget tr[data-micro="cartItem"] td.cart-p-price:not(:last-of-type), body.im-panel-open--cart .im-cart-widget tr.removeable td.cart-p-price:not(:last-of-type), body.im-panel-open--cart .im-cart-widget tr[data-micro="cartItem"] td.cart-p-price:first-of-type:not(:only-of-type), body.im-panel-open--cart .im-cart-widget tr.removeable td.cart-p-price:first-of-type:not(:only-of-type) { display: block !important; } .im-cart-widget .cart-p-image img { display: block !important; width: 72px !important; height: 72px !important; object-fit: contain !important; border-radius: 10px !important; background: #f6f6f6 !important; } .im-cart-widget .cart-p-name a, .im-cart-widget td.p-name a, .im-cart-widget .cart-p-name .p-name, .im-cart-widget td.p-name .main-link { display: block !important; color: #111214 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.35 !important; text-decoration: none !important; white-space: normal !important; } .im-cart-widget .cart-p-price .price-final, .im-cart-widget .cart-p-price .price, .im-cart-widget td.p-total .price-final, .im-cart-widget td.p-total .price, .im-cart-widget .cart-table-row > .cart-p-price:last-of-type, .im-cart-widget tr.removeable td.cart-p-price:last-of-type, .im-cart-widget tr[data-micro="cartItem"] td.cart-p-price:last-of-type, .im-cart-widget tr.removeable td.p-total, .im-cart-widget tr[data-micro="cartItem"] td.p-total { margin: 0 !important; color: #111214 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.2 !important; } .im-cart-widget td.cart-p-price:last-of-type .cart-p-label, .im-cart-widget td.p-total .cart-p-label, .im-cart-widget td.p-total .p-label, .im-cart-widget td.cart-p-price:last-of-type small:not(.price-final):not(.price), .im-cart-widget td.p-total small:not(.price-final):not(.price), .im-cart-widget td.cart-p-price:last-of-type .price-label, .im-cart-widget td.p-total .price-label, .im-cart-widget td.cart-p-price:last-of-type .sum-label, .im-cart-widget td.p-total .sum-label { display: none !important; } .im-cart-widget .cart-p-quantity .quantity-form, .im-cart-widget td.p-quantity .quantity-form { margin: 0 !important; } .im-cart-widget .cart-p-quantity .quantity-form:not(:has(.quantity)), .im-cart-widget .cart-p-quantity .quantity, .im-cart-widget td.p-quantity .quantity-form:not(:has(.quantity)), .im-cart-widget td.p-quantity .quantity, .im-cart-widget .cart-p-quantity.im-cart-qty .quantity, .im-cart-widget td.p-quantity.im-cart-qty .quantity { position: relative !important; display: inline-flex !important; flex-direction: row !important; align-items: stretch !important; justify-content: center !important; gap: 0 !important; width: auto !important; min-width: 112px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #e3e3e3 !important; border-radius: 999px !important; background: #fff !important; overflow: hidden !important; vertical-align: middle !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: none !important; } .im-cart-widget .cart-p-quantity .quantity-form .decrease, .im-cart-widget .cart-p-quantity .quantity .decrease, .im-cart-widget td.p-quantity .quantity-form .decrease, .im-cart-widget td.p-quantity .quantity .decrease { order: 1 !important; } .im-cart-widget .cart-p-quantity .quantity-form input.amount, .im-cart-widget .cart-p-quantity .quantity-form input[type="number"], .im-cart-widget .cart-p-quantity .quantity-form input[type="text"], .im-cart-widget .cart-p-quantity .quantity-form .form-control, .im-cart-widget .cart-p-quantity .quantity input.amount, .im-cart-widget .cart-p-quantity .quantity input[type="number"], .im-cart-widget .cart-p-quantity .quantity input[type="text"], .im-cart-widget .cart-p-quantity .quantity .form-control, .im-cart-widget td.p-quantity .quantity-form input.amount, .im-cart-widget td.p-quantity .quantity-form input[type="number"], .im-cart-widget td.p-quantity .quantity-form input[type="text"], .im-cart-widget td.p-quantity .quantity-form .form-control, .im-cart-widget td.p-quantity .quantity input.amount, .im-cart-widget td.p-quantity .quantity input[type="number"], .im-cart-widget td.p-quantity .quantity input[type="text"], .im-cart-widget td.p-quantity .quantity .form-control { order: 2 !important; flex: 1 1 auto !important; width: 42px !important; min-width: 36px !important; max-width: 52px !important; height: 100% !important; margin: 0 !important; padding: 0 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111214 !important; font-size: 15px !important; font-weight: 600 !important; text-align: center !important; box-shadow: none !important; -moz-appearance: textfield !important; appearance: textfield !important; } .im-cart-widget .cart-p-quantity .quantity-form input[type="number"]::-webkit-outer-spin-button, .im-cart-widget .cart-p-quantity .quantity-form input[type="number"]::-webkit-inner-spin-button, .im-cart-widget .cart-p-quantity .quantity input[type="number"]::-webkit-outer-spin-button, .im-cart-widget .cart-p-quantity .quantity input[type="number"]::-webkit-inner-spin-button, .im-cart-widget td.p-quantity .quantity-form input[type="number"]::-webkit-outer-spin-button, .im-cart-widget td.p-quantity .quantity-form input[type="number"]::-webkit-inner-spin-button, .im-cart-widget td.p-quantity .quantity input[type="number"]::-webkit-outer-spin-button, .im-cart-widget td.p-quantity .quantity input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } .im-cart-widget .cart-p-quantity .quantity-form .increase, .im-cart-widget .cart-p-quantity .quantity .increase, .im-cart-widget td.p-quantity .quantity-form .increase, .im-cart-widget td.p-quantity .quantity .increase { order: 3 !important; } .im-cart-widget .cart-p-quantity .quantity-form .decrease, .im-cart-widget .cart-p-quantity .quantity-form .increase, .im-cart-widget .cart-p-quantity .quantity .decrease, .im-cart-widget .cart-p-quantity .quantity .increase, .im-cart-widget td.p-quantity .quantity-form .decrease, .im-cart-widget td.p-quantity .quantity-form .increase, .im-cart-widget td.p-quantity .quantity .decrease, .im-cart-widget td.p-quantity .quantity .increase { position: static !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; flex: 0 0 40px !important; width: 40px !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111214 !important; cursor: pointer !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; } .im-cart-widget .cart-p-quantity .quantity-form .decrease, .im-cart-widget .cart-p-quantity .quantity .decrease, .im-cart-widget td.p-quantity .quantity-form .decrease, .im-cart-widget td.p-quantity .quantity .decrease { border-right: 1px solid #ececec !important; } .im-cart-widget .cart-p-quantity .quantity-form .increase, .im-cart-widget .cart-p-quantity .quantity .increase, .im-cart-widget td.p-quantity .quantity-form .increase, .im-cart-widget td.p-quantity .quantity .increase { border-left: 1px solid #ececec !important; } .im-cart-widget .cart-p-quantity .quantity-form .decrease::before, .im-cart-widget .cart-p-quantity .quantity-form .increase::before, .im-cart-widget .cart-p-quantity .quantity .decrease::before, .im-cart-widget .cart-p-quantity .quantity .increase::before, .im-cart-widget td.p-quantity .quantity-form .decrease::before, .im-cart-widget td.p-quantity .quantity-form .increase::before, .im-cart-widget td.p-quantity .quantity .decrease::before, .im-cart-widget td.p-quantity .quantity .increase::before { display: none !important; content: none !important; } .im-cart-widget .cart-p-quantity .quantity-form .decrease__sign, .im-cart-widget .cart-p-quantity .quantity-form .increase__sign, .im-cart-widget .cart-p-quantity .quantity .decrease__sign, .im-cart-widget .cart-p-quantity .quantity .increase__sign, .im-cart-widget td.p-quantity .quantity-form .decrease__sign, .im-cart-widget td.p-quantity .quantity-form .increase__sign, .im-cart-widget td.p-quantity .quantity .decrease__sign, .im-cart-widget td.p-quantity .quantity .increase__sign { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1 !important; color: #111214 !important; } .im-cart-widget .cart-p-quantity .quantity-form .decrease:not(:has(.decrease__sign))::after, .im-cart-widget .cart-p-quantity .quantity-form .increase:not(:has(.increase__sign))::after, .im-cart-widget .cart-p-quantity .quantity .decrease:not(:has(.decrease__sign))::after, .im-cart-widget .cart-p-quantity .quantity .increase:not(:has(.increase__sign))::after, .im-cart-widget td.p-quantity .quantity-form .decrease:not(:has(.decrease__sign))::after, .im-cart-widget td.p-quantity .quantity-form .increase:not(:has(.increase__sign))::after, .im-cart-widget td.p-quantity .quantity .decrease:not(:has(.decrease__sign))::after, .im-cart-widget td.p-quantity .quantity .increase:not(:has(.increase__sign))::after { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1 !important; color: #111214 !important; } .im-cart-widget .cart-p-quantity .quantity-form .decrease:not(:has(.decrease__sign))::after, .im-cart-widget .cart-p-quantity .quantity .decrease:not(:has(.decrease__sign))::after, .im-cart-widget td.p-quantity .quantity-form .decrease:not(:has(.decrease__sign))::after, .im-cart-widget td.p-quantity .quantity .decrease:not(:has(.decrease__sign))::after { content: "−" !important; } .im-cart-widget .cart-p-quantity .quantity-form .increase:not(:has(.increase__sign))::after, .im-cart-widget .cart-p-quantity .quantity .increase:not(:has(.increase__sign))::after, .im-cart-widget td.p-quantity .quantity-form .increase:not(:has(.increase__sign))::after, .im-cart-widget td.p-quantity .quantity .increase:not(:has(.increase__sign))::after { content: "+" !important; } .im-cart-widget .cart-p-quantity .quantity-form .decrease:hover, .im-cart-widget .cart-p-quantity .quantity-form .increase:hover, .im-cart-widget .cart-p-quantity .quantity .decrease:hover, .im-cart-widget .cart-p-quantity .quantity .increase:hover, .im-cart-widget td.p-quantity .quantity-form .decrease:hover, .im-cart-widget td.p-quantity .quantity-form .increase:hover, .im-cart-widget td.p-quantity .quantity .decrease:hover, .im-cart-widget td.p-quantity .quantity .increase:hover { background: #f6f6f6 !important; } .im-cart-widget .cart-p-quantity .quantity-form .decrease:active, .im-cart-widget .cart-p-quantity .quantity-form .increase:active, .im-cart-widget .cart-p-quantity .quantity .decrease:active, .im-cart-widget .cart-p-quantity .quantity .increase:active, .im-cart-widget td.p-quantity .quantity-form .decrease:active, .im-cart-widget td.p-quantity .quantity-form .increase:active, .im-cart-widget td.p-quantity .quantity .decrease:active, .im-cart-widget td.p-quantity .quantity .increase:active { background: #ececec !important; } .im-cart-widget .cart-p-quantity .quantity-form .decrease:disabled, .im-cart-widget .cart-p-quantity .quantity-form .increase:disabled, .im-cart-widget .cart-p-quantity .quantity-form .decrease.is-disabled, .im-cart-widget .cart-p-quantity .quantity-form .increase.is-disabled, .im-cart-widget .cart-p-quantity .quantity .decrease:disabled, .im-cart-widget .cart-p-quantity .quantity .increase:disabled, .im-cart-widget .cart-p-quantity .quantity .decrease.is-disabled, .im-cart-widget .cart-p-quantity .quantity .increase.is-disabled, .im-cart-widget td.p-quantity .quantity-form .decrease:disabled, .im-cart-widget td.p-quantity .quantity-form .increase:disabled, .im-cart-widget td.p-quantity .quantity-form .decrease.is-disabled, .im-cart-widget td.p-quantity .quantity-form .increase.is-disabled, .im-cart-widget td.p-quantity .quantity .decrease:disabled, .im-cart-widget td.p-quantity .quantity .increase:disabled, .im-cart-widget td.p-quantity .quantity .decrease.is-disabled, .im-cart-widget td.p-quantity .quantity .increase.is-disabled { opacity: 0.35 !important; cursor: default !important; pointer-events: none !important; } .im-cart-widget .cart-p-quantity .increase-tooltip, .im-cart-widget .cart-p-quantity .decrease-tooltip, .im-cart-widget .cart-p-quantity .js-increase-tooltip, .im-cart-widget .cart-p-quantity .js-decrease-tooltip, .im-cart-widget td.p-quantity .increase-tooltip, .im-cart-widget td.p-quantity .decrease-tooltip, .im-cart-widget td.p-quantity .js-increase-tooltip, .im-cart-widget td.p-quantity .js-decrease-tooltip { display: none !important; } .im-cart-widget .cart-p-availability, .im-cart-widget td.cart-p-availability, .im-cart-widget .p-availability, .im-cart-widget .availability-value, .im-cart-widget .availability-label, .im-cart-widget .cart-p-name .p-availability, .im-cart-widget .cart-p-name .availability, .im-cart-widget .cart-p-name .availability-label, .im-cart-widget .cart-p-name .availability-value, .im-cart-widget:not(.im-cart-page) .cart-table-row > .cart-p-price:first-of-type:not(:only-of-type), .im-cart-widget:not(.im-cart-page) tr.removeable td.cart-p-price:first-of-type:not(:only-of-type), .im-cart-widget:not(.im-cart-page) tr[data-micro="cartItem"] td.cart-p-price:first-of-type:not(:only-of-type), .im-cart-widget:not(.im-cart-page) .cart-p-price.p-no-vat, .im-cart-widget:not(.im-cart-page) .price-before, .im-cart-widget:not(.im-cart-page) .price-save, .im-cart-widget:not(.im-cart-page) .show-tooltip, .im-cart-widget:not(.im-cart-page) .show-tooltip.acronym, .im-cart-widget:not(.im-cart-page) .cart-p-price .price-additional, .im-cart-widget:not(.im-cart-page) .cart-p-price .unit-value, .im-cart-widget:not(.im-cart-page) .cart-p-price .price-measurement, .im-cart-widget:not(.im-cart-page) .cart-p-name .price-additional, .im-cart-widget:not(.im-cart-page) .cart-p-name .unit-value { display: none !important; } .im-cart-widget.im-cart-page td.p-price .unit-value { display: inline !important; } .im-cart-widget tr[data-micro="cartItem"] button.remove-item, .im-cart-widget tr[data-micro="cartItem"] .remove-item, .im-cart-widget tr.removeable .remove-item, .im-cart-widget tr.removeable:hover .remove-item, .im-cart-widget tr[data-micro="cartItem"]:hover .remove-item { opacity: 1 !important; visibility: visible !important; } .im-cart-widget tr[data-micro="cartItem"] button.remove-item::before, .im-cart-widget .remove-item::before { display: none !important; content: "" !important; } .im-cart-widget .cart-p-delete a, .im-cart-widget .remove-item a, .im-cart-widget tr[data-micro="cartItem"] button.remove-item, .im-cart-widget tr[data-micro="cartItem"] [data-testid="removeCartItem"], .im-cart-widget tr[data-micro="cartItem"] button[aria-label*="Odstranit"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; background-image: none !important; color: #b0b4bb !important; font-size: 0 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; cursor: pointer !important; } .im-cart-widget tr[data-micro="cartItem"] button.remove-item::after, .im-cart-widget .im-cart-row-side__remove button.remove-item::after { content: "×" !important; display: block !important; font-size: 24px !important; line-height: 1 !important; color: #b0b4bb !important; } .im-cart-widget .discount-coupon, .im-cart-widget .extras-wrapper, .im-cart-widget .free-gifts, .im-cart-widget .cart-free-shipping, .im-cart-widget .free-shipping { margin-top: 16px !important; padding-top: 16px !important; border-top: 1px solid var(--im-line) !important; color: #6b7280 !important; } .im-cart-widget .extras-wrapper .icon, .im-cart-widget .discount-coupon .icon, .im-cart-widget .free-gifts .icon { filter: grayscale(1) !important; opacity: 0.55 !important; } .im-cart-widget .discount-coupon h4, .im-cart-widget .free-gifts h4, .im-cart-widget .extras-wrapper h4 { margin: 0 0 10px !important; color: #202124 !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; } .im-cart-widget .discount-coupon form, .im-cart-widget .extras-wrapper form { display: flex !important; gap: 8px !important; align-items: stretch !important; } .im-cart-widget .discount-coupon input[type="text"], .im-cart-widget .discount-coupon input[type="search"], .im-cart-widget .extras-wrapper input[type="text"] { flex: 1 1 auto !important; height: 42px !important; padding: 0 14px !important; border: 1px solid var(--im-line) !important; border-radius: 12px !important; background: #fff !important; color: #303233 !important; font-size: 15px !important; box-shadow: none !important; } .im-cart-widget .discount-coupon .btn, .im-cart-widget .extras-wrapper .btn { flex: 0 0 auto !important; height: 42px !important; padding: 0 16px !important; border: 0 !important; border-radius: 12px !important; background: #303233 !important; color: #fff !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; box-shadow: none !important; } .im-cart-widget .cart-summary, .im-cart-widget #summary-box, .im-cart-widget .summary-wrapper { margin-top: 16px !important; padding: 16px !important; border: 0 !important; border-radius: 14px !important; background: #f6f6f6 !important; } .im-cart-widget .cart-summary .h4, .im-cart-widget .cart-summary h2, .im-cart-widget #summary-box .h4 { margin: 0 0 10px !important; color: #202124 !important; font-size: 14px !important; font-weight: 700 !important; } .im-cart-widget .cart-summary .price, .im-cart-widget #summary-box .price, .im-cart-widget .summary-price { color: #202124 !important; font-size: 24px !important; font-weight: 750 !important; line-height: 1.15 !important; } .im-cart-widget .cart-summary .price-secondary, .im-cart-widget .price-no-vat, .im-cart-widget .summary-price-secondary { margin-top: 4px !important; color: #888 !important; font-size: 13px !important; font-weight: 500 !important; } .im-cart-widget .cart-free-shipping, .im-cart-widget .free-shipping { color: #303233 !important; font-size: 14px !important; font-weight: 500 !important; } .im-cart-widget .cart-empty .empty-cart-boxes { margin-top: 8px !important; } .im-cart-widget .cart-empty .empty-cart-boxes h3 { display: none !important; } .im-cart-widget .cart-empty .empty-cart-boxes ul { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .im-cart-widget .cart-empty .empty-cart-boxes li { margin: 0 !important; padding: 0 !important; } .im-cart-widget .cart-empty .empty-cart-boxes a { display: inline-flex !important; align-items: center !important; height: 36px !important; padding: 0 14px !important; border: 1px solid var(--im-line) !important; border-radius: 999px !important; color: #303233 !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; background: #fff !important; } .im-cart-widget .cart-empty .col-md-6:last-child, .im-cart-widget .cart-empty .search { display: none !important; } .im-cart-widget .cart-inner { display: flex !important; flex-direction: column !important; } .im-cart-widget .cart-widget-button { position: relative !important; bottom: auto !important; z-index: 1 !important; margin: 20px 0 0 !important; padding: 0 !important; border-top: 0 !important; background: transparent !important; } .im-cart-widget .cart-widget-button .btn, .im-cart-widget .cart-widget-button a.btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 48px !important; padding: 0 20px !important; border: 0 !important; border-radius: 10px !important; background: #303233 !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-decoration: none !important; text-transform: uppercase !important; box-shadow: none !important; } .im-cart-widget .cart-inner .btn-conversion:not(.cart-widget-button .btn), .im-cart-widget .next-step { display: none !important; } /* ═══ Mobile drawer menu ═══ */ body.im-mobile-nav-open { overflow: hidden; } .im-mobile-nav-backdrop { display: none; position: fixed; inset: 0; z-index: 1300; background: rgba(0, 0, 0, 0.36); pointer-events: none; } .im-mobile-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1310; display: none; flex-direction: column; width: 100%; max-width: 100%; height: 100dvh; background: #fff; box-shadow: none; transform: translateX(-104%); transition: transform 0.28s ease; } body.im-mobile-nav-open .im-mobile-nav-backdrop { display: block; pointer-events: auto; } body.im-mobile-nav-open .im-mobile-nav { display: flex; transform: translateX(0); } .im-mobile-nav__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 16px 12px; border-bottom: 0; } .im-mobile-nav__title { font-size: 17px; font-weight: 700; color: var(--im-text); } .im-mobile-nav__close { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 0; border-radius: 999px; background: var(--im-soft); color: var(--im-text); font-size: 24px; line-height: 1; cursor: pointer; } .im-mobile-nav__body { flex: 1; overflow: auto; padding: 8px 8px 16px; -webkit-overflow-scrolling: touch; min-height: 0; } .im-mobile-nav__footer { display: flex; flex-direction: column; flex-shrink: 0; margin-top: auto; position: relative; z-index: 4; overflow: visible; background: #fff; } .im-mobile-nav__tools { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--im-line); background: #fff; overflow: visible; position: relative; z-index: 3; } .im-mobile-nav__login { padding: 0 0 calc(12px + env(safe-area-inset-bottom)); background: var(--im-soft); border-top: 1px solid var(--im-line); } .im-mobile-nav__login:empty, .im-mobile-nav__login:not(:has(.im-mobile-nav__login-list > li)) { display: none; } .im-mobile-nav__login-list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; } .im-mobile-nav__login-list > li { display: block; border-bottom: 1px solid var(--im-line); } .im-mobile-nav__login-list > li:last-child { border-bottom: 0; } .im-mobile-nav__login-list > li > a, .im-mobile-nav__login-list > li > button { display: flex; align-items: center; width: 100%; min-height: 48px; padding: 0 16px; border: 0; border-radius: 0; background: transparent; color: #111214 !important; font-size: 16px; font-weight: 600 !important; text-decoration: none !important; } .im-mobile-nav__login-list > li > a:hover, .im-mobile-nav__login-list > li > a:active, .im-mobile-nav__login-list > li > button:hover, .im-mobile-nav__login-list > li > button:active { background: rgba(0, 0, 0, 0.04) !important; color: #111214 !important; } .im-mobile-nav-trigger { display: none; } .im-header__menu { display: none; } @media (min-width: 768px) { body.im-active #header { top: 0 !important; left: auto !important; width: 100% !important; transform: none !important; } body.im-active .im-header__nav { display: none !important; } body.im-active .im-header__top { padding: 16px 0 16px; } body.im-active .im-header__search { max-width: none; width: 100%; } .im-header__actions .im-mobile-nav-trigger, .im-header__actions .im-mobile-nav-trigger[hidden] { display: none !important; width: 0 !important; height: 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; visibility: hidden !important; } } /* ═══ Mobile ═══ */ @media (max-width: 767px) { :root { --im-pad: 16px; --im-mobile-header-h: 52px; } /* Shoptet mobile header v1 – vypnout fixed/absolute logo nad carousel */ body.im-active #header { top: 0 !important; left: auto !important; width: 100% !important; background: #fff !important; transform: none !important; box-shadow: none !important; } body.im-active:not(.im-header-fixed-fallback) .overall-wrapper, body.im-active:not(.im-header-fixed-fallback).type-index .overall-wrapper, body.im-active:not(.im-header-fixed-fallback).in-index .overall-wrapper { padding-top: 0 !important; } body.im-active #header, body.im-active #header .im-header, body.im-active #header .navigation-wrapper, body.im-active #header .container { text-align: left !important; } body.im-active #header .site-name, body.im-active #header .site-name h1, body.im-active .im-header__logo, body.im-active .im-header__logo .site-name { position: static !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; max-width: none !important; text-align: center !important; } body.im-active.scrolled #header .site-name, body.im-active.scrolled-down #header .site-name, body.im-active.scrolled .im-header__logo, body.im-active.scrolled-down .im-header__logo { transform: none !important; } body.im-active #header .navigation-wrapper, body.im-active #header .navigation-buttons, body.im-active #header .container.navigation-wrapper { position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body.im-active .top-navigation-bar { display: none !important; position: static !important; transform: none !important; } body.im-active:not(.im-mobile-nav-open) #navigation { position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; opacity: 0 !important; clip: rect(0, 0, 0, 0) !important; } body.im-active .im-header__top { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) 44px !important; grid-template-rows: auto !important; grid-template-areas: "menu logo actions" !important; align-items: center !important; justify-items: stretch !important; gap: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 var(--im-pad) !important; min-height: var(--im-mobile-header-h); box-sizing: border-box !important; } body.im-active .im-header__menu { display: flex !important; grid-area: menu !important; align-items: center !important; justify-content: flex-start !important; align-self: center !important; width: 44px !important; min-width: 44px !important; height: var(--im-mobile-header-h); margin: 0 !important; padding: 0 !important; } body.im-active .im-header__logo { grid-area: logo !important; order: unset !important; justify-self: center !important; align-self: center !important; flex: none !important; min-width: 0; width: auto !important; max-width: calc(100% - 8px); margin: 0 auto !important; padding: 0 !important; text-align: center !important; } body.im-active .im-header__logo .site-name, body.im-active .im-header__logo h1.site-name { display: block !important; width: auto !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; } body.im-active .im-header__logo a { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: var(--im-mobile-header-h); min-height: var(--im-mobile-header-h); margin: 0 auto !important; padding: 0 !important; text-align: center !important; } body.im-active .im-header__logo img { display: block !important; margin: 0 auto !important; max-height: 34px; width: auto !important; transform: translateY(var(--im-logo-shift-y, 4px)) !important; } body.im-active .im-header__top .im-header__search, body.im-active .im-header__top #im-header-search-slot { display: none !important; } body.im-active .im-mobile-nav__search .im-header__search, body.im-active .im-mobile-nav__search #im-header-search-slot { display: block !important; width: 100% !important; max-width: none !important; } .im-mobile-nav__search { display: block; padding: 4px 16px 12px; border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } .im-mobile-nav__search #im-header-search-slot, .im-mobile-nav__search .im-header__search { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } .im-mobile-nav__search .im-search-pill { height: 44px; padding: 0 14px; font-size: 16px; } .im-mobile-nav__search .im-search-dropdown { position: static !important; margin-top: 8px !important; border: 1px solid var(--im-line) !important; border-radius: 12px !important; box-shadow: none !important; } .im-search-pill { height: 40px; padding: 0 14px; font-size: 16px; } #im-header-search-slot .im-search-pill, #im-header-search-slot .im-search-pill__input, body.im-active #header #im-header-search-slot .im-search-pill .im-search-pill__input, body.im-active #header #im-header-search-slot .im-search-pill .im-search-pill__input:focus, body.im-active #header #im-header-search-slot .im-search-pill .im-search-pill__input:focus-visible { font-size: 16px !important; line-height: normal !important; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; transform: none !important; zoom: 1 !important; } #im-header-search-slot .im-search-pill__input::placeholder, body.im-active #header #im-header-search-slot .im-search-pill .im-search-pill__input::placeholder { font-size: 16px !important; } body.im-search-open, html.im-search-open { overflow-x: hidden !important; scrollbar-gutter: auto !important; width: 100% !important; max-width: 100% !important; padding-right: 0 !important; margin-right: 0 !important; } body.im-search-open .overall-wrapper, body.im-search-open #content, body.im-search-open .content-wrapper, body.im-search-open .content, body.im-search-open #wrapper { overflow-x: hidden !important; width: 100% !important; max-width: 100% !important; padding-right: 0 !important; margin-right: 0 !important; transform: none !important; } body.im-search-open { touch-action: manipulation; } /* Keep header/search below notification strips */ #header, .im-header { z-index: 200 !important; } .im-header__search, .im-search-dropdown, #header .search-whisperer, #header [class*="search-whisperer"] { z-index: 45 !important; } .im-search-dropdown__results { max-height: min(420px, calc(100vh - 220px)); padding: 10px 14px 14px; } .im-search-hint h3 { font-size: 18px; } .im-search-hint p, .im-search-fallback p { font-size: 17px; } .im-search-dropdown__results .search-whisperer ul li a, .im-search-dropdown__results .im-search-hit, .im-search-dropdown__results .searchWhisperer a[href], .im-search-dropdown__results .searchWhisperer__product, .im-search-dropdown__results .searchWhisperer__products__list a { gap: 16px !important; padding: 16px 0 !important; } .im-search-dropdown__results .search-whisperer-image, .im-search-dropdown__results .im-search-hit__image, .im-search-dropdown__results .im-search-hit > img, .im-search-dropdown__results .im-search-hit > picture, .im-search-dropdown__results .im-search-hit img, .im-search-dropdown__results .searchWhisperer__product__image, .im-search-dropdown__results .searchWhisperer__product img { flex: 0 0 62px !important; width: 62px !important; height: 62px !important; min-width: 62px !important; min-height: 62px !important; border-radius: 5px; } .im-search-hit__body { gap: 5px; } .im-search-dropdown__results .im-search-hit__body .p-name, .im-search-dropdown__results .im-search-hit__name, .im-search-dropdown__results .im-search-hit__body .searchWhisperer__product__name, .im-search-dropdown__results .searchWhisperer__product__name { font-size: 18px !important; line-height: 1.35; } .im-search-dropdown__results .im-search-hit__body .price, .im-search-dropdown__results .im-search-hit__price, .im-search-dropdown__results .im-search-hit__body .searchWhisperer__product__price, .im-search-dropdown__results .searchWhisperer__product__price { font-size: 17px !important; line-height: 1.2; } body.im-active .im-header__tools { display: none !important; } body.im-active .im-header__actions { grid-area: actions !important; order: unset !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; justify-self: end !important; flex: none !important; gap: 0; align-self: center !important; min-height: var(--im-mobile-header-h); width: 44px !important; min-width: 44px !important; margin: 0 !important; padding: 0 !important; } .im-header__actions > a[data-target="login"], .im-header__actions > button.top-nav-button-login { display: none !important; } .im-header__actions > a, .im-header__actions > button, .im-header__actions .top-nav-button-login { width: 44px !important; height: 44px !important; min-width: 44px !important; touch-action: manipulation; -webkit-tap-highlight-color: transparent; cursor: pointer; } body.im-active #header .im-header__actions > a.cart-count, body.im-active #header .im-header__actions > [data-testid="headerCart"], body.im-active #header .im-header__actions > .im-header__cart { position: relative !important; z-index: 2 !important; pointer-events: auto !important; } .im-panel-backdrop { z-index: 1390; } body.im-panel-open--cart .im-panel-overlay--cart { z-index: 1500 !important; } .im-cart-widget .cart-table-row.removeable, .im-cart-widget .cart-table tr.removeable, .im-cart-widget tr[data-micro="cartItem"] { grid-template-columns: 72px minmax(0, 1fr) minmax(96px, max-content) !important; padding: 18px 16px 16px !important; border-radius: 16px !important; } .im-cart-widget td.p-name a, .im-cart-widget .cart-p-name a, .im-cart-widget .cart-p-name .p-name { font-size: 15px !important; } .im-cart-widget td.p-total .price-final, .im-cart-widget .cart-p-price .price-final, .im-cart-widget .cart-p-price .price { font-size: 16px !important; } .im-cart-widget .cart-p-quantity, .im-cart-widget td.p-quantity .quantity { min-width: 108px !important; height: 38px !important; } .im-cart-widget .cart-p-quantity .quantity .decrease, .im-cart-widget .cart-p-quantity .quantity .increase, .im-cart-widget td.p-quantity .quantity .decrease, .im-cart-widget td.p-quantity .quantity .increase { flex-basis: 38px !important; width: 38px !important; } .im-panel-overlay--cart .im-panel-overlay__close { top: calc(12px + env(safe-area-inset-top, 0px)); } .im-mobile-nav__tools .dropdown button img, .im-mobile-nav__tools .dropdown-menu a img, .im-mobile-nav__tools .dropdown-menu .flag, .im-mobile-nav__tools .dropdown-menu .language-flag, .im-mobile-nav__tools .dropdown-menu .currency-flag { display: inline-block !important; visibility: visible !important; width: 20px !important; height: 14px !important; margin: 0 8px 0 0 !important; object-fit: cover !important; border-radius: 2px !important; flex: 0 0 auto !important; } .im-mobile-nav__tools .dropdown button, .im-mobile-nav__tools .dropdown > button { gap: 8px; } .im-mobile-nav__tools .dropdown-menu a { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; color: var(--im-text) !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; border-radius: 10px !important; } .im-mobile-nav__tools .dropdown-menu a:hover, .im-mobile-nav__tools .dropdown-menu a:focus { background: var(--im-soft) !important; } .im-header__actions a.cart-count > span:not(.im-header__ico), .im-header__actions [data-testid="headerCart"] > span:not(.im-header__ico) { top: 2px !important; right: 2px !important; transform: none !important; } .im-mobile-nav-trigger { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--im-text) !important; cursor: pointer !important; } .im-header__nav { display: none !important; } /* Shoptet Classic: #navigation má na mobilu width:0 – v draweru reset */ body.im-active .im-mobile-nav__body #navigation, body.im-active .im-mobile-nav #navigation { position: static !important; top: auto !important; right: auto !important; left: auto !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; z-index: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; clip: auto !important; visibility: visible !important; opacity: 1 !important; } body.im-active .im-mobile-nav__body .navigation-in, body.im-active .im-mobile-nav .navigation-in { position: static !important; width: 100% !important; height: auto !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; transform: none !important; } /* Vertikální menu v draweru */ .im-mobile-nav__body #navigation, .im-mobile-nav__body #navigation.visible, .im-mobile-nav__body #navigation.fitted, .im-mobile-nav__body .navigation-in, .im-mobile-nav__body .navigation-in.fitted, .im-mobile-nav__body .navigation-in.menu { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; position: static !important; transform: none !important; clip: auto !important; } .im-mobile-nav__body ul.menu-level-1, .im-mobile-nav__body .navigation-in > ul { display: flex !important; flex-direction: column; align-items: stretch; gap: 0; margin: 0; padding: 0; overflow: visible; } .im-mobile-nav__body ul.menu-level-1 > li, .im-mobile-nav__body .navigation-in > ul > li { display: block !important; visibility: visible !important; border-bottom: 1px solid var(--im-line); } .im-mobile-nav__body { flex: 1; overflow: auto; padding: 0 0 16px; min-height: 0; -webkit-overflow-scrolling: touch; } .im-mobile-nav__body ul.menu-level-1 > li > a, .im-mobile-nav__body .navigation-in > ul > li > a, .im-mobile-nav__body ul.menu-level-2 a, .im-mobile-nav__body ul.menu-level-3 a, .im-mobile-nav__body #navigation a, .im-mobile-nav__body .navigation-in a, .im-mobile-nav__body a:link, .im-mobile-nav__body a:visited { color: #111214 !important; text-decoration: none !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.06); } .im-mobile-nav__body ul.menu-level-1 > li > a, .im-mobile-nav__body .navigation-in > ul > li > a { justify-content: flex-start; width: 100%; min-height: 48px; min-width: 0 !important; padding: 0 16px !important; border-radius: 0; font-size: 16px; font-weight: 600 !important; opacity: 1 !important; color: #111214 !important; background: transparent !important; } body.im-active.im-mobile-nav-open .im-mobile-nav__body #navigation, body.im-active.im-mobile-nav-open .im-mobile-nav__body .navigation-in, body.im-active.im-mobile-nav-open .im-mobile-nav__body .menu-level-1 > li, body.im-active.im-mobile-nav-open .im-mobile-nav__body .menu-level-1 > li > a { pointer-events: auto !important; } .im-mobile-nav__body ul.menu-level-1 > li.ext > a, .im-mobile-nav__body .navigation-in > ul > li.ext > a, .im-mobile-nav__body ul.menu-level-1 > li:has(> ul) > a, .im-mobile-nav__body .navigation-in > ul > li:has(> ul) > a { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; cursor: pointer !important; touch-action: manipulation; } .im-mobile-nav__body ul.menu-level-1 > li.ext > a .submenu-arrow, .im-mobile-nav__body .navigation-in > ul > li.ext > a .submenu-arrow { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; opacity: 1 !important; } .im-mobile-nav__body ul.menu-level-1 > li.ext > a .submenu-arrow::after, .im-mobile-nav__body .navigation-in > ul > li.ext > a .submenu-arrow::after { display: block !important; content: "" !important; width: 8px !important; height: 8px !important; border-right: 2px solid #b8bbc2 !important; border-bottom: 2px solid #b8bbc2 !important; transform: rotate(45deg) !important; transition: transform 0.2s ease !important; } .im-mobile-nav__body li.exp > a .submenu-arrow::after, .im-mobile-nav__body li.open > a .submenu-arrow::after, .im-mobile-nav__body li.show-submenu > a .submenu-arrow::after { transform: rotate(225deg) !important; margin-top: 2px !important; } .im-mobile-nav__body ul.menu-level-1 > li:not(.ext):has(> ul) > a::after, .im-mobile-nav__body .navigation-in > ul > li:not(.ext):has(> ul) > a::after { content: ""; flex: 0 0 10px; width: 10px; height: 10px; margin-right: 2px; border-right: 2px solid #b8bbc2; border-bottom: 2px solid #b8bbc2; transform: rotate(45deg); transition: transform 0.2s ease; } .im-mobile-nav__body li.exp > a::after, .im-mobile-nav__body li.open > a::after, .im-mobile-nav__body li.show-submenu > a::after { transform: rotate(225deg); margin-top: 4px; } .im-mobile-nav__body ul.menu-level-1 > li:first-child > a, .im-mobile-nav__body .navigation-in > ul > li:first-child > a { padding-left: 16px !important; } .im-mobile-nav__body ul.menu-level-1 > li > a:hover, .im-mobile-nav__body .navigation-in > ul > li > a:hover, .im-mobile-nav__body ul.menu-level-2 a:hover, .im-mobile-nav__body ul.menu-level-3 a:hover, .im-mobile-nav__body ul.menu-level-1 > li > a:active, .im-mobile-nav__body .navigation-in > ul > li > a:active, .im-mobile-nav__body ul.menu-level-2 a:active, .im-mobile-nav__body ul.menu-level-3 a:active, .im-mobile-nav__body ul.menu-level-1 > li > a:focus, .im-mobile-nav__body .navigation-in > ul > li > a:focus, .im-mobile-nav__body ul.menu-level-1 > li.exp > a, .im-mobile-nav__body ul.menu-level-1 > li.open > a, .im-mobile-nav__body .navigation-in > ul > li.exp > a, .im-mobile-nav__body .navigation-in > ul > li.open > a { background: var(--im-soft) !important; color: #000 !important; } @media (hover: none) and (pointer: coarse) { .im-mobile-nav__body ul.menu-level-1 > li > a:hover, .im-mobile-nav__body .navigation-in > ul > li > a:hover, .im-mobile-nav__body ul.menu-level-2 a:hover, .im-mobile-nav__body ul.menu-level-3 a:hover { color: #111214 !important; background: transparent !important; } .im-mobile-nav__body ul.menu-level-1 > li > a:active, .im-mobile-nav__body .navigation-in > ul > li > a:active, .im-mobile-nav__body ul.menu-level-2 a:active, .im-mobile-nav__body ul.menu-level-3 a:active { color: #000 !important; background: var(--im-soft) !important; } } .im-mobile-nav__body ul.menu-level-2, .im-mobile-nav__body ul.menu-level-3 { position: static; display: none !important; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; pointer-events: auto !important; } .im-mobile-nav__body li.exp > ul.menu-level-2, .im-mobile-nav__body li.open > ul.menu-level-2, .im-mobile-nav__body li.show-submenu > ul.menu-level-2, .im-mobile-nav__body li.exp > ul.menu-level-3, .im-mobile-nav__body li.open > ul.menu-level-3, .im-mobile-nav__body li.show-submenu > ul.menu-level-3 { display: block !important; pointer-events: auto !important; } .im-mobile-nav__body ul.menu-level-2 li, .im-mobile-nav__body ul.menu-level-3 li { display: block !important; border-bottom: 0 !important; } .im-mobile-nav__body ul.menu-level-2 a, .im-mobile-nav__body ul.menu-level-3 a { display: block !important; position: relative !important; z-index: 2 !important; min-height: 44px !important; padding: 10px 16px 10px 28px !important; pointer-events: auto !important; cursor: pointer !important; touch-action: manipulation !important; font-size: 15px !important; font-weight: 500 !important; } .im-mobile-nav__body .submenu-arrow, .im-mobile-nav__body .menu-item-arrow, .im-mobile-nav__body button.submenu-arrow { display: none !important; } .im-mobile-nav__body li.ext .submenu-arrow, .im-mobile-nav__body li.ext button.submenu-arrow { display: inline-flex !important; width: 16px !important; height: 16px !important; overflow: visible !important; pointer-events: none !important; } .im-mobile-nav__tools .dropdown { position: relative; flex: 1 1 calc(50% - 4px); min-width: 0; } .im-mobile-nav__tools .dropdown > span:first-child { display: block !important; margin: 0 0 6px; color: var(--im-muted); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; } .im-mobile-nav__tools .dropdown button, .im-mobile-nav__tools .dropdown > button { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 42px; padding: 0 12px; border: 1px solid var(--im-line); border-radius: 12px; background: #fff; color: var(--im-text); font-size: 14px; font-weight: 600; } .im-mobile-nav__tools .dropdown-menu { position: absolute; left: 0; right: 0; bottom: calc(100% + 6px); top: auto; z-index: 5; display: none !important; max-height: 220px; overflow: auto; padding: 6px; border: 1px solid var(--im-line); border-radius: 12px; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12); background: #fff; } .im-mobile-nav__tools .dropdown.im-open .dropdown-menu { display: block !important; } /* Shoptet Classic skrývá menu mimo navigation-window-visible */ body.im-active .im-mobile-nav .menu-level-1, body.im-active .im-mobile-nav .menu-level-1 > li, body.im-active .im-mobile-nav .menu-level-1 > li > a { visibility: visible !important; opacity: 1 !important; } body.im-active .im-mobile-nav .menu-level-1 { display: flex !important; } body.im-active .im-mobile-nav .menu-level-1 > li { display: block !important; } } /* ═══ Popup košík (homepage URL – overlay, ne /kosik) ═══ */ body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget table.cart-table, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-table, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-table thead, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-table tbody, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-table tr, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-table td { float: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget table.cart-table, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-table { display: block !important; width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-table thead { display: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-table tbody { display: flex !important; flex-direction: column !important; gap: 12px !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"], body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-table-row.removeable { position: relative !important; display: grid !important; grid-template-columns: 72px minmax(0, 1fr) minmax(116px, max-content) !important; grid-template-rows: auto minmax(56px, auto) !important; column-gap: 12px !important; row-gap: 10px !important; align-items: start !important; margin: 0 !important; padding: 16px 14px !important; border: 1px solid #ececec !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important; overflow: visible !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.p-availability, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.p-availability, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.cart-p-availability, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.cart-p-availability, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.p-discount, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.p-discount, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.im-cart-row-side, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.im-cart-row-side, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.im-cart-source-hidden, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.im-cart-source-hidden, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.im-cart-price-source, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.im-cart-price-source, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.cart-p-delete, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.cart-p-delete { display: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.cart-p-image, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.cart-p-image, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.p-name, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.p-name, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.cart-p-name, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.cart-p-name, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.p-quantity, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.p-quantity, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.cart-p-quantity, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.cart-p-quantity, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.p-price, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.p-price, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.p-total, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.p-total, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.cart-p-price:last-of-type, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.cart-p-price:last-of-type, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.cart-p-price:not(:last-of-type), body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.cart-p-price:not(:last-of-type) { display: block !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget ol.cart-header, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-inner > ol.cart-header, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .contact-box, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .checkout-box-wrapper, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .sidebar-in-cart .checkout-box-wrapper, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .sidebar-in-cart h2.h4, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-content .h4:has(+ .contact-box), body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .next-step-back, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget a.next-step-back, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-help-hidden { display: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td.cart-p-availability, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td.cart-p-availability, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .price-save, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .show-tooltip, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .show-tooltip.acronym, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-discount, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .p-discount, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .availability-value, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .availability-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .p-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-p-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .price-before, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .price-additional, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .price-measurement, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-p-name .availability, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-p-name > .p-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-p-name > small, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .cart-p-name .unit-value, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-name .unit-value, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type .cart-p-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type small:not(.price-final):not(.price), body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type .price-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type .sum-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type .price-save, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total .cart-p-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total .p-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total small:not(.price-final):not(.price) { display: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-image { grid-column: 1 !important; grid-row: 1 / span 2 !important; align-self: start !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-image img { display: block !important; width: 72px !important; height: 72px !important; object-fit: contain !important; border-radius: 12px !important; background: #f6f6f6 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-name, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-name { grid-column: 2 / 4 !important; grid-row: 1 !important; align-self: start !important; min-width: 0 !important; padding-right: 40px !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-name .main-link-variant, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-name .main-link-variant { display: block !important; margin-top: 4px !important; color: #6b7280 !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.3 !important; text-decoration: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-name .price, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-name .price-final, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-name .price, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-name .price-final, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-name [data-testid="cartItemPrice"], body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-name [data-testid="cartItemPrice"] { display: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-name a, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-name a, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-name .p-name, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-name .main-link { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; margin: 0 !important; color: #111214 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; text-decoration: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-quantity, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-quantity, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-qty { grid-column: 2 !important; grid-row: 2 !important; align-self: end !important; justify-self: start !important; position: relative !important; margin: 0 !important; padding: 0 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-price, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:not(:last-of-type) { grid-column: 3 !important; grid-row: 2 !important; align-self: start !important; justify-self: end !important; margin: 0 !important; padding: 0 0 2px !important; text-align: right !important; white-space: nowrap !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-price .price-final, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-price .price, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-price [data-testid="cartItemPrice"] { display: inline !important; margin: 0 !important; color: #6b7280 !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.25 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-price .unit-value { display: inline !important; margin: 0 !important; color: #9ca3af !important; font-size: 11px !important; font-weight: 400 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type { grid-column: 3 !important; grid-row: 2 !important; align-self: end !important; justify-self: end !important; margin: 0 !important; padding: 0 !important; text-align: right !important; white-space: nowrap !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total .price-final, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total .price, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total [data-testid="cartPrice"], body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type .price-final, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type .price { display: block !important; margin: 0 !important; color: #111214 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total br, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type br { display: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total form, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total .inline, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type form { position: static !important; margin: 0 !important; padding: 0 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] button.remove-item, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable button.remove-item, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] .remove-item, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable .remove-item, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget button[aria-label*="Odstranit"], body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget [data-testid="removeCartItem"] { position: absolute !important; top: 8px !important; right: 10px !important; grid-column: unset !important; grid-row: unset !important; z-index: 4 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-delete { display: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget button.remove-item, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget button[aria-label*="Odstranit"], body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget [data-testid="removeCartItem"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; background-image: none !important; color: #b0b4bb !important; font-size: 0 !important; line-height: 1 !important; cursor: pointer !important; opacity: 1 !important; visibility: visible !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget button.remove-item::before, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-row-side__remove button.remove-item::before, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .remove-item::before { display: none !important; content: "" !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget button.remove-item::after, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-row-side__remove button.remove-item::after { content: "×" !important; display: block !important; color: #b0b4bb !important; font-size: 24px !important; font-weight: 400 !important; line-height: 1 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget button.remove-item .sr-only, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-row-side__remove button.remove-item .sr-only { display: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-summary-panel { display: block !important; margin: 16px 0 0 !important; padding: 0 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-summary-panel .cart-summary, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-summary-panel #summary-box, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-summary-panel .summary-wrapper { display: block !important; margin: 0 !important; padding: 16px !important; border: 0 !important; border-radius: 14px !important; background: #f6f6f6 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-summary-panel .h4, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-summary-panel h2, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-summary-panel .summary-label { margin: 0 0 8px !important; color: #6b7280 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-summary-panel .price, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-summary-panel .summary-price, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-summary-panel .price-final { color: #111214 !important; font-size: 24px !important; font-weight: 750 !important; line-height: 1.15 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget .im-cart-hidden { display: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] > td, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget tr.removeable > td { display: block !important; padding: 0 !important; border: 0 !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-qty-native { position: absolute !important; left: 0 !important; top: 0 !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; opacity: 0 !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; pointer-events: none !important; white-space: nowrap !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-qty-stepper { display: inline-flex !important; align-items: stretch !important; height: 40px !important; border: 1px solid #e3e3e3 !important; border-radius: 999px !important; overflow: hidden !important; background: #fff !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-quantity.im-cart-qty--custom, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-quantity.im-cart-qty--custom { display: block !important; width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.im-cart-qty--custom .quantity-form, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.im-cart-qty--custom .quantity { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-price, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:not(:last-of-type), body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-total, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-price:last-of-type { min-width: 96px !important; max-width: 100% !important; } body.im-panel-open--cart .im-qty-stepper__btn { flex: 0 0 40px !important; width: 40px !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #111214 !important; font-size: 22px !important; font-weight: 500 !important; line-height: 1 !important; cursor: pointer !important; } body.im-panel-open--cart .im-qty-stepper__btn--minus { border-right: 1px solid #ececec !important; } body.im-panel-open--cart .im-qty-stepper__btn--plus { border-left: 1px solid #ececec !important; } body.im-panel-open--cart .im-qty-stepper__value { flex: 0 0 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 36px !important; color: #111214 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1 !important; } /* Shoptet cart-window-visible resets inside our popup */ body.im-panel-open--cart.cart-window-visible .im-panel-overlay--cart.im-cart-widget .cart-table tbody { display: flex !important; flex-direction: column !important; gap: 12px !important; } body.im-panel-open--cart.cart-window-visible .im-panel-overlay--cart.im-cart-widget tr.removeable, body.im-panel-open--cart.cart-window-visible .im-panel-overlay--cart.im-cart-widget tr[data-micro="cartItem"] { border: 1px solid #ececec !important; border-radius: 16px !important; background: #fff !important; } body.im-panel-open--cart.cart-window-visible .im-panel-overlay--cart.im-cart-widget .cart-table tr.removeable + tr.removeable, body.im-panel-open--cart.cart-window-visible .im-panel-overlay--cart.im-cart-widget .cart-table tr[data-micro="cartItem"] + tr[data-micro="cartItem"] { border-top: 0 !important; } body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-quantity .p-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-quantity .p-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-quantity .cart-p-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-quantity .cart-p-label, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.p-quantity .unit, body.im-panel-open--cart .im-panel-overlay--cart.im-cart-widget td.cart-p-quantity .unit { display: none !important; } /* Popup košík – layout i bez třídy im-cart-widget na overlay (Samba controls) */ body.im-panel-open--cart .im-panel-overlay--cart .cart-table, body.im-panel-open--cart .im-panel-overlay--cart table.cart-table { width: 100% !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-table tbody { display: flex !important; flex-direction: column !important; gap: 12px !important; } body.im-panel-open--cart .im-panel-overlay--cart tr.removeable, body.im-panel-open--cart .im-panel-overlay--cart tr[data-micro="cartItem"], body.im-panel-open--cart .im-panel-overlay--cart .cart-table-row.removeable { position: relative !important; display: grid !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; grid-template-columns: 72px minmax(0, 1fr) minmax(96px, max-content) !important; grid-template-rows: auto minmax(56px, auto) !important; column-gap: 12px !important; row-gap: 8px !important; margin: 0 !important; padding: 16px 14px !important; border: 1px solid #ececec !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important; } body.im-panel-open--cart .im-panel-overlay--cart td.cart-p-image { grid-column: 1 !important; grid-row: 1 / span 2 !important; } body.im-panel-open--cart .im-panel-overlay--cart td.p-name, body.im-panel-open--cart .im-panel-overlay--cart td.cart-p-name { grid-column: 2 / 4 !important; grid-row: 1 !important; min-width: 0 !important; padding-right: 40px !important; } body.im-panel-open--cart .im-panel-overlay--cart td.p-quantity, body.im-panel-open--cart .im-panel-overlay--cart td.cart-p-quantity { grid-column: 2 !important; grid-row: 2 !important; align-self: end !important; } body.im-panel-open--cart .im-panel-overlay--cart td.p-price, body.im-panel-open--cart .im-panel-overlay--cart td.cart-p-price:not(:last-of-type) { grid-column: 3 !important; grid-row: 2 !important; align-self: start !important; justify-self: end !important; text-align: right !important; display: block !important; } body.im-panel-open--cart .im-panel-overlay--cart td.p-total, body.im-panel-open--cart .im-panel-overlay--cart td.cart-p-price:last-of-type { grid-column: 3 !important; grid-row: 2 !important; align-self: end !important; justify-self: end !important; text-align: right !important; display: block !important; } body.im-panel-open--cart .im-panel-overlay--cart td.p-name .price, body.im-panel-open--cart .im-panel-overlay--cart td.p-name .price-final, body.im-panel-open--cart .im-panel-overlay--cart td.cart-p-name .price, body.im-panel-open--cart .im-panel-overlay--cart td.cart-p-name .price-final { display: none !important; } body.im-panel-open--cart .im-panel-overlay--cart td.p-quantity:has(.im-qty-stepper) .quantity-form, body.im-panel-open--cart .im-panel-overlay--cart td.p-quantity:has(.im-qty-stepper) .quantity, body.im-panel-open--cart .im-panel-overlay--cart td.cart-p-quantity:has(.im-qty-stepper) .quantity-form, body.im-panel-open--cart .im-panel-overlay--cart td.cart-p-quantity:has(.im-qty-stepper) .quantity { display: none !important; visibility: hidden !important; pointer-events: none !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-qty-stepper { display: inline-flex !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-inner > .h1, body.im-panel-open--cart .im-panel-overlay--cart .cart-heading { display: none !important; } /* Compact Shoptet cart widget (cart-window-visible popup) */ body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-products { display: flex !important; flex-direction: column !important; gap: 12px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-products .cart-widget-product + .cart-widget-product { margin-top: 12px !important; } /* Fallback: if Shoptet renders products outside .cart-widget-products wrapper */ body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product + .cart-widget-product { margin-top: 12px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product { position: relative !important; display: grid !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; grid-template-columns: 56px minmax(0, 1fr) minmax(118px, max-content) !important; grid-template-rows: auto auto !important; column-gap: 12px !important; row-gap: 8px !important; margin: 0 !important; padding: 18px 14px !important; border: 1px solid #e7e8ec !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-image { grid-column: 1 !important; grid-row: 1 / span 2 !important; align-self: center !important; justify-self: center !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 74px !important; height: 92px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-image img { display: block !important; width: 70px !important; height: 88px !important; object-fit: contain !important; border-radius: 8px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-name { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; padding-right: 6px !important; align-self: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 4px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-name strong, body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-name a { display: block !important; color: #16181d !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.22 !important; text-decoration: none !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-variant { display: block !important; margin-top: 2px !important; color: #737a86 !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.25 !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount { grid-column: 2 !important; grid-row: 2 !important; align-self: start !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount.im-cart-qty--custom .quantity-form, body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount.im-cart-qty--custom .quantity, body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount:has(.im-qty-stepper) .quantity-form, body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount:has(.im-qty-stepper) .quantity { display: none !important; visibility: hidden !important; pointer-events: none !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-widget-side { grid-column: 3 !important; grid-row: 1 / span 2 !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: center !important; gap: 2px !important; min-width: 118px !important; text-align: right !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-widget-side__unit { margin-top: 0 !important; color: #7c838f !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; white-space: nowrap !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-widget-side__discount { color: #2f7d32 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-widget-side__total { color: #121419 !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1.1 !important; white-space: nowrap !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-widget-side__remove { flex: 0 0 auto !important; align-self: flex-end !important; margin-bottom: 2px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-delete { margin: 0 !important; padding: 0 !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-delete .remove-item, body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-delete button.remove-item { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; color: #b0b4bb !important; font-size: 0 !important; cursor: pointer !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-delete .remove-item::after, body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-delete button.remove-item::after { content: "×" !important; display: block !important; font-size: 16px !important; line-height: 1 !important; color: #9aa0a6 !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount .im-qty-stepper { height: 32px !important; border: 1px solid #d1d5db !important; border-radius: 9px !important; background: #fff !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount .im-qty-stepper__btn { flex: 0 0 30px !important; width: 30px !important; font-size: 17px !important; font-weight: 600 !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount .im-qty-stepper__value { flex: 0 0 34px !important; min-width: 34px !important; font-size: 13px !important; font-weight: 700 !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-totals-panel { display: block !important; margin: 14px 0 0 !important; padding: 14px !important; border-radius: 10px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-align: right !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-totals-panel__no-vat { color: #7f8793 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.25 !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-totals-panel__with-vat { margin-top: 4px !important; color: #111317 !important; font-size: 24px !important; font-weight: 800 !important; line-height: 1.04 !important; } /* Mobile fine-tune: wider layout, bigger gaps, centered thumbs */ @media (max-width: 767px) { .im-panel-overlay--cart .im-panel-overlay__head { padding-left: 10px; padding-right: 46px; } body.im-panel-open--cart .im-panel-overlay--cart .im-panel-overlay__content { padding-left: 10px !important; padding-right: 10px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-inner, body.im-panel-open--cart .im-panel-overlay--cart .place-cart-here, body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-inner { padding-left: 0 !important; padding-right: 0 !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-products { gap: 16px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-products .cart-widget-product + .cart-widget-product { margin-top: 10px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product + .cart-widget-product { margin-top: 10px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product { padding: 18px 12px !important; grid-template-columns: 72px minmax(0, 1fr) minmax(116px, max-content) !important; grid-template-rows: auto auto !important; row-gap: 8px !important; border-radius: 10px !important; box-shadow: none !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-image { align-self: center !important; justify-self: center !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 72px !important; height: 82px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-name { align-self: end !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-image img { width: 66px !important; height: 78px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-name strong, body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-name a { font-size: 13px !important; line-height: 1.2 !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-variant { font-size: 11px !important; line-height: 1.2 !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-widget-side__unit { font-size: 10px !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-widget-side__total { font-size: 17px !important; line-height: 1.05 !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-widget-side__discount { font-size: 10px !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-totals-panel__no-vat { font-size: 12px !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-totals-panel__with-vat { font-size: 22px !important; line-height: 1.1 !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount .im-qty-stepper { height: 30px !important; border-radius: 8px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount .im-qty-stepper__btn { width: 28px !important; flex-basis: 28px !important; font-size: 15px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-product-amount .im-qty-stepper__value { min-width: 30px !important; flex-basis: 30px !important; font-size: 13px !important; } body.im-panel-open--cart .im-panel-overlay--cart .im-cart-totals-panel { margin-top: 16px !important; border-radius: 12px !important; } body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-button, body.im-panel-open--cart .im-panel-overlay--cart .cart-widget-button .btn, body.im-panel-open--cart .im-panel-overlay--cart .btn-conversion { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } } /* ═══ FOOTER – tmavé zápatí (#141414) ═══ */ #footer.footer, footer#footer.footer { background: var(--im-footer-bg) !important; color: var(--im-footer-text) !important; border-top: 0 !important; } #footer.footer .footer-rows, #footer.footer .footer-bottom, #footer.footer .container.footer-rows, #footer.footer .container.footer-bottom { background: transparent !important; color: var(--im-footer-text) !important; border-color: var(--im-footer-line) !important; } #footer.footer .footer-rows { width: min(calc(100% - var(--im-pad) * 2), var(--im-max)) !important; max-width: var(--im-max) !important; margin: 0 auto !important; padding: clamp(36px, 4vw, 56px) 0 clamp(28px, 3vw, 40px) !important; } #footer.footer .footer-bottom { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px 24px !important; width: min(calc(100% - var(--im-pad) * 2), var(--im-max)) !important; max-width: var(--im-max) !important; margin: 0 auto !important; padding: 18px 0 clamp(22px, 3vw, 28px) !important; border-top: 1px solid var(--im-footer-line) !important; } #footer.footer .site-name { margin: 0 !important; padding: 0 !important; } #footer.footer .site-name a { display: inline-flex !important; align-items: center !important; } #footer.footer .site-name img { display: block !important; max-width: 132px !important; max-height: 34px !important; width: auto !important; height: auto !important; filter: brightness(0) invert(1) !important; } #footer.footer .custom-footer { color: var(--im-footer-text) !important; } #footer.footer .pageElement__heading, #footer.footer .pageElement__heading span { margin: 0 0 14px !important; padding: 0 !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; } #footer.footer .contact-box, #footer.footer .contact-box ul, #footer.footer .custom-footer ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } #footer.footer .contact-box li, #footer.footer .custom-footer li { margin: 0 0 10px !important; padding: 0 !important; } #footer.footer .contact-box li:last-child, #footer.footer .custom-footer li:last-child { margin-bottom: 0 !important; } #footer.footer a, #footer.footer .contact-box a, #footer.footer .custom-footer a { color: var(--im-footer-text) !important; text-decoration: none !important; transition: color 0.18s ease, opacity 0.18s ease !important; } #footer.footer a:hover, #footer.footer a:focus-visible, #footer.footer .contact-box a:hover, #footer.footer .custom-footer a:hover { color: #fff !important; opacity: 1 !important; } #footer.footer .copyright, #footer.footer .copyright strong { color: var(--im-footer-muted) !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.45 !important; } #footer.footer .copyright strong { color: var(--im-footer-text) !important; font-weight: 600 !important; } #footer.footer .copyright a, #footer.footer .cookies-settings, #footer.footer .js-cookies-settings { color: var(--im-footer-text) !important; text-decoration: underline !important; text-underline-offset: 2px !important; } #footer.footer .copyright a:hover, #footer.footer .cookies-settings:hover, #footer.footer .js-cookies-settings:hover { color: #fff !important; } #footer.footer #signature, #footer.footer #signature .title { color: var(--im-footer-muted) !important; font-size: 13px !important; line-height: 1.45 !important; } #footer.footer #signature a { color: var(--im-footer-muted) !important; } #footer.footer #signature a:hover, #footer.footer #signature .title:hover { color: #fff !important; } #footer.footer #signature img { filter: brightness(0) invert(1) opacity(0.62) !important; opacity: 1 !important; } @media (max-width: 767px) { #footer.footer .footer-rows { padding-top: 32px !important; padding-bottom: 24px !important; } #footer.footer .footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; padding-top: 16px !important; } #footer.footer .site-name { margin-bottom: 24px !important; } }