* {
outline: none;
}
:where(:focus-visible) {
outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
outline-offset: 1px;
}
select:not([multiple]) {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
}
[type=checkbox]:checked,
[type=radio]:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type=checkbox]:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
[type=radio]:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
[type=checkbox]:checked:focus-visible,
[type=checkbox]:checked:hover,
[type=radio]:checked:focus-visible,
[type=radio]:checked:hover {
border-color: transparent;
background-color: currentColor;
}
[type=checkbox]:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type=checkbox]:indeterminate:focus-visible,
[type=checkbox]:indeterminate:hover {
border-color: transparent;
background-color: currentColor;
}
[type=file]:focus {
outline: 1px auto -webkit-focus-ring-color;
}
[type=range]:focus,
[type=range]:focus-visible {
outline: 0;
}
[type=range]:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1)), 0 0 0 0.25rem rgba(var(--brand-color), 0.2);
}
[type=range]:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1)), 0 0 0 0.25rem rgba(var(--brand-color), 0.2);
}
[type=range]:focus::-webkit-slider-thumb {
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 [type=range]:focus::-webkit-slider-thumb {
transition: none !important;
}
[type=range]:focus::-moz-range-thumb {
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 [type=range]:focus::-moz-range-thumb {
transition: none !important;
}
.ajaxpro-modal-dialog .column.main {
padding-top: 0 !important;
width: 100% !important;
}
.ajaxpro-modal-dialog .modal-inner-wrap {
max-width: 1100px;
}
.ajaxpro-modal-dialog .modal-inner-wrap .block.crosssell {
margin-top: 0;
width: auto;
margin-bottom: 0;
}
.ajaxpro-modal-dialog .modal-inner-wrap .block.crosssell .products {
margin: 0;
}
.ajaxpro-modal-dialog .modal-inner-wrap .block.crosssell .products .product-item {
margin-left: 0;
}
.ajaxpro-modal-dialog.ajaxpro-popup-simple .modal-inner-wrap .modal-footer,
.ajaxpro-modal-dialog.ajaxpro-popup-suggestpage-view .modal-inner-wrap .modal-footer {
border: 0;
}
.ajaxpro-modal-dialog.ajaxpro-popup-simple .modal-inner-wrap .modal-content {
padding-bottom: 0;
}
.ajaxpro-modal-dialog.ajaxpro-popup-simple .modal-inner-wrap .modal-footer {
padding-top: 1rem;
}
.ajaxpro-modal-dialog.ajaxpro-popup-minicart .modal-inner-wrap {
width: 100%;
}
.ajaxpro-modal-dialog.ajaxpro-popup-minicart.ajaxpro-modal-dialog-popup .modal-inner-wrap {
max-width: 600px;
}
.ajaxpro-modal-dialog.ajaxpro-popup-minicart .minicart-wrapper {
margin: 0;
float: none;
display: block;
}
.ajaxpro-modal-dialog.ajaxpro-popup-minicart .minicart-wrapper .block-minicart {
right: 0;
display: block;
border: none;
box-shadow: none;
position: relative;
width: auto;
}
.ajaxpro-modal-dialog.ajaxpro-popup-minicart .minicart-wrapper .block-minicart:before,
.ajaxpro-modal-dialog.ajaxpro-popup-minicart .minicart-wrapper .block-minicart:after {
display: none;
}
.ajaxpro-modal-dialog.ajaxpro-popup-minicart .minicart-wrapper .block-minicart .action.close {
display: none;
}
.quick-view::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem !important;
}
.products.list .product-item {
position: relative;
}
.product-item-info > .quick-view {
top: 100px;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100;
padding: 8px 9px;
gap: 7px;
background-color: rgba(242, 242, 242, 0.7);
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
color: #000;
transition: background-color 0.2s ease-in-out;
}
.products.products-list .product-item-info > .quick-view {
display: none;
}
.product-item-info > .quick-view._block-content-loading::before,
.product-item-info > .quick-view._block-content-loading:hover::before {
background-image: none;
}
.product-item-info > .quick-view:hover {
background-color: rgba(26, 26, 26, 0.9);
color: #fff;
}
.product-item-info > .quick-view::before {
width: 20px;
height: 20px;
}
@media (min-width: 640px) and (hover: hover) {
.product-item-info:has(:focus-visible) > .quick-view,
.product-item-info:hover > .quick-view {
opacity: 1;
pointer-events: all;
transition: opacity 0.15s ease-in-out;
}
}
@keyframes askit-spin {
to {
transform: rotate(360deg);
}
}
[data-role=questions-list]::before {
content: '';
display: table;
opacity: 0;
transition: opacity 0.6s ease-in-out;
}
[data-role=questions-list][aria-busy=true] {
position: relative;
min-height: 75px;
}
[data-role=questions-list][aria-busy=true]::before {
opacity: 1;
animation: askit-spin 0.6s linear infinite;
position: absolute;
border: 2px solid rgb(var(--spinner-border-color));
border-top-color: transparent;
border-radius: 50%;
width: 24px;
height: 24px;
top: 12px;
left: calc(50% - 24px / 2);
}
[data-role=questions-list][aria-busy=true] > * {
opacity: .7;
}
.breeze-gallery.caption [data-caption]:not([data-caption=""])::after {
content: attr(data-caption);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
padding: 1px 5px;
background: rgb(var(--base-bg, 255, 255, 255));
}
.breeze-gallery.opened {
top: 0;
left: 0;
position: fixed;
z-index: 999;
width: 100%;
height: 100vh;
padding: 10px;
box-sizing: border-box;
background: rgb(var(--base-bg, 255, 255, 255));
}
.breeze-gallery.opened .close {
background: rgba(var(--base-bg, 255, 255, 255), .6);
display: block;
right: 3px;
top: 3px;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
}
.breeze-gallery.opened .controls {
visibility: visible;
}
.breeze-gallery.opened .stage {
flex-grow: 1;
overflow: hidden !important;
}
.breeze-gallery.opened .stage:not(.video) .main-image-wrapper {
cursor: default;
}
.breeze-gallery.opened .stage > div:first-child,
.breeze-gallery.opened .stage > div:first-child picture {
margin: 0 auto;
max-height: 100%;
}
.breeze-gallery.opened .stage > div:first-child,
.breeze-gallery.opened .stage > div:first-child picture,
.breeze-gallery.opened .stage > div:first-child .main-image-wrapper {
align-items: normal;
}
.breeze-gallery.opened .stage > div:first-child img {
object-fit: contain;
}
.breeze-gallery.opened .thumbnails.hidden {
display: flex;
}
@media (orientation: landscape) {
.breeze-gallery.opened {
flex-direction: row;
align-items: flex-start;
justify-content: flex-end;
}
.breeze-gallery.opened .thumbnails {
flex-direction: column;
flex-wrap: nowrap;
order: -1;
max-height: 790px;
margin: 0 5px 0 0;
padding-right: 5px;
padding-bottom: 0;
overflow-y: overlay;
}
.breeze-gallery.opened .stage {
height: 100%;
flex-shrink: 1;
}
.breeze-gallery.opened .thumbnails {
max-height: none !important;
height: 100%;
justify-content: flex-start;
}
}
:root {
--magnifier-gap: var(--gallery-columns-gap, 10px);
}
.image-magnifier-lens,
.image-magnifier-stage {
direction: ltr;
pointer-events: none;
overflow: hidden;
opacity: 0;
visibility: visible !important;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.06);
}
.image-magnifier-lens.magnifier-active,
.image-magnifier-stage.magnifier-active {
opacity: 1;
}
.image-magnifier-lens div,
.image-magnifier-stage div {
transform: translate3d(0, 0, 0);
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.image-magnifier-lens img[src=''],
.image-magnifier-stage img[src=''] {
opacity: 0;
}
.image-magnifier-lens {
border: 1px solid rgba(0, 0, 0, 0.4);
filter: contrast(94%);
}
.image-magnifier-lens.circle {
border-radius: 9999px;
}
.image-magnifier-lens div {
background: rgba(255, 255, 255, 0.4);
}
.image-magnifier-stage {
z-index: 999;
background: #fff;
}
.image-magnifier-stage div {
transition: 100ms transform ease-out;
}
@media (prefers-reduced-motion) {
.image-magnifier-stage div {
transition: none;
}
}
.magnifier .breeze-gallery:not(.opened) .stage,
.magnifier .breeze-gallery .images {
-webkit-touch-callout: none;
}
.magnifier .main-image,
.magnifier .images .item > img {
backface-visibility: hidden;
transition: filter 100ms linear;
}
.magnifier-stage-inner .image-magnifier-lens {
opacity: 0;
}
.magnifier-stage-inner .image-magnifier-stage {
box-shadow: none;
}
.magnifier-stage-inner:has(.stage .loading-mask) .image-magnifier-stage {
opacity: 0;
}
.magnifier-stage-inner .breeze-gallery .next,
.magnifier-stage-inner .breeze-gallery .prev {
z-index: 1000;
}
.image-magnifier-stage-inner {
filter: contrast(94%);
}
.magnifier-stage-inner.magnifier-active .product.media .main-image-wrapper {
z-index: 100;
}
:not(.magnifier-stage-inner).magnifier-active .product.media .stage,
:not(.magnifier-stage-inner).magnifier-active .product.media .images .item {
z-index: 100;
}
.magnifier-active .product.media .main-image,
.magnifier-active .product.media .images .magnifier-active > img {
filter: contrast(94%) grayscale(100%) opacity(60%);
}
.swissup-cachewarmer-toolbar {
position: fixed;
bottom: 1rem;
left: 1rem;
font-size: 1.3rem;
outline: 5px solid rgba(74, 69, 66, 0.6);
border-radius: 0;
z-index: 1000000;
box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.25);
max-width: 90%;
min-width: 30rem;
display: none;
}
.swissup-cachewarmer-toolbar > strong {
text-align: center;
font-weight: 600;
display: block;
padding: 1rem 2rem;
color: #fff;
background: #7c7977;
}
.swissup-cachewarmer-toolbar.hit {
display: block;
}
.swissup-cachewarmer-toolbar.hit > strong {
background: #69ba6d;
}
.swissup-cachewarmer-toolbar.miss {
display: block;
}
.swissup-cachewarmer-toolbar.miss > strong {
background: #d0011b;
}
.swissup-cachewarmer-toolbar .swissup-cachewarmer-toolbar-body {
padding: 1rem 2rem;
background: #fff;
text-align: center;
}
.swissup-cachewarmer-toolbar .swissup-cachewarmer-toolbar-body > strong {
text-align: center;
font-size: 2.8rem;
font-weight: 800;
text-transform: uppercase;
color: #928f8e;
}
.swissup-cachewarmer-toolbar table tr th,
.swissup-cachewarmer-toolbar table tr td {
background: #fff;
padding: .5rem 1rem;
font-size: 1.2rem;
}
.swissup-cachewarmer-toolbar table tr th {
background: #f1f1f1;
padding: 1rem;
text-align: center;
}
.swissup-cachewarmer-toolbar table tr td {
text-align: left;
border-top: 1px solid #f1f1f1;
}
.swissup-cachewarmer-toolbar .swissup-cachewarmer-toolbar-info {
background: #fff;
padding: .5rem 1rem;
text-align: right;
font-size: 1.1rem;
border-top: 1px solid #f1f1f1;
color: #928f8e;
}
.swissup-cachewarmer-toolbar .swissup-cachewarmer-toolbar-info .swissup-cachewarmer-toolbar-info-list {
text-align: center;
}
.swissup-cachewarmer-toolbar .swissup-cachewarmer-toolbar-info a {
color: #928f8e;
text-decoration: underline;
}
.block-swissup-ajaxsearch-results {
background: #ffffff;
border-radius: 0.25rem;
margin: 10px 0 0;
box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
padding: 3px;
box-sizing: border-box;
}
.block-swissup-ajaxsearch-results::before,
.block-swissup-ajaxsearch-results::after {
content: '';
position: absolute;
display: block;
border-bottom-style: solid;
height: 0;
width: 0;
}
.block-swissup-ajaxsearch-results::before {
right: 9px;
top: -12px;
border: 6px solid transparent;
border-bottom-color: #ffffff;
z-index: 99;
}
.block-swissup-ajaxsearch-results::after {
right: 8px;
top: -14px;
border: 7px solid transparent;
z-index: 98;
}
.block-swissup-ajaxsearch-results.stick-to-start::before {
left: 15px;
}
.block-swissup-ajaxsearch-results.stick-to-start::after {
left: 14px;
}
.block-swissup-ajaxsearch-results {
min-width: 200px;
}
.block-swissup-ajaxsearch-results .tt-suggestion {
padding: 4px 10px;
box-sizing: border-box;
}
.block-swissup-ajaxsearch-results .tt-suggestion.tt-cursor,
.block-swissup-ajaxsearch-results .tt-suggestion:hover {
background-color: #fafafa;
}
.block-swissup-ajaxsearch-results .notFound-item-info {
padding: 4px 10px;
}
.block-swissup-ajaxsearch-results .tt-dataset {
max-height: min(550px, 60dvh);
overflow-y: auto;
scroll-behavior: smooth;
overscroll-behavior-y: contain;
-webkit-overflow-scrolling: touch;
}
.block-swissup-ajaxsearch-results .tt-dataset::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.block-swissup-ajaxsearch-results .tt-dataset::-webkit-scrollbar-track {
background-color: #ededed;
border-radius: 4px;
}
.block-swissup-ajaxsearch-results .tt-dataset::-webkit-scrollbar-thumb {
background-color: #cccccc;
border-radius: 4px;
}
.block-swissup-ajaxsearch-results .ajaxsearch-title {
font-size: 1rem;
font-weight: 500;
margin: 1rem 0 0.7rem;
text-transform: uppercase;
}
.block-swissup-ajaxsearch-results .ajaxsearch-header-container {
width: 100%;
grid-column: 1 / -1;
display: flex;
gap: 4px;
align-items: center;
justify-content: space-between;
padding: 0;
}
.block-swissup-ajaxsearch-results .ajaxsearch-header-container .view-all {
margin: 1rem 0 0.7rem;
margin-left: 0;
margin-right: 0;
font-size: 1rem;
font-weight: 500;
}
.block-swissup-ajaxsearch-results .product-item-info-wrapper .product-item-info {
width: auto;
}
.block-swissup-ajaxsearch-results .product-item-info {
display: block;
padding: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.block-swissup-ajaxsearch-results .product-item-info:first-child {
border-top: none;
}
.block-swissup-ajaxsearch-results .product-item-info:last-child {
border-bottom: none;
}
.block-swissup-ajaxsearch-results .product-item-info .product-item-photo {
padding: 0;
max-width: 100px;
}
.block-swissup-ajaxsearch-results .product-item-info .product-item-photo,
.block-swissup-ajaxsearch-results .product-item-info .product-item-details {
display: table-cell;
vertical-align: top;
}
.block-swissup-ajaxsearch-results .product-item-info .product-item-name {
margin-bottom: 2px;
}
.block-swissup-ajaxsearch-results .product-item-info .price-box,
.block-swissup-ajaxsearch-results .product-item-info .product-info-stock-sku .sku {
font-size: 0.85em;
color: #727272;
}
.block-swissup-ajaxsearch-results .product-item-info-wrapper .ajaxsearch-header-container:not(:has(.view-all)) {
display: none;
}
.block-swissup-ajaxsearch-results .list .product-item-photo {
padding: 0 10px 0 0;
}
.block-swissup-ajaxsearch-results .prolabels-wrapper {
height: auto;
}
@keyframes ajaxsearch-appear {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.block-swissup-ajaxsearch-results .product-item-info,
.block-swissup-ajaxsearch-results .custom-item-info-wrapper {
opacity: 0;
animation: 150ms ajaxsearch-appear forwards;
}
.block-swissup-ajaxsearch-results .custom-item-info-wrapper {
animation-delay: 50ms;
animation-duration: 500ms;
padding: 0 5px 15px 10px;
}
.block-swissup-ajaxsearch-results .product-item-info {
animation-delay: 650ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(12) {
animation-delay: 600ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(11) {
animation-delay: 550ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(10) {
animation-delay: 500ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(9) {
animation-delay: 450ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(8) {
animation-delay: 400ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(7) {
animation-delay: 350ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(6) {
animation-delay: 300ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(5) {
animation-delay: 250ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(4) {
animation-delay: 200ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(3) {
animation-delay: 150ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(2) {
animation-delay: 100ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(1) {
animation-delay: 50ms;
}
.block-swissup-ajaxsearch-results .product-item-info:nth-child(0) {
animation-delay: 0ms;
}
.block-swissup-ajaxsearch .twitter-typeahead {
width: 100%;
}
.block-swissup-ajaxsearch .tt-hint {
color: #999999;
}
.block-swissup-ajaxsearch .loading-mask {
--spinner-size: 1rem;
right: 10px;
left: auto;
top: 50%;
transform: translateY(-50%);
background-color: transparent;
width: 20px;
height: 20px;
padding: 0 !important;
margin: 0 !important;
}
.block-swissup-ajaxsearch .input-inner-wrapper .close {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.hover-zoom-container .easycatalogimg .parent-category-wrapper {
overflow: hidden;
border-radius: 0.25rem;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
.hover-zoom-container .easycatalogimg .parent-category-wrapper img {
transition: transform 600ms cubic-bezier(0.35, 0, 0.05, 1);
}
.hover-zoom-container .easycatalogimg .parent-category-wrapper:hover img {
transform: scale(1.05);
}
}
.hover-zoom-container .easycatalogimg .parent-category-wrapper img {
transition-duration: 1s;
}
.fbl-custom .like {
cursor: pointer;
}
.fbl-custom .like::before {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjAuNzM0cHgiIGhlaWdodD0iNjAuNzMzcHgiIHZpZXdCb3g9IjAgMCA2MC43MzQgNjAuNzMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MC43MzQgNjAuNzMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6IzNiNTk5ODsiIGQ9Ik01Ny4zNzgsMC4wMDFIMy4zNTJDMS41MDIsMC4wMDEsMCwxLjUsMCwzLjM1M3Y1NC4wMjZjMCwxLjg1MywxLjUwMiwzLjM1NCwzLjM1MiwzLjM1NGgyOS4wODZWMzcuMjE0aC03LjkxNHYtOS4xNjdoNy45MTR2LTYuNzZjMC03Ljg0Myw0Ljc4OS0xMi4xMTYsMTEuNzg3LTEyLjExNmMzLjM1NSwwLDYuMjMyLDAuMjUxLDcuMDcxLDAuMzZ2OC4xOThsLTQuODU0LDAuMDAyYy0zLjgwNSwwLTQuNTM5LDEuODA5LTQuNTM5LDQuNDYydjUuODUxaDkuMDc4bC0xLjE4Nyw5LjE2NmgtNy44OTJ2MjMuNTJoMTUuNDc1YzEuODUyLDAsMy4zNTUtMS41MDMsMy4zNTUtMy4zNTFWMy4zNTFDNjAuNzMxLDEuNSw1OS4yMywwLjAwMSw1Ny4zNzgsMC4wMDF6Ii8+PC9nPjwvc3ZnPg==) no-repeat 50% 50% / contain;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.block.newsletter .field.consent {
text-align: left;
margin: 10px 0 15px;
order: 10;
}
.block.newsletter .field.consent label {
opacity: .8;
clip: auto;
height: auto;
width: auto;
position: static;
display: inline;
}
.block.newsletter .field.consent label::after {
content: '';
display: block;
}
.block.newsletter .field.consent input[type="checkbox"] {
margin-right: 5px;
}
@keyframes gdpr-slide-up {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@keyframes gdpr-slide-start {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.cookie-bar.shown {
animation: gdpr-slide-up 400ms forwards;
}
.cookie-bar-mode-full {
transform: translateX(-100%);
}
.cookie-bar-mode-full .cookie-bar-text::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.cookie-bar-mode-full .cookie-bar-text::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 6px;
}
.cookie-bar-mode-full .cookie-bar-text::-webkit-scrollbar-thumb {
background-color: rgba(var(--scrollbar-bg, 170, 170, 170));
border-radius: 6px;
}
.cookie-bar-mode-full.shown {
animation: gdpr-slide-start 400ms forwards;
}
.cookie-bar.shown ~ .cookie-wall {
transition-duration: 0ms;
opacity: 1;
pointer-events: all;
transition: opacity 400ms ease-in-out 0ms, visibility 0ms linear 400ms;
}
@media (max-width: 640px) {
.block-highlight.highlight-carousel .slide.loading {
display: block;
}
.block-highlight.highlight-carousel .slide.loading.show-button::after {
content: attr(title);
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, 0);
padding: 5px 12px;
background-color: #ddd;
border-radius: 2px;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
font-size: 19px;
font-weight: 600;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.block-highlight.highlight-carousel .slide.loading.show-button > .products {
opacity: 0;
}
.block-highlight.highlight-carousel .slide.loading .product-item:nth-child(n+2) {
display: none;
}
}
.block-highlight .slick-initialized .slide.loading,
.block-highlight .swiper-container-initialized .slide.loading {
display: block;
}
.block-highlight .slide.loading {
display: none;
}
.block-highlight .slide.loading * {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.block-highlight .slide.loading .product-reviews-summary {
display: none;
}
.block-highlight .slide.loading .products.wrapper,
.block-highlight .slide.loading .products-grid,
.block-highlight .slide.loading .product-items,
.block-highlight .slide.loading .product-item,
.block-highlight .slide.loading .product-item-info,
.block-highlight .slide.loading .prolabels-wrapper,
.block-highlight .slide.loading .product-item-photo,
.block-highlight .slide.loading .product-item-details,
.block-highlight .slide.loading .product-item-name,
.block-highlight .slide.loading .product-item-link,
.block-highlight .slide.loading .price-box,
.block-highlight .slide.loading .price-box * {
opacity: 1;
visibility: visible;
}
.block-highlight .slide.loading .product-item-photo,
.block-highlight .slide.loading .product-item-link,
.block-highlight .slide.loading .price-box span,
.block-highlight .slide.loading .price-box span::before {
color: transparent !important;
background-color: #eaeaea !important;
}
.block-highlight .slide.loading .product-item-name {
text-overflow: initial !important;
-webkit-line-clamp: unset !important;
}
.block-highlight .slide.loading .product-item-link,
.block-highlight .slide.loading .price-box > span {
background: #f6f7f8;
}
.block-highlight .slide.loading .product-item-photo {
display: block;
opacity: 0.7;
background-color: #d3d3d3 !important;
animation: higlight-placeholder-flicker 1.7s infinite 1s;
}
@keyframes higlight-placeholder-flicker {
0% {
opacity: 0.7;
}
50% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
.navpro > .navpro-menu .panel {
padding: 10px 5px;
background-color: #fafafa;
}
.navpro > .navpro-menu .links li {
padding: 0 5px;
}
.navpro > .navpro-menu .links li a {
padding: 0;
}
.navpro > .navpro-menu .transparent {
background-color: transparent;
}
.navpro > .navpro-menu li.text-small > a {
font-size: .8em;
}
.navpro > .navpro-menu li.text-big > a {
font-size: 1.1em;
}
.navpro > .navpro-menu a .text-small,
.navpro > .navpro-menu span .text-small,
.navpro > .navpro-menu p .text-small,
.navpro > .navpro-menu div .text-small {
font-size: .8em;
}
.navpro > .navpro-menu a .text-big,
.navpro > .navpro-menu span .text-big,
.navpro > .navpro-menu p .text-big,
.navpro > .navpro-menu div .text-big {
font-size: 1.1em;
}
.navpro > .navpro-menu img.row {
display: block;
margin: 0 auto;
}
@media (max-width: 639.98px) {
.navpro > .navpro-menu .xs-hide-dropdown > a > .navpro-icon-caret::before {
display: none !important;
}
.navpro > .navpro-menu .xs-hide-dropdown > .navpro-dropdown {
display: none !important;
}
.navpro > .navpro-menu .xs-hide-dropdown a.level-top::before,
.navpro > .navpro-menu .xs-hide-dropdown a.level-top::after {
display: none !important;
}
}
@media (min-width: 640px) and (max-width: 639.98px) {
.navpro > .navpro-menu .sm-hide-dropdown > a > .navpro-icon-caret::before {
display: none !important;
}
.navpro > .navpro-menu .sm-hide-dropdown > .navpro-dropdown {
display: none !important;
}
.navpro > .navpro-menu .sm-hide-dropdown a.level-top::before,
.navpro > .navpro-menu .sm-hide-dropdown a.level-top::after {
display: none !important;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.navpro > .navpro-menu .md-hide-dropdown > a > .navpro-icon-caret::before {
display: none !important;
}
.navpro > .navpro-menu .md-hide-dropdown > .navpro-dropdown {
display: none !important;
}
.navpro > .navpro-menu .md-hide-dropdown a.level-top::before,
.navpro > .navpro-menu .md-hide-dropdown a.level-top::after {
display: none !important;
}
}
@media (min-width: 1024px) {
.navpro > .navpro-menu .lg-hide-dropdown > a > .navpro-icon-caret::before {
display: none !important;
}
.navpro > .navpro-menu .lg-hide-dropdown > .navpro-dropdown {
display: none !important;
}
.navpro > .navpro-menu .lg-hide-dropdown a.level-top::before,
.navpro > .navpro-menu .lg-hide-dropdown a.level-top::after {
display: none !important;
}
}
.navpro-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media (max-width: 639.98px) {
.navpro-row {
flex-direction: column;
flex-wrap: nowrap;
}
}
.navpro-row.gutters,
.navpro-row.gutters > .navpro-row {
margin-left: -12px;
}
@media (max-width: 639.98px) {
.navpro-row.gutters,
.navpro-row.gutters > .navpro-row {
margin-left: 0;
}
}
.navpro-row.gutters > .navpro-col,
.navpro-row.gutters > .navpro-row > .navpro-col {
margin-left: 12px;
}
@media (max-width: 639.98px) {
.navpro-row.gutters > .navpro-col,
.navpro-row.gutters > .navpro-row > .navpro-col {
margin-left: 0;
}
}
.navpro-row.around {
justify-content: space-around;
}
.navpro-row.between {
justify-content: space-between;
}
.navpro-row.auto .navpro-col {
flex-grow: 1;
}
.navpro-col-12 {
width: 100%;
}
.navpro-offset-12 {
margin-left: 100%;
}
.navpro-col-11 {
width: 91.66666667%;
}
.navpro-offset-11 {
margin-left: 91.66666667%;
}
.navpro-col-10 {
width: 83.33333333%;
}
.navpro-offset-10 {
margin-left: 83.33333333%;
}
.navpro-col-9 {
width: 75%;
}
.navpro-offset-9 {
margin-left: 75%;
}
.navpro-col-8 {
width: 66.66666667%;
}
.navpro-offset-8 {
margin-left: 66.66666667%;
}
.navpro-col-7 {
width: 58.33333333%;
}
.navpro-offset-7 {
margin-left: 58.33333333%;
}
.navpro-col-6 {
width: 50%;
}
.navpro-offset-6 {
margin-left: 50%;
}
.navpro-col-5 {
width: 41.66666667%;
}
.navpro-offset-5 {
margin-left: 41.66666667%;
}
.navpro-col-4 {
width: 33.33333333%;
}
.navpro-offset-4 {
margin-left: 33.33333333%;
}
.navpro-col-3 {
width: 25%;
}
.navpro-offset-3 {
margin-left: 25%;
}
.navpro-col-2 {
width: 16.66666667%;
}
.navpro-offset-2 {
margin-left: 16.66666667%;
}
.navpro-col-1 {
width: 8.33333333%;
}
.navpro-offset-1 {
margin-left: 8.33333333%;
}
.navpro-col-0 {
width: 0%;
}
.navpro-offset-0 {
margin-left: 0%;
}
.navpro .gutters > .navpro-col-12 {
width: calc(100% - 12px);
}
.navpro .gutters > .navpro-offset-12 {
margin-left: calc(100% + 12px) !important;
}
.navpro .gutters > .navpro-col-11 {
width: calc(91.66666667% - 12px);
}
.navpro .gutters > .navpro-offset-11 {
margin-left: calc(91.66666667% + 12px) !important;
}
.navpro .gutters > .navpro-col-10 {
width: calc(83.33333333% - 12px);
}
.navpro .gutters > .navpro-offset-10 {
margin-left: calc(83.33333333% + 12px) !important;
}
.navpro .gutters > .navpro-col-9 {
width: calc(75% - 12px);
}
.navpro .gutters > .navpro-offset-9 {
margin-left: calc(75% + 12px) !important;
}
.navpro .gutters > .navpro-col-8 {
width: calc(66.66666667% - 12px);
}
.navpro .gutters > .navpro-offset-8 {
margin-left: calc(66.66666667% + 12px) !important;
}
.navpro .gutters > .navpro-col-7 {
width: calc(58.33333333% - 12px);
}
.navpro .gutters > .navpro-offset-7 {
margin-left: calc(58.33333333% + 12px) !important;
}
.navpro .gutters > .navpro-col-6 {
width: calc(50% - 12px);
}
.navpro .gutters > .navpro-offset-6 {
margin-left: calc(50% + 12px) !important;
}
.navpro .gutters > .navpro-col-5 {
width: calc(41.66666667% - 12px);
}
.navpro .gutters > .navpro-offset-5 {
margin-left: calc(41.66666667% + 12px) !important;
}
.navpro .gutters > .navpro-col-4 {
width: calc(33.33333333% - 12px);
}
.navpro .gutters > .navpro-offset-4 {
margin-left: calc(33.33333333% + 12px) !important;
}
.navpro .gutters > .navpro-col-3 {
width: calc(25% - 12px);
}
.navpro .gutters > .navpro-offset-3 {
margin-left: calc(25% + 12px) !important;
}
.navpro .gutters > .navpro-col-2 {
width: calc(16.66666667% - 12px);
}
.navpro .gutters > .navpro-offset-2 {
margin-left: calc(16.66666667% + 12px) !important;
}
.navpro .gutters > .navpro-col-1 {
width: calc(8.33333333% - 12px);
}
.navpro .gutters > .navpro-offset-1 {
margin-left: calc(8.33333333% + 12px) !important;
}
.navpro .gutters > .navpro-col-0 {
width: calc(0% - 12px);
}
.navpro .gutters > .navpro-offset-0 {
margin-left: calc(0% + 12px) !important;
}
@media (max-width: 639.98px) {
[class^='offset-'],
[class*=' offset-'] {
margin-left: 0;
}
}
.navpro .pull-first {
order: -1;
}
.navpro .push-last {
order: 1;
}
@media (max-width: 639.98px) {
.navpro-row .navpro-col {
margin-left: 0;
width: 100%;
}
.navpro-row.gutters .navpro-col {
margin-left: 0;
width: 100%;
}
.navpro-row.gutters .navpro-col + .navpro-col {
margin-top: 16px;
}
.navpro .pull-first-sm {
order: -1;
}
.navpro .push-last-sm {
order: 1;
}
}
.navpro .gutters .navpro-col.push-left,
.navpro .push-left {
margin-right: auto;
}
.navpro .gutters .navpro-col.push-right,
.navpro .push-right {
margin-left: auto;
}
.navpro .gutters .navpro-col.push-center,
.navpro .push-center {
margin-left: auto;
margin-right: auto;
}
.navpro .gutters .navpro-col.push-middle,
.navpro .push-middle {
margin-top: auto;
margin-bottom: auto;
}
.navpro .push-bottom {
margin-top: auto;
}
@media (max-width: 639.98px) {
.navpro .gutters .navpro-col.push-left-sm,
.navpro .push-left-sm {
margin-left: 0;
}
.navpro .gutters .navpro-col.push-center-sm,
.navpro .push-center-sm {
margin-left: auto;
margin-right: auto;
}
.navpro .push-top-sm {
margin-top: 0;
}
}
.navpro .align-middle {
align-items: center;
}
.navpro .align-right {
justify-content: flex-end;
}
.navpro .align-center {
justify-content: center;
}
@media (max-width: 639.98px) {
.navpro .align-left-sm {
justify-content: flex-start;
}
}
.navpro .block:first-child {
margin-top: 0;
}
.navpro .block:last-child {
margin-bottom: 0;
}
.navpro .block .subtitle {
display: none;
}
.navpro .block .product-items .product-item {
position: relative;
}
@media (min-width: 1280px) {
.cms-index-index:not('.theme-editor-sticky') .navpro li.home-expanded > .navpro-dropdown {
opacity: 1;
transform: none;
visibility: visible;
pointer-events: all;
left: 0;
top: 100%;
}
.cms-index-index:not('.theme-editor-sticky') .navpro li.home-expanded > .navpro-dropdown:not(.shown) > .navpro-shevron {
opacity: 0;
}
}
@media (min-width: 640px) {
.shevron-hidden .navpro-shevron {
display: none !important;
}
.navpro.orientation-horizontal .navpro-dropdown-level1 > .navpro-shevron {
display: block;
pointer-events: none;
content: '';
height: 12px;
width: 12px;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #eaeaea;
border-color: #eaeaea transparent transparent #eaeaea;
position: absolute;
top: -6px !important;
transform: rotate(45deg);
}
.navpro.orientation-horizontal .navpro-dropdown-level1.size-boxed > .navpro-shevron {
top: -5px !important;
}
.dropdown-top.navpro.orientation-horizontal .navpro-dropdown-level1 > .navpro-shevron {
top: auto !important;
bottom: -6px !important;
transform: rotate(-135deg);
}
.dropdown-top.navpro.orientation-horizontal .navpro-dropdown-level1.size-boxed > .navpro-shevron {
bottom: -5px !important;
}
}
.navpro-dropdown {
box-sizing: border-box;
background: #ffffff;
border: 1px solid #eaeaea;
border-radius: 0.25rem;
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1);
min-width: 230px;
font-weight: normal;
z-index: 90;
}
.navpro-dropdown.shown {
right: auto;
opacity: 1;
display: block;
z-index: 91;
}
li:hover > .navpro-dropdown {
z-index: 92;
}
.navpro-dropdown > .navpro-close {
cursor: pointer;
width: 20px;
height: 20px;
position: relative;
z-index: 10;
position: absolute;
right: 12px;
top: 12px;
}
.navpro-dropdown > .navpro-close::before,
.navpro-dropdown > .navpro-close::after {
content: '';
position: absolute;
left: auto;
right: 10px;
top: 0;
height: 20px;
width: 2px;
background-color: #333333;
}
.navpro-dropdown > .navpro-close::before {
transform: rotate(45deg);
}
.navpro-dropdown > .navpro-close::after {
transform: rotate(-45deg);
}
.navpro.orientation-horizontal li.size-boxed,
.navpro.orientation-horizontal li.size-fullwidth,
.navpro.orientation-horizontal li.size-fullscreen {
position: static;
}
@starting-style {
.navpro-dropdown {
opacity: 0;
}
.orientation-vertical .navpro-dropdown {
transform: rotateY(20deg);
}
.navpro.navpro-effect-slidein.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.orientation-vertical.dropdown-left .navpro-dropdown {
transform: translateX(20px);
}
.navpro.navpro-effect-slideout.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slidein.orientation-vertical.dropdown-left .navpro-dropdown {
transform: translateX(-20px);
}
.navpro.navpro-effect-slidein .navpro-dropdown,
.navpro.navpro-effect-slidein.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.dropdown-left .navpro-dropdown {
transform: translateY(20px);
}
.navpro.navpro-effect-slideout .navpro-dropdown,
.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slidein.dropdown-left .navpro-dropdown {
transform: translateY(-20px);
}
}
@media (min-width: 1025px) {
.navpro-dropdown {
transform: rotateX(20deg);
transform-origin: 0 0;
transition-property: transform, opacity, display;
transition-behavior: allow-discrete;
transition-duration: .25s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.navpro-dropdown.shown {
transform: none !important;
}
.navpro.navpro-effect-none .navpro-dropdown {
transition: none;
transform: none;
transition-duration: 0s;
}
.navpro.navpro-effect-fade .navpro-dropdown {
transform: none;
}
.orientation-vertical .navpro-dropdown {
transform: rotateY(20deg);
}
.navpro.navpro-effect-slidein.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.orientation-vertical.dropdown-left .navpro-dropdown {
transform: translateX(20px);
}
.navpro.navpro-effect-slideout.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slidein.orientation-vertical.dropdown-left .navpro-dropdown {
transform: translateX(-20px);
}
.navpro.navpro-effect-slidein .navpro-dropdown,
.navpro.navpro-effect-slidein.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.dropdown-left .navpro-dropdown {
transform: translateY(20px);
}
.navpro.navpro-effect-slideout .navpro-dropdown,
.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slidein.dropdown-left .navpro-dropdown {
transform: translateY(-20px);
}
}
@media (min-width: 640px) {
.navpro-dropdown.size-small {
width: 230px;
}
.navpro-dropdown.size-medium {
width: 400px;
}
.navpro-dropdown.size-large {
width: 650px;
}
.navpro-dropdown.size-boxed > .navpro-dropdown-inner,
.navpro-dropdown.size-fullwidth > .navpro-dropdown-inner,
.navpro-dropdown.size-fullscreen,
.navpro-dropdown.size-xlarge {
width: 850px;
}
}
@media (min-width: 640px) {
.navpro.orientation-horizontal .navpro-dropdown-level1.size-boxed {
background: transparent;
border: 0;
box-shadow: none;
min-width: 0;
}
.navpro.orientation-horizontal .navpro-dropdown-level1.size-boxed > .navpro-dropdown-inner {
max-width: var(--container-max-width, 1360px);
width: 100%;
margin: 0 auto;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #eaeaea;
border-radius: 0.25rem;
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1);
min-width: 230px;
}
.navpro.orientation-horizontal .navpro-dropdown-level1.size-boxed,
.navpro.orientation-horizontal .navpro-dropdown-level1.size-fullwidth,
.navpro.orientation-horizontal .navpro-dropdown-level1.size-fullscreen {
max-width: none;
width: 100%;
left: 0 !important;
}
.navpro.orientation-horizontal .navpro-dropdown-level1.size-fullwidth > .navpro-dropdown-inner {
max-width: var(--container-max-width, 1360px);
width: 100%;
margin: 0 auto;
}
}
@media (min-width: 640px) {
.navpro-dropdown .multicolumn-8 > li {
width: 12.5%;
}
.navpro-dropdown .multicolumn-7 > li {
width: 14.28571429%;
}
.navpro-dropdown .multicolumn-6 > li {
width: 16.66666667%;
}
.navpro-dropdown .multicolumn-5 > li {
width: 20%;
}
.navpro-dropdown .multicolumn-4 > li {
width: 25%;
}
.navpro-dropdown .multicolumn-3 > li {
width: 33.33333333%;
}
.navpro-dropdown .multicolumn-2 > li {
width: 50%;
}
.navpro-dropdown .multicolumn-1 > li {
width: 100%;
}
}
.navpro.dropdown-left .children .navpro-icon-caret::before,
.navpro.dropdown-left .children .parent > a::before {
right: auto;
left: 1px;
transform: rotate(90deg);
}
.rtl .navpro.dropdown-left .children .navpro-icon-caret::before,
.rtl .navpro.dropdown-left .children .parent > a::before {
right: 1px;
left: auto;
transform: rotate(-90deg);
}
.navpro.dropdown-left .navpro-dropdown .children .parent > a {
padding-right: 12px;
padding-left: 20px;
}
.rtl .navpro.dropdown-left .navpro-dropdown .children .parent > a {
padding-right: 20px;
padding-left: 12px;
}
.navpro.dropdown-left.orientation-vertical .navpro-icon-caret::before,
.navpro.dropdown-left.orientation-vertical .parent > a::before {
right: auto;
left: 1px;
transform: rotate(90deg);
}
.rtl .navpro.dropdown-left.orientation-vertical .navpro-icon-caret::before,
.rtl .navpro.dropdown-left.orientation-vertical .parent > a::before {
right: 1px;
left: auto;
transform: rotate(-90deg);
}
.navpro.dropdown-left.orientation-vertical .level0.parent > .level-top {
padding: 8px 12px;
padding-left: 1.5rem;
}
.rtl .navpro.dropdown-left.orientation-vertical .level0.parent > .level-top {
padding: 8px 12px;
padding-right: 1.5rem;
}
@media (min-width: 640px) {
.navpro.dropdown-top.orientation-horizontal a.level-top .navpro-icon-caret::before,
.navpro.dropdown-top.orientation-horizontal .parent > a.level-top::before {
transform: rotate(180deg);
}
}
@media (min-width: 1024px) {
.navpro-with-slideout .navpro .li-item.opened,
body:has(.navpro-overlay) .navpro .li-item.opened {
z-index: 89;
}
.navpro-overlay-element {
content: '';
display: none;
position: fixed;
inset: 0;
opacity: 0;
z-index: 85;
transition: opacity, display;
transition-behavior: allow-discrete;
transition-delay: 300ms;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
background-color: rgba(0, 0, 0, 0.4);
}
@starting-style {
.navpro-overlay-element {
opacity: 0;
}
}
.nav-open .navpro-with-slideout .navpro-overlay-element,
body:has(.navpro-overlay li.opened:is(:hover, :focus-within)) .navpro-overlay-element {
display: block;
opacity: 1;
transition-delay: 0ms;
}
}
@media (min-width: 640px) {
.navpro-sticky {
top: 0;
position: sticky !important;
z-index: 99;
}
.navpro-sticky.nav-sections {
z-index: 3;
}
.navpro-sticky.sticky-active {
z-index: 500;
}
.navpro-top100 {
top: 100px;
}
.navpro-top90 {
top: 90px;
}
.navpro-top80 {
top: 80px;
}
.navpro-top70 {
top: 70px;
}
.navpro-top60 {
top: 60px;
}
.navpro-top50 {
top: 50px;
}
.navpro-top40 {
top: 40px;
}
.navpro-top30 {
top: 30px;
}
.navpro-top20 {
top: 20px;
}
.navpro-top10 {
top: 10px;
}
}
@media (max-width: 639.98px) {
.navpro-transformable.navpro .level0 > .level-top {
display: block;
}
.navpro-transformable.navpro .level0.active > .level-top,
.navpro-transformable.navpro .level0.has-active > .level-top {
display: block;
}
.navpro-transformable .navpro-icon-caret::before {
transition: transform 200ms ease-in-out;
}
.navpro-transformable .navpro-icon-caret::before {
transform: rotate(-90deg);
}
.navpro-transformable li.opened > a > .navpro-icon-caret::before {
transform: rotate(0deg);
}
.navpro-transformable .navpro-dropdown {
background: transparent;
border: 0;
box-shadow: none;
min-width: 0;
position: static;
box-shadow: none !important;
width: auto !important;
min-height: 0 !important;
max-height: 0;
max-width: 100%;
overflow: hidden;
}
.navpro-transformable .navpro-dropdown .multicolumn.vertical {
height: auto !important;
}
.navpro-transformable .navpro-dropdown.shown {
max-height: 1000em;
}
.navpro-transformable .navpro-dropdown-inner {
padding-top: 3px;
padding-bottom: 5px;
}
.navpro-transformable .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li .navpro-dropdown > .navpro-dropdown-inner {
padding-left: 10px;
}
.navpro-transformable .navpro-dropdown .children {
display: block;
/* reset ribbon style */
}
.navpro-transformable .navpro-dropdown .children.multicolumn > li {
width: 100%;
}
}
.navpro-mobile-slideout .navpro-close {
display: none;
}
@media (min-width: 640px) {
.navpro-mobile-slideout .all-category {
display: none;
}
.navpro.navpro.navpro-slideout {
background: #ffffff;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
z-index: 10000;
max-width: none;
padding: 0;
top: 0;
will-change: transform, opacity;
transition-property: transform, opacity, visibility;
transition-duration: 0s;
transform-origin: 0 0;
}
.navpro-with-slideout .navpro.navpro.navpro-slideout {
transition-duration: .5s;
transition-timing-function: cubic-bezier(0.2, 1, 0.2, 1);
}
.nav-open .navpro.navpro.navpro-slideout {
opacity: 1;
}
.navpro.navpro.navpro-slideout .navpro-menu {
background: #ffffff;
padding: 0;
gap: 0;
}
.navpro.navpro.navpro-slideout .navpro-header {
min-width: 200px;
padding: 0 12px;
color: #777;
text-transform: uppercase;
}
.navpro.navpro.navpro-slideout .navpro-header .navpro-close {
cursor: pointer;
width: 20px;
height: 20px;
position: relative;
float: right;
margin-left: auto;
display: block;
}
.navpro.navpro.navpro-slideout .navpro-header .navpro-close::before,
.navpro.navpro.navpro-slideout .navpro-header .navpro-close::after {
content: '';
position: absolute;
left: auto;
right: 10px;
top: 0;
height: 20px;
width: 2px;
background-color: #333333;
}
.navpro.navpro.navpro-slideout .navpro-header .navpro-close::before {
transform: rotate(45deg);
}
.navpro.navpro.navpro-slideout .navpro-header .navpro-close::after {
transform: rotate(-45deg);
}
.navpro.navpro.navpro-slideout li.li-item.level0 {
margin: 0;
}
.navpro.navpro.navpro-slideout li.li-item.level0 > a.level-top {
border: 1px solid #eaeaea;
border-radius: 0;
display: block;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark {
background: #000000;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark .navpro-menu {
background: #000000;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark li.li-item.level0 > a.level-top {
border-color: #080808;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark .navpro-header {
color: #eaeaea;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark .navpro-header .navpro-close::before,
.navpro.navpro.navpro-slideout.navpro-theme-dark .navpro-header .navpro-close::after {
background-color: #eaeaea;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark.orientation-vertical.navpro-accordion {
-webkit-overflow-scrolling: touch;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark.orientation-vertical.navpro-accordion::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark.orientation-vertical.navpro-accordion::-webkit-scrollbar-track {
background-color: #000000;
border-radius: 0;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark.orientation-vertical.navpro-accordion::-webkit-scrollbar-thumb {
background-color: #1a1a1a;
border-radius: 0;
}
.navpro.navpro.navpro-slideout.orientation-horizontal {
left: 0;
right: 0;
top: 0;
transform: translateY(-100%);
}
.nav-open .navpro.navpro.navpro-slideout.orientation-horizontal {
transform: translateY(0);
}
.navpro.navpro.navpro-slideout.orientation-horizontal .navpro-menu {
flex-wrap: nowrap;
align-items: center;
}
.navpro.navpro.navpro-slideout.orientation-horizontal li.li-item.level0 > a.level-top {
border-width: 0 1px;
margin-left: -1px;
}
.navpro.navpro.navpro-slideout.orientation-vertical {
width: 300px;
top: 0;
bottom: 0;
transform: translateX(-100%);
left: 0;
}
.navpro.navpro.navpro-slideout.orientation-vertical.navpro-accordion {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.navpro.navpro.navpro-slideout.orientation-vertical.navpro-accordion::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.navpro.navpro.navpro-slideout.orientation-vertical.navpro-accordion::-webkit-scrollbar-track {
background-color: #ededed;
border-radius: 0;
}
.navpro.navpro.navpro-slideout.orientation-vertical.navpro-accordion::-webkit-scrollbar-thumb {
background-color: #cfcfcf;
border-radius: 0;
}
.navpro.navpro.navpro-slideout.orientation-vertical.dropdown-left {
transform: translateX(100%);
right: 0;
left: auto;
}
.nav-open .navpro.navpro.navpro-slideout.orientation-vertical {
transform: translateX(0);
}
.navpro.navpro.navpro-slideout.orientation-vertical li.li-item.level0 > a.level-top {
border-width: 1px 0;
margin-top: -1px;
}
.navpro.navpro.navpro-slideout.orientation-vertical .navpro-header {
padding: 16px 12px;
}
}
.navpro-amazon li.level1 {
position: static;
}
.navpro-amazon .navpro-departments .navpro-dropdown-level2 {
top: -1px !important;
left: 100% !important;
}
.rtl .navpro-amazon .navpro-departments .navpro-dropdown-level2 {
left: auto !important;
right: 100% !important;
}
.navpro-ribbon .navpro-dropdown {
border-radius: 0 !important;
}
.orientation-horizontal .navpro-ribbon .navpro-dropdown {
max-width: none;
border-width: 1px 0 !important;
left: 0 !important;
width: 100% !important;
}
.orientation-horizontal .navpro-ribbon .navpro-dropdown:not(.size-fullscreen) > .navpro-dropdown-inner {
max-width: var(--container-max-width, 1360px);
width: 100%;
margin: 0 auto;
}
.orientation-horizontal .navpro-ribbon .navpro-dropdown .navpro-dropdown {
top: 100% !important;
}
.orientation-horizontal .navpro-ribbon .navpro-dropdown .navpro-icon-caret::before {
transform: rotate(0);
}
.orientation-horizontal .navpro-ribbon .children {
display: flex;
flex-wrap: wrap;
}
.navpro-slideout.orientation-vertical .navpro-ribbon .navpro-dropdown {
left: 100% !important;
top: -1px !important;
bottom: -1px;
}
.rtl .orientation-vertical .navpro-ribbon .navpro-dropdown,
.dropdown-left.orientation-vertical .navpro-ribbon .navpro-dropdown {
left: auto !important;
right: 100% !important;
}
.rtl .dropdown-left.orientation-vertical .navpro-ribbon .navpro-dropdown {
right: auto !important;
left: 100% !important;
}
.navpro-stacked ul li.li-item {
position: static;
}
.navpro-stacked ul li.li-item > .navpro-dropdown {
top: -1px !important;
left: 100% !important;
}
.rtl .navpro-stacked ul li.li-item > .navpro-dropdown {
left: auto !important;
right: 100% !important;
}
.navpro-stacked ul .navpro-dropdown {
transition-delay: .3s;
}
.navpro-stacked ul .navpro-dropdown.shown {
transition-delay: 0s;
}
.dropdown-left .navpro-stacked ul li.li-item > .navpro-dropdown {
left: auto !important;
right: 100% !important;
}
.navpro-slideout.orientation-vertical .navpro-stacked {
height: 100%;
width: 300px;
overflow: hidden;
position: fixed;
justify-content: flex-start;
}
.navpro-slideout.orientation-vertical .navpro-stacked .navpro-dropdown {
width: 300px !important;
transition-delay: 0s !important;
box-shadow: none !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
border: 0 !important;
}
.rtl .navpro-slideout.orientation-vertical .navpro-stacked .navpro-dropdown {
left: auto !important;
right: 0 !important;
}
.navpro-slideout.orientation-vertical .navpro-stacked .navpro-dropdown > .navpro-close {
top: 18px;
right: auto;
left: 26px;
width: 10px;
height: 10px;
color: #333;
border: 2px solid currentColor;
border-top-width: 0;
border-right-width: 0;
transform: rotate(45deg);
}
.navpro-slideout.orientation-vertical .navpro-stacked .navpro-dropdown > .navpro-close:before {
display: none;
}
.navpro-slideout.orientation-vertical .navpro-stacked .navpro-dropdown > .navpro-close:after {
content: '';
position: absolute;
height: 19px;
width: 2px;
right: auto;
left: -1px;
bottom: 0;
top: auto;
background: currentColor;
transform: rotate(45deg);
transform-origin: 50% 100%;
}
.navpro-slideout.orientation-vertical .navpro-stacked .navpro-dropdown > .navpro-close + .navpro-dropdown-inner {
margin-top: 32px;
}
.navpro-slideout.dropdown-left.orientation-vertical .navpro-stacked .li-item > a {
text-align: right;
}
.navpro-slideout.dropdown-left.orientation-vertical .navpro-stacked .navpro-dropdown {
left: auto !important;
right: 0 !important;
}
.rtl .navpro-slideout.dropdown-left.orientation-vertical .navpro-stacked .navpro-dropdown {
right: auto !important;
left: 0 !important;
}
.navpro.navpro-theme-dark .navpro-dropdown,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown {
background: #000000;
border-color: #000000;
color: #eaeaea;
}
.navpro.navpro-theme-dark .navpro-dropdown h3,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown h3,
.navpro.navpro-theme-dark .navpro-dropdown .children a,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown .children a,
.navpro.navpro-theme-dark .navpro-dropdown .children .parent > a,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown .children .parent > a {
color: #eaeaea;
}
.navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner {
background: #000000;
border-color: #000000;
color: #eaeaea;
}
.navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner h3,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner h3,
.navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children a,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children a,
.navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children .parent > a,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children .parent > a {
color: #eaeaea;
}
@media (min-width: 640px) {
.navpro.navpro-theme-dark .navpro-dropdown,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown {
box-shadow: 0 0 50px -10px rgba(0, 0, 0, 0.5);
}
}
.navpro.navpro-theme-dark .navpro-dropdown .panel,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown .panel {
background-color: #080808;
}
.navpro.navpro-theme-dark .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a {
color: #eaeaea;
}
.navpro.navpro-theme-dark.orientation-horizontal li.level-top.parent a.level-top::before,
.navpro.navpro-theme-dark-dropdown.orientation-horizontal li.level-top.parent a.level-top::before,
.navpro.navpro-theme-dark.orientation-horizontal li.level-top.parent a.level-top::after,
.navpro.navpro-theme-dark-dropdown.orientation-horizontal li.level-top.parent a.level-top::after {
border-bottom-color: #000000;
}
.navpro.navpro-theme-dark.orientation-horizontal li.level-top > .navpro-dropdown > .navpro-shevron,
.navpro.navpro-theme-dark-dropdown.orientation-horizontal li.level-top > .navpro-dropdown > .navpro-shevron {
background: #000000;
border: 1px solid #000000;
border-color: #000000 transparent transparent #000000;
}
.navpro.navpro-theme-dark.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::before,
.navpro.navpro-theme-dark-dropdown.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::before,
.navpro.navpro-theme-dark.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::after,
.navpro.navpro-theme-dark-dropdown.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::after {
border-top-color: #000000;
border-bottom-color: transparent;
}
.navpro.navpro-theme-dark.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::after,
.navpro.navpro-theme-dark-dropdown.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::after {
border-top-color: #000000;
}
.navpro.navpro-theme-compact .navpro-dropdown .children > li > a,
.navpro.navpro-theme-compact .navpro-dropdown .children .parent > a {
padding: 4px 5px;
}
.navpro.navpro-theme-compact .navpro-dropdown-inner {
padding: 5px;
}
.navpro.navpro-theme-compact .navpro-item-more > .nav-a-icon-more svg {
width: 15px;
height: 15px;
}
@media (min-width: 640px) {
.navpro.navpro-theme-compact.orientation-horizontal li.level-top > .navpro-dropdown-level1 > .navpro-shevron {
height: 8px;
width: 8px;
top: -4px !important;
}
.navpro.navpro-theme-compact.orientation-horizontal li.level-top > .navpro-dropdown-level1.size-boxed > .navpro-shevron {
top: -3px !important;
}
.dropdown-top.navpro.navpro-theme-compact.orientation-horizontal li.level-top > .navpro-dropdown-level1 > .navpro-shevron {
bottom: -4px !important;
}
.dropdown-top.navpro.navpro-theme-compact.orientation-horizontal li.level-top > .navpro-dropdown-level1.size-boxed > .navpro-shevron {
bottom: -3px !important;
}
}
@media (min-width: 640px) {
.navpro.navpro-theme-compact .navpro-dropdown.size-small {
min-width: 180px;
width: 180px;
}
.navpro.navpro-theme-compact .navpro-dropdown.size-medium {
width: 260px;
}
.navpro.navpro-theme-compact .navpro-dropdown.size-large {
width: 450px;
}
.navpro.navpro-theme-compact .navpro-dropdown.size-xlarge {
width: 600px;
}
}
.navpro-compare .block-compare .block-title {
display: none;
}
.navpro-dropdown-inner {
max-width: 100%;
}
.qty-dropdown .trigger::after {
height: 1.5rem;
width: 1.5rem;
}
.qty-dropdown .dropdown {
--dropdown-width: 7rem;
}
.qty-switcher-dec + input::-webkit-outer-spin-button,
.qty-switcher-dec + input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.qty-dropdown .trigger {
z-index: 11;
}
.qty-dropdown input::-webkit-outer-spin-button,
.qty-dropdown input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.qty-dropdown input[type=number] {
-moz-appearance: textfield;
}
[data-mage-init*='"collapsible":'] > [data-role=content],
.modal-inner-wrap,
.block.filter .filter-content,
.block.filter .filter-title strong::after,
.actions-secondary .action,
:where(.products-grid, .widget-product-carousel) .product-item .product-item-details .product-item-actions,
.toolbar .sorter-action,
.toolbar .modes a,
.pages a.page,
.pages .action.next,
.pages .action.previous,
.minicart-items .actions a,
.navigation-wrapper,
.nav-toggle span::after,
.navigation .parent > a .ui-icon,
.navigation .parent > a::after,
.slick-active button span,
.product-social-links a.action,
.product-social-links button.action,
.cart.table-wrapper .action-edit,
.cart.table-wrapper .action-delete,
.cart.table-wrapper .action-towishlist,
.cart.table-wrapper .action-gift::after,
.cart-tax-total::after,
.totals-tax-summary .amount .price::before,
.askit-item-trigger {
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 [data-mage-init*='"collapsible":'] > [data-role=content],
.breeze-inactive .modal-inner-wrap,
.breeze-inactive .block.filter .filter-content,
.breeze-inactive .block.filter .filter-title strong::after,
.breeze-inactive .actions-secondary .action,
.breeze-inactive :where(.products-grid, .widget-product-carousel) .product-item .product-item-details .product-item-actions,
.breeze-inactive .toolbar .sorter-action,
.breeze-inactive .toolbar .modes a,
.breeze-inactive .pages a.page,
.breeze-inactive .pages .action.next,
.breeze-inactive .pages .action.previous,
.breeze-inactive .minicart-items .actions a,
.breeze-inactive .navigation-wrapper,
.breeze-inactive .nav-toggle span::after,
.breeze-inactive .navigation .parent > a .ui-icon,
.breeze-inactive .navigation .parent > a::after,
.breeze-inactive .slick-active button span,
.breeze-inactive .product-social-links a.action,
.breeze-inactive .product-social-links button.action,
.breeze-inactive .cart.table-wrapper .action-edit,
.breeze-inactive .cart.table-wrapper .action-delete,
.breeze-inactive .cart.table-wrapper .action-towishlist,
.breeze-inactive .cart.table-wrapper .action-gift::after,
.breeze-inactive .cart-tax-total::after,
.breeze-inactive .totals-tax-summary .amount .price::before,
.breeze-inactive .askit-item-trigger {
transition: none !important;
}
.block > .title,
.block .block-title {
color: rgba(var(--block-title-color), var(--block-title-alpha, 1));
background: rgba(var(--block-title-bg), var(--block-bg-alpha, 1));
}
.block .block-content {
background: rgb(var(--block-content-bg), var(--block-content-bg-alpha, 1));
}
.swatch-option-tooltip {
opacity: 0;
transform: scale(0.95);
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 17, 24, 39;
--base-alpha: 1;
--headings-color: var(--base-color);
--headings-alpha: 1;
--block-title-color: var(--base-color);
--link-color: var(--blue);
--link-alpha: 0.85;
--muted-bg: 247, 247, 247;
--muted-bg-alpha: 1;
--ring-color: var(--brand-color);
--ring-alpha: 1;
--button-bg: var(--brand-color);
--button-border-color: var(--button-bg);
--button-color: 255, 255, 255;
--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: 228, 228, 231;
--button-secondary-border-color: var(--button-secondary-bg);
--input-color: 17, 24, 39;
--input-alpha: 1;
--input-bg: var(--base-bg);
--input-bg-alpha: 1;
--input-border-color: 17, 24, 39;
--input-border-alpha: 1;
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;
padding: var(--dropdown-padding);
width: var(--dropdown-width);
transform-origin: top;
z-index: 850;
visibility: hidden;
margin-top: 0.125rem;
color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
border-radius: 0.25rem;
text-align: left;
}
.breeze-inactive .swatch-option-tooltip {
transition: none !important;
}
.swatch-option-tooltip:not([style*="none"]) {
z-index: 851;
opacity: 1;
pointer-events: all;
display: block;
visibility: visible;
transform: scale(1);
}
.qty-dropdown .dropdown,
.field-tooltip-content,
.dropdown.options .dropdown,
.tooltip.wrapper .tooltip.content,
.minicart-wrapper .mage-dropdown-dialog,
.minisearch .search-autocomplete,
.map-popup,
.navigation .submenu {
opacity: 0;
transform: scale(0.95);
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 17, 24, 39;
--base-alpha: 1;
--headings-color: var(--base-color);
--headings-alpha: 1;
--block-title-color: var(--base-color);
--link-color: var(--blue);
--link-alpha: 0.85;
--muted-bg: 247, 247, 247;
--muted-bg-alpha: 1;
--ring-color: var(--brand-color);
--ring-alpha: 1;
--button-bg: var(--brand-color);
--button-border-color: var(--button-bg);
--button-color: 255, 255, 255;
--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: 228, 228, 231;
--button-secondary-border-color: var(--button-secondary-bg);
--input-color: 17, 24, 39;
--input-alpha: 1;
--input-bg: var(--base-bg);
--input-bg-alpha: 1;
--input-border-color: 17, 24, 39;
--input-border-alpha: 1;
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;
padding: var(--dropdown-padding);
width: var(--dropdown-width);
transform-origin: top;
z-index: 850;
visibility: hidden;
margin-top: 0.125rem;
color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
border-radius: 0.25rem;
text-align: left;
}
.breeze-inactive .qty-dropdown .dropdown,
.breeze-inactive .field-tooltip-content,
.breeze-inactive .dropdown.options .dropdown,
.breeze-inactive .tooltip.wrapper .tooltip.content,
.breeze-inactive .minicart-wrapper .mage-dropdown-dialog,
.breeze-inactive .minisearch .search-autocomplete,
.breeze-inactive .map-popup,
.breeze-inactive .navigation .submenu {
transition: none !important;
}
.qty-dropdown .dropdown[aria-hidden=false],
.field-tooltip-content[aria-hidden="false"],
.dropdown.options .dropdown[aria-hidden="false"],
.tooltip.wrapper:hover .tooltip.content,
.tooltip.wrapper:focus .tooltip.content,
.minicart-wrapper .mage-dropdown-dialog[style=""],
.minicart-wrapper .mage-dropdown-dialog[style*="block"],
.minisearch .search-autocomplete:not(:empty):not([style*="display:none"]):not([style*="display: none"]),
.map-popup.active,
.navigation .submenu.shown,
.navigation .submenu[aria-expanded="true"]:not([aria-hidden]),
body:not(.breeze) .navigation .submenu[aria-expanded="true"]:not([aria-hidden]) .submenu {
z-index: 851;
opacity: 1;
pointer-events: all;
display: block;
visibility: visible;
transform: scale(1);
}
.qty-dropdown .dropdown li,
.dropdown.options .dropdown > li > a,
.dropdown.options .dropdown > ul > li > a,
.minisearch .search-autocomplete [role="listbox"] li,
.navigation :where(li[class*=level]) > a {
--divider-alpha: 0.05;
cursor: pointer;
}
.qty-dropdown .dropdown li:hover,
.dropdown.options .dropdown > li > a:hover,
.dropdown.options .dropdown > ul > li > a:hover,
.minisearch .search-autocomplete [role="listbox"] li:hover,
.navigation :where(li[class*=level]) > a:hover {
background: rgba(var(--base-color), var(--divider-alpha, .1));
}
.qty-dropdown .trigger,
[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 {
cursor: pointer;
}
.qty-dropdown .trigger::after,
[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 {
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;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
}
:where(input:not([type=range])):focus,
:where(input:not([type=range])):focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible {
--input-bg: 243, 244, 246;
--input-outline-color: var(--input-border-color);
--input-shadow-spread: 1px;
outline: 2px solid rgba(var(--input-outline-color), var(--input-outline-alpha));
outline-offset: 2px;
}
:where(input:not([type=range])):-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 var(--input-shadow-spread, 0) rgba(var(--input-border-color), var(--input-border-alpha)), 0 0 0 30px rgba(var(--muted-bg), var(--muted-bg-alpha, 1)) inset;
-webkit-text-fill-color: rgba(var(--input-color), var(--input-alpha));
}
button,
.action.primary,
input[type='submit'],
input[type='reset'],
input[type='button'],
.pagebuilder-button-primary,
.pagebuilder-button-secondary,
.pagebuilder-button-link,
.product-info-wrapper .product-social-links a.action {
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 button,
.breeze-inactive .action.primary,
.breeze-inactive input[type='submit'],
.breeze-inactive input[type='reset'],
.breeze-inactive input[type='button'],
.breeze-inactive .pagebuilder-button-primary,
.breeze-inactive .pagebuilder-button-secondary,
.breeze-inactive .pagebuilder-button-link,
.breeze-inactive .product-info-wrapper .product-social-links a.action {
transition: none !important;
}
button.selected,
.action.primary.selected,
input[type='submit'].selected,
input[type='reset'].selected,
input[type='button'].selected,
.pagebuilder-button-primary.selected,
.pagebuilder-button-secondary.selected,
.pagebuilder-button-link.selected,
.product-info-wrapper .product-social-links a.action.selected {
--button-color: 255, 255, 255;
--button-bg: var(--brand-color);
--button-border-color: var(--button-bg);
}
@media (hover: hover) {
button:hover,
.action.primary:hover,
input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
.pagebuilder-button-primary:hover,
.pagebuilder-button-secondary:hover,
.pagebuilder-button-link:hover,
.product-info-wrapper .product-social-links a.action:hover {
--button-bg-alpha: var(--button-hover-bg-alpha);
text-decoration: none !important;
}
}
button:focus-visible,
.action.primary:focus-visible,
input[type='submit']:focus-visible,
input[type='reset']:focus-visible,
input[type='button']:focus-visible,
.pagebuilder-button-primary:focus-visible,
.pagebuilder-button-secondary:focus-visible,
.pagebuilder-button-link:focus-visible,
.product-info-wrapper .product-social-links a.action:focus-visible {
--button-border-alpha: 1;
z-index: 10;
outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
outline-offset: 2px;
}
@media (hover: hover) {
.pagebuilder-button-link:hover {
text-decoration: underline !important;
--button-bg: transparent;
--button-border-color: transparent;
--button-color: var(--link-color);
}
}
@media (hover: hover) {
.button-ghost button:hover,
.button-ghost .pagebuilder-button-primary:hover,
.button-ghost .pagebuilder-button-secondary:hover,
.product-info-wrapper .product-social-links a.action:hover {
--button-bg-alpha: .1;
--button-color: var(--base-color);
}
}
.product-options-wrapper .action.back {
--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;
}
.product-options-wrapper .action.back:focus-visible {
outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
outline-offset: 1px;
}
.button-close,
.ui-dialog.popup .action.close,
.modal-header .action-close,
.block-minicart .action.close {
float: right;
--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;
margin-left: auto;
opacity: .7;
cursor: pointer;
}
.button-close:focus-visible,
.ui-dialog.popup .action.close:focus-visible,
.modal-header .action-close:focus-visible,
.block-minicart .action.close:focus-visible {
outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
outline-offset: 1px;
}
.button-close::before,
.ui-dialog.popup .action.close::before,
.modal-header .action-close::before,
.block-minicart .action.close::before {
display: block;
content: '';
width: 1.5rem;
height: 1.5rem;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.button-close span,
.ui-dialog.popup .action.close span,
.modal-header .action-close span,
.block-minicart .action.close span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.minicart-items .details-qty .update-cart-item {
font-size: 0.75rem;
line-height: 1rem;
padding: 0.25rem 0.5rem;
}
.minicart-items .details-qty .item-qty {
font-size: 0.75rem;
line-height: 1rem;
padding: 0.25rem;
width: auto;
flex-grow: 0;
}
.minicart-items-wrapper::after {
pointer-events: none;
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 1rem;
background: linear-gradient(rgba(var(--z-layer-bg), 0), rgba(var(--z-layer-bg), .8));
}
.modal-content,
.minicart-items-wrapper > .minicart-items {
scrollbar-gutter: stable;
}
.modal-content::-webkit-scrollbar,
.minicart-items-wrapper > .minicart-items::-webkit-scrollbar {
width: 0.375rem;
height: 0.375rem;
}
.modal-content::-webkit-scrollbar-track,
.minicart-items-wrapper > .minicart-items::-webkit-scrollbar-track {
background-color: rgb(var(--scrollbar-bg));
border-radius: 24rem;
}
.modal-content::-webkit-scrollbar-thumb,
.minicart-items-wrapper > .minicart-items::-webkit-scrollbar-thumb {
background-color: rgb(var(--scrollbar-color));
border-radius: 24rem;
}
.load.indicator::before,
.product-item-info-image-loading .product-item-photo::before {
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%;
}
.default[data-content-type="easytabs"] > [data-role="collapsible"],
[data-mage-init*='"tabs":'] > [data-role="collapsible"] {
cursor: pointer;
}
.default[data-content-type="easytabs"] > [data-role="collapsible"]:hover,
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:hover {
--muted-alpha: .9;
--muted-bg-alpha: .5;
}
.default[data-content-type="easytabs"] > [data-role="collapsible"]:focus-visible,
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:focus-visible {
z-index: 10;
}
@media (max-width: 767.98px) {
.default[data-content-type="easytabs"] > [data-role="collapsible"]::after,
[data-mage-init*='"tabs":'] > [data-role="collapsible"]::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;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
}
.breeze-inactive .default[data-content-type="easytabs"] > [data-role="collapsible"]::after,
.breeze-inactive [data-mage-init*='"tabs":'] > [data-role="collapsible"]::after {
transition: none !important;
}
}
.default[data-content-type="easytabs"] > [data-role="collapsible"][aria-expanded="true"],
.default[data-content-type="easytabs"] > [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]) {
--muted-alpha: .9;
background: #ffffff;
color: #000000;
}
.default[data-content-type="easytabs"] > [data-role="collapsible"][aria-expanded="true"]:hover,
.default[data-content-type="easytabs"] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]):hover,
[data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"]:hover,
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]):hover {
--muted-bg-alpha: 1;
}
@media (max-width: 767.98px) {
.default[data-content-type="easytabs"] > [data-role="collapsible"][aria-expanded="true"],
.default[data-content-type="easytabs"] > [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]) {
color: #000000;
background: #ffffff;
}
}
@media (min-width: 768px) {
.default[data-content-type="easytabs"] > [data-role="collapsible"][aria-expanded="true"] > a,
.default[data-content-type="easytabs"] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]) > a,
[data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"] > a,
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]) > a {
background: linear-gradient(115deg, #fce0fc 0%, #ceeff9 100%);
}
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"],
.accordion[data-content-type="easytabs"] > .title,
[data-content-type="tabs"] .tab-header {
cursor: pointer;
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"]:hover,
.accordion[data-content-type="easytabs"] > .title:hover,
[data-content-type="tabs"] .tab-header:hover {
--muted-alpha: .9;
--muted-bg-alpha: .5;
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"]:focus-visible,
.accordion[data-content-type="easytabs"] > .title:focus-visible,
[data-content-type="tabs"] .tab-header:focus-visible {
z-index: 10;
}
.accordion[data-content-type="easytabs"] > .title::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;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
}
.breeze-inactive .accordion[data-content-type="easytabs"] > .title::after {
transition: none !important;
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"][aria-expanded="true"],
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]),
.accordion[data-content-type="easytabs"] > .title[aria-expanded="true"],
[data-content-type="tabs"] .tab-header.active {
--muted-alpha: .9;
background: #ffffff;
color: #000000;
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"][aria-expanded="true"]:hover,
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]):hover,
.accordion[data-content-type="easytabs"] > .title[aria-expanded="true"]:hover,
[data-content-type="tabs"] .tab-header.active:hover {
--muted-bg-alpha: 1;
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"][aria-expanded="true"] > a,
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]) > a,
[data-content-type="tabs"] .tab-header.active > a {
background: linear-gradient(115deg, #fce0fc 0%, #ceeff9 100%);
}
.accordion[data-content-type="easytabs"] > .title[aria-expanded="true"] {
color: #000000;
background: #ffffff;
}
.qty-dropdown .trigger > span,
.minicart-items .details-qty .update-cart-item span,
.minicart-items .action.edit span,
.minicart-items .action.delete span,
.review-control-vote label span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.mobile-header-panel .switcher .label {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.minicart-items .details-qty .label,
.minicart-items .details-qty .value {
font-size: 0.875rem;
line-height: 1.25rem;
}
.block-minicart .items-total {
font-size: 1.125rem;
line-height: 1.75rem;
}
.block-minicart .block-content > .actions a.action {
color: rgba(var(--link-color), var(--link-alpha));
text-decoration: none;
}
.block-minicart .block-content > .actions a.action:hover {
--link-alpha: 1;
text-decoration: underline;
}
.popup-authentication .block-new-customer p {
margin-bottom: 0.75rem;
}
.popup-authentication .block-new-customer ul {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.popup-authentication .block-new-customer ul {
padding-left: 1.25rem;
}
.popup-authentication .block-new-customer ul {
list-style: disc;
}
.footer-bottom {
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 255, 255, 255;
--base-alpha: 0.95;
--headings-color: 255, 255, 255;
--headings-alpha: 0.95;
--block-title-color: 0.95;
--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;
--button-bg: 255, 255, 255;
--button-border-color: 255, 255, 255;
--button-primary-color: 0, 0, 0;
--button-primary-bg: 255, 255, 255;
--button-primary-border-color: 255, 255, 255;
--button-secondary-color: 243, 244, 246;
--button-secondary-bg: 39, 39, 42;
--button-secondary-border-color: 39, 39, 42;
--button-color: 0, 0, 0;
--input-color: 255, 255, 255;
--input-alpha: 0.95;
--input-bg: 255, 255, 255;
--input-bg-alpha: 0;
--input-border-color: 255, 255, 255;
--input-border-alpha: 0.8;
}
.navpro-dropdown {
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 17, 24, 39;
--base-alpha: 1;
--headings-color: var(--base-color);
--headings-alpha: 1;
--block-title-color: var(--base-color);
--link-color: var(--blue);
--link-alpha: 0.85;
--muted-bg: 247, 247, 247;
--muted-bg-alpha: 1;
--ring-color: var(--brand-color);
--ring-alpha: 1;
--button-bg: var(--brand-color);
--button-border-color: var(--button-bg);
--button-color: 255, 255, 255;
--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: 228, 228, 231;
--button-secondary-border-color: var(--button-secondary-bg);
--input-color: 17, 24, 39;
--input-alpha: 1;
--input-bg: var(--base-bg);
--input-bg-alpha: 1;
--input-border-color: 17, 24, 39;
--input-border-alpha: 1;
}
div.mage-error,
div.field-error {
margin-top: 0.125rem;
font-size: .9rem;
color: rgba(var(--danger-color), var(--danger-alpha, 1));
}
.field-tooltip {
--dropdown-width: 18rem;
--dropdown-padding: 0.5rem 0.75rem;
}
.field-tooltip-action::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.ui-datepicker .ui-datepicker-calendar td {
padding: 0;
}
.ui-datepicker-trigger::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.shadow-lg {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow-xl {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.shadow-2xl {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.shadow-sm-around {
box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.05);
}
.shadow-around {
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md-around {
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.06);
}
.shadow-lg-around {
box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
}
.shadow-xl-around {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.04);
}
.shadow-2xl-around {
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}
[data-mage-init*='"collapsible":'] > [data-role=content] {
transition-behavior: normal;
}
.block-collapsible-nav .title {
cursor: pointer;
}
.block-collapsible-nav .content a:hover {
text-decoration: none;
--base-bg-alpha: .8;
background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
}
@media (min-width: 768px) {
.block-collapsible-nav .content {
position: sticky;
top: 0.5rem;
left: 0;
}
}
@media (min-width: 640px) {
.ui-dialog.popup {
width: 24rem;
}
}
.ui-dialog.popup .action.close {
position: absolute;
z-index: 101;
right: 0.5rem;
top: 0.5rem;
}
.dropdown.options .block-title {
padding: 0;
border: 0;
margin-bottom: 0.5rem;
}
.dropdown.options .subtitle {
display: block;
margin-bottom: 0.75rem;
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
}
.dropdown.options .product-item + .product-item {
margin-top: 1rem;
}
.dropdown.options .actions-toolbar {
justify-content: center;
margin-top: 1rem;
}
.dropdown.options .empty {
font-weight: 500;
}
@starting-style {
.dropdown.options .dropdown[aria-hidden="false"] {
opacity: 0;
transform: scale(0.95);
}
}
:root {
--dropdown-padding: 0.5rem;
--dropdown-width: 11rem;
}
.dropdown-lg {
--dropdown-padding: 0.75rem 1rem;
--dropdown-width: 18rem;
}
.dropdown-xl,
.map-popup {
--dropdown-padding: 0.75rem 1rem;
--dropdown-width: 20rem;
}
.modals-overlay,
.modal-custom-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;
inset: 0;
margin: 0 !important;
padding: 0 !important;
position: fixed;
visibility: hidden;
content: '';
z-index: 810;
opacity: 0;
pointer-events: none;
background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8));
}
.breeze-inactive .modals-overlay,
.breeze-inactive .modal-custom-overlay {
transition: none !important;
}
._show ~ .modals-overlay,
._show ~ .modal-custom-overlay {
opacity: 1;
pointer-events: all;
visibility: visible;
}
body.breeze._has-modal,
body.breeze._has-modal-custom {
overflow: hidden;
}
.modal-slide,
.modal-popup,
.modal-custom {
--modal-max-width: 500px;
--modal-max-height: 85vh;
--modal-padding-x: 1rem;
--modal-padding-y: var(--modal-padding-x);
inset: 0;
position: fixed;
z-index: 900;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 1.75rem;
}
@media (min-width: 768px) {
.modal-slide,
.modal-popup,
.modal-custom {
--modal-padding-x: 2rem;
}
}
.modal-slide._show,
.modal-popup._show,
.modal-custom._show {
visibility: visible;
}
@media (min-width: 640px) {
.modal-slide,
.modal-popup,
.modal-custom {
justify-content: center;
}
}
.modal-slide[data-type="slide"] {
width: 100%;
padding: 0;
align-items: flex-end;
padding-left: 1.75rem;
left: auto !important;
}
.modal-inner-wrap {
display: flex;
flex-direction: column;
padding: 0 !important;
margin: 0 !important;
width: 100%;
max-width: var(--modal-max-width);
max-height: var(--modal-max-height);
max-height: -webkit-fill-available;
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
border-radius: 0.25rem;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.04);
opacity: 0;
}
.modal-xl .modal-inner-wrap {
--modal-max-width: 850px;
}
@media (max-width: 767.98px) {
.modal-inner-wrap {
transform: translateY(10px);
}
}
@media (min-width: 768px) {
.modal-inner-wrap {
transform: scale(0.97);
}
}
[data-type="slide"] .modal-inner-wrap {
width: 100%;
height: 100%;
max-width: 420px;
max-height: none;
border-radius: 0;
transform: translateX(100%);
}
._show .modal-inner-wrap {
pointer-events: auto;
transform: none;
opacity: 1;
}
.modal-header,
.modal-content,
.modal-footer {
padding: 0 var(--modal-padding-x);
}
.modal-header,
.modal-footer {
flex-shrink: 0;
padding-top: var(--modal-padding-y);
position: relative;
z-index: 10;
}
.modal-header h1 {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 1rem;
}
.modal-header .action-close {
background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
position: absolute;
top: calc(var(--modal-padding-y) / 3);
right: calc(var(--modal-padding-x) / 3);
}
.modal-content {
overflow: auto;
overscroll-behavior: contain;
padding-bottom: 3px;
padding-top: 3px;
}
.modal-content:last-child {
padding-bottom: var(--modal-padding-y);
}
.modal-content .message .button-close {
display: none;
}
.modal-footer {
padding-bottom: var(--modal-padding-y);
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
.page-header .action.skip {
--base-color: 17, 24, 39;
--base-alpha: 1;
position: absolute;
left: 0.5rem;
top: 0.5rem;
z-index: 40;
text-align: center;
background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
color: rgba(var(--base-color), var(--base-alpha, 1));
}
.page-header .action.skip:hover {
text-decoration: underline;
}
.page-header .action.skip:focus-within {
outline-offset: 0;
padding: 0.375rem 0.5rem;
}
@media (max-width: 767.98px) {
.sidebar .action.skip {
display: none !important;
}
}
.loading-mask + .loading-mask {
opacity: 0;
}
.load.indicator[style*="display: inline"] {
display: flex !important;
}
.load.indicator::before {
content: '';
display: block;
}
.load.indicator span {
display: none;
}
.tooltip.wrapper {
--dropdown-width: 16rem;
--dropdown-padding: 0.5rem 0.75rem;
}
.tooltip.wrapper .tooltip.toggle {
cursor: help;
}
.tooltip.wrapper .subtitle {
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 400;
display: block;
margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
.tooltip.wrapper {
--dropdown-width: 12rem;
}
}
.towishlist::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.tocompare::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.action.print::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.action.mailto::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
.hover-zoom {
overflow: hidden;
}
.hover-zoom > a {
outline-offset: -4px;
}
.hover-zoom > img,
.hover-zoom [data-background-images^="{\\"],
.hover-zoom [data-background-images^="{\\"] > * {
transition: transform 600ms cubic-bezier(0.35, 0, 0.05, 1);
}
.hover-zoom:hover [data-background-images^="{\\"] {
transform: scale(1.05);
}
.hover-zoom:hover [data-background-images^="{\\"] > * {
transform: scale(0.95);
}
.hover-zoom:hover > img {
transform: scale(1.05);
}
}
.popup-authentication .modal-inner-wrap {
--modal-max-width: 850px;
}
.popup-authentication .block-authentication {
padding: 0 1rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 768px) {
.popup-authentication .block-authentication {
flex-direction: row;
gap: 2rem;
}
.popup-authentication .block-authentication > .block {
flex-grow: 1;
flex-basis: 0;
}
}
.block .block-title .counter {
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
}
.block-compare .action.delete,
.filter .action.remove,
.sidebar .action.delete,
.sidebar .action.remove {
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
}
.block-compare .action.delete::before,
.filter .action.remove::before,
.sidebar .action.delete::before,
.sidebar .action.remove::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1rem 1rem;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.footer-middle {
background: #f6f5f4 url('data:image/svg+xml,') no-repeat -20px -100px;
}
.footer-bottom {
background: #000000;
}
.dropdown .header.links {
flex-direction: column;
gap: 0;
}
.mobile-header-panel {
margin: auto 0 0 0;
padding: 1rem;
border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
border-width: 1px 0 0 0;
}
.mobile-header-panel .slideout\:hide {
display: none !important;
}
.mobile-header-panel .slideout\:block {
display: block !important;
}
.mobile-header-panel .slideout\:inline {
display: inline !important;
}
.mobile-header-panel .slideout\:flex {
display: flex !important;
}
.mobile-header-panel .slideout\:inline-flex {
display: inline-flex !important;
}
.mobile-header-panel hr {
width: 100%;
}
.mobile-header-panel .heading,
.mobile-header-panel .switcher-label {
display: block;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 600;
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
}
.mobile-header-panel .switcher,
.mobile-header-panel .header-panel-info {
margin-top: 1rem;
display: flex;
gap: 0.75rem;
}
.mobile-header-panel .switcher a:not(.toggle),
.mobile-header-panel .header-panel-info a:not(.toggle) {
opacity: 0.7;
}
.mobile-header-panel .switcher + .switcher {
margin-top: 0.5rem;
}
.mobile-header-panel .switcher .switcher-dropdown {
width: 100%;
max-height: 70dvh;
min-width: 200px;
overflow: auto;
transform-origin: bottom;
margin: 0 0 0.5rem;
}
.mobile-header-panel .header-panel-info {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
margin: 0;
}
.mobile-header-panel :where(.header-panel-info > div) {
width: 100%;
}
@media (max-width: 767.98px) {
.block.filter .filter-content {
left: 0;
top: 0;
bottom: 0;
width: 24rem;
z-index: 850;
max-width: calc(100vw - 4rem);
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
transform: translateX(-100%);
overscroll-behavior: contain;
overflow: auto;
padding: 1rem;
}
.active.block.filter .filter-content,
.filter-active .block.filter .filter-content {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
.block.filter:not(.active) .filter-content [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false] {
visibility: hidden;
}
.block.filter .filter-title strong::before {
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;
inset: 0;
margin: 0 !important;
padding: 0 !important;
position: fixed;
visibility: hidden;
content: '';
z-index: 810;
opacity: 0;
pointer-events: none;
background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8));
}
.breeze-inactive .block.filter .filter-title strong::before {
transition: none !important;
}
.active.block.filter .filter-title strong::before,
.filter-active .block.filter .filter-title strong::before {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.block.filter .filter-title strong::after {
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
z-index: 811;
color: rgba(var(--base-bg), var(--base-bg-alpha, 1));
content: '';
width: 1.5rem;
height: 1.5rem;
top: 1.25rem;
left: min(calc(24rem + 1.125rem), calc(100vw - 2.75rem));
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
transform: translateX(-20px);
}
.active.block.filter .filter-title strong::after,
.filter-active .block.filter .filter-title strong::after {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateX(0);
}
}
@media (min-width: 768px) {
.column.main .block.filter .filter-options-content {
opacity: 0;
transform: scale(0.95);
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 17, 24, 39;
--base-alpha: 1;
--headings-color: var(--base-color);
--headings-alpha: 1;
--block-title-color: var(--base-color);
--link-color: var(--blue);
--link-alpha: 0.85;
--muted-bg: 247, 247, 247;
--muted-bg-alpha: 1;
--ring-color: var(--brand-color);
--ring-alpha: 1;
--button-bg: var(--brand-color);
--button-border-color: var(--button-bg);
--button-color: 255, 255, 255;
--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: 228, 228, 231;
--button-secondary-border-color: var(--button-secondary-bg);
--input-color: 17, 24, 39;
--input-alpha: 1;
--input-bg: var(--base-bg);
--input-bg-alpha: 1;
--input-border-color: 17, 24, 39;
--input-border-alpha: 1;
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;
padding: var(--dropdown-padding);
width: var(--dropdown-width);
transform-origin: top;
z-index: 850;
visibility: hidden;
margin-top: 0.125rem;
color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
border-radius: 0.25rem;
text-align: left;
box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
}
.breeze-inactive .column.main .block.filter .filter-options-content {
transition: none !important;
}
.column.main .block.filter .filter-options-content[aria-hidden=false] {
z-index: 851;
opacity: 1;
pointer-events: all;
display: block;
visibility: visible;
transform: scale(1);
}
.column.main .block.filter .filter-options-content .item {
--divider-alpha: 0.05;
cursor: pointer;
display: flex;
}
.column.main .block.filter .filter-options-content .item:hover {
background: rgba(var(--base-color), var(--divider-alpha, .1));
}
}
.block.filter a:hover {
text-decoration: underline;
}
.block.filter .filter-title {
cursor: initial;
}
.block.filter .filter-title::after {
-webkit-mask: none;
}
@media (min-width: 768px) {
.block.filter .filter-content,
.block.filter .filter-title strong::after {
transition: none;
}
}
@media (max-width: 767.98px) {
.block.filter [data-role="title"] {
cursor: pointer;
}
.active.block.filter [data-role="title"] {
-webkit-tap-highlight-color: transparent;
}
.block.filter .filter-title::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.block.filter .filter-content {
padding: 1rem 1.5rem;
}
}
.product-item-name a:hover {
text-decoration: underline;
}
.actions-secondary .action:hover {
--muted-alpha: .9;
}
.actions-secondary .action::before {
-webkit-mask-size: 1.5rem;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
:where(.products-grid, .widget-product-carousel) .product-item img {
transition: transform 600ms cubic-bezier(0.35, 0, 0.05, 1);
}
:where(.products-grid, .widget-product-carousel) .product-item:hover img {
transform: scale(1.05);
}
}
:where(.products-grid, .widget-product-carousel) .product-item .product-item-details .product-item-actions .tocart:hover {
--muted-alpha: .6;
}
:where(.products-grid, .widget-product-carousel) .product-item .product-item-details .product-item-actions .tocart::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
-webkit-mask-size: 1.5rem;
}
@media (hover: hover) {
:where(.products-grid, .widget-product-carousel) .product-item:hover .product-item-details .product-item-actions,
:where(.products-grid, .widget-product-carousel) .product-item:has(:focus-visible) .product-item-details .product-item-actions {
opacity: 1;
pointer-events: all;
transform: translateX(0);
}
}
:where(.products-grid, .widget-product-carousel) .product-item .actions-secondary a::before {
-webkit-mask-size: 1.5rem;
}
.pages .action.previous::before,
.pages .action.next::before,
.sorter-action::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.toolbar .sort-desc::before {
transform: rotate(180deg);
}
.toolbar .sorter-action:hover {
--muted-alpha: .9;
}
.toolbar .modes a:hover {
--muted-alpha: .9;
}
.toolbar .mode-grid::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.toolbar .mode-list::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.pages a.page:hover {
background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
.pages .action.next::before {
transform: rotate(90deg);
}
.pages .action.previous::before {
transform: rotate(-90deg);
}
.pages .action.next:hover,
.pages .action.previous:hover {
--muted-alpha: .9;
}
.lac-notification-sticky {
background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
position: sticky;
z-index: 810;
top: 0;
}
.lac-notification .top-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
.minicart-wrapper .mage-dropdown-dialog {
width: 20rem;
max-width: 90vw;
display: block !important;
padding: 0.75rem 1rem;
transform-origin: top right;
}
.minicart-wrapper .showcart {
--spinner-size: 1rem;
}
.block-minicart .block-title {
float: left;
padding: 0;
border: 0;
}
.block-minicart .block-title .qty {
display: none;
}
.block-minicart .block-content {
clear: both;
display: flex;
flex-direction: column;
}
.block-minicart .action.close {
position: absolute;
top: 0.625rem;
right: 0.625rem;
}
.block-minicart .items-total {
font-weight: 500;
display: none;
}
.block-minicart .subtitle {
display: none;
}
.block-minicart .subtitle.empty {
padding: 0.5rem 0 0;
display: flex;
}
.block-minicart .subtotal {
display: flex;
justify-content: space-between;
margin: 0.5rem 0;
font-weight: 500;
text-align: right;
}
.block-minicart .block-content > .actions {
margin: 0.25rem 0;
text-align: center;
}
.block-minicart .block-content > .actions .action.checkout {
width: 100%;
padding: 0.625rem;
}
.block-minicart .block-content > .actions .action.checkout ~ div:not(:empty) {
margin-top: 0.5rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.minicart-items-wrapper {
position: relative;
height: auto !important;
max-height: none !important;
margin: 1rem 0;
}
.minicart-items-wrapper > .minicart-items {
max-height: 35vh;
height: 100%;
overflow: auto;
overscroll-behavior: contain;
padding: 0 0.25rem 0.375rem;
margin: 0 0 0 -0.25rem;
}
.modal-slide[data-type="slide"] .minicart-items-wrapper > .minicart-items {
max-height: none;
}
.minicart-items-wrapper .message {
margin-top: 0.25rem;
}
.minicart-items li.product-item + li {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
}
.minicart-items li.product-item > div.product {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 0.75rem;
}
.minicart-items li.product-item > div.product > :nth-child(1) {
max-width: 30%;
}
.minicart-items li.product-item > div.product > :nth-child(2) {
max-width: calc(70% - 0.75rem);
flex-grow: 1;
}
.minicart-items li.product-item > div.product .message {
width: 100%;
}
.minicart-items li.product-item > div.product .message:last-child {
margin: 0;
}
.minicart-items .product.options .toggle {
justify-content: flex-start;
}
.minicart-items .product-item-photo,
.minicart-items .product-image-container {
flex-shrink: 0;
}
.minicart-items .product-image-container {
border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
}
.minicart-items .subtotal,
.minicart-items .price-container {
margin: 0.25rem 0;
}
.minicart-items .details-qty {
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
margin: 0.25rem 0;
display: flex;
align-items: center;
gap: 0.375rem;
}
.minicart-items .details-qty .item-qty {
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
width: 2.5rem;
border-color: transparent;
margin-left: -0.25rem;
}
.minicart-items .details-qty .update-cart-item::before {
content: '';
display: block;
width: 1rem;
height: 1rem;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1rem 1rem;
}
.minicart-items .actions {
display: flex;
gap: 0.125rem;
position: absolute;
bottom: 0.5rem;
right: 0;
}
.minicart-items .actions a {
display: flex;
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
}
.minicart-items .action.edit::before,
.minicart-items .action.delete::before {
content: '';
display: block;
width: 1.5rem;
height: 1.5rem;
}
.minicart-items .action.edit::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.minicart-items .action.delete::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.minicart-items .actions a:hover {
--muted-alpha: .9;
}
.minisearch .label::before {
position: relative;
cursor: pointer;
}
.minisearch .label.active + .control {
display: block;
z-index: 40;
left: 0;
right: 0;
}
.minisearch.active .actions {
display: flex;
z-index: 41;
}
.minisearch .search-autocomplete {
width: auto;
right: auto;
}
.minisearch .search-autocomplete [role="listbox"] li {
display: flex;
align-items: center;
gap: 0.25rem;
}
.minisearch .search-autocomplete [role="listbox"] li.selected {
background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
.minisearch .search-autocomplete [role="listbox"] .amount {
opacity: .5;
}
@starting-style {
.minisearch .search-autocomplete:not(:empty):not([style*="display:none"]):not([style*="display: none"]) {
opacity: 0;
transform: scale(0.95);
}
}
.messages:empty {
display: none;
}
.message:where(.warning, .success, .notice, .error, .info) {
background: rgb(var(--message-bg));
color: rgb(var(--message-color));
}
.message a {
color: rgb(var(--message-color)) !important;
}
.message a:hover {
text-decoration: none !important;
}
.message > .button-close::before {
-webkit-mask-size: 1.25rem 1.25rem;
}
.message.success {
--message-bg: 194, 251, 216;
--message-color: 12, 115, 60;
}
.message.success::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.message.info,
.message.warning,
.message.notice {
--message-bg: 252, 240, 186;
--message-color: 179, 131, 1;
}
.message.info::before,
.message.warning::before,
.message.notice::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.message.error {
--message-bg: 255, 224, 224;
--message-color: 190, 45, 45;
}
.message.error::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.map-popup {
transition: opacity var(--transition-duration), visibility var(--transition-duration) 0s;
width: 100%;
right: auto;
left: 0;
}
.map-popup.active {
z-index: 950;
/* Move above modal since map can be triggered within the modal */
}
.map-popup .action.tocart {
width: 100%;
}
.map-popup-wrapper.ui-dialog .action.close {
z-index: 951;
}
.map-form-addtocart {
margin: 0.5rem 0;
}
.actual-price {
font-weight: 500;
}
.additional-addtocart-box {
margin: 0.5rem 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.additional-addtocart-box:empty {
display: none;
}
.additional-addtocart-box > div {
max-width: calc(50% - 0.25rem);
}
@media (max-width: 639.98px) {
.navigation-wrapper {
left: 0;
top: 0;
bottom: 0;
width: 24rem;
z-index: 850;
max-width: calc(100vw - 4rem);
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
transform: translateX(-100%);
overscroll-behavior: contain;
overflow: auto;
padding: 1rem;
}
.nav-open .navigation-wrapper {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
.nav-open .navigation-wrapper,
.nav-before-open .navigation-wrapper {
display: block;
}
.nav-toggle::before {
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;
inset: 0;
margin: 0 !important;
padding: 0 !important;
position: fixed;
visibility: hidden;
content: '';
z-index: 810;
opacity: 0;
pointer-events: none;
background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8));
}
.breeze-inactive .nav-toggle::before {
transition: none !important;
}
.nav-open .nav-toggle::before {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.nav-toggle span::after {
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
z-index: 811;
color: rgba(var(--base-bg), var(--base-bg-alpha, 1));
content: '';
width: 1.5rem;
height: 1.5rem;
top: 1.25rem;
left: min(calc(24rem + 1.125rem), calc(100vw - 2.75rem));
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
transform: translateX(-20px);
}
.nav-open .nav-toggle span::after {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateX(0);
}
}
@media (min-width: 640px) {
.navigation-wrapper {
transition: none;
}
}
.nav-toggle {
cursor: pointer;
}
.nav-open .nav-toggle {
-webkit-tap-highlight-color: transparent;
}
@media (max-width: 639.98px) {
.nav-before-open .nav-toggle span {
clip: unset;
}
}
.navigation li > a {
position: relative;
}
.navigation .parent > a .ui-icon,
.navigation .parent > a::after {
content: '';
position: absolute;
right: 0.125rem;
top: 50%;
margin-top: -0.75rem;
width: 1.5rem;
height: 1.5rem;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
}
.navigation .parent > a .ui-icon {
-webkit-mask-size: 1rem 1rem;
}
@media (max-width: 639.98px) {
.navigation-wrapper {
overflow: visible;
padding: 0;
}
.navigation-wrapper .navigation-section {
display: flex;
flex-direction: column;
height: 100%;
}
.navigation-wrapper .navigation {
height: 100%;
overflow: auto;
padding: 1rem;
}
.navigation-wrapper .navigation ul {
margin: 0;
}
.navigation-wrapper li > a {
padding: 0.5rem;
}
.navigation-wrapper .submenu {
padding: 0 0 0 1rem;
width: auto;
border: 0;
box-shadow: none;
background: none;
transform: scale(1);
transition-behavior: normal;
}
body:not(.breeze) .navigation-wrapper .submenu,
.navigation-wrapper .submenu.shown,
.navigation-wrapper .submenu[aria-expanded="true"]:not([aria-hidden]) {
position: static !important;
transform: scale(1);
}
body:not(.breeze) .navigation-wrapper .submenu .ui-icon {
display: none;
}
body:not(.breeze) .navigation-wrapper .submenu[aria-expanded="true"]:not([aria-hidden]) .submenu {
display: block !important;
}
.navigation-wrapper .parent > a::after {
display: none;
}
.navigation-wrapper .opened > a .ui-icon {
transform: rotate(90deg);
}
}
@media (min-width: 640px) {
.navigation-wrapper li > a:hover,
.navigation-wrapper .opened > a {
background: rgba(var(--base-color), var(--divider-alpha, .1));
}
.navigation-wrapper li > a.level-top:hover,
.navigation-wrapper .opened > a.level-top {
color: #000000;
background: transparent;
}
.navigation-wrapper li.active > a.level-top,
.navigation-wrapper li.has-active > a.level-top,
.navigation-wrapper li.active > a.level-top:hover,
.navigation-wrapper li.has-active > a.level-top:hover {
background: transparent;
}
.navigation-wrapper .parent > a .ui-icon {
display: none;
}
.navigation-wrapper .parent > a::after {
transition: none;
}
.navigation-wrapper .parent.level-top > a::after {
transform: rotate(90deg);
}
.navigation-wrapper li:hover > .submenu {
z-index: 852;
}
.navigation-wrapper .submenu {
width: 13rem;
left: 0;
right: auto;
border-radius: 0.25rem;
box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
}
.navigation-wrapper .submenu .submenu {
top: -0.125rem !important;
left: calc(100% - 1rem) !important;
}
@starting-style {
.navigation-wrapper .submenu.shown {
opacity: 0;
transform: scale(0.95);
}
}
}
.slick-next::before,
.slick-prev::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 68px 25px;
}
.slick-prev::before {
transform: scaleX(-1);
}
#html-body [data-show-button="hover"]:hover button {
opacity: 1;
visibility: visible;
}
@media (min-width: 768px) {
.product.media:not(:has(.opened)),
.product-info-wrapper .product-info-main {
position: sticky;
top: 1rem;
z-index: 20;
align-self: flex-start;
}
.modal-content .product.media:not(:has(.opened)),
.modal-content .product-info-wrapper .product-info-main {
top: 0;
}
}
.product-social-links a.action:hover,
.product-social-links button.action:hover {
--muted-alpha: .8;
}
.bundle-wrapper {
display: flex;
gap: 1rem;
flex-direction: column;
}
@media (min-width: 768px) {
.bundle-wrapper {
align-items: flex-start;
flex-direction: row;
}
.bundle-wrapper > div {
width: 50%;
}
.bundle-wrapper .block-bundle-summary {
position: sticky;
top: 0;
right: 0;
}
}
.bundle-wrapper .product-addto-links {
display: none;
}
.fieldset-bundle-options .title,
.block-bundle-summary .title,
.block-bundle-summary .subtitle {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 500;
margin-bottom: 1rem;
padding: 0.75rem 0;
border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
}
.product-options-wrapper .action.back {
color: rgba(var(--base-color), var(--base-alpha, 1)) !important;
}
.product-options-wrapper .action.back:hover {
text-decoration: underline !important;
}
.product-options-wrapper .field.option > .label {
font-weight: 500;
}
.product-options-wrapper .field.option + .field {
margin-top: 1.5rem;
}
.product-options-wrapper .field.qty {
margin-top: 0.5rem;
}
.block-bundle-summary .content {
display: flex;
flex-direction: column;
gap: 1rem;
}
.block-bundle-summary .product.name,
.block-bundle-summary .stock {
display: none;
}
.block-bundle-summary .product-image-container {
margin-bottom: 0.75rem;
}
.block-bundle-summary .product-details {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.block-bundle-summary .price-box {
font-size: 1.5rem;
line-height: 2rem;
}
.block-bundle-summary .bundle-summary {
order: -1;
}
.block-bundle-summary .subtitle {
display: none;
}
.block-bundle-summary .bundle.items li {
margin-top: 0.375rem;
}
@media (min-width: 768px) {
.block-bundle-summary .content {
gap: 0.5rem;
}
.block-bundle-summary .bundle-summary {
order: initial;
}
.block-bundle-summary .subtitle {
display: block;
border: 0;
padding: 0;
}
}
.rating-result::before,
.rating-result > span::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
-webkit-mask-repeat: repeat-x;
-webkit-mask-position: 0 50%;
}
.rating-result > span {
color: #000000;
}
.review-control-vote::before,
.review-control-vote label::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
-webkit-mask-repeat: repeat-x;
-webkit-mask-position: 0 50%;
}
@media (hover: hover) {
.review-control-vote label:hover {
opacity: 1;
}
}
.review-control-vote input:checked + label,
.review-control-vote input:focus-visible + label {
opacity: 1;
}
.review-control-vote input:focus-visible + label {
outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
outline-offset: 1px;
}
.review-control-vote label {
cursor: pointer;
color: #000000;
height: 1.5rem;
left: 0;
}
.review-control-vote label::before {
content: '';
position: absolute;
inset: 0;
}
.review-control-vote .rating-1 {
z-index: 5;
width: 1.5rem;
}
.review-control-vote .rating-2 {
z-index: 4;
width: 3rem;
}
.review-control-vote .rating-3 {
z-index: 3;
width: 4.5rem;
}
.review-control-vote .rating-4 {
z-index: 2;
width: 6rem;
}
.review-control-vote .rating-5 {
z-index: 1;
width: 7.5rem;
}
.review-field-ratings .mage-error + .mage-error {
display: none;
}
.search-terms a:hover {
text-decoration: underline;
}
.search.summary + .message .button-close {
display: none;
}
.swatch-option-tooltip {
font-size: 0.875rem;
line-height: 1.25rem;
right: auto;
transform-origin: bottom;
width: auto;
text-align: center;
padding: 0.25rem;
min-width: 2rem;
}
@starting-style {
.swatch-option-tooltip:not([style*="none"]) {
opacity: 0;
transform: scale(0.95);
}
}
.swatch-option.selected::before {
box-shadow: 0 0 0 2px inset rgba(var(--brand-color), var(--brand-alpha, 1)), 0 0 0 3px inset #ffffff;
}
.swatch-option.disabled::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
}
.product-item-info-image-loading .product-item-photo::before {
content: '';
border-color: rgba(var(--base-color), var(--base-alpha, 1));
border-top-color: transparent;
opacity: .3;
position: absolute;
left: 50%;
top: 50%;
margin-top: -0.75rem;
margin-left: -0.625rem;
}
.product-item-info-image-loading .product-item-photo img,
.product-item-info-image-loading .product-item-photo picture {
opacity: .5;
}
.cart.table-wrapper .action-edit:hover,
.cart.table-wrapper .action-delete:hover,
.cart.table-wrapper .action-towishlist:hover {
--muted-alpha: .9;
}
.cart.table-wrapper .action::before {
-webkit-mask-size: 1.25rem 1.25rem;
}
.cart.table-wrapper .action-edit::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.cart.table-wrapper .action-delete::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.cart.table-wrapper .action-gift::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
transform: rotate(90deg);
}
.cart.table-wrapper .action-gift._active::after {
transform: rotate(-90deg);
}
.cart-tax-total {
cursor: pointer;
}
.cart-tax-total::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
}
.cart-tax-total-expanded::after {
transform: rotate(-90deg);
}
.totals-tax-summary {
cursor: pointer;
}
.totals-tax-summary .amount .price::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
transform: rotate(90deg);
}
.totals-tax-summary.expanded .amount .price::before {
transform: rotate(-90deg);
}
@media only screen and (max-width: 767px) {
.ajaxpro-continue-button {
display: none;
}
.block-swissup-ajaxsearch-results {
width: 100%;
margin: 0.5rem 0 0;
}
.block-swissup-ajaxsearch-results .product-item-info {
width: 100%;
}
.block-swissup-ajaxsearch-results .product-item-info .product-item-photo {
padding: 0 10px 0 0;
}
}
@media all and (min-width: 640px) {
.block-swissup-ajaxsearch ._block-content-loading {
position: static;
}
.block-swissup-ajaxsearch .loading-mask {
right: 34px;
}
.block-search.block-swissup-ajaxsearch.folded .input-inner-wrapper .close {
display: none;
/* used for fullscreen mode only */
width: 24px;
height: 24px;
}
.block-search.block-swissup-ajaxsearch.folded .actions {
z-index: 802;
}
.block-search.block-swissup-ajaxsearch.folded .actions .action.close {
position: absolute;
z-index: 802;
top: 0px;
right: 0px;
}
.block-search.block-swissup-ajaxsearch.folded .action.search .loading-mask {
display: none;
}
.block-search.block-swissup-ajaxsearch.folded.shown .field.search {
opacity: 1;
width: auto;
height: auto;
visibility: visible;
overflow: visible;
min-width: 350px;
padding: 0 0;
top: -11px;
transition: 300ms opacity ease-in-out;
}
.block-search.block-swissup-ajaxsearch.folded.shown .action.search {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
right: 2px;
}
.block-search.block-swissup-ajaxsearch.folded.shown .actions .action.close {
width: 24px;
height: 24px;
transition: 300ms opacity ease-in-out;
opacity: 1;
overflow: visible;
}
.ajaxsearch-mask {
opacity: 0;
position: fixed;
background: rgba(255, 255, 255, 0);
z-index: 800;
}
.ajaxsearch-mask.shown {
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 1;
transition: 300ms opacity ease-in-out;
}
.block-search.block-swissup-ajaxsearch.inline.shown .field.search {
left: auto;
right: -5px;
}
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .input-text,
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .select2-selection--single {
font-size: 27px;
font-weight: 600;
}
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .control,
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .input-text,
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .input-wrapper,
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .twitter-typeahead {
height: 100%;
}
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .input-text {
border: 0;
box-shadow: none;
background: #ffffff;
padding-left: 15px;
padding-top: 0;
padding-bottom: 0;
}
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .input-text::placeholder {
color: #cacaca;
}
.block-search.block-swissup-ajaxsearch.fullscreen .swissup-ajaxsearch-filter-category-wrapper {
border: 0;
background: #ffffff;
border-right: 4px solid #333333;
min-width: 140px;
max-width: 200px;
}
.block-search.block-swissup-ajaxsearch.fullscreen .input-inner-wrapper .action.close {
display: flex;
}
.block-search.block-swissup-ajaxsearch.fullscreen.shown {
z-index: 800;
position: static;
}
.block-search.block-swissup-ajaxsearch.fullscreen.shown .field.search {
z-index: 801;
left: 0;
right: 0;
top: 0;
height: 78px;
padding-left: 0;
padding-right: 0;
transition: 0ms opacity ease-in-out;
}
.block-search.block-swissup-ajaxsearch.fullscreen.shown .actions .action.close {
display: none !important;
}
.block-search.block-swissup-ajaxsearch.fullscreen .block-swissup-ajaxsearch-results {
margin-top: 10px;
padding-top: 10px;
border: 0;
border-top: 0;
box-shadow: none;
filter: none;
max-width: none;
}
.block-search.block-swissup-ajaxsearch.fullscreen .block-swissup-ajaxsearch-results::before,
.block-search.block-swissup-ajaxsearch.fullscreen .block-swissup-ajaxsearch-results::after {
display: none;
}
.block-search.block-swissup-ajaxsearch.fullscreen .block-swissup-ajaxsearch-results .tt-dataset {
max-height: none;
}
.block-search.block-swissup-ajaxsearch.fullscreen .block-swissup-ajaxsearch-results .list {
font-size: 1.5rem;
}
.block-search.block-swissup-ajaxsearch.fullscreen .ajaxsearch-mask {
background: #ffffff;
}
.block-search.block-swissup-ajaxsearch.fullscreen .ajaxsearch-mask.shown {
transition: 0ms opacity ease-in-out;
}
.block-search.block-swissup-ajaxsearch.fullscreen .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 7px;
}
.block-search.block-swissup-ajaxsearch.fullscreen .select2-container--default .select2-results > .select2-results__options {
max-height: 400px;
}
}
@media all and (min-width: 768px), print {
.ajaxpro-modal-dialog .modal-inner-wrap .block.crosssell .products-grid .product-items {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.ajaxpro-modal-dialog .modal-inner-wrap .block.crosssell .products-grid .product-items .product-item {
flex-grow: 1;
}
.ajaxpro-modal-dialog.ajaxpro-popup-simple:not(.ajaxpro-modal-dialog-slide) .modal-inner-wrap {
max-width: 400px;
}
.ajaxpro-modal-dialog.modal-popup.modal-slide .modal-footer {
text-align: center;
justify-content: center;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide {
left: auto;
max-width: 95%;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide .ajaxpro-continue-button {
display: none;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-suggestpage-view .modal-inner-wrap {
max-width: 600px;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-suggestpage-view .suggestpage-activity {
flex-direction: column;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-suggestpage-view .suggestpage-activity .col-1,
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-suggestpage-view .suggestpage-activity .col-2 {
width: 100%;
border: 0;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-suggestpage-view .suggestpage-activity .actions button {
margin: 5px 0;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container {
display: flex;
flex-direction: column;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container .cart-summary,
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container form.form-cart {
width: 100%;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container .cart-summary .cart.table-wrapper .col.price,
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container form.form-cart .cart.table-wrapper .col.price,
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container .cart-summary .cart.table-wrapper .col.subtotal,
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container form.form-cart .cart.table-wrapper .col.subtotal,
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container .cart-summary .cart.table-wrapper .col.qty,
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container form.form-cart .cart.table-wrapper .col.qty {
font-size: 1.3rem;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container .cart-summary .cart.table-wrapper .product-item-photo,
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-container form.form-cart .cart.table-wrapper .product-item-photo {
max-width: 80px;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-discount #block-discount {
min-width: 200px;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-checkout-cart-index .cart-discount #coupon_code {
min-width: 155px;
}
.ajaxpro-modal-dialog.ajaxpro-modal-dialog-slide.modal-slide.ajaxpro-popup-minicart {
max-width: 420px;
width: 100%;
}
.block-swissup-ajaxsearch-results .grid {
display: flex !important;
}
.block-swissup-ajaxsearch-results .grid .product-item-info-wrapper {
min-width: 450px;
flex-grow: 2;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 33.333%));
}
.block-swissup-ajaxsearch-results .grid .product-item-info-wrapper .product-item-info {
border-bottom: none;
margin: 0;
box-sizing: border-box;
}
.block-swissup-ajaxsearch-results .grid .product-item-info-wrapper .product-item-info .product-item-photo,
.block-swissup-ajaxsearch-results .grid .product-item-info-wrapper .product-item-info .product-item-details {
max-width: none;
display: block;
text-align: center;
}
.block-swissup-ajaxsearch-results .grid .product-item-info-wrapper .product-item-info .product-info-stock-sku {
justify-content: center;
}
.block-swissup-ajaxsearch-results .grid .custom-item-info-wrapper {
order: -1;
flex-grow: 1;
min-width: 170px;
max-width: 250px;
}
.block.newsletter .form.subscribe.hidden-consents > .field,
.block.newsletter .form.subscribe.visible-consents > .field,
.block.newsletter .form.subscribe.hidden-consents > .actions,
.block.newsletter .form.subscribe.visible-consents > .actions {
float: none;
}
.products-grid .product-item-photo:hover .product-image-container,
.products-list .product-item-photo:hover .product-image-container {
z-index: 0;
}
.products-grid .product-item-photo:hover .hover-image-container,
.products-list .product-item-photo:hover .hover-image-container {
opacity: 1;
z-index: 1;
}
}
@media all and (min-width: 1024px), print {
.breeze-gallery.opened {
padding: 30px;
}
}
.button-arrow-md .pagebuilder-button-primary::after,
.product.data.items .show-form::after,
.contact-index-index .form.contact .submit::after,
.askit-show-form::after,
.easycatalogimg-grid .primary::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 52px 18px;
}
.column > .product.info.detailed,
.product.data.items.expanded #reviews {
position: relative;
}
.column > .product.info.detailed::after,
.product.data.items.expanded #reviews::after {
content: '';
display: block;
z-index: -1;
position: absolute;
height: 100%;
top: 0;
left: -1000px;
right: -1000px;
background-color: #f6f5f4;
background-image: radial-gradient(at 37% 400px, rgba(81, 225, 172, 0.13) 0%, transparent 25%), radial-gradient(at 80% 490px, rgba(102, 102, 255, 0.15) 0%, transparent 20%), radial-gradient(at 25% 700px, rgba(255, 133, 167, 0.15) 0%, transparent 30%);
background-size: 100% 1500px;
}
.collapsible-lg [data-collapsible] > [data-role="title"]::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 26px 26px;
}
.bg-mesh-pastel {
background-color: #f6f5f4;
background-image: radial-gradient(at 37% 400px, rgba(81, 225, 172, 0.13) 0%, transparent 25%), radial-gradient(at 80% 490px, rgba(102, 102, 255, 0.15) 0%, transparent 20%), radial-gradient(at 25% 700px, rgba(255, 133, 167, 0.15) 0%, transparent 30%) !important;
background-size: 100% 1500px !important;
}
.bg-mesh-vivid {
background-color: #8129d2;
background-image: radial-gradient(at 57% 9%, #ff575c 0px, transparent 50%), radial-gradient(at 98% 3%, #3921a6 0px, transparent 50%), radial-gradient(at 98% 98%, #3826a1 0px, transparent 50%), radial-gradient(at 44% 61%, #f2ff61 0px, transparent 50%), radial-gradient(at 1% 98%, #7094ff 0px, transparent 50%), radial-gradient(at 9% 12%, rgba(153, 255, 211, 0.87) 0px, transparent 50%) !important;
background-size: 100% 1000px !important;
}
.bg-mesh-dark {
background-color: #41008c;
background-image: radial-gradient(at 29% 3%, rgba(168, 0, 0, 0.74) 0px, transparent 50%), radial-gradient(at 0% 55%, rgba(250, 250, 250, 0.55) 0px, transparent 50%), radial-gradient(at 97% 5%, rgba(177, 125, 72, 0.51) 0px, transparent 50%), radial-gradient(at 84% 2%, rgba(208, 62, 138, 0.5600000000000001) 0px, transparent 50%), radial-gradient(at 44% 95%, rgba(118, 4, 4, 0.29) 0px, transparent 50%), radial-gradient(at 28% 73%, rgba(8, 33, 145, 0.74) 0px, transparent 50%), radial-gradient(at 95% 44%, rgba(255, 255, 255, 0.65) 0px, transparent 50%), radial-gradient(at 56% 8%, rgba(255, 143, 143, 0.79) 0px, transparent 50%), radial-gradient(at 71% 79%, rgba(255, 107, 107, 0.82) 0px, transparent 50%), radial-gradient(at 30% 95%, #184a95 0px, transparent 50%), radial-gradient(at 94% 90%, #5af6ab 0px, transparent 50%), radial-gradient(at 81% 57%, #981010 0px, transparent 50%), radial-gradient(at 42% 44%, #771818 0px, transparent 50%) !important;
background-size: 100% 700px !important;
}
.bg-mesh-vivid.color-invert,
.bg-mesh-dark.color-invert {
--base-alpha: 1;
--muted-alpha: .8;
--input-border-alpha: 1;
}
.bg-mesh-vivid.color-invert input::placeholder,
.bg-mesh-dark.color-invert input::placeholder,
.bg-mesh-vivid.color-invert textarea::placeholder,
.bg-mesh-dark.color-invert textarea::placeholder {
color: #ffffff;
}
input[type="checkbox"],
input[type="radio"] {
--input-outline-alpha: 1;
}
.message::before {
opacity: .7;
}
.column > .product.info.detailed {
overflow: clip;
}
.block.newsletter .primary::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 31px 14px;
}
.askit-item-trigger::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 26px 26px;
}
.askit-item-trigger {
transform: rotate(-225deg);
}
.testimonials-slider .swiper-button-prev::before,
.testimonials-slider .swiper-button-next::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 68px 25px;
}
.block.testimonials-slider figure.testimonial::before {
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
border-radius: 0.25rem;
content: '';
position: absolute;
left: 10px;
right: 10px;
top: 0;
bottom: 0;
}
.block.testimonials-slider .swiper-button-prev::before {
transform: scaleX(-1);
}