* {
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: 1200px;
}
.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: 17px 17px !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: 550px;
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);
}
.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;
}
.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: grayscale(100%) opacity(60%);
}
.block-swissup-ajaxsearch-results {
background: #ffffff;
border-radius: 0.75rem;
margin: 10px 0 0;
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: 0.875rem;
font-weight: 600;
color: #6b7280;
margin: 0.625rem 0 0.125rem 0.5rem;
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;
margin-bottom: -0.5rem;
}
.block-swissup-ajaxsearch-results .ajaxsearch-header-container .view-all {
margin: 0.625rem 0 0.125rem 0.5rem;
margin-left: 0;
margin-right: 0;
font-size: 0.875rem;
font-weight: 600;
color: #6b7280;
}
.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;
}
@media (min-width: 640px) {
.block-swissup-ajaxsearch.fullscreen .field.search,
.block-swissup-ajaxsearch.fullscreen .close {
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 30, 29, 84;
--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: 243, 244, 246;
--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: rgba(var(--base-color), var(--base-alpha, 1));
--button-hover-bg: var(--brand-hover-color);
--button-primary-color: rgba(var(--base-color), var(--base-alpha, 1));
--button-primary-bg: var(--brand-color);
--button-primary-border-color: var(--button-bg);
--button-secondary-color: var(--gray-600);
--button-secondary-bg: 232.25, 234.525, 241.35;
--button-secondary-border-color: var(--button-secondary-bg);
--button-secondary-hover-bg: 225.875, 228.7875, 237.525;
--input-color: 30, 29, 84;
--input-alpha: 1;
--input-bg: 242, 243, 248;
--input-bg-alpha: 1;
--input-border-color: 230, 231, 237;
--input-border-alpha: 1;
}
}
.hover-zoom-container .easycatalogimg .parent-category-wrapper {
overflow: hidden;
}
@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.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 .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: 767.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: 768px) 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: 767.98px) {
.navpro-row {
flex-direction: column;
flex-wrap: nowrap;
}
}
.navpro-row.gutters,
.navpro-row.gutters > .navpro-row {
margin-left: -12px;
}
@media (max-width: 767.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: 767.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: 767.98px) {
[class^='offset-'],
[class*=' offset-'] {
margin-left: 0;
}
}
.navpro .pull-first {
order: -1;
}
.navpro .push-last {
order: 1;
}
@media (max-width: 767.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: 767.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: 767.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: 768px) {
.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: 768px) {
.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: 768px) {
.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, 1348px);
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, 1348px);
width: 100%;
margin: 0 auto;
}
}
@media (min-width: 768px) {
.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: false;
}
.rtl .navpro.dropdown-left.orientation-vertical .level0.parent > .level-top {
padding: 8px 12px;
padding-right: false;
}
@media (min-width: 768px) {
.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: 768px) {
.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: 767.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: 768px) {
.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: #282853;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark .navpro-menu {
background: #282853;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark li.li-item.level0 > a.level-top {
border-color: #2d2d5d;
}
.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: #202042;
border-radius: 0;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark.orientation-vertical.navpro-accordion::-webkit-scrollbar-thumb {
background-color: #393975;
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, 1348px);
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: #282853;
border-color: #282853;
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: #282853;
border-color: #282853;
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: 768px) {
.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: #2d2d5d;
}
.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: #282853;
}
.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: #282853;
border: 1px solid #282853;
border-color: #282853 transparent transparent #282853;
}
.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: #282853;
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: #282853;
}
.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: 768px) {
.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: 768px) {
.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;
}
#theme-editor-toolbar {
position: fixed;
top: 50px;
left: 75%;
background-color: #f0f0f0;
border: 1px solid #cccccc;
padding: 10px;
z-index: 10000;
border-radius: 10px;
/* Додаткова візуалізація (наприклад, спінер) */
}
#theme-editor-toolbar .toolbar-header {
margin-bottom: 10px;
}
#theme-editor-toolbar ul#theme-editor-current-settings-selector-properties {
padding: 10px 0;
}
#theme-editor-toolbar ul#theme-editor-current-settings-selector-properties li {
display: flex;
flex-direction: column;
}
#theme-editor-toolbar ul#theme-editor-current-settings-selector-properties li i {
font-size: 12px;
}
#theme-editor-toolbar ul#theme-editor-current-settings-selector-properties li input[type="color"] {
width: 50px;
padding: 0;
}
#theme-editor-toolbar .toggle-button {
position: relative;
padding: 8px 36px;
border: 2px solid #cccccc;
border-radius: 25px;
cursor: pointer;
background-color: #f0f0f0;
color: #333333;
transition: background-color 0.3s ease, color 0.3s ease;
font-size: 16px;
width: 410px;
height: 38px;
}
#theme-editor-toolbar .toggle-button:hover {
background-color: #dddddd;
}
#theme-editor-toolbar .toggle-button.active {
background-color: #4caf50;
color: #ffffff;
border-color: #4caf50;
}
#theme-editor-toolbar .toggle-button.active:hover {
background-color: #45a049;
}
#theme-editor-toolbar .toggle-button.active .toggle-indicator {
transform: translateX(370px);
}
#theme-editor-toolbar .toggle-indicator {
position: absolute;
top: 4px;
left: 4px;
width: 26px;
height: 26px;
border-radius: 50%;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
}
#theme-editor-toolbar .saving-indicator {
position: relative;
pointer-events: none;
}
#theme-editor-toolbar .saving-indicator::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
border: 2px solid #cccccc;
border-top-color: #0000ff;
border-radius: 50%;
animation: saving-spin 1s linear infinite;
}
#theme-editor-toolbar .saving-complete {
pointer-events: auto;
}
#theme-editor-toolbar .saving-complete .saving-indicator::after {
content: '✓';
border: none;
color: #4caf50;
font-size: 1.2em;
width: auto;
height: auto;
margin-top: -0.6em;
margin-left: -0.3em;
animation: none;
}
#theme-editor-toolbar .loading-indicator {
position: relative;
/* Додайте стилі для відображення завантаження */
opacity: 0.7;
/* Зробіть елемент трохи прозорим */
cursor: wait;
/* Змініть курсор на очікування */
}
#theme-editor-toolbar .loading-indicator::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
border: 2px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: rotate 1s linear infinite;
}
#theme-editor-toolbar .loading-indicator[disabled] {
/* Додаткові стилі для вимкненого стану */
opacity: 0.5;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.theme-editor-settings {
font-size: 0.8em;
position: absolute;
padding: 2px;
border-radius: 3px;
cursor: pointer;
z-index: 9999;
top: 5px;
left: 5px;
display: none;
}
.theme-editor-selected-border {
outline: 3px solid #0000ff;
}
.theme-editor-selected-mask {
background: linear-gradient(to bottom right, #f5f5c0 0%, #f5f5c0 15%, #ffffff 15%, #ffffff 30%, #f5f5c0 30%, #f5f5c0 45%, #ffffff 45%, #ffffff 60%, #f5f5c0 60%, #f5f5c0 75%, #ffffff 75%, #ffffff 90%, #f5f5c0 90%, #f5f5c0 100%) !important;
}
@keyframes saving-spin {
to {
transform: rotate(360deg);
}
}
[data-mage-init*='"collapsible":'] > [data-role=content],
.modal-inner-wrap,
.block.filter .filter-content,
.block.filter .filter-title strong::after,
.actions-secondary .action,
.toolbar .sorter-action,
.toolbar .modes a,
.pages a.page,
.pages .action.next,
.pages .action.previous,
.minicart-items .actions a,
.breeze.breeze-theme #maincontent > .page.messages .message,
.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,
.primary.button-hero::after,
.button-hero .pagebuilder-button-primary::after,
.primary.button-hero::before,
.button-hero .pagebuilder-button-primary::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;
}
.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 .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 .breeze.breeze-theme #maincontent > .page.messages .message,
.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 {
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: 30, 29, 84;
--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: 243, 244, 246;
--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: rgba(var(--base-color), var(--base-alpha, 1));
--button-hover-bg: var(--brand-hover-color);
--button-primary-color: rgba(var(--base-color), var(--base-alpha, 1));
--button-primary-bg: var(--brand-color);
--button-primary-border-color: var(--button-bg);
--button-secondary-color: var(--gray-600);
--button-secondary-bg: 232.25, 234.525, 241.35;
--button-secondary-border-color: var(--button-secondary-bg);
--button-secondary-hover-bg: 225.875, 228.7875, 237.525;
--input-color: 30, 29, 84;
--input-alpha: 1;
--input-bg: 242, 243, 248;
--input-bg-alpha: 1;
--input-border-color: 230, 231, 237;
--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));
filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.12));
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: 30, 29, 84;
--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: 243, 244, 246;
--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: rgba(var(--base-color), var(--base-alpha, 1));
--button-hover-bg: var(--brand-hover-color);
--button-primary-color: rgba(var(--base-color), var(--base-alpha, 1));
--button-primary-bg: var(--brand-color);
--button-primary-border-color: var(--button-bg);
--button-secondary-color: var(--gray-600);
--button-secondary-bg: 232.25, 234.525, 241.35;
--button-secondary-border-color: var(--button-secondary-bg);
--button-secondary-hover-bg: 225.875, 228.7875, 237.525;
--input-color: 30, 29, 84;
--input-alpha: 1;
--input-bg: 242, 243, 248;
--input-bg-alpha: 1;
--input-border-color: 230, 231, 237;
--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));
filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.12));
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: 255, 255, 255;
--input-border-color: var(--brand-color);
--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,
.block-minicart .block-content > .actions .secondary .action,
.block-wishlist .actions-toolbar .primary a,
.block-highlight .block-title .view {
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 .block-minicart .block-content > .actions .secondary .action,
.breeze-inactive .block-wishlist .actions-toolbar .primary a,
.breeze-inactive .block-highlight .block-title .view {
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,
.block-minicart .block-content > .actions .secondary .action.selected,
.block-wishlist .actions-toolbar .primary a.selected,
.block-highlight .block-title .view.selected {
--button-color: rgba(var(--base-color), var(--base-alpha, 1));
--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,
.block-minicart .block-content > .actions .secondary .action:hover,
.block-wishlist .actions-toolbar .primary a:hover,
.block-highlight .block-title .view:hover {
background: rgba(var(--button-hover-bg), var(--button-hover-bg-alpha));
text-decoration: none !important;
--button-border-color: var(--button-hover-bg);
}
button.selected:hover,
.action.primary.selected:hover,
input[type='submit'].selected:hover,
input[type='reset'].selected:hover,
input[type='button'].selected:hover,
.pagebuilder-button-primary.selected:hover,
.pagebuilder-button-secondary.selected:hover,
.pagebuilder-button-link.selected:hover,
.block-minicart .block-content > .actions .secondary .action.selected:hover,
.block-wishlist .actions-toolbar .primary a.selected:hover,
.block-highlight .block-title .view.selected:hover {
--button-hover-bg: var(--brand-color);
}
}
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,
.block-minicart .block-content > .actions .secondary .action:focus-visible,
.block-wishlist .actions-toolbar .primary a:focus-visible,
.block-highlight .block-title .view:focus-visible {
z-index: 10;
outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
outline-offset: 2px;
}
:where(button:not([type='submit']):not(.action-primary):not(.primary):not(.pagebuilder-button-link):not(.pagebuilder-button-primary):not(.select)),
input[type='reset'],
input[type='button'],
.pagebuilder-button-secondary {
--button-hover-bg: var(--button-secondary-hover-bg);
}
@media (hover: hover) {
:where(button:not([type='submit']):not(.action-primary):not(.primary):not(.pagebuilder-button-link):not(.pagebuilder-button-primary):not(.select)):hover,
input[type='reset']:hover,
input[type='button']:hover,
.pagebuilder-button-secondary:hover {
--button-border-color: 225.875, 228.7875, 237.525;
}
}
@media (hover: hover) {
.pagebuilder-button-link:hover {
text-decoration: underline !important;
--button-hover-bg-alpha: 0;
--button-border-alpha: 0;
--button-color: var(--link-color);
}
}
.button-ghost button,
.button-ghost .pagebuilder-button-primary,
.button-ghost .pagebuilder-button-secondary,
.block-minicart .block-content > .actions .secondary .action,
.block-wishlist .actions-toolbar .primary a,
.block-highlight .block-title .view {
--button-hover-bg: var(--base-color);
}
@media (hover: hover) {
.button-ghost button:hover,
.button-ghost .pagebuilder-button-primary:hover,
.button-ghost .pagebuilder-button-secondary:hover,
.block-minicart .block-content > .actions .secondary .action:hover,
.block-wishlist .actions-toolbar .primary a:hover,
.block-highlight .block-title .view:hover {
--button-hover-bg-alpha: .1;
--button-color: var(--base-color);
--button-border-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%;
}
[data-mage-init*='"tabs":'] {
background: #374d9a;
}
[data-mage-init*='"tabs":'] > [data-role="collapsible"] {
cursor: pointer;
}
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:hover {
--muted-alpha: .9;
--muted-bg-alpha: .5;
background: #2a3a74;
}
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:focus-visible {
z-index: 10;
}
@media (max-width: 767.98px) {
[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 [data-mage-init*='"tabs":'] > [data-role="collapsible"]::after {
transition: none !important;
}
}
[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: rgba(var(--pastel-color), var(--pastel-alpha, 1));
color: rgba(var(--brand-text-color), var(--brand-alpha, 1));
}
[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;
}
[data-content-type="tabs"] .tab-header {
cursor: pointer;
}
[data-content-type="tabs"] .tab-header:hover {
--muted-alpha: .9;
--muted-bg-alpha: .5;
background: #2a3a74;
}
[data-content-type="tabs"] .tab-header:focus-visible {
z-index: 10;
}
[data-content-type="tabs"] .tab-header.active {
--muted-alpha: .9;
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
color: rgba(var(--brand-text-color), var(--brand-alpha, 1));
}
[data-content-type="tabs"] .tab-header.active:hover {
--muted-bg-alpha: 1;
}
.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;
}
.minicart-items .details-qty .label,
.minicart-items .details-qty .value,
.block-minicart .subtotal .amount .msrp {
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;
}
.block-swissup-ajaxsearch-results,
.navpro-dropdown {
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 30, 29, 84;
--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: 243, 244, 246;
--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: rgba(var(--base-color), var(--base-alpha, 1));
--button-hover-bg: var(--brand-hover-color);
--button-primary-color: rgba(var(--base-color), var(--base-alpha, 1));
--button-primary-bg: var(--brand-color);
--button-primary-border-color: var(--button-bg);
--button-secondary-color: var(--gray-600);
--button-secondary-bg: 232.25, 234.525, 241.35;
--button-secondary-border-color: var(--button-secondary-bg);
--button-secondary-hover-bg: 225.875, 228.7875, 237.525;
--input-color: 30, 29, 84;
--input-alpha: 1;
--input-bg: 242, 243, 248;
--input-bg-alpha: 1;
--input-border-color: 230, 231, 237;
--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.7));
}
.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.375rem;
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: 30, 29, 84;
--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.7));
}
.block-compare .action.delete,
.filter .action.remove,
.sidebar .action.delete,
.sidebar .action.remove {
color: rgba(var(--base-color), var(--muted-alpha, 0.7));
}
.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;
}
.dropdown .header.links {
flex-direction: column;
gap: 0;
}
.mobile-header-panel {
padding: 1rem;
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
}
.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.7));
}
.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.9;
}
.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: 30, 29, 84;
--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: 243, 244, 246;
--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: rgba(var(--base-color), var(--base-alpha, 1));
--button-hover-bg: var(--brand-hover-color);
--button-primary-color: rgba(var(--base-color), var(--base-alpha, 1));
--button-primary-bg: var(--brand-color);
--button-primary-border-color: var(--button-bg);
--button-secondary-color: var(--gray-600);
--button-secondary-bg: 232.25, 234.525, 241.35;
--button-secondary-border-color: var(--button-secondary-bg);
--button-secondary-hover-bg: 225.875, 228.7875, 237.525;
--input-color: 30, 29, 84;
--input-alpha: 1;
--input-bg: 242, 243, 248;
--input-bg-alpha: 1;
--input-border-color: 230, 231, 237;
--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));
filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.12));
border-radius: 0.25rem;
text-align: left;
}
.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;
}
:where(.products-grid, .widget-product-carousel) .product-item .actions-secondary a::before {
-webkit-mask-size: 1.25rem;
}
.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 {
color: #4b5563;
background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
.pages .action.previous::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.pages .action.next::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.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.7));
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.7));
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.7));
}
.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 .product.options .content .subtitle {
display: none;
}
.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));
border-color: rgb(var(--message-border-color, var(--message-color)), var(--message-border-alpha, .1));
}
.message a {
color: rgb(var(--message-color)) !important;
}
.message a:hover {
text-decoration: none !important;
}
.message > .button-close::before {
-webkit-mask-size: 1.5rem 1.5rem;
}
.message.success {
--message-bg: 255, 255, 255;
--message-color: 75, 85, 99;
}
.message.success::before {
background: #02c087;
}
.message.info,
.message.warning,
.message.notice {
--message-bg: 255, 255, 255;
--message-color: 75, 85, 99;
}
.message.info::before,
.message.warning::before,
.message.notice::before {
background: #028be6;
}
.message.error {
--message-bg: 255, 255, 255;
--message-color: 75, 85, 99;
}
.message.error::before {
background: #ff2157;
}
.breeze.breeze-theme #maincontent > .page.messages .message {
transform: translateY(-50px);
position: relative;
}
.breeze.breeze-theme #maincontent > .page.messages .message.shown {
opacity: 1;
transform: translateY(0);
pointer-events: all;
animation: 0.3s ease-in-out 5s forwards message-hide;
-moz-animation: 5s ease-in-out forwards moz-message-hide;
}
.breeze.breeze-theme #maincontent > .page.messages .message .button-close::after {
content: '';
position: absolute;
right: -0.375rem;
bottom: 0;
width: 3px;
height: 100%;
opacity: 0;
background-color: currentColor;
animation: 3.5s linear 1.5s forwards message-progress;
}
.breeze.breeze-theme #maincontent > .page.messages .message:hover,
.breeze.breeze-theme #maincontent > .page.messages .message:hover .button-close::after {
animation-play-state: paused;
}
@keyframes message-hide {
100% {
transform: translateY(-50px);
opacity: 0;
visibility: hidden;
}
}
@keyframes moz-message-hide {
0% {
transform: translateY(0);
}
93% {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
100% {
transform: translateY(-50px);
opacity: 0;
visibility: hidden;
}
}
@keyframes message-progress {
0% {
opacity: .5;
}
100% {
height: 0;
opacity: 0.1;
}
}
.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: 767.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: 768px) {
.navigation-wrapper {
transition: none;
}
}
.nav-toggle {
cursor: pointer;
}
.nav-open .nav-toggle {
-webkit-tap-highlight-color: transparent;
}
@media (max-width: 767.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: 767.98px) {
.navigation-wrapper {
overflow: visible;
padding: 0;
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 30, 29, 84;
--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: 243, 244, 246;
--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: rgba(var(--base-color), var(--base-alpha, 1));
--button-hover-bg: var(--brand-hover-color);
--button-primary-color: rgba(var(--base-color), var(--base-alpha, 1));
--button-primary-bg: var(--brand-color);
--button-primary-border-color: var(--button-bg);
--button-secondary-color: var(--gray-600);
--button-secondary-bg: 232.25, 234.525, 241.35;
--button-secondary-border-color: var(--button-secondary-bg);
--button-secondary-hover-bg: 225.875, 228.7875, 237.525;
--input-color: 30, 29, 84;
--input-alpha: 1;
--input-bg: 242, 243, 248;
--input-bg-alpha: 1;
--input-border-color: 230, 231, 237;
--input-border-alpha: 1;
}
.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: 768px) {
.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 {
background: rgba(var(--base-color), var(--divider-alpha, .1));
}
.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: rgba(var(--base-color), var(--divider-alpha, .1));
}
.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;
}
.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: 1rem 1rem;
}
.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: 1rem 1rem;
-webkit-mask-repeat: repeat-x;
-webkit-mask-position: 0 50%;
}
.rating-result > span {
color: rgba(var(--base-color), var(--base-alpha, 1));
}
.rating-result > span > span {
color: rgba(var(--base-color), var(--base-alpha, 1));
}
.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: rgba(var(--base-color), var(--base-alpha, 1));
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);
}
.wishlist .tooltip.content .subtitle {
display: none;
}
@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: -10px;
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: 1.125rem;
}
.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: 32px;
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: 120px;
height: 36px;
padding-left: 10%;
padding-right: 10%;
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: rgba(255, 255, 255, 0);
}
.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;
flex-direction: column;
}
.block-swissup-ajaxsearch-results .grid .product-item-info-wrapper {
min-width: 450px;
flex-grow: 2;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 0.5rem;
}
.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: left;
}
.block-swissup-ajaxsearch-results .grid .product-item-info-wrapper .product-item-info .product-info-stock-sku {
justify-content: flex-start;
}
.block-swissup-ajaxsearch-results .grid .custom-item-info-wrapper {
flex-grow: 1;
min-width: 170px;
}
.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;
}
:where(.products-grid, .products-list) .product-item-photo:hover .product-image-container {
z-index: 0;
}
:where(.products-grid, .products-list) .product-item-photo:hover .hover-image-container {
opacity: 1;
z-index: 1;
}
@starting-style {
:where(.products-grid, .products-list) .product-item-photo:hover .hover-image-container {
opacity: 0;
}
}
}
@media all and (min-width: 1024px), print {
.breeze-gallery.opened {
padding: 30px;
}
}
.button-ghost button,
.button-ghost .pagebuilder-button-primary,
.button-ghost .pagebuilder-button-secondary,
.block-minicart .block-content > .actions .secondary .action,
.block-wishlist .actions-toolbar .primary a,
.block-highlight .block-title .view {
--button-border-color: 55, 77, 154;
}
.button-ghost button:hover,
.button-ghost .pagebuilder-button-primary:hover,
.button-ghost .pagebuilder-button-secondary:hover,
.block-minicart .block-content > .actions .secondary .action:hover,
.block-wishlist .actions-toolbar .primary a:hover,
.block-highlight .block-title .view:hover {
--button-border-color: 70.78947368, 97.10526316000001, 189.21052632;
}
.button-ghost button::after,
.button-ghost .pagebuilder-button-primary::after,
.button-ghost .pagebuilder-button-secondary::after,
.block-minicart .block-content > .actions .secondary .action::after,
.block-wishlist .actions-toolbar .primary a::after,
.block-highlight .block-title .view::after {
color: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.button.button-arrow-next::after,
.button-arrow-next .pagebuilder-button-primary::after,
.block-highlight .block-title .view::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
}
.no-reviews,
.review-item,
.review-add .block-content,
#askit-new-question-form,
.askit-item:not(.askit-item-answer),
.askit-item .askit-item-answer,
.askit-item .askit-answer-form {
padding: 1.5rem 2rem;
border: 0;
border-radius: 0.75rem;
background: #fff;
}
.business-dropdown-product-list .product-image-container,
.sidebar .product-image-wrapper,
.easycatalogimg .image,
.block-minicart .minicart-items-wrapper .product-image-container,
.dropdown.options .block-wishlist .product-image-container {
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
}
.sidebar .product-image-wrapper img,
.easycatalogimg .image img {
mix-blend-mode: multiply;
}
.toolbar .action.next::before,
.toolbar .action.previous::before,
.testimonials-slider .swiper-button-next::before,
.testimonials-slider .swiper-button-prev::before {
position: relative;
left: 1px;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1rem 1rem;
}
.toolbar .action.previous::before,
.testimonials-slider .swiper-button-prev::before {
left: -1px;
transform: scale(-1);
}
.block-minicart .minicart-items-wrapper,
.dropdown.options .block-wishlist .product-items {
margin: 1rem -1rem -1rem;
padding: 0.625rem;
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.block-minicart .minicart-items-wrapper .product-item,
.dropdown.options .block-wishlist .product-item {
padding: 0.625rem;
border-radius: 0.375rem;
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
}
.block-minicart .minicart-items-wrapper .product-item + .product-item,
.dropdown.options .block-wishlist .product-item + .product-item {
margin-top: 0.5rem;
border: 0;
}
.block-minicart .minicart-items-wrapper .product-image-container,
.dropdown.options .block-wishlist .product-image-container {
border: 0;
border-radius: 0.25rem;
}
.breeze-block-hero .block-title strong::after,
.breeze-block-hero-title strong::after,
.hero-title h1 strong::after,
:where(.underscore-title) :where(h1, h2, h3, .h1, .h2, .h3) strong::after,
div.category-view:has(.category-image) h1 span::after,
.contact-index-index .page-title-wrapper span::after,
.block-hero .block-title strong::after,
.page-bottom .block .block-title strong::after,
.cms-index-index .page-wrapper .main .block .block-title strong::after,
.catalog-product-view .main .container > .block .block-title strong::after,
.catalog-product-view .main > .block .block-title strong::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: rgba(var(--button-bg), var(--button-bg-alpha));
}
.icon-slash::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1rem 1rem;
}
.icon-slash-sm::before {
-webkit-mask-size: 0.75rem 0.75rem;
}
.primary.button-hero,
.button-hero .pagebuilder-button-primary {
--button-hover-bg: 52.25, 73.15000000000001, 146.3;
}
.primary.button-hero::after,
.button-hero .pagebuilder-button-primary::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
color: rgba(var(--button-bg), var(--button-bg-alpha));
}
.button-lg.primary.button-hero::after,
.button-lg.button-hero .pagebuilder-button-primary::after {
-webkit-mask-size: 1rem 1rem;
}
@media (hover: hover) {
.primary.button-hero:hover::before,
.button-hero .pagebuilder-button-primary:hover::before {
background: rgba(var(--brand-hover-color), var(--brand-hover-alpha, 1));
}
}
.button-hero.inverted,
.button-hero.inverted .pagebuilder-button-primary {
--button-hover-bg: 242.25, 242.25, 242.25;
}
.business-stripe-bottom-left,
.business-stripe-bottom-left-2,
.business-stripe-bottom-left-3,
.business-stripe-bottom-right,
.business-section-striped,
.page-bottom .block-static-block:has(.business-section-striped),
.easycatalogimg .image {
position: relative;
}
.business-stripe-bottom-left::after,
.business-stripe-bottom-left-2::after,
.business-stripe-bottom-left-3::after,
.business-stripe-bottom-right::after,
.business-section-striped::after,
.page-bottom .block-static-block:has(.business-section-striped)::after,
.easycatalogimg .image::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 67%;
min-width: 215px;
max-width: 100%;
border: 0 solid transparent;
border-width: 0 15px 35px 0;
border-bottom-color: #fff;
}
.business-stripe-bottom-left-2::after,
.page-bottom .block-static-block:has(.business-section-striped)::after {
width: 30%;
border-width: 0 22px 45px 0;
border-bottom-color: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.business-stripe-bottom-left-3::after {
width: 42%;
border-width: 0 15px 35px 0;
border-bottom-color: #282853;
}
.business-stripe-bottom-right::after {
left: auto;
right: 0;
border-width: 0 0 25px 20px;
border-bottom-color: #282853;
}
.business-stripe-top-right,
.business-stripe-top-right-2,
.business-section-striped,
:where(.toolbar, .columns) ~ .category-description,
.column.main .contact-wrapper {
position: relative;
}
.business-stripe-top-right::before,
.business-stripe-top-right-2::before,
.business-section-striped::before,
:where(.toolbar, .columns) ~ .category-description::before,
.column.main .contact-wrapper::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 75%;
border: 0 solid #374d9a;
border-width: 30px 0 0 15px;
border-left-color: transparent;
border-right-color: transparent;
}
.business-stripe-top-right-2::before,
:where(.toolbar, .columns) ~ .category-description::before,
.column.main .contact-wrapper::before {
width: 42%;
border-top-color: #ffffff;
}
.business-section-striped {
padding-top: 40px;
padding-bottom: 40px;
background-image: linear-gradient(305deg, #374d9a 15%, transparent 15%, transparent 100%);
}
.page-bottom .business-section-striped::after {
border-bottom-color: #f8f9fc;
}
.page-bottom:has(.business-section-striped) {
padding-top: 60px;
}
.page-bottom .block-static-block:has(.business-section-striped)::after {
bottom: 100%;
}
.block.newsletter .primary::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1rem 1rem;
}
.page-header .dropdown.options:not(.no-chevron) .toggle::after,
.page-header .navigation .parent > a .ui-icon,
.page-header .navigation-wrapper .parent > a::after {
background-color: rgba(var(--brand-color), var(--brand-alpha, 1));
color: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.header.content .minicart-wrapper .mage-dropdown-dialog,
.header.content > .switcher .dropdown.options .dropdown {
right: -7px;
margin-top: 29px;
transform-origin: top right;
}
.header.content .minicart-wrapper .mage-dropdown-dialog::before,
.header.content > .switcher .dropdown.options .dropdown::before {
content: '';
position: absolute;
top: -15px;
right: 10px;
border: 8px solid transparent;
border-bottom-color: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
}
.mobile-header-panel {
display: flex;
flex-wrap: wrap;
gap: 1rem;
position: relative;
}
.mobile-header-panel .header-panel-info {
width: 100%;
--muted-alpha: .8;
--base-color: 40, 40, 83;
--link-color: 40, 40, 83;
color: #282853;
}
.mobile-header-panel .header-panel-info svg {
color: #374d9a;
}
.mobile-header-panel .switcher {
width: 100%;
font-size: 0.875rem;
align-items: center;
}
.mobile-header-panel .switcher .dropdown.options {
width: 100%;
height: 100%;
}
.mobile-header-panel .switcher .dropdown.options > .action {
padding: 0.5rem 1rem;
height: 100%;
border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
border-radius: 999px;
}
.mobile-header-panel .switcher .dropdown.options > .action strong {
width: calc(100% - 1rem);
}
.mobile-header-panel .switcher .dropdown.options > .action strong span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.mobile-header-panel .switcher,
.mobile-header-panel .switcher + .switcher {
margin: 0;
}
.mobile-header-panel .switcher .switcher-dropdown {
border-radius: 0.75rem;
min-width: 170px;
}
@media (min-width: 375px) {
.mobile-header-panel:has(.switcher + .switcher) .switcher {
width: calc(50% - 0.5rem);
}
.mobile-header-panel:has(.switcher-currency + .switcher) .switcher-currency {
width: calc(40% - 0.5rem);
}
.mobile-header-panel:has(.switcher-currency + .switcher) .switcher-currency + .switcher {
width: calc(60% - 0.5rem);
}
}
.mobile-header-panel .dropdown.options:not(.no-chevron) .toggle::after {
background-color: rgba(var(--base-color), var(--muted-alpha, 0.7));
}
:where(.toolbar, .columns) ~ .category-description {
-webkit-line-clamp: unset;
max-height: none;
margin-top: 2rem;
padding: 2rem 2rem 1.5rem;
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
border-radius: 0.375rem;
}
:where(.toolbar, .columns) ~ .category-description hr {
border-width: 2px;
border-color: rgba(var(--brand-color), var(--brand-alpha, 1));
margin: 1rem 0;
}
.sidebar .block.filter .filter-options-title::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.sidebar .block.filter .filter-options-title::after {
transform: rotate(180deg);
-webkit-mask-size: 1.5rem 1.5rem;
}
.sidebar .block.filter .filter-options-title[aria-expanded="true"]::after {
opacity: .8 !important;
transform: rotate(0deg);
}
.tocart.primary span::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.375rem 1.375rem;
}
.products-grid .actions-secondary .action {
border-radius: 999px;
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
}
@media (hover: hover) {
.products-grid .product-item:hover .product-item-details {
max-height: 67%;
overflow: auto;
}
.products-grid .product-item:hover .product-item-name a {
-webkit-line-clamp: none;
}
}
.toolbar .action.next,
.toolbar .action.previous {
width: 42px;
height: 42px;
}
.toolbar .action.next:hover,
.toolbar .action.previous:hover {
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
}
.toolbar .action.next::before,
.toolbar .action.previous::before {
color: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.toolbar .pages {
width: 100%;
}
.toolbar .pages-items {
flex-grow: 1;
}
.toolbar .pages-items .item .page {
border-radius: 0.5rem;
}
.toolbar .pages-items .item.current:last-child,
.toolbar .pages-items .item:has(+.pages-item-next) {
margin-right: auto;
}
.toolbar .pages-item-previous {
order: 998;
}
.toolbar .pages-item-next {
order: 999;
}
.toolbar .pages + .limiter {
display: none;
margin-left: 0;
}
.block-minicart .action.close {
top: .4rem;
right: 0.4rem;
}
.block-minicart .block-title {
display: none;
}
.block-minicart .subtitle.empty {
padding: 0.75rem 0;
}
.block-minicart .subtotal {
font-size: 1.125rem;
font-weight: 600;
margin: 1rem 0;
justify-content: center;
gap: 0.5rem;
}
.block-minicart .subtotal .label {
display: inline-flex;
}
.block-minicart .subtotal .label::after {
content: ':';
}
.block-minicart .subtotal .amount {
color: rgba(var(--brand-text-color), var(--brand-alpha, 1));
}
.block-minicart .subtotal {
order: -5;
}
.block-minicart .subtotal + .actions {
order: -4;
}
.block-minicart .subtotal + .actions ~ .actions {
order: -3;
}
.block-minicart .block-content > .actions .primary {
font-weight: 600;
}
.block-minicart .block-content > .actions .secondary .action {
width: 100%;
--button-border-color: 229, 231, 235;
}
.block-minicart .block-content > .actions .secondary .action.viewcart {
font-weight: 400;
}
.block-minicart .minicart-items-wrapper > .minicart-items {
padding: 0;
margin: 0;
scrollbar-gutter: auto;
border-radius: 0.375rem;
}
.block-minicart .minicart-items-wrapper > .minicart-items .details-qty .item-qty {
margin-left: 0;
}
.block-minicart .minicart-items-wrapper .product-item-details > .product.options {
margin: 0.25rem 0;
font-size: 0.875rem;
line-height: 1.25rem;
}
.block-minicart .minicart-items-wrapper .product-item-details > .product.options .toggle {
text-transform: uppercase;
font-size: .8rem;
font-weight: 500;
color: rgba(var(--base-color), var(--muted-alpha, 0.7));
}
.block-minicart .minicart-items-wrapper .price {
color: rgba(var(--brand-text-color), var(--brand-alpha, 1));
}
.block-minicart .minicart-items-wrapper .details-map {
color: rgba(var(--brand-text-color), var(--brand-alpha, 1));
font-size: 0.875rem;
line-height: 1.25rem;
}
.block-minicart .minicart-items-wrapper .details-map .label {
display: none;
}
.block-minicart .minicart-items-wrapper .actions {
bottom: .3rem;
transform: scale(0.85);
}
.block-minicart .minicart-items-wrapper::after {
width: auto;
bottom: 0.625rem;
left: 1.25rem;
right: 1.25rem;
}
.navigation ul a {
--base-color: 40, 40, 83;
color: rgba(var(--base-color), var(--base-alpha, .8));
}
@media (max-width: 767.98px) {
.nav-toggle span {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
text-indent: -9999px;
font-size: 0;
}
.nav-toggle span::after {
--base-bg: var(--brand-color);
position: absolute;
top: auto;
left: auto;
right: 0.75rem;
}
.nav-toggle::before {
--z-overlay-bg: 255, 255, 255;
--z-overlay-bg-alpha: 0.2;
color: rgba(var(--brand-color), var(--brand-alpha, 1));
backdrop-filter: blur(1px);
cursor: url('data:image/svg+xml;utf8,') 12 12, pointer;
}
.nav-open .nav-toggle::after {
opacity: 0;
}
.header.content {
position: static;
}
.navigation-wrapper {
opacity: 0;
transform: translate(0, 20px);
position: absolute;
top: 100%;
bottom: auto;
width: 100%;
max-width: none;
height: calc(100dvh - 100%);
}
.navigation-wrapper .navigation {
padding: 1rem;
}
.navigation ul {
margin: 0.25rem;
}
.navigation .parent > a .ui-icon {
-webkit-mask-size: 0.75rem 0.75rem;
}
.mobile-header-panel {
margin-top: auto;
}
.mobile-header-panel .header-panel-info {
margin: 0;
}
}
.overlay-rounded .pagebuilder-overlay {
border-radius: 4px;
}
.breeze-gallery .stage {
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
}
.product-addto-links .action::after,
.product-social-links .action::after {
content: '';
position: absolute;
left: 0;
top: 0;
border-radius: 0.375rem;
width: 2.25rem;
height: 2.25rem;
z-index: -1;
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
}
.product.info.detailed {
--input-bg: 255, 255, 255;
}
.slick-next,
.slick-prev {
opacity: 0.8;
}
.slick-next::before,
.slick-prev::before {
position: relative;
left: 0px;
top: -1px;
}
.slick-prev::before {
left: -2px;
}
.dropdown.options .block-wishlist .block-content {
display: flex;
flex-direction: column;
}
.dropdown.options .block-wishlist .block-content > .subtitle {
display: none;
}
.dropdown.options .block-wishlist .block-content .actions-primary {
display: none;
}
.dropdown.options .block-wishlist .actions-toolbar {
order: -1;
margin: 0.25rem 0;
}
.dropdown.options .block-wishlist .actions-toolbar a {
width: 100%;
font-weight: 400;
}
.dropdown.options .block-wishlist .actions-toolbar a:not(:hover) {
--button-border-color: 229, 231, 235;
}
@media (min-width: 1280px) {
.modal-popup .product-info-wrapper {
gap: 2rem;
}
}
.ajaxpro-popup-minicart .modal-content {
overflow: visible;
}
.ajaxpro-popup-minicart .minicart-items-wrapper {
margin-left: calc(-1 * var(--modal-padding-x));
margin-right: calc(-1 * var(--modal-padding-x));
}
.ajaxpro-popup-minicart[data-type="slide"] .modal-header {
position: absolute;
top: 0;
right: 0;
}
.ajaxpro-popup-minicart[data-type="slide"] .modal-content {
padding-top: 1rem;
}
.ajaxpro-popup-minicart[data-type="slide"] .modal-content,
.ajaxpro-popup-minicart[data-type="slide"] .block-ajaxpro,
.ajaxpro-popup-minicart[data-type="slide"] .block-ajaxpro > div,
.ajaxpro-popup-minicart[data-type="slide"] .minicart-wrapper,
.ajaxpro-popup-minicart[data-type="slide"] .block-minicart,
.ajaxpro-popup-minicart[data-type="slide"] .block-minicart > div,
.ajaxpro-popup-minicart[data-type="slide"] .block-content {
height: 100% !important;
}
.ajaxpro-popup-minicart[data-type="slide"] .minicart-items-wrapper {
margin-bottom: calc(-1 * var(--modal-padding-y));
flex: 1;
min-height: 0;
}
.ajaxpro-popup-minicart[data-type="slide"] .minicart-items-wrapper::after {
display: none;
}
.cd-cart .checkout {
background: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.cd-cart .checkout:hover {
--brand-alpha: .9;
background: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.cd-cart-trigger .count {
background: #374d9a;
}
.block-swissup-ajaxsearch-results .grid {
padding: 4px;
/* Fixed overflowed focus outline */
}
.block-swissup-ajaxsearch-results .custom-item-info-wrapper {
padding: 0;
}
.block-swissup-ajaxsearch-results .product-image-photo {
border-radius: 0.25rem;
}
.block-swissup-ajaxsearch-results .price {
color: rgba(var(--brand-text-color), var(--brand-alpha, 1));
font-weight: 500;
}
.block-swissup-ajaxsearch-results .price-label {
display: none;
}
.block-swissup-ajaxsearch-results .product-info-stock-sku {
display: none;
}
.block-swissup-ajaxsearch-results .product-item-info-wrapper + .custom-item-info-wrapper > div:first-child,
.block-swissup-ajaxsearch-results .custom-item-info-wrapper > div:first-child + div {
border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
margin-top: 0.75rem;
}
.block-swissup-ajaxsearch-results img {
filter: contrast(94%);
}
@media (min-width: 640px) {
.block-search.block-swissup-ajaxsearch.fullscreen .input-wrapper {
background: #fff;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.04);
border-radius: 0.75rem;
padding: 0.25rem 1rem;
}
.block-search.block-swissup-ajaxsearch.fullscreen .field.search {
padding: 0 !important;
margin: 0 auto;
max-width: min(1348px, 95%);
}
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .control,
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .input-wrapper,
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .twitter-typeahead {
height: auto;
}
.block-search.block-swissup-ajaxsearch.fullscreen .field.search .input-text {
height: 36px;
line-height: 36px;
}
.block-search.block-swissup-ajaxsearch.fullscreen .input-inner-wrapper {
padding: 3px 0;
}
.block-search.block-swissup-ajaxsearch.fullscreen .input-inner-wrapper::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
pointer-events: none;
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.5rem;
height: 1.5rem;
z-index: 10;
color: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.block-search.block-swissup-ajaxsearch.fullscreen .block-swissup-ajaxsearch-results {
margin: 0;
border-radius: 0 !important;
position: static !important;
display: block !important;
min-width: 0 !important;
background: none;
padding: 0;
width: calc(100% + 2rem);
max-height: 60dvh;
overflow: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.block-search.block-swissup-ajaxsearch.fullscreen .block-swissup-ajaxsearch-results:not(:empty) {
border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
margin: 0.25rem -1rem 0;
padding: 0.25rem 1rem 0.75rem 2.375rem;
}
.block-search.block-swissup-ajaxsearch.fullscreen .block-swissup-ajaxsearch-results::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.block-search.block-swissup-ajaxsearch.fullscreen .block-swissup-ajaxsearch-results::-webkit-scrollbar-track {
background-color: #ededed;
border-radius: 4px;
}
.block-search.block-swissup-ajaxsearch.fullscreen .block-swissup-ajaxsearch-results::-webkit-scrollbar-thumb {
background-color: #cccccc;
border-radius: 4px;
}
.block-search.block-swissup-ajaxsearch.fullscreen.shown .actions {
z-index: 41;
}
.block-search.block-swissup-ajaxsearch.fullscreen.shown .action.search {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.block-search.block-swissup-ajaxsearch.fullscreen.shown .action.close {
color: #6b7280;
}
}
@media (min-width: 768px) {
.block-swissup-ajaxsearch-results .product-item-info {
display: flex;
gap: 0.5rem;
}
.block-swissup-ajaxsearch-results .product-item-photo {
width: 80px;
flex-shrink: 0;
}
}
@media (min-width: 768px) {
.product.data.items:first-child:not(.expanded) .askit-question-form,
.tabs-toolbar ~ .product.data.items .askit-question-form {
float: left;
width: 42%;
margin: 0;
}
.product.data.items:first-child:not(.expanded) [data-role="questions-list"],
.tabs-toolbar ~ .product.data.items [data-role="questions-list"] {
float: right;
width: 55%;
margin: 0;
}
}
@media (min-width: 768px) {
.product.data.items:first-child:not(.expanded) #askit-new-question-form,
.tabs-toolbar ~ .product.data.items #askit-new-question-form {
display: block !important;
margin: 0;
}
.product.data.items:first-child:not(.expanded) .askit-show-form,
.tabs-toolbar ~ .product.data.items .askit-show-form {
display: none;
}
.product.data.items:first-child:not(.expanded) .data.item .askit-question-form .block-title,
.tabs-toolbar ~ .product.data.items .data.item .askit-question-form .block-title {
display: block !important;
}
.product.data.items:first-child:not(.expanded) .data.item .askit-question-form .fieldset,
.tabs-toolbar ~ .product.data.items .data.item .askit-question-form .fieldset {
margin: 0;
}
}
#askit-new-question-form {
max-width: none;
margin-top: 1.5rem;
}
.askit-questions .toolbar:first-child {
display: none;
}
.askit-item-actions .askit-item-trigger {
padding-left: 2rem;
padding-right: 2rem;
line-height: 47px;
}
.askit-item:not(.askit-item-answer) {
padding-bottom: 0;
}
.askit-item:has(.askit-item-avatar) {
padding-left: 90px;
}
.askit-item:has(.askit-item-avatar) .askit-item-actions {
margin-left: -90px;
width: calc(100% + 90px + 2rem);
}
.askit-item .askit-item-avatar {
top: 25px;
left: 25px;
}
.askit-item .askit-item-avatar img {
border-radius: 0.5rem;
}
.askit-item .askit-item-title {
font-size: 0.875rem;
color: rgba(var(--base-color), var(--muted-alpha, 0.7));
margin-bottom: 0.5rem;
}
.askit-item .askit-item-body {
margin: 0 0 0.75rem;
font-weight: 500;
}
.askit-item .askit-item-actions {
margin-left: -2rem;
width: calc(100% + 2rem + 2rem);
}
.askit-item .askit-item-vote,
.askit-item .askit-item-author,
.askit-item .askit-item-trigger {
font-size: 0.875rem;
color: rgba(var(--base-color), var(--muted-alpha, 0.7));
}
.askit-item .askit-item-same {
margin-bottom: 0.875rem;
}
.askit-item .askit-item-vote a {
display: inline-flex;
padding: 0.125rem 0.75rem;
border-radius: 0.25rem;
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
margin-right: 0.25rem;
}
.askit-item .askit-item-vote a:hover {
background: rgba(var(--pastel-hover-color), var(--pastel-hover-alpha, 1));
}
@media (max-width: 639.98px) {
.askit-item .askit-item-vote a {
margin-bottom: 0.25rem;
}
}
.askit-item .askit-item-vote .separator {
display: none;
}
.askit-item > p:last-child {
margin-bottom: 0;
}
.askit-item .askit-item-answer,
.askit-item .askit-answer-form {
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
margin-bottom: 1rem;
}
.askit-item .askit-answer-form {
margin-bottom: 0;
}
.askit-item .askit-item-answer-same .askit-item-vote a {
border: 1px solid rgba(var(--pastel-hover-color), var(--pastel-hover-alpha, 1));
}
.easycatalogimg .image + .parent-category::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1rem 1rem;
}
.easycatalogimg .image::after {
width: 42%;
}
.easycatalogimg .category-name ~ .image::after {
display: none;
}
.easycatalogimg .image {
border-radius: 0.25rem;
}
.easycatalogimg .image img {
border-radius: 0.25rem;
}
.easycatalogimg .parent-category::before {
color: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.accordion[data-content-type="easytabs"] > .title {
--muted-alpha: .95;
}
.accordion[data-content-type="easytabs"] > .title:hover {
background-color: rgba(var(--base-bg), var(--base-bg-alpha, 1));
}
.accordion[data-content-type="easytabs"] > .title[aria-expanded="true"] {
color: rgba(var(--base-color), var(--base-alpha, 1));
background-color: rgba(var(--base-bg), var(--base-bg-alpha, 1));
}
.accordion[data-content-type="easytabs"] > .title::after {
background-color: rgba(var(--brand-color), var(--brand-alpha, 1));
}
@media (min-width: 768px) {
.navpro :where(.navpro-dropdown-level1) {
border: 0;
background: transparent;
padding-top: 22px;
}
.navpro :where(.navpro-dropdown-level1) .navpro-shevron {
margin-top: 22px;
}
.navpro :where(.navpro-dropdown-level1) > .navpro-dropdown-inner {
background: #fff;
border: 1px solid #e4e4e4;
}
.navpro :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) {
box-shadow: 0 15px 40px -10px rgba(0, 0, 0, 0.1);
}
.navpro :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) > .navpro-dropdown-inner {
border: 0;
}
.navpro-dropdown .children.children > li > a {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.navpro-dropdown li.level1 + li {
padding-top: 1px;
}
.navpro-dropdown li .navpro-icon-caret::before {
background-color: #ccc;
}
.navpro-dropdown li.opened > a > .navpro-icon-caret::before,
.navpro-dropdown li:hover > a > .navpro-icon-caret::before {
background-color: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.navpro-business .navpro-dropdown .navpro-dropdown .children > li > a {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) .navpro-shevron {
display: none !important;
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) li.level1 {
padding-right: 12px;
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) li.level1 > a {
font-weight: 500;
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) .navpro-col-3:has(.navpro-dropdown-level2) {
width: calc(min(25%, 356px) - 12px);
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) > .navpro-dropdown-inner {
position: relative;
min-height: 300px;
background: #fff;
background: linear-gradient(90deg, #ffffff calc(min(25%, 360px) - 12px + 8px), rgba(var(--pastel-color), var(--pastel-alpha, 1)) calc(min(25%, 360px) - 12px + 8px));
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) .navpro-dropdown-level2 {
border: 0;
border-radius: 0;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
width: auto !important;
box-shadow: none !important;
overflow: auto;
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
scrollbar-gutter: stable;
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) .navpro-dropdown-level2::-webkit-scrollbar {
width: 0.375rem;
height: 0.375rem;
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) .navpro-dropdown-level2::-webkit-scrollbar-track {
background-color: rgb(var(--scrollbar-bg));
border-radius: 24rem;
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) .navpro-dropdown-level2::-webkit-scrollbar-thumb {
background-color: rgb(var(--scrollbar-color));
border-radius: 24rem;
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth) .navpro-col-3 > ul > li > .navpro-dropdown-level2 {
left: calc(min(25%, 360px) - 12px + 8px) !important;
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth):before,
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth):after {
content: '';
position: absolute;
inset: 0;
right: 50%;
top: 22px;
background: #fff;
z-index: -1;
}
.navpro-business :where(.navpro-dropdown-level1.size-fullscreen, .navpro-dropdown-level1.size-fullwidth):after {
right: 0;
left: 50%;
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
}
}
@media (max-width: 767.98px) {
.navpro li > a,
.navpro .children > li > a,
.navpro .children .parent > a {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navpro a.level-top svg {
color: #374d9a;
}
.navpro a.level-top:has(svg) {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.navpro:has(a.level-top svg) {
padding: 0.5rem;
}
.navpro-mobile-slideout .navpro-icon-caret::before {
transform: rotate(-90deg) !important;
}
.navpro-mobile-slideout .navpro-dropdown {
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;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
left: 100% !important;
width: 100% !important;
max-height: none;
border-radius: 0;
background: #fff;
overflow-y: auto;
}
.breeze-inactive .navpro-mobile-slideout .navpro-dropdown {
transition: none !important;
}
.navpro-mobile-slideout .navpro-dropdown.shown {
transform: translateX(-100%);
}
.navpro-mobile-slideout .navpro-dropdown > .navpro-dropdown-inner {
padding: 1rem;
}
.navpro-mobile-slideout .navpro-dropdown li > a {
font-weight: 500;
}
.navpro-mobile-slideout .navpro-dropdown > .navpro-close {
position: sticky;
left: 0;
top: 0;
display: flex;
align-items: center;
width: 100%;
height: auto;
background: #fff;
padding: 0.75rem 0.75rem;
border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
font-size: 1rem;
}
.navpro-mobile-slideout .navpro-dropdown > .navpro-close::before {
position: static;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
height: 1.5rem;
width: 1.5rem;
transform: rotate(90deg);
color: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.navpro-mobile-slideout .navpro-dropdown > .navpro-close::after {
height: auto;
width: auto;
position: static;
background: none;
text-transform: uppercase;
transform: none;
font-weight: 700;
content: attr(data-label-back);
}
}
.soldtogether-block.amazon-stripe .details-toggler::after {
right: 0.7rem;
}
.soldtogether-block.amazon-stripe .details-wrapper {
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
}
.soldtogether-block.amazon-stripe .item-inactive .product-photo-wrapper .checkbox {
opacity: 1;
}
.soldtogether-swiper .field.choice:has(.soldtogether-tocart) {
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.soldtogether-swiper .field.choice:has(.soldtogether-tocart),
.soldtogether-swiper .field.choice:has(.soldtogether-tocart):hover {
border: 0;
background: none;
}
.soldtogether-swiper .field.choice:has(.soldtogether-tocart) [class*="swatch-opt-"] {
width: 100%;
}
.soldtogether-swiper .field.choice:has(.soldtogether-tocart:checked) {
display: flex !important;
}
.soldtogether-swiper .product-item:has(.soldtogether-tocart:checked) .product-item-details {
max-height: 67%;
overflow: auto;
}
.testimonials-slider figure.testimonial .rating-result::before,
.testimonials-slider figure.testimonial .rating-result span::before {
background-color: rgba(var(--brand-color), var(--brand-alpha, 1));
}
.column.main .contact-wrapper {
border-radius: 0.375rem;
background: rgba(var(--pastel-color), var(--pastel-alpha, 1));
}