/* Amber: CSS načítané přímo v záhlaví, SVG ikony jsou součástí. */ /* Mobilní navigace je skrytá už před inicializací JavaScriptu. */ @media(max-width:767px){ body:not(.navigation-window-visible) #navigation { visibility:hidden !important; pointer-events:none !important; } body.navigation-window-visible #navigation { visibility:visible !important; pointer-events:auto !important; } } /* Amber: moderní hlavička, pouze lokální Bender. */ body:is(body,.amber-header-redesign) { --amber-ink: #2c333b; --amber-gold: var(--color-primary); --amber-muted: #aeb5bc; } :is(body,.amber-header-redesign) #header a:focus-visible, :is(body,.amber-header-redesign) #header button:focus-visible, :is(body,.amber-header-redesign) .top-navigation-bar a:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 4px; } @media (min-width: 768px) { :is(body,.amber-header-redesign) .top-navigation-bar { height: 36px !important; min-height: 36px; background: #242a31 !important; border: 0; color: #d4d8dc; } :is(body,.amber-header-redesign) .top-navigation-bar > .container { display:flex; align-items:center; justify-content:space-between; width:calc(100% - 80px); max-width:1320px; height:36px; padding:0; } :is(body,.amber-header-redesign) .top-navigation-contacts { display:flex !important; align-items:center; gap:20px; height:auto; font-size:12px; } :is(body,.amber-header-redesign) .top-navigation-contacts strong { color:#aeb5bc; font-weight:400; } :is(body,.amber-header-redesign) .top-navigation-contacts a { color:#e3e6e9; font-size:12px; padding:0; } :is(body,.amber-header-redesign) .top-navigation-contacts a::before { display:none; } :is(body,.amber-header-redesign) .top-navigation-menu { display:block !important; margin-left:auto; } :is(body,.amber-header-redesign) .top-navigation-bar-menu { display:flex !important; gap:22px; margin:0; padding:0; } :is(body,.amber-header-redesign) .top-navigation-bar-menu > li { display:block !important; margin:0; } :is(body,.amber-header-redesign) .top-navigation-bar-menu a { color:#c4cbd1; font-size:12px; padding:0; line-height:36px; } :is(body,.amber-header-redesign) .top-navigation-bar-menu a:hover { color:var(--color-primary); } :is(body,.amber-header-redesign) .top-navigation-menu-trigger, :is(body,.amber-header-redesign) .top-navigation-bar-menu-helper { display:none !important; } :is(body,.amber-header-redesign) #header { height:auto !important; padding:0 !important; margin:0; background:linear-gradient(to bottom,#2c333b 0,#2c333b 104px,#fff 104px,#fff 100%) !important; border:0; box-shadow:0 4px 18px #1d252b0a; position:relative; z-index:100; } :is(body,.amber-header-redesign) #header > .navigation-wrapper { display:flex; flex-wrap:wrap; width:calc(100% - 80px); max-width:1320px; padding:0; margin:0 auto; position:relative; height:auto; } :is(body,.amber-header-redesign) #header .header-top { position:static !important; display:flex; align-items:center; gap:32px; width:100%; height:104px !important; padding:0; margin:0; } :is(body,.amber-header-redesign) #header .site-name-wrapper { flex:0 0 200px; width:200px !important; padding:0; margin:0; } :is(body,.amber-header-redesign) #header .site-name { margin:0; } :is(body,.amber-header-redesign) #header .site-name a { display:inline-flex; align-items:center; } :is(body,.amber-header-redesign) #header .site-name img { width:176px; max-width:100%; max-height:60px; height:auto; } :is(body,.amber-header-redesign) #header .search { position:relative; flex:1 1 420px; width:auto !important; min-width:180px; max-width:none; height:50px; margin:0; padding:0; background:transparent; } :is(body,.amber-header-redesign) #header .search-form { margin:0; width:100%; } :is(body,.amber-header-redesign) #header .search-form fieldset { display:flex; align-items:center; height:50px; padding:0; border:1px solid #59616b; border-radius:8px; background:#f6f7f8; overflow:visible; } :is(body,.amber-header-redesign) #header .search-input { height:48px; flex:1; min-width:0; width:100%; padding:0 18px !important; background:transparent !important; border:0 !important; color:#2c333b !important; border-radius:8px; font-style:normal; font-size:14px; box-shadow:none; } :is(body,.amber-header-redesign) #header .search-input::placeholder { color:#747d85; opacity:1; font-style:normal; } :is(body,.amber-header-redesign) #header .search-form fieldset:focus-within { outline:2px solid var(--color-primary); outline-offset:3px; } :is(body,.amber-header-redesign) #header .search-form .btn { position:static !important; flex:0 0 48px; width:48px; height:40px; margin:0 4px 0 0; padding:0; border:0; border-radius:6px; background:var(--color-primary) !important; color:var(--amber-on-accent, #172b3a) !important; font-size:0; min-width:0; } :is(body,.amber-header-redesign) #header .search-form .btn::before { content:''; display:block; width:21px; height:21px; margin:auto; background:center/21px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c333b' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E"); } :is(body,.amber-header-redesign) #header .top-navigation-tools { position:static !important; display:flex !important; flex:0 0 auto; align-items:center; gap:20px; width:auto !important; height:50px; margin:0; padding:0; } :is(body,.amber-header-redesign) #header .top-navigation-tools .responsive-tools { display:none; } :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown > span { display:none; } :is(body,.amber-header-redesign) #header #topNavigationDropdown { background:transparent; border:0; color:#d0d5da; padding:10px 0; font-size:12px; width:auto; height:auto; border-radius:0; } :is(body,.amber-header-redesign) #header .top-nav-button-login { display:flex; align-items:center; gap:10px; background:transparent !important; border:0; padding:0 !important; color:#fff !important; width:auto; height:48px; font-size:13px; font-weight:500; } :is(body,.amber-header-redesign) #header .top-nav-button-login::before { content:''; flex:0 0 24px; width:24px; height:24px; margin:0; border:0; border-radius:0; background:center/24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='7.5' r='3.5'/%3E%3Cpath d='M4.5 21v-2a7.5 7.5 0 0 1 15 0v2'/%3E%3C/svg%3E"); } :is(body,.amber-header-redesign) #header .top-nav-button-login:hover { color:var(--color-primary) !important; } :is(body,.amber-header-redesign) #header .navigation-buttons { display:flex; flex:0 0 160px; width:160px !important; height:50px; margin:0; padding:0; align-items:center; } :is(body,.amber-header-redesign) #header .cart-count { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:50px; height:50px; padding:0 15px !important; color:var(--amber-on-accent, #172b3a) !important; background:var(--color-primary) !important; border:1px solid var(--color-primary) !important; border-radius:8px; text-decoration:none; } :is(body,.amber-header-redesign) #header .cart-count::before { position:static; content:''; width:23px; height:23px; flex:0 0 23px; margin:0; background:center/23px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c333b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h18l-2 12H5L3 8ZM8 9l4-7 4 7'/%3E%3C/svg%3E"); } :is(body,.amber-header-redesign) #header .cart-price { display:block !important; color:#2c333b; font-size:13px; font-weight:600; white-space:nowrap; } :is(body,.amber-header-redesign) #header .cart-count:hover { background:color-mix(in srgb, var(--color-primary) 80%, white) !important; border-color:color-mix(in srgb, var(--color-primary) 80%, white) !important; } :is(body,.amber-header-redesign) #navigation { position:relative; flex:1 1 100%; height:58px !important; width:100%; margin:0; padding:0; background:#fff !important; border:0; } :is(body,.amber-header-redesign) #navigation .navigation-in { height:58px; background:#fff; } :is(body,.amber-header-redesign) #navigation .menu-level-1 { display:flex; align-items:stretch; justify-content:space-between; width:100%; height:58px; margin:0; padding:0; background:#fff; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li { float:none; height:58px; background:transparent; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a { display:flex; align-items:center; gap:7px; position:relative; height:58px; padding:0 14px; color:#343b43; font-size:13px; letter-spacing:.1px; background:transparent !important; border:0; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li:first-child > a { padding-left:0; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li:last-child > a { padding-right:0; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a b { font-weight:600; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a::before { display:none; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a::after { content:''; position:absolute; bottom:0; left:14px; right:14px; height:3px; background:var(--color-primary); transform:scaleX(0); transition:transform 160ms ease; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li:hover > a::after, :is(body,.amber-header-redesign) #navigation .menu-level-1 > li:focus-within > a::after { transform:scaleX(1); } :is(body,.amber-header-redesign) #navigation .menu-level-2 { border:1px solid #e6e9eb; border-radius:0 0 10px 10px; box-shadow:0 16px 32px #1d252b14; background:#fff; } :is(body,.amber-header-redesign) #navigation .menu-level-2 a { color:#343b43; } :is(body,.amber-header-redesign) #header .menu-helper { display:none !important; } } @media (min-width:768px) and (max-width:1100px) { :is(body,.amber-header-redesign) #header > .navigation-wrapper, :is(body,.amber-header-redesign) .top-navigation-bar > .container { width:calc(100% - 40px); } :is(body,.amber-header-redesign) #header .header-top { gap:20px; } :is(body,.amber-header-redesign) #header .site-name-wrapper { flex-basis:155px; width:155px !important; } :is(body,.amber-header-redesign) #header .site-name img { width:150px; } :is(body,.amber-header-redesign) #header .navigation-buttons { flex-basis:64px; width:64px !important; } :is(body,.amber-header-redesign) #header .cart-price { display:none !important; } :is(body,.amber-header-redesign) #header .top-navigation-tools { gap:12px; } :is(body,.amber-header-redesign) #header .top-nav-button-login span { display:none; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a { font-size:11px; padding:0 8px; } :is(body,.amber-header-redesign) .top-navigation-contacts strong { display:none; } :is(body,.amber-header-redesign) .top-navigation-bar-menu { gap:14px; } } @media (max-width:767px) { :is(body,.amber-header-redesign) #header { background:#2c333b !important; box-shadow:0 3px 16px #17202920; border-bottom:1px solid #434b53; } :is(body,.amber-header-redesign) #header .site-name img { max-width:135px; max-height:44px; } :is(body,.amber-header-redesign) #header .header-top { min-height:68px; } :is(body,.amber-header-redesign) #header .responsive-tools a, :is(body,.amber-header-redesign) #header .cart-count { border-radius:8px; } :is(body,.amber-header-redesign) #header .responsive-tools a[data-target='navigation'] { background:#3c444d; } :is(body,.amber-header-redesign) #header .cart-count::before { color:var(--color-primary); } :is(body,.amber-header-redesign) #header .search-input { font-size:16px; } :is(body,.amber-header-redesign) #navigation { background:#fff; } } @media (prefers-reduced-motion:reduce) { :is(body,.amber-header-redesign) #navigation a::after { transition:none !important; } } @media (min-width:768px) { :is(body,.amber-header-redesign) .top-navigation-contacts, :is(body,.amber-header-redesign) .top-navigation-menu { background:transparent !important; flex:0 1 auto; } :is(body,.amber-header-redesign) .top-navigation-menu { height:36px; } :is(body,.amber-header-redesign) .top-navigation-bar-menu a { text-transform:none; white-space:nowrap; height:36px; } :is(body,.amber-header-redesign) #header .search-form fieldset { width:100%; min-inline-size:0; } } /* Horní lišta s kontakty a pomocnými odkazy je v novém návrhu skrytá. */ :is(body,.amber-header-redesign) .top-navigation-bar { display:none !important; } /* Společná osa loga, vyhledávání, účtu a košíku. */ @media (min-width:768px) { :is(body,.amber-header-redesign) #header .site-name-wrapper, :is(body,.amber-header-redesign) #header .site-name, :is(body,.amber-header-redesign) #header .site-name a { display:flex; align-items:center; height:50px; line-height:1; } :is(body,.amber-header-redesign) #header .site-name img { display:block; margin:0; } :is(body,.amber-header-redesign) #header .top-navigation-tools > .dropdown { display:flex; align-items:center; position:relative; top:0; right:auto; height:50px; padding:0; margin:0; } :is(body,.amber-header-redesign) #header #topNavigationDropdown { display:flex; align-items:center; gap:6px; height:50px; line-height:1; padding:0; margin:0 !important; } :is(body,.amber-header-redesign) #header .top-nav-button-login { top:0 !important; right:auto; height:50px; line-height:1; margin:0; } :is(body,.amber-header-redesign) #header .top-nav-button-login::before { position:static; top:auto; left:auto; } :is(body,.amber-header-redesign) #header .header-top { gap:28px; } :is(body,.amber-header-redesign) #header .top-navigation-tools { gap:24px; } } /* Finální paleta a jednotné linkové ikony. */ body:is(body,.amber-header-redesign) { --amber-ink:#1c2834; --amber-gold:var(--color-primary); } :is(body,.amber-header-redesign) { --amber-icon-search:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.8%22%20cy%3D%2210.8%22%20r%3D%226.8%22%2F%3E%3Cpath%20d%3D%22m16%2016%204.5%204.5%22%2F%3E%3C%2Fsvg%3E"); } :is(body,.amber-header-redesign) { --amber-icon-user:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2021v-2a7%207%200%200%201%2014%200v2%22%2F%3E%3C%2Fsvg%3E"); } :is(body,.amber-header-redesign) { --amber-icon-bag:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%207h14l1%2014H4L5%207Z%22%2F%3E%3Cpath%20d%3D%22M8%208V6a4%204%200%200%201%208%200v2%22%2F%3E%3C%2Fsvg%3E"); } :is(body,.amber-header-redesign) { --amber-icon-globe:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3C%2Fsvg%3E"); } :is(body,.amber-header-redesign) { --amber-icon-menu:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E"); } @media (min-width:768px) { :is(body,.amber-header-redesign) #header { background:linear-gradient(to bottom,#1c2834 0,#1c2834 104px,#fff 104px,#fff 100%) !important; box-shadow:0 3px 14px #17253209; } :is(body,.amber-header-redesign) #header .site-name-wrapper { flex:0 0 200px; } :is(body,.amber-header-redesign) #header .site-name { width:100% !important; } :is(body,.amber-header-redesign) #header .site-name a { width:185px !important; height:50px !important; flex:0 0 185px; } :is(body,.amber-header-redesign) #header .site-name img { width:176px !important; height:auto !important; max-width:176px !important; max-height:none !important; object-fit:contain; flex:none; } :is(body,.amber-header-redesign) #header .search-form fieldset { background:#f8fafb; border:1px solid #ffffff24; border-radius:10px; box-shadow:0 3px 10px #07111a14; } :is(body,.amber-header-redesign) #header .search-input { border-radius:10px; } :is(body,.amber-header-redesign) #header .search-form .btn { display:flex !important; align-items:center; justify-content:center; line-height:0 !important; font-size:0 !important; border-radius:7px; background:var(--color-primary) !important; } :is(body,.amber-header-redesign) #header .search-form .btn::before { content:'' !important; position:static !important; inset:auto !important; display:block; flex:0 0 21px; width:21px; height:21px; margin:0 !important; padding:0; transform:none !important; line-height:0; background:#1c2834 !important; -webkit-mask:var(--amber-icon-search) center/contain no-repeat; mask:var(--amber-icon-search) center/contain no-repeat; } :is(body,.amber-header-redesign) #header .top-nav-button-login { gap:10px; border-radius:8px; } :is(body,.amber-header-redesign) #header .top-nav-button-login::before { content:'' !important; display:block; width:23px; height:23px; flex:0 0 23px; position:static !important; inset:auto !important; margin:0; transform:none; border-radius:0; background:#e7edf2 !important; -webkit-mask:var(--amber-icon-user) center/contain no-repeat; mask:var(--amber-icon-user) center/contain no-repeat; } :is(body,.amber-header-redesign) #header #topNavigationDropdown { color:#e0e7ed; padding:0 !important; gap:7px; font-size:12px; } :is(body,.amber-header-redesign) #header #topNavigationDropdown::before { content:''; display:block; width:20px; height:20px; flex:0 0 20px; background:#b6c3cf; -webkit-mask:var(--amber-icon-globe) center/contain no-repeat; mask:var(--amber-icon-globe) center/contain no-repeat; } :is(body,.amber-header-redesign) #header #topNavigationDropdown .caret { display:none; } :is(body,.amber-header-redesign) #header .top-navigation-tools { gap:22px; } :is(body,.amber-header-redesign) #header .cart-count { background:var(--color-primary) !important; border-radius:10px; box-shadow:0 3px 10px #07111a12; } :is(body,.amber-header-redesign) #header .cart-count::before { content:'' !important; position:static !important; inset:auto !important; display:block; width:22px; height:22px; flex:0 0 22px; margin:0 !important; transform:none; background:#1c2834 !important; -webkit-mask:var(--amber-icon-bag) center/contain no-repeat; mask:var(--amber-icon-bag) center/contain no-repeat; } :is(body,.amber-header-redesign) #header .cart-price { font-weight:500; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a { font-size:13px; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a b { font-weight:500; } :is(body,.amber-header-redesign) #navigation { border-bottom:1px solid #edf0f2; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a::after { height:2px; border-radius:2px; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a:hover { color:color-mix(in srgb, var(--color-primary) 40%, #142a3a); } } @media (min-width:768px) and (max-width:1100px) { :is(body,.amber-header-redesign) #header .site-name-wrapper { flex:0 0 155px; } :is(body,.amber-header-redesign) #header .site-name a { width:150px !important; flex-basis:150px; } :is(body,.amber-header-redesign) #header .site-name img { width:150px !important; max-width:150px !important; } :is(body,.amber-header-redesign) #header .header-top { gap:20px; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a { font-size:11px; } } @media (max-width:767px) { :is(body,.amber-header-redesign) #header, :is(body,.amber-header-redesign) #header .navigation-wrapper, :is(body,.amber-header-redesign) #navigation .navigation-in { background:#1c2834 !important; } :is(body,.amber-header-redesign) #header .responsive-tools a[data-target='navigation'] { background:#2b3a48; } :is(body,.amber-header-redesign) #header .responsive-tools a::before, :is(body,.amber-header-redesign) #header .cart-count::before { content:'' !important; width:22px !important; height:22px !important; display:block; margin:0; padding:0; background:#e7edf2 !important; -webkit-mask:var(--amber-icon-menu) center/contain no-repeat; mask:var(--amber-icon-menu) center/contain no-repeat; } :is(body,.amber-header-redesign) #header .responsive-tools a[data-target='search']::before { -webkit-mask-image:var(--amber-icon-search); mask-image:var(--amber-icon-search); } :is(body,.amber-header-redesign) #header .cart-count::before { background:var(--color-primary) !important; -webkit-mask-image:var(--amber-icon-bag); mask-image:var(--amber-icon-bag); } :is(body,.amber-header-redesign) #header .responsive-tools a { display:flex; align-items:center; justify-content:center; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a { color:#f4f6f8; } } @media (max-width:767px) { :is(body,.amber-header-redesign) #header .responsive-tools a[data-target='login'] { display:none !important; } :is(body,.amber-header-redesign) #header .cart-count::before { position:absolute !important; left:50% !important; top:50% !important; right:auto !important; bottom:auto !important; transform:translate(-50%,-50%) !important; } } @media (max-width:767px) { :is(body,.amber-header-redesign) #header .cart-count { position:absolute !important; top:14px !important; right:54px !important; left:auto !important; width:40px !important; height:40px !important; padding:0 !important; margin:0; border:0; background:transparent; } :is(body,.amber-header-redesign).search-window-visible #header .search { display:block; position:absolute; top:68px !important; left:0 !important; right:0; width:100% !important; height:72px; padding:12px 16px; margin:0; z-index:5; background:#1c2834; border-top:1px solid #ffffff16; box-shadow:0 8px 16px #14202b1a; } :is(body,.amber-header-redesign).search-window-visible #header .site-name-wrapper { display:block !important; visibility:visible !important; } :is(body,.amber-header-redesign) #header .search-form { margin:0; padding:0; width:100%; height:48px; } :is(body,.amber-header-redesign) #header .search-form fieldset { display:flex; align-items:center; width:100%; min-inline-size:0; height:48px; padding:0; margin:0; border:0; border-radius:8px; background:#f8fafb; } :is(body,.amber-header-redesign) #header .search-input { width:100% !important; min-width:0; flex:1; height:48px; padding:0 14px; border:0; border-radius:8px; background:transparent; color:#1c2834; } :is(body,.amber-header-redesign) #header .search-form .btn { display:flex; align-items:center; justify-content:center; flex:0 0 42px; width:42px; height:40px; min-width:0; margin:0 4px 0 0; padding:0; border:0; border-radius:6px; background:var(--color-primary); font-size:0; line-height:0; } :is(body,.amber-header-redesign) #header .search-form .btn::before { content:''; position:static; display:block; width:21px; height:21px; margin:0; transform:none; background:#1c2834; -webkit-mask:var(--amber-icon-search) center/contain no-repeat; mask:var(--amber-icon-search) center/contain no-repeat; } } /* Mobilní ikony: stejná výška, společná osa i dotyková plocha. */ @media (max-width:767px) { :is(body,.amber-header-redesign) #header .top-navigation-tools { position:absolute !important; inset:0 !important; width:100% !important; height:68px !important; padding:0 !important; margin:0 !important; pointer-events:none; } :is(body,.amber-header-redesign) #header .responsive-tools { position:static !important; width:100%; height:68px; padding:0 !important; margin:0 !important; } :is(body,.amber-header-redesign) #header .responsive-tools a { position:absolute !important; top:14px !important; bottom:auto !important; left:auto !important; width:40px !important; height:40px !important; margin:0 !important; padding:0 !important; transform:none !important; display:flex; align-items:center; justify-content:center; pointer-events:auto; } :is(body,.amber-header-redesign) #header .responsive-tools a[data-target='search'] { right:100px !important; } :is(body,.amber-header-redesign) #header .responsive-tools a[data-target='navigation'] { right:12px !important; } :is(body,.amber-header-redesign) #header .cart-count { top:14px !important; right:56px !important; transform:none !important; line-height:1; } :is(body,.amber-header-redesign) #header .responsive-tools a::before { position:static !important; margin:0 !important; transform:none !important; } :is(body,.amber-header-redesign) #header .cart-count::before { top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; } } /* Desktopové menu s pravidelnými rozestupy a indikátory podkategorií. */ @media (min-width:768px) { :is(body,.amber-header-redesign) #navigation .menu-level-1 { justify-content:flex-start; gap:40px; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li { flex:0 0 auto; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a { padding:0 !important; gap:9px; font-size:13px; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a::after { left:0; right:0; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li.ext > a .submenu-arrow { display:block !important; position:static !important; width:7px !important; height:7px !important; margin:-4px 2px 0 0 !important; padding:0; border:solid #83909b; border-width:0 1.5px 1.5px 0; background:none !important; transform:rotate(45deg); transition:transform 160ms ease; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li.ext > a .submenu-arrow::before, :is(body,.amber-header-redesign) #navigation .menu-level-1 > li.ext > a .submenu-arrow::after { display:none !important; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li.ext:hover > a .submenu-arrow, :is(body,.amber-header-redesign) #navigation .menu-level-1 > li.ext:focus-within > a .submenu-arrow { transform:rotate(225deg); margin-top:3px !important; border-color:color-mix(in srgb, var(--color-primary) 40%, #142a3a); } } @media (min-width:768px) and (max-width:1100px) { :is(body,.amber-header-redesign) #navigation .menu-level-1 { gap:24px; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a { font-size:11px; gap:7px; } } /* Šířka obsahu a dopracované vrstvy hlavičky. */ :is(body,.amber-header-redesign) { --amber-container:1600px; } :is(body,.amber-header-redesign) .container { width:100%; max-width:var(--amber-container); margin-left:auto; margin-right:auto; padding-left:32px; padding-right:32px; } :is(body,.amber-header-redesign) #header > .navigation-wrapper { width:100%; max-width:var(--amber-container); padding-left:32px; padding-right:32px; } /* Měna: čitelná nabídka. */ :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu { top:calc(100% + 8px); left:auto; right:0; min-width:150px; padding:6px; margin:0; background:#fff !important; border:1px solid #e3e8ec; border-radius:10px; box-shadow:0 12px 36px #10233222; color:#243442; } :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu::before, :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu li::before { display:none !important; } :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu li { display:block; list-style:none; padding:0; margin:0; } :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu a { display:flex; align-items:center; min-height:42px; margin:0; padding:10px 14px; color:#243442 !important; background:#fff; border-radius:6px; font-size:13px; font-weight:500; text-decoration:none; } :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu a:hover, :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu a:focus-visible { background:color-mix(in srgb, var(--color-primary) 12%, white) !important; color:#182632 !important; } /* Našeptávač: kategorie a produkty mají vlastní čitelné řádky. */ :is(body,.amber-header-redesign) #header .search-whisperer { position:absolute; top:calc(100% + 10px); left:0; right:0; width:100%; padding:8px; color:#243442; background:#fff !important; border:1px solid #e1e7eb; border-radius:12px; box-shadow:0 16px 40px #0f223329; max-height:min(65vh,560px); overflow:auto; z-index:300; } :is(body,.amber-header-redesign) #header .search:not(:focus-within) .search-whisperer { display:none; } :is(body,.amber-header-redesign) #header .search-whisperer-products, :is(body,.amber-header-redesign) #header .search-whisperer-documents { padding:0; margin:0; border:0; } :is(body,.amber-header-redesign) #header .search-whisperer-products::before, :is(body,.amber-header-redesign) #header .search-whisperer-documents::before { display:block; padding:8px 12px; color:#788590; font-size:10px; font-weight:600; letter-spacing:1px; text-transform:uppercase; } :is(body,.amber-header-redesign) #header .search-whisperer-products::before { content:'Produkty'; } :is(body,.amber-header-redesign) #header .search-whisperer-documents::before { content:'Kategorie a stránky'; } :is(body,.amber-header-redesign) #header .search-whisperer-products > li { margin:0; padding:0; border:0; list-style:none; } :is(body,.amber-header-redesign) #header .search-whisperer-products > li > a { display:grid; grid-template-columns:56px minmax(0,1fr) auto; align-items:center; gap:14px; min-height:82px; margin:0; padding:12px; background:#fff; color:#243442 !important; border:0; border-radius:8px; text-decoration:none; } :is(body,.amber-header-redesign) #header .search-whisperer-products > li > a:hover, :is(body,.amber-header-redesign) #header .search-whisperer-products > li > a:focus-visible, :is(body,.amber-header-redesign) #header .search-whisperer-document:hover, :is(body,.amber-header-redesign) #header .search-whisperer-document:focus-visible { background:#f2f5f7; } :is(body,.amber-header-redesign) #header .search-whisperer-image { display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin:0; padding:4px; background:#fff; border:1px solid #edf0f2; border-radius:8px; } :is(body,.amber-header-redesign) #header .search-whisperer-image img { width:100%; height:100%; object-fit:contain; } :is(body,.amber-header-redesign) #header .search-whisperer .p-info { display:flex; flex-direction:column; gap:5px; min-width:0; padding:0; } :is(body,.amber-header-redesign) #header .search-whisperer .p-name { color:#243442 !important; font-size:14px; line-height:1.4; font-weight:600; } :is(body,.amber-header-redesign) #header .search-whisperer .p-availability { font-size:12px; line-height:1.4; } :is(body,.amber-header-redesign) #header .search-whisperer .price { display:block; position:static; margin:0; padding:0; font-size:15px; font-weight:700; line-height:1.4; color:#243442 !important; white-space:nowrap; } :is(body,.amber-header-redesign) #header .search-whisperer-document { display:flex; align-items:center; gap:10px; min-height:48px; padding:10px 12px; color:#243442 !important; border-radius:8px; font-size:14px; font-weight:500; text-decoration:none; } :is(body,.amber-header-redesign) #header .search-whisperer-document em { color:color-mix(in srgb, var(--color-primary) 40%, #142a3a); } /* Přihlášení uprostřed obrazovky. */ .amber-login-backdrop { display:none; } :is(body,.amber-header-redesign).login-window-visible { overflow:hidden; } :is(body,.amber-header-redesign).login-window-visible .amber-login-backdrop { display:block; position:fixed; inset:0; z-index:9998; background:rgba(12,23,33,.57); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); } :is(body,.amber-header-redesign).login-window-visible .user-action { position:fixed !important; inset:0 !important; z-index:9999 !important; pointer-events:none; margin:0; padding:0; background:transparent !important; } :is(body,.amber-header-redesign).login-window-visible .user-action > .container, :is(body,.amber-header-redesign).login-window-visible .user-action-in { position:static !important; width:100%; max-width:none; margin:0; padding:0; } :is(body,.amber-header-redesign).login-window-visible #login { display:block !important; position:fixed !important; top:50% !important; left:50% !important; right:auto !important; bottom:auto !important; width:440px !important; max-width:calc(100vw - 32px); max-height:calc(100dvh - 40px); margin:0 !important; padding:0 !important; transform:translate(-50%,-50%) !important; border:1px solid #e4e9ed; border-radius:18px; background:#fff !important; color:#243442; box-shadow:0 28px 90px #07131f4d; overflow:auto; pointer-events:auto; z-index:10000; } :is(body,.amber-header-redesign) #login::before,:is(body,.amber-header-redesign) #login::after { display:none !important; } :is(body,.amber-header-redesign) #login .popup-widget-inner { position:relative; padding:38px 32px 30px !important; border:0; background:#fff; } :is(body,.amber-header-redesign) #login h2 { padding:0 18px 0 0; margin:0 0 28px; color:#1c2834; font-size:25px; font-weight:600; line-height:1.3; text-align:left; } :is(body,.amber-header-redesign) #login .form-group { margin-bottom:20px; } :is(body,.amber-header-redesign) #login .form-control { height:52px; border:1px solid #d8e0e6; border-radius:8px; background:#f8fafb; box-shadow:none; font-size:16px; color:#243442; } :is(body,.amber-header-redesign) #login .form-control:focus { background:#fff; border-color:color-mix(in srgb, var(--color-primary) 85%, black); box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 17.65%, transparent); } :is(body,.amber-header-redesign) #login label { color:#5b6974; font-size:13px; } :is(body,.amber-header-redesign) #login .submit-wrapper { margin-top:24px; } :is(body,.amber-header-redesign) #login .btn-primary { width:100%; min-height:50px; background:var(--color-primary); border:1px solid var(--color-primary); border-radius:8px; color:var(--amber-on-accent, #172b3a); font-size:14px; font-weight:600; } :is(body,.amber-header-redesign) #login .alternative-links { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin:8px 0 0; } :is(body,.amber-header-redesign) #login .alternative-links a { font-size:12px; color:#4d6171; text-decoration:underline; text-underline-offset:3px; } :is(body,.amber-header-redesign) .amber-login-close { position:absolute; top:12px; right:12px; width:32px; height:32px; padding:0; border:0; border-radius:50%; background:#f0f3f5; color:#52616d; font-size:24px; line-height:30px; cursor:pointer; } /* Vyrovnané podmenu se stejnými kartami kategorií. */ @media (min-width:768px) { :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > .menu-level-2 { top:100% !important; left:0 !important; right:0 !important; width:100% !important; padding:22px; gap:16px; align-items:stretch; border:1px solid #e3e9ed; border-top:2px solid var(--color-primary); border-radius:0 0 14px 14px; background:#fff !important; opacity:1; box-shadow:0 20px 40px #172b3b1f; } :is(body,.amber-header-redesign) #navigation .menu-level-2 > li { display:flex; align-items:center; gap:14px; flex:0 1 280px; width:280px; min-height:94px; margin:0 !important; padding:12px !important; border:1px solid #edf0f3; border-radius:9px; background:#f8fafb; } :is(body,.amber-header-redesign) #navigation .menu-level-2 > li:hover { background:color-mix(in srgb, var(--color-primary) 12%, white); border-color:color-mix(in srgb, var(--color-primary) 55%, white); } :is(body,.amber-header-redesign) #navigation .menu-level-2 > li > .menu-image { display:flex; align-items:center; justify-content:center; flex:0 0 64px; width:64px !important; height:64px !important; padding:4px; margin:0 !important; background:#fff; border-radius:7px; } :is(body,.amber-header-redesign) #navigation .menu-level-2 .menu-image img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; margin:0; } :is(body,.amber-header-redesign) #navigation .menu-level-2 > li > div { padding:0; margin:0; } :is(body,.amber-header-redesign) #navigation .menu-level-2 > li a:not(.menu-image) { padding:0; margin:0; color:#243442 !important; font-size:14px; line-height:1.4; font-weight:500; } } /* Úvodní carousel: čitelná HTML vrstva oddělená od fotografie. */ :is(body,.amber-header-redesign) #carousel .item > a { position:relative; display:block; overflow:hidden; } :is(body,.amber-header-redesign) #carousel .item > a:has(.extended-banner-texts)::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(236,243,247,.92),rgba(236,243,247,.5) 42%,transparent 70%); pointer-events:none; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts { display:flex !important; position:absolute !important; top:50% !important; left:max(32px,calc((100% - 1536px)/2)) !important; right:auto !important; bottom:auto !important; transform:translateY(-50%); flex-direction:column; align-items:flex-start; gap:18px; width:46%; max-width:620px; padding:0; margin:0; text-align:left; background:transparent; box-shadow:none; z-index:2; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts > span { display:block; position:static !important; margin:0; padding:0; background:transparent !important; box-shadow:none !important; color:#1c2834; text-shadow:none; } :is(body,.amber-header-redesign) #carousel .extended-banner-title { max-width:100%; font-size:clamp(30px,3.5vw,58px); font-weight:600; line-height:1.08; letter-spacing:-1.4px; } :is(body,.amber-header-redesign) #carousel .extended-banner-text { max-width:420px; font-size:clamp(15px,1.25vw,19px); line-height:1.6; color:#4a5c69 !important; } :is(body,.amber-header-redesign) #carousel .extended-banner-link { display:inline-flex !important; align-items:center; justify-content:center; gap:20px; min-height:48px; margin-top:6px !important; padding:0 24px !important; background:var(--color-primary) !important; border-radius:8px; font-size:14px; font-weight:600; color:var(--amber-on-accent, #172b3a); } :is(body,.amber-header-redesign) #carousel .extended-banner-link::after { content:'→'; font-size:20px; } :is(body,.amber-header-redesign) #carousel .item > a:hover .extended-banner-link { background:color-mix(in srgb, var(--color-primary) 80%, white) !important; } @media (max-width:767px) { :is(body,.amber-header-redesign) .container { padding-left:16px; padding-right:16px; } :is(body,.amber-header-redesign) #header > .navigation-wrapper { padding:0; } :is(body,.amber-header-redesign) #header .responsive-tools a[data-target='navigation'] { left:12px !important; right:auto !important; } :is(body,.amber-header-redesign) #header .responsive-tools a[data-target='search'] { right:56px !important; } :is(body,.amber-header-redesign) #header .cart-count { right:12px !important; } :is(body,.amber-header-redesign) #header .site-name-wrapper { display:flex !important; align-items:center; position:absolute; left:64px; top:0; width:130px !important; height:68px; padding:0; margin:0; } :is(body,.amber-header-redesign) #header .site-name { width:130px; margin:0; padding:0; } :is(body,.amber-header-redesign) #header .site-name a { display:flex; align-items:center; width:130px !important; height:auto; } :is(body,.amber-header-redesign) #header .site-name img { display:block; width:130px !important; height:auto !important; max-width:130px !important; max-height:none; } :is(body,.amber-header-redesign) #header .search-whisperer { top:calc(100% + 5px); left:16px; right:16px; width:calc(100% - 32px); max-height:calc(100dvh - 165px); } :is(body,.amber-header-redesign) #header .search-whisperer-products > li > a { grid-template-columns:48px minmax(0,1fr); gap:10px; } :is(body,.amber-header-redesign) #header .search-whisperer-image { width:48px; height:48px; grid-row:span 2; } :is(body,.amber-header-redesign) #header .search-whisperer .price { grid-column:2; font-size:14px; } :is(body,.amber-header-redesign) #header .search-whisperer .p-name { font-size:13px; } :is(body,.amber-header-redesign) #login .popup-widget-inner { padding:38px 24px 24px !important; } :is(body,.amber-header-redesign) #login h2 { font-size:23px; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts { left:20px !important; gap:10px; width:58%; } :is(body,.amber-header-redesign) #carousel .extended-banner-title { font-size:24px; letter-spacing:-.6px; } :is(body,.amber-header-redesign) #carousel .extended-banner-text { font-size:13px; line-height:1.4; } :is(body,.amber-header-redesign) #carousel .extended-banner-link { min-height:40px; padding:0 14px !important; margin-top:0 !important; font-size:12px; gap:10px; } } @media (max-width:350px) { :is(body,.amber-header-redesign) #header .site-name-wrapper,:is(body,.amber-header-redesign) #header .site-name,:is(body,.amber-header-redesign) #header .site-name a { width:112px !important; } :is(body,.amber-header-redesign) #header .site-name img { width:112px !important; max-width:112px !important; } } /* Jediný fokusový obrys kolem celého hledání, bez čáry uvnitř. */ :is(body,.amber-header-redesign) #header .search-input:focus, :is(body,.amber-header-redesign) #header .search-input:focus-visible { outline:none !important; box-shadow:none !important; border:0 !important; } /* Carousel přes viewport, HTML text sleduje vnitřní hranu kontejneru. */ :is(body,.amber-header-redesign) #carousel { position:relative; width:var(--amber-viewport-width,100vw) !important; max-width:none !important; left:50%; margin-left:calc(var(--amber-viewport-width,100vw) / -2) !important; margin-right:0 !important; } :is(body,.amber-header-redesign) #carousel .item img { width:100%; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts > span { border:0 !important; outline:0; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts > .extended-banner-link { background:var(--color-primary) !important; border:1px solid var(--color-primary) !important; } :is(body,.amber-header-redesign) #login .form-control { border-radius:8px !important; } :is(body,.amber-header-redesign) #login .alternative-links { display:flex !important; flex-direction:row; justify-content:space-between; } :is(body,.amber-header-redesign) #login .alternative-links a { display:inline; width:auto; margin:0; } :is(body,.amber-header-redesign) { --amber-icon-user:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M5.5%2018a7.5%207.5%200%200%201%2013%200%22%2F%3E%3C%2Fsvg%3E"); } :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu li::marker { content:'' !important; } :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu li::before, :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu li::after, :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu a::before, :is(body,.amber-header-redesign) #header .top-navigation-tools .dropdown-menu a::after { display:none !important; content:none !important; } @media (min-width:768px) { :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > a::after { height:2px !important; min-height:2px; } :is(body,.amber-header-redesign) #navigation .menu-level-1 > li > .menu-level-2 { border-top:0 !important; } } /* Naplněný košík: cena má vlastní místo a počet položek samostatný badge. */ @media (min-width:768px) { :is(body,.amber-header-redesign) #header .cart-count.full { position:relative; gap:12px; padding:0 18px !important; } :is(body,.amber-header-redesign) #header .cart-count > i[data-testid='headerCartCount'] { position:absolute !important; top:6px !important; left:27px !important; right:auto !important; bottom:auto !important; display:flex; align-items:center; justify-content:center; min-width:17px; width:auto; height:17px; margin:0; padding:0 4px; border:2px solid var(--color-primary); border-radius:20px; background:#1c2834; color:#fff; font-size:9px; font-style:normal; font-weight:600; line-height:1; transform:none; } :is(body,.amber-header-redesign) #header .cart-count.full .cart-price { display:block !important; font-size:14px; line-height:1; white-space:nowrap; } } @media (min-width:768px) and (max-width:1100px) { :is(body,.amber-header-redesign) #header .navigation-buttons:has(.cart-count.full) { flex:0 0 128px; width:128px !important; } :is(body,.amber-header-redesign) #header .cart-count.full { padding:0 12px !important; } :is(body,.amber-header-redesign) #header .cart-count.full > i[data-testid='headerCartCount'] { left:20px !important; } } @media (max-width:767px) { :is(body,.amber-header-redesign) #header .cart-count > i[data-testid='headerCartCount'] { position:absolute !important; top:0 !important; right:0 !important; left:auto !important; display:flex; align-items:center; justify-content:center; min-width:16px; width:auto; height:16px; margin:0; padding:0 3px; border:2px solid #1c2834; border-radius:20px; background:var(--color-primary); color:var(--amber-on-accent, #172b3a); font-size:9px; font-weight:600; font-style:normal; line-height:1; } :is(body,.amber-header-redesign) #header .cart-price { display:none !important; } } /* Konkurenční výhody ve vzdušných kartách. */ :is(body,.amber-header-redesign) .benefitBanner { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; width:100%; max-width:1536px; margin:32px auto 40px; padding:0; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__item { display:flex; flex-direction:row; align-items:center; gap:16px; width:100%; max-width:none; min-width:0; min-height:130px; margin:0; padding:22px; border:1px solid #e9e8e3; border-radius:12px; background:linear-gradient(130deg,#faf9f5,#fff); text-align:left; box-shadow:0 3px 10px #1c283403; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__picture { display:flex; align-items:center; justify-content:center; flex:0 0 54px; width:54px; height:60px; margin:0; padding:0; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__img { display:block; width:54px; height:54px; max-width:54px; object-fit:contain; margin:0; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__content { padding:0; margin:0; min-width:0; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__title { display:block; margin:0 0 6px; font-size:15px; line-height:1.35; font-weight:600; color:#1c2834; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__data { font-size:13px; line-height:1.5; color:#65717b; } @media (min-width:768px) and (max-width:1199px) { :is(body,.amber-header-redesign) .benefitBanner { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:767px) { :is(body,.amber-header-redesign) .benefitBanner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:20px auto 28px; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__item { flex-direction:column; align-items:flex-start; gap:10px; min-height:165px; padding:16px; border-radius:10px; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__picture { flex:0 0 42px; width:42px; height:42px; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__img { width:42px; height:42px; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__title { font-size:13px; } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__data { font-size:12px; } } @media (min-width:768px) { :is(body,.amber-header-redesign) #header { position:sticky !important; top:-104px !important; z-index:100; } :is(body,.amber-header-redesign) #header .cart-count.full { gap:8px; padding:0 12px !important; } :is(body,.amber-header-redesign) #header .cart-count.full > i[data-testid='headerCartCount'] { position:static !important; order:1; flex:0 0 auto; min-width:18px; width:auto; height:18px; margin:0 !important; padding:0 4px; border:0; font-size:10px; } :is(body,.amber-header-redesign) #header .cart-count.full .cart-price { order:2; font-size:13px; } } @media (max-width:767px) { :is(body,.amber-header-redesign) #header { position:sticky !important; top:0 !important; z-index:100; } :is(body,.amber-header-redesign) #header .site-name { position:static !important; inset:auto !important; transform:none !important; } :is(body,.amber-header-redesign) #header .cart-count > i[data-testid='headerCartCount'] { top:-4px !important; right:-4px !important; } :is(body,.amber-header-redesign) #carousel .item > a { min-height:350px; } :is(body,.amber-header-redesign) #carousel .item img { width:100% !important; height:350px !important; object-fit:cover; object-position:72% center; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts { width:62%; left:20px !important; gap:14px; } :is(body,.amber-header-redesign) #carousel .extended-banner-title { font-size:27px; line-height:1.12; } } /* Odkryté Top a Zápatí bannery. */ :is(body,.amber-header-redesign) .banners-row { display:block; margin:0; } :is(body,.amber-header-redesign) .banners-row > .col-sm-8 { width:100%; padding:0; float:none; } :is(body,.amber-header-redesign) .banners-row > .col-sm-4:has(.next-to-carousel-banners) { display:block !important; width:100%; padding:0; float:none; } :is(body,.amber-header-redesign) .next-to-carousel-banners, :is(body,.amber-header-redesign) .footer-banners { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; width:100%; max-width:1536px; margin:32px auto; padding:0; } :is(body,.amber-header-redesign) .next-to-carousel-banners .banner-wrapper, :is(body,.amber-header-redesign) .footer-banners .footer-banner { display:block !important; width:100% !important; max-width:none; padding:0; margin:0; } :is(body,.amber-header-redesign) .next-to-carousel-banners .banner-wrapper > a, :is(body,.amber-header-redesign) .footer-banners .footer-banner > a { display:block; position:relative; width:100%; aspect-ratio:2/1; min-height:240px; border-radius:14px; overflow:hidden; isolation:isolate; } :is(body,.amber-header-redesign) .next-to-carousel-banners img, :is(body,.amber-header-redesign) .footer-banners img { display:block; width:100%; height:100%; object-fit:cover; } :is(body,.amber-header-redesign) .next-to-carousel-banners .banner-wrapper > a::after, :is(body,.amber-header-redesign) .footer-banners .footer-banner > a::after { content:''; position:absolute; inset:0; z-index:0; background:linear-gradient(90deg,#eff4f7ed,#eff4f77a 45%,transparent 78%); } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-texts, :is(body,.amber-header-redesign) .footer-banners .extended-banner-texts { display:flex !important; position:absolute !important; top:50% !important; left:28px !important; right:auto !important; bottom:auto !important; transform:translateY(-50%); flex-direction:column; align-items:flex-start; gap:12px; width:53%; z-index:1; text-align:left; padding:0; margin:0; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-texts > span, :is(body,.amber-header-redesign) .footer-banners .extended-banner-texts > span { position:static !important; display:block; padding:0; margin:0; border:0 !important; box-shadow:none !important; background:transparent !important; color:#1c2834; text-shadow:none; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-title, :is(body,.amber-header-redesign) .footer-banners .extended-banner-title { font-size:clamp(22px,2vw,34px); font-weight:600; letter-spacing:-.7px; line-height:1.15; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-text, :is(body,.amber-header-redesign) .footer-banners .extended-banner-text { font-size:14px; line-height:1.5; color:#435663 !important; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-texts > .extended-banner-link, :is(body,.amber-header-redesign) .footer-banners .extended-banner-texts > .extended-banner-link { display:inline-flex; align-items:center; gap:14px; min-height:42px; padding:0 16px !important; background:var(--color-primary) !important; border-radius:7px; font-size:12px; font-weight:600; margin-top:4px; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-link::after, :is(body,.amber-header-redesign) .footer-banners .extended-banner-link::after { content:'→'; font-size:18px; } @media (max-width:767px) { :is(body,.amber-header-redesign) .next-to-carousel-banners,:is(body,.amber-header-redesign) .footer-banners { grid-template-columns:1fr; gap:16px; margin:20px auto; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-texts,:is(body,.amber-header-redesign) .footer-banners .extended-banner-texts { left:20px !important; width:56%; gap:10px; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-title,:is(body,.amber-header-redesign) .footer-banners .extended-banner-title { font-size:23px; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-text,:is(body,.amber-header-redesign) .footer-banners .extended-banner-text { font-size:12px; } } /* Nový ovladač zpět nahoru se zobrazuje až po 350 px. */ :is(body,.amber-header-redesign) .sipka { display:flex !important; align-items:center; justify-content:center; position:fixed; right:24px; bottom:24px; width:44px; height:44px; margin:0; padding:0; border:1px solid #ffffff26; border-radius:12px; background:#1c2834; color:var(--color-primary); box-shadow:0 5px 18px #14243426; z-index:150; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(10px); transition:opacity 160ms ease,transform 160ms ease,visibility 160ms; } :is(body,.amber-header-redesign) .sipka.amber-backtop-visible { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); } :is(body,.amber-header-redesign) .sipka i { display:none; } :is(body,.amber-header-redesign) .sipka::before { content:''; display:block; width:10px; height:10px; border:solid currentColor; border-width:1.8px 0 0 1.8px; transform:translateY(3px) rotate(45deg); } :is(body,.amber-header-redesign) .sipka:hover { background:#2b3d4c; } @media (max-width:767px) { :is(body,.amber-header-redesign) .sipka { right:16px; bottom:16px; width:42px; height:42px; } } @media (prefers-reduced-motion:reduce) { :is(body,.amber-header-redesign) .sipka { transition:none; } } @media (max-width:767px) { :is(body,.amber-header-redesign) .overall-wrapper { padding-top:0 !important; } :is(body,.amber-header-redesign) #header { margin:0 !important; } :is(body,.amber-header-redesign).search-window-visible #header .site-name-wrapper { display:flex !important; align-items:center; } :is(body,.amber-header-redesign) #header .site-name { position:static !important; inset:auto !important; margin:0 !important; padding:0 !important; height:auto !important; } :is(body,.amber-header-redesign) #header #navigation { overflow-x:hidden; } :is(body,.amber-header-redesign) #header #navigation .navigation-in { width:min(88vw,360px); overflow-x:hidden; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a { width:100%; min-height:52px; } } :is(body,.amber-header-redesign) #carousel .item > a { pointer-events:none; } :is(body,.amber-header-redesign) #carousel .extended-banner-link { pointer-events:auto; cursor:pointer; } :is(body,.amber-header-redesign) #carousel .carousel-control { position:absolute !important; top:50% !important; bottom:auto !important; width:44px !important; height:44px !important; max-height:none !important; margin:0 !important; padding:0 !important; transform:translateY(-50%); border:1px solid #ffffff80; border-radius:50%; background:#1c283459 !important; opacity:1; z-index:4; } :is(body,.amber-header-redesign) #carousel .carousel-control.left { left:16px !important; right:auto !important; } :is(body,.amber-header-redesign) #carousel .carousel-control.right { right:16px !important; left:auto !important; } :is(body,.amber-header-redesign) #carousel .carousel-control::before { position:absolute; top:50%; left:50%; margin:0; padding:0; transform:translate(-50%,-50%); } :is(body,.amber-header-redesign) #carousel .extended-banner-texts { left:max(72px,calc((100% - 1536px)/2)) !important; } :is(body,.amber-header-redesign) #carousel .extended-banner-link:hover, :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-link:hover, :is(body,.amber-header-redesign) .footer-banners .extended-banner-link:hover { background:color-mix(in srgb, var(--color-primary) 80%, white) !important; } @media (max-width:767px) { :is(body,.amber-header-redesign) #carousel .carousel-control { width:36px !important; height:36px !important; top:auto !important; bottom:16px !important; transform:none; } :is(body,.amber-header-redesign) #carousel .carousel-control.left { left:auto !important; right:60px !important; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts { left:20px !important; } } /* Čistší produktové karty se stabilní cenou a ovládáním. */ :is(body,.amber-header-redesign) .products-block:not(.slick-initialized) { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:0 0 40px; } :is(body,.amber-header-redesign) .products-block:not(.slick-initialized) > .product { width:100% !important; max-width:none !important; margin:0; padding:0; min-width:0; } :is(body,.amber-header-redesign) .products-block .product::before, :is(body,.amber-header-redesign) .products-block .product::after { content:none !important; } :is(body,.amber-header-redesign) .products-block .product .p { display:flex; flex-direction:column; height:100%; margin:0; padding:0; border:1px solid #e4e9ed; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 3px 12px #15293704; transition:border-color 160ms ease,box-shadow 160ms ease; } :is(body,.amber-header-redesign) .products-block .product .p:hover { border-color:#c4cfd7; box-shadow:0 8px 22px #1c334010; } :is(body,.amber-header-redesign) .products-block .p > a.image { display:flex; align-items:center; justify-content:center; position:relative; width:100%; aspect-ratio:1/1; height:auto !important; margin:0; padding:20px; overflow:hidden; background:#f7f8fa; border-radius:0; } :is(body,.amber-header-redesign) .products-block .p > a.image img { display:block; width:100% !important; height:100% !important; max-height:none; object-fit:contain; margin:0; padding:0; mix-blend-mode:multiply; } :is(body,.amber-header-redesign) .products-block .p .p-in { display:flex; flex-direction:column; flex:1; width:100%; margin:0; padding:18px; } :is(body,.amber-header-redesign) .products-block .p .p-in-in { width:100%; margin:0; padding:0; } :is(body,.amber-header-redesign) .products-block .p .name { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:42px; height:auto; max-height:42px; margin:0 0 12px; padding:0; color:#223441; font-size:15px; line-height:21px; font-weight:500; text-decoration:none; } :is(body,.amber-header-redesign) .products-block .p .ratings-wrapper { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; height:auto; min-height:20px; margin:0 0 16px; padding:0; } :is(body,.amber-header-redesign) .products-block .p .stars-wrapper { margin:0; padding:0; } :is(body,.amber-header-redesign) .products-block .p .star { font-size:10px; } :is(body,.amber-header-redesign) .products-block .p .availability { position:static; width:auto; margin:0; padding:0; text-align:right; font-size:11px; } :is(body,.amber-header-redesign) .products-block .p .p-bottom { width:100%; margin-top:auto; padding:0; } :is(body,.amber-header-redesign) .products-block .p .p-bottom > div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:14px 8px; width:100%; } :is(body,.amber-header-redesign) .products-block .p .prices { display:flex; flex-direction:column-reverse; align-items:flex-start; width:auto; margin:0; padding:0; } :is(body,.amber-header-redesign) .products-block .p .price-final { display:block; margin:0; color:#1c2834; font-size:22px; line-height:1.25; } :is(body,.amber-header-redesign) .products-block .p .price-final strong { font-weight:650; } :is(body,.amber-header-redesign) .products-block .p .price-additional { margin:4px 0 0; color:#788590; font-size:10px; line-height:1.4; } :is(body,.amber-header-redesign) .products-block .p .p-tools { width:auto; margin:0; padding:0; } :is(body,.amber-header-redesign) .products-block .p .p-tools .btn { display:flex; align-items:center; justify-content:center; gap:8px; min-width:42px; min-height:42px; height:42px; margin:0; padding:0 14px; border:1px solid var(--color-primary); border-radius:7px; background:var(--color-primary); color:var(--amber-on-accent, #172b3a); font-size:12px; font-weight:600; white-space:nowrap; } :is(body,.amber-header-redesign) .products-block .p .p-tools .btn:hover { background:color-mix(in srgb, var(--color-primary) 80%, white); border-color:color-mix(in srgb, var(--color-primary) 80%, white); } :is(body,.amber-header-redesign) .products-block .p .p-tools .btn-cart::before { content:''; display:block; position:static; width:18px; height:18px; margin:0; background:#1c2834; -webkit-mask:var(--amber-icon-bag) center/contain no-repeat; mask:var(--amber-icon-bag) center/contain no-repeat; } :is(body,.amber-header-redesign) .products-block .p .p-desc { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; grid-column:1/-1; height:36px; margin:0; padding:0; font-size:12px; line-height:18px; color:#7b8790; } :is(body,.amber-header-redesign) .products-block .p .p-code { position:static; display:block; width:100%; margin:0; padding:0 18px 14px; color:#98a1a9; font-size:10px; text-align:left; } :is(body,.amber-header-redesign) .products-block .p .flags { top:12px; left:12px; } :is(body,.amber-header-redesign) .products-block .p .flag { border-radius:5px; font-size:10px; line-height:1.3; padding:5px 7px; } @media (min-width:768px) and (max-width:1199px) { :is(body,.amber-header-redesign) .products-block:not(.slick-initialized) { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } :is(body,.amber-header-redesign) .products-block .p .p-tools .btn { padding:0 10px; } } @media (max-width:767px) { :is(body,.amber-header-redesign) .products-block:not(.slick-initialized) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } :is(body,.amber-header-redesign) .products-block .product .p { border-radius:10px; } :is(body,.amber-header-redesign) .products-block .p > a.image { padding:10px; } :is(body,.amber-header-redesign) .products-block .p .p-in { padding:12px; } :is(body,.amber-header-redesign) .products-block .p .name { font-size:13px; line-height:19px; min-height:38px; max-height:38px; margin-bottom:8px; } :is(body,.amber-header-redesign) .products-block .p .ratings-wrapper { flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; gap:5px; margin-bottom:12px; } :is(body,.amber-header-redesign) .products-block .p .availability { width:100%; text-align:left; font-size:10px; } :is(body,.amber-header-redesign) .products-block .p .price-final { font-size:17px; } :is(body,.amber-header-redesign) .products-block .p .price-additional { font-size:8px; } :is(body,.amber-header-redesign) .products-block .p .p-tools .btn { width:36px; min-width:36px; height:38px; min-height:38px; padding:0; font-size:0; } :is(body,.amber-header-redesign) .products-block .p .p-tools .btn span { display:none; } :is(body,.amber-header-redesign) .products-block .p .p-tools .btn:not(.btn-cart) { width:auto; padding:0 7px; font-size:10px; } :is(body,.amber-header-redesign) .products-block .p .p-desc { display:none; } :is(body,.amber-header-redesign) .products-block .p .p-code { font-size:9px; padding:0 12px 12px; } } /* Šipky mimo textovou oblast; texty zůstávají na hraně kontejneru. */ @media (min-width:768px) { :is(body,.amber-header-redesign) #carousel .extended-banner-texts { left:max(32px,calc((100% - 1536px)/2)) !important; } :is(body,.amber-header-redesign) #carousel .carousel-control { top:auto !important; bottom:24px !important; transform:none; } :is(body,.amber-header-redesign) #carousel .carousel-control.left { left:auto !important; right:max(88px,calc((100% - 1536px)/2 + 56px)) !important; } :is(body,.amber-header-redesign) #carousel .carousel-control.right { right:max(32px,calc((100% - 1536px)/2)) !important; } } /* Náhled košíku je ukotven k tlačítku a jeho ikoně. */ @media (min-width:768px) { :is(body,.amber-header-redesign) #cart-widget { position:fixed !important; top:var(--amber-cart-top,92px) !important; right:var(--amber-cart-right,32px) !important; left:auto !important; width:420px !important; max-width:calc(100vw - 32px); margin:0; padding:0; border:1px solid #e1e7ec; border-radius:13px; background:#fff; color:#243442; box-shadow:0 18px 48px #13283826; overflow:visible; } :is(body,.amber-header-redesign) #cart-widget::before { content:'' !important; display:block !important; position:absolute !important; top:-8px !important; right:calc(var(--amber-cart-arrow-right,110px) - 8px) !important; left:auto !important; width:16px; height:16px; border:solid #e1e7ec; border-width:1px 0 0 1px; background:#fff; transform:rotate(45deg); z-index:1; } :is(body,.amber-header-redesign) #cart-widget::after { display:none !important; } } :is(body,.amber-header-redesign) #cart-widget .popup-widget-inner { max-height:min(55vh,420px); overflow:auto; padding:10px 16px; background:#fff; border-radius:13px 13px 0 0; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-button { padding:16px; border-top:1px solid #e8edf1; background:#f8fafb; border-radius:0 0 13px 13px; } :is(body,.amber-header-redesign) #cart-widget #continue-order-button { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:0 16px; border:0; border-radius:8px; background:var(--color-primary); color:var(--amber-on-accent, #172b3a); font-size:13px; font-weight:600; } :is(body,.amber-header-redesign) #cart-widget #continue-order-button:hover { background:color-mix(in srgb, var(--color-primary) 80%, white); } /* Středový banner přebírá stejnou HTML typografii a tlačítko. */ :is(body,.amber-header-redesign) .amber-middle-banner { width:100%; max-width:1536px; margin:36px auto; } :is(body,.amber-header-redesign) .amber-middle-banner > a { display:block; position:relative; border-radius:14px; overflow:hidden; } :is(body,.amber-header-redesign) .amber-middle-banner img { display:block; width:100%; height:auto; } :is(body,.amber-header-redesign) .amber-middle-banner > a::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#eff4f7e6,#eff4f770 45%,transparent 75%); } :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-texts { display:flex !important; position:absolute !important; top:50% !important; left:40px !important; right:auto !important; bottom:auto !important; width:46%; transform:translateY(-50%); flex-direction:column; align-items:flex-start; gap:16px; z-index:1; text-align:left; padding:0; margin:0; } :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-texts > span { display:block; position:static !important; margin:0; padding:0; border:0 !important; background:transparent !important; box-shadow:none !important; color:#1c2834; } :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-title { font-size:clamp(26px,3vw,44px); line-height:1.15; font-weight:600; letter-spacing:-1px; } :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-text { font-size:16px; line-height:1.5; color:#435663 !important; } :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-texts > .extended-banner-link { display:inline-flex; align-items:center; gap:20px; min-height:46px; padding:0 22px !important; background:var(--color-primary) !important; border-radius:8px; font-size:14px; font-weight:600; } :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-link::after { content:'→'; font-size:20px; } :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-link:hover { background:color-mix(in srgb, var(--color-primary) 80%, white) !important; } /* Kompaktní sleva, původní cena je u skutečné ceny. */ :is(body,.amber-header-redesign) .products-block .p .flags-extra { position:absolute !important; top:12px !important; right:12px !important; bottom:auto !important; left:auto !important; width:auto; height:auto; margin:0; padding:0; } :is(body,.amber-header-redesign) .products-block .p .flag-discount { display:inline-flex; align-items:center; justify-content:center; position:static; width:auto !important; height:auto !important; min-width:0; min-height:0; margin:0; padding:6px 9px !important; border:0; border-radius:6px !important; background:#fff0e9 !important; color:#a4482c; font-size:12px; line-height:1.2; box-shadow:none; } :is(body,.amber-header-redesign) .products-block .p .flag-discount .price-standard { display:none; } :is(body,.amber-header-redesign) .products-block .p .flag-discount .price-save { display:block; margin:0; padding:0; color:#a4482c; font-size:12px; font-weight:600; line-height:1.2; } :is(body,.amber-header-redesign) .amber-price-before { display:block; color:#8b969f; font-size:12px; line-height:1.3; text-decoration:line-through; order:-1; margin-bottom:3px; } /* Domovské produktové carousely s nativním dotykovým posunem. */ :is(body,.amber-header-redesign) .amber-product-carousel { position:relative; width:100%; margin-bottom:44px; } :is(body,.amber-header-redesign) .amber-product-carousel > .products-block { display:flex !important; gap:24px; width:100%; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; scrollbar-width:none; margin:0 !important; padding:0 0 12px !important; } :is(body,.amber-header-redesign) .amber-product-carousel > .products-block::-webkit-scrollbar { display:none; } :is(body,.amber-header-redesign) .amber-product-carousel > .products-block > .product { flex:0 0 calc((100% - 72px)/4); scroll-snap-align:start; } :is(body,.amber-header-redesign) .amber-carousel-controls { display:flex; gap:8px; position:absolute; right:0; top:-66px; } :is(body,.amber-header-redesign) .amber-carousel-controls button { display:flex; align-items:center; justify-content:center; width:38px; height:38px; padding:0; border:1px solid #dfe6eb; border-radius:50%; background:#fff; color:#243442; font-size:23px; line-height:1; cursor:pointer; } :is(body,.amber-header-redesign) .amber-carousel-controls button:hover:not(:disabled) { background:color-mix(in srgb, var(--color-primary) 12%, white); border-color:color-mix(in srgb, var(--color-primary) 55%, white); } :is(body,.amber-header-redesign) .amber-carousel-controls button:disabled { opacity:.3; cursor:default; } @media (min-width:768px) and (max-width:1199px) { :is(body,.amber-header-redesign) .amber-product-carousel > .products-block > .product { flex-basis:calc((100% - 36px)/3); } :is(body,.amber-header-redesign) .amber-product-carousel > .products-block { gap:18px; } } @media (max-width:767px) { :is(body,.amber-header-redesign) .amber-product-carousel > .products-block { gap:12px; } :is(body,.amber-header-redesign) .amber-product-carousel > .products-block > .product { flex-basis:calc((100% - 12px)/1.65); } :is(body,.amber-header-redesign) .amber-carousel-controls { top:-52px; } :is(body,.amber-header-redesign) .amber-carousel-controls button { width:32px; height:32px; font-size:20px; } :is(body,.amber-header-redesign) .homepage-group-title { text-align:left; font-size:24px; padding-right:82px; } :is(body,.amber-header-redesign) #carousel .item > a, :is(body,.amber-header-redesign) .next-to-carousel-banners .banner-wrapper > a, :is(body,.amber-header-redesign) .footer-banners .footer-banner > a, :is(body,.amber-header-redesign) .amber-middle-banner > a { display:flex; flex-direction:column; min-height:0 !important; aspect-ratio:auto !important; } :is(body,.amber-header-redesign) #carousel .item img, :is(body,.amber-header-redesign) .next-to-carousel-banners img, :is(body,.amber-header-redesign) .footer-banners img, :is(body,.amber-header-redesign) .amber-middle-banner img { width:100% !important; height:auto !important; min-height:0; object-fit:contain; } :is(body,.amber-header-redesign) #carousel .item > a::after, :is(body,.amber-header-redesign) .next-to-carousel-banners .banner-wrapper > a::after, :is(body,.amber-header-redesign) .footer-banners .footer-banner > a::after, :is(body,.amber-header-redesign) .amber-middle-banner > a::after { display:none; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts, :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-texts, :is(body,.amber-header-redesign) .footer-banners .extended-banner-texts, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-texts { display:flex !important; position:static !important; inset:auto !important; width:100%; max-width:none; transform:none !important; padding:22px 20px; margin:0; background:#f1f5f7; gap:12px; box-sizing:border-box; } :is(body,.amber-header-redesign) #carousel .extended-banner-title, :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-title, :is(body,.amber-header-redesign) .footer-banners .extended-banner-title, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-title { font-size:25px; line-height:1.15; } :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-text { font-size:13px; } :is(body,.amber-header-redesign) #carousel .carousel-control { top:12px !important; bottom:auto !important; } } @media (prefers-reduced-motion:reduce) { :is(body,.amber-header-redesign) .amber-product-carousel > .products-block { scroll-behavior:auto; } } @media (max-width:767px) { :is(body,.amber-header-redesign) #header .cart-count { display:flex !important; align-items:center; justify-content:center; gap:4px; width:48px !important; right:8px !important; } :is(body,.amber-header-redesign) #header .cart-count::before { position:static !important; inset:auto !important; transform:none !important; flex:0 0 22px; } :is(body,.amber-header-redesign) #header .cart-count > i[data-testid='headerCartCount'] { position:static !important; inset:auto !important; order:1; flex:0 0 auto; width:auto; min-width:14px; height:16px; margin:0 !important; padding:0 3px; border:0; font-size:9px; line-height:1; } :is(body,.amber-header-redesign) #header .responsive-tools a[data-target='search'] { right:64px !important; } } /* Mobilní texty jako kompaktní HTML vrstva přímo ve fotografii. */ @media (max-width:767px) { :is(body,.amber-header-redesign) #carousel .item > a, :is(body,.amber-header-redesign) .next-to-carousel-banners .banner-wrapper > a, :is(body,.amber-header-redesign) .footer-banners .footer-banner > a, :is(body,.amber-header-redesign) .amber-middle-banner > a { display:block; position:relative; min-height:0 !important; aspect-ratio:auto !important; } :is(body,.amber-header-redesign) #carousel .item > a::after, :is(body,.amber-header-redesign) .next-to-carousel-banners .banner-wrapper > a::after, :is(body,.amber-header-redesign) .footer-banners .footer-banner > a::after, :is(body,.amber-header-redesign) .amber-middle-banner > a::after { content:''; display:block; position:absolute; inset:0; z-index:0; background:linear-gradient(90deg,rgba(13,29,43,.83),rgba(13,29,43,.48) 48%,rgba(13,29,43,.02) 85%); pointer-events:none; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts, :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-texts, :is(body,.amber-header-redesign) .footer-banners .extended-banner-texts, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-texts { position:absolute !important; top:50% !important; left:16px !important; right:auto !important; bottom:auto !important; transform:translateY(-50%) !important; width:62%; max-width:none; padding:0; margin:0; gap:8px; background:transparent; z-index:2; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts > .extended-banner-title, :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-title, :is(body,.amber-header-redesign) .footer-banners .extended-banner-title, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-title { color:#fff !important; font-size:22px; line-height:1.1; letter-spacing:-.45px; text-shadow:0 1px 6px #0c1c2a18; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts > .extended-banner-text, :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-text, :is(body,.amber-header-redesign) .footer-banners .extended-banner-text, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-text { color:#edf3f6 !important; font-size:11px; line-height:1.35; } :is(body,.amber-header-redesign) #carousel .extended-banner-link, :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-texts > .extended-banner-link, :is(body,.amber-header-redesign) .footer-banners .extended-banner-texts > .extended-banner-link, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-texts > .extended-banner-link { min-height:32px; padding:0 12px !important; font-size:11px; gap:10px; margin:0 !important; border-radius:6px; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-texts { gap:6px; width:66%; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts > .extended-banner-title, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-title { font-size:clamp(15px,4.5vw,19px); line-height:1.08; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts > .extended-banner-text, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-text { font-size:10px; line-height:1.25; } :is(body,.amber-header-redesign) #carousel .extended-banner-link, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-texts > .extended-banner-link { min-height:27px; padding:0 10px !important; font-size:10px; gap:8px; } :is(body,.amber-header-redesign) #carousel .extended-banner-link::after, :is(body,.amber-header-redesign) .amber-middle-banner .extended-banner-link::after { font-size:15px; } :is(body,.amber-header-redesign) #carousel .carousel-control { width:26px !important; height:26px !important; top:auto !important; bottom:8px !important; border:1px solid #ffffff66; } :is(body,.amber-header-redesign) #carousel .carousel-control.left { right:42px !important; } :is(body,.amber-header-redesign) #carousel .carousel-control.right { right:8px !important; } :is(body,.amber-header-redesign) #carousel .carousel-control::before { font-size:13px; } } @media (max-width:767px) { :is(body,.amber-header-redesign) .amber-product-carousel > .products-block > .product { flex-basis:calc((100% - 12px)/1.5); } :is(body,.amber-header-redesign) #carousel .item > a:has(.extended-banner-texts)::after { background:linear-gradient(90deg,rgba(13,29,43,.83),rgba(13,29,43,.48) 48%,rgba(13,29,43,.02) 85%) !important; } } /* Doplňkové bannery se řídí stejným obsahem jako hlavní kontejner. */ :is(body,.amber-header-redesign) .banners-row > .col-sm-4:has(.next-to-carousel-banners) { max-width:1536px; margin:0 auto; } :is(body,.amber-header-redesign) .amber-footer-promos { width:100%; max-width:1600px; padding-left:32px; padding-right:32px; } @media (max-width:767px) { :is(body,.amber-header-redesign) .amber-footer-promos { padding-left:16px; padding-right:16px; } } /* Zvětšuje se pouze fotografie, rozměry karty zůstávají stabilní. */ :is(body,.amber-header-redesign) .products-block > .product, :is(body,.amber-header-redesign) .products-block .product .p, :is(body,.amber-header-redesign) .products-block .product .p > .image { transform:none !important; } :is(body,.amber-header-redesign) .products-block .product .p > .image img { transition:transform 240ms ease; } @media (hover:hover) and (pointer:fine) { :is(body,.amber-header-redesign) .products-block .product .p:hover > .image img { transform:scale(1.045); } } @media (min-width:768px) { :is(body,.amber-header-redesign) #carousel .carousel-control { top:50% !important; bottom:auto !important; transform:translateY(-50%); } :is(body,.amber-header-redesign) #carousel .carousel-control.left { left:max(20px,calc((100% - 1600px)/2 - 44px)) !important; right:auto !important; } :is(body,.amber-header-redesign) #carousel .carousel-control.right { right:max(20px,calc((100% - 1600px)/2 - 44px)) !important; left:auto !important; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts { left:max(80px,calc((100% - 1536px)/2)) !important; } } @media (max-width:767px) { :is(body,.amber-header-redesign) #carousel .extended-banner-texts > .extended-banner-title { font-size:22px; line-height:1.08; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-title, :is(body,.amber-header-redesign) .footer-banners .extended-banner-title { font-size:20px; line-height:1.15; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-text, :is(body,.amber-header-redesign) .footer-banners .extended-banner-text { font-size:10.5px; } :is(body,.amber-header-redesign) .next-to-carousel-banners .extended-banner-texts > .extended-banner-link, :is(body,.amber-header-redesign) .footer-banners .extended-banner-texts > .extended-banner-link { font-size:10px; min-height:30px; } } @media (max-width:350px) { :is(body,.amber-header-redesign) #carousel .extended-banner-texts > .extended-banner-title { font-size:19px; } :is(body,.amber-header-redesign) #carousel .extended-banner-texts > .extended-banner-text { display:none; } } /* Drobečková navigace bez rušivých oddělovačů a velkých mezer. */ :is(body,.amber-header-redesign) .breadcrumbs-wrapper { padding-top:20px; padding-bottom:20px; } :is(body,.amber-header-redesign) .breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0; padding:0; min-height:24px; background:transparent; font-size:12px; line-height:1.5; color:#7a8791; } :is(body,.amber-header-redesign) .breadcrumbs > span { display:inline-flex; align-items:center; gap:10px; position:static; margin:0; padding:0; } :is(body,.amber-header-redesign) .breadcrumbs a { color:#6e7d88; text-decoration:none; } :is(body,.amber-header-redesign) .breadcrumbs a:hover { color:#1c2834; } :is(body,.amber-header-redesign) .breadcrumbs > span:last-child { color:#243442; font-weight:500; } :is(body,.amber-header-redesign) .breadcrumbs .navigation-bullet { display:block; width:5px; height:5px; margin:0 3px; border:solid #a2acb4; border-width:0 1px 1px 0; transform:rotate(-45deg); font-size:0; } :is(body,.amber-header-redesign) .breadcrumbs .navigation-home-icon { display:flex; align-items:center; justify-content:center; width:24px; height:24px; background:#f0f4f6; border-radius:6px; font-size:12px; } /* Sidebar: navigace a filtry v samostatných kompaktních blocích. */ :is(body,.amber-header-redesign) .sidebar .box { margin:0 0 20px; padding:20px; border:1px solid #e3e9ed; border-radius:12px; background:#fff; box-shadow:none; } :is(body,.amber-header-redesign) .sidebar .pageElement__heading { margin:0 0 18px; padding:0; color:#243442; font-size:14px; line-height:1.4; font-weight:600; text-transform:none; letter-spacing:0; background:transparent; } :is(body,.amber-header-redesign) .sidebar #categories { padding:0; margin:0; } :is(body,.amber-header-redesign) .sidebar .categories { padding:0; margin:0 0 4px; background:transparent; border:0; } :is(body,.amber-header-redesign) .sidebar .categories .topic > a { display:flex; align-items:center; position:relative; min-height:42px; margin:0; padding:10px 30px 10px 12px; border:0; border-radius:7px; background:transparent; color:#40525f; font-size:13px; line-height:1.4; font-weight:500; } :is(body,.amber-header-redesign) .sidebar .categories .topic.active > a { background:color-mix(in srgb, var(--color-primary) 12%, white); color:color-mix(in srgb, var(--color-primary) 40%, #142a3a); } :is(body,.amber-header-redesign) .sidebar .categories .topic > a:hover { background:#f3f6f8; color:#1c2834; } :is(body,.amber-header-redesign) .sidebar .categories > ul { margin:4px 0 12px 12px; padding:0 0 0 12px; border-left:1px solid #e4e9ed; } :is(body,.amber-header-redesign) .sidebar .categories > ul a { display:block; padding:8px 0; margin:0; color:#71808b; font-size:12px; } :is(body,.amber-header-redesign) .sidebar .categories > ul a:hover { color:#1c2834; } :is(body,.amber-header-redesign) .sidebar .categories li::before { display:none; } :is(body,.amber-header-redesign) .sidebar .cat-trigger { right:8px; color:#7b8b96; } :is(body,.amber-header-redesign) .sidebar .slider-wrapper h4, :is(body,.amber-header-redesign) .sidebar .filter-section h4 { padding:0; margin:0 0 16px; color:#243442; font-size:13px; font-weight:600; text-transform:none; } :is(body,.amber-header-redesign) .sidebar .slider-header { display:flex; justify-content:space-between; color:#60717e; font-size:12px; padding:0; } :is(body,.amber-header-redesign) .sidebar .slider-content { padding:20px 8px 24px; } :is(body,.amber-header-redesign) .sidebar .ui-slider { height:4px; border:0; background:#e7edf1; border-radius:4px; } :is(body,.amber-header-redesign) .sidebar .ui-slider-range { background:color-mix(in srgb, var(--color-primary) 85%, black); } :is(body,.amber-header-redesign) .sidebar .ui-slider-handle { width:16px; height:16px; top:-6px; border:2px solid color-mix(in srgb, var(--color-primary) 85%, black); border-radius:50%; background:#fff; box-shadow:0 2px 5px #172a3914; } :is(body,.amber-header-redesign) .sidebar .filter-section { margin:0; padding:14px 0; border-top:1px solid #eef1f4; } :is(body,.amber-header-redesign) .sidebar .filter-label { color:#546673; font-size:12px; line-height:1.6; } :is(body,.amber-header-redesign) .sidebar .filter-count { color:#92a0aa; font-size:11px; } :is(body,.amber-header-redesign) .sidebar .toggle-filters { display:flex; justify-content:space-between; padding:0; color:#536a7a; font-size:11px; text-transform:none; } :is(body,.amber-header-redesign) .sidebar .top-products { margin:0; padding:0; } :is(body,.amber-header-redesign) .sidebar .top-products li { margin:0; padding:12px 0; border-bottom:1px solid #eef1f4; } :is(body,.amber-header-redesign) .sidebar .top-products li:last-child { border:0; } :is(body,.amber-header-redesign) .sidebar .top-products-name { color:#4a5c69; font-size:12px; line-height:1.4; } :is(body,.amber-header-redesign) .sidebar .top-products strong { color:#243442; font-size:13px; } @media (min-width:992px) { :is(body,.amber-header-redesign) .sidebar-left { width:270px; padding-right:24px; } :is(body,.amber-header-redesign) .sidebar-left + .content { width:calc(100% - 270px); } } @media (max-width:767px) { :is(body,.amber-header-redesign) .breadcrumbs-wrapper { padding-top:14px; padding-bottom:14px; } :is(body,.amber-header-redesign) .breadcrumbs { font-size:11px; gap:7px; } } /* Patička s přístupnými původními widgety. */ :is(body,.amber-header-redesign) #footer { margin-top:48px; padding:40px 0 0; border:0; background:#1c2834; color:#c5d0d8; } :is(body,.amber-header-redesign) #footer .footer-rows { display:block !important; padding-top:0; padding-bottom:24px; } :is(body,.amber-header-redesign) #footer .site-name { display:none; } :is(body,.amber-header-redesign) #footer .custom-footer { display:grid !important; grid-template-columns:1fr 1fr 1.25fr 1fr; gap:32px; padding:0; margin:0; } :is(body,.amber-header-redesign) #footer .custom-footer > div { display:block; width:100% !important; padding:0; margin:0; border:0; background:transparent; } :is(body,.amber-header-redesign) #footer .custom-footer > .custom-footer__instagram:empty { display:none; } :is(body,.amber-header-redesign) #footer .custom-footer .pageElement__heading { margin:0 0 18px; padding:0; background:transparent; color:#f5f7f9; font-size:15px; font-weight:500; text-transform:none; line-height:1.35; } :is(body,.amber-header-redesign) #footer a { color:#bdcbd5; text-decoration:none; } :is(body,.amber-header-redesign) #footer a:hover { color:var(--color-primary); } :is(body,.amber-header-redesign) #footer ul { display:block; margin:0; padding:0; background:transparent; border:0; } :is(body,.amber-header-redesign) #footer li { display:block; margin:0 0 12px; padding:0; list-style:none; } :is(body,.amber-header-redesign) #footer li::before,:is(body,.amber-header-redesign) #footer li::after { display:none; } :is(body,.amber-header-redesign) #footer li a { font-size:13px; line-height:1.5; } :is(body,.amber-header-redesign) #footer .custom-footer > .custom-footer__newsletter { grid-column:1/-1; order:-1; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; margin-bottom:16px; padding:32px; border-radius:16px; background:#f2f5f7; color:#243442; } :is(body,.amber-header-redesign) #footer .newsletter-header { width:100%; padding:0; margin:0; } :is(body,.amber-header-redesign) #footer .newsletter-header .pageElement__heading { margin-bottom:10px; color:#1c2834; font-size:28px; font-weight:600; } :is(body,.amber-header-redesign) #footer .newsletter-header p { color:#6b7b87; font-size:14px; line-height:1.7; margin:0; max-width:450px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget { position:static; display:block; width:100%; height:auto; margin:0; padding:0; background:transparent; text-align:left; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget > fieldset { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px; min-inline-size:0; width:100%; height:auto; margin:0; padding:0; border:0; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .form-group { margin:0; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .form-control { height:48px; margin:0; border:1px solid #d7e0e6; border-radius:8px; background:#fff; color:#243442; font-size:16px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget label { color:#657785; font-size:12px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .btn { position:static; width:auto; min-height:48px; padding:0 18px; border:0; border-radius:8px; background:var(--color-primary); color:var(--amber-on-accent, #172b3a); font-size:12px; font-weight:600; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .box { grid-column:1/-1; margin:0; padding:12px; border:1px solid #dce4e9; border-radius:8px; background:#eaf0f4; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .box h2 { margin:0 0 10px; font-size:13px; color:#526878; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .captcha-image { margin-bottom:10px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .consents { grid-column:1/-1; font-size:11px; line-height:1.5; color:#778893; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .consents a { color:#4e6474; text-decoration:underline; } :is(body,.amber-header-redesign) #footer .contact-box { padding:0; margin:0; background:transparent; } :is(body,.amber-header-redesign) #footer .contact-box span::before { color:var(--color-primary); } :is(body,.amber-header-redesign) #footer .custom-footer__login .form-group { margin:0 0 14px; } :is(body,.amber-header-redesign) #footer .custom-footer__login .form-control { height:42px; border:1px solid #4a5a67; border-radius:7px; background:#263745; color:#fff; } :is(body,.amber-header-redesign) #footer .custom-footer__login label { color:#b6c5d0; font-size:12px; } :is(body,.amber-header-redesign) #footer .custom-footer__login .btn { min-height:40px; border:0; border-radius:7px; background:#354c5e; color:#fff; font-size:12px; } :is(body,.amber-header-redesign) #footer .custom-footer__login .alternative-links { display:flex; flex-direction:column; gap:8px; margin:12px 0 0; font-size:11px; } :is(body,.amber-header-redesign) #footer .custom-footer__onlinePayments p { text-align:left; } :is(body,.amber-header-redesign) #footer .custom-footer__onlinePayments img { background:#fff; padding:8px; border-radius:6px; width:164px; height:auto; } :is(body,.amber-header-redesign) #footer .footer-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; padding-top:24px; padding-bottom:24px; border-top:1px solid #ffffff16; color:#93a6b5; font-size:11px; background:transparent; } :is(body,.amber-header-redesign) #footer .footer-bottom .podpis { margin:0; padding:0; font-size:11px; } @media (max-width:991px) { :is(body,.amber-header-redesign) #footer .custom-footer { grid-template-columns:repeat(2,minmax(0,1fr)); } :is(body,.amber-header-redesign) #footer .custom-footer > .custom-footer__newsletter { grid-template-columns:1fr; gap:24px; } } @media (max-width:767px) { :is(body,.amber-header-redesign) #footer { padding-top:24px; margin-top:28px; } :is(body,.amber-header-redesign) #footer .custom-footer { gap:28px 20px; } :is(body,.amber-header-redesign) #footer .custom-footer > .custom-footer__newsletter { padding:24px 20px; border-radius:12px; } :is(body,.amber-header-redesign) #footer .newsletter-header .pageElement__heading { font-size:24px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget > fieldset { grid-template-columns:1fr; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .btn { width:100%; } :is(body,.amber-header-redesign) #footer .custom-footer__login { grid-column:1/-1; } :is(body,.amber-header-redesign) #footer .footer-bottom { flex-direction:column; align-items:flex-start; gap:12px; } } /* Mobilní navigace vysouvaná zleva. */ .amber-menu-backdrop { display:none; } @media (max-width:767px) { :is(body,.amber-header-redesign).navigation-window-visible { overflow:hidden; } :is(body,.amber-header-redesign).navigation-window-visible .overall-wrapper { transform:none !important; left:0 !important; right:auto; } :is(body,.amber-header-redesign).navigation-window-visible .amber-menu-backdrop { display:block; position:fixed; inset:68px 0 0; background:#0b1d2b80; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); z-index:90; } :is(body,.amber-header-redesign) #header #navigation { display:block !important; position:fixed !important; top:68px !important; left:0 !important; right:auto !important; bottom:0 !important; width:min(88vw,360px) !important; height:calc(100dvh - 68px) !important; margin:0; padding:0; border:0; background:#fff !important; opacity:1; visibility:hidden; transform:translateX(-105%) !important; transition:transform 220ms ease,visibility 220ms; z-index:120; overflow-x:hidden; } :is(body,.amber-header-redesign).navigation-window-visible #header #navigation { visibility:visible; transform:translateX(0) !important; } :is(body,.amber-header-redesign) #header #navigation .navigation-in { display:block; position:static !important; width:100% !important; height:100%; margin:0; padding:16px; background:#fff !important; overflow-y:auto; overflow-x:hidden; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 { display:flex; flex-direction:column; width:100%; height:auto; padding:0; margin:0; background:#fff; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li { width:100%; height:auto; margin:0; padding:0; border-bottom:1px solid #edf1f4; background:transparent; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a { display:flex; align-items:center; width:100% !important; min-height:54px; margin:0; padding:14px 42px 14px 12px; border:0; border-radius:0; color:#263a49; background:#fff; font-size:14px; line-height:1.5; text-align:left; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a b { font-weight:500; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a .submenu-arrow { top:0; right:0; width:42px; height:54px; } :is(body,.amber-header-redesign) #header #navigation .menu-level-2 { position:static !important; width:100% !important; margin:0; padding:0 10px 12px; background:#f5f8fa; border:0; box-shadow:none; } :is(body,.amber-header-redesign) #header #navigation .menu-level-2 li { padding:0; margin:0; border:0; background:transparent; } :is(body,.amber-header-redesign) #header #navigation .menu-level-2 .menu-image { display:none; } :is(body,.amber-header-redesign) #header #navigation .menu-level-2 a { display:block; padding:12px; color:#526a7b; font-size:13px; } :is(body,.amber-header-redesign) #header #navigation .navigationActions { display:block; width:100%; margin:20px 0 0; padding:0; color:#526a7b; background:#f3f6f8; border-radius:10px; } :is(body,.amber-header-redesign) #header #navigation .navigationActions > li > a { min-height:48px; padding:12px; color:#526a7b; font-size:13px; } :is(body,.amber-header-redesign) #header #navigation .navigation-close { display:none !important; } :is(body,.amber-header-redesign).navigation-window-visible #header .responsive-tools a[data-target='navigation']::before { -webkit-mask:none; mask:none; background:none !important; width:22px; height:22px; content:'×' !important; color:#fff; font-family:Arial,sans-serif; font-weight:300; font-size:30px; line-height:19px; text-align:center; } } @media (prefers-reduced-motion:reduce) { :is(body,.amber-header-redesign) #header #navigation { transition:none !important; } } /* Přehledné řádky košíku a vodorovné ovládání počtu kusů. */ :is(body,.amber-header-redesign) #cart-widget .cart-widget-product { display:grid; grid-template-columns:56px minmax(0,1fr)24px; align-items:center; gap:9px 14px; padding:16px 0; border-bottom:1px solid #e9eef2; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-product-image { grid-column:1; grid-row:1 / span 2; width:56px; height:64px; margin:0; padding:0; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-product-image img { width:100%; height:100%; object-fit:contain; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-product-name { grid-column:2; grid-row:1; width:auto; padding:0; margin:0; font-size:13px; line-height:1.4; color:#263b4a; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-product-name strong { display:block; font-weight:500; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-product-name a { color:#263b4a; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-product-name > span { display:block; margin-top:3px; color:#1c2834; font-size:13px; font-weight:600; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-product-amount { grid-column:2; grid-row:2; width:auto; padding:0; margin:0; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-product-unit { display:none; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-product-delete { grid-column:3; grid-row:1; align-self:start; width:24px; height:24px; margin:0; padding:0; } :is(body,.amber-header-redesign) #cart-widget .remove-item { width:24px; height:24px; background:transparent; color:#8b9aa4; border:0; border-radius:5px; } :is(body,.amber-header-redesign) #cart-widget .remove-item:hover { background:#fff1ed; color:#a44c34; } :is(body,.amber-header-redesign) #cart-widget .quantity { display:grid; grid-template-columns:32px 42px 32px; position:relative; width:108px; height:36px; padding:0; margin:0; border:1px solid #dce5eb; border-radius:7px; overflow:hidden; background:#f4f7f9; } :is(body,.amber-header-redesign) #cart-widget .quantity label { display:block; grid-column:2; grid-row:1; width:42px; height:34px; padding:0; margin:0; } :is(body,.amber-header-redesign) #cart-widget .quantity .amount { display:block; width:42px !important; height:34px !important; margin:0; padding:0; border:0; border-left:1px solid #e3eaef; border-right:1px solid #e3eaef; border-radius:0; background:#fff; color:#243442; font-size:13px; line-height:34px; text-align:center; appearance:textfield; -moz-appearance:textfield; } :is(body,.amber-header-redesign) #cart-widget .quantity .amount::-webkit-inner-spin-button, :is(body,.amber-header-redesign) #cart-widget .quantity .amount::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; } :is(body,.amber-header-redesign) #cart-widget .quantity .increase, :is(body,.amber-header-redesign) #cart-widget .quantity .decrease { display:flex; align-items:center; justify-content:center; position:static !important; inset:auto !important; width:32px; height:34px; margin:0; padding:0; border:0; background:transparent; color:#4c6475; font-size:19px; line-height:1; } :is(body,.amber-header-redesign) #cart-widget .quantity .increase { grid-column:3; grid-row:1; } :is(body,.amber-header-redesign) #cart-widget .quantity .decrease { grid-column:1; grid-row:1; } :is(body,.amber-header-redesign) #cart-widget .quantity .increase::before, :is(body,.amber-header-redesign) #cart-widget .quantity .decrease::before { display:none; } :is(body,.amber-header-redesign) #cart-widget .quantity button:hover { background:#e4edf3; color:#1c2834; } :is(body,.amber-header-redesign) #cart-widget .quantity:focus-within { outline:2px solid color-mix(in srgb, var(--color-primary) 85%, black); outline-offset:2px; } :is(body,.amber-header-redesign) #cart-widget .quantity .amount:focus { outline:0; box-shadow:none; } :is(body,.amber-header-redesign) #cart-widget .cart-free-shipping { display:block; padding:0; margin:12px 0 0; border:0; background:#f0f6f3; border-radius:8px; } :is(body,.amber-header-redesign) #cart-widget .cart-free-shipping > div { padding:12px; color:#526e61; font-size:12px; line-height:1.5; text-align:center; } /* Minimalistické chevrony carouselu. */ :is(body,.amber-header-redesign) #carousel .carousel-control { width:36px !important; height:36px !important; border:1px solid #ffffff50; border-radius:50%; background:#ffffff94 !important; color:#314451; box-shadow:none; } :is(body,.amber-header-redesign) #carousel .carousel-control:hover { background:#ffffffe6 !important; } :is(body,.amber-header-redesign) #carousel .carousel-control::before { content:'' !important; display:block; width:9px; height:9px; border:solid currentColor; border-width:0 1.5px 1.5px 0; background:none; } :is(body,.amber-header-redesign) #carousel .carousel-control.left::before { transform:translate(-35%,-50%) rotate(135deg); } :is(body,.amber-header-redesign) #carousel .carousel-control.right::before { transform:translate(-65%,-50%) rotate(-45deg); } @media (max-width:767px) { :is(body,.amber-header-redesign) #carousel .carousel-control { width:27px !important; height:27px !important; } :is(body,.amber-header-redesign) #carousel .carousel-control::before { width:7px; height:7px; } } :is(body,.amber-header-redesign) #footer .footer-bottom { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 32px; } :is(body,.amber-header-redesign) #footer .footer-bottom .copyright { grid-column:1; grid-row:1 / span 2; text-align:left; margin:0; } :is(body,.amber-header-redesign) #footer .footer-bottom .podpis { grid-column:2; grid-row:1; text-align:right; margin:0; } :is(body,.amber-header-redesign) #footer .footer-bottom #signature { display:flex !important; justify-content:flex-end; align-items:center; gap:6px; grid-column:2; grid-row:2; width:auto; text-align:right; margin:0; } :is(body,.amber-header-redesign) #footer .footer-bottom #signature .image { display:flex; align-items:center; } @media (max-width:767px) { :is(body,.amber-header-redesign) #footer .footer-bottom { display:flex; flex-direction:column; align-items:flex-start; gap:12px; } :is(body,.amber-header-redesign) #footer .footer-bottom .copyright { order:0; } :is(body,.amber-header-redesign) #footer .footer-bottom .podpis { order:1; text-align:left; } :is(body,.amber-header-redesign) #footer .footer-bottom #signature { order:2; justify-content:flex-start; text-align:left; } } :is(body,.amber-header-redesign) #carousel .carousel-control.left::before { content:"" !important; width:20px; height:20px; border:0 !important; position:absolute; top:50%; left:50%; margin:0; transform:translate(-50%,-50%) !important; background:#263b4a !important; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2012H5m7-7-7%207%207%207%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2012H5m7-7-7%207%207%207%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; } :is(body,.amber-header-redesign) #carousel .carousel-control.right::before { content:"" !important; width:20px; height:20px; border:0 !important; position:absolute; top:50%; left:50%; margin:0; transform:translate(-50%,-50%) !important; background:#263b4a !important; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14m-7-7%207%207-7%207%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14m-7-7%207%207-7%207%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; } :is(body,.amber-header-redesign) #carousel .carousel-control::after { display:none !important; } :is(body,.amber-header-redesign) .amber-top-promos { width:100%; max-width:1600px; padding-left:32px; padding-right:32px; } @media(max-width:767px){:is(body,.amber-header-redesign) .amber-top-promos{padding-left:16px;padding-right:16px;}} /* Oprava nativně skrytých znamének množství. */ :is(body,.amber-header-redesign) #cart-widget .quantity { box-sizing:border-box; } :is(body,.amber-header-redesign) #cart-widget .quantity label, :is(body,.amber-header-redesign) #cart-widget .quantity .amount { border-radius:0 !important; box-sizing:border-box; } :is(body,.amber-header-redesign) #cart-widget .quantity .increase__sign, :is(body,.amber-header-redesign) #cart-widget .quantity .decrease__sign { display:block !important; position:static !important; width:auto; height:auto; font:400 20px/1 Arial,sans-serif; color:inherit; opacity:1; visibility:visible; } /* Jediný nezalamovaný pás je podmínkou vodorovného posouvání. */ :is(body,.amber-header-redesign) .amber-product-carousel > .products-block { flex-wrap:nowrap !important; align-items:stretch; touch-action:pan-x pan-y; } :is(body,.amber-header-redesign) .amber-product-carousel > .products-block > .product { flex:0 0 calc((100% - 72px)/4); max-width:none !important; } @media(min-width:768px) and (max-width:1199px){ :is(body,.amber-header-redesign) .amber-product-carousel > .products-block { gap:18px; } :is(body,.amber-header-redesign) .amber-product-carousel > .products-block > .product { flex-basis:calc((100% - 54px)/4); } } @media(max-width:767px){ :is(body,.amber-header-redesign) .amber-product-carousel > .products-block > .product { flex-basis:calc((100% - 12px)/1.5); } } /* Úvodní informace: klidná typografie a čitelná délka řádků. */ :is(body,.amber-header-redesign) .homepage-box.welcome-wrapper { margin:24px 0 40px; padding:0; background:transparent; } :is(body,.amber-header-redesign) .welcome-wrapper .welcome { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:56px; align-items:start; padding:40px; border:1px solid #e5ebef; border-radius:16px; background:#f5f8fa; text-align:left; } :is(body,.amber-header-redesign) .welcome .h1 { margin:0; padding:0; color:#243442; font-size:clamp(24px,2.1vw,34px); font-weight:600; line-height:1.25; letter-spacing:-.7px; text-align:left; } :is(body,.amber-header-redesign) .welcome p { margin:0; color:#596d7a; font-size:14px; line-height:1.85; } :is(body,.amber-header-redesign) .welcome a { color:#314e63; text-decoration:underline; text-underline-offset:3px; } /* Spodní bannery mají shodný formát i přes rozdílné délky textů. */ :is(body,.amber-header-redesign) .amber-footer-promos .footer-banners { max-width:none; margin:0 auto 40px; } :is(body,.amber-header-redesign) .amber-footer-promos .footer-banner > a { min-height:0; aspect-ratio:2/1; } :is(body,.amber-header-redesign) .amber-footer-promos .footer-banner img { position:relative; height:auto; width:100%; aspect-ratio:2/1; object-fit:cover; } :is(body,.amber-header-redesign) .amber-footer-promos .extended-banner-texts { width:54%; gap:10px; } :is(body,.amber-header-redesign) .amber-footer-promos .extended-banner-title { font-size:clamp(23px,2vw,32px); line-height:1.15; } :is(body,.amber-header-redesign) .amber-footer-promos .extended-banner-text { font-size:13px; line-height:1.55; } @media(max-width:991px){ :is(body,.amber-header-redesign) .welcome-wrapper .welcome { grid-template-columns:1fr; gap:20px; padding:28px; } :is(body,.amber-header-redesign) .amber-footer-promos .footer-banners { gap:18px; } :is(body,.amber-header-redesign) .amber-footer-promos .extended-banner-title { font-size:23px; } :is(body,.amber-header-redesign) .amber-footer-promos .extended-banner-text { font-size:12px; } } @media(max-width:767px){ :is(body,.amber-header-redesign) .welcome-wrapper .welcome { padding:24px 20px; gap:16px; border-radius:12px; } :is(body,.amber-header-redesign) .welcome .h1 { font-size:24px; } :is(body,.amber-header-redesign) .welcome p { font-size:13px; line-height:1.75; } :is(body,.amber-header-redesign) .amber-footer-promos .extended-banner-texts { width:68%; } :is(body,.amber-header-redesign) .amber-footer-promos .extended-banner-title { font-size:19px; } :is(body,.amber-header-redesign) .amber-footer-promos .extended-banner-text { font-size:10.5px; } } /* Patička: newsletter a čtyři přehledné sloupce. */ :is(body,.amber-header-redesign) #footer .custom-footer { grid-template-columns:1.1fr 1fr 1.2fr .8fr; gap:36px; align-items:start; } :is(body,.amber-header-redesign) #footer .custom-footer > div { min-width:0; text-align:left; } :is(body,.amber-header-redesign) #footer .custom-footer > .custom-footer__newsletter { grid-template-columns:1fr 1.15fr; padding:36px; margin-bottom:12px; border:1px solid #ffffff16; background:#263745; color:#fff; gap:48px; } :is(body,.amber-header-redesign) #footer .newsletter-header .pageElement__heading { color:#fff; font-size:28px; } :is(body,.amber-header-redesign) #footer .newsletter-header p { color:#bac9d3; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget > fieldset { grid-template-columns:minmax(0,1fr) auto; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget > fieldset > .form-group:not(.consents) { grid-column:1; grid-row:1; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget > fieldset > .btn { grid-column:2; grid-row:1; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .smart-label-wrapper > label { position:static !important; display:block !important; transform:none !important; margin:0 0 6px; padding:0; color:#c3d1db; font-size:12px; line-height:18px; background:none; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget > fieldset > .btn { margin-top:24px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .form-control { border-color:#516574; background:#1d2c38; color:#fff; box-sizing:border-box; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .box { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:end; gap:10px 18px; background:#21313e; border-color:#415564; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .box h2 { grid-column:1/-1; margin:0; color:#c4d0d9; font-size:12px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .captcha-image { margin:0 0 4px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .box .form-control { width:100%; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .consents, :is(body,.amber-header-redesign) #footer #formNewsletterWidget .consents .label { color:#afc0cd; white-space:normal; text-align:left; margin:0; padding:0; font-size:11px; line-height:1.6; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .consents a { color:#d7e2e9; } :is(body,.amber-header-redesign) #footer .custom-footer > div:not(.custom-footer__newsletter) { padding-top:20px; border-top:1px solid #ffffff20; } :is(body,.amber-header-redesign) #footer .custom-footer .pageElement__heading span { display:inline; background:none; padding:0; color:inherit; } :is(body,.amber-header-redesign) #footer .custom-footer__login form, :is(body,.amber-header-redesign) #footer .custom-footer__login fieldset { width:100%; margin:0; padding:0; border:0; } :is(body,.amber-header-redesign) #footer .custom-footer__login .smart-label-wrapper > label { position:static !important; display:block; transform:none !important; margin:0 0 6px; padding:0; background:none; font-size:12px; color:#afc0cd; line-height:18px; } :is(body,.amber-header-redesign) #footer .custom-footer__login input { width:100%; box-sizing:border-box; } :is(body,.amber-header-redesign) #footer .custom-footer__login .btn { width:100%; background:#415969; } :is(body,.amber-header-redesign) #footer .custom-footer__onlinePayments img { max-width:100%; box-sizing:border-box; } @media(max-width:1199px){ :is(body,.amber-header-redesign) #footer .custom-footer { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:991px){ :is(body,.amber-header-redesign) #footer .custom-footer > .custom-footer__newsletter { grid-template-columns:1fr; gap:24px; } } @media(max-width:767px){ :is(body,.amber-header-redesign) #footer .custom-footer { gap:28px 20px; } :is(body,.amber-header-redesign) #footer .custom-footer > .custom-footer__newsletter { padding:24px 20px; } :is(body,.amber-header-redesign) #footer .newsletter-header .pageElement__heading { font-size:24px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget > fieldset { grid-template-columns:1fr; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget > fieldset > .btn { grid-column:1; grid-row:4; margin-top:0; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .box { grid-template-columns:1fr; } :is(body,.amber-header-redesign) #footer .custom-footer__login { grid-column:auto; } } @media(max-width:480px){ :is(body,.amber-header-redesign) #footer .custom-footer { grid-template-columns:1fr; } } /* Reset dekorací původní šablony uvnitř nativních widgetů. */ :is(body,.amber-header-redesign) #footer .custom-footer > .custom-footer__instagram { display:none !important; } :is(body,.amber-header-redesign) #footer .custom-footer__articles li, :is(body,.amber-header-redesign) #footer .contact-box li { display:block !important; width:auto !important; margin:0 0 12px !important; text-align:left; } :is(body,.amber-header-redesign) #footer .custom-footer__articles ul, :is(body,.amber-header-redesign) #footer .contact-box ul { text-align:left !important; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget fieldset::before, :is(body,.amber-header-redesign) #footer #formNewsletterWidget fieldset::after { display:none !important; content:none !important; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .btn { height:48px !important; min-height:48px !important; box-sizing:border-box; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .form-control { width:100% !important; max-width:none !important; border-radius:8px !important; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .form-control-wrapper { width:100% !important; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .box { width:100% !important; max-width:none !important; box-sizing:border-box; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .box h2 { text-transform:none !important; padding:0 !important; line-height:1.5; } :is(body,.amber-header-redesign) #footer .custom-footer__login .form-control { border-radius:8px !important; } :is(body,.amber-header-redesign) #footer .footer-bottom #signature { inset:auto !important; padding:0 !important; background:none !important; height:auto !important; justify-self:end; } :is(body,.amber-header-redesign) #footer .footer-bottom #signature .image { display:inline-block !important; width:17px !important; height:17px !important; vertical-align:middle; margin-right:5px; } :is(body,.amber-header-redesign) #footer .footer-bottom #signature .image img { width:17px !important; height:17px !important; } :is(body,.amber-header-redesign) #footer .footer-bottom #signature .title { display:inline !important; vertical-align:middle; } @media(max-width:767px){ :is(body,.amber-header-redesign) #footer .footer-bottom #signature { justify-self:start; } } :is(body,.amber-header-redesign) #footer #formNewsletterWidget > fieldset > .form-group:not(.consents) { width:100% !important; min-width:0; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .form-control-wrapper { max-width:none !important; padding:0 !important; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget input.form-control { width:100% !important; } :is(body,.amber-header-redesign) .amber-footer-promos .footer-banners { border:0 !important; box-shadow:none !important; background:transparent !important; padding:0 !important; } :is(body,.amber-header-redesign) .amber-footer-promos .footer-banners::before, :is(body,.amber-header-redesign) .amber-footer-promos .footer-banners::after { content:none !important; display:none !important; } /* Finální čistý uvítací blok a jednotná plocha patičky. */ :is(body,.amber-header-redesign) .welcome-wrapper .welcome { display:block; max-width:920px; margin:0 auto; padding:24px 0; border:0; border-radius:0; background:transparent; text-align:center; } :is(body,.amber-header-redesign) .welcome .h1 { text-align:center; margin:0 0 20px; } :is(body,.amber-header-redesign) .welcome p { text-align:center; } :is(body,.amber-header-redesign) #footer, :is(body,.amber-header-redesign) #footer .footer-rows, :is(body,.amber-header-redesign) #footer .custom-footer, :is(body,.amber-header-redesign) #footer .footer-bottom { background:#1c2834 !important; } :is(body,.amber-header-redesign) #footer .custom-footer > .custom-footer__newsletter { background:transparent !important; border:0; border-bottom:1px solid #ffffff20; border-radius:0; padding:0 0 32px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-dialog:not([open]) { display:none !important; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-dialog { position:fixed; inset:0; width:440px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 40px); margin:auto; padding:30px; overflow:auto; border:1px solid #425665; border-radius:16px; background:#263745; color:#fff; box-sizing:border-box; box-shadow:0 24px 80px #0005; text-align:left; } .amber-newsletter-dialog::backdrop { background:#101e2cb3; backdrop-filter:blur(5px); } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-dialog h2 { margin:0 30px 10px 0; padding:0; font-size:22px; line-height:1.3; color:#fff; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-dialog > p { margin:0 0 20px; color:#bfccd6; font-size:13px; line-height:1.6; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-dialog .box { display:block; padding:16px; margin:0 0 18px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-dialog .box h2 { font-size:13px; margin:0 0 14px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-dialog .captcha-image { margin:0 0 14px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-dialog .consents { margin:0 0 18px; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-dialog .amber-newsletter-submit { width:100%; margin:0; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-close { position:absolute; top:12px; right:12px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:0; border-radius:50%; background:#ffffff12; color:#fff; font:26px/1 Arial,sans-serif; cursor:pointer; } :is(body,.amber-header-redesign) .amber-middle-banner { margin-top:20px !important; margin-bottom:24px !important; } /* Border musí být uvnitř šířky karty, nikoli za ořezem scrollovacího pásu. */ :is(body,.amber-header-redesign) .amber-product-carousel > .products-block, :is(body,.amber-header-redesign) .amber-product-carousel > .products-block > .product, :is(body,.amber-header-redesign) .amber-product-carousel .product .p { box-sizing:border-box !important; } :is(body,.amber-header-redesign) .amber-product-carousel .product .p { width:100% !important; max-width:100%; min-width:0; } @media(max-width:767px){ :is(body,.amber-header-redesign) .welcome-wrapper .welcome { padding:16px 0; } :is(body,.amber-header-redesign) #footer #formNewsletterWidget .amber-newsletter-dialog { padding:26px 20px; } } @media(max-width:767px){ :is(body,.amber-header-redesign) #header .responsive-tools a[data-target='navigation']::before, :is(body,.amber-header-redesign).navigation-window-visible #header .responsive-tools a[data-target='navigation']::before { display:none !important; content:none !important; } .amber-menu-lines { display:block; position:absolute; width:22px; height:18px; top:11px; left:9px; } .amber-menu-lines i { display:block; position:absolute; width:22px; height:1.5px; left:0; border-radius:2px; background:#fff; transition:transform .24s ease,opacity .18s ease,top .24s ease; transform-origin:center; } .amber-menu-lines i:nth-child(1){top:1px;} .amber-menu-lines i:nth-child(2){top:8px;} .amber-menu-lines i:nth-child(3){top:15px;} .navigation-window-visible .amber-menu-lines i:nth-child(1){top:8px;transform:rotate(45deg);} .navigation-window-visible .amber-menu-lines i:nth-child(2){opacity:0;transform:scaleX(.4);} .navigation-window-visible .amber-menu-lines i:nth-child(3){top:8px;transform:rotate(-45deg);} :is(body,.amber-header-redesign) #header #navigation { width:min(88vw,360px) !important; padding:20px 16px !important; background:#fff !important; box-sizing:border-box; border:0; box-shadow:10px 0 40px #142b3924; } :is(body,.amber-header-redesign) #header #navigation .navigation-in { padding:0 !important; margin:0 !important; width:100% !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 { display:block !important; margin:0 !important; padding:0 !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; border:0 !important; border-bottom:1px solid #edf1f4 !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li::before, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li::after, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a::before, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a::after { display:none !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a { box-sizing:border-box !important; height:54px !important; min-height:54px !important; padding:0 44px 0 12px !important; line-height:1.4 !important; border:0 !important; border-radius:8px; font-size:14px; background:#fff !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a b { font-weight:500; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li.exp > a { background:#f5f8fa !important; } :is(body,.amber-header-redesign) #header #navigation .submenu-arrow { display:flex; position:absolute; right:0 !important; top:0 !important; width:42px !important; height:54px !important; align-items:center; justify-content:center; margin:0 !important; border:0 !important; color:#526b7c; } :is(body,.amber-header-redesign) #header #navigation .submenu-arrow::before { content:'' !important; display:block; width:7px; height:7px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); transition:transform .2s; } :is(body,.amber-header-redesign) #header #navigation .submenu-arrow::after { display:none !important; } :is(body,.amber-header-redesign) #header #navigation li.exp > a .submenu-arrow::before { transform:rotate(225deg); } :is(body,.amber-header-redesign) #header #navigation .menu-level-2 { padding:4px 12px 12px !important; margin:0 !important; border-radius:0 0 10px 10px; background:#f5f8fa !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-2 li { min-height:0; border:0 !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-2 li > div { padding:0 !important; margin:0 !important; width:100% !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-2 a:not(.menu-image) { box-sizing:border-box; min-height:42px; padding:12px !important; border:0 !important; border-radius:6px; background:transparent !important; color:#536c7c !important; font-size:13px; font-weight:400; } :is(body,.amber-header-redesign) #header #navigation .navigationActions { margin:24px 0 0 !important; padding:8px !important; background:#f3f6f8 !important; border:0 !important; border-radius:12px; box-sizing:border-box; } :is(body,.amber-header-redesign) #header #navigation .navigationActions > li { margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } :is(body,.amber-header-redesign) #header #navigation .navigationActions > li > a { display:flex; align-items:center; position:relative; box-sizing:border-box !important; height:48px !important; min-height:48px !important; padding:0 40px 0 12px !important; background:transparent !important; color:#405c6e !important; border:0 !important; font-size:13px; } :is(body,.amber-header-redesign) #header #navigation .navigationActions > li > a span { color:inherit !important; } :is(body,.amber-header-redesign) #header #navigation .navigationActions .submenu-arrow { height:48px !important; } :is(body,.amber-header-redesign) #header #navigation .navigationActions > li > a::before, :is(body,.amber-header-redesign) #header #navigation .navigationActions > li > a::after { display:none !important; } } @media(prefers-reduced-motion:reduce){ .amber-menu-lines i { transition:none !important; } } :is(body,.amber-header-redesign) #footer .custom-footer > div:not(.custom-footer__newsletter) { border-top:0 !important; } @media(max-width:767px){ :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a { position:relative !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a .submenu-arrow { width:42px !important; height:54px !important; padding:0 !important; box-sizing:border-box !important; } :is(body,.amber-header-redesign) #header #navigation .submenu-arrow::before { box-sizing:content-box !important; width:6px !important; height:6px !important; border:solid currentColor !important; border-width:0 1.5px 1.5px 0 !important; background:none !important; font-size:0 !important; } } /* Menší vertikální rozestupy prostředního banneru. */ :is(body,.amber-header-redesign) .homepage-box.middle-banners-wrapper { margin:12px 0 24px !important; padding:0 !important; } :is(body,.amber-header-redesign) .middle-banners-wrapper .content-wrapper-in, :is(body,.amber-header-redesign) .middle-banners-wrapper .banners-row { padding-top:0 !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; } :is(body,.amber-header-redesign) .welcome-wrapper .welcome .h1 { display:block !important; width:100% !important; max-width:none !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; } :is(body,.amber-header-redesign) #footer .footer-bottom { padding-top:36px !important; padding-bottom:28px !important; row-gap:12px; } :is(body,.amber-header-redesign) #footer .footer-bottom .podpis { padding-top:0 !important; } :is(body,.amber-header-redesign) #footer .footer-bottom .podpis a:hover, :is(body,.amber-header-redesign) #footer .footer-bottom .podpis a:focus-visible { color:#fff !important; text-decoration:underline; text-underline-offset:3px; } :is(body,.amber-header-redesign) .amber-product-carousel { min-width:0; margin-left:auto; margin-right:auto; } :is(body,.amber-header-redesign) .amber-product-carousel > .products-block { padding:0 1px 12px !important; box-sizing:border-box !important; } @media(max-width:767px){ :is(body,.amber-header-redesign) #header #navigation .navigationActions > li > a .submenu-arrow { position:absolute !important; inset:0 0 auto auto !important; width:42px !important; height:48px !important; padding:0 !important; box-sizing:border-box !important; } } /* Drobečky bez původních velkých šipek šablony. */ :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs { display:flex !important; min-height:30px !important; height:auto !important; padding:0 !important; gap:10px; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs::before, :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs::after, :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs > span::before, :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs > span::after, :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs a::after { content:none !important; display:none !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs > span { display:inline-flex !important; width:auto !important; min-height:30px !important; height:auto !important; padding:0 !important; margin:0 !important; border:0 !important; background:none !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs a { display:inline-flex !important; align-items:center; width:auto; height:30px !important; padding:0 !important; background:none !important; border:0 !important; font-size:12px; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs .navigation-bullet { display:block !important; width:5px !important; height:5px !important; padding:0 !important; font-size:0 !important; border:solid #9eacb6 !important; border-width:0 1px 1px 0 !important; background:none !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs .navigation-home-icon { width:30px !important; height:30px !important; border-radius:7px !important; background:#f0f4f7 !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs .navigation-home-icon::before { content:'' !important; display:block !important; position:static !important; width:16px !important; height:16px !important; margin:auto !important; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2352697b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10H3zM9 20v-7h6v7'/%3E%3C/svg%3E"); border:0 !important; transform:none !important; } @media(min-width:768px){ :is(body,.amber-header-redesign) #header .header-top { gap:20px !important; } :is(body,.amber-header-redesign) #header .site-name-wrapper { flex:0 0 176px; width:176px !important; } :is(body,.amber-header-redesign) #header .top-navigation-tools { gap:16px; } :is(body,.amber-header-redesign) #header .search { flex:1 1 auto; } } /* Jednotné hvězdičky hodnocení v celém e-shopu. */ body:is(body,.amber-header-redesign) { --amber-rating-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.8 2.8 5.8 6.4.9-4.6 4.5 1.1 6.4-5.7-3-5.7 3 1.1-6.4-4.6-4.5 6.4-.9z'/%3E%3C/svg%3E"); --amber-rating-color:color-mix(in srgb, var(--color-primary) 85%, black); --amber-rating-empty:#dce3e8; } body:is(body,.amber-header-redesign) .stars { display:inline-flex; align-items:center; gap:3px; vertical-align:middle; line-height:1; } body:is(body,.amber-header-redesign) .stars .star { display:inline-block; position:relative; flex:0 0 16px; width:16px; height:16px; margin:0; padding:0; border:0; background:none; font-size:0; line-height:1; vertical-align:middle; } body:is(body,.amber-header-redesign) .stars .star::before, body:is(body,.amber-header-redesign) .stars .star::after { content:'' !important; display:block; position:absolute; inset:0; width:16px; height:16px; margin:0; padding:0; border:0; background:var(--amber-rating-empty); -webkit-mask:var(--amber-rating-star) center/contain no-repeat; mask:var(--amber-rating-star) center/contain no-repeat; transform:none; } body:is(body,.amber-header-redesign) .stars .star::after { background:var(--amber-rating-color); clip-path:inset(0 100% 0 0); } body:is(body,.amber-header-redesign) .stars .star.star-on::after { clip-path:inset(0); } body:is(body,.amber-header-redesign) .stars .star.star-half::after { clip-path:inset(0 50% 0 0); } /* Kategorie: výraznější nadpis a větší náhledy podkategorií. */ :is(body,.amber-header-redesign) #content h1.category-title { margin:0 0 24px; color:#243442; font-size:clamp(28px,2.5vw,40px); line-height:1.2; letter-spacing:-.8px; font-weight:600; } :is(body,.amber-header-redesign) #content .subcategories { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 32px !important; padding:0 !important; } :is(body,.amber-header-redesign) #content .subcategories > li { float:none !important; width:100% !important; margin:0 !important; padding:0 !important; min-width:0; } :is(body,.amber-header-redesign) #content .subcategories > li > a { display:flex !important; align-items:center; position:relative; gap:16px; min-height:112px; margin:0; padding:14px 28px 14px 14px; border:1px solid #e2e9ee; border-radius:12px; background:#f7f9fb; box-sizing:border-box; text-decoration:none; transition:border-color .18s,background .18s; } :is(body,.amber-header-redesign) #content .subcategories > li > a:hover { border-color:color-mix(in srgb, var(--color-primary) 55%, white); background:color-mix(in srgb, var(--color-primary) 12%, white); } :is(body,.amber-header-redesign) #content .subcategories .image { display:flex !important; position:static !important; flex:0 0 84px; width:84px !important; height:84px !important; margin:0 !important; padding:0 !important; align-items:center; justify-content:center; border-radius:9px; background:#fff; } :is(body,.amber-header-redesign) #content .subcategories .image img { display:block; width:84px !important; height:84px !important; max-width:100%; max-height:none !important; object-fit:contain; margin:0; } :is(body,.amber-header-redesign) #content .subcategories .text { display:block; width:auto !important; margin:0; padding:0; font-size:14px; line-height:1.4; font-weight:500; color:#2a4050; } :is(body,.amber-header-redesign) #content .subcategories a::before { display:none !important; } :is(body,.amber-header-redesign) #content .subcategories a::after { content:'' !important; position:absolute; right:14px; top:50%; width:6px; height:6px; margin-top:-3px; border:solid #91a2ae; border-width:0 1.5px 1.5px 0; transform:rotate(-45deg); background:none; } /* Dělicí linka navazuje na horní okraj drobečků přes celý viewport. */ :is(body,.amber-header-redesign):not(.in-index) #header { border-bottom:1px solid #e8edf1 !important; box-shadow:none !important; } :is(body,.amber-header-redesign):not(.in-index) #header .navigation-wrapper, :is(body,.amber-header-redesign):not(.in-index) #navigation, :is(body,.amber-header-redesign):not(.in-index) #navigation .navigation-in { border-bottom:0 !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper { padding-top:10px !important; padding-bottom:16px !important; border:0 !important; } /* Řazení produktů: kompaktní přepínače. */ :is(body,.amber-header-redesign) #category-header { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; padding:12px; margin:0 0 24px; border:1px solid #e6ecf0; border-radius:12px; background:#f6f8fa; } :is(body,.amber-header-redesign) #category-header .listSorting { display:flex; flex-wrap:wrap; gap:4px; margin:0; padding:0; border:0; background:transparent; } :is(body,.amber-header-redesign) #category-header .listSorting li { display:block; width:auto; margin:0; padding:0; border:0; background:none; } :is(body,.amber-header-redesign) #category-header .listSorting button, :is(body,.amber-header-redesign) #category-header .listSorting a { display:flex; align-items:center; min-height:38px; margin:0; padding:0 14px; border:0; border-radius:7px; background:transparent; color:#627582; font-size:13px; font-weight:500; text-decoration:none; } :is(body,.amber-header-redesign) #category-header .listSorting .active button, :is(body,.amber-header-redesign) #category-header .listSorting button:disabled, :is(body,.amber-header-redesign) #category-header .listSorting .active a { background:#fff; color:#243e50; box-shadow:0 1px 5px #1c283413; opacity:1; } :is(body,.amber-header-redesign) #category-header .listSorting button:hover:not(:disabled) { background:#eaf0f4; color:#243e50; } :is(body,.amber-header-redesign) #category-header .pagination-wrapper { margin-left:auto; color:#7d8d98; font-size:12px; } @media(max-width:991px){ :is(body,.amber-header-redesign) #content .subcategories { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:767px){ :is(body,.amber-header-redesign) #content h1.category-title { font-size:28px; margin-bottom:20px; } :is(body,.amber-header-redesign) #content .subcategories { gap:12px; } :is(body,.amber-header-redesign) #content .subcategories > li > a { flex-direction:column; align-items:flex-start; gap:12px; padding:14px; min-height:148px; } :is(body,.amber-header-redesign) #content .subcategories .image { flex-basis:76px; width:76px !important; height:76px !important; } :is(body,.amber-header-redesign) #content .subcategories .image img { width:76px !important; height:76px !important; } :is(body,.amber-header-redesign) #content .subcategories .text { font-size:13px; } :is(body,.amber-header-redesign) #content .subcategories a::after { top:auto; bottom:20px; } :is(body,.amber-header-redesign) #category-header { padding:8px; gap:8px; } :is(body,.amber-header-redesign) #category-header .listSorting { gap:3px; } :is(body,.amber-header-redesign) #category-header .listSorting button, :is(body,.amber-header-redesign) #category-header .listSorting a { font-size:11px; padding:0 9px; min-height:36px; } } :is(body,.amber-header-redesign) #content .subcategories a::after { left:auto !important; right:14px !important; } :is(body,.amber-header-redesign) #category-header .listSorting__controls { display:flex !important; flex-wrap:wrap; gap:4px; margin:0 !important; padding:0 !important; border:0; background:none; } :is(body,.amber-header-redesign) #category-header .listSorting button[aria-disabled='true'], :is(body,.amber-header-redesign) #category-header .listSorting .listSorting__control--current { background:#fff !important; color:#243e50 !important; box-shadow:0 1px 5px #1c283413; } :is(body,.amber-header-redesign) #category-header .listItemsTotal { margin-left:auto; padding:0 8px; color:#7a8b97; font-size:12px; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs a:not(.navigation-home-icon)::before { content:none !important; display:none !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs { margin:0 !important; height:auto !important; min-height:30px !important; border:0 !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs a { min-height:30px !important; box-sizing:border-box !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs > span { min-height:30px !important; } /* Přehledné ovládání spodního výpisu. */ :is(body,.amber-header-redesign) .listingControls { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px 28px; margin:32px 0; padding:24px 0; border-top:1px solid #e9edf1; background:transparent; } :is(body,.amber-header-redesign) .listingControls .loadMore { flex:1 0 100%; text-align:center; margin:0; padding:0; } :is(body,.amber-header-redesign) .listingControls .loadMore__button { min-height:44px; padding:0 28px; border:1px solid #dfe6eb; border-radius:9px; background:#f6f8fa; color:#2b4557; font-size:13px; font-weight:600; } :is(body,.amber-header-redesign) .listingControls .loadMore__button:hover { background:color-mix(in srgb, var(--color-primary) 12%, white); border-color:color-mix(in srgb, var(--color-primary) 55%, white); } :is(body,.amber-header-redesign) .pagination { margin:0; padding:0; background:none; border:0; } :is(body,.amber-header-redesign) .pagination .pagination__list { display:flex; align-items:center; gap:7px; margin:0; padding:0; list-style:none; } :is(body,.amber-header-redesign) .pagination .pagination__list li { display:block; margin:0; padding:0; } :is(body,.amber-header-redesign) .pagination .pagination__link, :is(body,.amber-header-redesign) .pagination .pagination__currentPage { display:flex; align-items:center; justify-content:center; position:relative; box-sizing:border-box; min-width:40px; height:40px; margin:0; padding:0 12px; border:1px solid #e1e8ed; border-radius:8px; background:#fff; color:#4c6576; font-size:13px; font-weight:500; text-decoration:none; } :is(body,.amber-header-redesign) .pagination .pagination__currentPage { background:#243a4b; color:#fff; border-color:#243a4b; } :is(body,.amber-header-redesign) .pagination .pagination__link:hover { background:color-mix(in srgb, var(--color-primary) 12%, white); color:#243a4b; border-color:color-mix(in srgb, var(--color-primary) 55%, white); } :is(body,.amber-header-redesign) .pagination .pagination__link--next::before, :is(body,.amber-header-redesign) .pagination .pagination__link--prev::before { content:'' !important; display:block; position:static; width:6px; height:6px; margin:0; padding:0; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:rotate(-45deg); background:none; } :is(body,.amber-header-redesign) .pagination .pagination__link--prev::before { transform:rotate(135deg); } :is(body,.amber-header-redesign) .listingControls .itemsTotal { color:#81909a; font-size:12px; } :is(body,.amber-header-redesign) .listingControls .goToTop__button { border:0; background:none; color:#627b8c; padding:0; font-size:12px; } /* Jedna řada: začátek výpisu / další produkty / stránky. */ :is(body,.amber-header-redesign) .listingControls { display:grid !important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; column-gap:16px; } :is(body,.amber-header-redesign) .listingControls .goToTop { grid-column:1; grid-row:1; justify-self:start; margin:0 !important; padding:0 !important; } :is(body,.amber-header-redesign) .listingControls .loadMore { grid-column:2; grid-row:1; justify-self:center; margin:0 !important; padding:0 !important; } :is(body,.amber-header-redesign) .listingControls .pagination { grid-column:3; grid-row:1; justify-self:end; margin:0 !important; } :is(body,.amber-header-redesign) .listingControls .itemsTotal { display:none; } :is(body,.amber-header-redesign) .listingControls .goToTop__button { display:inline-flex; align-items:center; justify-content:center; gap:8px; position:relative; min-height:40px; padding:0 14px !important; border:1px solid #e1e8ed !important; border-radius:8px !important; background:#fff !important; color:#526c7d !important; font-size:12px; font-weight:500; line-height:1.2; text-transform:none; box-shadow:none !important; transform:none !important; transition:background .18s,border-color .18s,color .18s; } :is(body,.amber-header-redesign) .listingControls .goToTop__button::before { content:'' !important; display:block; position:static; width:6px; height:6px; margin:3px 0 0; border:solid currentColor; border-width:1.5px 0 0 1.5px; background:none; transform:rotate(45deg); } :is(body,.amber-header-redesign) .listingControls .goToTop__button::after { display:none !important; } :is(body,.amber-header-redesign) .listingControls .goToTop__button:hover { background:#f2f6f8 !important; border-color:#bdccd6 !important; color:#243e50 !important; } @media(max-width:767px){ :is(body,.amber-header-redesign) .listingControls { grid-template-columns:auto minmax(0,1fr) auto; column-gap:8px; padding:20px 0; } :is(body,.amber-header-redesign) .listingControls .goToTop__button { padding:0 9px !important; font-size:11px; gap:6px; } :is(body,.amber-header-redesign) .listingControls .loadMore__button { padding:0 10px; min-height:40px; font-size:11px; } :is(body,.amber-header-redesign) .listingControls .pagination__list { gap:4px; } :is(body,.amber-header-redesign) .listingControls .pagination__link, :is(body,.amber-header-redesign) .listingControls .pagination__currentPage { min-width:30px; height:36px; padding:0 8px; font-size:11px; } } /* Sidebar bez šedého podkladu a vnitřního odsazení widgetů. */ :is(body,.amber-header-redesign) .sidebar.sidebar-left, :is(body,.amber-header-redesign) .sidebar.sidebar-left .sidebar-inner { background:transparent !important; border:0 !important; box-shadow:none !important; } :is(body,.amber-header-redesign) .sidebar.sidebar-left .sidebar-inner { padding:0 !important; margin:0 !important; width:100% !important; } :is(body,.amber-header-redesign) .sidebar.sidebar-left .box { width:100% !important; max-width:none !important; box-sizing:border-box; margin-left:0 !important; margin-right:0 !important; } /* Stejné mezery před i za každým oddělovačem. */ :is(body,.amber-header-redesign) .breadcrumbs-wrapper { padding-top:4px !important; padding-bottom:14px !important; margin-top:0 !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs { gap:8px !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs > span { gap:8px !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs [itemprop='name']:not(.sr-only) { display:inline !important; position:static !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs .navigation-bullet { margin:0 !important; flex:0 0 5px; } :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs [itemprop='name']::before, :is(body,.amber-header-redesign) .breadcrumbs-wrapper .breadcrumbs [itemprop='name']::after { display:none !important; content:none !important; } /* Detail produktu: souvislý informační sloupec vedle galerie. */ :is(body,.amber-header-redesign) .p-detail-inner { padding-top:0; } :is(body,.amber-header-redesign) .p-detail-inner .product-top { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:40px; margin:0 0 40px !important; padding:0 !important; } :is(body,.amber-header-redesign) .p-detail-inner .product-top > .p-image-wrapper, :is(body,.amber-header-redesign) .p-detail-inner .product-top > .p-info-wrapper { float:none; width:100% !important; min-width:0; margin:0 !important; padding:0 !important; } :is(body,.amber-header-redesign) .p-detail-inner .p-image-wrapper { border:1px solid #e5ebef; border-radius:16px; background:#f7f9fa; overflow:hidden; } :is(body,.amber-header-redesign) .p-detail-inner .p-image { margin:0 !important; padding:20px; background:#fff; } :is(body,.amber-header-redesign) .p-detail-inner .p-main-image img { display:block; width:100%; height:auto; max-height:550px; object-fit:contain; } :is(body,.amber-header-redesign) .p-detail-inner .p-detail-inner-header { display:block; width:100%; margin:0 0 14px !important; padding:0 !important; text-align:left; } :is(body,.amber-header-redesign) .p-detail-inner .p-detail-inner-header h1 { margin:0 0 10px; color:#243442; font-size:clamp(28px,2.5vw,38px); font-weight:600; line-height:1.2; letter-spacing:-.7px; } :is(body,.amber-header-redesign) .p-detail-inner .p-code { display:block; margin:0; padding:0; color:#8b9aa5; font-size:11px; } :is(body,.amber-header-redesign) .p-detail-inner .p-detail-info { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin:0 0 26px; padding:0 0 22px; border-bottom:1px solid #e6ecf0; color:#6e8391; font-size:12px; } :is(body,.amber-header-redesign) .p-detail-inner .stars-wrapper { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0; padding:0; } :is(body,.amber-header-redesign) .p-detail-inner .stars-label { color:#7b8e9b; font-size:12px; } :is(body,.amber-header-redesign) .p-detail-inner .js-ratingDialogTrigger { padding:0; min-height:0; border:0; background:none; color:#627e90; font-size:11px; } :is(body,.amber-header-redesign) .p-detail-inner .p-final-price-wrapper { margin:0 0 16px; padding:0; } :is(body,.amber-header-redesign) .p-detail-inner .price-final { color:#243442; font-size:32px; line-height:1.2; font-weight:600; } :is(body,.amber-header-redesign) .p-detail-inner .price-additional { display:block; margin-top:5px; color:#81929e; font-size:12px; } :is(body,.amber-header-redesign) .p-detail-inner .availability-value { margin:0 0 18px; padding:0; font-size:14px; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart { display:flex; align-items:stretch; flex-wrap:wrap; gap:12px; margin:22px 0; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart-button { min-height:48px; padding:0 24px; border:0; border-radius:9px; background:var(--color-primary); color:var(--amber-on-accent, #172b3a); font-size:13px; font-weight:600; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart-button:hover { background:color-mix(in srgb, var(--color-primary) 80%, white); } :is(body,.amber-header-redesign) .p-detail-inner .p-short-description { margin:22px 0; color:#5c7382; font-size:14px; line-height:1.75; } @media(max-width:991px){ :is(body,.amber-header-redesign) .p-detail-inner .product-top { gap:24px; } } @media(max-width:767px){ :is(body,.amber-header-redesign) .p-detail-inner .product-top { grid-template-columns:1fr; gap:24px; } :is(body,.amber-header-redesign) .p-detail-inner .p-detail-inner-header h1 { font-size:28px; } :is(body,.amber-header-redesign) .p-detail-inner .p-main-image img { max-height:380px; } :is(body,.amber-header-redesign) .p-detail-inner .p-image { padding:12px; } } :is(body,.amber-header-redesign) .benefitBanner .benefitBanner__item { background:#f5f7fa !important; border-color:#e3e9ef; } @media(min-width:768px){ :is(body,.amber-header-redesign) #header .header-top { gap:28px !important; } :is(body,.amber-header-redesign) #header .search { margin-left:8px !important; margin-right:8px !important; } } :is(body,.amber-header-redesign) .p-detail-inner .product-top::before, :is(body,.amber-header-redesign) .p-detail-inner .product-top::after { display:none !important; content:none !important; } :is(body,.amber-header-redesign) .p-detail-inner .product-top > .p-image-wrapper { grid-column:1; grid-row:1; } :is(body,.amber-header-redesign) .p-detail-inner .product-top > .p-info-wrapper { grid-column:2; grid-row:1; } @media(max-width:767px){ :is(body,.amber-header-redesign) .p-detail-inner .product-top > .p-image-wrapper { grid-column:1; grid-row:1; } :is(body,.amber-header-redesign) .p-detail-inner .product-top > .p-info-wrapper { grid-column:1; grid-row:2; } } /* Sidebar širší o 20 px. */ @media(min-width:992px){ :is(body,.amber-header-redesign) .sidebar.sidebar-left { width:290px !important; flex:0 0 290px; padding-right:24px !important; box-sizing:border-box; } :is(body,.amber-header-redesign) .sidebar.sidebar-left + .content { width:calc(100% - 290px) !important; } } :is(body,.amber-header-redesign) .breadcrumbs-wrapper { padding-top:9px !important; } :is(body,.amber-header-redesign) .sidebar .box { padding:20px !important; border-color:#e3eaf0; box-shadow:none !important; } :is(body,.amber-header-redesign) .sidebar .pageElement__heading { font-size:14px; font-weight:600; color:#2a4254; } :is(body,.amber-header-redesign) .sidebar .categories ul a { border-radius:6px; } :is(body,.amber-header-redesign) .sidebar .categories ul a:hover, :is(body,.amber-header-redesign) .sidebar .categories ul li.active > a { background:#eef4f8 !important; color:#2a4254; } :is(body,.amber-header-redesign) .sidebar #filters .slider-wrapper { padding:0 !important; margin:0 0 24px; background:transparent; } :is(body,.amber-header-redesign) .sidebar #filters .slider-wrapper h4 { margin:0 0 16px; font-size:14px; color:#2a4254; font-weight:600; } :is(body,.amber-header-redesign) .sidebar #filters .slider-header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0; margin:0 0 20px; background:none; } :is(body,.amber-header-redesign) .sidebar #filters .slider-header .from, :is(body,.amber-header-redesign) .sidebar #filters .slider-header .to { display:block; position:static !important; float:none; width:auto; min-width:74px; margin:0; padding:8px 10px; border:1px solid #e3eaf0; border-radius:7px; background:#f7f9fb; color:#486174; font-size:12px; text-align:center; box-sizing:border-box; } :is(body,.amber-header-redesign) .sidebar #filters .slider-content { height:26px; margin:0 9px; padding:8px 0; box-sizing:border-box; } :is(body,.amber-header-redesign) .sidebar #filters #slider { height:5px !important; min-height:0; margin:0 !important; padding:0 !important; border:0 !important; border-radius:4px; background:#e4ebf0 !important; box-shadow:none; } :is(body,.amber-header-redesign) .sidebar #filters #slider .ui-slider-range { top:0; height:5px; border:0; border-radius:4px; background:#6d879a !important; } :is(body,.amber-header-redesign) .sidebar #filters #slider .ui-slider-handle { top:-6px !important; width:17px !important; height:17px !important; margin-left:-8.5px !important; border:2px solid #6d879a !important; border-radius:50% !important; background:#fff !important; box-shadow:0 2px 4px #1c283414; box-sizing:border-box; cursor:ew-resize; } :is(body,.amber-header-redesign) .sidebar #filters #slider .ui-slider-handle::before, :is(body,.amber-header-redesign) .sidebar #filters #slider .ui-slider-handle::after { display:none !important; } :is(body,.amber-header-redesign) .sidebar #filters #slider .ui-slider-handle:focus-visible { outline:3px solid #dce7ef; outline-offset:2px; } :is(body,.amber-header-redesign) .sidebar #filters .filter-section { padding:14px 0; margin:0; border-top:1px solid #edf1f4; background:transparent; } :is(body,.amber-header-redesign) .sidebar #filters .filter-label { color:#526b7c; font-size:12px; } :is(body,.amber-header-redesign) .sidebar #filters .filter-count { color:#8e9da8; } :is(body,.amber-header-redesign) .sidebar #filters .toggle-filters { display:block; padding:8px 0; border:0; border-radius:6px; background:none; color:#405f75; font-size:12px; } :is(body,.amber-header-redesign) .sidebar .top-products li { padding:12px 0; border-bottom:1px solid #edf1f4; } :is(body,.amber-header-redesign) .sidebar .top-products li:last-child { border-bottom:0; } :is(body,.amber-header-redesign) .sidebar .top-products .top-products__number { color:#698294; background:#edf3f7; } /* Nejprodávanější produkty v kategoriích. */ :is(body,.amber-header-redesign) #productsTop { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 28px !important; padding:0 !important; background:transparent; } :is(body,.amber-header-redesign) #productsTop::before, :is(body,.amber-header-redesign) #productsTop::after { display:none !important; } :is(body,.amber-header-redesign) #productsTop .product { display:block; width:100% !important; margin:0 !important; padding:0 !important; min-width:0; border:0 !important; } :is(body,.amber-header-redesign) #productsTop .p { display:flex; align-items:center; gap:12px; height:100%; padding:16px; border:1px solid #e4eaf0; border-radius:12px; background:#f7f9fb; box-sizing:border-box; } :is(body,.amber-header-redesign) #productsTop .image { display:flex; align-items:center; justify-content:center; flex:0 0 68px; width:68px !important; height:82px !important; margin:0 !important; padding:0 !important; border-radius:7px; overflow:hidden; background:#fff; } :is(body,.amber-header-redesign) #productsTop .image img { width:68px !important; height:82px !important; max-width:100%; object-fit:contain; margin:0; } :is(body,.amber-header-redesign) #productsTop .p-in { display:block; width:auto !important; flex:1; min-width:0; padding:0 !important; margin:0 !important; } :is(body,.amber-header-redesign) #productsTop .p-in-in, :is(body,.amber-header-redesign) #productsTop .p-bottom, :is(body,.amber-header-redesign) #productsTop .offers, :is(body,.amber-header-redesign) #productsTop .prices { display:block; width:100% !important; padding:0 !important; margin:0 !important; } :is(body,.amber-header-redesign) #productsTop .name { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:0 !important; height:auto !important; padding:0; margin:0 0 7px; color:#2b4354; font-size:13px; line-height:1.4; font-weight:500; } :is(body,.amber-header-redesign) #productsTop .ratings-wrapper { height:auto; margin:0 0 5px; padding:0; font-size:11px; } :is(body,.amber-header-redesign) #productsTop .availability { font-size:11px; } :is(body,.amber-header-redesign) #productsTop .price-final { padding:0; margin:0; color:#2a4153; font-size:17px; line-height:1.3; } :is(body,.amber-header-redesign) #productsTop .price-standard-wrapper-placeholder, :is(body,.amber-header-redesign) #productsTop .price-additional, :is(body,.amber-header-redesign) #productsTop .p-code { display:none; } @media(max-width:1199px){ :is(body,.amber-header-redesign) #productsTop .p { flex-direction:column; align-items:flex-start; padding:14px; } :is(body,.amber-header-redesign) #productsTop .image { flex-basis:82px; align-self:center; } } @media(max-width:767px){ :is(body,.amber-header-redesign) #productsTop { display:flex !important; overflow-x:auto; flex-wrap:nowrap; scroll-snap-type:x mandatory; scrollbar-width:none; gap:12px; } :is(body,.amber-header-redesign) #productsTop .product { flex:0 0 75%; scroll-snap-align:start; } :is(body,.amber-header-redesign) #productsTop .p { flex-direction:row; } } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart-button { border-radius:9px !important; } /* Nákupní ovládání detailu se stejnou výškou a jasnými znaménky. */ :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart { display:flex !important; gap:12px; align-items:stretch; width:100%; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart > .quantity { display:grid !important; grid-template-columns:36px 44px 36px; flex:0 0 118px; width:118px !important; height:48px !important; margin:0; padding:0; border:1px solid #dce5eb; border-radius:9px !important; overflow:hidden; background:#f5f8fa; box-sizing:border-box; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity label { display:block; position:static; grid-column:2; grid-row:1; width:44px; height:46px; margin:0; padding:0; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity input.amount { display:block; box-sizing:border-box; width:44px !important; height:46px !important; margin:0; padding:0; border:0; border-left:1px solid #e3eaf0; border-right:1px solid #e3eaf0; border-radius:0 !important; background:#fff; color:#2a4254; font-size:14px; text-align:center; appearance:textfield; -moz-appearance:textfield; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart input.amount::-webkit-inner-spin-button, :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart input.amount::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity .increase, :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity .decrease { display:flex; align-items:center; justify-content:center; position:static !important; inset:auto !important; width:36px !important; height:46px !important; margin:0; padding:0; border:0 !important; background:transparent; color:#4a6577; font-size:20px; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity .decrease { grid-column:1; grid-row:1; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity .increase { grid-column:3; grid-row:1; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity .increase::before, :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity .decrease::before { display:none !important; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity .increase__sign, :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity .decrease__sign { display:block !important; font:20px/1 Arial,sans-serif; color:inherit; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart .quantity button:hover { background:#e5edf3; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart-button { display:flex; align-items:center; justify-content:center; gap:10px; flex:1 1 180px; height:48px !important; min-height:48px !important; margin:0 !important; padding:0 20px !important; border:0 !important; border-radius:9px !important; background:var(--color-primary) !important; color:var(--amber-on-accent, #172b3a) !important; font-size:13px; font-weight:600; line-height:1.2; box-shadow:none; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart-button:hover { background:color-mix(in srgb, var(--color-primary) 80%, white) !important; } :is(body,.amber-header-redesign) .p-detail-inner .add-to-cart-button::before { content:'' !important; display:block; width:19px; height:19px; position:static; margin:0; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23243442' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M5 7h14l1 14H4L5 7ZM8 8V6a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E"); } /* Záložky detailu sdílí vizuální styl přepínačů řazení. */ :is(body,.amber-header-redesign) .p-detail-tabs-wrapper .shp-tabs-row { margin:0 0 24px; padding:8px !important; border:1px solid #e6ecf0 !important; border-radius:12px; background:#f6f8fa !important; } :is(body,.amber-header-redesign) .p-detail-tabs-wrapper .shp-tabs-holder { width:100%; border:0; background:transparent; } :is(body,.amber-header-redesign) .p-detail-tabs-wrapper .shp-tabs { display:flex !important; align-items:center; flex-wrap:wrap; gap:4px; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } :is(body,.amber-header-redesign) .p-detail-tabs-wrapper .shp-tab { display:block; float:none; width:auto; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } :is(body,.amber-header-redesign) .p-detail-tabs-wrapper .shp-tab-link { display:flex; align-items:center; min-height:38px; margin:0 !important; padding:0 18px !important; border:0 !important; border-radius:7px; background:transparent !important; color:#627582 !important; font-size:13px; line-height:1.3; font-weight:500; text-transform:none; text-decoration:none; } :is(body,.amber-header-redesign) .p-detail-tabs-wrapper .shp-tab-link::before, :is(body,.amber-header-redesign) .p-detail-tabs-wrapper .shp-tab-link::after { display:none !important; } :is(body,.amber-header-redesign) .p-detail-tabs-wrapper .shp-tab.active .shp-tab-link { background:#fff !important; color:#243e50 !important; box-shadow:0 1px 5px #1c283413; } :is(body,.amber-header-redesign) .p-detail-tabs-wrapper .shp-tab:not(.active) .shp-tab-link:hover { background:#eaf0f4 !important; color:#243e50 !important; } :is(body,.amber-header-redesign) .p-detail-tabs-wrapper .tab-content { padding-top:0; } /* Stabilní kategorie bez překrývajících se nativních znamének. */ :is(body,.amber-header-redesign) .sidebar #categories .topic > a::before, :is(body,.amber-header-redesign) .sidebar #categories .topic > a::after { display:none !important; content:none !important; } :is(body,.amber-header-redesign) .sidebar #categories .topic > a { position:relative !important; padding:11px 34px 11px 12px !important; min-height:42px; box-sizing:border-box; } :is(body,.amber-header-redesign) .sidebar #categories .cat-trigger { display:flex; align-items:center; justify-content:center; position:absolute !important; left:auto !important; right:6px !important; top:50% !important; width:24px !important; height:24px !important; margin:-12px 0 0 !important; padding:0 !important; color:#698296; background:transparent !important; opacity:0; transition:opacity .15s; } :is(body,.amber-header-redesign) .sidebar #categories .cat-trigger::before { content:'+' !important; display:block; position:static; margin:0; padding:0; border:0; background:none; font:20px/1 Arial,sans-serif; } :is(body,.amber-header-redesign) .sidebar #categories .categories.expanded .cat-trigger::before { content:'−' !important; } :is(body,.amber-header-redesign) .sidebar #categories .cat-trigger::after { display:none !important; } :is(body,.amber-header-redesign) .sidebar #categories .topic > a:hover .cat-trigger, :is(body,.amber-header-redesign) .sidebar #categories .topic > a:focus-within .cat-trigger { opacity:1; } :is(body,.amber-header-redesign) .sidebar #categories .categories ul li > a, :is(body,.amber-header-redesign) .sidebar #categories .categories ul li > a:hover, :is(body,.amber-header-redesign) .sidebar #categories .categories ul li.active > a { display:block; box-sizing:border-box; min-height:34px; margin:0 !important; padding:8px 12px !important; border:0 !important; transform:none !important; font-size:12px; line-height:18px; font-weight:400 !important; transition:background .15s,color .15s !important; } :is(body,.amber-header-redesign) .sidebar #categories .categories ul li > a::before, :is(body,.amber-header-redesign) .sidebar #categories .categories ul li > a::after { display:none !important; content:none !important; } /* Cenový filtr bez zdvojených stínů a dekorativních linek. */ :is(body,.amber-header-redesign) .sidebar #filters .slider-content { background:none !important; border:0 !important; box-shadow:none !important; } :is(body,.amber-header-redesign) .sidebar #filters .slider-content::before, :is(body,.amber-header-redesign) .sidebar #filters .slider-content::after, :is(body,.amber-header-redesign) .sidebar #filters #slider::before, :is(body,.amber-header-redesign) .sidebar #filters #slider::after { content:none !important; display:none !important; } :is(body,.amber-header-redesign) .sidebar #filters #slider .ui-slider-range { box-shadow:none !important; } /* Viditelnost horních bannerů v každém breakpointu. */ :is(body,.amber-header-redesign) .amber-top-promos { display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; } :is(body,.amber-header-redesign) .amber-top-promos .next-to-carousel-banners { display:grid !important; visibility:visible !important; opacity:1 !important; height:auto !important; } :is(body,.amber-header-redesign) .amber-top-promos .banner-wrapper { display:block !important; visibility:visible !important; opacity:1 !important; } /* Varianty a doplňkové akce detailu. */ :is(body,.amber-header-redesign) .p-info-wrapper .detail-parameters { width:100%; margin:20px 0; border:0; background:transparent; } :is(body,.amber-header-redesign) .p-info-wrapper .detail-parameters th, :is(body,.amber-header-redesign) .p-info-wrapper .detail-parameters td { padding:8px 0; border:0; background:transparent; color:#607b8d; font-size:13px; } :is(body,.amber-header-redesign) .p-info-wrapper .detail-parameters th { padding-right:14px; } :is(body,.amber-header-redesign) .p-info-wrapper .detail-parameters select, :is(body,.amber-header-redesign) .p-info-wrapper .parameter-dependent-select { display:block; width:100%; min-width:0; height:46px; padding:0 38px 0 14px; border:1px solid #dce5ec; border-radius:8px; background-color:#f7f9fb; color:#2c4658; font-size:13px; box-sizing:border-box; } :is(body,.amber-header-redesign) .p-detail-info > div:not(.stars-wrapper):not(.flags) { margin:0 !important; padding:0 !important; border:0 !important; background:transparent; } :is(body,.amber-header-redesign) .p-detail-info > div:not(.stars-wrapper):not(.flags)::before, :is(body,.amber-header-redesign) .p-detail-info > div:not(.stars-wrapper):not(.flags)::after { display:none !important; content:none !important; } :is(body,.amber-header-redesign) .p-detail-info a[data-testid='productCardBrandName'] { display:inline-flex; gap:5px; align-items:center; margin:0; padding:6px 10px; border:0 !important; border-radius:6px; background:#f2f6f9; color:#6e8392; font-size:12px; text-decoration:none; } :is(body,.amber-header-redesign) .p-detail-info a[data-testid='productCardBrandName'] span { color:#39586d; font-weight:500; } :is(body,.amber-header-redesign) .p-detail-info a[data-testid='productCardBrandName']::before, :is(body,.amber-header-redesign) .p-detail-info a[data-testid='productCardBrandName']::after { display:none !important; } :is(body,.amber-header-redesign) .p-info-wrapper .social-buttons-wrapper { margin:22px 0 0; padding:18px 0 0; border-top:1px solid #edf1f4; } :is(body,.amber-header-redesign) .p-info-wrapper .link-icons { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0; padding:0; } :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; min-width:0; height:36px; margin:0; padding:0 12px; border:1px solid #e3eaf0; border-radius:7px; background:#fff; color:#718796; font-size:12px; text-transform:none; text-decoration:none; } :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon span { display:inline; padding:0; margin:0; font-size:12px; } :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon::before { display:inline-block; position:static; width:auto; height:auto; margin:0; font-size:16px; color:#718796; } :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon:hover { border-color:#b9ccd9; background:#f4f8fa; color:#2d4a5e; } /* Diskuze sdílí čisté formulářové prvky. */ :is(body,.amber-header-redesign) .discussion-wrapper { padding:24px; border:1px solid #e5ebf0; border-radius:12px; background:#f8fafb; color:#617888; } :is(body,.amber-header-redesign) .discussion-wrapper h2 { margin:0 0 16px; font-size:24px; font-weight:600; color:#2a4254; } :is(body,.amber-header-redesign) .discussion-wrapper .form-control { border:1px solid #dce5eb; border-radius:8px; background:#fff; color:#2a4254; } :is(body,.amber-header-redesign) .discussion-wrapper .btn { border-radius:8px; padding:10px 18px; font-size:12px; box-shadow:none; } :is(body,.amber-header-redesign) .sidebar #categories .cat-trigger, :is(body,.amber-header-redesign) .sidebar #categories .topic > a:hover .cat-trigger { display:none !important; } :is(body,.amber-header-redesign) .sidebar #categories .topic > a { padding-right:12px !important; } :is(body,.amber-header-redesign) .sidebar #filters .slider-header { display:flex !important; justify-content:space-between !important; width:100% !important; padding:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box; } :is(body,.amber-header-redesign) .sidebar #filters .slider-header .from, :is(body,.amber-header-redesign) .sidebar #filters .slider-header .to { position:static !important; float:none !important; margin:0 !important; flex:0 0 auto; } /* Společný checkbox zachovává nativní ovládání a validaci. */ body:is(body,.amber-header-redesign) input[type='checkbox'] { appearance:none !important; -webkit-appearance:none !important; display:inline-block !important; position:static !important; opacity:1 !important; visibility:visible !important; width:18px !important; height:18px !important; min-width:18px; margin:0 9px 0 0 !important; padding:0 !important; border:1.5px solid #bacbd6 !important; border-radius:5px !important; background:#fff; box-sizing:border-box; vertical-align:middle; cursor:pointer; box-shadow:none; transition:background-color .15s,border-color .15s; } body:is(body,.amber-header-redesign) input[type='checkbox']:checked { border-color:#36576f !important; background:#36576f center/13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 8 3 3 7-7'/%3E%3C/svg%3E") !important; } body:is(body,.amber-header-redesign) input[type='checkbox']:indeterminate { border-color:#36576f !important; background:#36576f center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 8h8'/%3E%3C/svg%3E") !important; } body:is(body,.amber-header-redesign) input[type='checkbox']:focus-visible { outline:3px solid #cbdfeceb; outline-offset:3px; } body:is(body,.amber-header-redesign) input[type='checkbox']:disabled { opacity:.45 !important; cursor:default; } body:is(body,.amber-header-redesign) input[type='checkbox'] + label { padding-left:0 !important; vertical-align:middle; } body:is(body,.amber-header-redesign) input[type='checkbox'] + label::before, body:is(body,.amber-header-redesign) input[type='checkbox'] + label::after, body:is(body,.amber-header-redesign) label:has(> input[type='checkbox'])::before, body:is(body,.amber-header-redesign) label:has(> input[type='checkbox'])::after { display:none !important; content:none !important; } :is(body,.amber-header-redesign) .p-detail-inner .js-ratingDialogTrigger { text-decoration:underline !important; text-underline-offset:3px; cursor:pointer; } :is(body,.amber-header-redesign) .discussion-wrapper .btn, :is(body,.amber-header-redesign) .discussion-wrapper button[type='submit'] { color:var(--amber-on-accent, #172b3a) !important; background:var(--color-primary) !important; border:0 !important; font-weight:600; } :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon { background:#f1f5f8 !important; border-color:#d8e3eb !important; color:#37566d !important; font-weight:500; } :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon::before, :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon span { color:#37566d !important; } :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon:hover { background:#e4edf4 !important; border-color:#9eb6c7 !important; color:#193b52 !important; } :is(body,.amber-header-redesign) #cart-widget .cart-free-shipping { display:flex !important; align-items:center; justify-content:center; width:100%; min-height:48px; padding:12px !important; text-align:center !important; box-sizing:border-box; } :is(body,.amber-header-redesign) #cart-widget .cart-free-shipping > div, :is(body,.amber-header-redesign) #cart-widget .cart-free-shipping > span { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; background:transparent !important; text-align:center !important; line-height:1.5; } /* Hodnocení v nativním okně Colorbox. */ :is(body,.amber-header-redesign) #colorbox.ratingDialog { border:1px solid #e2e9ee; border-radius:16px; background:#fff; box-shadow:0 24px 80px #13283840; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxTopLeft, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxTopCenter, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxTopRight, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxMiddleLeft, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxMiddleRight, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxBottomLeft, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxBottomCenter, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxBottomRight { background:none !important; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxContent { background:#fff; border-radius:16px; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .content-modal { padding:28px; color:#536e80; font-size:13px; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .content-modal > h2 { margin:0 30px 24px 0; font-size:26px; font-weight:600; color:#243e50; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-wrap { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:26px; padding:20px; border-radius:12px; background:#f5f8fa; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-average-wrap { width:100%; padding:0; margin:0; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-average { font-size:42px; line-height:1.2; font-weight:600; color:#243e50; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .votes { width:100%; padding:0; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-list { display:flex; align-items:center; gap:12px; margin:6px 0; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-star { min-width:38px; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-block { flex:1; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .vote-form { margin:24px 0 0; padding:0; border:0; background:none; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .vote-form h3 { color:#2b4557; font-size:18px; font-weight:600; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .btn-primary { padding:12px 20px; border:0; border-radius:8px; background:var(--color-primary); color:var(--amber-on-accent, #172b3a); font-weight:600; font-size:12px; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxClose { top:12px; right:12px; width:32px; height:32px; padding:0; border:0; border-radius:50%; background:#eef3f7; color:#536d80; } @media(max-width:767px){ :is(body,.amber-header-redesign) #colorbox.ratingDialog .content-modal { padding:20px; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-wrap { grid-template-columns:1fr; gap:18px; padding:16px; } } body:is(body,.amber-header-redesign) .rating-stars-wrapper { display:inline-flex; gap:6px; } body:is(body,.amber-header-redesign) .rating-stars-wrapper .rating-star { display:block; position:relative; width:30px; height:30px; margin:0; padding:0; cursor:pointer; } body:is(body,.amber-header-redesign) .rating-stars-wrapper .rating-star::before { content:'' !important; display:block; position:absolute; inset:0; width:30px; height:30px; background:var(--amber-rating-empty); -webkit-mask:var(--amber-rating-star) center/contain no-repeat; mask:var(--amber-rating-star) center/contain no-repeat; } body:is(body,.amber-header-redesign) .rating-stars-wrapper .rating-star::after { display:none !important; } body:is(body,.amber-header-redesign) .rating-stars-wrapper .rating-star:has(input:checked)::before, body:is(body,.amber-header-redesign) .rating-stars-wrapper .rating-star:has(~ .rating-star input:checked)::before, body:is(body,.amber-header-redesign) .rating-stars-wrapper .rating-star:hover::before, body:is(body,.amber-header-redesign) .rating-stars-wrapper .rating-star:has(~ .rating-star:hover)::before { background:var(--amber-rating-color); } body:is(body,.amber-header-redesign) .rating-stars-wrapper .rating-star:focus-within { outline:2px solid #9cb5c8; outline-offset:2px; border-radius:4px; } :is(body,.amber-header-redesign) #colorbox.ratingDialog { position:fixed !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%); height:auto !important; max-height:calc(100dvh - 40px); max-width:calc(100vw - 32px); overflow:auto !important; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxWrapper { width:100% !important; height:auto !important; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxContent { float:none !important; width:100% !important; height:auto !important; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxLoadedContent { width:100% !important; height:auto !important; margin:0 !important; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxTopLeft, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxTopCenter, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxTopRight, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxMiddleLeft, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxMiddleRight, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxBottomLeft, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxBottomCenter, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxBottomRight { display:none !important; } :is(body,.amber-header-redesign):has(#colorbox.ratingDialog) #cboxOverlay { background:#15273799 !important; opacity:1 !important; backdrop-filter:blur(4px); } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-average-inner { display:flex !important; flex-direction:column; align-items:center; gap:8px; width:100%; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-star-wrap { display:flex; flex-direction:column; align-items:center; gap:8px; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-block { position:relative; width:auto !important; height:5px; margin-right:30px; padding:0; border:0; border-radius:4px; background:#dfe7ed; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-bar { display:block; position:static; width:var(--rate-bar-width) !important; height:5px; padding:0; border-radius:4px; background:color-mix(in srgb, var(--color-primary) 85%, black); } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-bar::before, :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-bar::after { display:none; } :is(body,.amber-header-redesign) #colorbox.ratingDialog .rate-count { position:absolute; top:-6px; right:-30px; width:24px; padding:0; border:0; background:none; color:#688091; font-size:11px; } :is(body,.amber-header-redesign) .toggle-top-products, :is(body,.amber-header-redesign) .toggle-top-products::after { color:#182b39 !important; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxLoadedContent .content-modal { box-sizing:border-box; width:100%; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxContent::before, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxContent::after { content:none !important; display:none !important; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxWrapper { position:relative !important; inset:auto !important; width:100% !important; box-sizing:border-box; } :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxContent, :is(body,.amber-header-redesign) #colorbox.ratingDialog #cboxLoadedContent { margin:0 !important; padding:0 !important; border:0 !important; box-sizing:border-box; } /* Obsah bez sidebaru lícuje s ostatními kontejnery. */ :is(body,.amber-header-redesign).one-column-body #content-wrapper > .content-wrapper-in > #content, :is(body,.amber-header-redesign).one-column-body #content.wide { width:100% !important; max-width:none; padding-left:0 !important; padding-right:0 !important; margin:0 !important; } :is(body,.amber-header-redesign) #productsTop .product, :is(body,.amber-header-redesign) #productsTop .product:hover, :is(body,.amber-header-redesign) #productsTop .product .p, :is(body,.amber-header-redesign) #productsTop .product:hover .p, :is(body,.amber-header-redesign) #productsTop .product:hover img { transform:none !important; } :is(body,.amber-header-redesign) #productsTop .product:hover .p { border-color:#95adbf; background:#f4f8fa; box-shadow:none !important; } :is(body,.amber-header-redesign) .p-detail-info .stars-wrapper, :is(body,.amber-header-redesign) .p-detail-info .stars-label, :is(body,.amber-header-redesign) .p-detail-info .stars-label > span { border:0 !important; padding-left:0 !important; margin-left:0 !important; } :is(body,.amber-header-redesign) .p-detail-info .stars-wrapper::before, :is(body,.amber-header-redesign) .p-detail-info .stars-label::before, :is(body,.amber-header-redesign) .p-detail-info .stars-label::after { display:none !important; content:none !important; } :is(body,.amber-header-redesign) .p-detail-info .stars-wrapper { display:flex; align-items:center; gap:9px; } :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon, :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon span, :is(body,.amber-header-redesign) .p-info-wrapper .link-icons .link-icon::before { color:#26485f !important; opacity:1 !important; font-weight:600 !important; } /* Vlastní rozbalení variant používá původní hodnoty a události Shoptetu. */ .amber-variant-select { position:relative; width:100%; } :is(body,.amber-header-redesign) #product-detail-form .amber-variant-select > select { position:absolute !important; width:1px !important; height:1px !important; opacity:0; padding:0; margin:0; pointer-events:none; } .amber-variant-trigger { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:46px; margin:0; padding:11px 14px; border:1px solid #d9e4ec; border-radius:8px; background:#f7f9fb; color:#304e63; font:500 13px/1.5 inherit; text-align:left; cursor:pointer; } .amber-variant-trigger::after { content:''; flex:0 0 6px; width:6px; height:6px; border:solid #7e95a5; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); margin-right:3px; } .amber-variant-trigger:focus-visible { outline:2px solid #9bb9cd; outline-offset:2px; } .amber-variant-trigger[aria-expanded='true'] { border-color:#8eacbf; background:#fff; } .amber-variant-options { position:absolute; top:calc(100% + 7px); left:0; right:0; z-index:110; padding:6px; max-height:260px; overflow:auto; border:1px solid #dce6ed; border-radius:10px; background:#fff; box-shadow:0 12px 32px #1b354624; } .amber-variant-options[hidden] { display:none !important; } .amber-options-up .amber-variant-options { top:auto; bottom:calc(100% + 7px); } .amber-variant-options button { display:block; width:100%; padding:11px 12px; border:0; border-radius:6px; background:#fff; color:#4f697b; font-size:13px; line-height:1.5; text-align:left; cursor:pointer; } .amber-variant-options button:hover, .amber-variant-options button:focus-visible { background:#edf4f8; color:#24485f; outline:0; } .amber-variant-options button[aria-selected='true'] { background:#f0f5f8; color:#294d66; font-weight:600; } .amber-variant-options button:disabled { opacity:.45; cursor:default; } :is(body,.amber-header-redesign) #category-header .amber-filter-trigger { display:inline-flex; align-items:center; gap:9px; min-height:38px; padding:0 14px; border:1px solid #cddce7; border-radius:7px; background:#fff; color:#2d4f65; font-size:13px; font-weight:600; } .amber-filter-trigger::before { content:''; width:16px; height:16px; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2337556b' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E"); } :is(body,.amber-header-redesign) #category-header .amber-filter-trigger:hover { background:#eaf2f7; } .amber-filter-drawer { display:none; position:fixed; inset:0 auto 0 0; width:380px; max-width:calc(100vw - 24px); height:100dvh; max-height:100dvh; box-sizing:border-box; margin:0; padding:28px 24px; border:0; border-radius:0 16px 16px 0; background:#fff; color:#3e5c70; overflow-y:auto; transform:translateX(-100%); transition:transform .24s ease; } .amber-filter-drawer[open] { display:block; } .amber-filter-drawer.amber-filter-open { transform:translateX(0); } .amber-filter-drawer::backdrop { background:#132a3c7a; backdrop-filter:blur(4px); } .amber-filter-drawer h2 { margin:0 35px 28px 0; font-size:23px; line-height:1.3; color:#2b465a; font-weight:600; } .amber-filter-close { position:absolute; top:22px; right:18px; width:32px; height:32px; border:0; border-radius:50%; background:#edf3f7; color:#45657c; font:26px/1 Arial,sans-serif; } .amber-filter-drawer #filters { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; background:none; border:0; } .amber-filter-drawer #filters .filter-section { padding:16px 0; border-top:1px solid #e7edf2; } .amber-filter-drawer #filters .filter-label { color:#4d687b; font-size:13px; } .amber-filter-drawer #filters h4 { color:#365268; font-size:14px; font-weight:600; margin:0 0 16px; } .amber-filter-drawer #filters .slider-wrapper { padding:0; margin:0 0 24px; } .amber-filter-drawer #filters .slider-header { display:flex; justify-content:space-between; margin:0 0 18px; } .amber-filter-drawer #filters .slider-header .from, .amber-filter-drawer #filters .slider-header .to { display:block; position:static !important; margin:0 !important; padding:8px 12px; border:1px solid #e0e8ef; border-radius:7px; background:#f5f8fa; font-size:12px; } .amber-filter-drawer #filters .slider-content { padding:8px 0; margin:0 10px; } .amber-filter-drawer #slider { height:5px !important; margin:0 !important; border:0 !important; border-radius:4px; background:#dfe8ef !important; } .amber-filter-drawer #slider .ui-slider-range { height:5px; border:0; border-radius:4px; background:#738fa3; } .amber-filter-drawer #slider .ui-slider-handle { top:-6px !important; width:17px; height:17px; margin-left:-8px; border:2px solid #738fa3; border-radius:50%; background:#fff; box-shadow:none; } .amber-filter-drawer .filter-section-button { display:none; } .amber-filter-drawer #category-filter-hover { display:block !important; } .amber-filter-apply { display:block; width:100%; min-height:46px; margin:24px 0 0; padding:10px 18px; border:0; border-radius:8px; background:var(--color-primary); color:var(--amber-on-accent, #172b3a); font-size:13px; font-weight:600; } .amber-variant-trigger { font-family:inherit; font-size:13px; font-weight:500; line-height:1.5; } .amber-filter-drawer #filters .slider-header { display:flex !important; justify-content:space-between !important; gap:16px; } .amber-filter-drawer #filters .slider-header .from, .amber-filter-drawer #filters .slider-header .to { flex:0 0 auto !important; width:auto !important; } .amber-filter-drawer #filters .slider-content { overflow:visible !important; background:none !important; border:0 !important; box-shadow:none !important; } .amber-filter-drawer #filters .slider-content::before, .amber-filter-drawer #filters .slider-content::after, .amber-filter-drawer #filters #slider::before, .amber-filter-drawer #filters #slider::after, .amber-filter-drawer #filters .ui-slider-handle::before, .amber-filter-drawer #filters .ui-slider-handle::after { display:none !important; content:none !important; } .amber-filter-drawer #filters #slider { padding:0 !important; overflow:visible !important; box-shadow:none !important; } .amber-filter-drawer #slider .ui-slider-handle { box-sizing:border-box; } /* Nákupní proces: stejné tři kroky, sjednocená typografie a ovládání. */ :is(body,.amber-header-redesign).ordering-process #content { padding-top:28px; padding-bottom:48px; } :is(body,.amber-header-redesign).ordering-process #content > h1 { margin:0 0 28px; font-size:32px; font-weight:600; color:#263f52; letter-spacing:-.6px; } :is(body,.amber-header-redesign).ordering-process .cart-row, :is(body,.amber-header-redesign).ordering-process .row:has(> #checkoutContent) { display:grid; grid-template-columns:minmax(0,2fr) minmax(300px,1fr); gap:28px; margin:0; } :is(body,.amber-header-redesign).ordering-process .cart-row::before, :is(body,.amber-header-redesign).ordering-process .cart-row::after, :is(body,.amber-header-redesign).ordering-process .row:has(> #checkoutContent)::before, :is(body,.amber-header-redesign).ordering-process .row:has(> #checkoutContent)::after { display:none; } :is(body,.amber-header-redesign).ordering-process .cart-row > div, :is(body,.amber-header-redesign).ordering-process #checkoutContent, :is(body,.amber-header-redesign).ordering-process #checkoutSidebar { float:none; width:100% !important; min-width:0; margin:0; padding:0; } :is(body,.amber-header-redesign).ordering-process .cart-content { padding:0 !important; background:transparent; } :is(body,.amber-header-redesign).ordering-process .cart-header { display:flex; counter-reset:checkout-step; gap:8px; margin:0 0 28px; padding:0; border:0; background:transparent; } :is(body,.amber-header-redesign).ordering-process .cart-header .step { display:flex; align-items:center; flex:1; gap:9px; counter-increment:checkout-step; min-height:66px; margin:0; padding:10px 12px; border:1px solid #e2eaf0; border-radius:10px; background:#f7f9fb; color:#8295a2; box-sizing:border-box; } :is(body,.amber-header-redesign).ordering-process .cart-header .step::before { content:counter(checkout-step) !important; display:flex; align-items:center; justify-content:center; position:static !important; flex:0 0 26px; width:26px; height:26px; margin:0; padding:0; border:0; border-radius:50%; background:#e6edf2; color:#657e90; font:600 12px/1 Arial,sans-serif; } :is(body,.amber-header-redesign).ordering-process .cart-header .step::after { display:none !important; } :is(body,.amber-header-redesign).ordering-process .cart-header .step > a, :is(body,.amber-header-redesign).ordering-process .cart-header .step > strong { display:block; position:static; margin:0; padding:0; border:0; background:none; color:inherit; font-size:12px; line-height:1.4; font-weight:500; text-transform:none; text-decoration:none; } :is(body,.amber-header-redesign).ordering-process .cart-header .step > a::before, :is(body,.amber-header-redesign).ordering-process .cart-header .step > strong::before, :is(body,.amber-header-redesign).ordering-process .cart-header .step > a::after, :is(body,.amber-header-redesign).ordering-process .cart-header .step > strong::after { display:none !important; } :is(body,.amber-header-redesign).ordering-process .cart-header .step.active { border-color:color-mix(in srgb, var(--color-primary) 55%, white); background:color-mix(in srgb, var(--color-primary) 12%, white); color:#304a5d; } :is(body,.amber-header-redesign).ordering-process .cart-header .step.active::before { background:var(--color-primary); color:var(--amber-on-accent, #172b3a); } :is(body,.amber-header-redesign).ordering-process .cart-header .step.completed { color:#405f75; } :is(body,.amber-header-redesign).ordering-process .cart-table { width:100%; margin:0 0 24px; border-collapse:separate; border-spacing:0; border:1px solid #e2eaf0; border-radius:12px; overflow:hidden; background:#fff; } :is(body,.amber-header-redesign).ordering-process .cart-table td { padding:20px 12px; border-bottom:1px solid #edf1f4; vertical-align:middle; background:transparent; } :is(body,.amber-header-redesign).ordering-process .cart-table tr:last-child td { border-bottom:0; } :is(body,.amber-header-redesign).ordering-process .cart-table .cart-p-image { width:86px; } :is(body,.amber-header-redesign).ordering-process .cart-table .cart-p-image img { width:64px; height:76px; object-fit:contain; } :is(body,.amber-header-redesign).ordering-process .cart-table .main-link { color:#2a465a; font-size:13px; font-weight:500; line-height:1.5; text-transform:none; } :is(body,.amber-header-redesign).ordering-process .cart-table .main-link:hover { color:#476e87; text-decoration:underline; } :is(body,.amber-header-redesign).ordering-process .cart-table .price-final { color:#2b465a; font-size:16px; } :is(body,.amber-header-redesign).ordering-process .cart-table .unit-value { color:#96a5b0; font-size:11px; } :is(body,.amber-header-redesign).ordering-process .cart-table .availability-label { font-size:11px; font-weight:400; } :is(body,.amber-header-redesign).ordering-process .cart-table .remove-item { width:26px; height:26px; padding:0; border-radius:6px; color:#8095a4; background:none; border:0; } :is(body,.amber-header-redesign).ordering-process .cart-table .remove-item:hover { color:#aa5e4c; background:#fff1ed; } :is(body,.amber-header-redesign).ordering-process .co-box, :is(body,.amber-header-redesign).ordering-process .cart-summary, :is(body,.amber-header-redesign).ordering-process .order-summary-inner, :is(body,.amber-header-redesign).ordering-process .cart-inner .col-md-4 > .cart-content { padding:24px !important; border:1px solid #e2eaf0; border-radius:12px; margin:0 0 24px; background:#f8fafb; } :is(body,.amber-header-redesign).ordering-process h2 { color:#2e4b60; font-size:18px; font-weight:600; line-height:1.4; text-transform:none; } :is(body,.amber-header-redesign).ordering-process .order-icon::before { color:#7c95a6; font-size:21px; } :is(body,.amber-header-redesign).ordering-process .order-summary-inner h2 { margin:0 0 20px; } :is(body,.amber-header-redesign).ordering-process .cart-item { padding:12px 0; border-bottom:1px solid #e5ecf1; } :is(body,.amber-header-redesign).ordering-process .cart-item-name a { color:#3b596f; font-size:12px; line-height:1.5; text-transform:none; } :is(body,.amber-header-redesign).ordering-process .price-wrapper { color:#345166; } :is(body,.amber-header-redesign).ordering-process #content .btn, :is(body,.amber-header-redesign).ordering-process #continue-order-button, :is(body,.amber-header-redesign).ordering-process #orderFormButton, :is(body,.amber-header-redesign).ordering-process #submit-order { border-radius:8px !important; box-shadow:none; text-decoration:none; transition:background .18s,color .18s,border-color .18s; } :is(body,.amber-header-redesign).ordering-process #continue-order-button, :is(body,.amber-header-redesign).ordering-process #orderFormButton, :is(body,.amber-header-redesign).ordering-process #submit-order { min-height:48px; padding:14px 20px; border:0; background:var(--color-primary) !important; color:var(--amber-on-accent, #172b3a) !important; font-weight:600; font-size:13px; } :is(body,.amber-header-redesign).ordering-process #continue-order-button:hover, :is(body,.amber-header-redesign).ordering-process #orderFormButton:hover, :is(body,.amber-header-redesign).ordering-process #submit-order:hover { background:color-mix(in srgb, var(--color-primary) 80%, white) !important; } :is(body,.amber-header-redesign).ordering-process #content .btn-default { padding:12px 18px; border:1px solid #dae5ed; background:#eef4f8; color:#48667c; } :is(body,.amber-header-redesign).ordering-process #content .btn-default:hover { background:#e2edf4; border-color:#b4cbdc; } :is(body,.amber-header-redesign).ordering-process .smart-label-wrapper > label { display:block; position:static !important; transform:none !important; width:auto; margin:0 0 6px; padding:0; background:none; color:#5f7b8e; font-size:12px; line-height:1.5; } :is(body,.amber-header-redesign).ordering-process .form-group { margin-bottom:18px; } :is(body,.amber-header-redesign).ordering-process .form-control { height:46px; border:1px solid #d8e4ec; border-radius:8px !important; background:#fff; color:#2d4b60; font-size:14px; box-shadow:none; box-sizing:border-box; } :is(body,.amber-header-redesign).ordering-process textarea.form-control { height:120px; padding:12px; } :is(body,.amber-header-redesign).ordering-process .form-control:focus { border-color:#829fb4; box-shadow:0 0 0 3px #dce8f166; outline:0; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .radio-wrapper { display:flex; align-items:center; margin:10px 0; padding:0 16px; border:1px solid #e0e9ef; border-radius:9px; background:#fff; transition:border-color .18s,background .18s; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .radio-wrapper:hover { border-color:#9db7ca; background:#f7fafc; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .radio-wrapper.active { border-color:color-mix(in srgb, var(--color-primary) 55%, white); background:color-mix(in srgb, var(--color-primary) 12%, white); } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table input[type='radio'] { appearance:none; -webkit-appearance:none; display:block; position:static !important; opacity:1; flex:0 0 18px; width:18px; height:18px; margin:0 14px 0 0; border:1.5px solid #b1c5d4; border-radius:50%; background:#fff; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table input[type='radio']:checked { border:5px solid #476e88; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table label { display:flex; align-items:center; gap:14px; flex:1; min-height:66px; margin:0 !important; padding:14px 0 !important; color:#3d5b71; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table label::before, :is(body,.amber-header-redesign).ordering-process .shipping-billing-table label::after { display:none !important; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-name { color:#304f65; font-size:13px; font-weight:500; text-transform:none; } :is(body,.amber-header-redesign).ordering-process .payment-shipping-price { margin-left:auto; color:#3c5d73; font-size:13px; white-space:nowrap; } :is(body,.amber-header-redesign).ordering-process .payment-logo img { max-width:70px; max-height:32px; } :is(body,.amber-header-redesign).ordering-process .extra { border:0; border-radius:9px; padding:16px; background:#edf4f8; color:#5c7a8f; font-size:13px; line-height:1.6; } :is(body,.amber-header-redesign).ordering-process .extra::before { color:#6d8ba0; } :is(body,.amber-header-redesign).ordering-process .price-range { height:5px; border-radius:4px; overflow:hidden; background:#dfe8ef; } :is(body,.amber-header-redesign).ordering-process .price-range > div { height:5px; background:#718fa5; } @media(max-width:991px){ :is(body,.amber-header-redesign).ordering-process .cart-row, :is(body,.amber-header-redesign).ordering-process .row:has(> #checkoutContent) { grid-template-columns:1fr; } } @media(max-width:767px){ :is(body,.amber-header-redesign).ordering-process #content > h1 { font-size:26px; } :is(body,.amber-header-redesign).ordering-process .cart-header { gap:5px; } :is(body,.amber-header-redesign).ordering-process .cart-header .step { flex-direction:column; align-items:flex-start; gap:7px; padding:10px; min-height:90px; } :is(body,.amber-header-redesign).ordering-process .cart-header .step > a, :is(body,.amber-header-redesign).ordering-process .cart-header .step > strong { font-size:10px; } :is(body,.amber-header-redesign).ordering-process .co-box, :is(body,.amber-header-redesign).ordering-process .cart-summary, :is(body,.amber-header-redesign).ordering-process .order-summary-inner { padding:20px 16px !important; } :is(body,.amber-header-redesign).ordering-process .cart-table td { padding:14px 8px; } } :is(body,.amber-header-redesign).ordering-process #content a { transition:color .18s,background-color .18s,border-color .18s; } :is(body,.amber-header-redesign).ordering-process #content a:not(.btn):not(.image):not(#continue-order-button):hover { color:#244f6d; text-decoration:underline; text-underline-offset:3px; } :is(body,.amber-header-redesign).ordering-process #content a:focus-visible, :is(body,.amber-header-redesign).ordering-process #content button:focus-visible { outline:2px solid #8cacc2; outline-offset:3px; } :is(body,.amber-header-redesign).ordering-process .cart-header .step:hover:has(a) { background:#edf4f8; border-color:#b8cdda; } :is(body,.amber-header-redesign).ordering-process .cart-header .step span::before, :is(body,.amber-header-redesign).ordering-process .cart-header .step span::after { content:none !important; display:none !important; } :is(body,.amber-header-redesign).ordering-process .co-box::before, :is(body,.amber-header-redesign).ordering-process .co-box::after { content:none !important; display:none !important; } :is(body,.amber-header-redesign).ordering-process .co-box h2 { margin:0 0 24px !important; padding:0 !important; text-align:left; } :is(body,.amber-header-redesign).ordering-process .form-group--inline { display:grid !important; grid-template-columns:145px minmax(0,1fr); gap:12px; align-items:center; } :is(body,.amber-header-redesign).ordering-process .form-group--inline > label, :is(body,.amber-header-redesign).ordering-process .form-group--inline > .label { width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; font-size:12px; text-align:left; } :is(body,.amber-header-redesign).ordering-process .form-group--inline > div, :is(body,.amber-header-redesign).ordering-process .form-control-wrapper { width:100% !important; max-width:none !important; margin:0; padding:0 !important; box-sizing:border-box; } :is(body,.amber-header-redesign).ordering-process .form-control-wrapper > input { width:100% !important; } :is(body,.amber-header-redesign).ordering-process .co-box .login-button { display:inline-flex; min-height:40px; padding:10px 14px; border:1px solid #d8e4ed; background:#edf4f8; color:#3e617a; font-size:11px; } :is(body,.amber-header-redesign).ordering-process .co-box .login-button:hover { background:#dfebf3; border-color:#abc3d4; } :is(body,.amber-header-redesign).ordering-process .toggle-contacts { border:1px solid #dbe6ed !important; background:#eaf2f7 !important; color:#395c76 !important; } :is(body,.amber-header-redesign).ordering-process .toggle-contacts:hover { background:#dae9f3 !important; } @media(max-width:767px){ :is(body,.amber-header-redesign).ordering-process .form-group--inline { grid-template-columns:1fr; gap:6px; } } /* Stejné ovládání množství v prvním kroku košíku. */ :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity { display:grid; grid-template-columns:32px 42px 32px; position:relative; width:108px; height:36px; padding:0; margin:0; border:1px solid #dce5eb; border-radius:7px; overflow:hidden; background:#f4f7f9; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity label { display:block; grid-column:2; grid-row:1; width:42px; height:34px; padding:0; margin:0; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .amount { display:block; width:42px !important; height:34px !important; margin:0; padding:0; border:0; border-left:1px solid #e3eaef; border-right:1px solid #e3eaef; border-radius:0; background:#fff; color:#243442; font-size:13px; line-height:34px; text-align:center; appearance:textfield; -moz-appearance:textfield; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .amount::-webkit-inner-spin-button, :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .amount::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .increase, :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .decrease { display:flex; align-items:center; justify-content:center; position:static !important; inset:auto !important; width:32px; height:34px; margin:0; padding:0; border:0; background:transparent; color:#4c6475; font-size:19px; line-height:1; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .increase { grid-column:3; grid-row:1; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .decrease { grid-column:1; grid-row:1; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .increase::before, :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .decrease::before { display:none; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity button:hover { background:#e4edf3; color:#1c2834; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity:focus-within { outline:2px solid color-mix(in srgb, var(--color-primary) 85%, black); outline-offset:2px; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .amount:focus { outline:0; box-shadow:none; } :is(body,.amber-header-redesign) .amber-filter-drawer #filters .slider-wrapper .slider-header { display:flex !important; justify-content:space-between !important; width:100% !important; padding:0 !important; margin:0 0 18px !important; } :is(body,.amber-header-redesign) .amber-filter-drawer #filters .slider-wrapper .slider-header .from, :is(body,.amber-header-redesign) .amber-filter-drawer #filters .slider-wrapper .slider-header .to { position:static !important; float:none !important; width:auto !important; margin:0 !important; flex:0 0 auto !important; } :is(body,.amber-header-redesign).ordering-process .co-box h2::before, :is(body,.amber-header-redesign).ordering-process .co-box h2::after { display:none !important; content:none !important; } :is(body,.amber-header-redesign).ordering-process #order-form .form-control-wrapper > input.form-control { width:100% !important; max-width:none !important; } :is(body,.amber-header-redesign).ordering-process .phone-combined-input { display:flex; align-items:center; width:100%; gap:8px; } :is(body,.amber-header-redesign).ordering-process .phone-combined-input input { min-width:0; flex:1; width:100% !important; } :is(body,.amber-header-redesign).ordering-process .phone-combined-input .country-flags { position:relative; flex:0 0 78px; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .increase__sign, :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity .decrease__sign { display:block !important; font:20px/1 Arial,sans-serif; color:inherit; } :is(body,.amber-header-redesign).ordering-process .phone-combined-input { width:100% !important; max-width:none !important; box-sizing:border-box; } :is(body,.amber-header-redesign).ordering-process .phone-combined-input .country-flags { box-sizing:border-box; } @media(min-width:768px){ :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a { font-size:14px !important; } } :is(body,.amber-header-redesign) .amber-top-promos.amber-top-promos--nested { width:100% !important; max-width:none !important; margin:20px 0 28px !important; padding:0 !important; } @media(min-width:768px){ :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li:hover, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li.exp { padding:0 !important; margin:0 !important; border:0 !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li:hover > a, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li.exp > a { padding:0 !important; border:0 !important; letter-spacing:0 !important; font-weight:600 !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a b, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li:hover > a b { font-weight:600 !important; } } @media(max-width:767px){ :is(body,.amber-header-redesign) .banners-row:has(#carousel) { margin-bottom:0 !important; padding-bottom:0 !important; } :is(body,.amber-header-redesign) .amber-top-promos.amber-top-promos--nested { margin-top:16px !important; } :is(body,.amber-header-redesign) .amber-top-promos.amber-top-promos--nested .next-to-carousel-banners { margin-top:0 !important; margin-bottom:0 !important; gap:16px !important; } } /* Přidáno do košíku: kompaktní potvrzení s původními doporučeními. */ :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) { position:fixed !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%); width:850px !important; max-width:calc(100vw - 32px); height:auto !important; max-height:calc(100dvh - 40px); overflow:auto !important; border:1px solid #dfe8ef; border-radius:16px; background:#fff; box-shadow:0 24px 80px #17304440; } :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxWrapper { position:relative !important; inset:auto !important; width:100% !important; height:auto !important; box-sizing:border-box; } :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxContent, :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxLoadedContent { float:none !important; width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; border:0 !important; background:#fff; box-sizing:border-box; } :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxTopLeft, :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxTopCenter, :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxTopRight, :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxMiddleLeft, :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxMiddleRight, :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxBottomLeft, :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxBottomCenter, :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxBottomRight { display:none !important; } :is(body,.amber-header-redesign):has(.advanced-order) #cboxOverlay { background:#15273799 !important; opacity:1 !important; backdrop-filter:blur(4px); } :is(body,.amber-header-redesign) .advanced-order { margin:0; padding:28px !important; text-align:left; } :is(body,.amber-header-redesign) .advanced-order > .h1 { display:flex; align-items:center; gap:12px; margin:0 35px 12px 0; padding:0; color:#2c485c; font-size:26px; font-weight:600; letter-spacing:-.4px; text-align:left; } :is(body,.amber-header-redesign) .advanced-order > .h1:first-child::before { content:'✓'; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#eaf3ed; color:#5a8a6a; font:20px/1 Arial,sans-serif; } :is(body,.amber-header-redesign) .advanced-order > .h2 { margin:0 0 20px; padding:0; color:#688193; font-size:14px; line-height:1.5; font-weight:400; text-align:left; } :is(body,.amber-header-redesign) .advanced-order .extras-wrap { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0 0 20px; padding:0; } :is(body,.amber-header-redesign) .advanced-order .extra { display:block; width:100%; margin:0; padding:16px; border:0; border-radius:10px; background:#f0f5f9; color:#5b788d; font-size:12px; line-height:1.6; text-align:left; box-sizing:border-box; } :is(body,.amber-header-redesign) .advanced-order .extra::before { display:none; } :is(body,.amber-header-redesign) .advanced-order .price-range { height:4px; margin-top:10px; border-radius:4px; overflow:hidden; background:#dce6ee; } :is(body,.amber-header-redesign) .advanced-order .price-range > div { height:4px; background:#7595ab; } :is(body,.amber-header-redesign) .advanced-order .advancedOrder__buttons { display:flex; justify-content:flex-end; gap:12px; margin:0; padding:0 0 22px; border-bottom:1px solid #e6edf2; } :is(body,.amber-header-redesign) .advanced-order .advancedOrder__buttons .btn { display:flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:0 20px; border:1px solid #d8e5ee; border-radius:8px; background:#f4f8fb; color:#4a6b82; font-size:12px; font-weight:600; text-decoration:none; } :is(body,.amber-header-redesign) .advanced-order .advancedOrder__buttons .btn:hover { background:#e5eff6; } :is(body,.amber-header-redesign) .advanced-order .advancedOrder__buttons .btn-conversion { border-color:var(--color-primary); background:var(--color-primary); color:var(--amber-on-accent, #172b3a); } :is(body,.amber-header-redesign) .advanced-order .advancedOrder__buttons .btn-conversion:hover { background:color-mix(in srgb, var(--color-primary) 80%, white); border-color:color-mix(in srgb, var(--color-primary) 80%, white); } :is(body,.amber-header-redesign) .advanced-order > .advanced-order-suggestion { margin:22px 0 16px; padding:0; border:0; font-size:18px; text-align:left; } :is(body,.amber-header-redesign) .advanced-order .products { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0; padding:0; } :is(body,.amber-header-redesign) .advanced-order .products::before, :is(body,.amber-header-redesign) .advanced-order .products::after { display:none; } :is(body,.amber-header-redesign) .advanced-order .products > .product { display:block; width:100% !important; margin:0; padding:0; } :is(body,.amber-header-redesign) .advanced-order .products .p .image { height:160px !important; aspect-ratio:auto !important; padding:12px; } :is(body,.amber-header-redesign) .advanced-order .products .p .image img { max-height:140px; object-fit:contain; } :is(body,.amber-header-redesign) .advanced-order .p-desc, :is(body,.amber-header-redesign) .advanced-order .p-code { display:none; } :is(body,.amber-header-redesign) #colorbox:has(.advanced-order) #cboxClose { top:12px; right:12px; width:32px; height:32px; padding:0; border:0; border-radius:50%; background:#eef3f7; color:#536d80; } @media(max-width:767px){ :is(body,.amber-header-redesign) .advanced-order { padding:22px 16px !important; } :is(body,.amber-header-redesign) .advanced-order > .h1 { font-size:22px; } :is(body,.amber-header-redesign) .advanced-order .extras-wrap { grid-template-columns:1fr; } :is(body,.amber-header-redesign) .advanced-order .advancedOrder__buttons { gap:8px; } :is(body,.amber-header-redesign) .advanced-order .advancedOrder__buttons .btn { flex:1; padding:0 10px; font-size:11px; } :is(body,.amber-header-redesign) .advanced-order .products { gap:10px; } :is(body,.amber-header-redesign) .advanced-order .products .p .image { height:125px !important; } } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .radio-wrapper > label { display:flex !important; align-items:center; width:100% !important; box-sizing:border-box; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .payment-info { position:static !important; flex:1; width:auto !important; padding:0; margin:0; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .shipping-billing-name { color:#304f65 !important; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .payment-logo { position:static !important; float:none !important; width:auto !important; margin:0; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .payment-shipping-price { position:static !important; float:none !important; clear:none !important; width:auto !important; margin:0 0 0 auto !important; color:#345a74 !important; } .amber-mobile-sort { display:none; } @media(max-width:767px){ :is(body,.amber-header-redesign) #category-header { display:flex; flex-wrap:wrap; align-items:center; gap:10px; } :is(body,.amber-header-redesign) #category-header > .listSorting { display:none !important; } :is(body,.amber-header-redesign) #category-header .amber-filter-trigger { flex:0 0 auto; min-height:40px; padding:0 11px; font-size:12px; } :is(body,.amber-header-redesign) #category-header .amber-mobile-sort { display:block; position:relative; flex:1; min-width:0; } .amber-mobile-sort summary { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:40px; padding:0 11px; border:1px solid #dce6ee; border-radius:7px; background:#fff; color:#375970; font-size:12px; cursor:pointer; list-style:none; } .amber-mobile-sort summary::-webkit-details-marker { display:none; } .amber-mobile-sort summary::after { content:''; width:6px; height:6px; border:solid #7d96a8; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); } .amber-sort-options { position:absolute; top:calc(100% + 7px); right:0; z-index:105; width:200px; padding:6px; border:1px solid #dce6ee; border-radius:9px; background:#fff; box-shadow:0 12px 28px #18354b26; } .amber-sort-options button { display:block; width:100%; padding:11px; border:0; border-radius:6px; background:#fff; color:#527087; font-size:12px; text-align:left; } .amber-sort-options button:hover { background:#eaf3f8; } .amber-sort-options button:disabled { color:#244a65; background:#eff5f9; font-weight:600; opacity:1; } :is(body,.amber-header-redesign) #category-header .listItemsTotal { flex:1 0 100%; margin:0; padding:0 3px; font-size:11px; text-align:right; } /* Podkategorie jako kompaktní navigační karty. */ :is(body,.amber-header-redesign) #content .subcategories { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } :is(body,.amber-header-redesign) #content .subcategories > li > a { flex-direction:row; align-items:center; gap:10px; min-height:78px; padding:10px; } :is(body,.amber-header-redesign) #content .subcategories .image { flex:0 0 50px; width:50px !important; height:54px !important; border-radius:6px; } :is(body,.amber-header-redesign) #content .subcategories .image img { width:50px !important; height:54px !important; } :is(body,.amber-header-redesign) #content .subcategories .text { font-size:12px; line-height:1.35; } :is(body,.amber-header-redesign) #content .subcategories a::after { display:none !important; } } /* Košík bez zdvojených linek a prázdného sloupce slev. */ :is(body,.amber-header-redesign).ordering-process .cart-table td { border-left:0 !important; border-right:0 !important; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extras-wrapper { display:block; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extras-col { float:none; width:100%; padding:0; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extras-wrap { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extra { margin:0; width:100%; box-sizing:border-box; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extra::before { display:none; } :is(body,.amber-header-redesign) .cart-table .p-quantity .quantity input.amount { border-radius:0 !important; } @media(max-width:767px){ :is(body,.amber-header-redesign).ordering-process .cart-summary .extras-wrap { grid-template-columns:1fr; } :is(body,.amber-header-redesign).ordering-process .cart-table tr.removeable { display:grid !important; grid-template-columns:78px minmax(0,1fr); padding:16px; gap:12px; border-bottom:1px solid #e7edf2; } :is(body,.amber-header-redesign).ordering-process .cart-table tr.removeable td { float:none !important; width:auto !important; margin:0 !important; padding:0 !important; border:0 !important; } :is(body,.amber-header-redesign).ordering-process .cart-table .cart-p-image { grid-column:1; grid-row:1; align-self:start; } :is(body,.amber-header-redesign).ordering-process .cart-table .p-name { grid-column:2; grid-row:1; } :is(body,.amber-header-redesign).ordering-process .cart-table .p-availability { grid-column:1; grid-row:2; } :is(body,.amber-header-redesign).ordering-process .cart-table .p-quantity { grid-column:2; grid-row:2; justify-self:end; } :is(body,.amber-header-redesign).ordering-process .cart-table .p-price { grid-column:1; grid-row:3; } :is(body,.amber-header-redesign).ordering-process .cart-table .p-total { grid-column:2; grid-row:3; justify-self:end; } :is(body,.amber-header-redesign).ordering-process .cart-table .p-label { font-size:10px; color:#96a7b3; } :is(body,.amber-header-redesign).ordering-process .cart-table .show-related { font-size:10px; } } :is(body,.amber-header-redesign) #cart-widget:not(.amber-cart-ready) { visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } :is(body,.amber-header-redesign) #cart-widget.amber-cart-ready { transition:opacity .12s ease; } :is(body,.amber-header-redesign) .amber-related-toggle { display:flex; align-items:center; justify-content:center; min-height:44px; margin:18px 0; padding:10px 18px; border:1px solid var(--color-primary); border-radius:8px; background:var(--color-primary); color:var(--amber-on-accent, #172b3a) !important; font-size:12px; font-weight:600; text-decoration:none; } :is(body,.amber-header-redesign) .amber-related-toggle:hover { background:color-mix(in srgb, var(--color-primary) 80%, white); border-color:color-mix(in srgb, var(--color-primary) 80%, white); color:var(--amber-on-accent-hover, #172b3a); } @media(min-width:768px){ :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li > a, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li:hover > a, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li.exp > a { margin:0 !important; } } :is(body,.amber-header-redesign) .advanced-order > .h1 { justify-content:center; text-align:center; margin-right:0; } :is(body,.amber-header-redesign) .advanced-order > .h2, :is(body,.amber-header-redesign) .advanced-order .extra, :is(body,.amber-header-redesign) .advanced-order > .advanced-order-suggestion { text-align:center; } :is(body,.amber-header-redesign) .advanced-order .advancedOrder__buttons { justify-content:center; } /* Načítání nesmí ukázat ani rámeček, šipku nebo spodní tlačítko. */ body:is(body,.amber-header-redesign) #cart-widget:not(.amber-cart-ready), body:is(body,.amber-header-redesign).cart-window-visible #cart-widget:not(.amber-cart-ready), body:is(body,.amber-header-redesign) #cart-widget:not(.amber-cart-ready) * { visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* Popup používá jedinou scrollovací oblast. */ :is(body,.amber-header-redesign) #cart-widget .cart-widget-products, :is(body,.amber-header-redesign) #cart-widget .cart-widget-products-inner { width:100% !important; height:auto !important; max-height:none !important; overflow:visible !important; margin:0 !important; padding:0 !important; } :is(body,.amber-header-redesign) #cart-widget .cart-widget-product { width:100% !important; box-sizing:border-box; } @media(max-width:767px){ :is(body,.amber-header-redesign).ordering-process #content-wrapper { padding-left:16px !important; padding-right:16px !important; box-sizing:border-box; } :is(body,.amber-header-redesign).ordering-process #content { padding-left:0 !important; padding-right:0 !important; } } /* Bílý podklad ve všech třech krocích nákupu. */ body:is(body,.amber-header-redesign).ordering-process, :is(body,.amber-header-redesign).ordering-process .overall-wrapper, :is(body,.amber-header-redesign).ordering-process #content-wrapper, :is(body,.amber-header-redesign).ordering-process #content-wrapper > .content-wrapper-in, :is(body,.amber-header-redesign).ordering-process #content, :is(body,.amber-header-redesign).ordering-process .co-box, :is(body,.amber-header-redesign).ordering-process .cart-summary, :is(body,.amber-header-redesign).ordering-process .order-summary-inner, :is(body,.amber-header-redesign).ordering-process .cart-inner .col-md-4 > .cart-content { background:#fff !important; } /* Dárky a slevy: obě informace mají vlastní čitelnou kartu. */ :is(body,.amber-header-redesign).ordering-process .cart-summary { padding:22px !important; } :is(body,.amber-header-redesign).ordering-process .cart-summary > h2 { margin:0 0 16px !important; padding:0; font-size:18px; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extras-wrapper { display:block !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extras-col { display:block !important; float:none !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extras-col:not(:has(*)) { display:none !important; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extras-wrap { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extra.delivery, :is(body,.amber-header-redesign).ordering-process .cart-summary .extra.discount { display:block !important; position:relative; width:100% !important; max-width:none !important; min-width:0; min-height:0; margin:0 !important; padding:16px !important; border:1px solid #e3ebf1; border-radius:9px; background:#fff !important; color:#6d8292; font-size:12px; line-height:1.65; text-align:left; box-sizing:border-box; } :is(body,.amber-header-redesign).ordering-process .cart-summary .amber-extra-title { display:block !important; width:auto; padding:0; margin:0 0 7px; color:#344f63; font-size:13px; line-height:1.4; font-weight:600; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extra > span { display:block !important; width:100% !important; max-width:none !important; padding:0 !important; white-space:normal; text-align:left; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extra strong { color:#345b76; font-weight:600; } :is(body,.amber-header-redesign).ordering-process .cart-summary .price-range { display:block; width:100% !important; height:4px; margin:13px 0 0; padding:0; background:#e8eef3; border-radius:4px; } :is(body,.amber-header-redesign).ordering-process .cart-summary .price-range > div { height:4px; border-radius:4px; background:#7f9db2; } @media(max-width:767px){ :is(body,.amber-header-redesign).ordering-process #content { padding-top:16px; } :is(body,.amber-header-redesign).ordering-process .cart-header { margin-bottom:18px; } :is(body,.amber-header-redesign).ordering-process .cart-header .step { min-height:76px; padding:9px; } :is(body,.amber-header-redesign).ordering-process .co-box, :is(body,.amber-header-redesign).ordering-process .cart-summary, :is(body,.amber-header-redesign).ordering-process .order-summary-inner { margin-bottom:16px; padding:16px !important; } :is(body,.amber-header-redesign).ordering-process .co-box h2 { margin-bottom:18px !important; } :is(body,.amber-header-redesign).ordering-process .form-group { margin-bottom:14px; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extras-wrap { grid-template-columns:1fr; gap:10px; } :is(body,.amber-header-redesign).ordering-process .cart-summary .extra { padding:14px !important; } } /* Doprava a platba v jediné řadě: název, logo, cena. */ :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .radio-wrapper > label { flex-wrap:nowrap !important; gap:14px; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .payment-info { flex:1 1 auto !important; min-width:0; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .payment-logo { flex:0 0 64px !important; order:2; width:64px !important; margin:0 0 0 auto !important; text-align:center; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .payment-logo img { display:block; width:100%; max-width:64px; max-height:30px; height:auto; margin:auto; object-fit:contain; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .payment-shipping-price { flex:0 0 72px !important; order:3; width:72px !important; margin:0 !important; text-align:right; } /* Rozbalená doporučení jsou samostatná část, nikoli další položky košíku. */ :is(body,.amber-header-redesign).ordering-process .cart-table tr.related > td { padding:18px !important; border-bottom:1px solid #dce7ee; background:#f1f6fa !important; } :is(body,.amber-header-redesign).ordering-process .cart-table tr.related > td::before { content:'Doporučujeme k této položce'; display:block; margin:0 0 12px; color:#617d91; font-size:12px; line-height:1.4; font-weight:500; } :is(body,.amber-header-redesign).ordering-process .cart-related-product { display:inline-flex !important; flex-direction:column; vertical-align:top; gap:14px; width:calc(50% - 6px) !important; margin:0 0 10px !important; padding:14px !important; border:1px solid #dfe8ef; border-radius:9px; background:#fff; box-sizing:border-box; } :is(body,.amber-header-redesign).ordering-process .cart-related-product:nth-of-type(2n) { margin-left:12px !important; } :is(body,.amber-header-redesign).ordering-process .cart-related-info { display:grid !important; grid-template-columns:56px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; gap:3px 12px; width:100% !important; margin:0 !important; padding:0 !important; } :is(body,.amber-header-redesign).ordering-process .cart-related-img { grid-column:1; grid-row:1/span 2; width:56px !important; height:60px !important; margin:0 !important; padding:0 !important; } :is(body,.amber-header-redesign).ordering-process .cart-related-img img { display:block; width:56px; height:60px; object-fit:contain; } :is(body,.amber-header-redesign).ordering-process .cart-related-name { grid-column:2; grid-row:1; margin:0 !important; padding:0 !important; color:#34576f; font-size:13px; font-weight:500; line-height:1.4; text-transform:none; } :is(body,.amber-header-redesign).ordering-process .cart-related-availability { grid-column:2; grid-row:2; margin:0 !important; padding:0 !important; font-size:11px; } :is(body,.amber-header-redesign).ordering-process .cart-related-button { display:flex !important; align-items:center; justify-content:space-between; gap:12px; width:100% !important; margin:0 !important; padding:10px 0 0 !important; border-top:1px solid #edf2f5; } :is(body,.amber-header-redesign).ordering-process .cart-related-button .price { margin:0 !important; padding:0 !important; color:#3c5c72; font-size:16px; } :is(body,.amber-header-redesign).ordering-process .cart-related-button .btn { min-height:36px; padding:8px 12px; border:0; border-radius:7px; background:var(--color-primary); color:var(--amber-on-accent, #172b3a); font-size:11px; font-weight:600; } :is(body,.amber-header-redesign).ordering-process .cart-related-button .btn:hover { background:color-mix(in srgb, var(--color-primary) 80%, white); } @media(max-width:767px){ /* Středová navigace kroků s jemnou spojovací linkou. */ :is(body,.amber-header-redesign).ordering-process .cart-header { width:100%; max-width:420px; margin:0 auto 22px; gap:0; } :is(body,.amber-header-redesign).ordering-process .cart-header .step, :is(body,.amber-header-redesign).ordering-process .cart-header .step.active, :is(body,.amber-header-redesign).ordering-process .cart-header .step.completed { position:relative; flex-direction:column; align-items:center; justify-content:flex-start; flex:1 1 0; min-width:0; min-height:68px; gap:8px; padding:0 4px; border:0 !important; border-radius:0; background:transparent !important; text-align:center; } :is(body,.amber-header-redesign).ordering-process .cart-header .step::before { position:relative !important; z-index:1; width:30px; height:30px; flex:0 0 30px; background:#eaf1f6; color:#70899b; font-size:12px; } :is(body,.amber-header-redesign).ordering-process .cart-header .step.active::before { background:var(--color-primary); color:var(--amber-on-accent, #172b3a); } :is(body,.amber-header-redesign).ordering-process .cart-header .step.completed::before { background:#dce9f2; color:#4b708b; } :is(body,.amber-header-redesign).ordering-process .cart-header .step::after { content:'' !important; display:block !important; position:absolute; z-index:0; top:15px; left:calc(50% + 22px); width:calc(100% - 44px); height:1px; border:0; background:#dde7ee; transform:none; pointer-events:none; } :is(body,.amber-header-redesign).ordering-process .cart-header .step:last-child::after { display:none !important; } :is(body,.amber-header-redesign).ordering-process .cart-header .step > a, :is(body,.amber-header-redesign).ordering-process .cart-header .step > strong { width:100%; font-size:10.5px; line-height:1.4; text-align:center; } :is(body,.amber-header-redesign).ordering-process .cart-header .step.active > strong { color:#2c4b60; font-weight:600; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .radio-wrapper { padding:0 11px; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .radio-wrapper > label { gap:8px; min-height:62px; padding:10px 0 !important; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .payment-logo { flex-basis:44px !important; width:44px !important; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .payment-logo img { max-width:44px; max-height:25px; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .payment-shipping-price { flex-basis:54px !important; width:54px !important; font-size:12px; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table .shipping-billing-name { font-size:12px; } :is(body,.amber-header-redesign).ordering-process .shipping-billing-table input[type='radio'] { margin-right:10px; } :is(body,.amber-header-redesign).ordering-process .cart-related-product { width:100% !important; } :is(body,.amber-header-redesign).ordering-process .cart-related-product:nth-of-type(2n) { margin-left:0 !important; } } :is(body,.amber-header-redesign).ordering-process .cart-table tr.related > td { font-size:0; } :is(body,.amber-header-redesign).ordering-process .cart-related-product { float:none !important; clear:none !important; } /* Export do záhlaví: nativní dělení navigace nesmí skrýt vlastní desktopové menu. */ @media(min-width:768px){ :is(body,.amber-header-redesign) #header #navigation, :is(body,.amber-header-redesign) #header #navigation .navigation-in { overflow:visible !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li.splitted > a { visibility:visible !important; color:#263a49 !important; } :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li.splitted > a > b, :is(body,.amber-header-redesign) #header #navigation .menu-level-1 > li.splitted > a > .submenu-arrow { visibility:visible !important; color:inherit !important; } } /* Potvrzení vložení: informace o dopravě a slevách jsou vycentrované. */ :is(body,.amber-header-redesign) .advanced-order .extras-wrap:has(> .extra:only-child) { grid-template-columns:minmax(0,1fr); } :is(body,.amber-header-redesign) .advanced-order .extras-wrap > .extra { text-align:center !important; } :is(body,.amber-header-redesign) .advanced-order .extras-wrap > .extra > span { display:block !important; width:100% !important; padding:0 !important; text-align:center !important; box-sizing:border-box; } /* Desktopová navigace používá vlastní layout, nikoli nativní skryté položky helperu. */ @media(min-width:768px){ :is(body,.amber-header-redesign) #header #navigation .navigation-in { width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box; } :is(body,.amber-header-redesign) #header #navigation .navigation-in > .menu-level-1 { width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box; } :is(body,.amber-header-redesign) #header #navigation .navigation-in > .menu-level-1 > li, :is(body,.amber-header-redesign) #header #navigation .navigation-in > .menu-level-1 > li > a { visibility:visible !important; pointer-events:auto !important; } }