/* Fonts: Vollkorn self-hosted (it was Google Fonts: a render-blocking stylesheet from another server, then 4 files, 169 KB); one variable file per style (weights 400-900) with the glyphs Google served for Czech and Slovak: Latin, Latin-1, Latin Extended-A, typographic punctuation. Other glyphs = a new file name, the CDN caches the files for a year */ @font-face {font-family: "Vollkorn";src: url(../fonts/vollkorn-latin-cz.woff2) format("woff2");font-weight: 400 900;font-style: normal;font-display: swap;} @font-face {font-family: "Vollkorn";src: url(../fonts/vollkorn-italic-latin-cz.woff2) format("woff2");font-weight: 400 900;font-style: italic;font-display: swap;} /* fallback with the Vollkorn proportions (Georgia; Noto Serif on Android, which has no Georgia) scaled to the same text width and line metrics: until Vollkorn arrives the text wraps the same, so nothing jumps when it swaps in. Only for the characters Vollkorn has: the others (arrows, stars, emoji) fall back to sans-serif as before */ @font-face {font-family: "Vollkorn Fallback";src: local("Georgia");font-weight: 400;font-style: normal;size-adjust: 98.76%;ascent-override: 96.39%;descent-override: 44.65%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback";src: local("Georgia");font-weight: 500;font-style: normal;size-adjust: 101.07%;ascent-override: 94.20%;descent-override: 43.63%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback";src: local("Georgia Bold"), local("Georgia-Bold");font-weight: 600;font-style: normal;size-adjust: 89.08%;ascent-override: 106.87%;descent-override: 49.51%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback";src: local("Georgia Bold"), local("Georgia-Bold");font-weight: 700;font-style: normal;size-adjust: 91.63%;ascent-override: 103.90%;descent-override: 48.13%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback";src: local("Georgia Italic"), local("Georgia-Italic");font-weight: 400;font-style: italic;size-adjust: 83.87%;ascent-override: 113.52%;descent-override: 52.58%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback";src: local("Georgia Bold Italic"), local("Georgia-BoldItalic");font-weight: 600;font-style: italic;size-adjust: 78.69%;ascent-override: 120.98%;descent-override: 56.04%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback";src: local("Georgia Bold Italic"), local("Georgia-BoldItalic");font-weight: 700;font-style: italic;size-adjust: 82.76%;ascent-override: 115.03%;descent-override: 53.29%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback Android";src: local("Noto Serif"), local("NotoSerif-Regular"), local("Noto Serif Regular");font-weight: 400;font-style: normal;size-adjust: 91.29%;ascent-override: 104.28%;descent-override: 48.31%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback Android";src: local("Noto Serif"), local("NotoSerif-Regular"), local("Noto Serif Regular");font-weight: 500;font-style: normal;size-adjust: 93.42%;ascent-override: 101.90%;descent-override: 47.21%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback Android";src: local("Noto Serif Bold"), local("NotoSerif-Bold");font-weight: 600;font-style: normal;size-adjust: 90.24%;ascent-override: 105.50%;descent-override: 48.87%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback Android";src: local("Noto Serif Bold"), local("NotoSerif-Bold");font-weight: 700;font-style: normal;size-adjust: 92.82%;ascent-override: 102.56%;descent-override: 47.51%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback Android";src: local("Noto Serif Italic"), local("NotoSerif-Italic");font-weight: 400;font-style: italic;size-adjust: 81.28%;ascent-override: 117.13%;descent-override: 54.26%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback Android";src: local("Noto Serif Bold Italic"), local("NotoSerif-BoldItalic");font-weight: 600;font-style: italic;size-adjust: 80.73%;ascent-override: 117.93%;descent-override: 54.63%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} @font-face {font-family: "Vollkorn Fallback Android";src: local("Noto Serif Bold Italic"), local("NotoSerif-BoldItalic");font-weight: 700;font-style: italic;size-adjust: 84.91%;ascent-override: 112.12%;descent-override: 51.94%;line-gap-override: 0%;unicode-range: U+0020-007E, U+00A0-017F, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2009, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2020, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;} /* Basic styles */ :root { --template-font: "Vollkorn", "Vollkorn Fallback", "Vollkorn Fallback Android"; --template-headings-font: "Vollkorn", "Vollkorn Fallback", "Vollkorn Fallback Android"; --form-group-labels-font-size: 16px; } html[lang="cs"] { --jit-flag-discount-prefix: "Sleva "; --jit-customers-recommend: "zákazníků doporučuje"; --jit-variant-title: "(nakupte více za méně)"; --jit-variant-best: "NEJVÝHODNĚJŠÍ"; --jit-availability-text: ", připraveno ihned k odeslání"; --jit-detail-price-save-prefix: "sleva"; } html[lang="sk"] { --jit-flag-discount-prefix: "Zľava "; --jit-customers-recommend: "zákazníkov odporúča"; --jit-variant-title: "(nakúpte viac za menej)"; --jit-variant-best: "NAJVÝHODNEJŠÍ"; --jit-availability-text: ", pripravené ihneď na odoslanie"; --jit-detail-price-save-prefix: "zľava"; } body { --ji-site-msg-height: 39px; --ji-admin-bar-height: 0px; --ji-container-width: calc(100dvw - var(--scrollbar-width, 0px)); --ji-container-padding: 20px; --ji-p-image-ratio: 3 / 4; --ji-detail-image-ratio: 560 / 680; --ji-thumb-image-ratio: 1 / 1; } body:is(.admin-logged,.jh-admin-bar):not(.jh-admin-bar-hidden) {--ji-admin-bar-height: 25px;} body:not(:has(.site-msg.information)) {--ji-site-msg-height: 0px !important;} @media (max-width: 991px) { body {--ji-admin-bar-height: 0px !important;} } @media (max-width: 767px) { body {--ji-container-padding: 24px;--ji-detail-image-ratio: 392 / 486;} } html {-webkit-font-smoothing: antialiased;} .ready {visibility: visible!important;} .ji-hidden {display: none !important;} .overall-wrapper {overflow-x: clip;} /* Page reveal: the page is no longer hidden as a whole until script.js finishes (.overall-wrapper {visibility: hidden} = FCP 9-13 s on phones). Only the blocks that js/script.js rebuilds or moves stay invisible (their space kept) until it adds .ready to .overall-wrapper (its last line). Safety net: shown after --ji-reveal-delay anyway, so a JS error never leaves them invisible. Longer than script.js takes on a slow phone (ready at 9-15 s with 4x CPU throttling), otherwise they would show half-built and jump when script.js gets to them. */ :root {--ji-reveal-delay: 20s;} @keyframes ji-reveal {to {visibility: visible;}} @keyframes ji-reveal-placeholder {to {color: #757575;}} /* all pages: footer (its admin banners are moved out), USP block (title added), product lists (flags, availability and prices rebuilt), close icon of the site message and the desktop submenu chevrons (Shoptet icon font: an empty box until the font has loaded, the original showed them only at .ready) */ .overall-wrapper:not(.ready) :is(#footer, .benefitBanner, .products-block, .site-msg .close, .navigation-in .submenu-arrow) {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} /* homepage: everything below the banners (USP title added, categories, product carousels, blog and the other blocks inserted/reordered) */ .type-index .overall-wrapper:not(.ready) main.content > :not(.banners-row) {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} /* category: filters rebuilt and moved above the sorting */ .type-category .overall-wrapper:not(.ready) .category-content-wrapper {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} /* detail: title, flags, rating, gallery and the info column rebuilt, related products and tabs moved */ .type-detail .overall-wrapper:not(.ready) .p-detail {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} /* detail >= 1240 px: the server main image (LCP) is shown right away. Its final place does not depend on script.js here, because the title block moves into the info column: out of the flow and without the rating row, the image column already starts where it ends up. The layout rules stop as soon as HerbsGallery takes over (.ji-has-gallery), in the same task that adds .ready. Below 1240 px see the next block. */ @media (min-width: 1240px) { .type-detail .overall-wrapper:not(.ready) .p-detail .p-main-image {visibility: visible;} .type-detail .overall-wrapper:not(.ready) .p-detail:not(.ji-has-gallery) .p-detail-inner-header {position: absolute;} .type-detail .overall-wrapper:not(.ready) .p-detail:not(.ji-has-gallery) .product-top > .col-xs-12:first-of-type {display: none;} } /* detail < 1240 px: the flags and rating row above the image is built by script.js and its height varies by product and width, so js/detail-early.js (loaded from the admin header) builds a copy of it (and of the subtitle under the title) right after the HTML has loaded, by the same rules. Once Vollkorn has loaded it hides the server rating row (moved into the buy box by script.js) and the appendix in the title (moved under it) with .ji-early-hidden and shows the server main image (LCP) with .ji-early-visible, in the place where it stays. script.js replaces the copy and removes the classes in the same task that adds .ready. transition: none: the link has a transition on all properties, so its visibility would change through a 0.3 s transition (Safari kept it hidden) */ @media (max-width: 1239px) { .type-detail .p-detail .ji-early-hidden {display: none;} .type-detail .overall-wrapper:not(.ready) .p-detail .p-main-image.ji-early-visible {visibility: visible;transition: none;} } /* blog: list header added, articles get tags and footers, pagination rebuilt (the intro above stays visible) */ .type-posts-listing .overall-wrapper:not(.ready) .sectionDescription ~ * {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} /* articles and static pages: title, date and first image moved into the article header, table of contents added */ .overall-wrapper:not(.ready) .news-item-detail {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} /* contact page (header and contact card built), login/registration and other pages with forms (fields rebuilt), order thank-you page */ .overall-wrapper:not(.ready) :is(.pageArticleDetail:has(.ji-contact-page-header, .ji-contact-card, form), .content-inner:has(> form), #content:has(.order-summary-heading)) {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} /* store rating page (header and reviews rebuilt), cart and checkout */ :is(.id--51, .ordering-process) .overall-wrapper:not(.ready) #content {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} /* the top margin of their hidden first child (e.g. the article h1) stays inside: script.js replaces that child with a header without margin, so the collapsed margin would vanish at .ready and move the visible container above up (layout shift) */ .overall-wrapper:not(.ready) :is(.news-item-detail, .pageArticleDetail:has(.ji-contact-page-header, .ji-contact-card, form)), .id--51 .overall-wrapper:not(.ready) #content {display: flow-root;} @media (max-width: 767px) { /* header: the search is moved under the header (opened by the magnifier), the icons into the header */ .overall-wrapper:not(.ready) #header :is(.header-top > .search, .navigation-buttons) {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} /* detail: the title stays where it is, so it is shown right away (without the appendix, which is moved under it) */ .type-detail .overall-wrapper:not(.ready) .p-detail-inner-header h1 {visibility: visible;} .type-detail .overall-wrapper:not(.ready) .p-detail-inner-header h1 .product-appendix {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} } @media (min-width: 768px) { /* header: contact card and account inserted before the cart, cart label and search placeholder replaced, menu labels/alignment changed */ .overall-wrapper:not(.ready) #header .navigation-buttons, .overall-wrapper:not(.ready) #navigation .menu-level-1 > li:nth-child(n+3) {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} .overall-wrapper:not(.ready) #header .search .form-control::placeholder {color: transparent;animation: ji-reveal-placeholder 0s var(--ji-reveal-delay) forwards;} } /* cookie bar (outside .overall-wrapper): script.js moves the links and restyles the buttons (the box shrank by 44 px = layout shift), shown once done */ .siteCookies:not(:has(.siteCookies__form.ready)) {visibility: hidden;animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} .siteCookies__form:not(.ready) {animation: ji-reveal 0s var(--ji-reveal-delay) forwards;} .siteCookies {transition: all .4s, visibility 0s;} /* Shoptet's transition, but the box shows in the same frame as its form and the dim layer */ body {color: #44352E;background-color: #F7EEDD;font-size: 16px;font-weight: 400;line-height: 1.389;-webkit-font-smoothing: antialiased;} p {margin-bottom: 16px;} hr {border: 0;border-top: 1px solid #CAC0B1;} .link-like, a {color: #44352E;text-underline-offset: 6px;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #44352E;font-weight: 700;} .h1, h1 {font-size: 36px;} .h2, h2 {font-size: 36px;} .h3, h3 {font-size: 30px;} .h4, h4 {font-size: 24px;font-weight: 400;} .h5, h5 {font-size: 19px;font-weight: 400;} @media (min-width: 768px) { body {--ji-container-width: 747px;} } @media (min-width: 992px) { body {--ji-container-width: 972px;} } @media (min-width: 1200px) { body {--ji-container-width: 1178px;} } @media (min-width: 1440px) { body {--ji-container-width: 1380px;} .container {width: var(--ji-container-width);} } @media (min-width: 1520px) { body {--ji-container-width: 1458px;} .container {width: 1458px;} } @media (max-width: 767px) { .h1, h1 {font-size: 36px;} .h2, h2 {font-size: 31px;} .h3, h3 {font-size: 30px;} .h4, h4 {font-size: 24px;font-weight: 400;} .h5, h5 {font-size: 19px;font-weight: 400;} .container, .content-wrapper.container {padding-left: 24px;padding-right: 24px;} } .banner {min-height: 0;margin-bottom: 0;} .content-wrapper {background-color: transparent;} .btn, a.btn {border-radius: 10px;padding: 12px 16px;font-size: 16px;font-weight: 700;text-transform: initial;} .btn.btn-sm, a.btn.btn-sm {padding: 12px 16px;} .btn[disabled] {opacity: 0.5;cursor: not-allowed;filter: grayscale(70%);} .btn.btn-secondary, a.btn.btn-secondary {background-color: var(--color-primary);color: #F7EEDD;} .btn.btn-secondary:hover, a.btn.btn-secondary:hover {color: #F7EEDD;background-color: var(--color-primary-hover);} .btn.btn-primary, a.btn.btn-primary {background-color: var(--color-secondary);border-color: var(--color-secondary);font-weight: 700;color: #fff;text-decoration: none;} .btn.btn-primary:hover, a.btn.btn-primary:hover {background-color: var(--color-secondary-hover);border-color: var(--color-secondary-hover);} .btn.btn-conversion, a.btn.btn-conversion {text-transform: initial;font-weight: 700;color: #fff;} .btn.btn-default, a.btn.btn-default {background-color: var(--color-primary);color: #F7EEDD;} .btn.btn-default:hover, a.btn.btn-default:hover {color: #F7EEDD;background-color: var(--color-primary-hover);} :is(.btn, a.btn).--arrow-after {display: inline-flex;align-items: center} :is(.btn, a.btn).--arrow-after::after {content: "";display: inline-block;width: 16px;height: 16px;margin-left: 8px;flex: 0 0 16px;background: var(--icon-btn-arrow-right) no-repeat center / contain;} .center {text-align: center;} .latest-contribution-box {display: none;} .sidebar {background-color: transparent;} .form-control {height: 46px;border-color: #E1D7C7;padding: 12px 16px;border-radius: 6px;} .select2-selection, select, select.form-control {border-color: #E1D7C7;color: #44352E;background-color: #fff;width: auto;max-width: initial;padding: 12px 16px;border-radius: 6px;background-size: 10px;background-position: center right 16px;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none' viewBox='0 0 16 10'%3E%3Cpath fill='%2344352E' d='M8 9.5c-.186 0-.372-.073-.514-.22L.213 1.78c-.284-.293-.284-.767 0-1.06s.744-.293 1.029 0L8 7.69 14.759.72c.284-.293.744-.293 1.028 0s.284.767 0 1.06l-7.273 7.5c-.142.147-.328.22-.514.22'/%3E%3C/svg%3E");} @media (min-width: 768px) { .form-group>input.form-control, .phone-combined-input {width: 440px;max-width: 440px;} .form-group>select.form-control {width: 440px;} .form-group>input.form-control.short, .form-group>select.form-control.short {width: 160px;} } .phone-combined-input {background-color: #fff;border: 1px solid #E1D7C7;border-radius: 6px;} .phone-combined-input input {border: 0;} .phone-combined-input .shp-flag-label:before {border: 0;width: 10px;height: 6px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill='%2344352E' d='M5 6c-.116 0-.233-.049-.321-.146l-4.546-5C-.044.658-.044.342.133.147c.178-.196.465-.196.643 0L5 4.793 9.224.147c.178-.196.465-.196.643 0 .177.195.177.511 0 .707l-4.546 5C5.233 5.95 5.116 6 5 6'/%3E%3C/svg%3E");} .phone-combined-input .shp-flag {width: 15px;height: 15px;} .country-flag.selected, .country-flags.active .country-flag {padding-left: 15px;} .orderWithdraw {background-color: transparent;} .orderWithdraw:before {display: none;} /* Cookie */ .siteCookies.siteCookies--bottom {color: #44352E;font-size: 16px;max-width: 768px;width: 100%;bottom: 24px;border: 1px solid #E2D5BC;border-radius: 20px;background-color: #FEF9F0!important;box-shadow: none!important;left: 50%;bottom: 24px;margin: 0;transform: translateX(-50%);} /*.siteCookies--bottom.siteCookies--scrolled {max-width: 768px;left: 50%;margin-left: -384px;}*/ .siteCookies__form {visibility: hidden;max-width: 100%;text-underline-offset: 6px;display: block;background-color: transparent;margin: 0;box-shadow: none;border: 0;border-radius: 0;} .siteCookies__buttonWrap {width: 100%;align-items: center;} .siteCookies__text {margin: 0;padding-bottom: 16px;} .siteCookies__text a {color: #44352E;font-size: 16px;text-decoration: underline;text-underline-offset: 6px;} .siteCookies__text a:hover {color: #44352E;text-decoration: none;} .siteCookies__links {text-align: right;margin-bottom: 0;} .js-cookiesConsentSubmit.btn-secondary {display: inline-flex;align-items: center;background-color: var(--color-secondary);border-color: var(--color-secondary);} .js-cookiesConsentSubmit.btn-secondary:hover {background-color: var(--color-secondary-hover);border-color: var(--color-secondary-hover);} .js-cookiesConsentSubmit.btn-secondary::before {content: "";position: relative;top: -2px;margin-right: 8px;width: 12px;height: 11px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23F7EEDD' d='M2.771 10.59c-.59-.643-1.065-1.271-1.525-1.88Q.615 7.877.157 6.943c-.19-.377-.274-.759.138-1.004 1.18-.703 1.42-.032 2.062.747.38.462.94 1.224 1.291 1.705.336.46.744-.37.908-.604.58-.832 2.087-2.867 2.71-3.62.592-.714 2.5-2.715 2.857-3.033.303-.271.942-.866 1.372-.538.452.345.673 1 .355 1.425-.553.742-1.422 1.447-2.023 2.153-1.218 1.43-2.37 2.97-3.476 4.503-.376.521-.904 1.394-1.232 1.96-.612 1.057-1.15 1.258-2.348-.047'/%3E%3C/svg%3E");} .js-cookies-settings {color: #44352E;text-decoration: underline;border: 0;background-color: transparent;appearance: none;} .js-cookies-settings:hover {text-decoration: none;} /* dim layer only together with the cookie box (the box waits for script.js, see .siteCookies:not(:has(.siteCookies__form.ready)) at the top) */ body:has(.siteCookies__form.ready)::after {content: "";position: fixed;z-index: 65;top: 0;left: 0;background-color: #44352E;opacity: 0.5;width: 100%;height: 100%;} @media (max-width: 768px) { .siteCookies.siteCookies--bottom {inset-inline: 16px;bottom: 16px;transform: unset;width: unset;} } /* Site Msg */ body:is(.id--16, .id--17) .site-msg.information {display: none;} .site-msg.information {position: relative;top: 0;left: 0;z-index: 65;max-width: 100%;background-color: #475E38;color: #fff;font-weight: 500;font-size: 16px;min-height: 39px;} .site-msg.information .del {height: 14px;width: 1px;background-color: #fff;opacity: 0.25;display: inline-block;margin: 0 10px;vertical-align: middle;} .site-msg.information a {color: #fff;} .site-msg.information a:hover {text-decoration: none;} .site-msg, .site-msg .close:before {color: #fff;font-weight: 300;} .site-msg.information .container {text-align: center;} /* Info msg */ .msg.msg-info {background-color: #44352E;border-color: #44352E;color: #fff;font-weight: 700;padding-block: 24px;} .msg.msg-info.--success .container>span:first-child {position: relative;--ji-icon-size: 16px;display: block;padding-left: calc(var(--ji-icon-size) + 6px);} .msg.msg-info.--success .container>span:first-child::before {content: "";display: inline-block;position: absolute;left: 0;top: 50%;margin-top: -10px;width: var(--ji-icon-size);height: var(--ji-icon-size);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23F7EEDD' d='M2.445 7.408a1.462 1.462 0 0 0-1.13 2.386l3.714 4.55a1.33 1.33 0 0 0 1.11.493c.45-.024.858-.266 1.117-.662l7.717-12.428.004-.006c.072-.111.049-.331-.1-.47a.41.41 0 0 0-.605.052L6.49 10.115a.34.34 0 0 1-.48.026l-2.583-2.35a1.46 1.46 0 0 0-.982-.383'/%3E%3C/svg%3E") no-repeat center / contain;} .msg.msg-info .container>br:last-child {display: none;} @media (max-width: 767px) { .msg.msg-info {font-size: 14px;padding-block: 16px;min-height: unset;} } /* === Header === */ #header {border-bottom: 1px solid #E2D5BC;background-color: #F7EEDD;position: relative;z-index: 65;} .search .compact-form .form-control {padding: 12px 35px 12px 16px;border-radius: 6px;} .search .compact-form .btn {position: absolute;top: 0;right: 0;font-size: 0;width: 46px;height: 46px;border: 0;background-repeat: no-repeat;background-position: center;padding: 0;background-color: transparent;background-size: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2344352E' d='m15.818 15.438-3.905-3.905c.97-1.167 1.555-2.666 1.555-4.299C13.468 3.521 10.448.5 6.734.5S0 3.521 0 7.234s3.02 6.734 6.734 6.734c1.633 0 3.132-.584 4.3-1.555l3.904 3.905c.121.121.28.182.44.182s.318-.06.44-.182c.243-.243.243-.637 0-.88M1.244 7.234c0-3.027 2.463-5.49 5.49-5.49s5.49 2.463 5.49 5.49-2.463 5.49-5.49 5.49-5.49-2.463-5.49-5.49'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .dropdown.--custom button {padding-left: 16px;border: 0;background-color: transparent;display: flex;align-items: center;} .dropdown.--custom img {max-width: 20px;} .dropdown.--custom::before {display: none;} .dropdown.--custom .dropdown-menu>li>a {padding: 10px;display: flex;align-items: center;font-weight: bold;color: #44352E;} .dropdown.--custom .dropdown-menu>li>a img {margin-right: 10px;position: relative;top: -2px;} .dropdown.--custom .dropdown-menu>li>a:before {display: none;} .ji-caret {width: 10px;height: 11px;margin-left: 4px;display: inline-flex;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' fill='none' viewBox='0 0 10 11'%3E%3Cpath fill='%2344352E' d='M9.867 2.906c-.178-.177-.465-.177-.643 0L5 7.13.776 2.906c-.178-.177-.465-.177-.643 0-.177.178-.177.465 0 .643L4.68 8.094c.085.086.2.133.321.133.12 0 .236-.047.322-.133L9.867 3.55c.177-.178.177-.465 0-.643'/%3E%3C/svg%3E");} /* Desktop header */ @media (min-width: 767px) { body {--ji-header-top-height: 88px;--ji-site-name-width: calc((var(--ji-container-width) - var(--ji-container-padding) * 2) * 0.2);} .top-navigation-bar {display: none;} .header-top {position: relative;height: var(--ji-header-top-height);padding-top: 0;padding-bottom: 0;} .header-top::after {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;bottom: -1px;z-index: 0;} .header-top>div.site-name-wrapper {flex: 0 1 20%;} .header-top>div.search {flex: 1;max-width: 400px;} .header-top>div.navigation-buttons {flex: unset;} .ordering-process .header-top>div.navigation-buttons {flex: 0;} #header .site-name {display: flex;align-items: center;} #header .site-name a img {transition: .5s;} #header .site-name a:hover img {transform: scale(1.05);} #header .navigation-add {margin-left: auto;flex: unset;display: flex;align-items: center;justify-content: flex-end;} .ordering-process #header .navigation-add__right {border-right: 0;padding-right: 0;} #header .navigation-add__right {border-right: 1px solid #E1D7C7;border-left: 1px solid #E1D7C7;min-height: 60px;display: flex;align-items: center;padding: 0 10px;margin-left: 24px;margin-right: 10px;} #header .navigation-add__right .top-nav-button {padding: 10px 15px;} #header .navigation-add__right .top-nav-button span {display: none;} #header .navigation-add__right .top-nav-button::before {content: "";display: block;width: 22px;height: 23px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath fill='%2344352E' d='M10.844 11.08c1.456 0 2.717-.547 3.747-1.624s1.552-2.394 1.552-3.917c0-1.521-.522-2.84-1.552-3.916S12.3 0 10.844 0 8.128.546 7.098 1.623 5.545 4.018 5.545 5.539c0 1.523.523 2.84 1.553 3.917s2.29 1.623 3.746 1.623M8.01 2.575c.79-.827 1.717-1.228 2.834-1.228s2.045.401 2.835 1.228c.79.826 1.175 1.796 1.175 2.963s-.384 2.138-1.175 2.964c-.79.827-1.718 1.228-2.835 1.228S8.8 9.33 8.01 8.503c-.791-.826-1.175-1.796-1.175-2.964s.384-2.137 1.175-2.963'/%3E%3Cpath fill='%2344352E' d='M20.115 17.686c-.03-.448-.09-.937-.178-1.453-.09-.52-.205-1.012-.342-1.462-.143-.464-.336-.923-.575-1.362-.248-.457-.54-.854-.866-1.18-.342-.343-.76-.618-1.245-.818-.482-.2-1.017-.301-1.589-.301-.224 0-.441.096-.86.382q-.39.266-.898.605c-.288.192-.679.371-1.16.534-.471.16-.949.24-1.42.24-.472 0-.95-.08-1.42-.24-.482-.162-.873-.342-1.16-.534-.334-.223-.636-.427-.898-.605-.42-.286-.637-.382-.861-.382-.572 0-1.107.101-1.589.3-.484.201-.902.476-1.245.818-.327.327-.618.725-.866 1.18-.239.44-.432.899-.574 1.364-.138.449-.253.94-.342 1.46-.089.516-.149 1.005-.178 1.454-.03.44-.044.897-.044 1.358 0 1.201.365 2.173 1.085 2.89C3.6 22.64 4.54 23 5.685 23H16.28c1.143 0 2.084-.359 2.795-1.066.72-.716 1.085-1.689 1.085-2.89 0-.463-.015-.92-.044-1.358m-1.93 3.271c-.47.468-1.093.695-1.907.695H5.685c-.813 0-1.437-.227-1.906-.694-.461-.459-.685-1.085-.685-1.913 0-.431.014-.857.04-1.266.027-.4.081-.84.162-1.308.08-.462.18-.896.3-1.289.116-.376.273-.749.468-1.108q.28-.515.637-.872c.22-.221.5-.402.828-.538.303-.126.645-.195 1.015-.205.045.025.126.073.256.162q.4.271.908.612c.38.254.871.483 1.457.68.6.203 1.21.306 1.817.306.606 0 1.217-.103 1.816-.305.586-.198 1.076-.427 1.458-.681.345-.231.642-.431.907-.612.13-.089.21-.137.256-.162.37.01.712.08 1.016.205.328.136.607.317.828.538.236.236.45.53.636.873.195.358.353.731.468 1.107.12.393.221.827.3 1.289.081.468.135.909.162 1.309.027.407.041.832.041 1.264 0 .83-.224 1.455-.685 1.913'/%3E%3C/svg%3E");} #header .project-phone {padding-left: 70px;position: relative;display: block;} #header .project-phone:hover span {text-decoration: underline;} #header .project-phone__image {width: 64px;height: 64px;position: absolute;left: 0;top: 50%;margin-top: -32px;} #header .project-phone__image::before {content: "";display: block;width: 64px;height: 64px;background: url(../img/people/jana-circle-128.png) no-repeat center / contain;border-radius: 50%;border: 1px solid #E1D7C7;} #header .project-phone.--on .project-phone__image::after {content: "";display: block;width: 13px;height: 13px;border-radius: 100%;background: #719D54;position: absolute;bottom: 2px;right: 2px;} #header .project-phone span {display: block;font-size: 18px;font-weight: 700;padding-left: 24px;position: relative;} #header .project-phone span::before {content: "";position: absolute;left: 0;top: 3px;width: 16px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cg fill='%2344352E' clip-path='url(%23a)'%3E%3Cpath d='M15.387 3.767c-.614-.845-1.69-1.607-3.027-2.147-1.332-.537-2.877-.834-4.352-.836s-3.023.29-4.356.823c-1.34.536-2.418 1.295-3.035 2.137-.591.81-.762 1.682-.493 2.524.175.545.684.912 1.268.913l1.998.002h.002c.398 0 .773-.174 1.027-.479.252-.3.356-.694.286-1.08l-.007-.033-.105-.409c.582-.278 1.902-.814 3.409-.806 1.505.008 2.824.544 3.407.822l-.107.407-.008.034c-.07.385.032.78.283 1.08.254.307.629.482 1.028.483l1.999.002h.002c.582 0 1.092-.366 1.268-.91.271-.841.103-1.715-.487-2.527M14.965 6c-.047.146-.195.249-.36.249l-1.998-.002c-.116 0-.223-.05-.295-.137-.04-.048-.101-.146-.081-.283l.199-.757c.054-.207-.036-.425-.221-.533-.077-.045-1.915-1.104-4.203-1.116H7.97c-2.273 0-4.098 1.054-4.175 1.1-.184.107-.274.324-.22.53l.194.758c.02.137-.042.235-.081.283-.073.086-.18.136-.295.136l-2-.002c-.164 0-.311-.103-.358-.25-.175-.546-.056-1.107.354-1.668 1.09-1.49 3.864-2.569 6.603-2.569h.015c2.742.004 5.521 1.093 6.608 2.59.41.562.527 1.125.351 1.671'/%3E%3Cpath d='m12.519 9.244-1.49-1.565c-.09-.094-.216-.148-.347-.148H9.72v-.65c0-.264-.213-.478-.477-.478s-.477.214-.477.477v.651h-1.53v-.65c0-.264-.213-.478-.477-.478-.263 0-.477.214-.477.477v.651h-.963c-.13 0-.256.054-.346.148l-1.49 1.565c-1.169 1.227-1.812 2.836-1.812 4.53v1.964c0 .264.213.478.477.478h11.706c.264 0 .478-.214.478-.478v-1.964c0-1.694-.644-3.303-1.812-4.53m-9.894 6.017v-1.487c0-1.448.55-2.823 1.548-3.872l1.35-1.416h4.955l1.35 1.416c.998 1.05 1.548 2.424 1.548 3.872v1.487z'/%3E%3Cpath d='M8 9.473c-1.377 0-2.498 1.12-2.498 2.498s1.12 2.5 2.499 2.5c1.377 0 2.498-1.122 2.498-2.5S9.38 9.473 8.001 9.473m0 4.042c-.85 0-1.543-.692-1.543-1.544 0-.85.692-1.543 1.544-1.543.851 0 1.544.692 1.544 1.543 0 .852-.693 1.544-1.544 1.544'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} #header .project-phone span::after {content: "";font-weight: 400;font-size: 14px;padding-left: 6px;} #header .project-phone .project-phone__subtitle {font-size: 14px;} #header .cart-count {display: flex;flex-direction: column;padding: 10px;align-items: center;} #header .cart-count::before {content: "";margin-right: 0;width: 28px;height: 28px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%2344352E' d='M8.094 20.744c-1.223-.062-1.2-1.783 0-1.843 3.4.012 12.367.003 15.875.006.96 0 1.78-.653 1.996-1.588l1.992-8.625c.114-.494-.001-1.006-.316-1.403s-.786-.628-1.293-.628c-1.41 0-13.39-.054-19.525-.079L5.85 2.975c-.233-.862-1.02-1.464-1.914-1.464H.821c-.454 0-.821.367-.821.82 0 .454.367.821.82.821h3.116c.154 0 .29.104.33.252L8 17.262c-.657.024-1.269.29-1.733.761-.487.495-.749 1.15-.737 1.844.025 1.389 1.174 2.518 2.563 2.518H9.29c-.178.374-.278.791-.278 1.232 0 1.584 1.289 2.872 2.873 2.872s2.872-1.288 2.872-2.872c0-.44-.1-.858-.277-1.232h5.182c-.178.374-.277.79-.277 1.231 0 1.584 1.288 2.873 2.872 2.873s2.873-1.289 2.873-2.873c0-.457-.108-.89-.299-1.274.325-.11.56-.416.56-.777 0-.454-.368-.821-.822-.821zm5.023 2.873c0 .679-.552 1.23-1.231 1.23-.68 0-1.232-.551-1.232-1.23s.552-1.231 1.23-1.232h.003c.678.001 1.23.553 1.23 1.232m9.141 1.23c-.678 0-1.23-.552-1.23-1.23 0-.673.54-1.22 1.21-1.232h.04c.67.011 1.212.559 1.212 1.231 0 .68-.553 1.232-1.232 1.232M26.355 8.31q.005.008.003.014l-.84 3.635h-2.842l.484-3.668 3.182.013q.006-.002.013.006m-8.462 8.955V13.6h2.91l-.483 3.665zm-4.07 0-.488-3.665h2.916v3.665zm-3.779 0h-.002c-.2 0-.376-.135-.428-.327l-.9-3.338h2.965l.488 3.665zm3.073-5.306-.494-3.71 3.628.015v3.695zm4.776 0V8.27l3.612.015-.485 3.674zm-6.927-3.717.495 3.717H8.27L7.267 8.227zm13.003 9.023h-1.993l.483-3.665h2.68l-.773 3.35c-.043.186-.206.315-.397.315'/%3E%3C/svg%3E");} #header .cart-count .cart-price {font-size: 16px;font-weight: 700;white-space: nowrap;} #header .cart-count:not(.full) .cart-price {font-size: 12px;margin-bottom: -5px;} #header .cart-price::after {content: "";display: inline-flex;width: 10px;height: 11px;margin-left: 4px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' fill='none' viewBox='0 0 10 11'%3E%3Cpath fill='%2344352E' d='M9.867 2.906c-.178-.177-.465-.177-.643 0L5 7.13.776 2.906c-.178-.177-.465-.177-.643 0-.177.178-.177.465 0 .643L4.68 8.094c.085.086.2.133.321.133.12 0 .236-.047.322-.133L9.867 3.55c.177-.178.177-.465 0-.643'/%3E%3C/svg%3E");} #header .cart-count i {background-color: #BE1A46;width: 22px;height: 22px;padding: 0;line-height: 22px;text-align: center;font-size: 16px;font-weight: bold;left: 50%;margin-left: 5px;top: 4px;} body:is(.id--16, .id--17) .header-top>div.search {display: none;} body:is(.id--16, .id--17) #navigation {display: none;} } @media (min-width: 768px) and (max-width: 1439px) { body {--ji-site-name-width: calc((var(--ji-container-width) - var(--ji-container-padding) * 2) * 0.15);} .header-top>div.search {flex: 1;max-width: 330px;} .header-top>div.site-name-wrapper {flex: 0 1 15%;padding-right: 20px;} } @media (min-width: 768px) and (max-width: 1199px) { #header .project-phone::before {display: none;} #header .project-phone__image {display: none;} #header .project-phone {padding-left: 20px;} #header .project-phone span::after {display: block;padding-left: 0;} .header-top>div.navigation-buttons {flex: unset;} } @media (min-width: 768px) and (max-width: 991px) { body {--ji-site-name-width: calc((var(--ji-container-width) - var(--ji-container-padding) * 2) * 0.25);} #header .project-phone {display: none;} #header .navigation-add__right {margin-left: 10px;padding: 0;border-left: 0;} .header-top>div.site-name-wrapper {flex: 0 0 25%;} } /* Mobile header */ @media (max-width: 767px) { body {--ji-header-top-height: 68px;--ji-widget-fixed-top: calc(var(--ji-site-msg-height) + var(--ji-header-top-height) + var(--ji-widget-fixed-top-offset, 0px));} body.ji-fixed-header {--ji-widget-fixed-top: var(--ji-header-top-height);} .overall-wrapper {padding-top: 0px!important;} .type-index .overall-wrapper {padding-top: 0;} .top-navigation-bar {display: none;} #header {position: unset;margin-bottom: 16px;border: 0;transform: unset;} /* breadcrumbs have their own top spacing */ body:has(.breadcrumbs) #header {margin-bottom: 0;} #header .container {position: unset;padding-inline: 0;} #header .navigation-add {display: none;} #header .header-top {display: flex;padding-inline: var(--ji-container-padding);z-index: 100;min-height: var(--ji-header-top-height);background: #F7EEDD;align-items: center;} .ji-fixed-header #header .header-top {position: fixed;left: 0;top: 0;width: 100%;} .ji-fixed-header #header .ji-header-top-marker {padding-bottom: var(--ji-header-top-height);} #header .site-name {transform: none !important;position: unset;display: block;} #header .site-name>a {height: unset;display: flex;} #header .site-name>a::before {content: "";display: inline-block;width: 99px;height: 40px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='99' height='40' fill='none' viewBox='0 0 99 40'%3E%3Cpath fill='%2344352E' d='M0 39.875c0-.188 0-.354.02-.52 0-.147.042-.272.083-.376.33-.02.577-.083.763-.187a.78.78 0 0 0 .371-.5c.082-.23.103-.563.103-1v-7.5c0-.438-.041-.792-.103-1.021q-.123-.344-.371-.5c-.186-.104-.433-.167-.763-.188a1.1 1.1 0 0 1-.082-.395v-.5c.226 0 .474.02.742.02H4c.247 0 .515 0 .762-.02v.5c0 .166-.04.291-.082.395-.31.021-.577.084-.763.188a.8.8 0 0 0-.392.5c-.082.229-.103.562-.103 1.02v7.5c0 .438.042.772.103 1 .083.23.207.397.392.5.186.105.454.167.763.188.041.104.062.23.082.375v.521c-.35-.02-.721-.042-1.113-.042H1.175c-.433 0-.825 0-1.154.042zm3.299-5.917v-1.02h5.463v.895H5.999c-.536 0-1.01.021-1.505.042-.474 0-.886.042-1.216.063l.02.02Zm4.02 5.917c0-.188 0-.354.02-.52 0-.147.042-.272.083-.376.33-.02.598-.083.763-.187a.78.78 0 0 0 .37-.5c.063-.23.104-.563.104-1v-7.5c0-.438-.041-.792-.103-1.021a.78.78 0 0 0-.371-.5c-.186-.104-.433-.167-.763-.188-.041-.104-.062-.25-.083-.395 0-.146-.02-.313-.02-.5.227 0 .474.02.742.02h3.257c.248 0 .516 0 .763-.02v.5c0 .166-.041.291-.082.395-.31.021-.578.084-.763.188s-.31.27-.392.5c-.062.229-.103.562-.103 1.02v7.5c0 .438.041.772.103 1 .083.23.206.397.392.5.185.105.433.167.763.188.041.104.062.23.082.375 0 .167.02.334.02.521-.35-.02-.741-.042-1.133-.042H8.515c-.433 0-.825 0-1.176.042zm6.659-12.667c.206 0 .454.021.742.021h2.618v9.834c0 .479.042.833.124 1.104a.81.81 0 0 0 .495.541c.247.105.577.146 1.01.146l-.103.938h-3.958c-.413 0-.722 0-.949.02v-.52c0-.146.041-.271.083-.375.33-.021.598-.084.763-.188.185-.104.309-.291.391-.541s.103-.646.103-1.126V29.75c0-.438-.04-.792-.103-1.02-.082-.23-.206-.397-.391-.5-.186-.105-.433-.168-.763-.188a2 2 0 0 1-.083-.417v-.48l.02.063Zm8.514 0c.021.271.062.605.083.959.041.375.082.729.124 1.083.04.354.103.667.165.938a1.1 1.1 0 0 1-.413.187q-.247.063-.556.063a3.5 3.5 0 0 0-.31-1.125q-.247-.532-.866-.875c-.412-.23-.99-.355-1.752-.355h-2.04l.432-.833h2.453c.68 0 1.258 0 1.69-.02.434-.022.764 0 .99 0zm-1.195 4.23c0 .312-.02.645-.02 1v2.166c0 .396 0 .73.02 1.063-.186 0-.35 0-.516-.021-.144 0-.309-.042-.453-.084-.041-.624-.206-1.041-.495-1.27-.268-.23-.783-.334-1.505-.334H17.05v-.895h1.278c.742 0 1.237-.105 1.526-.292.268-.188.412-.584.433-1.167q.248-.093.494-.125c.165-.02.33-.02.495-.02l.02-.021Zm1.257 5.083q.34.062.557.187c.144.084.289.167.412.271a8.6 8.6 0 0 0-.33 1.396c-.082.52-.165 1-.226 1.458h-4.062l.103-.937h.145c.804 0 1.422-.084 1.855-.271.433-.188.742-.438.97-.792.226-.354.411-.77.597-1.291l-.02-.021Zm10.7 3.459c-.226-.397-.412-.73-.556-1.022-.145-.27-.289-.541-.413-.812-.123-.25-.268-.542-.433-.813a28 28 0 0 0-.639-1.187 11 11 0 0 0-.721-1.042 15 15 0 0 0-1.01-1.125l.577.23h-1.67v-.959a8 8 0 0 1 .495.063c.123.02.268 0 .433 0 .618 0 1.195-.105 1.69-.292.495-.188.907-.48 1.216-.875.31-.396.454-.917.454-1.542 0-.75-.227-1.354-.66-1.812-.433-.459-1.175-.688-2.206-.688-.247 0-.494 0-.7.042-.207.041-.434.062-.66.125l.082-.292v9.25c0 .438.041.792.103 1.042.083.25.206.416.371.52.165.084.413.147.701.167.042.105.062.25.083.417.02.167 0 .313 0 .48a10 10 0 0 0-.825-.042h-2.701c-.433 0-.824 0-1.113.041v-.479c0-.146.041-.292.082-.417.33-.02.598-.083.763-.187.186-.104.31-.271.392-.5.082-.23.103-.563.103-1v-7.5c0-.438-.041-.792-.103-1.021-.082-.23-.206-.396-.392-.5-.185-.104-.433-.146-.762-.167a3 3 0 0 1-.083-.437v-.438c.206 0 .536.021.99.021h4.536c.948 0 1.731.146 2.329.417.598.27 1.051.646 1.34 1.125q.433.718.433 1.625c0 .604-.144 1.146-.412 1.625-.269.479-.66.875-1.155 1.208-.495.334-1.072.542-1.752.688l.144-.23q.526.47.866.938c.247.292.474.646.742 1.042.247.395.557.916.907 1.541.227.417.454.75.64 1 .205.25.412.417.68.521a3 3 0 0 0 1.01.209v.458c0 .146-.041.291-.083.437-.536 0-1.072 0-1.608.021-.536 0-1.03.063-1.464.146l-.04-.02Zm4.577-12.772c.247 0 .536.021.907.042.371.02.701 0 1.01 0h2.866c.804 0 1.526.083 2.124.25s1.092.438 1.443.833c.35.396.515.938.515 1.646 0 .771-.247 1.459-.721 2-.475.563-1.134.896-1.98 1.042.68.041 1.3.166 1.835.375.536.208.97.541 1.279 1 .309.437.474 1.041.474 1.791 0 .688-.165 1.292-.474 1.855q-.465.843-1.485 1.312c-.68.313-1.567.48-2.68.48h-4.123c-.433 0-.784 0-1.052.02v-.52c0-.147.041-.272.083-.376.33-.02.598-.083.763-.187.185-.104.309-.292.391-.542s.124-.646.124-1.125v-7.312c0-.438-.041-.792-.103-1.021-.083-.23-.206-.396-.392-.5-.185-.104-.433-.167-.763-.188a2 2 0 0 1-.082-.416c-.02-.167 0-.313 0-.48zm3.381.709v9.229c0 .5.041.896.144 1.146.104.25.268.437.516.52q.37.126.99.126c.824 0 1.443-.23 1.855-.667s.598-1.063.598-1.834q0-.843-.31-1.374a2.1 2.1 0 0 0-.845-.813 4.5 4.5 0 0 0-1.195-.396 7 7 0 0 0-1.32-.104h-.742v-.896h.886c.743 0 1.3-.104 1.691-.333.392-.209.68-.5.845-.854.165-.355.248-.73.248-1.146 0-.604-.145-1.084-.413-1.438a2.1 2.1 0 0 0-1.01-.729 3.3 3.3 0 0 0-1.175-.208c-.165 0-.33 0-.495.041-.144.021-.33.063-.536.125l.248-.395zm13.421 7.729H53.19l-3.278-6.438c-.206-.395-.391-.666-.577-.833s-.453-.25-.763-.25a1.6 1.6 0 0 1-.082-.438v-.437h3.896c.31 0 .557 0 .763-.02v.437c0 .125-.041.25-.082.416-.474.042-.722.188-.784.417-.062.23.041.604.289 1.104.31.604.639 1.292 1.01 2.084.35.77.722 1.583 1.072 2.416h-.124c.371-.854.722-1.646 1.052-2.354s.639-1.354.907-1.917c.31-.625.412-1.041.33-1.27-.083-.23-.371-.375-.845-.438-.042-.146-.062-.292-.083-.438a3 3 0 0 1-.041-.437c.227 0 .515.02.866.02h1.793c.289 0 .536 0 .763-.02 0 .146 0 .292-.02.417 0 .125-.042.27-.062.416-.31.084-.598.25-.887.563-.288.312-.577.75-.886 1.375l-2.742 5.646-.041-.021Zm.29-.73v1.792c0 .646.04 1.125.102 1.417s.206.5.413.604c.206.104.536.188.948.25.041.125.082.25.103.417s.02.312.02.479c-.412 0-.845-.02-1.298-.042-.454-.02-.866 0-1.279 0h-2.721c0-.166 0-.312.02-.458 0-.146.042-.292.083-.417a4 4 0 0 0 1.031-.208q.34-.124.433-.563c.062-.291.103-.729.103-1.312v-1.98h2.02l.021.022Zm5.153-7.708c.145 0 .31.021.516.021h3.278c.309 0 .556 0 .804-.02v.437c0 .166-.042.312-.083.458q-.65.063-.927.188c-.186.083-.269.27-.248.541.02.271.124.688.31 1.23.226.708.474 1.479.742 2.291.247.834.515 1.646.762 2.5.248.834.495 1.646.701 2.396h-.474l3.402-10.042c.103-.041.247-.062.392-.083h.515c.412 1.063.825 2.167 1.237 3.333.412 1.146.845 2.292 1.257 3.438.413 1.146.805 2.25 1.176 3.333h-.433l2-6.458c.288-.938.35-1.584.206-1.959q-.217-.562-1.114-.687c-.04-.146-.082-.292-.103-.458 0-.167-.02-.313-.02-.438.247 0 .536.021.866.042h1.896c.33 0 .619-.021.866-.042 0 .146 0 .292-.02.438 0 .145-.062.291-.124.437a1.1 1.1 0 0 0-.536.334c-.145.166-.31.437-.454.791s-.33.896-.556 1.563l-2.784 9.083a2.3 2.3 0 0 1-.433.083c-.165 0-.33.021-.494.021-.371-1.062-.763-2.146-1.155-3.25-.412-1.104-.804-2.229-1.216-3.333-.413-1.125-.825-2.209-1.217-3.25h.248l-3.258 9.75s-.165.041-.288.062c-.124.021-.227.021-.35.042h-.33c-.495-1.646-.99-3.292-1.505-4.917-.516-1.625-1.01-3.229-1.526-4.791-.227-.667-.392-1.146-.536-1.459-.145-.312-.268-.479-.392-.562s-.31-.125-.515-.167a3 3 0 0 1-.083-.437c-.02-.146 0-.313 0-.459m22.781-.062 4.31 9.979c.226.48.39.854.535 1.125.145.27.289.438.433.542s.31.166.495.208c.041.167.082.313.082.438v.458c-.144 0-.35 0-.618-.021h-3.835c0-.167 0-.333.02-.5 0-.146.063-.292.104-.396.495-.083.783-.187.866-.375.082-.166 0-.541-.227-1.083l-2.35-5.563a13 13 0 0 1-.495-1.208c-.124-.354-.289-.77-.433-1.23h.186c-.145.48-.289.918-.413 1.293-.123.375-.268.75-.391 1.125l-1.938 5.125c-.248.666-.31 1.124-.227 1.416.103.292.392.459.886.5.042.125.083.25.103.417 0 .146.021.312.021.479-.144 0-.31 0-.515-.02H77.29c-.289 0-.516.02-.68.04 0-.145 0-.29.02-.458 0-.145.062-.291.103-.437q.34-.063.557-.25c.144-.125.289-.333.433-.604s.31-.667.495-1.146l3.814-9.77c.144-.022.268-.043.391-.063h.433zm1.464 7.833.206.896c-.824 0-1.69 0-2.618.02-.928 0-1.773.042-2.556.084l.288-1zm10.04.667h-1.443l-3.278-6.438c-.206-.395-.392-.666-.577-.833-.186-.167-.454-.25-.763-.25-.041-.146-.082-.292-.082-.438v-.437h3.896c.31 0 .557 0 .763-.02v.437c0 .125-.041.25-.082.416-.475.042-.722.188-.784.417-.062.23.041.604.289 1.104.309.604.639 1.292 1.01 2.084.35.77.721 1.583 1.072 2.416h-.124c.371-.854.722-1.646 1.052-2.354s.639-1.354.907-1.917c.309-.625.412-1.041.33-1.27-.083-.23-.371-.375-.846-.438-.04-.146-.061-.292-.082-.438a3 3 0 0 1-.041-.437c.227 0 .515.02.866.02h1.793c.289 0 .536 0 .763-.02 0 .146 0 .292-.02.417 0 .125-.042.27-.063.416-.309.084-.597.25-.886.563s-.577.75-.887 1.375l-2.742 5.646-.04-.021Zm.31-.73v1.792c0 .646.04 1.125.103 1.417.061.292.206.5.412.604s.536.188.948.25c.042.125.083.25.103.417.021.166.021.312.021.479-.412 0-.845-.02-1.299-.042-.453-.02-.866 0-1.278 0H90.96c0-.166 0-.312.02-.458 0-.146.041-.292.083-.417a4 4 0 0 0 1.03-.208q.341-.124.433-.563c.062-.291.103-.729.103-1.312v-1.98h2.02l.022.022ZM43.212 18.625c-2.227.042-4.474.458-6.72.583l-4.619 1.521-1.464.521c-2.453.5-4.948 1.563-7.504 2.02-.371.063-2.412.418-2.619.355a.3.3 0 0 1-.185-.27c-.02-.48.948-.334 1.258-.376 1.731-.208 4.947-.729 6.494-1.416 1.278-.563 2.824-3.021 3.216-4.334.186-.604-.041-1.125-.082-1.708-.083-1.25.309-2.521 1.278-3.334.391.626.391 1.542.288 2.271-.185 1.271-1.051 1.875-1.381 2.938-.02.083-.103.229 0 .27.289-.416.619-.812.948-1.208.33-.354.887-.791 1.134-1.125.35-.458.557-1.208.949-1.729 1.175-1.5 3.298-2.25 5.112-2.604-.04 1.23-1.175 2.583-2.185 3.23-1.01.645-1.814.687-2.948.957-.887.209-1.69 1.084-2.247 1.813-.289.354-.619.875-.866 1.27-.062.084-.165.147-.103.293.639-.75 1.175-1.521 2.082-1.98.144-.062.68-.333.783-.333l1.279-.188c-.041.48-.433 1.125-.722 1.542-.598.896-1.794 1.98-2.927 2.021-.371 0-.825-.23-1.114-.104l-1.463 1.77c.494-.124.99-.229 1.463-.374 3.65-1.084 8.886-2.792 11.628-5.48.33-.333 1.093-1.083 1.175-1.5.145-.729.062-1.541.248-2.333.309-1.333 1.422-3 2.288-4.041.103-.125.763-.917.907-.813.31 2.313-.082 5.146-2.04 6.646-.351.27-1.011.541-1.28.833-.164.167-.267.5-.453.709-.268.333-.577.624-.845.958.062.083.227 0 .289-.042 1.793-.729 3.03-1.896 4.576-2.979.33-.23.97-.48 1.155-.792.144-.27.433-1.479.371-1.77-.041-.209-.495-.73-.598-1.126-.227-.895.165-3.124 1.01-3.583.124-.062.124.042.165.125.495 1.021.619 2.688.248 3.75-.124.334-.392.688-.474.959-.083.25-.268 1.208-.31 1.479 0 .104 0 .229.124.146.103-.063.619-.688.742-.834.433-.52.784-1.104 1.196-1.625.185-.229.536-.458.66-.708.144-.313.144-.917.227-1.292.432-1.833 1.608-3.542 3.504-4.083.083.396-.185.729-.288 1.083-.35 1.167-.454 2.23-1.32 3.167-.742.812-1.793 1.146-2.556 1.979-.124.146-1.01 1.313-1.031 1.396-.02.104.041.146.124.083.742-.562 1.463-1.146 2.185-1.729.495-.417 1.216-1.27 1.794-1.5.577-.23.865-.063 1.34-.646.969-1.208.474-2.417.969-3.77.103-.272 1.154-1.917 1.32-2 .205-.084.411.645.453.791.185.833.165 1.73-.186 2.52-.474 1.105-1.567 1.48-2.268 2.397.949-.084 1.815-.854 2.474-1.521 1.114-1.104 1.464-2.48 2.474-3.688.68-.812 1.588-1.687 2.557-2.083-.103 1.646-.949 3.458-2.392 4.313-.536.333-1.237.479-1.732.812-.618.417-1.133 1.27-1.793 1.708l1.608-.5c1.732-.354 3.257 0 4.639 1.104.02.209-1.815.792-2.103.875-1.217.355-2.268.584-3.526.292-.866-.208-1.195-.708-2.206-.646-.866.063-1.422.125-2.082.688-1.01.854-1.938 1.854-3.03 2.625l-.825.541c.185-.02.37 0 .556 0 1.444-.124 1.959-1.062 3.258-1.395.7-.167 2.639 0 3.237.396.268.166-.35.645-.495.75-.887.729-1.815 1.083-2.969.916-.618-.104-1.402-.583-1.917-.583s-1.835.208-2.33.333c-1.402.375-2.721 1.75-3.958 2.48 0 .124.185.062.268.041.639-.125 1.278-.667 1.979-.833 1.32-.313 3.505.083 4.494 1.083.145.146.33.25.124.417s-1.526.541-1.856.604c-.927.166-1.938.083-2.803-.292-.784-.333-1.175-.958-2.083-.729-1.752.417-5.587 2.542-7.277 3.52-.083.043-.206.063-.186.168 2.02-.146 4.02-.396 6.04-.521 2.846-.167 5.835 0 8.66-.292 1.113-.104 4-.438 4.865-.917.35-.187 1.423-.979 1.567-1.333.124-.27.041-1.125.082-1.52.227-2.355 1.567-3.918 3.918-4.293-.207 1.98-.557 3.834-2.186 5.146-.824.646-1.71 1.104-2.577 1.834-.082.062-.185 0-.123.208.907-.354 2.102-.333 3.01-.625.68-.208 1.649-1.125 2.412-1.375.206-.438.33-.938.515-1.396.68-1.562 2.062-2.958 3.752-3.375-.309 1.25-.783 2.542-1.67 3.459-1.154 1.166-2.804 1.5-4.144 2.374-.103.063-.206 0-.144.188 1.175-.292 2.412-.458 3.629-.625.453-.063 1.01 0 1.484-.146.392-.146.598-.75.825-1.02.783-.98 1.793-1.584 3.092-1.25-.288.874-.825 1.666-1.65 2.062-.102.062-.659.146-.247.229.578.125 2 .167 2.516-.042.247-.104.639-.625.886-.854 1.732-1.562 3.629-1.604 5.752-.916.103.104-.35.52-.433.624-1.072 1.105-2.288 1.855-3.896 1.73-.598-.042-1.402-.375-1.959-.375-.31 0-.763.104-1.093.166 0 0-.082-.062-.165-.062v.146l3.505 1.458c.041.188 0 .125-.082.167-1.464.791-4.288.229-5.71-.542-.64-.354-1.094-.854-1.856-.958-2.227-.271-4.742.645-6.969.833l-.247.146c.453.062 1.402.791 1.752.812.413.042 1.134-.187 1.608-.229 2.165-.166 4.557 1.084 6.04 2.604a10.26 10.26 0 0 1-4.885-.52c-1.752-.667-3.381-2.563-5.34-2.438-1.464.083-3.01.542-4.474.75-.164.02-.432-.104-.474.146 1.01.146 2.124.02 3.051.416 1.258.521 3.01 2.125 3.423 3.438.288.896.206.854-.598.646-1.134-.292-3.01-1.25-3.65-2.25-.288-.459-.432-1.271-.7-1.625-.413-.521-2.35-.563-2.99-.563-1.979 0-4.143.125-6.123.209-.412 0-.824.041-1.216.104l-1.113.041zm23.379-2.75c.268 0 .557.02.845-.02-.33-.272-.845-.084-1.216-.043 0 .126.268.063.371.063M55.706 7.729c.268-.062.721-.27.865-.5l-1.133.48c0 .124.185.062.267.041v-.02Z'/%3E%3C/svg%3E") no-repeat center / contain;} #header .site-name>a img {display: none;} #header .navigation-buttons {display: flex;flex-flow: row wrap;flex: unset;margin-left: auto;margin-right: -5px;gap: 10px;} #header .navigation-buttons>a {padding: 5px;display: inline-flex;margin: 0;background: unset;border-radius: unset;width: unset;height: unset;position: relative;inset: unset;transform: unset !important;height: 34px;align-items: center;} #header .navigation-buttons>a::before {content: "";display: inline-block;background: no-repeat center / contain;border-radius: 0;margin: 0;} #header .navigation-buttons .project-phone::before {width: 24px;height: 24px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2344352E' d='M23.08 4.9c-.92-1.267-2.533-2.41-4.54-3.22C16.542.875 14.223.43 12.011.427 9.797.42 7.476.862 5.478 1.66 3.467 2.464 1.85 3.603.926 4.867.038 6.081-.218 7.39.186 8.652a1.98 1.98 0 0 0 1.901 1.37l2.998.003h.003c.598 0 1.16-.262 1.541-.718a1.97 1.97 0 0 0 .418-1.67l-.158-.613c.874-.417 2.853-1.222 5.113-1.21 2.259.012 4.237.817 5.111 1.234l-.16.61a1.97 1.97 0 0 0 .413 1.673c.38.458.943.72 1.542.722l2.998.003h.003c.874 0 1.638-.549 1.902-1.365.407-1.262.154-2.572-.73-3.79Zm-.632 3.35a.56.56 0 0 1-.54.373L18.91 8.62a.57.57 0 0 1-.443-.205.54.54 0 0 1-.12-.425l.297-1.134a.716.716 0 0 0-.33-.8c-.116-.068-2.873-1.657-6.304-1.674h-.057c-3.41 0-6.146 1.581-6.262 1.649a.716.716 0 0 0-.331.796l.292 1.136a.54.54 0 0 1-.122.425.57.57 0 0 1-.442.204h-.001L2.089 8.59a.56.56 0 0 1-.539-.375c-.262-.82-.083-1.662.532-2.503C3.716 3.477 7.88 1.86 11.987 1.86h.022c4.113.006 8.282 1.639 9.913 3.883.613.845.79 1.689.526 2.508Z'/%3E%3Cpath fill='%2344352E' d='m18.777 13.116-2.235-2.347a.72.72 0 0 0-.519-.223H14.58V9.57a.716.716 0 1 0-1.433 0v.976h-2.293V9.57a.716.716 0 0 0-1.432 0v.976H7.976a.72.72 0 0 0-.519.223l-2.235 2.347a9.8 9.8 0 0 0-2.718 6.795v2.946c0 .396.32.716.716.716h17.56c.395 0 .715-.32.715-.716v-2.946a9.8 9.8 0 0 0-2.718-6.795m-14.84 9.025v-2.23c0-2.172.824-4.234 2.322-5.807l2.024-2.125h7.433l2.024 2.125a8.4 8.4 0 0 1 2.323 5.807v2.23z'/%3E%3Cpath fill='%2344352E' d='M12.002 13.46a3.75 3.75 0 0 0-3.748 3.747 3.75 3.75 0 0 0 3.748 3.749 3.75 3.75 0 0 0 3.748-3.749 3.75 3.75 0 0 0-3.748-3.748Zm0 6.063a2.32 2.32 0 0 1-2.316-2.316 2.32 2.32 0 0 1 2.316-2.315 2.32 2.32 0 0 1 2.316 2.315 2.32 2.32 0 0 1-2.316 2.316'/%3E%3C/svg%3E");} #header .navigation-buttons .project-phone.--on::after {content: "";display: block;width: 11px;height: 11px;border-radius: 100%;background: #719D54;position: absolute;bottom: 1px;right: 1px;} #header .navigation-buttons .project-phone span {display: none;} #header .navigation-buttons .ji-header-account-btn::before {width: 22px;height: 23px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' fill='none' viewBox='0 0 22 24'%3E%3Cg fill='%2344352E' clip-path='url(%23a)'%3E%3Cpath d='M10.844 11.58c1.456 0 2.716-.547 3.747-1.624s1.552-2.394 1.552-3.917c0-1.521-.522-2.84-1.553-3.916S12.3.5 10.844.5s-2.717.546-3.747 1.623-1.552 2.395-1.552 3.916c0 1.523.522 2.84 1.552 3.917s2.291 1.623 3.747 1.623ZM8.009 3.075c.79-.827 1.718-1.228 2.835-1.228s2.044.401 2.835 1.228c.79.826 1.175 1.796 1.175 2.963s-.385 2.138-1.175 2.964-1.718 1.228-2.835 1.228-2.044-.4-2.835-1.227c-.79-.826-1.175-1.796-1.175-2.964s.385-2.137 1.175-2.963Zm12.106 15.111c-.03-.448-.09-.937-.178-1.453-.09-.52-.205-1.012-.342-1.462a7.4 7.4 0 0 0-.575-1.362 5.1 5.1 0 0 0-.866-1.18 3.8 3.8 0 0 0-1.245-.818c-.482-.2-1.017-.301-1.589-.301-.224 0-.441.096-.86.382q-.39.266-.898.605c-.288.192-.679.371-1.16.534-.471.16-.949.24-1.42.24a4.4 4.4 0 0 1-1.42-.24c-.482-.162-.873-.342-1.16-.534q-.503-.336-.898-.605c-.42-.286-.637-.382-.861-.382a4.1 4.1 0 0 0-1.589.3c-.484.201-.902.476-1.245.818a5.1 5.1 0 0 0-.866 1.18c-.239.44-.432.899-.574 1.364-.138.449-.253.94-.342 1.46a14 14 0 0 0-.178 1.454c-.03.44-.044.897-.044 1.358 0 1.201.365 2.173 1.085 2.89.71.707 1.651 1.066 2.795 1.066H16.28c1.143 0 2.084-.359 2.795-1.066.72-.716 1.085-1.689 1.085-2.89 0-.463-.015-.92-.044-1.358Zm-1.93 3.271c-.47.468-1.093.695-1.907.695H5.685c-.813 0-1.437-.227-1.906-.694-.461-.459-.685-1.085-.685-1.913 0-.431.014-.857.04-1.266.027-.4.081-.84.162-1.308.08-.462.18-.896.3-1.289.116-.376.273-.749.468-1.108q.28-.515.637-.872c.22-.221.5-.402.828-.538a2.9 2.9 0 0 1 1.015-.205c.045.025.126.073.256.162q.4.271.908.612c.38.254.871.483 1.457.68.6.203 1.21.306 1.817.306.606 0 1.217-.103 1.816-.305.586-.198 1.076-.427 1.458-.681.345-.231.642-.431.907-.612.13-.089.21-.137.256-.162.37.01.712.08 1.016.205.328.136.607.317.828.538.236.236.45.53.636.873.195.358.353.731.468 1.107.12.393.221.827.3 1.289.081.468.135.909.162 1.309.027.407.041.832.041 1.264 0 .83-.224 1.455-.685 1.913'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h22v23H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} #header .navigation-buttons .cart-count::before {width: 22px;height: 22px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none' viewBox='0 0 22 23'%3E%3Cpath fill='%2344352E' d='M6.36 17.558a.691.691 0 0 1 0-1.382c2.67.009 9.716.002 12.473.004.754 0 1.399-.49 1.568-1.19l1.565-6.47c.09-.37 0-.754-.248-1.052a1.32 1.32 0 0 0-1.016-.471c-1.109 0-10.52-.04-15.341-.06l-.764-2.706c-.184-.646-.802-1.098-1.504-1.098H.645c-.356 0-.645.275-.645.615s.289.616.645.616h2.448c.12 0 .227.078.259.188l2.934 10.394a2.05 2.05 0 0 0-1.36.571 1.86 1.86 0 0 0-.58 1.383c.02 1.042.922 1.889 2.014 1.889h.94c-.14.28-.218.593-.218.923 0 1.188 1.012 2.155 2.257 2.155 1.244 0 2.257-.967 2.257-2.155 0-.33-.079-.643-.218-.923h4.072c-.14.28-.218.593-.218.923 0 1.188 1.012 2.154 2.257 2.154 1.244 0 2.257-.966 2.257-2.154 0-.343-.085-.668-.235-.956a.62.62 0 0 0 .44-.583c0-.34-.29-.615-.646-.615zm3.946 2.154c0 .51-.434.924-.967.924-.534 0-.968-.415-.968-.924s.434-.923.967-.923h.002c.533 0 .966.414.966.923m7.183.923c-.534 0-.968-.414-.968-.923 0-.504.426-.915.952-.923h.032c.526.008.951.419.951.923 0 .51-.434.923-.967.923m3.218-12.403q.005.007.002.01l-.659 2.727h-2.233l.38-2.75 2.5.009q.005-.001.01.004M14.06 14.95V12.2h2.287l-.38 2.75zm-3.198 0-.383-2.75h2.29v2.75zm-2.969 0H7.89a.35.35 0 0 1-.336-.246L6.847 12.2h2.33l.383 2.749zm2.414-3.98-.388-2.783 2.85.011v2.772zm3.753 0V8.202l2.838.011-.38 2.756H14.06ZM8.616 8.18l.389 2.788H6.499L5.71 8.17l2.907.011Zm10.217 6.768h-1.566l.38-2.75h2.105l-.608 2.513a.316.316 0 0 1-.311.237'/%3E%3C/svg%3E");} #header .navigation-buttons .cart-count i {background-color: #BE1A46;width: 13px;height: 13px;padding: 0;line-height: 13px;text-align: center;font-size: 12px;font-weight: 700;left: 50%;margin-left: 5px;top: 4px;} #header .navigation-buttons .cart-count .cart-price {display: none;} #header .navigation-buttons .ji-header-nav-btn-sep {height: 24px;display: inline-block;margin-inline: 9px;border-left: 1px solid #E1D7C7;} #header .navigation-buttons .ji-header-nav-btn::before {width: 26px;height: 28px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' fill='none' viewBox='0 0 26 28'%3E%3Cpath stroke='%2344352E' stroke-width='2' d='M3 3h20M3 9h20m-13 6h13'/%3E%3Cpath fill='%2344352E' d='M.464 26.03q0-.15.01-.27.02-.12.05-.21.4-.02.54-.19.14-.18.14-.68v-1.82q0-.27-.05-.43a.36.36 0 0 0-.2-.24q-.16-.08-.49-.09 0-.12.02-.22a.8.8 0 0 1 .07-.21 4 4 0 0 0 .49-.06q.28-.06.54-.13a3 3 0 0 0 .4-.15q.09.03.16.13.08.1.08.31 0 .16-.03.37-.02.21-.08.63l-.09.01q.15-.41.22-.55a.8.8 0 0 1 .12-.2q.171-.23.54-.46.38-.24.88-.24.43 0 .78.2.36.19.53.63.06.14.06.36h-.04q.11-.29.25-.46.17-.22.53-.45t.86-.23q.41 0 .74.16t.52.52q.2.36.2.97v1.57q0 .38.06.58t.18.28q.13.07.34.09.03.1.04.22.01.11.01.26a9 9 0 0 0-.52-.03h-1.05a10 10 0 0 1-.44.01l-.38.02q0-.16.01-.27.01-.12.04-.21a1 1 0 0 0 .4-.1.41.41 0 0 0 .2-.28q.06-.2.06-.55v-1.36q0-.69-.24-.93a.8.8 0 0 0-.61-.25.9.9 0 0 0-.51.17q-.25.16-.41.53-.16.36-.16.95v.94q0 .51.15.69.15.17.52.19.03.09.04.21.02.12.02.27a12 12 0 0 0-.59-.03h-1.3q-.33.01-.6.03 0-.15.01-.27t.04-.21a1 1 0 0 0 .4-.1q.15-.08.21-.28t.06-.57v-1.4q0-.67-.24-.92a.83.83 0 0 0-.63-.25.85.85 0 0 0-.5.18q-.25.17-.41.54-.16.36-.16.94v.98q0 .5.14.68t.53.2q.03.1.04.22.01.11.01.26l-.39-.02q-.219 0-.45-.01h-.84q-.23.01-.45.01-.22.01-.38.02m11.274.06q-.75 0-1.24-.32-.48-.32-.73-.86-.24-.54-.24-1.19 0-.66.26-1.2t.74-.86q.49-.33 1.15-.33.669 0 1.08.28.41.28.61.75.21.47.24 1.06a.77.77 0 0 1-.17.38h-.55q-.34 0-.77.01-.42 0-.87.02-.44.01-.83.03v-.55h2.06q0-.66-.23-1.06-.22-.4-.64-.4-.24 0-.46.15t-.36.51q-.14.35-.14.98 0 .5.13.96.13.45.44.74.31.28.88.28.33 0 .65-.14a1.7 1.7 0 0 0 .58-.4.4.4 0 0 1 .15.15.44.44 0 0 1 .09.21 2.05 2.05 0 0 1-.81.62q-.45.18-1.02.18m3.363-2.21v-1.04q0-.26-.05-.41a.36.36 0 0 0-.2-.24q-.16-.08-.49-.09 0-.12.02-.23a.7.7 0 0 1 .07-.2q.38-.02.81-.12t.66-.22a.4.4 0 0 1 .17.14q.07.1.07.33zm4.08.8q0 .51.13.69.14.18.44.18.03.1.04.21t.01.27a9 9 0 0 0-.52-.03h-1.06q-.23.01-.44.01-.21.01-.37.02 0-.15.01-.27a.7.7 0 0 1 .05-.21q.33 0 .49-.19t.16-.7v-1.39q0-.69-.24-.94t-.64-.25a.9.9 0 0 0-.5.17q-.25.17-.42.53-.16.36-.16.95v.95q0 .5.14.69.15.18.51.18.04.1.05.22.01.11.01.26-.14-.01-.35-.02-.21 0-.44-.01h-.9q-.23.01-.45.01-.22.01-.37.02 0-.15.01-.27a1 1 0 0 1 .05-.21q.39 0 .53-.18.15-.19.15-.69v-1.84l1.06-1.04q0 .12-.02.27-.01.15-.06.32a3 3 0 0 0 .08-.15q.04-.08.11-.17.18-.23.55-.46t.88-.23q.39 0 .73.16.34.15.54.51.21.35.21.96zm3.203 1.36q-.69 0-1.08-.39-.38-.39-.38-1.4v-1.41q0-.38-.1-.55-.1-.18-.55-.19 0-.12.01-.22a.8.8 0 0 1 .07-.21q.37-.02.76-.12.4-.1.63-.22a.4.4 0 0 1 .17.14q.07.1.07.33v2.22q0 .67.17 1.01.171.34.6.34.47 0 .79-.41t.32-1.27v-.9q0-.38-.13-.55-.12-.18-.61-.19 0-.12.01-.22a.5.5 0 0 1 .07-.21 5.6 5.6 0 0 0 .84-.1q.41-.09.64-.19a.4.4 0 0 1 .17.14q.07.1.07.33v2.87l-.92.37q-.05.14-.14.27t-.21.24q-.25.24-.55.37-.3.12-.72.12m1.84.05a.5.5 0 0 1-.2-.15q-.07-.11-.07-.43 0-.12.02-.32.02-.21.08-.53l.87-.11q0 .25.04.41a.34.34 0 0 0 .17.23q.13.07.4.07 0 .12-.01.26a.8.8 0 0 1-.06.26 3.4 3.4 0 0 0-.63.09 2.4 2.4 0 0 0-.61.22'/%3E%3C/svg%3E");} #header .navigation-buttons .ji-header-search-btn {display: inline-flex;align-items: center;height: 34px;margin: 0;padding: 5px;border: 0;background: none;} #header .navigation-buttons .ji-header-search-btn::before {content: "";width: 24px;height: 24px;background: var(--icon-search) no-repeat center / contain;} /* hidden until the magnifier opens it; under the fixed header once the page is scrolled */ #header .ji-header-search {display: none;padding-inline: var(--ji-container-padding);} .ji-header-search-open #header .ji-header-search {display: block;} .ji-fixed-header.ji-header-search-open #header .ji-header-search {position: fixed;top: var(--ji-header-top-height);left: 0;z-index: 100;width: 100%;padding-bottom: 12px;background: #F7EEDD;} #header .search {display: block;} #header .search-form {display: block;} .search .compact-form .form-control {font-size: 16px;} body.navigation-window-visible, body.cart-window-visible {overflow: hidden;} body.ordering-process #header .search {display: none;} } /* narrow phones: tighter icons and a logo scaled to the space left, so the header stays on one row */ @media (max-width: 379px) { #header .header-top {padding-inline: 16px;} #header .site-name>a::before {width: clamp(64px, 100vw - 232px, 99px);height: auto;aspect-ratio: 99 / 40;background-size: contain;} #header .navigation-buttons {gap: clamp(4px, (100vw - 300px) / 8, 10px);} #header .navigation-buttons .ji-header-nav-btn-sep {margin-inline: clamp(4px, (100vw - 300px) / 8, 9px);} } /* Navigation */ /* Desktop navigation */ @media (min-width: 767px) { .navigation-in {background-color: transparent;} #navigation {margin-left: 0;margin-right: 0;height: 62px;} .navigation-in>ul>li {border: 0;} .navigation-in>ul>li>a {color: #44352E;padding: 22px 20px!important;font-size: 18px;line-height: 18px;margin: 0;border: 0;} .navigation-in>ul>li>a:hover, .navigation-in>ul>li.ji-exp>a {margin: 0;background-color: #E1D7C7!important;color: #44352E!important;} .navigation-in>ul>li>a b {font-weight: bold;} .navigation-in>ul>li.ext>a>span.submenu-arrow {display: inline-block;position: relative;top: -2px;} .navigation-in>ul>li[class*=menu-item-external] b {font-weight: 400;font-size: 14px;text-decoration: underline;} .fitted .navigation-in>ul>li[class*=menu-item-external].--first {margin-left: auto;} .navigation-in>ul>li.ext>ul.menu-level-2 {background-color: #F7EEDD;padding: 22px 0;margin: 0 -10px;width: calc(100% + 20px);} .navigation-in>ul>li.ext>ul.menu-level-2::after {content: "";display: block;background: #F7EEDD;height: 100%;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;bottom: 0px;z-index: -1;} .navigation-in>ul>li.ext>ul>li {cursor: pointer;padding: 16px;min-height: 100px;width: calc(20% - 20px);margin: 10px;flex-basis: initial;background-color: #FEF9F0;border-radius: 20px;border: 1px solid #E1D7C7!important;} .navigation-in>ul>li.ext>ul>li:hover {border-color: #475E38!important;} .navigation-in>ul>li.ext>ul>li:hover>div>a {text-decoration: none;} .navigation-in>ul>li.ext>ul>li>div>a {font-size: 16px;text-decoration: underline;padding: 0 10px;} .navigation-in>ul>li.ext>ul>li>div {width: calc(100% - 75px);} .navigation-in>ul>li.ext>ul>li>a.menu-image img {mix-blend-mode: multiply;margin: auto;max-width: 100%;max-height: 70px;} .navigation-in>ul>li.ext>ul>li>a.menu-image {padding: 0;width: 75px;text-align: center;} .navigation-in>ul>li.ext>ul>li.ji-submenu-delimiter {flex: 0 0 calc(100dvw - var(--scrollbar-width, 0px));padding: 0;margin: 0;background: unset;height: unset;min-height: unset;border: 0 !important;border-top: 1px solid #E2D5BC !important;border-radius: 0;margin-inline: calc(50% - 50dvw + var(--scrollbar-width, 0px) / 2);width: unset;margin-block: 14px;} body {--ji-submenu-fade-duration: .3s;} .navigation-in>ul>li.ext.ji-fade>a::after {transition: visibility var(--ji-submenu-fade-duration), opacity var(--ji-submenu-fade-duration);transition-behavior: allow-discrete;} .navigation-in>ul>li.ext.ji-exp>a::after {visibility: visible;opacity: 1;} .navigation-in>ul>li.ext.ji-prev>a::after {opacity: 1;} .navigation-in>ul>li.ext.ji-next>a::after {z-index: 1002;} .navigation-in>ul>li.ext.ji-exp>a .submenu-arrow::after {transform: rotate(180deg);} .navigation-in>ul>li.ext>ul {visibility: hidden;opacity: 0;transition: visibility var(--ji-submenu-fade-duration);transition-behavior: allow-discrete;flex-wrap: wrap;padding: 40px 0 8px 0;display: flex;top: 100%;} .navigation-in>ul>li.ext>ul::before {transition: box-shadow var(--ji-submenu-fade-duration);} .navigation-in>ul>li.ext.ji-fade>ul {transition: visibility var(--ji-submenu-fade-duration), opacity var(--ji-submenu-fade-duration);transition-behavior: allow-discrete;} .navigation-in>ul>li.ext.ji-prev>ul {opacity: 1;} .navigation-in>ul>li.ext.ji-prev>ul::before {box-shadow: none;} .navigation-in>ul>li.ext.ji-next>ul {z-index: 1002;} .navigation-in>ul>li.ext.ji-exp>ul {visibility: visible;opacity: 1;} body.submenu-visible::after {content: "";position: fixed;z-index: 1;top: 0;left: 0;background-color: #44352E;opacity: 0.5;width: 100%;height: 100%;} body.submenu-visible #header, body.submenu-visible .top-navigation-bar {z-index: 67;position: relative;} .menu-helper {top: 103px;} .navigation-in>ul>li>a[href="/nabidka-produktu/"], .navigation-in>ul>li>a[href="/adaptogeny/"] {background-color: #44352E;border-right: 1px solid #F7EEDD;color: #F7EEDD;padding-left: 55px!important;position: relative;} .navigation-in>ul>li>a[href="/nabidka-produktu/"]:hover::before, .navigation-in>ul>li.ji-exp>a[href="/nabidka-produktu/"]::before, .navigation-in>ul>li>a[href="/adaptogeny/"]:hover::before, .navigation-in>ul>li.ji-exp>a[href="/adaptogeny/"]::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E%3Cmask id='a' width='24' height='25' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M0 .5h24v24H0z'/%3E%3C/mask%3E%3Cg fill='%2344352E' mask='url(%23a)'%3E%3Cpath d='M13.516 3.5H4.171V1.438h9.343zm.937-2.062c0-.518-.42-.938-.938-.938H4.172c-.518 0-.938.42-.938.938V3.5c0 .518.42.938.938.938h9.343c.518 0 .938-.42.938-.938z'/%3E%3Cpath d='M16.75 20.77v1.026c0 .976-.791 1.767-1.767 1.767H2.704c-.976 0-1.767-.791-1.767-1.767V8.903c0-1.133.833-2.095 1.955-2.257 1.173-.17 2.079-1.075 2.277-2.208h7.349c.199 1.133 1.105 2.038 2.277 2.208 1.122.162 1.955 1.124 1.955 2.257v8.544c0 .26.21.47.469.47.258 0 .468-.21.468-.47V8.903c0-1.6-1.175-2.956-2.758-3.185-.87-.126-1.514-.87-1.514-1.749 0-.259-.21-.468-.469-.468H4.741c-.259 0-.468.21-.468.468 0 .879-.645 1.623-1.515 1.749C1.175 5.947 0 7.304 0 8.903v12.893C0 23.289 1.21 24.5 2.704 24.5h12.28c1.493 0 2.703-1.21 2.703-2.704V20.77c0-.259-.21-.468-.468-.468-.26 0-.47.21-.47.468'/%3E%3Cpath d='M17.049 21.239c.259 0 .468-.21.468-.469s-.21-.468-.468-.468H.639c-.26 0-.469.21-.469.468 0 .26.21.469.469.469z'/%3E%3Cpath d='M6.734 10.466c.26 0 .47-.21.47-.469s-.21-.469-.47-.469H.64c-.26 0-.469.21-.469.47 0 .258.21.468.469.468z'/%3E%3Cpath d='M17.049 10.466c.259 0 .468-.21.468-.469s-.21-.469-.468-.469h-6.096c-.259 0-.469.21-.469.47 0 .258.21.468.47.468z'/%3E%3Cpath d='M19.43 23.936c.75.75 1.967.75 2.718 0l1.289-1.289c.745-.745.75-1.949.017-2.7l-.017-.018c-.75-.751-1.968-.751-2.718 0l-1.29 1.289c-.75.75-.75 1.968 0 2.718m2.055-.663c-.385.385-1.008.385-1.393 0-.384-.384-.384-1.008 0-1.392l1.29-1.29c.384-.384 1.008-.384 1.392 0 .384.385.384 1.009 0 1.393z'/%3E%3Cpath d='M19.43 16.39c.75.75 1.967.75 2.718 0l1.289-1.289c.75-.75.75-1.968 0-2.718s-1.968-.75-2.718 0l-1.29 1.289c-.75.75-.75 1.968 0 2.718m2.055-.663c-.385.385-1.008.385-1.393 0-.384-.384-.384-1.008 0-1.392l1.29-1.29c.384-.384 1.008-.384 1.392 0 .384.385.384 1.009 0 1.393z'/%3E%3Cpath d='M15.554 20.61c.75.75 1.967.75 2.718 0 .75-.751.75-1.968 0-2.719l-1.29-1.29c-.75-.75-1.967-.75-2.717 0-.751.751-.751 1.968 0 2.72zm2.055-.664c-.384.385-1.008.385-1.392 0l-1.29-1.289c-.384-.384-.384-1.008 0-1.392.385-.385 1.008-.385 1.393 0l1.29 1.289c.378.378.384.988.017 1.374z'/%3E%3Cpath d='M5.29 1.258v2.604c0 .259.21.469.47.469.258 0 .468-.21.468-.469V1.258c0-.26-.21-.47-.469-.47s-.468.21-.468.47'/%3E%3Cpath d='M7.347 1.258v2.604c0 .259.21.469.469.469.258 0 .468-.21.468-.469V1.258c0-.26-.21-.47-.468-.47-.26 0-.47.21-.47.47'/%3E%3Cpath d='M9.403 1.258v2.604c0 .259.21.469.469.469s.469-.21.469-.469V1.258c0-.26-.21-.47-.47-.47-.258 0-.468.21-.468.47'/%3E%3Cpath d='M11.46 1.258v2.604c0 .259.21.469.468.469.259 0 .469-.21.469-.469V1.258c0-.26-.21-.47-.469-.47s-.469.21-.469.47'/%3E%3Cpath d='M8.832 17.712c1.163.384 2.52.07 3.474-.885.954-.954 1.27-2.311.885-3.474-.046-.14-.157-.251-.298-.298-1.162-.384-2.52-.069-3.474.885s-1.269 2.312-.885 3.474l.005.013c.049.135.157.24.293.285m2.811-1.548c-.646.647-1.52.882-2.282.721-.16-.762.075-1.636.721-2.282l.034-.033c.643-.622 1.5-.845 2.248-.688.16.762-.074 1.636-.72 2.282'/%3E%3Cpath d='M8.648 17.598c.183.184.48.184.663 0l1.596-1.596c.183-.183.183-.48 0-.663s-.48-.183-.663 0l-1.596 1.597c-.183.183-.183.48 0 .662'/%3E%3Cpath d='M5.381 16.827c.947.946 2.29 1.264 3.447.894l.027-.01.013-.004c.135-.049.24-.157.285-.293.384-1.162.07-2.52-.885-3.474-.954-.954-2.311-1.269-3.474-.885-.14.047-.251.157-.298.298-.384 1.163-.069 2.52.885 3.474m2.945.058c-.762.16-1.635-.074-2.282-.72-.646-.647-.881-1.52-.72-2.283.761-.16 1.635.074 2.281.72l.033.035c.622.643.846 1.499.688 2.248'/%3E%3Cpath d='M8.376 17.598c.183.183.48.183.663 0s.183-.48 0-.663L7.443 15.34c-.183-.183-.48-.183-.663 0s-.183.48 0 .663z'/%3E%3C/g%3E%3C/svg%3E");} .navigation-in>ul>li>a[href="/nabidka-produktu/"]::before, .navigation-in>ul>li>a[href="/adaptogeny/"]::before {content: "";position: absolute;left: 18px;top: 16px;width: 24px;height: 25px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E%3Cmask id='a' width='24' height='25' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M0 .5h24v24H0z'/%3E%3C/mask%3E%3Cg fill='%23F7EEDD' mask='url(%23a)'%3E%3Cpath d='M13.516 3.5H4.171V1.438h9.343zm.937-2.062c0-.518-.42-.938-.938-.938H4.172c-.518 0-.938.42-.938.938V3.5c0 .518.42.938.938.938h9.343c.518 0 .938-.42.938-.938z'/%3E%3Cpath d='M16.75 20.77v1.026c0 .976-.791 1.767-1.767 1.767H2.704c-.976 0-1.767-.791-1.767-1.767V8.903c0-1.133.833-2.095 1.955-2.257 1.173-.17 2.079-1.075 2.277-2.208h7.349c.199 1.133 1.105 2.038 2.277 2.208 1.122.162 1.955 1.124 1.955 2.257v8.544c0 .26.21.47.469.47.258 0 .468-.21.468-.47V8.903c0-1.6-1.175-2.956-2.758-3.185-.87-.126-1.514-.87-1.514-1.749 0-.259-.21-.468-.469-.468H4.741c-.259 0-.468.21-.468.468 0 .879-.645 1.623-1.515 1.749C1.175 5.947 0 7.304 0 8.903v12.893C0 23.289 1.21 24.5 2.704 24.5h12.28c1.493 0 2.703-1.21 2.703-2.704V20.77c0-.259-.21-.468-.468-.468-.26 0-.47.21-.47.468'/%3E%3Cpath d='M17.049 21.24c.259 0 .468-.21.468-.47 0-.258-.21-.468-.468-.468H.639c-.26 0-.47.21-.47.468 0 .26.21.47.47.47z'/%3E%3Cpath d='M6.734 10.466c.26 0 .469-.21.469-.469s-.21-.469-.469-.469H.64c-.26 0-.47.21-.47.47 0 .258.21.468.47.468z'/%3E%3Cpath d='M17.049 10.466c.259 0 .468-.21.468-.469s-.21-.469-.468-.469h-6.096c-.259 0-.469.21-.469.47 0 .258.21.468.47.468z'/%3E%3Cpath d='M19.43 23.936c.75.75 1.967.75 2.718 0l1.29-1.29c.744-.744.75-1.948.017-2.7l-.018-.018c-.75-.75-1.968-.75-2.718 0l-1.29 1.29c-.75.75-.75 1.967 0 2.718m2.055-.663c-.384.385-1.008.385-1.392 0-.385-.384-.385-1.008 0-1.392l1.289-1.29c.384-.384 1.008-.384 1.392 0 .385.385.385 1.008 0 1.393z'/%3E%3Cpath d='M19.43 16.39c.75.75 1.967.75 2.718 0l1.29-1.289c.75-.75.75-1.968 0-2.718-.751-.751-1.968-.751-2.72 0l-1.288 1.289c-.75.75-.751 1.967 0 2.718m2.055-.663c-.384.385-1.008.385-1.392 0-.385-.384-.385-1.008 0-1.392l1.289-1.29c.384-.384 1.008-.384 1.392 0 .385.385.385 1.008 0 1.393z'/%3E%3Cpath d='M15.554 20.61c.75.75 1.967.75 2.718 0 .75-.751.75-1.968 0-2.719l-1.29-1.29c-.75-.75-1.967-.75-2.717 0-.751.752-.751 1.969 0 2.72zm2.055-.663c-.384.384-1.008.384-1.392 0l-1.29-1.29c-.384-.384-.384-1.008 0-1.392.385-.385 1.008-.385 1.393 0l1.29 1.289c.378.379.384.989.017 1.374z'/%3E%3Cpath d='M5.29 1.258v2.604c0 .26.21.47.47.47.258 0 .468-.21.468-.47V1.258c0-.259-.21-.469-.469-.469s-.468.21-.468.469'/%3E%3Cpath d='M7.347 1.258v2.604c0 .26.21.47.469.47s.468-.21.468-.47V1.258c0-.259-.21-.469-.468-.469-.26 0-.47.21-.47.469'/%3E%3Cpath d='M9.403 1.258v2.604c0 .26.21.47.469.47s.469-.21.469-.47V1.258c0-.259-.21-.469-.47-.469-.258 0-.468.21-.468.469'/%3E%3Cpath d='M11.46 1.258v2.604c0 .26.21.47.468.47.259 0 .469-.21.469-.47V1.258c0-.259-.21-.469-.469-.469s-.469.21-.469.469'/%3E%3Cpath d='M8.832 17.712c1.163.384 2.52.07 3.474-.885.954-.954 1.269-2.311.885-3.474-.047-.14-.157-.251-.298-.298-1.162-.384-2.52-.069-3.474.885s-1.269 2.312-.885 3.474l.005.013c.049.135.157.24.293.285m2.811-1.548c-.646.647-1.52.882-2.282.721-.16-.762.074-1.635.721-2.282l.034-.033c.643-.621 1.499-.845 2.248-.688.16.763-.074 1.636-.72 2.282'/%3E%3Cpath d='M8.648 17.599c.183.183.48.183.663 0l1.596-1.597c.183-.183.183-.48 0-.663s-.48-.183-.663 0l-1.596 1.597c-.183.183-.183.48 0 .663'/%3E%3Cpath d='M5.381 16.827c.947.947 2.29 1.264 3.447.894l.027-.009.013-.005c.135-.049.24-.156.285-.293.384-1.162.07-2.52-.885-3.474-.954-.954-2.311-1.269-3.474-.885-.14.047-.251.158-.298.298-.384 1.163-.069 2.52.885 3.474m2.945.058c-.762.16-1.635-.074-2.282-.72-.646-.647-.881-1.52-.72-2.283.762-.16 1.635.075 2.281.721l.033.034c.622.643.846 1.5.688 2.248'/%3E%3Cpath d='M8.376 17.599c.184.183.48.183.663 0s.183-.48 0-.663l-1.596-1.597c-.183-.183-.48-.183-.663 0-.183.184-.183.48 0 .663z'/%3E%3C/g%3E%3C/svg%3E");} .navigation-in>ul>li>a[href="/dle-problemu/"], .navigation-in>ul>li>a[href="/podla-problemu/"] {background-color: #44352E;color: #F7EEDD;padding-left: 55px!important;position: relative;} .navigation-in>ul>li>a[href="/dle-problemu/"]::before, .navigation-in>ul>li>a[href="/podla-problemu/"]::before {content: "";position: absolute;left: 18px;top: 16px;width: 24px;height: 25px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E%3Cg fill='%23F7EEDD' clip-path='url(%23a)'%3E%3Cpath d='M22.17 7.01v-.024c-.012-.598-.023-1.163-.023-1.707 0-.823-.67-1.494-1.494-1.494-3.187 0-5.606-.908-7.612-2.859-.584-.568-1.499-.568-2.083 0-2.006 1.95-4.425 2.86-7.611 2.86-.824 0-1.494.67-1.494 1.493 0 .556-.01 1.126-.022 1.73-.054 2.822-.121 6.334 1.057 9.521.648 1.753 1.63 3.276 2.916 4.528 1.466 1.425 3.386 2.555 5.706 3.36q.238.082.49.082.251 0 .489-.082c2.32-.805 4.24-1.935 5.707-3.36 1.287-1.252 2.268-2.775 2.916-4.528 1.179-3.188 1.111-6.7 1.058-9.52m-2.377 9.033c-1.243 3.36-3.783 5.666-7.765 7.046q-.028.01-.057 0c-3.982-1.38-6.522-3.685-7.764-7.046-1.087-2.939-1.025-6.162-.97-9.006.011-.612.022-1.189.022-1.758 0-.048.04-.087.088-.087 3.576 0 6.306-1.036 8.592-3.258q.026-.025.06-.025t.062.025c2.285 2.222 5.016 3.258 8.592 3.258.049 0 .088.039.088.087 0 .557.01 1.129.022 1.734v.023c.055 2.844.117 6.068-.97 9.007'/%3E%3Cpath d='M16.37 10.16h-2.263V7.899c0-.388-.315-.703-.703-.703h-2.806c-.388 0-.703.315-.703.703v2.263H7.633c-.389 0-.704.314-.704.703v2.805c0 .389.315.704.704.704h2.262v2.262c0 .388.315.703.703.703h2.806c.388 0 .703-.315.703-.703v-2.263h2.262c.389 0 .703-.314.703-.703v-2.805c0-.389-.315-.703-.703-.703m-.704 2.806h-2.262c-.388 0-.703.315-.703.703v2.263h-1.4v-2.263c0-.388-.315-.703-.703-.703H8.336v-1.4h2.262c.388 0 .703-.314.703-.702V8.6h1.4v2.263c0 .388.315.703.703.703h2.262z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .navigation-in>ul>li>a[href="/dle-problemu/"]:hover::before, .navigation-in>ul>li.ji-exp>a[href="/dle-problemu/"]::before, .navigation-in>ul>li>a[href="/podla-problemu/"]:hover::before, .navigation-in>ul>li.ji-exp>a[href="/podla-problemu/"]::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E%3Cg fill='%2344352E' clip-path='url(%23a)'%3E%3Cpath d='M22.17 7.01v-.024c-.012-.598-.023-1.163-.023-1.707 0-.823-.67-1.494-1.494-1.494-3.187 0-5.606-.908-7.612-2.86-.584-.567-1.499-.567-2.083 0-2.006 1.952-4.425 2.86-7.611 2.86-.824 0-1.494.67-1.494 1.494 0 .556-.01 1.126-.022 1.73-.054 2.822-.121 6.334 1.057 9.521.648 1.753 1.63 3.276 2.916 4.528 1.466 1.425 3.386 2.555 5.706 3.36q.238.082.49.082.251 0 .489-.082c2.32-.805 4.24-1.935 5.707-3.36 1.287-1.252 2.268-2.775 2.916-4.528 1.179-3.188 1.111-6.7 1.058-9.52m-2.377 9.033c-1.243 3.36-3.783 5.666-7.765 7.046q-.028.01-.057 0c-3.982-1.38-6.522-3.685-7.764-7.046-1.087-2.939-1.025-6.162-.97-9.006.011-.612.022-1.189.022-1.758 0-.048.04-.087.088-.087 3.576 0 6.306-1.036 8.592-3.258q.026-.025.06-.025t.062.025c2.285 2.222 5.016 3.258 8.592 3.258.049 0 .088.039.088.087 0 .557.01 1.129.022 1.734v.023c.055 2.844.117 6.068-.97 9.007'/%3E%3Cpath d='M16.37 10.16h-2.263V7.899c0-.388-.315-.703-.703-.703h-2.806c-.388 0-.703.315-.703.703v2.263H7.633c-.389 0-.704.314-.704.703v2.805c0 .389.315.704.704.704h2.262v2.262c0 .388.315.703.703.703h2.806c.388 0 .703-.315.703-.703v-2.263h2.262c.389 0 .703-.314.703-.703v-2.806c0-.388-.315-.702-.703-.702m-.704 2.806h-2.262c-.388 0-.703.315-.703.703v2.263h-1.4v-2.263c0-.388-.315-.703-.703-.703H8.336v-1.4h2.262c.388 0 .703-.314.703-.703V8.602h1.4v2.262c0 .389.315.704.703.704h2.262z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} } @media (min-width: 992px) and (max-width: 1439px) { .navigation-in>ul>li.ext>ul>li {width: calc(25% - 20px);} } @media (min-width: 768px) and (max-width: 991px) { .navigation-in>ul>li.ext>ul>li {width: calc(33.333% - 20px);} } /* Mobile navigation */ @media (max-width: 767px) { #navigation {position: fixed;top: var(--ji-widget-fixed-top);bottom: 0;height: unset;width: 100%;right: 0;left: unset;transform: translateX(100%);} .navigation-window-visible #navigation {transform: translateX(0);} #navigation .navigation-close {display: none;} .navigation-in ul.menu-level-1 {display: flex;flex-flow: row wrap;} .navigation-in ul.menu-level-1>li.appended-category {display: none;} .navigation-in ul.menu-level-1>li.--main {width: 100%;border-bottom: 1px solid #E1D7C7;border-top: 0;} .navigation-in ul.menu-level-1>li.--main>a {padding: 20px var(--ji-container-padding);background: #44352E;color: #F7EEDD;display: flex;align-items: center;line-height: 1;} .navigation-in ul.menu-level-1>li.--main>a::before {content: "";display: inline-block;width: 20px;height: 20px;background: var(--ji-icon) no-repeat center / contain;margin-right: 12px;} .navigation-in ul.menu-level-1>li.--main>a b {font-weight: 600;padding: 0;font-size: 18px;display: inline-block;position: relative;top: 0.15em;} .navigation-in ul.menu-level-1>li.--main>a .submenu-arrow {padding: 10px;margin-left: auto;margin: -10px;margin-left: auto;} .navigation-in ul.menu-level-1>li.--nabidka {--ji-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M8.333 10.833H2.5c-.221 0-.433.088-.59.244-.156.157-.243.369-.243.59V17.5c0 .221.087.433.244.59.156.155.368.243.589.243h5.833c.221 0 .433-.087.59-.244.156-.156.244-.368.244-.589v-5.833c0-.221-.088-.433-.244-.59-.157-.156-.369-.244-.59-.244M7.5 16.667H3.333V12.5H7.5zm10-15h-5.833c-.221 0-.433.087-.59.244-.156.156-.244.368-.244.589v5.833c0 .221.088.433.244.59.157.156.369.244.59.244H17.5c.221 0 .433-.088.59-.244.156-.157.243-.369.243-.59V2.5c0-.221-.087-.433-.244-.59-.156-.156-.368-.243-.589-.243M16.667 7.5H12.5V3.333h4.167zm.833 3.333h-5.833c-.221 0-.433.088-.59.244-.156.157-.244.369-.244.59V17.5c0 .221.088.433.244.59.157.155.369.243.59.243H17.5c.221 0 .433-.087.59-.244.156-.156.243-.368.243-.589v-5.833c0-.221-.087-.433-.244-.59-.156-.156-.368-.244-.589-.244m-.833 5.834H12.5V12.5h4.167zm-8.334-15H2.5c-.221 0-.433.087-.59.244-.156.156-.243.368-.243.589v5.833c0 .221.087.433.244.59.156.156.368.244.589.244h5.833c.221 0 .433-.088.59-.244.156-.157.244-.369.244-.59V2.5c0-.221-.088-.433-.244-.59-.157-.156-.369-.243-.59-.243M7.5 7.5H3.333V3.333H7.5z'/%3E%3C/svg%3E");} .navigation-in ul.menu-level-1>li.--dle-problemu {border-bottom: 0;margin-bottom: 16px;--ji-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M18.475 5.424v-.019c-.01-.498-.02-.97-.02-1.422 0-.687-.557-1.245-1.244-1.245-2.656 0-4.671-.757-6.343-2.383-.487-.473-1.25-.473-1.736 0C7.46 1.98 5.444 2.738 2.789 2.738c-.686 0-1.245.558-1.245 1.245 0 .463-.009.938-.019 1.442-.044 2.351-.1 5.277.882 7.934.54 1.46 1.357 2.73 2.43 3.772 1.221 1.188 2.821 2.13 4.755 2.8Q9.79 20 10 20t.407-.069c1.934-.67 3.534-1.612 4.756-2.8 1.073-1.043 1.89-2.312 2.43-3.773.982-2.656.927-5.582.882-7.934m-1.98 7.528c-1.036 2.801-3.153 4.722-6.472 5.872q-.024.009-.047 0c-3.319-1.15-5.435-3.07-6.47-5.872-.906-2.448-.854-5.135-.81-7.505.01-.51.02-.99.02-1.464 0-.04.033-.073.073-.073 2.98 0 5.255-.863 7.16-2.715q.022-.02.05-.02t.052.02c1.904 1.852 4.18 2.715 7.16 2.715.04 0 .073.032.073.073 0 .464.01.94.019 1.445v.019c.045 2.37.097 5.056-.809 7.505'/%3E%3Cpath d='M13.64 8.05h-1.885V6.166c0-.323-.262-.586-.586-.586H8.831c-.323 0-.586.263-.586.586V8.05H6.36c-.324 0-.586.263-.586.586v2.339c0 .323.262.585.586.585h1.885v1.886c0 .323.263.586.586.586h2.338c.324 0 .586-.263.586-.586V11.56h1.885c.324 0 .586-.262.586-.585V8.636c0-.323-.262-.585-.586-.585m-.585 2.339h-1.886c-.323 0-.585.262-.585.586v1.885H9.417v-1.885c0-.324-.262-.586-.586-.586H6.946V9.222H8.83c.324 0 .586-.262.586-.586V6.751h1.167v1.885c0 .324.262.586.585.586h1.886z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .navigation-in ul.menu-level-1>li.--dle-problemu.exp {border-bottom: 1px solid #E1D7C7;} .navigation-in ul.menu-level-1>li.--extra {width: 50%;border: 0;} .navigation-in ul.menu-level-1>li.--extra>a {font-size: 16px;padding: 0 var(--ji-container-padding);border: 0;} .navigation-in ul.menu-level-1>li.--extra>a b {font-weight: 600;} .navigation-in ul.menu-level-1>li.--extra>a .submenu-arrow {padding: 5px;margin: -5px;margin-left: 10px;position: relative;top: -3px;} .navigation-in .--main ul.menu-level-2>li {display: flex;align-items: center;padding: 7px 0;border-top: 1px solid #F7EEDD;} .navigation-in .--main ul.menu-level-2>li>.menu-image {display: block;width: 56px;height: 40px;padding: 0 12px 0 var(--ji-container-padding);box-sizing: content-box;} .navigation-in .--main ul.menu-level-2>li>div>a {padding: 6px 0;font-weight: 700;display: inline-block;position: relative;top: 0.15em;} .navigation-in .--extra.--left ul.menu-level-2 {margin-right: -100%;} .navigation-in .--extra.--right ul.menu-level-2 {margin-left: -100%;} .navigation-in .--extra ul.menu-level-2>li>div>a {padding: 5px var(--ji-container-padding);line-height: 1.4;} .navigation-in .navigationActions {margin-top: 8px;} .navigation-in .navigationActions li>a {padding: 0px var(--ji-container-padding);} .navigation-in .navigationActions li>a .submenu-arrow {padding: 5px;margin: -5px;margin-left: 10px;position: relative;top: -3px;} .navigation-in .navigationActions li:has([data-testid=signin]) {display: none;} } /* === Widgets === */ /* Login modal */ body {--ji-login-widget-top: 100px;--ji-login-widget-bottom: 24px;} body.login-window-visible::after {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(33, 34, 35, 0.4);backdrop-filter: blur(5px);z-index:999998;} .login-window-visible .user-action .user-action-in>div.user-action-login {z-index: 999999;} .login-window-visible .user-action .user-action-in>div.user-action-login {display: flex!important;} .popup-widget.login-widget {z-index: 99999;width: 100%;max-height: calc(100dvh - var(--ji-login-widget-top) - var(--ji-login-widget-bottom));max-width: 820px;display: flex;padding: 0;overflow: auto;margin-left: 0px;margin-top: 0px;bottom:unset;top: var(--ji-login-widget-top)!important;left: 50%;transform: translate(-50%, 0);border-radius: 30px;background: #F7EEDD;} .popup-widget.login-widget .popup-widget-inner {height: auto;background: unset;padding: 24px;padding-bottom: 0;} .popup-widget.login-widget #customerLogin {padding-bottom: 24px;} .popup-widget.login-widget::before {display: none;} /*.popup-widget.login-widget .popup-widget-inner h2 {margin: 0 0 24px 0;display: flex;align-items: center;text-transform: uppercase;font-size: 19px;font-weight: 700;}*/ .popup-widget-inner:not(.cart-widget-inner,.ji-ecw) {box-shadow: none;padding: 40px;background: #fff;border: 0;border-radius: 0px;} /*.popup-widget.login-widget .login-wrapper {padding-top: 0;padding: 20px 0 0 0;} .popup-widget.login-widget .login-wrapper .btn {width: 100%;font-size: 13px;margin-bottom: 20px;} .popup-widget.login-widget .login-wrapper .password-helper {float: none;width: 100%;} .popup-widget.login-widget .login-wrapper .password-helper a {text-align: center;float: none;width: 100%;display: block;font-size: 14px;text-decoration: underline;color: #585A5B;} .popup-widget.login-widget .login-wrapper .password-helper a:hover {text-decoration: none;}*/ @media (min-width: 992px) { .popup-widget.login-widget {position: fixed;} } @media (max-width: 992px) { body {--ji-login-widget-top: 24px;} .popup-widget.login-widget {inset-inline: 16px;width: unset;transform: unset;} } @media (max-width: 767px) { } /* Cart widget */ .popup-widget.cart-widget {z-index: 66;} .cart-widget-product-amount {width: 130px;} .cart-widget-product>div.cart-widget-product-unit {display: none;} .cart-widget-inner {background: unset;padding: 24px;padding-bottom: 16px;} .cart-widget-product {background: #FEF9F0;border: 1px solid #E1D7C7;border-radius: 16px;margin-bottom: 8px;padding: 8px;padding-left: 10px;display: flex;align-items: center;} .cart-widget-product-image {order: 1;width: 68px;height: 68px;margin-right: 24px;} .cart-widget-product-image img {mix-blend-mode: multiply;width: 100px;height: 100px;object-fit: contain;} .cart-widget-product-name {order: 2;flex: 1;margin-right: 16px;} .cart-widget-product-name a {color: #44352E;} .cart-widget-product .cart-widget-product-variant {color: unset;font-size: 14px;font-weight: 400;} .cart-widget-product-amount {order: 3;padding: 0;margin-right: 16px;width: unset;} .ji-cart-widget-product-price {order: 3;width: 84px;font-weight: 700;font-size: 18px;text-align: end;margin-right: 16px;} .cart-widget-product .cart-widget-product-delete {order: 4;visibility: visible;padding: 0;} .cart-widget-product .cart-widget-product-delete .remove-item {width: unset;height: unset;display: inline-flex;} .cart-widget-product .cart-widget-product-delete .remove-item::before {content: "";display: inline-block;width: 35px;height: 35px;background: var(--icon-cart-widget-delete) no-repeat center / contain;} .ji-cw-extras {background-color: #E1D7C780;border-radius: 16px;padding: 6px 16px;display: flex;flex-flow: column;margin-top: 8px;} .cart-widget-button {padding: 0 24px 24px 24px;background: unset;justify-content: end;} .cart-widget .popup-widget-inner.full+.cart-widget-button {display: flex;} .cart-widget-button .btn.btn-conversion {width: unset;font-size: 16px;padding: 12px 16px 10px;line-height: unset;} .cart-widget-button .btn.btn-conversion::after {content: "";display: inline-block;width: 9px;height: 16px;background: var(--icon-btn-chevron-right) no-repeat center / contain;margin: 0;margin-left: 12px;position: relative;top: -1px;vertical-align: middle;} .cart-widget:has(.ji-ecw) .cart-widget-inner {padding: 24px;} .cart-widget:has(.ji-ecw) .cart-widget-button {display: none;} .cart-widget:has(.ji-ecw) .cart-widget-products {display: none;} .cart-widget:has(.loader-overlay) .ji-ecw {visibility: hidden;} .ji-ecw__header {display: flex;flex-flow: row wrap;align-items: start;justify-content: center;column-gap: 36px;border-bottom: 1px solid #E1D7C7;padding-bottom: 24px;margin-bottom: 24px;} .ji-ecw__header::before {content: "";display: inline-block;width: 73px;height: 93px;} .cart-widget .ji-ecw__header::before {background: var(--icon-cart-widget-empty) no-repeat center / contain;} .ji-ecw__header-in {max-width: 440px;flex: 1;} .ji-ecw__title {font-size: 24px;font-weight: 700;margin-bottom: 8px;} .ji-ecw__desc {margin-bottom: 20px;} .ji-ecw__btn.btn.btn-primary {padding: 12px 16px 10px;line-height: unset;} .ji-ecw__btn.btn.btn-primary::after {content: "";display: inline-block;width: 9px;height: 16px;background: var(--icon-btn-chevron-right) no-repeat center / contain;margin: 0;margin-left: 12px;position: relative;top: -1px;vertical-align: middle;} .ji-ecw__related-title {font-size: 18px;font-weight: 700;margin-bottom: 8px;} .ji-ecw__related {display: flex;flex-flow: row wrap;column-gap: var(--ji-column-gap);--ji-column-gap: 16px;--ji-columns: 2;list-style: none;padding: 0;margin: 0;row-gap: 8px;margin-bottom: 24px;} .ji-ecw__related li {flex: 0 0 calc((100% - (var(--ji-columns) - 1) * var(--ji-column-gap, 0px)) / var(--ji-columns));} .ji-ecw__related li a {text-decoration: underline;} .ji-ecw__related li a:hover {text-decoration: none;} @media (min-width: 992px) { .cart-window-visible::after {content: "";position: fixed;inset: 0;background: #44352E;opacity: 0.5;z-index: 10;} .cart-window-visible #header {z-index: unset;} .cart-window-visible #header .cart-count {z-index: 11;} .cart-window-visible #header .cart-count::after {content: "";display: block;position: absolute;width: 94px;inset-block: -1px;left: 50%;right: unset;transform: translateX(-50%);background: #F7EEDD;border: 1px solid #E1D7C7;border-radius: 10px;z-index: -1;} .cart-window-visible #header .cart-price::after {transform: rotate(180deg);} .cart-window-visible .user-action-in {position: relative;} .cart-window-visible .popup-widget.cart-widget, .admin-logged .popup-widget.cart-widget {--ji-avail-margin: max(0px, (100dvw - var(--scrollbar-width, 0px) - var(--ji-container-width)) / 2);--ji-right: calc(-1 * min(18px + 22px, var(--ji-avail-margin) + var(--ji-container-padding) / 2));top: calc(var(--ji-admin-bar-height) + var(--ji-header-top-height));inset-inline: auto var(--ji-right);margin-inline: 0;width: 680px;background: #F7EEDD;border-radius: 30px;border: 0;box-shadow: unset;max-height: unset;height: unset;margin-top: 0;} .popup-widget.cart-widget::before, .ajax-pending .popup-widget.cart-widget::before {content: "";display: block;background: #F7EEDD;height: 11px;width: 11px;height: 14px;inset: unset;top: -7px;right: calc(-1 * var(--ji-right) + var(--ji-cart-btn-width, 58px) / 2 - 7px);transition: unset;border: 0;transform: rotate(45deg);position: absolute;animation: none;margin: 0;box-shadow: none;border-radius: 0;} .ajax-pending .popup-widget.cart-widget::after {display: none;} .popup-widget.cart-widget .loader-overlay {border-radius: 30px;background: #F7EEDD;opacity: 1;} } @media (max-width: 991px) { .cart-window-visible {overflow: hidden;} .cart-window-visible .popup-widget.cart-widget, .admin-logged .popup-widget.cart-widget {top: calc(var(--ji-admin-bar-height) + var(--ji-site-msg-height) + var(--ji-header-top-height));background: #F7EEDD;flex-flow: column;} .cart-window-visible .user-action .user-action-in>div.user-action-cart {display: flex;} .ajax-pending .popup-widget.cart-widget::after {display: none;} .popup-widget.cart-widget .loader-overlay {background: #F7EEDD;opacity: 1;} .cart-widget-inner {flex: 1;overflow: auto;padding-bottom: 0;padding-top: 8px;} .cart-widget-inner .cart-widget-products {height: unset;overflow: unset;} .cart-widget-button {position: static;padding-top: 24px;} .cart-widget-button .btn.btn-conversion {width: 100%;} } @media (max-width: 767px) { .popup-widget.cart-widget {padding-top: 0;} .cart-window-visible .popup-widget.cart-widget, .admin-logged .popup-widget.cart-widget {top: var(--ji-widget-fixed-top);bottom: 0;height: auto;background: #F7EEDD;border: 0;box-shadow: unset;} .cart-widget-product {position: relative;flex-flow: row wrap;padding: 16px 16px;row-gap: 16px;} .cart-widget-product .cart-widget-product-image {flex: 0 0 70px;margin: 0 16px 0 0;padding: 0;} .cart-widget-product .cart-widget-product-name {flex: 0 0 calc(100% - 86px);margin: 0;} .cart-widget-product .ji-cart-widget-product-price {margin: 0 0 0 auto;text-align: end;} .cart-widget-product .cart-widget-product-delete {position: absolute;top: 0;right: 0;} .ji-ecw__related {--ji-columns: 1;} } @media (max-width: 479px) { .ji-ecw__header {column-gap: 24px;} } /* Search whisperer */ #header .search-whisperer {background: #F7EEDD;border-radius: 30px;padding: 24px;border: 0;color: unset;font: unset;flex-flow: row wrap;column-gap: 24px;} #header .search-whisperer.active {display: flex;} .search-whisperer-documents {display: none;} #header .ji-search-whisperer__close-btn {display: none;} #header .ji-search-whisperer__aside {flex: 0 0 300px;padding-right: 24px;border-right: 1px solid #E1D7C7;} #header .ji-search-whisperer__aside-section {margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid #E1D7C7;} #header .ji-search-whisperer__aside-section:last-child {border-bottom: 0;margin-bottom: 0;} #header .ji-search-whisperer__aside-title {font-weight: 700;font-size: 18px;margin-bottom: 8px;} #header .ji-search-whisperer__aside-items {list-style: disc;display: flex;flex-flow: column;row-gap: 8px;padding-left: 22px;} #header .ji-search-whisperer__aside-items li {list-style: unset;border: 0;font: unset;} #header .ji-search-whisperer__aside-items li a {padding: 0;font: unset;text-decoration: underline;} #header .ji-search-whisperer__aside-items li a:hover {text-decoration: none;background: unset;} #header .ji-search-whisperer__aside-items em {display: none;} #header .ji-search-whisperer__main {flex: 1;} #header .ji-search-whisperer__products-title {font-size: 18px;font-weight: 700;margin-bottom: 16px;} #header .search-whisperer-products {display: flex;flex-flow: row wrap;gap: 16px;font: unset;margin: 0;} #header .search-whisperer-products li {flex: 0 0 250px;display: flex;font: unset;border: 0;} #header .search-whisperer-products li a {display: grid;grid-template-rows: 1fr auto auto;grid-template-columns: 1fr 1fr;grid-template-areas: "image image" "name name" "avail price";background: #FEF9F0;border: 1px solid #E2D5BC;border-radius: 20px;padding: 16px;font: unset;} #header .search-whisperer-products .search-whisperer-image {grid-area: image;max-width: unset;display: flex;justify-content: center;padding-bottom: 10px;} #header .search-whisperer-products .search-whisperer-image img {height: 123px;width: auto;mix-blend-mode: multiply;} #header .search-whisperer-products .p-info {display: contents;} #header .search-whisperer-products .p-name {grid-area: name;text-align: center;font: unset;font-size: 16px;font-weight: 500;text-decoration: underline;max-height: unset;height: unset;overflow: unset;white-space: unset;padding-bottom: 20px;margin: 0;} #header .search-whisperer-products a:hover .p-name {text-decoration: none;} #header .search-whisperer-products .product-appendix {display: block;font-size: 14px;margin-top: 8px;} #header .search-whisperer-products .p-availability {grid-area: avail;height: unset;line-height: unset;} #header .search-whisperer-products .p-availability-inner {display: contents;position: unset;} #header .search-whisperer-products .availability-label {font-weight: 500;font-size: 14px;} #header .search-whisperer-products .availability-label.ji-in-stock {padding-left: 16px;position: relative;} #header .search-whisperer-products .availability-label.ji-in-stock::before {content: "";position: absolute;left: 0;top: 2px;width: 12px;height: 12px;background-image: var(--icon-p-in-stock);} #header .search-whisperer-products .price {grid-area: price;margin: 0;text-align: right;} #header .search-whisperer-products .price-final {font-weight: 600;font-size: 18px;line-height: 1.2;} #header .search-whisperer .whisperer-trigger {background: var(--color-primary);border: 1px solid var(--color-primary);color: #F7EEDD;font: unset;font-size: 16px;font-weight: 700;width: unset;height: unset;padding: 12px 16px 10px;line-height: unset;border-radius: 10px;position: static;margin-top: 24px;display: block;text-align: center;} #header .search-whisperer .whisperer-trigger:hover {background: var(--color-primary-hover);} #header .search-whisperer .whisperer-trigger::after {content: "";display: inline-block;width: 9px;height: 16px;background: var(--icon-btn-chevron-right) no-repeat center / contain;margin: 0;margin-left: 12px;position: relative;top: -2px;vertical-align: middle;} .search-whisperer-empty {display: none;} #header .ji-esw {display: grid;grid-template-rows: 1fr 1fr;grid-template-columns: 1fr 350px;grid-template-areas: "header side" "footer side";width: 100%;} #header .ji-esw__left {display: contents;} #header .ji-esw__header {grid-area: header;border-bottom: 1px solid #E1D7C7;padding-block: 75px 36px;display: flex;flex-flow: row wrap;align-items: center;gap: 36px;justify-content: center;margin-right: 24px;} #header .ji-esw__header::before {content: "";display: inline-block;width: 58px;height: 85px;background: var(--icon-search-whisperer-empty) no-repeat center / contain;} #header .ji-esw__header-in {flex: 1;max-width: 440px;} #header .ji-esw__title {font-size: 24px;font-weight: 700;color: #44352E;margin-bottom: 8px;} #header .ji-esw__desc {font-size: 16px;color: unset;} #header .ji-esw__footer {grid-area: footer;padding-block: 36px 75px;text-align: center;margin-right: 24px;} #header .ji-esw__footer {position: relative;} #header .ji-esw__footer::after {content: "";display: block;position: absolute;inset: -24px 2% -24px -24px;background: var(--icon-search-whisperer-bg) no-repeat bottom left / contain;z-index: -1;pointer-events: none;} #header .ji-esw__footer-title {font-weight: 600;font-size: 18px;} #header .ji-esw__footer-btn {background: var(--color-secondary);border: 1px solid var(--color-secondary);color: #fff;font: unset;font-size: 16px;font-weight: 700;width: unset;height: unset;padding: 12px 16px 10px;line-height: unset;border-radius: 10px;position: static;margin-top: 24px;} #header .ji-esw__footer-btn::after {content: "";display: inline-block;width: 9px;height: 16px;background: var(--icon-btn-chevron-right) no-repeat center / contain;margin: 0;margin-left: 12px;position: relative;top: -2px;vertical-align: middle;} #header .ji-esw__right {grid-area: side;padding-left: 24px;border-left: 1px solid #E1D7C7;} #header .ji-esw__right .ji-contact-card {margin-bottom: 24px;} #header .ji-esw__right .ji-contact-card__title {font-size: 18px;} #header .ji-esw__related-title {margin: 0;margin-bottom: 16px;font: unset;font-size: 18px;font-weight: 700;} #header .ji-esw__related {list-style: disc;padding-left: 24px;font: unset;margin: 0;display: flex;flex-flow: column;row-gap: 8px;} #header .ji-esw__related li {list-style: unset;border: 0;font: unset;} #header .ji-esw__related li a {font: unset;font-size: 16px;text-decoration: underline;background: unset;padding: 0;} #header .ji-esw__related li a:hover {text-decoration: none;background: unset;} @media (min-width: 768px) { body:has(.search-whisperer.active)::after {content: "";position: fixed;inset: 0;background: #44352E;opacity: 0.5;z-index: 10;pointer-events: none;} body:has(.search-whisperer.active) #header {z-index: unset;} body:has(.search-whisperer.active) #header .search {z-index: 11;} #header .search-whisperer {--ji-search-whisperer-margin-inline: -22px;margin-top: 4px;} } @media (min-width: 992px) { #header .search-whisperer {width: calc(var(--ji-container-width) - 2 * var(--ji-container-padding) - var(--ji-site-name-width) - 2 * var(--ji-search-whisperer-margin-inline));left: var(--ji-search-whisperer-margin-inline);} } @media (min-width: 768px) and (max-width: 991px) { #header .search-whisperer {left: calc(-1 * var(--ji-site-name-width) + var(--ji-search-whisperer-margin-inline));width: calc(var(--ji-container-width) - 2 * var(--ji-container-padding) - 2 * var(--ji-search-whisperer-margin-inline));} #header .ji-search-whisperer__aside {flex: 1;} } @media (max-width: 767px) { body {--ji-search-height: 46px;} body:has(.search-whisperer.active)::after {content: "";position: fixed;inset: 0;background: #44352E;opacity: 0.5;z-index: 10;pointer-events: none;} body:has(.search-whisperer.active) #header {z-index: unset;} body:has(.search-whisperer.active):not(.ji-fixed-header) #header .ji-header-search {z-index: 11;position: relative;} body:has(.search-whisperer.active) #header .search-input {border: 1px solid #E1D7C7;} #header .search-whisperer {position: absolute;inset-inline: 0px;width: unset;margin-top: 0;border-radius: 14px;flex-flow: column;top: 100%;max-height: calc(100dvh - var(--ji-site-msg-height) - var(--ji-header-top-height) - var(--ji-search-height) - 24px);} #header .ji-search-whisperer__close-btn {position: absolute;top: 12px;right: 0px;display: inline-block;width: 35px;height: 35px;background: var(--icon-close) no-repeat center / contain;border: 0;appearance: none;z-index: 1;} #header .ji-search-whisperer__aside {flex: unset;border-right: 0;margin-right: 0;padding-right: 0;order: 1;} #header .ji-search-whisperer__aside-section:last-child {padding-bottom: 0;} #header .search-whisperer:has(.search-whisperer-products) .ji-search-whisperer__aside-section:first-child {border-top: 1px solid #E1D7C7;margin-top: 24px;padding-top: 24px;} #header .search-whisperer-products {display: flex;flex-flow: row wrap;column-gap: var(--ji-column-gap);--ji-column-gap: 16px;--ji-columns: 2;} #header .search-whisperer-products li {flex: 0 0 calc((100% - (var(--ji-columns) - 1) * var(--ji-column-gap, 0px)) / var(--ji-columns));overflow: hidden;} #header .search-whisperer-products li a {display: flex;flex-flow: column;} #header .search-whisperer-products .search-whisperer-image {width: 100%;margin-bottom: 16px;} #header .search-whisperer-products .search-whisperer-image img {width: 100%;height: auto;} #header .search-whisperer-products .p-name {font: unset;font-size: 18px;font-weight: 500;margin-bottom: 0;padding-bottom: 24px;margin-bottom: 10px;} #header .search-whisperer-products .price {text-align: center;} #header .search-whisperer-products .p-availability {order: 1;margin-top: 12px;text-align: center;width: 100%;} #header .ji-esw {display: flex;flex-flow: column;} #header .ji-esw__header {padding-block: 12px 36px;margin: 0;} #header .ji-esw__footer {padding-block: 36px;margin: 0;} #header .ji-esw__right {border-left: 0;padding-left: 0;margin: 0;} } @media (max-width: 479px) { #header .ji-esw__header {padding-bottom: 24px;} #header .ji-esw__footer {padding-block: 24px;} } /* Smartsupp */ @media (max-width: 767px) { .cart-window-visible #smartsupp-widget-container {display: none!important;} #smartsupp-widget-container>div {transition: transform .15s;} body:has(.fixed-cta.--sticky) #smartsupp-widget-container>div {transform: translateY(-100px);} /* support chat bubble (iframe from an add-on) sits above the sticky CTA bar instead of covering its button */ #supportBox-iframe {transition: transform .15s;} body:has(.fixed-cta.--sticky) #supportBox-iframe {transform: translateY(calc(-1 * var(--ji-fixed-cta-height, 72px)));} /*body.user-action-visible.cart-window-visible #smartsupp-widget-container>div {transform: translateY(-60px);}*/ } /* Colorbox */ #cboxClose {background-color: transparent!important;width: 35px;height: 35px;top: 10px;right: 10px;} #cboxClose:hover:before {transform: rotate(180deg);} #cboxClose:before {content: "";transition: .5s;left: 0;width: 35px;height: 35px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none' viewBox='0 0 35 35'%3E%3Cpath fill='%2344352E' d='M11.657 22.97c-.147-.146-.229-.345-.229-.552s.082-.406.229-.552l10.209-10.21c.146-.146.345-.228.552-.228s.406.082.553.229c.146.146.228.345.228.552s-.082.406-.228.553L12.76 22.97c-.146.146-.344.228-.552.228-.207 0-.406-.082-.552-.228'/%3E%3Cpath fill='%2344352E' d='m21.866 22.97-10.21-10.208c-.146-.147-.228-.346-.228-.553s.082-.406.229-.552c.146-.147.345-.229.552-.229s.406.082.553.229L22.97 21.866c.146.146.228.345.228.552s-.082.406-.228.553c-.147.146-.346.228-.553.228s-.406-.082-.552-.228'/%3E%3C/svg%3E");} /* Instagram */ .instagram-block {text-align: center;padding: 56px 0 40px 0;} .instagram-block h2 {margin: 0 0 16px 0;} .instagram-block__subtitle {margin-bottom: 30px;} .instagram-block__subtitle a {text-decoration: underline;} .instagram-block__subtitle a:hover {text-decoration: none;} .instagram-block h4 {display: none;} .instagram-widget {max-width: 100%;margin-bottom: 1px;display: flex;flex-flow: row wrap;column-gap: var(--ji-column-gap);--ji-column-gap: 12px;--ji-columns: 8;row-gap: 12px;justify-content: start;padding: 0 8px 8px 8px;} .instagram-widget.columns-3>a {border-radius: 0px;--ji-width: calc((100% - (var(--ji-columns) - 1) * var(--ji-column-gap, 0px)) / var(--ji-columns));padding-bottom: var(--ji-width);width: var(--ji-width);position: relative;} .instagram-widget.columns-3>a:hover img {opacity: 0.8;} .instagram-widget>a:nth-of-type(+n+9) {display: none;} .instagram-follow-btn {display: none;} @media (max-width: 767px) { .instagram-block {padding: 32px 0px 24px 0px;} .instagram-widget {--ji-columns: 2;--ji-column-gap: 16px;padding-left: 16px;padding-right: 16px;} .instagram-widget.columns-3>a:nth-of-type(+n+5) {display: none;} .instagram-block h2 {text-align: left;} .instagram-block__title::before {display: none;} .instagram-block__subtitle {text-align: left;} } /* Herbyway club */ .herbyway-club {background-color: #E1D7C780;padding: 48px 0;display: none;} .herbyway-club .container {display: flex;flex-flow: row wrap;} .herbyway-club__image {flex: 0 0 350px;} .herbyway-club__text {flex: 1;padding-left: 48px;} .herbyway-club__text p {padding-right: 20px;margin-bottom: 8px;} .herbyway-club__text h2 {margin: 0;padding: 20px 0 15px 0;display: flex;align-items: center;} .herbyway-club__text h2::after {content: "";margin-left: 20px;width: 92px;flex: 0 0 92px;height: 54px;display: inline-flex;background-image: url(../img/icons/deco-herbyway-club-title.svg);} .herbyway-club__btn {flex: 0 0 100%;text-align: center;padding-top: 25px;} .herbyway-club__btn .btn {display: inline-flex;align-items: center;} .herbyway-club__btn .btn::after {content: "";width: 16px;height: 16px;margin-left: 8px;flex: 0 0 16px;background-image: var(--icon-btn-arrow-right);} .herbyway-club__bottom {padding: 16px 24px;margin-top: 24px;border-radius: 16px;background-color: #E1D7C7;display: flex;flex-flow: row wrap;} .herbyway-club__subtitle {font-weight: bold;width: 100%;padding-bottom: 8px;} .herbyway-club__item {width: 33.333%;padding: 6px 15px 6px 22px;position: relative;} .herbyway-club__item::before {content: "";width: 16px;height: 16px;position: absolute;left: 0;top: 50%;margin-top: -8px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2344352E' d='M5.408 11.797c-.473-.532-.855-1.052-1.224-1.556q-.508-.689-.874-1.46c-.152-.313-.22-.628.11-.832.947-.581 1.141-.026 1.656.619.305.382.754 1.011 1.036 1.41.27.38.598-.306.729-.5.465-.688 1.675-2.372 2.175-2.994.475-.59 2.007-2.246 2.293-2.51.243-.223.757-.715 1.102-.444.363.285.54.827.285 1.18-.444.612-1.142 1.196-1.624 1.78-.978 1.182-1.903 2.456-2.79 3.724-.302.431-.726 1.153-.989 1.621-.492.875-.924 1.041-1.885-.039'/%3E%3C/svg%3E");} @media (max-width: 991px) { .herbyway-club__image {flex: 0 0 170px;} } @media (max-width: 767px) { .herbyway-club {padding: 32px 0;} .herbyway-club .container {position: relative;} .herbyway-club__image {width: 135px;position: absolute;left: 16px;top: 0;} .herbyway-club__text {padding-left: 0;} .herbyway-club__text h2 {padding-left: 155px;min-height: 140px;margin-bottom: 24px;} .herbyway-club__text h2::after {display: none;} .herbyway-club__item {width: 100%;} .herbyway-club__btn .btn {width: 100%;justify-content: center;} } /* Heureka */ .heureka-block-new {position: relative;border-bottom: 1px solid #5A4C44;padding: 48px 0px;} .heureka-block-new .info-block {display: flex;align-items: center;width: 100%;} .heureka-block-new .heureka-inner {display: flex;flex-flow: row wrap;justify-content: space-between;width: 100%;} .info-block__item h4 {margin: 0 0 5px 0;;} .info-block__item h4 .rate-average {color: #F7EEDD;font-size: 28px;margin: 0;line-height: 1;font-weight: 500;display: flex;align-items: center;} .heureka-block-new .info-block__item {padding-right: 25px;} .heureka-block-new .info-block__item.--eshop h4 .rate-average:after {content: " %";} .heureka-block-new .info-block__item:not(.--eshop) {padding-left: 105px;position: relative;} .info-block__item {min-height: 90px;display: flex;align-items: center;} .info-block__item::before {content: "";position: absolute;width: 88px;height: 88px;left: 0;top: 50%;margin-top: -44px;display: block;background-size: contain;background-repeat: no-repeat;} .info-block__item.--heureka::before {background-image: url(https://im9.cz/ms/shopdetail/img/logo-verified-by-customers-gold--cs.svg);} .info-block__item.--zbozi::before {background-image: url(../img/seznam-badge.svg);} .info-block__item.--google::before {background-image: url(../img/google-badge.svg);} .info-block__item a:not(.btn) {color: #F7EEDD;font-size: 14px;text-decoration: none;} .info-block__item a:not(.btn) span {font-weight: 700;} .info-block__item a:not(.btn) u {color: #F7EEDD;} .info-block__item a:not(.btn):hover u {text-decoration: none;} .heureka-block-new .info-block .number {width: 88px;height: 88px;flex: 0 0 88px;line-height: 88px;background-color: #F7EEDD;text-align: center;margin-right: 15px;color: #44352E;border-radius: 50%;font-size: 32px;font-weight: 400;position: relative;} .heureka-block-new .info-block .number .rate-average {color: #44352E;font-weight: 400;line-height: 1;} .heureka-block-new .info-block .stars-label {color: #0d73d1;} .heureka-block-new .info-block .info-block__description {font-size: 16px;line-height: 1.4;} .heureka-block-new .info-block .info-block__description a {font-weight: 600;color: #005E43;text-decoration: underline;display:block;} .heureka-block-new .info-block .info-block__description a:hover {text-decoration: none;} .heureka-block-new .heureka-block-new__btn {display:inline-block;height:unset;width:unset;color:inherit;text-transform:none;border:1px solid #CCCCCC;border-radius:100px;overflow: hidden;font-weight: 600;font-size: 14px;line-height:1;padding:12px 20px;margin-left: auto;} .heureka-block-new .heureka-block-new__btn.--mobile {display: none;margin-left: unset;} .heureka-block-new .heureka-block-new__btn:hover {background-color: #F6F6F6;} .heureka-block-new .heureka-block-new__btn::after {content:"";display:inline-block;width:16px;height:16px;margin-left:12px;background-image:var(--icon-chevron-right--dark);vertical-align: middle;} .heureka-block-new .heureka-block-new__buttons {display: flex;justify-content: center;width:100%;} /* Collab */ .--top-block {display: flex;align-items: center;margin-bottom: 35px;width: 100%;justify-content: space-between;flex-flow: row wrap;} .--top-block.--products {margin-bottom: 0;row-gap: 8px;} .--top-block h2 {margin: 0;} .--top-block a {text-decoration: underline;} .--top-block a:hover {text-decoration: none;} .collab::before {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: 0;z-index: 0;} .collab::after {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;bottom: 0;z-index: 0;} .collab {padding: 55px 0;position: relative;} .collab__items {display: flex;flex-flow: row wrap;justify-content: space-between;} .collab__item {width: calc(33.333% - 24px);position: relative;background-color: #ECE3D2;border-radius: 24px;margin: 20px 0;padding: 16px 16px 16px 105px;} .collab__item .collab__name {text-decoration: underline;margin-bottom: 8px;display: block;font-size: 18px;} .collab__item .collab__name:hover {text-decoration: none;} .collab__item p {font-style: italic;margin-bottom: 0;} .collab__item p a {text-decoration: underline;text-underline-offset: 3px;} .collab__item p a:hover {text-decoration: none;} .collab__post {color: #71635A;margin-bottom: 5px;} .collab__image {width: 105px;height: 105px;border-radius: 50%;overflow: hidden;position: absolute;left: -14px;top: -14px;} @media (max-width: 991px) { .collab__item {width: calc(50% - 24px);} } @media (max-width: 767px) { .--top-block {flex-direction: column;justify-content: flex-start;align-items: flex-start;} .--top-block h2 {margin-bottom: 8px;} .collab__item {margin: 24px;margin-top: 14px;margin-bottom: 0;margin-right: 24px;} .slick-slide.collab__item>div {height: auto;} .--top-block.--products {margin-bottom: 20px;} } /* Herby Way */ .herby-way::before {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;bottom: -140px;z-index: 0;} .herby-way::after {content: "";z-index: -1;width: 516px;height: 373px;position: absolute;left: -230px;bottom: -80px;background-image: url(../img/icons/deco-herby-way.svg);} .custom-footer .herby-way::after {background-image: none;} .herby-way {background-color: #ECE3D2;border-radius: 36px;margin: 140px 60px;display: flex;flex-flow: row wrap;position: relative;} .herby-way__author {width: 30%;align-self: flex-end;position: relative;} .herby-way__author-tag {background-color: #E1D7C7;max-width: 305px;width: 100%;border-radius: 12px;padding: 8px 16px;text-align: center;position: absolute;bottom: -44px;left: 50%;margin-left: -152px;} .herby-way__author-tag strong {display: block;} .herby-way__text {width: 70%;padding: 56px 32px 32px 44px;} .herby-way__text h3 {margin: 0 0 16px 0;font-weight: 400;font-size: 32px;} .herby-way__row {display: flex;justify-content: space-between;margin-top: 24px;} .herby-way__column {width: calc(25% - 16px);position: relative;display: flex;flex-direction: column;} .herby-way__column img {margin: auto auto 0 auto;display: block;} .herby-way__column span {width: 32px;height: 32px;margin-bottom: 10px;background-color: #E1D7C7;border-radius: 50%;font-size: 18px;font-weight: 700;display: block;text-align: center;line-height: 32px;} .herby-way__column span::after {content: "";width: calc(100% - 56px);height: 1px;background-color: #CAC0B1;position: absolute;right: 0;top: 16px;} .herby-way__btn {display: flex;justify-content: flex-end;margin-top: 24px;} .herby-way__btn .btn {display: flex;align-items: center;} .herby-way__btn .btn::after {content: "";width: 16px;height: 16px;margin-left: 8px;flex: 0 0 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F7EEDD' d='m15.817 7.558-3.267-3.25c-.244-.243-.64-.243-.884.002-.243.245-.242.64.003.884l2.192 2.182H.625C.28 7.375 0 7.655 0 8s.28.625.625.625h13.236l-2.192 2.182c-.245.243-.246.64-.003.884.244.245.64.245.884.002l3.266-3.25c.245-.245.245-.642 0-.885'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .125h16v15.75H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .herby-way__author-mobile {display: none;} @media (max-width: 1199px) { .herby-way__text {padding-left: 0;} } @media (max-width: 991px) { .herby-way::before {bottom: -24px;} .herby-way {margin: 24px 0;} .herby-way__author-mobile {display: block;width: 40%;} .herby-way__author {width: 100%;} .herby-way__text-inner-p {width: 60%;padding-left: 16px;} .herby-way__author-tag {position: static;margin-left: -10px;} .herby-way>.herby-way__author {display: none;} .herby-way__text {width: 100%;padding: 24px;} .herby-way__text h3 {font-weight: 400;} .herby-way__text-inner {display: flex;align-items: center;} } @media (max-width: 767px) { .herby-way::before {display: none;} .herby-way {margin: 54px 0;margin-bottom: 130px;} .herby-way__row {flex-flow: row wrap;} .herby-way__column {width: calc(100% - 110px);margin-left: auto;margin-bottom: 24px;} .herby-way__column img {position: absolute;left: -110px;top: 0;} .herby-way__column:last-of-type {margin-bottom: 0;} .herby-way::after {width: 242px;height: 175px;background-size: contain;left: 0;bottom: -130px;} .herby-way__text-inner-p {padding-left: 10px;} } /* HP categories */ .hp-categories {position: relative;padding: 48px 0;margin-bottom: 56px;} .hp-categories h2 {margin: 0 0 14px 0;} body:not(.in-index) .hp-categories {border-bottom: 1px solid #E2D5BC;border-top: 1px solid #E2D5BC;margin-bottom: 0;padding: 36px 0;} body.in-index .hp-categories::after {content: "";display: block;background: #E1D7C780;height: 100%;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: 0;z-index: -1;} .hp-categories__inner {display: flex;flex-flow: row wrap;margin-left: -10px;margin-right: -10px;} .hp-categories__inner a {border: 1px solid #E1D7C7;padding: 24px;border-radius: 20px;background-color: #FEF9F0;width: calc(20% - 20px);margin: 10px;} .hp-categories__inner a span {display: block;text-align: center;text-decoration: underline;} .hp-categories__image {margin: auto;margin-bottom: 14px;width: 94px;height: 94px;text-align: center;} .hp-categories__inner a:hover {transform: scale(1.05);} @media (max-width: 991px) { .hp-categories__inner a {width: calc(50% - 20px);} } @media (max-width: 767px) { .hp-categories {padding: 48px 0 38px 0;margin-bottom: 32px;} } /* USPs */ .benefitBanner {margin: 42px 0;position: relative;} body.type-detail .benefitBanner {display: none;} .benefitBanner h2 {width: 100%;margin: 0 0 24px 0;} .benefitBanner__item {padding: 16px 24px;margin-bottom: 0;} .benefitBanner__item:hover .benefitBanner__title {text-decoration: none;} .benefitBanner__picture {margin-right: 16px;flex: 0 0 92px;max-width: 92px;} .benefitBanner__title {text-decoration: underline;display: block;margin-bottom: 8px;font-size: 16px;} body.type-detail .benefitBanner {padding-top: 56px;padding-bottom: 14px;} body.type-detail .benefitBanner::before {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: 0;z-index: 0;} @media (max-width: 1199px) { .benefitBanner__picture {flex: 0 0 64px;max-width: 64px;} .benefitBanner__item {padding: 10px;} } @media (max-width: 767px) { .benefitBanner {display: flex;flex-flow: row wrap;} .benefitBanner__item {flex: 0 0 50%;padding: 16px;} .benefitBanner__link {flex-direction: column;} .benefitBanner__picture {margin-right: 0;margin-bottom: 16px;} .benefitBanner__content {padding-right: 0;} .benefitBanner__title {text-align: center;} .benefitBanner__data {text-align: center;} .benefitBanner.container {padding-left: 0;padding-right: 0;} body.type-detail .benefitBanner {padding-top: 36px;margin-top: 0px;} body.type-detail .benefitBanner__item {flex: 0 0 100%;text-align: left;padding: 16px 0;} body.type-detail .benefitBanner__link {flex-direction: row;} body.type-detail .benefitBanner__title {text-align: left;} body.type-detail .benefitBanner__data {text-align: left;} body.type-detail .benefitBanner__picture {margin-right: 16px;margin-bottom: 0;} } @media (max-width: 479px) { body.type-detail .benefitBanner {padding-top: 0;border-top: 0;} body.type-detail .benefitBanner::before {content: unset;} } /* Carousel */ .homepage-box {border: 0;padding: 0;margin: 0;} .banners-row:has(.carousel) .col-sm-8 {width: 64.7%;} .banners-row:has(.carousel) .col-sm-4 {width: 35.3%;padding-left: 24px;} .banners-row .banner-wrapper+.banner-wrapper {margin-top: 24px;} .banners-row:has(.carousel) {margin: 48px 0 10px 0;} #carousel {border-radius: 24px;overflow: hidden;} .carousel-control.left, .carousel-control.right {opacity: 1;} .carousel:hover .carousel-control.right:before {right: 5px;} .carousel:hover .carousel-control.left:before {left: 5px;} .carousel-control.right:before {right: 5px;background-repeat: no-repeat;background-position: center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' fill='none' viewBox='0 0 10 16'%3E%3Cpath fill='%2344352E' d='M9.333 8c0 .186-.07.372-.211.514L1.9 15.787c-.283.284-.74.284-1.022 0s-.282-.745 0-1.029L7.59 8 .878 1.241C.596.957.596.497.878.213c.283-.284.74-.284 1.022 0l7.222 7.273c.14.142.211.328.211.514'/%3E%3C/svg%3E");} .carousel-control.left:before {left: 5px;background-repeat: no-repeat;background-position: center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' fill='none' viewBox='0 0 10 16'%3E%3Cpath fill='%2344352E' d='M.667 8c0-.186.07-.372.211-.514L8.1.213c.283-.284.74-.284 1.022 0s.282.744 0 1.029L2.41 8l6.712 6.759c.282.284.282.744 0 1.028-.283.284-.74.284-1.022 0L.878 8.514C.738 8.372.667 8.186.667 8'/%3E%3C/svg%3E");} .carousel-control:before {opacity: 1;border-radius: 0;width: 32px;height: 32px;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);border: 1px solid #CAC0B1;border-radius: 50%;background-color: #F7EEDD;content: ""!important;} @media (max-width: 767px) { .banners-row:has(.carousel) {margin: 0 -18px!important;} .banners-row:has(.carousel) .col-sm-8 {width: 100%;} .banners-row:has(.carousel) .col-sm-4 {width: 100%;} .next-to-carousel-banners .banner-wrapper {margin-top: 24px;} #carousel {margin-left: -15px;margin-right: -15px;padding-left: 15px;padding-right: 15px;} .carousel-control.right:before {right: 2px!important;} .carousel-control.left:before {left: 2px!important;} } /* Footer */ #footer {background-color: #44352E;padding-bottom: 15px;background-image: url(../img/footer-bg.svg);background-size: 2476px;background-position: center top;} #footer>.container {background-color: transparent;} .custom-footer {padding-left: 0;padding-top: 64px;border-top: 0;} #footer .site-name {display: none;} #footer h4 {color: #F7EEDD;font-size: 24px;font-weight: 400;text-transform: initial;} #footer ul a {color: #F7EEDD;text-decoration: underline;padding: 5px 0;} #footer ul a:hover {color: #F7EEDD;text-decoration: none;} .custom-footer>div {width: 33.333%;} @media (min-width: 1440px) { .custom-footer>div {width: 19%;} } .custom-footer>div:has(.footer-contact) {padding-left: 0;width: 24%;} .footer-contact {position: relative;color: #F7EEDD;--ji-image-size: 64px;display: flex;flex-flow: row wrap;align-items: start;gap: 16px;} .footer-contact .footer-contact__image {width: var(--ji-image-size);height: var(--ji-image-size);position: relative;flex: 0 0 var(--ji-image-size);} .footer-contact .footer-contact__image::before {content: "";display: block;width: 100%;height: 100%;background: url(../img/people/jana-circle-128.png) no-repeat center / contain;border-radius: 50%;border: 1px solid #9E9286;} .footer-contact .footer-contact__image:has(img)::before {display: none;} .footer-contact .footer-contact__image img {display: block;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #9E9286;object-fit: cover;} .footer-contact.--on .footer-contact__image::after {content: "";display: block;width: 13px;height: 13px;border-radius: 100%;background: #719D54;position: absolute;bottom: 2px;right: 2px;} .footer-contact .footer-contact__in {flex: 1;} .footer-contact h4 {margin-bottom: 0;padding-top: 10px;display: block;} .footer-contact p {font-size: 14px;margin-bottom: 30px;} a.contact-item {color: #F7EEDD;margin-bottom: 24px;width: 100%;} a.contact-item div:nth-of-type(2) {font-size: 14px;color: #CAC0B1;} a.contact-item:hover div:nth-of-type(1) {text-decoration: none;} a.contact-item div:nth-of-type(1) {font-size: 24px;font-weight: bold;text-decoration: underline;padding-left: 30px;position: relative;} a.contact-item div:nth-of-type(1)::before {content: "";width: 24px;height: 25px;position: absolute;left: 0;top: 0;} a.contact-item.--tel div:nth-of-type(1)::before {background-image: url(../img/icons/contact-tel.svg);} a.contact-item.--email div:nth-of-type(1)::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E%3Cpath fill='%23F7EEDD' d='M22 3.5H2c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h20c1.103 0 2-.897 2-2v-14c0-1.103-.897-2-2-2m-20 1h20c.074 0 .139.027.208.042-1.732 1.585-7.473 6.837-9.482 8.647-.158.142-.411.311-.726.311s-.568-.169-.726-.311c-2.01-1.81-7.75-7.063-9.482-8.647.07-.015.134-.042.208-.042m-1 15v-14c0-.098.03-.187.056-.276 1.325 1.213 5.331 4.877 7.929 7.24-2.59 2.224-6.596 6.023-7.932 7.297C1.029 19.676 1 19.592 1 19.5m21 1H2c-.08 0-.15-.028-.225-.046 1.38-1.315 5.413-5.136 7.956-7.313l.874.79c.412.373.894.569 1.395.569s.983-.196 1.395-.568l.874-.79c2.544 2.175 6.576 5.996 7.957 7.312-.075.018-.146.046-.226.046m1-1c0 .092-.03.176-.053.26-1.336-1.274-5.343-5.073-7.932-7.296 2.598-2.363 6.603-6.027 7.929-7.24.027.09.056.178.056.276z'/%3E%3C/svg%3E");} .custom-footer>div:has(.footer-socials) {width: 100%;} .footer-socials {display: flex;flex-flow: row wrap;justify-content: flex-end;position: relative;align-items: center;} .footer-socials div {padding: 0 0 0 50px;color: #F7EEDD;} .footer-socials .soc-item {width: 48px;height: 48px;flex: 0 0 48px;margin-left: 14px;border-radius: 50%;} .footer-socials .soc-item:hover {background-color: #5A4C44;} .footer-socials .soc-item.--fb {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Crect width='47' height='47' x='.5' y='.5' stroke='%235A4C44' rx='23.5'/%3E%3Cpath fill='%23F7EEDD' d='M26.088 37.481V25.183h4.126l.62-4.794h-4.746v-3.06c0-1.388.384-2.333 2.376-2.333L31 14.995v-4.288c-.438-.057-1.944-.188-3.697-.188-3.66 0-6.164 2.234-6.164 6.335v3.535h-4.14v4.794h4.14v12.298z'/%3E%3C/svg%3E");} .footer-socials .soc-item.--ins {background-image: url(../img/icons/footer-instagram.svg);} .footer-socials .soc-item.--yt {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Crect width='47' height='47' x='.5' y='.5' stroke='%235A4C44' rx='23.5'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F7EEDD' d='M31.892 14.447H16.108c-3.097 0-5.608 2.51-5.608 5.608v7.89c0 3.097 2.51 5.608 5.608 5.608h15.784c3.097 0 5.608-2.51 5.608-5.608v-7.89c0-3.097-2.51-5.608-5.608-5.608M28.1 24.384l-7.383 3.521c-.197.094-.424-.05-.424-.267v-7.263c0-.221.233-.364.43-.264l7.384 3.741c.219.111.215.426-.007.532'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M10.5 10.5h27v27h-27z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .footer-socials::before {content: "";flex: 1;height: 1px;background-color: #5A4C44;} .footer-media {display: flex;align-items: center;color: #F7EEDD;padding: 28px 0 48px 0;border-bottom: 1px solid #5A4C44;} .footer-media__title {padding-right: 24px;} .custom-footer>div:has(.footer-bott) {width: 100%;} .footer-bott {display: flex;align-items: center;padding: 55px 0 0 0;} .footer-bott__left {width: 50%;display: flex;align-items: center;flex-flow: row wrap;} .footer-bott__image {margin: 5px 25px 5px 0;} .footer-bott__right {width: 50%;color: #F7EEDD;text-align: right;} .copyright {display: none;} #signature {width: 100%;color: #F7EEDD;font-size: 14px;margin: 0;} #signature a {color: #F7EEDD;} #signature a:hover {color: #F7EEDD;text-decoration: underline;} #signature img {width: 14px;margin-right: 8px;} .footer-rows+.footer-bottom {padding-top: 0;} #signature a.signature__agency:hover::after {transform: scale(1.05);} #signature a.signature__agency::after {display: inline-flex;margin-right: 5px;content: "";width: 36px;height: 11px;background-repeat: no-repeat;background-size: contain;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='15' fill='none' viewBox='0 0 98 30'%3E%3Cpath fill='%23F7EEDD' fill-rule='evenodd' d='M18.417 0h6.14v30H3.37L0 26.673V18h6.139v6l12.278.065zm30.695 0v12h12.155V0h6.139v11.666l-3.279 3.217 3.279 3.196V30h-6.14V18H49.113v12h-6.139V18.08l3.264-3.182v-.03l-3.264-3.202V0h6.14zm42.88 30H79.573l-6.13-6h-.009V6l6.14-5.98V0h12.418v.148L98 6v18h-6.008zm-.131-6V6H79.573v18zM30.695 12h6.14v18h-6.14zm0-12h6.14v6h-6.14z' clip-rule='evenodd'/%3E%3C/svg%3E");} /* Footer rating */ .custom-footer>div:has(.info-block__item) {width: 100%;} @media (max-width: 1439px) { .custom-footer>div:has(.footer-contact) {width: 66.6666%;} } @media (max-width: 1199px) { .heureka-block-new .info-block {flex-flow: row wrap;} .info-block__item {width: 50%;margin-bottom: 24px;} } @media (max-width: 767px) { #footer>.container {padding-left: 16px;padding-right: 16px;} #footer {padding-bottom: 30px;background-image: unset;} .banner-wrapper {margin-top: 0;} .custom-footer {padding-top: 50px;} .custom-footer>div {padding-left: 0;padding-right: 0;width: 100%;padding-top: 0;padding-bottom: 0;} #footer ul {display: none;margin-top: 0;} #footer .custom-footer>div:nth-of-type(-n+4) h4 {margin-bottom: 0;padding: 12px 0;padding-right: 25px;position: relative;} #footer .custom-footer>div:nth-of-type(-n+4) h4::after {content: "";width: 16px;height: 9px;position: absolute;right: 0;top: 50%;margin-top: -4px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' fill='none' viewBox='0 0 16 9'%3E%3Cpath fill='%23E1D7C7' d='M8 8.864c-.186 0-.372-.071-.514-.213L.213 1.378C-.07 1.094-.07.634.213.35s.744-.284 1.029 0L8 7.108 14.759.35c.284-.284.744-.284 1.028 0s.284.744 0 1.028L8.514 8.651c-.142.142-.328.213-.514.213'/%3E%3C/svg%3E");} #footer .custom-footer>div:nth-of-type(-n+4) h4.--open::after {transform: rotate(180deg);} .custom-footer>div:has(.footer-contact) {width: 100%;position: relative;} .custom-footer>div:has(.footer-contact) .banner {overflow: visible;} #footer .footer-contact h4::after {display: none;} #footer .footer-contact h4 {padding: 10px 0 0 0;} .footer-contact {margin-top: 24px;padding-bottom: 24px;} .custom-footer>div:has(.footer-contact)::before {content: "";position: absolute;top: -30px;left: -16px;background-image: url(../img/footer-mobile-bg.svg);width: 326px;height: 224px;} .custom-footer>div:has(.heureka-block-new) .banner {overflow: visible;} .info-block__item {width: 100%;} .info-block__item:last-of-type {margin-bottom: 0;} .heureka-block-new::before {content: "";position: absolute;top: 100px;right: -16px;background-image: url(../img/footer-mobile-bg-1.svg);width: 223px;height: 148px;} .footer-media {flex-flow: row wrap;} .footer-media__title {width: 100%;margin-bottom: 24px;} .footer-bott {flex-flow: row wrap;padding: 48px 0 0 0;} .footer-bott__left {width: 100%;text-align: left;padding-bottom: 24px;} .footer-bott__right {width: 100%;text-align: left;} #signature, .copyright {text-align: left;} } /* Verifed */ .stars .star.is-active:hover, .stars .star.star-half:before, .stars .star.star-on:before {color: #EBBB10;} .verifed .stars a:before, .verifed .stars span:before {font-size: 20px;} .verifed .stars a, .verifed .stars span {font-size: 20px;height: 20px;width: 21px;} .verifed .stars {width: 108px;height: 20px;} body:not(.in-index) .verifed::before {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: 0;z-index: 0;} .verifed {padding-top: 50px;padding-bottom: 50px;position: relative;} .verifed__inner {display: flex;flex-flow: row wrap;} .verifed .vote-wrap:nth-of-type(+n+5) {display: none;} .verifed .vote-wrap:nth-of-type(1) {border-left: 0;padding-left: 0;} .verifed .vote-wrap:nth-of-type(4) {padding-right: 0;} .verifed .vote-wrap {width: 25%;border-left: 1px solid #CAC0B1;padding: 0 32px;margin: 5px 0;} .verifed .vote-content {font-style: italic;font-size: 16px;padding-bottom: 16px;min-height: 110px;} .verifed .vote-pic {display: none;} .verifed .vote-delimeter {display: none;} .verifed .vote-name {font-size: 16px;font-weight: 700;margin-bottom: 0;} .verifed .vote-time {font-size: 14px;color: #44352E;} .verifed .--verifed {font-weight: 700;font-size: 16px;padding: 6px 8px 6px 26px;background-color: #E1D7C7;border-radius: 40px;white-space: nowrap;position: relative;} .verifed .--verifed::before {content: "";width: 18px;height: 18px;position: absolute;left: 4px;top: 5px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%2344352E' d='m17.6 7.866-1.224-1.421c-.234-.27-.423-.774-.423-1.134V3.78c0-.953-.783-1.736-1.737-1.736h-1.53c-.35 0-.864-.19-1.134-.423L10.13.398c-.62-.53-1.638-.53-2.268 0L6.449 1.631c-.27.225-.783.414-1.134.414H3.758c-.954 0-1.737.783-1.737 1.736V5.32c0 .35-.19.855-.414 1.125L.392 7.875c-.523.621-.523 1.629 0 2.25l1.215 1.43c.225.27.414.774.414 1.125v1.539c0 .954.783 1.736 1.737 1.736h1.557c.35 0 .864.19 1.134.423l1.422 1.224c.621.53 1.638.53 2.268 0l1.422-1.224c.27-.234.774-.423 1.134-.423h1.53c.954 0 1.738-.783 1.738-1.736v-1.53c0-.35.188-.864.423-1.134l1.224-1.421c.522-.621.522-1.647-.01-2.268M12.74 7.3l-4.347 4.346c-.126.126-.297.198-.477.198s-.351-.072-.477-.198L5.261 9.468C5 9.207 5 8.775 5.26 8.514c.26-.26.693-.26.954 0l1.701 1.7 3.87-3.868c.261-.261.693-.261.954 0 .261.26.261.692 0 .953'/%3E%3C/svg%3E");} @media (max-width: 1439px) { .verifed .vote-wrap {width: 33.3333%;padding: 10px;} .verifed .vote-wrap:nth-of-type(4) {display: none;} } @media (max-width: 1199px) { .verifed .vote-wrap {width: 50%;padding: 10px;} .verifed .vote-wrap:nth-of-type(3) {display: none;} } @media (max-width: 767px) { .verifed {padding: 32px 24px;} .verifed .vote-wrap:nth-of-type(3), .verifed .vote-wrap:nth-of-type(4) {display: block;} .verifed .vote-wrap {border: 0;padding: 0 2px;} .verifed .vote-content {min-height: 0;} .verifed .slick-slide>div {height: auto;} } /* Shorts */ /* lazySlick (script.js): a carousel waiting for its init near the viewport - one row with the slick slide width and gap, so its height barely changes on init */ .ji-lazy-slick:not(.slick-initialized) {--ji-slide-w: calc((100% - (var(--ji-slides, 1) - 1) * var(--ji-slide-gap, 0px)) / var(--ji-slides, 1));display: grid !important;grid-template-columns: repeat(var(--ji-slides, 1), var(--ji-slide-w));grid-auto-columns: var(--ji-slide-w);grid-auto-flow: column;column-gap: var(--ji-slide-gap, 0px);row-gap: 0;overflow: hidden;} .ji-lazy-slick:not(.slick-initialized) > * {grid-row: 2;width: auto !important;max-width: none !important;min-width: 0;margin-left: 0 !important;margin-right: 0 !important;float: none !important;} .ji-lazy-slick:not(.slick-initialized)::before {grid-row: 1;grid-column: 1 / -1;} .shorts__inner.ji-lazy-slick:not(.slick-initialized) {--ji-slide-gap: 24px;padding-inline: 12px;} /* = .shorts__inner .slick-slide margins */ .hed-properties__items.ji-lazy-slick:not(.slick-initialized) {--ji-slide-gap: 24px;padding: 12px;align-items: start;} /* = .hed-properties .slick-slide padding, cards keep their own height */ .hed-properties__items.ji-lazy-slick:not(.slick-initialized) .hed-properties__image {height: auto;} /* height: 30% would resolve against the grid row (auto in slick) */ @media (max-width: 767px) { .ji-lazy-slick:not(.slick-initialized) {padding-bottom: 32px;} /* = the slick dots */ .products-block.products[class*="homepage-products-"].ji-lazy-slick:not(.slick-initialized) {padding-bottom: 80px;} /* 48px + the dots */ .shorts__inner.ji-lazy-slick:not(.slick-initialized) {--ji-slide-gap: 0px;padding-inline: 0;} .hed-properties__items.ji-lazy-slick:not(.slick-initialized) {padding-right: 97px;padding-bottom: 44px;} /* + .slick-list padding-right, + the dots */ .collab__items.ji-lazy-slick:not(.slick-initialized) {--ji-slide-gap: 48px;padding-inline: 24px;} /* = .collab__item margins */ #tab-content .hed-studies__items.ji-lazy-slick:not(.slick-initialized) {padding-right: 87px;} /* = .slick-list padding-right */ } .shorts {padding: 55px 0;} .shorts__inner {margin-left: -12px;margin-right: -12px;} .shorts__inner .slick-slide {margin: 0 12px;} .shorts__item {background-color: #FEF9F0;border-radius: 24px;padding: 16px;display: flex!important;} .shorts__item iframe {border-radius: 16px;max-width: 205px;} .shorts__text {flex: 1;padding-left: 24px;display: flex;flex-direction: column;} .shorts__text::before {content: "";display: block;margin: 8px 0;width: 108px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='20' fill='none' viewBox='0 0 108 20'%3E%3Cpath fill='%23EBBB10' d='m10 0 2.821 6.117 6.69.793-4.946 4.573 1.313 6.607L10 14.8l-5.878 3.29 1.313-6.607L.489 6.91l6.69-.793z'/%3E%3Cpath fill='%23EBBB10' d='m32 0 2.821 6.117 6.69.793-4.946 4.573 1.313 6.607L32 14.8l-5.878 3.29 1.313-6.607-4.946-4.573 6.69-.793z'/%3E%3Cpath fill='%23EBBB10' d='m54 0 2.821 6.117 6.69.793-4.946 4.573 1.313 6.607L54 14.8l-5.878 3.29 1.313-6.607-4.946-4.573 6.69-.793z'/%3E%3Cpath fill='%23EBBB10' d='m76 0 2.821 6.117 6.69.793-4.946 4.573 1.313 6.607L76 14.8l-5.878 3.29 1.313-6.607-4.946-4.573 6.69-.793z'/%3E%3Cpath fill='%23EBBB10' d='m98 0 2.821 6.117 6.69.793-4.946 4.573 1.313 6.607L98 14.8l-5.878 3.29 1.313-6.607-4.946-4.573 6.69-.793z'/%3E%3C/svg%3E");} .shorts__text p {font-size: 16px;font-style: italic;} .shorts__bottom {margin-top: auto;padding-top: 8px;} .shorts__bottom div {font-weight: bold;} /* YouTube facade (script.js youtubeFacade): preview + play button in the iframe's box, the player iframe only after a click */ .ji-yt-facade {position: relative;display: block;overflow: hidden;background: #000;cursor: pointer;} .ji-yt-facade img {display: block;width: 100%;height: 100%;object-fit: cover;} .ji-yt-facade::after {content: "";position: absolute;inset: 0;background: url(../img/yt-shorts.png) no-repeat center / 48px;} .shorts__item .ji-yt-facade {border-radius: 16px;max-width: 205px;} /* = .shorts__item iframe */ body.type-detail .shorts {border-top: 1px solid #CAC0B1;border-bottom: 1px solid #CAC0B1;padding: 100px 0;} @media (max-width: 767px) { .shorts {padding: 32px 0;} .shorts__item {flex-direction: column;} .shorts__text {padding-left: 0;padding-top: 16px;} .shorts__item iframe {max-width: 100%;width: 100%!important;} .shorts__item .ji-yt-facade {max-width: 100%;width: 100%!important;} .shorts__inner .slick-slide {margin: 0;} .shorts__inner {margin-left: 0;margin-right: 0;} body.type-detail .shorts {padding: 38px 0;} body.type-detail .shorts .slick-arrow {display: none!important;} body.type-detail .shorts .slick-list {padding-right: 85px;position: relative;} body.type-detail .shorts .slick-list::before {content: "";z-index: 1;width: 85px;height: 100%;background: linear-gradient(90deg, rgba(247, 238, 221, 0) 0%, #F7EEDD 100%);position: absolute;right: 0;top: 0;} body.type-detail .shorts .slick-slide {margin-right: 20px;} } /* Slick comps */ .slick-list {width: 1px!important;border: 0!important;min-width: 100% !important;} .slick-track {display: flex;margin-left: initial;} .slick-track::before, .slick-track::after {display: none;} .slick-slide {float: none;height: auto;} .slick-slide>div {height: 100%;} .slick-dots {list-style: none;display: flex!important;justify-content: center;padding: 0;width: 100%;margin: 16px 0 0px 0;} .slick-dots li {display: contents;} .slick-dots button {border-radius: 100px;font-size: 0;background: #E1D7C7;border: 1px solid #E1D7C7;width: 8px;height: 8px;padding: 0;margin: 4px;outline: none;position: relative;} .slick-dots .slick-active button {background: #71635A;border-color: #71635A;} .slick-prev.slick-disabled, .slick-next.slick-disabled {display: none!important;} .slick-prev, .slick-next {background-color: transparent;border-radius: 0;z-index: 8;font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 28px;height: 28px;overflow: hidden;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%); transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: none;} .slick-prev:hover, .slick-next:hover {opacity: 0.6;} .slick-prev {background-repeat: no-repeat;left: -30px;content: "";width: 16px;height: 28px;background-position: center;background-size: 13px;display: block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath fill='%23877A70' d='M0 12c0-.279.106-.558.317-.771L11.151.319c.423-.426 1.108-.426 1.531 0 .424.427.424 1.117 0 1.543L2.615 12l10.067 10.138c.424.426.424 1.116 0 1.542-.423.426-1.108.427-1.531 0L.317 12.771C.106 12.558 0 12.28 0 12'/%3E%3C/svg%3E");} .slick-next {background-repeat: no-repeat;right: -30px;content: "";width: 16px;height: 28px;background-position: center;background-size: 13px;display: block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' fill='none' viewBox='0 0 13 24'%3E%3Cpath fill='%23877A70' d='M13 12c0 .279-.106.558-.317.771L1.849 23.681c-.423.426-1.108.426-1.532 0-.423-.427-.423-1.117 0-1.543L10.385 12 .317 1.862C-.106 1.436-.106.746.317.32c.424-.426 1.11-.427 1.532 0l10.834 10.909c.211.213.317.492.317.77'/%3E%3C/svg%3E");} @media (max-width: 1650px) { .products-block .slick-next {right: -5px;} .products-block .slick-prev {left: -5px;} } @media (max-width: 1580px) { .slick-next {right: -5px;} .slick-prev {left: -5px;} } @media (max-width: 1500px) { .products-block .slick-next {right: 0px;} .products-block .slick-prev {left: 0px;} } @media (max-width: 767px) { .slick-next {right: -17px;height: 16px;width: 9px;background-size: contain;margin-top: -22px;} .slick-prev {left: -17px;height: 16px;width: 9px;background-size: contain;margin-top: -22px;} .products-block .slick-next {right: -8px;} .products-block .slick-prev {left: -8px;} } /* Blog block */ .blog-block {padding: 55px 0;position: relative;display: flex;flex-flow: row wrap;} .blog-block::before {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: 0;z-index: 0;} .blog-block__column {width: 33.333%;border-left: 1px solid #E1D7C7;padding-left: 50px;} .blog-block h4 {margin: 0 0 10px 0;} .blog-block ul {padding-left: 0;list-style: none;padding: 0 0 24px 0;} .blog-block ul li a {text-decoration: underline;padding: 7px 0;display: block;} .blog-block ul li a:hover {text-decoration: none;} .blog-wrapper {width: calc(66.666% + 12px);padding: 0 36px 0 0;margin-left: -12px;} .blog-wrapper .--top-block {display: none;} .blog-wrapper .homepage-group-title {display: none;} .blog-wrapper .news-item {width: calc(50% - 24px);flex-basis: initial;} .news-item, .news-item:last-child {background-color: #FEF9F0;border-radius: 24px;border: 1px solid #E1D7C7!important;margin: 12px;display: flex;flex-direction: column;padding: 20px;} .news-item:not(.--ready) {display: none;} .news-item .image {margin-right: 0;border-radius: 16px;overflow: hidden;margin-bottom: 16px;width: 100%;} .news-item .image:hover {opacity: 0.8;} .news-item .text {display: contents;} .news-item .text .title {font-size: 18px;text-decoration: underline;margin-top: 16px;line-height: unset;font-weight: 400;margin-bottom: 16px;margin-top: 0;} .news-item .text .title:hover {text-decoration: none;} .news-item .text>time {display: none;} .ji-news-item-latest {font-weight: 500;margin-bottom: 8px;color: #5A4C44;} .ji-news-item-tags {display: flex;flex-flow: row wrap;align-items: center;gap: 5px;margin: 0 0 16px;} .ji-news-item-tags__tag {display: inline-block;font-weight: 700;font-style: italic;font-size: 14px;border-radius: 100px;text-align: left;max-width: initial;padding: 7px 10px 5px 10px;color: #fff;background: #7E6D50;} .ji-news-item-tags__tag.--zdravi {background-color: #707E50;} .ji-news-item-tags__tag.--spanek {background-color: #44352E;} .ji-news-item-tags__tag.--horcik {background-color: #776C8A;} .news-item .description {color: #44352E!important;flex: 1;} .ji-news-item-footer {margin-top: 16px;display: flex;flex-flow: row wrap;align-items: center;gap: 16px;} .ji-news-item-footer__author-image {border: 1px solid #E1D7C7;border-radius: 100%;width: 62px;height: 62px;object-fit: cover;} .ji-news-item-footer__author-image img {border-radius: 50%!important;} .ji-news-item-footer__in {flex: 1;} .ji-news-item-footer__author {font-weight: 500;margin-bottom: 2px;color: #5A4C44;} .ji-news-item-footer__date-reading-time {display: flex;flex-flow: row wrap;color: #71635A;column-gap: 12px;row-gap: 2px;} .ji-news-item-footer__date-reading-time>span {display: flex;align-items: center;} .ji-news-item-footer__date-reading-time>span::before {content: "";display: inline-block;flex: 0 0 16px;width: 16px;height: 16px;background: var(--ji-icon) no-repeat center / contain;margin-right: 6px;} .ji-news-item-footer__date {border-right: 1px solid #E1D7C7;padding-right: 12px;--ji-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg fill='%2371635A' clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M4.5.5A.5.5 0 0 1 5 1v2.5a.5.5 0 1 1-1 0v-.75H2.5a1 1 0 0 0-1 1V5h13V3.75a1 1 0 0 0-1-1h-.75v-1h.75a2 2 0 0 1 2 2v9.75a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2V3.75a2 2 0 0 1 2-2H4V1a.5.5 0 0 1 .5-.5M1.5 6v7.5a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V6z' clip-rule='evenodd'/%3E%3Cpath d='M11.5.5a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-1 0v-.75H5.75v-1H11V1a.5.5 0 0 1 .5-.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .ji-news-item-footer__reading-time {--ji-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg fill='%2371635A' clip-path='url(%23a)'%3E%3Cpath d='M8 2.407a6.11 6.11 0 0 0-6.102 6.101A6.11 6.11 0 0 0 8 14.61a6.11 6.11 0 0 0 6.1-6.102A6.11 6.11 0 0 0 8 2.407m0 11.097a5 5 0 0 1-4.996-4.996A5 5 0 0 1 8 3.513a5 5 0 0 1 4.995 4.995A5 5 0 0 1 8 13.504'/%3E%3Cpath d='M9.696 8.324H8.22V6.186a.553.553 0 1 0-1.106 0v2.69c0 .306.248.554.553.554h2.028a.553.553 0 1 0 0-1.106Zm-4.829 4.142a.553.553 0 0 0-.78.041l-1.66 1.843a.553.553 0 1 0 .822.74l1.66-1.843a.553.553 0 0 0-.042-.781m8.705 1.884-1.659-1.843a.553.553 0 1 0-.822.74l1.66 1.843a.55.55 0 0 0 .78.041.553.553 0 0 0 .041-.78ZM4.774 1.533C3.675.457 1.904.458.826 1.537A2.8 2.8 0 0 0 0 3.534c.004.743.299 1.44.83 1.96a.55.55 0 0 0 .778-.005l3.17-3.17a.553.553 0 0 0-.004-.786M1.277 4.255a1.69 1.69 0 0 1 1.518-2.424c.253 0 .506.056.74.167zm13.898-2.718c-1.078-1.079-2.85-1.08-3.948-.004a.553.553 0 0 0-.004.786l3.17 3.17a.55.55 0 0 0 .778.004c.531-.52.826-1.216.83-1.959a2.8 2.8 0 0 0-.826-1.997m-.452 2.718-2.257-2.257a1.7 1.7 0 0 1 1.927.32 1.69 1.69 0 0 1 .33 1.937'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .ji-article-meta {display: none;} .type-posts-listing .content-inner {max-width: unset;} .type-posts-listing .subcategories {margin-bottom: 0;} .type-posts-listing .category-header {margin-top: 50px;margin-bottom: 36px;} #newsWrapper {display: flex;flex-flow: row wrap;gap: var(--ji-gap);--ji-gap: 24px;--ji-columns: 3;} #newsWrapper .news-item {flex: 0 0 calc(var(--ji-column-span, 1) * ((100% - (var(--ji-columns) - 1) * var(--ji-gap, 0px)) / var(--ji-columns) + var(--ji-gap, 0px)) - var(--ji-gap, 0px));margin: 0;--ji-column-span: 1;padding: 16px;border-radius: 24px;overflow: hidden;border: 1px solid #E1D7C7;} #newsWrapper .news-item.--featured {--ji-column-span: 2;position: relative;} #newsWrapper .news-item.--featured .image {position: absolute;inset: 0;margin: 0;padding: 0;border-radius: 0;} #newsWrapper .news-item.--featured .image img {width: 100%;height: 100%;object-fit: cover;} #newsWrapper .news-item.--featured .text {width: calc(50% - var(--ji-gap) / 2);position: relative;display: flex;flex-flow: column;background-color: #FEF9F0;border-radius: 16px;border: 1px solid #E1D7C7 !important;padding: 20px;margin: 0;} @media (max-width: 1199px) { #newsWrapper {--ji-columns: 2;} } @media (max-width: 991px) { .blog-wrapper {width: calc(100% + 24px);padding-right: 0;padding-bottom: 42px;margin-right: -12px;} .blog-block__column {width: 100%;padding-left: 0;border: 0;} } @media (max-width: 767px) { .blog-block {padding: 55px 0 24px 0;} .blog-wrapper .news-item {width: 100%;padding: 16px;margin: 0 0 24px 0;} .blog-wrapper {margin-left: 0;margin-right: 0;padding-bottom: 14px;} .blog-block__column {border-top: 1px solid #E1D7C7;padding-top: 34px;} #newsWrapper {--ji-columns: 1;} #newsWrapper .news-item.--featured {--ji-column-span: 1;} #newsWrapper .news-item.--featured .text {width: 100%;} #newsWrapper .news-item.--featured .image {position: static;border-radius: 12px;margin-bottom: 10px;} } /* Products block */ .h4.homepage-group-title {text-align: left;font-size: 36px;font-weight: 700;margin: 0;} .products-block.products[class*="homepage-products-"] {padding-bottom: 48px;} .products-block {margin-left: -16px;margin-right: -16px;} .products-block.products>div.slick-list {padding: 0;} .products-block.products>div {border: 0;} .products-block .product {padding: 16px!important;} .products-block .p {background-color: #FEF9F0;border: 1px solid #E2D5BC;border-radius: 20px;padding: 24px;padding-top: 0;overflow: hidden;} .products-block .p:hover {box-shadow: 0 8px 15px rgba(0,0,0,.1);} .products-block .p a.image {margin: 0 -24px;} .products-block .p a.image img {mix-blend-mode: multiply;margin-top: -21px;} .products-block .p .availability-amount {display: none;} .products-block.products .p .name {text-align: center;height: 50px;font-size: 18px;font-weight: 500;text-decoration: underline;} .products-block.products .p .name:hover {text-decoration: none;} .products-block.products .p .product-appendix {text-align: center;font-size: 14px;font-weight: 400;color: #44352E;display: block;opacity: 0.8;} .products-block .ratings-wrapper {display: none;} .products-block .p-bottom .prices {text-align: right;display: flex;align-items: flex-end;justify-content: flex-end;} .products-block .p-bottom .prices .price-final {color: #44352E;font-size: 20px;font-weight: 600;padding-left: 6px;} .products-block .p-bottom .prices .price-standard {color: #A6282F;font-size: 16px;font-weight: 400;position: relative;top: 2px;} .products-block .p-in {display: flex;flex-direction: column;height: 100%;} .products-block .p-bottom {margin-top: auto;padding-top: 24px;} .products-block .p .availability span {font-weight: 500;font-size: 14px;} .products-block .p .availability span[style="color:#417335"] {padding-left: 16px;position: relative;} .products-block .p .availability span[style="color:#417335"]::before {content: "";position: absolute;left: 0;top: 2px;width: 12px;height: 12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23417335' d='M6 1C3.25 1 1 3.25 1 6s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5m2.1 4.15-2.4 2.4c-.2.2-.5.2-.7 0l-1.1-1.1c-.2-.2-.2-.5 0-.7s.5-.2.7 0l.75.75L7.4 4.45c.2-.2.5-.2.7 0s.2.5 0 .7'/%3E%3C/svg%3E");} .products-block .p .p-tools {flex: unset;width: 100%;order: 1;} .products-block .p .p-tools .pr-action {margin-top: 24px;} .products-block .p .p-tools .quantity {width: 100%;} .products-block .p .p-tools .quantity :is(.increase,.decrease) {width: 50px;} .products-block .p .p-tools .quantity label {flex: 1;display: flex;justify-content: center;} .products-block .p .p-tools .btn {max-width: unset;width: 100%;} .products-related .p .availability {display: block;} .products-related .p .price-standard-wrapper {display: block;} .products-related:after {display: none;} /* detail: related products are a grid (no slick), all of them on mobile too */ @media (max-width: 767px) { body.type-detail .products-related .product.related-sm-screen-hide {display: block;} body.type-detail .products-related {row-gap: 8px;} } .products-block.products .p .flags-default {top: 10px;left: 10px;right: 10px;} .flag {font-style: italic;font-size: 14px;border-radius: 100px;text-align: left;max-width: initial;padding: 7px 10px 5px 10px;margin-bottom: 5px;} .flag.flag-action {text-transform: uppercase;background-color: #A6282F!important;} .flag.flag-new {background-color: #776C8A!important;} .flag.flag-darek-v-balicku::before {content: "";display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -2px;width: 18px;height: 18px;background-size: contain;background-image: url(../img/icons/flag-darek-v-balicku.svg);} .flag.flag-doprava-zdarma::before {content: "";display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -2px;width: 18px;height: 18px;background-size: contain;background-image: url(../img/icons/flag-doprava-zdarma.svg);} .flags-extra {right: 15px;bottom: 5px;} .flag.flag.flag-freeshipping {display: none;} .flag.flag-discount::before {content: var(--jit-flag-discount-prefix);} .flag.flag-discount {display: block;font-style: normal;background-color: #A6282F;color: #F7EEDD;font-size: 13px;font-weight: 400;padding: 18px 0;} .flag.flag-discount .price-save {color: #F7EEDD;font-size: 24px;font-weight: 500;} .flag.flag-discount .price-standard {display: none;} .flags.flags-default .flag.flag-discount {display: none!important;} body:not(.type-detail) .p .flags-extra .flag.flag-discount {display: block!important;} @media (max-width: 1439px) { .flag.flag-discount .price-save {font-size: 18px;} .products-additional .flags-extra .flag.flag-discount {width: 61px;height: 61px;font-size: 12px;} } @media (max-width: 767px) { .products-block {margin-left: -8px;margin-right: -8px;} .products-block .product {padding: 8px!important;} .products-block.products .p .name {height: auto;} .products-block .p a.image {margin: 0 -16px;} .products-block .p a.image img {margin-top: -32px;} .products-block .p-bottom>div {flex-direction: column;align-items: center;} .products-block .availability {order: 1;margin-top: 12px;} .products-block .p-bottom .prices {text-align: center;flex-direction: column;align-items: center;} .products-block .p-bottom .prices .price-standard {margin-bottom: 6px;} .products-block .p {padding: 16px;} .products-block.products .p .flags-default {left: 10px;top: -5px;} .flags-default .flag {font-size: 12px;padding: 3px 6px 1px;line-height: 1.2;margin-bottom: 5px;} .flag.flag-darek-v-balicku::before {margin-right: 4px;width: 14px;height: 14px;} .flag.flag-doprava-zdarma::before {margin-right: 4px;width: 14px;height: 14px;} .flags-extra {right: 10px;bottom: 0;} .flag.flag-discount {width: 61px;height: 61px;font-size: 12px;} .flag.flag-discount .price-save {font-size: 18px;} .products-block>div {width: 50%;} } @media (max-width: 400px) { .products-block.products .p .add-to-cart-button::before {width: 20px;height: 20px;margin-right: 6px;background-size: contain;} } /* Breadcrumbs */ .breadcrumbs-wrapper {position: relative;} body:is(.type-category,.type-posts-listing) .breadcrumbs-wrapper::after {content: "";display: block;background: #DBCCB2BF;height: 100%;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: 0;z-index: -1;} .navigation-home-icon-wrapper #navigation-first a {padding-left: 35px;} .navigation-home-icon-wrapper:before {content: "";width: 16px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg fill='%2344352E' clip-path='url(%23a)'%3E%3Cpath d='M15.83 6.502 8.246.949c-.147-.107-.345-.107-.492 0L.17 6.502c-.185.136-.225.396-.09.581.136.185.396.225.581.09L8 1.8l7.339 5.373c.074.054.16.08.245.08.128 0 .254-.059.336-.17.135-.185.095-.445-.09-.581'/%3E%3Cpath d='M13.82 7.267c-.23 0-.416.186-.416.416V14.3h-3.326v-3.612c0-1.146-.932-2.079-2.078-2.079-1.147 0-2.08.933-2.08 2.079V14.3H2.596V7.683c0-.23-.186-.416-.416-.416s-.415.186-.415.416v7.033c0 .23.186.416.415.416h4.158c.218 0 .397-.17.414-.384l.001-.032v-4.028C6.752 10 7.312 9.44 8 9.44s1.247.56 1.247 1.247v4.028q0 .018.002.032c.016.214.195.384.414.384h4.157c.23 0 .415-.187.415-.416V7.683c0-.23-.186-.416-.415-.416'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .breadcrumbs {background-color: transparent;border: 0;padding-top: 10px;padding-bottom: 10px;} .breadcrumbs>span>a:after, .breadcrumbs>span>a:before {display: none;} .breadcrumbs .navigation-bullet {display: inline-block;position: relative;top: -1px;padding: 0;font-size: 0;line-height: 14px;width: 14px;flex: 0 0 14px;height: 14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23877A70' d='m13.84 6.613-2.858-2.844c-.214-.213-.56-.213-.774.001-.213.215-.212.56.002.774l1.918 1.91H.548C.245 6.453 0 6.697 0 7s.245.547.547.547h11.582l-1.919 1.91c-.214.212-.215.558-.002.772.213.215.56.215.774.002l2.857-2.843c.215-.215.214-.562 0-.775'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .breadcrumbs>span {display: inline-flex;align-items: center;} .breadcrumbs>span>a, .breadcrumbs>span>span {color: #44352E;font-size: 14px;} .breadcrumbs>span>a {text-decoration: underline;} .breadcrumbs>span>a:hover {text-decoration: none;} @media (max-width: 991px) { .breadcrumbs {display: flex;margin-left: -20px;margin-right: -20px;} .breadcrumbs>span {align-self: center;} .breadcrumbs>span>a {min-height: 38px;position: relative;} .breadcrumbs>span>a, .breadcrumbs>span>span {display: block;padding: 10px 20px;} } @media (max-width: 767px) { body.type-detail .breadcrumbs>span:last-of-type {display: none;} body.type-detail .breadcrumbs>span:nth-last-of-type(2) .navigation-bullet {display: none;} .breadcrumbs {overflow: auto;} .breadcrumbs>span>a, .breadcrumbs>span>span {white-space: nowrap;} } /* Category*/ body:is(.type-category,.type-posts-listing):has(.category-main h1) :is(.category-title, .sectionDescription > h1) {display: none;} /* blog: also before script.js adds .category-title (the intro is shown right away) */ .category-title {margin: 0 0 20px 0;font-size: 36px;} .category-top {position: relative;min-height: 200px;} body.type-posts-listing .category-top::after {content: "";display: table;clear: both;} .category-top a:hover {text-decoration: none;} .category-top::before {content: "";display: block;background: #DBCCB2BF;height: 100%;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: 0;z-index: -1;} .category-main {display: flex;align-items: center;padding: 0 0 90px 0;} .category-main__left {flex: 0 0 31%;position: relative;z-index: 1;} .category-main__left p {font-size: 16px;} .category-main__title {margin: 0 0 5px 0;} .category-main__image {flex: 0 0 37%;margin-top: -50px;} .category-main__image img {transform: scale(1.15);} .category-main__right {flex: 0 0 32%;position: relative;z-index: 1;background-color: #F7EEDD;border-radius: 24px;padding: 24px 20px;} .category-main__right h4 {margin: 0 0 8px 0;font-weight: 700;} .category-main__right ul {padding-left: 25px;} .category-main__right ul li a {padding-top: 5px;padding-bottom: 5px;display: block;text-underline-offset: 6px;} .category-main__right ul li a:hover {text-decoration: none;} .category__secondDescription {padding: 54px 0 24px 0;} @media (max-width: 767px) { .category-main {flex-flow: row wrap;padding: 0 0 70px 0;} .category-main__left {flex: 0 0 100%;} .category-main__right {flex: 0 0 100%;} .category-main__image {flex: 0 0 100%;margin-top: 0;padding: 15px 0;} .category-main__image img {transform: initial;} } /* Filters */ .filters-unveil-button-wrapper {display: none;} .filters-wrapper.--top {position: relative;width: 100%;display: inline-block;vertical-align: top;} #content .filters-wrapper.--top .filters {display: flex;padding: 0;} .filter-sections {padding: 0;background-color: transparent;margin-right: -10px;} .filter-section+.filter-section {border: 0;} .--top .filter-section h4 {white-space: nowrap;font-size: 16px;position: relative;font-weight: 400;margin: 0;padding: 4px 45px 0 24px;text-transform: initial;cursor: pointer;height: 38px;display: flex;align-items: center;border-radius: 10px;background: none;border: 1px solid #E1D7C7;background-color: #FEF9F0;} .--top .filter-section h4 span {color: #000;} .--top .filter-section h4:hover span {text-decoration: underline;} .--top .filter-section h4::after {position: absolute;right: 24px;top: 50%;margin-top: -5px;content: "";width: 10px;height: 10px;display: inline-block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='%2344352E' d='M9.867 2.406c-.178-.178-.465-.178-.643 0L5 6.63.776 2.406c-.178-.178-.465-.178-.643 0-.177.177-.177.465 0 .643L4.68 7.594c.085.085.2.133.321.133.12 0 .236-.048.322-.133L9.867 3.05c.177-.178.177-.466 0-.643'/%3E%3C/svg%3E");} .--top .filter-section.active h4 {border-bottom: 1px solid #fff;margin-bottom: -1px;} .--top .filter-section.active h4::after {transform: rotate(180deg);} .ui-slider-horizontal .ui-slider-handle:first-of-type::after {display: none;} .ui-slider-horizontal .ui-slider-handle:last-child::after {display: none;} .ui-slider-horizontal .ui-slider-handle:first-of-type, .ui-slider-horizontal .ui-slider-handle:last-child {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23fff' d='M4 4h24v24H4z'/%3E%3Cpath stroke='%23DFDFDF' d='M4.5 4.5h23v23h-23z'/%3E%3C/g%3E%3Cpath stroke='%23B9B6B4' d='M13.5 12v8'/%3E%3Cpath stroke='%23B9B6B4' d='M16.5 12v8'/%3E%3Cpath stroke='%23B9B6B4' d='M19.5 12v8'/%3E%3Cdefs%3E%3Cfilter id='a' width='32' height='32' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_77_3479'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_77_3479' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");} .ui-slider-horizontal .ui-slider-handle::after {background: none;font-size: 14px;font-weight: 600;} .ui-slider-horizontal .ui-slider-handle {background: none;width: 32px;height: 32px;top: -14px;} .slider-content {border-radius: 10px;margin-top: 35px;} .slider-header {color: #000;font-size: 14px;font-weight: 400;position: relative;top: -5px;} .ui-slider .ui-slider-range {background: #44352E;} .ui-slider, .slider-content {background: #DFDFDF;} .filter-section select {margin-top: -10px;} .filter-section {padding: 0;} .filters-wrapper {padding: 0;position: relative;} #content:has(.subcategories) .filters {margin-top: 0;} #content .filters {background: none;padding: 0;position: relative;margin-top: 20px;margin-bottom: 20px;padding: 8px 0;} .filter-section-button {display: none;} .filter-sections {display: flex!important;flex-flow: row wrap;align-items: center;} .filter-sections .filter-section.active {z-index: 10;box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.15);border-radius: 6px 6px 0 0;} .filter-sections .filter-section.active h4 {background: #FEF9F0;z-index: 10;border-color: #FEF9F0;border-radius: 10px 10px 0 0;} .filter-sections .filter-section {position: relative;margin: 0 16px 16px 0;} .filter-sections .filter-section.filter-section-count {display: none;} #category-filter-hover {display: flex!important;flex-flow: row wrap;} #content .filter-section fieldset div {width: 100%;flex: 0 0 100%;margin-bottom: 15px;} #content .filter-section fieldset .advanced-filters-wrapper{display: flex;flex-flow: row wrap;row-gap: 15px;margin-bottom: 0!important} #content .filter-section fieldset .advanced-filters-wrapper>div {flex: none;margin: 0} #content .filter-section fieldset div label {display: flex;align-items: center;} #content .filter-section fieldset div label:hover {color: #000;} #content .filter-section fieldset div label.active .filter-count {background: #000;color: #fff;} .filter-section fieldset div .filter-count {background: #F3F3EE;border-radius: 100px;text-decoration: none!important;padding: 0 8px;margin-left: auto;color: #000;font-weight: 400;font-size: 14px;height: 20px;line-height: 20px;} .filter-section fieldset::-webkit-scrollbar-track {background-color: #fff;border-radius: 20px;width: 9px;} .filter-section fieldset::-webkit-scrollbar {width: 5px;background-color: #fff;} .filter-section fieldset::-webkit-scrollbar-thumb {background-color: #8A8A8A;border-radius: 20px;} .filter-section fieldset div.--hidden {display: none;} #content .filter-section>form, #content .filter-section>.param-filter-top {position: absolute;display: none;width: 300px;left: 0px;margin-top: 0px;background: #FEF9F0;border: 0;padding: 20px;z-index: 5;border-radius: 0 10px 10px 10px;box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);} #content .filter-section>form fieldset {max-height: 200px;overflow-y: auto;} #content .filter-section:not(.active) .param-filter-top {display: none!important;} .filter-section>.param-filter-top {padding: 29px 17px 28px 17px;} .param-filter-top fieldset div {width: 100%!important;} .param-filter-top fieldset div label[for=stock] {color: #1A9D4D;white-space: nowrap;} .filter-total-count {display: none;} .filter-section-count {padding-bottom: 0!important;position: absolute;border-top: 0!important;right: 0;margin-top: -20px;border: 0;z-index: 1;} .close-after {text-transform: initial;color: #1A1A1A!important;font-size: 14px;font-weight: 400;text-decoration: underline;} #clear-filters .close-after {display: none;} .ji-filters-close {display: block;width:16px;height:16px;background:var(--icon-close--dark) no-repeat center / 16px;box-sizing:content-box;position: absolute;top:20px;right:7px;padding:8px;display: none;} #manufacturer-filter {display: none;} .mobile-sort {display: none;} @media (max-width: 767px) { .mobile-sort {display: block;width: 100%;font-size: 16px;border-radius: 20px;background-size: 32px;padding: 20px 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath stroke='%23E1D7C7' d='M.5 0v32'/%3E%3Cpath fill='%2344352E' d='M24 20.333c-.186 0-.372-.07-.514-.211l-7.273-7.223c-.284-.282-.284-.739 0-1.02.284-.283.744-.283 1.028 0L24 18.588l6.759-6.71c.284-.283.744-.283 1.028 0 .284.281.284.738 0 1.02l-7.273 7.223c-.142.14-.328.211-.514.211'/%3E%3C/svg%3E");} .filter-sections .filter-section {position: initial;} #content .filter-section>form, #content .filter-section>.param-filter-top {width: 100%;border-radius: 10px;left: 0;margin-top: 5px;top: auto;} .filter-sections .filter-section.active h4 {border-radius: 6px;} } /* Category header */ .category-header {background-color: transparent;border-bottom: 1px solid #E1D7C7;} .category-header input[type=radio]+label {padding: 16px 0;margin-right: 36px;font-size: 16px;color: #44352E;border-bottom: 2px solid #F7EEDD;} .category-header input[type=radio]+label:hover {background-color: transparent;border-bottom: 2px solid #71635A;} .category-header input[type=radio]:checked+label{font-weight: bold;background-color: transparent;border-bottom: 2px solid #71635A;} .category-header div {font-size: 16px;font-weight: 400;padding-right: 0;} @media (max-width: 767px) { .category-header {margin-bottom: 28px;} .category-header fieldset {display: none;} .category-header form {width: 100%;} .category-header {border: 0;} } /* Category */ .ji-pagination-progress {max-width: fit-content;margin-inline: auto;margin-bottom: 24px;} .ji-pagination-progress__text {padding: 0 48px;} .ji-pagination-progress__bar {margin-top: 10px;height: 6px;border-radius: 8px;background: #E1D7C7;overflow: hidden;} .ji-pagination-progress__bar>div {background: #44352E;height: 6px;} /* legacy pagination */ .pagination,.pagination-loader,.pagination-top {min-width: 33.33%} @media (max-width: 1199px) { .pagination,.pagination-loader,.pagination-top {min-width:100%;text-align: center} } .pagination-loader {margin: 10px 0} .pagination,.pagination-top {font-size: 0;line-height: 0} .pagination-top>a,.pagination-top>strong,.pagination>a,.pagination>strong {border-radius: 50%;display: inline-block;font-size: 14px;height: 36px;line-height: 36px;margin-left: 5px;margin-right: 1px;min-width: 36px;text-align: center;text-decoration: none;width: 36px} .pagination-top>strong,.pagination>strong {font-weight: 400} .pagination-link.next:before,.pagination-link.prev:before,.pagination-link.up:before {font-size: 8px} .pagination-link.prev:before {content: "\e90f"} .pagination-link.next:before {content: "\e910"} .pagination-link.up:before {content: "\e911"} .pagination-link:hover {text-decoration: none} .pagination-top {text-transform: uppercase} .pagination-top>strong {cursor: pointer;width: auto} @media (max-width: 1199px) { .pagination-top {order:3;padding-top: 19px} } .pagination-wrapper {margin-bottom: 19px;margin-top: 19px} .pagination-wrapper .pagination {text-align: right;} .pagination-wrapper .pagination>* {padding: 0;} @media (max-width: 1199px) { .pagination-wrapper .pagination {text-align:center} } @media (min-width: 768px) { .pagination-wrapper {align-items:center;display: flex;flex-wrap: wrap;justify-content: space-between} .pagination-wrapper .pagination-loader {margin-bottom: 19px;text-align: center} } @media (max-width: 1199px) { .pagination-wrapper {display:flex;flex-direction: column} } @media (min-width: 1199px) { .pagination-wrapper .pagination-loader {margin:0} } @media (min-width: 321px) and (max-width:767px) { .pagination-wrapper {clear:both} } .pagination-count {padding-top: 19px;text-align: center;width: 100%} /* legacy pagination end */ .pagination-wrapper {flex-direction: column;position: relative;padding: 48px 0;margin: 0;text-align: center;} .pagination-wrapper::after {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;bottom: 0;z-index: 0;} .pagination-wrapper .load-products {margin-bottom: 15px;} .pagination-wrapper .load-products::after {content: "";display: inline-block;margin-left: 12px;width: 17px;height: 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' fill='none' viewBox='0 0 17 10'%3E%3Cpath fill='%23F7EEDD' d='M8.5 9.5c-.186 0-.372-.073-.514-.22L.713 1.78C.43 1.487.43 1.013.713.72s.745-.293 1.029 0L8.5 7.69 15.259.72c.284-.293.744-.293 1.028 0s.284.767 0 1.06l-7.273 7.5c-.142.147-.328.22-.514.22'/%3E%3C/svg%3E");} .pagination-top {display: none;} .pagination-wrapper .pagination {text-align: center!important;display: flex;flex-flow: row wrap;justify-content: center;} .pagination-top>a, .pagination-top>strong, .pagination-wrapper .pagination>a, .pagination-wrapper .pagination>strong {min-width: 32px;background-color: #FEF9F0;line-height: 30px;border: 1px solid #E1D7C7;border-radius: 8px;font-size: 16px;font-weight: bold;width: 32px;height: 32px;margin: 8px;} .pagination-wrapper .pagination .current {background-color: #5A4C44;color: #fff;} .pagination .pagination-link.next::before {content: "";} .pagination .pagination-link.prev::before {content: "";} .pagination .pagination-link.next, .pagination .pagination-link.prev {border: 0;background-color: transparent;background-size: 24px;background-position: center;background-repeat: no-repeat;} .pagination .pagination-link.next {order: 1;margin-left: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23877A70' d='M16.875 12c0 .21-.08.419-.238.578L8.512 20.76c-.318.32-.832.32-1.149 0s-.317-.837 0-1.157L14.913 12l-7.55-7.603c-.317-.32-.317-.838 0-1.157.318-.32.832-.32 1.149 0l8.125 8.182c.159.16.238.369.238.578'/%3E%3C/svg%3E");} .pagination .pagination-link.prev {order: -1;margin-right: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23877A70' d='M7.125 12c0-.21.08-.419.238-.578l8.125-8.182c.318-.32.832-.32 1.149 0s.317.837 0 1.157L9.087 12l7.55 7.603c.317.32.317.838 0 1.157-.318.32-.832.32-1.149 0l-8.125-8.182c-.159-.16-.238-.369-.238-.578'/%3E%3C/svg%3E");} /* Active filters */ .active-filters {display: inline-flex;width: 100%;flex-flow: row wrap;align-items: center;margin-bottom: 20px;} .active-filters::before {content: "";margin-right: 16px;color: #71635A;font-size: 16px;font-weight: 400;} [lang=cs] .active-filters::before {content: "Vaše filtry:";} [lang=sk] .active-filters::before {content: "Vaše filtre:";} .active-filters__label {font-size: 14px;font-weight: 400;padding-right: 10px;} .active-filters__list {margin-right: 10px;display: flex;flex-flow: row wrap;} .active-filters__parameter-name {margin-right: 5px;display: flex;align-items: center;display: none;} .active-filters__parameter {display: flex;margin-right: 10px;margin-bottom: 3px;margin-top: 4px;} .active-filters__parameter-value {display: flex;align-items: center;color: #44352E;background: none;padding: 6px 24px;margin: 4px 8px 4px 0;font-weight: 400;font-size: 14px;background-color: #E1D7C7;border-radius: 24px;} .active-filters__parameter-value span {position: relative;top: 2px;} .active-filters__parameter-value:hover {background-color: #DBCCB2BF;color: #000;} .active-filters__parameter-values {display: flex;} .active-filters__remove-btn {margin-left: 16px;flex: 0 0 10px;width: 10px;height: 10px;display: inline-block;background-size: contain;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2344352E' d='M10 .571 9.429 0 5 4.429.571 0 0 .571 4.429 5 0 9.429.571 10 5 5.571 9.429 10 10 9.429 5.571 5z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h10v10H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .active-filters__remove-btn:hover {opacity: 0.8;} .active-filters__remove-all-btn {color: #44352E;font-size: 16px;cursor: pointer;font-weight: 600;display: flex;align-items: center;} .active-filters__remove-all-btn::after {content: "";margin-left: 16px;width: 10px;height: 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2344352E' d='M10 .571 9.429 0 5 4.429.571 0 0 .571 4.429 5 0 9.429.571 10 5 5.571 9.429 10 10 9.429 5.571 5z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h10v10H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .active-filters__remove-all-btn:hover {color: #44352E;text-decoration: none;} @media (max-width: 767px) { .active-filters__remove-all-btn {margin: 10px ;} } /* Categories */ .subcategories {margin-top: -80px;margin-bottom: 70px;} .subcategories li {width: 20%;} .subcategories li a:after {display: none;} .subcategories li a:before {display: none;} .subcategories.with-image li a {background-color: #FEF9F0;border: 1px solid #E1D7C7;border-radius: 20px;height: 100px;padding: 10px;} .subcategories.with-image li a:hover {border-color: #475E38;} .subcategories.with-image li a .image {width: 35%;} .subcategories.with-image li a .image img {mix-blend-mode: multiply;max-height: 95px;} .subcategories.with-image li a .text {font-size: 16px;font-weight: 400;text-decoration: underline;max-height: 100px;width: 65%;color: #44352E;display: block;overflow: initial;} .subcategories.with-image li a:hover .text {text-decoration: none;} @media (max-width: 1199px) { .subcategories li {width: 25%;} } @media (max-width: 991px) { .subcategories li {width: 33.3333%;} } @media (max-width: 767px) { .subcategories {margin: -70px -8px 19px;} .subcategories li {width: 50%;padding: 8px;} .subcategories.with-image li a {height: unset;min-height: 84px;padding: 8px;} .subcategories.with-image li a .image {width: unset;} .subcategories.with-image li a .image img {width: 65px;height: 65px;object-fit: cover;} .subcategories.with-image li a .text {flex: 1;line-height: 1.3;width: unset;padding-left: 8px;} } @media (max-width: 430px) { .subcategories.with-image li a .text {font-size: 14px;} } @media (max-width: 365px) { .subcategories li {padding: 3px;} .subcategories {margin: -70px -6px 19px;} .subcategories.with-image li a .text {font-size: 14px;} } /* SpecProducts */ .ji-spec-product-template {display: none;} .ji-spec-product__content-out, .ji-spec-product__content {height: 100%;} .ji-spec-product__content {border: 1px solid #877a70;border-radius: 20px;overflow: hidden;} .product.ji-spec-product {display: flex;flex-flow: column;justify-content: center;align-items: center;} .product.ji-spec-product img {width:100%;transition: .5s;height:100%;display:block;object-fit: cover;object-position: center;} .product.ji-spec-product a:hover img {transform: scale(1.03);} /* Advanced order */ #cboxContent {border: 0;} #cboxOverlay {background-color: #44352E;opacity: 0.5;} .colorbox-html-content:has(.advanced-order) {padding: 0;} .ji-advanced-order-modal #cboxLoadedContent {overflow: hidden !important;} .extra {margin: 12px 0!important;text-align: left;padding-left: 36px!important;} .price-range {width: calc(100% + 36px);margin-left: -36px;margin-top: 8px;border-radius: 16px;margin-bottom: 0;} .price-range {background-color: #CAC0B1;} .price-range>div {background: #44352E;border-radius: 8px;} .extra.delivery:not(:has(.price-range)):before, .extra.gift:not(:has(.price-range)):before {margin-top: -14px;} .extra.gift:before {content: "";margin-top: -23px;width: 24px;height: 25px;background-image: url(../img/icons/extra-gift.svg);} .extra.delivery:before {content: "";margin-top: -20px;width: 24px;height: 25px;background-image: url(../img/icons/extra-delivery.svg);} .advanced-order .adv-wrap {padding: 24px;border-bottom: 1px solid #E2D5BC;background-color: #F7EEDD;border-radius: 30px;} .advanced-order .adv-wrap__title {font-size: 28px;text-align: left;padding-left: 26px;position: relative;margin: 0 0 8px 0;} .advanced-order .adv-wrap__title::before {content: "";width: 18px;height: 19px;position: absolute;left: 0;top: 50%;margin-top: -11px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none' viewBox='0 0 18 19'%3E%3Cpath fill='%23417335' d='M9 .5c-4.95 0-9 4.05-9 9s4.05 9 9 9 9-4.05 9-9-4.05-9-9-9m3.78 7.47-4.32 4.32c-.36.36-.9.36-1.26 0l-1.98-1.98c-.36-.36-.36-.9 0-1.26s.9-.36 1.26 0l1.35 1.35 3.69-3.69c.36-.36.9-.36 1.26 0s.36.9 0 1.26'/%3E%3C/svg%3E");} .advanced-order .adv-wrap__row {display: flex;flex-flow: row wrap;column-gap: var(--ji-column-gap);--ji-column-gap: 24px;--ji-columns: 2;row-gap: 16px;align-items: center;} .advanced-order .ji-ao-product-row {display: flex;align-items: center;flex: 0 0 calc((100% - (var(--ji-columns) - 1) * var(--ji-column-gap, 0px)) / var(--ji-columns));} .advanced-order .ji-ao-product-row__image {width: 75px;margin-right: 16px;border-radius: 10px;border: 1px solid #E1D7C7;overflow: hidden;} .advanced-order .ji-ao-product-row__image img {width: 100%;height: auto;aspect-ratio: var(--ji-p-image-ratio);} .advanced-order .ji-ao-product-row__name {font-size: 16px;font-weight: 700;text-align: left;} .advanced-order .ji-ao-product-row__name span {font-weight: 400;display: block;margin-top: 5px;} .advanced-order .ji-ao-product-row__amount {display: none;} .advanced-order .ji-ao-product-row__price {display: none;} .advanced-order .ji-ao-upsell-line {margin-top: 5px;} .advanced-order .extra-wrap {flex: 0 0 calc((100% - (var(--ji-columns) - 1) * var(--ji-column-gap, 0px)) / var(--ji-columns));background-color: #E1D7C780;border: 1px solid #CAC0B1;border-radius: 16px;padding: 6px 16px;} .advanced-order .adv-wrap__buttons {border-top: 1px solid #E2D5BC;margin: 24px 0 0 0;padding: 24px 0 0 0;display: flex;flex-flow: row wrap;justify-content: space-between;} .advanced-order .adv-wrap__buttons .btn.next-step-back {width: unset;color: #F7EEDD;font-size: 16px;font-weight: 700;padding: 12px 16px 10px;line-height: unset;text-decoration: none;} .advanced-order .adv-wrap__buttons .btn.next-step-back::before {content: "";display: inline-block;width: 9px;height: 16px;background: var(--icon-btn-chevron-left) no-repeat center / contain;margin: 0;margin-right: 12px;position: relative;top: -1px;vertical-align: middle;} .advanced-order .adv-wrap__buttons .btn.btn-conversion {width: unset;color: #F7EEDD;font-size: 16px;font-weight: 700;padding: 12px 16px 10px;line-height: unset;text-decoration: none;} .advanced-order .adv-wrap__buttons .btn.btn-conversion::after {content: "";display: inline-block;width: 9px;height: 16px;background: var(--icon-btn-chevron-right) no-repeat center / contain;margin: 0;margin-left: 12px;position: relative;top: -1px;vertical-align: middle;} .advanced-order .adv-wrap-bottom {background-color: #F7EEDD;border-radius: 30px;padding: 24px;margin-top: 10px;} .advanced-order .advanced-order-suggestion {font-size: 18px;font-weight: bold;margin: 0;padding: 0 0 10px 0;border: 0;} .advanced-order .products-block {margin-left: 5px;margin-right: 5px;} .advanced-order .products-block .slick-next {right: -15px;} .advanced-order .products-block .slick-prev {left: -15px;} @media (max-width: 1199px) { .advanced-order .adv-wrap__row {--ji-columns: 1;} } @media (max-width: 767px) { .ji-ao-product-row {width: 100%;margin-bottom: 16px;} .advanced-order .extra-wrap {width: 100%;} .advanced-order .adv-wrap .h1 {margin-bottom: 16px;} .adv-wrap-bottom {padding-right: 0;} .advanced-order .advanced-order-suggestion {padding-right: 24px;} .advanced-order .products-block {margin-left: 0;margin-right: 0;position: relative;} .advanced-order .products-block.products>div.slick-list {padding-right: 85px;position: relative;} .advanced-order .products-block.products>div.slick-list::before {content: "";z-index: 1;width: 85px;height: 100%;background: linear-gradient(90deg, rgba(247, 238, 221, 0) 0%, #F7EEDD 100%);position: absolute;right: 0;top: 0;} .advanced-order .products-block .slick-list .product {height: 100%;} } @media (max-width: 479px) { .advanced-order .adv-wrap__buttons .btn.next-step-back {flex: 0 0 100%;justify-content: center;text-align: center;} .advanced-order .adv-wrap__buttons .btn.btn-conversion {flex: 0 0 100%;justify-content: center;text-align: center;} } /* Quantity */ .quantity {background: #fff;padding-right: 0;} .quantity-form .quantity input {width: 40px;height: 44px;} .quantity-form .quantity {padding-right: 0;padding-left: 0;} .quantity-form .quantity .increase, .quantity-form .quantity .decrease {width: 34px;height: 44px;line-height: 44px;} .quantity-form .quantity .decrease {border-radius: 0;} .quantity {height: 49px;width: 110px;border: 1px solid #E1D7C7;border-radius: 6px;overflow: hidden;justify-content: space-evenly;display: flex;align-items: center;} .quantity .increase {border: 0!important;border-radius: 0;order: 2;line-height: 47px!important;border-left: 0!important;background-color: #fff!important;} .quantity .increase::after {content: "+";font-size: 22px;font-weight: 900;color: #44352E;} .quantity .decrease {border: 0!important;border-radius: 0;order: -1;line-height: 47px!important;border-right: 0!important;background-color: #fff!important;} .quantity .decrease::after {content: "-";font-size: 22px;font-weight: 900;color: #44352E;} .quantity .increase::before, .quantity .decrease::before {display: none;} .quantity .increase, .quantity .decrease {position: initial;width: 30px;height: 47px;line-height: 47px;color: #000;border: 0;font-weight: bold;text-align: center;line-height: 32px;background: none;} .quantity .increase:hover, .quantity .decrease:hover {color: #fff;background-color: #44352E!important;border-radius: 4px!important;} .quantity .increase:hover::after, .quantity .decrease:hover::after {color: #fff;} .quantity input {order: 1;z-index: 1;position: relative;text-align: center;font-size: 18px;color: #44352E;font-weight: 400;width: 40px;flex: 1;height: 47px;font-family: var(--template-font),sans-serif!important;} @media (max-width: 767px) { .ordering-process .quantity-form .quantity {padding: 0;} .ordering-process .quantity-form .quantity .decrease, .ordering-process .quantity-form .quantity .increase {width: 34px;height: 44px;line-height: 44px;} } /* Empty cart */ .cart-inner.cart-empty {padding-inline: var(--ji-container-padding);} .ji-empty-cart {max-width: 768px;margin-inline: auto;margin-bottom: 56px;margin-top: 24px;} .ji-empty-cart__header {display: flex;flex-flow: column;align-items: center;text-align: center;border-bottom: 1px solid #CAC0B1;padding-bottom: 48px;margin-bottom: 48px;} .ji-empty-cart__header::before {content: "";display: inline-block;width: 56px;height: 51px;margin-bottom: 16px;} .cart-empty .ji-empty-cart__header::before {background: var(--icon-cart-empty) no-repeat center / contain;} .ji-empty-cart__title {font-size: 34px;font-weight: 600;margin-bottom: 16px;} .ji-empty-cart__desc {margin-bottom: 16px;} .ji-empty-cart__btn.btn.btn-primary {padding: 12px 16px 10px;line-height: unset;} .ji-empty-cart__btn.btn.btn-primary::after {content: "";display: inline-block;width: 9px;height: 16px;background: var(--icon-btn-chevron-right) no-repeat center / contain;margin: 0;margin-left: 12px;position: relative;top: -1px;vertical-align: middle;} .ji-empty-cart__related-title {font-size: 18px;font-weight: 700;margin-bottom: 16px;} .ji-empty-cart__related {padding-block: 0;padding-left: 24px;margin: 0 0 48px;} .ji-empty-cart__related li {margin-bottom: 8px;} .ji-empty-cart__related li::marker {font-size: 9px;} .ji-empty-cart__related li a {text-decoration: underline;} .ji-empty-cart__related li a:hover {text-decoration: none;} /* Cart steps */ ol.cart-header li a span::before, ol.cart-header li strong span::before {display: none;} ol.cart-header {position: relative;display: flex;justify-content: center;background: none;border: 0;margin: 0;position: relative;padding: 12px 0;} ol.cart-header::after {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;bottom: 0;z-index: 0;} ol.cart-header li {width: auto;border: 0;display: flex;align-items: center;position: relative;font-size: 14px;} ol.cart-header li.completed a {text-decoration: underline;color: #44352E;} ol.cart-header li.completed a span {color: #44352E;} ol.cart-header li.completed a:hover span {color: #44352E;} ol.cart-header li.completed a:hover {text-decoration: none;} ol.cart-header li.completed::before {content: "";background-size: 12px;background-repeat: no-repeat;background-position: center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23877A70' d='M2.771 10.59c-.59-.643-1.065-1.271-1.525-1.88Q.615 7.877.157 6.943c-.19-.377-.274-.759.138-1.004 1.18-.703 1.42-.032 2.062.747.38.462.94 1.224 1.291 1.705.336.46.744-.37.908-.604.58-.832 2.087-2.867 2.71-3.62.592-.714 2.5-2.715 2.857-3.033.303-.271.942-.866 1.372-.538.452.345.673 1 .355 1.425-.553.742-1.422 1.447-2.023 2.153-1.218 1.43-2.37 2.97-3.476 4.503-.376.521-.904 1.394-1.232 1.96-.612 1.057-1.15 1.258-2.348-.047'/%3E%3C/svg%3E");} ol.cart-header li.active::before {background-color: #5A4C44;color: #F7EEDD;} ol.cart-header li::before {counter-increment: steps;content: counter(steps);text-align: center;line-height: 32px;color: #877A70;font-size: 14px;font-weight: 400;vertical-align: middle;width: 32px;height: 32px;flex: 0 0 32px;border-radius: 8px;bottom: 0;left: 50%;margin-right: 8px;background-color: #E1D7C7;} ol.cart-header li.active a, ol.cart-header li.active span {color: #44352E;} ol.cart-header li:not(:last-child)::after {content: "";width: 81px;flex: 0 0 81px;height: 8px;margin: 0 24px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='8' fill='none' viewBox='0 0 81 8'%3E%3Cpath fill='%23CAC0B1' d='M80.354 4.354c.195-.196.195-.512 0-.708L77.172.464c-.196-.195-.512-.195-.707 0-.196.196-.196.512 0 .708L79.293 4l-2.829 2.828c-.195.196-.195.512 0 .708.196.195.512.195.708 0zM0 4v.5h80v-1H0z'/%3E%3C/svg%3E");} ol.cart-header li a:hover {} ol.cart-header li span {font-size: 14px;color: #877A70;} ol.cart-header li a, ol.cart-header li strong {padding-left: 0;border: 0;text-transform: initial;padding: 20px 0;position: relative;} ol.cart-header li.active a, ol.cart-header li.active strong {font-weight: normal;} .cart-header li.active a, .cart-header li.active strong, .cart-header li a:hover {border: 0;} @media (max-width: 767px) { ol.cart-header {padding: 16px 24px 24px 24px;} ol.cart-header li.active {display: flex;flex: 1;} ol.cart-header li.active a, ol.cart-header li.active span {background-color: #F7EEDD;z-index: 1;display: block;padding: 0 14px;text-align: left;margin-left: -7px;} ol.cart-header li:last-child.active a, ol.cart-header li:last-child.active span {padding-right: 0;} ol.cart-header li:not(.active) a, ol.cart-header li:not(.active) span {display: none;} ol.cart-header li {width: 100px;flex-direction: column;padding: 0;text-align: center;flex-direction: row;align-items: center;} ol.cart-header li:last-of-type {width: auto;} ol.cart-header li span {font-size: 14px;} ol.cart-header li::before {margin-right: 0;margin: -3px 8px 0 0;display: block;} ol.cart-header li a, ol.cart-header li strong {padding: 0;} ol.cart-header li:not(:last-child)::after {z-index: -1;top: 12px;right: -6px;width: 32px;flex: 0 0 32px;height: 6px;background-size: contain;position: absolute;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='6' fill='none' viewBox='0 0 32 6'%3E%3Cpath fill='%23CCC' d='M32 3 27 .113v5.774zM0 3.5h27.5v-1H0z'/%3E%3C/svg%3E");} ol.cart-header li:not(:last-child).active::after {z-index: -1;top: 12px;right: 0px;width: 112px;flex: 0 0 112px;height: 8px;background-size: contain;position: absolute;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='8' fill='none' viewBox='0 0 112 8'%3E%3Cpath fill='%23CAC0B1' d='M111.354 4.354c.195-.196.195-.512 0-.708L108.172.464c-.196-.195-.512-.195-.708 0-.195.196-.195.512 0 .708L110.293 4l-2.829 2.828c-.195.196-.195.512 0 .708.196.195.512.195.708 0zM0 4v.5h111v-1H0z'/%3E%3C/svg%3E");} } /* Ordering process */ body.ordering-process {background-color: #F7EEDD;padding-bottom: 50px;} body.ordering-process.ji-empty-cart-page {padding-bottom: 0;} .cart-content {background-color: transparent;} .col-md-8 .cart-content {padding: 0px 0;} /*body.id--9 .cart-row>div.col-md-8 {width: 100%;padding-right: 0;border: 0;margin-top: 50px;} body.id--9 .cart-row>div.col-md-4 {width: 100%;padding-left: 0;margin-left: 0;display: flex;flex-flow: row wrap;}*/ body.id--9 .checkout-box-wrapper {display: none;} .cart-row>div.col-md-8 {padding-right: 0px;width: 68%;margin-top: 56px;} .cart-row>div.col-md-4 {width: 32%;padding-left: 48px;margin-top: 56px;} body.id--9 .cart-row {display: flex;flex-flow: row wrap;row-gap: 32px;column-gap: 56px;} body.id--9 .cart-row::before {content: unset;} body.id--9 .cart-row::after {content: unset;} body.id--9 .cart-row>div.col-md-8 {flex: 1;padding: 0;margin-inline: 0;border: 0;} body.id--9 .cart-row>div.col-md-4 {flex: 0 0 310px;padding: 0;} body.id--9 .cart-row>div.col-md-4 .summary-wrapper {padding: 0;} @media (max-width: 1199px) { body.id--9 .cart-row>div.col-md-8 {flex: 0 0 100%;} body.id--9 .cart-row>div.col-md-4 {flex: 0 0 100%;max-width: unset;display: flex;flex-flow: row wrap;column-gap: 36px;margin-top: 0;} body.id--9 .cart-row>div.col-md-4 .summary-wrapper {max-width: 310px;width: 100%;padding: 0;margin-left: auto;} body.id--9 .cart-row>div.col-md-4 .ji-cart-upsell {margin-top: 0;flex: 1;} } .cart-table {border-collapse: separate;border-spacing: 0 6px;margin-bottom: 0px;margin-top: 0;} .cart-table tr.top td {background-color: transparent;font-size: 14px;padding: 16px;font-weight: 400;} .cart-table tr {border: 0;border-radius: 16px;margin-bottom: 6px;} .cart-table tr:not(.top) td {background-color: #FEF9F0;border: 1px solid #E1D7C7;border-right: 0;border-left: 0;} .cart-table tr td {border: 0;padding: 16px!important;} .cart-table tr.top td {padding: 16px 0;font-size: 14px;border: 0;} .cart-table tr.top {border: 0;border-top: 0;padding: 0;margin-bottom: 0;} .cart-table tr:not(.top) td:first-child {border-radius: 16px 0 0 16px;border-left: 1px solid #E1D7C7;} .cart-table tr:not(.top) td:last-child {border-radius: 0 16px 16px 0;border-right: 1px solid #E1D7C7;} .cart-table tr td.p-quantity .favourite-products-toggle {display: none;} .cart-table tr td.cart-p-image a {border-radius: 12px;display: block;overflow: hidden;} .cart-table tr td.cart-p-image img {width: 65px;mix-blend-mode: multiply;margin: auto;} .cart-table .product-appendix {display: none;} .cart-item .product-appendix {display: none;} .cart-table tr>td.p-total {text-align: left;} tr.removeable .remove-item {opacity: 1;margin-top: -12px;top: 10px;} tr.removeable .remove-item:hover::before {transform: rotate(180deg);} tr.removeable .remove-item::before {content: "";transition: .5s;width: 13px;height: 13px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' viewBox='0 0 13 13'%3E%3Cpath fill='%239E9286' d='M1.03 12.285c-.147-.147-.23-.346-.23-.553s.083-.406.23-.552L11.239.97c.146-.146.345-.228.552-.228s.406.082.552.229c.147.146.23.345.23.552s-.083.406-.23.553L2.135 12.284c-.147.147-.346.23-.553.23s-.406-.083-.552-.23'/%3E%3Cpath fill='%239E9286' d='M11.239 12.285 1.028 2.074C.884 1.93.802 1.73.802 1.524s.082-.406.229-.552c.146-.147.345-.229.552-.229s.406.082.553.229L12.343 11.18c.147.146.23.345.23.552s-.083.406-.23.553c-.146.146-.345.228-.552.228s-.406-.082-.553-.229'/%3E%3C/svg%3E");} .remove-item, .remove-item-placeholder {float: right;} .p-total .price-final {color: #44352E;font-size: 18px;font-weight: bold;position: relative;} .p-price .price-final {color: #71635A;font-weight: 400;font-size: 14px;} .p-price .price-final .show-tooltip.acronym[data-original-title] {border-color: #71635A;} .cart-table tr>td {padding: 0;} .cart-table .p-discount, .cart-table .p-price, .cart-table .p-availability {text-align: left;} .cart-table .availability-amount {color: #417335;font-weight: 600;font-size: 16px;} .cart-table .p-availability {} .cart-table .p-availability strong {max-width: 100px;font-size: 14px;font-weight: bold;line-height: 16px;} .cart-table .p-availability .availability-label[style="color: #417335"] {padding-left: 18px;position: relative;} .cart-table .p-availability .availability-label[style="color: #417335"]::before {content: "";position: absolute;left: 0;top: 50%;margin-top: -6px;width: 13px;flex: 0 0 13px;display: inline-flex;height: 13px;margin-right: 5px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' viewBox='0 0 13 13'%3E%3Cpath fill='%23417335' d='M6.373 1.627c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5m2.1 4.15-2.4 2.4c-.2.2-.5.2-.7 0l-1.1-1.1c-.2-.2-.2-.5 0-.7s.5-.2.7 0l.75.75 2.05-2.05c.2-.2.5-.2.7 0s.2.5 0 .7'/%3E%3C/svg%3E");} .cart-table tr td.p-name {line-height: 1.2;max-width: 330px;} .cart-table tr td.p-name a {font-size: 16px;font-weight: bold;color: #333333;text-transform: initial;} .cart-table tr td.p-name a.show-related {display: none;} .cart-table .unit-value {display: none;} .cart-content .delivery-time {display: none;} .cart-content .cart-summary h4 {display: none;} .cart-content .cart-summary .extras-col {max-width: unset;} body.id--9 .cart-summary>.h4 {font-size: 18px;text-transform: initial;font-weight: bold;} .discount-coupon {padding-left: 0;margin-bottom: 0;max-width: 450px;margin-bottom: 20px;} .discount-coupon:before {display: none;} .discount-coupon form .form-control {border-radius: 10px;border-right-style: solid;} .discount-coupon form .btn {height: 46px;flex: initial;margin-left: 16px;border-radius: 10px;} .free-gift {display: flex;flex-flow: row wrap;} .free-gift::before {content: "Vyberte si dárek zdarma:";font-size: 18px;font-weight: 600;line-height: 1.6;display: block;flex: 0 0 100%;margin-bottom: 8px;} .free-gifts-wrapper .free-gifts {display: flex;flex-flow: row wrap;column-gap: var(--ji-column-gap);--ji-column-gap: 16px;--ji-columns: 3;row-gap: 16px;} .free-gifts-wrapper:not(:has(.free-gifts)), .free-gifts-wrapper .free-gifts label {display: flex;flex-flow: row wrap;background: #FEF9F0;border: 1px solid #E1D7C7;padding: 16px;border-radius: 16px;} .free-gifts-wrapper:not(:has(.free-gifts)) {max-width: 450px;} .free-gifts-wrapper .free-gifts li {display: contents;} .free-gifts-wrapper .free-gifts li label {flex: 0 0 calc((100% - (var(--ji-columns) - 1) * var(--ji-column-gap, 0px)) / var(--ji-columns));} .free-gifts-wrapper:not(:has(.free-gifts)), .free-gifts-wrapper .free-gifts .active label {background-color: rgba(71, 94, 56, 0.1);border-color: #475E38;} .free-gifts-img {flex: 0 0 68px;height: 68px;margin-right: 10px;overflow: hidden;border-radius: 8px;} .free-gifts-img:has(.--custom) {margin-right: 10px;} .free-gifts-img img {width: 100%;height: 100%;object-fit: contain;border-radius: 8px;margin-right: 10px;transform: scale(1.25);} .free-gifts-img img.--custom {mix-blend-mode: unset;border-radius: 8px;} .free-gifts-img-hover {display: none;} .free-gift-label {flex: 1;font: unset;padding-left: 0;} .free-gift-name {font: unset;font-weight: 700;font-size: 16px;text-transform: none;color: unset;} .ji-free-gift-desc {color: #71635A;} .free-gift .free-gift-trigger {display: none;} #content .ji-mehub-checkout-widget-wrap+.mehub-bonus-checkout-container {display: none;} #content .ji-mehub-checkout-widget-wrap {margin-top: 22px;} #content .ji-mehub-checkout-widget-outer-title {font-weight: 600;font-size: 18px;line-height: 1.6;margin-block: 0 8px;} #content .ji-mehub-checkout-widget {display: flex;flex-flow: row wrap;align-items: center;column-gap: 8px;background: rgba(225, 215, 199, 0.5) url(../img/herbyway-club-checkout.svg) no-repeat 16px center / var(--ji-icon-width);padding: 16px;border-radius: 16px;line-height: 1.6;row-gap: 8px;padding-left: calc(16px + var(--ji-icon-width) + var(--ji-icon-gap));min-height: calc(63px + 32px);--ji-icon-gap: 24px;--ji-icon-width: 87px;} #content .ji-mehub-checkout-widget__body {flex: 1;} #content .ji-mehub-checkout-widget__title {font-size: 18px;font-weight: 600;margin-bottom: 0;} #content .ji-mehub-checkout-widget__body a {text-decoration: underline;} #content .ji-mehub-checkout-widget__body a:hover {text-decoration: none;} #content .mehub-bonus-checkout-inner-container {margin-top: 22px;} #content .mehub-bonus-checkout-inner-container>h4 {text-transform: none;font-weight: 600;font-size: 18px;line-height: 1.6;margin-block: 0 8px;} #content .mehub-bonus-checkout-inner-container>div {display: flex !important;flex-flow: row;align-items: center;column-gap: 24px;background: rgba(225, 215, 199, 0.5);padding: 16px;border-radius: 16px;} #content .mehub-bonus-checkout-inner-container>div::before {content: "";display: inline-block;flex: 0 0 87px;width: 87px;height: 63px;background: url(../img/herbyway-club-checkout.svg) no-repeat center / contain;} #content .mehub-bonus-checkout-inner-container>div>div {flex: 1;} #content .mehub-bonus-checkout-inner-container .card {margin: 0;padding: 0;background: unset;border-radius: 0;font: unset !important;} #content .mehub-bonus-checkout-inner-container .card-title {margin: 0;margin-bottom: 8px;padding: 0;font: unset !important;font-weight: 600 !important;line-height: 1.6 !important;} #content .mehub-bonus-checkout-inner-container .card-title:last-child {margin-bottom: 0;} #content .mehub-bonus-checkout-inner-container .card-text {margin: 0;padding: 0;font: unset;} #content .mehub-bonus-checkout-inner-container p:last-child {margin-bottom: 0 !important;} #content .mehub-bonus-checkout-inner-container:has(.state-1)>div {padding: 24px;border-radius: 24px;} #content .mehub-bonus-checkout-inner-container .state-1 .card {background-color: #E1D7C7;border: 1px solid #CAC0B1;padding: 16px;border-radius: 16px;} #content .mehub-bonus-checkout-inner-container .checkout-info-container {gap: 16px !important;align-items: stretch !important;} #content .mehub-bonus-checkout-inner-container .checkout-info-container+.card {margin-top: 16px !important;} #content .mehub-bonus-checkout-inner-container .credit-name {font: unset !important;font-weight: 700 !important;} #content .mehub-bonus-checkout-inner-container .credit-value {font: unset !important;font-weight: 700 !important;} #content .mehub-bonus-checkout-inner-container a {text-decoration: underline;} #content .mehub-bonus-checkout-inner-container a:hover {text-decoration: none;} #content .mehub-bonus-order-completed-container {margin-top: 16px;} #content .mehub-bonus-order-completed-container>h4 {text-transform: none;font-weight: 600;font-size: 18px;line-height: 1.6;margin-block: 0 8px;margin-inline: 0;padding: 0;display: block;} #content .mehub-bonus-order-completed-container>h4::before {content: unset;} #content .mehub-bonus-order-completed-container>h4::after {content: unset;} #content .mehub-bonus-order-completed-container>div {background: rgba(225, 215, 199, 0.5) url(../img/herbyway-club-checkout.svg) no-repeat 16px center / var(--ji-icon-width);padding: 16px;border-radius: 16px;padding-left: calc(16px + var(--ji-icon-width) + var(--ji-icon-gap));min-height: calc(63px + 32px);--ji-icon-gap: 24px;display: flex !important;align-items: center !important;--ji-icon-width: 87px;} #content .mehub-bonus-order-completed-container .card {margin: 0;padding: 0;background: unset;border-radius: 0;font: unset !important;} #content .mehub-bonus-order-completed-container .card-title {margin: 0;margin-bottom: 8px;padding: 0;font: unset !important;font-weight: 600 !important;line-height: 1.6 !important;} #content .mehub-bonus-order-completed-container .card-title:last-child {margin-bottom: 0;} #content .mehub-bonus-order-completed-container .card-text {margin: 0;padding: 0;font: unset;} #content .mehub-bonus-order-completed-container p:last-child {margin-bottom: 0 !important;} body.id--15 #content .mehub-bonus-order-completed-container>div {padding: 10px!important;padding-left: 120px!important;} .ji-cart-upsell {margin-top: 56px;} .ji-cart-upsell__title {font-weight: 600;font-size: 28px;margin-bottom: 16px;} .ji-cart-upsell__products-block {margin-top: -16px;margin-bottom: 8px;} .ji-cart-upsell__items {max-width: 650px;} .ji-cart-upsell__item.--big-promo {display: flex;flex-flow: row wrap;border: 1px solid #E1D7C7;background: #FEF9F0;border-radius: 24px;margin-bottom: 24px;} .ji-cart-upsell__big-promo-left {flex: 1;padding: 12px 40px;} .ji-cart-upsell__big-promo-title {font-size: 26px;font-weight: 700;text-decoration: underline;line-height: 1.5;text-underline-offset: 9px;} .ji-cart-upsell__big-promo-desc {color: #5A4C44;font-size: 12px;margin-top: 8px;} .ji-cart-upsell__big-promo-desc ul {display: grid;grid-template-columns: auto auto;max-width: fit-content;padding: 0;margin-block: 0;} .ji-cart-upsell__big-promo-desc li {padding-right: 30px;margin-left: 25px;} .ji-cart-upsell__big-promo-prices {margin-top: 15px;font-size: 16px;} .ji-cart-upsell__big-promo-price-standard {color: #A6282F;text-decoration: line-through;} .ji-cart-upsell__big-promo-price-save {color: #A6282F;font-weight: 700;} .ji-cart-upsell__big-promo-price {font-weight: 600;font-size: 20px;display: inline-block;margin-left: 3px;} .ji-cart-upsell__big-promo-btn {margin-top: 16px;font-size: 16px;min-height: 38px;padding: 6px 12px;display: inline-flex;align-items: center;line-height: 1.2;} .ji-cart-upsell__big-promo-btn::before {content: "";display: inline-block;width: 18px;height: 18px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none' viewBox='0 0 18 19'%3E%3Cpath fill='%23fff' d='M5.203 13.463c-.786-.04-.771-1.146 0-1.185 2.186.008 7.95.002 10.206.004a1.31 1.31 0 0 0 1.283-1.02l1.28-5.546a1.06 1.06 0 0 0-.203-.901 1.06 1.06 0 0 0-.83-.404c-.908 0-8.609-.035-12.553-.051l-.625-2.32A1.28 1.28 0 0 0 2.53 1.1H.528a.528.528 0 0 0 0 1.055H2.53a.22.22 0 0 1 .211.161l2.401 8.91a1.64 1.64 0 0 0-1.113.489 1.64 1.64 0 0 0-.474 1.185 1.655 1.655 0 0 0 1.647 1.619h.77a1.85 1.85 0 0 0 1.668 2.638 1.85 1.85 0 0 0 1.668-2.638h3.332a1.85 1.85 0 0 0 1.668 2.638 1.85 1.85 0 0 0 1.655-2.666.528.528 0 0 0-.169-1.027H5.203Zm3.23 1.847a.792.792 0 1 1-.793-.792h.001c.437 0 .791.355.791.791Zm5.876.79a.792.792 0 0 1-.013-1.582h.026a.792.792 0 0 1-.013 1.583Zm2.633-10.63q.004.005.002.009l-.54 2.336h-1.826l.31-2.357 2.046.008q.004-.001.008.004m-5.44 5.756V8.87h1.872l-.311 2.357zm-2.616 0L8.573 8.87h1.874v2.357h-1.56Zm-2.429 0h-.001a.286.286 0 0 1-.276-.21L5.602 8.87h1.906l.314 2.357zm1.975-3.41L8.115 5.43l2.332.01v2.375H8.432Zm3.07 0V5.443l2.323.01-.312 2.361h-2.01ZM7.05 5.425l.318 2.389h-2.05L4.67 5.416l2.379.01Zm8.359 5.8h-1.282l.311-2.356h1.723l-.497 2.154a.26.26 0 0 1-.255.203Z'/%3E%3C/svg%3E") no-repeat center / contain;margin-right: 8px;} .ji-cart-upsell__big-promo-right {position: relative;align-self: end;} .ji-cart-upsell__big-promo-image {max-width: 180px;max-height: 100%;} .ji-cart-upsell__big-promo-flags {left: -8px;bottom: -15px;} .ji-cart-upsell__big-promo-flags .flag-discount {width: 85px;height: 85px;display: inline-flex;flex-flow: column;justify-content: center;font-style: normal;padding: 5px 0 0 0;} .ji-cart-upsell__big-promo-flags .flag-discount::before {font-size: 16px;font-weight: 400;line-height: 1.2;} .ji-cart-upsell__big-promo-flags .flag-discount .price-save {font-size: 30px;font-weight: 500;line-height: 1.2;} .ji-cart-upsell__big-promo-flags .flag-discount .price-save span {font-size: 24px;} .ji-cart-upsell__item.--checkbox {margin-block: 16px;} .ji-cart-upsell__title {font-weight: 600;} .ji-cart-upsell__checkbox-title {font-weight: 600;} .ji-cart-upsell__checkbox-tooltip {content: "";display: inline-block;width: 16px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cg fill='%235A4C44' clip-path='url(%23a)'%3E%3Cpath d='M9.069 11.9a.8.8 0 0 1-.47-.105.49.49 0 0 1-.134-.4q.006-.184.044-.364.036-.206.094-.407l.43-1.477q.066-.218.087-.447c0-.163.022-.276.022-.342a.96.96 0 0 0-.339-.76 1.42 1.42 0 0 0-.96-.29 2.5 2.5 0 0 0-.727.12q-.385.12-.81.287l-.124.48q.126-.044.301-.098.168-.05.342-.051a.7.7 0 0 1 .462.112c.092.11.136.254.12.397q0 .184-.04.363a5 5 0 0 1-.098.404l-.433 1.484a4 4 0 0 0-.083.418q-.026.18-.026.363a.95.95 0 0 0 .364.753c.278.214.624.32.974.298.247.005.493-.03.728-.105q.308-.105.825-.302l.116-.458q-.14.058-.287.094-.187.043-.378.033m.455-7a1.04 1.04 0 0 0-.728-.273 1.04 1.04 0 0 0-.727.273.87.87 0 0 0 0 1.317c.414.37 1.04.37 1.455 0a.873.873 0 0 0 0-1.317'/%3E%3Cpath d='M8 .627a8 8 0 1 0 0 16 8 8 0 0 0 0-16M8 15.9A7.273 7.273 0 1 1 8 1.355 7.273 7.273 0 0 1 8 15.9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .627h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;margin-left: 8px;vertical-align: middle;margin-top: -2px;} /*body.id--9 .cart-row>div.col-md-4 .summary-wrapper {max-width: 310px;width: 100%;padding: 0;margin-left: auto;}*/ body.id--9 .cart-row>div.col-md-4 .box-bg-default {background-color: #E1D7C780;border-radius: 16px;padding: 16px;} .price-wrapper {padding-top: 8px;} .price-wrapper .price.price-primary {font-weight: 600;font-size: 24px;color: #44352E;} .price-wrapper .price-label.price-primary, .price-wrapper .price.price-primary {font-weight: 600;} .price-wrapper .price-label.price-primary {font-size: 16px;} .price-wrapper .price-label.price-secondary {font-size: 13px;color: #5A4C44;} .price-wrapper .price.price-secondary {font-size: 13px;font-weight: 400;} .summary-wrapper .extras-wrap {border: 1px solid #CAC0B1;border-radius: 16px;background-color: #E1D7C780;padding: 8px 16px;margin-bottom: 16px;} .cart-summary__title {font-size: 28px;font-weight: 600;margin-bottom: 16px;} .next-step .btn.btn-conversion, .next-step a.btn.btn-conversion {width: 100%;line-height: initial;padding: 12px;display: flex;align-items: center;justify-content: center;} .next-step .btn.btn-conversion::after, .next-step a.btn.btn-conversion::after {content: "";width: 11px;height: 20px;margin-left: 12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' fill='none' viewBox='0 0 11 20'%3E%3Cpath fill='%23FEF9F0' d='M11 10c0 .232-.09.465-.269.643l-9.166 9.09c-.358.356-.938.356-1.296 0-.358-.355-.359-.93 0-1.285L8.787 10 .27 1.552C-.09 1.197-.09.622.269.266c.358-.355.938-.355 1.296 0l9.166 9.091c.18.178.269.41.269.643'/%3E%3C/svg%3E");} .next-step-finish {flex-direction: row;} .order-button-text {text-transform: initial;font-size: 16px;font-weight: bold;padding-right: 4px;display: contents;} .order-button-suffix {margin: 0;font-size: 16px;font-weight: bold;padding: 0;line-height: initial;display: contents;} .btn.next-step-back {width: 100%;text-decoration: underline;color: #44352E;font-weight: 400;display: flex;align-items: center;justify-content: center;} .btn.next-step-back:hover {text-decoration: none;} .btn.next-step-back::before {content: "";width: 10px;height: 17px;margin-right: 12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17' fill='none' viewBox='0 0 10 17'%3E%3Cpath fill='%2344352E' d='M.5 8.627c0-.186.073-.372.22-.514L8.22.841c.293-.285.767-.285 1.06 0 .293.284.293.744 0 1.028L2.31 8.627l6.97 6.759c.293.284.293.744 0 1.028s-.767.285-1.06 0L.72 9.142C.573 9 .5 8.813.5 8.627'/%3E%3C/svg%3E");} .cart-content .co-box {background-color: #FEF9F0;margin-bottom: 24px;border-radius: 16px;border: 1px solid #E1D7C7;padding: 16px;} .cart-content .box.co-box h4:before, .cart-content .co-box h4:before {display: none;} .cart-content .box.co-box h4, .cart-content .co-box h4 {display: flex;padding-left: 0;margin-left: 0;text-transform: initial;margin: 0 0 16px 0;font-weight: 600;font-size: 24px;} .id--17 .cart-content .box.co-box h4, .id--17 .cart-content .co-box h4 {font-size: 18px;margin: 0 0 12px 0;} .order-icon.order-delivery::after {content: "1.";order: -1;padding-right: 5px;} .order-icon.order-payment::after {content: "2.";order: -1;padding-right: 5px;} #select-country-payment .select-label {display: none;} #select-country-payment select {width: 100%;} input[type=checkbox]+label, input[type=radio]+label {padding-left: 26px;} input[type=checkbox]+label:before, input[type=radio]+label:before {border-color: #71635A;border-radius: 4px;width: 18px;height: 18px;} input[type=checkbox]:checked+label:after, input[type=radio]:checked+label:after {background-color: #71635A;border-radius: 4px;width: 14px;height: 14px;} .radio-wrapper input[type="radio"]+label.inactive {opacity: 0.5;display: none;} .radio-wrapper input[type="radio"]+label {min-height: 74px;margin-bottom: 0;border: 1px solid #E1D7C7!important;padding: 8px 16px;margin-right: 0;padding-left: 50px;margin-bottom: 16px;background-color: #fff;border-radius: 20px;align-items: center;gap: 0;} .radio-wrapper:last-of-type input[type="radio"]+label {margin-bottom: 0;} .radio-wrapper input[type="radio"]:not(:checked)+label:hover {position: relative;z-index: 1;border: 1px solid #38393B;border-radius: 16px;} .radio-wrapper input[type="radio"]:checked+label {background: #475E381A;border-radius: 16px;border: 1px solid #475E38!important;} .radio-wrapper input[type="radio"]+label .payment-logo {margin-left: 0px;text-align: center;background: none;order: 0;width: 65px;flex-basis: 65px;height: 65px;line-height: 65px;border-radius: 10px;} .radio-wrapper input[type="radio"]+label .payment-logo img {max-height: 60px;max-width: 85%;mix-blend-mode: multiply;} .radio-wrapper input[type="radio"]+label .payment-info {order: 1;} .radio-wrapper input[type="radio"]+label .payment-shipping-price {order: 2;} .radio-wrapper input[type="radio"]:not(:checked)+label:hover b {color: #38393B;} .radio-wrapper {border: 0;padding: 0;} .radio-wrapper .payment-info {padding-left: 16px;flex: 1;} .radio-wrapper .payment-info b {display: block;font-size: 16px;font-weight: bold;text-transform: initial;color: #44352E;} .radio-wrapper .payment-info span {color: #5A4C44;font-weight: 400;font-size: 13px;} .radio-wrapper .payment-info span a {font-size: 13px;color: #5A4C44;text-decoration: underline;} .radio-wrapper .payment-info span a:hover {text-decoration: none;} .radio-wrapper .ji-shipping-delivery-date {order: 2;color: #475E38;padding-inline: 24px;} .radio-wrapper .payment-shipping-price {font-size: 16px;font-weight: bold;color: #44352E;flex: unset;min-width: 72px;} .radio-wrapper input[type=checkbox]:checked+label:after, .radio-wrapper input[type=radio]:checked+label:after {background-color: #475E38;top: 50%;left: 20px;margin-top: -5px;border-radius: 50%;width: 10px;height: 10px;} .radio-wrapper input[type=checkbox]:checked+label:before, .radio-wrapper input[type=radio]:checked+label:before {border-color: #71635A;border-radius: 50%} .radio-wrapper input[type=checkbox]+label:before, .radio-wrapper input[type=radio]+label:before {border-radius: 50%;width: 18px;height: 18px;left: 16px;top: 50%;;margin-top: -9px;} #checkoutSidebar .cart-content {padding: 0;} .checkout-box .btn.toggle-contacts {display: none;} .checkout-box .box.box-sm {background-color: #E1D7C780;margin-bottom: 16px;border-radius: 16px;padding: 16px;height: auto;transform: initial;visibility: visible;} .checkout-box .box.box-sm img {display: none;} .checkout-box .box.box-sm .ji-contact-box-image {width: 64px;height: 64px;position: absolute;left: 0;top: 0px;} .checkout-box .box.box-sm .ji-contact-box-image::before {content: "";display: block;width: 64px;height: 64px;background: url(../img/people/jana-circle-128.png) no-repeat center / contain;border-radius: 50%;border: 1px solid #CAC0B1;} .checkout-box .box.box-sm .contact-box.--on .ji-contact-box-image::after {content: "";display: block;width: 13px;height: 13px;border-radius: 100%;background: #719D54;position: absolute;bottom: 2px;right: 2px;} .checkout-box .box.box-sm .contact-box {padding-left: 78px;} .checkout-box .box.box-sm .contact-box strong {font-size: 18px;font-weight: 600;padding: 5px 0 0 0;margin: 0;} .checkout-box .box.box-sm .contact-box p {margin-bottom: 14px;} .checkout-box .box.box-sm .contact-box ul li>span.mail:before {display: none;} .checkout-box .box.box-sm .contact-box ul li>span.mail {padding-left: 0;} .checkout-box .box.box-sm .contact-box ul li>span.tel:before {display: none;} .checkout-box .box.box-sm .contact-box ul li>span.tel {padding-left: 0;} .checkout-box .box.box-sm .contact-box ul li>span.tel a, .checkout-box .box.box-sm .contact-box ul li>span.mail a {font-weight: 600;font-size: 18px;text-decoration: underline;padding-left: 24px;position: relative;} .checkout-box .box.box-sm .contact-box ul li>span.tel a:hover, .checkout-box .box.box-sm .contact-box ul li>span.mail a:hover {text-decoration: none;} .checkout-box .box.box-sm .contact-box ul li>span.tel a::before, .checkout-box .box.box-sm .contact-box ul li>span.mail a::before {content: "";width: 18px;height: 19px;position: absolute;left: 0;top: 3px;} .checkout-box .box.box-sm .contact-box ul li>span.tel::after, .checkout-box .box.box-sm .contact-box ul li>span.mail::after {content: "";display: block;padding-left: 24px;color: #71635A;margin-top: 4px;} .checkout-box .box.box-sm .contact-box ul li>span.mail a::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none' viewBox='0 0 18 19'%3E%3Cpath fill='%2344352E' d='M16.5 2.75h-15c-.827 0-1.5.673-1.5 1.5v10.5c0 .827.673 1.5 1.5 1.5h15c.827 0 1.5-.673 1.5-1.5V4.25c0-.827-.673-1.5-1.5-1.5m-15 .75h15c.055 0 .104.02.156.032-1.299 1.188-5.605 5.127-7.112 6.485-.118.106-.308.233-.544.233s-.426-.127-.545-.233C6.95 8.659 2.642 4.72 1.344 3.532c.052-.012.1-.032.156-.032M.75 14.75V4.25c0-.073.022-.14.042-.207.994.91 3.998 3.658 5.947 5.43C4.797 11.14 1.79 13.99.789 14.945.773 14.882.75 14.82.75 14.75m15.75.75h-15c-.06 0-.113-.02-.17-.034 1.036-.987 4.06-3.853 5.968-5.485l.655.593c.31.279.671.426 1.047.426s.738-.147 1.046-.426c.18-.161.407-.367.656-.593 1.908 1.632 4.932 4.498 5.967 5.485-.056.013-.109.034-.169.034m.75-.75c0 .07-.022.132-.04.195-1.002-.955-4.007-3.804-5.949-5.472 1.949-1.772 4.953-4.52 5.947-5.43.02.067.042.133.042.207z'/%3E%3C/svg%3E");} .checkout-box .box.box-sm .contact-box ul li>span.tel a::before {background-image: url(../img/icons/checkout-contact-tel.svg);} .gift-items {padding-top: 0;} .cart-item {position: relative;} .cart-item>div.cart-item-name {border: 0;width: calc(100% - 80px);display: block;text-transform: none;} .cart-item>div.cart-item-name a {text-transform: initial;color: #44352E;font-size: 16px;} .cart-item>div.cart-item-name a .main-link-variant {font-size: 13px;font-weight: 400;color: #5A4C44;} .cart-item>div.cart-item-amount {position: absolute;right: 0;display: block;top: 0;border: 0;color: #5A4C44;padding: 0;text-align: right;font-size: 13px;} .cart-item>div.cart-item-amount .unit-value {color: #5A4C44;font-size: 13px;} .cart-item>div.cart-item-price {padding-top: 25px;border: 0;font-weight: 600;font-size: 16px;line-height: 1;vertical-align: top;} .cart-item.cart-item-gift>div {padding: 8px;} .cart-item.cart-item-gift>div.cart-item-name {padding-left: 0;} .cart-item.cart-item-gift>div.cart-item-name .for-free {display: none;} .cart-item.cart-item-gift>div.cart-item-name br {display: none;} .cart-item.cart-item-gift>div.cart-item-price {padding-right: 0;} .cart-item.cart-item-gift .for-free {color: unset;font-weight: 600;} .order-summary-inner h4, .order-summary-inner .h4 {font-size: 24px;font-weight: 600;margin: 5px 0 10px 0;text-transform: initial;} .order-summary-item.helper {padding: 16px 0;border-top: 1px solid #CAC0B1;border-bottom: 1px solid #CAC0B1;margin-bottom: 16px;} .order-summary-item.helper div {font-size: 16px;font-weight: 600;} .order-summary-item.helper>div:first-child {flex: 0 0 40%;} .order-summary-item.helper>div:last-child {flex: 0 0 60%;} .recapitulation-single>span {display: none;} .recapitulation-single>strong {font-size: 16px;font-weight: bold;} .cart-items {margin-bottom: 0;} .order-recapitulation {border-bottom: 1px solid #CAC0B1;padding-bottom: 16px;} .id--17 .order-summary-inner {margin-bottom: 16px;} .order-summary-inner {padding: 16px;background-color: #E1D7C780;border-radius: 16px;} .order-summary-item.price {margin: 0;border: 0;background-color: #F7EEDD;border-radius: 16px;} .id--17 .price-wrapper {border-bottom: 1px solid #CAC0B1;padding-bottom: 16px;margin-bottom: 16px;} .order-summary-item .form-group label {padding-right: 0;color: #44352E;font-size: 16px;margin-right: 0;} .order-summary-item .form-group label a:hover, .id--17 .cart-content>.form-group label a:hover {text-decoration: none;} .id--17 .cart-content>.form-group label {font-size: 13px;} .id--17 .cart-content .co-box .form-group:has(label[for="login"]) {display: none;} .co-shipping-address-spec>.form-group {margin-bottom: 0;} .co-shipping-address-spec #shipping-address {padding-top: 15px;} .cart-login {background-color: #E1D7C780;border-radius: 16px;padding: 16px 150px 16px 125px;margin-bottom: 24px;position: relative;display: none;} .cart-login::before {content: "";width: 87px;height: 63px;background: url(../img/cart-login-img.webp) no-repeat center / contain;position: absolute;left: 16px;top: 50%;margin-top: -31px;} .cart-login__title {font-size: 18px;font-weight: 600;margin: 8px 0 4px 0;} .cart-login__subtitle {font-size: 16px;margin-bottom: 8px;} .cart-login__subtitle a {text-decoration: underline;} .cart-login__subtitle a:hover {text-decoration: none;} .cart-login .btn {position: absolute;top: 50%;margin-top: -23px;right: 16px;} .cart-register {background-color: #E1D7C780;border-radius: 16px;padding: 16px;padding-left: 200px;position: relative;background-image: url(../img/cart-register-img.svg);background-size: 162px;background-position: top 30px left 16px;background-repeat: no-repeat;min-height: 220px;} .cart-register__title {font-size: 24px;font-weight: 600;} .cart-register ul {list-style: none;padding: 0;display: flex;flex-flow: row wrap;} .cart-register ul li {width: 33.333%;padding-bottom: 12px;padding-right: 24px;padding-left: 22px;position: relative;} .cart-register ul li::before {content: "";position: absolute;left: 0;top: 0;width: 16px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2344352E' d='M5.408 11.797c-.473-.532-.855-1.052-1.225-1.556-.337-.457-.63-.947-.873-1.46-.153-.313-.22-.628.11-.831.947-.582 1.14-.027 1.655.618.305.382.755 1.012 1.037 1.41.27.38.597-.306.728-.5.466-.688 1.676-2.371 2.176-2.994.475-.59 2.007-2.246 2.293-2.51.243-.223.756-.715 1.102-.444.362.285.54.827.285 1.18-.444.612-1.142 1.196-1.625 1.78-.977 1.182-1.902 2.456-2.79 3.724-.301.431-.725 1.154-.988 1.621-.492.875-.924 1.041-1.885-.038'/%3E%3C/svg%3E");} @media (max-width: 1439px) { .cart-row>div.col-md-4 {padding-left: 20px;} .free-gifts-wrapper .free-gifts {--ji-columns: 2;} } @media (max-width: 1199px) { .free-gifts-wrapper .free-gifts {--ji-columns: 3;} .checkout-box .box.box-sm .contact-box ul li>span.tel::after, .checkout-box .box.box-sm .contact-box ul li>span.mail::after {font-size: 14px;} .next-step {margin-bottom: 0;} .order-button-suffix {font-size: 11px;} .next-step .btn.btn-conversion.next-step-finish {padding-left: 5px;padding-right: 5px;} } @media (max-width: 991px) { /*body.id--9 .cart-row {row-gap: 0;}*/ body.id--9 .cart-row>div.col-md-8 {margin-top: 24px;width: 100%;} body.id--9 .cart-row>div.col-md-4 .summary-wrapper {width: 100%;max-width: 100%;} .cart-row>div.col-md-8 {width: 100%;margin-top: 24px;} .cart-row>div.col-md-4 {width: 100%;padding-left: 0;} .free-gifts-wrapper .free-gifts {--ji-columns: 2;} .cart-summary {padding: 18px 0;} .price-wrapper {padding-left: 0;padding-right: 0;} .next-step {padding-left: 0;padding-right: 0;margin-bottom: 0;} .cart-inner .consents, .cart-items {padding-left: 0;padding-right: 0;} .order-summary-item.price {padding: 16px;} .order-summary-inner h4 {padding-left: 0;} .order-summary-item.helper, .recapitulation-single {padding-left: 0;padding-right: 0;} #select-country-payment .row {display: flex;} #select-country-payment .col-sm-6 {width: 50%;} #select-country-payment select {min-width: 0;padding-left: 10px;padding-right: 10px;font-size: 14px;} } @media (max-width: 767px) { .cart-row>div.col-md-4 {margin-top: 24px;} .content-wrapper.container .row.cart-row {padding-left: 24px;padding-right: 24px;} .cart-table tr td {padding: 8px 6px!important;} .cart-table .p-label {display: none;} .cart-table .unit-value {display: inline-block;color: #71635A;font-size: 14px;} .p-price .price-final {color: #71635A;font-size: 14px;} .cart-table tr>td.p-total {text-align: right;} .cart-table tr {position: relative;border-radius: 16px;background-color: #FEF9F0;margin-bottom: 6px;border: 1px solid #E1D7C7;} tr.removeable .remove-item {position: absolute;top: 15px;right: 5px;} .cart-table tr td.p-name {max-width: initial;min-height: 100px;padding-left: 95px!important;padding-top: 30px!important;padding-right: 30px!important;} .cart-table tr>td.cart-p-image {position: absolute;left: 15px;top: 15px;padding: 5px!important;} .cart-table tr td.cart-p-image img {width: 70px;} .cart-table tr td.cart-p-i img {width: 70px;} .cart-table .quantity-form .quantity {margin-left: auto;} .cart-table tr>td.p-total {padding-bottom: 20px;} .cart-table tr>td.p-availability {display: flex;align-items: center;} .cart-table .p-availability .availability-label[style="color: #417335"]::before {margin-top: -8px;} .cart-table tr:not(.top) td {border: 0!important;border-radius: 0!important;} .cart-table .p-price {padding-bottom: 20px;} .cart-table tr.top {display: none;} .cart-table tr:last-of-type {margin-bottom: 10px;} .free-gifts-wrapper .free-gifts {--ji-columns: 1;} #content .ji-mehub-checkout-widget {--ji-icon-gap: 16px;--ji-icon-width: 67px;} #content .ji-mehub-checkout-widget {background-position-y: 16px;} .ji-cart-upsell__products-block.products .p .name {margin-bottom: 0;} .ji-cart-upsell__products-block.products .p .product-appendix {display: none;} .ji-cart-upsell__products-block .p-bottom .availability {order: 0;margin-top: 0;margin-bottom: 12px;} .ji-cart-upsell__item.--big-promo {overflow: hidden;} .ji-cart-upsell__big-promo-title {flex: 0 0 calc(100% - 44px);margin: 10px 22px 0;} .ji-cart-upsell__big-promo-left {margin: 0 0 10px 22px;padding: 0;flex: unset;} .ji-cart-upsell__big-promo-right {flex: 1;} .ji-cart-upsell__big-promo-image {width: 100%;} .ji-cart-upsell__big-promo-desc ul {grid-template-columns: auto;} .ji-cart-upsell__big-promo-desc li {padding-right: 0;} .ji-cart-upsell__big-promo-price {display: block;} .radio-wrapper input[type="radio"]+label .payment-logo {height: 45px;line-height: 45px;margin-bottom: 5px;} .radio-wrapper input[type="radio"]+label .payment-info {max-width: unset;width: unset;padding-left: 0;} .cart-register ul {margin-top: 24px;} .cart-register ul li {width: 50%;} .cart-register label {margin-right: 0!important;} .cart-register {padding-left: 16px;background-size: 80px;background-position: left 20px top 60px;} .cart-register__title {padding-left: 110px;} .cart-register p {padding-left: 110px;max-width: 300px;} .cart-login {padding: 16px;padding-left: 127px;} .cart-login:not(.extra-discount)::before {top: 16px;margin-top: 0;} .cart-login .btn {position: static;margin-top: 10px;width: calc(100% + 111px);margin-left: -111px;} } @media (max-width: 575px) { .radio-wrapper input[type="radio"]+label .payment-info {max-width: unset;width: unset;flex: 0 0 calc(100% - 65px);padding-left: 0;} .radio-wrapper input[type="radio"]+label .payment-shipping-price {margin-left: auto;margin-top: 10px;} .radio-wrapper .ji-shipping-delivery-date {margin-top: 10px;padding-inline: 0 10px;} #order-billing-methods .radio-wrapper input[type="radio"]+label {padding-left: 40px} } @media (max-width: 479px) { #content .ji-mehub-checkout-widget .ji-mehub-checkout-widget__login-btn {width: 100%;} } /* Thx page */ .id--15 #content, .social-buttons {background-color: transparent;} .id--15 .co-box h4 {display: none;} .id--15 .content-inner {max-width: 816px;width: 100%;margin-left: auto;margin-right: auto;padding: 24px;} .order-summary-heading {text-transform: initial;font-weight: 600;} .order-summary-heading+p a {text-decoration: underline;} .order-summary-heading+p a:hover {text-decoration: none;} .order-summary-heading::before {content: "";width: 32px;height: 32px;margin: auto;margin-bottom: 16px;display: block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23417335' d='M16 0C7.2 0 0 7.2 0 16s7.2 16 16 16 16-7.2 16-16S24.8 0 16 0m6.72 13.28-7.68 7.68c-.64.64-1.6.64-2.24 0l-3.52-3.52c-.64-.64-.64-1.6 0-2.24s1.6-.64 2.24 0l2.4 2.4 6.56-6.56c.64-.64 1.6-.64 2.24 0s.64 1.6 0 2.24'/%3E%3C/svg%3E");} .reca-number__wrap {display: flex;justify-content: center;flex-direction: column;align-items: center;margin-bottom: 36px;} .reca-number {padding: 16px;line-height: 1;display: block;font-size: 18px;font-weight: 600;color: #44352E;background-color: #E1D7C780;border-radius: 16px;display: inline-block;margin: auto;margin-bottom: 16px;} .btn.btn-review {display: flex;} .btn-review::after {content: "";width: 11px;flex: 0 0 11px;height: 21px;margin-left: 12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='21' fill='none' viewBox='0 0 11 21'%3E%3Cpath fill='%23fff' d='M11 10.5c0 .232-.09.465-.269.643l-9.166 9.09c-.358.356-.938.356-1.296 0-.358-.355-.359-.93 0-1.285L8.787 10.5.27 2.052c-.359-.355-.359-.93 0-1.286.358-.355.938-.355 1.296 0l9.166 9.091c.18.178.269.41.269.643'/%3E%3C/svg%3E");} .order-complete-links {display: none;} .order-summary-item.summary-thx {display: none;} .order-summary-item.total {font-size: 16px;font-weight: 400;} .thx__back-wrap {text-align: center;margin-top: 34px;} .thx__back-wrap .btn {display: inline-flex;align-items: center;} .thx__back-wrap .btn::before {content: "";width: 11px;flex: 0 0 11px;height: 20px;margin-right: 12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' fill='none' viewBox='0 0 11 20'%3E%3Cpath fill='%23F7EEDD' d='M0 10c0-.232.09-.465.269-.643L9.435.267c.358-.356.938-.356 1.296 0 .358.355.358.93 0 1.285L2.213 10l8.518 8.448c.358.355.358.93 0 1.286-.358.355-.938.355-1.296 0L.27 10.643C.089 10.465 0 10.233 0 10'/%3E%3C/svg%3E");} .recapitulation-wrapper:has(.co-box) {display: flex;flex-direction: column;background-color: #FEF9F0;border: 1px solid #E1D7C7;border-radius: 24px;padding: 24px;margin-bottom: 35px;} .id--15 .cart-table tr {border-bottom: 1px solid #E1D7C7;margin-bottom: 0;border-radius: 0;} .id--15 .cart-table tr:not(.top) td {border: 0;border-bottom: 1px solid #E1D7C7;border-radius: 0;} .id--15 .cart-table tr td.p-price {color: #44352E;font-size: 18px;font-weight: bold;padding-right: 0!important;text-align: right;} .id--15 .cart-table tr td.p-name {font-size: 14px;font-weight: 400;} .id--15 .cart-table tr td.p-name span {font-size: 16px;font-weight: bold;} .id--15 .cart-table tr td.p-quantity {color: #71635A;font-size: 14px;text-align: right;} .id--15 .cart-table tr td.p-quantity span {display: none;} .id--15 .cart-table tr td.p-quantity strong {display: none;} .id--15 .cart-table tr.ji-thx-gift .p-name .for-free {display: none;} .id--15 .cart-table tr.ji-thx-gift .p-name .for-free+br {display: none;} .id--15 .co-box.co-order {order: -1;} .id--15 .co-box {border: 0;padding: 0;margin: 0;} .id--15 .reca__title {font-size: 18px;font-weight: 600;margin-bottom: 5px;} .id--15 .recapitulation-wrapper:has(.co-box) .col-sm-6 {width: 100%;} .id--15 table.table.recapitulation-table:first-of-type th {font-weight: 600;font-size: 16px;} .id--15 table.table.recapitulation-table:first-of-type td {font-weight: 600;font-size: 16px;} .id--15 table.table.recapitulation-table:first-of-type tr {display: flex;justify-content: space-between;padding: 8px 0;} .id--15 table.table.recapitulation-table:first-of-type tr:last-of-type:not(:has(img)) {border-top: 1px solid #E1D7C7;margin-top: 8px;padding-top: 16px;} .id--15 table.table.recapitulation-table:first-of-type tr:has(img) th {display: none;} .id--15 table.table.recapitulation-table:first-of-type tr:has(img) td {text-align: center;width: 100%;margin-top: 10px;} .ji-thx-upsell-wrap {margin-inline: calc(50% - 50dvw + var(--scrollbar-width, 0px) / 2);width: unset;} .ji-thx-upsell {border-top: 1px solid #DBCCB2BF;padding-top: 36px;margin-bottom: 36px;} .ji-thx-upsell__title {text-align: center;margin-bottom: 24px;margin-top: 0px;} .ji-thx-upsell__countdown {border-radius: 30px;background: #fff;text-align: center;font-size: 18px;padding: 16px 24px;margin-bottom: 36px;} .ji-thx-upsell__product {display: flex;flex-flow: row wrap;column-gap: 24px;margin-bottom: 36px;} .ji-thx-upsell__product-rating .stars {--ji-size: 20px;margin-right: 8px;} .ji-thx-upsell__product .stars-label {color: #44352E;font-size: 16px;text-decoration: underline;line-height: unset;} .ji-thx-upsell__product .stars-label:hover {text-decoration: none;} .ji-thx-upsell__product-image-wrapper {width: calc(40% - 12px);} .ji-thx-upsell__product-image-wrapper .flags-extra {display: none;} .ji-thx-upsell__product-image-wrapper .p-image {border-radius: 30px;overflow: hidden;} .ji-thx-upsell__product .p-thumbnails-wrapper {display: none;} .ji-thx-upsell__product-info {width: calc(60% - 12px);max-width: 550px;} .ji-thx-upsell__product-title {font-size: 30px;font-weight: 700;margin: 0 0 16px 0;line-height: 1.1;} .ji-thx-upsell__product-desc {font-size: 17px;} .ji-thx-upsell__product-rating {margin-block: 8px 16px;color: unset;} .ji-thx-upsell__product-variants-title {margin-top: 16px;margin-bottom: 4px;font-weight: 700;color: #44352E;font-size: 18px;} .ji-thx-upsell__variants {display: flex;flex-flow: row wrap;gap: 8px;margin-bottom: 16px;} .ji-thx-upsell__variant {text-align: center;border: 1px solid #E1D7C7;background-color: #FEF9F0;border-radius: 20px;padding: 16px;} .ji-thx-upsell__variant:has(input:checked) {background-color: #475E381A;border-color: #475E38;} .ji-thx-upsell__variant-image {width: 70px;height: 70px;object-fit: contain;margin-bottom: 4px;} .ji-thx-upsell__variant-name {margin-bottom: 4px;} .ji-thx-upsell__variant input[type=checkbox]+label {margin: 0;padding-left: 18px;} .ji-thx-upsell__product-shipping {border-top: 1px solid #DBCCB2BF;padding-top: 16px;font-weight: 700;} .ji-thx-upsell__product-price {margin-top: 16px;font-size: 18px;margin-bottom: 16px;} .ji-thx-upsell__price-standard {text-decoration: line-through;} .ji-thx-upsell__price-final {color: #417335;} .ji-thx-upsell__price-final strong {font-size: 20px;font-weight: 700;} .ji-thx-upsell__btns {display: flex;flex-flow: row wrap;gap: 16px;align-items: baseline;} .ji-thx-upsell__submit-btn.btn {padding: 7px 16px;line-height: 36px;} .ji-thx-upsell__submit-btn.btn:disabled {filter: grayscale(95%);cursor: not-allowed;opacity: 0.6;} .ji-thx-upsell__submit-btn.btn::before {content: "";display: inline-block;margin-top: -3px;font-size: 20px;line-height: 0;margin-right: 12px;width: 28px;height: 28px;background-image: var(--icon-btn-cart);vertical-align: middle;} .ji-thx-upsell__skip-btn {color: #A6282F;text-decoration: underline;} .ji-thx-upsell__skip-btn:hover {text-decoration: none;} .ji-thx-upsell__content {position: relative;padding-block: 36px;font-size: 17px;} .ji-thx-upsell__content::before {content: "";display: block;position: absolute;inset-inline: calc(50% - 50dvw + var(--scrollbar-width, 0px) / 2);inset-block: 0;z-index: -1;background: #E1D7C780;} .ji-thx-upsell__content-title {text-align: center;margin-block: 0 36px;} .ji-thx-upsell__content-row {display: flex;flex-flow: row wrap;column-gap: 36px;margin-bottom: 36px;justify-content: center;} .ji-thx-upsell__content-row>img {flex: 0 0 175px;width: 1px;max-width: 33%;border-radius: 20px;overflow: hidden;} .ji-thx-upsell__content-row>div {flex: 1;max-width: 500px;} .ji-thx-upsell__content-row>div>:last-child {margin-bottom: 0;} .ji-thx-upsell__content-row:last-child {margin-bottom: 0;} .ji-thx-recap-title {text-align: center;margin-top: 0;} .ji-reca-upsell-title {font-size: 18px;font-weight: 600;margin-bottom: 5px;margin-top: 16px;color: #417335;} .ji-reca-upsell-total-price {color: #417335;} @media (max-width: 991px) { .ji-thx-upsell__product {flex-flow: column;} .ji-thx-upsell__product-image-wrapper {width: 250px;max-width: 33%;align-self: center;} .ji-thx-upsell__product-info {width: unset;} } @media (max-width: 767px) { .id--15 .cart-table tr {border: 0;border-bottom: 1px solid #E1D7C7;} .id--15 .cart-table tr td.p-price {width: auto;flex: unset;} .id--15 .cart-table tr td.p-quantity {flex: 1;display: flex;align-items: flex-end;justify-content: flex-end;} .id--15 .cart-table tr td.p-name {flex: 0 0 100%;} .id--15 table.table.recapitulation-table:first-of-type td {text-align: right;padding-bottom: 0;padding-left: 10px;} .id--15 table.table.recapitulation-table:first-of-type th {display: flex;align-items: center;flex: 1;} .id--15 .co-box.co-payment-method {padding-top: 10px;} .id--15 .co-box.co-payment-method .col-sm-12 {padding-left: 0;padding-right: 0;} .id--15 .co-box.co-payment-method .row {margin-left: 0;margin-right: 0;} .thx__back-wrap .btn {width: 100%;justify-content: center;} .reca-number {width: 100%;} .btn.btn-review {width: 100%;justify-content: center;} .id--15 h1 {padding-top: 0;} .ji-thx-upsell__content-row {flex-flow: column;row-gap: 24px;margin-bottom: 16px;} .ji-thx-upsell__content-row>img {flex: unset;width: 175px;align-self: center;} } @media (max-width: 479px) { .ji-thx-upsell__btns {text-align: center;justify-content: center;} .ji-thx-upsell__submit-btn.btn {width: 100%;} } /* Detail */ @media (min-width: 1200px) { .p-image-wrapper {width: 50%;padding-right: 0;} .p-info-wrapper {width: 50%;padding-left: 56px;} } @media (min-width: 1200px) and (max-width: 1439px) { .p-info-wrapper {padding-left: 40px;} } /* stacked columns on tablet: the text lines up with the gallery and has some space under it */ @media (min-width: 768px) and (max-width: 1199px) { .p-image-wrapper {margin-bottom: 32px;} } @media (max-width: 767px) { .product-top {margin-bottom: 25px;} } /* Fixed CTA */ .fixed-cta {position: fixed;top:0;left:0;width:100%;z-index:10;background: #F7EEDD;border-bottom: 1px solid #CAC0B1;transition:transform ease-in-out 0.3s;padding: 10px 20px;} .fixed-cta:not(.--sticky) {transform:translateY(calc(-100% - 8px));} .fixed-cta__top {align-items: center;display: flex;justify-content: space-between;} .fixed-cta__left {display: flex;align-items: center;gap:18px;max-width: 70%;padding-right: 10px;} .fixed-cta__name {font-size: 20px;margin:0;font-weight: 600;padding-bottom: 8px;} .fixed-cta__image {border: 1px solid #CAC0B1;border-radius: 6px;overflow: hidden;background-color: #E1D7C780;} .fixed-cta__image img {width: 60px;mix-blend-mode: multiply;} .fixed-cta__right {display: flex;align-items: center;gap:25px;} .fixed-cta .availability-value {margin-right: 30px;white-space: nowrap;} .fixed-cta .availability-amount::after {content:unset;} .fixed-cta .responsive-nav {margin-bottom: 0;padding: 0;} .fixed-cta .responsive-nav::after {content:unset;} .fixed-cta .responsive-nav .navigation-btn {display: none!important;} .fixed-cta .shp-tabs-holder ul.shp-tabs {padding: 0;} .fixed-cta .price-save {display: none;} .fixed-cta .price-standard {margin-right: 0.5ex;line-height: 1;white-space: nowrap;display: none;} .fixed-cta .price-final {white-space: nowrap;font-size: 24px;font-weight: 600;color: #44352E;} .fixed-cta .add-to-cart-button {font-size: 16px;padding-top: 4px;padding-bottom: 4px;min-width: 200px;} .fixed-cta .price-measure {display: none;} .fixed-cta .ji-portion-price {display: none;} .fixed-cta .shp-tabs-holder ul.shp-tabs li a {font-size: 13px;padding: 5px;padding-right: 15px;} .fixed-cta .shp-tabs-holder ul.shp-tabs li a::before {width: 10px;height: 11px;background-size: contain;background-repeat: no-repeat;} @media (max-width: 1199px) { .fixed-cta__tabs {display: none;} } @media (max-width: 767px) { .fixed-cta:not(.--sticky) {transform: translateY(100%);} .fixed-cta__top {justify-content: flex-start;flex-direction: column;align-items: flex-start;} .fixed-cta__right-inner {flex: 1;overflow: hidden;min-width: 0;} .fixed-cta__right {gap: 16px;max-width: 100%;} .fixed-cta {padding: 15px 10px;transition: .15s;top: auto;bottom: 0;border-top: 1px solid #CAC0B1;} .fixed-cta__image {display: none;} .fixed-cta .price-final {font-size: 16px;padding-right: 6px;} .fixed-cta .add-to-cart-button {padding: 5px 8px!important;min-width: 0;} .fixed-cta .p-final-price-wrapper {display: inline-block;margin-top: 4px;} .fixed-cta .availability-value {display: inline-block;margin-top: 4px;} .fixed-cta__name {font-size: 18px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 2px;} /* name on top, price + stock on one row under it; room for the iPhone home bar */ .fixed-cta {padding: 10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow: 0 -4px 16px rgba(68, 53, 46, 0.08);} .fixed-cta__right {align-items: center;gap: 12px;width: 100%;} .fixed-cta__right-inner {display: flex;flex-wrap: wrap;align-items: baseline;column-gap: 10px;} .fixed-cta__right-inner .fixed-cta__name {flex: 0 0 100%;padding-bottom: 0;font-size: 16px;line-height: 1.3;} .fixed-cta .p-final-price-wrapper, .fixed-cta .availability-value {margin: 2px 0 0;} .fixed-cta .price-final {padding-right: 0;font-size: 18px;font-weight: 700;} .fixed-cta .availability-value {font-size: 14px;} .fixed-cta .availability-amount {display: none;} .fixed-cta .add-to-cart-button {flex: 0 0 auto;min-height: 48px;} } .p-detail-inner-header h1 {font-size: 42px;font-weight: 700;line-height: 1.25;margin: 0 0 10px 0;} .p-detail-inner-header .appendix-wrapper {display: flex;justify-content: space-between;align-items: center;} .p-detail-inner-header .appendix-wrapper:has(tr.product-appendix):has(span.product-appendix) span.product-appendix {display: none;} .p-detail-inner-header .product-appendix {margin-top: 0;font-size: 18px;font-weight: 600;color: #44352E;} .product-appendix th {display: none;} /* coupon code flag reduced to the discount (CouponFlag) */ .flags .flag.ji-flag-code-discount {background-color: #A6282F;color: #FFF;} /* the appendix content is replaced by the subtitle from the short description */ .p-short-description .ji-subtitle {display: none;} .p-detail-inner-header .appendix-wrapper > :not(.ji-subtitle) {display: none;} .p-detail-inner-header .appendix-wrapper:not(:has(.ji-subtitle)) {display: none;} .p-detail-inner-header .ji-subtitle {display: block;margin: 0;color: #44352E;font-size: 18px;font-weight: 400;line-height: 26px;} .p-detail-info>div+div::before {display: none;} /* flags + stars + rating count under the title (Detail) */ .ji-detail-summary {display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-top: 10px;padding-top: 2px;} .ji-detail-summary .flags-default {position: static;display: flex;flex-wrap: wrap;gap: 6px;margin: 0;} .ji-detail-summary .flags-default::before, .ji-detail-summary .flags-default::after {display: none;} .ji-detail-summary .flags-default .flag {float: none;margin: 0;padding: 4px 10px;border-radius: 5px;font-size: 14px;font-style: normal;font-weight: 700;line-height: 20px;text-transform: none;} .ji-detail-summary__rating {display: flex;align-items: center;gap: 8px;color: #44352E;} .ji-detail-summary__rating .stars {display: flex;gap: 2px;width: auto;height: 20px;margin: 0;} .ji-detail-summary__rating .stars span {width: 20px;height: 20px;margin: 0;line-height: 20px;} .ji-detail-summary__rating .stars span::before {font-size: 20px;line-height: 20px;} .ji-detail-summary__count {font-size: 16px;font-weight: 700;line-height: 22px;text-decoration: underline;text-decoration-thickness: 0.8px;} .ji-detail-summary__rating:hover {color: #44352E;} .ji-detail-summary__rating:hover .ji-detail-summary__count {text-decoration: none;} @media (max-width: 767px) { .p-detail-inner-header h1 {font-size: 28px;line-height: 35px;} .p-detail-inner-header .appendix-wrapper {flex-direction: column;align-items: flex-start;} } .p-short-description {order: -18;display: flex;flex-direction: column;} .p-short-description p {font-size: 16px;} .p-short-description ul:not(.no-style) {display: flex;flex-flow: row wrap;padding: 0 0 16px 0;list-style: none;margin: 0;} .p-short-description ul:not(.no-style) li {width: 50%;color: #44352E;font-weight: 700;padding: 10px 0;position: relative;} .p-short-description ul li.desc-li {width: 33.333%;font-style: italic;padding-right: 10px;} .p-short-description ul li.desc-li:has(img) {display: flex;align-items: center;} .p-short-description ul li.desc-li img {margin-right: 17px;} @media (max-width: 767px) { .p-short-description ul li.desc-li {flex-direction: column;text-align: center;padding: 8px;} .p-short-description ul li.desc-li img {margin-right: 0;margin-bottom: 8px;} .p-short-description ul li.desc-li:nth-of-type(+n+4) {display: none;} } .p-short-description ul.ul-spec {padding-bottom: 16px;order: 1;} .p-short-description ul.ul-spec li {width: 50%;padding: 0 24px 16px 24px;font-weight: 400;} .p-short-description ul.ul-spec li::before {content: "";position: absolute;left: 0;top: 5px;background-size: contain;background-repeat: no-repeat;width: 16px;height: 16px;margin-right: 8px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none' viewBox='0 0 17 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%235A4C44' d='M8.5 0c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8m4.471 5.895-5.113 5.072c-.3.301-.782.321-1.102.02L4.049 8.522c-.32-.3-.341-.802-.06-1.123.3-.32.802-.34 1.123-.04l2.145 1.965 4.571-4.571c.321-.32.822-.32 1.143 0s.321.822 0 1.143'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h16v16H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .p-short-description .other-product-links {display: none;} /* Short description: "Nejčastěji pomáhá na" + description + checklist (admin HTML) */ .ji-sd {display: flex;flex-direction: column;gap: 24px;width: 100%;padding-bottom: 24px;} /* the short description is a flex item sized by its content; the new block always spans the column */ .p-short-description:has(.ji-sd) {width: 100%;} .ji-helps {display: flex;flex-direction: column;gap: 8px;padding: 12px;border-radius: 10px;background: #E1D7C780;container: ji-helps / inline-size;} .p-short-description .ji-helps__title {margin: 0;font-size: 20px;font-weight: 700;line-height: 26px;} .p-short-description ul.ji-helps__list {display: flex;flex-direction: column;gap: 8px;margin: 0;padding: 0;list-style: none;} .ji-helps__item {display: flex;align-items: center;gap: 8px;padding: 10px;border-radius: 10px;background: #FEF9F0;} .ji-helps__icon {display: flex;justify-content: center;align-items: center;flex: 0 0 52px;height: 52px;border-radius: 50%;background: #F7EEDD;} .ji-helps__icon img {display: block;width: 44px;height: 44px;object-fit: contain;} .ji-helps__body {display: flex;flex-direction: column;gap: 4px;flex: 1 1 auto;min-width: 0;} .ji-helps__body::after {content: "";display: block;height: 8px;border-radius: 4px;background: linear-gradient(#44352E, #44352E) no-repeat left / var(--ji-helps-score, 0%) 100%, rgba(68, 53, 46, 0.12);} .ji-helps__name {font-size: 16px;font-weight: 600;line-height: 20px;} .ji-helps__level {font-size: 14px;line-height: 18px;} .ji-helps__score {flex: 0 0 58px;padding-left: 8px;border-left: 1px solid rgba(68, 53, 46, 0.15);font-size: 13px;font-weight: 700;line-height: 42px;text-align: center;} .ji-helps__item.--s1 {--ji-helps-score: 10%;} .ji-helps__item.--s2 {--ji-helps-score: 20%;} .ji-helps__item.--s3 {--ji-helps-score: 30%;} .ji-helps__item.--s4 {--ji-helps-score: 40%;} .ji-helps__item.--s5 {--ji-helps-score: 50%;} .ji-helps__item.--s6 {--ji-helps-score: 60%;} .ji-helps__item.--s7 {--ji-helps-score: 70%;} .ji-helps__item.--s8 {--ji-helps-score: 80%;} .ji-helps__item.--s9 {--ji-helps-score: 90%;} .ji-helps__item.--s10 {--ji-helps-score: 100%;} /* desktop: the cards side by side, icon left of the name and level, bar with the score below */ @media (min-width: 992px) { .p-short-description ul.ji-helps__list {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));} .ji-helps__item {display: grid;grid-template-columns: 40px minmax(0, 1fr) auto;grid-template-rows: auto auto 1fr;grid-template-areas: "icon name name" "icon level level" "bar bar score";align-items: center;gap: 2px 8px;} .ji-helps__icon {grid-area: icon;width: 40px;height: 40px;} .ji-helps__icon img {width: 32px;height: 32px;} .ji-helps__body {display: contents;} .ji-helps__body::after {grid-area: bar;align-self: end;margin-top: 8px;} .ji-helps__name {grid-area: name;align-self: end;font-size: 15px;hyphens: auto;} .ji-helps__level {grid-area: level;align-self: start;} .ji-helps__score {grid-area: score;align-self: end;padding-left: 0;border-left: 0;line-height: 16px;} } /* a narrow info column (1200–1439px): smaller icon and name so long words stay inside the cards */ @container ji-helps (max-width: 560px) { .ji-helps__item {grid-template-columns: 32px minmax(0, 1fr) auto;padding: 8px;column-gap: 6px;} .ji-helps__icon {width: 32px;height: 32px;} .ji-helps__icon img {width: 26px;height: 26px;} .p-short-description ul.ji-helps__list {gap: 6px;} .ji-helps__name {font-size: 13px;} } .ji-sd__about {display: flex;flex-direction: column;gap: 18px;} .p-short-description .ji-sd__text {margin: 0;font-size: 15px;line-height: 23px;} .p-short-description ul.ji-checks {display: flex;flex-direction: column;gap: 12px;margin: 0;padding: 0;list-style: none;} /* the check is positioned, so items with inline / from the admin keep flowing as one text */ .p-short-description .ji-checks li {position: relative;padding: 0 0 0 24px;font-size: 15px;line-height: 21px;} .ji-checks li::before {content: "";position: absolute;top: 2px;left: 0;width: 16px;height: 16px;background: var(--icon-check-circle) no-repeat center / contain;} .p-info-wrapper .chevron-after {text-underline-offset: 6px;font-weight: bold;margin-bottom: 32px;text-decoration: underline;color: #44352E;margin-left: 5px;} .p-info-wrapper .chevron-after:hover {text-decoration: none;} .p-info-wrapper .chevron-after::after {content: "↓";} @media (max-width: 767px) { .p-short-description ul.ul-spec li {width: 100%;} } .p-info-wrapper {display: flex;flex-direction: column;flex-flow: row wrap;} .detail-banner__wrap {position: relative;margin-top: 36px;display: block;} .detail-banner__wrap:hover {transform: scale(1.05);} .detail-banner__wrap .extended-banner-texts {display: none;} @media (max-width: 767px) { .detail-banner__wrap {display: none;} } .p-detail-inner-header {order: -20;margin-bottom: 16px;} .rating-row {padding: 16px 24px;border-radius: 24px;background-color: #E1D7C780;order: -19;margin: 0px 0 32px 0;display: flex;justify-content: space-between;align-items: flex-start;float: none;} .rating-row .p-detail-info {margin-bottom: 0;flex-direction: column;align-items: flex-start;} /* Short review card in the buy box (Detail moves .rating-row under the guarantee row) */ .wrapped-info .rating-row {position: relative;display: block;width: auto;margin: 0 0 33px;padding: 14px 12px 14px 64px;border: 1px solid #E1D7C7;border-radius: 10px;background-color: #FEF9F0;} .wrapped-info .rating-row::before {content: "";position: absolute;top: 14px;left: 12px;width: 40px;height: 40px;border-radius: 50%;background: #F7EEDD var(--icon-review-user) no-repeat center / 22px 23px;} .wrapped-info .rating-row::after {content: "";position: absolute;left: 0;right: 0;bottom: -17px;height: 1px;background: #CAC0B1;} .wrapped-info .rating-row .p-detail-info {display: flex;flex-direction: column;align-items: flex-start;gap: 6px;} .wrapped-info .rating-row .stars-wrapper {display: contents;} .wrapped-info .rating-row .stars {order: 1;width: auto;height: 15px;margin: 0;} .wrapped-info .rating-row .stars span {width: 15px;height: 15px;margin-right: 1.5px;line-height: 15px;} .wrapped-info .rating-row .stars span::before {font-size: 15px;line-height: 15px;} .wrapped-info .rating-row :is(.stars-label, .extracted-rating, .heureka__individual) {display: none;} .wrapped-info .rating-row .add-row.--rating {order: 2;display: block;padding: 0;font-style: normal;} .wrapped-info .rating-row .add-row.--rating td {display: flex;flex-direction: column;gap: 6px;max-width: none;padding: 0;} .ji-review-quote {font-size: 15px;line-height: 20px;} .ji-review-author {font-size: 13px;line-height: 17px;font-weight: 700;} .wrapped-info .rating-row .stars-link {order: 3;font-size: 14px;font-weight: 700;line-height: 18px;text-underline-offset: 3.5px;} .rating-row .p-detail-info .vote-content {display: block;font-size: 16px;font-style: italic;} .rating-row .heureka__individual {flex: 0 0 250px;margin-top: 0px;margin-left: 20px;padding-left: 78px;position: relative;min-height: 70px;display: flex;flex-direction: column;justify-content: center;} .rating-row .heureka__individual::before {content: "";background-size: contain;width: 62px;height: 62px;background-image: url(https://im9.cz/ms/shopdetail/img/logo-verified-by-customers-gold--cs.svg);position: absolute;left: 0;top: 50%;margin-top: -31px;} .rating-row .heureka__individual .rate-average {line-height: 1;display: block;color: #5A4C44;font-size: 30px;font-weight: bold;} .rating-row .heureka__individual::after {content: var(--jit-customers-recommend);display: block;font-size: 16px;color: #44352E;text-decoration: underline;} .rating-row .heureka__individual:hover::after {text-decoration: none;} .rating-row .stars-label, .rating-row .stars-link {color: #44352E;font-size: 16px;flex: initial;line-height: 20px;} .rating-row .stars-link {text-decoration: underline;} .rating-row .stars-link:hover {color: #333333;text-decoration: none;} .add-row.--rating {padding-left: 0;font-size: 16px;font-style: italic;padding-top: 8px;} .add-row.--rating td {font-weight: 400;max-width: 250px;color: #44352E;} .add-row.--rating th {display: none;} .rating-row .stars {width: 110px;height: 20px;margin-right: 8px;} .rating-row .stars span {height: 20px;width: 20px;line-height: 20px;margin-right: 2px;} .rating-row .stars span:before {font-size: 20px;line-height: 20px;} .rating-row .extracted-rating {color: #44352E;font-weight: bold;margin-right: 8px;} @media (max-width: 767px) { .rating-row {padding: 16px;flex-direction: column;margin-top: 24px;} .rating-row .heureka__individual {width: 100%;flex: initial;margin-left: 0;margin-top: 20px;} .add-row.--rating td {max-width: 100%;padding: 16px 0 24px 0;} } .how-to-use {display: flex;flex-flow: row wrap;padding: 30px 0;border-top: 1px solid #E2D5BC;order: -18;margin-top: 16px;} .how-to-use__top {display: flex;justify-content: space-between;margin-bottom: 8px;width: 100%;} .how-to-use__top .how-to-use__title {font-size: 22px;font-weight: bold;color: #44352E;} .how-to-use__top a {text-decoration: underline;display: flex;align-items: center;} .how-to-use__top a:hover {text-decoration: none;} .how-to-use__top a::before {content: "";width: 16px;height: 17px;flex: 0 0 16px;margin-right: 5px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath fill='%234B8741' d='M16 8.5c0 4.418-3.582 8-8 8s-8-3.582-8-8 3.582-8 8-8 8 3.582 8 8M6.79 5.593c-.152-.109-.352-.123-.519-.038C6.105 5.641 6 5.813 6 6v5c0 .187.105.359.271.445.167.085.367.07.52-.038l3.5-2.5c.131-.094.209-.246.209-.407s-.078-.313-.21-.407z'/%3E%3C/svg%3E");} .how-to-use__item {width: 33.333%;position: relative;padding: 5px 35px 5px 0;text-align: left;font-size: 16px;display: flex;align-items: center;} .how-to-use__item img {display: block;max-width: 60px;max-height: 60px;object-fit: contain;margin-right: 8px;} .how-to-use__item:not(:last-of-type)::after {content: "";width: 14px;height: 8px;position: absolute;right: 15px;top: 50%;margin-top: -3px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' fill='none' viewBox='0 0 14 8'%3E%3Cpath fill='%23877A70' d='M13.84 3.613 10.981.768c-.214-.213-.56-.213-.774.001-.213.215-.212.56.002.774l1.918 1.91H.548C.245 3.453 0 3.697 0 4s.245.547.547.547h11.582l-1.919 1.91c-.214.212-.215.558-.002.773s.56.214.774.001l2.857-2.843c.215-.215.214-.562 0-.775'/%3E%3C/svg%3E");} @media (max-width: 767px) { .how-to-use {display: none;} } .ji-exp-warning {position: relative;display: block;padding: 0;padding-left: 24px;color: #A6282F;line-height: 1.4;order: 1;margin-bottom: 32px;} .ji-exp-warning::before {content: "";display: inline-block;width: 16px;height: 16px;background: var(--icon-calendar--red) no-repeat center / contain;position: absolute;top: 50%;left: 0;margin-top: -8px;} .wrapped-info {order: -16;padding: 16px 24px;background-color: #E1D7C780;border-radius: 24px;margin-top: 0;} .wrapped-info .detail-parameters {width: 100%;margin-bottom: 0;} .wrapped-info .detail-parameters tr {display: block;} .wrapped-info .detail-parameters td {width: 100%;display: block;} .wrapped-info .detail-parameters th {display: block;font-weight: bold;color: #44352E;font-size: 18px;padding-bottom: 4px;} .wrapped-info .detail-parameters th::after {content: var(--jit-variant-title);} @media (max-width: 767px) { .wrapped-info {padding: 16px;} } @media (max-width: 479px) { /* edge to edge on small phones, so the variant names and prices wrap less */ .wrapped-info {padding: 16px 12px;margin-inline: calc(-1 * var(--ji-container-padding));border-radius: 0;} } .other-product-links {margin-bottom: 16px;} .other-product-links h4 {display: block;font-weight: 600;color: #44352E;font-size: 18px;margin-bottom: 8px;margin-top: 0;letter-spacing: 0;} .other-product-links__items {display: flex;flex-flow: row wrap;gap: var(--ji-gap);--ji-gap: 8px;--ji-columns: 3;list-style: none;margin: 0;padding: 0;} .other-product-links__items li {display: contents;} .other-product-link {min-height: 60px;flex: 0 0 calc((100% - (var(--ji-columns) - 1) * var(--ji-gap, 0px)) / var(--ji-columns));display:flex;flex-flow:row;align-items:center;color: #333333;font-weight: bold;font-size: 16px;line-height:1.3;border: 1px solid #E1D7C7;border-radius: 20px;padding: 7px;background-color: #FEF9F0;gap:10px;text-align: left;transition: none;} .other-product-links.--alt-image .other-product-link {overflow: hidden;padding: 0;} .other-product-link:hover {border-color: #014934;} .other-product-link.--active {background-color: #475E381A;border-color: #475E38;} .other-product-link img {width:50px;height:50px;object-fit:cover;} .--alt-image .other-product-link img {width:60px;height:60px;object-fit:cover;} /*.other-product-links.--alt-image .other-product-link img {margin-top: -10px;margin-inline: -10px;object-fit: cover;width: calc(100% + 20px);max-width: unset;}*/ .other-product-link span {gap:8px;margin-top:auto;margin-bottom: auto;font-size: 16px;font-weight: 500;color: #44352E;} .other-product-links__items li:has(.--helper) {display: flex;width: 100%;} .other-product-link.--helper {background: none;padding: 0;border:0;text-decoration: underline;font-weight: 400;gap:13px;align-items: center;justify-content: flex-start;color:#333333;flex: 1;} .other-product-link.--helper.--stretch {width:unset;margin-inline: auto;flex:1;flex-direction: row;padding-bottom: 0} .other-product-link.--helper:hover {color:#333333;text-decoration: none} .other-product-link.--helper::before {content:"";display:block;flex: 0 0 25px;width:25px;height:25px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none' viewBox='0 0 25 25'%3E%3Cg fill='%235A4C44' clip-path='url(%23a)'%3E%3Cpath d='M12.375.5c-6.632 0-12 5.367-12 12 0 6.632 5.367 12 12 12 6.632 0 12-5.367 12-12 0-6.632-5.367-12-12-12m0 22.326c-5.694 0-10.326-4.632-10.326-10.326S6.681 2.174 12.375 2.174 22.701 6.806 22.701 12.5s-4.632 10.326-10.326 10.326'/%3E%3Cpath d='M12.02 15.684c-.664 0-1.2.553-1.2 1.216 0 .648.52 1.216 1.2 1.216s1.216-.568 1.216-1.216c0-.663-.553-1.216-1.216-1.216'/%3E%3Cpath d='M12.225 6.475c-2.132 0-3.111 1.264-3.111 2.117 0 .616.52.9.947.9.853 0 .506-1.216 2.117-1.216.79 0 1.422.347 1.422 1.074 0 .853-.885 1.343-1.406 1.785-.458.395-1.059 1.042-1.059 2.4 0 .822.222 1.059.87 1.059.773 0 .931-.347.931-.648 0-.821.016-1.295.885-1.974.426-.332 1.769-1.406 1.769-2.89s-1.343-2.607-3.365-2.607'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.375.5h24v24h-24z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .other-product-link.--helper span {margin:0;text-align: left;} @media (max-width: 767px) { .other-product-links__items {--ji-gap: 8px;--ji-columns: 2;} .other-product-link {gap: 4px;flex-direction: row;line-height: 1.1;text-align: left;overflow: hidden;} .other-product-link img {width: 50px;height: 50px;} .other-product-links.--alt-image .other-product-link img {margin: -8px;margin-right: 4px;object-fit: cover;height: calc(100% + 16px);} .other-product-link span {flex: 1;padding-left: 10px;} .other-product-link.--helper, .other-product-link.--helper.--stretch {width: 100%;flex: 0 0 100%;justify-content: flex-start;display: flex;flex-direction: row;} } @media (max-width: 479px) { .other-product-links__items {--ji-gap: 6px;} .other-product-link {padding: 8px 7px 8px 2px;} /*.other-product-links.--alt-image .other-product-link {padding-left: }*/ .other-product-links.--alt-image .other-product-link img {margin: -8px;margin-left: -2px;margin-right: -4px;} /* narrow product photos (the packshots have empty sides) and fluid text keep the names inside the box */ .other-product-link span {min-width: 0;padding-left: 2px;font-size: clamp(12px, 100vw / 27, 15px);line-height: 1.2;overflow-wrap: break-word;} .other-product-link img {flex-shrink: 0;width: clamp(28px, 9vw, 44px);height: 50px;object-fit: cover;} .other-product-link.--helper, .other-product-link.--helper.--stretch {margin-top: 2px;} .other-product-link.--helper span {padding-left: 0;font-size: 15px;} /*.other-product-link {width: 100%;}*/ } .parameter-values {width: 100%;margin-bottom: 32px;} .parameter-value-custom {margin-bottom: 16px;color: #333333;font-weight: bold;font-size: 16px;border: 1px solid #E1D7C7;min-height: 88px;border-radius: 20px;padding: 20px;display: block;background-color: #FEF9F0;padding-left: 50px;position: relative;display: grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto auto;} .parameter-value-custom:hover {border-color: #475E38;} .parameter-value-custom::before {position: absolute;content: "";left: 16px;top: 50%;margin-top: -9px;width: 18px;height: 19px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none' viewBox='0 0 18 19'%3E%3Crect width='17' height='17' x='.5' y='1' fill='%23FEF9F0' rx='8.5'/%3E%3Crect width='17' height='17' x='.5' y='1' stroke='%2371635A' rx='8.5'/%3E%3C/svg%3E");} .parameter-value-custom.selected::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none' viewBox='0 0 18 19'%3E%3Crect width='17' height='17' x='.5' y='1' fill='%23FEF9F0' rx='8.5'/%3E%3Crect width='17' height='17' x='.5' y='1' stroke='%23475E38' rx='8.5'/%3E%3Ccircle cx='9' cy='9.5' r='5' fill='%23475E38'/%3E%3C/svg%3E");} .parameter-value-custom.selected {background-color: #475E381A;border-color: #475E38;} .selected .parameter-value-custom__image {border-color: #475E38;} .parameter-value-custom__image {grid-column: 1;grid-row: 1 / 4;width: 75px;height: 75px;margin-top: -10px;margin-bottom: -10px;background-color: #fff;background-size: 85%;border: 1px solid #E1D7C7;border-radius: 10px;margin-right: 20px;background-repeat: no-repeat;background-position: center;} .parameter-value-custom__flags {grid-column: 2;position:static;flex-flow: row wrap;column-gap:5px;row-gap:0;margin-top:-5px;} .parameter-value-custom__flags.flags.flags-inline .flag {padding-top: 4px;padding-bottom: 1px;height: auto;} .parameter-value-custom__flags.flags.flags-inline::before {display: none;} .parameter-value-custom__title {grid-column: 2;line-height: 1.2;margin-top: auto;margin-bottom: auto;padding-right: 150px;} .parameter-value-custom__title span {color: #A6282F;} .parameter-value-custom__description {grid-column: 2;display:block;font-weight: normal;color:#5A4C44;font-size: 12px;margin-top: 5px;} .parameter-value-custom__flags.flags.flags-inline .flag.flag-doprava-zdarma {background-color: #475E38!important;text-transform: uppercase;font-size: 14px;font-weight: bold;font-style: normal;} .parameter-value-custom__flags.flags.flags-inline .flag.flag-doprava-zdarma::before {display: none;} .parameter-value-custom:last-of-type .parameter-value-custom__title::before {content: var(--jit-variant-best);position: absolute;right: 8px;top: 13px;padding: 2px 4px;border-radius: 8px;background-color: #475E3826;color: #475E38;} .parameter-value-custom:nth-of-type(1) .parameter-value-custom__title::before {display: none;} @media (max-width: 767px) { .parameter-value-custom__title {padding-right: 0;display: block;overflow: hidden;} .parameter-value-custom:last-of-type .parameter-value-custom__title::before {margin-bottom: 5px;position: static;display: inline-block;margin-right: 100%;} .parameter-value-custom__flags.flags.flags-inline .flag {padding: 4px 6px 0px;} } @media (max-width: 479px) { .parameter-values {margin-bottom: 16px;} .parameter-value-custom {padding-left: 45px;padding-right: 8px;} .parameter-value-custom__image {width: 55px;height: 55px;margin-right: 10px;} .parameter-value-custom__description {font-size: 13px;} } /* Package variants parsed into name / duration / discount / price (DetailClickableParameters) */ .parameter-value-custom.ji-structured {grid-template-columns: auto 1fr auto;grid-template-rows: auto;align-items: center;column-gap: 8px;min-height: 104px;padding: 12px 16px 12px 42px;border-radius: 10px;color: #44352E;} .ji-structured .parameter-value-custom__image {grid-row: 1;width: 76px;height: 71px;margin: 0;background-size: contain;border-color: #E1D7C7;} .ji-structured.selected .parameter-value-custom__image {border-color: rgba(71, 94, 56, 0.5);} .parameter-value-custom.ji-structured .parameter-value-custom__title {grid-column: 2;display: flex;flex-direction: column;align-items: flex-start;gap: 4px;padding-right: 0;} .parameter-value-custom.ji-structured .parameter-value-custom__title::before {display: none;} .ji-structured .parameter-value-custom__name {color: #44352E;font-size: 18px;font-weight: 700;line-height: 24px;} .ji-structured .parameter-value-custom__sub {color: #44352E;font-size: 15px;font-weight: 400;line-height: 20px;} .ji-structured .parameter-value-custom__discount {padding: 3px 9px;border-radius: 100px;background: #A6282F;color: #fff;font-size: 12px;font-weight: 700;line-height: 16px;} .ji-structured .parameter-value-custom__description {display: none;} .parameter-value-custom__price {grid-column: 3;grid-row: 1 / -1;align-self: center;display: flex;flex-direction: column;align-items: flex-end;gap: 3px;color: #44352E;text-align: right;} .parameter-value-custom__price-final {font-size: 20px;font-weight: 700;line-height: 28px;white-space: nowrap;} .parameter-value-custom__price-day {font-size: 13px;font-weight: 400;line-height: 18px;white-space: nowrap;} /* variants whose title could not be parsed still get the price column */ .parameter-value-custom.has-price {grid-template-columns: auto 1fr auto;column-gap: 8px;} .parameter-value-custom.has-price .parameter-value-custom__title {padding-right: 0;} .parameter-value-custom.ji-structured .parameter-value-custom__flags {position: absolute;top: -11px;right: 16px;margin: 0;} .parameter-value-custom.ji-structured .parameter-value-custom__flags .flag {margin: 0;padding: 3px 8px;border-radius: 5px;background-color: #44352E;color: #F7EEDD;font-size: 12px;font-style: normal;font-weight: 700;line-height: 16px;} @media (max-width: 399px) { .parameter-value-custom.ji-structured {padding-right: 10px;} .ji-structured .parameter-value-custom__image {width: 56px;height: 56px;} .ji-structured .parameter-value-custom__name {font-size: 16px;} } .he-detail-upsell {margin-bottom: 16px;} .he-detail-upsell__title {display: block;font-weight: 600;color: #44352E;font-size: 18px;line-height: 1.4;padding-bottom: 4px;} /* design: checkbox | image | name + price on one row, the description under all of them */ .he-detail-upsell-item {display: grid;grid-template-columns: 18px 76px minmax(0, 1fr) auto;grid-template-areas: "check image name price" "desc desc desc desc";align-items: center;gap: 10px 16px;margin-bottom: 16px;padding: 8px 24px 8px 16px;border: 1px solid #E1D7C7;border-radius: 20px;background-color: #FEF9F0;color: #44352E;font-size: 16px;} .he-detail-upsell-item:not(:has(.he-detail-upsell-item__description)) {grid-template-areas: "check image name price";} .he-detail-upsell-item:hover {border-color: #014934;} .he-detail-upsell-item::before {content: "";grid-area: check;width: 18px;height: 18px;background: #FEF9F0;border: 1px solid #71635A;border-radius: 4px;background-size:20px;background-position: 2px center;background-repeat: no-repeat;} .he-detail-upsell-item:has(input:checked)::before {background-size: 12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E%3Cpath fill='%23005E43' d='m8.8 16.4-4.2-4.2-1.4 1.4 5.6 5.6 12-12-1.4-1.4z'/%3E%3C/svg%3E");} .he-detail-upsell-item:has(input:checked) {background-color: #475E381A;border-color: #475E38;} .he-detail-upsell-item__image {grid-area: image;width: 76px;height: 71px;background-size: contain;background-repeat: no-repeat;background-position: center;background-color: #fff;border-radius: 10px;background-size: 102%;border: 1px solid #E1D7C7;} .he-detail-upsell-item__info, .he-detail-upsell-item__name-desc {display: contents;} .he-detail-upsell-item__name {grid-area: name;color: inherit;font-size: 16px;font-weight: 700;line-height: 1.2;} .he-detail-upsell-item:hover .he-detail-upsell-item__name {text-decoration: underline;} .he-detail-upsell-item__description {grid-area: desc;color: #5A4C44;font-size: 13px;font-weight: 400;line-height: 1.2;} .he-detail-upsell-item__price {grid-area: price;color: #A6282F;font-size: 14px;line-height: 1.2;text-align: right;} .he-detail-upsell-item__price .price-standard {text-decoration: line-through;color:#A6282F;font:inherit;margin:0;} .he-detail-upsell-item__price .price-save {font:inherit;color:#A6282F;font-weight: 600;} .he-detail-upsell-item__price .price-final {font:inherit !important;color:inherit;margin-bottom: 0;display: block;} .he-detail-upsell-item__price .price-final-holder {font:inherit;font-weight: bold;color: #44352E;font-size: 20px;font-weight: 600;} .he-detail-upsell-item__price .price-measure {display: none;} @media (max-width: 479px) { .he-detail-upsell-item {column-gap: 12px;padding-right: 16px;} } /* desktop: the description right under the name, next to the image */ @media (min-width: 768px) { .he-detail-upsell-item {grid-template-areas: "check image name price" "check image desc price";row-gap: 4px;} .he-detail-upsell-item__name {align-self: end;} .he-detail-upsell-item__description {align-self: start;} } div:is(.p-info-wrapper, .fixed-cta) .availability-label[style="color: #417335"]::before {content: "";display: inline-block;width: 14px;height: 15px;vertical-align: middle;position: relative;top: -2px;margin-right: 4px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none' viewBox='0 0 14 15'%3E%3Cpath fill='%23417335' d='M7 1.667c-3.208 0-5.833 2.625-5.833 5.833S3.792 13.333 7 13.333s5.833-2.625 5.833-5.833S10.208 1.667 7 1.667m2.45 4.841-2.8 2.8c-.233.234-.583.234-.817 0L4.55 8.025c-.233-.233-.233-.583 0-.817s.583-.233.817 0l.875.875 2.391-2.391c.234-.234.584-.234.817 0 .233.233.233.583 0 .816'/%3E%3C/svg%3E");} div:is(.p-info-wrapper, .fixed-cta) .availability-amount {color: #417335;font-weight: 400;white-space: unset;} div:is(.p-info-wrapper) .availability-amount::after {content: var(--jit-availability-text);font-size: 16px;font-weight: 400;color: #417335;} div:is(.p-info-wrapper, .fixed-cta) .availability-value {margin-bottom: 0;font-size: 16px;font-weight: 600;} div:is(.p-info-wrapper, .fixed-cta) .delivery-time {padding-right: 0;} div:is(.p-info-wrapper, .fixed-cta) .deliver-row-wrapped {font-weight: 400;padding-top: 5px;} div:is(.p-info-wrapper, .fixed-cta) .shipping-options {font-weight: 500;color: #5A4C44;text-decoration: underline;} div:is(.p-info-wrapper, .fixed-cta) .shipping-options:hover {text-decoration: none;} @media (max-width: 767px) { div:is(.p-info-wrapper) .deliver-row-wrapped {text-align: left;padding-top: 8px;} } .p-info-wrapper .add-to-cart .add-to-cart-button, .fixed-cta .add-to-cart-button {padding: 7px 16px;} .p-info-wrapper .add-to-cart .add-to-cart-button::before, .fixed-cta .add-to-cart-button::before, .products-block .p .add-to-cart-button::before {content: "";margin-right: 12px;width: 28px;height: 28px;background-image: var(--icon-btn-cart);} .p-info-wrapper .add-to-cart {margin: 16px 0;padding: 16px 0;border-top: 1px solid #CAC0B1;border-bottom: 1px solid #CAC0B1;align-items: center;} .p-info-wrapper .add-to-cart .p-final-price-wrapper {margin-right: 32px;margin-bottom: 0;} .p-final-price-wrapper .price-measure {margin-top: 0;} .p-final-price-wrapper .price-save .parameter-dependent:not(.empty)::before {content: var(--jit-detail-price-save-prefix);} .p-final-price-wrapper .price-save {color: #A6282F;font-size: 16px;font-weight: 600;} .p-final-price-wrapper .price-standard {color: #877A70;font-size: 16px;font-weight: 400;} .p-info-wrapper .price-final {color: #44352E;font-size: 24px;margin-bottom: 3px;font-weight: 600;} .p-info-wrapper .price-additional {color: #666666;font-size: 14px;} .p-detail .add-to-cart .quantity {margin-right: auto;border-style: solid;border-radius: 6px;width: 144px;height: 52px;} @media (max-width: 767px) { .p-info-wrapper .add-to-cart .add-to-cart-button {width: 100%;margin-top: 16px;} .p-detail .add-to-cart .quantity {margin-right: 0;margin-left: auto;} .p-info-wrapper .add-to-cart .p-final-price-wrapper {margin-right: 10px;} } /* under the price row; on desktop (price | qty | CTA in one row) it goes below the CTA */ .ji-detail-discount-note {flex: 0 0 100%;order: 1;margin: 12px 0 0;font-size: 12px;line-height: 1.4;color: #44352E;} @media (max-width: 767px) { .ji-detail-discount-note {order: 0;} } /* Everything is sized in --u: 1px while the row fits its natural width (~350px with the web font, 375 leaves room for wider font rendering on iOS), proportionally smaller below that. Mobile only, where the row is the viewport minus 64px of gutters (vw rather than cqw: older iOS Safari has no container units); the extra 8px covers the 1px borders, which do not scale. */ .ji-detail-trust {flex: 0 0 100%;order: 2;margin-top: 16px;} .ji-detail-trust__inner {--u: min(1px, (100vw - 72px) / 375);display: flex;align-items: center;gap: calc(12 * var(--u));} .ji-detail-trust__guarantee {display: flex;align-items: center;flex: 1 1 0;min-width: 0;gap: calc(8 * var(--u));color: #44352E;font-size: min(14px, (100vw - 72px) * 14 / 375);font-weight: 500;line-height: 1.3;} .ji-detail-trust__guarantee::before {content: "";flex: 0 0 calc(28 * var(--u));height: calc(28 * var(--u));background: url(../img/quarantee.webp) no-repeat center / contain;} /* last resort: the text wraps rather than running into the payment logos */ .ji-detail-trust__guarantee-text {min-width: 0;} .ji-detail-trust__guarantee:hover {color: #44352E;text-decoration: underline;} .ji-detail-trust__payments {display: flex;flex-shrink: 0;align-items: center;margin-left: auto;gap: calc(6 * var(--u));padding-left: calc(12 * var(--u));border-left: 1px solid rgba(68, 53, 46, 0.15);min-height: calc(32 * var(--u));} .ji-detail-trust__pay {display: inline-flex;justify-content: center;align-items: center;gap: calc(4 * var(--u));height: calc(30 * var(--u));border: 1px solid #E1D7C7;border-radius: calc(5 * var(--u));background: #FEF9F0 no-repeat center;font-size: min(12px, (100vw - 72px) * 12 / 375);font-weight: 500;line-height: 1.3;} .ji-detail-trust__pay.--card {padding: 0 calc(6 * var(--u));} .ji-detail-trust__pay.--card::before {content: "";width: calc(16 * var(--u));height: calc(16 * var(--u));background: var(--icon-pay-card) no-repeat center / contain;} .ji-detail-trust__pay.--apple {width: calc(50 * var(--u));background-image: var(--icon-pay-apple);background-size: calc(38 * var(--u)) auto;} .ji-detail-trust__pay.--google {width: calc(56 * var(--u));background-image: var(--icon-pay-google);background-size: calc(45 * var(--u)) auto;} /* desktop: price | qty | CTA share a row, so guarantee sits under the price and payments under the CTA */ @media (min-width: 768px) { .ji-detail-trust {margin-top: 20px;} .ji-detail-trust__inner {--u: 1px;justify-content: space-between;} .ji-detail-trust__guarantee {font-size: 14px;} .ji-detail-trust__pay {font-size: 12px;} .ji-detail-trust__payments {padding-left: 0;border-left: 0;} } .ji-detail-discount-code {display: flex;flex-flow: row wrap;align-items: center;padding: 12px 12px 12px 16px;background: #E5D0C2;border: 1.5px dashed #44352E;border-radius: 10px;margin-bottom: 12px;width: 100%;line-height: 1.2;column-gap: 16px;} .ji-detail-discount-code__left {flex: 1;} .ji-detail-discount-code__code {font-weight: 600;font-size: 20px;font-variant-numeric: lining-nums;} .ji-detail-discount-code__apply-btn {margin-left: auto;border-radius: 10px;padding: 8px 12px;border: 1px solid #CAC0B1;background: #F7EEDD;color: #44352E;text-decoration: underline;font-weight: 700;line-height: 1;} .ji-detail-discount-code__apply-btn:hover {text-decoration: none;} .ji-detail-discount-code__copy-btn {margin-left: auto;border-radius: 10px;padding: 8px 12px;border: 1px solid #CAC0B1;background: #F7EEDD;color: #44352E;text-decoration: underline;font-weight: 700;line-height: 1;} .ji-detail-discount-code__copy-btn:hover {text-decoration: none;} .ji-detail-discount-code__copy-btn.--copied {text-decoration: none;border-style: dashed;} .ji-detail-discount-code__copy-btn.--copied::before {content: "";display: inline-block;width: 16px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%235A4C44' d='M8 0C3.589 0 0 3.589 0 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8m4.471 5.895-5.113 5.072c-.3.301-.782.321-1.102.02L3.549 8.521a.813.813 0 0 1-.06-1.123c.3-.32.802-.34 1.123-.04l2.145 1.965 4.571-4.571a.8.8 0 0 1 1.143 0c.321.32.321.822 0 1.143'/%3E%3C/svg%3E") no-repeat center / contain;margin-right: 6px;vertical-align: middle;position: relative;top: -1px;} .ji-detail-discount-code__copy-btn.--error {text-decoration: none;} /* "Koupit s kódem" popup (CouponFlag), opened from the discount code box */ #colorbox.ji-coupon-modal #cboxClose {display: none;} #colorbox.ji-coupon-modal #cboxContent {border-radius: 10px;background: transparent;} .ji-coupon-popup {display: flex;flex-direction: column;gap: 16px;padding: 20px 24px 24px;border-radius: 10px;background: #F7EEDD;color: #44352E;} .ji-coupon-popup__head {display: flex;align-items: center;gap: 8px;} .ji-coupon-popup .ji-coupon-popup__title {flex: 1;margin: 0;font-size: 24px;font-weight: 700;line-height: 32px;} .ji-coupon-popup__close {flex: 0 0 44px;height: 44px;margin-right: -12px;padding: 0;border: 0;background: var(--icon-modal-close) no-repeat center / 20px 20px;cursor: pointer;} .ji-coupon-popup .ji-coupon-popup__text {margin: 0;font-size: 16px;line-height: 24px;} .ji-coupon-popup .ji-coupon-popup__error {margin: 0;padding: 10px 12px;border-radius: 10px;background: rgba(166, 40, 47, 0.1);color: #A6282F;font-size: 14px;line-height: 20px;} .ji-coupon-popup .ji-coupon-popup__btn {width: 100%;min-height: 52px;padding: 12px 16px;border-radius: 10px;font-size: 18px;font-weight: 700;line-height: 26px;} .ji-coupon-popup .ji-coupon-popup__note {margin: 0;font-size: 13px;line-height: 20px;} /*body:has(.top-nav-button-account) .extra-discount.cart-login {display: none;}*/ .extra-discount.cart-login {background-color: #E1D7C7;border: 1px solid #CAC0B1;display: none;padding-right: 16px;line-height: 1.5;} .extra-discount.cart-login p {margin-bottom: 0;max-width: 270px;line-height: unset;} .extra-discount.cart-login a {text-decoration: underline;} .extra-discount.cart-login a:hover {text-decoration: none;} .p-info-wrapper .extra-wrap {background-color: #E1D7C780;border: 1px solid #CAC0B1;border-radius: 16px;padding: 6px 16px;display: flex;flex-flow: column;} .badge-row {padding-top: 35px;position: relative;padding-left: 64px;margin-top: 32px;border-top: 1px solid #CAC0B1;font-size: 14px;} .badge-row::before {content: "";background: url(../img/quarantee.webp) no-repeat center / contain;width: 48px;height: 55px;position: absolute;left: 0;top: 32px;} .badge-row b {display: block;} .badge-row a {display: block;text-decoration: underline;} .badge-row a:hover {text-decoration: none;} .p-info-wrapper .mehub-bonus-product-detail-container {display: none;} /* "Jak se to užívá / Složení / Garance vrácení" accordion with copies of the description sections (Detail) */ .ji-quick-info {order: -14;display: flex;flex-direction: column;gap: 8px;width: 100%;padding: 8px 0 24px;} .ji-quick-info__item {border: 1px solid #E1D7C7;border-radius: 20px;background: #FEF9F0;color: #44352E;overflow: hidden;} .ji-quick-info__head {display: flex;align-items: center;gap: 16px;padding: 16px;cursor: pointer;list-style: none;} .ji-quick-info__head::-webkit-details-marker {display: none;} .ji-quick-info__head::after {content: "";flex: 0 0 16px;height: 32px;padding-left: 16px;border-left: 1px solid #E1D7C7;box-sizing: content-box;background: var(--icon-chevron-down--dark) no-repeat right center / 16px 9px;transition: transform .2s;} .ji-quick-info__item[open] .ji-quick-info__head::after {transform: scaleY(-1);} .ji-quick-info__title {flex: 1;font-size: 16px;line-height: 22px;text-decoration: underline;} .ji-quick-info__head:hover .ji-quick-info__title {text-decoration: none;} .ji-quick-info__body {padding: 0 16px 16px;} .ji-quick-info__body h2 {margin: 0 0 12px;font-size: 24px;text-align: center;} .ji-quick-info__body .hed-how-to-use__items {display: flex;flex-flow: row wrap;margin: 0 -8px;padding: 0;list-style: none;} .ji-quick-info__body .hed-how-to-use-item {display: flex;flex-flow: column;align-items: center;width: 50%;padding: 12px 8px;text-align: center;} .ji-quick-info__body .hed-how-to-use-item img {display: block;width: 48px;height: 48px;margin-bottom: 8px;object-fit: contain;} .ji-quick-info__body .ingredients-box {padding: 0;} .ji-quick-info__body .ingredients-box .ingredients-box__title {font-size: 24px;} .ji-quick-info__body .quarantee-block {margin: 0;} /* from tablet up the description tabs (.shp-tabs-holder) cover these links */ @media (min-width: 768px) { .ji-quick-info {display: none;} } /* "Dostupné také ve vybraných lékárnách" (DetailPharmacies), right after the buy box */ /* design: 30px section gap + 18px own padding above and below; the links below add their 8px */ .ji-pharmacies {order: -15;display: flex;flex-direction: column;align-items: center;gap: 10px;width: 100%;padding: 48px 0;} .p-info-wrapper .ji-pharmacies__title {margin: 0;font-size: 12px;line-height: 1.4;text-align: center;} .ji-pharmacies__logos {display: flex;justify-content: center;align-items: center;gap: 8px;width: 100%;margin: 0;padding: 0;list-style: none;} .ji-pharmacies__logo {flex: 0 1 116px;height: 46px;padding: 0 5px;background: no-repeat center / contain;background-origin: content-box;} .ji-pharmacies__logo.--drmax {background-image: var(--icon-pharmacy-drmax);} .ji-pharmacies__logo.--pilulka {background-image: var(--icon-pharmacy-pilulka);} .ji-pharmacies__logo.--mojelekarna {flex-basis: 144px;background-image: var(--icon-pharmacy-mojelekarna);} .p-image-wrapper {position: relative;z-index: 1;} /*.p-main-image {border-radius: 30px;overflow: hidden;background-color: #ece3d2;display: block;} .p-main-image img {mix-blend-mode: multiply;}*/ .p-image-wrapper .flags-inline {margin-bottom: 4px;position: absolute;top: 10px;left: 30px;z-index: 1;} .p-image-wrapper .flags-default {display: flex;flex-direction: column;align-items: flex-start;} .p-image-wrapper .flags-default .flag {float: none;max-width: initial;margin-left: 0;border-radius: 100px;padding: 6px 10px 4px;font-weight: 600;font-size: 16px;line-height: 1;} .p-image-wrapper .flags-extra {margin-left: 0;right: 40px;bottom: 40px;} .p-image-wrapper .flags-extra .flag.flag-freeshipping {display: none;} .p-image-wrapper .flags-extra .flag.flag-discount {font-style: normal;width: 110px;height: 110px;line-height: 1;display: inline-flex;flex-flow: column;justify-content: center;padding-block: 20px 15px;} .p-image-wrapper .flags-extra .flag.flag-discount::before {display: block;font-size: 24px;font-weight: 400;line-height: 1;} .p-image-wrapper .flags-extra .flag.flag-discount .price-standard {display: none;} .p-image-wrapper .flags-extra .flag.flag-discount .price-save {font-weight: 500;font-size: 36px;line-height: 1;margin-top: -3px;} .p-image-wrapper .flags-extra .flag.flag-discount .price-save .ji-price-save-pct {font-size: 32px;} @media (max-width: 767px) { .ji-detail-discount-code {column-gap: 12px;} .ji-detail-discount-code__code {font-size: 18px;font-weight: 700;} .p-image-wrapper .flags-default .flag {font-size: 12px;padding: 3px 6px 1px;line-height: 1.2;margin-bottom: 6px;} .p-image-wrapper .flags-extra {right: 12px;bottom: 12px;} .p-image-wrapper .flags-extra .flag.flag-discount {width: 72px;height: 72px;padding-block: 12px 8px;} .p-image-wrapper .flags-extra .flag.flag-discount::before {font-size: 15px;} .p-image-wrapper .flags-extra .flag.flag-discount .price-save {font-size: 24px;margin-top: -2px;} .p-image-wrapper .flags-extra .flag.flag-discount .price-save .ji-price-save-pct {font-size: 21px;} .p-image-wrapper .flags-inline {left: 20px;} } /*.p-thumbnails {height: 100px;} .p-thumbnails-horizontal .p-thumbnail::before, .p-thumbnails-horizontal .show360image::before {display: none;} .p-thumbnails a.p-thumbnail img {transition: 0.5s;width: 100%;height: 100%;object-fit: cover;mix-blend-mode: multiply;} .p-thumbnails a.p-thumbnail:hover img {transform: scale(1.05);} .p-thumbnails a.p-thumbnail {border-radius: 16px;background-color: #E1D7C780;overflow: hidden;border: 1px solid #CAC0B1;margin-right: 16px;max-width: 100px;width: 100%;height: 100px;} .p-thumbnails a.p-thumbnail.highlighted {border-color: #333333;} .p-thumbnails a.p-thumbnail-video img {height:104px;object-fit:cover;} .p-thumbnails a.p-thumbnail-video::after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:34px;background-repeat:no-repeat;background-position:center;background-image: url(../img/yt-shorts.png);} .p-thumbnails a img {border: 0;}*/ /*.p-thumbnails .thumbnail-prev::before {content: "";background-repeat: no-repeat;background-position: center;background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666585 8.00003C0.666585 7.81403 0.737181 7.62785 0.878194 7.48585L8.10038 0.213136C8.38259 -0.0710454 8.83957 -0.0710454 9.1216 0.213136C9.40362 0.497317 9.4038 0.957498 9.1216 1.2415L2.41002 8.00003L9.1216 14.7586C9.4038 15.0428 9.4038 15.5029 9.1216 15.7869C8.83939 16.0709 8.38241 16.0711 8.10038 15.7869L0.878194 8.51422C0.737181 8.37221 0.666585 8.18603 0.666585 8.00003Z' fill='%2344352E'/%3E%3C/svg%3E%0A");} .p-thumbnails .thumbnail-next::before {content: "";background-repeat: no-repeat;background-position: center;background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33341 7.99997C9.33341 8.18597 9.26282 8.37215 9.1218 8.51415L1.89962 15.7869C1.61741 16.071 1.16043 16.071 0.878403 15.7869C0.596377 15.5027 0.596196 15.0425 0.878403 14.7585L7.58998 7.99997L0.878403 1.24143C0.596196 0.957249 0.596196 0.497067 0.878403 0.213068C1.16061 -0.0709305 1.61759 -0.0711136 1.89962 0.213068L9.1218 7.48578C9.26282 7.62778 9.33341 7.81397 9.33341 7.99997Z' fill='%2344352E'/%3E%3C/svg%3E%0A");} .p-thumbnails .thumbnail-prev::before, .p-thumbnails .thumbnail-next::before {width: 32px;height: 32px;border-radius: 50%;border: 1px solid #CAC0B1;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);background-color: #F7EEDD;} .p-thumbnails .thumbnail-prev, .p-thumbnails .thumbnail-next {margin-top: -16px;} .p-thumbnails .thumbnail-next {right: 0px} .p-thumbnails .thumbnail-prev {left: 0px} .p-thumbnails.overflow-prev::before {display: none;} .p-thumbnails.overflow-next::after {display: none;}*/ .p-main-video {width: 100%;} /* detail: the server-rendered main image already has the box of the gallery's first image (HerbsGallery moves this into its first item): it is downloaded early (fetchpriority=high) and reused by the gallery. It is shown with .ready like the rest of .p-detail (reveal block above), so these rules matter only without script.js or after the safety net */ .p-detail:not(.ji-has-gallery) .p-main-image {display: flex;background: #ece3d2;border-radius: 30px;overflow: hidden;} .p-detail:not(.ji-has-gallery) .p-main-image img {width: 100%;height: auto;object-fit: cover;aspect-ratio: var(--ji-detail-image-ratio);} .ji-has-gallery .p-image {display: none;} .ji-has-gallery .p-thumbnails-wrapper {display: none;} .ji-gallery-wrap {position: relative;} .ji-gallery-wrap .flags-default {top: 10px;left: 10px;} .ji-gallery {margin-inline: calc(-0.5 * var(--ji-slide-gap));--ji-arrow-offset: -16px;--ji-slide-gap: 16px;} .ji-gallery__item {background: #ece3d2;border-radius: 30px;overflow: hidden;display: flex;margin-inline: calc(var(--ji-slide-gap) / 2);} /* the items are links: Shoptet's a {transition: all .3s} animated the width set by slick - the first frame had 13 px wide slides (gallery 22 px tall), then 451 px = layout shift 0.26 on phones */ .ji-gallery__item, .ji-gallery-thumbs__item {transition-property: border-color;} .ji-gallery__item img {width: 100%;height: auto;object-fit: cover;aspect-ratio: var(--ji-detail-image-ratio);} .ji-gallery__item iframe {width: 100%;height: auto;aspect-ratio: var(--ji-detail-image-ratio);} .ji-gallery-thumbs {margin-inline: calc(-0.5 * var(--ji-slide-gap));--ji-arrow-offset: -16px;--ji-slide-gap: 16px;margin-top: 24px;} .ji-gallery-thumbs__item {position: relative;border-radius: 16px;background: #E1D7C780;overflow: hidden;border: 1px solid #CAC0B1;margin-inline: calc(var(--ji-slide-gap) / 2);display: flex;} .ji-gallery-thumbs__item.--active, .ji-gallery-thumbs__item:hover {border-color: #333333;} .ji-gallery-thumbs__item img {width: 100%;height: auto;aspect-ratio: var(--ji-thumb-image-ratio);object-fit: cover;border: 0;} .ji-gallery-thumbs__item.--yt-video::after {content: "";position: absolute;inset: 0;display: block;background: url(../img/yt-shorts.png) no-repeat center / 34px;} :is(.ji-gallery,.ji-gallery-thumbs,.ji-photo-reviews__list) .slick-arrow {display: inline-flex;position: absolute;top: 50%;margin-top: -16px;border: 1px solid #CAC0B1;border-radius: 50%;background: #F7EEDD;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);appearance: none;font-size: 0;line-height: 0;transition: all ease-out 0.2s;overflow: unset;align-items: center;justify-content: center;width: 32px;height: 32px;transform: unset;} :is(.ji-gallery,.ji-gallery-thumbs,.ji-photo-reviews__list) .slick-arrow:hover {opacity: 0.8;} :is(.ji-gallery,.ji-gallery-thumbs,.ji-photo-reviews__list) .slick-arrow::before {content: "";display: inline-block;width: 9px;height: 16px;background: var(--ji-icon) no-repeat center / contain;} :is(.ji-gallery,.ji-gallery-thumbs,.ji-photo-reviews__list) .slick-prev {inset-inline: var(--ji-arrow-offset) auto;--ji-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' fill='none' viewBox='0 0 10 16'%3E%3Cpath fill='%2344352E' d='M.667 8c0-.186.07-.372.211-.514L8.1.213c.283-.284.74-.284 1.022 0s.282.744 0 1.029L2.41 8l6.712 6.759c.282.284.282.744 0 1.028-.283.284-.74.284-1.022 0L.878 8.514C.738 8.372.667 8.186.667 8'/%3E%3C/svg%3E");} :is(.ji-gallery,.ji-gallery-thumbs,.ji-photo-reviews__list) .slick-next {inset-inline: auto var(--ji-arrow-offset);--ji-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' fill='none' viewBox='0 0 10 16'%3E%3Cpath fill='%2344352E' d='M9.333 8c0 .186-.07.372-.211.514L1.9 15.787c-.283.284-.74.284-1.022 0s-.282-.745 0-1.029L7.59 8 .878 1.241C.596.957.596.497.878.213c.283-.284.74-.284 1.022 0l7.222 7.273c.14.142.211.328.211.514'/%3E%3C/svg%3E");} .ji-gallery-thumbs .slick-dots {display: none !important;} /* grid view from 1200px (HerbsGallery): the first image big, the rest two per row */ .ji-gallery-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;} .ji-gallery-grid .ji-gallery__item {position: relative;margin-inline: 0;cursor: pointer;} .ji-gallery-grid .ji-gallery__item:first-child {grid-column: span 2;} .ji-gallery-grid .ji-gallery__item:not(:first-child) {border-radius: 20px;} .ji-gallery-grid .ji-gallery__item.--yt-video img {object-fit: cover;} .ji-gallery-grid .ji-gallery__item.--yt-video:has(img)::after {content: "";position: absolute;inset: 0;background: url(../img/yt-shorts.png) no-repeat center / 48px;} .ji-gallery-more-wrap {text-align: center;} .ji-gallery-more-btn {margin-top: 16px;padding: 0;border: 0;background: none;color: #44352E;font-size: 18px;font-weight: 500;text-decoration: underline;text-underline-offset: 25%;} .ji-gallery-more-btn:hover {text-decoration: none;} @media(max-width: 767px) { .image360, .p-image {margin-bottom: 24px;} /*.p-thumbnails {height: auto;} .p-thumbnails>div {position: initial;height: auto;width: auto;} .p-thumbnails a.p-thumbnail {width: 82px;height: 82px;margin-right: 16px;} .p-thumbnails .thumbnail-prev, .p-thumbnails .thumbnail-next {display: none;}*/ .ji-gallery-thumbs .slick-list {overflow-x: visible;overflow-y: clip;position: relative;z-index: 0;} .ji-gallery-thumbs .slick-list::before {content: "";display: inline-block;width: 103px;height: 84px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='103' height='84' fill='none' viewBox='0 0 103 84'%3E%3Cpath fill='url(%23a)' d='M103 84h103v84H103z' transform='rotate(180 103 84)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='103' x2='206' y1='126' y2='126' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F7EEDD' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23F7EEDD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;position: absolute;top: 0;left: calc(-1 * var(--ji-container-padding));z-index: 1;pointer-events: none;} .ji-gallery-thumbs .slick-list::after {content: "";display: inline-block;width: 103px;height: 84px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='103' height='84' fill='none' viewBox='0 0 103 84'%3E%3Cpath fill='url(%23a)' d='M0 0h103v84H0z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='103' y1='42' y2='42' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F7EEDD' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23F7EEDD'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;position: absolute;top: 0;right: calc(-1 * var(--ji-container-padding));z-index: 1;pointer-events: none;} .ji-gallery-thumbs .slick-arrow {display: none;} .ji-gallery-thumbs .slick-dots {display: flex !important;} .ji-gallery-thumbs {margin-bottom: 24px;} } .more-info-link {display: none;} #cboxWrapper .other-product-helper {display: block;} .other-product-helper {padding:25px 20px;display: none;} .other-product-helper h2 {margin-top: 0;} .other-product-helper__items {display: flex;flex-flow: column;gap:16px;} .other-product-helper-item {display: grid;grid-template-rows:auto auto;grid-template-columns:min(20%, 100px) 1fr;column-gap:15px;line-height: 1.7;} .other-product-helper-item__image {grid-row:1 / 3;grid-column: 1 / 2;} .other-product-helper-item__image img {border-radius: 50%;width:100%;height:auto;aspect-ratio: 1;object-fit:contain;} .other-product-helper-item__title {grid-row:1 / 2;grid-column:2 / 3;font-weight: bold;display: block;margin-bottom: 2px;align-self: end;color:#333333;} .other-product-helper-item__text {grid-row:2 / 3;grid-column: 2 / 3;color:#666666;} .basic-description {padding-right: 0;width: 100%;} .extended-description {display: none;} .basic-description a {text-underline-offset: 6px;} .shp-tabs, .shp-tabs-holder {background-color: transparent;} .responsive-nav {position: relative;margin-bottom: 56px;} .responsive-nav::after {content: "";display: block;background: #E2D5BC;height: 100%;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: 0;z-index: -1;} .ji-detail-tabs-toggle {display: none;} .p-detail-tabs-wrapper .col-sm-12 {padding-left: 0;padding-right: 0;} .shp-tabs-holder ul.shp-tabs li a {padding-top: 24px;padding-bottom: 24px;border: 0;text-decoration: underline;font-size: 16px;color: #44352E;font-weight: 400;} .shp-tabs-holder ul.shp-tabs li a:hover {text-decoration: none;} .shp-tabs-holder ul.shp-tabs li a::after {content: "";display: inline-block;vertical-align: middle;width: 16px;height: 17px;flex: 0 0 16px;margin-left: 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath stroke='%23494038' stroke-linecap='round' stroke-linejoin='round' d='m4 6.5 4 4 4-4'/%3E%3C/svg%3E");} .shp-tab-link {background-color: transparent;} .shp-tab-link:hover {background-color: transparent;} .active .shp-tab-link {background-color: transparent;} .tab-content>.tab-pane {display: block;} .tab-content>.tab-pane.fade {opacity: 1;} .basic-description>h3:first-child {display: none;} .shp-tabs-holder ul.shp-tabs li:has([href="#productDiscussion"]) a {display: none;} #productDiscussion {display: none;} #description, #productVideos, #descriptionAfterRating {max-width: 100%;margin: auto;} .description-inner {padding-left: 0;padding-right: 0;} .tab-content .p .availability {display: block;} .products-alternative:after {display: none;} .browse-p {display: none;} #relatedProducts, #productsAlternative {margin: 0;padding: 50px 0 90px 0;position: relative;} #relatedProducts {padding-bottom: 40px;} #relatedProducts::before {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: -1px;z-index: 0;} #tab-content .ji-detail-related-header {font-size: 36px;padding: 40px 0 8px 0;margin: 0;} #tab-content .ji-detail-related-header__count {font-size: 24px;font-weight: 400;} @media (max-width: 767px) { .p-detail-tabs-wrapper .shp-tabs-row::after {content: unset;} /* all tab panes are stacked on mobile and .ji-quick-info links to the sections, so the tab bar goes */ .p-detail-tabs-wrapper .shp-tabs-row:has(#p-detail-tabs) {display: none;} .p-detail-tabs-wrapper .shp-tabs-holder {background: #FEF9F0;border: 1px solid #E1D7C7;border-radius: 20px;overflow: hidden;margin-inline: 0;padding: 0;} .p-detail-tabs-wrapper .shp-tabs-holder:not(.--expanded) {max-height: 64px;} .p-detail-tabs-wrapper ul.shp-tabs {display: flex;flex-flow: column;padding-bottom: 7px;} .p-detail-tabs-wrapper ul.shp-tabs li a {padding: 14px 16px;position: relative;} .p-detail-tabs-wrapper ul.shp-tabs li a::after {content: unset;} .p-detail-tabs-wrapper ul.shp-tabs li:first-child a {padding: 21px 16px;position: relative;} .p-detail-tabs-wrapper ul.shp-tabs li:first-child a::after {content: "";display: inline-block;width: 32px;height: 32px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath stroke='%23E1D7C7' d='M.5 0v32'/%3E%3Cpath fill='%2344352E' d='M24 20.333a.73.73 0 0 1-.514-.211L16.213 12.9a.72.72 0 0 1 0-1.022.73.73 0 0 1 1.028 0L24 18.59l6.759-6.712a.73.73 0 0 1 1.028 0 .72.72 0 0 1 0 1.022l-7.273 7.222a.73.73 0 0 1-.514.211'/%3E%3C/svg%3E") no-repeat center / contain;position: absolute;right: 16px;top: 50%;margin-top: -16px;margin-left: 0;} .p-detail-tabs-wrapper .shp-tabs-holder.--expanded ul.shp-tabs li:first-child a::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath stroke='%23E1D7C7' d='M.5 0v32'/%3E%3Cpath fill='%2344352E' d='M24 11.667c.186 0 .372.07.514.211l7.273 7.222a.72.72 0 0 1 0 1.022.73.73 0 0 1-1.028 0L24 13.41l-6.759 6.712a.73.73 0 0 1-1.028 0 .72.72 0 0 1 0-1.022l7.273-7.222a.73.73 0 0 1 .514-.211'/%3E%3C/svg%3E");} .p-detail-tabs-wrapper ul.shp-tabs li:nth-child(2) a {padding-top: 7px;} .ji-detail-tabs-toggle {display: block;} .ji-detail-tabs-toggle::before {} #relatedProducts::before {display: none;} #relatedProducts, #productsAlternative {padding: 50px 0 0 0;} #tab-content .ji-detail-related-header {font-size: 31px;padding: 0 0 8px 0;} #relatedProducts .slick-list, #productsAlternative .slick-list {padding-right: 85px;position: relative;} #relatedProducts .slick-list::before, #productsAlternative .slick-list::before {content: "";z-index: 1;width: 85px;height: 100%;background: linear-gradient(90deg, rgba(247, 238, 221, 0) 0%, #F7EEDD 100%);position: absolute;right: 0;top: 0;} } #ratingTab::after {content: "";display: block;background: #E1D7C780;height: 100%;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: -1px;z-index: 1;} #ratingTab>p {width: 100%;} #ratingTab>* {position: relative;z-index: 2;} #ratingTab>h2 {display: none;} #ratingTab .link-like.rating-icon {margin-top: 15px;display: flex;align-items: center;} #ratingTab .link-like.rating-icon::before {content: "";margin-right: 8px;width: 17px;height: 16px;flex: 0 0 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none' viewBox='0 0 17 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F7EEDD' d='M15.7 7.2H9.3V.8c0-.442-.358-.8-.8-.8s-.8.358-.8.8v6.4H1.3c-.442 0-.8.358-.8.8s.358.8.8.8h6.4v6.4c0 .442.358.8.8.8s.8-.358.8-.8V8.8h6.4c.442 0 .8-.358.8-.8s-.358-.8-.8-.8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h16v16H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} #ratingTab {padding: 80px 0 40px 0;position: relative;margin-top: 80px;display: flex;flex-flow: row wrap;max-width: 1135px;margin-left: auto;margin-right: auto;} #ratingTab .form-group {width: 100%;} #ratingTab .h4 {font-weight: 600;font-size: 32px;color: #24242E;margin-bottom: 48px;} #ratingTab .h4 + p {} #ratingTab .row {padding-top: 0;} .rating-tab__top-wrap {display: flex;flex: 0 0 100%;align-items: center;justify-content: space-between;margin-bottom: 25px;} .rating-tab__top-wrap h2 {margin: 0;} .rating-tab__top {padding-left: 80px;position: relative;margin-bottom: 20px;border-radius: 12px;} .rating-tab__top .rate-average {color: #5A4C44;font-weight: bold;font-size: 30px;line-height: 1;} .rating-tab__top span {color: #666666;font-size: 16px;font-size: 16px;line-height: 22px;} .rating-tab__top span a {display: block;font-weight: 600;text-decoration: underline;} .rating-tab__top span a:hover {text-decoration: none;} .rating-tab__top::before {content: "";width: 62px;height: 62px;background-size: contain;background-repeat: no-repeat;position: absolute;left: 0px;top: 0px;background-image: url(https://im9.cz/ms/shopdetail/img/logo-verified-by-customers-gold--cs.svg);} #ratingTab .listingControls {width: calc(100% - 330px);margin-left: auto;} #ratingTab .rate-wrapper.unveil-wrapper .add-comment button {margin: 0;padding: 15px 16px;} #ratingWrapper {display: inline-flex;flex-direction: column;max-width: 330px;width: 100%;overflow: hidden;} #ratingWrapper .ratingWrapper__wrapped {display: inline-flex;flex-direction: column;background: #E1D7C780;padding: 16px;border-radius: 16px;border: 1px solid #CAC0B1;} #ratingWrapper .ratingWrapper__wrapped:has(.rate-wrap .votes) .add-comment {margin-top: 29px;} #ratingWrapper .ratingWrapper__wrapped .add-comment {margin-top: -13px;} #ratingWrapper .row {display: flex;flex-direction: column;} #ratingWrapper .rate-wrap .rate-average-inner {flex-direction: row;align-items: center;margin-bottom: 20px;} #ratingTab #ratingWrapper .rate-wrap .col-sm-6 {width: 100%!important;} #ratingWrapper .rate-wrap .rate-average {color: #44352E;font-size: 36px;font-weight: bold;margin: 0 16px 0px 0;text-align: center;} #ratingWrapper .rate-star-wrap .stars-label {color: #44352E;font-size: 14px;margin-bottom: 0px;text-align: left;text-decoration: underline;} #ratingWrapper .rate-star-wrap .stars-label:hover {text-decoration: none;} #ratingWrapper .rate-star-wrap {margin-left: 0;margin-top:0;} #ratingWrapper .rate-star-wrap .stars {height: 28px;display: flex;justify-content: flex-start;margin-left: -5px;} #ratingWrapper .rate-star-wrap .stars a, #ratingWrapper .rate-star-wrap .stars span {float: none;width: 24px;height: 24px;line-height: 24px;} #ratingWrapper .rate-star-wrap .stars a::before, #ratingWrapper .rate-star-wrap .stars span::before {font-size: 20px;line-height: 24px;text-align: center;} #ratingWrapper .rate-list::before {width: 79px;height: 14px;margin-right: 16px;content: "";} #ratingWrapper .rate-list[data-score="5"]::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='14' fill='none' viewBox='0 0 79 14'%3E%3Cpath fill='%23EBBB10' d='m7.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L7.5 10.36l-4.114 2.303.918-4.625L.843 4.837l4.682-.555z'/%3E%3Cpath fill='%23EBBB10' d='m23.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L23.5 10.36l-4.114 2.303.919-4.625-3.462-3.201 4.682-.555z'/%3E%3Cpath fill='%23EBBB10' d='m39.5 0 1.975 4.282 4.682.555-3.461 3.201.919 4.625L39.5 10.36l-4.114 2.303.918-4.625-3.461-3.201 4.682-.555z'/%3E%3Cpath fill='%23EBBB10' d='m55.5 0 1.975 4.282 4.682.555-3.461 3.201.919 4.625L55.5 10.36l-4.114 2.303.918-4.625-3.461-3.201 4.682-.555z'/%3E%3Cpath fill='%23EBBB10' d='m71.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L71.5 10.36l-4.115 2.303.92-4.625-3.462-3.201 4.682-.555z'/%3E%3C/svg%3E");} #ratingWrapper .rate-list[data-score="4"]::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='14' fill='none' viewBox='0 0 79 14'%3E%3Cpath fill='%23EBBB10' d='m7.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L7.5 10.36l-4.114 2.303.918-4.625L.843 4.837l4.682-.555z'/%3E%3Cpath fill='%23EBBB10' d='m23.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L23.5 10.36l-4.114 2.303.919-4.625-3.462-3.201 4.682-.555z'/%3E%3Cpath fill='%23EBBB10' d='m39.5 0 1.975 4.282 4.682.555-3.461 3.201.919 4.625L39.5 10.36l-4.114 2.303.918-4.625-3.461-3.201 4.682-.555z'/%3E%3Cpath fill='%23EBBB10' d='m55.5 0 1.975 4.282 4.682.555-3.461 3.201.919 4.625L55.5 10.36l-4.114 2.303.918-4.625-3.461-3.201 4.682-.555z'/%3E%3Cpath fill='%23CAC0B1' d='m71.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L71.5 10.36l-4.115 2.303.92-4.625-3.462-3.201 4.682-.555z'/%3E%3C/svg%3E");} #ratingWrapper .rate-list[data-score="3"]::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='14' fill='none' viewBox='0 0 79 14'%3E%3Cpath fill='%23EBBB10' d='m7.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L7.5 10.36l-4.114 2.303.918-4.625L.843 4.837l4.682-.555z'/%3E%3Cpath fill='%23EBBB10' d='m23.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L23.5 10.36l-4.114 2.303.919-4.625-3.462-3.201 4.682-.555z'/%3E%3Cpath fill='%23EBBB10' d='m39.5 0 1.975 4.282 4.682.555-3.461 3.201.919 4.625L39.5 10.36l-4.114 2.303.918-4.625-3.461-3.201 4.682-.555z'/%3E%3Cpath fill='%23CAC0B1' d='m55.5 0 1.975 4.282 4.682.555-3.461 3.201.919 4.625L55.5 10.36l-4.114 2.303.918-4.625-3.461-3.201 4.682-.555z'/%3E%3Cpath fill='%23CAC0B1' d='m71.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L71.5 10.36l-4.115 2.303.92-4.625-3.462-3.201 4.682-.555z'/%3E%3C/svg%3E");} #ratingWrapper .rate-list[data-score="2"]::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='14' fill='none' viewBox='0 0 79 14'%3E%3Cpath fill='%23EBBB10' d='m7.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L7.5 10.36l-4.114 2.303.918-4.625L.843 4.837l4.682-.555z'/%3E%3Cpath fill='%23EBBB10' d='m23.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L23.5 10.36l-4.114 2.303.919-4.625-3.462-3.201 4.682-.555z'/%3E%3Cpath fill='%23CAC0B1' d='m39.5 0 1.975 4.282 4.682.555-3.461 3.201.919 4.625L39.5 10.36l-4.114 2.303.918-4.625-3.461-3.201 4.682-.555z'/%3E%3Cpath fill='%23CAC0B1' d='m55.5 0 1.975 4.282 4.682.555-3.461 3.201.919 4.625L55.5 10.36l-4.114 2.303.918-4.625-3.461-3.201 4.682-.555z'/%3E%3Cpath fill='%23CAC0B1' d='m71.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L71.5 10.36l-4.115 2.303.92-4.625-3.462-3.201 4.682-.555z'/%3E%3C/svg%3E");} #ratingWrapper .rate-list[data-score="1"]::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='14' fill='none' viewBox='0 0 79 14'%3E%3Cpath fill='%23EBBB10' d='m7.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L7.5 10.36l-4.114 2.303.918-4.625L.843 4.837l4.682-.555z'/%3E%3Cpath fill='%23CAC0B1' d='m23.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L23.5 10.36l-4.114 2.303.919-4.625-3.462-3.201 4.682-.555z'/%3E%3Cpath fill='%23CAC0B1' d='m39.5 0 1.975 4.282 4.682.555-3.461 3.201.919 4.625L39.5 10.36l-4.114 2.303.918-4.625-3.461-3.201 4.682-.555z'/%3E%3Cpath fill='%23CAC0B1' d='m55.5 0 1.975 4.282 4.682.555-3.461 3.201.919 4.625L55.5 10.36l-4.114 2.303.918-4.625-3.461-3.201 4.682-.555z'/%3E%3Cpath fill='%23CAC0B1' d='m71.5 0 1.975 4.282 4.682.555-3.462 3.201.92 4.625L71.5 10.36l-4.115 2.303.92-4.625-3.462-3.201 4.682-.555z'/%3E%3C/svg%3E");} #ratingWrapper .rate-star {display: none;} #ratingWrapper .rate-bar {background: #44352E;position: initial;border-radius: 4px;} #ratingWrapper .rate-list {padding-right: 40px;position: relative;} #ratingWrapper .rate-block {background: #CAC0B1;border-radius: 8px;padding-right: 0;} #ratingWrapper .rate-count {right: 0px;font-size: 14px;color: #44352E;} #ratingWrapper .rate-count.active {right: 0px;} #ratingTab .votes-wrap {width: calc(100% - 330px);margin: 0;padding-left: 32px;max-width: initial;} #ratingTab .vote-wrap {padding: 24px 0;border-top: 0;border-bottom: 1px solid #CAC0B1;margin: 0;} /* "Vybrané zkušenosti zákazníků" (admin block moved here by DetailSelectedReviews) */ .ji-selected-reviews {display: flex;flex-direction: column;gap: 14px;margin: 24px 0;color: #44352E;} /* #tab-content prefix: the template's "#tab-content h3:not(...)" heading size is more specific otherwise */ #tab-content #ratingTab .ji-selected-reviews__title {margin: 0;font-size: 21px;font-weight: 700;line-height: 29px;} /* "Nejnovější hodnocení": Shoptet's screen-reader list heading made visible by DetailSelectedReviews */ #tab-content #ratingTab .ji-ratings-heading {margin: 24px 0 0;color: #44352E;font-size: 20px;font-weight: 700;line-height: 27px;} #tab-content #ratingTab .ji-selected-reviews + .ji-ratings-heading {margin-top: 0;} .ji-selected-review {display: flex;flex-direction: column;align-items: flex-start;gap: 9px;padding: 12px 0 15px;border-bottom: 1px solid rgba(68, 53, 46, 0.14);} .ji-selected-review__stars {width: 108px;height: 20px;overflow: hidden;font-size: 0;background: var(--icon-star) space no-repeat left center / 20px 19px;} .ji-selected-review__stars.--s4 {width: 86px;} #ratingTab .ji-selected-review__text {margin: 0;font-size: 15px;line-height: 22px;} .ji-selected-review__photos {display: flex;flex-wrap: wrap;gap: 8px;} .ji-selected-review__photo {display: block;width: 92px;height: 92px;overflow: hidden;border-radius: 9px;cursor: zoom-in;} .ji-selected-review__photo img {display: block;width: 100%;height: 100%;object-fit: cover;transition: transform 0.2s;} .ji-selected-review__photo:hover img {transform: scale(1.05);} .ji-selected-review__footer {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 8px;width: 100%;} .ji-selected-review__name {font-size: 16px;font-weight: 700;} .ji-selected-review__verified {display: inline-flex;align-items: center;gap: 4px;padding: 4px 8px 4px 4px;border-radius: 40px;background: #E1D7C7;font-size: 16px;font-weight: 700;white-space: nowrap;} .ji-selected-review__verified::before {content: "";flex: 0 0 18px;height: 18px;background: var(--icon-verified) no-repeat center / contain;} /* "Recenze" carousel (admin .ji-photo-reviews in the long description, DetailPhotoReviews); #tab-content outweighs the description's p/h2 rules */ .ji-photo-reviews {display: flex;flex-direction: column;gap: 14px;max-width: 770px;margin: 0 auto 40px;color: #44352E;} .ji-photo-reviews__head {display: flex;justify-content: space-between;align-items: center;gap: 16px;} #tab-content .ji-photo-reviews__title {margin: 0;font-size: 31px;font-weight: 700;line-height: normal;text-align: left;} .ji-photo-reviews__all {color: #44352E;font-size: 16px;text-decoration: underline;white-space: nowrap;} .ji-photo-reviews__all:hover {color: #44352E;text-decoration: none;} #tab-content .ji-photo-reviews__caption {margin: 0;color: #64544B;font-size: 14px;line-height: normal;} .ji-photo-reviews__list {--ji-arrow-offset: -16px;} .ji-photo-reviews__list:not(.slick-initialized) {display: flex;overflow: hidden;} .ji-photo-reviews__list:not(.slick-initialized) > * {flex: none;} /* = the slick slides: card width, its margin-right is the gap (slick starts near the viewport) */ .ji-photo-reviews__list .slick-arrow {top: 149px;} /* arrows only where they move the carousel; nothing to move when all cards fit (DetailPhotoReviews) */ .ji-photo-reviews__list .slick-arrow.slick-disabled {display: none !important;} .ji-photo-reviews__list.--fits :is(.slick-arrow, .slick-dots) {display: none !important;} /* the right edge fades out while more cards follow (the left one stays sharp, the current card is read there) */ .ji-photo-reviews__list:not(.--fits) .slick-list {--ji-fade-r: 64px;-webkit-mask-image: linear-gradient(to left, transparent, #000 var(--ji-fade-r));mask-image: linear-gradient(to left, transparent, #000 var(--ji-fade-r));} .ji-photo-reviews__list.--at-end .slick-list {--ji-fade-r: 0px;} /* the template sizes slick slides as blocks and their child divs to the full height */ .ji-photo-reviews__list .ji-photo-review.slick-slide {display: flex;} .ji-photo-reviews__list .slick-slide > .ji-photo-review__stars {height: 15px;} .ji-photo-review {display: flex;flex-direction: column;gap: 10px;width: 298px;max-width: calc(100vw - 80px);margin-right: 12px;padding: 12px;border: 1px solid rgba(68, 53, 46, 0.14);border-radius: 10px;background: #FFF;} .ji-photo-review__media {position: relative;display: block;aspect-ratio: 1 / 1;overflow: hidden;border-radius: 8px;background: #F7EEDD;cursor: zoom-in;} .ji-photo-review__media :is(img, video) {display: block;width: 100%;height: 100%;object-fit: cover;transition: transform 0.2s;} .ji-photo-review__media:hover :is(img, video) {transform: scale(1.05);} .ji-photo-review__media.--video {cursor: pointer;} .ji-photo-review__media.--video::after {content: "";position: absolute;top: 50%;left: 50%;width: 52px;height: 52px;margin: -26px 0 0 -26px;border-radius: 50%;background: rgba(68, 53, 46, 0.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none'%3E%3Cpath fill='%23FFF' d='M17 8.27a2 2 0 0 1 0 3.46L3 19.8a2 2 0 0 1-3-1.73V1.93A2 2 0 0 1 3 .2z'/%3E%3C/svg%3E") no-repeat 55% center / 18px 20px;transition: background-color 0.2s;} .ji-photo-review__media.--video:hover::after {background-color: rgba(68, 53, 46, 0.9);} #tab-content .ji-photo-review__name {margin: 0;font-size: 14px;font-weight: 700;line-height: 1.17;} .ji-photo-review__stars {width: 81px;height: 15px;margin-top: -5px;overflow: hidden;font-size: 0;background: var(--icon-star) space no-repeat left center / 15px 14px;} .ji-photo-review__stars.--s4 {width: 64px;} /* always room for two lines, so all cards keep one height */ #tab-content .ji-photo-review__text {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;min-height: 2.36em;margin: 0 0 auto;overflow: hidden;font-size: 14px;line-height: 1.18;} #cboxLoadedContent .ji-photo-reviews-video {display: block;background: #000;} @media (max-width: 767px) { /* swiped on mobile, the design has no arrows */ .ji-photo-reviews__list .slick-arrow {display: none !important;} /* only a narrow strip of the next card shows, so the fade stays narrow too */ .ji-photo-reviews__list:not(.--fits) .slick-list {--ji-fade-r: 24px;} } #ratingTab .vote-content {font-style: italic;font-size: 16px;margin: 0 0 16px 0;} #ratingTab .vote-name {font-weight: bold;font-size: 16px;} #ratingTab .vote-time {font-size: 14px;color: #44352E;} #ratingTab .vote-pic {display: none;} #ratingTab .vote-delimeter {display: none;} #ratingTab .vote-wrap .--verifed {padding: 6px 8px;position: relative;padding-left: 26px;border-radius: 40px;background-color: #E1D7C7;font-weight: bold;font-size: 16px;font-weight: 700;color: #44352E;white-space: nowrap;} #ratingTab .vote-wrap .--verifed::before {content: "";width: 19px;height: 18px;position: absolute;left: 4px;top: 50%;margin-top: -9px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='%2344352E' d='m18.1 7.866-1.224-1.421c-.234-.27-.423-.774-.423-1.134V3.78c0-.953-.783-1.736-1.737-1.736h-1.53c-.35 0-.864-.19-1.134-.423L10.63.398c-.62-.53-1.638-.53-2.268 0L6.949 1.631c-.27.225-.783.414-1.134.414H4.258c-.954 0-1.737.783-1.737 1.736V5.32c0 .35-.19.855-.414 1.125L.892 7.875c-.523.621-.523 1.629 0 2.25l1.215 1.43c.225.27.414.774.414 1.125v1.539c0 .954.783 1.736 1.737 1.736h1.557c.35 0 .864.19 1.134.423l1.422 1.224c.621.53 1.638.53 2.268 0l1.422-1.224c.27-.234.774-.423 1.134-.423h1.53c.954 0 1.737-.783 1.737-1.736v-1.53c0-.35.19-.864.424-1.134l1.224-1.421c.522-.621.522-1.647-.01-2.268M13.24 7.3l-4.347 4.346c-.126.126-.297.198-.477.198s-.351-.072-.477-.198L5.761 9.468c-.261-.261-.261-.693 0-.954.26-.26.693-.26.954 0l1.701 1.7 3.87-3.868c.261-.261.693-.261.954 0 .261.26.261.692 0 .953'/%3E%3C/svg%3E");} #ratingTab .stars a:before, #ratingTab .stars span:before {font-size: 20px;} #ratingTab .stars a, #ratingTab .stars span {font-size: 20px;height: 20px;width: 21px;} #ratingTab .stars {width: 108px;height: 20px;} #ratingTab .btn-primary.js-load-ratings {display: inline-flex;align-items: center;background-color: var(--color-primary);border-color: var(--color-primary);} #ratingTab .btn-primary.js-load-ratings:hover {align-items: center;background-color: var(--color-primary-hover);border-color: var(--color-primary-hover);} #ratingTab .btn-primary.js-load-ratings::after {content: "";width: 16px;height: 16px;margin-left: 8px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none' viewBox='0 0 17 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F7EEDD' d='m8.942 15.817 3.25-3.267c.244-.244.243-.64-.002-.884-.245-.243-.64-.242-.884.003L9.125 13.86V.625C9.125.28 8.845 0 8.5 0s-.625.28-.625.625v13.236L5.693 11.67c-.244-.245-.64-.246-.884-.003-.245.244-.245.64-.002.884l3.25 3.266c.245.245.642.245.885 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h16v16H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} @media (max-width: 991px) { #ratingTab .votes-wrap {width: 100%;padding-left: 0;} #ratingWrapper {max-width: 100%;} #ratingTab .listingControls {width: 100%;} } /* desktop: summary on the left over the full height, everything else stacked on the right (selected reviews, "Nejnovější hodnocení", the list, paging); spare height goes to the last 1fr row */ @media (min-width: 992px) { #ratingTab {display: grid;grid-template-columns: 330px minmax(0, 1fr);grid-template-rows: repeat(5, auto) 1fr;} #ratingTab > * {grid-column: 2;} #ratingTab > .rating-tab__top-wrap {grid-column: 1 / -1;} #ratingTab > #ratingWrapper {grid-column: 1;grid-row: 2 / -1;align-self: start;} #ratingTab .votes-wrap, #ratingTab .listingControls {width: auto;margin-left: 0;} #ratingTab > .ji-selected-reviews, #tab-content #ratingTab > .ji-ratings-heading {padding-left: 32px;} #ratingTab > .ji-selected-reviews {margin-top: 0;} } @media (max-width: 767px) { .rating-tab__top-wrap {flex-direction: column;justify-content: flex-start;align-items: flex-start;} .rating-tab__top {margin-top: 15px;margin-bottom: 10px;} #ratingTab .vote-wrap {padding: 18px 0;} #ratingTab {padding: 36px 0;margin: 0;} } .faq-block {position: relative;padding: 100px 0 20px 0;margin-top: 56px;} .faq-block::before {content: "";display: block;background: #E2D5BC;height: 1px;left: calc(50% - 50dvw + var(--scrollbar-width) / 2);width: calc(100dvw - var(--scrollbar-width));position: absolute;top: -1px;z-index: 0;} .faq-block h2 {text-align: center;margin: 0 0 16px 0;width: 100%;} .faq-items {column-count: 2;column-gap: 36px;} .faq-item {border-radius: 24px;padding: 16px 24px;color: #44352E;margin-bottom: 16px;display: inline-block;width: 100%;background-color: #FEF9F0;border: 1px solid #E1D7C7;} .faq-block .faq-item__top {gap: 16px;} /* "Je tento produkt vhodný i pro mě?" answer: the suitability boxes stacked inside the FAQ item (design) */ #tab-content .faq-item .hed-suitability-items {display: flex;flex-direction: column;gap: 10px;margin: 0;} #tab-content .faq-item .hed-suitability-items::after {display: none;} #tab-content .faq-item .hed-suitability-items .hed-suitability {width: auto;margin: 0;padding: 12px;border-radius: 12px;} #tab-content .faq-item .hed-suitability.--yes {background-color: #F1F4EC;} #tab-content .faq-item .hed-suitability.--yesno {background-color: #F8F2E6;} #tab-content .faq-item .hed-suitability.--no {background-color: #F8EEEB;} #tab-content .faq-item .hed-suitability__title {margin-bottom: 8px;font-size: 16px;line-height: normal;color: #44352E;} #tab-content .faq-item .hed-suitability__items {row-gap: 7px;} .faq-block .faq-item__top::after {flex: 0 0 24px;height: 13px;background: var(--icon-chevron-down--faq) no-repeat center / contain;} .faq-item__top {padding: 0;cursor: pointer;font-size: 24px;font-weight: 400;color: #44352E;display: flex;justify-content: space-between;align-items: center;} .faq-item__top:hover {text-decoration: none;} .faq-item__top::after {content: "";width: 24px;height: 24px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23494038' stroke-linecap='round' stroke-linejoin='round' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");flex: 0 0 24px;} .--active .faq-item__top::after {transform: rotate(180deg);} .faq-item__bottom {display: none;padding-top: 16px;line-height: 1.4;border-top: 1px solid #E2D5BC;margin-top: 16px;} @media (max-width: 767px) { .faq-items {column-count: 1;} .faq-block {padding: 36px 0;margin-top: 36px;} .faq-item__top {font-size: 18px;font-weight: 700;line-height: 1.4;} } .quarantee-block {max-width: 868px;width: 100%;margin: 100px auto;background-color: #475E3826;border-radius: 24px;position: relative;text-align: center;padding: 24px;background-image: url(../img/quarantee-bg.svg);background-position: top -100px center;background-repeat: no-repeat;} .quarantee-block p a:hover {text-decoration: none;} .quarantee-block__image {margin-bottom: 24px;} .quarantee-block__title {font-size: 28px;font-weight: 600;font-size: 28px;margin-bottom: 8px;} .quarantee-block__btn {margin-top: 24px;} .quarantee-block__btn .btn.btn-secondary {background-color: #475E38;border-color: #475E38;text-decoration: none;display: inline-flex;align-items: center;} .quarantee-block__btn .btn.btn-secondary:hover {background-color: #475E38;border-color: #475E38;opacity: 0.9;} .quarantee-block__btn .btn.btn-secondary::after {content: "";margin-left: 8px;flex: 0 0 16px;width: 16px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F7EEDD' d='m15.817 7.558-3.267-3.25c-.244-.243-.64-.243-.884.002-.243.245-.242.64.003.884l2.192 2.182H.625C.28 7.375 0 7.655 0 8s.28.625.625.625h13.236l-2.192 2.182c-.245.243-.246.64-.003.884.244.245.64.245.884.002l3.266-3.25c.245-.245.245-.642 0-.885'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .125h16v15.75H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} @media (max-width: 767px) { .quarantee-block {margin: 60px 0 15px 0;background-image: url(../img/quarantee-bg-mobile.svg);background-position: center top -50px;} .quarantee-block__title {font-size: 24px;} } .hed-guarantee {display: none;} .hed-full-width .container {width: auto!important;padding: 0!important;} #tab-content .hed-studies {padding: 80px 0;border-top: 1px solid #CAC0B1;border-bottom: 1px solid #CAC0B1;} #tab-content .hed-studies h2 {font-size: 36px;text-align: center;} #tab-content .hed-studies__items {display: flex;flex-flow: row wrap;margin: 0 -12px;} #tab-content .hed-studies__item:not(.--show-more, .--author) {display: flex;width: calc(33.3333% - 24px);margin: 12px;background-color: #FEF9F0;border: 1px solid #E1D7C7;padding: 16px;align-items: stretch;border:1px solid #E6E6E6;border-radius: 16px;} /* desktop shows the first studies and a "show all" button; mobile has them all in a carousel */ @media (min-width: 768px) { #tab-content .hed-studies:not(.--expanded) .hed-studies__item:nth-of-type(+n+4) {display: none;} } #tab-content .hed-studies__item-title::before {content:"";background: url(../img/studies-book-icon.webp) no-repeat center / 100%;width:56px;height:56px;display:block;align-self: start;position: absolute;left: 0;top: 0;} #tab-content .hed-studies__item-title {margin-bottom: 20px;text-transform: uppercase;padding-left: 72px;padding-top: 8px;min-height: 60px;position: relative;font-weight: 700;font-size: 18px;} #tab-content .hed-studies__item-inner {flex:1;} #tab-content .hed-studies__item-inner a {text-decoration: underline;} #tab-content .hed-studies__item-inner a:hover {text-decoration: none;} #tab-content .hed-studies__item p {margin-bottom: 16px;line-height: 1.4;} #tab-content .hed-studies__item ul {margin: -10px 0 0 0;} #tab-content .hed-studies__item li {margin-bottom: 4px;} #tab-content .hed-studies__item.--author {display: flex!important;width: 100%;margin: 36px 0;} #tab-content .hed-studies__inner {padding:0;display: flex;background-color: #E1D7C780;border-radius: 16px;align-items: center;max-width: 578px;margin: auto;width: 100%;position: relative;border:unset;align-items:center;min-height:230px;} #tab-content .hed-studies__item.--show-more {padding:0;display: block!important;width: 100%!important;border:unset;border-radius: unset;text-align: center;justify-content: center;display:none;margin: 36px 0 0 0;} #tab-content .hed-studies.--expanded .hed-studies__item.--show-more {display: none!important;} #tab-content .hed-studies__item.--show-more .btn {display: inline-flex;text-decoration: none;align-items: center;} #tab-content .hed-studies__item.--show-more .btn::after {content: "";width: 16px;height: 16px;margin-left: 8px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none' viewBox='0 0 17 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F7EEDD' d='m8.942 15.817 3.25-3.267c.244-.244.243-.64-.002-.884-.245-.243-.64-.242-.884.003L9.125 13.86V.625C9.125.28 8.845 0 8.5 0s-.625.28-.625.625v13.236L5.693 11.67c-.244-.245-.64-.246-.884-.003-.245.244-.245.64-.002.884l3.25 3.266c.245.245.642.245.885 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h16v16H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} #tab-content .hed-studies__item.--author p:last-child {margin-bottom: 0;} #tab-content .hed-studies__author-image {display: flex;width: 27%;padding-top: 16px;padding-left: 16px;} #tab-content .hed-studies__author-image img {} #tab-content .hed-studies__author-inner {position: relative;z-index: 1;width: 73%;padding: 16px;} #tab-content .hed-studies__author-name a {font-weight: 700;display: block;max-width: 165px;color:#44352E;text-decoration: underline;font-size: 18px;} #tab-content .hed-studies__author-name a:hover {text-decoration: none;} #tab-content .hed-studies__author-byline {line-height: 1.4;color: #71635A;font-size: 16px;margin: 8px 0;} @media (max-width: 1199px) { #tab-content .hed-studies__item:not(.--show-more, .--author) {width: 100%;margin: 12px 0;} } @media (max-width: 767px) { /* the slide only spaces the cards (margins would make slick's flex track shrink them); the inner box is the card */ #tab-content .hed-studies__item:not(.--show-more, .--author) {margin: 0;padding: 0 12px;border: 0;border-radius: 0;background: none;} #tab-content .hed-studies__item:not(.--show-more, .--author) .hed-studies__item-inner {padding: 16px;border: 1px solid #E1D7C7;border-radius: 16px;background: #FEF9F0;} /* keep every slide at slick's width, even when the wide author box stays in the carousel (desktop UA in a narrow window) */ #tab-content .hed-studies__items .slick-slide {flex-shrink: 0;min-width: 0;} #tab-content .hed-studies__items .slick-list {padding-right: 87px;position: relative;} #tab-content .hed-studies__items .slick-list::before {content: "";z-index: 1;width: 63px;height: 100%;background: linear-gradient(90deg, rgba(247, 238, 221, 0) 0%, #F7EEDD 100%);position: absolute;right: 0;top: 0;} #tab-content .hed-studies {padding: 36px 0 24px 0;} #tab-content .hed-studies h2 {font-size: 31px;} #tab-content .hed-studies__item-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 36px;margin-bottom: 12px;padding: 7px 0 0 48px;font-size: 18px;font-weight: 600;line-height: 22px;overflow-wrap: anywhere;} #tab-content .hed-studies__item-title::before {width: 36px;height: 36px;} #tab-content .hed-studies__item p {font-size: 16px;line-height: 22px;} } .basic-description ul:not(.slick-dots) {margin: 0 0 40px 0;padding: 0;list-style: none;} .basic-description ul:not(.slick-dots) li {padding-left: 30px;font-size: 16px;position: relative;font-size: 14px;margin-bottom: 10px;font-size: 16px;} .basic-description ul:not(.slick-dots) li::before {content: "";width: 19px;height: 18px;position: absolute;left: 0;top: 3px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='%23417335' d='M9.667 0c-4.95 0-9 4.05-9 9s4.05 9 9 9 9-4.05 9-9-4.05-9-9-9m3.78 7.47-4.32 4.32c-.36.36-.9.36-1.26 0l-1.98-1.98c-.36-.36-.36-.9 0-1.26s.9-.36 1.26 0l1.35 1.35 3.69-3.69c.36-.36.9-.36 1.26 0s.36.9 0 1.26'/%3E%3C/svg%3E");} .products-blocks {display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 30px;margin-top: 20px;} .products-blocks .products-blocks__item {width: 19%;margin: 0.5%;border-radius: 12px;padding: 10px;text-align: center;transition: .5s;} .products-blocks .products-blocks__item>div {height: 40px;display: flex;align-items: center;justify-content: center;} .products-blocks .products-blocks__item>div img {max-width: 100%;max-height: 40px;object-fit: contain;} .products-blocks .products-blocks__item span {display: block;padding: 12px 40px;font-size: 16px;font-style: italic;font-weight: 600;} /*.products-blocks::after {content: "";flex: auto;}*/ @media (max-width: 991px) { .products-blocks .products-blocks__item span {padding: 10px;} } @media (max-width: 767px) { .products-blocks {justify-content: center;} .products-blocks .products-blocks__item {width: 50%;margin: 0;} } .table-50-50 {margin: 10px auto 0 auto;width: 100%!important;max-width: 880px;} .table-50-50 tr {margin-bottom: 56px;display: flex;align-items: center;line-height: 1.4;position: relative;} .table-50-50 tr:nth-of-type(1)::after {content: "";z-index: -1;width: 516px;height: 373px;position: absolute;left: -250px;top: 0;background-image: url(../img/icons/deco-table-50-50-row1.svg);} .table-50-50 tr:nth-of-type(2)::after {content: "";z-index: -1;width: 446px;height: 230px;position: absolute;right: -200px;top: 85px;background-image: url(../img/icons/deco-table-50-50-row2.svg);} .table-50-50 tr td:first-child {padding-right: 15px;} .table-50-50 tr td:last-child {padding-left: 15px;} .table-50-50 tr td {flex: 0 0 55%!important;} .table-50-50 tr td:has(img) {flex: 0 0 45%!important;} .table-50-50 tr td img {border-radius: 24px;} @media (max-width: 1439px) { .table-50-50 tr:nth-of-type(2)::after {right: -100px;} } @media (max-width: 1199px) { .table-50-50 tr:nth-of-type(2)::after {display: none;} .table-50-50 tr:nth-of-type(1)::after {left: -170px;} } @media (max-width: 767px) { .table-50-50 tr:nth-of-type(1)::after {display: none;} .table-50-50 tr {flex-flow: row wrap;margin-bottom: 36px;} .table-50-50 tr td:has(img) {flex: 0 0 100%!important;order: -1;padding-bottom: 24px;} .table-50-50 tr td {flex: 0 0 100%!important;} .table-50-50 tr td:last-child {padding-left: 0;} } .influ-block {max-width: 880px;margin: 64px auto 50px auto;position: relative;background-color: #475E3826;border-radius: 24px;padding: 24px 24px 24px 140px;} .influ-block__image {overflow: hidden;width: 146px;height: 146px;border-radius: 34px;position: absolute;top: -15px;left: -45px;} .influ-block__image img {width: 100%;height: 100%;object-fit: cover;} .influ-block__title {margin-bottom: 24px;margin-top: 0;display: flex;justify-content: space-between;align-items: flex-start;} /* the left margin leaves room for the stars (::before, 81px + 8px) so a long title never runs under them */ .influ-block__title span {background-color: #475E38;flex-shrink: 0;margin-left: 105px;white-space: nowrap;border-radius: 10px;color: #F7EEDD;padding: 4px 8px;position: relative;} /* fixed 5/5 stars next to the percentage (design) */ .influ-block__title span::before {content: "";position: absolute;top: 50%;right: calc(100% + 8px);width: 81px;height: 15px;margin-top: -7.5px;background: var(--icon-star) space no-repeat left center / 15px 14px;} .influ-text {font-size: 16px;padding: 16px 50px;position: relative;} .influ-text::after {content: "";position: absolute;left: -28px;bottom: 0;width: 88px;height: 67px;background: url(../img/influ-quo.webp) no-repeat center / contain;} .influ-block__bottom {text-align: right;} .influ-block__bottom a {text-decoration: underline;font-weight: 700;text-underline-offset: 6px;} .influ-block__bottom a:hover {text-decoration: none;} @media (max-width: 991px) { .influ-block {margin: 50px 0 36px 0;padding: 85px 16px 16px 16px;} /* left of the stars + score badge: shrinks on narrow phones (263px = gutters + badge + stars + gaps) so it never covers them */ .influ-block__image {left: -8px;top: -26px;width: min(100px, 100vw - 263px);height: min(100px, 100vw - 263px);border-radius: 20px;} .influ-block__title span {position: absolute;top: 16px;right: 16px;font-size: 36px;line-height: 1.4;padding: 0 8px;} .influ-block__title {font-size: 25px;line-height: 1.4;margin-bottom: 0;} .influ-text {padding: 8px 24px;} .influ-text::after {left: -5px;top: -20px;} } .hed-why-effective {max-width: 880px;margin: 50px auto;padding-top: 50px;} .hed-why-effective h2 {text-align: center;} .hed-why-effective h2 + p {margin-bottom: 16px;font-size: 16px;line-height: 1.4;} /* "Složení denní dávky" (admin .ji-dose): the card is one image exported from the design, so the client can swap it per product */ #tab-content .ji-dose {display: flex;flex-direction: column;gap: 20px;max-width: 880px;margin: 50px auto;color: #44352E;} .ji-dose__card {display: block;width: 100%;max-width: 392px;height: auto;margin: 0 auto;border-radius: 10px;} #tab-content .ji-dose__text {margin: 0;font-size: 18px;line-height: 26px;} .hed-why-effective__items {display: flex;flex-flow: row wrap;justify-content: center;margin: 0 -36px;} .hed-why-effective-item {width: calc(33.333% - 36px);margin: 18px;text-align: center;background-color: #E1D7C780;padding: 24px;border-radius: 24px;} .hed-why-effective-item__image {width: 100px;height: 100px;border-radius: 20px;overflow: hidden;text-align: center;margin: 0 auto 16px auto;} .hed-why-effective-item__title {font-weight: bold;margin-bottom: 10px;} .hed-why-effective-item__text {} @media (max-width: 991px) { .hed-why-effective__items {margin: 0;} .hed-why-effective-item {} } /* mobile: no carousel, two cards side by side, an odd last card spans the full width (design "Složky a jejich vlastnosti") */ @media (max-width: 767px) { .hed-why-effective {margin: 36px auto;padding-top: 0;} .hed-why-effective h2 {margin-bottom: 16px;font-size: 31px;font-weight: 600;} .hed-why-effective__items {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;} .hed-why-effective-item {display: flex;flex-direction: column;align-items: center;gap: 8px;width: auto;margin: 0;padding: 12px;border-radius: 10px;} .hed-why-effective-item:last-child:nth-child(odd) {grid-column: 1 / -1;} .hed-why-effective-item__image {width: 70px;height: 70px;margin: 0;border-radius: 9px;} .hed-why-effective-item__image img {width: 100%;height: 100%;object-fit: cover;} .hed-why-effective-item__title {margin: 0;font-size: 14px;line-height: 18px;} .hed-why-effective-item__text {margin-top: -2px;font-size: 13px;line-height: 18px;} } #tab-content .hed-more-link-wrap {text-align: center;margin-top: 24px;} #tab-content .hed-more-link {color:#44352E;text-decoration: underline;font-weight: 400;} #tab-content .hed-more-link:hover {text-decoration: none;} #tab-content .hed-more-link::after {content:"";display:inline-block;width:10px;height:10px;margin-left:8px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='%2344352E' d='M9.867 2.406c-.178-.178-.465-.178-.643 0L5 6.63.776 2.406c-.178-.178-.465-.178-.643 0-.177.177-.177.465 0 .643L4.68 7.594c.085.085.2.133.321.133.12 0 .236-.048.322-.133L9.867 3.05c.177-.178.177-.466 0-.643'/%3E%3C/svg%3E");vertical-align: middle;} #tab-content .diffs-items {background-color: #E1D7C780;border-radius: 24px;padding: 24px 64px;display: flex;flex-flow: row wrap;justify-content: center;max-width: 770px;margin: 50px auto 100px auto;} #tab-content .diffs-items .diffs-item {width: 50%;padding: 0 10px;} /* compact yes/no comparison table built from the two lists (DetailCompare), 1:1 with the design at every width */ #tab-content .diffs-items.ji-compare-ready {gap: 14px;padding: 18px 24px;max-width: 768px;} #tab-content .diffs-items.ji-compare-ready>h2 {margin: 0;color: #44352E;font-size: 27px;font-weight: 600;line-height: 1.12;} #tab-content .ji-compare-ready .diffs-item {display: none;} .ji-compare {display: flex;flex-direction: column;width: 100%;overflow: hidden;border-radius: 10px;background: #FEF9F0;color: #44352E;} .ji-compare__head {display: flex;align-items: center;gap: 5px;min-height: 120px;padding: 9px 7px;} .ji-compare__label {display: flex;flex: 1 1 0;align-self: stretch;align-items: flex-end;min-width: 0;padding-bottom: 5px;font-size: 12px;font-weight: 600;line-height: normal;} .ji-compare__product {display: flex;flex: 0 0 78px;flex-direction: column;justify-content: center;align-items: center;gap: 3px;height: 103px;border-radius: 9px;font-size: 11px;font-weight: 600;line-height: normal;text-align: center;} .ji-compare__product img {display: block;width: 62px;height: 69px;margin: 0;border-radius: 5px;object-fit: contain;} .ji-compare__product-name {display: flex;justify-content: center;align-items: center;min-height: 25px;} .ji-compare__product.--ours, .ji-compare__cell.--ours {background: #E6ECD9;} .ji-compare__row {display: flex;gap: 5px;padding: 0 7px;background: rgba(254, 249, 240, 0.65);} .ji-compare__row:nth-child(even) {background: rgba(247, 238, 221, 0.65);} .ji-compare__name {flex: 1 1 0;align-self: center;min-width: 0;padding: 27px 0;font-size: 13px;font-weight: 400;line-height: 1.18;} .ji-compare__cell {display: flex;flex: 0 0 78px;justify-content: center;align-items: center;} .ji-compare__icon {width: 18px;height: 18px;background: no-repeat center / contain;} .ji-compare__icon.--yes {background-image: var(--icon-compare-yes);} .ji-compare__icon.--no {background-image: var(--icon-compare-no);} @media (min-width: 768px) { .ji-compare__label {font-size: 14px;} .ji-compare__name {padding: 22px 0;font-size: 16px;line-height: 1.3;} } #tab-content .diffs-items>h2 {margin: 0 auto 24px auto;text-align: center;width: 100%;font-weight: 600;} #tab-content .diffs-items ul {margin-bottom: 0;} #tab-content .diffs-items ul li {border-bottom: 1px solid #CAC0B1;color: #333333;font-size: 16px;font-weight: 400;padding-bottom: 16px!important;padding-top: 16px!important;margin-bottom: 0!important;} #tab-content .diffs-items ul li:last-child {border-bottom: 0;} #tab-content .diffs-items ul li::before {top: 16px;} #tab-content .diffs-items .--cons ul li::before {top: 16px;width: 18px;height: 18px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23877A70' d='M12.214 6.724 9.906 9l2.308 2.276q.097.091.15.213.053.123.053.256t-.053.256-.15.213q-.091.09-.21.139-.118.048-.247.048c-.168-.001-.33-.068-.45-.187L9 9.906l-2.275 2.308c-.12.119-.282.186-.45.187q-.129 0-.247-.048-.119-.05-.21-.139c-.12-.12-.187-.283-.187-.453s.067-.333.187-.453L8.093 9 5.817 6.724c-.105-.123-.16-.28-.154-.443.006-.161.073-.315.188-.43.114-.114.268-.181.43-.187s.32.049.443.154l2.275 2.276 2.276-2.276q.09-.093.21-.145.118-.052.248-.054t.25.045.215.138q.092.09.145.209.051.12.054.249.002.129-.046.25-.047.121-.137.214m3.15 8.64c-1.26 1.259-2.863 2.116-4.609 2.463s-3.555.169-5.2-.512C3.912 16.634 2.506 15.48 1.518 14 .527 12.52 0 10.78 0 9s.528-3.52 1.517-5S3.91 1.366 5.556.685s3.454-.86 5.2-.512c1.745.347 3.349 1.204 4.608 2.463.835.835 1.499 1.828 1.95 2.92C17.768 6.648 18 7.818 18 9s-.233 2.352-.685 3.444-1.116 2.084-1.951 2.92m-.907-11.822c-1.08-1.076-2.454-1.808-3.95-2.104-1.496-.295-3.045-.14-4.453.444S3.442 3.455 2.596 4.723 1.298 7.482 1.298 9.006s.451 3.015 1.298 4.284c.846 1.268 2.05 2.256 3.458 2.84 1.408.586 2.957.74 4.453.444 1.496-.295 2.87-1.027 3.95-2.103.72-.717 1.29-1.569 1.68-2.506.389-.938.59-1.943.59-2.959 0-1.015-.201-2.02-.59-2.958-.39-.938-.96-1.79-1.68-2.506'/%3E%3C/svg%3E");} @media (max-width: 767px) { #tab-content .diffs-items {padding: 24px;margin: 50px 0 70px 0;} #tab-content .diffs-items .diffs-item {width: 100%;text-align: center;} #tab-content .diffs-items ul {text-align: left;} } #tab-content .hed-suitability {border-radius: 24px;background-color: #E1D7C780;padding:24px;margin-bottom: 20px;} #tab-content .hed-suitability__title {font-weight: bold;margin-bottom: 16px;display: flex;font-size: 20px;line-height: 28px;color:#333333;font-weight: 600;} #tab-content .hed-suitability__title::before {content:"";background-size: contain;background-repeat: no-repeat;background-position: center;flex: 0 0 20px;width:20px;height:20px;display: block;margin-right:8px;position: relative;top: 3px;} #tab-content .hed-suitability.--yesno .hed-suitability__title::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='19' fill='none' viewBox='0 0 21 19'%3E%3Cpath fill='%239C7A3E' d='M20.267 14.072 13.26 1.936c-1.144-2.005-4.039-2.005-5.179 0l-7.01 12.136c-1.145 2.005.28 4.496 2.589 4.496h13.993c2.31 0 3.758-2.516 2.614-4.496m-9.6 1.803c-.61 0-1.116-.506-1.116-1.115 0-.61.506-1.116 1.115-1.116.61 0 1.116.506 1.092 1.145.028.58-.507 1.086-1.091 1.086m1.016-7.212q-.077 1.294-.152 2.59c-.025.28-.025.534-.025.81-.024.457-.383.811-.84.811s-.81-.33-.84-.786c-.073-1.346-.152-2.668-.226-4.014q-.036-.533-.078-1.066c0-.585.33-1.067.864-1.219.536-.127 1.067.128 1.297.634.079.177.103.354.103.56-.024.564-.078 1.124-.103 1.68'/%3E%3C/svg%3E");} #tab-content .hed-suitability.--yes .hed-suitability__title::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none' viewBox='0 0 20 21'%3E%3Cpath fill='%23417335' d='M10 .5C4.5.5 0 5 0 10.5s4.5 10 10 10 10-4.5 10-10-4.5-10-10-10m4.2 8.3-4.8 4.8c-.4.4-1 .4-1.4 0l-2.2-2.2c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.5 1.5 4.1-4.1c.4-.4 1-.4 1.4 0s.4 1 0 1.4'/%3E%3C/svg%3E");} #tab-content .hed-suitability.--no .hed-suitability__title::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' fill='none' viewBox='0 0 19 20'%3E%3Cpath fill='%239B3F3F' d='M16.22 3.502c-3.706-3.706-9.734-3.706-13.441 0-3.705 3.706-3.705 9.736 0 13.442 1.853 1.853 4.287 2.779 6.721 2.779s4.867-.926 6.72-2.779c3.707-3.706 3.707-9.736 0-13.442m-2.8 9.522c.31.31.31.81 0 1.12-.155.154-.357.232-.56.232s-.406-.078-.56-.233l-2.8-2.8-2.799 2.8c-.155.154-.358.232-.56.232s-.406-.078-.56-.232c-.31-.31-.31-.811 0-1.12l2.8-2.8-2.8-2.8c-.31-.31-.31-.811 0-1.12.308-.31.81-.31 1.12 0l2.799 2.8 2.8-2.8c.31-.31.81-.31 1.12 0 .31.309.31.81 0 1.12l-2.8 2.8z'/%3E%3C/svg%3E");} #tab-content .hed-suitability__items {display: flex;flex-flow: column;row-gap: 5px;margin-bottom: 0;} #tab-content .hed-suitability__items li {padding-left: 28px;position: relative;margin-bottom: 0;color:#44352E;padding-bottom: 2px;padding-top: 2px;} #tab-content .hed-suitability__items li::before {content: "";position: absolute;left: 10px;top: 9px;width: 4px;height: 4px;background: #44352E;border-radius: 50%;} @media (min-width: 768px) { #tab-content .hed-suitability-items {display: flex;justify-content: space-between;margin-bottom: 50px;} #tab-content .hed-suitability-items .hed-suitability {width: calc(33.333% - 24px);margin: 12px;} #tab-content .hed-suitability-items::after {content: "";flex: auto;} } #tab-content .hed-how-to-use {margin-bottom: 37px;max-width: 770px;margin: auto;} #tab-content .hed-how-to-use h2 {text-align: center;} #tab-content .hed-how-to-use__items {list-style: none;padding:0;margin:0 -24px;display: flex;flex-flow: row wrap;} #tab-content .hed-how-to-use-item {width: 25%;display: flex;flex-flow: column;align-items: center;text-align:center;padding:24px;justify-content: flex-start;position: relative;} #tab-content .hed-how-to-use-item img {width:48px;height:48px;display: block;margin-bottom: 8px;object-fit: contain;} #tab-content .hed-how-to-use-item:not(:last-of-type)::after {content: "";width: 14px;height: 8px;position: absolute;right: -7px;top: 80px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' fill='none' viewBox='0 0 14 8'%3E%3Cpath fill='%23877A70' d='M13.84 3.613 10.981.768c-.214-.213-.56-.213-.774.001-.213.215-.212.56.002.774l1.918 1.91H.548C.245 3.453 0 3.697 0 4s.245.547.547.547h11.582l-1.919 1.91c-.214.212-.215.558-.002.773s.56.214.774.001l2.857-2.843c.215-.215.214-.562 0-.775'/%3E%3C/svg%3E");} @media (max-width: 767px) { #tab-content .hed-how-to-use-item {width: 50%;} #tab-content .hed-how-to-use-item:nth-of-type(2n)::after {display: none;} #tab-content .hed-how-to-use {padding-bottom: 30px;} } .hed-properties {padding: 50px 0 80px 0;border-bottom: 1px solid #CAC0B1;} .hed-properties h2 {text-align: center;} .hed-properties .slick-slide {padding: 12px;} .hed-properties__item {padding: 16px;background-color: #E1D7C780;border-radius: 24px;} .hed-properties__item p:last-child {margin-bottom: 0;} .hed-properties__title {font-size: 20px;font-weight: 600;margin-bottom: 8px;} .hed-properties__image {height: 30%;margin-bottom: 24px;border-radius: 14px;overflow: hidden;} @media (max-width: 767px) { .hed-properties__items .slick-arrow {display: none!important;} .hed-properties__items .slick-list {padding-right: 85px;position: relative;} .hed-properties__items .slick-list::before {content: "";z-index: 1;width: 85px;height: 100%;background: linear-gradient(90deg, rgba(247, 238, 221, 0) 0%, #F7EEDD 100%);position: absolute;right: 0;top: 0;} .hed-properties {padding: 50px 0;} } .ingredients-box {padding: 80px 0;max-width: 770px;margin: auto;} .ingredients-box .ingredients-box__title {color: #44352E;font-size: 36px;font-weight: bold;margin: 0 0 16px 0;text-align: center;} .ingredients-box table {width: 100%!important;padding: 6px 16px;border: 1px solid #CAC0B1;margin-bottom: 8px;border-radius: 10px;display: block;} .ingredients-box table thead td {width: 50%;padding: 10px 0;font-size: 16px;font-weight: 600;border-bottom: 1px solid #CAC0B1;} .ingredients-box table tbody td {width: 50%;border-bottom: 1px solid #CAC0B1;padding: 10px 0;font-size: 16px;} .ingredients-box table thead td:not(:first-child) {text-align: right;} .ingredients-box table tbody td:not(:first-child) {text-align: right;} .ingredients-box table tbody tr:last-child td {border-bottom: 0;} .ingredients-box table tbody, .ingredients-box table thead {width: 100%;display: table;} @media (max-width: 767px) { .ingredients-box {padding: 50px 0;} } .boxes {display: flex;justify-content: space-between;flex-flow: row wrap;margin-bottom: 50px;} .boxes>div {border-radius: 20px;background-color: #F6F4F2;width: 32%;text-align: center;padding: 40px;} .boxes>div .boxes__title {color: #333333;font-size: 16px;font-weight: 600;margin: 15px 0 8px 0;} .boxes>div .boxes__subtitle {color: #333333;font-weight: bold;font-size: 40px;} .boxes>div::before {content: "";width: 48px;height: 48px;margin: auto;display: block;} .boxes>div:nth-of-type(1)::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23005E43' d='M30 13.5v-3h1.5c.398 0 .78-.158 1.06-.44.282-.28.44-.662.44-1.06V3c0-.398-.158-.78-.44-1.06-.28-.282-.662-.44-1.06-.44h-15c-.398 0-.78.158-1.06.44-.282.28-.44.662-.44 1.06v6c0 .398.158.78.44 1.06.28.282.662.44 1.06.44H18v3c-2.386.003-4.674.952-6.361 2.639S9.003 20.114 9 22.5V42c.001 1.193.476 2.337 1.32 3.18.843.844 1.987 1.319 3.18 1.32h21c1.193-.001 2.337-.476 3.18-1.32.845-.842 1.32-1.986 1.32-3.18V22.5c-.003-2.386-.952-4.674-2.639-6.361S32.386 13.503 30 13.5M12 24h24v12H12zm6-19.5h12v3H18zm0 12h1.5c.398 0 .78-.158 1.06-.44.282-.28.44-.662.44-1.06v-4.5h6V15c0 .398.158.78.44 1.06.28.282.662.44 1.06.44H30c1.327.004 2.614.448 3.661 1.262s1.795 1.953 2.126 3.238H12.213c.33-1.285 1.078-2.423 2.126-3.238 1.047-.814 2.334-1.258 3.661-1.262m16.5 27h-21c-.398 0-.779-.159-1.06-.44S12 42.398 12 42v-3h24v3c0 .398-.159.779-.44 1.06s-.662.44-1.06.44'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h48v48H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .boxes>div:nth-of-type(2)::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%23005E43' d='M41.454 6.546c-1.124-1.124-2.46-2.016-3.928-2.624C36.057 3.313 34.483 3 32.893 3s-3.164.313-4.633.922c-1.469.608-2.803 1.5-3.927 2.624L6.546 24.332c-2.27 2.27-3.545 5.35-3.545 8.561 0 3.21 1.275 6.29 3.545 8.56S11.896 45 15.107 45c3.21 0 6.29-1.275 8.56-3.546l17.787-17.786c1.124-1.124 2.016-2.458 2.624-3.927S45 16.697 45 15.107s-.313-3.164-.922-4.633c-.608-1.469-1.5-2.803-2.624-3.928M21.547 39.333c-.846.845-1.85 1.516-2.955 1.974s-2.29.693-3.485.693c-2.415 0-4.732-.96-6.44-2.667C6.96 37.625 6 35.308 6 32.893s.96-4.732 2.667-6.44l7.833-7.832L29.379 31.5zm17.786-17.787L31.5 29.38 18.621 16.5l7.833-7.833c.845-.845 1.85-1.516 2.954-1.974S31.698 6 32.893 6c1.196 0 2.38.236 3.485.693 1.105.458 2.109 1.129 2.955 1.974.845.846 1.516 1.85 1.974 2.955S42 13.91 42 15.107s-.236 2.38-.693 3.485c-.458 1.105-1.129 2.109-1.974 2.954'/%3E%3C/svg%3E");} .boxes>div:nth-of-type(3)::before {background-image: url(../img/icons/boxes-3.svg);} #productVideos h3 {text-align: center;margin: 0 0 40px 0;font-size: 40px;font-weight: bold;} .ingredients {text-align: center;margin-bottom: 100px;position: relative;} .ingredients>* {position: relative;z-index: 1;} .ingredients::after {content: "";width: 1420px;height: 455px;background-color: #F6F4F2;border-radius: 20px;position: absolute;bottom: 0;left: 50%;margin-left: -710px;z-index: 0;} .ingredients .ingredients__items {display: flex;flex-flow: row wrap;margin-top: 45px;padding-bottom: 40px;} .ingredients .ingredients__items>div {width: 33.333%;text-align: left;font-weight: 600;color: #333333;margin-bottom: 45px;display: flex;align-items: center;} .ingredients .ingredients__items>div::before {margin-right: 15px;content: "";width: 32px;height: 32px;flex: 0 0 32px;} .ingredients__items>div.--stress::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cg stroke='%23005E43' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M2.813 8.971h6.593v22.092H2.812z'/%3E%3Cpath d='M9.406 20.67H16v10.392H9.406z'/%3E%3Cpath d='M16 16.286h6.594v14.776H16z'/%3E%3Cpath d='M22.594 25.045h6.593v6.017h-6.593z'/%3E%3Cpath d='M.938 31.063h30.125'/%3E%3Cpath d='m6.507.938 8.356 8.355 4.409-4.409 7.7 7.7V9.301'/%3E%3Cpath d='M26.972 12.584h-3.284'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .ingredients__items>div.--mood::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cg stroke='%23005E43' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M16 31.063c8.296 0 15.063-6.767 15.063-15.063S24.296.938 16 .938.938 7.704.938 16 7.704 31.063 16 31.063'/%3E%3Cpath d='M13.068 12.696c-.437-1.276-1.637-2.133-2.986-2.133s-2.55.858-2.987 2.135'/%3E%3Cpath d='M24.91 12.696c-.437-1.276-1.637-2.133-2.986-2.133s-2.55.858-2.986 2.135'/%3E%3Cpath d='M21.638 20.719c-1.184 1.986-3.326 3.203-5.638 3.203-2.307 0-4.444-1.21-5.63-3.19'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .ingredients__items>div.--less::before {background-image: url(../img/icons/ingredient-less.svg);} .ingredients__items>div.--sleep::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cg stroke='%23005E43' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M28.504 22.503c-.148-.07-.319-.074-.47-.01h.006c-6.249 2.582-13.41-.386-15.995-6.63-1.31-3.166-1.232-6.737.217-9.843.136-.287.013-.63-.275-.767-.147-.07-.318-.074-.469-.01C4.668 8.053 1.396 15.88 4.21 22.725s10.648 10.113 17.498 7.301c3.125-1.282 5.65-3.695 7.07-6.756.136-.288.013-.631-.274-.767Z'/%3E%3Cpath stroke-linecap='round' d='M25.156.91h3.678l-3.678 4.017h3.678'/%3E%3Cpath stroke-linecap='round' d='M18.228 3.357h2.94l-2.94 3.21h2.94'/%3E%3Cpath stroke-linecap='round' d='M24.29 8.868h2.94l-2.94 3.21h2.94'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .ingredients__items>div.--energy::before {background-image: url(../img/icons/ingredient-energy.svg);} .ingredients__items>div.--fertility::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cg stroke='%23005E43' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M7.236 25.063c.696.983 1.843 1.625 3.139 1.625s2.443-.642 3.139-1.625'/%3E%3Cpath d='M11.334 5.475C12.32 7.313 14.19 8.728 16 9.688c1.81-.96 3.68-2.375 4.666-4.213.512-.954.666-2.074.193-3.07-.386-.813-1.161-1.431-2.086-1.465C16.483.856 16 3.038 16 3.038S15.517.856 13.226.94c-.924.034-1.699.652-2.085 1.465-.473.996-.32 2.116.193 3.07'/%3E%3Cpath d='M10.375 31.063c5.212 0 9.438-4.226 9.438-9.438s-4.226-9.437-9.438-9.437S.938 16.413.938 21.624s4.225 9.438 9.437 9.438'/%3E%3Cpath d='M18.94 25.594c.692.677 1.64 1.093 2.685 1.093 1.296 0 2.443-.641 3.139-1.625'/%3E%3Cpath d='M16 14.047c1.57-1.168 3.517-1.86 5.625-1.86 5.212 0 9.438 4.226 9.438 9.438s-4.226 9.438-9.438 9.438c-2.108 0-4.054-.692-5.625-1.86'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");} .study-block {margin-bottom: 80px;background-color: #F6F4F2;border-radius: 12px;padding: 40px 40px 40px 130px;background-size: 62px;background-repeat: no-repeat;background-position: top 50px left 40px;background-image: url(../img/icons/study-block.svg);} .study-block .study-block__title {font-weight: bold;font-size: 28px;margin: 0 0 15px 0;color: #333333;} .study-block p {font-style: italic;font-weight: 600;color: #333333;} .study-block p + a {font-weight: 600;text-decoration: underline;color: #014934;} .study-block p + a:hover {text-decoration: none;} .social-buttons-wrapper {display: none;} .add-row {font-size: 18px;padding-left: 32px;position: relative;display: block;} .add-row th {font-weight: 400;padding-right: 5px;} .add-row td {font-weight: 400;} @media (max-width: 767px) { .p-detail-inner-header .appendix-wrapper {flex-direction: column;align-items: flex-start;} .add-row {padding-left: 0;} } .flag-set-certifikaci--1 {display: none!important;} .cert__div {margin-top: 15px;} .p-gifts-wrapper {order: -17;} .p-gifts-wrapper .p-gift {position: relative;} .p-gifts-wrapper .p-gift .p-gift-image::after {content: "";width: 32px;height: 32px;position: absolute;left: -10px;top: -10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23DD8E49'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M22.667 16v8.333H9.333V16'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M24.333 11.833H7.667V16h16.666z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M16 24.333v-12.5'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M16 11.833h-3.75c-.553 0-1.082-.22-1.473-.61-.39-.39-.61-.92-.61-1.473s.22-1.082.61-1.473c.39-.39.92-.61 1.473-.61 2.917 0 3.75 4.166 3.75 4.166'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M16 11.833h3.75c.552 0 1.082-.22 1.473-.61.39-.39.61-.92.61-1.473s-.22-1.082-.61-1.473c-.39-.39-.92-.61-1.473-.61-2.917 0-3.75 4.166-3.75 4.166'/%3E%3C/svg%3E");} .p-gifts-wrapper .p-gift-image {width: 55px;height: 55px;position: relative;border-radius: 50%;} .p-gifts-wrapper .p-gift-image img {display: block;max-height: 53px;margin: auto;} .p-gifts-wrapper .p-gifts-heading {display: none;} .p-gifts-wrapper .p-gift-name {overflow: hidden;} .p-gifts-wrapper .p-gift-name a {color: #333333;margin-left: -12px;text-decoration: underline;} .p-gifts-wrapper .p-gift-name a:hover {text-decoration: none;} .p-gifts-wrapper .p-gift-name .gift__heading {display: block;font-size: 16px;color: #666666;} .p-gifts-wrapper .p-gift-name .gift__heading span {color: #DD8E49;font-weight: 600;} .max-effects {margin-bottom: 30px;padding-left: 50px;position: relative;font-size: 14px;} .max-effects strong {display: block;font-weight: bold;color: #333333;font-size: 19px;line-height: 23px;} .max-effects::before {content: "";width: 32px;height: 30px;position: absolute;left: 0;top: 50%;margin-top: -15px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='30' fill='none' viewBox='0 0 32 30'%3E%3Cpath fill='%23005E43' d='M29.5 12.125h-3.633l3.492-4.127c.68.304 1.52.186 2.091-.387.733-.732.733-1.918 0-2.65l-3.536-3.537c-.726-.724-1.908-.74-2.65 0-.565.565-.693 1.402-.386 2.091l-10.175 8.61H2.5c-1.378 0-2.5 1.121-2.5 2.5 0 1.047.652 1.98 1.626 2.337.037 4.652 3.087 8.719 7.499 10.07v1.093C9.125 29.159 9.966 30 11 30h10c1.034 0 1.875-.841 1.875-1.875v-1.092c4.412-1.352 7.461-5.419 7.499-10.071.974-.358 1.626-1.29 1.626-2.337 0-1.379-1.122-2.5-2.5-2.5m-3.353-9.816c.247-.247.64-.243.884 0l3.535 3.535c.241.24.248.636 0 .884-.243.244-.64.244-.883 0l-3.536-3.536c-.243-.244-.243-.64 0-.883m-.477 2.173 2.722 2.723-4.163 4.92h-7.591zm-4.045 23.643c0 .345-.28.625-.625.625H11c-.345 0-.625-.28-.625-.625v-.791q.927.166 1.875.166h7.5c.63 0 1.258-.057 1.875-.166zm.47-2.17c-.763.196-1.551.295-2.345.295h-7.5c-.794 0-1.583-.1-2.344-.295-4.06-1.044-6.918-4.66-7.028-8.836h26.244c-.11 4.176-2.97 7.792-7.028 8.836m7.826-10.158-.016.005c-.134.05-.259.073-.405.073h-27c-.657 0-1.25-.533-1.25-1.25 0-.69.56-1.25 1.25-1.25h27c.689 0 1.25.56 1.25 1.25 0 .53-.333 1-.83 1.172'/%3E%3C/svg%3E");} .why-us-box {padding: 35px;margin-bottom: 65px;border-radius: 20px;background-color: #F0F8EF;padding-right: 52%;background-image: url(../img/why-us-box.png);background-position: bottom 0px right -15px;background-repeat: no-repeat;} .why-us-box ul {margin-bottom: 0;} .why-us-box__title {color: #333333;font-size: 40px;font-weight: bold;margin: 0 0 25px 0;line-height: 48px;} .wrapped-info .detail-parameters .surcharge-price {display: none;} .wrapped-info .surcharge-list label {font-weight: 600!important;font-size: 16px!important;} /* Detail - common description elements */ #tab-content .hed-hidden {display: none;} #tab-content .hed-center {text-align: center;} #tab-content .hed-mt-0 {margin-top: 0 !important;} #tab-content .hed-mb-0 {margin-bottom: 0 !important;} #tab-content .hed-pt-0 {padding-top: 0 !important;} #tab-content .hed-pb-0 {padding-bottom: 0 !important;} #tab-content h3:not(.basic-description>:first-child) {font-size: 33px;line-height: 1.2;margin-block: 16px;} #tab-content .basic-description>:nth-child(2) {margin-top: 0;} #tab-content .hed-more-content:not(.--visible) {display: none;} #tab-content .hed-block {padding: 40px;border-radius: 20px;margin-block: 40px 64px;} #tab-content .hed-block.--light-green {background: #F0F8EF;} #tab-content .hed-row {display: flex;flex-flow: row wrap;column-gap: var(--ji-column-gap);--ji-column-gap: 9px;--ji-columns: 2;} #tab-content .hed-row.--1-1 .hed-row__col {flex: 0 0 calc((100% - (var(--ji-columns) - 1) * var(--ji-column-gap, 0px)) / var(--ji-columns));} #tab-content .hed-row.--1-1 .hed-row__col:nth-child(1) {padding-right: 24px;} #tab-content .hed-tagline {color: #666666;font-weight: 600;} #tab-content h2 + .hed-tagline {margin-top: -16px;} #tab-content h3 + .hed-tagline {margin-top: -4px;} #tab-content .hed-list-title {margin-bottom: 8px;} #tab-content .hed-icon-list {list-style: none;font: unset;color: unset;--he-icon-color: #333333;--he-icon: var(--icon-check-circle);} #tab-content .hed-icon-list.--primary {--he-icon-color: #005E43;} #tab-content .hed-icon-list>li {font: unset;color: unset;position: relative;padding: 0 0 0 32px;margin: 0;} #tab-content .hed-icon-list>li::before {content: "";display: inline-block;width: 24px;height: 24px;mask: var(--he-icon) no-repeat center / contain;background: var(--he-icon-color);position: absolute;left: 0;top: 0;} @media (max-width: 767px) { #tab-content h2 {font-size: 32px;} #tab-content h3:not(.basic-description>:first-child) {font-size: 26px;} #tab-content .hed-block {padding: 32px 20px;} #tab-content .hed-row.--1-1 {display: block;} #tab-content .hed-row.--1-1 .hed-row__col {display: contents;} #tab-content .hed-row.--1-1 .hed-row__col:nth-child(1) {padding-right: 0;} } /* Detail - Bought in package */ #tab-content .hed-inpkg {border-radius: 20px;background:#F6F4F2;padding:64px 0 0;text-align: center;color:#333;margin-bottom: 64px;} #tab-content .hed-inpkg__top {padding-inline: 27px;} #tab-content .hed-inpkg__flags {display: flex;justify-content: center;position: unset;flex-flow: row;margin-bottom: 4px;} #tab-content .hed-inpkg__flags .flag-doprava-zdarma {background-color: #26B08F;} #tab-content .hed-inpkg__title {font-weight: bold;font-size: 40px;line-height: 1.2;} #tab-content .hed-inpkg__btn {display:inline-block;text-align: center;border-radius: 100px;text-transform: uppercase;background:#005E43;color:#fff;font-weight: 600;font-size: 18px;line-height: 1;padding:18px 80px;transition: all .3s ease-out;} #tab-content .hed-inpkg__btn:hover {background-color: #014934;} #tab-content .hed-inpkg__bottom {position: relative;aspect-ratio: 886 / 561;width:100%;} #tab-content .hed-inpkg__image {width:100%;height:100%;object-fit: cover;} #tab-content .hed-inpkg__discount {width:125px;height:125px;border-radius: 50%;position: absolute;left:60%;top:14%;background: #C31D1D;color:#fff;display:flex;flex-direction: column;align-items: center;justify-content: center;} #tab-content .hed-inpkg__discount-label {font-size: 14px;font-weight: 600;line-height: 1.2;margin-bottom: 7px;} #tab-content .hed-inpkg__discount-value {font-weight: 700;font-size: 28px;line-height: 1.2;} /* Detail - reviews */ #tab-content .hed-rating-wrapper {border-radius: 12px;border:1px solid #E6E6E6;padding:24px 32px;display: flex;margin-bottom: 40px;} #tab-content .hed-rating-wrapper:not(:has(#ratingWrapper)) {display: none;} #tab-content .hed-rating-wrapper #ratingWrapper {margin: 0;max-width: unset;} #tab-content .hed-rating-wrapper .rate-list::before {width:66px;height:12px;background-size: auto 100%;background-repeat:no-repeat;} #tab-content .hed-rating-wrapper .rate-form-trigger {margin-top:15px;} #tab-content .hed-rating-wrapper .rate-form-trigger .btn {font-size: 18px;font-weight: 600;line-height: 1;} #tab-content .hed-rating-wrapper .rate-form-trigger .btn::before {margin-top:-2px;} #tab-content .hed-video-reviews {margin-bottom: 40px;} #tab-content .hed-video-review {overflow: hidden;border-radius: 8px;} #tab-content .hed-video-reviews__items.slick-slider {position: relative;} #tab-content .hed-video-reviews__items.slick-slider .slick-list {width:100%;overflow: hidden;position: relative;} #tab-content .hed-video-reviews__items.slick-slider .slick-track {display: flex;} #tab-content .hed-video-reviews__items.slick-slider .hed-video-review {margin:0 5px;flex:unset;display:flex;} #tab-content .hed-video-reviews__items.slick-slider .hed-video-review iframe {height:320px;width:auto;max-width: 100vw;display:block;} #tab-content .hed-video-reviews__items.slick-slider .slick-dots {list-style: none;display: flex !important;margin:0;gap:9px;justify-content: center;margin-top:16px;} #tab-content .hed-video-reviews__items.slick-slider .slick-dots li {display: contents;} #tab-content .hed-video-reviews__items.slick-slider .slick-dots li::before {content:unset;} #tab-content .hed-video-reviews__items.slick-slider .slick-dots button {appearance: none;font-size: 0;line-height: 0;width:10px;height:10px;border-radius: 50%;display: block;border:0;background: #E6E6E6;color:transparent;padding:0;margin:0;} #tab-content .hed-video-reviews__items.slick-slider .slick-dots .slick-active button {background: #005E43;} #tab-content .hed-video-reviews__items.slick-slider .slick-arrow {appearance: none;background-color:rgba(255,255,255,1);border-radius:50%;position:absolute;top:50%;font-size: 0;line-height: 0;border:1px solid #CCCCCC;height:48px;width:48px;line-height: 48px;padding: 0;margin-top:-24px;z-index: 1;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);} #tab-content .hed-video-reviews__items.slick-slider .slick-arrow.slick-disabled {opacity:0.65;filter:grayscale(100%);} #tab-content .hed-video-reviews__items.slick-slider .slick-arrow::before {content: "";margin: auto;display: block;width:48px;height:48px;background-repeat: no-repeat;background-size: 24px;background-position: center;background-image: var(--icon-chevron-down--gray);} #tab-content .hed-video-reviews__items.slick-slider .slick-arrow.slick-prev {left:0;transform:rotate(-180deg);} #tab-content .hed-video-reviews__items.slick-slider .slick-arrow.slick-next {right:0;transform:rotate(0deg);} @media (max-width: 767px) {#tab-content .hed-video-reviews__items.slick-slider .slick-arrow.slick-prev {display: none;}} #tab-content .hed-new-refs .new-refs__items {display: flex;flex-flow:row wrap;} /* Detail - warning block */ #tab-content .hed-warning {display: flex;flex-flow: row wrap;column-gap: 32px;padding: 40px;background: #F6F4F2;border-radius: 12px;margin-block: 64px 80px;} #tab-content .hed-warning::before {content: "";display: inline-block;width: 64px;height: 64px;background: var(--icon-warning) no-repeat center / contain;} #tab-content .hed-warning__inner {flex: 1;} #tab-content .hed-warning__inner>:first-child {margin-top: 0;padding-top: 0;} #tab-content .hed-warning__inner>:last-child {margin-bottom: 0;padding-bottom: 0;} #tab-content .hed-warning__title {text-transform: uppercase;margin-block: 0 16px;font-size: 28px;font-weight: 700;color: #333333;} @media (max-width: 767px) { #tab-content .hed-warning {flex-flow: column;align-items: center;column-gap: 0;row-gap: 24px;padding: 32px 20px;} #tab-content .hed-warning__title {text-align: center;} } /* Detail - lab widget places map */ #tab-content .he-lw-place-map-here {height: 475px;display: flex;align-items: stretch;border-radius: 12px;overflow: hidden;margin-block: 32px 50px;} #tab-content .hed-lw-map {flex: 1;} /* Detail - additional rating */ #tab-content .hed-additional-rating-block {display: none;} #descriptionAfterRating {margin-top:48px;} /* Detail - author block */ #tab-content .author-block {background-image: none;column-gap:20px;} #tab-content .author-block__image {align-self: stretch;display: flex;flex-direction: column;} #tab-content .author-block__image img {height:100%;width:auto;margin-top: auto;max-height: 680px;object-fit: cover;object-position: bottom center;} #tab-content .author-block__quote {font-size: 16px;color:#666666;line-height: 1.7;font-style: italic;margin-bottom: 32px;} #tab-content .author-block__quote::before {content:"„";} #tab-content .author-block__quote::after {content:"“";} #tab-content .author-block__author {font-style: unset;color:#333333;margin-bottom: 32px;display:block;} #tab-content .author-block__author-name {font-size: 19px;line-height: 1.2;font-weight: 700;} @media (max-width: 767px) { #tab-content .author-block__image img {height: initial;} } /* Detail - short description widgets */ /* Detail - bundle contents below short description */ .he-bunco-brief {padding: 0;border: 0;order: 2;margin-top: 0px;container-type:inline-size;margin-bottom: 32px;} .he-bunco-brief__title {font-size: 22px;line-height: 1.4;font-weight: 600;margin-bottom: 8px;} .he-bunco-brief__items {display: grid;grid-template-columns: repeat(min(var(--ji-columns), var(--ji-item-count)), 1fr);column-gap:16px;row-gap:8px;align-items: center;padding: 24px;border: 1px solid #CAC0B1;border-radius: 36px;} .he-bunco-brief__item {background-color: rgba(225, 215, 199, 0.5);border-radius: 20px;position: relative;display: grid;grid-row-end: span 2;grid-template-rows:subgrid;grid-template-columns:auto;text-align: center;gap:4px;padding:16px;justify-content: center;} .he-bunco-brief__item::before {content:"";display: inline-block;width:32px;height:32px;font-size:0;line-height:0;position:absolute;top:calc(50% - 16px);left: var(--ji-icon-left, -24px);z-index: 1;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23F7EEDD' rx='15.5'/%3E%3Crect width='31' height='31' x='.5' y='.5' stroke='%23CAC0B1' rx='15.5'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2344352E' d='M22.75 15.2h-6V8.8c0-.442-.336-.8-.75-.8s-.75.358-.75.8v6.4h-6c-.414 0-.75.358-.75.8s.336.8.75.8h6v6.4c0 .442.336.8.75.8s.75-.358.75-.8v-6.4h6c.414 0 .75-.358.75-.8s-.336-.8-.75-.8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M8.5 8h15v16h-15z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / 100%;} .he-bunco-brief__item:first-child::before {content:unset;} .he-bunco-brief__item.--discount::before {content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Crect width='31' height='31' x='.5' y='.5' fill='%23F7EEDD' rx='15.5'/%3E%3Crect width='31' height='31' x='.5' y='.5' stroke='%23CAC0B1' rx='15.5'/%3E%3Cpath fill='%2344352E' d='M8.96 19.2h14.08a.96.96 0 1 0 0-1.92H8.96a.96.96 0 1 0 0 1.92m0-4.48h14.08a.96.96 0 1 0 0-1.92H8.96a.96.96 0 1 0 0 1.92'/%3E%3C/svg%3E");} .he-bunco-brief__item-image {flex:1;object-fit: cover;} .he-bunco-brief__item img {max-height: 117px;object-fit: contain;} .he-bunco-brief__discount {display: flex;flex-flow: column;justify-content: center;align-items: center;} .he-bunco-brief__discount-label {font-size: 18px;line-height: 1.2;font-weight: 500;margin-bottom: 4px;} .he-bunco-brief__discount-value {font-size: 24px;font-weight: 500;line-height: 1.2;color: #A6282F;} .he-bunco-brief__item-text {text-align: center;line-height: 1.2;display: flex;align-items: center;justify-content: center;font-weight: 500;font-size: 16px;margin-top: 2px;} .he-bunco-brief__item.--discount .he-bunco-brief__item-text {font-size: 14px;} /* remove empty columns */ .he-bunco-brief__items:has(>:nth-child(1)) {--ji-item-count: 1;} .he-bunco-brief__items:has(>:nth-child(2)) {--ji-item-count: 2;} .he-bunco-brief__items:has(>:nth-child(3)) {--ji-item-count: 3;} .he-bunco-brief__items:has(>:nth-child(4)) {--ji-item-count: 4;} .he-bunco-brief__items:has(>:nth-child(5)) {--ji-item-count: 5;} .he-bunco-brief__items:has(>:nth-child(6)) {--ji-item-count: 6;} .he-bunco-brief__items:has(>:nth-child(7)) {--ji-item-count: 7;} .he-bunco-brief__items:has(>:nth-child(8)) {--ji-item-count: 8;} /* 6 columns */ .he-bunco-brief__items {--ji-columns: 6;} .he-bunco-brief__items:has(.he-bunco-brief__item:nth-child(7)) .he-bunco-brief__item:nth-child(6n+1) {--ji-icon-left: -16px;} @container (width < 915px) { /* 5 columns */ .he-bunco-brief__items {--ji-columns: 5;} .he-bunco-brief__items:has(.he-bunco-brief__item:nth-child(7)) .he-bunco-brief__item:nth-child(6n+1) {--ji-icon-left: unset;} .he-bunco-brief__items:has(.he-bunco-brief__item:nth-child(6)) .he-bunco-brief__item:nth-child(5n+1) {--ji-icon-left: -16px;} } @container (width < 800px) { /* 4 columns */ .he-bunco-brief__items {--ji-columns: 4;} .he-bunco-brief__items:has(.he-bunco-brief__item:nth-child(6)) .he-bunco-brief__item:nth-child(5n+1) {--ji-icon-left: unset;} .he-bunco-brief__items:has(.he-bunco-brief__item:nth-child(5)) .he-bunco-brief__item:nth-child(4n+1) {--ji-icon-left: -16px;} } @container (width < 625px) { /* 3 columns */ .he-bunco-brief__items {--ji-columns: 3;} .he-bunco-brief__items:has(.he-bunco-brief__item:nth-child(5)) .he-bunco-brief__item:nth-child(4n+1) {--ji-icon-left: unset;} .he-bunco-brief__items:has(.he-bunco-brief__item:nth-child(4)) .he-bunco-brief__item:nth-child(3n+1) {--ji-icon-left: -16px;} } @container (width < 500px) { /* 2 columns */ .he-bunco-brief__items {--ji-columns: 2;} .he-bunco-brief__items:has(.he-bunco-brief__item:nth-child(4)) .he-bunco-brief__item:nth-child(3n+1) {--ji-icon-left: unset;} .he-bunco-brief__items:has(.he-bunco-brief__item:nth-child(3)) .he-bunco-brief__item:nth-child(2n+1) {--ji-icon-left: -16px;} /*.he-bunco-brief__item.--discount {grid-column-end: span min(1 + var(--ji-columns) - mod(var(--ji-item-count), var(--ji-columns)), var(--ji-columns));}*/ } @media (max-width: 767px) { /*.he-bunco-brief__item.--discount {grid-column: span var(--he-mobile-span, 1);}*/ } @media (max-width: 479px) { .he-bunco-brief__discount {margin-block: 23px;} } .flag.flag-kniha-do-mailu-zdarma {max-width: initial;position: absolute;right: 70px;top: 0;font-size: 0;background-color: transparent!important;width: 134px;height: 261px;background-image: url(../img/priznak-kniha.png);} .flag.flag-darek-v-balicku::before {content: "";width: 16px;height: 16px;margin-right: 5px;display: inline-block;vertical-align: middle;position: relative;top: -2px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M3 2.5C3 1.12 4.12 0 5.5 0S8 1.12 8 2.5C8 1.12 9.12 0 10.5 0S13 1.12 13 2.5v.006c0 .07 0 .27-.038.494H15c.552 0 1 .448 1 1v1c0 .552-.448 1-1 1H1c-.552 0-1-.448-1-1V4c0-.552.448-1 1-1h2.038C3 2.776 3 2.575 3 2.506zm1.068.5H7v-.5C7 1.672 6.328 1 5.5 1S4 1.672 4 2.5c0 .085.002.274.045.43q.011.043.023.07M9 3h2.932q.011-.027.023-.07c.043-.156.045-.345.045-.43 0-.828-.672-1.5-1.5-1.5S9 1.672 9 2.5z'/%3E%3Cpath fill='%23fff' d='M15 7v7.5c0 .828-.672 1.5-1.5 1.5H9V7z'/%3E%3Cpath fill='%23fff' d='M2.5 16c-.828 0-1.5-.672-1.5-1.5V7h6v9z'/%3E%3C/svg%3E");} .bonuses-block {margin-bottom: 60px;display: flex;flex-flow: row wrap;} .bonuses-block h2 {text-align: center;margin-bottom: 50px;width: 100%;} .bonuses-block .bonuses-block__item {width: 50%;display: flex;} .bonuses-block .bonuses-block__item .bonuses-block__item-image {flex: 0 0 150px;padding-right: 30px;} .href-arrow {text-decoration: underline;display: flex;align-items: center;margin: 20px 0;font-weight: bold!important;} .href-arrow::after {content: "";width: 16px;height: 17px;flex: 0 0 16px;margin-left: 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath stroke='%234B8741' stroke-linecap='round' stroke-linejoin='round' d='m4 6.5 4 4 4-4'/%3E%3C/svg%3E");} .product-preview {margin-bottom: 60px;display: flex;flex-flow: row wrap;align-items: center;padding: 30px 0;overflow: hidden;background-color: #E1D7C780;border-radius: 20px;} .product-preview>div {width: 50%;} .product-preview>div.product-preview__text {position: relative;z-index: 1;padding-right: 100px;} .product-preview>div.product-preview__image img {transform: scale(1.25);margin-left: -20px;} @media (max-width: 767px) { .product-preview>div {width: 100%;} .product-preview>div.product-preview__text {padding: 15px!important;} .product-preview>div.product-preview__image img {transform: scale(1);margin-left: auto;margin-right: auto;} .product-preview>div.product-preview__image {order: 2;padding-top: 20px;} } .after-block {max-width: 940px;margin: auto;padding: 64px 0;} @media (min-width: 768px) { .author-block {padding-left: 0;} } .author-block {padding: 20px 20px 0 20px;margin-bottom: 60px;display: flex;background-color: #F0F8EF;border-radius: 20px;background-size: cover;background-repeat: no-repeat;background-image: url(../img/icons/deco-author-block.svg);} .author-block>div {width: 50%;} .author-block>div.author-block__image {align-self: flex-end;} .author-block>div.author-block__text {padding-top: 60px;padding-bottom: 40px;} .author-block .btn.btn-secondary::after {content: "";width: 16px;height: 16px;flex: 0 0 16px;margin-left: 12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23494038' stroke-linecap='round' stroke-linejoin='round' d='m6 12 4-4-4-4'/%3E%3C/svg%3E");} .icons-flow {display: flex;justify-content: space-between;flex-flow: row wrap;padding: 45px 0;} .icons-flow .icons-flow__item {position: relative;text-align: center;padding: 40px 20px;margin-bottom: 10px;border: 1px solid #E6E6E6;width: 24%;border-radius: 12px;} .icons-flow .icons-flow__item:not(:last-of-type)::after {content: "";position: relative;z-index: 1;position: absolute;top: 70px;right: -35px;width: 73px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='16' fill='none' viewBox='0 0 73 16'%3E%3Cpath fill='%23999' d='M72.707 8.707c.39-.39.39-1.024 0-1.414L66.343.929c-.39-.39-1.023-.39-1.414 0-.39.39-.39 1.024 0 1.414L70.586 8l-5.657 5.657c-.39.39-.39 1.024 0 1.414s1.024.39 1.414 0zM0 9h72V7H0z'/%3E%3C/svg%3E");} .icons-flow .icons-flow__item span {display: block;text-align: center;margin-top: 24px;} .icons-flow .icons-flow__item .icons-flow__icon {text-align: center;} /* Update */ .new-refs {display: flex;flex-flow: row wrap;width: calc(100% + 10px);margin-left: -5px;margin-right: 5px;} .new-refs .new-refs__stars-top {width: 100%;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;color: #666666;text-decoration: underline;} .new-refs .new-refs__stars-top:hover {text-decoration: none;} .new-refs .new-refs__stars-top::before {content: "";flex: 0 0 108px;width: 108px;height: 20px;margin-right: 14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='20' fill='none' viewBox='0 0 108 20'%3E%3Cpath fill='%23EBBB10' d='m10 0 2.821 6.117 6.69.793-4.946 4.573 1.313 6.607L10 14.8l-5.878 3.29 1.313-6.607L.489 6.91l6.69-.793z'/%3E%3Cpath fill='%23EBBB10' d='m32 0 2.821 6.117 6.69.793-4.946 4.573 1.313 6.607L32 14.8l-5.878 3.29 1.313-6.607-4.946-4.573 6.69-.793z'/%3E%3Cpath fill='%23EBBB10' d='m54 0 2.821 6.117 6.69.793-4.946 4.573 1.313 6.607L54 14.8l-5.878 3.29 1.313-6.607-4.946-4.573 6.69-.793z'/%3E%3Cpath fill='%23EBBB10' d='m76 0 2.821 6.117 6.69.793-4.946 4.573 1.313 6.607L76 14.8l-5.878 3.29 1.313-6.607-4.946-4.573 6.69-.793z'/%3E%3Cpath fill='%23EBBB10' d='m98 0 2.821 6.117 6.69.793-4.946 4.573 1.313 6.607L98 14.8l-5.878 3.29 1.313-6.607-4.946-4.573 6.69-.793z'/%3E%3C/svg%3E");} .new-refs.--top {padding: 30px 0;border-top: 1px solid #E6E6E6;margin-top: 40px;display: block;margin-left: unset;margin-right:unset;width:unset;} .new-refs.--top .new-refs__items {display: flex;flex-flow: row wrap;gap:10px;} .new-refs.--top .new-refs__item {flex:1;} .new-refs:not(.--top) h2 {font-size: 40px;} .new-refs h2 {width: 100%;text-align: center;font-weight: bold;font-size: 23px;margin: 0 0 15px 0;} .new-refs .anchor-link {display: flex;width: 100%;align-items: center;text-decoration: underline;justify-content: center;font-weight: bold;font-size: 16px;margin-top: 30px;} .new-refs .anchor-link:hover {text-decoration: none;} .new-refs .anchor-link::after {content: "";flex: 0 0 16px;width: 16px;height: 17px;margin-left: 12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath fill='%234B8741' fill-rule='evenodd' d='M10.51 3.856 15.154 8.5l-4.644 4.644-.754-.755 3.356-3.356H1.066V7.967h12.046L9.756 4.61z' clip-rule='evenodd'/%3E%3C/svg%3E");} @media (max-width: 767px) { .new-refs.--top {display: none;} } .new-refs__item {width: calc(25% - 10px);padding-bottom: 20px;margin: 5px;border: 1px solid #E6E6E6;border-radius: 8px;overflow: hidden;} .new-refs__item p {width: 100%;padding: 0 16px;font-style: italic;color: #666666;font-size: 14px;} .new-refs__item .new-refs__image {display: block;position: relative;} .new-refs__item .new-refs__image.--video::before {content: "";width: 40px;height: 40px;position: absolute;bottom: 16px;left: 12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23D70821' d='M40 20c0 11.046-8.954 20-20 20S0 31.046 0 20 8.954 0 20 0s20 8.954 20 20m-23.023-7.267c-.381-.272-.883-.309-1.299-.095-.416.215-.678.644-.678 1.112v12.5c0 .468.262.897.678 1.111.416.215.918.178 1.299-.094l8.75-6.25c.328-.235.523-.613.523-1.017s-.195-.782-.523-1.017z'/%3E%3C/svg%3E");} .new-refs__item .new-refs__stars {margin: 20px 16px 15px 16px;width: 87px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='87' height='16' fill='none' viewBox='0 0 87 16'%3E%3Cpath fill='%23EBBB10' d='m8 0 2.257 4.893 5.352.635-3.957 3.659 1.05 5.285L8 11.84l-4.702 2.632 1.05-5.285-3.956-3.66 5.35-.634z'/%3E%3Cpath fill='%23EBBB10' d='m25.6 0 2.257 4.893 5.351.635-3.956 3.659 1.05 5.285L25.6 11.84l-4.703 2.632 1.05-5.285-3.956-3.66 5.352-.634z'/%3E%3Cpath fill='%23EBBB10' d='m43.201 0 2.257 4.893 5.352.635-3.957 3.659 1.05 5.285-4.702-2.632-4.702 2.632 1.05-5.285-3.956-3.66 5.351-.634z'/%3E%3Cpath fill='%23EBBB10' d='m60.799 0 2.257 4.893 5.351.635-3.956 3.659 1.05 5.285L60.8 11.84l-4.703 2.632 1.05-5.285-3.956-3.66 5.352-.634z'/%3E%3Cpath fill='%23EBBB10' d='m78.4 0 2.257 4.893 5.352.635-3.957 3.659 1.05 5.285L78.4 11.84l-4.702 2.632 1.05-5.285-3.956-3.66 5.351-.634z'/%3E%3C/svg%3E");} .new-refs__item .new-refs__name {width: 100%;padding: 0 16px;font-weight: 600;font-size: 14px;color: #333333;} .new-refs__item .new-refs__subname {width: 100%;padding: 0 16px;font-size: 14px;color: #666666;} .new-refs__items.slick-slider .slick-list {margin-inline: -5px;width:100%;overflow: hidden;} .new-refs__items.slick-slider .slick-track {display: flex;} .new-refs__items.slick-slider .new-refs__item {margin:0 5px;flex:unset;} .new-refs__items.slick-slider {position: relative;} .new-refs__items.slick-slider .slick-arrow {appearance: none;background-color:rgba(255,255,255,1);border-radius:50%;position:absolute;top:50%;font-size: 0;line-height: 0;border:1px solid #CCCCCC;height:48px;width:48px;line-height: 48px;padding: 0;margin-top:-24px;z-index: 1;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);} .new-refs__items.slick-slider .slick-arrow.slick-disabled {opacity:0.65;filter:grayscale(100%);} .new-refs__items.slick-slider .slick-arrow::before {content: "";margin: auto;display: block;width:48px;height:48px;background-repeat: no-repeat;background-size: 24px;background-position: center;background-image: var(--icon-chevron-down--gray);} .new-refs__items.slick-slider .slick-arrow.slick-prev {left:0;transform:rotate(-180deg);} .new-refs__items.slick-slider .slick-arrow.slick-next {right:0;transform:rotate(0deg);} @media (max-width: 767px) { .new-refs__items.slick-slider .slick-arrow.slick-prev {display: none!important;} } /* ProductWidgets */ .he-product-widget {margin-bottom: 35px;} .he-product-widget:not(.--ready) {display: none;} .he-product-widget.--single {display: flex;justify-content: center;} .he-product-widget.--single .he-product-widget__products.products-block.products {display: contents;} .he-product-widget.--single .he-product-widget__products.products-block.products .product {width: 100%;max-width: 300px;padding: 0 !important;} .he-product-widget__products.products-block.products.slick-slider {display: block;position: relative;border: 0;--ji-arrow-offset: -47px} .he-product-widget__products.products-block.products.slick-slider>div {width: unset;} .he-product-widget__products.products-block.products.slick-slider .slick-list {padding: 0;overflow: hidden;border: 0;} .he-product-widget__products.products-block.products.slick-slider .slick-track {display: flex;border: 0;align-items: stretch;} .he-product-widget__products.products-block.products.slick-slider .product {padding: 2px !important;} .he-product-widget__products.products-block.products {margin-left: -4px;margin-right: -4px;} .he-product-widget__products.products-block.products .product {padding: 4px !important;width: 33.333%;} .he-product-widget__products.products-block.products .product .p {height: auto;} /*.he-product-widget__products.products-block.products.slick-slider .slick-arrow {appearance: none;position:absolute;top:50%;font-size: 0;line-height: 0;border:1px solid #CCCCCC;padding: 0;margin-top:-32px;z-index: 1;background: unset;border: 0;display: inline-flex;} .he-product-widget__products.products-block.products.slick-slider .slick-arrow.slick-disabled {opacity:0.45;filter:grayscale(100%);} .he-product-widget__products.products-block.products.slick-slider .slick-arrow::before {content: "";display: inline-block;width: 32px;height: 32px;background: var(--icon-chevron-down--gray) no-repeat center / contain;} .he-product-widget__products.products-block.products.slick-slider .slick-prev {left:var(--ji-arrow-offset);transform:rotate(-180deg);} .he-product-widget__products.products-block.products.slick-slider .slick-next {right:var(--ji-arrow-offset);transform:rotate(0deg);} .he-product-widget__products.products-block.products.slick-slider .slick-dots {list-style: none;display: block;margin: 10px 0 0 0;padding: 0;text-align: center;} .he-product-widget__products.products-block.products.slick-slider .slick-dots>li {padding: 0;margin: 0 3px;display: inline-block;} .he-product-widget__products.products-block.products.slick-slider .slick-dots>li::before {content: unset;} .he-product-widget__products.products-block.products.slick-slider .slick-dots button {font-size: 0;line-height: 0;appearance: none;display: inline-block;border-radius: 50%;border: 0;background: #E6E6E6;cursor: pointer;width: 10px;height: 10px;padding: 0;outline: none;} .he-product-widget__products.products-block.products.slick-slider .slick-dots .slick-active button {background: var(--color-primary);}*/ .he-product-widget__products.products-block.products.slick-slider .he-product-widget__caption-before {margin-top: -10px;} .he-product-widget__products.products-block.products.slick-slider .he-product-widget__caption-after {margin-bottom: -10px;} .he-product-widget .he-product-widget__caption-before {padding-inline: 8px;padding-bottom: 12px;text-align: center;display: block;} .he-product-widget .he-product-widget__caption-after {padding-inline: 8px;padding-top: 12px;text-align: center;display: block;} @media (max-width: 1199px) { /*.he-product-widget__products.products-block.products.slick-slider {--ji-arrow-offset: -10px;}*/ } @media (max-width: 767px) { /*.he-product-widget__products.products-block.products.slick-slider {--ji-arrow-offset: -5px;}*/ .he-product-widget__products.products-block.products.slick-slider .product {padding: 5px !important;} .he-product-widget__products.products-block.products .product {padding: 5px !important;width: 50%;} } @media (max-width: 479px) { .he-product-widget.--single .he-product-widget__products.products-block.products .product {max-width: 350px;} } /* Account */ .ji-account-title.--widget {font-size: 34px;font-weight: 600;line-height: unset;margin-bottom: 8px;} .ji-account-form {--ji-label-width: 168px;--ji-label-gap: 16px;} .ji-account-form.--page {margin-bottom: 56px;} .ji-account-form.--register {margin-bottom: 36px;} .ji-account-form.--widget {--ji-label-width: 74px;} .ji-account-form__row {display: flex;flex-flow: row wrap;column-gap: 36px;align-items: start;row-gap: 24px;} .ji-account-form__row a {text-decoration: underline;} .ji-account-form__row a:hover {text-decoration: none;} .ji-account-form__row form {padding: 24px;background: #FEF9F0;border: 1px solid #E1D7C7;border-radius: 24px;flex: 1;overflow: hidden;} .ji-account-form__row .form-group {display: flex;flex-flow: row wrap;align-items: baseline;column-gap: var(--ji-label-gap);margin-bottom: 16px;} .ji-account-form__row .form-group::before {content: unset;} .ji-account-form__row .form-group::after {content: unset;} .ji-account-form__row .form-group>label:not(.whole-width) {max-width: var(--ji-label-width);flex: 0 0 100%;padding: 0;} .ji-account-form__row .form-group.ji-account-form__footer {flex: 0 0 100%;display: flex;flex-flow: column;} .ji-account-form__row .form-group.ji-account-form__footer .login-wrapper {display: contents;} .ji-account-form__row .form-group.ji-account-form__footer .password-helper {padding-left: calc(var(--ji-label-width) + var(--ji-label-gap));order: -1;width: 100%;} .ji-account-form__row .form-group>input.form-control {flex: 1;max-width: unset;} .ji-account-form__row .input-wrapper {display: contents;} .ji-account-form__row .input-wrapper>input.form-control {flex: 1;max-width: unset;} .ji-account-form__row .js-validator-msg {display: block;flex: 0 0 100%;padding-left: calc(var(--ji-label-width) + var(--ji-label-gap));} .ji-account-form__row .form-group .btn-primary {width: 100%;margin-top: 24px;} .ji-account-form__row .stay-in-touch .form-group {margin-top: 24px;} .ji-account-form__row .consents {margin-bottom: 0;margin-top: 16px;} .ji-account-form__row label.whole-width {padding-right: 0;margin-right: 0;} .ji-account-form__row .form-group.submit-wrapper {margin-bottom: 0;} .ji-account-form__row .submit-wrapper p {display: contents;} .ji-account-form__row .co-box {display: contents;} .ji-account-form__row fieldset {display: contents;} .ji-account-form__row fieldset>h4 {display: none;} .ji-account-block {width: 340px;background: rgba(225, 215, 199, 0.5);border-radius: 16px;padding: 16px;} .ji-account-block__title {display: flex;flex-flow: row wrap;align-items: center;font-size: 24px;line-height: 1.6;column-gap: 16px;margin: 0 0 16px;} .ji-account-block__title::before {content: "";display: inline-block;width: 87px;height: 63px;background: url(../img/account-block.svg) no-repeat center / contain;} .ji-account-block__title span {flex: 1;} .ji-account-block__desc {line-height: 1.6;} .ji-account-block__benefits {padding: 0;padding-left: 22px;list-style: none;display: flex;flex-flow: column;row-gap: 12px;} .ji-account-block__benefits li {position: relative;} .ji-account-block__benefits li::before {content: "";display: inline-block;width: 16px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2344352E' d='M5.408 11.796a20 20 0 0 1-1.225-1.555 9 9 0 0 1-.873-1.46c-.153-.313-.22-.628.11-.832.947-.581 1.14-.026 1.655.619a36 36 0 0 1 1.037 1.41c.27.38.597-.306.728-.5.466-.688 1.676-2.372 2.176-2.994.475-.59 2.007-2.246 2.293-2.51.243-.223.756-.715 1.102-.444.362.285.54.827.285 1.18-.444.612-1.142 1.196-1.625 1.78-.977 1.182-1.902 2.456-2.79 3.724-.301.431-.725 1.153-.988 1.621-.492.875-.924 1.041-1.885-.039'/%3E%3C/svg%3E") no-repeat center / contain;position: absolute;top: 0;left: -22px;} .ji-account-block__footer {padding-top: 16px;margin-top: 16px;border-top: 1px solid #CAC0B1;display: flex;flex-flow: row wrap;align-items: center;column-gap: 24px;} .ji-account-block__footer p {margin: 0;} .ji-account-block__footer .btn {text-decoration: none;margin-left: auto;} .ji-account-block.--login .ji-account-block__footer .btn {width: 100%;} .ji-registration-content h2 {font-size: 28px;margin-block: 36px 8px;} .ji-registration-content ul {margin-bottom: 36px;} .customer-page .sidebar li:has(a[href="/klient/klientske-proforma-faktury/"]){display: none;} .customer-page .sidebar li:has(a[href="/klient/klientske-dobropisy/"]){display: none;} .customer-page .sidebar li:has(a[href="/klient/dodaci-listy-klienta/"]){display: none;} .customer-page .sidebar li:has(a[href="/klient/dodacie-listy-klienta/"]){display: none;} .customer-page .sidebar li:has(a[href="/klient/klient-diskuze/"]){display: none;} .customer-page .sidebar li:has(a[href="/klient/klient-diskusia/"]){display: none;} .id--4 .content-inner {max-width: 920px;} .id--8 .content-inner {max-width: 920px;} .id--8 .instagram-block {padding-top: 40px;} @media (max-width: 991px) { .ji-account-block {flex: 0 0 100%;width: unset;} } @media (max-width: 575px) { .ji-account-form__row .form-group>label:not(.whole-width) {max-width: unset;} .ji-account-form__row .form-group.ji-account-form__footer .password-helper {padding-left: 0;} .ji-account-form__row .js-validator-msg {padding-left: 0;} } /* Contact */ .content-inner:has(.ji-contact-page-header) {max-width: 1220px;} .ji-contact-page-header {display: flex;flex-flow: row wrap;} .ji-contact-page-header__left {flex: 1;} .ji-contact-card {background: rgba(225, 215, 199, 0.5);border-radius: 16px;padding: 16px;} .ji-contact-card.--wide {display: flex;flex-flow: row wrap;align-items: center;row-gap: 8px;column-gap: 16px;} .ji-contact-card__header {display: flex;flex-flow: row wrap;align-items: center;gap: 16px;margin-bottom: 8px;} .ji-contact-card.--wide .ji-contact-card__header {margin-bottom: 0;} .ji-contact-card__image {width: 64px;height: 64px;position: relative;} .ji-contact-card__image::before {content: "";display: block;width: 64px;height: 64px;background: url(../img/people/jana-circle-128.png) no-repeat center / contain;border-radius: 50%;border: 1px solid #E1D7C7;} .ji-contact-card.--on .ji-contact-card__image::after {content: "";display: block;width: 13px;height: 13px;border-radius: 100%;background: #719D54;position: absolute;bottom: 2px;right: 2px;} .ji-contact-card__top-right {flex: 1;} .ji-contact-card__title {font-weight: 600;font-size: 24px;} .ji-contact-card__subtitle {font-size: 14px;color: #71635A;} .ji-contact-card__items {margin-left: 80px;display: flex;flex-flow: row wrap;column-gap: 24px;padding-right: 20px;row-gap: 8px;} .ji-contact-card.--vertical .ji-contact-card__items {padding-right: 0;} a.ji-contact-card__item {text-decoration: none;} a.ji-contact-card__item:hover {text-decoration: none;background: unset;} .ji-contact-card__item.--phone {--ji-icon: url(../img/icons/contact-card-phone.svg);} .ji-contact-card__item.--email {--ji-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%2344352E' d='M16.5 2.25h-15c-.827 0-1.5.673-1.5 1.5v10.5c0 .827.673 1.5 1.5 1.5h15c.827 0 1.5-.673 1.5-1.5V3.75c0-.827-.673-1.5-1.5-1.5M1.5 3h15c.055 0 .104.02.156.032a2011 2011 0 0 1-7.112 6.485c-.118.106-.308.233-.544.233s-.426-.127-.545-.233a2027 2027 0 0 1-7.111-6.485C1.396 3.02 1.444 3 1.5 3M.75 14.25V3.75c0-.073.022-.14.042-.207.994.91 3.998 3.658 5.947 5.43C4.797 10.64 1.79 13.49.789 14.445.773 14.382.75 14.32.75 14.25M16.5 15h-15c-.06 0-.113-.02-.17-.034 1.036-.987 4.06-3.853 5.968-5.485l.655.593c.31.279.671.426 1.047.426s.738-.147 1.046-.426c.18-.161.407-.367.656-.593 1.908 1.632 4.931 4.498 5.967 5.485-.056.013-.109.034-.169.034m.75-.75c0 .07-.022.132-.04.195-1.002-.955-4.007-3.804-5.949-5.472 1.949-1.772 4.953-4.52 5.947-5.43.02.067.042.133.042.207z'/%3E%3C/svg%3E");} .ji-contact-card__item-in {display: flex;flex-flow: row wrap;align-items: center;} .ji-contact-card__item-in::before {content: "";display: inline-block;width: 18px;height: 18px;background: var(--ji-icon) no-repeat center / contain;margin-right: 6px;} .ji-contact-card__item span {display: block;font-size: 18px;font-weight: 600;flex: 1;text-decoration: underline;} .ji-contact-card__item:hover span {text-decoration: none;} .ji-contact-card__item-suffix {flex: 0 0 100%;font-size: 14px;color: #71635A;margin-top: 4px;padding: 0;} .ji-contact-hr {margin-block: 48px;border: 0;height: 0;border-top: 1px solid #E2D5BC;} .ji-contact-row {display: flex;flex-flow: row wrap;column-gap: var(--ji-column-gap);--ji-column-gap: 0px;--ji-columns: 2;} .ji-contact-row.--wide-gap {--ji-column-gap: 36px;} .ji-contact-row.--narrow-gap {--ji-column-gap: 10px;} .ji-contact-col {flex: 0 0 calc((100% - (var(--ji-columns) - 1) * var(--ji-column-gap, 0px)) / var(--ji-columns));} .ji-contact-col>:last-child {margin-bottom: 0;} .ji-contact-h2 {font-size: 24px;font-weight: 600;margin-bottom: 16px;margin-top: 0;} .ji-contact-form-wrap {background: #FEF9F0;border: 1px solid #E1D7C7;border-radius: 24px;padding: 24px;} .ji-contact-form-wrap>p {display: none;} .ji-contact-form-wrap fieldset {display: flex;flex-flow: row wrap;} .ji-contact-form-wrap .form-group {margin-bottom: 16px;} .ji-contact-form-wrap .form-group:not(.consents,.submit-wrapper) {flex: 0 0 100%;display: flex;flex-flow: row wrap;column-gap: 16px;align-items: start;} .ji-contact-form-wrap .form-group:not(.consents,.submit-wrapper)::before {content: unset;} .ji-contact-form-wrap .form-group:not(.consents,.submit-wrapper)::after {content: unset;} .ji-contact-form-wrap .form-group:not(.consents,.submit-wrapper) label {flex: 1;padding: 12px 0 0;} .ji-contact-form-wrap .form-group:not(.consents,.submit-wrapper) .form-control {flex: 2;width: unset;max-width: 360px;} .ji-contact-form-wrap .consents {flex: 1;align-self: center;max-width: 320px;margin-right: 16px;} .ji-contact-form-wrap .submit-wrapper {flex: unset;width: unset;min-width: unset;align-self: center;margin-left: auto;} .ji-contact-faq-header {display: flex;flex-flow: row wrap;align-items: baseline;margin-bottom: 16px;row-gap: 16px;} .ji-contact-faq-header .ji-contact-h2 {margin-bottom: 0;} a.ji-contact-faq-header__more-link {margin-left: auto;text-decoration: underline;} a.ji-contact-faq-header__more-link:hover {text-decoration: none;} .ji-faq__item {margin-bottom: 16px;background: #FEF9F0;border: 1px solid #E1D7C7;border-radius: 24px;padding: 16px 24px;} .ji-faq__item:last-child {margin-bottom: 0;} .ji-faq__item-title {font-size: 18px;font-weight: 600;cursor: pointer;display: flex;flex-flow: row;justify-content: space-between;align-items: center;} .ji-faq__item[open] .ji-faq__item-title {padding-bottom: 16px;border-bottom: 1px solid #E2D5BC;margin-bottom: 16px;} .ji-faq__item-title::after {content: "";display: inline-block;width: 24px;height: 13px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='13' fill='none' viewBox='0 0 24 13'%3E%3Cpath fill='%23877A70' d='M12 13c-.279 0-.558-.106-.771-.317L.319 1.849a1.077 1.077 0 0 1 0-1.532 1.096 1.096 0 0 1 1.543 0L12 10.385 22.138.317a1.096 1.096 0 0 1 1.542 0 1.08 1.08 0 0 1 0 1.532L12.771 12.683A1.1 1.1 0 0 1 12 13'/%3E%3C/svg%3E") no-repeat center / contain;} .ji-faq__item[open] .ji-faq__item-title::after {transform: rotate(180deg);} .ji-contact-address {font-style: normal;} @media (min-width: 768px) { .ji-empty-cart .ji-contact-card__items {margin-left: 0;flex-flow: nowrap;} .ji-empty-cart .ji-contact-card.--wide {flex-flow: nowrap;} .ji-empty-cart .ji-contact-card__item span {white-space: nowrap;} } @media (max-width: 991px) { .ji-contact-row {flex-flow: column;} .ji-contact-row.--wide-gap {row-gap: 48px;} .ji-contact-row.--narrow-gap {row-gap: 24px;} } @media (max-width: 479px) { .ji-contact-form-wrap .form-group:not(.consents,.submit-wrapper) label {flex: 0 0 100%;} } /* Store Rating */ .stars {--ji-size: 12px;--ji-gap: 1px;} :is(.id--51 #ratingWrapper .rate-star-wrap, .id--51 #ratingsList, .ji-thx-upsell__product-rating) .stars {display: inline-flex;gap: var(--ji-gap);width: unset;height: unset;max-width: unset;max-height: unset;} :is(.id--51 #ratingWrapper .rate-star-wrap, .id--51 #ratingsList, .ji-thx-upsell__product-rating) .stars .star {width: unset;height: unset;line-height: unset;} :is(.id--51 #ratingWrapper .rate-star-wrap, .id--51 #ratingsList, .ji-thx-upsell__product-rating) .stars .star::before {font-size: var(--ji-size);line-height: 1;position: unset;width: unset;height: unset;} .ji-rating-page-header {display: flex;flex-flow: row wrap;align-items: center;justify-content: space-between;margin-bottom: 48px;row-gap: 16px;} .ji-rating-page-header h1 {margin-bottom: 0;} .ji-rating-page-badge {display: flex;flex-flow: row wrap;max-width: max-content;align-items: center;gap: 16px;} .ji-rating-page-badge::before {content: "";display: inline-block;width: 62px;height: 62px;background: var(--ji-icon) no-repeat center / contain;} .ji-rating-page-badge.--heureka::before {--ji-icon: url(https://im9.cz/ms/shopdetail/img/logo-verified-by-customers-gold--cs.svg);} .ji-rating-page-badge h4 {font-weight: 700;font-size: 30px;margin: 0;color: #5A4C44;} .ji-rating-page-badge a {line-height: 1.2;display: block;margin: 0;text-decoration: underline;} .ji-rating-page-badge a:hover {text-decoration: none;} .id--51 #ratingWrapper {padding: 16px;background: rgba(225, 215, 199, 0.5);border: 1px solid #CAC0B1;border-radius: 16px;max-width: unset;width: unset;display: block;} .id--51 #ratingWrapper .rate-wrap {display: flex;flex-flow: row wrap;gap: 36px;align-items: center;margin: 0;} .id--51 #ratingWrapper .rate-wrap::before {content: unset;} .id--51 #ratingWrapper .rate-wrap::after {content: unset;} .id--51 #ratingWrapper .rate-wrap>:nth-child(1) {width: unset;padding: 0;} .id--51 #ratingWrapper .rate-wrap>:nth-child(2) {flex: 1;width: unset;padding: 0;} .id--51 #ratingWrapper .rate-average {font-size: 48px;font-weight: 700;line-height: 1.2;} .id--51 #ratingWrapper .rate-star-wrap .stars {--ji-size: 20px;--ji-gap: 2px;margin: 0;} .id--51 #ratingWrapper .stars-label {font-size: 16px;text-decoration: underline;margin-top: 8px;} .id--51 #ratingWrapper .stars-label:hover {text-decoration: underline;} .id--51 #ratingWrapper .add-comment .btn {padding-block: 8px;min-height: 44px;} .id--51 #ratingWrapper .add-comment .btn::before {content: "";display: inline-block;width: 16px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F7EEDD' d='M15.2 7.2H8.8V.8a.8.8 0 0 0-1.6 0v6.4H.8a.8.8 0 0 0 0 1.6h6.4v6.4a.8.8 0 0 0 1.6 0V8.8h6.4a.8.8 0 0 0 0-1.6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;position: relative;top: 3px;margin-right: 8px;} .ji-rating-page-block {display: flex;flex-flow: row wrap;background: url(../img/rating-page-block-bg.svg) rgba(225, 215, 199, 0.5) no-repeat right 33%;border-radius: 16px;padding-inline: 36px;column-gap: 20px;margin-top: 24px;} .ji-rating-page-block::before {content: "";background: url(../img/people/jana-transparent-240.webp) no-repeat left bottom / contain;display: block;width: 113px;align-self: stretch;} .ji-rating-page-block__in {flex: 1;padding-block: 16px;} .ji-rating-page-block__title {font-weight: 700;font-size: 16px;} .ji-rating-page-block__subtitle {color: #5A4C44;font-size: 14px;margin-bottom: 6px;} .ji-rating-page-block__in p {margin-block: 0 6px;} .ji-rating-page-block__in p:last-child {margin-bottom: 0;} .id--51 #ratingsList {margin-top: 48px;max-width: unset;} .id--51 #ratingsList .vote-content {font-style: italic;} .id--51 #ratingsList .vote-content::before {content: "„";} .id--51 #ratingsList .vote-content::after {content: "“";} .id--51 #ratingsList>.vote-wrap {margin-block: 0 24px;padding-block: 0 24px;border: 0;border-bottom: 1px solid #CAC0B1;} .id--51 #ratingsList>.vote-wrap:last-child {margin-bottom: 0;} .id--51 #ratingsList .vote-wrap .stars {--ji-size: 20px;--ji-gap: 2px;} .id--51 #ratingsList .vote-content {font-size: 16px;margin: 16px 0 0 0;} .id--51 #ratingsList .vote-header {margin: 16px 0 0 0;} .id--51 #ratingsList .vote-name {font-size: 16px;font-weight: 700;} .id--51 #ratingsList .vote-rating {color: unset;} .id--51 #ratingsList .vote-pic {display: none;} .id--51 #ratingsList .vote-delimeter {display: none;} .id--51 #ratingsList .vote-time {font: unset;color: unset;font-size: 14px;} .id--51 #ratingsList .--verifed {font-weight: 700;font-size: 16px;padding: 6px 8px 6px 26px;background-color: #E1D7C7;border-radius: 40px;white-space: nowrap;position: relative;} .id--51 #ratingsList .--verifed::before {content: "";width: 18px;height: 18px;position: absolute;left: 4px;top: 5px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%2344352E' d='m17.6 7.866-1.224-1.421c-.234-.27-.423-.774-.423-1.134V3.78c0-.953-.783-1.736-1.737-1.736h-1.53c-.35 0-.864-.19-1.134-.423L10.13.398c-.62-.53-1.638-.53-2.268 0L6.449 1.631c-.27.225-.783.414-1.134.414H3.758c-.954 0-1.737.783-1.737 1.736V5.32c0 .35-.19.855-.414 1.125L.392 7.875c-.523.621-.523 1.629 0 2.25l1.215 1.43c.225.27.414.774.414 1.125v1.539c0 .954.783 1.736 1.737 1.736h1.557c.35 0 .864.19 1.134.423l1.422 1.224c.621.53 1.638.53 2.268 0l1.422-1.224c.27-.234.774-.423 1.134-.423h1.53c.954 0 1.738-.783 1.738-1.736v-1.53c0-.35.188-.864.423-1.134l1.224-1.421c.522-.621.522-1.647-.01-2.268M12.74 7.3l-4.347 4.346c-.126.126-.297.198-.477.198s-.351-.072-.477-.198L5.261 9.468C5 9.207 5 8.775 5.26 8.514c.26-.26.693-.26.954 0l1.701 1.7 3.87-3.868c.261-.261.693-.261.954 0 .261.26.261.692 0 .953'/%3E%3C/svg%3E");} @media (max-width: 767px) { .ji-rating-page-header {margin-bottom: 32px;} .ji-rating-page-block {padding-inline: 16px 24px;column-gap: 16px;} .ji-rating-page-block::before {max-width: 33%;} } /* Blog Detail */ .type-post .content-inner {max-width: 992px;} .ji-article-header {display: flex;flex-flow: row wrap;--ji-gap: 36px;margin-bottom: 48px;} .ji-article-header__text {flex: 1;padding-right: var(--ji-gap);} .ji-article-header time {margin-block: 20px 16px;font: unset;color: unset;} .ji-article-header h1 {margin-block: 16px;font-size: 36px;font-weight: 400;line-height: unset;} .ji-article-header__image {flex: 0 0 calc(50% - var(--ji-gap) / 2);position: relative;} .ji-article-header__image img {position: absolute;inset: unset;display: block;border-radius: 24px;object-fit: cover;width: 100%;height: 100%;} .news-item-detail p {margin-bottom: 16px;} .news-item-detail h2 {font-weight: 600;font-size: 28px;margin-block: 48px 16px;color: unset;} .news-item-detail h2>b {font: unset;} .news-item-detail h3 {font-weight: 600;font-size: 18px;margin-block: 16px 8px;color: unset;} .news-item-detail h3>b {font: unset;} .news-item-detail a:hover {text-decoration: none;} .news-item-detail hr {border: 0;border-top: 1px solid #E2D5BC;margin-block: 48px;display: block;} /*.news-item-detail img {border-radius: 50%;}*/ .news-item-detail ul {margin-block: 16px;padding-left: 24px;} .news-item-detail li {margin-bottom: 16px;} .news-item-detail li::marker {font-size: 9px;} .ji-article-toc {padding: 24px;background: rgba(225, 215, 199, 0.5) url(../img/article-toc-bg.svg) no-repeat right 55%;border-radius: 24px;} .ji-article-toc__title {font-size: 20px;font-weight: 600;line-height: 1.4;} .ji-article-toc ul {margin-block: 0;padding-left: 24px;} .ji-article-toc li {margin-top: 8px;margin-bottom: 0;} .ji-article-toc li::marker {font-size: 9px;} .ji-article-meta {display: none;} .ji-code-widget {display: flex;flex-flow: row wrap;align-items: center;padding: 16px;border-radius: 16px;background: rgba(225, 215, 199, 0.5);gap: 8px;} .ji-code-widget__text {flex: 1;} .ji-code-widget__title {font-weight: 700;margin-bottom: 4px;} .ji-code-widget__code {letter-spacing: 0.2em;} .ji-code-widget__copy-btn {display: inline-flex;padding: 2px;margin: 0;background: unset;border: 0;cursor: pointer;vertical-align: middle;position: relative;top: -1px;} .ji-code-widget__copy-btn::before {content: "";display: inline-block;width: 16px;height: 16px;background: var(--icon-copy) no-repeat center / contain;} .ji-code-widget__desc {margin-top: 4px;} .ji-code-widget__flag {display: flex;flex-flow: column;justify-content: center;align-items: center;text-align: center;border-radius: 500px;background: #A6282F;width: 70px;height: 70px;overflow: hidden;color: #fff;padding-top: 4px;} .ji-code-widget__flag-label {font-size: 13px;line-height: 1;} .ji-code-widget__flag-discount {line-height: 1.2;margin-top: -2px;} .ji-code-widget__flag-discount strong {font-weight: 500;font-size: 24px;} .ji-code-widget__flag-discount span {font-weight: 500;font-size: 19px;} .ji-art-row {display: grid;grid-template-columns: 1fr 1fr;width: unset;border: 0;align-items: center;gap: 24px;margin-block: 48px;} .ji-art-row>tbody {display: contents;} .ji-art-row>tbody>tr {display: contents;} .ji-art-row>tbody>tr>td {display: block;} .ji-art-row>tbody>tr>td>:first-child {margin-top: 0;} .ji-art-row>tbody>tr>td>:last-child {margin-bottom: 0;} .ji-art-row .he-product-widget {margin-bottom: 0;} .ji-art-tinted-block {background: rgba(225, 215, 199, 0.5) none right 0%;border-radius: 24px;padding: 24px;margin-block: 48px;} .ji-art-tinted-block.--green {background-image: url(../img/tinted-block-bg--green.svg);background-color: rgba(71, 94, 56, 0.15);} .ji-art-tinted-block>:first-child {margin-top: 0;} .ji-art-tinted-block>:last-child {margin-bottom: 0;} .ji-art-hstack {display: flex;align-items: center;--ji-gap: 0px;row-gap: var(--ji-row-gap, var(--ji-gap));column-gap: var(--ji-row-gap, var(--ji-gap));flex-flow: row wrap;} .--gap-1 {--ji-gap: 4px;} .--gap-2 {--ji-gap: 8px;} .--gap-3 {--ji-gap: 12px;} .--gap-4 {--ji-gap: 16px;} .--gap-5 {--ji-gap: 24px;} .--gap-6 {--ji-gap: 32px;} .--row-gap-1 {--ji-row-gap: 4px;} .--row-gap-2 {--ji-row-gap: 8px;} .--row-gap-3 {--ji-row-gap: 12px;} .--row-gap-4 {--ji-row-gap: 16px;} .--row-gap-5 {--ji-row-gap: 24px;} .--row-gap-6 {--ji-row-gap: 32px;} .--col-gap-1 {--ji-col-gap: 4px;} .--col-gap-2 {--ji-col-gap: 8px;} .--col-gap-3 {--ji-col-gap: 12px;} .--col-gap-4 {--ji-col-gap: 16px;} .--col-gap-5 {--ji-col-gap: 24px;} .--col-gap-6 {--ji-col-gap: 32px;} .ji-author-block {padding: 24px;background: rgba(225, 215, 199, 0.5);border-radius: 24px;display: flex;gap: 16px;flex-flow: row wrap;} .ji-author-block__image {border-radius: 500px;flex: 0 0 84px;width: 84px;height: 84px;} .ji-author-block__text {flex: 1;} .ji-author-block__position {color: #5A4C44;font-size: 14px;font-weight: 600;line-height: 140%;margin-bottom: 2px;} .ji-author-block__name {font-weight: 600;font-size: 20px;line-height: 1.4;} a.ji-author-block__name {text-decoration-thickness: 1px;text-underline-offset: 7px;} .ji-author-block__about {margin-top: 4px;} @media (max-width: 767px) { .ji-art-row {display: flex;flex-flow: column;} .ji-art-row>tbody>tr>td:has(img,.he-product-widget) {order: 1;} .ji-article-header__image {flex: 0 0 100%;margin-top: 20px;} .ji-article-header__image img {position: static;} } /* Account */ #content .mehub-bonus-profile-container .card {background: rgba(225, 215, 199, 0.5);border-radius: 16px;padding: 16px;font: unset;} #content .mehub-bonus-profile-container .card-title {border-bottom: 0;padding: 0;margin: 0;margin-bottom: 8px;font: unset;font-weight: 700;font-size: 18px;} #content .mehub-bonus-profile-container .card-title:last-child {margin-bottom: 0;} #content .mehub-bonus-profile-container .card-text {margin: 0;padding: 0;font: unset !important;} #content .mehub-bonus-profile-container .referral-info {font: unset;margin: 0;} #content .mehub-bonus-profile-container .btn {padding: 12px 16px;} /* Icons */ :root { --icon-cart-widget-empty: url(../img/icons/icon-cart-widget-empty.svg); --icon-cart-widget-delete: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none' viewBox='0 0 35 35'%3E%3Cpath fill='%239E9286' d='M11.658 22.97a.78.78 0 0 1 0-1.104l10.208-10.21a.78.78 0 1 1 1.105 1.106L12.762 22.97a.78.78 0 0 1-1.104 0'/%3E%3Cpath fill='%239E9286' d='M21.866 22.97 11.658 12.763a.781.781 0 1 1 1.104-1.105l10.21 10.209a.781.781 0 0 1-1.106 1.105Z'/%3E%3C/svg%3E"); --icon-search-whisperer-empty: url(../img/icons/icon-search-whisperer-empty.svg); --icon-search-whisperer-bg: url(../img/icons/icon-search-whisperer-bg.svg); --icon-btn-chevron-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' fill='none' viewBox='0 0 9 16'%3E%3Cpath fill='%23F7EEDD' d='M9 8a.7.7 0 0 1-.22.514l-7.5 7.273a.766.766 0 0 1-1.06 0 .71.71 0 0 1 0-1.029L7.19 8 .22 1.241a.71.71 0 0 1 0-1.028.766.766 0 0 1 1.06 0l7.5 7.273c.147.142.22.328.22.514'/%3E%3C/svg%3E"); --icon-btn-chevron-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' fill='none' viewBox='0 0 9 16'%3E%3Cpath fill='%23F7EEDD' d='M0 8c0-.186.073-.372.22-.514L7.72.213a.766.766 0 0 1 1.06 0 .71.71 0 0 1 0 1.028L1.81 8l6.97 6.759a.71.71 0 0 1 0 1.028.766.766 0 0 1-1.06 0L.22 8.514A.7.7 0 0 1 0 8'/%3E%3C/svg%3E"); --icon-btn-cart: url(../img/icons/icon-btn-cart.svg); --icon-btn-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F7EEDD' d='m15.817 7.558-3.267-3.25c-.244-.243-.64-.243-.884.002-.243.245-.242.64.003.884l2.192 2.182H.625C.28 7.375 0 7.655 0 8s.28.625.625.625h13.236l-2.192 2.182c-.245.243-.246.64-.003.884.244.245.64.245.884.002l3.266-3.25c.245-.245.245-.642 0-.885'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .125h16v15.75H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); --icon-p-in-stock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23417335' d='M6 1C3.25 1 1 3.25 1 6s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5m2.1 4.15-2.4 2.4c-.2.2-.5.2-.7 0l-1.1-1.1c-.2-.2-.2-.5 0-.7s.5-.2.7 0l.75.75L7.4 4.45c.2-.2.5-.2.7 0s.2.5 0 .7'/%3E%3C/svg%3E"); --icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2344352E' d='M11.5 0h-6c-1.058 0-2 .97-2 2l-.578.014C1.864 2.014 1 2.97 1 4v10c0 1.03.942 2 2 2h7.5c1.058 0 2-.97 2-2h.5c1.058 0 2-.97 2-2V4.012zm-1 15H3c-.525 0-1-.49-1-1V4c0-.51.428-.983.953-.983L3.5 3v9c0 1.03.942 2 2 2h6c0 .51-.475 1-1 1m3.5-3c0 .51-.475 1-1 1H5.5c-.525 0-1-.49-1-1V2c0-.51.475-1 1-1h5c-.008 1.152 0 2.013 0 2.013 0 1.039.935 1.987 2 1.987H14zm-1.5-8c-.533 0-1-.967-1-1.486v-1.5L14 4zm-1 3.009H7a.5.5 0 1 0 0 .999h4.5a.5.5 0 1 0 0-.999m0 2.498H7a.5.5 0 1 0 0 .998h4.5a.5.5 0 1 0 0-.998'/%3E%3C/svg%3E"); --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none'%3E%3Cpath fill='%2344352E' d='M11.658 22.97a.78.78 0 0 1 0-1.104l10.208-10.21a.78.78 0 1 1 1.105 1.106L12.762 22.97a.78.78 0 0 1-1.104 0'/%3E%3Cpath fill='%2344352E' d='M21.866 22.97 11.658 12.763a.781.781 0 1 1 1.104-1.105l10.21 10.209a.781.781 0 0 1-1.106 1.105Z'/%3E%3C/svg%3E"); --icon-cart-empty: url(../img/icons/icon-cart-empty.svg); --icon-calendar--red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23A6282F' d='M13 3.602c0-.897-.42-1.692-1.054-2.156A2.22 2.22 0 0 0 10.616 1h-.591v1.584c0 .332-.243.603-.552.603-.304 0-.552-.271-.552-.603V1H4.079v1.584c0 .332-.248.603-.552.603-.309 0-.552-.271-.552-.603V1h-.59c-.657 0-1.253.29-1.684.765A2.7 2.7 0 0 0 0 3.602V4h13zM2.385 14h4.962a5.7 5.7 0 0 1-.662-2.691c0-2.974 2.214-5.388 4.935-5.388.48 0 .944.072 1.38.21V5H0v6.405C0 12.838 1.07 14 2.385 14'/%3E%3Cpath fill='%23A6282F' d='M11.997 7a4 4 0 1 0 .004 8.002A4 4 0 0 0 11.997 7m1.135 4.579h-1.135a.58.58 0 0 1-.576-.576V9.816c0-.316.26-.576.576-.576.323 0 .576.26.576.576v.61h.559a.578.578 0 0 1 0 1.152Z'/%3E%3C/svg%3E"); --icon-check-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%235a4c44' d='M8 0C3.589 0 0 3.589 0 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8m4.471 5.895-5.113 5.072a.785.785 0 0 1-1.102.02L3.549 8.522a.813.813 0 0 1-.06-1.123c.3-.32.802-.34 1.123-.04l2.145 1.965 4.571-4.571a.8.8 0 0 1 1.143 0 .8.8 0 0 1 0 1.143'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); --icon-pay-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%2344352e' stroke-width='1.4' d='M3 3h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath fill='%23000' d='M1 6h14Z'/%3E%3Cpath stroke='%2344352e' stroke-width='1.4' d='M1 6h14'/%3E%3C/svg%3E"); --icon-pay-apple: url(../img/icons/icon-pay-apple.svg); --icon-pay-google: url(../img/icons/icon-pay-google.svg); --icon-review-user: url(../img/icons/icon-review-user.svg); --icon-pharmacy-drmax: url(../img/icons/icon-pharmacy-drmax.svg); --icon-pharmacy-pilulka: url(../img/icons/icon-pharmacy-pilulka.svg); --icon-pharmacy-mojelekarna: url(../img/icons/icon-pharmacy-mojelekarna.svg); --icon-chevron-down--dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' fill='none' viewBox='0 0 16 9'%3E%3Cpath fill='%2344352e' d='M8 8.667a.73.73 0 0 1-.514-.212L.213 1.233a.72.72 0 0 1 0-1.021.73.73 0 0 1 1.029 0L8 6.923 14.759.212a.73.73 0 0 1 1.028 0 .72.72 0 0 1 0 1.02L8.514 8.456A.73.73 0 0 1 8 8.667'/%3E%3C/svg%3E"); --icon-compare-yes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23005e43' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m3.5 9.003 4 4 7.5-7.8'/%3E%3C/svg%3E"); --icon-compare-no: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%2394887d' stroke-linecap='round' stroke-width='2' d='m5 5 4 4m0 0 4 4M9 9l4-4M9 9l-4 4'/%3E%3C/svg%3E"); --icon-chevron-down--faq: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='13' fill='none' viewBox='0 0 24 13'%3E%3Cpath fill='%23877A70' d='M12 13c-.279 0-.558-.106-.771-.317L.319 1.849a1.077 1.077 0 0 1 0-1.532 1.096 1.096 0 0 1 1.543 0L12 10.385 22.138.317a1.096 1.096 0 0 1 1.542 0 1.08 1.08 0 0 1 0 1.532L12.771 12.683A1.1 1.1 0 0 1 12 13'/%3E%3C/svg%3E"); --icon-modal-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2344352e' stroke-linecap='round' stroke-width='1.8' d='m5 5 5 5m0 0 5 5m-5-5 5-5m-5 5-5 5'/%3E%3C/svg%3E"); --icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none' viewBox='0 0 15 14'%3E%3Cpath fill='%23ebbb10' d='m7.082 0 2.101 4.555 4.982.59-3.683 3.406.977 4.92-4.377-2.45-4.377 2.45.978-4.92L0 5.146l4.981-.591z'/%3E%3C/svg%3E"); --icon-verified: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' fill='none' viewBox='0 0 19 18'%3E%3Cpath fill='%2344352E' d='m18.1 7.866-1.224-1.421c-.234-.27-.423-.774-.423-1.134V3.78c0-.953-.783-1.736-1.737-1.736h-1.53c-.35 0-.864-.19-1.134-.423L10.63.398c-.62-.53-1.638-.53-2.268 0L6.949 1.631c-.27.225-.783.414-1.134.414H4.258c-.954 0-1.737.783-1.737 1.736V5.32c0 .35-.19.855-.414 1.125L.892 7.875c-.523.621-.523 1.629 0 2.25l1.215 1.43c.225.27.414.774.414 1.125v1.539c0 .954.783 1.736 1.737 1.736h1.557c.35 0 .864.19 1.134.423l1.422 1.224c.621.53 1.638.53 2.268 0l1.422-1.224c.27-.234.774-.423 1.134-.423h1.53c.954 0 1.737-.783 1.737-1.736v-1.53c0-.35.19-.864.424-1.134l1.224-1.421c.522-.621.522-1.647-.01-2.268M13.24 7.3l-4.347 4.346c-.126.126-.297.198-.477.198s-.351-.072-.477-.198L5.761 9.468c-.261-.261-.261-.693 0-.954.26-.26.693-.26.954 0l1.701 1.7 3.87-3.868c.261-.261.693-.261.954 0 .261.26.261.692 0 .953'/%3E%3C/svg%3E"); --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2344352e' d='m23.727 22.407-5.858-5.857a10.05 10.05 0 0 0 2.334-6.448C20.203 4.532 15.67 0 10.1 0S0 4.532 0 10.102s4.531 10.1 10.101 10.1c2.45 0 4.698-.877 6.449-2.333l5.857 5.858a.93.93 0 0 0 1.32 0 .933.933 0 0 0 0-1.32M1.867 10.102c0-4.541 3.693-8.236 8.234-8.236s8.235 3.695 8.235 8.236c0 4.54-3.694 8.234-8.235 8.234s-8.235-3.694-8.235-8.234'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }