*, ::before, ::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; min-height: 100vh; direction: ltr; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr[title] { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: 500; } code, kbd, samp, pre { font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } button, :where(input:not([type=range])), optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: inherit; } button, select { text-transform: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='date']::-webkit-datetime-edit-fields-wrapper { padding: 0; } [type='date']::-webkit-date-and-time-value { text-align: left; height: 1.5em; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; border: 0; } legend { padding: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { --muted-alpha: .4; color: rgba(var(--base-color), var(--muted-alpha, .6)); opacity: 1; } button, [role="button"] { cursor: pointer; } svg, img, video, canvas, audio, iframe, embed, object { display: inline-block; vertical-align: middle; } svg, img, video { max-width: 100%; height: auto; } .responsive > iframe, .responsive > embed, .responsive > object { max-width: 100%; } .aspect-video > iframe, .aspect-video > embed, .aspect-video > object { aspect-ratio: 16/9; height: auto; width: 100%; } [hidden] { display: none; } input, button, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type=checkbox], [type=radio] { padding: 0; margin: 0; display: inline-block; vertical-align: middle; background-origin: border-box; flex-shrink: 0; min-width: 0; height: 1rem; width: 1rem; color: rgba(var(--checkbox-color), var(--checkbox-alpha, 1)); } [type=image] { padding: 0; border: 0; width: auto; max-width: 100%; vertical-align: middle; } [type=range] { --brand-alpha: 0.9; margin: 0; padding: 0; width: 100%; height: 1rem; background-color: transparent; appearance: none; } [type=range]::-webkit-slider-runnable-track { width: 100%; height: 0.25rem; color: transparent; cursor: pointer; background-color: rgba(var(--base-color), var(--divider-alpha, .1)); border-color: transparent; border-radius: 9999px; } [type=range]::-moz-range-track { width: 100%; height: 0.25rem; color: transparent; cursor: pointer; background-color: rgba(var(--base-color), var(--divider-alpha, .1)); border-color: transparent; border-radius: 9999px; } [type=range]::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.375rem; background-color: rgba(var(--brand-color), var(--brand-alpha, 1)); border: 0; border-radius: 9999px; -webkit-appearance: none; appearance: none; } [type=range]::-moz-range-thumb { width: 1rem; height: 1rem; margin-top: -0.375rem; background-color: rgba(var(--brand-color), var(--brand-alpha, 1)); border: 0; border-radius: 9999px; appearance: none; } button, input[type='submit'], input[type='reset'], input[type='button'] { --spinner-size: 1.25rem; --spinner-border-color: var(--button-color); } select:not([multiple]) { padding-right: 2.5rem; } select::-ms-expand { display: none; } select[multiple] { overflow-y: auto; } [type=checkbox] { border-radius: 0; } [type=radio] { border-radius: 100%; } [type=checkbox]:focus-visible, [type=radio]:focus-visible { box-shadow: 0 0 0 2px rgb(var(--base-bg)), 0 0 0 4px rgb(var(--checkbox-color)); } [type=file] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } .breeze-carousel .products-grid { position: relative; } .breeze [data-appearance='carousel'], .breeze .products-grid.slick-initialized { position: relative; display: grid; } .breeze [data-appearance='carousel'][data-show-dots="true"], .breeze .products-grid.slick-initialized[data-show-dots="true"] { padding-bottom: 55px; } .breeze [data-appearance='carousel'] .slick-list, .breeze .products-grid.slick-initialized .slick-list, .breeze [data-appearance='carousel'] > .product-items, .breeze .products-grid.slick-initialized > .product-items { margin-top: -15px; padding-top: 15px; margin-bottom: -15px; padding-bottom: 15px; display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: none; -ms-overflow-style: none; scrollbar-width: none; } .breeze [data-appearance='carousel'] .slick-list::-webkit-scrollbar, .breeze .products-grid.slick-initialized .slick-list::-webkit-scrollbar, .breeze [data-appearance='carousel'] > .product-items::-webkit-scrollbar, .breeze .products-grid.slick-initialized > .product-items::-webkit-scrollbar { display: none; } .breeze [data-appearance='carousel'] li.product-item, .breeze .products-grid.slick-initialized li.product-item { flex-shrink: 0; } .breeze [data-content-type='products'][data-appearance='carousel'] li.product-item { display: inline-block; visibility: visible; } .breeze #notice-cookie-block:not([style]) { display: none; } .loading-mask.early-event-spinner { --base-bg-alpha: .3; border-radius: 3px; pointer-events: none; position: absolute !important; inset: auto; } .loading-mask.early-event-spinner .loader { max-width: 16px; max-height: 16px; } .breeze-gallery { display: flex; flex-direction: column; } .breeze-gallery .prev, .breeze-gallery .next, .breeze-gallery .controls a, .breeze-gallery .close { color: rgba(var(--base-color, 119, 119, 119), .6); } .breeze-gallery .prev:hover, .breeze-gallery .next:hover, .breeze-gallery .controls a:hover, .breeze-gallery .close:hover { color: rgba(var(--base-color, 119, 119, 119), 1); } .breeze-gallery .prev svg, .breeze-gallery .next svg, .breeze-gallery .controls a svg, .breeze-gallery .close svg { width: 24px; height: 24px; vertical-align: top; } .breeze-gallery .prev, .breeze-gallery .next, .breeze-gallery .close, .breeze-gallery .controls { position: absolute; z-index: 20; } .breeze-gallery .controls { visibility: hidden; left: 3px; top: 3px; display: flex; flex-direction: column; gap: 3px; } .breeze-gallery .controls a { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: rgba(var(--base-bg, 255, 255, 255), .6); } .breeze-gallery .video .controls { display: none; } .breeze-gallery .close { display: none; } .breeze-gallery .prev, .breeze-gallery .next { display: flex; align-items: center; justify-content: center; left: 0; top: 50%; width: 40px; height: 80px; margin-top: -40px; background: rgba(var(--muted-bg, 255, 255, 255), .6); z-index: 11; transition: all 150ms ease-in; } @media (hover: hover) { .breeze-gallery .prev, .breeze-gallery .next { visibility: hidden; opacity: 0; } .breeze-gallery .prev:hover, .breeze-gallery .next:hover { opacity: 1; } } .breeze-gallery .next { left: auto; right: 0; } @media (hover: hover) { .breeze-gallery .stage:hover .prev, .breeze-gallery .stage:hover .next { visibility: visible; opacity: .8; } } .breeze-gallery img { vertical-align: top; height: auto; max-height: none; } .breeze-gallery .item { position: relative; flex-shrink: 0; } .breeze-gallery .stage.video .main-image-wrapper::before, .breeze-gallery .item.video::before { content: ''; z-index: 10; position: absolute; pointer-events: none; left: 50%; top: 50%; border: 10px solid transparent; border-left: 16px solid #fff; margin-top: -10px; margin-left: -8px; filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2)); transition: transform 100ms ease-in-out; } .breeze-gallery .stage { display: flex; justify-content: center; align-items: center; position: relative; overflow: visible !important; } .breeze-gallery .stage > div:first-child, .breeze-gallery .stage .main-image-wrapper, .breeze-gallery .stage .main-image-wrapper > picture { position: relative; cursor: zoom-in; display: flex; width: 100%; justify-content: center; align-items: flex-start; } .breeze-gallery .stage .video-wrapper { position: absolute !important; z-index: 10; top: 0; right: 0; left: 0; bottom: 0; align-items: center !important; } .breeze-gallery .stage .video-wrapper + div { opacity: 0; } .breeze-gallery .stage.video .main-image-wrapper { cursor: pointer; } .breeze-gallery .stage.video .main-image-wrapper::before { transform: scale(1.3); pointer-events: all; } .breeze-gallery .stage.video .main-image-wrapper:hover::before { transform: scale(1.3) translateX(2px); } .breeze-gallery .thumbnails { display: flex; flex-grow: 0; flex-shrink: 0; gap: 5px; margin: 5px 0 0; overflow: auto; scroll-behavior: smooth; padding-bottom: 12px; } .breeze-gallery .thumbnails::-webkit-scrollbar { width: 6px; height: 6px; } .breeze-gallery .thumbnails::-webkit-scrollbar-track { background-color: rgb(var(--scrollbar-bg, 230, 230, 230)); border-radius: 10px; } .breeze-gallery .thumbnails::-webkit-scrollbar-thumb { background-color: rgb(var(--scrollbar-color, 200, 200, 200)); border-radius: 10px; } .breeze-gallery .thumbnails.hidden { display: none; } .breeze-gallery .thumbnails img { filter: contrast(95%); } .breeze-gallery .thumbnails .item { background: rgba(var(--muted-bg, 244, 244, 244)); } .breeze-gallery .thumbnails .item:focus { outline: none; } .breeze-gallery .thumbnails .item::after { content: ''; position: absolute; pointer-events: none; inset: 0; } .breeze-gallery .thumbnails .item:focus::after, .breeze-gallery .thumbnails .item.active::after { box-shadow: inset 0 0 0 2px rgba(var(--brand-color), var(--brand-alpha, 1)); } .breeze-gallery:not(.opened) .thumbnails.dots { gap: 10px; justify-content: center; overflow: visible; z-index: 101; margin: 16px 0 0; } .breeze-gallery:not(.opened) .thumbnails.dots img { display: none; } .breeze-gallery:not(.opened) .thumbnails.dots .item { background: transparent; width: 12px; height: 12px; } .breeze-gallery:not(.opened) .thumbnails.dots .item::after { background: #e6e6e6; inset: 0; } .breeze-gallery:not(.opened) .thumbnails.dots .item, .breeze-gallery:not(.opened) .thumbnails.dots .item::after { border-radius: 9999px; } .breeze-gallery:not(.opened) .thumbnails.dots .item.active::after, .breeze-gallery:not(.opened) .thumbnails.dots .item:focus::after { background: rgba(var(--brand-color), var(--brand-alpha, 1)); } .breeze-gallery.expanded:not(.opened) .stage, .breeze-gallery.expanded:not(.opened) .thumbnails { display: none; } .breeze-gallery.expanded.opened .images { display: none; } .breeze-gallery .images { --gallery-columns-count: 2; --gallery-columns-gap: 10px; display: flex; position: relative; gap: var(--gallery-columns-gap); overflow: auto; scroll-snap-type: x mandatory; scroll-snap-stop: always; } .breeze-gallery .images .item { max-width: 100%; scroll-snap-align: center; text-align: center; cursor: zoom-in; } lite-youtube { background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; max-width: 720px; } /* gradient */ lite-youtube::before { content: ''; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); } /* responsive iframe with a 16:9 aspect ratio thanks https://css-tricks.com/responsive-iframes/ */ lite-youtube::after { content: ""; display: block; padding-bottom: calc(56.25%); } lite-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; } /* play button */ lite-youtube > .lty-playbtn { display: block; /* Make the button element cover the whole area for a large hover/click target&hellip; */ width: 100%; height: 100%; /* &hellip;but visually it's still the same size */ background: no-repeat center / 68px 48px; /* YT's actual play button svg */ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>'); position: absolute; cursor: pointer; z-index: 1; filter: grayscale(100%); transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1); border: 0; } lite-youtube:hover > .lty-playbtn, lite-youtube .lty-playbtn:focus { filter: none; } /* Post-click styles */ lite-youtube.lyt-activated { cursor: unset; } lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn { opacity: 0; pointer-events: none; } .lyt-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .jarallax-container video, .jarallax-container iframe { opacity: 0; transition: 80ms opacity ease-in; } .jarallax-container video[style*="translate3d"], .jarallax-container iframe[style*="translate3d"] { opacity: 1; } .block.filter range-slider { width: 100%; } range-slider { --thumb-width: 16px; --thumb-height: var(--thumb-width); --thumb-mobile-width: calc(var(--thumb-width) * var(--thumb-mobile-scale)); --thumb-mobile-height: calc(var(--thumb-height) * var(--thumb-mobile-scale)); --thumb-border: 1px solid #fff; --thumb-border-radius: 999px; --thumb-bg: 10 89 254; --thumb-mobile-scale: 1.4; --track-height: 4px; --track-border-radius: var(--thumb-border-radius); --track-bg: 234 234 234; position: relative; display: inline-block; } range-slider input { margin: 0; width: 100%; -webkit-appearance: none; } range-slider input:focus { outline: 0; } range-slider::before, range-slider input::-webkit-slider-runnable-track { background: rgb(var(--track-bg)); height: var(--track-height); border-radius: var(--track-border-radius); } range-slider input::-webkit-slider-thumb { -webkit-appearance: none; cursor: pointer; background: rgba(var(--thumb-bg) / .9); border: var(--thumb-border); border-radius: var(--thumb-border-radius); height: var(--thumb-height); width: var(--thumb-width); margin-top: calc(var(--track-height) / 2 - var(--thumb-height) / 2); transition: box-shadow 200ms ease-out; } @media (pointer: coarse) { range-slider input::-webkit-slider-thumb { --thumb-height: var(--thumb-mobile-height); --thumb-width: var(--thumb-mobile-width); } } range-slider input:focus::-webkit-slider-thumb, range-slider input:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(var(--thumb-bg) / .2); } range-slider input::-moz-range-thumb { -webkit-appearance: none; cursor: pointer; background: rgba(var(--thumb-bg) / .9); border: var(--thumb-border); border-radius: var(--thumb-border-radius); height: var(--thumb-height); width: var(--thumb-width); margin-top: calc(var(--track-height) / 2 - var(--thumb-height) / 2); transition: box-shadow 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } range-slider input:focus::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(var(--thumb-bg) / .2); } range-slider .filler { opacity: 0; visibility: hidden; pointer-events: none; } range-slider .range { position: absolute; left: 0; top: 50%; height: 0 !important; overflow: visible; } range-slider .range::-webkit-slider-thumb { position: relative; z-index: 2; } range-slider .range:first-child::-webkit-slider-thumb { z-index: 3; } @-moz-document url-prefix() { range-slider .range::-moz-range-track { background: transparent !important; } range-slider::before { content: ''; width: 100%; position: absolute; top: calc(50% - var(--track-height) / 2); } range-slider .range { top: calc(50% + 20px); } range-slider .range::-moz-range-thumb { transform: translateY(-20px); } } :root { --animation-slide-in: slideIn 600ms cubic-bezier(0, 0, 0.3, 1) forwards; } @media (prefers-reduced-motion: no-preference) { .js #html-body.scroll-reveal-enabled .scroll-reveal { opacity: .01; visibility: hidden; will-change: opacity, transform, visibility; } .js #html-body.scroll-reveal-enabled .scroll-reveal.reveal-slide-in { transform: translateY(2rem); } .js #html-body.scroll-reveal-enabled .scroll-reveal.reveal-ready { visibility: visible; animation: var(--animation, var(--animation-slide-in)); animation-delay: calc(var(--animation-order) * 75ms); } /* Fixed unclickable elements in Safari 18 */ @supports (font: -apple-system-body) and (-webkit-appearance: none) { .js #html-body.scroll-reveal-enabled .scroll-reveal { visibility: visible; } } } .scroll-reveal-finished { opacity: 1 !important; visibility: visible !important; animation: none !important; transform: none !important; will-change: unset !important; } @keyframes slideIn { from { transform: translateY(2rem); opacity: .01; } to { transform: translateY(0); opacity: 1; } } .breeze div[data-content-type='slider'] { visibility: visible; } .breeze div[data-content-type='slider'] [data-content-type='slide'] + [data-content-type='slide'] { height: initial; min-height: inherit; } .breeze div[data-content-type='slider'] { display: flex; position: relative; overflow-x: auto; } .breeze div[data-content-type='slider'] [data-content-type='slide'] { width: 100%; flex: none; scroll-snap-align: center; } .breeze .pagebuilder-slider, .breeze .slick-list { -ms-overflow-style: none; scrollbar-width: none; } .breeze .pagebuilder-slider::-webkit-scrollbar, .breeze .slick-list::-webkit-scrollbar { display: none; } .breeze .slick-list { display: flex; width: 100%; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; } .breeze .slick-list:focus-visible { outline-offset: -4px; } .breeze .slick-list > div { flex-shrink: 0; } .breeze .slick-dots { position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%); } .breeze .slick-dots li { z-index: 5; } .breeze .slick-initialized .action.skip { position: absolute; z-index: 50; top: 4px; left: 4px; padding: 5px; height: auto; background: #fff; } .breeze .slick-initialized .anchor.skip { position: absolute; bottom: 0; } @media (min-width: 1024px) { .breeze div[data-content-type='slider'].containered { opacity: 0; transition: 180ms opacity ease-in-out; } .breeze div[data-content-type='slider'].containered.slick-initialized { opacity: 1; } .breeze div[data-content-type='slider'].containered .slick-list { gap: 5px; } .breeze div[data-content-type='slider'].containered .slick-list::before, .breeze div[data-content-type='slider'].containered .slick-list::after { content: ''; width: 1000px; flex-shrink: 0; } .breeze div[data-content-type='slider'].containered:not(.slick-initialized) { gap: 5px; scroll-snap-type: x mandatory; } .breeze div[data-content-type='slider'].containered:not(.slick-initialized)::before { content: ''; width: 1000px; flex-shrink: 0; } .breeze div[data-content-type='slider'].containered [data-content-type='slide'], .breeze div[data-content-type='slider'].containered .slick-dots { max-width: var(--container-max-width, 1240px); } } .askit-questions .toolbar .pages { display: none; } .askit-questions .toolbar ~ .toolbar .toolbar-amount, .askit-questions .toolbar ~ .toolbar .limiter { display: none; } .askit-questions .toolbar ~ .toolbar .pages { display: block; margin: 0 auto; } [role=tabpanel] .askit-questions .toolbar ~ .toolbar { margin-bottom: 0; } .askit-item-avatar { height: 50px; width: 50px; } .no-avatar .askit-item-avatar { display: none; } .askit-item { position: relative; border: 1px solid rgba(0, 0, 0, 0.05); padding-top: 15px; padding-right: 15px; padding-bottom: 0; padding-left: 80px; margin: 0 0 2rem; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); } .no-avatar .askit-item { padding-left: 15px; } .askit-item-avatar { position: absolute; top: 15px; left: 15px; } .askit-item-status { display: inline-block; background: #ffce3c; border-radius: 3px; color: #212529; padding: 0 5px; } .askit-item-timestamp::before { content: '('; } .askit-item-timestamp::after { content: '):'; } .askit-item-vote { color: #aaaaaa; } .askit-item-actions { width: calc(100% + 80px + 15px); margin-left: -80px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .no-avatar .askit-item-actions { width: calc(100% + 15px + 15px); margin-left: -15px; } .askit-item-actions .askit-item-trigger { line-height: 40px; text-align: center; padding: 0 10px; text-align: left; font-size: 16px; font-weight: 400; color: #797979; cursor: pointer; } .askit-item-answer { border: 0; box-shadow: none; padding-bottom: 15px; margin: 0; } .askit-item-answers { display: none; padding: 15px; } .askit-item-answer-avatar { height: 50px; width: 50px; } .no-avatar .askit-item-answer-avatar { display: none; } .askit-item-answer-same { color: #aaaaaa; font-size: .9em; } .askit-item-answer .askit-item-vote { margin: 0; } .askit-item-trigger + [type=checkbox] { display: none; } .askit-item-trigger + [type=checkbox]:checked ~ .askit-item-answers { display: block; border-top: 1px solid rgba(0, 0, 0, 0.05); } .askit-answer-form { padding-top: 15px; padding-right: 15px; padding-bottom: 0; padding-left: 80px; position: relative; } .no-avatar .askit-answer-form { padding-left: 15px; } .askit-answer-form textarea { height: 150px; } [role=tabpanel] .askit-questions .block-title { display: none; } .askit-questions .toolbar-amount { float: left; } .askit-questions .toolbar .limiter { float: right; } .askit-questions .toolbar .pages { display: none; } .askit-questions .toolbar ~ .toolbar .toolbar-amount, .askit-questions .toolbar ~ .toolbar .limiter { display: none; } .askit-questions .toolbar ~ .toolbar .pages { display: block; margin-bottom: 0; } [role=tabpanel] .askit-questions .toolbar ~ .toolbar { margin-bottom: 0; } .data.item .askit-question-form .title { display: none; } .data.item .askit-question-form .fieldset { margin-top: 20px; } .askit-question-form { margin-bottom: 1rem; } .askit-item > p { margin-bottom: 0.25rem; } .askit-item small { font-size: .9rem; } .askit-item-actions { margin-top: 0.5rem; } .block-swissup-ajaxsearch .input-text { left: auto; right: auto; background: rgba(var(--input-bg), var(--input-bg-alpha)); border-radius: 0; } .block-swissup-ajaxsearch .actions .action.close { text-align: center; cursor: pointer; display: block; opacity: 0; width: 0; height: 0; overflow: hidden; } .page-wrapper > #swissup-ajaxsearch-filter-category, .swissup-ajaxsearch-filter-category-wrapper { display: none; } .product.info.detailed .tabs-toolbar { display: none; } .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="content"], .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="content"] { display: none; padding: 0.75rem 1rem; } .product.data.items .item.content { display: none; } .product.data.items .item.content:nth-child(2) { display: block; } .product.data.items.collapsed > [role=tablist] { display: flex; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .product.data.items.collapsed > [role=tablist]::-webkit-scrollbar { display: none; } .product.data.items.collapsed > [role=tablist] > .item.title { flex-shrink: 0; margin: 0 0.75rem 0 0; } @media (min-width: 769px) { .product.data.items.collapsed > [role=tablist] > .item.title { margin: 0 0.75rem 0 0; } } .product.data.items.collapsed > [role=tablist] > .item.title::after { display: none; } .product.data.items.collapsed > [role=tablist] > .data.item.title { border-bottom-color: transparent; } .product.data.items.collapsed > [name=prev], .product.data.items.collapsed > [name=next] { display: none !important; } @media (min-width: 769px) { .product.data.items.expanded { display: flex; flex-flow: row wrap; } } @media (max-width: 768.98px) { .product.data.items.expanded > .title { margin-top: 0.5rem; } } @media (min-width: 769px) { .product.data.items.expanded > .title { width: 25%; border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } } .product.data.items.expanded > .title h2 { padding: 1rem 0; } .product.data.items.expanded > .content { position: relative; visibility: visible; height: auto; opacity: 1; overflow: auto; } @media (min-width: 769px) { .product.data.items.expanded > .content { padding: 1rem 0; width: 75%; border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } } .product.data.items .block.crosssell .block-title { display: none; } .product.info.detailed .tabs-toolbar ~ .data.items > .item.content { scroll-margin-top: 50px; } .easyslide-wrapper .swiper-container { text-align: center; } .easyslide-wrapper .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0.4em; } .easyslide-link { display: block; } .columns .column.main { min-width: 0; } .easyslide-description { position: absolute; overflow: hidden; padding: 15px 20px; text-align: left; box-sizing: border-box; } .easyslide-description-top { top: 0; left: 0; width: 100%; } .easyslide-description-bottom { bottom: 0; left: 0; width: 100%; } .easyslide-description-right { right: 0; top: 0; bottom: 0; width: 200px; } .easyslide-description-left { left: 0; top: 0; bottom: 0; width: 200px; } .easyslide-description-center { left: 50%; top: 0; width: 200px; margin-left: -100px; min-height: 1000px; } .easyslide-description a { text-decoration: none; color: #5a5a5a; } .easyslide-description a:hover { text-decoration: underline; } .easyslide-description p { line-height: 20px; text-align: center; } .easyslide-background-light { background: rgba(255, 255, 255, 0.65); color: #000; } .easyslide-background-dark { background: rgba(0, 0, 0, 0.65); color: #fff; } .easyslide-background-transparent { color: #000; } .easyslide-thumbs.swiper-container { padding: 0.5rem 0; text-align: inherit; } .easyslide-thumbs:not(.swiper-container-initialized) .swiper-slide:not(:first-child) { display: none; } .easyslide-thumbs .swiper-slide { cursor: pointer; margin-right: 0.5rem; width: auto; } .easyslide-thumbs .swiper-slide:not(:has(img)) { width: 10rem; max-width: 100%; background: currentColor; opacity: .1; } .easyslide-thumbs .swiper-slide:last-child { margin-right: 0; } .easyslide-thumbs .swiper-slide.swiper-slide-thumb-active:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid #007aff; } .easyslide-thumbs-black.easyslide-thumbs .swiper-slide.swiper-slide-thumb-active:after { border-color: #000; } .easyslide-thumbs-white.easyslide-thumbs .swiper-slide.swiper-slide-thumb-active:after { border-color: #fff; } .easyslide-wrapper-thumbs-above { display: flex; flex-direction: column-reverse; } .easyslide-wrapper-thumbs-above .swiper-container { max-width: 100%; } .easyslide-wrapper-thumbs-above .easyslide-thumbs { margin: 0; } .easyslide-wrapper-thumbs-above .easyslide-thumbs.swiper-container { padding: 0 0 0.5rem; } .easyslide-wrapper-thumbs-right, .easyslide-wrapper-thumbs-left { display: flex; align-items: flex-start; } .easyslide-wrapper-thumbs-right .easyslide-thumbs, .easyslide-wrapper-thumbs-left .easyslide-thumbs { flex-shrink: 0; } .easyslide-wrapper-thumbs-right .easyslide-thumbs.swiper-container, .easyslide-wrapper-thumbs-left .easyslide-thumbs.swiper-container { padding: 0 0 0 0.5rem; } .easyslide-wrapper-thumbs-right .easyslide-thumbs .swiper-slide, .easyslide-wrapper-thumbs-left .easyslide-thumbs .swiper-slide { margin: 0 0 0.5rem; } .easyslide-wrapper-thumbs-right .easyslide-thumbs .swiper-slide:last-child, .easyslide-wrapper-thumbs-left .easyslide-thumbs .swiper-slide:last-child { margin: 0; } .easyslide-wrapper-thumbs-left { flex-direction: row-reverse; } .easyslide-wrapper-thumbs-left .easyslide-thumbs.swiper-container { padding: 0 0.5rem 0 0; } .prolabels-wrapper, .prolabels-content-wrapper { position: relative; } .prolabels-wrapper .prolabel, .prolabels-content-wrapper .prolabel { display: inline-block; background: transparent center no-repeat; line-height: normal; transition: all 0.2s; position: relative; vertical-align: top; z-index: 2; } .prolabels-wrapper .prolabel__inner, .prolabels-content-wrapper .prolabel__inner { height: 100%; width: 100%; } .prolabels-wrapper .prolabel__wrapper, .prolabels-content-wrapper .prolabel__wrapper { display: table; height: 100%; width: 100%; } .prolabels-wrapper .prolabel__content, .prolabels-content-wrapper .prolabel__content { display: table-cell; text-align: center; vertical-align: middle; } /* Image Label */ .prolabels-wrapper .absolute { position: absolute; } .prolabels-wrapper .top-left { top: 0; left: 0; } .prolabels-wrapper .top-right { top: 0; right: 0; } .prolabels-wrapper .top-center { top: 0; left: 50%; transform: translateX(-50%); z-index: 2; } .prolabels-wrapper .middle-left { top: 50%; left: 0; transform: translateY(-50%); } .prolabels-wrapper .middle-right { right: 0; top: 50%; transform: translateY(-50%); } .prolabels-wrapper .middle-center { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; } .prolabels-wrapper .bottom-left { bottom: 0; left: 0; } .prolabels-wrapper .bottom-right { bottom: 0; right: 0; } .prolabels-wrapper .bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2; } /* Content Label */ .prolabels-content-wrapper .prolabel { margin-right: 10px; } .prolabels-wrapper { height: 100%; text-align: center; } .prolabels-wrapper .product-item-photo { font-size: 0; } .prolabels-wrapper .hover-image-container { left: 50%; transform: translateX(-50%); } .rtl .prolabels-wrapper .hover-image-container { left: auto; right: 50%; transform: translateX(50%); } .prolabels-product-image-labels, .prolabels-content-labels { display: none; } /* Fotorama fullscreen hide labels */ .fotorama--fullscreen .prolabels-wrapper .prolabel { display: none; } .breeze-gallery .prolabels-wrapper { height: auto; } .breeze-gallery.opened .prolabels-wrapper .prolabel { display: none; } .product-item-info .prolabels-wrapper { display: flex; flex-direction: column; height: auto; max-width: 100%; } .block-swissup-social-login .buttons { padding: 0; margin: 0 0 0 -5px; display: flex; flex-wrap: wrap; } .block-swissup-social-login .buttons li { box-sizing: border-box; list-style: none; cursor: pointer; padding: 5px; margin: 0; line-height: 20px; } .block-swissup-social-login .buttons li.twitter a { background-color: #26c4f1; } .block-swissup-social-login .buttons li.twitter a:hover { background-color: #0eaad6; } .block-swissup-social-login .buttons li.twitter a .icon { background-color: false; } .block-swissup-social-login .buttons li.google a { background-color: #4285f4; } .block-swissup-social-login .buttons li.google a:hover { background-color: #1266f1; } .block-swissup-social-login .buttons li.google a .icon { background-color: #ffffff; } .block-swissup-social-login .buttons li.facebook a { background-color: #306199; } .block-swissup-social-login .buttons li.facebook a:hover { background-color: #244872; } .block-swissup-social-login .buttons li.facebook a .icon { background-color: false; } .block-swissup-social-login .buttons a { position: relative; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: bold; color: #fff; height: 100%; width: 100%; display: block; box-sizing: border-box; padding: 9px 15px 9px 45px; text-decoration: none; transition: background-color 0.2s ease-in-out; } .block-swissup-social-login .buttons a:active { box-shadow: inset 1px 3px 15px 0 rgba(22, 0, 0, 0.25); } .block-swissup-social-login .buttons a .icon { height: 36px; width: 36px; text-align: center; position: absolute; left: 1px; top: 1px; } .block-swissup-social-login .buttons a .icon img { display: inline-block; height: 36px; width: 18px; } .soldtogether-block .amazonstyle-images .product-image-container { width: auto; } .swiper-container { margin-left: auto; margin-right: auto; overflow: hidden; position: relative; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; box-sizing: content-box; } .swiper-button-prev, .swiper-button-next { position: absolute; } .swiper-button-prev { left: 10px; } .swiper-button-next { right: 10px; } .pagebuilder-overlay { transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), display var(--transition-duration), visibility var(--transition-duration) 0s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-behavior: allow-discrete; } .breeze-inactive .pagebuilder-overlay { transition: none !important; } .block > .title, .block .block-title { line-height: 1.75rem; font-size: 1.125rem; font-weight: 500; padding: 0.5rem 0; } .block > .title strong, .block .block-title strong { font-weight: 500; } .block .block-content { display: flow-root; } .block .block-content.no-display { display: none; } .paypal-review .paypal-review-title { line-height: 1.75rem; font-size: 1.125rem; font-weight: 500; padding: 0.5rem 0; } .paypal-review .paypal-review-title strong { font-weight: 500; } :where(body:not(.narrow-page-reset)) .checkout-success, :where(body:not(.narrow-page-reset)) #registration, .form.form-orders-search, .form.search.advanced, .form.password.forget, .form.password.reset, .form.send.confirmation, .form-create-account, .login-container, .column.main .form.contact, .page-layout-1column.cms-no-route .columns, .paypal-review { max-width: 620px; margin: 0 auto; padding: 2.5rem 3rem; box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.05); background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1)); border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); border-radius: 0; } @media (max-width: 640.98px) { :where(body:not(.narrow-page-reset)) .checkout-success, :where(body:not(.narrow-page-reset)) #registration, .form.form-orders-search, .form.search.advanced, .form.password.forget, .form.password.reset, .form.send.confirmation, .form-create-account, .login-container, .column.main .form.contact, .page-layout-1column.cms-no-route .columns, .paypal-review { padding: 1rem 1.5rem; } } .account .main .block .block-title, .order-details-items .block-title { line-height: 1.75rem; font-size: 1.125rem; font-weight: 500; text-transform: none; margin: 0; padding: 0.5rem 1rem; background: rgb(var(--muted-bg)); } .account .main .block .block-title strong, .order-details-items .block-title strong { font-weight: 500; } .account .main .block .block-title + .block-content, .order-details-items .block-title + .block-content { padding: 1rem; } .breadcrumbs ul { display: flex; flex-wrap: wrap; gap: 0.5rem; } .breadcrumbs li { display: flex; align-items: center; gap: 0.25rem; } .breadcrumbs li::after { content: ''; width: 0.75rem; height: 0.75rem; } .breadcrumbs li:last-child::after { display: none; } .swatch-option-tooltip { display: none; position: absolute; pointer-events: none; right: 0; } .field-tooltip-content, .dropdown.options .dropdown, .tooltip.wrapper .tooltip.content, .minicart-wrapper .mage-dropdown-dialog, .minisearch .search-autocomplete, .map-popup, .navigation .submenu, .navigation .submenu { display: none; position: absolute; pointer-events: none; right: 0; } .dropdown.options .dropdown > li > a, .dropdown.options .dropdown > ul > li > a, .minisearch .search-autocomplete [role="listbox"] li, .navigation :where(li[class*=level]) > a, .navigation :where(li[class*=level]) > a { display: block; padding: 0.25rem 0.5rem; } [data-collapsible] > [data-role="title"], [data-role="collapsible"] > [data-role="title"], [data-mage-init*='"collapsible":'] > [data-role="title"], .block-collapsible-nav > .title, .dropdown.options .toggle, .minicart-wrapper .action.showcart, [data-collapsible] > [data-role="title"], [data-role="collapsible"] > [data-role="title"], [data-mage-init*='"collapsible":'] > [data-role="title"] { display: flex; align-items: center; justify-content: space-between; gap: 0.125rem; } [data-collapsible] > [data-role="title"]::after, [data-role="collapsible"] > [data-role="title"]::after, [data-mage-init*='"collapsible":'] > [data-role="title"]::after, .block-collapsible-nav > .title::after, .dropdown.options:not(.no-chevron) .toggle::after { flex-shrink: 0; content: ''; height: 1.25rem; width: 1.25rem; transform: rotate(90deg); } ._active[data-collapsible] > [data-role="title"]::after, ._active[data-role="collapsible"] > [data-role="title"]::after, ._active[data-mage-init*='"collapsible":'] > [data-role="title"]::after, [data-collapsible] > [data-role="title"][aria-expanded="true"]::after, [data-role="collapsible"] > [data-role="title"][aria-expanded="true"]::after, [data-mage-init*='"collapsible":'] > [data-role="title"][aria-expanded="true"]::after, [data-mage-init*='"collapsible":'][data-mage-init*='"active":true'] > [data-role="title"]:not([aria-expanded])::after, .block-collapsible-nav > .title.active::after, .dropdown.options:not(.no-chevron) .toggle.active::after { transform: rotate(-90deg); } :where(input:not([type=range])), textarea, select { outline: none; position: relative; padding: 0.5rem 0.75rem; width: 100%; color: rgba(var(--input-color), var(--input-alpha)); background: rgba(var(--input-bg), var(--input-bg-alpha)); border: 1px solid rgba(var(--input-border-color), var(--input-border-alpha)); border-radius: 0; box-shadow: 0 0 0 var(--input-shadow-spread, 0) rgba(var(--input-border-color), var(--input-border-alpha)); } :where(input:not([type=range])):disabled, textarea:disabled, select:disabled { opacity: .5; cursor: not-allowed; } button, .action.primary, input[type='submit'], input[type='reset'], input[type='button'], .pagebuilder-button-primary, .pagebuilder-button-secondary, .pagebuilder-button-link { outline: none; position: relative; display: inline-flex; justify-content: center; align-items: center; gap: 0.25rem; font-weight: 400; padding: 0.5rem 1.25rem; color: rgba(var(--button-color), var(--button-alpha, 1)); background: rgba(var(--button-bg), var(--button-bg-alpha)); border: 1px solid rgba(var(--button-border-color), var(--button-border-alpha)); border-radius: 0; text-decoration: none !important; white-space: nowrap; } button:disabled, button.disabled, .action.primary:disabled, .action.primary.disabled, input[type='submit']:disabled, input[type='submit'].disabled, input[type='reset']:disabled, input[type='reset'].disabled, input[type='button']:disabled, input[type='button'].disabled, .pagebuilder-button-primary:disabled, .pagebuilder-button-primary.disabled, .pagebuilder-button-secondary:disabled, .pagebuilder-button-secondary.disabled, .pagebuilder-button-link:disabled, .pagebuilder-button-link.disabled { opacity: .5; cursor: not-allowed; } .action.primary, .action-primary, [type='submit'], .pagebuilder-button-primary { --link-color: var(--button-color); --link-alpha: 1; --button-bg: var(--button-primary-bg); --button-color: var(--button-primary-color); --button-border-color: var(--button-primary-border-color); } :where(button:not([type='submit']):not(.action-primary):not(.primary):not(.pagebuilder-button-link):not(.pagebuilder-button-primary):not(.select)), input[type='reset'], input[type='button'], .pagebuilder-button-secondary { --link-color: var(--button-color); --link-alpha: 1; --button-bg: var(--button-secondary-bg); --button-color: var(--button-secondary-color); --button-border-color: var(--button-secondary-border-color); } .pagebuilder-button-link { --button-bg: transparent; --button-border-color: transparent; --button-color: var(--link-color); text-decoration: none !important; } .button-ghost button, .button-ghost .pagebuilder-button-primary, .button-ghost .pagebuilder-button-secondary { --button-bg: var(--base-color); --button-bg-alpha: 0; --button-color: var(--base-color); --button-border-color: var(--base-color); --button-border-alpha: var(--base-alpha); text-shadow: none; } label button, .ui-datepicker-trigger, .minisearch .action.search, .block.related .action.select, .cart.table-wrapper .action-gift, .block.related .action.select { --button-bg: var(--base-bg); --button-border-color: var(--base-bg); padding: 0 !important; background: transparent !important; color: inherit !important; font-family: inherit !important; font-weight: inherit !important; font-size: inherit !important; text-transform: inherit !important; border: 0 !important; border-radius: 0 !important; text-align: left; } label button:focus-visible, .minisearch .action.search:focus-visible, .block.related .action.select:focus-visible, .cart.table-wrapper .action-gift:focus-visible, .block.related .action.select:focus-visible { outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1)); outline-offset: 1px; } .button-xs button, .button-xs .pagebuilder-button-primary, .button-xs .pagebuilder-button-secondary, .button-xs .pagebuilder-button-link { font-size: 0.75rem; line-height: 1rem; padding: 0.25rem 0.5rem; } .button-lg button, .button-lg .pagebuilder-button-primary, .button-lg .pagebuilder-button-secondary, .button-lg .pagebuilder-button-link, .form.form-orders-search .action.primary, .form.search.advanced .action.primary, .form.password.forget .action.primary, .form.password.reset .action.primary, .form.send.confirmation .action.primary, .form-create-account .action.primary, .column.main .form.contact .action.primary { font-size: 1.125rem; line-height: 1.75rem; font-weight: 500; } .button-xl button, .button-xl .pagebuilder-button-primary, .button-xl .pagebuilder-button-secondary, .button-xl .pagebuilder-button-link { font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; padding: 0.75rem 2.5rem; } .cart.table-wrapper .control.qty input.qty { font-size: 0.75rem; line-height: 1rem; padding: 0.25rem; width: auto; flex-grow: 0; } #recipients-options .fields + .fields { margin-top: 1rem; } #recipients-options .fields .actions-toolbar { width: 20%; align-items: flex-start; margin-top: 1.625rem; margin-bottom: 0; order: 999; } #recipients-options .fields .fieldset { width: 65%; display: grid; gap: 0.5rem; row-gap: 0.25rem; } @media (min-width: 641px) { #recipients-options .fields .fieldset { width: 80%; grid-template-columns: 1fr 1fr; } } #recipients-options .fields .fieldset > .field { padding: 0; width: 100%; } @media (min-width: 641px) { .narrow-page:not(.narrow-page-reset).page-layout-1column .breadcrumbs { display: none; } .narrow-page:not(.narrow-page-reset).page-layout-1column .page-title-wrapper { margin: 4rem 0; text-align: center; } .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main { padding-bottom: 3rem; } .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main .page.messages, .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main .columns { max-width: 641px; margin: 0 auto; } } @media (min-width: 769px) { .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main .page.messages, .narrow-page:not(.narrow-page-reset).page-layout-1column .page-main .columns { max-width: 769px; } } .loading-mask .loader { animation: rotate var(--spinner-duration) linear infinite; width: var(--spinner-size); height: var(--spinner-size); border: var(--spinner-border-width) solid rgb(var(--spinner-border-color)); border-top-color: transparent; border-radius: 50%; } @media (min-width: 769px) { .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'], .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":'], [data-mage-init*='"tabs":'] { display: flex; align-items: center; flex-wrap: wrap; } } .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"], [data-mage-init*='"tabs":'] > [data-role="collapsible"] { order: -1; display: flex; align-items: center; padding: 0.625rem 1rem; color: rgba(var(--base-color), var(--muted-alpha, .6)); } @media (max-width: 768.98px) { .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"], [data-mage-init*='"tabs":'] > [data-role="collapsible"] { --muted-bg-alpha: .5; justify-content: space-between; border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); border-width: 0 0 1px; } .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"]::after, [data-mage-init*='"tabs":'] > [data-role="collapsible"]::after { flex-shrink: 0; content: ''; height: 1.25rem; width: 1.25rem; transform: rotate(90deg); } .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"]:has(+ .content + script:last-child), .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"]:has(+ .content:last-child), [data-mage-init*='"tabs":'] > [data-role="collapsible"]:has(+ .content + script:last-child), [data-mage-init*='"tabs":'] > [data-role="collapsible"]:has(+ .content:last-child) { border-bottom-color: transparent; } .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"]:nth-last-child(2), [data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-last-child(2) { border-bottom-color: transparent; } } @media (min-width: 769px) { .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"], [data-mage-init*='"tabs":'] > [data-role="collapsible"] { margin: 0 0.75rem 0 0; white-space: nowrap; } } .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"] .counter, [data-mage-init*='"tabs":'] > [data-role="collapsible"] .counter { opacity: 0.8; padding: 0.125rem 0.5rem; background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"][aria-expanded="true"], .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]), [data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"], [data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]) { z-index: 2; } .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"][aria-expanded="true"]::after, .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded])::after, [data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"]::after, [data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded])::after { transform: rotate(-90deg); } @media (max-width: 768.98px) { .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"][aria-expanded="true"], .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]), [data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"], [data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]) { border-bottom-color: transparent; } } .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [role=tablist] > [data-role="collapsible"], .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > .title, [data-content-type="tabs"] .tab-header { order: -1; display: flex; align-items: center; padding: 0.625rem 1rem; color: rgba(var(--base-color), var(--muted-alpha, .6)); } .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [role=tablist] > [data-role="collapsible"], [data-content-type="tabs"] .tab-header { margin: 0 0.75rem 0 0; white-space: nowrap; } .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > .title { --muted-bg-alpha: .5; justify-content: space-between; border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); border-width: 0 0 1px; } .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > .title::after { flex-shrink: 0; content: ''; height: 1.25rem; width: 1.25rem; transform: rotate(90deg); } .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > .title:has(+ .content + script:last-child), .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > .title:has(+ .content:last-child) { border-bottom-color: transparent; } .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > .title:nth-last-child(2) { border-bottom-color: transparent; } .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [role=tablist] > [data-role="collapsible"][aria-expanded="true"], .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [role=tablist] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]), .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > .title[aria-expanded="true"], [data-content-type="tabs"] .tab-header.active { z-index: 2; } .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [role=tablist] > [data-role="collapsible"][aria-expanded="true"]::after, .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [role=tablist] > [data-role="collapsible"]:nth-child(1):not([aria-expanded])::after, .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > .title[aria-expanded="true"]::after, [data-content-type="tabs"] .tab-header.active::after { transform: rotate(-90deg); } .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > .title[aria-expanded="true"] { border-bottom-color: transparent; } .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="content"], [data-mage-init*='"tabs":'] > [data-role="content"] { display: none; padding: 0.75rem 1rem; } @media (min-width: 769px) { .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="content"], [data-mage-init*='"tabs":'] > [data-role="content"] { width: 100%; } } .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="content"][aria-hidden="false"], .default[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="content"]:nth-child(2):not([aria-hidden]), [data-mage-init*='"tabs":'] > [data-role="content"][aria-hidden="false"], [data-mage-init*='"tabs":'] > [data-role="content"]:nth-child(2):not([aria-hidden]) { display: block; } [data-content-type="tabs"] .tabs-content > div { display: none; padding: 0.75rem 1rem; } .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="content"], [data-content-type="tabs"] .tabs-content > div { width: 100%; } .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="content"][aria-hidden="false"], .accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":'] > [data-role="content"][aria-hidden="false"], [data-content-type="tabs"] .tabs-content > div[aria-hidden=false] { display: block; } .product.data.items.expanded:first-child > .content .block:first-child .block-title, .product.data.items.expanded:first-child > .content .review-add .block-title, .field.street .control label, .field-tooltip .label, .field-tooltip-action span, .ui-datepicker-trigger span, .required-captcha.checkbox, table caption, .abs-visually-hidden, .action.skip:not(:focus-within), .block-compare .action.delete span, .filter .action.remove span, .sidebar .action.delete span, .sidebar .action.remove span, .table-comparison th.remove, .table-comparison .towishlist span, .discount label, .page-footer .switcher .label, .page-footer .block.newsletter .title, .page-footer .block.newsletter .control > label .label, .page-header .switcher .label, .block.filter .filter-content-close span, .block.filter .filter-options .filter-count-label, .product-items .towishlist span, .product-items .tocompare span, .product-items.product-items-names .choice .label, .toolbar .sorter-action span, .toolbar .modes-label, .toolbar .mode-grid span, .toolbar .mode-list span, .pages .label, .pages .action.previous span, .pages .action.next span, .minicart-wrapper .action.showcart .text, .header .block-search .label span, .minisearch .action.search span, .nav-toggle span, .special-price .price-label, .product-options-wrapper legend.links-title, .rating-summary .label, .rating-result > span span, .review-control-vote input, .review-list .review-date .review-details-label, .form.form-orders-search legend, .form.search.advanced legend, .cart-container .shipping legend, .cart.table-wrapper .control.qty span, .cart.table-wrapper .action-edit span, .cart.table-wrapper .action-delete span, .cart.table-wrapper .action-towishlist span, .form-wishlist-items .qty > label, .form-wishlist-items .comment-box > label, .nav-toggle span, .cms-home .rating-summary .label, .catalog-category-view .rating-summary .label, .catalogsearch-result-index .rating-summary .label, .attributepages-page-view .rating-summary .label, .blog-post-view .rating-summary .label, .cms-home .rating-result > span span, .catalog-category-view .rating-result > span span, .catalogsearch-result-index .rating-result > span span, .attributepages-page-view .rating-result > span span, .blog-post-view .rating-result > span span, .cms-home .review-control-vote input, .catalog-category-view .review-control-vote input, .catalogsearch-result-index .review-control-vote input, .attributepages-page-view .review-control-vote input, .blog-post-view .review-control-vote input, .cms-home .review-list .review-date .review-details-label, .catalog-category-view .review-list .review-date .review-details-label, .catalogsearch-result-index .review-list .review-date .review-details-label, .attributepages-page-view .review-list .review-date .review-details-label, .blog-post-view .review-list .review-date .review-details-label, .block.filter .filter-content-close span, .block.filter .filter-options .filter-count-label, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .label, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .label, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .label, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .label, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .label, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .label, .special-price .msrp-message { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .line-clamp-1, .line-clamp-2, .line-clamp-3, .line-clamp-4, .line-clamp-5, .line-clamp-6 { position: relative; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--line-clamp, 1); max-height: calc(var(--line-clamp, 1) * var(--line-height, 1.5rem)); } .line-clamp-1.expanded, .line-clamp-2.expanded, .line-clamp-3.expanded, .line-clamp-4.expanded, .line-clamp-5.expanded, .line-clamp-6.expanded { display: block; -webkit-line-clamp: initial !important; overflow: visible; max-height: none; } .line-clamp-1 .clamp-toggle, .line-clamp-2 .clamp-toggle, .line-clamp-3 .clamp-toggle, .line-clamp-4 .clamp-toggle, .line-clamp-5 .clamp-toggle, .line-clamp-6 .clamp-toggle { font-weight: 600; font-size: 1rem; font-family: 'Nunito Sans', sans-serif; color: rgba(var(--base-color), var(--base-alpha, 1)); text-decoration: underline; position: absolute; bottom: 0; right: 0; padding-left: 0.75rem; background: linear-gradient(to right, transparent 0, rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1)) 0.5rem); } .line-clamp-1 .clamp-toggle + *, .line-clamp-2 .clamp-toggle + *, .line-clamp-3 .clamp-toggle + *, .line-clamp-4 .clamp-toggle + *, .line-clamp-5 .clamp-toggle + *, .line-clamp-6 .clamp-toggle + * { margin-top: 0; } label button, label a, table .id a, table .actions a, :where(a[href^="tel:"]), :where(a[href^="mailto:"]), a.alert, address a, .block .block-title a, .actions-toolbar a, .box-actions a, .product-item-details dl a, .map.help, .map-show-info, .minimal-price-link, .prices-tier a, .block.related .action.select, .samples a, .downloads-all .label, .reviews-actions a, .search-suggestions a, :where(.table-totals, .table.totals) a, .cart.table-wrapper .action-gift, .checkout-onepage-success .column.main a, .paypal-review .discount .title, .paypal-review .paypal-review-title a, .prices-tier a, .block.related .action.select, .cms-home .reviews-actions a, .catalog-category-view .reviews-actions a, .catalogsearch-result-index .reviews-actions a, .attributepages-page-view .reviews-actions a, .blog-post-view .reviews-actions a { color: #d60d46; text-decoration: none; } label button:hover, label a:hover, table .id a:hover, table .actions a:hover, :where(a[href^="tel:"]):hover, :where(a[href^="mailto:"]):hover, a.alert:hover, address a:hover, .block .block-title a:hover, .actions-toolbar a:hover, .box-actions a:hover, .product-item-details dl a:hover, .map.help:hover, .map-show-info:hover, .minimal-price-link:hover, .prices-tier a:hover, .block.related .action.select:hover, .samples a:hover, .downloads-all .label:hover, .reviews-actions a:hover, .search-suggestions a:hover, :where(.table-totals, .table.totals) a:hover, .cart.table-wrapper .action-gift:hover, .checkout-onepage-success .column.main a:hover, .paypal-review .discount .title:hover, .paypal-review .paypal-review-title a:hover, .prices-tier a:hover, .block.related .action.select:hover, .cms-home .reviews-actions a:hover, .catalog-category-view .reviews-actions a:hover, .catalogsearch-result-index .reviews-actions a:hover, .attributepages-page-view .reviews-actions a:hover, .blog-post-view .reviews-actions a:hover { --link-alpha: 1; text-decoration: none; } .product.data.items #product\.info\.description :where(a:not(.product-item-link):not(.action)), .prose :where(a:not(.product-item-link):not(.action)), .cms-no-route .main :where(a:not(.product-item-link):not(.action)), .cms-page-view .main :where(a:not(.product-item-link):not(.action)), .product-item-description :where(a:not(.product-item-link):not(.action)), [data-content-type="row"] :where(a:not(.product-item-link):not(.action)), .product.attribute :where(a:not(.product-item-link):not(.action)), .product.attribute :where(a:not(.product-item-link):not(.action)) { color: #d60d46; text-decoration: none; } .product.data.items #product\.info\.description :where(a:not(.product-item-link):not(.action)):hover, .prose :where(a:not(.product-item-link):not(.action)):hover, .cms-no-route .main :where(a:not(.product-item-link):not(.action)):hover, .cms-page-view .main :where(a:not(.product-item-link):not(.action)):hover, .product-item-description :where(a:not(.product-item-link):not(.action)):hover, [data-content-type="row"] :where(a:not(.product-item-link):not(.action)):hover, .product.attribute :where(a:not(.product-item-link):not(.action)):hover, .product.attribute :where(a:not(.product-item-link):not(.action)):hover { --link-alpha: 1; text-decoration: none; } .product.data.items #product\.info\.description :where(a div), .prose :where(a div), .cms-no-route .main :where(a div), .cms-page-view .main :where(a div), .product-item-description :where(a div), [data-content-type="row"] :where(a div), .product.attribute :where(a div), .product.attribute :where(a div) { color: rgba(var(--base-color), var(--base-alpha, 1)); } .product.data.items #product\.info\.description p, .product.data.items #product\.info\.description table, .product.data.items #product\.info\.description figure, .prose p, .prose table, .prose figure, .cms-no-route .main p, .cms-no-route .main table, .cms-no-route .main figure, .cms-page-view .main p, .cms-page-view .main table, .cms-page-view .main figure, .product-item-description p, .product-item-description table, .product-item-description figure, [data-content-type="row"] p, [data-content-type="row"] table, [data-content-type="row"] figure, .product.attribute p, .product.attribute table, .product.attribute figure, .cart-empty p, .checkout-onepage-success .column.main p, .product.attribute p, .product.attribute table, .product.attribute figure { margin-bottom: 0.75rem; } .product.data.items #product\.info\.description :where(ul:not(.unstyled):not(.items)), .product.data.items #product\.info\.description :where(ol:not(.unstyled):not(.product-items)), ul.disc, .prose :where(ul:not(.unstyled):not(.items)), .prose :where(ol:not(.unstyled):not(.product-items)), .cms-no-route .main :where(ul:not(.unstyled):not(.items)), .cms-no-route .main :where(ol:not(.unstyled):not(.product-items)), .cms-page-view .main :where(ul:not(.unstyled):not(.items)), .cms-page-view .main :where(ol:not(.unstyled):not(.product-items)), .product-item-description :where(ul:not(.unstyled):not(.items)), .product-item-description :where(ol:not(.unstyled):not(.product-items)), [data-content-type="row"] :where(ul:not(.unstyled):not(.items)), [data-content-type="row"] :where(ol:not(.unstyled):not(.product-items)), .product.attribute :where(ul:not(.unstyled):not(.items)), .product.attribute :where(ol:not(.unstyled):not(.product-items)), .product.attribute :where(ul:not(.unstyled):not(.items)), .product.attribute :where(ol:not(.unstyled):not(.product-items)) { margin-top: 0.75rem; margin-bottom: 0.75rem; } .product.data.items #product\.info\.description :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .product.data.items #product\.info\.description :where(ol:not(.unstyled):not(.product-items) li), .prose :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .prose :where(ol:not(.unstyled):not(.product-items) li), .cms-no-route .main :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .cms-no-route .main :where(ol:not(.unstyled):not(.product-items) li), .cms-page-view .main :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .cms-page-view .main :where(ol:not(.unstyled):not(.product-items) li), .product-item-description :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .product-item-description :where(ol:not(.unstyled):not(.product-items) li), [data-content-type="row"] :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), [data-content-type="row"] :where(ol:not(.unstyled):not(.product-items) li), .product.attribute :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .product.attribute :where(ol:not(.unstyled):not(.product-items) li), .product.attribute :where(ul:not(.unstyled):not([role=tablist]):not(.items) li), .product.attribute :where(ol:not(.unstyled):not(.product-items) li) { margin-top: 0.25rem; margin-bottom: 0.25rem; } .product.data.items #product\.info\.description section, .prose section, .cms-no-route .main section, .cms-page-view .main section, .product-item-description section, [data-content-type="row"] section, .product.attribute section, .product.attribute section { margin-bottom: 1rem; } .product.data.items #product\.info\.description :where(ul:not(.unstyled):not(.items)), .product.data.items #product\.info\.description :where(ol:not(.unstyled):not(.product-items)), ul.disc, .prose :where(ul:not(.unstyled):not(.items)), .prose :where(ol:not(.unstyled):not(.product-items)), .cms-no-route .main :where(ul:not(.unstyled):not(.items)), .cms-no-route .main :where(ol:not(.unstyled):not(.product-items)), .cms-page-view .main :where(ul:not(.unstyled):not(.items)), .cms-page-view .main :where(ol:not(.unstyled):not(.product-items)), .product-item-description :where(ul:not(.unstyled):not(.items)), .product-item-description :where(ol:not(.unstyled):not(.product-items)), [data-content-type="row"] :where(ul:not(.unstyled):not(.items)), [data-content-type="row"] :where(ol:not(.unstyled):not(.product-items)), .product.attribute :where(ul:not(.unstyled):not(.items)), .product.attribute :where(ol:not(.unstyled):not(.product-items)), .product.attribute :where(ul:not(.unstyled):not(.items)), .product.attribute :where(ol:not(.unstyled):not(.product-items)) { padding-left: 1.25rem; } .product.data.items #product\.info\.description :where(ul:not(.unstyled):not(.items)), ul.disc, .prose :where(ul:not(.unstyled):not(.items)), .cms-no-route .main :where(ul:not(.unstyled):not(.items)), .cms-page-view .main :where(ul:not(.unstyled):not(.items)), .product-item-description :where(ul:not(.unstyled):not(.items)), [data-content-type="row"] :where(ul:not(.unstyled):not(.items)), .product.attribute :where(ul:not(.unstyled):not(.items)), .product.attribute :where(ul:not(.unstyled):not(.items)) { list-style: disc; } .product.data.items #product\.info\.description :where(ol:not(.unstyled):not(.product-items)), .prose :where(ol:not(.unstyled):not(.product-items)), .cms-no-route .main :where(ol:not(.unstyled):not(.product-items)), .cms-page-view .main :where(ol:not(.unstyled):not(.product-items)), .product-item-description :where(ol:not(.unstyled):not(.product-items)), [data-content-type="row"] :where(ol:not(.unstyled):not(.product-items)), .product.attribute :where(ol:not(.unstyled):not(.product-items)), .product.attribute :where(ol:not(.unstyled):not(.product-items)) { list-style: auto; } .product.data.items #product\.info\.description ol.nested-counter, .prose ol.nested-counter, .cms-no-route .main ol.nested-counter, .cms-page-view .main ol.nested-counter, .product-item-description ol.nested-counter, [data-content-type="row"] ol.nested-counter, .product.attribute ol.nested-counter, .product.attribute ol.nested-counter { counter-reset: item; } .product.data.items #product\.info\.description ol.nested-counter li, .prose ol.nested-counter li, .cms-no-route .main ol.nested-counter li, .cms-page-view .main ol.nested-counter li, .product-item-description ol.nested-counter li, [data-content-type="row"] ol.nested-counter li, .product.attribute ol.nested-counter li, .product.attribute ol.nested-counter li { counter-increment: item; } .product.data.items #product\.info\.description ol.nested-counter ol > li::marker, .prose ol.nested-counter ol > li::marker, .cms-no-route .main ol.nested-counter ol > li::marker, .cms-page-view .main ol.nested-counter ol > li::marker, .product-item-description ol.nested-counter ol > li::marker, [data-content-type="row"] ol.nested-counter ol > li::marker, .product.attribute ol.nested-counter ol > li::marker, .product.attribute ol.nested-counter ol > li::marker { content: counters(item, '.') ' '; } .product.data.items #product\.info\.description li::marker, .prose li::marker, .cms-no-route .main li::marker, .cms-page-view .main li::marker, .product-item-description li::marker, [data-content-type="row"] li::marker, .product.attribute li::marker, .product.attribute li::marker { --muted-alpha: .4; color: rgba(var(--base-color), var(--muted-alpha, .6)); } .product.data.items #product\.info\.description blockquote, .prose blockquote, .cms-no-route .main blockquote, .cms-page-view .main blockquote, .product-item-description blockquote, [data-content-type="row"] blockquote, .product.attribute blockquote, .product.attribute blockquote { margin: 1.5rem 0; padding-left: 1rem; border-left: 4px solid rgba(var(--base-color), var(--divider-alpha, .1)); font-style: italic; font-weight: 500; } .product.data.items #product\.info\.description code, .prose code, .cms-no-route .main code, .cms-page-view .main code, .product-item-description code, [data-content-type="row"] code, .product.attribute code, .product.attribute code { font-weight: 600; } .product.data.items #product\.info\.description code::before, .product.data.items #product\.info\.description code::after, .prose code::before, .prose code::after, .cms-no-route .main code::before, .cms-no-route .main code::after, .cms-page-view .main code::before, .cms-page-view .main code::after, .product-item-description code::before, .product-item-description code::after, [data-content-type="row"] code::before, [data-content-type="row"] code::after, .product.attribute code::before, .product.attribute code::after, .product.attribute code::before, .product.attribute code::after { content: "`"; } .product.data.items #product\.info\.description pre, .prose pre, .cms-no-route .main pre, .cms-page-view .main pre, .product-item-description pre, [data-content-type="row"] pre, .product.attribute pre, .product.attribute pre { margin: 1rem 0; padding: 1rem; overflow-x: auto; background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .product.data.items #product\.info\.description pre code, .prose pre code, .cms-no-route .main pre code, .cms-page-view .main pre code, .product-item-description pre code, [data-content-type="row"] pre code, .product.attribute pre code, .product.attribute pre code { font-weight: 400; } .product.data.items #product\.info\.description pre code:before, .product.data.items #product\.info\.description pre code:after, .prose pre code:before, .prose pre code:after, .cms-no-route .main pre code:before, .cms-no-route .main pre code:after, .cms-page-view .main pre code:before, .cms-page-view .main pre code:after, .product-item-description pre code:before, .product-item-description pre code:after, [data-content-type="row"] pre code:before, [data-content-type="row"] pre code:after, .product.attribute pre code:before, .product.attribute pre code:after, .product.attribute pre code:before, .product.attribute pre code:after { content: ''; } .product.data.items #product\.info\.description hr, .prose hr, .cms-no-route .main hr, .cms-page-view .main hr, .product-item-description hr, [data-content-type="row"] hr, .product.attribute hr, .product.attribute hr { margin: 2rem 0; } .product.data.items #product\.info\.description figcaption, .prose figcaption, .cms-no-route .main figcaption, .cms-page-view .main figcaption, .product-item-description figcaption, [data-content-type="row"] figcaption, .product.attribute figcaption, .product.attribute figcaption { margin-top: 0.5rem; color: rgba(var(--base-color), var(--muted-alpha, .6)); } .product.data.items #product\.info\.description .lead, .prose .lead, .cms-no-route .main .lead, .cms-page-view .main .lead, .product-item-description .lead, [data-content-type="row"] .lead, .product.attribute .lead, .product.attribute .lead { font-size: 1.25rem; line-height: 1.75rem; color: rgba(var(--base-color), var(--muted-alpha, .6)); } .product.data.items #product\.info\.description [data-role="collapsible"] > [data-role=title], .product.data.items #product\.info\.description [data-mage-init*='"collapsible":'] > [data-role=title], .prose [data-role="collapsible"] > [data-role=title], .prose [data-mage-init*='"collapsible":'] > [data-role=title], .cms-no-route .main [data-role="collapsible"] > [data-role=title], .cms-no-route .main [data-mage-init*='"collapsible":'] > [data-role=title], .cms-page-view .main [data-role="collapsible"] > [data-role=title], .cms-page-view .main [data-mage-init*='"collapsible":'] > [data-role=title], .product-item-description [data-role="collapsible"] > [data-role=title], .product-item-description [data-mage-init*='"collapsible":'] > [data-role=title], [data-content-type="row"] [data-role="collapsible"] > [data-role=title], [data-content-type="row"] [data-mage-init*='"collapsible":'] > [data-role=title], .product.attribute [data-role="collapsible"] > [data-role=title], .product.attribute [data-mage-init*='"collapsible":'] > [data-role=title], .product.attribute [data-role="collapsible"] > [data-role=title], .product.attribute [data-mage-init*='"collapsible":'] > [data-role=title] { margin: 0; } .product.data.items #product\.info\.description [data-role="collapsible"] > [data-role=content][aria-hidden=false], .product.data.items #product\.info\.description [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], .prose [data-role="collapsible"] > [data-role=content][aria-hidden=false], .prose [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], .cms-no-route .main [data-role="collapsible"] > [data-role=content][aria-hidden=false], .cms-no-route .main [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], .cms-page-view .main [data-role="collapsible"] > [data-role=content][aria-hidden=false], .cms-page-view .main [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], .product-item-description [data-role="collapsible"] > [data-role=content][aria-hidden=false], .product-item-description [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], [data-content-type="row"] [data-role="collapsible"] > [data-role=content][aria-hidden=false], [data-content-type="row"] [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], .product.attribute [data-role="collapsible"] > [data-role=content][aria-hidden=false], .product.attribute [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false], .product.attribute [data-role="collapsible"] > [data-role=content][aria-hidden=false], .product.attribute [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false] { margin: 0.5rem 0; } .product.data.items #product\.info\.description [data-role="collapsible"] + div, .product.data.items #product\.info\.description [data-mage-init*='"collapsible":'] + div, .prose [data-role="collapsible"] + div, .prose [data-mage-init*='"collapsible":'] + div, .cms-no-route .main [data-role="collapsible"] + div, .cms-no-route .main [data-mage-init*='"collapsible":'] + div, .cms-page-view .main [data-role="collapsible"] + div, .cms-page-view .main [data-mage-init*='"collapsible":'] + div, .product-item-description [data-role="collapsible"] + div, .product-item-description [data-mage-init*='"collapsible":'] + div, [data-content-type="row"] [data-role="collapsible"] + div, [data-content-type="row"] [data-mage-init*='"collapsible":'] + div, .product.attribute [data-role="collapsible"] + div, .product.attribute [data-mage-init*='"collapsible":'] + div, .product.attribute [data-role="collapsible"] + div, .product.attribute [data-mage-init*='"collapsible":'] + div { margin-top: 0.75rem; } [data-content-type="tabs"] .tabs-navigation { margin-top: 0 !important; margin-bottom: 0 !important; } [data-content-type="tabs"] .tabs-navigation { padding-left: 0 !important; } [data-content-type="tabs"] .tabs-navigation { list-style: none !important; } .color-invert { color: rgba(var(--base-color), var(--base-alpha, 1)); --base-color: 255, 255, 255; --base-alpha: 0.85; --headings-color: 255, 255, 255; --headings-alpha: 0.9; --block-title-color: 0.9; --link-color: 147, 197, 253; --link-alpha: 0.9; --muted-bg: 31, 41, 55; --muted-bg-alpha: 1; --ring-color: 255, 255, 255; --ring-alpha: 0.7; --input-color: 255, 255, 255; --input-alpha: 0.85; --input-bg-alpha: 0; --input-border-alpha: 0.5; } :root { --black: 0, 0, 0; --white: 255, 255, 255; --gray-50: 249, 250, 251; --gray-100: 243, 244, 246; --gray-200: 237, 237, 237; --gray-300: 209, 213, 219; --gray-400: 153, 153, 153; --gray-500: 107, 114, 128; --gray-600: 75, 85, 99; --gray-700: 55, 65, 81; --gray-800: 31, 41, 55; --gray-900: 17, 24, 39; --red: 185, 28, 28; --red-muted: 254, 242, 242; --green: 21, 128, 61; --green-muted: 240, 253, 244; --blue: 29, 78, 216; --blue-muted: 239, 246, 255; --yellow: 251, 191, 36; --yellow-muted: 255, 251, 235; --brand-color: 131, 169, 121; --danger-color: var(--red); --info-color: var(--blue); --success-color: var(--green); --success-bg: var(--green-muted); --base-alpha: 1; --base-color: 17, 24, 39; --base-bg: 255, 255, 255; --muted-bg: 243, 244, 246; --z-layer-color: var(--base-color); --z-layer-bg: var(--base-bg); --z-overlay-bg: 0, 0, 0; --ring-color: var(--brand-color); --link-alpha: 0.85; --link-color: var(--blue); --headings-alpha: 1; --headings-color: var(--base-color); --block-title-color: var(--base-color); --input-alpha: 1; --input-color: var(--base-color); --input-bg: var(--base-bg); --input-bg-alpha: 1; --input-border-alpha: 1; --input-border-color: 153, 153, 153; --input-outline-color: var(--input-border-color); --input-outline-alpha: 0; --checkbox-color: var(--brand-color); --button-color: 255, 255, 255; --button-bg: var(--brand-color); --button-bg-alpha: 1; --button-hover-bg-alpha: 0.9; --button-border-alpha: 0; --button-border-color: var(--button-bg); --button-primary-color: 255, 255, 255; --button-primary-bg: var(--brand-color); --button-primary-border-color: var(--button-bg); --button-secondary-color: var(--gray-600); --button-secondary-bg: var(--gray-200); --button-secondary-border-color: var(--button-secondary-bg); --transition-duration: 200ms; --spinner-size: 1.5rem; --spinner-border-width: 2px; --spinner-border-color: var(--brand-color); --spinner-duration: 0.6s; --scrollbar-bg: var(--gray-100); --scrollbar-color: var(--gray-300); } @media (prefers-reduced-motion) { :root { --transition-duration: 20ms; --spinner-duration: 5s; } } fieldset, .fieldset { margin-bottom: 2rem; } fieldset:last-child, .fieldset:last-child { margin-bottom: 0; } fieldset.field, .fieldset.field { margin-bottom: 0; } fieldset:not(:has(*)), .fieldset:not(:has(*)) { display: none; } form:has(.fieldset + .loading-mask:last-child) .fieldset:nth-last-child(2) { margin-bottom: 0; } form + form, form + .fieldset { margin-top: 1.25rem; } form .legend { font-size: 1.25rem; line-height: 1.75rem; width: 100%; margin: 0 0 1.25rem; padding: 0 0 0.125rem; border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } form .legend + br { display: none; } form .label + br { display: none; } form .actions-toolbar { margin-top: 1.25rem; margin-bottom: 1.25rem; } form .actions-toolbar:empty { display: none; } .fields { display: flex; gap: 0.5rem; } .fields .field + .field { margin-top: 0; } :where(.field ~ div:not(.actions):not(.product-item-actions)), .nested > .field, button + .field, .field + button, :where(.field:not([style*="display: none"])) + .fieldset, .field + .field-recaptcha, .field ~ .field { margin-top: 0.75rem; } .field .choice + .choice { margin-top: 0.125rem; } .field .addon { display: flex; align-items: center; gap: 0.5rem; } .field .range > .field:first-child .control { display: flex; gap: 0.5rem; align-items: center; } .field .range > .field:first-child .control::after { content: '—'; } .field .range .field + .field { margin-top: 0; } .field.required > .label, .field._required > .label { display: flex; gap: 0.25rem; } .field.required > .label::after, .field._required > .label::after { content: '*'; color: rgba(var(--danger-color), var(--danger-alpha, 1)); } .field.choice, .field .admin__field-option { display: flex; gap: 0.375rem; align-items: flex-start; line-height: 1.5rem; clear: left; position: relative; } .field.choice > [type="radio"], .field .admin__field-option > [type="radio"], .field.choice > [type="checkbox"], .field .admin__field-option > [type="checkbox"] { margin-top: calc(1.5rem / 2 - 1rem / 2); } .field.choice .field-tooltip, .field .admin__field-option .field-tooltip { margin-top: calc(1.5rem / 2 - 1.125rem / 2); } .field.choice div.mage-error, .field .admin__field-option div.mage-error { right: 0; padding-left: 0.5rem; margin-top: 0; position: absolute; background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); z-index: 11; } .field .admin__field-option + .admin__field-option { margin-top: 0.375rem; } .field .control { position: relative; } .field .label + .control { margin-top: 0.125rem; } .field .label + .control:has(.admin__field-option) { margin-top: 0.375rem; } .field ._with-tooltip input, .field ._with-tooltip select, .field ._with-tooltip textarea { width: calc(100% - 1.75rem); } .field ._with-tooltip .field-tooltip { position: absolute; right: 0.25rem; top: calc(1.5rem / 2 - 0.25rem / 2); z-index: 11; } .control .note { font-size: 0.875rem; line-height: 1.25rem; display: block; margin-top: 0.25rem; } .field-tooltip { display: inline-block; position: relative; } .field-tooltip-action { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .field-tooltip-action, .field-tooltip-action::before { display: block; width: 1.25rem; height: 1.25rem; } .field-tooltip-action::before { content: ''; } .ui-datepicker-trigger { position: absolute !important; right: 0.5rem; top: calc(50% - 1.5rem / 2); color: rgba(var(--base-color), var(--muted-alpha, .6)); } .ui-datepicker-trigger::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; } .control.captcha-image { margin-top: 0.5rem; display: flex; align-items: center; gap: 0.5rem; } html { color: rgba(var(--base-color), var(--base-alpha, 1)); background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); font-family: 'Nunito Sans', sans-serif; font-size: 1rem; line-height: 1.5rem; } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .heading { color: rgba(var(--headings-color), var(--headings-alpha, 1)); } h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong { font-weight: 700; } h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong, .heading strong { font-weight: 600; } h1, .h1 { font-size: 2.25rem; font-weight: bold; line-height: 2.5rem; margin-bottom: 1rem; } * + h1, * + .h1 { margin-top: 2rem; } h2, .h2 { font-size: 1.875rem; font-weight: 600; line-height: 2.25rem; margin-bottom: 1rem; } * + h2, * + .h2 { margin-top: 2rem; } h3, .h3 { font-size: 1.5rem; font-weight: 600; line-height: 2rem; margin-bottom: 0.5rem; } * + h3, * + .h3 { margin-top: 1rem; } h4, .h4 { font-size: 1.25rem; font-weight: 600; line-height: 1.75rem; margin-bottom: 0.25rem; } h5, .h5 { margin-bottom: 0.25rem; } h6, .h6 { margin-bottom: 0.25rem; } dl dt { font-weight: 500; } dl dd + dt { margin-top: 0.25rem; } .icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; line-height: 0; gap: 0.25rem; } svg.icon, .icon > svg { fill: currentColor; width: 1.5rem; height: 1.5rem; } svg.icon.small, .icon.small > svg { width: 1rem; height: 1rem; } svg.icon.big, .icon.big > svg { width: 1.75rem; height: 1.75rem; } .icon.rounded { background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); padding: 0.75rem; } .icon.rounded.small { padding: 0.5rem; } .icon.rounded { border-radius: 0.25rem; } .icon.rounded-sm { border-radius: 0.125rem; } .icon.rounded-lg { border-radius: 0.5rem; } .icon.rounded-full { border-radius: 9999px; } .table-wrapper:not(.grouped) { overflow-x: auto; position: relative; } table { border-color: rgba(var(--base-color), var(--divider-alpha, .1)); text-align: left; width: 100%; } table .id a, table .actions a { margin: 0 0.25rem 0.25rem 0; } table .id a:last-child, table .actions a:last-child { margin: 0; } table tr { --divider-alpha: .07; border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } table th { font-weight: 500; } table td, table th { border-color: rgba(var(--base-color), var(--divider-alpha, .1)); vertical-align: top; padding: 0.75rem 0.5rem; } table td:first-child, table th:first-child { padding-left: 0; } table td:last-child, table th:last-child { padding-right: 0; } table thead tr { --divider-alpha: .15; } table thead th { color: rgba(var(--headings-color), var(--headings-alpha, 1)); } table tbody:last-child tr:last-child { border-bottom: 0; } table tfoot tr { border: 0; } table tfoot th, table tfoot td { padding-top: 0.5rem; padding-bottom: 0.5rem; } table tfoot .mark { text-align: right; } table[border] { border-style: solid; } table[border] tr { --divider-alpha: .07; } table[border] td:first-child, table[border] th:first-child { padding-left: 0.5rem; } table[border][style*="border-color"] tr, table[border][style*="border-color"] th, table[border][style*="border-color"] td { border-color: inherit; } @media (max-width: 640.98px) and screen { .mobile-table, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) { display: block; } .mobile-table thead, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) thead { display: none; } .mobile-table tbody, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tbody, .mobile-table tfoot, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tfoot, .mobile-table th, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) th, .mobile-table tr, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tr, .mobile-table td, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) td { display: block; } .mobile-table tr, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tr { margin-bottom: 0.75rem; padding-bottom: 0.75rem; } .mobile-table td, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) td, .mobile-table th, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) th { padding: 0.25rem 0; } .mobile-table td[data-th]::before, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) td[data-th]::before, .mobile-table th[data-th]::before, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) th[data-th]::before { padding-right: 10px; content: attr(data-th) ': '; display: inline-block; color: rgba(var(--base-color), var(--muted-alpha, .6)); font-weight: 500; } .mobile-table tfoot, .table:not(.additional-attributes):not(.table-totals):not(.totals):not(.cart):not(.table-comparison):not(.grouped) tfoot { text-align: right; } } hr { margin: 0.75rem 0; border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); border-right: 0; border-left: 0; border-bottom: 0; } p.required { color: rgba(var(--danger-color), var(--danger-alpha, 1)); } .note { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .prose, .cms-no-route .main, .cms-page-view .main { font-size: 1.125rem; line-height: 1.75rem; } .text-reset { font-size: 1rem; line-height: 1.5rem; } .filter-invert { filter: invert(1); } .font-sans { font-family: 'Nunito Sans', sans-serif !important; } .font-serif { font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .font-thin { font-weight: 100 !important; } .font-extralight { font-weight: 200 !important; } .font-light { font-weight: 300 !important; } .font-normal { font-weight: 400 !important; } .font-medium { font-weight: 500 !important; } .font-semibold { font-weight: 600 !important; } .font-bold { font-weight: 700 !important; } .font-extrabold { font-weight: 800 !important; } .font-black { font-weight: 900 !important; } .text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; } .text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } .text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; } .text-3xl { font-size: 1.875rem !important; line-height: 2.25rem !important; } .text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; } .text-5xl { font-size: 3rem !important; line-height: 1 !important; } .leading-tight { line-height: 1.25 !important; } .leading-snug { line-height: 1.375 !important; } .leading-normal { line-height: 1.5 !important; } .leading-relaxed { line-height: 1.625 !important; } .leading-loose { line-height: 2 !important; } .line-clamp-2 { --line-clamp: 2; } .line-clamp-3 { --line-clamp: 3; } .line-clamp-4 { --line-clamp: 4; } .line-clamp-5 { --line-clamp: 5; } .line-clamp-6 { --line-clamp: 6; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center, .a-center { text-align: center; } .nowrap { white-space: nowrap; } .underline { text-decoration: underline; } .select-none { user-select: none; } .rounded { border-radius: 0.25rem; } .rounded-sm { border-radius: 0.125rem; } .rounded-md { border-radius: 0.375rem; } .rounded-lg { border-radius: 0.5rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-full { border-radius: 9999px; } .relative { position: relative; } .absolute { position: absolute; } .top-0 { top: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } .right-0 { right: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .gap-1 { gap: 0.25rem; } .gap, .gap-2 { gap: 0.5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-8 { gap: 2rem; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .justify-center { justify-content: center; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-evenly { justify-content: space-evenly; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .shrink-0 { flex-shrink: 0; } .grow-0 { flex-grow: 0; } .no-display, .abs-no-display { display: none; } .hide { display: none !important; } .show { display: revert !important; } .flex { display: flex !important; } .inline-flex { display: inline-flex !important; } .flex-col { flex-direction: column; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .mx-auto { margin-left: auto; margin-right: auto; } .ml-auto { margin-left: auto; } .mr-auto { margin-right: auto; } .mx-0 { margin-left: 0; margin-right: 0; } .ml-0 { margin-left: 0; } .mr-0 { margin-right: 0; } .w-full { width: 100%; } .max-w-xs { max-width: 480px; } .max-w-sm { max-width: 641px; } .max-w-md { max-width: 769px; } .max-w-lg { max-width: 1025px; } .max-w-xl { max-width: 1285px; } .max-w-xxl { max-width: 1536px; } .max-w-40 { max-width: 10rem; } .max-w-80 { max-width: 20rem; } .grid { display: grid !important; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (min-width: 480px) { .xs\:hide, .xs-hide { display: none !important; } .xs\:show, .xs-show { display: revert !important; } .xs\:flex, .xs-flex { display: flex !important; } .xs\:grid { display: grid !important; } .xs\:mx-auto { margin-left: auto; margin-right: auto; } .xs\:ml-auto { margin-left: auto; } .xs\:mr-auto { margin-right: auto; } .xs\:mx-0 { margin-left: 0; margin-right: 0; } .xs\:ml-0 { margin-left: 0; } .xs\:mr-0 { margin-right: 0; } } @media (min-width: 641px) { .sm\:hide, .sm-hide { display: none !important; } .sm\:show, .sm-show { display: revert !important; } .sm\:flex, .sm-flex { display: flex !important; } .sm\:grid { display: grid !important; } .sm\:mx-auto { margin-left: auto; margin-right: auto; } .sm\:ml-auto { margin-left: auto; } .sm\:mr-auto { margin-right: auto; } .sm\:mx-0 { margin-left: 0; margin-right: 0; } .sm\:ml-0 { margin-left: 0; } .sm\:mr-0 { margin-right: 0; } } @media (min-width: 769px) { .md\:hide, .md-hide { display: none !important; } .md\:show, .md-show { display: revert !important; } .md\:flex, .md-flex { display: flex !important; } .md\:a-right, .md-a-right { text-align: right; } .md\:grid { display: grid !important; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:mx-auto { margin-left: auto; margin-right: auto; } .md\:ml-auto { margin-left: auto; } .md\:mr-auto { margin-right: auto; } .md\:mx-0 { margin-left: 0; margin-right: 0; } .md\:ml-0 { margin-left: 0; } .md\:mr-0 { margin-right: 0; } } @media (min-width: 1025px) { .lg\:hide, .lg-hide { display: none !important; } .lg\:show, .lg-show { display: revert !important; } .lg\:flex, .lg-flex { display: flex !important; } .lg\:grid { display: grid !important; } .lg\:mx-auto { margin-left: auto; margin-right: auto; } .lg\:ml-auto { margin-left: auto; } .lg\:mr-auto { margin-right: auto; } .lg\:mx-0 { margin-left: 0; margin-right: 0; } .lg\:ml-0 { margin-left: 0; } .lg\:mr-0 { margin-right: 0; } } @media (min-width: 1285px) { .xl\:hide, .xl-hide { display: none !important; } .xl\:show, .xl-show { display: revert !important; } .xl\:flex, .xl-flex { display: flex !important; } .xl\:grid { display: grid !important; } .xl\:mx-auto { margin-left: auto; margin-right: auto; } .xl\:ml-auto { margin-left: auto; } .xl\:mr-auto { margin-right: auto; } .xl\:mx-0 { margin-left: 0; margin-right: 0; } .xl\:ml-0 { margin-left: 0; } .xl\:mr-0 { margin-right: 0; } } @media (min-width: 1536px) { .xxl\:hide, .xxl-hide { display: none !important; } .xxl\:show, .xxl-show { display: revert !important; } .xxl\:flex, .xxl-flex { display: flex !important; } .xxl\:grid { display: grid !important; } .xxl\:mx-auto { margin-left: auto; margin-right: auto; } .xxl\:ml-auto { margin-left: auto; } .xxl\:mr-auto { margin-right: auto; } .xxl\:mx-0 { margin-left: 0; margin-right: 0; } .xxl\:ml-0 { margin-left: 0; } .xxl\:mr-0 { margin-right: 0; } } @media (max-width: 768.98px) { .md-down\:justify-center { justify-content: center; } .md-down\:a-center, .md-down-a-center { text-align: center; } } @keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } [data-mage-init*='"collapsible":']:not([data-mage-init*='"active":true']) > [data-role=content] { display: none; } .block-collapsible-nav { font-size: 1rem; line-height: 1.5rem; } @media (max-width: 768.98px) { .sidebar .block-collapsible-nav { background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); position: absolute; margin: 0 !important; top: 0; width: 100%; } } @media (min-width: 769px) { .block-collapsible-nav > .title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } } .block-collapsible-nav .content ul { list-style: none; padding: 0; margin: 0; } .block-collapsible-nav .content .item > a, .block-collapsible-nav .content .item > strong { display: block; padding: 0.25rem 0; color: inherit; } .block-collapsible-nav .content .delimiter { display: block; border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); margin-top: 0.75rem; margin-bottom: 0.75rem; } @media (max-width: 768.98px) { .block-collapsible-nav .content { display: none; } .block-collapsible-nav .content::after { content: ''; display: block; width: 100%; height: 10px; margin-top: -10px; box-shadow: 0 10px 10px rgba(var(--base-bg), var(--base-bg-alpha, 1)); } .block-collapsible-nav .content.active { display: block; } } @media (min-width: 769px) { .block-collapsible-nav .content { padding: 0.75rem 0; background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .block-collapsible-nav .content .item > a, .block-collapsible-nav .content .item > strong { padding: 0.375rem 0.75rem; border-left: 3px solid transparent; } .block-collapsible-nav .content .current > a, .block-collapsible-nav .content .current > strong { border-color: rgba(var(--brand-color), var(--brand-alpha, 1)); } .block-collapsible-nav .content .delimiter { margin-left: 0.75rem; margin-right: 0.75rem; } } .dropdown.options { position: relative; } .modal-slide, .modal-popup, .modal-custom { visibility: hidden; pointer-events: none; } :root { --container-margin: 0 auto; --container-max-width: 1260px; --container-padding: 0.375rem 0.5rem; } .container, .top-container, .breadcrumbs ul, .page-main, .footer.content, .message.global .content, .header.panel, .header.content, :where(.page-wrapper, .page-header) > .navigation-wrapper .navigation, .page-layout-cms-full-width main .page-title-wrapper .page-title, [data-content-type="row"] [data-element="inner"], .page-wrapper > .navigation-wrapper .navigation, .page-header > .navigation-wrapper .navigation { width: 100%; max-width: var(--container-max-width); margin: var(--container-margin); padding: var(--container-padding); } .scroller { width: 100%; overflow: auto; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; } .scroller::-webkit-scrollbar { display: none; } .loading-mask, .load.indicator { inset: 0; margin: auto; position: fixed; z-index: 800; --base-bg-alpha: .6; background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); display: flex; align-items: center; justify-content: center; } body > .loading-mask, body > .load.indicator { z-index: 990; } body > .loading-mask { position: fixed !important; } .loading-mask .loader { flex-shrink: 0; flex-grow: 0; } .loading-mask .loader p, .loading-mask .loader img { display: none; } ._block-content-loading { position: relative; } .switcher { display: inline-block; } .tooltip.wrapper { position: relative; } .tooltip.wrapper .tooltip.content { top: 100%; } @media (min-width: 480px) { .tooltip.wrapper .tooltip.content { right: auto; left: 0; } } .towishlist, .tocompare, .action.split, .action.print, .action.mailto { display: inline-flex; align-items: center; } .towishlist::before, .tocompare::before, .action.split::before, .action.print::before, .action.mailto::before { flex-shrink: 0; content: ''; width: 2rem; height: 2rem; } [data-bind*="authenticationPopup"]:not([style]) { display: none; } :where(.page-main .block ~ div, .page-bottom .block ~ div) { margin-top: 1.5rem; } .sidebar-main .block:last-child { margin-bottom: 1.5rem; } .block .block-title a { font-size: 1rem; line-height: 1.5rem; font-weight: 400; } .block .block-title .counter { font-size: 0.875rem; line-height: 1.25rem; white-space: nowrap; } .block .subtitle { display: none; } .block .box { margin-bottom: 0.75rem; } @media (min-width: 769px), print { .block .box { width: 50%; float: left; max-width: 400px; } .block .box:last-child { margin: 0; } .block .box:nth-child(2n+1) { clear: left; } } .block .box-title { display: block; margin-bottom: 0.5rem; } .sidebar .block .box { width: auto; } .block-actions { margin-bottom: 0.5rem; } .actions-toolbar, .box-actions, .cart-container .cart.actions { clear: both; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.5rem; } .actions-toolbar > .actions, .actions-toolbar > div.primary, .actions-toolbar > div.secondary { display: contents; } .page-title-wrapper .actions-toolbar { margin: 0.75rem 0; } .actions-toolbar .action.back { display: none; } .block-compare .action.delete, .filter .action.remove, .sidebar .action.delete, .sidebar .action.remove { display: inline-flex; align-items: center; margin-left: auto; } .block-compare .action.delete::before, .filter .action.remove::before, .sidebar .action.delete::before, .sidebar .action.remove::before { content: ''; width: 1.25rem; height: 1.25rem; } .breadcrumbs { min-height: 2.25rem; } .category-image { margin: 0 0 0.5rem; } .category-image + .category-description { margin-top: 0; } .category-description { margin: 0 0 0.5rem; } .category-description [data-content-type="row"] [data-element="inner"] { max-width: none; padding: 0; margin: 0; } .table-comparison { width: auto; } .table-comparison th.label { width: 10rem; } .table-comparison td.product { width: 15rem; } .table-comparison .product-item-photo { display: inline-block; } .table-comparison .product-item-name { display: block; } .table-comparison .price-box { margin: 0.5rem 0; } :root { --sidebar-width: 180px; --sidebar-gap: 1rem; } @media (min-width: 1025px) { :root { --sidebar-width: 300px; --sidebar-gap: 2rem; } } .column.main { min-height: clamp(100px, 25vh, 300px); } .page-title-wrapper ~ .columns { margin-top: 1rem; } .page-main > .columns { position: relative; display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr; grid-template-areas: "main" "sidebar" "additional"; gap: var(--sidebar-gap); row-gap: 0; } @media (min-width: 769px) { .page-layout-3columns .page-main > .columns, .page-layout-2columns-left .page-main > .columns { grid-template-columns: var(--sidebar-width) 1fr; grid-template-areas: "sidebar main" "additional main"; } .page-layout-2columns-right .page-main > .columns { grid-template-columns: 1fr var(--sidebar-width); grid-template-areas: "main sidebar" "main additional"; } } @media (min-width: 1025px) { .page-layout-3columns .page-main > .columns { grid-template-columns: var(--sidebar-width) 1fr var(--sidebar-width); grid-template-areas: "sidebar main additional"; } } .page-main > .columns > .main { grid-area: main; min-width: 0; } .page-main > .columns > .sidebar-main { grid-area: sidebar; } .page-main > .columns > .sidebar-additional { grid-area: additional; } .page-footer .switcher { margin-bottom: 0.5rem; } .page-footer .pagebuilder-column-group + .pagebuilder-column-group { margin-top: 2.5rem; } .page-footer .block .title, .page-footer .block .block-title { border: 0; padding: 0; font-size: 1rem; } .page-footer .block.newsletter { margin: 0 0 1rem; } .page-footer .block.newsletter .form { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; max-width: 420px; margin: 0 auto; text-align: left; } .page-footer .block.newsletter .form > :not(.newsletter):not(.actions) { order: 10; } .page-footer .block.newsletter .control input { min-width: 250px; } .footer.content { padding-top: 2rem; text-align: center; } .footer.links { display: flex; flex-wrap: wrap; column-gap: 0.5rem; justify-content: center; } .footer.links a:hover { text-decoration: underline; } .copyright { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .message.global { color: #222; background: rgb(var(--yellow)); margin: 0; border-radius: 0; } .message.global .content { --container-padding: 1rem; } .message.global .actions { margin-top: 0.75rem; } .message.global.cookie { position: fixed; z-index: 40; bottom: 0; left: 0; right: 0; } .message.global.noscript { text-align: center; } :root { --header-panel-slideout: true; } .header.panel, .header.links, .header.content { display: flex; gap: 1rem; } .header.links a .counter { font-size: 0.875rem; line-height: 1.25rem; opacity: .6; white-space: nowrap; } .header.links a .counter::before { content: '('; } .header.links a .counter::after { content: ')'; } .header.panel { justify-content: flex-end; align-items: flex-start; } .header.panel .switcher { flex-shrink: 0; } @media (max-width: 479.98px) { .header.panel { flex-wrap: wrap; justify-content: center; } .header.panel .header-panel-info { width: 100%; margin: 0; justify-content: center; } .header.panel > .switcher { max-width: 50%; } } .header.content { position: relative; align-items: center; } .page-header { position: relative; } .page-header .logo img:not([width]) { width: 100%; min-width: 80px; max-width: 170px; } .page-header .logo + *, .page-header .logo + .navigation-wrapper + *, .page-header .logo + .navigation-wrapper + script + * { margin-left: auto; } .page-header .block .block-title { font-size: 1rem; margin: 0; } .header-panel-info { margin: 0 auto 0 0; display: flex; flex-wrap: wrap; flex-grow: 1; align-items: center; column-gap: 0.75rem; } .header-panel-info .heading, .header-panel-info .switcher-label { display: none; } .header-panel-info .icon { width: 1.25rem; height: 1.25rem; } .header-panel-info a { color: currentColor; } :where(.header-panel-info a) { display: flex; align-items: center; gap: 0.25rem; } :where(.header-panel-info a):hover { text-decoration: underline; } @media (max-width: 640.98px) { .page-header .panel.wrapper { display: none; } } @media (min-width: 641px) { .navigation-wrapper .mobile-header-panel { display: none; } } @media (max-width: 768.98px) { .header.content > .switcher > .actions > .action span, .header.content > .switcher > .actions > .action strong:has(span) { display: none; } } .switcher .account-dropdown > .action::before, .switcher .wishlist-dropdown > .action::before { flex-shrink: 0; } .switcher .account-dropdown > .action::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; } .switcher .wishlist-dropdown > .action::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" /></svg>') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; } @media (max-width: 768.98px) { .block.filter .filter-content { position: fixed; visibility: hidden; } } @media (min-width: 769px) { .column.main .block.filter .filter-options-content { display: none; position: absolute; pointer-events: none; right: 0; } .column.main .block.filter .filter-options-content .item { display: block; padding: 0.25rem 0.5rem; } } .block.filter .filter-current li { display: flex; align-items: center; column-gap: 0.25rem; } .block.filter .filter-current li span { white-space: nowrap; } .block.filter .filter-current li span.filter-value { text-overflow: ellipsis; overflow: hidden; } .block.filter .filter-current li .filter-label::after { content: ':'; } .block.filter .filter-current li .action.remove { opacity: .3; } .block.filter .filter-value { opacity: .6; } .block.filter .filter-actions { margin: 0.375rem 0 0.75rem; opacity: .6; text-align: right; font-size: 0.875rem; line-height: 1.25rem; } .block.filter .filter-title::after { transform: none; display: none; } .block.filter .filter-title label { display: flex; align-items: center; gap: 0.25rem; } .block.filter .filter-content-close { display: none; } .block.filter .filter-current ~ .filter-options { margin-top: 0.75rem; } .block.filter .filter-subtitle { display: none; } .block.filter .filter-options-item { margin-bottom: 0.25rem; } .block.filter .filter-options-item:last-child { margin-bottom: 0; border: 0; } .block.filter .filter-options-title { font-weight: 500; padding: 0.25rem 0; } .block.filter .filter-options-title :first-child { margin-right: auto; } .block.filter .filter-options-title::after { opacity: .3; } .block.filter .filter-options-content > :first-child { margin: 0.5rem 0 0.75rem; } .block.filter dt { padding: 0.25rem 0; } .block.filter .content .count, .block.filter .filter-options .count { font-size: 0.875rem; line-height: 1.25rem; display: inline-flex; white-space: nowrap; font-weight: 300; color: rgba(var(--base-color), var(--muted-alpha, .6)); margin-left: 0.25rem; } .block.filter .content .count::before, .block.filter .filter-options .count::before { content: '('; } .block.filter .content .count::after, .block.filter .filter-options .count::after { content: ')'; } .block.filter .initially-active.active .filter-options-title::after { opacity: 0; } @media (min-width: 769px) { .column.main .block.filter { margin-bottom: 1rem; } .column.main .block.filter .filter-title { display: none; } .column.main .block.filter .filter-current { display: inline-flex; align-items: flex-start; gap: 0.75rem; margin-right: 0.5rem; } .column.main .block.filter .filter-current-subtitle { padding: 0.25rem 0; flex-shrink: 0; } .column.main .block.filter .filter-current-subtitle::after { content: ':'; } .column.main .block.filter .filter-current .items { display: flex; flex-wrap: wrap; gap: 0.5rem; } .column.main .block.filter .filter-current li { padding: 0.25rem 0.75rem; background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); border-radius: 24rem; } .column.main .block.filter .filter-current ~ .filter-options { margin-top: 0.25rem; } .column.main .block.filter .filter-actions { display: inline-flex; } .column.main .block.filter .filter-options { display: flex; flex-wrap: wrap; column-gap: 0.75rem; } .column.main .block.filter .filter-options-item { margin: 0; border: 0; position: relative; } .column.main .block.filter .filter-options a { display: block; } .column.main .block.filter .filter-options .item > a { flex-grow: 1; } .column.main .block.filter .filter-options-title::after { opacity: 0.3; } .column.main .block.filter .filter-options-content { display: block !important; height: auto; width: 13rem; right: auto; left: -9999px; margin-left: -6rem; } .column.main .block.filter .filter-options-content[aria-hidden=false] { left: 50%; } .column.main .block.filter .filter-options-content > :first-child { margin: 0; } } @media (max-width: 768.98px) { .block.filter .filter-title { border: 0; padding: 0.5rem 0.25rem 0.5rem 0; display: flex; align-items: center; gap: 0.25rem; } .block.filter .filter-title::before { content: ''; width: 1.5rem; height: 1.5rem; flex-shrink: 0; } .block.filter .filter-title[data-count]::after { font-size: 0.875rem; line-height: 1.25rem; margin-left: 0.125rem; content: attr(data-count); display: flex; align-items: center; justify-content: center; min-width: 1.25rem; min-height: 1.25rem; background: rgba(var(--danger-color), var(--danger-alpha, 1)); color: #ffffff; border-radius: 1.25rem; padding: 0 0.25rem; } .block.filter .filter-title[data-count="0"]::after { display: none; } .page-layout-1column .block.filter .filter-title, .sidebar .block.filter .filter-title { position: absolute; z-index: 10; top: 0; margin: 0; max-width: 9rem; white-space: nowrap; overflow: hidden; } .block.filter .filter-current-subtitle { display: block; padding: 0.25rem 0; } .block.filter .filter-content .item { padding: 0.125rem 0; } } @media (max-width: 768.98px) { .page-with-filter.page-title-in-content .columns { padding-top: 3.25rem; } .page-with-filter.page-title-in-content .toolbar:not(.toolbar ~ .toolbar) { position: absolute; top: 0; width: 100%; flex-wrap: nowrap; margin: 0; } } @media (max-width: 640.98px) { .page-with-filter.page-title-in-content .toolbar-amount { display: none; } } @media (max-width: 768.98px) { .page-with-filter .toolbar .modes { margin-left: 9rem; } } @media (max-width: 640.98px) { .page-with-filter .toolbar .sorter > label { display: none; } } @media (max-width: 479.98px) { .page-with-filter .toolbar .sorter { width: calc(100% - 9rem); } .page-with-filter .toolbar .modes { display: none; } } :root { --listing-grid-gap: 1.25rem; --listing-grid-row-gap: 1.25rem; --listing-grid-columns: 2; --listing-grid-item-padding: 0px; --listing-grid-item-margin: 0px; } @media (min-width: 641px) { :root { --listing-grid-columns: 3; } } @media (min-width: 1025px) { :root { --listing-grid-columns: 3; } } @media (min-width: 769px) { .page-layout-1column { --listing-grid-columns: 4; } } @media (min-width: 1025px) { .page-layout-1column { --listing-grid-columns: 5; } } @media (min-width: 1025px) { .page-layout-3columns { --listing-grid-columns: 3; } } .product-image-container { display: flex; align-items: center; justify-content: center; max-width: 100%; aspect-ratio: var(--image-container-aspect-ratio, none); width: var(--image-container-width, auto); overflow: hidden; } .product-image-container .product-image-wrapper { padding: 0 !important; width: 100%; } .product-item-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; } .actions-primary .stock { color: rgba(var(--base-color), var(--muted-alpha, .6)); white-space: nowrap; } .actions-secondary { display: flex; gap: 0.125rem; } .actions-secondary .action { padding: 0px; color: rgba(var(--base-color), var(--muted-alpha, .6)); background: transparent; border-radius: 0; } .actions-secondary .action::before { width: 2rem; height: 2rem; } .actions-secondary .action:focus-visible { z-index: 2; } .actions-secondary .action .loading-mask { border-radius: 0; } .product-items .product-item-photo { position: relative; } .product-items .product-item-info { position: relative; display: flex; gap: 0.5rem; } .product-items .product-item-details { flex: 1 1; display: flex; flex-direction: column; width: 100%; } .product-items .product-item-details .product-item-name, .product-items .product-item-details .price-box, .product-items .product-item-details .product-reviews-summary { margin-bottom: 0.25rem; } .sidebar .product-items .product-item-info .action.delete { position: absolute; right: 0.125rem; top: 0.125rem; } .sidebar .products-list .product-items .product-item + .product-item { margin-top: 0.75rem; } .sidebar .products-grid .product-items, .sidebar [data-appearance="carousel"] .product-items { --listing-grid-columns: 2; --listing-grid-gap: 0.5rem; --listing-grid-row-gap: 0.5rem; } .product-items.product-items-names .product-item { display: flex; align-items: center; gap: 0.5rem; } .product-items.product-items-names .product-item + .product-item { margin-top: 0.125rem; } .product-items.product-items-names strong { font-weight: normal; } .product-items.product-items-names .choice .control { display: flex; } .products-grid .product-items, [data-appearance="carousel"] .product-items { display: flex; flex-wrap: wrap; gap: var(--listing-grid-gap); row-gap: var(--listing-grid-row-gap); } .products-grid .product-items .product-item, [data-appearance="carousel"] .product-items .product-item { position: relative; margin: var(--listing-grid-item-margin); max-width: var(--listing-grid-item-max-width, 400px); width: calc((100% - var(--listing-grid-item-margin) * var(--listing-grid-columns) * 2 - var(--listing-grid-gap) * (var(--listing-grid-columns) - 1)) / var(--listing-grid-columns)); } @media (hover: hover) { .products-grid .product-items .product-item:hover, .products-grid .product-items .product-item:has(:focus-visible), [data-appearance="carousel"] .product-items .product-item:hover, [data-appearance="carousel"] .product-items .product-item:has(:focus-visible) { z-index: 10; overflow: visible; --listing-grid-item-margin: 0px; --listing-grid-item-padding: 0px; } } .products-grid .product-items .product-item-info, [data-appearance="carousel"] .product-items .product-item-info { height: 100%; width: 100%; flex-direction: column; padding: var(--listing-grid-item-padding); } @media (hover: hover) { .products-grid .product-items .product-item:hover .product-item-info, [data-appearance="carousel"] .product-items .product-item:hover .product-item-info { z-index: 10; background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); } .products-grid .product-items .product-item:has(:focus-visible) .product-item-info, [data-appearance="carousel"] .product-items .product-item:has(:focus-visible) .product-item-info { z-index: 10; background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); } } .products-grid .product-items .product-image-container, [data-appearance="carousel"] .product-items .product-image-container { width: 100%; } .products-grid .product-items .product-item-photo img, [data-appearance="carousel"] .product-items .product-item-photo img { width: 100%; } .products-grid .product-items .product-item-inner, [data-appearance="carousel"] .product-items .product-item-inner { padding-top: 0.25rem; display: flex; flex-direction: column; gap: 0.25rem; } @media (max-width: 479.98px) { .products-grid .product-items .product-reviews-summary:not(.no-rating) .action, [data-appearance="carousel"] .product-items .product-reviews-summary:not(.no-rating) .action { text-decoration: none; } .products-grid .product-items .product-reviews-summary:not(.no-rating) .action span, [data-appearance="carousel"] .product-items .product-reviews-summary:not(.no-rating) .action span { display: none; } } .products-list .product-items .product-item + .product-item { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } .sidebar .products-list .product-items .product-item + .product-item { border: 0; margin-top: 0.375rem; padding-top: 0.375rem; } .products-list .product-items .product-item-info { gap: 0.75rem; } .sidebar .products-list .product-items .product-item-info { gap: 0.5rem; } .products-list .product-items .product-item-info > :first-child { max-width: 28%; } .sidebar .products-list .product-items .product-item-info > :first-child { max-width: 35%; } .products-list .product-items .product-item-actions { margin: 0.25rem 0; } .products-list .product-items .product-item-description { margin-top: 0.5rem; } .dropdown .product-items .product-item-info { gap: 0.75rem; } .toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin: 0 0 1.25rem; } .toolbar.bottom { margin-top: 1.25rem; } .toolbar ~ .products { margin: 1.25rem 0; } .toolbar > .pager { display: contents; } .toolbar label, .toolbar .limiter-text { white-space: nowrap; } .toolbar select { max-width: 130px; } @media (min-width: 769px) { .toolbar select { max-width: 170px; } } .toolbar .sorter, .toolbar .limiter { display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; margin-left: auto; } .toolbar .sorter-action { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .toolbar .sorter-action::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; } .toolbar .modes { display: flex; align-items: center; border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } .toolbar .modes:not(:has(a)) { display: none; } .toolbar .modes a { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .toolbar .mode-grid { border-right: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } .toolbar .mode-grid, .toolbar .mode-list { padding: 0.5rem; } .toolbar .mode-grid::before, .toolbar .mode-list::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; } @media (max-width: 640.98px) { .toolbar .modes ~ .toolbar-amount { order: 100; width: 100%; } } .toolbar .toolbar-amount + .pages { margin-left: auto; } .products-grid + .pager { margin: 1.25rem 0; } .pages { display: flex; align-items: center; } .pages .items { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; } .pages .items a, .pages .items .page { display: flex; align-items: center; justify-content: center; color: inherit; padding: 0.25rem 0.5rem; } .pages .items a:hover, .pages .items .page:hover { text-decoration: none; } .pages .items .current .page { background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .pages .action.previous, .pages .action.next { display: flex; align-items: center; color: rgba(var(--base-color), var(--muted-alpha, .6)); } .pages .action.previous::before, .pages .action.next::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; } .minicart-wrapper .action.showcart::before { content: ''; display: block; width: 1.25rem; height: 1.25rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" fill-rule="evenodd" clip-rule="evenodd"><g id="icons/cart"><path id="Union" clip-rule="evenodd" d="M1.25 2C1.25 1.58579 1.58579 1.25 2 1.25H2.88918C4.24891 1.25 5.4045 2.24372 5.60816 3.5881L5.70843 4.25H19.56C21.2956 4.25 22.5972 5.83793 22.2565 7.53972L21.2558 12.5397C20.9985 13.8249 19.87 14.75 18.5592 14.75H7.44312L7.72464 16.2331C7.83662 16.823 8.35224 17.25 8.95271 17.25H18C18.4142 17.25 18.75 17.5858 18.75 18C18.75 18.4142 18.4142 18.75 18 18.75H8.95271C7.63169 18.75 6.49731 17.8107 6.25095 16.5128L5.80052 14.1399L5.79875 14.1306L5.79722 14.1212L4.32335 5.12121L4.3219 5.11234L4.32195 5.11234L4.12508 3.81277C4.03251 3.20169 3.50724 2.75 2.88918 2.75H2C1.58579 2.75 1.25 2.41421 1.25 2ZM7.17453 13.25L5.94631 5.75H19.56C20.3489 5.75 20.9405 6.47179 20.7857 7.24533L19.7849 12.2453C19.668 12.8295 19.155 13.25 18.5592 13.25H7.17453ZM10 21C10 21.5523 9.55228 22 9 22C8.44772 22 8 21.5523 8 21C8 20.4477 8.44772 20 9 20C9.55228 20 10 20.4477 10 21ZM17 22C17.5523 22 18 21.5523 18 21C18 20.4477 17.5523 20 17 20C16.4477 20 16 20.4477 16 21C16 21.5523 16.4477 22 17 22Z"/></g></svg>') no-repeat 50% 50%; -webkit-mask-size: 1.25rem 1.25rem; } .minicart-wrapper { position: relative; } .minicart-wrapper .action.showcart { position: relative; } .minicart-wrapper .action.showcart::before { content: ''; flex-shrink: 0; display: block; width: 1.25rem; height: 1.25rem; } .minicart-wrapper .action.showcart .counter.qty.empty { opacity: 0; } .minicart-wrapper .action.showcart .counter.qty { position: absolute; top: 5px; right: 0; height: 0.625rem; width: 0.625rem; border-radius: 999px; background: rgba(var(--brand-color), var(--brand-alpha, 1)); } .minicart-wrapper .action.showcart .counter.qty span { display: none; } .minicart-wrapper > .block-minicart { display: none; } .minisearch .label::before, .minisearch .action.search::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg>') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; } @media (min-width: 641px) { .block-search { position: relative; } } .header .block-search .block-title { display: none; } .header .block-search .label::before { display: none; } @media (max-width: 640.98px) { .header .block-search .label::before { display: block; } } .minisearch { display: flex; align-items: center; justify-content: flex-end; } .minisearch .control { padding: 1rem; background: rgba(var(--base-bg), var(--base-bg-alpha, 1)); position: absolute; top: 100%; margin: 0 !important; left: -9999px; } @media (min-width: 641px) { .minisearch .control { background: transparent; position: static; display: block; padding: 0; } } .minisearch .control .input-text { padding-right: 2.25rem; text-overflow: ellipsis; min-width: 240px; } .minisearch .control .nested { display: none; position: absolute; top: 100%; font-size: 0.875rem; line-height: 1.25rem; } .minisearch .actions { display: none; position: absolute; top: calc(100% + 1.5rem); right: 1rem; } @media (min-width: 641px) { .minisearch .actions { display: flex; position: static; } } .minisearch .action.search { margin-left: -2rem; } @media (max-width: 640.98px) { .minisearch .action.search { display: none; } } .message:where(.warning, .success, .notice, .error, .info) { display: flex; align-items: flex-start; gap: 0.25rem; padding: 0.75rem 1rem; margin-bottom: 0.75rem; border: 1px solid transparent; } .message:where(.warning, .success, .notice, .error, .info)::before { margin: 0; flex-shrink: 0; content: ''; width: 1.5rem; height: 1.5rem; } .message > div, .message > span { margin-right: auto; } .message > div + .button-close, .message > span + .button-close { margin-left: 0; } div + .message, .control .message { margin-top: 0.5rem; } .message a { text-decoration: underline !important; } .old-price.map-old-price { text-decoration: none; } .product-info-price .old-price.map-old-price { display: inline-block; } .map-fallback-price { display: none; } .map-show-info { margin-right: 0.25rem; } @media (max-width: 640.98px) { .navigation-wrapper { position: fixed; visibility: hidden; display: none; } } :root { --navigation-media-mobile: (max-width: 640.98px); } .nav-toggle { flex-shrink: 0; flex-grow: 0; display: flex; align-items: center; margin: 0 -0.5rem 0 0; } :where(.page-wrapper, .page-header) > .navigation-wrapper .navigation > ul { margin-left: -0.5rem; } @media (min-width: 641px) and (max-width: 1024.98px) { .header.content { flex-wrap: wrap; } .header.content > .navigation-wrapper { order: 9999; width: 100%; margin-bottom: -0.5rem; } .header.content > .navigation-wrapper .navigation > ul { margin-left: -0.5rem; } } .navigation { color: rgba(var(--base-color), var(--base-alpha, 1)); } @media (min-width: 641px) { .navigation .active > a.level-top, .navigation .has-active > a.level-top { --divider-alpha: .05; background: rgba(var(--base-color), var(--divider-alpha, .1)); } } .navigation li { position: relative; } .navigation .parent > a { padding-right: 1.5rem; } @media (min-width: 641px) { [data-action="toggle-nav"] { display: none; } .navigation > ul { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 0.5rem; } } .nav-toggle::after { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /></svg>') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; z-index: 39; width: 3rem; height: 3rem; } a[href*="&content=/bmlweb/ppwpsiw.html"] { display: none; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment-icon[src*="paypalobjects.com"] { width: 39px; } } .box-tocart .fieldset .actions > div.paypal-logo:not(.braintree-paypal-logo) { width: auto; } .page-wrapper { display: flex; flex-direction: column; min-height: 100vh; margin: 0 auto; } [data-content-type="tabs"] .tab-header { padding: 0.625rem 1rem; } [data-content-type="tabs"] .tabs-content > div { padding: 0.75rem 1rem; } .page-layout-cms-full-width .page-main { max-width: none; margin: 0; padding: 0; } body:not(.page-layout-cms-full-width) .main > [data-content-type="row"] [data-element="inner"], .modal-content [data-content-type="row"] [data-element="inner"] { padding: 0; margin: 0; max-width: none; } @media (max-width: 768.98px) { .pagebuilder-mobile-hidden { display: none; } } @media (min-width: 769px) { .pagebuilder-mobile-only { display: none; } } .highlight { font-weight: 500; } @media (min-width: 1285px) { .xl-bg-clamp [data-background-images] { background-size: clamp(0px, 1400px, 100%) !important; } .xl-bg-center [data-background-images] { background-position: center !important; } } [data-content-type="row"] [data-element="inner"] { padding-top: 0; padding-bottom: 0; } [data-content-type="row"] [data-element="inner"].narrow { --container-max-width: 769px; } form, button, [data-content-type="buttons"] { line-height: 1.5rem; } [data-content-type="buttons"] { display: flex; flex-wrap: wrap; gap: 1rem; } [data-content-type="buttons"][data-appearance="stacked"] { flex-direction: column; } [data-content-type="tabs"] .tabs-navigation { display: flex; } [data-content-type="tabs"] .tab-header > a { color: inherit; } [data-content-type="tabs"] .tab-header > a:hover { text-decoration: none; } [data-content-type="banner"] > a, [data-content-type="slider"] > a, [data-content-type="slide"] > a { outline-offset: -4px; } [data-content-type="banner"] a, [data-content-type="slider"] a { display: block; } [data-content-type="banner"] a:hover, [data-content-type="slider"] a:hover { text-decoration: none !important; } .v-middle .pagebuilder-banner-wrapper, .v-middle .pagebuilder-slide-wrapper { display: flex; align-items: center; } .pagebuilder-overlay { padding: 30px; position: relative; } .pagebuilder-overlay.pagebuilder-poster-overlay { align-items: center; display: flex; justify-content: center; text-align: center; } .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; width: 100%; } [data-appearance='collage-centered'] .pagebuilder-overlay { margin-left: auto; margin-right: auto; } [data-appearance='collage-right'] .pagebuilder-overlay { margin-left: auto; } .pagebuilder-poster-content { width: 100%; } .pagebuilder-banner-button { margin: 20px 0 0 0; } [data-enable-parallax="1"] { opacity: 0; transition: opacity linear 50ms 100ms; } [data-enable-parallax="1"].jarallax-ready { opacity: 1; } [data-enable-parallax="0"][data-video-src] .jarallax-container:not(:has(video[style*="translate3d"], iframe[style*="translate3d"])) { opacity: 0; } .pagebuilder-slide-wrapper, [data-content-type="slider"] a { height: 100%; } .slick-dots { list-style: none; margin: 0; width: 100%; display: flex; padding: 0.625rem 0; justify-content: center; gap: 0; } .slick-dots button { display: block; background: transparent; border: 0; padding: 0.25rem; border-radius: 50%; } .slick-dots button > span { text-indent: -9999px; display: block; border-radius: 50%; border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); background: #000000; color: #ffffff; width: 1rem; height: 1rem; box-shadow: 0 0 0 1px #ffffff; } .slick-dots .slick-active button > span { background: #ffffff; color: #000000; } .slick-arrow { position: absolute; z-index: 11; top: 50%; width: 35px; height: 60px; transform: translateY(-50%); --base-bg-alpha: .7; background-color: rgba(var(--base-bg), var(--base-bg-alpha, 1)); color: rgba(var(--base-color), var(--base-alpha, 1)); display: none; gap: 0; align-items: center; justify-content: center; font-size: 0 !important; line-height: 0 !important; padding: 0; border-radius: 0; } .slick-arrow .slick-initialized { display: flex; } .slick-arrow::before { content: ''; display: block; width: 35px; height: 60px; } .slick-arrow.slick-disabled { opacity: 0; pointer-events: none; } .slick-prev { left: 0; } .slick-next { right: 0; } @media (max-width: 768.98px) { [data-appearance="carousel"] .product-items .product-item-inner { margin-top: 0; } } .pagebuilder-column-group { display: flex; } .gap-0 > .pagebuilder-column-group, .gap-0 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-0 > .pagebuilder-column-line { gap: 0; } .gap-1 > .pagebuilder-column-group, .gap-1 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-1 > .pagebuilder-column-line { gap: 0.25rem; } .gap-2 > .pagebuilder-column-group, .gap-2 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-2 > .pagebuilder-column-line { gap: 0.5rem; } .gap > .pagebuilder-column-group, .gap > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap > .pagebuilder-column-line { gap: 0.5rem; } .gap-3 > .pagebuilder-column-group, .gap-3 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-3 > .pagebuilder-column-line { gap: 0.75rem; } .gap-4 > .pagebuilder-column-group, .gap-4 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-4 > .pagebuilder-column-line { gap: 1rem; } .gap-5 > .pagebuilder-column-group, .gap-5 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-5 > .pagebuilder-column-line { gap: 1.25rem; } .gap-6 > .pagebuilder-column-group, .gap-6 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-6 > .pagebuilder-column-line { gap: 1.5rem; } .gap-7 > .pagebuilder-column-group, .gap-7 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-7 > .pagebuilder-column-line { gap: 1.75rem; } .gap-8 > .pagebuilder-column-group, .gap-8 > .pagebuilder-column-group > .pagebuilder-column-line, .pagebuilder-column-group.gap-8 > .pagebuilder-column-line { gap: 2rem; } @media (max-width: 768.98px) { .pagebuilder-column-group, .pagebuilder-column-line { row-gap: 1rem; flex-wrap: wrap; } .pagebuilder-column { flex-basis: 100%; max-width: 100%; } } .price-box p { margin: 0; } .price-label, .price-box .label, .msrp-message { color: rgba(var(--base-color), var(--muted-alpha, .6)); font-size: 1rem; line-height: 1.5rem; } .price-box a { line-height: 1.5rem; font-size: 1rem; } .special-price { color: rgba(var(--danger-color), var(--danger-alpha, 1)); } .old-price { color: rgba(var(--base-color), var(--muted-alpha, .6)); display: inline-block; } .weee[data-label], .minimal-price-link, .price-excluding-tax, .price-including-tax { display: block; } .weee[data-label], .price-including-tax + .price-excluding-tax { font-size: 0.875rem; line-height: 1.5rem; } .weee[data-label]::before, .price-including-tax + .price-excluding-tax::before { content: attr(data-label) ': '; } .prices-tier .weee[data-label], .prices-tier .price-excluding-tax, .prices-tier .price-including-tax { display: inline-block; } .prices-tier .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ': '; } .prices-tier .weee[data-label]:before { content: '+' attr(data-label) ': '; } .prices-tier .weee[data-label]:last-child:after { content: ')'; } .product-info-wrapper { display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr; grid-template-areas: "title" "media" "main"; gap: 1rem; margin-bottom: 1rem; } .product-info-wrapper .page-title-wrapper { grid-area: title; margin-bottom: 0; } @media (max-width: 768.98px) { .product-info-wrapper .page-title-wrapper { --animation-order: 0 !important; } } @media (min-width: 769px) { .product-info-wrapper .page-title-wrapper { margin-bottom: 0.125rem; } } .product-info-wrapper .page-title-wrapper h1 { margin: 0; } .product-info-wrapper .product-info-main { grid-area: main; } @media (max-width: 768.98px) { .product-info-wrapper .product-info-main { display: contents; } } .product-info-wrapper .product.media { grid-area: media; } @media (min-width: 769px) { .product-info-wrapper { row-gap: 0; grid-template-columns: 1fr 1fr; grid-template-areas: "media main" "media main"; } } .product-info-main { display: flex; flex-direction: column; gap: 0.5rem; } .product-info-price { display: flex; flex-direction: column; gap: 0.5rem; } .product-info-price .price-box { font-size: 1.5rem; line-height: 2rem; } .prices-tier { margin: 0.5rem 0; max-width: 400px; } .prices-tier li + li { margin-top: 0.5rem; } .product-info-stock-sku { display: flex; align-items: center; gap: 0.5rem; } .product-info-stock-sku .stock { --stock-bg: var(--blue-muted); --stock-color: var(--blue); background: rgb(var(--stock-bg)); color: rgb(var(--stock-color)); padding: 0.125rem 0.5rem; } .product-info-stock-sku .stock.available { --stock-bg: var(--green-muted); --stock-color: var(--green); } .product-info-stock-sku .stock.unavailable { --stock-bg: var(--red-muted); --stock-color: var(--red); } .attribute.sku { display: flex; align-items: center; gap: 0.25rem; } .product-info-main .configurable-variation-qty { display: none; } .product-info-wrapper .product-add-form { margin: 0.5rem 0; } .product-info-wrapper .product-add-form form > div + div { margin-top: 0.5rem; } .product-info-wrapper .product-add-form .product-options-wrapper { margin: 0 0 0.5rem; } .product-info-wrapper .product-add-form .product-options-wrapper .label { font-weight: 500; } .product-info-wrapper .product-add-form .product-options-wrapper .label ~ .control { margin-top: 0.25rem; } .product-info-wrapper .product-add-form .product-options-wrapper .field { margin-top: 0; margin-bottom: 0.375rem; } .product-info-wrapper .product-add-form .product-options-wrapper .field:last-child { margin-bottom: 0; } .product-info-wrapper .product-add-form .product-options-wrapper .field .field { margin-bottom: 0.25rem; } .product-info-wrapper .product-add-form .product-options-wrapper .field .field:last-child { margin-bottom: 0; } .product-info-wrapper .product-add-form .product-options-wrapper .swatch-opt + .field { margin-top: 0.375rem; } .product-info-wrapper .product-add-form .product-options-bottom { margin: 1.25rem 0 0; } .box-tocart .fieldset { display: flex; align-items: flex-start; gap: 0.5rem; } .box-tocart .fieldset .field.qty { margin: 0; flex-shrink: 0; display: flex; align-items: center; gap: 0.5rem; } .box-tocart .fieldset .field.qty .control { margin: 0; } .box-tocart .fieldset .actions { display: flex; flex-wrap: wrap; flex-grow: 1; align-items: center; gap: 0.5rem; } .box-tocart .fieldset .actions > div { width: 100%; max-width: 400px; z-index: 10; } .field.qty > .control, .input-text.qty { max-width: 4rem; } .product-addto-links, .product-social-links { display: flex; align-items: center; flex-wrap: wrap; column-gap: 0.75rem; row-gap: 0.5rem; margin: 0.5rem 0; } .product-addto-links button, .product-social-links button { gap: 0; padding: 0; background: transparent; } .product-addto-links a.action, .product-social-links a.action, .product-addto-links button.action, .product-social-links button.action { color: rgba(var(--base-color), var(--muted-alpha, .6)); border-radius: 0; } .product-addto-links a.action:hover, .product-social-links a.action:hover, .product-addto-links button.action:hover, .product-social-links button.action:hover { text-decoration: underline; } .product-social-links .product-addto-links { margin: 0; } .product.info.detailed { clear: both; } @media (min-width: 769px) { .product.info.detailed { margin: 1rem 0; } } @media (min-width: 769px) { .product.info #reviews::after { content: ''; display: table; clear: both; } .product.info .review-add + .review-list, .product.info #product-review-container { float: right; width: 55%; } .product.info .review-add { float: left; width: 42%; } } .block.related .product-item:first-child { display: block !important; } .field.downloads .price-container:before { content: ' + '; display: inline; } .downloads-all [type="checkbox"] { display: none; } .downloads-all .label { cursor: pointer; } @media (min-width: 769px) { .bundle-options-container { margin: 1rem 0; } } .bundle-options-container .product-options-wrapper { border: 0; padding: 0; } .bundle-options-container .product-add-form { display: none; } @media (min-width: 769px) { .page-bottom .widget-recent { --listing-grid-columns: 4; } } @media (min-width: 1025px) { .page-bottom .widget-recent { --listing-grid-columns: 5; } } .product-reviews-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; text-align: left; } .rating-result { position: relative; width: 6.25rem; height: 1.5rem; } .rating-result::before { opacity: .2; } .rating-result > span { position: relative; display: block; } .rating-result::before, .rating-result > span::before { position: absolute; content: ''; width: 100%; height: 1.5rem; } .reviews-actions { display: flex; align-items: center; gap: 0.5rem; } .reviews-actions a { font-size: 0.875rem; line-height: 1.25rem; } .review-add .review-legend { display: none; } .review-field-ratings { margin: 0; } .review-field-ratings legend { display: none !important; } .review-field-rating > .label { min-width: 80px; } .review-control-vote { color: rgba(var(--base-color), var(--divider-alpha, .1)); height: 1.5rem; width: 7.5rem; } .review-control-vote::before { content: ''; position: absolute; inset: 0; } .review-control-vote label { position: absolute; opacity: 0; } .review-list .limiter, .review-list .toolbar:first-child { display: none; } .review-list .review-items { display: flex; flex-direction: column; gap: 2rem; } .review-list .review-item { display: flex; flex-direction: column; gap: 0.5rem; } .review-list .review-title { font-weight: 500; } .review-list .review-ratings { order: -1; } .review-list .review-content { margin: 0 0 0.25rem; } .review-list .review-details { display: flex; align-items: baseline; gap: 0.25rem; opacity: .6; } .review-list .review-date { font-size: 0.875rem; line-height: 1.25rem; } .search-suggestions { display: flex; gap: 1rem; margin-bottom: 1rem; } @media (max-width: 640.98px) { .search-suggestions { flex-direction: column; } } .search-suggestions .block { min-width: 180px; } .search-suggestions .block + .block { margin: 0; } .search-terms { display: flex; flex-wrap: wrap; gap: 1rem; } .search.found { margin-bottom: 0.25rem; } .search.summary { margin-bottom: 0.5rem; } [class*="swatch-opt"]:has(.swatch-attribute:not(.breeze-placeholder)) .swatch-attribute.breeze-placeholder { display: none; } .swatch-attribute { margin-bottom: 0.375rem; min-height: 4rem; } .swatch-attribute:last-child { margin: 0; } .product-item .swatch-attribute { margin-bottom: 0.25rem; min-height: 2rem; } .product-item .swatch-attribute:last-child { margin: 0; } .swatch-attribute-label { font-weight: 500; margin-right: 0.25rem; } .swatch-attribute-label ~ .swatch-attribute-options { margin-top: 0.25rem; } .swatch-attribute-options { display: flex; flex-wrap: wrap; gap: 0.375rem; } .product-item .swatch-attribute-options { gap: 0.25rem; } .swatch-option { font-size: 0.75rem; color: rgba(var(--base-color), var(--muted-alpha, .6)); background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); display: flex; align-items: center; justify-content: center; cursor: pointer; min-width: 2rem; height: 2rem; padding: 0 0.25rem; position: relative; margin: 0; } .swatch-option::before { content: ''; position: absolute; box-shadow: 0 0 0 1px inset rgba(var(--base-color), var(--divider-alpha, .1)); top: 0; bottom: 0; left: 0; right: 0; } .product-item .swatch-option { font-size: 0.75rem; font-weight: 400; min-width: 2rem; height: 2rem; } input.swatch-input { position: absolute; visibility: hidden; top: -9999px; left: -9999px; } .actions-primary input.swatch-input { display: none; } .product-item [class^="swatch-opt-"] { margin: 0 0 0.125rem; } .form.form-orders-search .action.primary, .form.search.advanced .action.primary, .form.password.forget .action.primary, .form.password.reset .action.primary, .form.send.confirmation .action.primary, .form-create-account .action.primary { width: 100%; } .login-container { max-width: none; } .login-container .block > .block-title { padding: 0.5rem 0; } .column.main .form.contact .action.primary { width: 100%; } :where(body:not(.narrow-page-reset)) .checkout-success .actions-toolbar, .form.form-orders-search .actions-toolbar, .form-create-account .actions-toolbar { justify-content: center; } .catalogsearch-advanced-index .page.messages, .customer-account-forgotpassword .page.messages, .customer-account-create .page.messages { max-width: 620px; margin: 0 auto; } :where(body:not(.narrow-page-reset)) .checkout-success, :where(body:not(.narrow-page-reset)) .checkout-success + #registration { text-align: center; } .checkout-cart-index .column.main .block .title { padding: 1rem; background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .checkout-cart-index .column.main .block:not(.crosssell) .content { padding: 1rem; } .checkout-cart-index .column.main .block .products-grid { margin-top: max(2 * var(--listing-grid-item-margin), -2 * var(--listing-grid-item-margin)); } :where(.table-totals, .table.totals) a { display: inline-block; } :where(.table-totals, .table.totals) button { padding: 0 0.375rem; border: 0; } :where(.table-totals, .table.totals) .amount { text-align: right; } :where(.table-totals, .table.totals) [class^="totals-tax"], :where(.table-totals, .table.totals) .totals:not(.grand) { color: rgba(var(--base-color), var(--muted-alpha, .6)); border: 0; } :where(.table-totals, .table.totals) [class^="totals-tax"] th, :where(.table-totals, .table.totals) .totals:not(.grand) th, :where(.table-totals, .table.totals) [class^="totals-tax"] td, :where(.table-totals, .table.totals) .totals:not(.grand) td { font-weight: 400; padding-top: 0.25rem; padding-bottom: 0.25rem; } :where(.table-totals, .table.totals) .totals-tax-details { display: none; } :where(.table-totals, .table.totals) .totals-tax-details.shown { display: table-row; } :where(.table-totals, .table.totals) .totals-tax-summary .amount .price { display: inline-flex; } :where(.table-totals, .table.totals) .totals-tax-summary .amount .price::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; } :where(.table-totals, .table.totals) .grand.totals { font-size: 1.25rem; line-height: 1.75rem; } .cart-container { display: flex; flex-direction: column; margin-bottom: 1rem; row-gap: 2rem; } @media (max-width: 768.98px) { .cart-container { row-gap: 1rem; } } @media (min-width: 769px) { .cart-container { --sidebar-width: 220px; flex-wrap: wrap; flex-direction: row; align-items: flex-start; } .checkout-cart-index .cart-container > * { width: calc(100% - var(--sidebar-width)); padding-right: 2%; } } @media (min-width: 1025px) { .cart-container { --sidebar-width: 420px; } } .cart-container .form-cart { order: -2; } @media (max-width: 768.98px) { .cart-container #gift-options-cart { order: -1; } } .cart-container .gift-wrapping .gift-options-content { margin: 0.5rem 0 0.75rem; } .cart-container .gift-wrapping .gift-printed-card { margin-top: 0.25rem; } .cart-container .gift-summary .price-box, .cart-container .gift-options .price-box { margin-left: 1.25rem; } .cart-container .cart.actions { padding-top: 0.75rem; justify-content: flex-end; border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } .cart-container .cart.actions .continue { display: none; } .cart-container .cart-summary { padding: 0; display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 769px) { .cart-container .cart-summary { position: sticky; top: 1rem; width: var(--sidebar-width); } } .cart-container .cart-summary > .block ~ div { margin: 0; } .cart-container .discount .content, .cart-container .shipping .content { display: none; } .cart-container .cart-totals { padding: 0 1rem; } .cart-container .col.subtotal { text-align: right; padding-right: 0.25rem; } .cart-container .checkout-methods-items { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; } .cart-container .checkout-methods-items li { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; } .cart-container .checkout-methods-items li > div { width: 100%; } .cart-container .checkout-methods-items li:first-child { width: 100%; } .cart-container .checkout-methods-items .primary { font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; padding: 0.75rem 2.5rem; width: 100%; } .cart-container .checkout-methods-items .multicheckout { display: none; } .cart.table-wrapper .item-info { border: 0; } .cart.table-wrapper .item-actions td { padding-top: 0; } .cart.table-wrapper .product-item-photo { float: left; max-width: 40%; } .cart.table-wrapper .product-item-details { float: left; max-width: calc(60% - 0.75rem); margin-left: 0.75rem; } .cart.table-wrapper .product-item-name { font-size: 1.125rem; line-height: 1.75rem; display: block; margin-bottom: 0.5rem; } .cart.table-wrapper .control.qty input.qty { padding: 0 0 0 0.25rem; border: 0; font-size: 1rem; line-height: 1.5rem; width: 2.5rem; border-color: transparent; } .cart.table-wrapper .actions-toolbar { margin: 0 0.25rem; align-items: flex-start; justify-content: flex-end; } .cart.table-wrapper .action::before { width: 1.5rem; height: 1.5rem; } .cart.table-wrapper .action-edit, .cart.table-wrapper .action-delete, .cart.table-wrapper .action-towishlist { color: rgba(var(--base-color), var(--muted-alpha, .6)); } .cart.table-wrapper .action-edit::before, .cart.table-wrapper .action-delete::before, .cart.table-wrapper .action-towishlist::before { content: ''; display: block; } .cart.table-wrapper .action-gift { gap: 0; } .cart.table-wrapper .action-gift::after { content: ''; display: block; width: 1.5rem; height: 1.5rem; } .cart.table-wrapper .gift-options-cart-item { margin-right: auto; } .cart.table-wrapper .gift-content { display: none; max-width: 100%; margin: 0.5rem 0 0; } @media (min-width: 769px) { .cart.table-wrapper .gift-content { width: 420px; } } .cart.table-wrapper .gift-content._active { display: block; } .cart.table-wrapper .gift-content .actions-toolbar { margin: 0.5rem 0; justify-content: flex-start; } .cart.table-wrapper .gift-options-title { margin: 0.5rem 0; } .cart.table-wrapper .item-options, .cart.table-wrapper .message { margin: 0.5rem 0; } .cart-tax-total { display: inline-flex; gap: 0.125rem; align-items: center; } .cart-tax-total::after { content: ''; display: block; width: 0.75rem; height: 0.75rem; transform: rotate(90deg); } .checkout-onepage-success #registration br { display: none; } .checkout-success { margin-bottom: 15px; } .page-narrow .checkout-success { text-align: center; } .page-narrow .checkout-success .actions-toolbar { margin-top: 2.5rem; justify-content: center; } @media (max-width: 768.98px) { .account .page-main .columns { padding-top: 3.5rem; } } .customer-account-logoutsuccess.narrow-page .column.main { text-align: center; } .login-container .actions-toolbar { margin: 1.25rem 0; } .login-container > .block { padding: 0; } @media (min-width: 769px) { .login-container { display: flex; gap: 3rem; flex-direction: row; } .login-container > .block { flex-grow: 1; flex-basis: 0; margin: 0 !important; } } @media (min-width: 1025px) { .customer-account-login.narrow-page.page-layout-1column .page-main .columns { max-width: 1025px; } } @media (min-width: 769px) { .form-edit-account > .fieldset, .form-address-edit > .fieldset { float: left; width: 48%; max-width: 420px; margin-right: 2%; } } .form-address-edit .region_id { display: none; } .form-address-edit .field ~ .message .button-close { display: none; } .form-edit-account .fieldset.password:not([style]) { display: none; } .form-edit-account .fieldset.info { display: block; } .form-edit-account .fieldset.additional_info { display: block; clear: both; } [data-role="password-strength-meter"] { display: none; } .form-wishlist-items div:empty, .form-wishlist-items .product-reviews-summary { display: none; } .form-wishlist-items .box-tocart { border: 0; padding: 0; } .page-title-wrapper .order-status { display: inline-block; border: 2px solid rgba(var(--base-color), var(--divider-alpha, .1)); padding: 0.375rem 0.75rem; } .page-title-wrapper .order-status + .order-date { margin-left: 0.5rem; } .page-title-wrapper .order-date { display: inline-block; margin: 0; } .order-links { display: flex; margin-bottom: 0.5rem; gap: 0.25rem; } .order-links > .item { padding: 0.5rem 0.75rem; background-color: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } .order-links > .item.current { --divider-alpha: .2; } .order-details-items { margin: 0.5rem 0; } .order-links ~ .order-details-items .order-title { display: none; } @media (min-width: 769px) { .order-details-items .order-title { display: none; } } .order-details-items dl.item-options { margin-top: 0.5rem; } .order-details-items tbody tr:not(:last-child) { border-bottom: 0; } .order-details-items tbody tr + tr td:first-child { padding-left: 1rem; } .order-details-items tbody tr + tr:not(:last-child) td { padding-top: 0.25rem; padding-bottom: 0.25rem; } @media (max-width: 768.98px) { .order-details-items .table-wrapper { padding: false; } .order-links ~ .order-details-items .table-wrapper { padding: 0; } } .paypal-review { max-width: none; } .paypal-review .block-order-details-view .block-content { display: flex; justify-content: space-between; flex-direction: column; gap: 1.5rem; } .paypal-review .block-order-details-view .block-content .box { margin: 0; } @media (min-width: 641px) { .paypal-review .block-order-details-view .block-content { flex-direction: row; } } .paypal-review .box-order-billing-address img[src*="paypalobjects.com"] { width: 39px; } .paypal-review-discount, .paypal-review-items { margin: 1rem 0; } .paypal-review .discount .title { font-size: 1rem; line-height: 1.5rem; border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); border-width: 1px 0; margin-bottom: 1rem; } .paypal-review .discount .title strong { font-weight: 400; } .paypal-review .paypal-review-title a { font-size: 0.875rem; line-height: 1.25rem; margin-left: 0.5rem; } .paypal-review .cart.items tfoot .mark ~ td { text-align: right; } .paypal-review .actions-toolbar { justify-content: flex-end; } .privacy-policy { --sidebar-width: 250px; display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr; grid-template-areas: "sidebar" "main"; gap: 1rem; row-gap: 1rem; } @media (min-width: 769px) { .privacy-policy { grid-template-columns: var(--sidebar-width) 1fr; grid-template-areas: "sidebar main"; } } .privacy-policy > .privacy-policy-content { grid-area: main; } .privacy-policy > .block-collapsible-nav { grid-area: sidebar; } .page-print .logo { display: inline-block; margin-bottom: 0.5cm; } @media print { @page { size: auto; margin: 0; } body { margin: 1cm; min-height: auto; } a { --link-color: 0, 0, 0; } .page-header, .page-footer { display: none; } .page-wrapper { min-height: 0; } .page-main { padding: 0; margin: 0; } [data-action="toggle-nav"] { display: none; } .hidden-print { display: none !important; } } @media only screen and (max-width: 640px) { .block-swissup-ajaxsearch .minisearch .inactive { display: none; } } @media only screen and (max-width: 479px) { .block-swissup-social-login .buttons { flex-direction: column; } } @media all and (min-width: 641px) { #askit-new-question-form { max-width: 500px; } .block-swissup-ajaxsearch.block-search .field.search { display: flex; flex-wrap: nowrap; } .block-swissup-ajaxsearch.block-search .field.search .origin { flex-grow: 1; } .swissup-ajaxsearch-folded-loading .block.block-search, .block-search.block-swissup-ajaxsearch.folded { width: 24px; height: 24px; opacity: 0; padding: 0; } .swissup-ajaxsearch-folded-loading .block.block-search .field.search, .block-search.block-swissup-ajaxsearch.folded .field.search { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; } .swissup-ajaxsearch-folded-loading .block.block-search .action.search, .block-search.block-swissup-ajaxsearch.folded .action.search { width: 24px; height: 24px; right: 0; margin: 0; } .swissup-ajaxsearch-folded-loading .block.block-search .action.search:before, .block-search.block-swissup-ajaxsearch.folded .action.search:before { font-size: 19px; } .block-search.block-swissup-ajaxsearch.folded { opacity: 1; } .block-search.block-swissup-ajaxsearch.folded .field.search { z-index: 801; opacity: 0; } .block-search.block-swissup-ajaxsearch.inline .field.search { background-color: #ffffff; } .block-search.block-swissup-ajaxsearch.inline .field.search .input-text { box-shadow: 0 0 0 3px #eaeaea; } .block-search.block-swissup-ajaxsearch.inline .swissup-ajaxsearch-filter-category-wrapper { flex-shrink: 0; min-width: 90px; width: 90px; margin-right: -90px; } .block-search.block-swissup-ajaxsearch.inline .swissup-ajaxsearch-filter-category-wrapper + .origin .input-text { padding-left: 95px; border-radius: 0; } } @media all and (min-width: 769px), print { .breeze-gallery .images { overflow: visible; flex-wrap: wrap; } .breeze-gallery .images .item { width: calc((100% - (var(--gallery-columns-gap) * var(--gallery-columns-count) - var(--gallery-columns-gap))) / var(--gallery-columns-count)); } .product.info.detailed .tabs-toolbar { background: #ffffff; box-shadow: 0 1px 0 rgba(var(--base-color), var(--divider-alpha, .1)); top: 0; z-index: 99; display: flex; position: sticky; text-align: center; } .product.info.detailed .tabs-toolbar-item { color: currentColor; margin: 0; padding: 1rem 2rem; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .product.info.detailed .tabs-toolbar-item.active { background: #ffffff; box-shadow: 0 2px 0 currentColor; } .product.info.detailed .tabs-toolbar ~ .data.items > .item.title { visibility: hidden; height: 0; width: 0; border: 0; padding: 0; position: absolute; } .product.info.detailed .tabs-toolbar ~ .data.items > .item.content { width: 100%; } .customer-account-create .block-swissup-social-login { margin-bottom: 2.5rem; min-width: 600px; } .customer-account-create .block-swissup-social-login .buttons { justify-content: center; } .modal-popup .block-swissup-social-login { min-width: auto; } .customer-account-login .block-swissup-social-login { margin-bottom: 2.5rem; } .customer-account-login .block-swissup-social-login .buttons { justify-content: center; } } @media all and (min-width: 1025px), print { .breeze-gallery.vertical:not(.opened) { flex-direction: row; align-items: flex-start; justify-content: flex-end; } .breeze-gallery.vertical:not(.opened) .thumbnails { flex-direction: column; flex-wrap: nowrap; order: -1; max-height: 550px; margin: 0 5px 0 0; padding-right: 5px; padding-bottom: 0; overflow-y: overlay; } } /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-regular-400.eot'); src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-regular-400.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-regular-400.woff') format('woff'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-regular-400.ttf') format('truetype'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-regular-400.svg#fontawesome') format('svg'); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-brands-400.eot'); src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-brands-400.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-brands-400.woff') format('woff'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-brands-400.ttf') format('truetype'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-brands-400.svg#fontawesome') format('svg'); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-solid-900.eot'); src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-solid-900.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-solid-900.woff') format('woff'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-solid-900.ttf') format('truetype'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/webfonts/fa-solid-900.svg#fontawesome') format('svg'); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border-radius: .1em; border: solid 0.08em #eeeeee; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudflare:before { content: "\e07d"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guilded:before { content: "\e07e"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-virus:before { content: "\e064"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hive:before { content: "\e07f"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-innosoft:before { content: "\e080"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-instalod:before { content: "\e081"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-perbyte:before { content: "\e083"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-uncharted:before { content: "\e084"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vest:before { content: "\e085"; } .fa-vest-patches:before { content: "\e086"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wodu:before { content: "\e088"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-ExtraLight.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-ExtraLightItalic.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-ExtraLightItalic.woff') format('woff'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-Light.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-LightItalic.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-Regular.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-Italic.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-Italic.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-SemiBold.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-SemiBoldItalic.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-Bold.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-BoldItalic.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-BoldItalic.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-ExtraBold.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-ExtraBoldItalic.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-ExtraBoldItalic.woff') format('woff'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-Black.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito Sans'; src: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-BlackItalic.woff2') format('woff2'), url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/fonts/nunitosans/NunitoSans-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } .beautytime-dropdown-toggler-icon, [data-collapsible] > [data-role="title"]::after, [data-role="collapsible"] > [data-role="title"]::after, [data-mage-init*='"collapsible":'] > [data-role="title"]::after { color: #8C9196 !important; content: ''; height: 1.25rem; width: 1.25rem; transform: none !important; } .link-common { color: #d60d46; text-decoration: none; } .link-common:hover { --link-alpha: 1; text-decoration: none; } #maincontent strong { font-weight: 700; } html, body { height: 100%; width: 100%; margin: 0; padding: 0; left: 0; top: 0; font-size: 100%; } /* ==== GRID SYSTEM ==== */ .container-grid { width: 100%; } .row-grid { position: relative; width: 100%; } .row-grid [class^="col"] { float: left; margin: 0.5rem 2%; min-height: 0.125rem; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 96%; } .col-1-sm { width: 4.33%; } .col-2-sm { width: 12.66%; } .col-3-sm { width: 21%; } .col-4-sm { width: 29.33%; } .col-5-sm { width: 37.66%; } .col-6-sm { width: 46%; } .col-7-sm { width: 54.33%; } .col-8-sm { width: 62.66%; } .col-9-sm { width: 71%; } .col-10-sm { width: 79.33%; } .col-11-sm { width: 87.66%; } .col-12-sm { width: 96%; } .row-grid::after { content: ""; display: table; clear: both; } .hidden-sm { display: none; } @media only screen and (min-width: 45em) { /* 720px */ .col-1 { width: 4.33%; } .col-2 { width: 12.66%; } .col-3 { width: 21%; } .col-4 { width: 29.33%; } .col-5 { width: 37.66%; } .col-6 { width: 46%; } .col-7 { width: 54.33%; } .col-8 { width: 62.66%; } .col-9 { width: 71%; } .col-10 { width: 79.33%; } .col-11 { width: 87.66%; } .col-12 { width: 96%; } .hidden-sm { display: block; } } .mt-1 { margin-top: 5px; } .mt-2 { margin-top: 10px; } .mt-3 { margin-top: 15px; } .mt-4 { margin-top: 20px; } .mt-5 { margin-top: 25px; } .p-1 { padding: 5px; } .p-2 { padding: 10px; } .p-3 { padding: 15px; } .p-4 { padding: 20px; } .p-5 { padding: 25px; } .pl-1 { padding-left: 5px; } .pl-2 { padding-left: 10px; } .pl-3 { padding-left: 15px; } .pl-4 { padding-left: 20px; } .pl-5 { padding-left: 25px; } :root { --black: 0, 0, 0; --white: 255, 255, 255; --gray-50: 249, 250, 251; --gray-100: 243, 244, 246; --gray-200: 237, 237, 237; --gray-300: 209, 213, 219; --gray-400: 153, 153, 153; --gray-500: 107, 114, 128; --gray-600: 75, 85, 99; --gray-700: 55, 65, 81; --gray-800: 31, 41, 55; --gray-900: 17, 24, 39; --red: 185, 28, 28; --green: 21, 128, 61; --blue: 29, 78, 216; --yellow: 251, 191, 36; --brand-color: 131, 169, 121; --danger-color: var(--red); --info-color: var(--blue); --success-color: var(--green); --base-alpha: 1; --base-color: var(--gray-900); --base-bg: var(--white); --muted-bg: var(--gray-100); --z-layer-color: var(--base-color); --z-layer-bg: var(--base-bg); --z-overlay-bg: var(--black); --ring-color: var(--brand-color); --link-alpha: .85; --link-color: var(--blue); --headings-color: var(--rgb-base); --block-title-color: var(--rgb-base); --input-alpha: 1; --input-color: var(--base-color); --input-bg: var(--base-bg); --input-bg-alpha: 1; --input-border-alpha: 1; --input-border-color: var(--gray-400); --input-outline-color: var(--input-border-color); --input-outline-alpha: 0; --input-focus-border-color: var(--brand-color); --button-color: var(--white); --button-bg: var(--brand-color); --button-bg-alpha: 1; --button-hover-bg-alpha: 0.9; --button-border-alpha: 0; --button-border-color: var(--button-bg); --button-secondary-color: var(--gray-600); --button-secondary-bg: var(--gray-200); --button-secondary-border-color: var(--button-secondary-bg); --transition-duration: 200ms; --spinner-size: 1.5rem; --spinner-border-width: 2px; --spinner-border-color: var(--brand-color); --spinner-duration: .6s; --scrollbar-bg: var(--gray-100); --scrollbar-color: var(--gray-300); } @media (prefers-reduced-motion) { :root { --transition-duration: 20ms; --spinner-duration: 5s; } } @media (max-width: 479.98px) { .custom-category-tab { padding: 0 !important; } } .custom-category-tab .custom-wrapper { height: 752px; } @media (max-width: 424px) { .custom-category-tab .custom-wrapper { height: 500px; } } @media (min-width: 425px) and (max-width: 767px) { .custom-category-tab .custom-wrapper { height: 530px; } } @media (min-width: 768px) and (max-width: 1023px) { .custom-category-tab .custom-wrapper { height: 614px; } } @media (min-width: 1024px) and (max-width: 1279px) { .custom-category-tab .custom-wrapper { height: 700px; } } @media (min-width: 1280px) and (max-width: 1439px) { .custom-category-tab .custom-wrapper { height: 700px; } } @media (min-width: 1440px) and (max-width: 1919px) { .custom-category-tab .custom-wrapper { height: 700px; } } @media (min-width: 1920px) { .custom-category-tab .custom-wrapper { height: 752px; } } .custom-category-tab .b-tab-wrap { position: relative; } @media (max-width: 1024.98px) { .custom-category-tab .b-tab-wrap { height: 580px !important; } } @media (max-width: 821px) { .custom-category-tab .b-tab-wrap { height: 620px; } } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap { height: 490px !important; text-align: center; } } @media (max-width: 321px) { .custom-category-tab .b-tab-wrap { height: 435px !important; } } .custom-category-tab .b-tab-wrap .b-nav-tab { display: inline-block; position: relative; padding: 20px; cursor: pointer; top: 0; transition: font-size 0.5s; font-size: 16px; opacity: 0.5; text-align: center; letter-spacing: 0.5px; } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap .b-nav-tab { font-size: 16px; padding: 0 24px; line-height: 40px; } } @media (max-width: 420px) { .custom-category-tab .b-tab-wrap .b-nav-tab { padding: 0 22px; } } @media (max-width: 395px) { .custom-category-tab .b-tab-wrap .b-nav-tab { padding: 0 20px; } } @media (max-width: 380px) { .custom-category-tab .b-tab-wrap .b-nav-tab { padding: 0 18px; } } @media (max-width: 370px) { .custom-category-tab .b-tab-wrap .b-nav-tab { padding: 0 16px; } } @media (max-width: 365px) { .custom-category-tab .b-tab-wrap .b-nav-tab { padding: 0 15px; } } @media (max-width: 350px) { .custom-category-tab .b-tab-wrap .b-nav-tab { padding: 0 12px; } } @media (max-width: 340px) { .custom-category-tab .b-tab-wrap .b-nav-tab { padding: 0 12px; } } @media (max-width: 330px) { .custom-category-tab .b-tab-wrap .b-nav-tab { padding: 0 10px; } } @media (max-width: 320px) { .custom-category-tab .b-tab-wrap .b-nav-tab { padding: 0 10px; } } .custom-category-tab .b-tab-wrap .b-nav-tab:hover { font-size: 20px; font-weight: 600; } .custom-category-tab .b-tab-wrap .b-nav-tab.active { color: #1E2832; opacity: 1; transition: font-size 0.5s, background-image 0.5s; font-size: 26px; font-style: normal; font-weight: 700; line-height: 40px; letter-spacing: 0.5px; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/Vector3.svg"); background-repeat: no-repeat; background-position: bottom; z-index: 39; } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap .b-nav-tab.active { font-size: 16px; border-bottom: 2px solid var(--accent, #eb5673); background-image: none; line-height: 40px; } } .custom-category-tab .b-tab-wrap .b-tab { width: 100%; position: absolute; left: 0; background: #fff; z-index: 1; padding-top: 30px; height: 640px !important; } @media (max-width: 768.98px) { .custom-category-tab .b-tab-wrap .b-tab { height: 484px !important; } } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap .b-tab { padding-top: 25px; border-top: 1px solid var(--dividers, #e7ebef); padding-left: 20px; padding-right: 20px; height: 430px !important; } } @media (max-width: 376px) { .custom-category-tab .b-tab-wrap .b-tab { height: 450px !important; } } @media (max-width: 321px) { .custom-category-tab .b-tab-wrap .b-tab { padding-right: 0; padding-left: 0; padding-top: 25px; } } .custom-category-tab .b-tab-wrap .b-tab .product-tabs { padding-bottom: 80px; } @media (max-width: 1024.98px) { .custom-category-tab .b-tab-wrap .b-tab .product-tabs { padding-bottom: 30px; } } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap .b-tab .product-tabs { padding-bottom: 0; } } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab { display: flex; flex-direction: column; gap: 20px; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-media-wrap { position: relative; width: 100%; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-media-wrap .product-item-inner { position: absolute; bottom: 0; width: 100%; display: none; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary { width: 100%; } @media (max-width: 768.98px) { .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary { display: none; } } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action { background: #1E2832; color: #fff; width: 100%; border-radius: 0 0 4px 4px; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action .add-to-cart-text { color: var(--backgrounds-page, #fafafa); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action .add-to-cart-text-added { color: var(--backgrounds-page, #fafafa); font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; gap: 8px; display: flex; flex-direction: row; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary .unavailable { display: flex; height: 37px; padding: 12px 0px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 0 0 4px 4px; background: var(--primary, #1e2832); } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary .unavailable .text-unavailable { color: #fff; font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-media-wrap:hover .product-item-inner { display: block; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-image-container { width: 100%; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-image-container .product-image-photo { object-fit: scale-down; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 100%; } @media (max-width: 768.98px) { .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card { gap: 16px; } } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; justify-content: space-between; } @media (max-width: 768.98px) { .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block { gap: 10px; } } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-title { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; justify-content: flex-start; } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-title .product-text { color: #1e2832; font-size: 16px; font-weight: 600; line-height: 22px; display: block; overflow: hidden; height: 46px; } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-title .product-text { font-size: 13px; line-height: 18px; text-align: left; height: 38px; } } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-title .product-short-description { color: #8C9196; font-size: 14px; line-height: 20px; } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-title .product-short-description { overflow: hidden; text-overflow: ellipsis; whitespace: nowrap; font-size: 11px; font-style: normal; font-weight: 400; line-height: 16px; } } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-info { display: flex; align-items: flex-end; gap: 16px; align-self: stretch; justify-content: space-between; } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-info { gap: 0; align-self: baseline; align-items: normal; width: 100%; } } @media (max-width: 321px) { .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-info { gap: 5px; align-items: normal; } } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-info .product-price { display: flex; align-items: flex-end; gap: 8px; color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; font-family: "Nunito Sans", serif; } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-info .product-price { font-size: 15px; } } .custom-category-tab .b-tab-wrap .b-tab .product-tabs .product-tab .product-card .product-block .product-info .product-review { display: flex; align-items: center; } .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation { position: absolute; right: 0; top: -52px; display: flex; border-radius: 4px; border: 1px solid var(--dividers, #e7ebef); overflow: hidden; z-index: 10; cursor: pointer; } @media (max-width: 768.98px) { .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation { top: -74px; } } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation { display: none; } } .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation .slider-button-left { display: flex; padding: 10px; justify-content: center; align-items: center; gap: 12px; transition: background-color 0.5s; } .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation .slider-button-left .slider-style-left { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/left.svg"); background-repeat: no-repeat; width: 20px; height: 20px; } .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation .slider-button-left:hover { background-color: #D3DAE1; } .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation .slider-button-left:hover .slider-style-left { animation: wobble 2s ease infinite; } .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation .rectangle { width: 1px; align-self: stretch; background: var(--dividers, #e7ebef); } .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation .slider-button-right { display: flex; padding: 10px; justify-content: center; align-items: center; gap: 12px; transition: background-color 0.5s; } .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation .slider-button-right .slider-style-right { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/right.svg"); background-repeat: no-repeat; width: 20px; height: 20px; } .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation .slider-button-right:hover { background-color: #D3DAE1; } .custom-category-tab .b-tab-wrap .b-tab .swiper-tab-navigation .slider-button-right:hover .slider-style-right { animation: wobble_right 2s ease infinite; } .custom-category-tab .b-tab-wrap .b-tab.active { display: block; z-index: 10; padding-top: 30px; height: 640px !important; } @media (max-width: 821px) { .custom-category-tab .b-tab-wrap .b-tab.active { height: 555px !important; } } @media (max-width: 768.98px) { .custom-category-tab .b-tab-wrap .b-tab.active { height: 555px !important; } } @media (max-width: 479.98px) { .custom-category-tab .b-tab-wrap .b-tab.active { padding-top: 25px; border-top: 1px solid var(--dividers, #e7ebef); padding-left: 20px; padding-right: 20px; height: 490px !important; } } @media (max-width: 376px) { .custom-category-tab .b-tab-wrap .b-tab.active { height: 450px !important; } } @media (max-width: 321px) { .custom-category-tab .b-tab-wrap .b-tab.active { padding-right: 0; padding-left: 0; } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-15%) rotate(-5deg); } 30% { transform: translateX(10%) rotate(3deg); } 45% { transform: translateX(-5%) rotate(-3deg); } 60% { transform: translateX(0) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } @keyframes wobble_right { 0% { transform: translateX(0%); } 15% { transform: translateX(15%) rotate(-5deg); } 30% { transform: translateX(-10%) rotate(3deg); } 45% { transform: translateX(5%) rotate(-3deg); } 60% { transform: translateX(0%) rotate(2deg); } 75% { transform: translateX(5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .navigation-header { display: none; } @media (max-width: 1024.98px) { .navigation-header { display: flex; width: 100%; padding: 8px 20px 8px 20px; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--dividers, #e7ebef); } .navigation-header .cross .nav-toggle::before { visibility: hidden; } .navigation-header .cross .nav-toggle::after { -webkit-mask: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/catalog-menu/close.svg") no-repeat 50% 50%; -webkit-mask-size: 2.25rem 2.25rem; } .navigation-header .cross .nav-toggle span::after { display: none; } } @media (max-width: 1024.98px) and (max-width: 321px) { .navigation-header { padding: 0 12px 8px 12px; } } .navigation-account { display: none; } @media (max-width: 1024.98px) { .navigation-account { display: flex; padding: 20px; width: 100%; flex-direction: column; align-items: flex-start; gap: 24px; border-bottom: 1px solid #E7EBEF; } .navigation-account .menu-category-account { display: flex; align-items: center; gap: 8px; align-self: stretch; } .navigation-account .menu-category-account .icon-nest { width: 24px; height: 24px; } .navigation-account .menu-category-account .menu-category-text, .navigation-account .menu-category-account .menu-category-text-login, .navigation-account .menu-category-account .menu-category-text-guest { color: #1E2832; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } } @media (max-width: 321px) { .navigation-account { padding: 24px; } } @media (max-width: 1024.98px) { .page-header .panel.wrapper { display: none; } } @media (max-width: 1024.98px) { .navigation { padding: 0; } } .navigation > ul { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 0.5rem; } .panel.wrapper { background: #1e2832; } .panel.wrapper .panel.header { color: #fafafa; align-items: center; } .panel.wrapper .panel.header .social-mobile { display: none; } .panel.wrapper .panel.header .row-grid-custom { float: left; margin: 2px 0; min-height: 0.125rem; } .panel.wrapper .panel.header .header-pages-menu .curved-line { opacity: 0.4; } @media (max-width: 1024.98px) { .panel.wrapper .panel.header .header-pages-menu .curved-line { display: none; } } .panel.wrapper .panel.header ul.header-pages-menu li { padding-right: 16px; display: inline; } .panel.wrapper .panel.header ul.header-pages-menu li .header-page-text { color: #ffffff; text-align: center; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; opacity: 0.7; } .panel.wrapper .panel.header ul.header-pages-menu li .header-page-text:hover { opacity: 1; transition: opacity 0.3s ease-out; } .panel.wrapper .panel.header .block-search { margin-right: auto; } .panel.wrapper .phone-number { text-align: right; margin: 0; float: right; } .panel.wrapper .phone-number .custom-switcher-dropdown { text-align: center; width: 10rem; } .panel.wrapper .phone-number .color-tel { opacity: 0.7; color: #ffffff; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; margin: 3px 0 0 0; width: 100%; font-family: "Nunito Sans", serif; } .panel.wrapper .phone-number .color-tel:hover { opacity: 1; transition: opacity 0.3s ease-out; } .panel.wrapper .phone-number .color-tel .tel-size { width: auto; } .panel.wrapper .phone-number .color-tel-hidden { color: #000000; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; margin: 0; font-family: "Nunito Sans", serif; display: flex; justify-content: center; float: none; } @media (max-width: 1024.98px) { .switcher.language.switcher-language { display: none; } } .switcher.language.switcher-language .actions.dropdown.options.switcher-options .action.toggle.switcher-trigger .view-uk { color: #FFF; text-align: center; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; opacity: 0.7; } .switcher.language.switcher-language .actions.dropdown.options.switcher-options .action.toggle.switcher-trigger .view-uk:hover { opacity: 1; transition: opacity 0.3s ease-out; } .switcher.language.switcher-language .actions.dropdown.options.switcher-options .action.toggle.switcher-trigger::after { opacity: 0.7; } .language-mobile { display: none; } @media (max-width: 1024.98px) { .language-mobile { display: flex; width: 100%; padding: 24px; flex-direction: column; align-items: flex-start; } } @media (max-width: 321px) { .language-mobile { padding: 14px; } } .language-mobile .language-row { display: flex; justify-content: center; align-items: center; gap: 16px; align-self: stretch; } .language-mobile .language-row .language-text-style { color: var(--text-primary, #1e2832); text-align: center; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .language-mobile .language-row .language-text-style-inactive { opacity: 0.5; color: var(--text-primary, #1e2832); text-align: center; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .language-mobile .language-row .rectangle-language { width: 1px; align-self: stretch; background: var(--dividers, #e7ebef); } .page-wrapper .navigation-wrapper { padding: 0 48px 16px 48px; } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper { right: 0; left: auto; padding: 0; transform: translateX(0%); } } @media (max-width: 479.98px) { .page-wrapper .navigation-wrapper { right: 0; left: auto; padding: 0; width: 100%; max-width: calc(111vw); } } @media (min-width: 1025px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap { display: flex !important; justify-content: center !important; gap: 40px !important; } } @media (min-width: 1025px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap { display: flex; justify-content: space-between; gap: 1rem; } } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap { display: flex; padding: 20px; flex-direction: column; align-items: flex-start; gap: 10px; } } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item { color: #333333; } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item { width: 100%; } } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .drop-text { color: #1e2832; text-align: center; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .drop-btn-brands { color: #1e2832; text-align: center; font-size: 14px; font-style: normal; font-weight: 600; line-height: 25px; display: block; } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .drop-btn-brands { text-align: left; } } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .drop-btn-brands:hover { color: #eb5673; background: none; transition: color 0.3s ease-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .drop-btn { color: #1e2832; text-align: center; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .drop-btn { display: none; } } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .drop-btn:hover { color: #eb5673; background: none; transition: color 0.3s ease-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .drop-btn[href*="znizhki"] { color: #eb5673; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .menu-column-dropdown-mobile { display: none; } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .menu-column-dropdown-mobile { display: flex; align-items: center; transition: all .5s; color: #212121; width: 100%; justify-content: space-between; height: 35px; } } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .menu-column-dropdown-mobile .drop-btn-mobile { color: #1e2832; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; width: 100%; height: 35px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .menu-column-dropdown-mobile .drop-btn-mobile:hover { color: #eb5673; background: none; transition: color 0.3s ease-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .menu-column-dropdown-mobile .collapsed-mobile { cursor: pointer; display: flex; vertical-align: middle; height: 35px; width: 100%; margin-left: 0; position: relative; justify-content: flex-end; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .menu-column-dropdown-mobile .collapsed-mobile::after { content: ''; width: 16px; height: 16px; background: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/catalog-menu/arrow.svg") no-repeat center center / 11px 6px; top: -1px; position: absolute; transition: all 0.2s ease-in-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .menu-column-dropdown-mobile .collapsed-active-mobile { cursor: pointer; display: flex; vertical-align: middle; height: 35px; width: 100%; margin-left: 0; position: relative; justify-content: flex-end; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .menu-column-dropdown-mobile .collapsed-active-mobile::after { content: ''; color: #1e2832; opacity: 0.4; width: 16px; height: 16px; transform: rotate(180deg); background: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/catalog-menu/arrow-blue.svg") no-repeat center center / 11px 6px; top: -1px; position: absolute; transition: all 0.2s ease-in-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .menu-column-dropdown-mobile .dropdown-text { color: #1e2832; font-style: normal; font-weight: 600; font-size: 16px; line-height: 36px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .menu-column-dropdown-mobile .dropdown-text:hover { color: #eb5673; background: none; transition: color 0.3s ease-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item:hover .dropdown-content { visibility: visible !important; opacity: 1 !important; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content { display: flex; flex-direction: column; position: absolute; width: 100%; height: auto; right: 0; left: 0; gap: 39px; background-color: #ffffff; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; transition-delay: 0.2s; z-index: 99999; box-shadow: 0 2000px 0 2000px rgba(0, 0, 0, 0.3); } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content { display: none; } } @media (min-width: 1024px) and (max-width: 1279px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content { min-width: 943px; padding: 48px calc((100vw - 943px)/2); } } @media (min-width: 1280px) and (max-width: 1439px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content { min-width: 1168px; padding: 48px calc((100vw - 1168px)/2); } } @media (min-width: 1440px) and (max-width: 1919px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content { min-width: 1312px; padding: 48px calc((100vw - 1312px)/2); } } @media (min-width: 1920px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content { min-width: 1400px; padding: 48px calc((100vw - 1400px)/2); } } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block { min-width: 100%; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 48px; grid-row-gap: 8px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-checkbox { display: block; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-checkbox .menu-column-dropdown { display: flex; align-items: center; transition: all .5s; color: #212121; height: 20px; gap: 12px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-checkbox .menu-column-dropdown .collapsed { cursor: pointer; display: flex; padding-right: 10px; vertical-align: middle; height: 16px; width: 16px; margin-left: 0; position: relative; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-checkbox .menu-column-dropdown .collapsed::after { content: ''; width: 16px; height: 16px; background: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/catalog-menu/arrow.svg") no-repeat center center / 11px 6px; top: -1px; position: absolute; transition: all 0.2s ease-in-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-checkbox .menu-column-dropdown .collapsed-active { cursor: pointer; display: flex; padding-right: 10px; vertical-align: middle; height: 16px; width: 16px; margin-left: 0; position: relative; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-checkbox .menu-column-dropdown .collapsed-active::after { content: ''; color: #1e2832; opacity: 0.4; width: 16px; height: 16px; transform: rotate(180deg); background: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/catalog-menu/arrow-blue.svg") no-repeat center center / 11px 6px; top: -1px; position: absolute; transition: all 0.2s ease-in-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-checkbox .menu-column-dropdown .dropdown-text { color: #1e2832; font-style: normal; font-weight: 600; font-size: 14px; line-height: 36px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-checkbox .menu-column-dropdown .dropdown-text:hover { color: #eb5673; background: none; transition: color 0.3s ease-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-subcategory { display: flex; gap: 18px; opacity: 0.5; flex-direction: column; padding: 12px 0 0 16px; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-subcategory .dropdown-subcategory-text { color: #1e2832; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-subcategory .dropdown-subcategory-text:hover { color: #eb5673; background: none; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-subcategory-active { max-height: 500px; padding: 12px 0 0 16px; transition: max-height 0.5s ease-in; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-subcategory-active .dropdown-subcategory-text { color: #1e2832; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block .dropdown-menu-category .dropdown-subcategory-active .dropdown-subcategory-text:hover { color: #eb5673; background: none; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content .dropdown-block ul li { text-transform: none; gap: 18px; display: flex; flex-direction: column; } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile { flex-direction: column; width: 100%; height: auto; padding: 9px 9px; background-color: #ffffff; } } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block { min-width: 100%; display: flex; flex-direction: row; gap: 24px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .rectangle-line { width: 1px; height: auto; align-self: stretch; background: var(--dividers, #e7ebef); } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 18px; width: 100%; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-checkbox { display: block; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-checkbox .menu-column-dropdown { display: flex; align-items: center; transition: all .5s; color: #212121; gap: 12px; justify-content: space-between; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-checkbox .menu-column-dropdown .collapsed-subcategory-mobile { cursor: pointer; display: flex; vertical-align: middle; height: 16px; width: 16px; margin-left: 0; position: relative; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-checkbox .menu-column-dropdown .collapsed-subcategory-mobile::after { content: ''; width: 16px; height: 16px; background: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/catalog-menu/arrow.svg") no-repeat center center / 11px 6px; top: -1px; position: absolute; transition: all 0.2s ease-in-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-checkbox .menu-column-dropdown .collapsed-active-subcategory-mobile { cursor: pointer; display: flex; vertical-align: middle; height: 16px; width: 16px; margin-left: 0; position: relative; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-checkbox .menu-column-dropdown .collapsed-active-subcategory-mobile::after { content: ''; color: #1e2832; opacity: 0.4; width: 16px; height: 16px; transform: rotate(180deg); background: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/catalog-menu/arrow-blue.svg") no-repeat center center / 11px 6px; top: -1px; position: absolute; transition: all 0.2s ease-in-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-checkbox .menu-column-dropdown .dropdown-text { color: #1e2832; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-checkbox .menu-column-dropdown .dropdown-text:hover { color: #eb5673; background: none; transition: color 0.3s ease-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-subcategory-mobile { display: flex; gap: 18px; opacity: 0.5; flex-direction: column; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-subcategory-mobile .dropdown-subcategory-text { color: #1e2832; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-subcategory-mobile .dropdown-subcategory-text:hover { color: #eb5673; background: none; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-subcategory-active-mobile { max-height: 500px; padding: 12px 0 0 16px; transition: max-height 0.5s ease-in; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-subcategory-active-mobile .dropdown-subcategory-text { color: #1e2832; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block .dropdown-menu-category-mobile .dropdown-subcategory-active-mobile .dropdown-subcategory-text:hover { color: #eb5673; background: none; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-default-mobile .dropdown-block ul li { text-transform: none; gap: 18px; display: flex; flex-direction: column; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content-mobile { display: none; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content-mobile-active { display: flex; } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-brands { display: flex; flex-direction: row; gap: 56px; width: 100%; justify-content: center; } @media (max-width: 1284.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-brands { gap: 58px; } } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-brands { display: none; } } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-brands .dropdown-brand { display: flex; align-items: flex-start; gap: 40px; opacity: 0.5; } @media (max-width: 1284.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-brands .dropdown-brand { gap: 15px; } } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-brands .dropdown-brand { gap: 25px; } } .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-brands .dropdown-brand-adaptive { display: flex; align-items: flex-start; gap: 40px; opacity: 0.5; } @media (max-width: 1284.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-brands .dropdown-brand-adaptive { gap: 15px; } } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-brands .dropdown-brand-adaptive { display: none; } } .page-wrapper .navigation-wrapper .mobile-header-panel { display: none; } @media (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .mobile-header-panel { display: inline-block; width: 100%; } .page-wrapper .navigation-wrapper .mobile-header-panel .social-mobile { display: none; } .page-wrapper .navigation-wrapper .mobile-header-panel .social-mobile .social-column-mobile { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .page-wrapper .navigation-wrapper .mobile-header-panel .social-mobile .social-column-mobile .social { display: flex; align-items: center; gap: 8px; } .page-wrapper .navigation-wrapper .mobile-header-panel .social-mobile .social-column-mobile .social .social-text { color: var(--text-primary, #1e2832); text-align: center; font-size: 13px; font-style: normal; font-weight: 600; line-height: 18px; } .page-wrapper .navigation-wrapper .mobile-header-panel .social-mobile .social-column-mobile .social .social-text .color-tel { color: var(--text-primary, #1e2832); text-align: center; font-size: 13px; font-style: normal; font-weight: 600; line-height: 18px; } .page-wrapper .navigation-wrapper .mobile-header-panel .social-mobile .social-column-mobile .rectangle { width: 1px; align-self: stretch; background: var(--dividers, #e7ebef); } .page-wrapper .navigation-wrapper .mobile-header-panel .container-grid .phone-number { display: none; } .page-wrapper .navigation-wrapper .mobile-header-panel .container-grid .row-grid [class^="col"] { margin: 0; } .page-wrapper .navigation-wrapper .mobile-header-panel .container-grid .row-grid [class^="col"] .header-pages-menu { display: flex; width: 100%; padding: 24px; flex-direction: column; align-items: flex-start; border-bottom: 1px solid var(--dividers, #e7ebef); } .page-wrapper .navigation-wrapper .mobile-header-panel .container-grid .row-grid [class^="col"] .header-pages-menu .header-page-text { display: flex; align-items: center; gap: 8px; align-self: stretch; color: var(--text-primary, #1e2832); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; padding: 0.5rem 0; } .page-wrapper .navigation-wrapper .mobile-header-panel .container-grid .row-grid [class^="col"] .header-pages-menu .curved-line { display: none; } } @media (max-width: 1024.98px) and (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .mobile-header-panel .social-mobile { display: flex; width: 100%; padding: 24px; flex-direction: column; align-items: flex-start; gap: 24px; border-bottom: 1px solid var(--dividers, #e7ebef); } } @media (max-width: 1024.98px) and (max-width: 1024.98px) and (max-width: 321px) { .page-wrapper .navigation-wrapper .mobile-header-panel .social-mobile { padding: 14px; } } @media (max-width: 1024.98px) and (max-width: 1024.98px) { .page-wrapper .navigation-wrapper .mobile-header-panel .container-grid .row-grid [class^="col"] .header-pages-menu { padding: 20px; } } @media (max-width: 1024.98px) and (max-width: 321px) { .page-wrapper .navigation-wrapper .mobile-header-panel .container-grid .row-grid [class^="col"] .header-pages-menu { padding: 20px; } } .header.content { position: relative; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 1024.98px) { .header.content { padding: 24px 0; } } @media (max-width: 479.98px) { .header.content { padding: 8px 20px 8px 20px; } } .header.content .header-logo .logo img { padding: 10px 0; } .header.content .header-search { display: flex; flex-direction: row; align-items: center; padding: 8px 16px 12px; width: 821px; } @media (max-width: 1024.98px) { .header.content .header-search { max-width: none; width: 100%; justify-content: end; padding: 0; } } @media (max-width: 768.98px) { .header.content .header-search { padding: 0; } } @media (max-width: 479.98px) { .header.content .header-search { max-width: 145px; padding: 0; justify-content: flex-end; } } @media (max-width: 376px) { .header.content .header-search { max-width: 115px; } } .header.content .header-search .block-swissup-ajaxsearch.block-search .field.search .origin { display: flex; flex-grow: 1; flex-direction: row-reverse; align-items: center; gap: 20px; } @media (max-width: 1024.98px) { .header.content .header-search .minisearch.active .control { display: block !important; z-index: 40; left: 0; right: 0; } } .header.content .header-search .minisearch .action.search { opacity: 0.4; left: 30px; padding-left: 0; z-index: 2; } @media (max-width: 1024.98px) { .header.content .header-search .minisearch .action.search { display: none; } } .header.content .header-search .minisearch .control { display: flex; } @media (max-width: 1024.98px) { .header.content .header-search .minisearch .control { display: none; } } .header.content .header-search .minisearch .control .input-wrapper { width: 100%; } .header.content .header-search .minisearch .control .input-text { min-width: 797px; border: 0; border-bottom: 1px solid #d3dae1; box-shadow: none; padding-left: 40px; } @media (max-width: 1024.98px) { .header.content .header-search .minisearch .control .input-text { min-width: 665px; } } @media (max-width: 768.98px) { .header.content .header-search .minisearch .control .input-text { min-width: 400px; padding: 6px 0; } } @media (max-width: 479.98px) { .header.content .header-search .minisearch .control .input-text { max-width: 393px; min-width: 100%; width: 100%; padding-left: 25px; padding-right: 25px; } } .header.content .header-search .minisearch .control .input-text:hover { border-bottom-color: #BDC5CD; } .header.content .header-search .minisearch .control .input-text:hover::placeholder { color: #BDC5CD; } .header.content .header-search .minisearch .control .input-text:focus { border-bottom-color: #1E2832; } .header.content .header-search .minisearch .control .input-text:focus::placeholder { color: #1E2832; } .header.content .header-navigation { display: flex; flex-direction: row; align-items: center; height: 24px; gap: 24px; justify-content: space-between; } @media (max-width: 1024.98px) { .header.content .header-navigation { width: 80px; } } @media (max-width: 900px) { .header.content .header-navigation { justify-content: normal; } } @media (max-width: 1024.98px) { .header-navigation { gap: 16px !important; width: 108px; } .header-navigation .switcher.switcher-account { display: none; } .header-navigation .switcher.switcher-wishlist { display: none; } } @media (max-width: 479.98px) { .header-navigation { width: 75px; } } @media (max-width: 1025px) { .header .block-search .label::before { display: block; } } body:has(.minicart-wrapper.active) .navigation-wrapper .navigation .menu-wrap .menu-item .dropdown-content { opacity: 0 !important; visibility: hidden !important; } .page-footer .newsletter-wrap { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/footer/Vector.svg"); background-color: #1e2832; background-position: center; background-repeat: no-repeat; align-content: center; height: 324px; display: flex; align-items: center; justify-content: center; } .page-footer .newsletter-wrap .row-grid { max-width: 600px; width: 100%; } .page-footer .newsletter-wrap .newsletter-block { margin: 0 auto 0 auto; max-width: 1260px; flex-direction: column; gap: 40px; display: flex; } .page-footer .newsletter-wrap .newsletter-block .email-container { margin-top: 54px; display: flex; justify-content: center; } @media (max-width: 640.98px) { .page-footer .newsletter-wrap .newsletter-block .email-container { flex-direction: column; align-items: center; } } .page-footer .newsletter-wrap .newsletter-block .bot-authorization-title { display: flex; max-width: 585px; } .page-footer .newsletter-wrap .newsletter-block .bot-authorization-title .bot-authorization-style { font-style: normal; font-weight: 700; font-size: 28px; line-height: 40px; text-align: center; letter-spacing: 0.5px; width: 100%; color: #ffffff; } @media (max-width: 767px) { .page-footer .newsletter-wrap .newsletter-block .bot-authorization-title .bot-authorization-style { font-size: 22px; line-height: 28px; padding: 0 20px; } } .page-footer .newsletter-wrap .newsletter-block .bot-authorization { display: flex; gap: 60px; justify-content: center; } @media (max-width: 479.98px) { .page-footer .newsletter-wrap .newsletter-block .bot-authorization { gap: 30px; } } @media (max-width: 330px) { .page-footer .newsletter-wrap .newsletter-block .bot-authorization { gap: 0; } } @media (max-width: 767px) { .page-footer .newsletter-wrap .newsletter-block .bot-authorization { justify-content: space-evenly; } } .page-footer .newsletter-wrap .newsletter-block .bot-authorization .bot-authorization-link .bot-authorization-row { display: flex; gap: 10px; align-items: center; justify-content: center; box-sizing: border-box; min-width: 172px; } @media (max-width: 479.98px) { .page-footer .newsletter-wrap .newsletter-block .bot-authorization .bot-authorization-link .bot-authorization-row { gap: 15px; } } @media (max-width: 370px) { .page-footer .newsletter-wrap .newsletter-block .bot-authorization .bot-authorization-link .bot-authorization-row { min-width: 155px; } } .page-footer .newsletter-wrap .newsletter-block .bot-authorization .bot-authorization-link .bot-authorization-row .bot-authorization-text { color: #ffffff; font-style: normal; font-weight: 700; font-size: 12px; text-transform: uppercase; } .page-footer .newsletter-wrap .newsletter-block .success-text { color: var(--text-Check, #75c879); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 24px; } .page-footer .newsletter-wrap .newsletter-block .error-text { color: #EB5656; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 24px; } .page-footer .newsletter-wrap .newsletter-block .beautytime-text { height: 80px; font-style: normal; font-weight: 700; font-size: 28px; line-height: 40px; text-align: center; letter-spacing: 0.5px; width: 639px; color: #ffffff; } @media (max-width: 479.98px) { .page-footer .newsletter-wrap .newsletter-block .beautytime-text { height: 30px; width: 100%; font-size: 22px; font-style: normal; font-weight: 700; line-height: 28px; letter-spacing: 0.5px; text-align: center; } } .page-footer .newsletter-wrap .newsletter-block .button-footer { margin: auto; padding: 10px; } @media (max-width: 479.98px) { .page-footer .newsletter-wrap .newsletter-block .button-footer { width: 100%; } } .page-footer .newsletter-wrap .newsletter-block .button-footer .button-style { min-width: 172px; box-sizing: border-box; border: 1px solid #e7ebef; border-radius: 4px; background: #1e2832; color: #ffffff; font-style: normal; font-weight: 700; font-size: 12px; text-transform: uppercase; } @media (max-width: 640.98px) { .page-footer .newsletter-wrap .newsletter-block .button-footer .button-style { width: 100%; } } .page-footer .newsletter-wrap .newsletter-block .input-email { margin: auto; padding: 10px; } @media (max-width: 640.98px) { .page-footer .newsletter-wrap .newsletter-block .input-email { width: 100%; } } .page-footer .newsletter-wrap .newsletter-block .input-email input:-webkit-autofill, .page-footer .newsletter-wrap .newsletter-block .input-email input:-webkit-autofill:hover, .page-footer .newsletter-wrap .newsletter-block .input-email input:-webkit-autofill:focus { border-bottom: 1px solid #E7EBEF; -webkit-text-fill-color: #d3dae1; -webkit-box-shadow: 0 0 0px 1000px #00000000 inset; transition: background-color 5000s ease-in-out 0s; } .page-footer .newsletter-wrap .newsletter-block .input-email .email-style { box-sizing: border-box; margin-right: 16px; background-color: rgba(0, 0, 0, 0); border: none; color: #d3dae1; border-bottom: 1px solid #E7EBEF; display: flex; flex-direction: row; align-items: center; padding: 12px 16px; width: 450px; height: 44px; } .page-footer .newsletter-wrap .newsletter-block .input-email .email-style::placeholder { color: #d3dae1; } .page-footer .newsletter-wrap .newsletter-block .input-email .email-style:focus { outline: none; box-shadow: none; } @media (max-width: 640.98px) { .page-footer .newsletter-wrap .newsletter-block .input-email .email-style { margin-right: 0px; width: 100%; } } .page-footer .block.newsletter { margin: 0 0 0 0; } .page-footer .block.newsletter .title { position: relative; overflow: visible; } .page-footer .block.newsletter .beautytime-label { font-style: normal; font-weight: 700; font-size: 28px; line-height: 40px; padding-bottom: 8%; color: #ffffff; text-align: center; } .page-footer .block.newsletter .content { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/footer/Vector.svg"); background-color: #1e2832; background-position: center; background-repeat: no-repeat; align-content: center; height: 324px; } .page-footer .block.newsletter .beautytime-form { align-content: end; padding-top: 4%; } .page-footer .block.newsletter .control input { min-width: 365px; background: #1e2832; } .page-footer .block.newsletter .form { max-width: 30%; padding-top: 4%; } .page-footer .block.newsletter .form .beautytime-footer-email { border-bottom: 1px solid #e7ebef; outline: none; } .page-footer .block.newsletter .form .beautytime-actions { width: 32%; } .page-footer .block.newsletter .form .beautytime-actions .button-footer { min-width: 172px; box-sizing: border-box; border: 1px solid #e7ebef; border-radius: 4px; background: #1e2832; font-style: normal; font-weight: 700; font-size: 12px; text-transform: uppercase; } .page-footer .block.newsletter .form > :not(.newsletter):not(.actions) { order: 0; } .page-footer .footer.content { text-align: left; } .page-footer .footer.content .copyright { display: block; text-align: center; } .page-footer .footer .container { border-top: 1px solid #d4d4d4; } @media (min-width: 769px) { .page-footer .footer .container .footer-menu { grid-template-columns: 2fr repeat(4, 1fr); } } .page-footer .footer .container .footer-menu .footer-menu-block { font-weight: normal; } .page-footer .footer .container .footer-menu .footer-menu-block h4 { text-transform: uppercase; color: #292524; } .page-footer .footer .container .footer-menu .footer-menu-block ul li { line-height: 35px; } .page-footer .footer .container .footer-menu .footer-menu-block ul li a { color: #78716c; } .page-footer .footer .container .footer-menu .footer-menu-block ul li a:hover { color: #83a979; } .page-footer .footer .footer-logo-img { width: 226px; } @media (max-width: 768.98px) { .page-footer .footer .footer-logo-img { width: 181px; } } @media (max-width: 640.98px) { .page-footer .footer .footer-logo-img { width: 135px; } } @media (max-width: 479.98px) { .page-footer .footer .footer-logo-img { width: 181px; } } .page-footer .footer-middle-menu { margin: 0 auto; width: 100%; max-width: 1400px; padding-top: 3%; padding-bottom: 2%; } @media (max-width: 768.98px) { .page-footer .footer-middle-menu { padding-left: 40px; padding-right: 40px; } } @media (max-width: 479.98px) { .page-footer .footer-middle-menu { padding: 0; } } @media (max-width: 479.98px) { .page-footer .footer-middle-menu .footer { padding: 30px 20px; } } .page-footer .footer-middle-menu .footer .logo { padding-bottom: 20px; } @media (max-width: 1023px) and (min-width: 768px) { .page-footer .footer-middle-menu .footer .logo { width: 100%; } } @media (max-width: 479.98px) { .page-footer .footer-middle-menu .footer .logo { margin: 0; } } @media (max-width: 479.98px) { .page-footer .footer-middle-menu .footer .col-3 { margin: 0; padding-bottom: 22px; } } @media (max-width: 1023px) and (min-width: 768px) { .page-footer .footer-middle-menu .footer .col-3 { min-width: 29%; } } .page-footer .footer-middle-menu .footer .col-3 a:hover { color: #eb5673; } .page-footer .footer-middle-menu .content-height { padding-bottom: 16px; width: 280px; color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } @media (max-width: 1280px) { .page-footer .footer-middle-menu .content-height { width: 100%; } } .page-footer .footer-middle-menu .content-height .content-height-email { color: var(--text-primary, #1e2832); } .page-footer .footer-middle-menu .beautytime-icon { padding-right: 12px; } .page-footer .footer-middle-menu .icon-block { padding-top: 2%; } .page-footer .footer-middle { border-top: 1px solid #e7ebef; } button.action.tocart .add-to-cart-text-added { display: none !important; } button.action.added-to-cart { background: var(--accent, #eb5673) !important; } button.action.added-to-cart .add-to-cart-text { display: none !important; } button.action.added-to-cart .add-to-cart-text-added { display: flex !important; } .page-products .products .product-item .product-media-wrap { position: relative; width: 100%; } .page-products .products .product-item .product-media-wrap .towishlist-active { display: flex !important; } .page-products .products .product-item .product-media-wrap .towishlist-active .icon-wishlist.icon-wishlist-active { display: flex; } .page-products .products .product-item .product-media-wrap .towishlist { display: none; position: absolute; top: 0; right: 0; width: 13%; height: 13%; z-index: 39; cursor: pointer; } .page-products .products .product-item .product-media-wrap .icon-wishlist { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/heart.webp"); background-size: 20px auto; background-repeat: no-repeat; width: 20px; height: 20px; display: flex; position: absolute; top: 15px; right: 15px; clip: unset; z-index: 40; } .page-products .products .product-item .product-media-wrap .icon-wishlist-active { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/heart-fiiled.webp"); background-size: 20px auto; background-repeat: no-repeat; width: 20px; height: 20px; display: flex; position: absolute; top: 15px; right: 15px; clip: unset; z-index: 40; } .page-products .products .product-item .product-media-wrap .towishlist::before { display: none; } .page-products .products .product-item .product-media-wrap .product-item-inner { position: absolute; bottom: 0; width: 100%; visibility: hidden; } .page-products .products .product-item .product-media-wrap .product-item-inner .product-item-actions .actions-primary { width: 100%; } @media (max-width: 768.98px) { .page-products .products .product-item .product-media-wrap .product-item-inner .product-item-actions .actions-primary { display: none; } } .page-products .products .product-item .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action { background: #1E2832; color: #fff; width: 100%; border-radius: 0 0 4px 4px; } .page-products .products .product-item .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action .add-to-cart-text { color: var(--backgrounds-page, #fafafa); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .page-products .products .product-item .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action .add-to-cart-text-added { color: var(--backgrounds-page, #fafafa); font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; gap: 8px; display: flex; flex-direction: row; } .page-products .products .product-item .product-media-wrap .product-item-inner .product-item-actions .actions-primary .unavailable { display: flex; height: 37px; padding: 12px 0px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 0 0 4px 4px; background: var(--primary, #1e2832); } .page-products .products .product-item .product-media-wrap .product-item-inner .product-item-actions .actions-primary .unavailable .text-unavailable { color: #fff; font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .page-products .products .product-item .product-media-wrap:hover .product-item-inner { visibility: visible; z-index: 40; } .page-products .products .product-item .product-media-wrap:hover .towishlist { display: flex; } .totals.charge { display: none; } .cms-home .page-main { width: 100%; max-width: none; margin: 0; padding: 0; } .cms-home .beauty-time-wrap { width: 100%; overflow: hidden; margin: 0 auto; } @media (max-width: 767px) { .cms-home .beauty-time-wrap { max-width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .cms-home .beauty-time-wrap { max-width: 688px; } .cms-home .beauty-time-wrap .swiper-pagination { bottom: 0; } } @media (min-width: 1024px) and (max-width: 1279px) { .cms-home .beauty-time-wrap { max-width: 943px; } .cms-home .beauty-time-wrap.blog-wrap { overflow: unset; } } @media (min-width: 1280px) and (max-width: 1439px) { .cms-home .beauty-time-wrap { max-width: 1168px; padding-top: 44px; } .cms-home .beauty-time-wrap.blog-wrap { overflow: unset; } } @media (min-width: 1440px) and (max-width: 1919px) { .cms-home .beauty-time-wrap { max-width: 1312px; padding-top: 44px; } .cms-home .beauty-time-wrap.blog-wrap { overflow: unset; } } @media (min-width: 1920px) { .cms-home .beauty-time-wrap { max-width: 1400px; padding-top: 44px; } .cms-home .beauty-time-wrap.blog-wrap { overflow: unset; } } @media (max-width: 821px) { .cms-home .category-catalog { padding: 0; } } @media (max-width: 768.98px) { .cms-home .category-catalog { padding: 0; } } .cms-home .product-image-container { background-color: #f5f5f5; border-radius: 4px; } .cms-home .product-image-container .product-image-photo { mix-blend-mode: multiply; } .normal-price { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } @media (max-width: 479.98px) { .normal-price { font-size: 13px; font-style: normal; font-weight: 600; line-height: 20px; } } .special-price { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } @media (max-width: 479.98px) { .special-price { font-size: 13px; font-style: normal; font-weight: 600; line-height: 20px; } } .old-price { color: var(--text-secondary-disabled, #8c9196); font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ text-decoration-line: line-through; } @media (max-width: 479.98px) { .old-price { font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } } .hero { padding-bottom: 0; } .hero .main-slider-swiper { position: relative; --swiper-pagination-bottom: 0px; --swiper-pagination-color: #1E2832; height: 500px; padding: 0; } .hero .main-slider-swiper img { height: 428px; } @media (max-width: 479.98px) { .hero .main-slider-swiper { height: 500px; text-align: center; } } @media (min-width: 640px) and (max-width: 768px) { .hero .main-slider-swiper { height: 350px; } .hero .main-slider-swiper img { height: 320px; } } @media (min-width: 769px) and (max-width: 819px) { .hero .main-slider-swiper { height: 500px; } } @media (min-width: 820px) and (max-width: 1023px) { .hero .main-slider-swiper { height: 500px; } } @media (min-width: 1024px) and (max-width: 1279px) { .hero .main-slider-swiper { height: 452px; } .hero .main-slider-swiper img { height: 380px; } } @media (min-width: 1280px) and (max-width: 1439px) { .hero .main-slider-swiper { height: 425px; } .hero .main-slider-swiper img { height: 380px; } } .hero .main-slider-swiper .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; border: 2px solid; background: none; } .hero .main-slider-swiper .swiper-pagination-bullet-active { background: #000; } .hero .brands { display: flex; justify-content: center; align-items: center; padding: 56px 0 56px 0px; } @media (max-width: 821px) { .hero .brands { padding: 24px 0 24px 0px; } } @media (max-width: 768.98px) { .hero .brands { padding: 24px 0 24px 0px; } } @media (max-width: 640.98px) { .hero .brands { padding: 20px 0 20px 0; } } @media (max-width: 479.98px) { .hero .brands { padding: 24px 0 24px 0; } } @media (max-width: 768.98px) { .hero .brands .custom-brand-wrapper { padding: 20px 0 20px 0; } } @media (max-width: 479.98px) { .hero .brands .custom-brand-wrapper { padding: 0; } } .hero .brands .custom-brand-wrapper .brand-image { filter: opacity(1); } .hero .brands .custom-brand-wrapper .brand-image:hover { filter: opacity(0.8); } /* categories block */ .category { padding: 8px 0 24px; height: 240px; } @media (max-width: 1281px) { .category { height: 225px; } } @media (max-width: 821px) { .category { height: 180px; } } @media (max-width: 320px) { .category { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 8px 0 0; } } @media (max-width: 479.98px) { .category .custom-category-wrapper { gap: 10px; } } .category .category-item { display: flex !important; flex-direction: column; align-items: center; padding: 0; gap: 16px; max-width: 160px; max-height: 160px; } .category .category-item:hover .category-image { filter: drop-shadow(0px 2px 4px #000000); } @media (max-width: 1281px) { .category .category-item { max-width: 130px; max-height: 130px; } } @media (max-width: 1024.98px) { .category .category-item { max-width: 130px; max-height: 130px; } } @media (max-width: 821px) { .category .category-item { max-width: 80px; max-height: 80px; } } @media (max-width: 768.98px) { .category .category-item { max-width: 80px; gap: 12px; } } @media (max-width: 376px) { .category .category-item { max-width: 112px; } } .category .category-item .category-image { object-fit: cover; border-radius: 50%; margin: 0 0 0 0; min-width: 160px; max-height: 160px; transition: filter 0.5s; } @media (max-width: 1281px) { .category .category-item .category-image { min-width: 130px; max-height: 130px; } } @media (max-width: 1024.98px) { .category .category-item .category-image { border-radius: 50%; margin: 0 0 0 0; min-width: 110px; max-height: 110px; } } @media (max-width: 821px) { .category .category-item .category-image { min-width: 80px; max-height: 80px; } } .category .category-item .category-name { font-weight: 600; font-size: 16px; line-height: 22px; text-align: center; color: #1e2832; } @media (max-width: 768.98px) { .category .category-item .category-name { font-size: 12px; line-height: 20px; } } @media (max-width: 321px) { .category .category-item .category-name { height: 165px; } } /* featured products button */ .catalog-product-button { display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 37px; isolation: isolate; padding: 0px 0 0px; height: 45px; } @media (max-width: 768.98px) { .catalog-product-button { height: auto; padding: 0 0 24px; } } @media (max-width: 479.98px) { .catalog-product-button { padding: 30px 0 24px; } } .catalog-product-button .product-tab-button-style { box-sizing: border-box; background-color: #ffffff; font-weight: 700; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 24px; gap: 8px; font-size: 12px; width: 197px; height: 44px; border: 1px solid #D3DAE1; border-radius: 4px; text-transform: uppercase; transition: border-color 0.5s; } @media (max-width: 479.98px) { .catalog-product-button .product-tab-button-style { width: 100%; font-size: 12px; line-height: 20px; letter-spacing: 0.5px; } } .catalog-product-button .product-tab-button-style:hover, .catalog-product-button .product-tab-button-style:focus { border-color: #1E2832; } /* product-set-one block */ .product-set-one { display: flex; flex-direction: column; justify-content: center; position: relative; } @media (max-width: 479.98px) { .product-set-one { align-items: normal; padding: 0 !important; } } .product-set-one .tns-outer { padding-bottom: 0 !important; } @media (max-width: 1024.98px) { .product-set-one .tns-outer { padding-bottom: 0 !important; } } .product-set-one .title { display: flex; width: 100%; justify-content: space-between; align-items: flex-end; position: relative; padding: 80px 0px 0px 0px; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/Vector6.svg"); background-repeat: no-repeat; background-position: right bottom; } @media (max-width: 1024.98px) { .product-set-one .title { width: 100%; background-image: none !important; } } @media (max-width: 1279px) and (min-width: 1024px) { .product-set-one .title { padding-top: 40px; } } @media (max-width: 821px) { .product-set-one .title { padding: 80px 0 0 0; gap: 10px; } } @media (max-width: 768.98px) { .product-set-one .title { width: 100%; padding: 80px 0 0 0; } } @media (max-width: 640.98px) { .product-set-one .title { width: 100%; } } @media (max-width: 479.98px) { .product-set-one .title { width: auto; background: none; padding: 0; } } @media (max-width: 321px) { .product-set-one .title { padding-right: 0; padding-left: 0; } } .product-set-one .title .title-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; } @media (max-width: 1024.98px) { .product-set-one .title .title-text { width: 100%; } } @media (max-width: 821px) { .product-set-one .title .title-text { width: 100%; gap: 16px; padding-left: 0; position: relative; } } @media (max-width: 768.98px) { .product-set-one .title .title-text { gap: 16px; padding-left: 0; } } @media (max-width: 479.98px) { .product-set-one .title .title-text { gap: 8px; position: relative; padding-left: 0; } } .product-set-one .title .title-text .hits { display: flex; align-items: flex-end; gap: 40px; color: #1e2832; text-align: center; font-size: 28px; font-weight: 700; line-height: 40px; letter-spacing: 0.5px; } @media (max-width: 479.98px) { .product-set-one .title .title-text .hits { font-size: 22px; } } .product-set-one .title .title-text .text { display: flex; width: 100%; flex-direction: column; color: #1e2832; font-size: 18px; line-height: 28px; opacity: 0.5; max-width: 624px; } @media (max-width: 768.98px) { .product-set-one .title .title-text .text { max-width: 590px; } } @media (max-width: 479.98px) { .product-set-one .title .title-text .text { font-size: 16px; max-width: 335px; } } .product-set-one .slider-buttons-hits { width: 83px; bottom: 0; position: relative; display: flex; border-radius: 4px; border: 1px solid var(--dividers, #e7ebef); z-index: 10; cursor: pointer; } @media (max-width: 479.98px) { .product-set-one .slider-buttons-hits { display: none; } } .product-set-one .slider-buttons-hits .slider-button-hits-left { display: flex !important; padding: 10px; justify-content: center; align-items: center; transition: background-color 0.5s; } .product-set-one .slider-buttons-hits .slider-button-hits-left .slider-style-hits-left { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/left.svg"); width: 20px; height: 20px; } .product-set-one .slider-buttons-hits .slider-button-hits-left:hover { background-color: #D3DAE1; } .product-set-one .slider-buttons-hits .slider-button-hits-left:hover .slider-style-hits-left { animation: wobble 2s ease infinite; } .product-set-one .slider-buttons-hits .rectangle-hits { width: 1px; align-self: stretch; background: var(--dividers, #e7ebef); } .product-set-one .slider-buttons-hits .slider-button-hits-right { display: flex !important; padding: 10px; justify-content: center; align-items: center; transition: background-color 0.5s; } .product-set-one .slider-buttons-hits .slider-button-hits-right .slider-style-hits-right { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/right.svg"); width: 20px; height: 20px; } .product-set-one .slider-buttons-hits .slider-button-hits-right:hover { background-color: #D3DAE1; } .product-set-one .slider-buttons-hits .slider-button-hits-right:hover .slider-style-hits-right { animation: wobble_right 2s ease infinite; } .product-set-one .hit-container { padding-top: 48px; } @media (max-width: 821px) { .product-set-one .hit-container { padding-top: 30px; padding-bottom: 48px; } } @media (max-width: 479.98px) { .product-set-one .hit-container { padding-top: 24px; padding-bottom: 30px; } } .product-set-one .hit-container .hits-products .product-tab { display: flex; flex-direction: column; gap: 20px; } .product-set-one .hit-container .hits-products .product-tab .product-media-wrap { position: relative; width: 100%; } .product-set-one .hit-container .hits-products .product-tab .product-media-wrap .product-item-inner { position: absolute; bottom: 0; width: 100%; visibility: hidden; } .product-set-one .hit-container .hits-products .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary { width: 100%; } @media (max-width: 768.98px) { .product-set-one .hit-container .hits-products .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary { display: none; } } .product-set-one .hit-container .hits-products .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action { background: #1E2832; color: #fff; width: 100%; border-radius: 0 0 4px 4px; } .product-set-one .hit-container .hits-products .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action .add-to-cart-text { color: var(--backgrounds-page, #fafafa); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .product-set-one .hit-container .hits-products .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action .add-to-cart-text-added { color: var(--backgrounds-page, #fafafa); font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; gap: 8px; display: flex; flex-direction: row; } .product-set-one .hit-container .hits-products .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary .unavailable { display: flex; height: 37px; padding: 12px 0px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 0 0 4px 4px; background: var(--primary, #1e2832); } .product-set-one .hit-container .hits-products .product-tab .product-media-wrap .product-item-inner .product-item-actions .actions-primary .unavailable .text-unavailable { color: #fff; font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .product-set-one .hit-container .hits-products .product-tab .product-media-wrap:hover .product-item-inner { visibility: visible; } .product-set-one .hit-container .hits-products .product-tab .product-image-container { width: 100%; } .product-set-one .hit-container .hits-products .product-image-photo { object-fit: scale-down; } .product-set-one .hit-container .hits-products .product-card { display: flex; flex-direction: column; align-items: flex-start; width: 100%; } @media (max-width: 768.98px) { .product-set-one .hit-container .hits-products .product-card { gap: 16px; } } .product-set-one .hit-container .hits-products .product-card .product-block { display: flex; flex-direction: column; gap: 20px; align-self: stretch; justify-content: space-between; } @media (max-width: 768.98px) { .product-set-one .hit-container .hits-products .product-card .product-block { gap: 10px; } } .product-set-one .hit-container .hits-products .product-card .product-block .product-title { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; justify-content: flex-start; } .product-set-one .hit-container .hits-products .product-card .product-block .product-title .product-text { color: #1e2832; font-size: 16px; font-weight: 600; line-height: 22px; display: block; overflow: hidden; height: 46px; } @media (max-width: 479.98px) { .product-set-one .hit-container .hits-products .product-card .product-block .product-title .product-text { font-size: 13px; line-height: 18px; height: 38px; text-align: left; } } .product-set-one .hit-container .hits-products .product-card .product-block .product-title .product-short-description { color: #8C9196; font-size: 14px; line-height: 20px; } @media (max-width: 479.98px) { .product-set-one .hit-container .hits-products .product-card .product-block .product-title .product-short-description { overflow: hidden; text-overflow: ellipsis; whitespace: nowrap; font-size: 11px; font-style: normal; font-weight: 400; line-height: 16px; } } .product-set-one .hit-container .hits-products .product-card .product-block .product-info { display: flex; align-items: flex-end; gap: 16px; align-self: stretch; justify-content: space-between; } @media (max-width: 321px) { .product-set-one .hit-container .hits-products .product-card .product-block .product-info { gap: 5px; align-items: normal; } } .product-set-one .hit-container .hits-products .product-card .product-block .product-info .product-price { display: flex; align-items: flex-end; gap: 8px; color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; font-family: "Nunito Sans", serif; } @media (max-width: 479.98px) { .product-set-one .hit-container .hits-products .product-card .product-block .product-info .product-price { font-size: 15px; } } .product-set-one .hit-container .hits-products .product-card .product-block .product-info .product-review { display: flex; align-items: center; } .product-set-one .button-block-hits { display: flex; justify-content: center; align-items: center; padding-top: 70px; } @media (max-width: 1284.98px) { .product-set-one .button-block-hits { padding-top: 48px; } } @media (max-width: 1024.98px) { .product-set-one .button-block-hits { padding: 0 0 84px 0; padding-top: 20px; } } @media (max-width: 821px) { .product-set-one .button-block-hits { padding-top: 0; } } @media (max-width: 479.98px) { .product-set-one .button-block-hits { width: auto; justify-content: center; align-items: center; padding: 0; } } @media (min-width: 1024px) { .product-set-one .button-block-hits { padding-bottom: 84px; } } .product-set-one .button-block-hits .button-style { box-sizing: border-box; background-color: #ffffff; font-weight: 700; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 24px; gap: 8px; font-size: 12px; width: 197px; height: 44px; border: 1px solid #D3DAE1; border-radius: 4px; text-transform: uppercase; } @media (max-width: 479.98px) { .product-set-one .button-block-hits .button-style { width: 400px; font-size: 12px; line-height: 20px; letter-spacing: 0.5px; } } .product-set-one .button-block-hits .button-style:hover, .product-set-one .button-block-hits .button-style:focus { border-color: #1E2832; } @media (max-width: 479.98px) { .beauty-time-wrap { padding: 0 !important; } } .beauty-time-wrap .professional-header { padding-bottom: 30px; } @media (min-width: 1024px) and (max-width: 1279px) { .beauty-time-wrap .professional-header { padding-bottom: 48px; } } @media (min-width: 1280px) { .beauty-time-wrap .professional-header { padding-bottom: 96px; } } @media (max-width: 479.98px) { .beauty-time-wrap .professional-header { width: auto; padding: 0 0 0 0; } } .beauty-time-wrap .professional-header .products-title { display: flex; justify-content: space-between; align-items: flex-end; } @media (max-width: 1024.98px) { .beauty-time-wrap .professional-header .products-title { width: 100%; position: relative; } } @media (max-width: 768.98px) { .beauty-time-wrap .professional-header .products-title { width: 100%; } } @media (max-width: 640.98px) { .beauty-time-wrap .professional-header .products-title { padding-left: 0; } } @media (max-width: 479.98px) { .beauty-time-wrap .professional-header .products-title { width: auto; padding: 60px 20px 20px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; } } @media (max-width: 321px) { .beauty-time-wrap .professional-header .products-title { padding-right: 0; padding-left: 0; } } .beauty-time-wrap .professional-header .products-title .picture-line { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/Vector10.svg"); width: 616px; height: 158px; background-repeat: no-repeat; position: relative; background-position: right bottom; } @media (max-width: 1024.98px) { .beauty-time-wrap .professional-header .products-title .picture-line { display: none; } } .beauty-time-wrap .professional-header .products-title .title-header { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; } @media (max-width: 768.98px) { .beauty-time-wrap .professional-header .products-title .title-header { padding-left: 0; width: 590px; } } @media (max-width: 479.98px) { .beauty-time-wrap .professional-header .products-title .title-header { width: 100%; padding-left: 0; } } .beauty-time-wrap .professional-header .products-title .title-header .professional-products-title { display: flex; align-items: flex-end; gap: 40px; color: #1e2832; text-align: center; font-size: 28px; font-weight: 700; line-height: 40px; letter-spacing: 0.5px; } @media (max-width: 479.98px) { .beauty-time-wrap .professional-header .products-title .title-header .professional-products-title { font-size: 22px; font-style: normal; line-height: 28px; letter-spacing: 0.5px; } } .beauty-time-wrap .professional-header .products-title .title-header .text { display: flex; width: 624px; flex-direction: column; color: #1e2832; font-size: 18px; line-height: 28px; opacity: 0.5; } @media (max-width: 768.98px) { .beauty-time-wrap .professional-header .products-title .title-header .text { width: 100%; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } } @media (max-width: 640.98px) { .beauty-time-wrap .professional-header .products-title .title-header .text { width: 100%; } } @media (max-width: 479.98px) { .beauty-time-wrap .professional-header .products-title .title-header .text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } } .beauty-time-wrap .beauty-time-offers { height: 565px; width: 100%; } @media (max-width: 1024.98px) { .beauty-time-wrap .beauty-time-offers { height: 494px; padding-top: 0; } } @media (max-width: 821px) { .beauty-time-wrap .beauty-time-offers { display: flex; flex-direction: column; width: 100%; padding-top: 0; height: auto; gap: 24px; } } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers { display: flex; flex-direction: column; width: 100%; padding-top: 0; height: auto; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers { width: 100%; height: auto; padding-bottom: 0; gap: 30px; } } @media (max-width: 376px) { .beauty-time-wrap .beauty-time-offers { padding-top: 0; } } @media (min-width: 1280px) { .beauty-time-wrap .beauty-time-offers { height: 485px; } } @media (max-width: 1279px) and (min-width: 1024px) { .beauty-time-wrap .beauty-time-offers { height: 420px; } } .beauty-time-wrap .beauty-time-offers .beauty-time-offers-slider { float: left; width: 47%; } @media (max-width: 821px) { .beauty-time-wrap .beauty-time-offers .beauty-time-offers-slider { float: none; width: 100%; height: auto; padding-left: 0; } } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-offers-slider { float: none; width: 100%; height: auto; padding-left: 0; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-offers-slider { width: 100%; height: auto; padding: 0 20px; } } @media (max-width: 321px) { .beauty-time-wrap .beauty-time-offers .beauty-time-offers-slider { padding-left: 0; padding-right: 0; } } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-lacquer { display: flex; align-items: flex-start; gap: 64px; } @media (min-width: 1280px) and (max-width: 1439px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-lacquer { gap: 16px; } } @media (max-width: 1024.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-lacquer { gap: 21px; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-lacquer { gap: 15px; } } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card-lacquer { width: 100%; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card { display: flex; flex-direction: column; gap: 20px; } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card { gap: 16px; } } @media (max-width: 640.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card { width: 220px; } } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-image-container { width: 100%; align-items: center; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-image-container .product-image-photo { object-fit: scale-down; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-media-wrap { position: relative; width: 100%; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-media-wrap .product-item-inner { position: absolute; bottom: 0; width: 100%; visibility: hidden; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-media-wrap .product-item-inner .product-item-actions .actions-primary { width: 100%; } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-media-wrap .product-item-inner .product-item-actions .actions-primary { display: none; } } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action { background: #1E2832; color: #fff; width: 100%; border-radius: 0 0 4px 4px; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action .add-to-cart-text { color: var(--backgrounds-page, #fafafa); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-media-wrap .product-item-inner .product-item-actions .actions-primary button.action .add-to-cart-text-added { color: var(--backgrounds-page, #fafafa); font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; gap: 8px; display: flex; flex-direction: row; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-media-wrap .product-item-inner .product-item-actions .actions-primary .unavailable { display: flex; height: 37px; padding: 12px 0px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 0 0 4px 4px; background: var(--primary, #1e2832); } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-media-wrap .product-item-inner .product-item-actions .actions-primary .unavailable .text-unavailable { color: #fff; font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-picture .product-media-wrap:hover .product-item-inner { visibility: visible; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; justify-content: space-between; } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text { gap: 10px; } } @media (max-width: 640.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text { width: 220px; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text { width: auto; } } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-title { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; justify-content: flex-start; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-title .product-text { color: #1e2832; font-size: 16px; font-weight: 600; line-height: 22px; display: block; overflow: hidden; height: 46px; } @media (max-width: 640.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-title .product-text { width: 100%; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-title .product-text { font-size: 13px; line-height: 18px; height: 38px; text-align: left; } } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-title .product-short-description { color: #8C9196; font-size: 14px; line-height: 20px; } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-title .product-short-description { overflow: hidden; text-overflow: ellipsis; whitespace: nowrap; font-size: 11px; font-style: normal; font-weight: 400; line-height: 16px; } } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-info { display: flex; gap: 16px; align-self: stretch; justify-content: space-between; } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-info .professional-product-price { display: flex; align-items: flex-end; gap: 8px; color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-info .professional-product-price { font-size: 13px; } } .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-info .professional-product-review { display: flex; align-items: center; gap: 4px; } @media (max-width: 375px) { .beauty-time-wrap .beauty-time-offers .beauty-time-product .professional-product-wrapper .professional-product-card .professional-product-text .professional-product-info .professional-product-review { display: none; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks { float: right; width: 53%; display: flex; justify-content: flex-end; } @media (max-width: 821px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks { float: none; width: 100%; padding-bottom: 40px; } } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks { float: none; width: 100%; padding-bottom: 40px; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks { padding: 0 20px 20px; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads { display: flex; width: 100%; max-width: 688px; height: 484px; flex-direction: column; align-items: flex-end; gap: 16px; } @media (min-width: 1440px) and (max-width: 1919px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads { max-width: 628px; } } @media (min-width: 1280px) and (max-width: 1439px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads { max-width: 593px; } } @media (max-width: 1024.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads { width: 472px; height: 416px; } } @media (max-width: 821px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads { width: 100%; height: 377px; flex-direction: row; } } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads { width: 100%; height: 377px; flex-direction: row; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads { margin-top: 0; display: flex; padding-bottom: 0; flex-direction: column; align-items: flex-start; padding: 0; gap: 10px; width: auto; height: 546px; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .ad { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/ad.png.webp"); border-radius: 4px; display: flex; height: 268px; flex-direction: column; align-items: center; gap: 8px; flex-shrink: 0; align-self: stretch; background-repeat: no-repeat; background-size: cover; } @media (max-width: 1024.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .ad { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/adResolutionLaptop.svg"); height: 220px; width: 472px; border-radius: 4px; } } @media (max-width: 821px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .ad { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/adResolutionTablet.png.webp"); width: 446px; height: 376px; } } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .ad { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/adResolutionTablet.png.webp"); width: 446px; height: 376px; } } @media (max-width: 640.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .ad { width: 400px; padding: 0; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .ad { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/adResolutionPhone.png.webp"); background-repeat: repeat; width: auto; height: 200px; padding-top: 24px; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .ad:hover { filter: saturate(1.3); } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links { display: flex; align-items: flex-start; gap: 16px; align-self: stretch; } @media (max-width: 1024.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links { height: 180px; } } @media (max-width: 821px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links { flex-direction: column; height: auto; } } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links { flex-direction: column; } } @media (max-width: 640.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links { height: 375px; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links { width: auto; height: 336px; gap: 10px; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one { display: flex; height: 200px; padding: 32px; flex-direction: column; justify-content: space-between; align-items: flex-end; flex: 1 0 0; border-radius: 4px; background: #f3e7df; } @media (max-width: 1024.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one { height: 180px; padding: 19px; } } @media (max-width: 821px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one { padding: 26px; } } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one { padding: 26px; } } @media (max-width: 640.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one { width: 208px; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one { width: 100%; height: auto; padding: 20px; align-items: flex-start; flex-shrink: 0; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text { gap: 9px; } } @media (max-width: 640.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text { height: 139px; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text { height: 120px; gap: 12px; flex-shrink: 0; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text .text { color: #1e2832; font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 0.5px; } @media (max-width: 1024.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text .text { font-size: 16px; line-height: 20px; font-weight: 600; } } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text .text { font-size: 19px; font-weight: 700; } } @media (max-width: 640.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text .text { font-size: 17px; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text .text { font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: 0.5px; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text .info { color: #1e2832; font-size: 14px; line-height: 20px; opacity: 0.5; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 1024.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text .info { font-size: 12px; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one .slider-text .info { font-size: 16px; font-weight: 400; line-height: 24px; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-one:hover { filter: saturate(2); } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two { display: flex; height: 200px; padding: 32px; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 24px; flex: 1 0 0; border-radius: 4px; background: #e8def2 url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/YouPosh_logo1.png.webp") no-repeat 32px 32px; } @media (max-width: 1024.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two { height: 180px; width: 228px; padding: 19px; } } @media (max-width: 821px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two { height: 180px; width: 100%; padding: 19px; } } @media (max-width: 768.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two { height: 180px; width: 100%; padding: 19px; } } @media (max-width: 640.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two { width: 208px; } } @media (max-width: 479.98px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two { width: auto; height: 160px; padding: 17px; flex-shrink: 0; align-self: stretch; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two .slider-text { display: flex; width: 100%; height: 149.119px; padding: 0.098px 0 0.119px 0; justify-content: flex-end; align-items: flex-end; } @media (min-width: 320px) and (max-width: 767px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two .slider-text { align-items: center; width: 50%; } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two .slider-text .info::first-letter { padding-left: 10px; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two .slider-text .info { color: #1e2832; font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 0.5px; text-align: end; } @media (max-width: 1279px) { .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two .slider-text .info { font-size: 16px; } } .beauty-time-wrap .beauty-time-offers .professional-offer-blocks .ads .links .slider-link-two:hover { filter: saturate(2); } .beauty-time-wrap .button-block { display: flex; padding: 0 0 24px 0; justify-content: center; padding-top: 70px; } @media (max-width: 1024.98px) { .beauty-time-wrap .button-block { padding-top: 30px; } } @media (max-width: 821px) { .beauty-time-wrap .button-block { padding-top: 0; } } @media (max-width: 479.98px) { .beauty-time-wrap .button-block { padding: 0 20px 0 20px; width: auto; justify-content: center; align-items: center; gap: 8px; } } .beauty-time-wrap .button-block .button-style { box-sizing: border-box; background-color: #ffffff; padding: 12px 22px; gap: 8px; width: 197px; height: 44px; border: 1px solid #D3DAE1; border-radius: 4px; color: #1E2832; font-size: 12px; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; } @media (max-width: 479.98px) { .beauty-time-wrap .button-block .button-style { width: 100%; font-size: 12px; line-height: 20px; letter-spacing: 0.5px; } } .beauty-time-wrap .button-block .button-style:hover, .beauty-time-wrap .button-block .button-style:focus { border-color: #1E2832; } /* about us block */ .about-us-block { display: flex; flex-direction: column; justify-content: center; padding: 0 0 80px; gap: 104px; width: 100%; } @media (max-width: 1024.98px) { .about-us-block { gap: 0; } } @media (max-width: 768.98px) { .about-us-block { padding: 0; } } @media (max-width: 479.98px) { .about-us-block { padding: 0 !important; gap: 24px; } } @media (max-width: 1279px) and (min-width: 1024px) { .about-us-block { padding-bottom: 48px; } } .about-us-block .about-us-content { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 80px 0 48px; gap: 112px; isolation: isolate; width: auto; height: 683px; } @media (max-width: 1024.98px) { .about-us-block .about-us-content { gap: 47px; padding: 88px 0 0; } } @media (max-width: 768.98px) { .about-us-block .about-us-content { padding: 80px 0 0; height: 620px; } } @media (max-width: 821px) { .about-us-block .about-us-content { gap: 72px; } } @media (max-width: 479.98px) { .about-us-block .about-us-content { flex-direction: column; gap: 0; height: auto; padding: 60px 20px 0; } } @media (max-width: 321px) { .about-us-block .about-us-content { padding: 60px 0 0; } } @media (max-width: 1279px) and (min-width: 1024px) { .about-us-block .about-us-content { height: 660px; } } .about-us-block .about-us-content .img { position: relative; } @media (max-width: 821px) { .about-us-block .about-us-content .img { width: 100%; display: flex; justify-content: flex-end; } } .about-us-block .about-us-content .img .image-size { width: 417px; height: 555px; } @media (max-width: 1024.98px) { .about-us-block .about-us-content .img .image-size { width: 338px; height: 450px; } } @media (max-width: 821px) { .about-us-block .about-us-content .img .image-size { width: 279px; height: 398px; } } @media (max-width: 479.98px) { .about-us-block .about-us-content .img .image-size { width: 240px; height: 320px; } } .about-us-block .about-us-content .img .about-us-line { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/Vector8.svg"); background-repeat: no-repeat; z-index: 2; position: absolute; width: 297.632px; height: 99.435px; right: 737px; bottom: 86.722px; } @media (max-width: 1441px) { .about-us-block .about-us-content .img .about-us-line { right: 637px; bottom: 88.722px; } } @media (max-width: 1281px) { .about-us-block .about-us-content .img .about-us-line { right: 601px; bottom: 60.722px; } } @media (max-width: 1024.98px) { .about-us-block .about-us-content .img .about-us-line { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/Vector8ResolutionLapTop.svg"); width: 212.166px; height: 72.902px; right: 344.912px; bottom: 132.291px; } } @media (max-width: 821px) { .about-us-block .about-us-content .img .about-us-line { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/Vector8ResolutionTablet.svg"); width: 139.17px; height: 72.902px; bottom: 27px; right: 228px; } } @media (max-width: 768.98px) { .about-us-block .about-us-content .img .about-us-line { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/Vector8ResolutionTablet.svg"); width: 170.17px; height: 72.902px; bottom: 27px; right: 228px; } } @media (max-width: 479.98px) { .about-us-block .about-us-content .img .about-us-line { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/Vector8ResolutionPhone.svg"); background-repeat: no-repeat; width: 114px; height: 51px; z-index: 2; bottom: 51px; right: 220px; } } .about-us-block .about-us-content .img .about-us-box { background-repeat: no-repeat; z-index: 1; position: absolute; width: 297px; height: 291px; border-radius: 4px; right: 482.148px; bottom: -42.07px; } @media (max-width: 1441px) { .about-us-block .about-us-content .img .about-us-box { right: 390.148px; bottom: -42.07px; } } @media (max-width: 1380px) { .about-us-block .about-us-content .img .about-us-box { width: 250px; height: 245px; } } @media (max-width: 1281px) { .about-us-block .about-us-content .img .about-us-box { width: 250px; height: 245px; right: 390px; } } @media (max-width: 1024.98px) { .about-us-block .about-us-content .img .about-us-box { width: 214px; height: 209px; right: 180px; top: 278px; } } @media (max-width: 821px) { .about-us-block .about-us-content .img .about-us-box { width: 152.525px; height: 149.059px; top: 281px; right: 166px; } } @media (max-width: 768.98px) { .about-us-block .about-us-content .img .about-us-box { width: 152.525px; height: 149.059px; top: 281px; right: 166px; } } @media (max-width: 479.98px) { .about-us-block .about-us-content .img .about-us-box { background-repeat: no-repeat; width: 133px; height: 131px; top: 98px; right: 202px; } } .about-us-block .about-us-content .about-us-text { display: flex; flex-direction: column; align-items: flex-start; padding: 0; gap: 24px; width: auto; } @media (max-width: 1024.98px) { .about-us-block .about-us-content .about-us-text { width: 407px; } } @media (max-width: 821px) { .about-us-block .about-us-content .about-us-text { padding-left: 0; width: 337px; } } @media (max-width: 768.98px) { .about-us-block .about-us-content .about-us-text { width: 337px; padding-left: 0; } } @media (max-width: 479.98px) { .about-us-block .about-us-content .about-us-text { padding-bottom: 24px; width: 100%; padding-left: 0; } } .about-us-block .about-us-content .about-us-text .about-us-title { font-weight: 700; font-size: 32px; line-height: 40px; letter-spacing: 1px; color: #1e2832; padding-bottom: 20px; } @media (max-width: 821px) { .about-us-block .about-us-content .about-us-text .about-us-title { width: 337px; } } @media (max-width: 768.98px) { .about-us-block .about-us-content .about-us-text .about-us-title { width: 337px; height: 40px; } } @media (max-width: 479.98px) { .about-us-block .about-us-content .about-us-text .about-us-title { width: 100%; padding-bottom: 0; } } .about-us-block .about-us-content .about-us-text .about-us-paragraph { width: 624px; font-weight: 400; font-size: 18px; line-height: 28px; color: #1e2832; opacity: 0.5; } @media (max-width: 1024.98px) { .about-us-block .about-us-content .about-us-text .about-us-paragraph { width: 407px; color: var(--text, #1e2832); font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } } @media (max-width: 821px) { .about-us-block .about-us-content .about-us-text .about-us-paragraph { width: 337px; color: var(--text, #1e2832); font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } } @media (max-width: 768.98px) { .about-us-block .about-us-content .about-us-text .about-us-paragraph { width: 337px; color: var(--text, #1e2832); font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } } @media (max-width: 479.98px) { .about-us-block .about-us-content .about-us-text .about-us-paragraph { width: auto; } } .about-us-block .about-us-content .about-us-text .about-us-images { width: 100%; display: flex; height: 343px; justify-content: flex-end; align-items: center; position: relative; } @media (max-width: 479.98px) { .about-us-block .about-us-content .about-us-text .about-us-images { height: 10px; } } .about-us-block .benefits { display: flex; flex-direction: row; align-items: flex-start; padding: 0; gap: 16px; width: 100%; } @media (max-width: 821px) { .about-us-block .benefits { flex-direction: column; } } @media (max-width: 768.98px) { .about-us-block .benefits { flex-direction: column; } } @media (max-width: 479.98px) { .about-us-block .benefits { flex-direction: column; padding-right: 20px; padding-left: 20px; } } .about-us-block .benefits .benefit-card { display: flex; flex-direction: column; align-items: flex-start; padding: 40px 32px; gap: 96px; justify-content: flex-start; align-self: stretch; background-color: #f5f5f5; background-repeat: no-repeat; width: 456px; border-radius: 4px; } @media (max-width: 1024.98px) { .about-us-block .benefits .benefit-card { gap: 50px; } } @media (max-width: 821px) { .about-us-block .benefits .benefit-card { width: 100%; } } @media (max-width: 768.98px) { .about-us-block .benefits .benefit-card { gap: 30px; width: 100%; } } @media (max-width: 479.98px) { .about-us-block .benefits .benefit-card { width: 100%; gap: 25px; background-color: #f5f5f5; padding: 25px 25px; } } @media (max-width: 479.98px) { .about-us-block .benefits .benefit-card .img { display: none; } } .about-us-block .benefits .benefit-card .img-phone { display: none; } @media (max-width: 479.98px) { .about-us-block .benefits .benefit-card .img-phone { display: block; } } .about-us-block .benefits .benefit-card .benefit-title { display: flex; gap: 24px; flex-direction: column; font-weight: 700; font-size: 20px; line-height: 26px; letter-spacing: 0.5px; color: #1e2832; } @media (max-width: 768.98px) { .about-us-block .benefits .benefit-card .benefit-title { font-size: 16px; line-height: 20px; letter-spacing: 0.5px; } } @media (max-width: 479.98px) { .about-us-block .benefits .benefit-card .benefit-title { gap: 16px; } } @media (max-width: 1279px) and (min-width: 1024px) { .about-us-block .benefits .benefit-card .benefit-title { font-size: 16px; line-height: 20px; letter-spacing: 0.5px; gap: 16px; } } .about-us-block .benefits .benefit-card .benefit-title .benefit-paragraph { font-weight: 400; font-size: 16px; line-height: 28px; color: #1e2832; opacity: 0.5; } @media (max-width: 768.98px) { .about-us-block .benefits .benefit-card .benefit-title .benefit-paragraph { font-size: 16px; line-height: 28px; } } /* partnership block*/ .partnership-block { display: flex; flex-direction: row; align-items: center; padding: 30px 0; gap: 247px; width: 100%; height: auto; justify-content: space-between; } @media (max-width: 1024.98px) { .partnership-block { flex-direction: row-reverse; gap: 0px; height: auto; padding-top: 80px; padding-bottom: 80px; } } @media (max-width: 821px) { .partnership-block { flex-direction: column; padding-top: 0; gap: 100px; } } @media (max-width: 768.98px) { .partnership-block { display: flex; flex-direction: column; padding: 80px 0px; gap: 100px; } } @media (max-width: 479.98px) { .partnership-block { padding: 24px 20px 0px 20px !important; gap: 0; } } @media (max-width: 1024.98px) { .partnership-block .partnership-images { height: 740px; width: 40%; } } @media (max-width: 821px) { .partnership-block .partnership-images { width: 100%; height: 784px; } } @media (max-width: 768.98px) { .partnership-block .partnership-images { width: 100%; height: 784px; } } @media (max-width: 479.98px) { .partnership-block .partnership-images { width: 100%; height: 470px; padding-top: 134px; } } .partnership-block .partnership-images .partnership-images-first { background-repeat: no-repeat; width: 477.03px; height: 498.63px; left: 0; top: 308px; position: relative; object-fit: cover; } @media (max-width: 1024.98px) { .partnership-block .partnership-images .partnership-images-first { width: 350.659px; height: 387.078px; top: 221px; } } @media (max-width: 821px) { .partnership-block .partnership-images .partnership-images-first { width: 477.03px; height: 498.63px; left: 48px; } } @media (max-width: 768.98px) { .partnership-block .partnership-images .partnership-images-first { width: 477.03px; height: 498.63px; left: 48px; } } @media (max-width: 479.98px) { .partnership-block .partnership-images .partnership-images-first { width: 276.82px; height: 294.24px; top: 0; left: 0; background-size: 100%; } } @media (min-width: 1280px) and (max-width: 1439px) { .partnership-block .partnership-images .partnership-images-first { top: 85px; width: 380px; height: auto; } } .partnership-block .partnership-images .partnership-images-second { background-repeat: no-repeat; background-position: center; background-size: cover; width: 320px; height: 338px; left: 445px; bottom: 0px; position: relative; object-fit: cover; } @media (max-width: 1024.98px) { .partnership-block .partnership-images .partnership-images-second { width: 190.69px; height: 200.15px; left: 182px; bottom: -50px; } } @media (max-width: 821px) { .partnership-block .partnership-images .partnership-images-second { width: 312.53px; height: 329.75px; left: 412px; bottom: 45px; } } @media (max-width: 768.98px) { .partnership-block .partnership-images .partnership-images-second { width: 312.53px; height: 329.75px; left: 412px; bottom: 45px; } } @media (max-width: 479.98px) { .partnership-block .partnership-images .partnership-images-second { width: 187px; height: 175.24px; bottom: 40%; left: 52%; background-size: 100%; } } @media (max-width: 321px) { .partnership-block .partnership-images .partnership-images-second { width: 186px; height: 175.24px; bottom: 134px; left: 119px; background-size: 100%; } } @media (min-width: 1280px) and (max-width: 1439px) { .partnership-block .partnership-images .partnership-images-second { left: 325px; bottom: 25px; width: 255px; height: auto; } } .partnership-block .partnership-images .partnership-images-third { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/Vector5.svg"); background-repeat: no-repeat; width: 331.24px; height: 174.45px; left: 257.33px; bottom: 629px; position: relative; } @media (max-width: 1024.98px) { .partnership-block .partnership-images .partnership-images-third { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/Vector9.svg"); width: 205px; height: 229.84px; left: 201px; bottom: 568px; } } @media (max-width: 821px) { .partnership-block .partnership-images .partnership-images-third { width: 210px; height: 258.78px; left: 362px; bottom: 738px; } } @media (max-width: 768.98px) { .partnership-block .partnership-images .partnership-images-third { width: 210px; height: 258.78px; left: 362px; bottom: 738px; } } @media (max-width: 479.98px) { .partnership-block .partnership-images .partnership-images-third { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/VectorResolutionPhone.svg"); width: 139px; height: 155.78px; left: 149px; bottom: 558px; } } .partnership-block .partnership-content { display: flex; flex-direction: column; justify-content: center; width: 520px; min-width: 520px; padding: 0; gap: 48px; align-items: flex-start; } @media (max-width: 1024.98px) { .partnership-block .partnership-content { width: 60%; min-width: unset; gap: 24px; height: auto; padding-left: 28px; } } @media (max-width: 821px) { .partnership-block .partnership-content { padding-left: 0; width: 100%; gap: 28px; } } @media (max-width: 768.98px) { .partnership-block .partnership-content { width: 100%; padding: 0 0 0; gap: 28px; } } @media (max-width: 479.98px) { .partnership-block .partnership-content { width: 100%; padding: 60px 3px; gap: 20px; } } .partnership-block .partnership-content .partnership-title { display: flex; flex-direction: column; align-items: flex-start; padding: 0; gap: 24px; } @media (max-width: 1024.98px) { .partnership-block .partnership-content .partnership-title { width: 421px; gap: 16px; } } @media (max-width: 821px) { .partnership-block .partnership-content .partnership-title { width: 100%; } } .partnership-block .partnership-content .partnership-title .title { font-weight: 700; font-size: 28px; line-height: 40px; letter-spacing: 0.5px; color: #1e2832; } @media (max-width: 479.98px) { .partnership-block .partnership-content .partnership-title .title { font-size: 22px; line-height: 28px; } } .partnership-block .partnership-content .partnership-title .text { font-size: 18px; line-height: 28px; font-weight: 400; color: #1e2832; opacity: 0.5; } @media (max-width: 1024.98px) { .partnership-block .partnership-content .partnership-title .text { font-size: 16px; } } @media (max-width: 479.98px) { .partnership-block .partnership-content .partnership-title .text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } } .partnership-block .partnership-list { display: flex; flex-direction: column; align-items: flex-start; padding: 0; } @media (max-width: 1024.98px) { .partnership-block .partnership-list { width: 421px; } } @media (max-width: 821px) { .partnership-block .partnership-list { width: 100%; } } @media (max-width: 479.98px) { .partnership-block .partnership-list { width: 100%; } } .partnership-block .partnership-list .benefit-card-2 { display: flex; flex-direction: row; align-items: flex-start; padding: 20px 0; gap: 11px; } @media (max-width: 1024.98px) { .partnership-block .partnership-list .benefit-card-2 { gap: 15px; } } @media (max-width: 821px) { .partnership-block .partnership-list .benefit-card-2 { width: 100%; } } @media (max-width: 479.98px) { .partnership-block .partnership-list .benefit-card-2 { flex-direction: column; gap: 12px; width: auto; padding: 16px 0; } } .partnership-block .partnership-list .benefit-card-2 .benefit-frame-one { display: flex; flex-direction: row; align-items: flex-start; padding: 0; gap: 8px; width: 36px; min-width: 36px; } .partnership-block .partnership-list .benefit-card-2 .benefit-frame-two { display: flex; flex-direction: row; align-items: flex-start; padding: 0; gap: 8px; width: 36px; min-width: 36px; } .partnership-block .partnership-list .benefit-card-2 .benefit-frame-three { display: flex; flex-direction: row; align-items: flex-start; padding: 0; gap: 8px; width: 36px; min-width: 36px; } .partnership-block .partnership-list .benefit-card-2 .benefit-frame-one img, .partnership-block .partnership-list .benefit-card-2 .benefit-frame-two img, .partnership-block .partnership-list .benefit-card-2 .benefit-frame-three img { width: 27px; height: 32px; min-width: 27px; } .partnership-block .partnership-list .benefit-card-2 .benefit-text { display: flex; flex-direction: column; align-items: flex-start; padding: 0; gap: 10px; } @media (max-width: 479.98px) { .partnership-block .partnership-list .benefit-card-2 .benefit-text { gap: 6px; } } .partnership-block .partnership-list .benefit-card-2 .benefit-text .title { font-size: 20px; line-height: 26px; font-weight: 700; letter-spacing: 0.5px; color: #1e2832; } @media (max-width: 479.98px) { .partnership-block .partnership-list .benefit-card-2 .benefit-text .title { font-size: 16px; font-weight: 600; line-height: 20px; } } .partnership-block .partnership-list .benefit-card-2 .benefit-text .text { font-size: 18px; line-height: 28px; font-weight: 400; color: #1e2832; opacity: 0.5; } @media (max-width: 1024.98px) { .partnership-block .partnership-list .benefit-card-2 .benefit-text .text { font-size: 16px; } } .partnership-block .partnership-button { display: flex; flex-direction: row; align-items: flex-start; padding: 0; } @media (max-width: 479.98px) { .partnership-block .partnership-button { width: 100%; } } .partnership-block .partnership-button .button { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 24px; gap: 8px; width: 175px; height: 44px; background: #1e2832; border-radius: 4px; font-weight: 700; font-size: 12px; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; color: #ffffff; transition: background-color 0.5s; } @media (max-width: 479.98px) { .partnership-block .partnership-button .button { width: 100%; } } .partnership-block .partnership-button .button:hover { background-color: #323C46; } /* feedback block */ .feedbacks { padding: 30px 64px; background-color: #e7ebef; display: block; } @media (max-width: 1024.98px) { .feedbacks { background-position: 367px 78px; padding: 80px 40px; } } @media (max-width: 768.98px) { .feedbacks { padding: 60px 30px; } } @media (max-width: 479.98px) { .feedbacks { padding: 60px 30px; background-position: center; background-size: 23%; } } .feedbacks .custom-swiper-wrapper { align-items: center; } .feedbacks .testimonials-row { display: flex; align-items: center; } .feedbacks .testimonials-row .swiper-pagination-bullet-active { background: #000 !important; } @media (max-width: 479.98px) { .feedbacks .testimonials-row .swiper-pagination { display: flex; justify-content: center; bottom: 0; } } .feedbacks .testimonials-row .slider-button-testimonials-left { display: flex; padding: 12px; justify-content: center; align-items: center; gap: 12px; height: 44px; border-radius: 4px; background: var(--backgrounds-page, #fafafa); cursor: pointer; } @media (max-width: 479.98px) { .feedbacks .testimonials-row .slider-button-testimonials-left { display: none; } } .feedbacks .testimonials-row .slider-button-testimonials-left .slider-style-testimonials-left { width: 20px; height: 20px; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/left.svg"); background-repeat: no-repeat; } .feedbacks .testimonials-row .slider-button-testimonials-left:hover { border-radius: 4px; background: rgba(250, 250, 250, 0.4); } .feedbacks .testimonials-row .slider-button-testimonials-left:hover .slider-style-testimonials-left { animation: wobble 2s ease infinite; } .feedbacks .testimonials-row .slider-button-testimonials-right { display: flex; padding: 12px; justify-content: center; align-items: center; gap: 12px; height: 44px; border-radius: 4px; background: var(--backgrounds-page, #fafafa); cursor: pointer; } @media (max-width: 479.98px) { .feedbacks .testimonials-row .slider-button-testimonials-right { display: none; } } .feedbacks .testimonials-row .slider-button-testimonials-right .slider-style-testimonials-right { width: 20px; height: 20px; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/right.svg"); background-repeat: no-repeat; } .feedbacks .testimonials-row .slider-button-testimonials-right:hover { border-radius: 4px; background: rgba(250, 250, 250, 0.4); } .feedbacks .testimonials-row .slider-button-testimonials-right:hover .slider-style-testimonials-right { animation: wobble_right 2s ease infinite; } .feedbacks .testimonials-row .feedback .user-feedback { display: flex; gap: 88px; padding-left: 65px; padding-right: 65px; justify-content: center; align-items: center; max-height: 330px; transition: all 1s; } .feedbacks .testimonials-row .feedback .user-feedback.opened { max-height: 800px; } .feedbacks .testimonials-row .feedback .user-feedback .read-more-testimonials { position: absolute; z-index: 14; bottom: 0; right: 0; cursor: pointer; } .feedbacks .testimonials-row .feedback .user-feedback .read-more-testimonials .hide-more-text { display: inline-block; } .feedbacks .testimonials-row .feedback .user-feedback .read-more-testimonials .hide-more-text:hover { color: #eb5673; } .feedbacks .testimonials-row .feedback .user-feedback .read-more-testimonials .read-more-text { display: none; } .feedbacks .testimonials-row .feedback .user-feedback .read-more-testimonials .read-more-text:hover { color: #eb5673; } .feedbacks .testimonials-row .feedback .user-feedback .read-more-testimonials.read-more-click-visible .read-more-text { display: inline-block; } .feedbacks .testimonials-row .feedback .user-feedback .read-more-testimonials.read-more-click-visible .hide-more-text { display: none; } .feedbacks .testimonials-row .feedback .user-feedback .read-more-click-visible { display: inline-block; } .feedbacks .testimonials-row .feedback .user-feedback .read-more-click-hide { display: none; } @media (max-width: 1284.98px) { .feedbacks .testimonials-row .feedback .user-feedback { align-items: center; gap: 88px; padding-left: 65px; padding-right: 65px; justify-content: normal; height: auto; } } @media (max-width: 1024.98px) { .feedbacks .testimonials-row .feedback .user-feedback { gap: 30px; padding-left: 0; padding-right: 0; } } @media (max-width: 768.98px) { .feedbacks .testimonials-row .feedback .user-feedback { padding-left: 60px; padding-right: 60px; flex-direction: column; gap: 20px; max-height: 250px; justify-content: flex-start; } } @media (max-width: 640.98px) { .feedbacks .testimonials-row .feedback .user-feedback { padding-left: 30px; padding-right: 30px; flex-direction: column; gap: 20px; max-height: 380px; } } @media (max-width: 479.98px) { .feedbacks .testimonials-row .feedback .user-feedback { width: auto; height: auto; flex-direction: column; justify-content: center; align-items: center; gap: 40px; padding-left: 0; padding-right: 0; padding-bottom: 28px; } } .feedbacks .testimonials-row .feedback .user-feedback .profile { display: flex; width: 244px; height: auto; flex-direction: column; gap: 24px; flex-shrink: 0; align-items: center; justify-content: flex-end; } @media (max-width: 768.98px) { .feedbacks .testimonials-row .feedback .user-feedback .profile { gap: 28px; flex-direction: row; width: 557px; justify-content: normal; align-items: flex-end; padding-left: 37px; padding-right: 37px; } } @media (max-width: 640.98px) { .feedbacks .testimonials-row .feedback .user-feedback .profile { padding-left: 71px; padding-right: 71px; } } @media (max-width: 479.98px) { .feedbacks .testimonials-row .feedback .user-feedback .profile { flex-direction: column; justify-content: center; align-items: center; gap: 4px; padding-right: 0; padding-left: 0; } } .feedbacks .testimonials-row .feedback .user-feedback .profile img { display: inline; width: 104px; border-radius: 72px; vertical-align: top; aspect-ratio: 1 auto; } .feedbacks .testimonials-row .feedback .user-feedback .profile .title { display: flex; gap: 4px; flex-direction: column; align-items: center; } @media (max-width: 1024.98px) { .feedbacks .testimonials-row .feedback .user-feedback .profile .title { height: 75px; } } @media (max-width: 640.98px) { .feedbacks .testimonials-row .feedback .user-feedback .profile .title { justify-content: center; } } .feedbacks .testimonials-row .feedback .user-feedback .profile .title .text-name { text-align: center; width: 104px; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: 0.5px; } .feedbacks .testimonials-row .feedback .user-feedback .profile .title .info { text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; opacity: 0.8; } .feedbacks .testimonials-row .feedback .user-feedback .text-read-more { color: #1e2832; position: relative; padding: 50px 0; font-size: 21px; font-style: normal; font-weight: 400; line-height: 48px; } @media (max-width: 821px) { .feedbacks .testimonials-row .feedback .user-feedback .text-read-more { font-size: 17px; line-height: 32px; } } @media (max-width: 768.98px) { .feedbacks .testimonials-row .feedback .user-feedback .text-read-more { padding: 0 0 20px 0; font-size: 17px; line-height: 32px; } } .feedbacks .testimonials-row .feedback .user-feedback .text-read-more .feedback-text { width: 100%; } .feedbacks .testimonials-row .feedback .user-feedback .text-read-more .feedback-text.cut { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 145px; } @media (max-width: 768.98px) { .feedbacks .testimonials-row .feedback .user-feedback .text-read-more .feedback-text.cut { height: 100px; } } .feedbacks .testimonials-row .feedback .user-feedback .text-read-more .quotes { position: absolute; top: -10px; left: -30px; width: 100px; z-index: -1; } @media (max-width: 768.98px) { .feedbacks .testimonials-row .feedback .user-feedback .text-read-more .quotes { top: -100px; left: unset; right: 0; } } @media (max-width: 479.98px) { .feedbacks .testimonials-row .feedback .user-feedback .text-read-more .quotes { top: -50px; right: 50%; transform: translate(50%); } } @media (max-width: 479.98px) { .blog-wrap { padding: 0 !important; } } .blog-wrap .blog { display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; } @media (max-width: 479.98px) { .blog-wrap .blog { padding: 60px 20px 0px 20px; } } @media (max-width: 321px) { .blog-wrap .blog { padding: 0 0 20px; } } .blog-wrap .blog .blog-title { display: flex; padding: 80px 0 0 0; width: 100%; justify-content: space-between; } @media (max-width: 821px) { .blog-wrap .blog .blog-title { padding: 80px 0 0 0; } } @media (max-width: 768.98px) { .blog-wrap .blog .blog-title { padding: 80px 0 0px 0; } } @media (max-width: 479.98px) { .blog-wrap .blog .blog-title { width: 100%; padding: 0; } } .blog-wrap .blog .blog-title .title { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; } @media (max-width: 768.98px) { .blog-wrap .blog .blog-title .title { width: 213px; } } .blog-wrap .blog .blog-title .title .title-text { color: #1E2832; text-align: center; font-size: 28px; font-weight: 700; line-height: 40px; letter-spacing: 0.5px; } @media (max-width: 479.98px) { .blog-wrap .blog .blog-title .title .title-text { color: var(--text-primary, #1e2832); text-align: center; font-family: "Nunito Sans"; font-size: 22px; font-style: normal; font-weight: 700; line-height: 28px; letter-spacing: 0.5px; } } .blog-wrap .blog .blog-title .blog-button { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 479.98px) { .blog-wrap .blog .blog-title .blog-button { display: none; } } .blog-wrap .blog .blog-title .blog-button .button-style { color: #1e2832; font-size: 12px; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; box-sizing: border-box; background-color: #ffffff; flex-direction: row; justify-content: center; align-items: center; padding: 12px 22px; gap: 8px; width: 200px; height: 44px; border: 1px solid #D3DAE1; border-radius: 4px; } .blog-wrap .blog .blog-title .blog-button .button-style:hover, .blog-wrap .blog .blog-title .blog-button .button-style:focus { border-color: #1E2832; } .blog-wrap .blog-wrapper { display: flex; padding: 64px 0 136px 0; justify-content: center; align-items: flex-start; gap: 40px; } @media (max-width: 821px) { .blog-wrap .blog-wrapper { padding: 20px 0 60px 0; gap: 20px; } } @media (max-width: 479.98px) { .blog-wrap .blog-wrapper { flex-direction: column; padding: 20px 0 24px 0; gap: 25px; } } @media (max-width: 1279px) and (min-width: 1024px) { .blog-wrap .blog-wrapper { padding-bottom: 80px; } } .blog-wrap .blog-wrapper .blog-article { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; flex: 1 0 0; align-self: stretch; } @media (max-width: 768.98px) { .blog-wrap .blog-wrapper .blog-article { gap: 24px; } } @media (max-width: 479.98px) { .blog-wrap .blog-wrapper .blog-article { padding: 0 20px 0 20px; gap: 12px; } } @media (max-width: 321px) { .blog-wrap .blog-wrapper .blog-article { padding: 0; } } .blog-wrap .blog-wrapper .blog-article:hover .blog-picture-size { filter: drop-shadow(2px 4px 6px #000000); } .blog-wrap .blog-wrapper .blog-article .blog-size { align-self: stretch; } .blog-wrap .blog-wrapper .blog-article .blog-size .blog-picture-size { height: 300px; object-fit: cover; width: 100%; border-radius: 4px; } @media (max-width: 1024.98px) { .blog-wrap .blog-wrapper .blog-article .blog-size .blog-picture-size { height: 204px; object-fit: cover; } } @media (max-width: 821px) { .blog-wrap .blog-wrapper .blog-article .blog-size .blog-picture-size { height: 142px; object-fit: cover; } } @media (max-width: 768.98px) { .blog-wrap .blog-wrapper .blog-article .blog-size .blog-picture-size { height: 152px; object-fit: cover; width: 100%; } } @media (max-width: 479.98px) { .blog-wrap .blog-wrapper .blog-article .blog-size .blog-picture-size { height: 280px; } } @media (max-width: 375px) { .blog-wrap .blog-wrapper .blog-article .blog-size .blog-picture-size { height: 230px; } } @media (max-width: 321px) { .blog-wrap .blog-wrapper .blog-article .blog-size .blog-picture-size { height: 208px; } } .blog-wrap .blog-wrapper .blog-article .blog-article-info { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; align-self: stretch; } .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-category { display: flex; align-items: center; gap: 12px; align-self: stretch; } @media (max-width: 768.98px) { .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-category { gap: 0; justify-content: space-between; } } @media (max-width: 640.98px) { .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-category { gap: 8px; justify-content: flex-start; } } .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-category .category-text { color: #ADADAD; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; } @media (max-width: 768.98px) { .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-category .category-text { font-size: 14px; } } @media (max-width: 479.98px) { .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-category .category-text { color: #ADADAD; text-align: center; font-family: "Nunito Sans"; font-size: 13px; font-style: normal; font-weight: 600; line-height: 18px; } } .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-category .ellipse-95 { width: 3px; height: 3px; background: #ADADAD; display: inline-block; border-radius: 4px; } .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-category .category-data { color: #ADADAD; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; } @media (max-width: 768.98px) { .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-category .category-data { font-size: 14px; } } @media (max-width: 479.98px) { .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-category .category-data { color: #ADADAD; text-align: center; font-family: "Nunito Sans"; font-size: 13px; font-style: normal; font-weight: 600; line-height: 18px; } } .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-text { color: var(--text-primary, #1e2832); font-size: 22px; font-style: normal; font-weight: 700; line-height: 32px; align-self: stretch; } @media (max-width: 479.98px) { .blog-wrap .blog-wrapper .blog-article .blog-article-info .blog-article-text { color: var(--text-primary, #1e2832); /* mobile/H4 */ font-family: "Nunito Sans"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 20px; } } .blog-wrap .blog-button-mobile { display: none; } @media (max-width: 479.98px) { .blog-wrap .blog-button-mobile { display: flex; justify-content: space-between; align-items: center; padding: 0 20px 60px 20px; } } .blog-wrap .blog-button-mobile .button-style-mobile { display: flex; color: #1e2832; font-size: 12px; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; box-sizing: border-box; background-color: #ffffff; flex-direction: row; justify-content: center; align-items: center; padding: 12px 22px; gap: 8px; width: 100%; height: 44px; border: 1px solid #D3DAE1; border-radius: 4px; } /* social block */ .socials { width: 100%; padding-bottom: 192px; display: block; overflow: hidden; } @media (max-width: 479.98px) { .socials { padding-bottom: 0; } } .socials .social-title { display: flex; padding: 24px 0 24px 0; flex-direction: column; justify-content: center; align-items: center; gap: 24px; } @media (max-width: 821px) { .socials .social-title { padding: 0 0 24px 0; } } @media (max-width: 479.98px) { .socials .social-title { padding: 0px 20px 20px 20px; } } .socials .social-title .text { color: #1e2832; text-align: center; font-size: 28px; font-style: normal; font-weight: 700; line-height: 40px; letter-spacing: 0.5px; } @media (max-width: 479.98px) { .socials .social-title .text { font-size: 22px; line-height: 28px; width: 320px; } } .socials .social-title .icon-social-block { display: flex; align-items: flex-start; gap: 16px; } .socials .social-title .icon-social-block .icon-size img { position: relative; top: 0; transition: top 0.5s; } .socials .social-title .icon-social-block .icon-size img:hover { top: -8px; } @media (max-width: 479.98px) { .socials .social-title .icon-social-block .icon-size { width: 32px; } } .socials .social-slider { position: relative; display: block; width: 100%; max-width: 1440px; margin: 0 auto; height: 400px; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/socialframe/Vector11.svg"); background-repeat: no-repeat; background-position-y: 80%; } @media (max-width: 768.98px) { .socials .social-slider { padding: 0; } } .socials .social-slider .frame-one { position: absolute; left: -113px; top: -49.607px; border-radius: 4px; width: 170px; } @media (max-width: 1535.98px) { .socials .social-slider .frame-one { height: 193px; top: 0; left: 0; } } @media (max-width: 1284.98px) { .socials .social-slider .frame-one { display: none; } } @media (max-width: 1024.98px) { .socials .social-slider .frame-one { display: inline-block; left: 0; } } @media (max-width: 768.98px) { .socials .social-slider .frame-one { display: none; } } .socials .social-slider .frame-two { position: absolute; left: 103px; top: 50px; width: 300px; border-radius: 4px; } @media (max-width: 1284.98px) { .socials .social-slider .frame-two { left: 20px; } } @media (max-width: 1024.98px) { .socials .social-slider .frame-two { left: 112px; top: 45px; } } @media (max-width: 821px) { .socials .social-slider .frame-two { left: 54px; top: 73px; } } @media (max-width: 768.98px) { .socials .social-slider .frame-two { left: -23px; } } @media (max-width: 479.98px) { .socials .social-slider .frame-two { width: 152px; left: 0; top: 31px; } } .socials .social-slider .frame-three { position: absolute; left: 449px; bottom: -78.697px; width: 205px; border-radius: 4px; } @media (max-width: 1284.98px) { .socials .social-slider .frame-three { left: 361px; } } @media (max-width: 1024.98px) { .socials .social-slider .frame-three { right: 400px; bottom: -78.697px; } } @media (max-width: 821px) { .socials .social-slider .frame-three { left: 280px; right: unset; top: 311px; } } @media (max-width: 768.98px) { .socials .social-slider .frame-three { left: 292px; } } @media (max-width: 479.98px) { .socials .social-slider .frame-three { width: 153px; left: 165px; top: 137px; } } @media (max-width: 321px) { .socials .social-slider .frame-three { left: 111px; } } .socials .social-slider .frame-four { width: 192px; position: absolute; right: 617px; top: 45.697px; border-radius: 4px; } @media (max-width: 1284.98px) { .socials .social-slider .frame-four { right: 542px; } } @media (max-width: 1024.98px) { .socials .social-slider .frame-four { right: 231px; top: 45.697px; } } @media (max-width: 821px) { .socials .social-slider .frame-four { right: 160px; top: 73px; } } @media (max-width: 768.98px) { .socials .social-slider .frame-four { right: 101px; } } @media (max-width: 640.98px) { .socials .social-slider .frame-four { right: 55px; } } @media (max-width: 479.98px) { .socials .social-slider .frame-four { width: 137px; left: 288px; top: 18px; } } @media (max-width: 376px) { .socials .social-slider .frame-four { width: 137px; left: 238px; top: 18px; } } @media (max-width: 321px) { .socials .social-slider .frame-four { width: 101px; left: 219px; top: 18px; } } .socials .social-slider .frame-five { width: 279px; position: absolute; right: 255px; bottom: -34.697px; border-radius: 4px; } @media (max-width: 1284.98px) { .socials .social-slider .frame-five { right: 180px; } } @media (max-width: 1024.98px) { .socials .social-slider .frame-five { right: 0; width: 208px; bottom: -34.697px; } } @media (max-width: 768.98px) { .socials .social-slider .frame-five { width: 90px; } } @media (max-width: 479.98px) { .socials .social-slider .frame-five { display: none; } } .socials .social-slider .frame-six { width: 135px; position: absolute; right: 81px; bottom: 0; border-radius: 4px; z-index: 1; } @media (max-width: 1284.98px) { .socials .social-slider .frame-six { right: 0; } } @media (max-width: 1024.98px) { .socials .social-slider .frame-six { display: none; } } .socials .social-slider .frame-seven { width: 192px; position: absolute; right: -34px; top: -38.607px; border-radius: 4px; } @media (max-width: 1535.98px) { .socials .social-slider .frame-seven { width: 158px; right: 0; top: 0; } } @media (max-width: 1284.98px) { .socials .social-slider .frame-seven { width: 79px; } } @media (max-width: 1024.98px) { .socials .social-slider .frame-seven { display: none; } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-15%) rotate(-5deg); } 30% { transform: translateX(10%) rotate(3deg); } 45% { transform: translateX(-5%) rotate(-3deg); } 60% { transform: translateX(0) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } @keyframes wobble_right { 0% { transform: translateX(0%); } 15% { transform: translateX(15%) rotate(-5deg); } 30% { transform: translateX(-10%) rotate(3deg); } 45% { transform: translateX(5%) rotate(-3deg); } 60% { transform: translateX(0%) rotate(2deg); } 75% { transform: translateX(5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .promotional-wrap { background-color: #E7EBEF; margin-bottom: 40px; padding: 24px; background-size: 280px 70px; background-repeat: no-repeat, no-repeat; background-position: left top, right bottom; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/сurved-line1.png.webp"), url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/сurved-line2.png.webp"); } @media (max-width: 479.98px) { .promotional-wrap { background-size: 0 70px; } } .custom-product-brand-title { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; } @media (max-width: 479.98px) { .custom-product-brand-title { font-size: 13px; line-height: 18px; } } .product-items .product-item-info .product-image-container { background-color: #f5f5f5; border-radius: 4px; max-height: 330px; } .product-items .product-item-info .product-image-container img.product-image-photo { mix-blend-mode: multiply; object-fit: contain; width: 100%; max-height: 100%; } .product-items .product-item-details { flex: 1 1; display: flex; flex-direction: column; justify-content: space-between; width: 100%; gap: 20px; } .product-items .product-item-details .product-review-price-wrap { display: flex; flex-direction: row-reverse; justify-content: space-between; } .product-items .product-item-details .product-review-price-wrap .price-box { display: flex; flex-direction: row; gap: 8px; width: 100%; margin-bottom: 0; color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } .product-rectangle-line { width: 1px; align-self: stretch; background: var(--dividers, #e7ebef); } .custom-review-list { display: flex; padding-top: 24px; flex-direction: column; align-items: flex-start; flex: 1 0 0; } .custom-review-list .review-ratings-custom { display: flex; width: 639px; justify-content: space-between; align-items: center; } @media (max-width: 479.98px) { .custom-review-list .review-ratings-custom { width: 100%; } } .custom-review-list .review-ratings-custom .rating-summary-custom { display: flex; align-items: flex-start; gap: 12px; } .custom-review-list .review-ratings-custom .rating-summary-custom .custom-nickname { color: var(--text-primary, #1e2832); font-family: "Nunito Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: 0.5px; } .custom-review-list .review-content-container .review-content { color: var(--text-primary, #1e2832); font-family: "Nunito Sans"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; } .custom-review-list .custom-data-review { color: var(--text-primary, #1e2832); font-family: "Nunito Sans"; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; opacity: 0.5; } .custom-product-attribute { display: flex; padding: 0 88px; align-items: flex-start; gap: 112px; align-self: stretch; } @media (max-width: 767px) { .custom-product-attribute { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; padding: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .custom-product-attribute { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; padding: 0; } } .custom-product-attribute .custom-html { width: 50%; display: flex; gap: 24px; flex-direction: column; } @media (max-width: 767px) { .custom-product-attribute .custom-html { width: 100%; padding-bottom: 16px; } } @media (min-width: 768px) and (max-width: 1023px) { .custom-product-attribute .custom-html { width: 100%; padding-bottom: 16px; } } .custom-attribute { width: 41%; display: flex; padding-bottom: 0px; flex-direction: column; align-items: center; gap: 8px; } @media (max-width: 479.98px) { .custom-attribute { width: 100%; } } .custom-attribute .table-wrapper { width: 100%; } .custom-attribute .table-wrapper .table-custom-column { display: flex; padding-bottom: 0; flex-direction: column; max-width: 420px; gap: 8px; } @media (min-width: 768px) and (max-width: 1023px) { .custom-attribute .table-wrapper .table-custom-column { padding-bottom: 16px; } } @media (max-width: 768.98px) { .custom-attribute .table-wrapper .table-custom-column { padding-bottom: 8px; } } .custom-attribute .table-wrapper .table-custom-column .table-custom-row { display: flex; justify-content: flex-start; gap: 5px; border-bottom: 0; } .custom-attribute .table-wrapper .table-custom-column .table-custom-row .col.label { padding: 0; } .custom-attribute .table-wrapper .table-custom-column .table-custom-row .col.data { padding: 0; } .custom-attribute .table-wrapper .table-custom-column .table-custom-row .col-label-after { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px; } @media (max-width: 767px) { .custom-attribute .table-wrapper .table-custom-column .table-custom-row .col-label-after { font-size: 14px; } } @media (min-width: 768px) and (max-width: 1279px) { .custom-attribute .table-wrapper .table-custom-column .table-custom-row .col-label-after { font-size: 16px; } } .custom-attribute .table-wrapper .table-custom-column .table-custom-row .col-label-after::after { content: ":"; } .custom-attribute .table-wrapper .table-custom-column .table-custom-row .col-data-style { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; padding-left: 2px; } @media (max-width: 767px) { .custom-attribute .table-wrapper .table-custom-column .table-custom-row .col-data-style { font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1279px) { .custom-attribute .table-wrapper .table-custom-column .table-custom-row .col-data-style { font-size: 16px; } } .next-button, .prev-button { display: flex; align-items: center; justify-content: center; left: 0; width: 64px; height: 24px; z-index: 11; transition: all 150ms ease-in; } .next-button, .prev-button { position: relative; z-index: 20; } .product-detail { display: none; } .benefits-row-product-page { display: flex; width: 100%; padding: 40px 0; align-items: flex-start; gap: 16px; } @media (max-width: 767px) { .benefits-row-product-page { padding: 20px 20px; align-items: flex-start; gap: 8px; flex-direction: column; } } @media (max-width: 479.98px) { .benefits-row-product-page { padding: 20px 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .benefits-row-product-page { padding: 20px 0; align-items: flex-start; gap: 8px; } } .benefits-row-product-page .benefit-card-product-page { display: flex; padding: 32px; flex-direction: column; align-items: center; gap: 48px; flex: 1 0 0; align-self: stretch; border-radius: 4px; background: #f5f5f5; } @media (max-width: 1024.98px) { .benefits-row-product-page .benefit-card-product-page { padding: 25px; gap: 30px; } } @media (max-width: 767px) { .benefits-row-product-page .benefit-card-product-page { padding: 20px 20px; align-items: flex-start; gap: 8px; } } @media (min-width: 768px) and (max-width: 1023px) { .benefits-row-product-page .benefit-card-product-page { display: flex; padding: 18px; flex-direction: column; align-items: center; gap: 18px; align-self: stretch; max-width: 131px; } } @media (max-width: 768.98px) { .benefits-row-product-page .benefit-card-product-page .benefit-card-image { width: 42px; height: 50px; } } @media (max-width: 479.98px) { .benefits-row-product-page .benefit-card-product-page .benefit-card-image { width: 34px; height: 40px; flex-shrink: 0; } } .benefits-row-product-page .benefit-card-product-page .product-text { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; } @media (max-width: 1024.98px) { .benefits-row-product-page .benefit-card-product-page .product-text { gap: 16px; } } @media (max-width: 768.98px) { .benefits-row-product-page .benefit-card-product-page .product-text { gap: 8px; } } @media (max-width: 479.98px) { .benefits-row-product-page .benefit-card-product-page .product-text { gap: 7px; } } .benefits-row-product-page .benefit-card-product-page .product-text .title { color: var(--text, #1e2832); text-align: center; font-family: "Nunito Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: 0.5px; align-self: stretch; } @media (max-width: 1024.98px) { .benefits-row-product-page .benefit-card-product-page .product-text .title { color: var(--text, #1e2832); font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: 0.5px; } } @media (max-width: 479.98px) { .benefits-row-product-page .benefit-card-product-page .product-text .title { font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: 0.5px; text-align: left; } } .benefits-row-product-page .benefit-card-product-page .product-text .info { color: var(--text, #1e2832); text-align: center; font-family: "Nunito Sans"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; opacity: 0.5; align-self: stretch; } @media (max-width: 1024.98px) { .benefits-row-product-page .benefit-card-product-page .product-text .info { font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } } @media (max-width: 479.98px) { .benefits-row-product-page .benefit-card-product-page .product-text .info { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-align: left; } } .block-title-text { color: var(--text-primary, #1e2832); text-align: center; font-family: "Nunito Sans"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 40px; letter-spacing: 0.5px; } .product-info-wrapper { display: grid; padding-top: 40px; } @media (max-width: 768.98px) { .product-info-wrapper { padding-top: 24px; } } @media (max-width: 479.98px) { .product-info-wrapper { gap: 18px; padding-top: 0; } } .product-info-wrapper .page-title-wrapper { grid-area: title; margin-bottom: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; } @media (min-width: 768px) and (max-width: 1023px) { .product-info-wrapper .page-title-wrapper { gap: 10px; align-items: center; } } @media (max-width: 768.98px) { .product-info-wrapper .page-title-wrapper { margin-bottom: 0; text-align: center; } } @media (max-width: 479.98px) { .product-info-wrapper .page-title-wrapper { margin-bottom: 0; text-align: left; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } } @media (max-width: 320px) { .product-info-wrapper .page-title-wrapper { width: 305px; } } .product-info-wrapper .page-title-wrapper .custom-product-sku-title { color: #1E2832; font-family: 'Nunito Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; } .product-info-wrapper .page-title-wrapper .page-title { margin: 0; } @media (max-width: 479.98px) { .product-info-wrapper .page-title-wrapper .page-title { padding: 0; } } .product-info-wrapper .page-title-wrapper .page-title .base { color: var(--text-primary, #1e2832); font-size: 28px; font-style: normal; font-weight: 700; line-height: 40px; letter-spacing: 0.5px; } @media (min-width: 768px) and (max-width: 1023px) { .product-info-wrapper .page-title-wrapper .page-title .base { text-align: center; } } @media (max-width: 479.98px) { .product-info-wrapper .page-title-wrapper .page-title .base { font-size: 22px; font-weight: 700; line-height: 32px; } } .product-info-wrapper .product-info-main { grid-area: main; } @media (max-width: 768.98px) { .product-info-wrapper .product-info-main { display: flex; } } @media (max-width: 479.98px) { .product-info-wrapper .product-info-main { align-items: flex-start; padding: 0 20px 0px; gap: 18px; display: flex; } } .product-info-wrapper .product.media { grid-area: media; } .product-info-wrapper .product.media .thumbnails.thumbs a.item { background-color: #f5f5f5; } .product-info-wrapper .product.media .thumbnails.thumbs a.item img { mix-blend-mode: multiply; } .product-info-wrapper .product.media .breeze-gallery.opened .prolabels-wrapper .prolabel { display: none !important; } .product-info-wrapper .product.media .main-image-wrapper { background-color: #f5f5f5; } .product-info-wrapper .product.media .main-image-wrapper img { mix-blend-mode: multiply; max-width: 500px; max-height: 450px; object-fit: scale-down; } @media (max-width: 1024.98px) { .product-info-wrapper .product.media .main-image-wrapper img { max-width: 437px; max-height: 360px; } } @media (max-width: 821px) { .product-info-wrapper .product.media .main-image-wrapper img { max-width: 336px; max-height: 303px; flex-shrink: 0; } } @media (max-width: 479.98px) { .product-info-wrapper .product.media .main-image-wrapper img { width: 100%; height: 322px; flex-shrink: 0; } } @media (min-width: 769px) { .product-info-wrapper { row-gap: 0; grid-template-columns: 1fr 1fr; grid-template-areas: "media main" "media main"; } } .product-info-main { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 768.98px) { .product-info-main { gap: 24px; align-items: center; } } .product-info-price { display: flex; flex-direction: column; gap: 40px; } @media (min-width: 768px) and (max-width: 1023px) { .product-info-price { align-items: center; gap: 24px; } } @media (max-width: 768.98px) { .product-info-price { gap: 24px; align-items: center; } } @media (max-width: 479.98px) { .product-info-price { gap: 18px; align-items: flex-start; } } .product-info-price .price-box { color: #2E2E2E; font-family: "Nunito Sans", serif; font-size: 32px; font-style: normal; font-weight: 700; line-height: 32px; } .prices-tier { margin: 0.5rem 0; max-width: 400px; } .prices-tier li + li { margin-top: 0.5rem; } .product-info-stock-sku { display: none; align-items: center; gap: 0.5rem; } .product-info-stock-sku .stock { --stock-bg: var(--blue-muted); --stock-color: var(--blue); background: rgb(var(--stock-bg)); color: rgb(var(--stock-color)); padding: 0.125rem 0.5rem; } .product-info-stock-sku .stock.available { --stock-bg: var(--green-muted); --stock-color: var(--green); } .product-info-stock-sku .stock.unavailable { --stock-bg: var(--red-muted); --stock-color: var(--red); } .product-info-stock-sku .sku { display: flex; align-items: center; gap: 0.25rem; } .product-info-main .configurable-variation-qty { display: none; } .product-info-wrapper .product-add-form { margin: 0.5rem 0; } @media (max-width: 768.98px) { .product-info-wrapper .product-add-form .custom-product-form { width: 100%; } } .product-info-wrapper .product-add-form form > div + div { margin-top: 0.5rem; } @media (max-width: 768.98px) { .product-info-wrapper .product-add-form { width: 100%; display: flex; justify-content: center; } } @media (max-width: 479.98px) { .product-info-wrapper .product-add-form { display: inline-block; margin: 0; } } .product-info-wrapper .product-add-form .product-options-wrapper { margin: 0 0 0.5rem; } .product-info-wrapper .product-add-form .product-options-wrapper .label { font-weight: 500; } .product-info-wrapper .product-add-form .product-options-wrapper .label ~ .control { margin-top: 0.25rem; } .product-info-wrapper .product-add-form .product-options-wrapper .field { margin-top: 0; margin-bottom: 0.375rem; } .product-info-wrapper .product-add-form .product-options-wrapper .field:last-child { margin-bottom: 0; } .product-info-wrapper .product-add-form .product-options-wrapper .swatch-opt + .field { margin-top: 0.375rem; } .product-info-wrapper .product-add-form .product-options-bottom { margin: 1.25rem 0 0; } .box-tocart .fieldset .field.qty { margin: 0; flex-shrink: 0; display: flex; align-items: center; gap: 0; } .box-tocart .fieldset .field.qty .control { margin: 0; } .box-tocart .fieldset .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; } @media (max-width: 479.98px) { .box-tocart .fieldset .actions { width: 100%; } } .field.qty > .control, .input-text.qty { max-width: 4rem; } .product-addto-links, .product-social-links { align-items: center; flex-wrap: wrap; column-gap: 0.75rem; row-gap: 0.5rem; margin: 0.5rem 0; } .product-addto-links > a, .product-social-links > a { color: rgba(var(--base-color), var(--muted-alpha, .6)); border-radius: 0; } .product-addto-links > a:hover, .product-social-links > a:hover { text-decoration: underline; } .product-social-links .product-addto-links { margin: 0; } .product.info.detailed { clear: both; } .product.info.detailed #questions .testimonial-title-text { display: none; } .product.info.detailed #questions .first-testimonial-text { display: none; } .product.info.detailed #testimonials .question-title-text { display: none; } .product.info.detailed #testimonials .first-question-text { display: none; } @media (max-width: 479.98px) { .product.info.detailed { padding: 0 20px; } } @media (min-width: 769px) { .product.info.detailed { margin: 1rem 0; } .product.info.detailed .rounded-full { border-radius: 0 !important; } } @media (min-width: 769px) { .product.info .review-add + .review-list, .product.info #product-review-container { float: right; width: 100%; } .product.info .review-add { float: left; width: 42%; } } .block.related .product-item:first-child { display: block !important; } .account.customer-account-index .block.block-reviews-dashboard { display: none; } .account.customer-account-index .page-wrapper { overflow: hidden; } .account.customer-account-index .page-main .columns .column.main { display: flex; padding: 64px 0; flex-direction: column; align-items: flex-start; align-self: stretch; } .account.customer-account-index .actions-toolbar { margin-top: 0; margin-bottom: 0; } .account.customer-account-index .actions-toolbar .primary .action.primary.add { border-radius: 4px; background: #1e2832; display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; } .account.customer-account-index .actions-toolbar .primary .action.primary.add span { color: #FFF; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .account.customer-account-index .customer-personal-data-column { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 912px; width: 100%; margin-bottom: 32px; } .account.customer-account-index .customer-personal-data-column .personal-data-title { display: flex; padding-bottom: 12px; justify-content: space-between; align-items: center; width: 100%; } .account.customer-account-index .customer-personal-data-column .personal-data-title .title { color: var(--text-primary, #1e2832); text-align: center; font-family: 'Nunito Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px; } .account.customer-account-index .customer-personal-data-column .personal-data-title .change-password { color: #EB5673; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; text-decoration-line: underline; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 100%; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper { display: flex; flex-direction: row; gap: 16px; width: 100%; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .field-name-lastname { width: 100%; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .field-name-lastname .form-field { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .field-name-lastname .form-field .field.field-name-firstname.required { width: 100%; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .field-name-lastname .form-field .field.field-name-lastname.required { margin-top: 0; width: 100%; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .personal-contacts { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 100%; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .personal-contacts .custom-field-email { width: 100%; padding-bottom: 12px; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .personal-contacts .custom-field-email .label { color: #8C9196; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .personal-contacts .custom-field-email .control input { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); position: relative; padding: 0.5rem 0.75rem; width: 100%; box-shadow: 0 0 0 0; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .personal-contacts .custom-field-dob { padding-bottom: 16px; margin-top: 0; width: 100%; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .personal-contacts .custom-field-dob .label { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account.customer-account-index .customer-personal-data-column .personal-name-contacts .personal-data-wrapper .personal-contacts .custom-field-dob .custom-customer-dob input { border-radius: 4px; border: 1px solid #d3dae1; background: #fafafa; position: relative; padding: 0.5rem 0.75rem; width: 100%; box-shadow: 0 0 0 0; } .account.customer-account-index .customer-personal-address { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 912px; width: 100%; margin-bottom: 32px; } .account.customer-account-index .customer-personal-address .form-address-edit { width: 100%; } .account.customer-account-index .customer-personal-address .personal-address-title { width: 100%; color: var(--text-primary, #1e2832); text-align: left; font-family: 'Nunito Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px; } .account.customer-account-index .customer-personal-address .delivery-address-shipment { display: flex; width: 100%; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-radius: 4px; background: #FAFAFA; } .account.customer-account-index .customer-personal-address .delivery-address-shipment .delivery-address-head { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 24px; display: flex; padding: 16px 24px 0px 24px; align-items: flex-start; gap: 16px; align-self: stretch; } .account.customer-account-index .customer-personal-address .delivery-address-shipment .delivery-address-info { display: flex; padding: 8px 24px 16px 24px; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; } .account.customer-account-index .customer-personal-address .delivery-address-shipment .delivery-address-info .action.edit { display: flex; align-items: center; gap: 8px; } .account.customer-account-index .customer-personal-address .delivery-address-shipment .delivery-address-info .action.edit .edit-icon { width: 20px; height: 20px; } .account.customer-account-index .customer-personal-address .delivery-address-shipment .delivery-address-info .action.edit .edit-text { color: #EB5673; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; } .account.customer-account-index .customer-personal-address .delivery-address-shipment .delivery-address-info .action.edit .edit-text:hover { text-decoration-line: underline; } .account.customer-account-index .customer-personal-address .delivery-address-shipment .delivery-address-info .delivery-actions { display: flex; gap: 8px; } .account.customer-account-index .customer-personal-address .delivery-address-shipment .delivery-address-info .delivery-actions .action.delete { display: flex; align-items: center; gap: 8px; } .account.customer-account-index .customer-personal-address .delivery-address-shipment .delivery-address-info .delivery-actions .action.delete .edit-text { color: #EB5673; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; text-decoration-line: underline; } .account.customer-account-index .customer-personal-address .delivery-address-shipment .delivery-address-info .info-address { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 15px; font-style: normal; font-weight: 700; line-height: 24px; } .account.customer-account-index .customer-personal-address .add-new-address { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 4px; border: 1px solid var(--dividers, #e7ebef); overflow: hidden; } .account.customer-account-index .customer-personal-address .add-new-address .title { display: flex; padding: 16px; align-items: center; gap: 8px; align-self: stretch; border-radius: 4px; background: #FAFAFA; } .account.customer-account-index .customer-personal-address .add-new-address .title .add-new-address-title { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method { display: flex; padding: 16px 24px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; /* Hide the browser's default radio button */ } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container { display: block; position: relative; padding: 0 0 0 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; } @media (max-width: 479.98px) { .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container { padding: 0 0 0 30px; } } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .delivery-container { display: flex; align-items: center; gap: 24px; align-self: stretch; } @media (max-width: 479.98px) { .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .delivery-container { gap: 16px; } } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .delivery-container .delivery-img { display: flex; width: 54px; height: 42px; justify-content: center; align-items: center; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .delivery-container .delivery-img .img { display: flex; width: 42px; height: 42px; padding: 3.333px 5.833px; justify-content: center; align-items: center; flex-shrink: 0; } @media (max-width: 1284.98px) { .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .delivery-container .delivery-img .img { padding: 3.333px 3.833px; } } @media (max-width: 1024.98px) { .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .delivery-container .delivery-img .img { padding: 3.333px 2.833px; } } @media (max-width: 768.98px) { .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .delivery-container .delivery-img .img { padding: 2.333px 2.833px; } } @media (max-width: 479.98px) { .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .delivery-container .delivery-img .img { padding: 2px 1px; } } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .delivery-container .delivery-text { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } @media (max-width: 479.98px) { .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .delivery-container .delivery-text { font-size: 14px; width: 100%; } } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .payment-container { display: flex; align-items: center; gap: 16px; align-self: stretch; height: 48px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .payment-container .payment-text { flex: 1 0 0; color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; /* 150% */ } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .payment-container .payment-img { display: flex; align-items: flex-start; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .payment-container .payment-img .img { display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .payment-container .payment-img .img-master-card { display: flex; width: 52px; height: 48px; padding: 14.118px 7.965px 14.965px 8.471px; justify-content: center; align-items: center; flex-shrink: 0; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .payment-container .payment-img .img-google-pay { display: flex; width: 48px; height: 48px; padding: 0px 6.655px 0px 7.059px; justify-content: center; align-items: center; flex-shrink: 0; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .checkmark { position: absolute; top: 13px; left: 0; height: 18px; width: 18px; background-color: #fff; border-radius: 50%; border: 2px solid #D3DAE1; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container:hover input ~ .checkmark { background-color: #f5f5f5; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container input:checked ~ .checkmark { background-color: #FFF; border: 2px solid #EB5673; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .checkmark:after { content: ""; position: absolute; display: none; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container input:checked ~ .checkmark:after { display: block; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .container .checkmark:after { top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #EB5673; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; gap: 24px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .department-columns { display: flex; flex-direction: column; width: 100%; gap: 24px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .werehouse-columns { display: flex; flex-direction: column; width: 100%; gap: 24px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .courier-columns { display: flex; flex-direction: column; width: 100%; gap: 24px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .inputs-columns { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; flex: 1 0 0; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .inputs-columns .info-label { display: flex; align-items: flex-start; gap: 10px; align-self: stretch; color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .inputs-columns .info-input { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #ffffff); } @media (max-width: 479.98px) { .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .inputs-columns .info-input { padding: 10px 16px; } } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .inputs-columns .info-input-tel-other { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #ffffff); width: 348px; } @media (max-width: 479.98px) { .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .inputs-columns .info-input-tel-other { padding: 10px 16px; width: 100%; } } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .inputs-columns .autocomplete-suggestions { border: 1px solid #d3dae1; border-radius: 4px; background: #fff; z-index: 999; width: 100%; max-height: 150px; overflow-y: auto; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); min-width: 160px; padding: 5px 0; margin: 2px 0 0; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .inputs-columns .autocomplete-suggestions-label { margin: 0; cursor: pointer; background: var(--backgrounds-page, #ffffff); padding: 8px 10px; color: var(--text-secondary_disabled, #8c9196); font-family: "Nunito Sans", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; position: relative; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .delivery-container-info .inputs-columns .autocomplete-suggestions-label:hover { border: none; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .actions-toolbar { display: flex; align-items: flex-start; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .actions-toolbar .primary .action.save.primary { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; color: var(--text-white, #ffffff); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; background-color: #1E2832; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .actions-toolbar .primary .action.save.primary:hover, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .actions-toolbar .primary .action.save.primary:focus { background-color: #323C46; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing { cursor: pointer; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping .checkmark, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing .checkmark { position: absolute; top: 4px; left: 0; width: 16px; height: 16px; background-color: #eee; border-radius: 2px; border: 0; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping .label, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing .label { padding-left: 25px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping .label .primary-billing-text, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing .label .primary-billing-text { color: var(--text-secondary_disabled, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping .label .primary-shipping-text, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing .label .primary-shipping-text { color: var(--text-secondary_disabled, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping input, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping input .checkmark:after, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing input .checkmark:after { content: ""; position: absolute; display: none; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping:hover input ~ .checkmark, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing:hover input ~ .checkmark { background-color: #ccc; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping input:checked ~ .checkmark, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing input:checked ~ .checkmark { background-color: #EB5673; border-radius: 2px; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping input:checked ~ .checkmark:after, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing input:checked ~ .checkmark:after { display: block; } .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.shipping .checkmark:after, .account.customer-account-index .customer-personal-address .add-new-address .shipping-method .field.choice.set.billing .checkmark:after { left: 5px; top: 1px; width: 7px; height: 10px; border: solid white; border-width: 0px 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .account.customer-account-index .customer-personal-address .add-new-address::-webkit-scrollbar { width: 4px; height: 42px; background: #E7EBEF; } .account.customer-account-index .customer-personal-address .add-new-address::-webkit-scrollbar-thumb { background: #EB5673; border-radius: 0; } .account.customer-account-index .customer-personal-address .add-new-address::-webkit-scrollbar-thumb:hover { background: #EB5673; } .account.customer-account-index .customer-personal-address .add-new-address-hide { max-height: 0; transition: max-height 0.5s ease-in-out; } .account.customer-account-index .customer-personal-address .add-new-address-active { max-height: 650px; overflow-y: visible; transition: max-height 0.5s ease-in-out; border-top: 1px solid var(--dividers, #e7ebef); border-bottom: 1px solid var(--dividers, #e7ebef); } .account.customer-account-index .customer-personal-address .add-new-address-button { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; border: 1px solid #D3DAE1; background: none; } .account.customer-account-index .customer-personal-address .add-new-address-button .add-new-address-text { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .account.customer-account-index .customer-personal-address .add-new-address-button:hover, .account.customer-account-index .customer-personal-address .add-new-address-button:focus { border-color: #1E2832; } .account.customer-account-index .page-title-wrapper .custom-page-title .base { margin-bottom: 12px; } .account.customer-account-index .block.block-dashboard-info { width: 100%; } .account.customer-account-index .block.block-dashboard-info .block-title { border-bottom: 1px solid var(--dividers, #e7ebef); padding: 0 0 12px 0; background: none; display: flex; justify-content: space-between; align-items: center; } .account.customer-account-index .block.block-dashboard-info .block-content { padding: 16px 0 0 0; } .account.customer-account-index .block.block-dashboard-addresses { width: 100%; } .account.customer-account-index .block.block-dashboard-addresses .block-title { border-bottom: 1px solid var(--dividers, #e7ebef); padding: 0 0 12px 0; background: none; display: flex; justify-content: space-between; align-items: center; } .account.customer-account-index .block.block-dashboard-addresses .block-content { padding: 16px 0 0 0; } .account.customer-account-index .block.block-reviews-dashboard { width: 100%; } .account.customer-account-index .block.block-reviews-dashboard .block-title { border-bottom: 1px solid var(--dividers, #e7ebef); padding: 0 0 12px 0; background: none; display: flex; justify-content: space-between; align-items: center; } .account.customer-account-index .block.block-reviews-dashboard .block-content { padding: 16px 0 0 0; } .account.customer-address-form .form-address-edit { width: 100%; } .account.customer-address-form .form-address-edit .fieldset { width: 100%; max-width: none; } .account.customer-address-form .form-address-edit .country-hide { display: none !important; } .account.customer-address-form .form-address-edit .region-hide { display: none !important; } .account.customer-address-form .form-address-edit .add-new-address { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 4px; border: 1px solid var(--dividers, #e7ebef); overflow: hidden; } .account.customer-address-form .form-address-edit .add-new-address .message-info-text { color: var(--text-secondary_disabled, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing { cursor: pointer; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping .checkmark, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing .checkmark { position: absolute; top: 4px; left: 0; width: 16px; height: 16px; background-color: #eee; border-radius: 2px; border: 0; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping .label, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing .label { padding-left: 25px; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping .label .primary-billing-text, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing .label .primary-billing-text { color: var(--text-secondary_disabled, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping .label .primary-shipping-text, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing .label .primary-shipping-text { color: var(--text-secondary_disabled, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping input, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping input .checkmark:after, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing input .checkmark:after { content: ""; position: absolute; display: none; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping:hover input ~ .checkmark, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing:hover input ~ .checkmark { background-color: #ccc; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping input:checked ~ .checkmark, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing input:checked ~ .checkmark { background-color: #EB5673; border-radius: 2px; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping input:checked ~ .checkmark:after, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing input:checked ~ .checkmark:after { display: block; } .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.shipping .checkmark:after, .account.customer-address-form .form-address-edit .add-new-address .field.choice.set.billing .checkmark:after { left: 5px; top: 1px; width: 7px; height: 10px; border: solid white; border-width: 0px 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .account.customer-address-form .form-address-edit .add-new-address .title { display: flex; padding: 16px; align-items: center; gap: 8px; align-self: stretch; border-radius: 4px; background: #FAFAFA; } .account.customer-address-form .form-address-edit .add-new-address .title .add-new-address-title { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method { display: flex; padding: 16px 24px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; /* Hide the browser's default radio button */ } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container { display: block; position: relative; padding: 0 0 0 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; } @media (max-width: 479.98px) { .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container { padding: 0 0 0 30px; } } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .delivery-container { display: flex; align-items: center; gap: 24px; align-self: stretch; } @media (max-width: 479.98px) { .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .delivery-container { gap: 16px; } } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .delivery-container .delivery-img { display: flex; width: 54px; height: 42px; justify-content: center; align-items: center; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .delivery-container .delivery-img .img { display: flex; width: 42px; height: 42px; padding: 3.333px 5.833px; justify-content: center; align-items: center; flex-shrink: 0; } @media (max-width: 1284.98px) { .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .delivery-container .delivery-img .img { padding: 3.333px 3.833px; } } @media (max-width: 1024.98px) { .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .delivery-container .delivery-img .img { padding: 3.333px 2.833px; } } @media (max-width: 768.98px) { .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .delivery-container .delivery-img .img { padding: 2.333px 2.833px; } } @media (max-width: 479.98px) { .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .delivery-container .delivery-img .img { padding: 2px 1px; } } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .delivery-container .delivery-text { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } @media (max-width: 479.98px) { .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .delivery-container .delivery-text { font-size: 14px; width: 100%; } } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .payment-container { display: flex; align-items: center; gap: 16px; align-self: stretch; height: 48px; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .payment-container .payment-text { flex: 1 0 0; color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; /* 150% */ } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .payment-container .payment-img { display: flex; align-items: flex-start; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .payment-container .payment-img .img { display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .payment-container .payment-img .img-master-card { display: flex; width: 52px; height: 48px; padding: 14.118px 7.965px 14.965px 8.471px; justify-content: center; align-items: center; flex-shrink: 0; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .payment-container .payment-img .img-google-pay { display: flex; width: 48px; height: 48px; padding: 0px 6.655px 0px 7.059px; justify-content: center; align-items: center; flex-shrink: 0; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .checkmark { position: absolute; top: 13px; left: 0; height: 18px; width: 18px; background-color: #fff; border-radius: 50%; border: 2px solid #D3DAE1; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container:hover input ~ .checkmark { background-color: #f5f5f5; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container input:checked ~ .checkmark { background-color: #FFF; border: 2px solid #EB5673; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .checkmark:after { content: ""; position: absolute; display: none; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container input:checked ~ .checkmark:after { display: block; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .container .checkmark:after { top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #EB5673; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; gap: 24px; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .department-columns { display: flex; flex-direction: column; width: 100%; gap: 24px; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .werehouse-columns { display: flex; flex-direction: column; width: 100%; gap: 24px; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .courier-columns { display: flex; flex-direction: column; width: 100%; gap: 24px; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .inputs-columns { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; flex: 1 0 0; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .inputs-columns .info-label { display: flex; align-items: flex-start; gap: 10px; align-self: stretch; color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .inputs-columns .info-input { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #ffffff); } @media (max-width: 479.98px) { .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .inputs-columns .info-input { padding: 10px 16px; } } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .inputs-columns .info-input-tel-other { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #ffffff); width: 348px; } @media (max-width: 479.98px) { .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .inputs-columns .info-input-tel-other { padding: 10px 16px; width: 100%; } } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .inputs-columns .autocomplete-suggestions { border: 1px solid #d3dae1; border-radius: 4px; background: #fff; z-index: 999; width: 100%; max-height: 150px; overflow-y: auto; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); min-width: 160px; padding: 5px 0; margin: 2px 0 0; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .inputs-columns .autocomplete-suggestions-label { margin: 0; cursor: pointer; background: var(--backgrounds-page, #ffffff); padding: 8px 10px; color: var(--text-secondary_disabled, #8c9196); font-family: "Nunito Sans", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; position: relative; } .account.customer-address-form .form-address-edit .add-new-address .shipping-method .delivery-container-info .inputs-columns .autocomplete-suggestions-label:hover { border: none; } .account.customer-address-form .form-address-edit .add-new-address::-webkit-scrollbar { width: 4px; height: 42px; background: #E7EBEF; } .account.customer-address-form .form-address-edit .add-new-address::-webkit-scrollbar-thumb { background: #EB5673; border-radius: 0; } .account.customer-address-form .form-address-edit .add-new-address::-webkit-scrollbar-thumb:hover { background: #EB5673; } .account.customer-address-form .form-address-edit .add-new-address-hide { max-height: 0; transition: max-height 0.5s ease-in-out; } .account.customer-address-form .form-address-edit .add-new-address-active { max-height: 650px; overflow-y: visible; transition: max-height 0.5s ease-in-out; border-top: 1px solid var(--dividers, #e7ebef); border-bottom: 1px solid var(--dividers, #e7ebef); } .account.customer-address-form .form-address-edit .add-new-address-button { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; border: 1px solid #D3DAE1; background: none; } .account.customer-address-form .form-address-edit .add-new-address-button .add-new-address-text { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .account.customer-address-index .block.block-addresses-default .block-content .box.box-address-shipping { width: 100%; } .account.customer-address-index .customer-addresses-toolbar .pager .toolbar-amount .toolbar-number { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .account.customer-address-index .customer-addresses-toolbar .pager .limiter .limiter-options { border: 0; } .account.customer-address-index .customer-addresses-toolbar .pager .limiter .limiter-options:focus { --input-border-color: none; --input-outline-color: none; --input-shadow-spread: 0; outline: 0; outline-offset: 0; } .account.customer-address-index .actions-toolbar .primary .action.primary.add { border-radius: 4px; background: #1e2832; display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; } .account.customer-address-index .actions-toolbar .primary .action.primary.add span { color: #FFF; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .account.customer-account-edit .field.choice #show-password { color: #eb5673; border: 1px solid #d3dae1; box-shadow: 0 0 0 #d3dae1; } .account.customer-account-edit .form.form-edit-account { width: 100%; } .account.customer-account-edit .field { padding-bottom: 16px; margin-top: 0; } .account.customer-account-edit .field .label { display: flex; gap: 0.25rem; color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account.customer-account-edit .field .control input { border-radius: 4px; border: 1px solid #d3dae1; background: #fafafa; position: relative; padding: 0.5rem 0.75rem; width: 100%; box-shadow: 0 0 0 0; } .account.customer-account-edit .field.choice .label { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", sans-serif; font-size: 11px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing: 0.5px; } .account.wishlist-index-index .page.messages { display: none; } .account.wishlist-index-index .toolbar.wishlist-toolbar { width: 100%; margin: 0; gap: 0; } @media (max-width: 479.98px) { .account.wishlist-index-index .toolbar.wishlist-toolbar { margin: 34px 0 0 0; } } @media (max-width: 479.98px) { .account.wishlist-index-index .toolbar.wishlist-toolbar .pager { display: flex; width: 100%; } } @media (max-width: 479.98px) { .account.wishlist-index-index .toolbar.wishlist-toolbar .pager .toolbar-amount { display: none; } } .account.wishlist-index-index .toolbar.wishlist-toolbar .pager .toolbar-amount .toolbar-number { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } @media (max-width: 479.98px) { .account.wishlist-index-index .toolbar.wishlist-toolbar .pager .pages { margin-left: 0; width: 100%; padding: 0 20px; } } @media (max-width: 479.98px) { .account.wishlist-index-index .toolbar.wishlist-toolbar .pager .limiter { margin-left: 0; padding: 0 20px; } } .account.wishlist-index-index .toolbar.wishlist-toolbar .pager .limiter .limiter-options { outline: none; position: relative; padding: .5rem 10px; width: 58px; border: 0 solid; border-radius: 0; box-shadow: none; color: var(--text-secondary-disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .account.wishlist-index-index .toolbar.wishlist-toolbar .pager .limiter .limiter-label { font-weight: 500 !important; } .account.wishlist-index-index .column.main { display: flex; gap: 25px; } @media (max-width: 479.98px) { .account.wishlist-index-index .column.main { gap: 0; } } .account.wishlist-index-index .column.main .share-link { display: flex; align-items: center; gap: 8px; } .account.wishlist-index-index .column.main .share-link .share-link-img { width: 20px; height: 20px; } .account.wishlist-index-index .column.main .share-link .share-link-button { padding: 0; background: none; } .account.wishlist-index-index .column.main .share-link .share-link-button .share-link-text { color: #EB5673; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; text-decoration-line: underline; } .account.wishlist-index-index .column.main .form-wishlist-items { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1 0 0; align-self: stretch; } .account.wishlist-index-index .column.main .form-wishlist-items .product-reviews-summary { display: flex; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 72px; grid-row-gap: 64px; } @media (max-width: 479.98px) { .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items { grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 15px; grid-row-gap: 54px; } } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item { display: flex; max-width: 280px; width: 100%; flex-direction: column; align-items: flex-start; gap: 20px; padding: 0; } @media (min-width: 320px) and (max-width: 767px) { .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item { max-width: 160px; } } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-photo { position: relative; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-photo .btn-remove { position: absolute; right: 16px; top: 16px; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-photo .btn-remove img { width: 20px; height: 20px; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-name { display: flex; height: 100px; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-name .product-item-link { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; overflow: hidden; height: 65px; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .product-item-name .product-brand { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-rating-column { display: flex; align-items: flex-end; gap: 16px; align-self: stretch; justify-content: space-between; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-rating-column .price-box .price-as-configured { display: flex; flex-direction: row-reverse; gap: 8px; color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; text-decoration-line: none; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-rating-column .price-box .price-as-configured .special-price { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; text-decoration-line: none; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-rating-column .price-box .price-as-configured .old-price { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: line-through; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-rating-column .product-reviews-summary .rating-summary { display: flex; gap: 4px; align-items: center; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-rating-column .product-reviews-summary .rating-summary .rating-result { position: relative; width: 20px; height: 20px; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-rating-column .product-reviews-summary .rating-summary .rating-result::before { width: 20px; height: 20px; } .account.wishlist-index-index .column.main .form-wishlist-items .products-grid.wishlist .product-items .product-item .product-item-info .price-rating-column .product-reviews-summary .rating-summary .rating-result > span::before { width: 20px; height: 20px; } .account .page.messages { display: none; } .account .block.askit-questions .block-content { padding: 0; } .account .block.widget.widget-recent.display-market { display: none; } .account .page-main .columns { grid-template-columns: 360px 1fr; gap: 56px; grid-template-areas: "sidebar main" "sidebar main"; } @media (min-width: 1280px) { .account .page-main .columns { row-gap: 0; } } @media (max-width: 1024.98px) { .account .page-main .columns { display: flex; flex-direction: column-reverse; gap: 0; padding: 32px 0 0 0; } } @media (max-width: 479.98px) { .account .page-main .columns { padding: 24px 20px 0 20px; } } @media (min-width: 1280px) and (max-width: 1439px) { .account .page-main .columns { grid-template-columns: 305px 1fr; gap: 35px; } } .account .page-main .columns .column.main { display: flex; padding: 64px 0; flex-direction: column; align-items: flex-start; flex: 1 0 0; align-self: stretch; } @media (max-width: 1024.98px) { .account .page-main .columns .column.main { padding: 0; min-height: auto; } } .account .page-main .columns .column.main .page-title-wrapper { display: none; } @media (max-width: 1023px) { .account .page-main .columns .column.main { padding: 16px 0 !important; } } @media (max-width: 1024.98px) { .account .page-main .columns .sidebar.sidebar-main { position: relative; padding-bottom: 24px; } } .account .page-main .columns .sidebar.sidebar-main .block { height: 100%; } @media (max-width: 1024.98px) { .account .page-main .columns .sidebar.sidebar-main .block.block-collapsible-nav { position: relative; margin-bottom: 0; } } @media (max-width: 1024.98px) { .account .page-main .columns .sidebar.sidebar-main .block.block-collapsible-nav .title { display: none; } } @media (min-width: 769px) { .account .block-collapsible-nav .content { padding: 0; top: 0; border-right: 1px solid var(--dividers, #e7ebef); background: var(--white, #ffffff); height: 100%; } } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content { display: block; padding: 0; position: relative; top: 0; left: 0; background: 0; } } .account .block-collapsible-nav .content .current > strong { border-color: white; padding: 0; border-left: none; } .account .block-collapsible-nav .content .nav.items { display: flex; width: 360px; padding: 48px 0px; flex-direction: column; align-items: flex-start; gap: 24px; align-self: stretch; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items { width: 100%; padding: 0; overflow: scroll; gap: 8px; border-bottom: 1px solid var(--dividers, #e7ebef); flex-direction: row; } } .account .block-collapsible-nav .content .nav.items .current { opacity: 1 !important; color: #2E2E2E !important; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .current { border-bottom: 2px solid var(--accent, #eb5673); } } .account .block-collapsible-nav .content .nav.items .customer-wrap { display: flex; flex-direction: column; gap: 4px; } .account .block-collapsible-nav .content .nav.items .customer-wrap .customer-account-info { font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; } .account .block-collapsible-nav .content .nav.items .customer-wrap .customer-account-email { text-align: center; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 14px; } .account .block-collapsible-nav .content .nav.items .nav.item.customer-account { display: flex; align-items: center; gap: 16px; align-self: stretch; color: #70757B; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/user/icon.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-left: none; border-color: white; height: 48px; order: 1; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.customer-account { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/user.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.sales-order-history { display: flex; align-items: center; gap: 16px; align-self: stretch; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/order/myorder.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-left: none; border-color: white; font-size: 16px; font-weight: 700; line-height: 40px; color: #70757B; order: 3; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.sales-order-history { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/order.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.downloadable-customer-products { display: flex; align-items: center; gap: 16px; align-self: stretch; opacity: 0.4; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/products/products.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #2E2E2E; order: 8; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.downloadable-customer-products { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/package.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.page-brands-customer { display: flex; align-items: center; gap: 16px; align-self: stretch; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/brand/brand-icon.webp"); background-repeat: no-repeat; padding: 4px 0 4px 64px; background-size: 48px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #70757B; order: 4; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.page-brands-customer { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/icon-left.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.newsletter-manage { display: flex; align-items: center; gap: 16px; align-self: stretch; opacity: 0.4; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/notification/notification.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #2E2E2E; order: 5; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.newsletter-manage { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/notification.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.wishlist { display: flex; align-items: center; gap: 16px; align-self: stretch; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/wishlist/heart.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #70757B; order: 6; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.wishlist { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/heart.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.creditsystem-viewcredit-Credit { display: none; align-items: center; gap: 16px; align-self: stretch; opacity: 0.4; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/user/icon.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #2E2E2E; order: 7; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.creditsystem-viewcredit-Credit { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/user.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.page-customer-loyalty { display: flex; align-items: center; gap: 16px; align-self: stretch; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/loyalty-program/loyalty-program.webp"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #70757B; background-size: 48px; order: 2; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.page-customer-loyalty { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/loyalty-program/loyalty-program-phone.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.creditsystem-viewcredit-index { display: none; align-items: center; gap: 16px; align-self: stretch; opacity: 0.4; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/user/icon.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #2E2E2E; order: 9; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.creditsystem-viewcredit-index { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/user.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.rewards-account { display: flex; align-items: center; gap: 16px; align-self: stretch; opacity: 0.4; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/wallet/gift.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-left: none; border-color: white; font-size: 16px; font-weight: 700; line-height: 40px; color: #2E2E2E; order: 10; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.rewards-account { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/gift.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.questions-customer { display: flex; align-items: center; gap: 16px; align-self: stretch; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/user/icon.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #70757B; order: 11; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.questions-customer { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/user.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.manage-your-wallet-amount { display: none; align-items: center; gap: 16px; align-self: stretch; opacity: 0.4; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/user/icon.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #2E2E2E; order: 12; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.manage-your-wallet-amount { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/user.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.transfer-of-wallet-amount { display: none; align-items: center; gap: 16px; align-self: stretch; opacity: 0.4; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/user/icon.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #2E2E2E; order: 13; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.transfer-of-wallet-amount { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/user.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .nav.item.add-account-details { display: none; align-items: center; gap: 16px; align-self: stretch; opacity: 0.4; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/user/icon.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #2E2E2E; order: 14; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.add-account-details { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/user.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; border-color: #eb5673; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } } .account .block-collapsible-nav .content .nav.items .walletsystemnav .walletsystem-items { padding: 0; gap: 8px; flex-direction: column; } .account .block-collapsible-nav .content .nav.items .nav.item.pointofsale { display: flex; align-items: center; gap: 16px; align-self: stretch; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/pos/package.webp"); background-repeat: no-repeat; background-size: 48px; padding: 4px 0 4px 64px; border-left: none; border-color: white; font-size: 16px; font-weight: 700; line-height: 40px; color: #70757B; order: 15; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.pointofsale { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/pos/package.svg"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; } } .account .block-collapsible-nav .content .nav.items .nav.item.customer-account-logout { display: flex; align-items: center; gap: 16px; align-self: stretch; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/logout/logout.svg"); background-repeat: no-repeat; padding: 4px 0 4px 64px; border-left: none; border-color: white; font-size: 16px; font-weight: 700; line-height: 40px; color: #70757B; order: 15; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items .nav.item.customer-account-logout { text-wrap: nowrap; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/account/phone-resolution/log-out.webp"); background-size: 16px; background-position: 12px; padding: 0 13px 0 36px; } } .account .block-collapsible-nav .content .nav.items .nav.item:hover { opacity: 1 !important; color: #2E2E2E !important; } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items::-webkit-scrollbar { width: 0px; height: 0px; } } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items::-webkit-scrollbar-thumb { background: white; border-radius: 0; } } @media (max-width: 1024.98px) { .account .block-collapsible-nav .content .nav.items::-webkit-scrollbar-thumb:hover { background: white; border-radius: 0; } } .account .field.field-name-firstname.required { padding-bottom: 16px; } .account .field.field-name-firstname.required .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account .field.field-name-firstname.required .control .input-text.required-entry { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .account .field.field-name-lastname.required { padding-bottom: 16px; } .account .field.field-name-lastname.required .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account .field.field-name-lastname.required .control .input-text.required-entry { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .account .field.telephone.required { padding-bottom: 16px; } .account .field.telephone.required .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account .field.telephone.required .control .input-text.required-entry { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .account .field.street.required { padding-bottom: 4px; } .account .field.street.required .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account .field.street.required .control .input-text.required-entry { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .account .field.country.required { padding-bottom: 8px; } .account .field.country.required .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account .field.country.required .control .required-entry { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .account .field.city.required { padding-bottom: 15px; } .account .field.city.required .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account .field.city.required .control .required-entry { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .account .field.region { padding-bottom: 16px; } .account .field.region .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account .field.region .control .required-entry { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .account .field.telephone.custom-field-telephone .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account .field.telephone.custom-field-telephone .control .input-text { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .account .field.zip { padding-bottom: 15px; } .account .field.zip .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .account .field.zip .control .input-text.validate-zip-international { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .account .action.save.primary { border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .account .block-collapsible-nav .content .item > a { padding: 0; border-left: none; } .account .data.table.table-order-items.history { border-radius: 4px; background: var(--backgrounds-page, #fafafa); } @media (min-width: 1025px) { .account .product-items { --listing-grid-columns: 3; } } .account .product-items .product-item { padding-bottom: 64px; } @media (max-width: 479.98px) { .minicart-wrapper .mage-dropdown-dialog { max-width: 100vw !important; } } .minicart-wrapper .action.showcart .counter.qty { top: -8px; right: -3px; } .minicart-wrapper .action.showcart .counter.qty span { display: block; } .minicart-wrapper .action.showcart .counter.qty .quantity { display: flex; width: 16px; height: 16px; padding: 10px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 120px; background: var(--primary, #1e2832); } @media (max-width: 1280px) { .minicart-wrapper .action.showcart .counter.qty .quantity { width: 15px; padding: 7px; } } .minicart-wrapper .action.showcart .counter.qty .quantity .counter-number { color: #FAFAFA; text-align: center; font-family: Nunito Sans, serif; font-size: 10px; font-style: normal; font-weight: 400; line-height: 10px; /* 100% */ } .minicart-wrapper .qty.counter { border-radius: 0; background: none !important; } .minicart-wrapper .mage-dropdown-dialog { position: fixed; top: 0 !important; right: 0; width: 480px !important; height: 100%; padding: 0 !important; } .minicart-wrapper .block-title { position: relative; padding: 24px !important; width: 100%; background: #fafafa !important; border-bottom: 1px solid #e7ebef !important; } .minicart-wrapper .block-title .qty { padding-left: 10px; display: inline !important; } .minicart-wrapper .block-title .text { color: #1e2832; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; } .minicart-wrapper .block-title .qty-value { color: #8c9196; font-size: 14px; font-weight: 400; } .minicart-wrapper .block-title .action.close { position: relative; top: 0; right: 0; } .minicart-wrapper .block-content { padding: 16px; } .block-socials-buttons .social-login-button { background: #F5F5F5; text-align: center; margin-bottom: 10px; padding: 8px 0; } .block-socials-buttons .social-login-button .action { background: none; } .block-socials-buttons .social-login-button .action span { color: #1e2832; font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 0.5px; text-transform: uppercase; } .customer-account-login .beauty-time-wrap { width: 100%; max-width: 1260px; margin: 0 auto; padding: 0.375rem 0.5rem; } .customer-account-login .page-main { width: 100%; max-width: none; margin: 0; padding: 0; padding-bottom: 0 !important; } .customer-account-login .page-main .page-title-wrapper { display: none; } .customer-account-login :where(.page-main, .page-bottom) .block ~ div { margin-top: 0; } .customer-account-login .page-main > .columns > .main { display: flex; flex-direction: row-reverse; overflow: hidden; } @media (max-width: 768.98px) { .customer-account-login .page-main > .columns > .main { display: flex; flex-direction: column; } } @media (max-width: 479.98px) { .customer-account-login .page-main > .columns > .main { display: flex; flex-direction: column-reverse; } } @media (min-width: 769px) { .customer-account-login .login-container > .block { flex-grow: unset; flex-basis: unset; } } .customer-account-login .login-container { margin: 0; box-shadow: none; background: none; border: none; border-radius: 0; flex-direction: column-reverse; display: flex; padding: 40px 64px; justify-content: flex-end; gap: 56px; width: 70%; } @media (max-width: 1024.98px) { .customer-account-login .login-container { gap: 40px; padding: 40px 40px; } } @media (max-width: 768.98px) { .customer-account-login .login-container { width: auto; gap: 30px; } } @media (max-width: 479.98px) { .customer-account-login .login-container { padding: 20px 20px 20px 20px; } } .customer-account-login .login-container .container { display: flex; flex-direction: row-reverse; gap: 64px; } @media (max-width: 1280px) { .customer-account-login .login-container .container { gap: 30px; } } @media (max-width: 1024.98px) { .customer-account-login .login-container .container { flex-direction: column-reverse; gap: 30px; } } @media (max-width: 479.98px) { .customer-account-login .login-container .container { padding: 0; gap: 30px; } } .customer-account-login .login-container .container .block.block-customer-login { width: 59%; } @media (max-width: 768.98px) { .customer-account-login .login-container .container .block.block-customer-login { width: auto; } } .customer-account-login .login-container .container .block.block-customer-login .block-title { color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } .customer-account-login .login-container .container .block.block-customer-login .block-content .form.form-login .fieldset.login .field.email.required .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .customer-account-login .login-container .container .block.block-customer-login .block-content .form.form-login .fieldset.login .field.email.required .control .input-text { border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; } .customer-account-login .login-container .container .block.block-customer-login .block-content .form.form-login .fieldset.login .field.password.required .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .customer-account-login .login-container .container .block.block-customer-login .block-content .form.form-login .fieldset.login .field.password.required .control .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .customer-account-login .login-container .container .block.block-customer-login .block-content .form.form-login .fieldset.login .actions-toolbar { flex-direction: column-reverse; align-items: normal; gap: 1.5rem; } .customer-account-login .login-container .container .block.block-customer-login .block-content .form.form-login .fieldset.login .actions-toolbar .primary .action.login.primary { border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .customer-account-login .login-container .container .block.block-customer-login .block-content .form.form-login .fieldset.login .actions-toolbar .secondary .action.remind { color: var(--button-light-surface-filled-focused, #eb5673); font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; text-decoration-line: underline; } .customer-account-login .login-container .container .block.block-customer-login .block-content .form.form-login .fieldset.login .actions-toolbar .secondary .action.remind:hover { text-decoration-line: none; } .customer-account-login .login-container .container .block.block-new-customer { width: 37%; } @media (max-width: 768.98px) { .customer-account-login .login-container .container .block.block-new-customer { width: auto; } } .customer-account-login .login-container .container .block.block-new-customer .social-login-block { width: 410px; } @media (max-width: 768.98px) { .customer-account-login .login-container .container .block.block-new-customer .social-login-block { width: 100%; } } .customer-account-login .login-container .container .block.block-new-customer .block-title { color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } @media (max-width: 1284.98px) { .customer-account-login .login-container .container .block.block-new-customer .block-content { width: 335px; } } @media (max-width: 479.98px) { .customer-account-login .login-container .container .block.block-new-customer .block-content { width: 386px; } } .customer-account-login .login-container .container .block.block-new-customer .block-content .actions-toolbar { margin: 0; display: block; } .customer-account-login .login-container .container .block.block-new-customer .block-content .actions-toolbar .primary .action.create.primary { border-radius: 4px; background: #F5F5F5; width: 410px; display: flex; padding: 16px 40px; justify-content: center; align-items: center; gap: 16px; align-self: stretch; } @media (max-width: 1284.98px) { .customer-account-login .login-container .container .block.block-new-customer .block-content .actions-toolbar .primary .action.create.primary { width: 335px; } } @media (max-width: 1024.98px) { .customer-account-login .login-container .container .block.block-new-customer .block-content .actions-toolbar .primary .action.create.primary { width: 258px; } } @media (max-width: 768.98px) { .customer-account-login .login-container .container .block.block-new-customer .block-content .actions-toolbar .primary .action.create.primary { width: 330px; } } @media (max-width: 640.98px) { .customer-account-login .login-container .container .block.block-new-customer .block-content .actions-toolbar .primary .action.create.primary { width: 266px; } } @media (max-width: 479.98px) { .customer-account-login .login-container .container .block.block-new-customer .block-content .actions-toolbar .primary .action.create.primary { width: 187px; } } .customer-account-login .login-container .container .block.block-new-customer .block-content .actions-toolbar .primary .action.create.primary .text { color: var(--text-primary, #1e2832); font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 0.5px; text-transform: uppercase; } .customer-account-login .login-container .container .line { width: 1px; height: 288px; background: #E7EBEF; } @media (max-width: 1024.98px) { .customer-account-login .login-container .container .line { display: none; } } .customer-account-login .login-container .customer-tabs { display: flex; align-items: flex-start; width: 50%; } .customer-account-login .login-container .customer-tabs .customer-tab-login { display: flex; padding: 16px 32px; align-items: center; gap: 8px; border-bottom: 3px solid var(--accent, #eb5673); } @media (max-width: 479.98px) { .customer-account-login .login-container .customer-tabs .customer-tab-login { width: 192px; justify-content: center; } } .customer-account-login .login-container .customer-tabs .customer-tab-login .customer-text-tab { color: var(--text-secondary-disabled, #8c9196); text-align: center; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px; } .customer-account-login .login-container .customer-tabs .customer-tab-registration { display: flex; padding: 16px 32px; align-items: center; gap: 8px; border-bottom: 1px solid var(--dividers, #e7ebef); } @media (max-width: 479.98px) { .customer-account-login .login-container .customer-tabs .customer-tab-registration { width: 192px; justify-content: center; } } .customer-account-login .login-container .customer-tabs .customer-tab-registration .customer-text-tab { color: var(--text-secondary-disabled, #8c9196); text-align: center; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px; } .customer-account-login .login-sidebar { display: flex; width: 30%; padding: 40px 10px 100px 50px; flex-direction: column; align-items: flex-start; gap: 45px; background: var(--backgrounds-photo, #f5f5f5); } @media (max-width: 768.98px) { .customer-account-login .login-sidebar { padding: 40px 40px 0 40px; gap: 20px; height: auto; width: auto; } } @media (max-width: 479.98px) { .customer-account-login .login-sidebar { padding: 20px 20px 0 20px; } } .customer-account-login .login-sidebar .customer-sidebar-logo { display: flex; width: 100%; text-align: left; } @media (max-width: 479.98px) { .customer-account-login .login-sidebar .customer-sidebar-logo { display: none; } } .customer-account-login .login-sidebar .customer-sidebar-text { color: var(--text-primary, #1e2832); align-self: stretch; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } .customer-account-login .login-sidebar .customer-sidebar-bulletpoints { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; align-self: stretch; } @media (max-width: 768.98px) { .customer-account-login .login-sidebar .customer-sidebar-bulletpoints { padding: 20px 0 40px 0; justify-content: space-between; gap: 0; flex-direction: row; } } @media (max-width: 479.98px) { .customer-account-login .login-sidebar .customer-sidebar-bulletpoints { padding: 20px 0; justify-content: space-between; gap: 24px; flex-direction: column; } } .customer-account-login .login-sidebar .customer-sidebar-bulletpoints .bulletpoint { display: flex; align-items: center; gap: 24px; align-self: stretch; } @media (max-width: 768.98px) { .customer-account-login .login-sidebar .customer-sidebar-bulletpoints .bulletpoint { gap: 20px; align-items: flex-start; flex-direction: column; width: 105px; } } @media (max-width: 479.98px) { .customer-account-login .login-sidebar .customer-sidebar-bulletpoints .bulletpoint { flex-direction: row; width: 335px; } } .customer-account-login .login-sidebar .customer-sidebar-bulletpoints .bulletpoint .bulletpoint-vector { width: 36px; height: 42px; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/login/Vector.svg"); background-repeat: no-repeat; } .customer-account-login .login-sidebar .customer-sidebar-bulletpoints .bulletpoint .testimonials { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } @media (max-width: 768.98px) { .customer-account-login .login-sidebar .customer-sidebar-bulletpoints .bulletpoint .testimonials { gap: 10px; } } .customer-account-login .login-sidebar .customer-sidebar-bulletpoints .bulletpoint .testimonials .title { color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing: 0.5px; } .customer-account-login .login-sidebar .customer-sidebar-bulletpoints .bulletpoint .testimonials .info { color: var(--text-primary, #1e2832); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; opacity: 0.5; } @media (min-width: 480px) { .customer-account-login.narrow-page.page-layout-1column .page-main .columns { max-width: 100%; } } .customer-account-create .beauty-time-wrap { width: 100%; max-width: 1260px; margin: 0 auto; padding: 0.375rem 0.5rem; } .customer-account-create .page-main { width: 100%; max-width: none; margin: 0; padding: 0; padding-bottom: 0 !important; } .customer-account-create .page-main .page-title-wrapper { display: none; } .customer-account-create :where(.page-main, .page-bottom) .block ~ div { margin-top: 0; } .customer-account-create fieldset, .customer-account-create .fieldset { margin-bottom: 0; display: flex; flex-direction: column; gap: 20px; } @media (min-width: 1025px) { .customer-account-create.narrow-page.page-layout-1column .page-main .columns { max-width: 100%; } .customer-account-create.narrow-page.page-layout-1column .page-main .columns .main { display: flex; flex-direction: row-reverse; } } .registration-container { flex-direction: column-reverse; display: flex; padding: 40px 64px; justify-content: flex-end; gap: 50px; width: 70%; } @media (max-width: 768.98px) { .registration-container { width: auto; padding: 10px 10px; } } .registration-container .custom-block-title { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 20px; /* 90.909% */ } .registration-container .login-end-form { display: flex; padding: 120px 64px; flex-direction: column; align-items: flex-start; gap: 50px; flex: 1 0 0; align-self: stretch; } .registration-container .login-end-form .login-end-title { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .registration-container .login-end-form .login-end-title .login-title-style { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 20px; } .registration-container .login-end-form .login-end-title .login-info-style { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .registration-container .login-end-form .login-button { display: flex; width: 300px; align-items: flex-start; } .registration-container .login-end-form .login-button .login-button-style { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); color: var(--text-white, #ffffff); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; /* 166.667% */ letter-spacing: 0.5px; text-transform: uppercase; } .registration-container .registration-form { display: flex; align-items: flex-start; gap: 64px; align-self: stretch; } @media (max-width: 479.98px) { .registration-container .registration-form { display: flex; gap: 10px; align-self: stretch; flex-direction: column; } } .registration-container .registration-form .custom-field-dob .custom-text-dob { color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .registration-container .registration-form .custom-field-dob .custom-customer-dob .input-breeze-calendar { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .registration-container .registration-form .custom-field-telephone .telephone-text-style { color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; /* 166.667% */ } .registration-container .registration-form .custom-field-telephone .control .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .registration-container .registration-form .form-create-account { margin: 0; padding: 0; box-shadow: none; background: none; border: none; border-radius: 0; width: 59%; max-width: 100%; } @media (max-width: 768.98px) { .registration-container .registration-form .form-create-account { width: 100%; } } .registration-container .registration-form .form-create-account .form-field { display: flex; align-items: flex-start; gap: 16px; align-self: stretch; } .registration-container .registration-form .form-create-account .custom-company { display: none; } .registration-container .registration-form .form-create-account .custom-company .custom-company-text { color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .registration-container .registration-form .form-create-account .custom-company .custom-input-company { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .registration-container .registration-form .form-create-account .field-link-to-the-site .label { color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .registration-container .registration-form .form-create-account .field-link-to-the-site .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .registration-container .registration-form .form-create-account .field-registration-number .label { color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .registration-container .registration-form .form-create-account .field-registration-number .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .registration-container .registration-form .form-create-account .fieldset.create.info .swissup-customer-fields-container { display: none; } .registration-container .registration-form .form-create-account .fieldset.create.info .field.field-name-firstname.required { display: flex; flex-direction: column; align-items: flex-start; width: 100%; } .registration-container .registration-form .form-create-account .fieldset.create.info .field.field-name-firstname.required .control { width: 100%; } .registration-container .registration-form .form-create-account .fieldset.create.info .field.field-name-firstname.required .control .input-text { padding: 14px 16px; background: none; } .registration-container .registration-form .form-create-account .fieldset.create.info .field.field-name-lastname.required { display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-top: 0; } .registration-container .registration-form .form-create-account .fieldset.create.info .field.field-name-lastname.required .control { width: 100%; } .registration-container .registration-form .form-create-account .fieldset.create.info .field.field-name-lastname.required .control .input-text { padding: 14px 16px; background: none; width: 100%; } .registration-container .registration-form .form-create-account .fieldset.create.account .field.required .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .registration-container .registration-form .form-create-account .fieldset.create.account .field.required .control .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; width: 100%; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .registration-container .registration-form .form-create-account .actions-toolbar .action.submit.primary { padding: 12px 24px; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); color: #FFF; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .registration-container .registration-form .customer-registration-line { width: 1px; height: 688px; background: #E7EBEF; } @media (max-width: 479.98px) { .registration-container .registration-form .customer-registration-line { display: none; } } .registration-container .registration-form .block.block-new-customer { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; width: 31%; } @media (max-width: 768.98px) { .registration-container .registration-form .block.block-new-customer { width: auto; } } @media (max-width: 479.98px) { .registration-container .registration-form .block.block-new-customer { width: 100%; } } .registration-container .registration-form .block.block-new-customer .block-title { color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } .registration-container .registration-form .block.block-new-customer .block-title .block-title-style { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 20px; } .registration-container .registration-form .block.block-new-customer .block-content { display: flex; width: 410px; flex-direction: column; align-items: flex-start; gap: 12px; } @media (max-width: 479.98px) { .registration-container .registration-form .block.block-new-customer .block-content { width: 100%; } } .registration-container .registration-form .block.block-new-customer .block-content .actions-toolbar { margin: 0; } .registration-container .registration-form .block.block-new-customer .block-content .actions-toolbar .primary .action.create.primary { border-radius: 4px; background: #F5F5F5; width: 410px; display: flex; padding: 16px 40px; justify-content: center; align-items: center; gap: 16px; align-self: stretch; } .registration-container .registration-form .block.block-new-customer .block-content .actions-toolbar .primary .action.create.primary .text { color: var(--text-primary, #1e2832); font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 0.5px; text-transform: uppercase; } .customer-tabs { display: flex; align-items: flex-start; width: 50%; } .customer-tabs .customer-tab-login { display: flex; padding: 16px 32px; align-items: center; gap: 8px; border-bottom: 1px solid var(--dividers, #e7ebef); } .customer-tabs .customer-tab-login .customer-text-tab { color: var(--text-secondary-disabled, #8c9196); text-align: center; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px; } .customer-tabs .customer-tab-registration { display: flex; padding: 16px 32px; align-items: center; gap: 8px; border-bottom: 3px solid var(--accent, #eb5673); } .customer-tabs .customer-tab-registration .customer-text-tab { color: var(--text-secondary-disabled, #8c9196); text-align: center; font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px; } .customer-tabs .will-go-back { display: flex; align-items: center; gap: 8px; } .customer-tabs .will-go-back .icon-back { display: flex; width: 20px; height: 20px; justify-content: center; align-items: center; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/registration/left.svg"); background-repeat: no-repeat; } .customer-tabs .will-go-back .back-button .custom-back-button { color: var(--text-secondary_disabled, #8c9196); text-align: right; font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: underline; } .customer-tabs .will-go-back-hide { display: none; } .customer-title { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 50%; } @media (max-width: 479.98px) { .customer-title { width: 100%; } } .customer-title .customer-text { color: var(--text-primary, #1e2832); font-size: 22px; font-style: normal; font-weight: 700; line-height: 20px; } .customer-title .customer-info { color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .customer-inputs { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 50%; } @media (max-width: 479.98px) { .customer-inputs { width: 100%; } } .customer-inputs .registration-input { display: flex; padding: 18px; align-items: center; gap: 16px; align-self: stretch; border-radius: 4px; border: 1px solid var(--button-light-surface-outline-disabled, #d3dae1); } .customer-inputs .registration-input [type=radio]:checked { background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/registration/RB.svg"); background-repeat: no-repeat; background-color: #ffffff; border-color: #EB5673; --input-shadow-spread: 0px; } .customer-inputs .registration-input .text { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } .customer-inputs .registration-input .text .title { color: var(--text-primary, #1e2832); font-size: 17px; font-style: normal; font-weight: 700; line-height: 16px; } .customer-inputs .registration-input .text .info { color: var(--text-primary, #1e2832); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; opacity: 0.5; } .customer-inputs .registration-input.pink { border: 1px solid #EB5673; } .customer-inputs .registration-next-step { display: flex; align-self: stretch; } .customer-inputs .registration-next-step .button-next-step { display: flex; padding: 12px 24px; justify-content: center; align-items: center; flex: 1 0 0; color: #ffffff; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .registration-sidebar { display: flex; width: 30%; padding: 40px 10px 100px 50px; flex-direction: column; align-items: flex-start; gap: 45px; background: var(--backgrounds-photo, #f5f5f5); } @media (max-width: 768.98px) { .registration-sidebar { width: auto; padding: 10px 10px; } } @media (max-width: 479.98px) { .registration-sidebar { display: none; } } .registration-sidebar .customer-sidebar-logo { display: block; width: 100%; text-align: left; } .registration-sidebar .customer-sidebar-text { color: var(--text-primary, #1e2832); align-self: stretch; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } .registration-sidebar .customer-sidebar-bulletpoints { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; align-self: stretch; } .registration-sidebar .customer-sidebar-bulletpoints .bulletpoint { display: flex; align-items: center; gap: 24px; align-self: stretch; } .registration-sidebar .customer-sidebar-bulletpoints .bulletpoint .bulletpoint-vector { width: 36px; height: 42px; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/login/Vector.svg"); background-repeat: no-repeat; } .registration-sidebar .customer-sidebar-bulletpoints .bulletpoint .testimonials { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } .registration-sidebar .customer-sidebar-bulletpoints .bulletpoint .testimonials .title { color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing: 0.5px; } .registration-sidebar .customer-sidebar-bulletpoints .bulletpoint .testimonials .info { color: var(--text-primary, #1e2832); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; opacity: 0.5; } .page-partner-registration .beauty-time-wrap { width: 100%; max-width: 1260px; margin: 0 auto; padding: 0.375rem 0.5rem; } .page-partner-registration .page-main { width: 100%; max-width: none; margin: 0; padding: 0; padding-bottom: 0 !important; } .page-partner-registration .page-main .page-title-wrapper { display: none; } .page-partner-registration :where(.page-main, .page-bottom) .block ~ div { margin-top: 0; } .page-partner-registration fieldset, .page-partner-registration .fieldset { margin-bottom: 0; display: flex; flex-direction: column; gap: 20px; } .page-partner-registration .registration-container-b2b { display: grid; grid-template-columns: 600px 1fr; } .page-partner-registration .registration-container-b2b .registration-sidebar { display: flex; width: 100%; padding: 40px 64px 0px 64px; flex-direction: column; align-items: flex-start; gap: 45px; background: var(--backgrounds-photo, #f5f5f5); } @media (max-width: 768.98px) { .page-partner-registration .registration-container-b2b .registration-sidebar { width: auto; padding: 10px 10px; } } @media (max-width: 479.98px) { .page-partner-registration .registration-container-b2b .registration-sidebar { display: none; } } .page-partner-registration .registration-container-b2b .registration-sidebar .customer-sidebar-logo { display: block; width: 100%; text-align: left; } .page-partner-registration .registration-container-b2b .registration-sidebar .customer-sidebar-text { color: var(--text-primary, #1e2832); align-self: stretch; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } .page-partner-registration .registration-container-b2b .registration-sidebar .customer-sidebar-bulletpoints { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; align-self: stretch; } .page-partner-registration .registration-container-b2b .registration-sidebar .customer-sidebar-bulletpoints .bulletpoint { display: flex; align-items: center; gap: 24px; align-self: stretch; } .page-partner-registration .registration-container-b2b .registration-sidebar .customer-sidebar-bulletpoints .bulletpoint .bulletpoint-vector { width: 36px; height: 42px; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/login/Vector.svg"); background-repeat: no-repeat; } .page-partner-registration .registration-container-b2b .registration-sidebar .customer-sidebar-bulletpoints .bulletpoint .testimonials { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } .page-partner-registration .registration-container-b2b .registration-sidebar .customer-sidebar-bulletpoints .bulletpoint .testimonials .title { color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing: 0.5px; } .page-partner-registration .registration-container-b2b .registration-sidebar .customer-sidebar-bulletpoints .bulletpoint .testimonials .info { color: var(--text-primary, #1e2832); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; opacity: 0.5; } .page-partner-registration .registration-container-b2b .registration-form-b2b { display: inline-grid; padding: 40px 64px; align-items: flex-start; gap: 50px; grid-template-rows: 20px 1fr; } .page-partner-registration .registration-container-b2b .registration-form-b2b .will-go-back { display: flex; align-items: center; gap: 8px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .will-go-back .icon-back { display: flex; width: 20px; height: 20px; justify-content: center; align-items: center; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/registration/left.svg"); background-repeat: no-repeat; } .page-partner-registration .registration-container-b2b .registration-form-b2b .will-go-back .back-button .custom-back-button { color: var(--text-secondary_disabled, #8c9196); text-align: right; font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: underline; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b { display: inline-grid; row-gap: 40px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b { display: inline-grid; grid-template-columns: 1fr 50%; column-gap: 40px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-title { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-title .title { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap { display: flex; flex-direction: column; gap: 8px; align-self: stretch; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap .form-field { display: flex; align-items: flex-start; gap: 16px; align-self: stretch; margin-bottom: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap .form-field .field-name-firstname { display: flex; flex-direction: column; gap: 6px; width: 100%; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap .form-field .field-name-firstname .label { color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap .form-field .field-name-firstname .control .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap .form-field .field-name-lastname { display: flex; flex-direction: column; gap: 6px; margin-top: 0; width: 100%; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap .form-field .field-name-lastname .label { color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap .form-field .field-name-lastname .control .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap .registration-about-user-email-phone .field { display: flex; flex-direction: column; align-self: stretch; margin-bottom: 24px; gap: 6px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap .registration-about-user-email-phone .field .label { display: flex; align-items: flex-start; gap: 10px; align-self: stretch; color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-user .registration-about-user-form .registration-about-user-wrap .registration-about-user-email-phone .field .control .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-title { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-title .title { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form { display: flex; flex-direction: column; align-self: stretch; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap { display: flex; flex-direction: column; gap: 8px; align-self: stretch; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .custom-company { display: flex; flex-direction: column; gap: 10px; align-self: stretch; margin-bottom: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .custom-company .label { display: flex; align-items: flex-start; gap: 10px; align-self: stretch; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .custom-company .label .custom-company-text { color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .custom-company .custom-input-company { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .registration-about-fop-social-link { display: flex; flex-direction: column; align-self: stretch; gap: 8px; margin-top: 0; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .registration-about-fop-social-link .field-link-to-the-site { display: flex; flex-direction: column; gap: 6px; align-self: stretch; margin-top: 16px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .registration-about-fop-social-link .field-link-to-the-site .label { display: flex; align-items: flex-start; gap: 10px; align-self: stretch; color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .registration-about-fop-social-link .field-link-to-the-site .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .registration-about-fop-social-link .field-registration-number { display: flex; flex-direction: column; gap: 6px; align-self: stretch; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .registration-about-fop-social-link .field-registration-number .label { display: flex; align-items: flex-start; gap: 10px; align-self: stretch; color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-info-b2b .registration-about-company .registration-about-company-form .registration-about-company-wrap .registration-about-fop-social-link .field-registration-number .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-pass-btn-b2b { display: inline-grid; grid-template-columns: 1fr 50%; column-gap: 40px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-pass-btn-b2b .registration-pass-form { display: flex; flex-direction: column; gap: 8px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-pass-btn-b2b .registration-pass-form .field.required .label { color: var(--text-secondary-disabled, #8c9196); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-pass-btn-b2b .registration-pass-form .field.required .control .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; width: 100%; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-pass-btn-b2b .btn-description { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 24px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-pass-btn-b2b .btn-description .registration-description { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-pass-btn-b2b .btn-description .actions-toolbar { margin-top: 0; margin-bottom: 0; width: 100%; } .page-partner-registration .registration-container-b2b .registration-form-b2b .registration-main-form-b2b .registration-pass-btn-b2b .btn-description .actions-toolbar .action.submit.primary { padding: 12px 24px; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); width: 100%; color: #FFF; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } @media (max-width: 1024.98px) { .navigation-wrapper { position: fixed; visibility: hidden; display: none !important; } .nav-open .navigation-wrapper { display: block !important; } } :root { --navigation-media-mobile: (min-width: 1025px); } .nav-toggle { flex-shrink: 0; flex-grow: 0; display: flex; align-items: center; margin-right: 0; } .page-wrapper > .navigation-wrapper .navigation > ul, .page-header > .navigation-wrapper .navigation > ul { margin-left: -0.5rem; } @media (min-width: 641px) and (max-width: 1024.98px) { .header.content { flex-wrap: wrap; } .header.content > .navigation-wrapper { order: 9999; width: 100%; margin-bottom: -0.5rem; } .header.content > .navigation-wrapper .navigation > ul { margin-left: -0.5rem; } } @media (min-width: 641px) and (max-width: 1024.98px) and (max-width: 1024.98px) { .header.content { flex-wrap: nowrap; } } .navigation { color: rgba(var(--base-color), var(--base-alpha, 1)); } @media (min-width: 1025px) { .navigation .active > a.level-top, .navigation .has-active > a.level-top { --divider-alpha: .05; background: rgba(var(--base-color), var(--divider-alpha, .1)); } } .navigation li { position: relative; } .navigation .parent > a { padding-right: 1.5rem; } @media (min-width: 1025px) { [data-action="toggle-nav"] { display: none; } .navigation > ul { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 0.5rem; } } .nav-toggle::after { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /></svg>') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; z-index: 5; width: 24px; height: 24px; position: relative; } .cms-home .product-reviews-summary, .catalog-category-view .product-reviews-summary, .catalogsearch-result-index .product-reviews-summary, .attributepages-page-view .product-reviews-summary, .blog-post-view .product-reviews-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; } @media (max-width: 479.98px) { .cms-home .product-reviews-summary, .catalog-category-view .product-reviews-summary, .catalogsearch-result-index .product-reviews-summary, .attributepages-page-view .product-reviews-summary, .blog-post-view .product-reviews-summary { margin-bottom: 0 !important; } } .cms-home .rating-summary, .catalog-category-view .rating-summary, .catalogsearch-result-index .rating-summary, .attributepages-page-view .rating-summary, .blog-post-view .rating-summary { display: flex; align-items: center; gap: 4px; } @media (max-width: 479.98px) { .cms-home .rating-summary, .catalog-category-view .rating-summary, .catalogsearch-result-index .rating-summary, .attributepages-page-view .rating-summary, .blog-post-view .rating-summary { align-items: normal; gap: 2px; } } .cms-home .rating-result, .catalog-category-view .rating-result, .catalogsearch-result-index .rating-result, .attributepages-page-view .rating-result, .blog-post-view .rating-result { position: relative; width: 1.3rem; height: 21px; } @media (max-width: 479.98px) { .cms-home .rating-result, .catalog-category-view .rating-result, .catalogsearch-result-index .rating-result, .attributepages-page-view .rating-result, .blog-post-view .rating-result { height: 14px; width: 14px; } } @media (max-width: 321px) { .cms-home .rating-result, .catalog-category-view .rating-result, .catalogsearch-result-index .rating-result, .attributepages-page-view .rating-result, .blog-post-view .rating-result { height: 1rem; } } .cms-home .rating-result::before, .catalog-category-view .rating-result::before, .catalogsearch-result-index .rating-result::before, .attributepages-page-view .rating-result::before, .blog-post-view .rating-result::before { opacity: 1; } .cms-home .rating-result > span, .catalog-category-view .rating-result > span, .catalogsearch-result-index .rating-result > span, .attributepages-page-view .rating-result > span, .blog-post-view .rating-result > span { position: relative; display: block; } .cms-home .rating-result::before, .catalog-category-view .rating-result::before, .catalogsearch-result-index .rating-result::before, .attributepages-page-view .rating-result::before, .blog-post-view .rating-result::before, .cms-home .rating-result > span::before, .catalog-category-view .rating-result > span::before, .catalogsearch-result-index .rating-result > span::before, .attributepages-page-view .rating-result > span::before, .blog-post-view .rating-result > span::before { position: absolute; content: ''; width: 100%; height: 1.5rem; } .cms-home .reviews-actions, .catalog-category-view .reviews-actions, .catalogsearch-result-index .reviews-actions, .attributepages-page-view .reviews-actions, .blog-post-view .reviews-actions { display: flex; align-items: center; gap: 0.5rem; } .cms-home .reviews-actions a, .catalog-category-view .reviews-actions a, .catalogsearch-result-index .reviews-actions a, .attributepages-page-view .reviews-actions a, .blog-post-view .reviews-actions a { font-size: 0.875rem; line-height: 1.25rem; } .cms-home .review-add .review-legend, .catalog-category-view .review-add .review-legend, .catalogsearch-result-index .review-add .review-legend, .attributepages-page-view .review-add .review-legend, .blog-post-view .review-add .review-legend { display: none; } .cms-home .review-field-ratings, .catalog-category-view .review-field-ratings, .catalogsearch-result-index .review-field-ratings, .attributepages-page-view .review-field-ratings, .blog-post-view .review-field-ratings { margin: 0; } .cms-home .review-field-ratings legend, .catalog-category-view .review-field-ratings legend, .catalogsearch-result-index .review-field-ratings legend, .attributepages-page-view .review-field-ratings legend, .blog-post-view .review-field-ratings legend { display: none !important; } .cms-home .review-field-rating > .label, .catalog-category-view .review-field-rating > .label, .catalogsearch-result-index .review-field-rating > .label, .attributepages-page-view .review-field-rating > .label, .blog-post-view .review-field-rating > .label { min-width: 80px; } .cms-home .review-control-vote, .catalog-category-view .review-control-vote, .catalogsearch-result-index .review-control-vote, .attributepages-page-view .review-control-vote, .blog-post-view .review-control-vote { color: rgba(var(--base-color), var(--divider-alpha, .1)); height: 1.5rem; width: 7.5rem; } .cms-home .review-control-vote::before, .catalog-category-view .review-control-vote::before, .catalogsearch-result-index .review-control-vote::before, .attributepages-page-view .review-control-vote::before, .blog-post-view .review-control-vote::before { content: ''; position: absolute; inset: 0; } .cms-home .review-control-vote label, .catalog-category-view .review-control-vote label, .catalogsearch-result-index .review-control-vote label, .attributepages-page-view .review-control-vote label, .blog-post-view .review-control-vote label { position: absolute; opacity: 0; } .cms-home .review-list .limiter, .catalog-category-view .review-list .limiter, .catalogsearch-result-index .review-list .limiter, .attributepages-page-view .review-list .limiter, .blog-post-view .review-list .limiter, .cms-home .review-list .toolbar:first-child, .catalog-category-view .review-list .toolbar:first-child, .catalogsearch-result-index .review-list .toolbar:first-child, .attributepages-page-view .review-list .toolbar:first-child, .blog-post-view .review-list .toolbar:first-child { display: none; } .cms-home .review-list .review-item, .catalog-category-view .review-list .review-item, .catalogsearch-result-index .review-list .review-item, .attributepages-page-view .review-list .review-item, .blog-post-view .review-list .review-item { display: flex; flex-direction: column; gap: 0.5rem; } .cms-home .review-list .review-item + .review-item, .catalog-category-view .review-list .review-item + .review-item, .catalogsearch-result-index .review-list .review-item + .review-item, .attributepages-page-view .review-list .review-item + .review-item, .blog-post-view .review-list .review-item + .review-item { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1)); } .cms-home .review-list .review-title, .catalog-category-view .review-list .review-title, .catalogsearch-result-index .review-list .review-title, .attributepages-page-view .review-list .review-title, .blog-post-view .review-list .review-title { font-weight: 500; } .cms-home .review-list .review-ratings, .catalog-category-view .review-list .review-ratings, .catalogsearch-result-index .review-list .review-ratings, .attributepages-page-view .review-list .review-ratings, .blog-post-view .review-list .review-ratings { order: -1; } .cms-home .review-list .review-content, .catalog-category-view .review-list .review-content, .catalogsearch-result-index .review-list .review-content, .attributepages-page-view .review-list .review-content, .blog-post-view .review-list .review-content { margin-bottom: 0.25rem; } .cms-home .review-list .review-details, .catalog-category-view .review-list .review-details, .catalogsearch-result-index .review-list .review-details, .attributepages-page-view .review-list .review-details, .blog-post-view .review-list .review-details { display: flex; align-items: baseline; gap: 0.25rem; opacity: .6; } .cms-home .review-list .review-date, .catalog-category-view .review-list .review-date, .catalogsearch-result-index .review-list .review-date, .attributepages-page-view .review-list .review-date, .blog-post-view .review-list .review-date { font-size: 0.875rem; line-height: 1.25rem; } .price-box { display: flex; flex-direction: row-reverse; gap: 5px; align-items: baseline; } .price-box p { margin: 0; } .price-label, .price-box .label, .msrp-message { display: none; color: rgba(var(--base-color), var(--muted-alpha, .6)); font-size: 1rem; line-height: 1.5rem; } .price-box a { line-height: 1.5rem; font-size: 1rem; } .weee[data-label], .minimal-price-link, .price-excluding-tax, .price-including-tax { display: block; } .weee[data-label], .price-including-tax + .price-excluding-tax { font-size: 0.875rem; line-height: 1.5rem; } .weee[data-label]::before, .price-including-tax + .price-excluding-tax::before { content: attr(data-label) ': '; } .prices-tier .weee[data-label], .prices-tier .price-excluding-tax, .prices-tier .price-including-tax { display: inline-block; } .prices-tier .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ': '; } .prices-tier .weee[data-label]:before { content: '+' attr(data-label) ': '; } .prices-tier .weee[data-label]:last-child:after { content: ')'; } /** * Webkul Software * * @category Webkul * @package Webkul_Walletsystem * @author Webkul * @copyright Webkul Software Private Limited (https://webkul.com) * @license https://store.webkul.com/license.html */ .wk_ws_outer { margin: 10px; } .wk_ws_sub_head1 { display: inline-block; float: left; margin-right: 15px; } .wk_ws_sub_head2 h2, .wk_ws_sub_head2 h3 { margin: 0px; } .wk_ws_outer table { width: 100%; clear: both; } .wk_ws_outer th { text-align: center; background-color: #DDDDDD; padding: 10px; font-size: 18px; } .wk_ws_outer td { text-align: center; } .wk_ws_outer tr:nth-child(odd) { background-color: #EEEEEE; } .wk_ws_wallet_payment { border-top: 1px solid #cccccc; padding-top: 10px; } .wk_ws_wallet_payment li { list-style-type: none; } .wk_ws_price { color: green; margin-left: 10px; } .wk_ws_wallet_tocart_outer { margin: 10px; } .wk_ws_main * { box-sizing: border-box; } .wk_ws_main h2, .wk_ws_main h3 { font-weight: bold; letter-spacing: 1px; } .wk_ws_wallet_payment .wk_ws_payment_reset { margin-top: 10px; } .wk_ws_wallet_tocart_outer .button { display: none; margin-top: 10px; } .wk_ws_wallet_payment .wk_ws_payment_submit { display: block; } .wk_ws_none { display: none !important; } .wk_ws_block { display: block !important; } .wk_ws_loader { display: none; background: none repeat scroll 0 0 rgba(255, 244, 232, 0.61); position: absolute; top: 0px; left: 0; width: 100%; z-index: 2000; height: 2000px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff4e9, endColorstr=#fff4e9); } .wk_ws_line { display: block; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; display: inline-block; width: 60px; } .multishipping-checkout-billing.page-layout-checkout .wk_ws_line { width: 15px; } .wk_ws_payment_table tr:nth-child(even) td:nth-child(odd) { height: 20px; background-color: #eeeeee; border: 1px solid #ddd; color: #666; font-family: raleway regular; font-size: 16px; text-align: center; padding-top: 5px; } .wk_ws_payment_table th { padding: 0px; } .wk_ws_payment_table td { max-width: 160px; word-wrap: break-word; padding: 0px; } .wk_ws_minus { background: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/minus.png'); height: 30px; display: inline-block; width: 30px; } .wk_ws_plus { background: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/equal.png'); height: 30px; display: inline-block; width: 30px; } .wk_ws_loader > div { background: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/loader.gif") no-repeat scroll 0 0 transparent; position: fixed; top: 48%; border-radius: 18px; left: 48%; height: 32px; width: 32px; } .wk_appliedAmount { font-weight: bold; color: green; } .wk_ws_restpayment_color { color: #ef5350 !important; } .wk_appliedAmount label { display: block !important; background: none !important; } .wk_ws_payment_inner { display: inline-block; float: left; width: 33%; border: 1px solid #ccc; padding: 10px; } .wk_ws_payment_form_outer { border: 1px solid #ccc; background-color: #ccc; display: table; width: 100%; } .wk_ws_payment_outer { display: none; background-color: white; padding: 10px; } .wk_ws_payment_outer._active { display: block; } .wk_ws_payment_inner h4 { color: green; } .wk_ws_payment_table { margin: 0px auto; text-align: center; } .wk_ws_payment_table h4 { font-weight: normal; text-transform: capitalize; margin: 0px; margin-bottom: 10px; } .wk_wallet_total_outer { display: inline-block; float: right; padding: 5px; } .wk_wallet_check_outer { display: inline-block; padding: 5px; } .wk_ws_fieldset { clear: both; } .wk_ws_body { background-color: #fff; border: 1px solid #ccc; margin: 40px 20px; padding: 25px; } #wk_ws_price { border: none; background: none; border-bottom: 1px solid #bdbdbd; width: 100%; margin-right: 20px; } #wk_ws_price:focus { box-shadow: none; } .wk_ws_main #form-custom-data button { margin-left: 20px; } .wk_ws_add_payment { border-radius: 5px; } .wk_ws_main .wk_ws_fieldset { font-size: 16px; } .fieldset.wk_ws_fieldset .field label.label { width: 100%; display: block; float: none; text-align: left; margin-bottom: 10px; } #transfer-form-data .fieldset.wk_ws_fieldset .field .control { width: 100%; } #verify-form .fieldset.wk_ws_fieldset .field .control { width: 100%; } .wk_ws_cart_table > thead > tr { background-color: #DDDDDD; color: #333; } .wk_ws_cart_table > thead > tr > th, .wk_ws_cart_table > tbody > tr > td { padding: 10px; } .wk_ws_cart_table { width: 100%; border-bottom: 1px solid #ccc; } .wk_ws_checkout_button_outer { margin-top: 10px; } .wk_ws_price_outer { display: inline-block; width: 60%; float: left; } .wk_credited_highlight { background-color: #F5F5F5; padding: 10px; width: 100%; box-sizing: border-box; text-align: justify; font-weight: 600; } .wk_ws_table .walletorder .col.description { text-transform: capitalize; } .wk_ws_main .limiter { display: block; } .wallet-transaction-view td { text-transform: capitalize; } .wk-ws-details { width: 100%; margin-bottom: 10px; } .wk_ws_center { text-align: center; } .wk-details { border: 1px solid #e5e5e5; } .wk-ws-details tr > td { width: 60%; padding: 10px; border-right: 1px solid #e5e5e5; text-transform: capitalize; } .wk-ws-details tr > th { text-transform: capitalize; padding: 10px; text-align: left; } .wk-ws-details th { background-color: #e0e0e0; } .resendCode { font-size: 16px; padding: 10px; padding-top: 20px; font-weight: bold; } .resendCode a:active { color: #006bb4; } .wk_ws_sub_head2 .wk_ws_sub_head_details { display: inline-block; width: 60%; } .wk_ws_sub_head2 .wk_ws_sub_head_transfer, .wk_ws_sub_head2 .wk_ws_sub_add_payee { display: inline-block; float: right; cursor: pointer; } #walletsystem_trasfer_amount .fieldset *, #walletsystem_add_payee .fieldset * { margin-top: 10px; } .error_msg { color: red; } .limiter { float: right; } .label.required:after { content: " *"; color: red; } .accoount-details-form { width: 44%; float: left; height: 100%; border-right: 1px solid#c0c0c0; padding: 0 20px; } .saved-account-details { width: 49%; float: right; height: 450px; overflow-y: scroll; } @media (max-width: 768px) { .saved-account-details { width: 49%; float: right; height: 450px; overflow-y: scroll; display: contents; } .wk_ws_body { background-color: #fff; border: 1px solid #ccc; padding: 11px; margin: 0px; margin-top: 16px; } .wk_ws_main #form-custom-data button { margin-left: auto; margin-top: 10px; width: 100%; } .wk_ws_price_outer { display: inline-block; width: 83%; float: left; } .wk_ws_sub_head2 .wk_ws_sub_head_transfer, .wk_ws_sub_head2 .wk_ws_sub_add_payee { display: inline-block; float: unset; cursor: pointer; margin-top: 5px; width: 100%; text-align: center; border-radius: 5px; } .wk_ws_sub_head2 .wk_ws_sub_head_details { display: inline-block; width: auto; } } .wk_ws_bank_transfer { display: none; } .walletsystemnav { position: relative; } .walletsystemnav .wallet-text-current { border-color: white; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA//images/account/wallet/gift.svg"); background-repeat: no-repeat; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #2E2E2E; padding: 0.375rem 11px 0.375rem 58px; } .walletsystemnav .wallet-text-irrelevant { border-color: white; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA//images/account/wallet/gift.svg") !important; background-repeat: no-repeat !important; padding: 0.375rem 11px 0.375rem 58px !important; width: 100%; height: 48px; color: #2E2E2E !important; font-size: 16px; font-weight: 700; line-height: 40px; border-left: 0; opacity: 0.4; } .walletsystemnav:hover ul.nav { display: flex !important; } .walletsystemnav:hover ul.nav .wallet-text-irrelevant { border-color: white; background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA//images/account/wallet/gift.svg"); background-repeat: no-repeat; padding: 0.375rem 11px 0.375rem 58px !important; width: 219px; height: 48px; color: #2E2E2E !important; font-size: 16px; font-weight: 700; line-height: 40px; opacity: 0.4; } .walletsystemnav:hover ul.nav .nav-item-text { border-color: white; border-left: none; font-size: 16px; font-weight: 700; line-height: 40px; color: #2E2E2E; padding: 0.375rem 11px 0.375rem 11px; } .walletsystemnav:hover ul.nav .nav-item-text-irrelevant { color: #2E2E2E; font-size: 16px; font-weight: 700; line-height: 32px !important; opacity: 0.4; padding: 0.375rem 11px 0.375rem 11px !important; } .block-collapsible-nav .walletsystemnav.current .item a { color: #2E2E2E; font-size: 16px; font-weight: 700; line-height: 40px; opacity: 0.4; padding: 0.375rem 11px 0.375rem 58px; } .walletsystemnav ul.nav { display: none !important; top: 0; position: absolute; background-color: #fff; margin-left: 0; border: 1px solid #e7ebef; border-radius: 4px; z-index: 9999; margin-top: 26%; } @media (max-width: 1024.98px) { .block.filter .filter-content { position: fixed; visibility: hidden; } } @media (max-width: 1024.98px) and (max-width: 768px) { .block.filter .filter-content { padding: 20px !important; } } @media (max-width: 1024.98px) and (max-width: 1024.98px) { .block.filter .filter-title strong::after { left: 37rem; } } @media (max-width: 1024.98px) and (max-width: 768.98px) { .block.filter .filter-title strong::after { left: 21rem; } } @media (max-width: 1024.98px) and (max-width: 479.98px) { .block.filter .filter-title strong::after { left: 20px; } } @media (min-width: 1025px) { .column.main .block.filter .filter-options-content { display: none; position: absolute; pointer-events: none; right: 0; } .column.main .block.filter .filter-options-content .item { display: block; padding: 0.25rem 0.5rem; } } .block.filter .filter-current li { display: flex; align-items: center; column-gap: 0.25rem; } .block.filter .filter-current li span { white-space: nowrap; } .block.filter .filter-current li span.filter-value { text-overflow: ellipsis; overflow: hidden; } .block.filter .filter-current li .filter-label::after { content: ':'; } .block.filter .filter-current li .action.remove { opacity: .3; } .block.filter .filter-value { opacity: .6; } .block.filter .filter-actions { margin: 0.375rem 0 0.75rem; opacity: .6; text-align: right; font-size: 0.875rem; line-height: 1.25rem; } .block.filter .filter-title::after { transform: none; display: none; } .block.filter .filter-title label { display: flex; align-items: center; gap: 0.25rem; } .block.filter .filter-content-close { display: none; } .block.filter .filter-current ~ .filter-options { margin-top: 0.75rem; } .block.filter .filter-subtitle { display: none; } .block.filter .filter-options-item { margin-bottom: 0.25rem; } .block.filter .filter-options-item:last-child { margin-bottom: 0; } .block.filter .filter-options-title { font-weight: 500; padding: 0.25rem 0; } .block.filter .filter-options-title :first-child { margin-right: auto; } .block.filter .filter-options-title::after { opacity: .3; } .block.filter .filter-options-content > :first-child { margin: 0.5rem 0 0.75rem; } .block.filter dt { padding: 0.25rem 0; } .block.filter .content .count, .block.filter .filter-options .count { font-size: 0.875rem; line-height: 1.25rem; display: inline-flex; white-space: nowrap; font-weight: 300; opacity: .5; margin-left: 0.25rem; } .block.filter .content .count::before, .block.filter .filter-options .count::before { content: '('; } .block.filter .content .count::after, .block.filter .filter-options .count::after { content: ')'; } .block.filter .initially-active.active .filter-options-title::after { opacity: 0; } .block.filter .filter-options-title { font-weight: 600; font-size: 14px; padding: 0px 32px 20px 0; } .block.filter .filter-options-item { border-bottom: 1px solid #E7EBEF; margin-bottom: 0; } .block.filter .filter-options-item .filter-options-title::after { position: relative; z-index: -1; top: -1px; } .block.filter .filter-options-item:hover .filter-options-title::after { color: #1E2832 !important; } @media (min-width: 1025px) { .column.main .block.filter { margin-bottom: 1rem; } .column.main .block.filter .filter-title { display: none; } .column.main .block.filter .filter-current { display: inline-flex; align-items: flex-start; gap: 0.75rem; margin-right: 0.5rem; } .column.main .block.filter .filter-current-subtitle { padding: 0.25rem 0; flex-shrink: 0; } .column.main .block.filter .filter-current-subtitle::after { content: ':'; } .column.main .block.filter .filter-current .items { display: flex; flex-wrap: wrap; gap: 0.5rem; } .column.main .block.filter .filter-current li { padding: 0.25rem 0.75rem; background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); border-radius: 24rem; } .column.main .block.filter .filter-current ~ .filter-options { margin-top: 0.25rem; } .column.main .block.filter .filter-actions { display: inline-flex; } .column.main .block.filter .filter-options { display: flex; flex-wrap: wrap; column-gap: 0.75rem; } .column.main .block.filter .filter-options-item { margin: 0; position: relative; } .column.main .block.filter .filter-options a { display: block; } .column.main .block.filter .filter-options .item > a { flex-grow: 1; } .column.main .block.filter .filter-options-title::after { opacity: 0.3; } .column.main .block.filter .filter-options-content { display: block !important; height: auto; width: 13rem; right: auto; left: -9999px; margin-left: -6rem; } .column.main .block.filter .filter-options-content[aria-hidden=false] { left: 50%; } .column.main .block.filter .filter-options-content > :first-child { margin: 0; } } @media (max-width: 1024.98px) { .block.filter .filter-title { border: 0; padding: 0.5rem 0.25rem 0.5rem 0; display: flex; align-items: center; gap: 0.25rem; } .block.filter .filter-title::before { content: ''; width: 1.5rem; height: 1.5rem; flex-shrink: 0; } .block.filter .filter-title[data-count]::after { font-size: 0.875rem; line-height: 1.25rem; margin-left: 0.125rem; content: attr(data-count); display: flex; align-items: center; justify-content: center; min-width: 1.25rem; min-height: 1.25rem; background: rgba(var(--danger-color), var(--danger-alpha, 1)); color: #ffffff; border-radius: 1.25rem; padding: 0 0.25rem; } .block.filter .filter-title[data-count="0"]::after { display: none; } .page-layout-1column .block.filter .filter-title, .sidebar .block.filter .filter-title { position: absolute; z-index: 5; top: 0; margin: 0; max-width: 11rem; white-space: nowrap; overflow: hidden; } .block.filter .filter-current-subtitle { display: block; padding: 0.25rem 0; } .block.filter .filter-content .item { padding: 0.125rem 0; } } @media (max-width: 1024.98px) { .page-with-filter.page-title-in-content .columns { padding-top: 3.25rem; } .page-with-filter.page-title-in-content .toolbar:not(.toolbar ~ .toolbar) { position: absolute; top: 0; width: 100%; flex-wrap: nowrap; margin: 0; } } @media (max-width: 640.98px) { .page-with-filter.page-title-in-content .toolbar-amount { display: none; } } @media (max-width: 1024.98px) { .page-with-filter .toolbar .modes { margin-left: 9rem; } } @media (max-width: 640.98px) { .page-with-filter .toolbar .sorter > label { display: none; } } @media (max-width: 479.98px) { .page-with-filter .toolbar .sorter { width: calc(100% - 9rem); } .page-with-filter .toolbar .modes { display: none; } } #scrollup { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: #FAFAFA; color: white; cursor: pointer; padding: 16px; border-radius: 48px; width: auto; font-size: 18px; box-shadow: -4px 11px 12px 0px rgba(30, 40, 50, 0.07000000000000001); } @media (max-width: 479.98px) { #scrollup { right: 20px; } } #scrollup:hover { background-color: #EB5673; box-shadow: -4px 11px 12px 0px rgba(30, 40, 50, 0.07000000000000001); } @media (max-width: 479.98px) { .modal-slide._show, .modal-popup._show, .modal-custom._show { justify-content: center; } } :root { --container-padding: 0.375rem 0; } @media (max-width: 767px) { :root { --container-max-width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --container-max-width: 688px; } } @media (min-width: 1024px) and (max-width: 1279px) { :root { --container-max-width: 943px; } } @media (min-width: 1280px) and (max-width: 1439px) { :root { --container-max-width: 1168px; } } @media (min-width: 1440px) and (max-width: 1919px) { :root { --container-max-width: 1312px; } } @media (min-width: 1920px) { :root { --container-max-width: 1400px; } } /*ajax search*/ .tt-menu { width: 100vw; left: calc(-51vw + 50%) !important; right: 0 !important; } @media (max-width: 1024.98px) { .tt-menu { left: calc(-52vw + 50%) !important; } } @media (max-width: 768.98px) { .tt-menu { left: calc(-53vw + 50%) !important; } } @media (max-width: 479.98px) { .tt-menu { left: calc(-51vw + 50%) !important; } } .tt-menu .tt-dataset { display: flex; align-items: flex-start; gap: 16px; flex-direction: row-reverse; justify-content: space-between; padding: 32px 278px; width: 100%; } @media (max-width: 1284.98px) { .tt-menu .tt-dataset { padding: 32px 120px; } } @media (max-width: 1024.98px) { .tt-menu .tt-dataset { padding: 32px 40px; } } @media (max-width: 768.98px) { .tt-menu .tt-dataset { padding: 32px 40px; flex-direction: column-reverse; max-height: none; gap: 44px; } } @media (max-width: 479.98px) { .tt-menu .tt-dataset { padding: 32px 20px; max-height: none; flex-direction: column-reverse; } } .tt-menu .tt-dataset .product-item-info-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 100%; } .tt-menu .tt-dataset .product-item-info-wrapper .ajaxsearch-header-container { padding: 0; display: none; } @media (max-width: 768.98px) { .tt-menu .tt-dataset .product-item-info-wrapper .ajaxsearch-header-container { display: block; } } @media (max-width: 768.98px) { .tt-menu .tt-dataset .product-item-info-wrapper .ajaxsearch-title { display: block; margin: 0; color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; opacity: 0.5; } } .tt-menu .tt-dataset .product-item-info-wrapper .product-item-info.tt-suggestion { padding: 0; border-bottom: 0; display: flex; align-items: center; gap: 24px; } .tt-menu .tt-dataset .product-item-info-wrapper .product-item-info.tt-suggestion .product-item-photo { padding: 0; display: flex; width: 64px; height: 64px; justify-content: center; align-items: center; gap: 6.45px; border-radius: 12.9px; } .tt-menu .tt-dataset .product-item-info-wrapper .product-item-info.tt-suggestion .product-item-photo .product-image-wrapper { background: #F2F2F2; border-radius: 4px; } .tt-menu .tt-dataset .product-item-info-wrapper .product-item-info.tt-suggestion .product-item-photo .product-image-wrapper .product-image-photo { mix-blend-mode: multiply; height: 64px; width: 64px; object-fit: scale-down; } .tt-menu .tt-dataset .product-item-info-wrapper .product-item-info.tt-suggestion .product.details.product-item-details .product-info-stock-sku { display: flex; } .tt-menu .tt-dataset .product-item-info-wrapper .product-item-info.tt-suggestion .product.details.product-item-details .product-info-stock-sku .product.attibute.sku .value { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .tt-menu .tt-dataset .product-item-info-wrapper .product-item-info.tt-suggestion .product.details.product-item-details .price-container { display: none; } .tt-menu .tt-dataset .product-item-info-wrapper .product-item-info.tt-suggestion .product.details.product-item-details .product-item-name { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; } .tt-menu .tt-dataset .custom-item-info-wrapper { width: 100%; padding: 0; display: flex; flex-direction: column; gap: 24px; } .tt-menu .tt-dataset .custom-item-info-wrapper .ajaxsearch-title { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; opacity: 0.5; margin: 0; } .tt-menu .tt-dataset .custom-item-info-wrapper .category-item-info-wrapper, .tt-menu .tt-dataset .custom-item-info-wrapper .popular-item-info-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; } .tt-menu .tt-dataset .custom-item-info-wrapper .category-item-info-wrapper .tt-suggestion, .tt-menu .tt-dataset .custom-item-info-wrapper .popular-item-info-wrapper .tt-suggestion { padding: 0; } .tt-menu .tt-dataset .custom-item-info-wrapper .category-item-info-wrapper .tt-suggestion .qs-option-name, .tt-menu .tt-dataset .custom-item-info-wrapper .popular-item-info-wrapper .tt-suggestion .qs-option-name { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .firecheckout-index-index .form.form-shipping-address.fc-size-l .fieldset.address { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem !important; } .firecheckout-index-index .billing-address-form .fieldset.address { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem !important; } .firecheckout-index-index .scroll-up { display: none !important; } .checkout-cart-index .listing-grid-item-actions-primary-absolute .product-item-details .actions-primary .stock, .checkout-cart-index button, .checkout-cart-index .action.primary, .checkout-cart-index input[type='submit'], .checkout-cart-index input[type='reset'], .checkout-cart-index input[type='button'], .checkout-cart-index .pagebuilder-button-primary, .checkout-cart-index .pagebuilder-button-secondary, .checkout-cart-index .pagebuilder-button-link { outline: none; position: relative; display: inline-flex; justify-content: center; align-items: center; gap: 0.25rem; font-weight: 400; padding: 12px 1.25rem; text-decoration: none !important; white-space: nowrap; border-radius: 4px; background: #1E2832; } .checkout-cart-index .page-title-wrapper { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 24px; } @media (max-width: 479.98px) { .checkout-cart-index .page-title-wrapper { display: flex; width: 100%; padding: 8px 20px 16px 20px; } } .checkout-cart-index .page-title-wrapper .custom-page-title .base { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 28px; font-style: normal; font-weight: 700; line-height: 40px; letter-spacing: 0.5px; margin-bottom: 15px; } @media (max-width: 479.98px) { .checkout-cart-index .page-title-wrapper .custom-page-title .base { margin-bottom: 0; } } .checkout-cart-index .page-title-wrapper .close-checkout { display: flex; margin: 0; } @media (max-width: 479.98px) { .checkout-cart-index .page-title-wrapper .close-checkout { display: none; } } .checkout-cart-index .page-title-wrapper .close-checkout .close-checkout-mobile { display: none; } .checkout-cart-index .page-title-wrapper .close-checkout .close-checkout-row { display: none; } .checkout-cart-index .cart-container { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; gap: 72px; } @media (max-width: 479.98px) { .checkout-cart-index .cart-container { flex-direction: column; gap: 24px; margin-bottom: 0; } } .checkout-cart-index .cart-container .rewards { display: none; } .checkout-cart-index .cart-container .cart-summary { max-width: 480px; width: 100%; position: relative; top: 0; gap: 11px; } @media (max-width: 479.98px) { .checkout-cart-index .cart-container .cart-summary .block.discount.active .content { padding: 20px; } } .checkout-cart-index .cart-container .cart-summary .block.discount.active .content .fieldset.coupon .actions-toolbar { margin-bottom: 0; } .checkout-cart-index .cart-container .cart-summary .block.discount.active .content .fieldset.coupon .actions-toolbar .primary .action.apply.primary { width: 100%; } .checkout-cart-index .cart-container .cart-summary .cart-totals { padding: 0 20px; } .checkout-cart-index .cart-container .cart-summary .cart-totals .table-wrapper .data.table.totals .totals.sub .mark { padding-top: 8px; padding-bottom: 8px; } .checkout-cart-index .cart-container .cart-summary .cart-totals .table-wrapper .data.table.totals .totals.sub .amount { padding-top: 8px; padding-bottom: 8px; } .checkout-cart-index .cart-container .cart-summary .cart-totals .table-wrapper .data.table.totals .grand.totals .mark { padding-top: 8px; padding-bottom: 8px; } .checkout-cart-index .cart-container .cart-summary .cart-totals .table-wrapper .data.table.totals .grand.totals .amount { padding-top: 8px; padding-bottom: 8px; } .checkout-cart-index .cart-container .cart-summary .checkout-methods-items { padding: 0 0 20px 0; gap: 0; } @media (max-width: 479.98px) { .checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item { display: flex; flex-direction: row; } } .checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .mobile-go-to-back { display: none; } @media (max-width: 479.98px) { .checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .mobile-go-to-back { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; width: 100%; border-radius: 4px; border: 1px solid var(--button-light-surface-outline-default, #d3dae1); background: #fff; } .checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .mobile-go-to-back .mobile-go-to-back { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } } .checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .action.primary.checkout { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .checkout-cart-index .cart-container .cart-summary .checkout-methods-items .item .action.primary.checkout .checkout-text { color: var(--text-white, #ffffff); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .checkout-cart-index .cart-container .cart-summary .fieldset.coupon .field .control .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid #d3dae1; background: #fafafa; width: 100%; box-shadow: 0 0 0 0; color: #1E2832; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form { display: flex; flex-direction: column; gap: 10px; } .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .discount-form-text { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .amount .input-box input { border-radius: 2px; } .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .amount .input-box [type=checkbox]:checked { border-radius: 2px; border: 2px solid var(--accent, #eb5673); background-image: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/cart/Checkmark.webp"); background-color: var(--accent, #eb5673); background-size: 12px 13px; } .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .amount .input-box :where(input:not([type=range])):focus, .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .amount .input-box :where(input:not([type=range])):focus-visible, .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .amount .input-box textarea:focus, .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .amount .input-box textarea:focus-visible, .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .amount .input-box select:focus, .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .amount .input-box select:focus-visible { --input-border-color: #EB5673; --input-outline-color: #f5f5f5; --input-shadow-spread: 1px; background: #fff; border: 1px solid var(--accent, #999999); } .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .custom-actions-toolbar { margin-bottom: 0; } .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .discount-form .custom-actions-toolbar .button.action { width: 100%; } .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .custom-actions-toolbar .button.action { color: var(--text-white, #ffffff); font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .checkout-cart-index .cart-container .cart-summary .custom-block-rewards-form .custom-input-points-amount { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); width: 100%; box-shadow: 0 0 0 0; color: #1E2832; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .checkout-cart-index .cart-container .form.form-cart { padding-right: 0; max-width: 848px; width: 100%; } .checkout-cart-index .cart-container .form.form-cart .custom-cart-main-actions { border-top: 0 !important; display: none; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart { border-radius: 4px; border-top: 1px solid var(--dividers, #e7ebef); border-left: 1px solid var(--dividers, #e7ebef); border-right: 1px solid var(--dividers, #e7ebef); } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item { border-bottom: 1px solid var(--dividers, #e7ebef); } @media (max-width: 479.98px) { .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item { border-bottom: 0; } } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .custom-col-item-wrap { width: 100%; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information { display: flex; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-photo { display: flex; width: 80px; height: 80px; padding: 0; flex-direction: column; justify-content: center; align-items: center; gap: 2.357px; border-radius: 0.97px; background: var(--backgrounds-photo, #f5f5f5); } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-photo .product-image-container { background-color: #f5f5f5; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-photo .product-image-container .product-image-photo { mix-blend-mode: multiply; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-subtotal { padding-right: 0; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-item-actions .actions-toolbar { margin: 0 16px 16px 16px; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; max-width: 100%; width: 100%; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .product-qty-wrap { display: flex; width: 100%; justify-content: space-between; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .product-qty-wrap .details-qty.qty { gap: 1px; color: #111827; margin: 0.25rem 0; display: flex; align-items: center; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .product-qty-wrap .details-qty.qty input::-webkit-outer-spin-button, .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .product-qty-wrap .details-qty.qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .product-qty-wrap .details-qty.qty .button-style-minus { background: none; padding: 0; width: 20px; height: 20px; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .product-qty-wrap .details-qty.qty .button-style-minus:hover { color: #EB5673; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .product-qty-wrap .details-qty.qty .button-style-plus { background: none; padding: 0; width: 20px; height: 20px; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .product-qty-wrap .details-qty.qty .button-style-plus:hover { color: #EB5673; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .product-qty-wrap .details-qty.qty .input-text.qty { max-width: 2rem; text-align: center; position: relative; width: 100%; background: #ffffff; border: 0; border-radius: 0; box-shadow: 0 0 0; padding: 0; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .product-qty-wrap .col.price .price-excluding-tax .cart-price .price { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .custom-product-details-column { display: flex; flex-direction: column; gap: 8px; width: 100%; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .custom-product-details-column .custom-product-item-name { margin-bottom: 0; display: flex; width: 100%; justify-content: space-between; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .custom-product-details-column .custom-product-item-name .action-delete::before { -webkit-mask: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/cart/delete.webp"); -webkit-mask-size: 1.25rem 1.25rem; -webkit-mask-repeat: no-repeat; background: #1E2832; opacity: 0.5; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .custom-product-details-column .custom-product-item-name .custom-product-item-title { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .custom-product-details-column .custom-product-item-name .gift-options-cart-item { display: none; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .custom-product-details-column .custom-product-item-name .action-towishlist { display: none; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .custom-product-details-column .custom-product-item-name .action.action-edit { display: none; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .custom-product-details-column .custom-item-options { margin: 0; display: flex; flex-direction: column; gap: 8px; } .checkout-cart-index .cart-container .form.form-cart .custom-table-wrapper-cart .custom-cart-item .position-column-information .custom-product-item-details-cart .custom-product-details-column .custom-item-options .item-columns { display: flex; gap: 10px; color: var(--text-secondary_disabled, #8c9196); font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .checkout-cart-index table td, .checkout-cart-index table th { padding: 0; } .checkout-cart-index .cart.table-wrapper .item-info { border: 0; padding: 16px; display: flex; gap: 16px; } .checkout-cart-index .thead-title { display: flex; } .checkout-cart-index .thead-title .tr-title { display: flex; padding: 16px; align-items: center; gap: 18px; border-radius: 4px; background: var(--backgrounds-photo, #f5f5f5); border-bottom: 0; width: 100%; } .checkout-cart-index .thead-title .tr-title .custom-col-item { display: flex; gap: 8px; align-items: center; } .checkout-cart-index .thead-title .tr-title .custom-col-item .title-cart { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: 0.5px; } .checkout-cart-index .thead-title .tr-title .custom-col-item .rectangle-cart { width: 1px; height: 24px; background: var(--dividers, #e7ebef); } .checkout-cart-index .thead-title .tr-title .custom-col-item .product-cart-count { color: var(--text-secondary_disabled, #8c9196); font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .checkout-cart-index .cart.table-wrapper .control.qty input.qty { width: 4rem; text-align: center; } .checkout-cart-index .custom-block-shipping { display: none; } .minicart-wrapper .action.showcart:hover::before { background-color: #eb5673; } .minicart-wrapper .action.showcart::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/icon-nest.svg') no-repeat 50% 50%; -webkit-mask-size: auto; } @media (max-width: 479.98px) { .minicart-wrapper .action.showcart::before { width: 24px; height: 24px; } } .wishlist-dropdown > .action:hover::before { background-color: #eb5673; } .wishlist-dropdown > .action::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/heart.svg') no-repeat 50% 50%; -webkit-mask-size: 1.5rem 1.5rem; } .account-dropdown > .action:hover::before { background-color: #eb5673; } .account-dropdown > .action::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background-color: currentColor; -webkit-mask: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/user.svg') no-repeat 50% 50%; } .account-dropdown .switch-account-url .no-authorized { display: none; } .account-dropdown .switch-account-url .authorized { display: block; } .minicart-wrapper .block-title .action.close { position: absolute; right: 20px; top: 24px; } @media (max-width: 479.98px) { .minicart-wrapper .block-title .action.close { width: auto; top: 25px; } } .minicart-wrapper .block-title .action.close:hover::before { color: #EB5673; } .block-minicart .action.close { position: relative; top: 0; right: 0; justify-content: flex-end; } .block-minicart .action.close:hover::before { color: #EB5673; } .modal-header .action-close { display: none; } .modal-footer .action-primary .action-accept { border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); color: var(--text-white, #ffffff); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .modal-footer .action-secondary .action-dismiss { color: var(--text-primary, #1e2832); /* button */ font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 4px; border: 1px solid var(--button-light-surface-outline-default, #d3dae1); } .close-checkout { display: none; } .pagination-total-count { display: none; } .customer-account-index .block.widget.widget-recent.display-market { display: none; } .customer-account-forgotpassword .custom-fieldset { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; border-radius: 4px; margin-bottom: 0; } .customer-account-forgotpassword .custom-actions-toolbar { display: flex; padding: 0px 20px 24px 20px; flex-direction: column; align-items: center; gap: 16px; align-self: stretch; margin-top: 0; margin-bottom: 0; } .customer-account-forgotpassword .custom-control { width: 100%; } .customer-account-forgotpassword .custom-input { width: 100%; display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .customer-account-forgotpassword .custom-field-note { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; align-self: stretch; } .customer-account-forgotpassword .email-password-reset-style { color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .customer-account-forgotpassword .custom-button { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .customer-account-forgotpassword .form-password-reset { display: flex; padding: 24px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; align-self: stretch; border-bottom: 1px solid var(--dividers, #e7ebef); } .customer-account-forgotpassword .form-password-reset .form-title { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .customer-account-forgotpassword .form-password-reset .form-title .password-reset-title { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 20px; } .customer-account-forgotpassword .email-forgot-password { display: flex; padding: 0px 24px 27px; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .customer-account-forgotpassword :where(body:not(.narrow-page-reset)) .checkout-success, .customer-account-forgotpassword :where(body:not(.narrow-page-reset)) #registration, .customer-account-forgotpassword .form.form-orders-search, .customer-account-forgotpassword .form.search.advanced, .customer-account-forgotpassword .form.password.forget, .customer-account-forgotpassword .form.password.reset, .customer-account-forgotpassword .form.send.confirmation, .customer-account-forgotpassword .form-create-account, .customer-account-forgotpassword .login-container, .customer-account-forgotpassword .column.main .form.contact, .customer-account-forgotpassword .page-layout-1column.cms-no-route .columns, .customer-account-forgotpassword .paypal-review { max-width: 430px; max-height: 100%; margin: 0 auto; padding: 0; box-shadow: 6px 12px 44px 0px rgba(0, 0, 0, 0.1); background: var(--backgrounds-page, #fafafa); border-radius: 4px; display: flex; flex-direction: column; gap: 10px; } @media (min-width: 641px) { .customer-account-forgotpassword .narrow-page:not(.narrow-page-reset).page-layout-1column .page-title-wrapper { display: none; } } .customer-account-createpassword .reset-title-form { display: flex; padding: 24px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; align-self: stretch; border-bottom: 1px solid var(--dividers, #e7ebef); } .customer-account-createpassword .reset-title-form .reset-title-container { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .customer-account-createpassword .reset-title-form .reset-title-container .title { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 20px; } .customer-account-createpassword .reset-title-form .reset-title-container .close-password-reset { width: 24px; height: 24px; } .customer-account-createpassword .custom-actions-toolbar { display: flex; padding: 0px 20px 24px 20px; flex-direction: column; align-items: center; gap: 16px; align-self: stretch; margin-top: 0; margin-bottom: 0; } .customer-account-createpassword .password-form { display: flex; padding: 0 24px; flex-direction: column; gap: 8px; align-self: stretch; } .customer-account-createpassword .password-form .password-input { display: flex; flex-direction: column; align-self: stretch; gap: 6px; } .customer-account-createpassword .password-form .password-input .label { display: flex; align-items: flex-start; gap: 10px; align-self: stretch; color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .customer-account-createpassword .password-form .password-input .control .input-text { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .customer-account-createpassword .custom-fieldset { display: flex; flex-direction: column; gap: 10px; border-radius: 4px; margin-bottom: 0; } .customer-account-createpassword .custom-button { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .customer-account-createpassword .custom-page-title { display: none; } .customer-account-createpassword :where(body:not(.narrow-page-reset)) .checkout-success, .customer-account-createpassword :where(body:not(.narrow-page-reset)) #registration, .customer-account-createpassword .form.form-orders-search, .customer-account-createpassword .form.search.advanced, .customer-account-createpassword .form.password.forget, .customer-account-createpassword .form.password.reset, .customer-account-createpassword .form.send.confirmation, .customer-account-createpassword .form-create-account, .customer-account-createpassword .login-container, .customer-account-createpassword .column.main .form.contact, .customer-account-createpassword .page-layout-1column.cms-no-route .columns, .customer-account-createpassword .paypal-review { max-width: 430px; max-height: 100%; margin: 0 auto; padding: 0; box-shadow: 6px 12px 44px 0px rgba(0, 0, 0, 0.1); background: var(--backgrounds-page, #fafafa); border-radius: 4px; display: flex; flex-direction: column; gap: 10px; } @media (min-width: 641px) { .customer-account-createpassword .narrow-page:not(.narrow-page-reset).page-layout-1column .page-title-wrapper { display: none; } } .swatch-option-tooltip[style*="block"] { opacity: 0; } .catalog-category-view .pr-filter_category-checkbox .pr-filter_category-checkbox, .catalogsearch-result-index .pr-filter_category-checkbox .pr-filter_category-checkbox { padding: 0; } .catalog-category-view .block.filter .filter-options-content > :first-child, .catalogsearch-result-index .block.filter .filter-options-content > :first-child { gap: 0 !important; } .catalog-category-view .filter-options-content .item a, .catalogsearch-result-index .filter-options-content .item a { margin-bottom: 16px !important; } .catalog-category-view .custom-price-columns .custom-price-selection, .catalogsearch-result-index .custom-price-columns .custom-price-selection { margin-bottom: 16px; } @media (min-width: 769px) { .attributepages-page-view .sidebar #layered-filter-block { position: relative; display: flex; flex-direction: column; gap: 40px; margin-bottom: 1.5rem; } } .attributepages-page-view .pr-filter_category-checkbox .pr-filter_category-checkbox { padding: 0; } .attributepages-page-view .filter-options-content { max-height: 250px; overflow-y: auto; padding-right: 16px; } .attributepages-page-view .filter-options-content .item { margin: 0; } .attributepages-page-view .filter-options-content .item a { padding: 0px 8px; margin: 0; display: block; line-height: 16px; margin-bottom: 16px; } .attributepages-page-view .filter-options-content .item a .custom-span { padding-left: 22px; box-sizing: border-box; font-size: 14px; line-height: 17px; position: relative; display: flex; justify-content: space-between; font-weight: 400; } .attributepages-page-view .filter-options-content .item a .custom-span .count { font-size: 0.875rem; line-height: 1.25rem; display: inline-flex; white-space: nowrap; font-weight: 300; opacity: .5; margin-left: 0.25rem; width: 10%; padding-left: 5px; flex-shrink: 0; } .attributepages-page-view .filter-options-content .item a .custom-span .count::before { content: '('; display: inline-block !important; } .attributepages-page-view .filter-options-content .item a .custom-span .count::after { content: ')'; display: inline-block !important; } .attributepages-page-view .filter-options-content .item a .filter-count-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .attributepages-page-view .filter-options-content .item a .custom-span:before { content: ""; background-color: #fff; position: absolute; width: 16px; height: 16px; border: 1px solid #959595; border-radius: 2px; display: block; left: -2px; top: 0; margin-top: 0; background-size: 14px auto; background-repeat: no-repeat; } .attributepages-page-view .filter-options-content .item a:hover { color: #1E2832 !important; } .attributepages-page-view .filter-options-content .item a:hover span { color: #1E2832 !important; } .attributepages-page-view .block.filter .filter-options-content > :first-child { gap: 0 !important; } .attributepages-page-view .custom-price-columns .custom-price-selection { margin-bottom: 16px; } .attributepages-page-view .filter-options-content > :first-child { padding: 4px 0 32px 0; margin: 0; display: flex; flex-direction: column; } .attributepages-page-view .filter-content .filter-options-content .item a.selected > .rating-result:after, .attributepages-page-view .filter-content .filter-options-content .item span.selected:before, .attributepages-page-view .filter-content .filter-options-content .item a.selected > span:first-child:before, .attributepages-page-view .item a.selected > .ui-menu-icon + span:before { color: #fff; background-color: #EB5673 !important; border-color: #EB5673 !important; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nCiAgICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz4KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgZmlsbD0iI2ZmZiIgaGVpZ2h0PSIyNHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNHB4IgogICAgIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjY1MiwzLjIxMWMtMC4yOTMtMC4yOTUtMC43Ny0wLjI5NS0xLjA2MSwwTDkuNDEsMTQuMzQgIGMtMC4yOTMsMC4yOTctMC43NzEsMC4yOTctMS4wNjIsMEwzLjQ0OSw5LjM1MUMzLjMwNCw5LjIwMywzLjExNCw5LjEzLDIuOTIzLDkuMTI5QzIuNzMsOS4xMjgsMi41MzQsOS4yMDEsMi4zODcsOS4zNTEgIGwtMi4xNjUsMS45NDZDMC4wNzgsMTEuNDQ1LDAsMTEuNjMsMCwxMS44MjNjMCwwLjE5NCwwLjA3OCwwLjM5NywwLjIyMywwLjU0NGw0Ljk0LDUuMTg0YzAuMjkyLDAuMjk2LDAuNzcxLDAuNzc2LDEuMDYyLDEuMDcgIGwyLjEyNCwyLjE0MWMwLjI5MiwwLjI5MywwLjc2OSwwLjI5MywxLjA2MiwwbDE0LjM2Ni0xNC4zNGMwLjI5My0wLjI5NCwwLjI5My0wLjc3NywwLTEuMDcxTDIxLjY1MiwzLjIxMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=); } .attributepages-page-view .filter-content .filter-options-content .item > span, .attributepages-page-view .filter-content .filter-options-content .item a > span, .attributepages-page-view .filter-content .filter-options-content .item .rating-summary { padding-left: 22px; box-sizing: border-box; font-size: 14px; line-height: 17px; position: relative; display: flex; justify-content: space-between; color: #8C9196; font-weight: 400; } .attributepages-page-view .filter-content .filter-options-content .item a:not([data-variable="price"]):not([data-variable="rating"]) > span:before, .attributepages-page-view .filter-content .filter-options-content .item span.attr-dis:before { content: ""; background-color: #fff; position: absolute; width: 16px; height: 16px; border: 1px solid #959595; border-radius: 2px; display: block; left: -2px; top: 0; margin-top: 0; background-size: 14px auto; background-repeat: no-repeat; } .catalog-category-view .catalog-category-view :where(input:not([type=range])), .catalogsearch-result-index .catalog-category-view :where(input:not([type=range])), .attributepages-page-view .catalog-category-view :where(input:not([type=range])), .catalog-category-view .catalog-category-view textarea, .catalogsearch-result-index .catalog-category-view textarea, .attributepages-page-view .catalog-category-view textarea, .catalog-category-view .catalog-category-view select, .catalogsearch-result-index .catalog-category-view select, .attributepages-page-view .catalog-category-view select { padding: 0.5rem 31px 0.5rem 11px; } @media (max-width: 1024.98px) { .catalog-category-view .page-main, .catalogsearch-result-index .page-main, .attributepages-page-view .page-main { padding: 0; } } @media (max-width: 479.98px) { .catalog-category-view .page-main, .catalogsearch-result-index .page-main, .attributepages-page-view .page-main { padding: 0 20px; } } .catalog-category-view .messages, .catalogsearch-result-index .messages, .attributepages-page-view .messages { display: none; } .catalog-category-view .swatch-option-tooltip[style*="block"], .catalogsearch-result-index .swatch-option-tooltip[style*="block"], .attributepages-page-view .swatch-option-tooltip[style*="block"] { opacity: 0; } @media (max-width: 479.98px) { .catalog-category-view .custom-products-wrapper, .catalogsearch-result-index .custom-products-wrapper, .attributepages-page-view .custom-products-wrapper { padding: 0 0; } } .catalog-category-view .custom-price-columns, .catalogsearch-result-index .custom-price-columns, .attributepages-page-view .custom-price-columns { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; } .catalog-category-view .custom-price-columns .custom-price-selection, .catalogsearch-result-index .custom-price-columns .custom-price-selection, .attributepages-page-view .custom-price-columns .custom-price-selection { display: flex; width: 100%; align-items: flex-start; } .catalog-category-view .custom-price-columns .custom-price-selection .price-column, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; flex: 1 0 0; /* Create a custom radio button */ /* On mouse-over, add a grey background color */ /* When the radio button is checked, add a blue background */ /* Create the indicator (the dot/circle - hidden when not checked) */ /* Show the indicator (dot/circle) when checked */ /* Style the indicator (dot/circle) */ } .catalog-category-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column .price-radio-btn, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn { display: flex; align-items: center; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog-category-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn .price-radio-text, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column .price-radio-btn .price-radio-text, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn .price-radio-text { padding-left: 28px; color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .catalog-category-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn:hover .price-radio-text, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column .price-radio-btn:hover .price-radio-text, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn:hover .price-radio-text { color: #1E2832; } .catalog-category-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn input, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column .price-radio-btn input, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn input { position: absolute; opacity: 0; cursor: pointer; } .catalog-category-view .custom-price-columns .custom-price-selection .price-column .checkmark, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column .checkmark, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column .checkmark { position: absolute; top: 2px; left: 0; height: 16px; width: 16px; background-color: #FFF; border-radius: 50%; border: 1px solid #d3dae1; } .catalog-category-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn:hover input ~ .checkmark, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column .price-radio-btn:hover input ~ .checkmark, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn:hover input ~ .checkmark { background-color: #FFF; } .catalog-category-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn input:checked ~ .checkmark, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column .price-radio-btn input:checked ~ .checkmark, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn input:checked ~ .checkmark { background-color: #fafafa; border: 1px solid #eb5673; } .catalog-category-view .custom-price-columns .custom-price-selection .price-column .checkmark:after, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column .checkmark:after, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column .checkmark:after { content: ""; position: absolute; display: none; } .catalog-category-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn input:checked ~ .checkmark:after, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column .price-radio-btn input:checked ~ .checkmark:after, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn input:checked ~ .checkmark:after { display: block; } .catalog-category-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn .checkmark:after, .catalogsearch-result-index .custom-price-columns .custom-price-selection .price-column .price-radio-btn .checkmark:after, .attributepages-page-view .custom-price-columns .custom-price-selection .price-column .price-radio-btn .checkmark:after { top: 3px; left: 3.40px; width: 8px; height: 8px; border-radius: 50%; background: #EB5673; } .catalog-category-view .custom-price-columns .custom-price-range, .catalogsearch-result-index .custom-price-columns .custom-price-range, .attributepages-page-view .custom-price-columns .custom-price-range { display: flex; align-items: center; gap: 8px; align-self: stretch; } .catalog-category-view .custom-price-columns .custom-price-range input[type="number"]::-webkit-outer-spin-button, .catalogsearch-result-index .custom-price-columns .custom-price-range input[type="number"]::-webkit-outer-spin-button, .attributepages-page-view .custom-price-columns .custom-price-range input[type="number"]::-webkit-outer-spin-button, .catalog-category-view .custom-price-columns .custom-price-range input[type="number"]::-webkit-inner-spin-button, .catalogsearch-result-index .custom-price-columns .custom-price-range input[type="number"]::-webkit-inner-spin-button, .attributepages-page-view .custom-price-columns .custom-price-range input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } .catalog-category-view .custom-price-columns .custom-price-range input, .catalogsearch-result-index .custom-price-columns .custom-price-range input, .attributepages-page-view .custom-price-columns .custom-price-range input { width: 100%; background: none; display: flex; padding: 12px 16px; align-items: flex-start; gap: 8px; flex: 1 0 0; border-radius: 4px; border: 1px solid var(--button-light-surface-filled-disabled, #d3dae1); color: var(--text-primary, #1e2832); font-family: "Nunito Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; -webkit-appearance: none; -moz-appearance: none; } .catalog-category-view .product-item [class^="swatch-opt-"], .catalogsearch-result-index .product-item [class^="swatch-opt-"], .attributepages-page-view .product-item [class^="swatch-opt-"] { border-radius: 4px 4px 0 0; border-top: 1px solid var(--dividers, #e7ebef); border-right: 1px solid var(--dividers, #e7ebef); border-left: 1px solid var(--dividers, #e7ebef); background: var(--backgrounds-page, #fafafa); margin: 0; } .catalog-category-view .close-checkout, .catalogsearch-result-index .close-checkout, .attributepages-page-view .close-checkout { display: none; } .catalog-category-view .block.filter .filter-options-content > :first-child, .catalogsearch-result-index .block.filter .filter-options-content > :first-child, .attributepages-page-view .block.filter .filter-options-content > :first-child { padding: 4px 0 32px 0; margin: 0; display: flex; flex-direction: column; gap: 16px; } .catalog-category-view .custom-category-wrap, .catalogsearch-result-index .custom-category-wrap, .attributepages-page-view .custom-category-wrap { display: flex; gap: 8px; padding: 8px 0; flex-wrap: wrap; } @media (max-width: 1024.98px) { .catalog-category-view .custom-category-wrap, .catalogsearch-result-index .custom-category-wrap, .attributepages-page-view .custom-category-wrap { padding: 0; } } .catalog-category-view .custom-filter-current, .catalogsearch-result-index .custom-filter-current, .attributepages-page-view .custom-filter-current { padding-bottom: 32px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } @media (max-width: 479.98px) { .catalog-category-view .custom-filter-current, .catalogsearch-result-index .custom-filter-current, .attributepages-page-view .custom-filter-current { padding: 0 0 20px 0; } } .catalog-category-view .filter-options, .catalogsearch-result-index .filter-options, .attributepages-page-view .filter-options { display: flex; flex-direction: column; gap: 20px; } @media (max-width: 479.98px) { .catalog-category-view .filter-options, .catalogsearch-result-index .filter-options, .attributepages-page-view .filter-options { gap: 15px; } } .catalog-category-view .custom-filter-value, .catalogsearch-result-index .custom-filter-value, .attributepages-page-view .custom-filter-value { display: flex; padding: 10px 12px; align-items: center; justify-content: space-between; gap: 6px; width: auto; border-radius: 4px; border: 1px solid var(--button-light-surface-filled-disabled, #d3dae1); } @media (max-width: 479.98px) { .catalog-category-view .custom-filter-value, .catalogsearch-result-index .custom-filter-value, .attributepages-page-view .custom-filter-value { padding: 8px 8px; } } .catalog-category-view .custom-filter-value .custom-filter-text, .catalogsearch-result-index .custom-filter-value .custom-filter-text, .attributepages-page-view .custom-filter-value .custom-filter-text { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .catalog-category-view .custom-filter-value a:hover, .catalogsearch-result-index .custom-filter-value a:hover, .attributepages-page-view .custom-filter-value a:hover { color: #EB5673; } .catalog-category-view .action.remove, .catalogsearch-result-index .action.remove, .attributepages-page-view .action.remove { opacity: .3; background-color: currentColor; -webkit-mask: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/home/icons/close.svg') no-repeat 50% 50%; -webkit-mask-size: 1rem 1rem; width: 16px; height: 16px; } .catalog-category-view .pages .items .current .page, .catalogsearch-result-index .pages .items .current .page, .attributepages-page-view .pages .items .current .page { background: none; } .catalog-category-view .pages .items .current .page .pagination-number-style, .catalogsearch-result-index .pages .items .current .page .pagination-number-style, .attributepages-page-view .pages .items .current .page .pagination-number-style { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 13px; font-style: normal; font-weight: 500; line-height: normal; } .catalog-category-view .custom-toolbar .btts-sorter, .catalogsearch-result-index .custom-toolbar .btts-sorter, .attributepages-page-view .custom-toolbar .btts-sorter { display: flex; align-items: center; gap: 24px; } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter, .catalogsearch-result-index .custom-toolbar .btts-sorter, .attributepages-page-view .custom-toolbar .btts-sorter { width: 100%; gap: 8px; } } .catalog-category-view .custom-toolbar .btts-sorter .toolbar-sorter.custom-sorter, .catalogsearch-result-index .custom-toolbar .btts-sorter .toolbar-sorter.custom-sorter, .attributepages-page-view .custom-toolbar .btts-sorter .toolbar-sorter.custom-sorter { position: relative; } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .toolbar-sorter.custom-sorter, .catalogsearch-result-index .custom-toolbar .btts-sorter .toolbar-sorter.custom-sorter, .attributepages-page-view .custom-toolbar .btts-sorter .toolbar-sorter.custom-sorter { display: flex; padding: 12px 22px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; border-radius: 4px; border: 1px solid var(--text-primary, #1e2832); } } .catalog-category-view .custom-toolbar .btts-sorter .mobile-filter-button, .catalogsearch-result-index .custom-toolbar .btts-sorter .mobile-filter-button, .attributepages-page-view .custom-toolbar .btts-sorter .mobile-filter-button { display: none; } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .mobile-filter-button, .catalogsearch-result-index .custom-toolbar .btts-sorter .mobile-filter-button, .attributepages-page-view .custom-toolbar .btts-sorter .mobile-filter-button { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; border-radius: 4px; background: var(--primary, #1e2832); } } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .mobile-filter-button .filter-text, .catalogsearch-result-index .custom-toolbar .btts-sorter .mobile-filter-button .filter-text, .attributepages-page-view .custom-toolbar .btts-sorter .mobile-filter-button .filter-text { color: var(--text-white, #ffffff); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; padding: 0; background: none; } } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .mobile-filter-button .filter-mobile-image, .catalogsearch-result-index .custom-toolbar .btts-sorter .mobile-filter-button .filter-mobile-image, .attributepages-page-view .custom-toolbar .btts-sorter .mobile-filter-button .filter-mobile-image { width: 16px; height: 16px; } } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .sorter-action, .catalogsearch-result-index .custom-toolbar .btts-sorter .sorter-action, .attributepages-page-view .custom-toolbar .btts-sorter .sorter-action { display: none; } } .catalog-category-view .custom-toolbar .btts-sorter .custom-modes, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes { display: flex; padding: 4px; align-items: flex-start; gap: 4px; border-radius: 4px; border: 1px solid var(--dividers, #e7ebef); } @media screen and (max-width: 1024px) { .catalog-category-view .custom-toolbar .btts-sorter .custom-modes, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes { border: none; padding: 0; } } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .custom-modes, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes { display: none; } } .catalog-category-view .custom-toolbar .btts-sorter .custom-modes .modes-mode, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes .modes-mode, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes .modes-mode { border-right: 0; border-radius: 4px; display: flex; padding: 8px; align-items: flex-start; } @media screen and (max-width: 1024px) { .catalog-category-view .custom-toolbar .btts-sorter .custom-modes .modes-mode, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes .modes-mode, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes .modes-mode { display: none; } } .catalog-category-view .custom-toolbar .btts-sorter .custom-modes .mode-list::before, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes .mode-list::before, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes .mode-list::before { -webkit-mask: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/list.webp') no-repeat 50% 50%; -webkit-mask-size: 20px 20px; } .catalog-category-view .custom-toolbar .btts-sorter .custom-modes .mode-grid::before, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes .mode-grid::before, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes .mode-grid::before { -webkit-mask: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/grid.webp') no-repeat 50% 50%; -webkit-mask-size: 20px 20px; } .catalog-category-view .custom-toolbar .btts-sorter .custom-modes .active, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes .active, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes .active { display: block; border-radius: 4px; background: var(--input-disabled, #e7ebef); } @media screen and (max-width: 1024px) { .catalog-category-view .custom-toolbar .btts-sorter .custom-modes .active, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes .active, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes .active { background: none; border: 1px solid var(--text-primary, #1e2832); padding: 10px; } } @media screen and (min-width: 1024px) { .catalog-category-view .custom-toolbar .btts-sorter .custom-modes-mobile, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes-mobile, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes-mobile { display: none; } } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .custom-modes-mobile, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes-mobile, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes-mobile { margin-left: 0; display: flex; border: 0; } } .catalog-category-view .custom-toolbar .btts-sorter .custom-modes-mobile .modes-mode, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes-mobile .modes-mode, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes-mobile .modes-mode { border-right: 0; border-radius: 4px; display: flex; padding: 8px; align-items: flex-start; } @media screen and (max-width: 1024px) { .catalog-category-view .custom-toolbar .btts-sorter .custom-modes-mobile .modes-mode, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes-mobile .modes-mode, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes-mobile .modes-mode { display: none; } } .catalog-category-view .custom-toolbar .btts-sorter .custom-modes-mobile .mode-list::before, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes-mobile .mode-list::before, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes-mobile .mode-list::before { -webkit-mask: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/list.webp') no-repeat 50% 50%; -webkit-mask-size: 20px 20px; } .catalog-category-view .custom-toolbar .btts-sorter .custom-modes-mobile .mode-grid::before, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes-mobile .mode-grid::before, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes-mobile .mode-grid::before { -webkit-mask: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/grid.webp') no-repeat 50% 50%; -webkit-mask-size: 20px 20px; } .catalog-category-view .custom-toolbar .btts-sorter .custom-modes-mobile .active, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes-mobile .active, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes-mobile .active { display: block; border-radius: 4px; background: var(--input-disabled, #e7ebef); color: #1E2832; } @media screen and (max-width: 1024px) { .catalog-category-view .custom-toolbar .btts-sorter .custom-modes-mobile .active, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-modes-mobile .active, .attributepages-page-view .custom-toolbar .btts-sorter .custom-modes-mobile .active { background: none; border: 1px solid var(--text-primary, #1e2832); padding: 10px; } } .catalog-category-view .custom-toolbar .btts-sorter .sorter-options, .catalogsearch-result-index .custom-toolbar .btts-sorter .sorter-options, .attributepages-page-view .custom-toolbar .btts-sorter .sorter-options { position: relative; display: flex; align-items: center; gap: 6px; } .catalog-category-view .custom-toolbar .btts-sorter .selected-option-display, .catalogsearch-result-index .custom-toolbar .btts-sorter .selected-option-display, .attributepages-page-view .custom-toolbar .btts-sorter .selected-option-display { cursor: pointer; color: #8C9196; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-wrap: nowrap; } .catalog-category-view .custom-toolbar .btts-sorter .selected-option-display:hover, .catalogsearch-result-index .custom-toolbar .btts-sorter .selected-option-display:hover, .attributepages-page-view .custom-toolbar .btts-sorter .selected-option-display:hover { color: #1E2832; } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .selected-option-display, .catalogsearch-result-index .custom-toolbar .btts-sorter .selected-option-display, .attributepages-page-view .custom-toolbar .btts-sorter .selected-option-display { color: #1E2832; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } } .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options { display: none; position: absolute; z-index: 12; width: 100%; top: 24px; border-radius: 4px; border: 1px solid var(--accent, #d3dae1); background: var(--backgrounds-page, #fafafa); box-shadow: -4px 11px 12px 0 rgba(30, 40, 50, 0.07000000000000001); } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options { left: 0; top: 50px; border: 1px solid var(--accent, #eb5673); } } .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options .dropdown-option, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option { padding: 10px; cursor: pointer; border-radius: 4px; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; letter-spacing: 0.5px; } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options .dropdown-option, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option { padding: 12px 20px; display: flex; justify-content: flex-start; border-bottom: 1px solid var(--dividers, #e7ebef); flex-wrap: nowrap; } } @media (max-width: 479.98px) { .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options .dropdown-option, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option { padding: 12px 12px; } } .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option:hover, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options .dropdown-option:hover, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option:hover, .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected { background-color: #f1f1f1; } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option:hover, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options .dropdown-option:hover, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option:hover, .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected { padding: 12px 20px 12px 20px; display: flex; gap: 8px; align-items: center; background-color: unset; } } @media (max-width: 479.98px) { .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option:hover, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options .dropdown-option:hover, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option:hover, .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected { padding: 12px 12px; text-wrap: nowrap; } } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected::before, .catalogsearch-result-index .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected::before, .attributepages-page-view .custom-toolbar .btts-sorter .dropdown-options .dropdown-option.selected::before { content: ""; background-image: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/check.webp'); background-repeat: no-repeat; background-size: 24px, 24px; width: 24px; height: 24px; position: relative; display: block; left: 0; } } .catalog-category-view .custom-toolbar .btts-sorter .custom-sorter-options, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-sorter-options, .attributepages-page-view .custom-toolbar .btts-sorter .custom-sorter-options { width: 125px; justify-content: end; padding: 0rem 5px 0rem 0; } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .custom-sorter-options, .catalogsearch-result-index .custom-toolbar .btts-sorter .custom-sorter-options, .attributepages-page-view .custom-toolbar .btts-sorter .custom-sorter-options { padding: 0; justify-content: center; width: 100%; text-align: center; position: static; } } .catalog-category-view .custom-toolbar .btts-sorter .sorter-options-image, .catalogsearch-result-index .custom-toolbar .btts-sorter .sorter-options-image, .attributepages-page-view .custom-toolbar .btts-sorter .sorter-options-image { background-image: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/down.webp'); background-repeat: no-repeat; background-size: 16px, 16px; width: 16px; height: 16px; } @media (max-width: 1024.98px) { .catalog-category-view .custom-toolbar .btts-sorter .sorter-options-image, .catalogsearch-result-index .custom-toolbar .btts-sorter .sorter-options-image, .attributepages-page-view .custom-toolbar .btts-sorter .sorter-options-image { background-image: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/product/down-mobile.webp'); } } .catalog-category-view .custom-toolbar .control:hover, .catalogsearch-result-index .custom-toolbar .control:hover, .attributepages-page-view .custom-toolbar .control:hover { color: #1E2832 !important; } .catalog-category-view .custom-toolbar .control:hover span, .catalogsearch-result-index .custom-toolbar .control:hover span, .attributepages-page-view .custom-toolbar .control:hover span { color: #1E2832 !important; } .catalog-category-view .custom-action-remove-all, .catalogsearch-result-index .custom-action-remove-all, .attributepages-page-view .custom-action-remove-all { color: #8C9196; text-align: right; font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: underline; } .catalog-category-view .custom-action-remove-all:hover, .catalogsearch-result-index .custom-action-remove-all:hover, .attributepages-page-view .custom-action-remove-all:hover { color: #EB5673; } .catalog-category-view .normal-price, .catalogsearch-result-index .normal-price, .attributepages-page-view .normal-price { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } @media (max-width: 479.98px) { .catalog-category-view .normal-price, .catalogsearch-result-index .normal-price, .attributepages-page-view .normal-price { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } } .catalog-category-view .special-price, .catalogsearch-result-index .special-price, .attributepages-page-view .special-price { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } @media (max-width: 479.98px) { .catalog-category-view .special-price, .catalogsearch-result-index .special-price, .attributepages-page-view .special-price { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } } .catalog-category-view .old-price, .catalogsearch-result-index .old-price, .attributepages-page-view .old-price { color: var(--text-secondary-disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: line-through; } @media (max-width: 479.98px) { .catalog-category-view .old-price, .catalogsearch-result-index .old-price, .attributepages-page-view .old-price { font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } } .catalog-category-view .block.filter .content .count, .catalogsearch-result-index .block.filter .content .count, .attributepages-page-view .block.filter .content .count, .catalog-category-view .block.filter .filter-options .count, .catalogsearch-result-index .block.filter .filter-options .count, .attributepages-page-view .block.filter .filter-options .count { font-size: 0.875rem; line-height: 1.25rem; display: inline-flex; white-space: nowrap; font-weight: 300; opacity: .5; margin-left: 0.25rem; width: 10%; } .catalog-category-view .custom-block-title, .catalogsearch-result-index .custom-block-title, .attributepages-page-view .custom-block-title { display: flex; width: 100%; padding-top: 64px; justify-content: space-between; align-items: center; } .catalog-category-view .custom-block-title .block-title-text, .catalogsearch-result-index .custom-block-title .block-title-text, .attributepages-page-view .custom-block-title .block-title-text { color: var(--text-primary, #1e2832); font-family: "Nunito Sans"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 40px; letter-spacing: 0.5px; } .catalog-category-view .recent.custom-recent .product-items, .catalogsearch-result-index .recent.custom-recent .product-items, .attributepages-page-view .recent.custom-recent .product-items { display: flex; width: 100%; padding: 48px 0px 80px 0px; align-items: flex-start; gap: 73px; } @media (max-width: 1919px) { .catalog-category-view .recent.custom-recent .product-items, .catalogsearch-result-index .recent.custom-recent .product-items, .attributepages-page-view .recent.custom-recent .product-items { gap: 28px; } } @media (max-width: 1284.98px) { .catalog-category-view .recent.custom-recent .product-items, .catalogsearch-result-index .recent.custom-recent .product-items, .attributepages-page-view .recent.custom-recent .product-items { gap: 29px; } } @media (max-width: 1024.98px) { .catalog-category-view .recent.custom-recent .product-items, .catalogsearch-result-index .recent.custom-recent .product-items, .attributepages-page-view .recent.custom-recent .product-items { gap: 18px; } } @media (max-width: 768.98px) { .catalog-category-view .recent.custom-recent .product-items, .catalogsearch-result-index .recent.custom-recent .product-items, .attributepages-page-view .recent.custom-recent .product-items { gap: 14px; } } @media (max-width: 479.98px) { .catalog-category-view .recent.custom-recent .product-items, .catalogsearch-result-index .recent.custom-recent .product-items, .attributepages-page-view .recent.custom-recent .product-items { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 30px; } } .catalog-category-view .recent.custom-recent .product-items .product-item, .catalogsearch-result-index .recent.custom-recent .product-items .product-item, .attributepages-page-view .recent.custom-recent .product-items .product-item { max-width: 302px; } @media (max-width: 479.98px) { .catalog-category-view .recent.custom-recent .product-items .product-item, .catalogsearch-result-index .recent.custom-recent .product-items .product-item, .attributepages-page-view .recent.custom-recent .product-items .product-item { width: 100%; max-width: none; } } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; height: 100%; width: 302px; flex-shrink: 0; } @media (min-width: 1280px) and (max-width: 1439px) { .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info { width: 263px; } } @media (min-width: 1025px) and (max-width: 1279px) { .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info { width: 188px; } } @media (min-width: 768px) and (max-width: 1023px) { .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info { width: 220px; } } @media (max-width: 479.98px) { .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info { width: 158px; gap: 12px; } } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .custom-product-item-photo, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .custom-product-item-photo, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .custom-product-item-photo { display: flex; width: 100% !important; flex-direction: column; justify-content: center; align-items: center; background: #f5f5f5; } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .custom-product-item-photo .product-image-container .custom-product-image-photo, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .custom-product-item-photo .product-image-container .custom-product-image-photo, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .custom-product-item-photo .product-image-container .custom-product-image-photo { height: 330px; mix-blend-mode: multiply; } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .product-item-details, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details { display: flex; flex-direction: column; justify-content: space-between; width: 100%; gap: 20px; align-items: flex-start; align-self: stretch; } @media (max-width: 479.98px) { .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .product-item-details, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details { gap: 10px; } } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-info .custom-price-box, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-info .custom-price-box, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-info .custom-price-box { font-family: "Nunito Sans", serif; font-size: 15px; font-style: normal; font-weight: 600; line-height: 20px; } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-item-name, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-item-name, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-item-name { gap: 10px; align-self: stretch; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-title, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-title, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-title { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-title .product-item-name { display: block; height: 52px; overflow: hidden; margin-bottom: 0; } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-title .product-brand, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .custom-product-title .product-brand { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .product-review-price-wrap, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .product-review-price-wrap, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .product-review-price-wrap { display: flex; flex-direction: row-reverse; justify-content: space-between; } .catalog-category-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalogsearch-result-index .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .attributepages-page-view .recent.custom-recent .product-items .product-item .product-item-info .product-item-details .product-review-price-wrap .price-box { display: flex; flex-direction: row; gap: 8px; width: 100%; margin-bottom: 0; } .catalog-category-view .page-title-wrapper .page-title .base, .catalogsearch-result-index .page-title-wrapper .page-title .base, .attributepages-page-view .page-title-wrapper .page-title .base { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 30px; font-style: normal; font-weight: 700; line-height: 40px; letter-spacing: 0; margin-bottom: 0; } @media (max-width: 479.98px) { .catalog-category-view .page-title-wrapper .page-title .base, .catalogsearch-result-index .page-title-wrapper .page-title .base, .attributepages-page-view .page-title-wrapper .page-title .base { color: var(--text-primary, #1e2832); text-align: center; font-family: Nunito Sans, serif; font-size: 27px; font-style: normal; font-weight: 600; line-height: 38px; letter-spacing: 0.5px; } } .catalog-category-view .page-title-wrapper .custom-page-title, .catalogsearch-result-index .page-title-wrapper .custom-page-title, .attributepages-page-view .page-title-wrapper .custom-page-title { display: flex; align-items: flex-start; gap: 10px; } .catalog-category-view .page-title-wrapper .custom-page-title .pagination-total-hide, .catalogsearch-result-index .page-title-wrapper .custom-page-title .pagination-total-hide, .attributepages-page-view .page-title-wrapper .custom-page-title .pagination-total-hide { display: none; } .catalog-category-view .page-title-wrapper .custom-page-title .pagination-total-count, .catalogsearch-result-index .page-title-wrapper .custom-page-title .pagination-total-count, .attributepages-page-view .page-title-wrapper .custom-page-title .pagination-total-count { display: flex; padding: 6px 8px; align-items: flex-start; gap: 8px; border-radius: 2px; background: var(--accent, #eb5673); } .catalog-category-view .page-title-wrapper .custom-page-title .pagination-total-count .style-total-count, .catalogsearch-result-index .page-title-wrapper .custom-page-title .pagination-total-count .style-total-count, .attributepages-page-view .page-title-wrapper .custom-page-title .pagination-total-count .style-total-count { color: var(--backgrounds-page, #fafafa); text-align: center; font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 8px; } .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items, .attributepages-page-view .products-grid .product-items, .catalog-category-view [data-appearance=carousel] .product-items, .catalogsearch-result-index [data-appearance=carousel] .product-items, .attributepages-page-view [data-appearance=carousel] .product-items, .catalog-category-view [data-appearance="carousel"] .product-items, .catalogsearch-result-index [data-appearance="carousel"] .product-items, .attributepages-page-view [data-appearance="carousel"] .product-items { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 7%; grid-row-gap: 80px; padding-bottom: 80px; } @media (max-width: 1535.98px) { .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items, .attributepages-page-view .products-grid .product-items, .catalog-category-view [data-appearance=carousel] .product-items, .catalogsearch-result-index [data-appearance=carousel] .product-items, .attributepages-page-view [data-appearance=carousel] .product-items, .catalog-category-view [data-appearance="carousel"] .product-items, .catalogsearch-result-index [data-appearance="carousel"] .product-items, .attributepages-page-view [data-appearance="carousel"] .product-items { grid-column-gap: 62px; } } @media (max-width: 1284.98px) { .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items, .attributepages-page-view .products-grid .product-items, .catalog-category-view [data-appearance=carousel] .product-items, .catalogsearch-result-index [data-appearance=carousel] .product-items, .attributepages-page-view [data-appearance=carousel] .product-items, .catalog-category-view [data-appearance="carousel"] .product-items, .catalogsearch-result-index [data-appearance="carousel"] .product-items, .attributepages-page-view [data-appearance="carousel"] .product-items { grid-column-gap: 29px; } } @media (max-width: 1024.98px) { .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items, .attributepages-page-view .products-grid .product-items, .catalog-category-view [data-appearance=carousel] .product-items, .catalogsearch-result-index [data-appearance=carousel] .product-items, .attributepages-page-view [data-appearance=carousel] .product-items, .catalog-category-view [data-appearance="carousel"] .product-items, .catalogsearch-result-index [data-appearance="carousel"] .product-items, .attributepages-page-view [data-appearance="carousel"] .product-items { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 21px; grid-row-gap: 60px; } } @media (max-width: 821px) { .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items, .attributepages-page-view .products-grid .product-items, .catalog-category-view [data-appearance=carousel] .product-items, .catalogsearch-result-index [data-appearance=carousel] .product-items, .attributepages-page-view [data-appearance=carousel] .product-items, .catalog-category-view [data-appearance="carousel"] .product-items, .catalogsearch-result-index [data-appearance="carousel"] .product-items, .attributepages-page-view [data-appearance="carousel"] .product-items { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 21px; grid-row-gap: 60px; } } @media (max-width: 768.98px) { .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items, .attributepages-page-view .products-grid .product-items, .catalog-category-view [data-appearance=carousel] .product-items, .catalogsearch-result-index [data-appearance=carousel] .product-items, .attributepages-page-view [data-appearance=carousel] .product-items, .catalog-category-view [data-appearance="carousel"] .product-items, .catalogsearch-result-index [data-appearance="carousel"] .product-items, .attributepages-page-view [data-appearance="carousel"] .product-items { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 14px; grid-row-gap: 60px; } } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items, .attributepages-page-view .products-grid .product-items, .catalog-category-view [data-appearance=carousel] .product-items, .catalogsearch-result-index [data-appearance=carousel] .product-items, .attributepages-page-view [data-appearance=carousel] .product-items, .catalog-category-view [data-appearance="carousel"] .product-items, .catalogsearch-result-index [data-appearance="carousel"] .product-items, .attributepages-page-view [data-appearance="carousel"] .product-items { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 30px; } } .catalog-category-view .products-grid .product-items .item.product.product-item, .catalogsearch-result-index .products-grid .product-items .item.product.product-item, .attributepages-page-view .products-grid .product-items .item.product.product-item, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item { max-width: 302px; width: 100%; } @media (max-width: 1535.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item, .catalogsearch-result-index .products-grid .product-items .item.product.product-item, .attributepages-page-view .products-grid .product-items .item.product.product-item, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item { max-width: 280px; } } @media (max-width: 1284.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item, .catalogsearch-result-index .products-grid .product-items .item.product.product-item, .attributepages-page-view .products-grid .product-items .item.product.product-item, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item { max-width: 263px; } } @media (max-width: 1024.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item, .catalogsearch-result-index .products-grid .product-items .item.product.product-item, .attributepages-page-view .products-grid .product-items .item.product.product-item, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item { max-width: 220px; } } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item, .catalogsearch-result-index .products-grid .product-items .item.product.product-item, .attributepages-page-view .products-grid .product-items .item.product.product-item, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item { max-width: none; } } .catalog-category-view .products-grid .product-items .item.product.product-item .custom-product-item-photo, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .custom-product-item-photo, .attributepages-page-view .products-grid .product-items .item.product.product-item .custom-product-item-photo, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .custom-product-item-photo, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .custom-product-item-photo, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .custom-product-item-photo, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .custom-product-item-photo, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .custom-product-item-photo, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .custom-product-item-photo { display: flex; width: 100% !important; flex-direction: column; justify-content: center; align-items: center; } .catalog-category-view .products-grid .product-items .item.product.product-item .custom-product-item-photo .product-image-container .custom-product-image-photo, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .custom-product-item-photo .product-image-container .custom-product-image-photo, .attributepages-page-view .products-grid .product-items .item.product.product-item .custom-product-item-photo .product-image-container .custom-product-image-photo, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .custom-product-item-photo .product-image-container .custom-product-image-photo, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .custom-product-item-photo .product-image-container .custom-product-image-photo, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .custom-product-item-photo .product-image-container .custom-product-image-photo, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .custom-product-item-photo .product-image-container .custom-product-image-photo, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .custom-product-item-photo .product-image-container .custom-product-image-photo, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .custom-product-item-photo .product-image-container .custom-product-image-photo { height: 330px; } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; height: 100%; width: 100%; } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info { gap: 12px; } } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo { position: relative; } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details { display: flex; flex-direction: column; justify-content: space-between; width: 100%; gap: 20px; } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details { gap: 10px; } } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name { display: block; height: 52px; overflow: hidden; margin-bottom: 0; } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-item-name { height: 56px; } } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .mobile-review-display, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .mobile-review-display, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .mobile-review-display, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .mobile-review-display, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .mobile-review-display, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .mobile-review-display, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .mobile-review-display, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .mobile-review-display, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .mobile-review-display { display: none; } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } @media (max-width: 1024.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .custom-product-title .product-brand { font-size: 11px; font-style: normal; font-weight: 400; line-height: 16px; } } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap { display: flex; flex-direction: row-reverse; justify-content: space-between; } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid { display: flex; align-items: flex-end; gap: 8px; width: 100%; } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .special-price, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .special-price, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .special-price, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .special-price, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .special-price, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .special-price, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .special-price, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .special-price, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .special-price { color: #8C9196; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: line-through; } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .price-default, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .price-default, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .price-default, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .price-default, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .price-default, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .price-default, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .price-default, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .price-default, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-wrapper-grid .price-default { color: #1E2832; font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; /* 125% */ } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 8px; width: 100%; margin-bottom: 0; color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box { font-size: 14px; gap: 6px; } } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price { color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .special-price { font-size: 14px; } } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price { color: var(--text-secondary_disabled, #8c9196); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-decoration-line: line-through; } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-review-price-wrap .price-box .old-price { font-size: 12px; } } .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link { color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; font-family: Nunito Sans, serif; align-self: stretch; display: block; height: 44px; overflow: hidden; } @media (max-width: 1024.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 15px; font-style: normal; font-weight: 600; line-height: 22px; } } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalogsearch-result-index .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .attributepages-page-view .products-grid .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalog-category-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalogsearch-result-index [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .attributepages-page-view [data-appearance=carousel] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item .product-item-info .product-item-details .product-item-link { font-size: 13px; font-style: normal; font-weight: 600; line-height: 18px; height: 56px; } } @media (max-width: 1024.98px) { .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items, .attributepages-page-view .products-grid .product-items, .catalog-category-view [data-appearance="carousel"] .product-items, .catalogsearch-result-index [data-appearance="carousel"] .product-items, .attributepages-page-view [data-appearance="carousel"] .product-items { column-gap: 21px; } } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items, .attributepages-page-view .products-grid .product-items, .catalog-category-view [data-appearance="carousel"] .product-items, .catalogsearch-result-index [data-appearance="carousel"] .product-items, .attributepages-page-view [data-appearance="carousel"] .product-items { column-gap: 13px; } } @media (max-width: 360px) { .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items, .attributepages-page-view .products-grid .product-items, .catalog-category-view [data-appearance="carousel"] .product-items, .catalogsearch-result-index [data-appearance="carousel"] .product-items, .attributepages-page-view [data-appearance="carousel"] .product-items { column-gap: 10px; } } .catalog-category-view .products-grid .product-items .item.product.product-item, .catalogsearch-result-index .products-grid .product-items .item.product.product-item, .attributepages-page-view .products-grid .product-items .item.product.product-item, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item { justify-self: center; } @media (max-width: 376px) { .catalog-category-view .products-grid .product-items .item.product.product-item, .catalogsearch-result-index .products-grid .product-items .item.product.product-item, .attributepages-page-view .products-grid .product-items .item.product.product-item, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item { max-width: 158px; } } @media (max-width: 366px) { .catalog-category-view .products-grid .product-items .item.product.product-item, .catalogsearch-result-index .products-grid .product-items .item.product.product-item, .attributepages-page-view .products-grid .product-items .item.product.product-item, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item { max-width: 150px; } } .catalog-category-view .products-grid .product-items .item.product.product-item:first-of-type, .catalogsearch-result-index .products-grid .product-items .item.product.product-item:first-of-type, .attributepages-page-view .products-grid .product-items .item.product.product-item:first-of-type, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item:first-of-type, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item:first-of-type, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item:first-of-type { justify-self: left; } .catalog-category-view .products-grid .product-items .item.product.product-item:nth-child(3n), .catalogsearch-result-index .products-grid .product-items .item.product.product-item:nth-child(3n), .attributepages-page-view .products-grid .product-items .item.product.product-item:nth-child(3n), .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item:nth-child(3n), .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item:nth-child(3n), .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item:nth-child(3n) { justify-self: right; } .catalog-category-view .products-grid .product-items .item.product.product-item:nth-child(3n) + li, .catalogsearch-result-index .products-grid .product-items .item.product.product-item:nth-child(3n) + li, .attributepages-page-view .products-grid .product-items .item.product.product-item:nth-child(3n) + li, .catalog-category-view [data-appearance="carousel"] .product-items .item.product.product-item:nth-child(3n) + li, .catalogsearch-result-index [data-appearance="carousel"] .product-items .item.product.product-item:nth-child(3n) + li, .attributepages-page-view [data-appearance="carousel"] .product-items .item.product.product-item:nth-child(3n) + li { justify-self: left; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items { display: flex; flex-direction: column; gap: 24px; padding: 0 0 40px 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; border: 0; padding: 0; margin: 0; overflow: hidden; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info { display: flex; align-items: flex-start; gap: 20px; align-self: stretch; border-radius: 24px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info { gap: 12px; align-items: flex-start; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap { max-width: 152px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap { max-width: 88px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container { display: flex; width: 152px; height: 124px; flex-direction: column; justify-content: center; align-items: center; border-radius: 4px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container { width: 88px; height: 104px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container .product-image-photo, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container .product-image-photo, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container .product-image-photo { width: 109px; height: 124px; flex-shrink: 0; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container .product-image-photo, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container .product-image-photo, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product-media-wrap .product-item-photo .product-image-container .product-image-photo { width: 88px; height: 104px; } } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details { gap: 10px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 10px; align-self: stretch; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title { gap: 5px; flex-direction: row; max-width: 100%; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description { display: flex; flex-direction: column; gap: 10px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description { gap: 6px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description .product-item-link { color: var(--text-primary, #1e2832); font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; font-family: Nunito Sans, serif; align-self: stretch; display: block; overflow: hidden; } @media (max-width: 1024.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description .product-item-link { font-size: 15px; } } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .row-product-description .product-item-link { font-size: 13px; font-style: normal; font-weight: 600; line-height: 18px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .product-item-name, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .product-item-name { display: block; overflow: hidden; margin-bottom: 0; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .product-item-name, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .product-item-name { height: auto; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display { display: flex; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .reviews-actions, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .reviews-actions, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .reviews-actions { display: none; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary { display: flex; align-items: center; gap: 4px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary { align-items: normal; gap: 2px; } } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .rating-result, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .rating-result, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .rating-result { width: 14px; height: 14px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .rating-result-number, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .rating-result-number, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary .rating-result-number { font-size: 12px; line-height: 16px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .product-brand, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .product-brand, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .custom-product-title .product-brand { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap { flex-direction: row; justify-content: space-between; align-items: center; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier { display: flex; justify-content: flex-start; align-items: center; flex: 1 0 0; gap: 96px; } @media (max-width: 1535.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier { gap: 80px; } } @media (max-width: 1284.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier { gap: 60px; } } @media (max-width: 1024.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier { gap: 96px; } } @media (max-width: 768.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier { gap: 47px; } } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier { gap: 34px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .text, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .text, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .text { color: var(--secondary, #70757b); text-align: left; font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-column, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-column, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-column { display: flex; gap: 8px; align-items: center; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-column .price-default, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-column .price-default, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-column .price-default { color: var(--text-primary, #1e2832); text-align: center; font-family: 'Nunito Sans', sans-serif, serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-column .special-price, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-column .special-price, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-column .special-price { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ text-decoration-line: line-through; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-pink, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-pink, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-prices-tier .price-wrapper .price-pink { color: var(--text-accent, #eb5673); text-align: center; font-family: "Nunito Sans", serif; font-size: 15px; font-style: normal; font-weight: 700; line-height: 24px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap { flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 10px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .price-box, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .price-box, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .price-box { gap: 8px; flex-direction: row-reverse; justify-content: flex-end; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .price-box .custom-price-wrapper .price, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .price-box .custom-price-wrapper .price, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .price-box .custom-price-wrapper .price { font-family: Nunito Sans, serif; font-style: normal; font-weight: 600; line-height: 20px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .price-box, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .price-box, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .price-box { gap: 8px; flex-direction: row-reverse; justify-content: flex-end; font-size: 15px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons { display: flex; justify-content: flex-end; align-items: center; gap: 16px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input { color: #000000; background: #fff; display: flex; align-items: center; overflow: hidden; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count { background: transparent; color: inherit; font-weight: bold; font-size: inherit; border: none; display: inline-block; min-width: 0; height: 32px; padding: 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty:focus, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty:focus, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty:focus, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:focus, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:focus, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:focus { outline: none; background: #fafafa; --input-shadow-spread: 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty { width: 36px; min-width: 0; display: inline-block; text-align: center; appearance: textfield; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty::-webkit-outer-spin-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty::-webkit-outer-spin-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty::-webkit-outer-spin-button, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty::-webkit-inner-spin-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty::-webkit-inner-spin-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .product-qty::-webkit-inner-spin-button { appearance: none; margin: 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count { padding: 0; cursor: pointer; width: 30px; font-size: 17px; text-indent: -100px; overflow: hidden; position: relative; border-radius: 17px; background: #FFFFFF; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:before, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:before, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:before, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:after, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:after, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:after { content: ""; height: 2px; width: 10px; position: absolute; display: block; background: #000000; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count--add:after, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count--add:after, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count--add:after { transform: rotate(90deg); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:disabled, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:disabled, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:disabled { color: #cccccc; background: #f2f2f2; cursor: not-allowed; border-color: transparent; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:disabled:before, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:disabled:before, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:disabled:before, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:disabled:after, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:disabled:after, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input .qty-count:disabled:after { background: #cccccc; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .qty-input { border-radius: 4px; transform: scale(1); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button { display: flex; justify-content: center; align-items: center; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .to-cart-form, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .to-cart-form, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .to-cart-form { display: flex; gap: 16px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .action.tocart.primary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .action.tocart.primary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .action.tocart.primary { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; width: 108px; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .action.tocart.primary .add-to-cart-text, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .action.tocart.primary .add-to-cart-text, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .action.tocart.primary .add-to-cart-text { color: var(--text-white, #ffffff); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .action.tocart.primary .add-to-cart-text-added, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .action.tocart.primary .add-to-cart-text-added, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-buttons .buy-button .action.tocart.primary .add-to-cart-text-added { font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-reviews-summary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-reviews-summary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .product-reviews-summary { display: none; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .action.tocart.primary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .action.tocart.primary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .action.tocart.primary { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text { color: #FFF; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text-added, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text-added, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text-added { color: #FFF; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration { display: flex; align-items: center; gap: 20px; align-self: stretch; border-radius: 24px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration { gap: 12px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap { max-width: 152px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap { max-width: 88px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container { display: flex; width: 152px; height: 124px; flex-direction: column; justify-content: center; align-items: center; border-radius: 4px; background: #f5f5f5; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container { width: 88px; height: 104px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container .product-image-photo, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container .product-image-photo, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container .product-image-photo { width: 109px; height: 124px; flex-shrink: 0; mix-blend-mode: multiply; object-fit: scale-down; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container .product-image-photo, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container .product-image-photo, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product-media-wrap .product-item-photo .product-image-container .product-image-photo { width: 88px; height: 104px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details { flex-direction: row; min-height: 124px; display: flex; align-content: center; flex-wrap: wrap; } @media (max-width: 1024.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details { min-height: 114px; } } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details { gap: 10px; min-height: 104px; align-items: center; flex-wrap: nowrap; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 10px; align-self: stretch; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title { gap: 6px; flex-direction: column; justify-content: center; max-width: 237px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description { display: flex; flex-direction: column; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description { gap: 6px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description .product-item-link { color: var(--text-primary, #1e2832); font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; } @media (max-width: 1024.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description .product-item-link { font-size: 15px; font-style: normal; font-weight: 600; line-height: 22px; } } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description .product-item-link, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .row-product-description .product-item-link { font-size: 13px; font-style: normal; font-weight: 600; line-height: 18px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .product-item-name, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .product-item-name { display: block; overflow: hidden; margin-bottom: 0; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .product-item-name, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .product-item-name, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .product-item-name { height: auto; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display { display: flex; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .reviews-actions, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .reviews-actions, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .reviews-actions { display: none; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary { display: flex; align-items: center; gap: 4px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .mobile-review-display .product-reviews-summary .rating-summary { align-items: normal; gap: 18px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .product-brand, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .product-brand, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .custom-product-title .product-brand { color: var(--text-secondary_disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .arrow-open, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .arrow-open, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .arrow-open { display: flex; width: 28px; min-width: 28px; height: 28px; justify-content: center; align-items: center; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .arrow-open .button-rotate, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .arrow-open .button-rotate, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .arrow-open .button-rotate { transform: rotate(180deg); transition: all 0.5s ease-in-out; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .arrow-open .button-rotate-default, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .arrow-open .button-rotate-default, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .arrow-open .button-rotate-default { transform: rotate(0deg); transition: all 0.5s ease-in-out; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap { flex-direction: row; justify-content: space-between; align-items: center; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .price-box, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .price-box, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .price-box { gap: 8px; flex-direction: row; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .product-reviews-summary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .product-reviews-summary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .product-reviews-summary { display: none; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .action.tocart.primary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .action.tocart.primary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .action.tocart.primary { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text { color: #FFF; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text-added, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text-added, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .product-item-info-configuration .product.details.product-item-details .product-review-price-wrap .action.tocart.primary .add-to-cart-text-added { color: #FFF; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children-hide, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children-hide, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children-hide { max-height: 0; transition: max-height 0.5s ease-in-out; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children-active, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children-active, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children-active { max-height: 526px; overflow-x: hidden; transition: max-height 0.5s ease-in-out; overflow-y: scroll; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children::-webkit-scrollbar, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children::-webkit-scrollbar, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children::-webkit-scrollbar { width: 4px; height: 42px; background: #E7EBEF; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children::-webkit-scrollbar-thumb, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children::-webkit-scrollbar-thumb, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children::-webkit-scrollbar-thumb { background: #EB5673; border-radius: 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children::-webkit-scrollbar-thumb:hover, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children::-webkit-scrollbar-thumb:hover, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children::-webkit-scrollbar-thumb:hover { background: #EB5673; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children { display: flex; flex-direction: column; width: 100%; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card { display: flex; padding: 16px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; align-self: stretch; border-bottom: 1px solid var(--dividers, #e7ebef); } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card { padding: 16px 10px 16px 0; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile { display: none; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile { display: flex; align-items: flex-start; gap: 16px; align-self: stretch; flex-direction: column; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier { display: flex; align-items: center; flex: 1 0 0; width: 100%; justify-content: space-between; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .text, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .text, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .text { color: var(--secondary, #70757b); text-align: center; font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price { color: var(--text-primary, #1e2832); text-align: center; font-family: "Nunito Sans", serif; font-size: 15px; font-style: normal; font-weight: 700; line-height: 24px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price-pink, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price-pink, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price-pink { color: var(--text-accent, #eb5673); text-align: center; font-family: "Nunito Sans", serif; font-size: 15px; font-style: normal; font-weight: 700; line-height: 24px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input { color: #000000; background: #fff; display: flex; align-items: center; overflow: hidden; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count { background: transparent; color: inherit; font-weight: bold; font-size: inherit; border: none; display: inline-block; min-width: 0; height: 32px; padding: 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty:focus, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty:focus, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty:focus, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:focus, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:focus, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:focus { outline: none; background: #fafafa; --input-shadow-spread: 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty { width: 36px; min-width: 0; display: inline-block; text-align: center; appearance: textfield; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty::-webkit-outer-spin-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty::-webkit-outer-spin-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty::-webkit-outer-spin-button, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty::-webkit-inner-spin-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty::-webkit-inner-spin-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .product-qty::-webkit-inner-spin-button { appearance: none; margin: 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count { padding: 0; cursor: pointer; width: 30px; font-size: 17px; text-indent: -100px; overflow: hidden; position: relative; border-radius: 17px; background: #FFFFFF; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:before, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:before, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:before, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:after, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:after, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:after { content: ""; height: 2px; width: 10px; position: absolute; display: block; background: #000000; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count--add:after, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count--add:after, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count--add:after { transform: rotate(90deg); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:disabled, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:disabled, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:disabled { color: #cccccc; background: #f2f2f2; cursor: not-allowed; border-color: transparent; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:disabled:before, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:disabled:before, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:disabled:before, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:disabled:after, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:disabled:after, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input .qty-count:disabled:after { background: #cccccc; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .qty-input { border-radius: 4px; transform: scale(1); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button { display: flex; justify-content: center; align-items: center; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .to-cart-form, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .to-cart-form, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .to-cart-form { display: flex; gap: 16px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .action.tocart.primary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .action.tocart.primary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .action.tocart.primary { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; width: 108px; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .action.tocart.primary .add-to-cart-text, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .action.tocart.primary .add-to-cart-text, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .action.tocart.primary .add-to-cart-text { color: var(--text-white, #ffffff); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .action.tocart.primary .add-to-cart-text-added, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .action.tocart.primary .add-to-cart-text-added, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-buttons .buy-button .action.tocart.primary .add-to-cart-text-added { font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } } @media (max-width: 479.98px) and (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .text, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .text, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .text { text-align: center; font-size: 11px; font-style: normal; font-weight: 400; line-height: 16px; } } @media (max-width: 479.98px) and (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price { font-size: 12px; font-style: normal; font-weight: 700; line-height: 14px; } } @media (max-width: 479.98px) and (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price-pink, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price-pink, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-price-button-mobile .product-prices-tier .price-wrapper .price-pink { font-size: 12px; font-style: normal; font-weight: 700; line-height: 14px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row { display: flex; align-items: center; gap: 20px; align-self: stretch; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row { gap: 12px; align-items: flex-start; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap { max-width: 112px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap { max-width: 88px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap .product-item-photo .product-image-container, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap .product-item-photo .product-image-container, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap .product-item-photo .product-image-container { display: flex; width: 112px; height: 112px; flex-direction: column; justify-content: center; align-items: center; border-radius: 4px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap .product-item-photo .product-image-container .product-image-photo, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap .product-item-photo .product-image-container .product-image-photo, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-media-wrap .product-item-photo .product-image-container .product-image-photo { mix-blend-mode: multiply; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content { display: flex; flex-direction: column; align-items: center; gap: 16px; flex: 1 0 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description { gap: 8px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate { display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; align-self: stretch; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate { gap: 8px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate .title, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate .title, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate .title { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate .title, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate .title, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate .title { font-size: 13px; font-style: normal; font-weight: 600; line-height: 18px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate .reviews-actions, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate .reviews-actions, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-title-rate .reviews-actions { display: none; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-sku, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-sku, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-sku { color: var(--secondary, #70757b); font-family: "Nunito Sans", sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 14px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-sku, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-sku, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-sku { color: var(--secondary, #70757b); font-size: 10px; font-style: normal; font-weight: 700; line-height: 12px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-code, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-code, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-code { color: var(--secondary, #70757b); font-family: "Nunito Sans", sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-code, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-code, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-description .product-child-code { font-size: 10px; font-style: normal; font-weight: 400; line-height: 12px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button { display: flex; align-items: flex-end; gap: 116px; align-self: stretch; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button { display: none; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier { display: flex; justify-content: flex-start; align-items: center; flex: 1 0 0; gap: 96px; } @media (max-width: 1535.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier { gap: 80px; } } @media (max-width: 1284.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier { gap: 60px; } } @media (max-width: 1024.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier { gap: 96px; } } @media (max-width: 768.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier { gap: 47px; } } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier { gap: 34px; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper .text, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper .text, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper .text { color: var(--secondary, #70757b); text-align: left; font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper .price-default, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper .price-default, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper .price-default { color: var(--text-primary, #1e2832); text-align: center; font-family: "Nunito Sans", serif; font-size: 15px; font-style: normal; font-weight: 700; line-height: 24px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper .price-pink, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper .price-pink, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-prices-tier .price-wrapper .price-pink { color: var(--text-accent, #eb5673); text-align: center; font-family: "Nunito Sans", serif; font-size: 15px; font-style: normal; font-weight: 700; line-height: 24px; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons { display: flex; justify-content: center; align-items: center; gap: 16px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons { display: flex; align-items: center; gap: 16px; width: 100%; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input { color: #000000; background: #fff; display: flex; align-items: center; overflow: hidden; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count { background: transparent; color: inherit; font-weight: bold; font-size: inherit; border: none; display: inline-block; min-width: 0; height: 32px; padding: 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty:focus, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty:focus, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty:focus, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:focus, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:focus, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:focus { outline: none; background: #fafafa; --input-shadow-spread: 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty { width: 36px; min-width: 0; display: inline-block; text-align: center; appearance: textfield; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty::-webkit-outer-spin-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty::-webkit-outer-spin-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty::-webkit-outer-spin-button, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty::-webkit-inner-spin-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty::-webkit-inner-spin-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .product-qty::-webkit-inner-spin-button { appearance: none; margin: 0; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count { padding: 0; cursor: pointer; width: 30px; font-size: 17px; text-indent: -100px; overflow: hidden; position: relative; border-radius: 17px; background: #FFFFFF; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:before, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:before, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:before, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:after, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:after, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:after { content: ""; height: 2px; width: 10px; position: absolute; display: block; background: #000000; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count--add:after, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count--add:after, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count--add:after { transform: rotate(90deg); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:disabled, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:disabled, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:disabled { color: #cccccc; background: #f2f2f2; cursor: not-allowed; border-color: transparent; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:disabled:before, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:disabled:before, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:disabled:before, .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:disabled:after, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:disabled:after, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input .qty-count:disabled:after { background: #cccccc; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .qty-input { border-radius: 4px; transform: scale(1); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button { display: flex; justify-content: center; align-items: center; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button { width: 100%; justify-content: normal; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .to-cart-form, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .to-cart-form, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .to-cart-form { display: flex; gap: 16px; } @media (max-width: 479.98px) { .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .to-cart-form, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .to-cart-form, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .to-cart-form { width: 100%; justify-content: space-between; } } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .action.tocart.primary, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .action.tocart.primary, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .action.tocart.primary { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; width: 108px; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .action.tocart.primary .add-to-cart-text, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .action.tocart.primary .add-to-cart-text, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .action.tocart.primary .add-to-cart-text { color: var(--text-white, #ffffff); font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .catalog-category-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .action.tocart.primary .add-to-cart-text-added, .catalogsearch-result-index .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .action.tocart.primary .add-to-cart-text-added, .attributepages-page-view .products.wrapper.list.products-list.custom-products-wrapper .products.list.items.product-items .item.product.product-item .products-children .product-child-card .product-child-card-row .product-child-card-content .product-child-card-price-button .product-buttons .buy-button .action.tocart.primary .add-to-cart-text-added { font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .catalog-category-view .page-main > .columns, .catalogsearch-result-index .page-main > .columns, .attributepages-page-view .page-main > .columns { border-top: 1px solid #E7EBEF; column-gap: 48px; } @media (max-width: 1284.98px) { .catalog-category-view .page-main > .columns, .catalogsearch-result-index .page-main > .columns, .attributepages-page-view .page-main > .columns { column-gap: 30px; grid-template-columns: 290px 1fr; } } @media (max-width: 1024.98px) { .catalog-category-view .page-main > .columns, .catalogsearch-result-index .page-main > .columns, .attributepages-page-view .page-main > .columns { grid-template-rows: auto 1fr; grid-template-columns: 1fr; column-gap: 0; } } @media (min-width: 769px) { .catalog-category-view .page-main > .columns, .catalogsearch-result-index .page-main > .columns, .attributepages-page-view .page-main > .columns { grid-template-areas: "sidebar main" "sidebar main"; } } .catalog-category-view .page-main > .columns > .main, .catalogsearch-result-index .page-main > .columns > .main, .attributepages-page-view .page-main > .columns > .main { padding-top: 40px; } @media (max-width: 479.98px) { .catalog-category-view .page-main > .columns > .main, .catalogsearch-result-index .page-main > .columns > .main, .attributepages-page-view .page-main > .columns > .main { padding-top: 20px; } } .catalog-category-view .page-main > .columns > .sidebar-main, .catalogsearch-result-index .page-main > .columns > .sidebar-main, .attributepages-page-view .page-main > .columns > .sidebar-main { border-right: 1px solid #E7EBEF; padding-top: 40px; } @media (max-width: 1024.98px) { .catalog-category-view .page-main > .columns > .sidebar-main, .catalogsearch-result-index .page-main > .columns > .sidebar-main, .attributepages-page-view .page-main > .columns > .sidebar-main { border-right: 0; padding-top: 0; } } .catalog-category-view .page-main > .columns > .sidebar-main .block .block-title, .catalogsearch-result-index .page-main > .columns > .sidebar-main .block .block-title, .attributepages-page-view .page-main > .columns > .sidebar-main .block .block-title { color: var(--text-primary, #1e2832); font-family: "Nunito Sans"; font-size: 22px; font-style: normal; font-weight: 700; line-height: 32px; padding: 0 0; } .catalog-category-view .page-main > .columns > .sidebar-additional, .catalogsearch-result-index .page-main > .columns > .sidebar-additional, .attributepages-page-view .page-main > .columns > .sidebar-additional { border-right: 1px solid #E7EBEF; } @media (max-width: 1024.98px) { .catalog-category-view .page-main > .columns > .sidebar-additional, .catalogsearch-result-index .page-main > .columns > .sidebar-additional, .attributepages-page-view .page-main > .columns > .sidebar-additional { border-right: 0; } } .catalog-category-view .page-main > .columns > .sidebar-additional .display-market, .catalogsearch-result-index .page-main > .columns > .sidebar-additional .display-market, .attributepages-page-view .page-main > .columns > .sidebar-additional .display-market { display: none; } .catalog-category-view :where(input:not([type=range])), .catalogsearch-result-index :where(input:not([type=range])), .attributepages-page-view :where(input:not([type=range])), .catalog-category-view textarea, .catalogsearch-result-index textarea, .attributepages-page-view textarea, .catalog-category-view select, .catalogsearch-result-index select, .attributepages-page-view select { outline: none; position: relative; padding: 0.5rem 32px; width: 100%; border: 0 solid; border-radius: 0; box-shadow: none; color: var(--text-secondary-disabled, #8c9196); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .catalog-category-view .products-grid .product-items .product-item-photo img, .catalogsearch-result-index .products-grid .product-items .product-item-photo img, .attributepages-page-view .products-grid .product-items .product-item-photo img, .catalog-category-view [data-appearance="carousel"] .product-items .product-item-photo img, .catalogsearch-result-index [data-appearance="carousel"] .product-items .product-item-photo img, .attributepages-page-view [data-appearance="carousel"] .product-items .product-item-photo img, .catalog-category-view [data-appearance="carousel"] .product-items .product-item-photo img, .catalogsearch-result-index [data-appearance="carousel"] .product-items .product-item-photo img, .attributepages-page-view [data-appearance="carousel"] .product-items .product-item-photo img { width: 100%; object-fit: scale-down; max-height: 302px; } @media (max-width: 479.98px) { .catalog-category-view .products-grid .product-items .product-item-photo img, .catalogsearch-result-index .products-grid .product-items .product-item-photo img, .attributepages-page-view .products-grid .product-items .product-item-photo img, .catalog-category-view [data-appearance="carousel"] .product-items .product-item-photo img, .catalogsearch-result-index [data-appearance="carousel"] .product-items .product-item-photo img, .attributepages-page-view [data-appearance="carousel"] .product-items .product-item-photo img, .catalog-category-view [data-appearance="carousel"] .product-items .product-item-photo img, .catalogsearch-result-index [data-appearance="carousel"] .product-items .product-item-photo img, .attributepages-page-view [data-appearance="carousel"] .product-items .product-item-photo img { max-height: 186px; } } .catalog-category-view .toolbar, .catalogsearch-result-index .toolbar, .attributepages-page-view .toolbar { display: flex; align-items: center; gap: 0.75rem; margin: 0 0 0 0; padding: 0px 0px 24px 0; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } @media (max-width: 1024.98px) { .catalog-category-view .toolbar, .catalogsearch-result-index .toolbar, .attributepages-page-view .toolbar { flex-wrap: wrap; } } @media (max-width: 479.98px) { .catalog-category-view .toolbar, .catalogsearch-result-index .toolbar, .attributepages-page-view .toolbar { padding: 0 0 24px; flex-direction: row; align-items: center; } } .catalog-category-view .toolbar .pages .current, .catalogsearch-result-index .toolbar .pages .current, .attributepages-page-view .toolbar .pages .current { border-bottom: 1px solid var(--text-primary, #1e2832); color: var(--text-primary, #1e2832); font-family: Nunito; font-size: 13px; font-style: normal; font-weight: 500 !important; line-height: normal; opacity: 1 !important; } .catalog-category-view .toolbar .pages .item, .catalogsearch-result-index .toolbar .pages .item, .attributepages-page-view .toolbar .pages .item { opacity: 0.6; color: var(--text-primary, #1e2832); font-family: "Nunito Sans", sans-serif; font-size: 13px; font-style: normal; font-weight: 500; line-height: normal; } .catalog-category-view .toolbar ~ .products, .catalogsearch-result-index .toolbar ~ .products, .attributepages-page-view .toolbar ~ .products { margin: 0; } .catalog-category-view .toolbar .sorter, .catalogsearch-result-index .toolbar .sorter, .attributepages-page-view .toolbar .sorter { display: flex; align-items: center; justify-content: flex-end; margin: 0; gap: 0; } @media (max-width: 479.98px) { .catalog-category-view .toolbar .sorter, .catalogsearch-result-index .toolbar .sorter, .attributepages-page-view .toolbar .sorter { width: auto; } } .catalog-category-view .toolbar .limiter, .catalogsearch-result-index .toolbar .limiter, .attributepages-page-view .toolbar .limiter { display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; margin: 0; } @media (max-width: 479.98px) { .catalog-category-view .toolbar .limiter, .catalogsearch-result-index .toolbar .limiter, .attributepages-page-view .toolbar .limiter { width: auto; } } .customer-account-login :where(input:not([type=range])), .customer-account-login textarea, .customer-account-login select { box-shadow: none; } .customer-account-login .listing-grid-item-actions-absolute .product-item-details .product-item-actions .stock, .customer-account-login .listing-grid-item-actions-primary-absolute .product-item-details .actions-primary .stock, .customer-account-login button, .customer-account-login .action.primary, .customer-account-login input[type='submit'], .customer-account-login input[type='reset'], .customer-account-login input[type='button'], .customer-account-login .pagebuilder-button-primary, .customer-account-login .pagebuilder-button-secondary, .customer-account-login .pagebuilder-button-link { outline: none; position: relative; display: inline-flex; justify-content: center; align-items: center; gap: 16px; font-weight: 400; padding: 0.5rem 1.25rem; color: #ffffff; border-radius: 0; text-decoration: none !important; white-space: nowrap; } .customer-account-create :where(input:not([type=range])), .customer-account-create textarea, .customer-account-create select { box-shadow: none; } .customer-account-create .listing-grid-item-actions-absolute .product-item-details .product-item-actions .stock, .customer-account-create .listing-grid-item-actions-primary-absolute .product-item-details .actions-primary .stock, .customer-account-create button, .customer-account-create .action.primary, .customer-account-create input[type='submit'], .customer-account-create input[type='reset'], .customer-account-create input[type='button'], .customer-account-create .pagebuilder-button-primary, .customer-account-create .pagebuilder-button-secondary, .customer-account-create .pagebuilder-button-link { outline: none; position: relative; display: inline-flex; justify-content: center; align-items: center; gap: 16px; font-weight: 400; padding: 0.5rem 1.25rem; border-radius: 0; text-decoration: none !important; white-space: nowrap; } .minisearch .label::before, .minisearch .action.search::before { -webkit-mask: url('https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/catalog-menu/search.svg') no-repeat; height: 24px; } .custom-block-title-minicart { display: flex; padding: 24px; justify-content: space-between; align-items: center; align-self: stretch; border-bottom: 1px solid var(--dividers, #e7ebef); background: var(--backgrounds-page, #fafafa); } .custom-block-title-minicart .custom-shopping-cart-container { display: flex; align-items: center; gap: 8px; } .custom-block-title-minicart .custom-shopping-cart-container .shopping-cart-title-style { color: var(--text-primary, #1e2832); text-align: center; font-family: Nunito Sans, sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: 0.5px; } .custom-block-title-minicart .custom-shopping-cart-container .rectangle-shopping-cart { width: 1px; align-self: stretch; background: var(--dividers, #e7ebef); } .custom-block-title-minicart .custom-shopping-cart-container .shopping-cart-count-style { color: var(--text-secondary_disabled, #8c9196); /* desktop/b2 */ font-family: Nunito Sans, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .custom-block-content-shopping-cart { display: flex; flex-direction: column; align-self: stretch; justify-content: space-between; height: 92vh; } @media (max-width: 479.98px) { .custom-block-content-shopping-cart { height: 90vh; } } .custom-block-content-shopping-cart .placeholder-cart { display: flex; padding: 0 24px; flex-direction: column; justify-content: center; align-items: center; gap: 32px; align-self: stretch; height: 100%; } .custom-block-content-shopping-cart .placeholder-cart .text-cart { color: var(--primary, #1e2832); text-align: center; font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; } .custom-block-content-shopping-cart .placeholder-cart .cart-button { display: flex; align-items: flex-start; } .custom-block-content-shopping-cart .placeholder-cart .cart-button .cart-button-style { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .custom-block-content-shopping-cart .placeholder-cart .cart-button .cart-button-style .cart-button-text { color: var(--text-white, #ffffff); font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .custom-block-content-shopping-cart :where(input:not([type=range])):focus, .custom-block-content-shopping-cart :where(input:not([type=range])):focus-visible, .custom-block-content-shopping-cart textarea:focus, .custom-block-content-shopping-cart textarea:focus-visible, .custom-block-content-shopping-cart select:focus, .custom-block-content-shopping-cart select:focus-visible { --input-shadow-spread: 0; } .custom-block-content-shopping-cart .minicart-items li.product-item > div.product > :nth-child(2) { max-width: calc(80.25%); } .custom-block-content-shopping-cart .minicart-items li.product-item + li { margin-top: 0; padding-top: 0; border-top: 0; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper { margin: 0; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items { max-height: 71vh; padding: 0; margin: 0; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart { display: flex; padding: 16px; align-items: flex-start; gap: 16px; align-self: stretch; flex-wrap: unset; border-bottom: 1px solid var(--dividers, #e7ebef); background: #fff; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-photo .product-image-container .product-image-wrapper { background-color: #f5f5f5; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-photo .product-image-container .product-image-wrapper .custom-product-image-photo { mix-blend-mode: multiply; object-fit: scale-down; height: 78px; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details { display: flex; flex-direction: column; gap: 20px; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-name { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-name .product-item-name-container { display: flex; align-items: flex-start; gap: 16px; align-self: stretch; justify-content: space-between; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-name .product-item-name-container .product-item-title { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-name .product-item-name-container .secondary .action.delete::before { -webkit-mask: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/cart/delete.svg"); -webkit-mask-size: 1.25rem 1.25rem; -webkit-mask-repeat: no-repeat; opacity: 0.3; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-name .product-item-name-container .secondary .action.delete:hover::before { opacity: 1; color: #EB5673; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-name .product-item-brand { color: var(--text-secondary_disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing { display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row-reverse; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty { gap: 1px; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty .button-style-minus { background: none; padding: 0; width: 20px; height: 20px; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty .button-style-minus:hover { color: #EB5673; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty .button-style-plus { background: none; padding: 0; width: 20px; height: 20px; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty .button-style-plus:hover { color: #EB5673; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty input::-webkit-outer-spin-button, .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty .secondary .action.delete::before { -webkit-mask: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/cart/delete.svg"); -webkit-mask-size: 1.25rem 1.25rem; -webkit-mask-repeat: no-repeat; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty .secondary .action.delete:hover::before { opacity: 1; color: #EB5673; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty .update-cart-item { background: none; padding: 0; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty .update-cart-item::before { -webkit-mask: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/cart/plus.svg"); width: 20px; height: 20px; -webkit-mask-repeat: no-repeat; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .details-qty.qty .item-qty { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; padding: 0; margin-left: 0; } .custom-block-content-shopping-cart .custom-minicart-items-wrapper .custom-minicart-items .product-item .custom-product-shopping-cart .product-item-details .product-item-pricing .price-container .price-wrapper .price-excluding-tax .minicart-price .price { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; } .custom-block-content-buy-cart { display: flex; flex-direction: column; align-items: flex-start; position: fixed; width: 100%; bottom: 0; background: var(--backgrounds-page, #fafafa); } .custom-block-content-buy-cart .custom-subtitle { display: flex; width: 100%; padding: 16px 24px; justify-content: space-between; align-items: center; border-top: 1px solid var(--dividers, #e7ebef); background: var(--backgrounds-page, #fafafa); } @media (max-width: 479.98px) { .custom-block-content-buy-cart .custom-subtitle { padding: 8px 20px 24px 20px; } } .custom-block-content-buy-cart .custom-subtitle .custom-subtotal { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 16px; margin: 0; } @media (max-width: 479.98px) { .custom-block-content-buy-cart .custom-subtitle .custom-subtotal { flex-direction: column-reverse; } } .custom-block-content-buy-cart .custom-subtitle .custom-subtotal .price-container { display: flex; align-items: center; gap: 8px; } @media (max-width: 479.98px) { .custom-block-content-buy-cart .custom-subtitle .custom-subtotal .price-container { justify-content: flex-end; align-items: center; width: 100%; } } .custom-block-content-buy-cart .custom-subtitle .custom-subtotal .price-container .custom-label { color: var(--text-primary, #1e2832); font-family: Nunito Sans, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .custom-block-content-buy-cart .custom-subtitle .custom-subtotal .price-container .amount.price-container .price-wrapper .price { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: 20px; } .custom-block-content-buy-cart .custom-subtitle .custom-subtotal .remove-cart-all { display: flex; align-items: center; gap: 8px; } .custom-block-content-buy-cart .custom-subtitle .custom-subtotal .remove-cart-all .clear-basket { color: var(--secondary, #8c9196); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 16px; letter-spacing: 0.4px; cursor: pointer; } .custom-block-content-buy-cart .custom-subtitle .custom-subtotal .remove-cart-all:hover .clear-basket { text-decoration: underline; } .custom-block-content-buy-cart .custom-actions-buttons { display: flex; width: 100%; padding: 24px; flex-direction: column; align-items: flex-start; gap: 16px; border-top: 1px solid var(--dividers, #e7ebef); background: var(--backgrounds-page, #fafafa); } @media (max-width: 479.98px) { .custom-block-content-buy-cart .custom-actions-buttons { padding: 16px 20px 24px 20px; } } .custom-block-content-buy-cart .custom-actions-buttons .custom-actions-container { display: flex; align-items: flex-start; gap: 8px; align-self: stretch; } .custom-block-content-buy-cart .custom-actions-buttons .custom-actions-container .actions { width: 100%; } .custom-block-content-buy-cart .custom-actions-buttons .custom-actions-container .actions .primary .action.viewcart { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; width: 100%; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .custom-block-content-buy-cart .custom-actions-buttons .custom-actions-container .actions .primary .action.viewcart .viewcart-style { color: var(--text-white, #ffffff); font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .custom-block-content-buy-cart .custom-actions-buttons .custom-actions-container .actions .primary .action.viewcart:hover, .custom-block-content-buy-cart .custom-actions-buttons .custom-actions-container .actions .primary .action.viewcart:focus { background: #323C46; } .custom-block-content-buy-cart .order-in-one-click-button { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; border: 1px solid var(--button-light-surface-outline-default, #d3dae1); color: var(--text-primary, #1e2832); background: #FAFAFA; width: 100%; font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0.5px; text-transform: uppercase; cursor: pointer; } .custom-block-content-buy-cart .order-in-one-click-button:hover, .custom-block-content-buy-cart .order-in-one-click-button:focus { border-color: #1E2832; } .custom-block-content-buy-cart .confirmation-delete-container { display: flex; width: 100%; padding: 24px; flex-direction: column; align-items: center; gap: 32px; z-index: 9999; position: absolute; right: 0; bottom: 0; background: #fafafa; box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5); transition: all 0.2s ease-in-out; } .custom-block-content-buy-cart .confirmation-delete-container .confirmation-delete-title { display: flex; gap: 32px; justify-content: center; } .custom-block-content-buy-cart .confirmation-delete-container .confirmation-delete-title .title-style { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; } .custom-block-content-buy-cart .confirmation-delete-container .confirmation-delete-control-button { display: flex; gap: 16px; justify-content: center; width: 100%; } .custom-block-content-buy-cart .confirmation-delete-container .confirmation-delete-control-button .btn-cancel { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; width: 100%; border-radius: 4px; background: #1E2832; } .custom-block-content-buy-cart .confirmation-delete-container .confirmation-delete-control-button .btn-cancel .btn-cancel-style { color: var(--text-white, #ffffff); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .custom-block-content-buy-cart .confirmation-delete-container .confirmation-delete-control-button .btn-action { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; width: 100%; border-radius: 4px; border: 1px solid #D3DAE1; background: #fff; } .custom-block-content-buy-cart .confirmation-delete-container .confirmation-delete-control-button .btn-action .btn-action-style { color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } @media (max-width: 1024.98px) { .modals-wrapper .order-in-one-click-modal { display: flex; justify-content: center; } } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap { gap: 10px; max-width: 430px; border-radius: 4px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-header { display: flex; padding: 24px; flex-direction: row; justify-content: space-between; align-items: center; gap: 8px; align-self: stretch; border-bottom: 1px solid var(--dividers, #e7ebef); } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-header .modal-title { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 32px; margin-bottom: 0; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-header .action-close { width: 24px; height: 24px; display: block; position: relative; margin: 0; right: 0; top: 0; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-header .action-close::before { -webkit-mask: url("https://staging.beautytime.pro/static/version1766932361/frontend/BeautyTime/default/uk_UA/images/cart/close.webp"); -webkit-mask-size: 24px 24px; -webkit-mask-repeat: no-repeat; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content { padding: 0; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body { display: flex; padding: 0 24px 24px; flex-direction: column; align-items: flex-start; gap: 34px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .error-message { color: var(--error, #eb5656); text-align: right; font-variant-numeric: lining-nums proportional-nums; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-button { display: flex; flex-direction: column; align-items: center; gap: 16px; align-self: stretch; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-button .button-submit { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; width: 100%; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-button .button-submit .button-text { color: var(--text-white, #ffffff); font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; gap: 24px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content .modal-name-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content .modal-name-wrap .customer-name-label { display: flex; align-items: flex-start; gap: 10px; align-self: stretch; color: var(--text-secondary_disabled, #8c9196); font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content .modal-name-wrap .customer-name-label:focus { --input-shadow-spread: 0px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content .modal-name-wrap .customer-name-input { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); color: var(--text-secondary_disabled, #8c9196); width: 100%; font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content .modal-name-wrap .customer-name-input:focus { --input-shadow-spread: 0px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content .modal-phone-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content .modal-phone-wrap .customer-phone-label { display: flex; align-items: flex-start; gap: 10px; align-self: stretch; color: var(--text-secondary_disabled, #8c9196); font-family: "Nunito Sans", serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content .modal-phone-wrap .customer-phone-label:focus { --input-shadow-spread: 0px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content .modal-phone-wrap .customer-phone-input { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); width: 100%; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-content .modal-body .modal-inner-content .modal-phone-wrap .customer-phone-input:focus { --input-shadow-spread: 0px; } .modals-wrapper .order-in-one-click-modal .modal-inner-wrap .modal-footer { display: none; } .modals-wrapper .confirm .modal-inner-wrap { border-radius: 4px; } .modals-wrapper .confirm .modal-inner-wrap .modal-content { color: var(--text-primary, #1e2832); text-align: center; font-family: Nunito Sans, serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; } .modals-wrapper .confirm .modal-inner-wrap .modal-footer .action-secondary.action-dismiss { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; border: 1px solid var(--button-light-surface-outline-default, #d3dae1); color: var(--text-primary, #1e2832); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; background: #fff; } .modals-wrapper .confirm .modal-inner-wrap .modal-footer .action-secondary.action-dismiss:hover, .modals-wrapper .confirm .modal-inner-wrap .modal-footer .action-secondary.action-dismiss:focus { border-color: #1E2832; } .modals-wrapper .confirm .modal-inner-wrap .modal-footer .action-primary.action-accept { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); color: var(--text-white, #ffffff); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .modals-wrapper .confirm .modal-inner-wrap .modal-footer .action-primary.action-accept:hover, .modals-wrapper .confirm .modal-inner-wrap .modal-footer .action-primary.action-accept:focus { background-color: #323C46; } .breadcrumbs-link { color: #8C9196; font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-wrap: nowrap; } .current-breadcrumbs { color: var(--text-primary, #1e2832); font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .nav-open .nav-toggle span::after { opacity: 0; visibility: hidden; pointer-events: all; transform: translateY(0); } .curve-line { color: #8C9196; font-family: "Nunito Sans", serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .breadcrumbs { padding-top: 16px; } @media (min-width: 1440px) { .breadcrumbs { padding-top: 40px; } } .breadcrumbs ul { display: flex; flex-wrap: nowrap; gap: 10px; } @media (max-width: 768.98px) { .breadcrumbs ul { padding: 16px 0 24px 0; } } @media (max-width: 479.98px) { .breadcrumbs ul { padding: 18px 20px; } } .fc-step-shipping .header.content { position: relative; display: flex; align-items: center; justify-content: center; } .fc-step-shipping :where(.table-totals, .table.totals) [class^="totals-tax"] th, .fc-step-shipping :where(.table-totals, .table.totals) .totals:not(.grand) th, .fc-step-shipping :where(.table-totals, .table.totals) [class^="totals-tax"] td, .fc-step-shipping :where(.table-totals, .table.totals) .totals:not(.grand) td { padding: 10px 32px; } .fc-step-shipping :where(.table-totals, .table.totals) [class^="totals-tax"] th .label, .fc-step-shipping :where(.table-totals, .table.totals) .totals:not(.grand) th .label, .fc-step-shipping :where(.table-totals, .table.totals) [class^="totals-tax"] td .label, .fc-step-shipping :where(.table-totals, .table.totals) .totals:not(.grand) td .label { color: var(--text-secondary-disabled, #8c9196); font-family: Nunito Sans, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .fc-step-shipping :where(.table-totals, .table.totals) [class^="totals-tax"] th .value, .fc-step-shipping :where(.table-totals, .table.totals) .totals:not(.grand) th .value, .fc-step-shipping :where(.table-totals, .table.totals) [class^="totals-tax"] td .value, .fc-step-shipping :where(.table-totals, .table.totals) .totals:not(.grand) td .value { color: var(--text-secondary-disabled, #8c9196); font-family: Nunito Sans, sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: 24px; } .fc-step-shipping .opc .actions-toolbar { display: none; } .message:where(.warning, .success, .notice, .error, .info) { background: transparent !important; border: none !important; color: #1E2832; } .message:where(.warning, .success, .notice, .error, .info) button { display: none; } html:has(.minicart-wrapper.active) { overflow: hidden; } .product.info.detailed ul { list-style-type: disc; list-style-position: outside; margin-left: 1.5rem; padding-left: 1.5rem; } .product.info.detailed ul li { display: list-item; } .blog-page .breadcrumbs ul { display: flex; flex-wrap: nowrap; gap: 10px; } .blog-page .blog { display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: auto; max-width: 1260px; } .blog-page .breadcrumbs li { flex-direction: row; } .blog-page .post-list .post-image .image-wrap { display: block; line-height: 0; overflow: hidden; position: relative; padding-bottom: 0; } .block-minicart .block-content > .actions .action.checkout { width: 100%; padding: 0.625rem; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); color: var(--text-white, #ffffff); font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; } .catalog-category-view :where(input:not([type=range])), .catalog-category-view textarea, .catalog-category-view select { padding: 0.5rem 10px; width: 58px; } .breadcrumbs li::after { display: none; } .breadcrumbs li { display: flex; align-items: center; gap: 10px; } .checkout-cart-index .custom-cart-wrapper { display: flex; width: 848px; flex-direction: column; align-items: flex-start; border-radius: 4px; border: 1px solid var(--dividers, #e7ebef); } .firecheckout #checkout .opc-wrapper .step-title:before, .firecheckout #checkout .opc-block-summary > .title:before, .firecheckout #checkout .opc-sidebar .step-title:before { box-sizing: content-box; flex-shrink: 0; text-align: center; background: transparent; width: 32px; height: 32px; line-height: 32px; margin: 0 10px 0 -9px; color: #1E2832; font-weight: 600; font-size: 20px; font-family: inherit; border: 2px solid #1E2832; border-radius: 50%; counter-increment: firecheckout-section-counter; content: counter(firecheckout-section-counter); } .firecheckout .checkout-shipping-address .action.primary.action-agree, .firecheckout .checkout-billing-address .action.primary.action-agree, .firecheckout .modal-footer .action.primary.action-agree, .firecheckout .actions-toolbar .action.primary.action-agree, .firecheckout .checkout-shipping-address button.action.action-agree, .firecheckout .checkout-billing-address button.action.action-agree, .firecheckout .modal-footer button.action.action-agree, .firecheckout .actions-toolbar button.action.action-agree, .firecheckout .checkout-shipping-address .action.primary.action-update, .firecheckout .checkout-billing-address .action.primary.action-update, .firecheckout .modal-footer .action.primary.action-update, .firecheckout .actions-toolbar .action.primary.action-update, .firecheckout .checkout-shipping-address button.action.action-update, .firecheckout .checkout-billing-address button.action.action-update, .firecheckout .modal-footer button.action.action-update, .firecheckout .actions-toolbar button.action.action-update, .firecheckout .checkout-shipping-address .action.primary.action-login, .firecheckout .checkout-billing-address .action.primary.action-login, .firecheckout .modal-footer .action.primary.action-login, .firecheckout .actions-toolbar .action.primary.action-login, .firecheckout .checkout-shipping-address button.action.action-login, .firecheckout .checkout-billing-address button.action.action-login, .firecheckout .modal-footer button.action.action-login, .firecheckout .actions-toolbar button.action.action-login, .firecheckout .checkout-shipping-address .action.primary.action[data-role="opc-continue"], .firecheckout .checkout-billing-address .action.primary.action[data-role="opc-continue"], .firecheckout .modal-footer .action.primary.action[data-role="opc-continue"], .firecheckout .actions-toolbar .action.primary.action[data-role="opc-continue"], .firecheckout .checkout-shipping-address button.action.action[data-role="opc-continue"], .firecheckout .checkout-billing-address button.action.action[data-role="opc-continue"], .firecheckout .modal-footer button.action.action[data-role="opc-continue"], .firecheckout .actions-toolbar button.action.action[data-role="opc-continue"] { border-style: solid; color: #ffffff; font-weight: 600; text-shadow: none; text-decoration: none; border-width: 2px; border-radius: 3px; border-color: #1E2832; box-shadow: none; background: #1E2832; padding: 13px 25px; transition: all 200ms ease-in-out; } .firecheckout .checkout-shipping-address .action.primary.action-agree:hover, .firecheckout .checkout-billing-address .action.primary.action-agree:hover, .firecheckout .modal-footer .action.primary.action-agree:hover, .firecheckout .actions-toolbar .action.primary.action-agree:hover, .firecheckout .checkout-shipping-address button.action.action-agree:hover, .firecheckout .checkout-billing-address button.action.action-agree:hover, .firecheckout .modal-footer button.action.action-agree:hover, .firecheckout .actions-toolbar button.action.action-agree:hover, .firecheckout .checkout-shipping-address .action.primary.action-update:hover, .firecheckout .checkout-billing-address .action.primary.action-update:hover, .firecheckout .modal-footer .action.primary.action-update:hover, .firecheckout .actions-toolbar .action.primary.action-update:hover, .firecheckout .checkout-shipping-address button.action.action-update:hover, .firecheckout .checkout-billing-address button.action.action-update:hover, .firecheckout .modal-footer button.action.action-update:hover, .firecheckout .actions-toolbar button.action.action-update:hover, .firecheckout .checkout-shipping-address .action.primary.action-login:hover, .firecheckout .checkout-billing-address .action.primary.action-login:hover, .firecheckout .modal-footer .action.primary.action-login:hover, .firecheckout .actions-toolbar .action.primary.action-login:hover, .firecheckout .checkout-shipping-address button.action.action-login:hover, .firecheckout .checkout-billing-address button.action.action-login:hover, .firecheckout .modal-footer button.action.action-login:hover, .firecheckout .actions-toolbar button.action.action-login:hover, .firecheckout .checkout-shipping-address .action.primary.action[data-role="opc-continue"]:hover, .firecheckout .checkout-billing-address .action.primary.action[data-role="opc-continue"]:hover, .firecheckout .modal-footer .action.primary.action[data-role="opc-continue"]:hover, .firecheckout .actions-toolbar .action.primary.action[data-role="opc-continue"]:hover, .firecheckout .checkout-shipping-address button.action.action[data-role="opc-continue"]:hover, .firecheckout .checkout-billing-address button.action.action[data-role="opc-continue"]:hover, .firecheckout .modal-footer button.action.action[data-role="opc-continue"]:hover, .firecheckout .actions-toolbar button.action.action[data-role="opc-continue"]:hover, .firecheckout .checkout-shipping-address .action.primary.action-agree:focus, .firecheckout .checkout-billing-address .action.primary.action-agree:focus, .firecheckout .modal-footer .action.primary.action-agree:focus, .firecheckout .actions-toolbar .action.primary.action-agree:focus, .firecheckout .checkout-shipping-address button.action.action-agree:focus, .firecheckout .checkout-billing-address button.action.action-agree:focus, .firecheckout .modal-footer button.action.action-agree:focus, .firecheckout .actions-toolbar button.action.action-agree:focus, .firecheckout .checkout-shipping-address .action.primary.action-update:focus, .firecheckout .checkout-billing-address .action.primary.action-update:focus, .firecheckout .modal-footer .action.primary.action-update:focus, .firecheckout .actions-toolbar .action.primary.action-update:focus, .firecheckout .checkout-shipping-address button.action.action-update:focus, .firecheckout .checkout-billing-address button.action.action-update:focus, .firecheckout .modal-footer button.action.action-update:focus, .firecheckout .actions-toolbar button.action.action-update:focus, .firecheckout .checkout-shipping-address .action.primary.action-login:focus, .firecheckout .checkout-billing-address .action.primary.action-login:focus, .firecheckout .modal-footer .action.primary.action-login:focus, .firecheckout .actions-toolbar .action.primary.action-login:focus, .firecheckout .checkout-shipping-address button.action.action-login:focus, .firecheckout .checkout-billing-address button.action.action-login:focus, .firecheckout .modal-footer button.action.action-login:focus, .firecheckout .actions-toolbar button.action.action-login:focus, .firecheckout .checkout-shipping-address .action.primary.action[data-role="opc-continue"]:focus, .firecheckout .checkout-billing-address .action.primary.action[data-role="opc-continue"]:focus, .firecheckout .modal-footer .action.primary.action[data-role="opc-continue"]:focus, .firecheckout .actions-toolbar .action.primary.action[data-role="opc-continue"]:focus, .firecheckout .checkout-shipping-address button.action.action[data-role="opc-continue"]:focus, .firecheckout .checkout-billing-address button.action.action[data-role="opc-continue"]:focus, .firecheckout .modal-footer button.action.action[data-role="opc-continue"]:focus, .firecheckout .actions-toolbar button.action.action[data-role="opc-continue"]:focus { border-style: solid; color: #ffffff; text-shadow: none; text-decoration: none; border-width: 2px; border-radius: 3px; border-color: #1E2832; box-shadow: none; background: #1E2832; padding: 13px 25px; } .firecheckout .place-order .actions-toolbar .primary .action { border-style: solid; text-shadow: none; text-decoration: none; border-width: 2px; border-color: #1E2832; box-shadow: none; background: #1E2832; padding: 12px 24px; transition: all 200ms ease-in-out; } .firecheckout .place-order .actions-toolbar .primary .action:hover, .firecheckout .place-order .actions-toolbar .primary .action:focus { border-style: solid; color: #ffffff; text-shadow: none; text-decoration: none; border-width: 2px; border-radius: 4px; border-color: #1E2832; box-shadow: none; background: #1E2832; padding: 18px 15px; } .firecheckout .checkout-shipping-address .action.primary, .firecheckout .checkout-billing-address .action.primary, .firecheckout .modal-footer .action.primary, .firecheckout .actions-toolbar .action.primary, .firecheckout .checkout-shipping-address button.action, .firecheckout .checkout-billing-address button.action, .firecheckout .modal-footer button.action, .firecheckout .actions-toolbar button.action { border-style: solid; color: #ffffff; font-weight: 500; text-shadow: none; text-decoration: none; border-width: 2px; border-radius: 3px; border-color: #1E2832; box-shadow: none; background: #1E2832; padding: 7px 15px; transition: all 200ms ease-in-out; } .firecheckout .checkout-shipping-address .action.primary:hover, .firecheckout .checkout-billing-address .action.primary:hover, .firecheckout .modal-footer .action.primary:hover, .firecheckout .actions-toolbar .action.primary:hover, .firecheckout .checkout-shipping-address button.action:hover, .firecheckout .checkout-billing-address button.action:hover, .firecheckout .modal-footer button.action:hover, .firecheckout .actions-toolbar button.action:hover, .firecheckout .checkout-shipping-address .action.primary:focus, .firecheckout .checkout-billing-address .action.primary:focus, .firecheckout .modal-footer .action.primary:focus, .firecheckout .actions-toolbar .action.primary:focus, .firecheckout .checkout-shipping-address button.action:focus, .firecheckout .checkout-billing-address button.action:focus, .firecheckout .modal-footer button.action:focus, .firecheckout .actions-toolbar button.action:focus { border-style: solid; color: #ffffff; text-shadow: none; text-decoration: none; border-width: 2px; border-radius: 3px; border-color: #1E2832; box-shadow: none; background: #1E2832; padding: 7px 15px; } .firecheckout #maincontent .authentication-wrapper .action-auth-toggle { border-style: solid; color: #ffffff; font-weight: 500; text-shadow: none; text-decoration: none; border-width: 2px; border-radius: 3px; border-color: #1E2832; box-shadow: none; background: #1E2832; padding: 5px 12px; transition: all 200ms ease-in-out; } .firecheckout #maincontent .authentication-wrapper .action-auth-toggle:hover, .firecheckout #maincontent .authentication-wrapper .action-auth-toggle:focus { border-style: solid; color: #ffffff; text-shadow: none; text-decoration: none; border-width: 2px; border-radius: 3px; border-color: #1E2832; box-shadow: none; background: #1E2832; padding: 5px 12px; } .firecheckout > iframe[style*="height: 0px"] { display: block; } .firecheckout .column.main { width: auto; } .firecheckout .column.main table > thead { border: 0; } .firecheckout .column.main table > tbody > tr:nth-child(odd), .firecheckout .column.main table > tbody > tr:nth-child(even) { background-color: transparent; } .firecheckout .column.main table > tbody > tr:nth-child(odd) .amount .price, .firecheckout .column.main table > tbody > tr:nth-child(even) .amount .price { color: var(--text-secondary-disabled, #8c9196); font-family: Nunito Sans, serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } .firecheckout #checkout .opc-wrapper .form-login { margin-top: 0; margin-left: 0; margin-right: 0; border-color: #f4f4f4; } .firecheckout #checkout .opc-wrapper .form-login .fieldset { clear: left; margin-bottom: 0; } .firecheckout #checkout .opc-wrapper .form-login .hidden-fields { margin-bottom: 25px; } .firecheckout #checkout .opc-wrapper .form-shipping-address { margin-top: 0; margin-bottom: 10px; } .firecheckout #checkout .opc-wrapper .step-content { margin: 0; } .firecheckout #checkout .opc-wrapper .step-content > * + .form-shipping-address { margin-top: 15px; padding: 24px; } @media (max-width: 479.98px) { .firecheckout #checkout .opc-wrapper .step-content > * + .form-shipping-address { padding: 24px; } } .firecheckout .opc-estimated-wrapper { margin-top: 0; } .firecheckout:not(.fc-multistep) #shipping-method-buttons-container { display: none !important; } .firecheckout .no-quotes-block { margin-bottom: 20px; } .firecheckout #checkout, .firecheckout #checkout .opc-wrapper { margin: 0; } .firecheckout .nolist { list-style: none; margin: 0; padding: 0; } @media (min-width: 768px) { .firecheckout #checkout .opc-wrapper { padding: 0; } .firecheckout #checkout .opc-wrapper .opc { box-shadow: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 40px; } .firecheckout #checkout .opc-wrapper .table-checkout-shipping-method { min-width: 0; width: 100%; } .firecheckout #checkout .opc-wrapper .table-checkout-shipping-method .row { cursor: default; } } @media (max-width: 639px) { .firecheckout #checkout .opc-wrapper .form-login, .firecheckout #checkout .opc-wrapper .form-shipping-address, .firecheckout #checkout .opc-wrapper .methods-shipping { background: transparent; border: 0; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; } .firecheckout #checkout .opc-wrapper .form-login { margin-top: 0; padding: 0; } .firecheckout #checkout .opc-wrapper .checkout-shipping-method .methods-shipping { margin-top: 0; padding-top: 0; } } @media (max-width: 639px) and (max-width: 479.98px) { .firecheckout #checkout .opc-wrapper .form-login { padding: 24px; } } @media (max-width: 639px) and (max-width: 479.98px) { .firecheckout #checkout .opc-wrapper .checkout-shipping-method .methods-shipping { padding: 20px; margin: 0; } } @-webkit-keyframes firecheckout-shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(1px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-1px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(1px, 0, 0); } } @keyframes firecheckout-shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(1px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-1px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(1px, 0, 0); } } .firecheckout-shake { animation: firecheckout-shake 0.82s cubic-bezier(0.36, 0.07000000000000001, 0.19, 0.97) both; transform: translate3d(0, 0, 0); perspective: 1000px; } @-webkit-keyframes firecheckout-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes firecheckout-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes firecheckout-pulse { 50% { opacity: .4; } } .fc-col-12 { width: 100% !important; } .fc-col-11 { width: 91.66666667% !important; } .fc-col-10 { width: 83.33333333% !important; } .fc-col-9 { width: 75% !important; } .fc-col-8 { width: 66.66666667% !important; } .fc-col-7 { width: 58.33333333% !important; } .fc-col-6 { width: 50% !important; } .fc-col-5 { width: 41.66666667% !important; } .fc-col-4 { width: 33.33333333% !important; } .fc-col-3 { width: 25% !important; } .fc-col-2 { width: 16.66666667% !important; } .fc-col-1 { width: 8.33333333% !important; } .fc-col-0 { width: 0% !important; } .fc-col-newline { clear: left; } .fc-size-l .fc-size-l\:fc-col-12 { width: 100% !important; } .fc-size-l .fc-size-l\:fc-col-11 { width: 91.66666667% !important; } .fc-size-l .fc-size-l\:fc-col-10 { width: 83.33333333% !important; } .fc-size-l .fc-size-l\:fc-col-9 { width: 75% !important; } .fc-size-l .fc-size-l\:fc-col-8 { width: 66.66666667% !important; } .fc-size-l .fc-size-l\:fc-col-7 { width: 58.33333333% !important; } .fc-size-l .fc-size-l\:fc-col-6 { width: 50% !important; } .fc-size-l .fc-size-l\:fc-col-5 { width: 41.66666667% !important; } .fc-size-l .fc-size-l\:fc-col-4 { width: 33.33333333% !important; } .fc-size-l .fc-size-l\:fc-col-3 { width: 25% !important; } .fc-size-l .fc-size-l\:fc-col-2 { width: 16.66666667% !important; } .fc-size-l .fc-size-l\:fc-col-1 { width: 8.33333333% !important; } .fc-size-l .fc-size-l\:fc-col-0 { width: 0% !important; } .fc-size-l .fc-size-l\:fc-col-newline { clear: left; } .fc-size-m .fc-size-m\:fc-col-12 { width: 100% !important; } .fc-size-m .fc-size-m\:fc-col-11 { width: 91.66666667% !important; } .fc-size-m .fc-size-m\:fc-col-10 { width: 83.33333333% !important; } .fc-size-m .fc-size-m\:fc-col-9 { width: 75% !important; } .fc-size-m .fc-size-m\:fc-col-8 { width: 66.66666667% !important; } .fc-size-m .fc-size-m\:fc-col-7 { width: 58.33333333% !important; } .fc-size-m .fc-size-m\:fc-col-6 { width: 50% !important; } .fc-size-m .fc-size-m\:fc-col-5 { width: 41.66666667% !important; } .fc-size-m .fc-size-m\:fc-col-4 { width: 33.33333333% !important; } .fc-size-m .fc-size-m\:fc-col-3 { width: 25% !important; } .fc-size-m .fc-size-m\:fc-col-2 { width: 16.66666667% !important; } .fc-size-m .fc-size-m\:fc-col-1 { width: 8.33333333% !important; } .fc-size-m .fc-size-m\:fc-col-0 { width: 0% !important; } .fc-size-m .fc-size-m\:fc-col-newline { clear: left; } .fc-size-s .fc-size-s\:fc-col-12 { width: 100% !important; } .fc-size-s .fc-size-s\:fc-col-11 { width: 91.66666667% !important; } .fc-size-s .fc-size-s\:fc-col-10 { width: 83.33333333% !important; } .fc-size-s .fc-size-s\:fc-col-9 { width: 75% !important; } .fc-size-s .fc-size-s\:fc-col-8 { width: 66.66666667% !important; } .fc-size-s .fc-size-s\:fc-col-7 { width: 58.33333333% !important; } .fc-size-s .fc-size-s\:fc-col-6 { width: 50% !important; } .fc-size-s .fc-size-s\:fc-col-5 { width: 41.66666667% !important; } .fc-size-s .fc-size-s\:fc-col-4 { width: 33.33333333% !important; } .fc-size-s .fc-size-s\:fc-col-3 { width: 25% !important; } .fc-size-s .fc-size-s\:fc-col-2 { width: 16.66666667% !important; } .fc-size-s .fc-size-s\:fc-col-1 { width: 8.33333333% !important; } .fc-size-s .fc-size-s\:fc-col-0 { width: 0% !important; } .fc-size-s .fc-size-s\:fc-col-newline { clear: left; } .fc-size-xs .fc-size-xs\:fc-col-12 { width: 100% !important; } .fc-size-xs .fc-size-xs\:fc-col-11 { width: 91.66666667% !important; } .fc-size-xs .fc-size-xs\:fc-col-10 { width: 83.33333333% !important; } .fc-size-xs .fc-size-xs\:fc-col-9 { width: 75% !important; } .fc-size-xs .fc-size-xs\:fc-col-8 { width: 66.66666667% !important; } .fc-size-xs .fc-size-xs\:fc-col-7 { width: 58.33333333% !important; } .fc-size-xs .fc-size-xs\:fc-col-6 { width: 50% !important; } .fc-size-xs .fc-size-xs\:fc-col-5 { width: 41.66666667% !important; } .fc-size-xs .fc-size-xs\:fc-col-4 { width: 33.33333333% !important; } .fc-size-xs .fc-size-xs\:fc-col-3 { width: 25% !important; } .fc-size-xs .fc-size-xs\:fc-col-2 { width: 16.66666667% !important; } .fc-size-xs .fc-size-xs\:fc-col-1 { width: 8.33333333% !important; } .fc-size-xs .fc-size-xs\:fc-col-0 { width: 0% !important; } .fc-size-xs .fc-size-xs\:fc-col-newline { clear: left; } .fc-hidden { display: none !important; } @media (min-width: 639px) { .fc-flex { display: flex; } .fc-flex-center { justify-content: center; } } .fc-product-list.cols-5 .products-grid .product-item { width: 20% !important; margin: 0 !important; } .fc-product-list.cols-4 .products-grid .product-item { width: 25% !important; margin: 0 !important; } .fc-product-list.cols-3 .products-grid .product-item { width: 33.33333333% !important; margin: 0 !important; } .fc-product-list.cols-2 .products-grid .product-item { width: 50% !important; margin: 0 !important; } .fc-product-list.cols-1 .products-grid .product-item { width: 100% !important; margin: 0 !important; } .firecheckout .firecheckout-header { text-align: center; } .firecheckout .firecheckout-header .header { padding: 20px 20px 0; position: static; } @media (max-width: 479.98px) { .firecheckout .firecheckout-header .header { display: none; } } .fc-step-shipping .close-checkout { display: none; } @media (max-width: 479.98px) { .fc-step-shipping .close-checkout { display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; } } .firecheckout .firecheckout-header .header .logo { float: none; margin: 0; } .firecheckout .firecheckout-header .header .logo img { display: inline; } .firecheckout:not(.page-layout-checkout) .page-title-wrapper { display: flex; flex-direction: column-reverse; justify-content: space-between; align-items: flex-start; width: auto; height: auto; margin: 0; overflow: visible; position: static; } .firecheckout:not(.page-layout-checkout) .page-title-wrapper .page-title { color: var(--text-primary, #1e2832); text-align: center; font-family: Nunito Sans, serif; font-size: 28px; font-style: normal; font-weight: 700; line-height: 40px; letter-spacing: 0.5px; } .firecheckout:not(.page-layout-checkout) .page-title-wrapper > .container { display: flex; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; } .firecheckout:not(.page-layout-checkout) .page-title-wrapper h1 { margin: 20px auto 20px 0; } @media (max-width: 479.98px) { .firecheckout:not(.page-layout-checkout) .page-title-wrapper h1 { color: var(--text-primary, #1e2832); text-align: center; /* mobile/H3 */ font-family: Nunito Sans, serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 28px; letter-spacing: 0.5px; margin: 0; } } .firecheckout:not(.page-layout-checkout) .page-title-wrapper > * + * { margin: 0 10px; } .firecheckout.firecheckout-layout-empty .page-main, .firecheckout.firecheckout-layout-minimal .page-main { padding-top: 10px; } .firecheckout.firecheckout-layout-empty .page-main, .firecheckout.firecheckout-layout-minimal .page-main, .firecheckout.firecheckout-layout-empty .header.content, .firecheckout.firecheckout-layout-minimal .header.content { width: 100%; box-sizing: border-box; max-width: 1280px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .header.content, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .header.content { max-width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .header.content, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .header.content { max-width: 688px; } } @media (min-width: 1024px) and (max-width: 1279px) { .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .header.content, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .header.content { max-width: 943px; } } @media (min-width: 1280px) and (max-width: 1439px) { .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .header.content, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .header.content { max-width: 1168px; } } @media (min-width: 1440px) and (max-width: 1919px) { .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .header.content, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .header.content { max-width: 1312px; } } @media (min-width: 1920px) { .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .page-main, .firecheckout.firecheckout-col1-set.firecheckout-layout-empty .header.content, .firecheckout.firecheckout-col1-set.firecheckout-layout-minimal .header.content { max-width: 1400px; } } .firecheckout .continue-shopping { display: none; } .firecheckout-layout-empty .continue-shopping { display: block; } @media (max-width: 639px) { .firecheckout.firecheckout-layout-empty .page-title-wrapper { flex-wrap: wrap; margin-bottom: 15px; } .firecheckout.firecheckout-layout-empty .page-title-wrapper h1 { width: 100%; text-align: center; } } @media (min-width: 768px) { .firecheckout.firecheckout-quote-virtual.firecheckout-layout-empty .page-main, .firecheckout.firecheckout-quote-virtual.firecheckout-layout-minimal .page-main, .firecheckout.firecheckout-quote-virtual.firecheckout-layout-empty .header.content, .firecheckout.firecheckout-quote-virtual.firecheckout-layout-minimal .header.content { max-width: 1080px; } .firecheckout-layout-full .nav-sections { display: block; } } .firecheckout .opc { background: none; border: 0; } .firecheckout #checkout .opc-wrapper .opc > li, .firecheckout #checkout .opc-sidebar { box-sizing: border-box; padding: 15px; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 0; box-shadow: none; } .firecheckout.firecheckout-col1-set.fc-multistep #checkout .opc-wrapper .opc { box-sizing: border-box; padding: 15px; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 0; box-shadow: none; padding: 0; margin-bottom: 10px; } .firecheckout.firecheckout-col1-set.fc-multistep #checkout .opc-wrapper .opc > li { background: transparent; border: 0; border-radius: 0; box-shadow: none; } .firecheckout #checkout { counter-reset: firecheckout-section-counter; } .firecheckout #checkout .opc-wrapper .step-title, .firecheckout #checkout .opc-block-summary > .title, .firecheckout #checkout .opc-sidebar .step-title { display: flex; align-items: center; border: 0; margin: 0; padding: 16px; font-size: 25px; font-weight: 300; color: var(--text-primary, #1e2832); font-family: Nunito Sans; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: 0.5px; border-radius: 4px; background: var(--backgrounds-photo, #f5f5f5); border-bottom: 1px solid #E7EBEF; } .firecheckout #checkout .opc-wrapper .step-title:before, .firecheckout #checkout .opc-block-summary > .title:before, .firecheckout #checkout .opc-sidebar .step-title:before { box-sizing: content-box; flex-shrink: 0; text-align: center; background: #000000; width: 23px; height: 23px; line-height: 23px; margin: 0 7px 0 0; color: #ffffff; font-weight: normal; font-size: 15px; font-family: Verdana, sans-serif; border: 0; counter-increment: firecheckout-section-counter; content: counter(firecheckout-section-counter); } .firecheckout-col1-set.firecheckout #checkout .opc-wrapper .step-title:before, .firecheckout-col1-set.firecheckout #checkout .opc-block-summary > .title:before, .firecheckout-col1-set.firecheckout #checkout .opc-sidebar .step-title:before, .firecheckout-quote-virtual.firecheckout #checkout .opc-wrapper .step-title:before, .firecheckout-quote-virtual.firecheckout #checkout .opc-block-summary > .title:before, .firecheckout-quote-virtual.firecheckout #checkout .opc-sidebar .step-title:before { display: none; } .firecheckout #checkout .fc-heading, .firecheckout #checkout .fc-subtitle, .firecheckout #checkout .opc-sidebar .opc-block-summary .step-title { color: #444444; text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: bold; margin-bottom: 12px; padding: 0; } .firecheckout #checkout .fc-heading:before, .firecheckout #checkout .fc-subtitle:before, .firecheckout #checkout .opc-sidebar .opc-block-summary .step-title:before { display: none; } .firecheckout #checkout .opc-wrapper .opc > li, .firecheckout #checkout .opc-sidebar { margin: 0 0 10px; position: relative; z-index: auto; } @media (max-width: 479.98px) { .firecheckout #checkout .opc-wrapper .opc > li, .firecheckout #checkout .opc-sidebar { padding: 0; } } .firecheckout #checkout .opc-sidebar { margin-right: 0; } @media (min-width: 768px) { .firecheckout #checkout .opc-wrapper .opc > li, .firecheckout #checkout .opc-sidebar { float: left; margin: 0 10px 10px 0; } .firecheckout #checkout .opc-sidebar { float: right; margin-right: 0; } .firecheckout #checkout .opc-wrapper { float: left; width: 66%; } .firecheckout #checkout .opc-wrapper:before { display: none; } .firecheckout #checkout .opc-wrapper .form-login, .firecheckout #checkout .opc-wrapper .form-shipping-address { max-width: none; padding: 24px; } .firecheckout.firecheckout-col1-set .page-wrapper, .firecheckout.firecheckout-col2-set .page-wrapper, .firecheckout.firecheckout-col3-set .page-wrapper { overflow: visible; } .firecheckout.firecheckout-col1-set #checkout .opc-sidebar, .firecheckout.firecheckout-col2-set #checkout .opc-sidebar, .firecheckout.firecheckout-col3-set #checkout .opc-sidebar { position: sticky !important; top: 15px; } .firecheckout.firecheckout-col1-set #checkout .opc-wrapper .opc > li { float: none; margin-right: 0; width: auto; padding: 0; display: flex; flex-direction: column; border-radius: 4px; border: 1px solid var(--dividers, #e7ebef); } .firecheckout.firecheckout-col1-set #checkout .opc-wrapper .opc > li:last-child { margin: 0; } .firecheckout.firecheckout-col1-set #checkout .opc-wrapper { padding: 0 10px 0 0; width: 61%; float: left; } .firecheckout.firecheckout-col1-set #checkout .opc-sidebar { width: 35%; border-radius: 4px; background: var(--backgrounds-photo, #f5f5f5); border: none; padding: 0; } .firecheckout.firecheckout-col1-set #checkout .opc-sidebar .minicart-items-wrapper { max-height: 300px; } .firecheckout.firecheckout-col2-set #checkout .opc-wrapper { width: 60%; } .firecheckout.firecheckout-col2-set #checkout .opc-wrapper .opc > li { margin-right: 10px; width: calc(90%); } .firecheckout.firecheckout-col2-set #checkout .opc-sidebar { clear: right; width: 40%; } .firecheckout.firecheckout-col3-set #checkout .opc-wrapper { width: 60%; } .firecheckout.firecheckout-col3-set #checkout .opc-wrapper .opc > li { width: calc(90%); } .firecheckout.firecheckout-col3-set #checkout .opc-sidebar { width: 40%; } } @media (min-width: 1024px) { .firecheckout #checkout .opc-wrapper .opc > li { margin: 0 15px 15px 0; } .firecheckout.firecheckout-col1-set #checkout .opc-wrapper { padding: 0 0px 0 0; } .firecheckout.firecheckout-col2-set #checkout .opc-sidebar, .firecheckout.firecheckout-col3-set #checkout .opc-sidebar { position: relative !important; top: auto; } .firecheckout.firecheckout-col2-set #checkout .opc-wrapper .opc > li, .firecheckout.firecheckout-col2-set #checkout .opc-sidebar { margin-right: 0; width: 60%; float: right; } .firecheckout.firecheckout-col2-set #checkout .opc-wrapper { float: none; width: auto; } .firecheckout.firecheckout-col2-set #checkout .opc-wrapper .opc > li:first-child, .firecheckout.firecheckout-col2-set #checkout .opc-wrapper .opc > li.checkout-shipping-address { float: left; clear: left; width: calc(25%); margin-right: 15px; } .firecheckout.firecheckout-col2-set #checkout .opc-sidebar { clear: right; } .firecheckout.firecheckout-col2-set.alt #checkout .opc-wrapper .opc > li, .firecheckout.firecheckout-col2-set.alt #checkout .opc-sidebar { width: 66.66666667%; } .firecheckout.firecheckout-col2-set.alt #checkout .opc-wrapper .opc > li:first-child, .firecheckout.firecheckout-col2-set.alt #checkout .opc-wrapper .opc > li.checkout-shipping-address { width: calc(18.33333333%); } .firecheckout.firecheckout-col2-set.alt #checkout .opc-wrapper .opc > li.checkout-shipping-method { float: left; margin-right: 15px; width: calc(18.33333333%); } .firecheckout.firecheckout-col2-set.alt #checkout .opc-wrapper .opc > li.checkout-payment-method { margin-right: 0; width: 33.33333333%; } .firecheckout.firecheckout-col3-set #checkout .opc-wrapper { width: 70%; } .firecheckout.firecheckout-col3-set #checkout .opc-wrapper .opc > li { width: calc(35%); float: right; } .firecheckout.firecheckout-col3-set #checkout .opc-wrapper .opc > li.checkout-shipping-address { float: left; } .firecheckout.firecheckout-col3-set #checkout .opc-wrapper .opc > li.checkout-payment-method { clear: right; } .firecheckout.firecheckout-col3-set #checkout .opc-sidebar { width: 30%; } } @media (min-width: 768px) { .firecheckout.firecheckout-quote-virtual.firecheckout-col2-set #checkout .opc-wrapper .opc > li, .firecheckout.firecheckout-quote-virtual.firecheckout-col3-set #checkout .opc-wrapper .opc > li { float: none; margin-right: 0; width: auto; } .firecheckout.firecheckout-quote-virtual.firecheckout-col2-set #checkout .opc-wrapper .opc > li.checkout-payment-method, .firecheckout.firecheckout-quote-virtual.firecheckout-col3-set #checkout .opc-wrapper .opc > li.checkout-payment-method { width: auto; } .firecheckout.firecheckout-quote-virtual.firecheckout-col2-set #checkout .opc-wrapper .opc > li:last-child, .firecheckout.firecheckout-quote-virtual.firecheckout-col3-set #checkout .opc-wrapper .opc > li:last-child { margin: 0; } .firecheckout.firecheckout-quote-virtual.firecheckout-col2-set #checkout .opc-wrapper, .firecheckout.firecheckout-quote-virtual.firecheckout-col3-set #checkout .opc-wrapper { padding: 0 10px 0 0; width: 63%; float: left; } .firecheckout.firecheckout-quote-virtual.firecheckout-col2-set #checkout .opc-sidebar, .firecheckout.firecheckout-quote-virtual.firecheckout-col3-set #checkout .opc-sidebar { position: sticky !important; top: 15px; width: 37%; } } @media (min-width: 1024px) { .firecheckout.firecheckout-quote-virtual.firecheckout-col2-set #checkout .opc-wrapper, .firecheckout.firecheckout-quote-virtual.firecheckout-col3-set #checkout .opc-wrapper { padding: 0 15px 0 0; } } .firecheckout.firecheckout-col1-set.fc-multistep #checkout .authentication-wrapper { float: right; } .firecheckout.firecheckout-col1-set.fc-multistep .opc-wrapper { clear: both; } .firecheckout.firecheckout-col1-set.fc-multistep .continue-shopping { display: none; } .firecheckout.firecheckout-col1-set.fc-multistep.fc-hide-shipping-methods.fc-single-shipping-method #checkout .opc-wrapper .checkout-shipping-method { display: block; } .firecheckout.firecheckout-col1-set.fc-multistep.fc-hide-shipping-methods.fc-single-shipping-method #checkout .opc-wrapper .checkout-shipping-method .step-title, .firecheckout.firecheckout-col1-set.fc-multistep.fc-hide-shipping-methods.fc-single-shipping-method #checkout .opc-wrapper .checkout-shipping-method .no-quotes-block, .firecheckout.firecheckout-col1-set.fc-multistep.fc-hide-shipping-methods.fc-single-shipping-method #checkout .opc-wrapper .checkout-shipping-method .shipping-policy-block, .firecheckout.firecheckout-col1-set.fc-multistep.fc-hide-shipping-methods.fc-single-shipping-method #checkout .opc-wrapper .checkout-shipping-method #checkout-shipping-method-load { display: none; } .firecheckout.firecheckout-col1-set.fc-multistep.fc-hide-shipping-methods.fc-single-shipping-method #checkout .opc-wrapper .checkout-shipping-method .actions-toolbar { margin: 0 !important; } .firecheckout.firecheckout-col1-set.fc-multistep.fc-hide-shipping-methods.fc-single-shipping-method #checkout .opc-wrapper .checkout-shipping-method .actions-toolbar .action { margin: 0; } .firecheckout.firecheckout-col1-set.fc-multistep #checkout .opc-wrapper .checkout-shipping-address { margin-bottom: 0; padding-bottom: 0; } .firecheckout.firecheckout-col1-set.fc-multistep #checkout .opc-wrapper .checkout-shipping-address + .checkout-shipping-method { padding-top: 15px; margin-bottom: 0; } .firecheckout.firecheckout-col1-set.fc-multistep .opc-sidebar { display: none; } .fc-step-payment.firecheckout.firecheckout-col1-set.fc-multistep .opc-sidebar { display: block; } @media (min-width: 768px) { .firecheckout.firecheckout-col1-set.fc-multistep #shipping-method-buttons-container { margin-top: 30px; } .firecheckout.firecheckout-col1-set.fc-multistep .agreements-clone, .firecheckout.firecheckout-col1-set.fc-multistep .place-order { display: none; } .fc-step-payment.firecheckout.firecheckout-col1-set.fc-multistep .agreements-clone, .fc-step-payment.firecheckout.firecheckout-col1-set.fc-multistep .place-order { display: block; } .firecheckout.firecheckout-col1-set.fc-multistep .opc-sidebar { display: block; } .firecheckout.firecheckout-col1-set.fc-multistep .fc-placeOrder-container .place-order { margin: 0; padding: 0 10px; } } .firecheckout #checkout .fieldset, .firecheckout .modal-custom .fieldset, .firecheckout .modal-popup .fieldset { background: none; } .firecheckout #checkout div.field .control, .firecheckout .modal-custom div.field .control, .firecheckout .modal-popup div.field .control, .firecheckout #checkout .fieldset div.field .control, .firecheckout .modal-custom .fieldset div.field .control, .firecheckout .modal-popup .fieldset div.field .control { position: relative; } .firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"]), .firecheckout .modal-custom input:not([type="checkbox"]):not([type="radio"]):not([type="image"]), .firecheckout .modal-popup input:not([type="checkbox"]):not([type="radio"]):not([type="image"]), .firecheckout #checkout select, .firecheckout .modal-custom select, .firecheckout .modal-popup select, .firecheckout #checkout textarea, .firecheckout .modal-custom textarea, .firecheckout .modal-popup textarea { height: auto; width: 100%; max-width: none; line-height: normal; background-color: #ffffff; display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); } .firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):focus, .firecheckout .modal-custom input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):focus, .firecheckout .modal-popup input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):focus, .firecheckout #checkout select:focus, .firecheckout .modal-custom select:focus, .firecheckout .modal-popup select:focus, .firecheckout #checkout textarea:focus, .firecheckout .modal-custom textarea:focus, .firecheckout .modal-popup textarea:focus { box-shadow: none; border-color: #c2c2c2; background-color: #fafafa; } .firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):-webkit-autofill, .firecheckout .modal-custom input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):-webkit-autofill, .firecheckout .modal-popup input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):-webkit-autofill, .firecheckout #checkout select:-webkit-autofill, .firecheckout .modal-custom select:-webkit-autofill, .firecheckout .modal-popup select:-webkit-autofill, .firecheckout #checkout textarea:-webkit-autofill, .firecheckout .modal-custom textarea:-webkit-autofill, .firecheckout .modal-popup textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #ffffe4 inset !important; } .firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::-webkit-input-placeholder, .firecheckout .modal-custom input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::-webkit-input-placeholder, .firecheckout .modal-popup input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::-webkit-input-placeholder, .firecheckout #checkout select::-webkit-input-placeholder, .firecheckout .modal-custom select::-webkit-input-placeholder, .firecheckout .modal-popup select::-webkit-input-placeholder, .firecheckout #checkout textarea::-webkit-input-placeholder, .firecheckout .modal-custom textarea::-webkit-input-placeholder, .firecheckout .modal-popup textarea::-webkit-input-placeholder { color: #676767; } .firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::-moz-placeholder, .firecheckout .modal-custom input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::-moz-placeholder, .firecheckout .modal-popup input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::-moz-placeholder, .firecheckout #checkout select::-moz-placeholder, .firecheckout .modal-custom select::-moz-placeholder, .firecheckout .modal-popup select::-moz-placeholder, .firecheckout #checkout textarea::-moz-placeholder, .firecheckout .modal-custom textarea::-moz-placeholder, .firecheckout .modal-popup textarea::-moz-placeholder { color: #676767; } .firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):-ms-input-placeholder, .firecheckout .modal-custom input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):-ms-input-placeholder, .firecheckout .modal-popup input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):-ms-input-placeholder, .firecheckout #checkout select:-ms-input-placeholder, .firecheckout .modal-custom select:-ms-input-placeholder, .firecheckout .modal-popup select:-ms-input-placeholder, .firecheckout #checkout textarea:-ms-input-placeholder, .firecheckout .modal-custom textarea:-ms-input-placeholder, .firecheckout .modal-popup textarea:-ms-input-placeholder { color: #676767; } .firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::-ms-input-placeholder, .firecheckout .modal-custom input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::-ms-input-placeholder, .firecheckout .modal-popup input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::-ms-input-placeholder, .firecheckout #checkout select::-ms-input-placeholder, .firecheckout .modal-custom select::-ms-input-placeholder, .firecheckout .modal-popup select::-ms-input-placeholder, .firecheckout #checkout textarea::-ms-input-placeholder, .firecheckout .modal-custom textarea::-ms-input-placeholder, .firecheckout .modal-popup textarea::-ms-input-placeholder { color: #676767; } .firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::placeholder, .firecheckout .modal-custom input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::placeholder, .firecheckout .modal-popup input:not([type="checkbox"]):not([type="radio"]):not([type="image"])::placeholder, .firecheckout #checkout select::placeholder, .firecheckout .modal-custom select::placeholder, .firecheckout .modal-popup select::placeholder, .firecheckout #checkout textarea::placeholder, .firecheckout .modal-custom textarea::placeholder, .firecheckout .modal-popup textarea::placeholder { color: #676767; } .firecheckout #checkout textarea, .firecheckout .modal-custom textarea, .firecheckout .modal-popup textarea { height: auto; } .firecheckout #checkout select[multiple], .firecheckout .modal-custom select[multiple], .firecheckout .modal-popup select[multiple] { height: auto; } .firecheckout #checkout div.mage-error, .firecheckout .modal-custom div.mage-error, .firecheckout .modal-popup div.mage-error, .firecheckout #checkout div.field-error, .firecheckout .modal-custom div.field-error, .firecheckout .modal-popup div.field-error { position: static; margin-top: 2px; font-size: .85em; } .firecheckout #checkout .field-note, .firecheckout .modal-custom .field-note, .firecheckout .modal-popup .field-note, .firecheckout #checkout .note, .firecheckout .modal-custom .note, .firecheckout .modal-popup .note { color: #767676; font-size: .85em; } .firecheckout #checkout fieldset.field legend, .firecheckout .modal-custom fieldset.field legend, .firecheckout .modal-popup fieldset.field legend { display: none; } .firecheckout #checkout fieldset.field .field > label, .firecheckout .modal-custom fieldset.field .field > label, .firecheckout .modal-popup fieldset.field .field > label, .firecheckout #checkout fieldset.field .field.additional > label, .firecheckout .modal-custom fieldset.field .field.additional > label, .firecheckout .modal-popup fieldset.field .field.additional > label { clip: auto; height: auto; width: auto; position: static !important; overflow: visible; } .firecheckout:not(.fc-form-horizontal) .fc-field-choice > label { display: none !important; } .firecheckout .fc-newline { display: none; } .firecheckout .fc-size-l .fc-size-l\:fc-newline, .firecheckout .fc-size-m .fc-size-m\:fc-newline, .firecheckout .fc-size-s .fc-size-s\:fc-newline, .firecheckout .fc-size-xs .fc-size-xs\:fc-newline { display: block; } .firecheckout .payment-method-content div.field { padding: 4px; display: inline-block; box-sizing: border-box; float: none; width: 100%; margin: 0; } .firecheckout .payment-method-content div.field div.field { padding-left: 0; padding-right: 0; } .firecheckout .payment-method-content div.field .additional { margin-top: 8px; } .firecheckout .payment-method-content div.field.choice:before { display: none; } .firecheckout .payment-method-content div.field.choice > .label { float: none; } .firecheckout .payment-method-content div.field > .label { float: left; width: auto; margin-top: 0; margin-bottom: 5px; padding: 0; text-align: left; vertical-align: top; box-sizing: border-box; font-weight: normal; white-space: normal; } .firecheckout .payment-method-content div.field > .label::after { margin: 0; } .firecheckout .payment-method-content div.field > .control { float: none; clear: both; width: auto; display: block; padding: 0 !important; margin: 0 !important; } .firecheckout .payment-method-content div.field > .control._with-tooltip input, .firecheckout .payment-method-content div.field > .control._with-tooltip textarea, .firecheckout .payment-method-content div.field > .control._with-tooltip select { width: 100%; margin: 0; } .firecheckout .payment-method-content div.field.required > .label::after, .firecheckout .payment-method-content div.field._required > .label::after { position: static; content: ' *'; color: #e02b27; font-size: 1.4rem; margin: 0 0 0 2px; } .firecheckout .form-shipping-address .fieldset .field, .firecheckout .payment-method .fieldset .field, .firecheckout #checkout .form-login .fieldset .field, .firecheckout #maincontent .block-authentication .fieldset .field, .firecheckout #checkout .checkout-shipping-address .fieldset .field, .firecheckout #checkout .checkout-billing-address .fieldset .field { margin: 0; padding: 0; } .firecheckout .form-shipping-address .fieldset, .firecheckout .payment-method .fieldset, .firecheckout #checkout .form-login .fieldset, .firecheckout #maincontent .block-authentication .fieldset, .firecheckout #checkout .checkout-shipping-address .fieldset, .firecheckout #checkout .checkout-billing-address .fieldset, .firecheckout .form-shipping-address fieldset .control, .firecheckout .payment-method fieldset .control, .firecheckout #checkout .form-login fieldset .control, .firecheckout #maincontent .block-authentication fieldset .control, .firecheckout #checkout .checkout-shipping-address fieldset .control, .firecheckout #checkout .checkout-billing-address fieldset .control { letter-spacing: -0.4em; } .firecheckout .form-shipping-address .fieldset > *, .firecheckout .payment-method .fieldset > *, .firecheckout #checkout .form-login .fieldset > *, .firecheckout #maincontent .block-authentication .fieldset > *, .firecheckout #checkout .checkout-shipping-address .fieldset > *, .firecheckout #checkout .checkout-billing-address .fieldset > *, .firecheckout .form-shipping-address fieldset .control > *, .firecheckout .payment-method fieldset .control > *, .firecheckout #checkout .form-login fieldset .control > *, .firecheckout #maincontent .block-authentication fieldset .control > *, .firecheckout #checkout .checkout-shipping-address fieldset .control > *, .firecheckout #checkout .checkout-billing-address fieldset .control > * { letter-spacing: normal; } .firecheckout .form-shipping-address .fieldset, .firecheckout .payment-method .fieldset, .firecheckout #checkout .form-login .fieldset, .firecheckout #maincontent .block-authentication .fieldset, .firecheckout #checkout .checkout-shipping-address .fieldset, .firecheckout #checkout .checkout-billing-address .fieldset { margin-left: -4px; margin-right: -4px; } .firecheckout .form-shipping-address .fieldset .fieldset, .firecheckout .payment-method .fieldset .fieldset, .firecheckout #checkout .form-login .fieldset .fieldset, .firecheckout #maincontent .block-authentication .fieldset .fieldset, .firecheckout #checkout .checkout-shipping-address .fieldset .fieldset, .firecheckout #checkout .checkout-billing-address .fieldset .fieldset { margin-left: 0; margin-right: 0; } .firecheckout .form-shipping-address .actions-toolbar, .firecheckout .payment-method .actions-toolbar, .firecheckout #checkout .form-login .actions-toolbar, .firecheckout #maincontent .block-authentication .actions-toolbar, .firecheckout #checkout .checkout-shipping-address .actions-toolbar, .firecheckout #checkout .checkout-billing-address .actions-toolbar { padding: 0 4px; } .firecheckout .form-shipping-address .fieldset div.field, .firecheckout .payment-method .fieldset div.field, .firecheckout #checkout .form-login .fieldset div.field, .firecheckout #maincontent .block-authentication .fieldset div.field, .firecheckout #checkout .checkout-shipping-address .fieldset div.field, .firecheckout #checkout .checkout-billing-address .fieldset div.field, .firecheckout .form-shipping-address .fieldset.address > div.field, .firecheckout .payment-method .fieldset.address > div.field, .firecheckout #checkout .form-login .fieldset.address > div.field, .firecheckout #maincontent .block-authentication .fieldset.address > div.field, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field { padding: 4px; display: inline-block; box-sizing: border-box; float: none; width: 100%; margin: 0; } .firecheckout .form-shipping-address .fieldset div.field div.field, .firecheckout .payment-method .fieldset div.field div.field, .firecheckout #checkout .form-login .fieldset div.field div.field, .firecheckout #maincontent .block-authentication .fieldset div.field div.field, .firecheckout #checkout .checkout-shipping-address .fieldset div.field div.field, .firecheckout #checkout .checkout-billing-address .fieldset div.field div.field, .firecheckout .form-shipping-address .fieldset.address > div.field div.field, .firecheckout .payment-method .fieldset.address > div.field div.field, .firecheckout #checkout .form-login .fieldset.address > div.field div.field, .firecheckout #maincontent .block-authentication .fieldset.address > div.field div.field, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field div.field, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field div.field { padding-left: 0; padding-right: 0; } .firecheckout .form-shipping-address .fieldset div.field .additional, .firecheckout .payment-method .fieldset div.field .additional, .firecheckout #checkout .form-login .fieldset div.field .additional, .firecheckout #maincontent .block-authentication .fieldset div.field .additional, .firecheckout #checkout .checkout-shipping-address .fieldset div.field .additional, .firecheckout #checkout .checkout-billing-address .fieldset div.field .additional, .firecheckout .form-shipping-address .fieldset.address > div.field .additional, .firecheckout .payment-method .fieldset.address > div.field .additional, .firecheckout #checkout .form-login .fieldset.address > div.field .additional, .firecheckout #maincontent .block-authentication .fieldset.address > div.field .additional, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field .additional, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field .additional { margin-top: 8px; } .firecheckout .form-shipping-address .fieldset div.field.choice:before, .firecheckout .payment-method .fieldset div.field.choice:before, .firecheckout #checkout .form-login .fieldset div.field.choice:before, .firecheckout #maincontent .block-authentication .fieldset div.field.choice:before, .firecheckout #checkout .checkout-shipping-address .fieldset div.field.choice:before, .firecheckout #checkout .checkout-billing-address .fieldset div.field.choice:before, .firecheckout .form-shipping-address .fieldset.address > div.field.choice:before, .firecheckout .payment-method .fieldset.address > div.field.choice:before, .firecheckout #checkout .form-login .fieldset.address > div.field.choice:before, .firecheckout #maincontent .block-authentication .fieldset.address > div.field.choice:before, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field.choice:before, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field.choice:before { display: none; } .firecheckout .form-shipping-address .fieldset div.field.choice > .label, .firecheckout .payment-method .fieldset div.field.choice > .label, .firecheckout #checkout .form-login .fieldset div.field.choice > .label, .firecheckout #maincontent .block-authentication .fieldset div.field.choice > .label, .firecheckout #checkout .checkout-shipping-address .fieldset div.field.choice > .label, .firecheckout #checkout .checkout-billing-address .fieldset div.field.choice > .label, .firecheckout .form-shipping-address .fieldset.address > div.field.choice > .label, .firecheckout .payment-method .fieldset.address > div.field.choice > .label, .firecheckout #checkout .form-login .fieldset.address > div.field.choice > .label, .firecheckout #maincontent .block-authentication .fieldset.address > div.field.choice > .label, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field.choice > .label, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field.choice > .label { float: none; } .firecheckout .form-shipping-address .fieldset div.field > .label, .firecheckout .payment-method .fieldset div.field > .label, .firecheckout #checkout .form-login .fieldset div.field > .label, .firecheckout #maincontent .block-authentication .fieldset div.field > .label, .firecheckout #checkout .checkout-shipping-address .fieldset div.field > .label, .firecheckout #checkout .checkout-billing-address .fieldset div.field > .label, .firecheckout .form-shipping-address .fieldset.address > div.field > .label, .firecheckout .payment-method .fieldset.address > div.field > .label, .firecheckout #checkout .form-login .fieldset.address > div.field > .label, .firecheckout #maincontent .block-authentication .fieldset.address > div.field > .label, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field > .label, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field > .label { float: left; width: auto; margin-top: 0; margin-bottom: 5px; padding: 0; text-align: left; vertical-align: top; box-sizing: border-box; font-weight: normal; white-space: normal; } .firecheckout .form-shipping-address .fieldset div.field > .label::after, .firecheckout .payment-method .fieldset div.field > .label::after, .firecheckout #checkout .form-login .fieldset div.field > .label::after, .firecheckout #maincontent .block-authentication .fieldset div.field > .label::after, .firecheckout #checkout .checkout-shipping-address .fieldset div.field > .label::after, .firecheckout #checkout .checkout-billing-address .fieldset div.field > .label::after, .firecheckout .form-shipping-address .fieldset.address > div.field > .label::after, .firecheckout .payment-method .fieldset.address > div.field > .label::after, .firecheckout #checkout .form-login .fieldset.address > div.field > .label::after, .firecheckout #maincontent .block-authentication .fieldset.address > div.field > .label::after, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field > .label::after, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field > .label::after { margin: 0; } .firecheckout .form-shipping-address .fieldset div.field > .control, .firecheckout .payment-method .fieldset div.field > .control, .firecheckout #checkout .form-login .fieldset div.field > .control, .firecheckout #maincontent .block-authentication .fieldset div.field > .control, .firecheckout #checkout .checkout-shipping-address .fieldset div.field > .control, .firecheckout #checkout .checkout-billing-address .fieldset div.field > .control, .firecheckout .form-shipping-address .fieldset.address > div.field > .control, .firecheckout .payment-method .fieldset.address > div.field > .control, .firecheckout #checkout .form-login .fieldset.address > div.field > .control, .firecheckout #maincontent .block-authentication .fieldset.address > div.field > .control, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field > .control, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field > .control { float: none; clear: both; width: auto; display: block; padding: 0 !important; margin: 0 !important; } .firecheckout .form-shipping-address .fieldset div.field > .control._with-tooltip input, .firecheckout .payment-method .fieldset div.field > .control._with-tooltip input, .firecheckout #checkout .form-login .fieldset div.field > .control._with-tooltip input, .firecheckout #maincontent .block-authentication .fieldset div.field > .control._with-tooltip input, .firecheckout #checkout .checkout-shipping-address .fieldset div.field > .control._with-tooltip input, .firecheckout #checkout .checkout-billing-address .fieldset div.field > .control._with-tooltip input, .firecheckout .form-shipping-address .fieldset.address > div.field > .control._with-tooltip input, .firecheckout .payment-method .fieldset.address > div.field > .control._with-tooltip input, .firecheckout #checkout .form-login .fieldset.address > div.field > .control._with-tooltip input, .firecheckout #maincontent .block-authentication .fieldset.address > div.field > .control._with-tooltip input, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field > .control._with-tooltip input, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field > .control._with-tooltip input, .firecheckout .form-shipping-address .fieldset div.field > .control._with-tooltip textarea, .firecheckout .payment-method .fieldset div.field > .control._with-tooltip textarea, .firecheckout #checkout .form-login .fieldset div.field > .control._with-tooltip textarea, .firecheckout #maincontent .block-authentication .fieldset div.field > .control._with-tooltip textarea, .firecheckout #checkout .checkout-shipping-address .fieldset div.field > .control._with-tooltip textarea, .firecheckout #checkout .checkout-billing-address .fieldset div.field > .control._with-tooltip textarea, .firecheckout .form-shipping-address .fieldset.address > div.field > .control._with-tooltip textarea, .firecheckout .payment-method .fieldset.address > div.field > .control._with-tooltip textarea, .firecheckout #checkout .form-login .fieldset.address > div.field > .control._with-tooltip textarea, .firecheckout #maincontent .block-authentication .fieldset.address > div.field > .control._with-tooltip textarea, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field > .control._with-tooltip textarea, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field > .control._with-tooltip textarea, .firecheckout .form-shipping-address .fieldset div.field > .control._with-tooltip select, .firecheckout .payment-method .fieldset div.field > .control._with-tooltip select, .firecheckout #checkout .form-login .fieldset div.field > .control._with-tooltip select, .firecheckout #maincontent .block-authentication .fieldset div.field > .control._with-tooltip select, .firecheckout #checkout .checkout-shipping-address .fieldset div.field > .control._with-tooltip select, .firecheckout #checkout .checkout-billing-address .fieldset div.field > .control._with-tooltip select, .firecheckout .form-shipping-address .fieldset.address > div.field > .control._with-tooltip select, .firecheckout .payment-method .fieldset.address > div.field > .control._with-tooltip select, .firecheckout #checkout .form-login .fieldset.address > div.field > .control._with-tooltip select, .firecheckout #maincontent .block-authentication .fieldset.address > div.field > .control._with-tooltip select, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field > .control._with-tooltip select, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field > .control._with-tooltip select { width: 100%; margin: 0; } .firecheckout .form-shipping-address .fieldset div.field.required > .label::after, .firecheckout .payment-method .fieldset div.field.required > .label::after, .firecheckout #checkout .form-login .fieldset div.field.required > .label::after, .firecheckout #maincontent .block-authentication .fieldset div.field.required > .label::after, .firecheckout #checkout .checkout-shipping-address .fieldset div.field.required > .label::after, .firecheckout #checkout .checkout-billing-address .fieldset div.field.required > .label::after, .firecheckout .form-shipping-address .fieldset.address > div.field.required > .label::after, .firecheckout .payment-method .fieldset.address > div.field.required > .label::after, .firecheckout #checkout .form-login .fieldset.address > div.field.required > .label::after, .firecheckout #maincontent .block-authentication .fieldset.address > div.field.required > .label::after, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field.required > .label::after, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field.required > .label::after, .firecheckout .form-shipping-address .fieldset div.field._required > .label::after, .firecheckout .payment-method .fieldset div.field._required > .label::after, .firecheckout #checkout .form-login .fieldset div.field._required > .label::after, .firecheckout #maincontent .block-authentication .fieldset div.field._required > .label::after, .firecheckout #checkout .checkout-shipping-address .fieldset div.field._required > .label::after, .firecheckout #checkout .checkout-billing-address .fieldset div.field._required > .label::after, .firecheckout .form-shipping-address .fieldset.address > div.field._required > .label::after, .firecheckout .payment-method .fieldset.address > div.field._required > .label::after, .firecheckout #checkout .form-login .fieldset.address > div.field._required > .label::after, .firecheckout #maincontent .block-authentication .fieldset.address > div.field._required > .label::after, .firecheckout #checkout .checkout-shipping-address .fieldset.address > div.field._required > .label::after, .firecheckout #checkout .checkout-billing-address .fieldset.address > div.field._required > .label::after { position: static; content: ' *'; color: #e02b27; font-size: 1.4rem; margin: 0 0 0 2px; } .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field legend.label, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field legend.label, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field legend.label, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field legend.label, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field legend.label { display: none; } .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field .additional, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field .additional, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field .additional, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field .additional, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field .additional { margin-top: 0; } .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice), .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice), .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice), .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice), .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice) { position: relative; } @media (max-width: 479.98px) { .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice), .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice), .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice), .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice), .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice) { width: 100%; } } .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice) > .label, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice) > .label, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice) > .label, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice) > .label, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice) > .label { pointer-events: none; position: absolute !important; left: 12px; top: 10px; z-index: 3; padding: 0 !important; margin: 0; clip: auto; width: auto; height: auto; max-width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #676767; font-size: 11px; line-height: normal; opacity: 0; transition: all 100ms ease-in-out; } .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice) > .label::after, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice) > .label::after, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice) > .label::after, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice) > .label::after, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice) > .label::after { font-size: 11px; color: currentColor; } .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice) input, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice) input, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice) input, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice) input, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice) input, .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice) select, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice) select, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice) select, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice) select, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice) select, .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice) textarea, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice) textarea, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice) textarea, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice) textarea, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice) textarea { transition: all 100ms ease-in-out; } .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice).fc-dirty > .label, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice).fc-dirty > .label, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice).fc-dirty > .label, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice).fc-dirty > .label, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice).fc-dirty > .label { top: 8px; opacity: 1; } .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice).fc-dirty input, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice).fc-dirty input, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice).fc-dirty input, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice).fc-dirty input, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice).fc-dirty input, .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice).fc-dirty select, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice).fc-dirty select, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice).fc-dirty select, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice).fc-dirty select, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice).fc-dirty select, .firecheckout.fc-form-hide-labels .form-shipping-address .fieldset div.field:not(.choice).fc-dirty textarea, .firecheckout.fc-form-hide-labels #checkout .form-login .fieldset div.field:not(.choice).fc-dirty textarea, .firecheckout.fc-form-hide-labels #maincontent .block-authentication .fieldset div.field:not(.choice).fc-dirty textarea, .firecheckout.fc-form-hide-labels #checkout .checkout-shipping-address .fieldset div.field:not(.choice).fc-dirty textarea, .firecheckout.fc-form-hide-labels #checkout .checkout-billing-address .fieldset div.field:not(.choice).fc-dirty textarea { padding-top: 1em; padding-bottom: 12px; } .firecheckout.fc-form-compact .form-shipping-address .fieldset, .firecheckout.fc-form-compact #checkout .checkout-shipping-address .fieldset, .firecheckout.fc-form-compact #checkout .checkout-billing-address .fieldset, .firecheckout.fc-form-compact .form-shipping-address fieldset .control, .firecheckout.fc-form-compact #checkout .checkout-shipping-address fieldset .control, .firecheckout.fc-form-compact #checkout .checkout-billing-address fieldset .control { letter-spacing: -0.4em; float: none; width: auto; margin-top: 0; } @media (max-width: 479.98px) { .firecheckout.fc-form-compact .form-shipping-address .fieldset, .firecheckout.fc-form-compact #checkout .checkout-shipping-address .fieldset, .firecheckout.fc-form-compact #checkout .checkout-billing-address .fieldset, .firecheckout.fc-form-compact .form-shipping-address fieldset .control, .firecheckout.fc-form-compact #checkout .checkout-shipping-address fieldset .control, .firecheckout.fc-form-compact #checkout .checkout-billing-address fieldset .control { flex-direction: column; } } .firecheckout.fc-form-compact .form-shipping-address .fieldset > *, .firecheckout.fc-form-compact #checkout .checkout-shipping-address .fieldset > *, .firecheckout.fc-form-compact #checkout .checkout-billing-address .fieldset > *, .firecheckout.fc-form-compact .form-shipping-address fieldset .control > *, .firecheckout.fc-form-compact #checkout .checkout-shipping-address fieldset .control > *, .firecheckout.fc-form-compact #checkout .checkout-billing-address fieldset .control > * { letter-spacing: normal; } .firecheckout.fc-form-horizontal .form-shipping-address .fieldset div.field, .firecheckout.fc-form-horizontal #checkout .form-login .fieldset div.field, .firecheckout.fc-form-horizontal #maincontent .block-authentication .fieldset div.field, .firecheckout.fc-form-horizontal #checkout .checkout-shipping-address:not(.fc-size-xs) .fieldset div.field, .firecheckout.fc-form-horizontal #checkout .checkout-payment-method:not(.fc-size-xs) .checkout-billing-address .fieldset div.field { width: 100%; } .firecheckout.fc-form-horizontal .form-shipping-address .fieldset div.field > .label, .firecheckout.fc-form-horizontal #checkout .form-login .fieldset div.field > .label, .firecheckout.fc-form-horizontal #maincontent .block-authentication .fieldset div.field > .label, .firecheckout.fc-form-horizontal #checkout .checkout-shipping-address:not(.fc-size-xs) .fieldset div.field > .label, .firecheckout.fc-form-horizontal #checkout .checkout-payment-method:not(.fc-size-xs) .checkout-billing-address .fieldset div.field > .label { width: 35%; margin: 9px 0 0; padding: 0 9px 0 0; text-align: right; word-wrap: break-word; } .firecheckout.fc-form-horizontal .form-shipping-address .fieldset div.field > .control, .firecheckout.fc-form-horizontal #checkout .form-login .fieldset div.field > .control, .firecheckout.fc-form-horizontal #maincontent .block-authentication .fieldset div.field > .control, .firecheckout.fc-form-horizontal #checkout .checkout-shipping-address:not(.fc-size-xs) .fieldset div.field > .control, .firecheckout.fc-form-horizontal #checkout .checkout-payment-method:not(.fc-size-xs) .checkout-billing-address .fieldset div.field > .control { display: inline-block; width: 65%; } .firecheckout.fc-form-horizontal .form-shipping-address .fieldset div.field > .control:not(:empty), .firecheckout.fc-form-horizontal #checkout .form-login .fieldset div.field > .control:not(:empty), .firecheckout.fc-form-horizontal #maincontent .block-authentication .fieldset div.field > .control:not(:empty), .firecheckout.fc-form-horizontal #checkout .checkout-shipping-address:not(.fc-size-xs) .fieldset div.field > .control:not(:empty), .firecheckout.fc-form-horizontal #checkout .checkout-payment-method:not(.fc-size-xs) .checkout-billing-address .fieldset div.field > .control:not(:empty) { min-height: 42px; } .firecheckout.fc-form-horizontal .form-shipping-address .fieldset div.field > .label + .control > .choice, .firecheckout.fc-form-horizontal #checkout .form-login .fieldset div.field > .label + .control > .choice, .firecheckout.fc-form-horizontal #maincontent .block-authentication .fieldset div.field > .label + .control > .choice, .firecheckout.fc-form-horizontal #checkout .checkout-shipping-address:not(.fc-size-xs) .fieldset div.field > .label + .control > .choice, .firecheckout.fc-form-horizontal #checkout .checkout-payment-method:not(.fc-size-xs) .checkout-billing-address .fieldset div.field > .label + .control > .choice { margin: 4px 0 0; } .firecheckout.fc-form-horizontal .form-shipping-address .fieldset div.field > .label + .control > .choice > .label, .firecheckout.fc-form-horizontal #checkout .form-login .fieldset div.field > .label + .control > .choice > .label, .firecheckout.fc-form-horizontal #maincontent .block-authentication .fieldset div.field > .label + .control > .choice > .label, .firecheckout.fc-form-horizontal #checkout .checkout-shipping-address:not(.fc-size-xs) .fieldset div.field > .label + .control > .choice > .label, .firecheckout.fc-form-horizontal #checkout .checkout-payment-method:not(.fc-size-xs) .checkout-billing-address .fieldset div.field > .label + .control > .choice > .label { display: none; } .firecheckout.fc-form-horizontal .form-shipping-address .fieldset div.field::after, .firecheckout.fc-form-horizontal #checkout .form-login .fieldset div.field::after, .firecheckout.fc-form-horizontal #maincontent .block-authentication .fieldset div.field::after, .firecheckout.fc-form-horizontal #checkout .checkout-shipping-address:not(.fc-size-xs) .fieldset div.field::after, .firecheckout.fc-form-horizontal #checkout .checkout-payment-method:not(.fc-size-xs) .checkout-billing-address .fieldset div.field::after { content: ''; display: table; clear: both; } .firecheckout.fc-form-horizontal .form-shipping-address .fieldset > .actions-toolbar, .firecheckout.fc-form-horizontal #checkout .form-login .fieldset > .actions-toolbar, .firecheckout.fc-form-horizontal #maincontent .block-authentication .fieldset > .actions-toolbar, .firecheckout.fc-form-horizontal #checkout .checkout-shipping-address:not(.fc-size-xs) .fieldset > .actions-toolbar, .firecheckout.fc-form-horizontal #checkout .checkout-payment-method:not(.fc-size-xs) .checkout-billing-address .fieldset > .actions-toolbar { margin-left: 35%; } .firecheckout.fc-form-compact .form-shipping-address .fieldset#customer-email-fieldset .field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address .fieldset#customer-email-fieldset .field, .firecheckout.fc-form-compact #checkout .checkout-billing-address .fieldset#customer-email-fieldset .field { width: 100%; } .firecheckout.fc-form-compact .form-shipping-address .fieldset div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address .fieldset div.field, .firecheckout.fc-form-compact #checkout .checkout-billing-address .fieldset div.field { width: 50%; float: none; vertical-align: top; } .firecheckout.fc-form-compact .form-shipping-address .fieldset div.field.choice, .firecheckout.fc-form-compact #checkout .checkout-shipping-address .fieldset div.field.choice, .firecheckout.fc-form-compact #checkout .checkout-billing-address .fieldset div.field.choice, .firecheckout.fc-form-compact .form-shipping-address .fieldset div.field.field-select-billing, .firecheckout.fc-form-compact #checkout .checkout-shipping-address .fieldset div.field.field-select-billing, .firecheckout.fc-form-compact #checkout .checkout-billing-address .fieldset div.field.field-select-billing { width: 100% !important; display: none !important; } .firecheckout.fc-form-compact .form-shipping-address .fieldset .street div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address .fieldset .street div.field, .firecheckout.fc-form-compact #checkout .checkout-billing-address .fieldset .street div.field { width: 100%; } .firecheckout.fc-form-compact .form-shipping-address.fc-size-xs .fieldset div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-xs .fieldset div.field, .firecheckout.fc-form-compact #checkout .checkout-payment-method.fc-size-xs .checkout-billing-address .fieldset div.field { width: 100%; } .firecheckout.fc-form-compact .form-shipping-address.fc-size-xs .fieldset .street div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-xs .fieldset .street div.field, .firecheckout.fc-form-compact #checkout .checkout-payment-method.fc-size-xs .checkout-billing-address .fieldset .street div.field { width: 100%; } .firecheckout.fc-form-compact .form-shipping-address.fc-size-l .fieldset div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset div.field, .firecheckout.fc-form-compact #checkout .checkout-payment-method.fc-size-l .checkout-billing-address .fieldset div.field { width: 100%; } .firecheckout.fc-form-compact .form-shipping-address.fc-size-l .fieldset .street div.field, .firecheckout.fc-form-compact #checkout .checkout-shipping-address.fc-size-l .fieldset .street div.field, .firecheckout.fc-form-compact #checkout .checkout-payment-method.fc-size-l .checkout-billing-address .fieldset .street div.field { width: 100%; } .firecheckout .form-shipping-address input[type="checkbox"], .firecheckout #checkout input[type="checkbox"], .firecheckout .form-shipping-address input[type="radio"], .firecheckout #checkout input[type="radio"] { opacity: 1; -webkit-appearance: none; display: inline-block; position: relative; top: 0; z-index: 1; /* Move it above the label in case if label has wrong 'for' */ margin: 0 5px 0 0; padding: 0 !important; background-color: #ffffff; box-shadow: 0 0 0 0 #e6e6e6 inset; border: 1px solid #cccccc; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; outline: 0; width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; cursor: pointer; vertical-align: middle !important; transform: none !important; clip-path: initial !important; --webkit-clip-path: initial !important; } .firecheckout .form-shipping-address input[type="checkbox"] + label, .firecheckout #checkout input[type="checkbox"] + label, .firecheckout .form-shipping-address input[type="radio"] + label, .firecheckout #checkout input[type="radio"] + label { display: inline; vertical-align: middle !important; line-height: 24px; } .breeze-theme.firecheckout .form-shipping-address input[type="checkbox"] + label, .breeze-theme.firecheckout #checkout input[type="checkbox"] + label, .breeze-theme.firecheckout .form-shipping-address input[type="radio"] + label, .breeze-theme.firecheckout #checkout input[type="radio"] + label { line-height: 18px; } .firecheckout .form-shipping-address input[type="checkbox"] + label::before, .firecheckout #checkout input[type="checkbox"] + label::before, .firecheckout .form-shipping-address input[type="radio"] + label::before, .firecheckout #checkout input[type="radio"] + label::before { display: none; } .firecheckout .form-shipping-address input[type="checkbox"] + label::after, .firecheckout #checkout input[type="checkbox"] + label::after, .firecheckout .form-shipping-address input[type="radio"] + label::after, .firecheckout #checkout input[type="radio"] + label::after { content: none !important; } .firecheckout:not(.fc-form-horizontal).firecheckout .form-shipping-address input[type="checkbox"] + label + .field-note, .firecheckout:not(.fc-form-horizontal).firecheckout #checkout input[type="checkbox"] + label + .field-note, .firecheckout:not(.fc-form-horizontal).firecheckout .form-shipping-address input[type="radio"] + label + .field-note, .firecheckout:not(.fc-form-horizontal).firecheckout #checkout input[type="radio"] + label + .field-note, .firecheckout:not(.fc-form-horizontal).firecheckout .form-shipping-address input[type="checkbox"] + label + .mage-error, .firecheckout:not(.fc-form-horizontal).firecheckout #checkout input[type="checkbox"] + label + .mage-error, .firecheckout:not(.fc-form-horizontal).firecheckout .form-shipping-address input[type="radio"] + label + .mage-error, .firecheckout:not(.fc-form-horizontal).firecheckout #checkout input[type="radio"] + label + .mage-error, .firecheckout:not(.fc-form-horizontal).firecheckout .form-shipping-address input[type="checkbox"] + label + .field-error, .firecheckout:not(.fc-form-horizontal).firecheckout #checkout input[type="checkbox"] + label + .field-error, .firecheckout:not(.fc-form-horizontal).firecheckout .form-shipping-address input[type="radio"] + label + .field-error, .firecheckout:not(.fc-form-horizontal).firecheckout #checkout input[type="radio"] + label + .field-error { margin-left: 27px; } .fc-form-horizontal.firecheckout .form-shipping-address input[type="checkbox"] + label + .field-note, .fc-form-horizontal.firecheckout #checkout input[type="checkbox"] + label + .field-note, .fc-form-horizontal.firecheckout .form-shipping-address input[type="radio"] + label + .field-note, .fc-form-horizontal.firecheckout #checkout input[type="radio"] + label + .field-note, .fc-form-horizontal.firecheckout .form-shipping-address input[type="checkbox"] + label + .mage-error, .fc-form-horizontal.firecheckout #checkout input[type="checkbox"] + label + .mage-error, .fc-form-horizontal.firecheckout .form-shipping-address input[type="radio"] + label + .mage-error, .fc-form-horizontal.firecheckout #checkout input[type="radio"] + label + .mage-error, .fc-form-horizontal.firecheckout .form-shipping-address input[type="checkbox"] + label + .field-error, .fc-form-horizontal.firecheckout #checkout input[type="checkbox"] + label + .field-error, .fc-form-horizontal.firecheckout .form-shipping-address input[type="radio"] + label + .field-error, .fc-form-horizontal.firecheckout #checkout input[type="radio"] + label + .field-error { margin-top: 3px; } .firecheckout .form-shipping-address input[type="checkbox"]::after, .firecheckout #checkout input[type="checkbox"]::after, .firecheckout .form-shipping-address input[type="radio"]::after, .firecheckout #checkout input[type="radio"]::after { content: ''; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; border: 0; -webkit-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; transform: scale(0.2); opacity: 0; display: block; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; } .firecheckout .form-shipping-address input[type="checkbox"]:checked, .firecheckout #checkout input[type="checkbox"]:checked, .firecheckout .form-shipping-address input[type="radio"]:checked, .firecheckout #checkout input[type="radio"]:checked { box-shadow: 0 0 0 10px #EB5673 inset; border: none; } .firecheckout .form-shipping-address input[type="checkbox"]:checked:focus, .firecheckout #checkout input[type="checkbox"]:checked:focus, .firecheckout .form-shipping-address input[type="radio"]:checked:focus, .firecheckout #checkout input[type="radio"]:checked:focus { box-shadow: 0 0 0 10px #EB5673 inset; } .firecheckout .form-shipping-address input[type="checkbox"]:checked::after, .firecheckout #checkout input[type="checkbox"]:checked::after, .firecheckout .form-shipping-address input[type="radio"]:checked::after, .firecheckout #checkout input[type="radio"]:checked ~ .firecheckout #checkout input[type="radio"]::after { transform: scale(1); opacity: 1; } .firecheckout .form-shipping-address input[type="checkbox"]:focus, .firecheckout #checkout input[type="checkbox"]:focus, .firecheckout .form-shipping-address input[type="radio"]:focus, .firecheckout #checkout input[type="radio"]:focus { border-color: #a6a6a6; outline: 0; } .firecheckout .form-shipping-address input[type="checkbox"]::after, .firecheckout #checkout input[type="checkbox"]::after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAQAAAA9vDUIAAAAdklEQVQ4y7XR0QmAIBCAYXOTxmiRfAtnaJ0gcLT2MP5eQjoJvQvy1f8DvXPun8OEt+SBTFITAhlASUoOEG35xvA1Z2a05AsnR03aOSBJ4+3s5aKQ5lfxJEm6k6nIqhikIKjm/kJ6a6pIf6uCaPIH0eY3iYZccy6u+Rcjm6L8iwAAAABJRU5ErkJggg=='); background-size: 12px 10px; } .firecheckout .form-shipping-address input[type="radio"], .firecheckout #checkout input[type="radio"] { border-radius: 50%; } .firecheckout .form-shipping-address input[type="radio"]::after, .firecheckout #checkout input[type="radio"]::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNMjU2LDQ2NGMxMTQuOSwwLDIwOC05My4xLDIwOC0yMDhjMC0xMTQuOS05My4xLTIwOC0yMDgtMjA4QzE0MS4xLDQ4LDQ4LDE0MS4xLDQ4LDI1NkM0OCwzNzAuOSwxNDEuMSw0NjQsMjU2LDQ2NHoiIHN0eWxlPSJmaWxsOiNmZmYiLz4NCjwvc3ZnPg0K'); background-size: 8px 8px; } .firecheckout #checkout .field select, .firecheckout .modal-custom .field select, .firecheckout .modal-popup .field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .firecheckout #checkout .field select:not([multiple]), .firecheckout .modal-custom .field select:not([multiple]), .firecheckout .modal-popup .field select:not([multiple]) { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDMwIDYwIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzMzMyIgZD0iTTE1LjY3NiAzMy4wMzdsNS4xMDItNS4xMDMtLjcwNy0xLjA4Ni00LjQ5IDQuNDkyLTQuNDktNC40OTItLjcwMiAxLjA4NiA1LjEwMiA1LjEwMy4wNzUuMTE1LjAyLS4wMi4wMi4wMnoiLz48L3N2Zz4='); background-repeat: no-repeat; background-size: auto auto; padding-right: 25px; background-position: 100% 45%; } .firecheckout #checkout .field select::-ms-expand, .firecheckout .modal-custom .field select::-ms-expand, .firecheckout .modal-popup .field select::-ms-expand { display: none; } .firecheckout #checkout .field ._with-tooltip select:not([multiple]), .firecheckout .modal-custom .field ._with-tooltip select:not([multiple]), .firecheckout .modal-popup .field ._with-tooltip select:not([multiple]) { background-position: calc(80%) 45%; padding-right: 45px; } .firecheckout #checkout .field .field-tooltip, .firecheckout .modal-custom .field .field-tooltip, .firecheckout .modal-popup .field .field-tooltip { margin: 0 !important; top: 6px !important; right: 7px; left: auto; } .firecheckout #checkout .field .field-tooltip .field-tooltip-action:before, .firecheckout .modal-custom .field .field-tooltip .field-tooltip-action:before, .firecheckout .modal-popup .field .field-tooltip .field-tooltip-action:before { font-size: 21px; } .fc-form-tooltips.firecheckout #checkout .field, .fc-form-tooltips.firecheckout .modal-custom .field, .fc-form-tooltips.firecheckout .modal-popup .field { position: relative; padding: 24px; } .fc-form-tooltips.firecheckout #checkout .field._error select:not([multiple]), .fc-form-tooltips.firecheckout .modal-custom .field._error select:not([multiple]), .fc-form-tooltips.firecheckout .modal-popup .field._error select:not([multiple]), .fc-form-tooltips.firecheckout #checkout .field._warn select:not([multiple]), .fc-form-tooltips.firecheckout .modal-custom .field._warn select:not([multiple]), .fc-form-tooltips.firecheckout .modal-popup .field._warn select:not([multiple]), .fc-form-tooltips.firecheckout #checkout .field ._with-tooltip select:not([multiple]), .fc-form-tooltips.firecheckout .modal-custom .field ._with-tooltip select:not([multiple]), .fc-form-tooltips.firecheckout .modal-popup .field ._with-tooltip select:not([multiple]) { background-position: calc(80%) 45%; padding-right: 45px; } .fc-form-tooltips.firecheckout #checkout .field select.mage-error, .fc-form-tooltips.firecheckout .modal-custom .field select.mage-error, .fc-form-tooltips.firecheckout .modal-popup .field select.mage-error { background-position: calc(80%) 45%; padding-right: 45px; } .fc-form-tooltips.firecheckout #checkout .field._error ._with-tooltip select:not([multiple]), .fc-form-tooltips.firecheckout .modal-custom .field._error ._with-tooltip select:not([multiple]), .fc-form-tooltips.firecheckout .modal-popup .field._error ._with-tooltip select:not([multiple]), .fc-form-tooltips.firecheckout #checkout .field._warn ._with-tooltip select:not([multiple]), .fc-form-tooltips.firecheckout .modal-custom .field._warn ._with-tooltip select:not([multiple]), .fc-form-tooltips.firecheckout .modal-popup .field._warn ._with-tooltip select:not([multiple]) { background-position: calc(62%) 45%; padding-right: 62px; } .fc-form-tooltips.firecheckout #checkout .field .field-tooltip, .fc-form-tooltips.firecheckout .modal-custom .field .field-tooltip, .fc-form-tooltips.firecheckout .modal-popup .field .field-tooltip { margin: 0 !important; top: 13px !important; right: 7px; } .fc-form-tooltips.firecheckout #checkout .field .field-tooltip .field-tooltip-action:before, .fc-form-tooltips.firecheckout .modal-custom .field .field-tooltip .field-tooltip-action:before, .fc-form-tooltips.firecheckout .modal-popup .field .field-tooltip .field-tooltip-action:before { vertical-align: top; content: ''; width: 17px; height: 17px; background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaS1pbmZvIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJub25lIiBzdHJva2U9IiM1NTUiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2Utd2lkdGg9IjEiPgogICAgPHBhdGggZD0iTTE2IDE0IEwxNiAyMyBNMTYgOCBMMTYgMTAiIC8+CiAgICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNCIgLz4KPC9zdmc+'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .fc-form-tooltips.firecheckout #checkout .field.choice .field-tooltip, .fc-form-tooltips.firecheckout .modal-custom .field.choice .field-tooltip, .fc-form-tooltips.firecheckout .modal-popup .field.choice .field-tooltip { position: relative; top: 3px !important; right: 3px; } .fc-form-tooltips.firecheckout #checkout .field ._with-tooltip input, .fc-form-tooltips.firecheckout .modal-custom .field ._with-tooltip input, .fc-form-tooltips.firecheckout .modal-popup .field ._with-tooltip input { display: flex; padding: 14px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid var(--input-default, #d3dae1); background: var(--backgrounds-page, #fafafa); box-shadow: none; } .fc-form-tooltips.firecheckout #checkout .field div.warning, .fc-form-tooltips.firecheckout .modal-custom .field div.warning, .fc-form-tooltips.firecheckout .modal-popup .field div.warning, .fc-form-tooltips.firecheckout #checkout .field div.mage-error, .fc-form-tooltips.firecheckout .modal-custom .field div.mage-error, .fc-form-tooltips.firecheckout .modal-popup .field div.mage-error, .fc-form-tooltips.firecheckout #checkout .field div.field-error, .fc-form-tooltips.firecheckout .modal-custom .field div.field-error, .fc-form-tooltips.firecheckout .modal-popup .field div.field-error { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; cursor: pointer; position: absolute; top: 13px; right: 7px; width: 17px; height: 17px; text-indent: -9999px; } .fc-form-tooltips.firecheckout #checkout .field div.warning::before, .fc-form-tooltips.firecheckout .modal-custom .field div.warning::before, .fc-form-tooltips.firecheckout .modal-popup .field div.warning::before, .fc-form-tooltips.firecheckout #checkout .field div.mage-error::before, .fc-form-tooltips.firecheckout .modal-custom .field div.mage-error::before, .fc-form-tooltips.firecheckout .modal-popup .field div.mage-error::before, .fc-form-tooltips.firecheckout #checkout .field div.field-error::before, .fc-form-tooltips.firecheckout .modal-custom .field div.field-error::before, .fc-form-tooltips.firecheckout .modal-popup .field div.field-error::before { cursor: pointer; content: ''; position: absolute; left: 0; top: 0; width: 17px; height: 17px; -webkit-mask: none; background-color: transparent; background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaS1hbGVydCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTgwNTAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLXdpZHRoPSIxIj4KICAgIDxwYXRoIGQ9Ik0xNiAzIEwzMCAyOSAyIDI5IFogTTE2IDExIEwxNiAxOSBNMTYgMjMgTDE2IDI1IiAvPgo8L3N2Zz4='); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .fc-form-tooltips.firecheckout #checkout .field div.warning span, .fc-form-tooltips.firecheckout .modal-custom .field div.warning span, .fc-form-tooltips.firecheckout .modal-popup .field div.warning span, .fc-form-tooltips.firecheckout #checkout .field div.mage-error span, .fc-form-tooltips.firecheckout .modal-custom .field div.mage-error span, .fc-form-tooltips.firecheckout .modal-popup .field div.mage-error span, .fc-form-tooltips.firecheckout #checkout .field div.field-error span, .fc-form-tooltips.firecheckout .modal-custom .field div.field-error span, .fc-form-tooltips.firecheckout .modal-popup .field div.field-error span { display: none; } .fc-form-tooltips.firecheckout #checkout .field.choice div.warning, .fc-form-tooltips.firecheckout .modal-custom .field.choice div.warning, .fc-form-tooltips.firecheckout .modal-popup .field.choice div.warning, .fc-form-tooltips.firecheckout #checkout .field.choice div.mage-error, .fc-form-tooltips.firecheckout .modal-custom .field.choice div.mage-error, .fc-form-tooltips.firecheckout .modal-popup .field.choice div.mage-error, .fc-form-tooltips.firecheckout #checkout .field.choice div.field-error, .fc-form-tooltips.firecheckout .modal-custom .field.choice div.field-error, .fc-form-tooltips.firecheckout .modal-popup .field.choice div.field-error { top: 5px; } .fc-form-tooltips.firecheckout #checkout .field div.warning::before, .fc-form-tooltips.firecheckout .modal-custom .field div.warning::before, .fc-form-tooltips.firecheckout .modal-popup .field div.warning::before { background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaS1hbGVydCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZhYzAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLXdpZHRoPSIxIj4KICAgIDxwYXRoIGQ9Ik0xNiAzIEwzMCAyOSAyIDI5IFogTTE2IDExIEwxNiAxOSBNMTYgMjMgTDE2IDI1IiAvPgo8L3N2Zz4='); } .fc-form-tooltips.firecheckout #checkout .field._error._warn div.warning, .fc-form-tooltips.firecheckout .modal-custom .field._error._warn div.warning, .fc-form-tooltips.firecheckout .modal-popup .field._error._warn div.warning { display: none; } .fc-form-tooltips.firecheckout #checkout .field ._with-tooltip div.warning, .fc-form-tooltips.firecheckout .modal-custom .field ._with-tooltip div.warning, .fc-form-tooltips.firecheckout .modal-popup .field ._with-tooltip div.warning, .fc-form-tooltips.firecheckout #checkout .field ._with-tooltip div.mage-error, .fc-form-tooltips.firecheckout .modal-custom .field ._with-tooltip div.mage-error, .fc-form-tooltips.firecheckout .modal-popup .field ._with-tooltip div.mage-error, .fc-form-tooltips.firecheckout #checkout .field ._with-tooltip div.field-error, .fc-form-tooltips.firecheckout .modal-custom .field ._with-tooltip div.field-error, .fc-form-tooltips.firecheckout .modal-popup .field ._with-tooltip div.field-error { right: 27px; left: auto; } .fc-form-tooltips.firecheckout #checkout .field ._has-datepicker ~ .ui-datepicker-trigger ~ div.warning, .fc-form-tooltips.firecheckout .modal-custom .field ._has-datepicker ~ .ui-datepicker-trigger ~ div.warning, .fc-form-tooltips.firecheckout .modal-popup .field ._has-datepicker ~ .ui-datepicker-trigger ~ div.warning, .fc-form-tooltips.firecheckout #checkout .field ._has-datepicker ~ .ui-datepicker-trigger ~ div.mage-error, .fc-form-tooltips.firecheckout .modal-custom .field ._has-datepicker ~ .ui-datepicker-trigger ~ div.mage-error, .fc-form-tooltips.firecheckout .modal-popup .field ._has-datepicker ~ .ui-datepicker-trigger ~ div.mage-error, .fc-form-tooltips.firecheckout #checkout .field ._has-datepicker ~ .ui-datepicker-trigger ~ div.field-error, .fc-form-tooltips.firecheckout .modal-custom .field ._has-datepicker ~ .ui-datepicker-trigger ~ div.field-error, .fc-form-tooltips.firecheckout .modal-popup .field ._has-datepicker ~ .ui-datepicker-trigger ~ div.field-error { right: 32px; left: auto; } .fc-form-tooltips.firecheckout #checkout .field._error input, .fc-form-tooltips.firecheckout .modal-custom .field._error input, .fc-form-tooltips.firecheckout .modal-popup .field._error input, .fc-form-tooltips.firecheckout #checkout .field._warn input, .fc-form-tooltips.firecheckout .modal-custom .field._warn input, .fc-form-tooltips.firecheckout .modal-popup .field._warn input { padding-right: 27px; } .fc-form-tooltips.firecheckout #checkout .field._error ._with-tooltip input, .fc-form-tooltips.firecheckout .modal-custom .field._error ._with-tooltip input, .fc-form-tooltips.firecheckout .modal-popup .field._error ._with-tooltip input, .fc-form-tooltips.firecheckout #checkout .field._warn ._with-tooltip input, .fc-form-tooltips.firecheckout .modal-custom .field._warn ._with-tooltip input, .fc-form-tooltips.firecheckout .modal-popup .field._warn ._with-tooltip input { padding-right: 47px; } .fc-form-tooltips.firecheckout #checkout .field._error input._has-datepicker, .fc-form-tooltips.firecheckout .modal-custom .field._error input._has-datepicker, .fc-form-tooltips.firecheckout .modal-popup .field._error input._has-datepicker, .fc-form-tooltips.firecheckout #checkout .field._warn input._has-datepicker, .fc-form-tooltips.firecheckout .modal-custom .field._warn input._has-datepicker, .fc-form-tooltips.firecheckout .modal-popup .field._warn input._has-datepicker { padding-right: 47px; } .firecheckout #maincontent .page-title-wrapper .authentication-wrapper { margin: 0; } @media (max-width: 479.98px) { .firecheckout #maincontent .page-title-wrapper .authentication-wrapper { display: none; } } .firecheckout #maincontent .authentication-wrapper { position: static !important; z-index: auto; top: auto; left: auto; right: auto; bottom: auto; float: none; margin: 0 0 15px; width: auto; max-width: none; text-align: right; } .firecheckout #maincontent .authentication-wrapper aside.authentication-dropdown { overflow: auto; } .firecheckout #maincontent .authentication-wrapper aside.authentication-dropdown .modal-inner-wrap { max-width: 450px; max-height: none; } .firecheckout #maincontent .authentication-wrapper .dropdown-overlay { background: rgba(0, 0, 0, 0.2); transition: opacity 0.2s; opacity: 0; } .firecheckout #maincontent .authentication-wrapper ._show ~ .dropdown-overlay { opacity: 1; } .firecheckout #maincontent .authentication-wrapper [data-role="modal"], .firecheckout #maincontent .checkout-container .authentication-wrapper [data-role="modal"] { z-index: 10000 !important; } .firecheckout #maincontent .authentication-wrapper [data-role="modal"] ~ .dropdown-overlay, .firecheckout #maincontent .checkout-container .authentication-wrapper [data-role="modal"] ~ .dropdown-overlay { z-index: 9999 !important; } .firecheckout #checkout .opc-wrapper .shipping-address-items { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 15px; } @media (min-width: 768px) { .firecheckout #checkout .opc-wrapper .checkout-shipping-address .addresses .control .shipping-address-items { margin-right: -6px; padding-right: 15px; max-height: 600px; overflow: auto; -webkit-overflow-scrolling: touch; } .firecheckout #checkout .opc-wrapper .checkout-shipping-address .addresses .control .shipping-address-items::-webkit-scrollbar { width: 6px; height: 6px; } .firecheckout #checkout .opc-wrapper .checkout-shipping-address .addresses .control .shipping-address-items::-webkit-scrollbar-track { background-color: #e6e6e6; border-radius: 10px; } .firecheckout #checkout .opc-wrapper .checkout-shipping-address .addresses .control .shipping-address-items::-webkit-scrollbar-thumb { background-color: #b3b3b3; border-radius: 10px; } .firecheckout-col1-set.firecheckout #checkout .opc-wrapper .checkout-shipping-address .addresses .control .shipping-address-items { max-height: none; } } .firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item:after { right: 0; left: auto; } .firecheckout #checkout .opc-wrapper .shipping-address-item:not(.selected-item) { border-color: transparent; } .firecheckout #checkout .opc-wrapper .shipping-address-item:before { display: none; } .firecheckout #checkout .opc-wrapper .shipping-address-item button, .firecheckout #checkout .opc-wrapper .shipping-address-item button + button { margin: 10px 0 0; } .firecheckout #checkout .opc-wrapper .fc-size-l .shipping-address-item, .firecheckout #checkout .opc-wrapper .fc-size-m .shipping-address-item { width: calc(45%); padding: 15px; } .firecheckout #checkout .opc-wrapper .fc-size-s .shipping-address-item, .firecheckout #checkout .opc-wrapper .fc-size-xs .shipping-address-item { width: 100%; } .firecheckout #checkout .opc-wrapper .selected-item .action-select-shipping-item { display: none; } .firecheckout #checkout .opc-wrapper .fc-compact-address-button { display: none; } .firecheckout #checkout .opc-wrapper .fc-compact-address-button.fc-active { display: block; margin: 5px 0 15px; } .firecheckout #checkout .opc-wrapper .fc-compact-address-button.fc-active ~ .addresses .shipping-address-items { display: flex; flex-direction: row; } .firecheckout #checkout .opc-wrapper .fc-compact-address-button.fc-active ~ .addresses .shipping-address-items .selected-item { order: -1; } .firecheckout #checkout .opc-wrapper .fc-compact-address-button.fc-active ~ .addresses .shipping-address-item { display: none; } .firecheckout #checkout .opc-wrapper .fc-compact-address-button.fc-active ~ .addresses .shipping-address-item.selected-item { display: block; padding-bottom: 22px; } @media (min-width: 768px) { .firecheckout #checkout .opc-wrapper .fc-compact-address-button.fc-active ~ .addresses .control .shipping-address-items { max-height: 500px; } .firecheckout-col1-set.firecheckout #checkout .opc-wrapper .fc-compact-address-button.fc-active ~ .addresses .control .shipping-address-items { max-height: none; } } .firecheckout #checkout .opc-wrapper .fc-compact-address-button.fc-active ~ .action-show-popup { display: none; } .firecheckout #checkout .opc-wrapper .fc-compact-address-button.fc-active.fc-expanded ~ .addresses .shipping-address-item { display: block; } .firecheckout #checkout .opc-wrapper .fc-compact-address-button.fc-active.fc-expanded ~ .action-show-popup { display: block; } .fc-step-email-address .opc-block-shipping-information { display: none; } .firecheckout #checkout .opc-wrapper .opc .checkout-email-address { margin: 0; } .firecheckout #checkout .opc-wrapper .checkout-email-address .form-login { margin: 0; border: 0; } @media (min-width: 768px) { .firecheckout .checkout-email-address .actions-toolbar > .primary { float: right; } } .firecheckout #checkout-shipping-method-load { margin: 0; padding: 0; border: 0; } .firecheckout #onepage-checkout-shipping-method-additional-load { margin: 0; } .firecheckout #onepage-checkout-shipping-method-additional-load > div { margin: 10px 0 15px; } .firecheckout #onepage-checkout-shipping-method-additional-load > div:last-child { margin-bottom: 0; } .firecheckout .checkout-shipping-method .checkout-shipping-method { margin: 0; position: static; } .firecheckout .checkout-shipping-method .form.methods-shipping { display: flex; flex-direction: column; padding: 24px; } .firecheckout .checkout-shipping-method .form.methods-shipping > .message { order: -1; } .firecheckout .table-checkout-shipping-method thead th { display: none; } .firecheckout .table-checkout-shipping-method tbody tr { padding: 0; flex-direction: row; } .firecheckout .table-checkout-shipping-method tbody tr:first-child td { border: 0; padding: 0; text-align: left; } .firecheckout .table-checkout-shipping-method tbody td { border: 0; text-align: left; } .firecheckout:not(.firecheckout-col1-set) .table-checkout-shipping-method tbody td:first-child { padding-left: 0; padding-right: 0; } .firecheckout.fc-hide-shipping-methods.fc-single-shipping-method .checkout-shipping-method { display: none; } .firecheckout .shipping-policy-block { position: absolute; top: 23px; right: 19px; cursor: pointer; } .firecheckout .shipping-policy-block .field-tooltip-action:before { display: inline-block !important; vertical-align: top; content: ''; width: 17px; height: 17px; -webkit-mask: none; background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaS1pbmZvIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJub25lIiBzdHJva2U9IiM1NTUiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2Utd2lkdGg9IjEiPgogICAgPHBhdGggZD0iTTE2IDE0IEwxNiAyMyBNMTYgOCBMMTYgMTAiIC8+CiAgICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNCIgLz4KPC9zdmc+'); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent !important; background-size: contain; border: 0; } .firecheckout .shipping-policy-block .field-tooltip-action span { display: none; } .firecheckout .opc-block-shipping-information { background: transparent; padding: 0; border: 0; } .firecheckout #opc-sidebar > .opc-block-shipping-information { display: none; } .firecheckout .opc-sidebar .opc-block-shipping-information { margin: 0 0 15px; } .firecheckout .opc-sidebar .shipping-information { display: flex; margin: 5px -3px 0; } .firecheckout .opc-sidebar .shipping-information .ship-to, .firecheckout .opc-sidebar .shipping-information .ship-via { margin: 0; width: 50%; padding: 0 5px; } .firecheckout .opc-sidebar .shipping-information .shipping-information-title { padding: 0; margin: 0 0 2px; border: 0; font-weight: bold; font-size: 13px; } .firecheckout .opc-sidebar .shipping-information .shipping-information-title .action { position: static; font-size: 11px; padding: 1px; vertical-align: baseline; text-transform: none; } .firecheckout .opc-sidebar .shipping-information .shipping-information-title .action:before { display: none; } .firecheckout .opc-sidebar .shipping-information .shipping-information-title .action span { position: static; margin: 0; clip: auto; height: auto; width: auto; overflow: visible; } .firecheckout .opc-sidebar .shipping-information .shipping-information-content { line-height: 15px; font-size: 11px; } .fc-hide-shipping-methods.fc-single-shipping-method.firecheckout .opc-sidebar .shipping-information .ship-via .shipping-information-title .action.action-edit { display: none; } .firecheckout .payment-method p:empty { display: none; } .firecheckout .payment-option, .firecheckout .checkout-payment-method .payment-option { margin: 0 0 10px 0; } .firecheckout .payment-option-title, .firecheckout .checkout-payment-method .payment-option-title { padding-top: 0; padding-bottom: 0; padding-left: 0; border: 0; } .firecheckout .payment-option-content, .firecheckout .checkout-payment-method .payment-option-content { padding: 10px 0 0; max-width: none; } .firecheckout .payment-option-content [data-collapsible="true"], .firecheckout .checkout-payment-method .payment-option-content [data-collapsible="true"] { margin-top: 5px; } .firecheckout .payment-option-content [data-collapsible="true"]:first-child, .firecheckout .checkout-payment-method .payment-option-content [data-collapsible="true"]:first-child { margin-top: -5px; } .firecheckout .payment-option-content [data-collapsible="true"] [data-role="content"], .firecheckout .checkout-payment-method .payment-option-content [data-collapsible="true"] [data-role="content"] { margin-bottom: 10px; } .firecheckout .checkout-payment-method .opc-payment { margin-bottom: 15px; } .firecheckout .checkout-payment-method .fieldset > legend:first-child { display: none; } .firecheckout .checkout-payment-method .fieldset > legend:first-child ~ hr, .firecheckout .checkout-payment-method .fieldset > legend:first-child ~ br { display: none; } .firecheckout .checkout-payment-method .payment-methods { margin: 0; } .firecheckout .checkout-payment-method .payment-method-title { padding: 10px 0; } .firecheckout .checkout-payment-method .payment-method + .payment-method .payment-method-title { border: 0; } .firecheckout .checkout-payment-method .payment-method .payment-method-note { margin: 0 0 10px; } .firecheckout .checkout-payment-method .payment-method .fieldset { margin: 0; } .firecheckout .checkout-payment-method .payment-method-content { padding: 0 0 0 25px; } .firecheckout .checkout-payment-method .payment-method-content .form { margin-bottom: 15px; } .firecheckout .checkout-payment-method .ccard { max-width: 250px; } .firecheckout .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field { width: 50% !important; float: left; margin-right: 8px; } .firecheckout .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field + .field { margin: 0; width: calc(41%) !important; } .firecheckout .checkout-payment-method .ccard .credit-card-types { margin: 0; } .firecheckout .checkout-payment-method .ccard .credit-card-types img { vertical-align: top; } .firecheckout .checkout-payment-method .ccard .number .input-text { width: 100%; } .firecheckout .checkout-payment-method .ccard .number .input-text.mage-error ~ .type { right: 27px; } .firecheckout .checkout-payment-method .ccard .number .type { width: auto; padding: 0; margin: 0; display: flex; align-items: center; position: absolute !important; top: 5px; right: 7px; } .firecheckout .checkout-payment-method .ccard .number .type li { padding: 0; margin: 0; display: none; } .firecheckout .checkout-payment-method .ccard .number .type li._active { background: #fff; border: 1px solid #d9d9d9; padding: 0 2px; display: inline-block; overflow: hidden; } .firecheckout .checkout-payment-method .ccard .month .select { width: 100%; } .firecheckout .checkout-payment-method .ccard .year .select { width: 100%; } .firecheckout .checkout-payment-method .ccard .cvv > .control { width: 50% !important; padding: 0; } .firecheckout .checkout-payment-method .ccard .cvv .input-text { width: 100%; margin: 0; } .firecheckout .checkout-payment-method #po_number { margin-bottom: 0; } .firecheckout.fc-single-payment-method .checkout-payment-method .payment-method-content { padding: 10px 0 10px 0; } .firecheckout .g-recaptcha { margin-bottom: 20px; } .firecheckout .required-captcha.checkbox { opacity: 0 !important; pointer-events: none; position: absolute !important; } .firecheckout #checkout .payment-method .payment-method-content .actions-toolbar { margin: 0; } .firecheckout #checkout .payment-method .payment-method-content .actions-toolbar .action.checkout { display: none; } .firecheckout .checkout-billing-address .billing-address-details { box-sizing: border-box; padding: 0 0 0 28px; background: transparent; line-height: 27px; } .firecheckout .checkout-billing-address .billing-address-details:empty { display: none; } .firecheckout .checkout-billing-address .billing-address-details .action-edit-address { margin: 8px 0 0 0; } .firecheckout .checkout-billing-address .actions-toolbar { margin-top: 5px; } .fc-billing-instant-save.firecheckout .checkout-billing-address .actions-toolbar { display: none; } .firecheckout .checkout-billing-address .actions-toolbar .primary { float: right; margin: 0; display: flex; align-items: center; justify-content: flex-end; } .firecheckout .checkout-billing-address .actions-toolbar .primary .action { flex-grow: 0; width: auto; margin: 0; } .firecheckout .checkout-billing-address .actions-toolbar .primary .action + .action { margin: 0 10px; } .firecheckout .checkout-billing-address .actions-toolbar .primary .action-cancel { order: -1; } .firecheckout .checkout-billing-address + .opc-payment, .firecheckout .checkout-billing-address + div.payment-option { margin-top: 25px; } .firecheckout .checkout-shipping-address .checkout-billing-address { margin: 0; } .firecheckout .checkout-shipping-address .checkout-billing-address .fieldset { margin: 0; } .firecheckout .checkout-shipping-address .checkout-billing-address + #checkout-step-shipping .shipping-address-items { margin-top: 15px; } .equal-billing-shipping.firecheckout .checkout-shipping-address .checkout-billing-address + #checkout-step-shipping { margin-top: 15px; } .equal-billing-shipping.firecheckout .checkout-shipping-address .checkout-billing-address + #checkout-step-shipping .shipping-address-items { margin-top: 0; } .firecheckout #checkout .opc-wrapper .checkout-shipping-address .checkout-billing-address .billing-address-same-as-shipping-block { margin: 0 0 3px; display: block; } .firecheckout #checkout .opc-wrapper .checkout-shipping-address .checkout-billing-address .billing-address-same-as-shipping-block + .fieldset { margin-top: 0; } .firecheckout #checkout .opc-wrapper .checkout-shipping-address .checkout-billing-address .field-select-billing .control .select { margin-bottom: 15px !important; } .firecheckout #checkout .opc-wrapper .checkout-shipping-address .checkout-billing-address .field-select-billing + div { margin-top: 0px; } .firecheckout #checkout .opc-wrapper .checkout-shipping-address .checkout-billing-address .step-title { margin-top: 15px; } .equal-billing-shipping.firecheckout #checkout .opc-wrapper .checkout-shipping-address .checkout-billing-address .step-title { display: none; } .firecheckout #checkout .opc-wrapper .checkout-shipping-address .step-content .checkout-billing-address .step-title { margin-bottom: -15px; } .firecheckout .checkout-payment-method .payment-method .checkout-billing-address { margin: 0 0 10px; } .firecheckout .billing-address-same-as-shipping-block, .firecheckout .checkout-payment-method .billing-address-same-as-shipping-block, .firecheckout .checkout-payment-method .payment-method .fieldset .billing-address-same-as-shipping-block { margin: 0 0 10px; padding: 0; } .firecheckout .billing-address-form, .firecheckout .checkout-payment-method .billing-address-form, .firecheckout .checkout-payment-method .payment-method .fieldset .billing-address-form { max-width: none; padding: 24px; } .firecheckout.equal-billing-shipping .billing-address-details { display: none; } .firecheckout.firecheckout-quote-virtual .checkout-billing-address > .fieldset { margin-top: -10px; } .firecheckout.firecheckout-quote-virtual .payment-method-content .billing-address-details { padding: 0 0 0 18px; } .firecheckout .step-content + .checkout-billing-address { margin-top: 15px; } .firecheckout .checkout-shipping-address .form-shipping-address ~ .checkout-billing-address { margin-bottom: 15px; } @media (min-width: 768px) and (max-width: 1150px) { .firecheckout:not(.firecheckout-quote-virtual) .checkout-billing-address > .fieldset { margin-left: -5px; margin-right: -5px; } } .firecheckout.fc-form-tooltips #checkout .opc-sidebar:not(.fc-size-xs) .discount-code .form-discount, .firecheckout.fc-form-tooltips #checkout .checkout-payment-method:not(.fc-size-xs) .discount-code .form-discount { display: flex; } .firecheckout.fc-form-tooltips #checkout .opc-sidebar:not(.fc-size-xs) .discount-code .form-discount .field label, .firecheckout.fc-form-tooltips #checkout .checkout-payment-method:not(.fc-size-xs) .discount-code .form-discount .field label { display: none; } .firecheckout.fc-form-tooltips #checkout .opc-sidebar:not(.fc-size-xs) .discount-code .payment-option-inner, .firecheckout.fc-form-tooltips #checkout .checkout-payment-method:not(.fc-size-xs) .discount-code .payment-option-inner { flex-grow: 1; margin: 0; } .firecheckout.fc-form-tooltips #checkout .opc-sidebar:not(.fc-size-xs) .discount-code .actions-toolbar, .firecheckout.fc-form-tooltips #checkout .checkout-payment-method:not(.fc-size-xs) .discount-code .actions-toolbar { z-index: 1; flex-shrink: 0; width: auto; margin: 0; } .firecheckout.fc-form-tooltips #checkout .opc-sidebar:not(.fc-size-xs) .discount-code .actions-toolbar > div, .firecheckout.fc-form-tooltips #checkout .checkout-payment-method:not(.fc-size-xs) .discount-code .actions-toolbar > div { height: 100%; } .firecheckout.fc-form-tooltips #checkout .opc-sidebar:not(.fc-size-xs) .discount-code .actions-toolbar .action, .firecheckout.fc-form-tooltips #checkout .checkout-payment-method:not(.fc-size-xs) .discount-code .actions-toolbar .action { height: 100%; margin: 0 5px; } .firecheckout .checkout-agreement { white-space: nowrap; } .firecheckout .checkout-agreements-block .checkout-agreements.fieldset .checkout-agreement.field { display: flex; padding-right: 20px; } .firecheckout .checkout-agreements-block .checkout-agreements.fieldset .checkout-agreement.field input[type="checkbox"] { margin-top: 1px !important; } .firecheckout .checkout-agreements-block .checkout-agreements.fieldset .checkout-agreement.field input[type="checkbox"] + label { white-space: nowrap; line-height: inherit !important; } .firecheckout .checkout-agreements-block .checkout-agreements.fieldset .checkout-agreement.field input[type="checkbox"] + label::after { position: absolute; margin-left: 4px; } .firecheckout .checkout-agreement .action { white-space: normal; text-align: left; text-transform: none; } .firecheckout .checkout-agreement + .checkout-agreement { margin-top: 2px; } .fc-agreements-moved.firecheckout .opc-payment .checkout-agreements-block { display: none; } .firecheckout .opc-block-summary .checkout-agreements .checkout-agreement.field { padding-left: 0; padding-right: 0; } .firecheckout .opc-sidebar { position: static; pointer-events: all; left: auto; right: auto; top: auto; bottom: auto; visibility: visible; opacity: 1; transition: none; transform: none; overflow: visible; } .firecheckout .opc-sidebar .modal-inner-wrap { padding: 0; border: 0; background: none !important; box-shadow: none; height: auto; min-height: 0; min-width: 0; width: 100%; max-width: none; transition: none; transform: none; overflow: visible; opacity: 1; } .firecheckout .opc-sidebar .modal-content { overflow: visible; } .firecheckout .opc-sidebar .modal-header { display: none !important; } .firecheckout .opc-sidebar .opc-block-summary { padding: 0; margin: 0; background: none; box-shadow: none; border: none; } .firecheckout #checkout .opc-sidebar .modal-content { margin: 0; padding: 0; } .firecheckout .opc-block-summary .product-image-wrapper img { vertical-align: top; } .firecheckout .opc-block-summary .fieldset { margin: 0 0 15px; } .firecheckout .opc-block-summary .fieldset > .field { margin: 0 0 15px; } .firecheckout .items-in-cart.block { margin-bottom: 0; } .firecheckout .items-in-cart { margin-bottom: 5px; } .firecheckout .items-in-cart > .title { border: 0; } .firecheckout .items-in-cart > .title strong { color: #444444; text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: bold; padding: 0; } .firecheckout .items-in-cart > .title:before { display: none; } .firecheckout .items-in-cart > .title:after { content: ''; transform: rotate(45deg); border-style: solid; border-width: 0 1px 1px 0; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 5px; position: relative; top: -3px; right: auto; background: transparent; } .firecheckout .items-in-cart > .title[aria-expanded="true"]:after { transform: rotate(225deg); top: 2px; } .firecheckout .items-in-cart > .minicart-items { position: relative; } .firecheckout .items-in-cart > .minicart-items::after { content: ''; position: absolute; z-index: 1; left: 0; right: 0; height: 25px; pointer-events: none; } .firecheckout .items-in-cart > .minicart-items::after { bottom: 0; background: linear-gradient(rgba(255, 255, 255, 0.01), #ffffff); } .firecheckout .minicart-items-wrapper { -webkit-overflow-scrolling: touch; max-height: 30vh; padding-top: 0 !important; overflow: auto; } .firecheckout .minicart-items-wrapper::-webkit-scrollbar { width: 6px; height: 6px; } .firecheckout .minicart-items-wrapper::-webkit-scrollbar-track { background-color: #e6e6e6; border-radius: 10px; } .firecheckout .minicart-items-wrapper::-webkit-scrollbar-thumb { background-color: #b3b3b3; border-radius: 10px; } .firecheckout .minicart-items-wrapper, .firecheckout .opc-block-summary .minicart-items-wrapper { margin: 0 -6px 0 0; padding: 0 6px 0 0; } .firecheckout #checkout .minicart-items .product-item { padding: 10px 0; margin: 0; border-color: #f4f4f4; } .firecheckout #checkout .minicart-items .product-item .options { margin-bottom: 5px; } .firecheckout #checkout .minicart-items .product-item .options dt, .firecheckout #checkout .minicart-items .product-item .options dd { word-break: break-word; } .firecheckout #checkout .minicart-items .product-item .toggle { color: #444444; text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: bold; padding: 0; } .firecheckout #checkout .minicart-items .product-item .toggle:after { display: none; } .firecheckout #checkout .minicart-items .product-item .toggle > span { display: flex; align-items: center; margin: 0; } .firecheckout #checkout .minicart-items .product-item .toggle > span:after { content: ''; transform: rotate(45deg); border-style: solid; border-width: 0 1px 1px 0; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 5px; position: relative; top: -3px; right: auto; background: transparent; } .firecheckout #checkout .minicart-items .product-item .toggle + .content:not([style]) { display: none; } .firecheckout #checkout .minicart-items .product-item .toggle > span, .firecheckout #checkout .minicart-items .product-item .product.active .toggle > span, .firecheckout #checkout .minicart-items .product-item .toggle:hover > span, .firecheckout #checkout .minicart-items .product-item .product.active .toggle:hover > span { background: none; transform: none !important; } .firecheckout .opc-block-summary._block-content-loading { position: static; } .firecheckout .opc-block-summary .actions-toolbar .secondary { border-top: 1px solid #f4f4f4; padding: 15px 0; } .firecheckout .opc-block-summary .table-totals { border-color: #f4f4f4; background: none; margin: 5px 0 10px; } .firecheckout .opc-block-summary .table-totals tbody tr:last-child td { padding-bottom: 10px; } .firecheckout .opc-block-summary .table-totals .grand .mark, .firecheckout .opc-block-summary .table-totals .grand .amount { border: 0; color: var(--text-primary, #1e2832); font-family: Nunito Sans; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding: 16px 32px; border-top: 1px solid var(--dividers, #e7ebef); border-bottom: 1px solid var(--dividers, #e7ebef); } .firecheckout .place-order { margin-top: 10px; padding: 0px 32px 24px 32px; } .firecheckout .place-order .actions-toolbar { display: flex; text-align: right; } .firecheckout .place-order .actions-toolbar .primary .action { margin: 0; height: auto; color: var(--text-white, #ffffff); font-family: Nunito Sans, serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 0.5px; text-transform: uppercase; padding: 12px 24px; display: flex; justify-content: center; align-items: center; gap: 8px; flex: 1 0 0; border-radius: 4px; background: var(--button-light-surface-filled-default, #1e2832); } @media (min-width: 768px) { .firecheckout .place-order .primary { float: right; } } .firecheckout.firecheckout-col1-set .fc-order-summary-copy { display: none; background: transparent !important; border: 0 !important; box-shadow: none !important; padding-top: 8px !important; } .firecheckout.firecheckout-col1-set .fc-order-summary-copy .agreements-clone { margin-top: -5px; } .firecheckout.firecheckout-col1-set .fc-order-summary-copy .checkout-agreements-block { margin-left: 5px; } .firecheckout.firecheckout-col1-set .fc-order-summary-copy .table-totals { margin-bottom: 15px; } .firecheckout.firecheckout-col1-set .fc-order-summary-copy .grand.totals:last-child { border-bottom: 0; } .firecheckout.firecheckout-col1-set .fc-order-summary-copy .grand.totals th.mark, .firecheckout.firecheckout-col1-set .fc-order-summary-copy .grand.totals td.amount { font-size: 1.2em; padding-bottom: 4px; padding-top: 6px; } .firecheckout.firecheckout-col1-set .fc-order-summary-copy .grand.totals td.amount { text-align: right; } .firecheckout.firecheckout-col1-set .fc-order-summary-copy .place-order { margin-left: 0; margin-right: 0; } @media (min-width: 768px) { .firecheckout.firecheckout-col1-set .fc-order-summary-copy { display: block; margin-top: -7.5px !important; } .fc-multistep.firecheckout.firecheckout-col1-set .fc-order-summary-copy { display: none; margin-top: -15px !important; } .fc-multistep.firecheckout.firecheckout-col1-set .fc-order-summary-copy:before { content: ''; display: block; border-top: 1px solid #f4f4f4; margin-bottom: 15px; } .fc-step-payment.fc-multistep.firecheckout.firecheckout-col1-set .fc-order-summary-copy { display: block; } .firecheckout.firecheckout-col1-set.fc-order-below-payment .opc-block-summary .table-totals .grand.totals, .firecheckout.firecheckout-col1-set.fc-order-below-payment .opc-block-summary .agreements-clone, .firecheckout.firecheckout-col1-set.fc-order-below-payment .opc-block-summary .place-order { display: none !important; } } .firecheckout .column.main .widget.block { margin: 10px 0 15px; } .firecheckout .opc-sidebar .additional-content .widget.block { margin: 15px 0; } .firecheckout .opc-sidebar .additional-content .widget.block.firecheckout-content-below-place-order { margin-bottom: 0; } .firecheckout-layout-full .column.main .widget.block.firecheckout-content-top { margin-top: 0; } .firecheckout .modal-popup.fc-intro-modal + .modals-overlay { background: #ffffff; } .firecheckout .modal-popup.fc-intro-modal .modal-inner-wrap { margin-top: 7rem; } .fc-intro { max-width: 1000px; margin: 0 auto; } .fc-intro .section-title { margin: 10px 0 25px; text-align: center; font-size: 1.9em; font-weight: bold; } .fc-intro .section-title::before, .fc-intro .section-title::after { display: none; } .fc-intro section { clear: both; margin: 0 0 35px; padding: 0; } .fc-intro section:last-child { margin-bottom: 0; } .fc-intro .block { box-shadow: none; padding: 0; margin: 0 0 35px; } .fc-intro .block > .block-title { margin: 0 0 13px; font-size: 1em; text-transform: uppercase; background: none; } .fc-intro .block > .actions-toolbar { margin-top: 15px; } .fc-intro .block.crosssell { width: auto; float: none; padding: 0; } .fc-intro .block.crosssell .block-title { display: none; } @media (min-width: 639px) { .fc-intro .block { padding: 25px 28px; } .fc-intro .block + .block { padding-top: 0; } } .firecheckout .checkout-shipping-address .action.primary, .firecheckout .checkout-billing-address .action.primary, .firecheckout .modal-footer .action.primary, .firecheckout .actions-toolbar .action.primary, .firecheckout .checkout-shipping-address button.action, .firecheckout .checkout-billing-address button.action, .firecheckout .modal-footer button.action, .firecheckout .actions-toolbar button.action { border-style: solid; font-weight: 500; } .firecheckout .checkout-shipping-address .action.primary:hover, .firecheckout .checkout-billing-address .action.primary:hover, .firecheckout .modal-footer .action.primary:hover, .firecheckout .actions-toolbar .action.primary:hover, .firecheckout .checkout-shipping-address button.action:hover, .firecheckout .checkout-billing-address button.action:hover, .firecheckout .modal-footer button.action:hover, .firecheckout .actions-toolbar button.action:hover, .firecheckout .checkout-shipping-address .action.primary:focus, .firecheckout .checkout-billing-address .action.primary:focus, .firecheckout .modal-footer .action.primary:focus, .firecheckout .actions-toolbar .action.primary:focus, .firecheckout .checkout-shipping-address button.action:focus, .firecheckout .checkout-billing-address button.action:focus, .firecheckout .modal-footer button.action:focus, .firecheckout .actions-toolbar button.action:focus { border-style: solid; } .firecheckout .checkout-shipping-address .action.primary + button:not(.secondary), .firecheckout .checkout-billing-address .action.primary + button:not(.secondary), .firecheckout .modal-footer .action.primary + button:not(.secondary), .firecheckout .actions-toolbar .action.primary + button:not(.secondary), .firecheckout .checkout-shipping-address button.action + button:not(.secondary), .firecheckout .checkout-billing-address button.action + button:not(.secondary), .firecheckout .modal-footer button.action + button:not(.secondary), .firecheckout .actions-toolbar button.action + button:not(.secondary) { margin: 0 10px; } .firecheckout .checkout-shipping-address .action.primary.secondary, .firecheckout .checkout-billing-address .action.primary.secondary, .firecheckout .modal-footer .action.primary.secondary, .firecheckout .actions-toolbar .action.primary.secondary, .firecheckout .checkout-shipping-address button.action.secondary, .firecheckout .checkout-billing-address button.action.secondary, .firecheckout .modal-footer button.action.secondary, .firecheckout .actions-toolbar button.action.secondary, .firecheckout .checkout-shipping-address .action.primary.action-cancel, .firecheckout .checkout-billing-address .action.primary.action-cancel, .firecheckout .modal-footer .action.primary.action-cancel, .firecheckout .actions-toolbar .action.primary.action-cancel, .firecheckout .checkout-shipping-address button.action.action-cancel, .firecheckout .checkout-billing-address button.action.action-cancel, .firecheckout .modal-footer button.action.action-cancel, .firecheckout .actions-toolbar button.action.action-cancel, .firecheckout .checkout-shipping-address .action.primary.action-secondary, .firecheckout .checkout-billing-address .action.primary.action-secondary, .firecheckout .modal-footer .action.primary.action-secondary, .firecheckout .actions-toolbar .action.primary.action-secondary, .firecheckout .checkout-shipping-address button.action.action-secondary, .firecheckout .checkout-billing-address button.action.action-secondary, .firecheckout .modal-footer button.action.action-secondary, .firecheckout .actions-toolbar button.action.action-secondary, .firecheckout .checkout-shipping-address .action.primary.action-dismiss, .firecheckout .checkout-billing-address .action.primary.action-dismiss, .firecheckout .modal-footer .action.primary.action-dismiss, .firecheckout .actions-toolbar .action.primary.action-dismiss, .firecheckout .checkout-shipping-address button.action.action-dismiss, .firecheckout .checkout-billing-address button.action.action-dismiss, .firecheckout .modal-footer button.action.action-dismiss, .firecheckout .actions-toolbar button.action.action-dismiss { border-style: solid; font-weight: 500; } .firecheckout .checkout-shipping-address .action.primary.secondary:hover, .firecheckout .checkout-billing-address .action.primary.secondary:hover, .firecheckout .modal-footer .action.primary.secondary:hover, .firecheckout .actions-toolbar .action.primary.secondary:hover, .firecheckout .checkout-shipping-address button.action.secondary:hover, .firecheckout .checkout-billing-address button.action.secondary:hover, .firecheckout .modal-footer button.action.secondary:hover, .firecheckout .actions-toolbar button.action.secondary:hover, .firecheckout .checkout-shipping-address .action.primary.action-cancel:hover, .firecheckout .checkout-billing-address .action.primary.action-cancel:hover, .firecheckout .modal-footer .action.primary.action-cancel:hover, .firecheckout .actions-toolbar .action.primary.action-cancel:hover, .firecheckout .checkout-shipping-address button.action.action-cancel:hover, .firecheckout .checkout-billing-address button.action.action-cancel:hover, .firecheckout .modal-footer button.action.action-cancel:hover, .firecheckout .actions-toolbar button.action.action-cancel:hover, .firecheckout .checkout-shipping-address .action.primary.action-secondary:hover, .firecheckout .checkout-billing-address .action.primary.action-secondary:hover, .firecheckout .modal-footer .action.primary.action-secondary:hover, .firecheckout .actions-toolbar .action.primary.action-secondary:hover, .firecheckout .checkout-shipping-address button.action.action-secondary:hover, .firecheckout .checkout-billing-address button.action.action-secondary:hover, .firecheckout .modal-footer button.action.action-secondary:hover, .firecheckout .actions-toolbar button.action.action-secondary:hover, .firecheckout .checkout-shipping-address .action.primary.action-dismiss:hover, .firecheckout .checkout-billing-address .action.primary.action-dismiss:hover, .firecheckout .modal-footer .action.primary.action-dismiss:hover, .firecheckout .actions-toolbar .action.primary.action-dismiss:hover, .firecheckout .checkout-shipping-address button.action.action-dismiss:hover, .firecheckout .checkout-billing-address button.action.action-dismiss:hover, .firecheckout .modal-footer button.action.action-dismiss:hover, .firecheckout .actions-toolbar button.action.action-dismiss:hover, .firecheckout .checkout-shipping-address .action.primary.secondary:focus, .firecheckout .checkout-billing-address .action.primary.secondary:focus, .firecheckout .modal-footer .action.primary.secondary:focus, .firecheckout .actions-toolbar .action.primary.secondary:focus, .firecheckout .checkout-shipping-address button.action.secondary:focus, .firecheckout .checkout-billing-address button.action.secondary:focus, .firecheckout .modal-footer button.action.secondary:focus, .firecheckout .actions-toolbar button.action.secondary:focus, .firecheckout .checkout-shipping-address .action.primary.action-cancel:focus, .firecheckout .checkout-billing-address .action.primary.action-cancel:focus, .firecheckout .modal-footer .action.primary.action-cancel:focus, .firecheckout .actions-toolbar .action.primary.action-cancel:focus, .firecheckout .checkout-shipping-address button.action.action-cancel:focus, .firecheckout .checkout-billing-address button.action.action-cancel:focus, .firecheckout .modal-footer button.action.action-cancel:focus, .firecheckout .actions-toolbar button.action.action-cancel:focus, .firecheckout .checkout-shipping-address .action.primary.action-secondary:focus, .firecheckout .checkout-billing-address .action.primary.action-secondary:focus, .firecheckout .modal-footer .action.primary.action-secondary:focus, .firecheckout .actions-toolbar .action.primary.action-secondary:focus, .firecheckout .checkout-shipping-address button.action.action-secondary:focus, .firecheckout .checkout-billing-address button.action.action-secondary:focus, .firecheckout .modal-footer button.action.action-secondary:focus, .firecheckout .actions-toolbar button.action.action-secondary:focus, .firecheckout .checkout-shipping-address .action.primary.action-dismiss:focus, .firecheckout .checkout-billing-address .action.primary.action-dismiss:focus, .firecheckout .modal-footer .action.primary.action-dismiss:focus, .firecheckout .actions-toolbar .action.primary.action-dismiss:focus, .firecheckout .checkout-shipping-address button.action.action-dismiss:focus, .firecheckout .checkout-billing-address button.action.action-dismiss:focus, .firecheckout .modal-footer button.action.action-dismiss:focus, .firecheckout .actions-toolbar button.action.action-dismiss:focus { border-style: solid; } .firecheckout .checkout-shipping-address .action.primary.action-agree, .firecheckout .checkout-billing-address .action.primary.action-agree, .firecheckout .modal-footer .action.primary.action-agree, .firecheckout .actions-toolbar .action.primary.action-agree, .firecheckout .checkout-shipping-address button.action.action-agree, .firecheckout .checkout-billing-address button.action.action-agree, .firecheckout .modal-footer button.action.action-agree, .firecheckout .actions-toolbar button.action.action-agree, .firecheckout .checkout-shipping-address .action.primary.action-update, .firecheckout .checkout-billing-address .action.primary.action-update, .firecheckout .modal-footer .action.primary.action-update, .firecheckout .actions-toolbar .action.primary.action-update, .firecheckout .checkout-shipping-address button.action.action-update, .firecheckout .checkout-billing-address button.action.action-update, .firecheckout .modal-footer button.action.action-update, .firecheckout .actions-toolbar button.action.action-update, .firecheckout .checkout-shipping-address .action.primary.action-login, .firecheckout .checkout-billing-address .action.primary.action-login, .firecheckout .modal-footer .action.primary.action-login, .firecheckout .actions-toolbar .action.primary.action-login, .firecheckout .checkout-shipping-address button.action.action-login, .firecheckout .checkout-billing-address button.action.action-login, .firecheckout .modal-footer button.action.action-login, .firecheckout .actions-toolbar button.action.action-login, .firecheckout .checkout-shipping-address .action.primary.action[data-role="opc-continue"], .firecheckout .checkout-billing-address .action.primary.action[data-role="opc-continue"], .firecheckout .modal-footer .action.primary.action[data-role="opc-continue"], .firecheckout .actions-toolbar .action.primary.action[data-role="opc-continue"], .firecheckout .checkout-shipping-address button.action.action[data-role="opc-continue"], .firecheckout .checkout-billing-address button.action.action[data-role="opc-continue"], .firecheckout .modal-footer button.action.action[data-role="opc-continue"], .firecheckout .actions-toolbar button.action.action[data-role="opc-continue"] { border-style: solid; font-weight: 700; } .firecheckout .checkout-shipping-address .action.primary.action-agree:hover, .firecheckout .checkout-billing-address .action.primary.action-agree:hover, .firecheckout .modal-footer .action.primary.action-agree:hover, .firecheckout .actions-toolbar .action.primary.action-agree:hover, .firecheckout .checkout-shipping-address button.action.action-agree:hover, .firecheckout .checkout-billing-address button.action.action-agree:hover, .firecheckout .modal-footer button.action.action-agree:hover, .firecheckout .actions-toolbar button.action.action-agree:hover, .firecheckout .checkout-shipping-address .action.primary.action-update:hover, .firecheckout .checkout-billing-address .action.primary.action-update:hover, .firecheckout .modal-footer .action.primary.action-update:hover, .firecheckout .actions-toolbar .action.primary.action-update:hover, .firecheckout .checkout-shipping-address button.action.action-update:hover, .firecheckout .checkout-billing-address button.action.action-update:hover, .firecheckout .modal-footer button.action.action-update:hover, .firecheckout .actions-toolbar button.action.action-update:hover, .firecheckout .checkout-shipping-address .action.primary.action-login:hover, .firecheckout .checkout-billing-address .action.primary.action-login:hover, .firecheckout .modal-footer .action.primary.action-login:hover, .firecheckout .actions-toolbar .action.primary.action-login:hover, .firecheckout .checkout-shipping-address button.action.action-login:hover, .firecheckout .checkout-billing-address button.action.action-login:hover, .firecheckout .modal-footer button.action.action-login:hover, .firecheckout .actions-toolbar button.action.action-login:hover, .firecheckout .checkout-shipping-address .action.primary.action[data-role="opc-continue"]:hover, .firecheckout .checkout-billing-address .action.primary.action[data-role="opc-continue"]:hover, .firecheckout .modal-footer .action.primary.action[data-role="opc-continue"]:hover, .firecheckout .actions-toolbar .action.primary.action[data-role="opc-continue"]:hover, .firecheckout .checkout-shipping-address button.action.action[data-role="opc-continue"]:hover, .firecheckout .checkout-billing-address button.action.action[data-role="opc-continue"]:hover, .firecheckout .modal-footer button.action.action[data-role="opc-continue"]:hover, .firecheckout .actions-toolbar button.action.action[data-role="opc-continue"]:hover, .firecheckout .checkout-shipping-address .action.primary.action-agree:focus, .firecheckout .checkout-billing-address .action.primary.action-agree:focus, .firecheckout .modal-footer .action.primary.action-agree:focus, .firecheckout .actions-toolbar .action.primary.action-agree:focus, .firecheckout .checkout-shipping-address button.action.action-agree:focus, .firecheckout .checkout-billing-address button.action.action-agree:focus, .firecheckout .modal-footer button.action.action-agree:focus, .firecheckout .actions-toolbar button.action.action-agree:focus, .firecheckout .checkout-shipping-address .action.primary.action-update:focus, .firecheckout .checkout-billing-address .action.primary.action-update:focus, .firecheckout .modal-footer .action.primary.action-update:focus, .firecheckout .actions-toolbar .action.primary.action-update:focus, .firecheckout .checkout-shipping-address button.action.action-update:focus, .firecheckout .checkout-billing-address button.action.action-update:focus, .firecheckout .modal-footer button.action.action-update:focus, .firecheckout .actions-toolbar button.action.action-update:focus, .firecheckout .checkout-shipping-address .action.primary.action-login:focus, .firecheckout .checkout-billing-address .action.primary.action-login:focus, .firecheckout .modal-footer .action.primary.action-login:focus, .firecheckout .actions-toolbar .action.primary.action-login:focus, .firecheckout .checkout-shipping-address button.action.action-login:focus, .firecheckout .checkout-billing-address button.action.action-login:focus, .firecheckout .modal-footer button.action.action-login:focus, .firecheckout .actions-toolbar button.action.action-login:focus, .firecheckout .checkout-shipping-address .action.primary.action[data-role="opc-continue"]:focus, .firecheckout .checkout-billing-address .action.primary.action[data-role="opc-continue"]:focus, .firecheckout .modal-footer .action.primary.action[data-role="opc-continue"]:focus, .firecheckout .actions-toolbar .action.primary.action[data-role="opc-continue"]:focus, .firecheckout .checkout-shipping-address button.action.action[data-role="opc-continue"]:focus, .firecheckout .checkout-billing-address button.action.action[data-role="opc-continue"]:focus, .firecheckout .modal-footer button.action.action[data-role="opc-continue"]:focus, .firecheckout .actions-toolbar button.action.action[data-role="opc-continue"]:focus { border-style: solid; } .firecheckout .place-order .actions-toolbar .primary .action { border-style: solid; font-weight: 700; } .firecheckout .place-order .actions-toolbar .primary .action:hover, .firecheckout .place-order .actions-toolbar .primary .action:focus { border-style: solid; padding: 12px 24px; } .firecheckout #checkout [data-collapsible="true"] { border: 0; margin-bottom: 5px; display: none; } .firecheckout #checkout [data-collapsible="true"]._active { margin-bottom: 15px; } .firecheckout #checkout [data-collapsible="true"] > [role="tab"], .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] { margin-bottom: 0; } .firecheckout #checkout [data-collapsible="true"] > [role="tab"]:before, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"]:before, .firecheckout #checkout [data-collapsible="true"] > [role="tab"]:after, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"]:after { display: none; } .firecheckout #checkout [data-collapsible="true"] > [role="tab"], .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"], .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > span, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > span, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > strong, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > strong, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] .action-toggle, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] .action-toggle { color: #444444; text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: bold; padding: 0; cursor: pointer; } .firecheckout #checkout [data-collapsible="true"] > [role="tab"]:before, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"]:before, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > span:before, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > span:before, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > strong:before, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > strong:before, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] .action-toggle:before, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] .action-toggle:before { display: none; } .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > span, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > span, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > strong, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > strong, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] .action-toggle, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] .action-toggle { display: flex; align-items: center; } .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > span:after, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > span:after, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > strong:after, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > strong:after, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] .action-toggle:after, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] .action-toggle:after { content: ''; transform: rotate(45deg); border-style: solid; border-width: 0 1px 1px 0; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 5px; position: relative; top: -3px; right: auto; background: transparent; } .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > span > * + *, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > span > * + *, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] > strong > * + *, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] > strong > * + *, .firecheckout #checkout [data-collapsible="true"] > [role="tab"] .action-toggle > * + *, .firecheckout #checkout [data-collapsible="true"] > .title[data-role="title"] .action-toggle > * + * { margin-left: 3px; } .firecheckout #checkout [data-collapsible="true"]._active > .title[data-role="title"] > span:after, .firecheckout #checkout [data-collapsible="true"] [role="tab"][aria-expanded="true"] > span:after, .firecheckout #checkout [data-collapsible="true"]._active > .title[data-role="title"] > strong:after, .firecheckout #checkout [data-collapsible="true"] [role="tab"][aria-expanded="true"] > strong:after, .firecheckout #checkout [data-collapsible="true"]._active > .title[data-role="title"] .action-toggle:after, .firecheckout #checkout [data-collapsible="true"] [role="tab"][aria-expanded="true"] .action-toggle:after { transform: rotate(225deg); top: 2px; } .firecheckout #checkout [data-collapsible="true"] [role="tabpanel"], .firecheckout #checkout [data-collapsible="true"] [data-role="content"] { margin-top: 5px; padding: 5px 0 0; } .firecheckout .modal-popup.modal-slide._inner-scroll._show, .firecheckout .modal-custom:not(.opc-sidebar).modal-slide._inner-scroll._show { overflow-y: visible; } .firecheckout .modal-popup.modal-slide._inner-scroll .modal-inner-wrap, .firecheckout .modal-custom:not(.opc-sidebar).modal-slide._inner-scroll .modal-inner-wrap { min-height: 0; } .firecheckout .modal-popup.modal-slide._inner-scroll .modal-inner-wrap[class], .firecheckout .modal-custom:not(.opc-sidebar).modal-slide._inner-scroll .modal-inner-wrap[class] { background: #ffffff; } .firecheckout .modal-unclosable .action-close { display: none; } .firecheckout .modal-popup .step-title, .firecheckout .modal-custom:not(.opc-sidebar) .step-title { font-size: 25px; } .firecheckout._has-modal > .loading-mask, .firecheckout._has-modal-custom > .loading-mask { z-index: 10005 !important; } .firecheckout._has-modal .loading-mask:not(.fc-mask), .firecheckout._has-modal-custom .loading-mask:not(.fc-mask) { opacity: 0; pointer-events: none; } .firecheckout._has-modal._has-auth-shown .loading-mask:not(.fc-mask), .firecheckout._has-modal-custom._has-auth-shown .loading-mask:not(.fc-mask) { opacity: 1; pointer-events: all; } .firecheckout .modal-popup, .firecheckout .modal-custom:not(.opc-sidebar) { left: 0; right: 0; bottom: 0; top: 0; position: fixed; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; border: 0; width: 100%; max-width: none; box-shadow: none; background: transparent; text-align: left; transform: none; } .firecheckout .modal-popup .modal-title, .firecheckout .modal-custom:not(.opc-sidebar) .modal-title { border-color: #f4f4f4; } .firecheckout .modal-popup .modal-inner-wrap, .firecheckout .modal-custom:not(.opc-sidebar) .modal-inner-wrap { margin: 3rem auto; width: 90%; max-width: 800px; min-height: 0; max-height: calc(84vh); background: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); transform-origin: 50% 50% 0; opacity: 0; transition: all 0.2s; visibility: hidden; transform: translateY(20px); } .firecheckout .modal-popup .modal-inner-wrap .modal-content, .firecheckout .modal-custom:not(.opc-sidebar) .modal-inner-wrap .modal-content { -webkit-overflow-scrolling: touch; } .firecheckout .modal-popup .modal-inner-wrap .modal-content::-webkit-scrollbar, .firecheckout .modal-custom:not(.opc-sidebar) .modal-inner-wrap .modal-content::-webkit-scrollbar { width: 6px; height: 6px; } .firecheckout .modal-popup .modal-inner-wrap .modal-content::-webkit-scrollbar-track, .firecheckout .modal-custom:not(.opc-sidebar) .modal-inner-wrap .modal-content::-webkit-scrollbar-track { background-color: #e6e6e6; border-radius: 10px; } .firecheckout .modal-popup .modal-inner-wrap .modal-content::-webkit-scrollbar-thumb, .firecheckout .modal-custom:not(.opc-sidebar) .modal-inner-wrap .modal-content::-webkit-scrollbar-thumb { background-color: #b3b3b3; border-radius: 10px; } .firecheckout .modal-popup ~ .modals-overlay, .firecheckout .modal-custom:not(.opc-sidebar) ~ .modals-overlay { background: rgba(0, 0, 0, 0.2); transition: opacity 0.2s; opacity: 0; } .firecheckout .modal-popup._show, .firecheckout .modal-custom:not(.opc-sidebar)._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .firecheckout .modal-popup._show .modal-inner-wrap, .firecheckout .modal-custom:not(.opc-sidebar)._show .modal-inner-wrap { opacity: 1; visibility: visible; top: 0; transform: translateY(0); } .firecheckout .modal-popup._show ~ .modals-overlay, .firecheckout .modal-custom:not(.opc-sidebar)._show ~ .modals-overlay { opacity: 1; } .firecheckout .modal-popup.modal-slide .modal-footer, .firecheckout .modal-custom:not(.opc-sidebar).modal-slide .modal-footer, .firecheckout .modal-popup .modal-footer, .firecheckout .modal-custom:not(.opc-sidebar) .modal-footer { border-color: #f4f4f4; } .firecheckout .modal-inner-wrap .action-close { width: 30px; height: 30px; margin: 0; padding: 0; } .firecheckout .modal-inner-wrap .action-close, .firecheckout .modal-inner-wrap .action-close:focus, .firecheckout .modal-inner-wrap .action-close:hover { background: transparent; } .firecheckout .modal-inner-wrap .action-close::before, .firecheckout .modal-inner-wrap .action-close::after { -webkit-mask: none; content: ''; position: absolute; left: 11px; top: 10px; height: 20px; width: 2px; margin: 0; background-color: #333; opacity: 1; } .firecheckout .modal-inner-wrap .action-close::before { transform: rotate(45deg); } .firecheckout .modal-inner-wrap .action-close::after { transform: rotate(-45deg); } @media (min-width: 768px) { .firecheckout._has-modal { overflow-y: auto; } .firecheckout.checkout-index-index .modal-popup .modal-inner-wrap, .firecheckout.checkout-index-index .modal-custom:not(.opc-sidebar) .modal-inner-wrap { left: 0; margin: 5rem auto; width: 75%; } } .firecheckout .field-tooltip .field-tooltip-content { color: inherit; background: #ffffff; border: 1px solid #ffffff; width: 200px; box-shadow: 0 0 45px rgba(0, 0, 0, 0.1); } .firecheckout .field-tooltip .field-tooltip-content:before { border-right-color: #ffffff; } .firecheckout .field-tooltip .field-tooltip-content:after { border-right-color: #ffffff; } .firecheckout .shipping-policy-block.field-tooltip .field-tooltip-content { width: 450px; } .rtl.firecheckout .shipping-policy-block.field-tooltip .field-tooltip-content { right: -10px; left: auto; } .rtl.firecheckout .shipping-policy-block.field-tooltip .field-tooltip-content:before, .rtl.firecheckout .shipping-policy-block.field-tooltip .field-tooltip-content:after { right: 10px; left: auto; } .firecheckout .shipping-policy-block.field-tooltip .field-tooltip-content:before, .firecheckout .modal-popup .field-tooltip .field-tooltip-content:before, .firecheckout .shipping-policy-block.field-tooltip .field-tooltip-content:after, .firecheckout .modal-popup .field-tooltip .field-tooltip-content:after { border-right-color: transparent; } .firecheckout .shipping-policy-block.field-tooltip .field-tooltip-content:before, .firecheckout .modal-popup .field-tooltip .field-tooltip-content:before { border-bottom-color: #ffffff; } .firecheckout .shipping-policy-block.field-tooltip .field-tooltip-content:after, .firecheckout .modal-popup .field-tooltip .field-tooltip-content:after { border-bottom-color: #ffffff; } @media (max-width: 768px) { .firecheckout .field-tooltip .field-tooltip-content { right: -10px; left: auto; top: 40px; } .firecheckout .field-tooltip .field-tooltip-content:before, .firecheckout .field-tooltip .field-tooltip-content:after { border-right-color: transparent; margin-top: -21px; right: 10px; left: auto; top: 0; } .firecheckout .field-tooltip .field-tooltip-content:before { border-bottom-color: #ffffff; } .firecheckout .field-tooltip .field-tooltip-content:after { border-bottom-color: #ffffff; } } @media (max-width: 639px) { .shipping-policy-block.field-tooltip .field-tooltip-content { max-width: 350px; } } @media (max-width: 480px) { .firecheckout .field-tooltip .field-tooltip-content { width: 150px; } .shipping-policy-block.field-tooltip .field-tooltip-content { max-width: 320px; } } @media (max-width: 360px) { .shipping-policy-block.field-tooltip .field-tooltip-content { max-width: 270px; } } .fc-spinner { position: absolute; top: 21px; right: 7px; opacity: 0; transition: 0s opacity linear 200ms; } .fc-spinner.shown { opacity: 1; } .fc-spinner::before { display: none; } .fc-spinner::after { content: ''; position: absolute; top: 0; right: 0; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; -webkit-animation: 0.4s linear infinite firecheckout-spin; animation: 0.4s linear infinite firecheckout-spin; border: 1px solid #dddddd; border-top: 1px solid #42a5f5; border-radius: 50%; cursor: wait; } .firecheckout .opc-progress-bar { display: block; margin: 0 0 15px !important; } .firecheckout .opc-progress-bar li { display: inline-block; width: auto; font-size: 13px; line-height: 22px; color: #aaaaaa; border: 0; text-transform: none; padding: 0; height: auto; margin: 0; } .firecheckout .opc-progress-bar li::before { display: none; } .firecheckout .opc-progress-bar li::after { content: '&rsaquo;'; color: #aaaaaa; margin: 0 5px 0 2px; position: static; border: 0; height: auto; } .firecheckout .opc-progress-bar li:last-child::after { display: none !important; } .firecheckout .opc-progress-bar li span { width: auto; padding: 0; margin: 0; font-size: 13px; text-align: left; color: #666666; } .firecheckout .opc-progress-bar li span::before, .firecheckout .opc-progress-bar li span::after { display: none; } .firecheckout .opc-progress-bar li._active { background: transparent; border: none; } .firecheckout .opc-progress-bar li._active::after { display: inline; } .firecheckout .opc-progress-bar li._active span { color: #333333; font-weight: bold; } .firecheckout .opc-progress-bar li._complete { cursor: pointer; } .firecheckout .opc-progress-bar li._complete:hover span { text-decoration: underline; } .firecheckout .opc-progress-bar li._complete span { color: #006bb4; } .firecheckout .loading-mask .loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; transform: none; width: auto; height: auto; max-width: none; max-height: none; margin: 0; border: 0; animation: none; } .firecheckout .loading-mask .loader img { visibility: hidden; opacity: 0; display: none; } .firecheckout .loading-mask .loader::before { display: none; } .firecheckout .loading-mask .loader::after { content: ''; position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; -webkit-animation: firecheckout-spin 0.7s linear infinite; animation: firecheckout-spin 0.7s linear infinite; border: 3px solid #dddddd; border-top: 3px solid #42a5f5; border-radius: 50%; cursor: wait; } ._block-content-loading .loading-mask { background: transparent; position: absolute; z-index: 100; inset: unset; top: 16px !important; right: 50% !important; width: 30px; height: 30px; transform: translate(50%, -50%) !important; } ._block-content-loading .table-totals { animation: firecheckout-pulse 1.8s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .firecheckout #checkout .opc-block-summary .details-qty .qty-wrapper { border-color: #cccccc; border-width: 1px; } .firecheckout #checkout .opc-block-summary .details-qty .qty-wrapper .qty-toggler { border-color: #cccccc; border-left-width: 1px; } .firecheckout #checkout .swissup-delivery-date { max-width: none; margin-left: -4px; margin-right: -4px; } .firecheckout #checkout .swissup-delivery-date div.field { padding: 4px; display: inline-block; box-sizing: border-box; float: none; width: 100%; margin: 0; } .firecheckout #checkout .swissup-delivery-date div.field div.field { padding-left: 0; padding-right: 0; } .firecheckout #checkout .swissup-delivery-date div.field .additional { margin-top: 8px; } .firecheckout #checkout .swissup-delivery-date div.field.choice:before { display: none; } .firecheckout #checkout .swissup-delivery-date div.field.choice > .label { float: none; } .firecheckout #checkout .swissup-delivery-date div.field > .label { float: left; width: auto; margin-top: 0; margin-bottom: 5px; padding: 0; text-align: left; vertical-align: top; box-sizing: border-box; font-weight: normal; white-space: normal; } .firecheckout #checkout .swissup-delivery-date div.field > .label::after { margin: 0; } .firecheckout #checkout .swissup-delivery-date div.field > .control { float: none; clear: both; width: auto; display: block; padding: 0 !important; margin: 0 !important; } .firecheckout #checkout .swissup-delivery-date div.field > .control._with-tooltip input, .firecheckout #checkout .swissup-delivery-date div.field > .control._with-tooltip textarea, .firecheckout #checkout .swissup-delivery-date div.field > .control._with-tooltip select { width: 100%; margin: 0; } .firecheckout #checkout .swissup-delivery-date div.field.required > .label::after, .firecheckout #checkout .swissup-delivery-date div.field._required > .label::after { position: static; content: ' *'; color: #e02b27; font-size: 1.4rem; margin: 0 0 0 2px; } .firecheckout #checkout .fc-size-xs .swissup-delivery-date { flex-wrap: wrap; } .firecheckout #checkout .fc-size-xs .swissup-delivery-date > .field { width: 100%; } .firecheckout #checkout .payment-method .payment-method-content #load-dropin-form-button { display: inline-block; } .firecheckout #checkout .payment-method .payment-method-content #submit-container > .actions-toolbar .action.checkout { display: none !important; } .firecheckout .payment-method-braintree .hosted-control { height: auto; max-width: none; line-height: normal; padding-top: 0.68em; padding-bottom: 0.68em; padding-left: 7px; padding-right: 7px; border-style: solid; border-width: 1px; border-color: #cccccc; background-color: #ffffff; height: 42px; border-radius: 0; width: 100%; height: 50px; box-sizing: border-box; } .firecheckout .payment-method-braintree .hosted-control:focus { box-shadow: none; border-color: #c2c2c2; background-color: #fafafa; } .firecheckout .payment-method-braintree .hosted-control:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #ffffe4 inset !important; } .firecheckout .payment-method-braintree .hosted-control::-webkit-input-placeholder { color: #676767; } .firecheckout .payment-method-braintree .hosted-control::-moz-placeholder { color: #676767; } .firecheckout .payment-method-braintree .hosted-control:-ms-input-placeholder { color: #676767; } .firecheckout .payment-method-braintree .hosted-control::-ms-input-placeholder { color: #676767; } .firecheckout .payment-method-braintree .hosted-control::placeholder { color: #676767; } .firecheckout .payment-method-braintree .hosted-control.hosted-cid { width: 100%; } .firecheckout .payment-method-braintree .hosted-control:focus { background-color: #fff; } .firecheckout .payment-method-braintree .hosted-date-wrap .hosted-control.hosted-date { width: 50%; margin-right: 8px; } .firecheckout .payment-method-braintree .hosted-date-wrap .hosted-control.hosted-date:after { display: none; } .firecheckout .payment-method-braintree .hosted-date-wrap .hosted-control.hosted-date + .hosted-date { margin: 0; width: calc(41%); } .firecheckout .tippy-box { max-width: 240px !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); } .firecheckout .tippy-box .tippy-content { font-size: 13px; } .firecheckout .tippy-box[data-theme=error] { background-color: #cf0400; } .firecheckout .tippy-box[data-theme=warning] { background-color: #c39100; } .firecheckout .tippy-box[data-theme=content] { text-align: initial; color: #333; background-color: #ffffff; } .firecheckout .tippy-box[data-placement^=top][data-theme=error] .tippy-arrow { color: #cf0400; } .firecheckout .tippy-box[data-placement^=top][data-theme=warning] .tippy-arrow { color: #c39100; } .firecheckout .tippy-box[data-placement^=top][data-theme=content] .tippy-arrow { color: #ffffff; } .firecheckout .tippy-box[data-placement^=bottom][data-theme=error] .tippy-arrow { color: #cf0400; } .firecheckout .tippy-box[data-placement^=bottom][data-theme=warning] .tippy-arrow { color: #c39100; } .firecheckout .tippy-box[data-placement^=bottom][data-theme=content] .tippy-arrow { color: #ffffff; } ._active[data-collapsible] > [data-role="title"]::after, ._active[data-role="collapsible"] > [data-role="title"]::after, ._active[data-mage-init*='"collapsible":'] > [data-role="title"]::after, [data-collapsible] > [data-role="title"][aria-expanded="true"]::after, [data-role="collapsible"] > [data-role="title"][aria-expanded="true"]::after, [data-mage-init*='"collapsible":'] > [data-role="title"][aria-expanded="true"]::after { transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), display var(--transition-duration), visibility var(--transition-duration) 0s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-behavior: allow-discrete; content: ''; display: block; width: 1.25rem; height: 1.25rem; } .breeze-inactive ._active[data-collapsible] > [data-role="title"]::after, .breeze-inactive ._active[data-role="collapsible"] > [data-role="title"]::after, .breeze-inactive ._active[data-mage-init*='"collapsible":'] > [data-role="title"]::after, .breeze-inactive [data-collapsible] > [data-role="title"][aria-expanded="true"]::after, .breeze-inactive [data-role="collapsible"] > [data-role="title"][aria-expanded="true"]::after, .breeze-inactive [data-mage-init*='"collapsible":'] > [data-role="title"][aria-expanded="true"]::after { transition: none !important; }



.product.info.detailed ul {
    list-style-type: disc !important;
    list-style-position: outside;
    margin-left: 1.5rem;
    padding-left: 1.5rem;
}

.product.info.detailed ul li {
    display: list-item !important;
}


.product.info.detailed a{
    text-decoration: underline;

}

    


.product.info.detailed a:hover{
color: #eb5673;
}

    


.account .block-collapsible-nav .content .nav.items .nav.item.customer-account-edit-changepass-1 {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    background-image: url(/static/frontend/BeautyTime/default/uk_UA/images/account/user/icon.svg);
    background-repeat: no-repeat;
    padding: 4px 0 4px 64px;
    border-color: white;
    border-left: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #70757B;
    order: 14;
}


.customer-account-forgotpassword .form.password.forget,
.customer-account-forgotpassword .form.password.reset,
.customer-account-forgotpassword .form.send.confirmation,
.customer-account-forgotpassword .form-create-account,
.customer-account-forgotpassword .login-container,
.customer-account-forgotpassword .column.main .form.contact,
.customer-account-forgotpassword .page-layout-1column.cms-no-route .columns,
.customer-account-forgotpassword .paypal-review {
    box-shadow: none !important;    
    border-radius: 0 !important;     
    border: 0 !important;           
    background: transparent;        
}

.breadcrumbs ul {
    display: flex !important;
    flex-wrap: wrap !important;      
    gap: 10px !important;
}


@media (max-width: 767px) {
    .breadcrumbs ul .item.product {
        display: none;
    }
}




.askit-form-wrap {
  margin-top: 16px;
}

.askit-form-card {

  width: 100%;
}

.askit-form-wrap .question-title {
  margin: 0 0 14px;
}

.askit-form-wrap .testimonial-title-text {
  display: none;
}


.askit-form-wrap .question-title-text {
  display: none;
}




.askit-review-form .field {
  margin-bottom: 12px;
}

.askit-field-row {
  display: row;

  gap: 12px;
}

@media (max-width: 520px) {
  .askit-field-row {
    
  }
}

.askit-review-form .label {
  display: block;
  margin: 0 0 6px;
  font-weight: 600;
}

.askit-review-form .input-text {
  width: 100%;
  border: 1px solid rgba(0,0,0,.15);
  padding: 10px 12px;
}

.askit-review-form textarea.input-text {
  min-height: 140px;
  resize: vertical;
}

.askit-counter {
  margin-top: 6px;
  font-size: 12px;
  opacity: .7;
}



.askit-form-messages {
  margin: 0 0 12px;
  padding: 10px 12px;
  font-size: 14px;
}

.askit-msg-success {
  background: rgba(46, 125, 50, .10);
  border: 1px solid rgba(46, 125, 50, .25);
}

.askit-msg-error {
  background: rgba(211, 47, 47, .08);
  border: 1px solid rgba(211, 47, 47, .22);
}

.askit-review-form.is-loading {
  opacity: .7;
  pointer-events: none;
}


.askit-stars {
  display: inline-flex;
  gap: 6px;
  line-height: 1;
  user-select: none;
}

.askit-stars i {
  cursor: pointer;
}

.askit-stars {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.askit-star {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  line-height: 1;
  font-size: 22px;
  cursor: pointer;
  color: rgba(0,0,0,.18);
}

.askit-star.is-on,
.askit-stars [data-star].is-on {
  color: #FFC107;
}

.askit-rating-label {
  margin-left: 10px;
  font-weight: 600;
  opacity: .75;
  font-size: 14px;
}

.askit-rating-field .label span {
  font-weight: 600;
}

.askit-stars {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.askit-star {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  line-height: 1;
}

.askit-star-svg {
  display: block;
  width: 20px;
  height: 20px;
}

.askit-star-svg path {
  fill: rgba(30, 40, 50, .18); 
  transition: fill .15s ease;
}

.askit-star.is-on .askit-star-svg path,
.askit-star.is-hover.is-on .askit-star-svg path {
  fill: #FFB931; 
}


.askit-form-wrap-questions  .question-title-text{
     display: block;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2;
}



.askit-form-wrap-testimonials .testimonial-title-text {
  display: block;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2;
}



.askit-submit {
    outline: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    font-weight: 400;
    padding: 19px;
    text-decoration: none !important;
    white-space: nowrap;
    border-radius: 4px;
    background: var(--button-light-surface-filled-default, #1e2832);
    max-width: 410px;
    width: 100%;
}


.askit-item-title{
  display:flex;
  align-items:center;
  gap:10px;
}

.askit-item-rating{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  line-height:1;
  color:#6b7280; 
}

.askit-item-rating-star{
  display:inline-flex;
  width:16px;
  height:16px;
}

.askit-item-rating-star svg{
  display:block;
}



.askit-item-vote{
    width: 100% !important;
}

.catalog-product-view .question-list .block.askit-questions .askit-item-title{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100% !important;     
    justify-content: flex-start;  
}


.catalog-product-view .question-list .block.askit-questions .askit-item-title .askit-item-timestamp{
    margin-left: auto;
    white-space: nowrap;
}


.askit-item-rating{
    display: inline-flex;
    align-items: center;
    gap: 6px;
}


@media (max-width: 480px){
  .catalog-product-view .question-list .block.askit-questions .askit-item-title{
      flex-wrap: wrap;
  }
  .catalog-product-view .question-list .block.askit-questions .askit-item-title .askit-item-timestamp{
      margin-left: 0;
      width: 100%;
      opacity: .5;
  }
}


.askit-item-author-wrap{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-width:0;
}


#swissup-customer-fields-container{
    margin-bottom: 20px;
}





.custom-block-content-complement .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    transform: none !important; 
    gap: 16px; 
}

.custom-block-content-complement .swiper-container:not(.swiper-container-initialized) .swiper-slide.product-item {
    width: calc(25% - 16px);  
    height: auto;
}


@media (max-width: 1439px) {
    .custom-block-content-complement .swiper-container:not(.swiper-container-initialized) .swiper-slide.product-item {
        width: calc(25% - 16px);
    }
}

@media (max-width: 1023px) {
    .custom-block-content-complement .swiper-container:not(.swiper-container-initialized) .swiper-slide.product-item {
        width: calc(33.333% - 16px); 
    }
}

@media (max-width: 767px) {
    .custom-block-content-complement .swiper-container:not(.swiper-container-initialized) .swiper-slide.product-item {
        width: calc(33.333% - 16px); 
    }
}

@media (max-width: 639px) {
    .custom-block-content-complement .swiper-container:not(.swiper-container-initialized) .swiper-slide.product-item {
        width: calc(33.333% - 16px);
    }
}

@media (max-width: 449px) {
    .custom-block-content-complement .swiper-container:not(.swiper-container-initialized) .swiper-slide.product-item {
        width: calc(50% - 16px); 
    }
}



.minicart-wrapper #minicart-content-wrapper .loading-mask {
    background: rgba(0,0,0,.25);
}

.minicart-wrapper #minicart-content-wrapper .loader > img {
    
}
.block-minicart {
    position: relative;
}

.block-minicart .bt-minicart-overlay {
    display: none;
    position: absolute;
    inset: 0;

 
    background: rgba(0,0,0,.18);

    
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    backdrop-filter: blur(10px) saturate(120%);

  
    border-radius: inherit;

    z-index: 1000;
}

.block-minicart.bt-minicart-loading .bt-minicart-overlay {
    display: block;
}


.block-minicart .bt-minicart-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    margin-left: -17px;
    margin-top: -17px;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,.35);
    border-top-color: rgba(255,255,255,.95);
    animation: btSpin .8s linear infinite;
}

@keyframes btSpin {
    to { transform: rotate(360deg); }
}




.beauty-home .home-info-text{
  max-height: 300px;
  overflow: auto !important;
  padding-right: 8px;          
  scrollbar-width: thin;      
  scrollbar-color: #cccccc rgba(150,150,150,.12);
  scrollbar-gutter: stable;    
  margin-bottom: 80px;
}


.beauty-home .home-info-text::-webkit-scrollbar{
  width: 5px;                  
}

.beauty-home .home-info-text::-webkit-scrollbar-track{
  background: rgba(235,86,115,.12);
  border-radius: 999px;
}

.beauty-home .home-info-text::-webkit-scrollbar-thumb{
  background-color: #cccccc;
  border-radius: 999px;
  border: 1px solid transparent;   
  background-clip: padding-box;
}