* {
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: 0.3s all ease-in;
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: 0.3s all ease-in;
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: 900px;
}
.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: 18px 18px !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%);
}
.am-visually-hidden {
border: 0;
clip: rect(0, 0, 0, 0);
height: 0;
margin: 0;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 0;
}
.am-word-break {
word-break: break-word;
word-wrap: break-word;
}
.ie11 .am-word-break {
word-break: break-all;
}
.am-word-break {
word-break: break-word;
word-wrap: break-word;
}
.ie11 .am-word-break {
word-break: break-all;
}
@-webkit-keyframes amsearch-animation__fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes amsearch-animation__fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes amsearch-animation__fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes amsearch-animation__fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes amsearch-animation__fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.amsearch-slider-section {
box-sizing: border-box;
display: flex;
}
.amsearch-slider-section .amsearch-item:hover,
.amsearch-slider-section .amsearch-item.selected {
background-color: transparent;
}
.amsearch-slider-section .amsearch-item .amsearch-image {
display: block;
pointer-events: auto;
width: 100%;
}
.amsearch-slider-section.slick-slider {
padding: 0;
}
.amsearch-slider-section .slick-dots {
background: inherit;
border: none;
top: 100%;
}
.amsearch-slider-section .slick-dots > li[role='presentation'] {
align-items: center;
border: none;
display: inline-flex;
height: 6px;
justify-content: center;
margin: 0 6px;
padding: 0;
text-align: inherit;
white-space: inherit;
width: 6px;
}
.amsearch-slider-section .slick-dots > li[role='presentation']:hover,
.amsearch-slider-section .slick-dots > li[role='presentation'].selected {
background: inherit;
}
.amsearch-slider-section .slick-dots > li[role='presentation'].slick-active button {
background: #ff5502;
border-color: #ff5502;
}
.amsearch-slider-section .slick-dots > li[role='presentation'] button {
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 100%;
height: 100%;
padding: 0;
width: 100%;
}
.amsearch-slider-section .slick-dots > li[role='presentation'] button:before {
content: none;
}
.amsearch-slider-section button.slick-arrow {
background: #ffffff url('data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjU0NTQgOS4zNzY2OEwyLjE5ODk1IDAuNDA5MThMMC43NDIyNjEgMS44NDg5Mkw3Ljc1MDEzIDkuMzc2NjhMMC41NDU0MSAxNy4xNTEzTDEuOTYyNzMgMTguNTkxTDEwLjA3MyA5LjkxMTQ0TDEwLjU0NTQgOS4zNzY2OFoiIGZpbGw9IiM5OTk5OTkiLz4KPC9zdmc+Cg==') center no-repeat !important;
border-radius: 0;
bottom: 0;
height: 40px;
margin: auto 0;
top: 0;
width: 40px;
z-index: 2;
}
.amsearch-slider-section button.slick-arrow:focus {
box-shadow: 0 0 3px 1px #00699d;
}
/* phpcs:ignore Magento2.Less.AvoidId.IdSelectorUsage */
#amasty-shopby-product-list {
max-width: 100%;
order: 10;
}
.amsearch-products-section {
align-content: flex-start;
border-left: none;
border-top: 1px solid #cccccc;
box-sizing: border-box;
padding: 20px 0 0;
position: relative;
transition: .1s;
width: 100%;
/* phpcs:ignore Magento2.Less.TypeSelectors.UpperCaseSelector */
}
.amsearch-products-section .amsearch-sku-block {
padding: 0 0 10px;
}
.amsearch-products-section .amsearch-link {
color: var(--amsearch-color-text, #1a624f);
}
.amsearch-products-section .amsearch-link:hover {
color: var(--amsearch-color-hover_text, #1a624f);
}
.amsearch-products-section .amsearch-block-header {
padding: 0 20px 25px;
}
.amsearch-products-section .amsearch-item .item-description {
word-break: keep-all;
}
.amsearch-products-section .amsearch-item .product-item-description {
word-break: break-all;
}
.amsearch-products-section .product-item-description {
color: #666666;
font-size: 1.2rem;
margin: 0;
padding: 0 0 10px;
}
.amsearch-products-section .amsearch-product-list {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
width: 100%;
}
.amsearch-products-section .amsearch-item {
align-content: flex-start;
box-sizing: border-box;
display: flex;
margin: 0;
padding: 20px;
position: relative;
}
.amsearch-products-section .amsearch-item:hover {
background: var(--amsearch-color-hover, #bfdcec);
z-index: 8;
}
.amsearch-products-section .amsearch-item:not(:hover) .dropdown {
display: none;
}
.amsearch-products-section .product-item-details {
display: flex;
flex-direction: column;
max-width: 100%;
min-height: 100px;
}
.amsearch-products-section .amsearch-wrapper-inner {
align-items: flex-end;
display: flex;
flex-wrap: wrap;
}
.amsearch-products-section .product-item-link {
padding: 0 0 10px;
word-break: keep-all;
}
.amsearch-products-section .action.tocart {
word-break: break-word;
word-wrap: break-word;
border-radius: 0;
font-size: 1.2rem;
line-height: 1.2;
min-height: 35px;
padding: 10px;
white-space: inherit;
}
.ie11 .amsearch-products-section .action.tocart {
word-break: break-all;
}
.ie11 .amsearch-products-section .action.tocart {
word-break: break-all;
}
.amsearch-products-section .product-item [data-role='priceBox'] {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
font-size: 16px;
font-weight: 700;
margin: 0;
padding: 0 0 10px;
}
.amsearch-products-section .product-item [data-role='priceBox'] p,
.amsearch-products-section .product-item [data-role='priceBox'] span {
flex-basis: 100%;
padding: 0 0 5px;
}
.amsearch-products-section .product-reviews-summary {
margin: 0;
padding: 0 0 10px;
}
.amsearch-products-section .actions-secondary {
align-items: center;
display: flex;
padding: 5px;
}
.amsearch-products-section .actions-secondary .amsearch-button.-icon {
margin: 5px;
}
.amsearch-products-section .actions-secondary > .action {
flex-grow: inherit;
line-height: normal;
margin-right: 5px;
}
.amsearch-products-section.-list .amsearch-item {
width: 100%;
}
.amsearch-products-section.-list .amsearch-image {
max-width: 132px;
width: 40%;
}
.amsearch-products-section.-list .actions-secondary {
padding: 0 0 0 5px;
}
.amsearch-products-section.-list .amsearch-description {
padding-left: 10px;
}
.amsearch-products-section.-grid .amsearch-image {
padding-bottom: 10px;
width: 100%;
}
.amsearch-products-section.-grid .amsearch-image .amsearch-product-image-container {
display: inline-block;
max-width: 100%;
}
.amsearch-products-section.-grid:not(.-slider) .amsearch-item {
flex-wrap: wrap;
max-width: 50%;
}
.amsearch-collapsible-section[data-collapsible].-opened .amsearch-collapsible-title:after {
transform: rotate(225deg) translate(-5px, 0);
}
.amsearch-collapsible-section[data-collapsible] .amsearch-collapsible-title {
align-items: center;
cursor: pointer;
display: flex;
}
.amsearch-collapsible-section[data-collapsible] .amsearch-collapsible-title:after {
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
content: '';
display: inline-block;
height: 10px;
transform: rotate(45deg) translate(0, -5px);
transition: .3s all;
width: 10px;
}
.amsearch-block-header {
box-sizing: border-box;
display: flex;
justify-content: space-between;
margin-bottom: 0;
padding: 0 20px 2px;
width: 100%;
}
.amsearch-block-header .amsearch-title {
font-size: 1.8rem;
font-weight: 700;
text-transform: capitalize;
word-break: break-word;
word-wrap: break-word;
}
.amsearch-block-header .amsearch-link {
line-height: 26px;
min-width: 90px;
}
.amsearch-block-header .amsearch-link.-view-all .amsearch-count {
font-weight: inherit;
}
.amsearch-block-header .amsearch-link .amsearch-count:before {
content: '(+';
}
.amsearch-block-header .amsearch-count {
font-weight: 300;
}
.amsearch-block-header .amsearch-count:before {
content: '(';
}
.amsearch-block-header .amsearch-count:after {
content: ')';
}
.amsearch-category-tab .amsearch-item {
font-size: 1.6rem;
margin-bottom: 10px;
}
.amsearch-category-tab .amsearch-item .am-item-link:not(:last-of-type):after {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNDUxLjg0NiA0NTEuODQ3Ij48cGF0aCBkPSJNMzQ1LjQ0MSAyNDguMjkyTDE1MS4xNTQgNDQyLjU3M2MtMTIuMzU5IDEyLjM2NS0zMi4zOTcgMTIuMzY1LTQ0Ljc1IDAtMTIuMzU0LTEyLjM1NC0xMi4zNTQtMzIuMzkxIDAtNDQuNzQ0TDI3OC4zMTggMjI1LjkyIDEwNi40MDkgNTQuMDE3Yy0xMi4zNTQtMTIuMzU5LTEyLjM1NC0zMi4zOTQgMC00NC43NDggMTIuMzU0LTEyLjM1OSAzMi4zOTEtMTIuMzU5IDQ0Ljc1IDBsMTk0LjI4NyAxOTQuMjg0YzYuMTc3IDYuMTggOS4yNjIgMTQuMjcxIDkuMjYyIDIyLjM2NiAwIDguMDk5LTMuMDkxIDE2LjE5Ni05LjI2NyAyMi4zNzN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjYTNhM2EzIiBmaWxsPSIjYTNhM2EzIi8+PC9zdmc+) no-repeat center;
background-size: contain;
content: '';
display: inline-block;
height: 10px;
margin: 0 10px;
width: 10px;
}
.amsearch-result-tabs {
margin-top: 5px;
z-index: initial;
}
.amsearch-result-tabs > .data.item.content:not([aria-hidden='false']) {
display: none;
}
.amsearch-result-tabs .title {
box-sizing: border-box;
position: relative;
}
.amsearch-result-tabs .title.active .amsearch-results-count {
display: none;
}
.amsearch-result-tabs .title.active .switch {
padding-bottom: 1px;
}
.amsearch-result-tabs .data.content {
display: none;
}
.amsearch-result-tabs .data.content[aria-hidden='false'] {
display: block;
}
.amsearch-result-tabs .data.title {
margin-right: 5px;
}
.amsearch-result-tabs .data.title.active {
background: #d8d8d8;
box-sizing: border-box;
}
.amsearch-result-tabs .data.title.last {
margin-bottom: 8px;
}
.page-header:not(.amsearch-full-width) .amsearch-result-section {
/* phpcs:ignore Magento2.Less.ClassNaming.NotAllowedSymbol */
-webkit-animation: amsearch-animation__fadeIn 0.3s forwards;
animation: amsearch-animation__fadeIn 0.3s forwards;
}
.page-header .amsearch-result-section {
right: 0;
}
.amsearch-result-section {
overflow: hidden;
overflow-y: auto;
scrollbar-color: #adadad rgba(255, 255, 255, 0.2);
scrollbar-width: thin;
background-color: var(--amsearch-color-background, #ffffff);
border: 1px solid;
border-color: var(--amsearch-color-border, transparent);
border-radius: 3px;
box-shadow: 0 2px 4px rgba(84, 95, 125, 0.12), 0 5px 8px rgba(155, 159, 174, 0.1);
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
margin: 5px 0;
max-height: 90vh;
position: absolute;
top: 100%;
transition: .3s;
width: 100%;
z-index: 99;
}
.amsearch-result-section::-webkit-scrollbar {
background: #f0f0f0;
}
.amsearch-result-section::-webkit-scrollbar-thumb {
border-radius: 4px;
background: #adadad;
cursor: pointer;
}
.amsearch-result-section ::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #ffffff;
}
.amsearch-result-section::-webkit-scrollbar {
width: 4px;
}
.amsearch-result-section::-webkit-scrollbar-thumb {
width: 4px;
}
.amsearch-result-section ::-webkit-scrollbar-track {
width: 4px;
}
.amsearch-result-section:empty {
display: none;
}
.amsearch-result-section .amsearch-result-block {
box-sizing: border-box;
max-width: 100%;
width: 100%;
}
.amsearch-result-section .amsearch-result-block:empty {
display: none;
}
.amsearch-result-block.-preload {
display: flex;
flex-wrap: wrap;
}
.amsearch-result-block.-preload:empty {
display: none;
}
.amsearch-result-block.-preload .amsearch-item:first-child:last-child {
max-width: 100%;
width: 100%;
}
.amsearch-result-block.-preload .amsearch-slider-section {
width: 100%;
}
.amsearch-result-block.-preload .amsearch-products-list {
display: flex;
flex-direction: column;
width: 100%;
}
body.-amsearch-overlay-opened .logo,
body.-amsearch-overlay-opened .nav-sections {
z-index: 0;
}
.page-header.amsearch-full-width.-opened {
z-index: 12;
}
.amsearch-overlay-block {
background: rgba(0, 0, 0, 0.19);
bottom: 0;
display: none;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 11;
}
.amsearch-overlay-block .amsearch-overlay {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.amsearch-items-section {
padding: 25px 0 0 0;
width: 100%;
}
.amsearch-items-section:empty {
display: none;
}
.amsearch-item-container {
flex-basis: 100%;
padding: 0 0 20px;
position: relative;
}
.amsearch-item-container.-opened {
padding: 0 0 32px;
}
.amsearch-item-container.-page a.amsearch-link {
color: var(--amsearch-color-hover_text, #1a624f);
font-weight: 600;
}
.amsearch-item-container.-recent_searches:not(.-closed) .amsearch-block-header {
padding: 0 20px 15px;
}
.amsearch-item-container.-recent_searches .amsearch-tab-items {
padding: 0 20px;
}
.amsearch-item-container.-recent_searches .amsearch-item {
background: #f5f5f5;
border: 1px solid transparent;
border-radius: 25px;
box-sizing: border-box;
display: inline-block;
margin: 0 8px 10px 0;
order: 1;
text-decoration: none;
}
.amsearch-item-container.-recent_searches .amsearch-item.-match {
background-color: var(--amsearch-color-hover, #bfdcec);
}
.amsearch-item-container.-recent_searches .amsearch-item .amsearch-link {
padding: 6px 15px;
}
.amsearch-item-container.-recent_searches .amasty-xsearch-num-results {
display: none;
}
.amsearch-item-container.-popular_searches .amasty-xsearch-num-results {
display: none;
font-size: 12px;
}
.amsearch-item-container.-browsing_history .amasty-xsearch-num-results {
display: none;
}
.amsearch-item-container.-brands .amasty-xsearch-num-results {
color: #cccccc;
display: inline-block;
float: none;
}
.amsearch-item-container .amsearch-tab-items {
list-style: none;
margin: 0;
padding: 0;
}
.amsearch-item-container .amsearch-description {
padding: 8px 20px;
}
.amsearch-item-container .amsearch-item {
cursor: pointer;
margin: 0;
overflow: hidden;
text-transform: capitalize;
}
.amsearch-item-container .amsearch-item .amsearch-link {
color: var(--amsearch-color-text, #1a624f);
display: block;
font-size: 1.4rem;
font-weight: 400;
outline: none;
padding: 8px 20px;
text-decoration: none;
}
.amsearch-item-container .amsearch-item .amsearch-link:hover {
background: var(--amsearch-color-hover, #bfdcec);
color: var(--amsearch-color-hover_text, #1a624f);
}
.amsearch-item-container .amsearch-item .amsearch-link:focus {
background: var(--amsearch-color-hover-focus, #bfdcec);
color: var(--amsearch-color-text-focus, #1a624f);
}
.amsearch-related-terms {
display: flex;
flex-wrap: wrap;
margin: 20px 0;
}
.amsearch-related-terms > .amsearch-title {
font-weight: 700;
margin: 0 0 15px 0;
width: 100%;
}
.amsearch-related-terms > .amsearch-item {
background: #d8eeff;
border-radius: 20px;
color: #252525;
font-size: 12px;
line-height: 1.3;
margin: 0 15px 10px 0;
padding: 5px 15px;
transition: .1s;
}
.amsearch-related-terms > .amsearch-item:hover {
background: #b7e0ff;
}
.amsearch-related-terms > .amsearch-item:hover,
.amsearch-related-terms > .amsearch-item:active {
text-decoration: none;
}
.amsearch-related-terms .amsearch-count {
color: #757575;
}
@media all and (min-width: 768px), print {
.amsearch-slider-section {
max-width: 575px;
}
.amsearch-slider-section.slick-slider {
padding: 0 40px;
}
.amsearch-products-section {
border-top: none;
display: flex;
flex-wrap: wrap;
}
.amsearch-products-section:not(:first-child) {
border-color: var(--amsearch-color-border, #cccccc);
border-left: 1px solid;
}
.amsearch-products-section .amsearch-description {
width: auto;
}
.amsearch-products-section.-list .amsearch-image {
max-width: 125px;
}
.amsearch-products-section.-list .product-item-actions {
align-content: flex-start;
display: flex;
}
.amsearch-products-section.-list .amsearch-description {
padding-left: 20px;
}
.amsearch-products-section.-grid:not(.-slider) .amsearch-item {
max-width: calc(33.33333333%);
}
.amsearch-result-tabs .title:hover:before,
.amsearch-result-tabs .title.active:before {
background: #ffffff;
bottom: -1px;
content: '';
height: 2px;
left: 1px;
position: absolute;
width: calc(100% - 2px);
}
.amsearch-result-tabs.product.data.items .item.title.active .switch {
padding-bottom: 1px;
}
.amsearch-result-section {
min-width: 100%;
width: inherit;
}
.amsearch-result-section:not(.-small) {
flex-wrap: nowrap;
}
.amsearch-result-block.-preload {
flex-wrap: nowrap;
}
.amsearch-result-block.-preload .amsearch-products-list:not(:first-child) {
border-left: 1px solid #cccccc;
width: calc(100% - 283px);
}
.amsearch-item-container {
padding: 0 0 25px;
}
.amsearch-item-container .amsearch-link {
padding: 5px 20px;
}
.amsearch-items-section {
padding: 25px 0;
}
.amsearch-items-section:not(:first-child:last-child) {
max-width: 283px;
width: 100%;
}
.amsearch-search-page.page-products .columns {
z-index: 0;
}
}
@media all and (min-width: 1024px), print {
.amsearch-result-block:not(.-preload) .amsearch-products-section {
width: calc(100% - 283px);
}
.amsearch-products-section.-grid:not(.-slider) .amsearch-item {
max-width: calc(25%);
}
}
.swissup-cachewarmer-toolbar {
position: fixed;
bottom: 1rem;
left: 1rem;
font-size: 1.3rem;
outline: 5px solid rgba(74, 69, 66, 0.6);
border-radius: 0;
z-index: 1000000;
box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.25);
max-width: 90%;
min-width: 30rem;
display: none;
}
.swissup-cachewarmer-toolbar > strong {
text-align: center;
font-weight: 600;
display: block;
padding: 1rem 2rem;
color: #fff;
background: #7c7977;
}
.swissup-cachewarmer-toolbar.hit {
display: block;
}
.swissup-cachewarmer-toolbar.hit > strong {
background: #69ba6d;
}
.swissup-cachewarmer-toolbar.miss {
display: block;
}
.swissup-cachewarmer-toolbar.miss > strong {
background: #d0011b;
}
.swissup-cachewarmer-toolbar .swissup-cachewarmer-toolbar-body {
padding: 1rem 2rem;
background: #fff;
text-align: center;
}
.swissup-cachewarmer-toolbar .swissup-cachewarmer-toolbar-body > strong {
text-align: center;
font-size: 2.8rem;
font-weight: 800;
text-transform: uppercase;
color: #928f8e;
}
.swissup-cachewarmer-toolbar table tr th,
.swissup-cachewarmer-toolbar table tr td {
background: #fff;
padding: .5rem 1rem;
font-size: 1.2rem;
}
.swissup-cachewarmer-toolbar table tr th {
background: #f1f1f1;
padding: 1rem;
text-align: center;
}
.swissup-cachewarmer-toolbar table tr td {
text-align: left;
border-top: 1px solid #f1f1f1;
}
.swissup-cachewarmer-toolbar .swissup-cachewarmer-toolbar-info {
background: #fff;
padding: .5rem 1rem;
text-align: right;
font-size: 1.1rem;
border-top: 1px solid #f1f1f1;
color: #928f8e;
}
.swissup-cachewarmer-toolbar .swissup-cachewarmer-toolbar-info .swissup-cachewarmer-toolbar-info-list {
text-align: center;
}
.swissup-cachewarmer-toolbar .swissup-cachewarmer-toolbar-info a {
color: #928f8e;
text-decoration: underline;
}
.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: 639.98px) {
.navpro > .navpro-menu .sm-hide-dropdown > a > .navpro-icon-caret::before {
display: none !important;
}
.navpro > .navpro-menu .sm-hide-dropdown > .navpro-dropdown {
display: none !important;
}
.navpro > .navpro-menu .sm-hide-dropdown a.level-top::before,
.navpro > .navpro-menu .sm-hide-dropdown a.level-top::after {
display: none !important;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.navpro > .navpro-menu .md-hide-dropdown > a > .navpro-icon-caret::before {
display: none !important;
}
.navpro > .navpro-menu .md-hide-dropdown > .navpro-dropdown {
display: none !important;
}
.navpro > .navpro-menu .md-hide-dropdown a.level-top::before,
.navpro > .navpro-menu .md-hide-dropdown a.level-top::after {
display: none !important;
}
}
@media (min-width: 1024px) {
.navpro > .navpro-menu .lg-hide-dropdown > a > .navpro-icon-caret::before {
display: none !important;
}
.navpro > .navpro-menu .lg-hide-dropdown > .navpro-dropdown {
display: none !important;
}
.navpro > .navpro-menu .lg-hide-dropdown a.level-top::before,
.navpro > .navpro-menu .lg-hide-dropdown a.level-top::after {
display: none !important;
}
}
.navpro-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media (max-width: 639.98px) {
.navpro-row {
flex-direction: column;
flex-wrap: nowrap;
}
}
.navpro-row.gutters,
.navpro-row.gutters > .navpro-row {
margin-left: -12px;
}
@media (max-width: 639.98px) {
.navpro-row.gutters,
.navpro-row.gutters > .navpro-row {
margin-left: 0;
}
}
.navpro-row.gutters > .navpro-col,
.navpro-row.gutters > .navpro-row > .navpro-col {
margin-left: 12px;
}
@media (max-width: 639.98px) {
.navpro-row.gutters > .navpro-col,
.navpro-row.gutters > .navpro-row > .navpro-col {
margin-left: 0;
}
}
.navpro-row.around {
justify-content: space-around;
}
.navpro-row.between {
justify-content: space-between;
}
.navpro-row.auto .navpro-col {
flex-grow: 1;
}
.navpro-col-12 {
width: 100%;
}
.navpro-offset-12 {
margin-left: 100%;
}
.navpro-col-11 {
width: 91.66666667%;
}
.navpro-offset-11 {
margin-left: 91.66666667%;
}
.navpro-col-10 {
width: 83.33333333%;
}
.navpro-offset-10 {
margin-left: 83.33333333%;
}
.navpro-col-9 {
width: 75%;
}
.navpro-offset-9 {
margin-left: 75%;
}
.navpro-col-8 {
width: 66.66666667%;
}
.navpro-offset-8 {
margin-left: 66.66666667%;
}
.navpro-col-7 {
width: 58.33333333%;
}
.navpro-offset-7 {
margin-left: 58.33333333%;
}
.navpro-col-6 {
width: 50%;
}
.navpro-offset-6 {
margin-left: 50%;
}
.navpro-col-5 {
width: 41.66666667%;
}
.navpro-offset-5 {
margin-left: 41.66666667%;
}
.navpro-col-4 {
width: 33.33333333%;
}
.navpro-offset-4 {
margin-left: 33.33333333%;
}
.navpro-col-3 {
width: 25%;
}
.navpro-offset-3 {
margin-left: 25%;
}
.navpro-col-2 {
width: 16.66666667%;
}
.navpro-offset-2 {
margin-left: 16.66666667%;
}
.navpro-col-1 {
width: 8.33333333%;
}
.navpro-offset-1 {
margin-left: 8.33333333%;
}
.navpro-col-0 {
width: 0%;
}
.navpro-offset-0 {
margin-left: 0%;
}
.navpro .gutters > .navpro-col-12 {
width: calc(100% - 12px);
}
.navpro .gutters > .navpro-offset-12 {
margin-left: calc(100% + 12px) !important;
}
.navpro .gutters > .navpro-col-11 {
width: calc(91.66666667% - 12px);
}
.navpro .gutters > .navpro-offset-11 {
margin-left: calc(91.66666667% + 12px) !important;
}
.navpro .gutters > .navpro-col-10 {
width: calc(83.33333333% - 12px);
}
.navpro .gutters > .navpro-offset-10 {
margin-left: calc(83.33333333% + 12px) !important;
}
.navpro .gutters > .navpro-col-9 {
width: calc(75% - 12px);
}
.navpro .gutters > .navpro-offset-9 {
margin-left: calc(75% + 12px) !important;
}
.navpro .gutters > .navpro-col-8 {
width: calc(66.66666667% - 12px);
}
.navpro .gutters > .navpro-offset-8 {
margin-left: calc(66.66666667% + 12px) !important;
}
.navpro .gutters > .navpro-col-7 {
width: calc(58.33333333% - 12px);
}
.navpro .gutters > .navpro-offset-7 {
margin-left: calc(58.33333333% + 12px) !important;
}
.navpro .gutters > .navpro-col-6 {
width: calc(50% - 12px);
}
.navpro .gutters > .navpro-offset-6 {
margin-left: calc(50% + 12px) !important;
}
.navpro .gutters > .navpro-col-5 {
width: calc(41.66666667% - 12px);
}
.navpro .gutters > .navpro-offset-5 {
margin-left: calc(41.66666667% + 12px) !important;
}
.navpro .gutters > .navpro-col-4 {
width: calc(33.33333333% - 12px);
}
.navpro .gutters > .navpro-offset-4 {
margin-left: calc(33.33333333% + 12px) !important;
}
.navpro .gutters > .navpro-col-3 {
width: calc(25% - 12px);
}
.navpro .gutters > .navpro-offset-3 {
margin-left: calc(25% + 12px) !important;
}
.navpro .gutters > .navpro-col-2 {
width: calc(16.66666667% - 12px);
}
.navpro .gutters > .navpro-offset-2 {
margin-left: calc(16.66666667% + 12px) !important;
}
.navpro .gutters > .navpro-col-1 {
width: calc(8.33333333% - 12px);
}
.navpro .gutters > .navpro-offset-1 {
margin-left: calc(8.33333333% + 12px) !important;
}
.navpro .gutters > .navpro-col-0 {
width: calc(0% - 12px);
}
.navpro .gutters > .navpro-offset-0 {
margin-left: calc(0% + 12px) !important;
}
@media (max-width: 639.98px) {
[class^='offset-'],
[class*=' offset-'] {
margin-left: 0;
}
}
.navpro .pull-first {
order: -1;
}
.navpro .push-last {
order: 1;
}
@media (max-width: 639.98px) {
.navpro-row .navpro-col {
margin-left: 0;
width: 100%;
}
.navpro-row.gutters .navpro-col {
margin-left: 0;
width: 100%;
}
.navpro-row.gutters .navpro-col + .navpro-col {
margin-top: 16px;
}
.navpro .pull-first-sm {
order: -1;
}
.navpro .push-last-sm {
order: 1;
}
}
.navpro .gutters .navpro-col.push-left,
.navpro .push-left {
margin-right: auto;
}
.navpro .gutters .navpro-col.push-right,
.navpro .push-right {
margin-left: auto;
}
.navpro .gutters .navpro-col.push-center,
.navpro .push-center {
margin-left: auto;
margin-right: auto;
}
.navpro .gutters .navpro-col.push-middle,
.navpro .push-middle {
margin-top: auto;
margin-bottom: auto;
}
.navpro .push-bottom {
margin-top: auto;
}
@media (max-width: 639.98px) {
.navpro .gutters .navpro-col.push-left-sm,
.navpro .push-left-sm {
margin-left: 0;
}
.navpro .gutters .navpro-col.push-center-sm,
.navpro .push-center-sm {
margin-left: auto;
margin-right: auto;
}
.navpro .push-top-sm {
margin-top: 0;
}
}
.navpro .align-middle {
align-items: center;
}
.navpro .align-right {
justify-content: flex-end;
}
.navpro .align-center {
justify-content: center;
}
@media (max-width: 639.98px) {
.navpro .align-left-sm {
justify-content: flex-start;
}
}
.navpro .block:first-child {
margin-top: 0;
}
.navpro .block:last-child {
margin-bottom: 0;
}
.navpro .block .subtitle {
display: none;
}
.navpro .block .product-items .product-item {
position: relative;
}
@media (min-width: 1280px) {
.cms-index-index:not('.theme-editor-sticky') .navpro li.home-expanded > .navpro-dropdown {
opacity: 1;
transform: none;
visibility: visible;
pointer-events: all;
left: 0;
top: 100%;
}
.cms-index-index:not('.theme-editor-sticky') .navpro li.home-expanded > .navpro-dropdown:not(.shown) > .navpro-shevron {
opacity: 0;
}
}
@media (min-width: 640px) {
.shevron-hidden .navpro-shevron {
display: none !important;
}
.navpro.orientation-horizontal .navpro-dropdown-level1 > .navpro-shevron {
display: block;
pointer-events: none;
content: '';
height: 12px;
width: 12px;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #eaeaea;
border-color: #eaeaea transparent transparent #eaeaea;
position: absolute;
top: -6px !important;
transform: rotate(45deg);
}
.navpro.orientation-horizontal .navpro-dropdown-level1.size-boxed > .navpro-shevron {
top: -5px !important;
}
.dropdown-top.navpro.orientation-horizontal .navpro-dropdown-level1 > .navpro-shevron {
top: auto !important;
bottom: -6px !important;
transform: rotate(-135deg);
}
.dropdown-top.navpro.orientation-horizontal .navpro-dropdown-level1.size-boxed > .navpro-shevron {
bottom: -5px !important;
}
}
.navpro-dropdown {
box-sizing: border-box;
background: #ffffff;
border: 1px solid #eaeaea;
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1);
min-width: 230px;
font-weight: normal;
z-index: 90;
}
.navpro-dropdown.shown {
right: auto;
opacity: 1;
display: block;
z-index: 91;
}
li:hover > .navpro-dropdown {
z-index: 92;
}
.navpro-dropdown > .navpro-close {
cursor: pointer;
width: 20px;
height: 20px;
position: relative;
z-index: 10;
position: absolute;
right: 12px;
top: 12px;
}
.navpro-dropdown > .navpro-close::before,
.navpro-dropdown > .navpro-close::after {
content: '';
position: absolute;
left: auto;
right: 10px;
top: 0;
height: 20px;
width: 2px;
background-color: #333333;
}
.navpro-dropdown > .navpro-close::before {
transform: rotate(45deg);
}
.navpro-dropdown > .navpro-close::after {
transform: rotate(-45deg);
}
.navpro.orientation-horizontal li.size-boxed,
.navpro.orientation-horizontal li.size-fullwidth,
.navpro.orientation-horizontal li.size-fullscreen {
position: static;
}
@starting-style {
.navpro-dropdown {
opacity: 0;
}
.orientation-vertical .navpro-dropdown {
transform: rotateY(20deg);
}
.navpro.navpro-effect-slidein.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.orientation-vertical.dropdown-left .navpro-dropdown {
transform: translateX(20px);
}
.navpro.navpro-effect-slideout.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slidein.orientation-vertical.dropdown-left .navpro-dropdown {
transform: translateX(-20px);
}
.navpro.navpro-effect-slidein .navpro-dropdown,
.navpro.navpro-effect-slidein.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.dropdown-left .navpro-dropdown {
transform: translateY(20px);
}
.navpro.navpro-effect-slideout .navpro-dropdown,
.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slidein.dropdown-left .navpro-dropdown {
transform: translateY(-20px);
}
}
@media (min-width: 1025px) {
.navpro-dropdown {
transform: rotateX(20deg);
transform-origin: 0 0;
transition-property: transform, opacity, display;
transition-behavior: allow-discrete;
transition-duration: .25s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.navpro-dropdown.shown {
transform: none !important;
}
.navpro.navpro-effect-none .navpro-dropdown {
transition: none;
transform: none;
transition-duration: 0s;
}
.navpro.navpro-effect-fade .navpro-dropdown {
transform: none;
}
.orientation-vertical .navpro-dropdown {
transform: rotateY(20deg);
}
.navpro.navpro-effect-slidein.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.orientation-vertical.dropdown-left .navpro-dropdown {
transform: translateX(20px);
}
.navpro.navpro-effect-slideout.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slidein.orientation-vertical.dropdown-left .navpro-dropdown {
transform: translateX(-20px);
}
.navpro.navpro-effect-slidein .navpro-dropdown,
.navpro.navpro-effect-slidein.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.dropdown-left .navpro-dropdown {
transform: translateY(20px);
}
.navpro.navpro-effect-slideout .navpro-dropdown,
.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slideout.navpro-accordion.orientation-vertical .navpro-dropdown,
.navpro.navpro-effect-slidein.dropdown-left .navpro-dropdown {
transform: translateY(-20px);
}
}
@media (min-width: 640px) {
.navpro-dropdown.size-small {
width: 230px;
}
.navpro-dropdown.size-medium {
width: 400px;
}
.navpro-dropdown.size-large {
width: 650px;
}
.navpro-dropdown.size-boxed > .navpro-dropdown-inner,
.navpro-dropdown.size-fullwidth > .navpro-dropdown-inner,
.navpro-dropdown.size-fullscreen,
.navpro-dropdown.size-xlarge {
width: 850px;
}
}
@media (min-width: 640px) {
.navpro.orientation-horizontal .navpro-dropdown-level1.size-boxed {
background: transparent;
border: 0;
box-shadow: none;
min-width: 0;
}
.navpro.orientation-horizontal .navpro-dropdown-level1.size-boxed > .navpro-dropdown-inner {
max-width: var(--container-max-width, false);
width: 100%;
margin: 0 auto;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #eaeaea;
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, false);
width: 100%;
margin: 0 auto;
}
}
@media (min-width: 640px) {
.navpro-dropdown .multicolumn-8 > li {
width: 12.5%;
}
.navpro-dropdown .multicolumn-7 > li {
width: 14.28571429%;
}
.navpro-dropdown .multicolumn-6 > li {
width: 16.66666667%;
}
.navpro-dropdown .multicolumn-5 > li {
width: 20%;
}
.navpro-dropdown .multicolumn-4 > li {
width: 25%;
}
.navpro-dropdown .multicolumn-3 > li {
width: 33.33333333%;
}
.navpro-dropdown .multicolumn-2 > li {
width: 50%;
}
.navpro-dropdown .multicolumn-1 > li {
width: 100%;
}
}
.navpro.dropdown-left .children .navpro-icon-caret::before,
.navpro.dropdown-left .children .parent > a::before {
right: auto;
left: 1px;
transform: rotate(90deg);
}
.rtl .navpro.dropdown-left .children .navpro-icon-caret::before,
.rtl .navpro.dropdown-left .children .parent > a::before {
right: 1px;
left: auto;
transform: rotate(-90deg);
}
.navpro.dropdown-left .navpro-dropdown .children .parent > a {
padding-right: 24px;
padding-left: 32px;
}
.rtl .navpro.dropdown-left .navpro-dropdown .children .parent > a {
padding-right: 32px;
padding-left: 24px;
}
.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: 640px) {
.navpro.dropdown-top.orientation-horizontal a.level-top .navpro-icon-caret::before,
.navpro.dropdown-top.orientation-horizontal .parent > a.level-top::before {
transform: rotate(180deg);
}
}
@media (min-width: 1024px) {
.navpro-with-slideout .navpro .li-item.opened,
body:has(.navpro-overlay) .navpro .li-item.opened {
z-index: 89;
}
.navpro-overlay-element {
content: '';
display: none;
position: fixed;
inset: 0;
opacity: 0;
z-index: 85;
transition: opacity, display;
transition-behavior: allow-discrete;
transition-delay: 300ms;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
background-color: rgba(0, 0, 0, 0.4);
}
@starting-style {
.navpro-overlay-element {
opacity: 0;
}
}
.nav-open .navpro-with-slideout .navpro-overlay-element,
body:has(.navpro-overlay li.opened:is(:hover, :focus-within)) .navpro-overlay-element {
display: block;
opacity: 1;
transition-delay: 0ms;
}
}
@media (min-width: 640px) {
.navpro-sticky {
top: 0;
position: sticky !important;
z-index: 99;
}
.navpro-sticky.nav-sections {
z-index: 3;
}
.navpro-sticky.sticky-active {
z-index: 500;
}
.navpro-top100 {
top: 100px;
}
.navpro-top90 {
top: 90px;
}
.navpro-top80 {
top: 80px;
}
.navpro-top70 {
top: 70px;
}
.navpro-top60 {
top: 60px;
}
.navpro-top50 {
top: 50px;
}
.navpro-top40 {
top: 40px;
}
.navpro-top30 {
top: 30px;
}
.navpro-top20 {
top: 20px;
}
.navpro-top10 {
top: 10px;
}
}
@media (max-width: 639.98px) {
.navpro-transformable.navpro .level0 > .level-top {
display: block;
}
.navpro-transformable.navpro .level0.active > .level-top,
.navpro-transformable.navpro .level0.has-active > .level-top {
display: block;
}
.navpro-transformable .navpro-icon-caret::before {
transition: transform 200ms ease-in-out;
}
.navpro-transformable .navpro-icon-caret::before {
transform: rotate(-90deg);
}
.navpro-transformable li.opened > a > .navpro-icon-caret::before {
transform: rotate(0deg);
}
.navpro-transformable .navpro-dropdown {
background: transparent;
border: 0;
box-shadow: none;
min-width: 0;
position: static;
box-shadow: none !important;
width: auto !important;
min-height: 0 !important;
max-height: 0;
max-width: 100%;
overflow: hidden;
}
.navpro-transformable .navpro-dropdown .multicolumn.vertical {
height: auto !important;
}
.navpro-transformable .navpro-dropdown.shown {
max-height: 1000em;
}
.navpro-transformable .navpro-dropdown-inner {
padding-top: 3px;
padding-bottom: 5px;
}
.navpro-transformable .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li .navpro-dropdown > .navpro-dropdown-inner {
padding-left: 10px;
}
.navpro-transformable .navpro-dropdown .children {
display: block;
/* reset ribbon style */
}
.navpro-transformable .navpro-dropdown .children.multicolumn > li {
width: 100%;
}
}
.navpro-mobile-slideout .navpro-close {
display: none;
}
@media (min-width: 640px) {
.navpro-mobile-slideout .all-category {
display: none;
}
.navpro.navpro.navpro-slideout {
background: #ffffff;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
z-index: 10000;
max-width: none;
padding: 0;
top: 0;
will-change: transform, opacity;
transition-property: transform, opacity, visibility;
transition-duration: 0s;
transform-origin: 0 0;
}
.navpro-with-slideout .navpro.navpro.navpro-slideout {
transition-duration: .5s;
transition-timing-function: cubic-bezier(0.2, 1, 0.2, 1);
}
.nav-open .navpro.navpro.navpro-slideout {
opacity: 1;
}
.navpro.navpro.navpro-slideout .navpro-menu {
background: #ffffff;
padding: 0;
gap: 0;
}
.navpro.navpro.navpro-slideout .navpro-header {
min-width: 200px;
padding: 0 12px;
color: #777;
text-transform: uppercase;
}
.navpro.navpro.navpro-slideout .navpro-header .navpro-close {
cursor: pointer;
width: 20px;
height: 20px;
position: relative;
float: right;
margin-left: auto;
display: block;
}
.navpro.navpro.navpro-slideout .navpro-header .navpro-close::before,
.navpro.navpro.navpro-slideout .navpro-header .navpro-close::after {
content: '';
position: absolute;
left: auto;
right: 10px;
top: 0;
height: 20px;
width: 2px;
background-color: #333333;
}
.navpro.navpro.navpro-slideout .navpro-header .navpro-close::before {
transform: rotate(45deg);
}
.navpro.navpro.navpro-slideout .navpro-header .navpro-close::after {
transform: rotate(-45deg);
}
.navpro.navpro.navpro-slideout li.li-item.level0 {
margin: 0;
}
.navpro.navpro.navpro-slideout li.li-item.level0 > a.level-top {
border: 1px solid #eaeaea;
border-radius: 0;
display: block;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark {
background: #0f172a;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark .navpro-menu {
background: #0f172a;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark li.li-item.level0 > a.level-top {
border-color: #131d35;
}
.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: #080d17;
border-radius: 0;
}
.navpro.navpro.navpro-slideout.navpro-theme-dark.orientation-vertical.navpro-accordion::-webkit-scrollbar-thumb {
background-color: #1c2c50;
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, false);
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: #0f172a;
border-color: #0f172a;
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: #0f172a;
border-color: #0f172a;
color: #eaeaea;
}
.navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner h3,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner h3,
.navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children a,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children a,
.navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children .parent > a,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children .parent > a {
color: #eaeaea;
}
@media (min-width: 640px) {
.navpro.navpro-theme-dark .navpro-dropdown,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown {
box-shadow: 0 0 50px -10px rgba(0, 0, 0, 0.5);
}
}
.navpro.navpro-theme-dark .navpro-dropdown .panel,
.navpro.navpro-theme-dark-dropdown .navpro-dropdown .panel {
background-color: #131d35;
}
.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: #0f172a;
}
.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: #0f172a;
border: 1px solid #0f172a;
border-color: #0f172a transparent transparent #0f172a;
}
.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: #0f172a;
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: #0f172a;
}
.navpro.navpro-theme-compact .navpro-dropdown .children > li > a,
.navpro.navpro-theme-compact .navpro-dropdown .children .parent > a {
padding: 4px 5px;
}
.navpro.navpro-theme-compact .navpro-dropdown-inner {
padding: 5px;
}
.navpro.navpro-theme-compact .navpro-item-more > .nav-a-icon-more svg {
width: 15px;
height: 15px;
}
@media (min-width: 640px) {
.navpro.navpro-theme-compact.orientation-horizontal li.level-top > .navpro-dropdown-level1 > .navpro-shevron {
height: 8px;
width: 8px;
top: -4px !important;
}
.navpro.navpro-theme-compact.orientation-horizontal li.level-top > .navpro-dropdown-level1.size-boxed > .navpro-shevron {
top: -3px !important;
}
.dropdown-top.navpro.navpro-theme-compact.orientation-horizontal li.level-top > .navpro-dropdown-level1 > .navpro-shevron {
bottom: -4px !important;
}
.dropdown-top.navpro.navpro-theme-compact.orientation-horizontal li.level-top > .navpro-dropdown-level1.size-boxed > .navpro-shevron {
bottom: -3px !important;
}
}
@media (min-width: 640px) {
.navpro.navpro-theme-compact .navpro-dropdown.size-small {
min-width: 180px;
width: 180px;
}
.navpro.navpro-theme-compact .navpro-dropdown.size-medium {
width: 260px;
}
.navpro.navpro-theme-compact .navpro-dropdown.size-large {
width: 450px;
}
.navpro.navpro-theme-compact .navpro-dropdown.size-xlarge {
width: 600px;
}
}
.navpro-compare .block-compare .block-title {
display: none;
}
.navpro-dropdown-inner {
max-width: 100%;
}
.qty-dropdown .trigger::after {
height: 1.5rem;
width: 1.5rem;
}
.qty-dropdown .dropdown {
--dropdown-width: 7rem;
}
.qty-switcher-dec + input::-webkit-outer-spin-button,
.qty-switcher-dec + input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.qty-dropdown .trigger {
z-index: 11;
}
.qty-dropdown input::-webkit-outer-spin-button,
.qty-dropdown input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.qty-dropdown input[type=number] {
-moz-appearance: textfield;
}
#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,
.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 {
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 .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));
}
.breeze-theme .amsearch-block-header .amsearch-title {
color: rgba(var(--block-title-color), var(--block-title-alpha, 1));
background: rgba(var(--block-title-bg), var(--block-bg-alpha, 1));
}
.breadcrumbs li::after {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
}
.swatch-option-tooltip {
opacity: 0;
transform: scale(0.95);
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 17, 24, 39;
--base-alpha: 1;
--headings-color: var(--base-color);
--headings-alpha: 1;
--block-title-color: var(--base-color);
--link-color: var(--blue);
--link-alpha: 0.85;
--muted-bg: 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: 255, 255, 255;
--button-hover-bg: var(--brand-hover-color);
--button-primary-color: 255, 255, 255;
--button-primary-bg: var(--brand-color);
--button-primary-border-color: var(--button-bg);
--button-secondary-color: var(--gray-600);
--button-secondary-bg: var(--gray-200);
--button-secondary-border-color: var(--button-secondary-bg);
--button-secondary-hover-bg: var(--gray-300);
--input-color: 17, 24, 39;
--input-alpha: 1;
--input-bg: var(--base-bg);
--input-bg-alpha: 1;
--input-border-color: 156, 163, 175;
--input-border-alpha: 1;
transition: 0.3s all ease-in;
transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), display var(--transition-duration), visibility var(--transition-duration) 0s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-behavior: allow-discrete;
padding: var(--dropdown-padding);
width: var(--dropdown-width);
transform-origin: top;
z-index: 850;
visibility: hidden;
margin-top: 0.125rem;
color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
text-align: left;
}
.breeze-inactive .swatch-option-tooltip {
transition: none !important;
}
.swatch-option-tooltip:not([style*="none"]) {
z-index: 851;
opacity: 1;
pointer-events: all;
display: block;
visibility: visible;
transform: scale(1);
}
.qty-dropdown .dropdown,
.field-tooltip-content,
.dropdown.options .dropdown,
.tooltip.wrapper .tooltip.content,
.minicart-wrapper .mage-dropdown-dialog,
.minisearch .search-autocomplete,
.map-popup,
.navigation .submenu {
opacity: 0;
transform: scale(0.95);
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 17, 24, 39;
--base-alpha: 1;
--headings-color: var(--base-color);
--headings-alpha: 1;
--block-title-color: var(--base-color);
--link-color: var(--blue);
--link-alpha: 0.85;
--muted-bg: 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: 255, 255, 255;
--button-hover-bg: var(--brand-hover-color);
--button-primary-color: 255, 255, 255;
--button-primary-bg: var(--brand-color);
--button-primary-border-color: var(--button-bg);
--button-secondary-color: var(--gray-600);
--button-secondary-bg: var(--gray-200);
--button-secondary-border-color: var(--button-secondary-bg);
--button-secondary-hover-bg: var(--gray-300);
--input-color: 17, 24, 39;
--input-alpha: 1;
--input-bg: var(--base-bg);
--input-bg-alpha: 1;
--input-border-color: 156, 163, 175;
--input-border-alpha: 1;
transition: 0.3s all ease-in;
transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), display var(--transition-duration), visibility var(--transition-duration) 0s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-behavior: allow-discrete;
padding: var(--dropdown-padding);
width: var(--dropdown-width);
transform-origin: top;
z-index: 850;
visibility: hidden;
margin-top: 0.125rem;
color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
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: 0.3s all ease-in;
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-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 {
transition: 0.3s all ease-in;
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 {
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 {
--button-color: 255, 255, 255;
--button-bg: var(--brand-color);
--button-border-color: var(--button-bg);
}
@media (hover: hover) {
button:hover,
.action.primary:hover,
input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
.pagebuilder-button-primary:hover,
.pagebuilder-button-secondary:hover,
.pagebuilder-button-link:hover {
background: #f6f5f4;
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 {
--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 {
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: var(--gray-300);
}
}
@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 {
--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 {
--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%;
}
.default[data-content-type="easytabs"] > [data-role="collapsible"],
[data-mage-init*='"tabs":'] > [data-role="collapsible"] {
cursor: pointer;
}
.default[data-content-type="easytabs"] > [data-role="collapsible"]:hover,
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:hover {
--muted-alpha: .9;
--muted-bg-alpha: .5;
background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
.default[data-content-type="easytabs"] > [data-role="collapsible"]:focus-visible,
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:focus-visible {
z-index: 10;
}
@media (max-width: 767.98px) {
.default[data-content-type="easytabs"] > [data-role="collapsible"]::after,
[data-mage-init*='"tabs":'] > [data-role="collapsible"]::after {
transition: 0.3s all ease-in;
transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), display var(--transition-duration), visibility var(--transition-duration) 0s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-behavior: allow-discrete;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
}
.breeze-inactive .default[data-content-type="easytabs"] > [data-role="collapsible"]::after,
.breeze-inactive [data-mage-init*='"tabs":'] > [data-role="collapsible"]::after {
transition: none !important;
}
}
.default[data-content-type="easytabs"] > [data-role="collapsible"][aria-expanded="true"],
.default[data-content-type="easytabs"] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]),
[data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"],
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]) {
--muted-alpha: .9;
background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
.default[data-content-type="easytabs"] > [data-role="collapsible"][aria-expanded="true"]:hover,
.default[data-content-type="easytabs"] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]):hover,
[data-mage-init*='"tabs":'] > [data-role="collapsible"][aria-expanded="true"]:hover,
[data-mage-init*='"tabs":'] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]):hover {
--muted-bg-alpha: 1;
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"],
.accordion[data-content-type="easytabs"] > .title,
[data-content-type="tabs"] .tab-header {
cursor: pointer;
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"]:hover,
.accordion[data-content-type="easytabs"] > .title:hover,
[data-content-type="tabs"] .tab-header:hover {
--muted-alpha: .9;
--muted-bg-alpha: .5;
background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"]:focus-visible,
.accordion[data-content-type="easytabs"] > .title:focus-visible,
[data-content-type="tabs"] .tab-header:focus-visible {
z-index: 10;
}
.accordion[data-content-type="easytabs"] > .title::after {
transition: 0.3s all ease-in;
transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), display var(--transition-duration), visibility var(--transition-duration) 0s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-behavior: allow-discrete;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
}
.breeze-inactive .accordion[data-content-type="easytabs"] > .title::after {
transition: none !important;
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"][aria-expanded="true"],
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]),
.accordion[data-content-type="easytabs"] > .title[aria-expanded="true"],
[data-content-type="tabs"] .tab-header.active {
--muted-alpha: .9;
background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"][aria-expanded="true"]:hover,
.collapsed[data-content-type="easytabs"] > [role=tablist] > [data-role="collapsible"]:nth-child(1):not([aria-expanded]):hover,
.accordion[data-content-type="easytabs"] > .title[aria-expanded="true"]:hover,
[data-content-type="tabs"] .tab-header.active:hover {
--muted-bg-alpha: 1;
}
.qty-dropdown .trigger > span,
.minicart-items .details-qty .update-cart-item span,
.minicart-items .action.edit span,
.minicart-items .action.delete span,
.review-control-vote label span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.mobile-header-panel .switcher .label {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
.minicart-items .details-qty .label,
.minicart-items .details-qty .value {
font-size: 0.875rem;
line-height: 1.25rem;
}
.block-minicart .items-total {
font-size: 1.125rem;
line-height: 1.75rem;
}
.block-minicart .block-content > .actions a.action {
color: rgba(var(--link-color), var(--link-alpha));
text-decoration: none;
}
.block-minicart .block-content > .actions a.action:hover {
--link-alpha: 1;
text-decoration: underline;
}
.popup-authentication .block-new-customer p {
margin-bottom: 0.75rem;
}
.popup-authentication .block-new-customer ul {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.popup-authentication .block-new-customer ul {
padding-left: 1.25rem;
}
.popup-authentication .block-new-customer ul {
list-style: disc;
}
.navpro-dropdown {
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 17, 24, 39;
--base-alpha: 1;
--headings-color: var(--base-color);
--headings-alpha: 1;
--block-title-color: var(--base-color);
--link-color: var(--blue);
--link-alpha: 0.85;
--muted-bg: 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: 255, 255, 255;
--button-hover-bg: var(--brand-hover-color);
--button-primary-color: 255, 255, 255;
--button-primary-bg: var(--brand-color);
--button-primary-border-color: var(--button-bg);
--button-secondary-color: var(--gray-600);
--button-secondary-bg: var(--gray-200);
--button-secondary-border-color: var(--button-secondary-bg);
--button-secondary-hover-bg: var(--gray-300);
--input-color: 17, 24, 39;
--input-alpha: 1;
--input-bg: var(--base-bg);
--input-bg-alpha: 1;
--input-border-color: 156, 163, 175;
--input-border-alpha: 1;
}
div.mage-error,
div.field-error {
margin-top: 0.125rem;
font-size: .9rem;
color: rgba(var(--danger-color), var(--danger-alpha, 1));
}
.field-tooltip {
--dropdown-width: 18rem;
--dropdown-padding: 0.5rem 0.75rem;
}
.field-tooltip-action::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.ui-datepicker .ui-datepicker-calendar td {
padding: 0;
}
.ui-datepicker-trigger::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.shadow-sm {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.shadow-lg {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow-xl {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.shadow-2xl {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.shadow-sm-around {
box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.05);
}
.shadow-around {
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md-around {
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.06);
}
.shadow-lg-around {
box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
}
.shadow-xl-around {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.04);
}
.shadow-2xl-around {
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}
[data-mage-init*='"collapsible":'] > [data-role=content] {
transition-behavior: normal;
}
.block-collapsible-nav .title {
cursor: pointer;
}
.block-collapsible-nav .content a:hover {
text-decoration: none;
--base-bg-alpha: .8;
background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
}
@media (min-width: 768px) {
.block-collapsible-nav .content {
position: sticky;
top: 0.5rem;
left: 0;
}
}
@media (min-width: 640px) {
.ui-dialog.popup {
width: 24rem;
}
}
.ui-dialog.popup .action.close {
position: absolute;
z-index: 101;
right: 0.5rem;
top: 0.5rem;
}
.dropdown.options .block-title {
padding: 0;
border: 0;
margin-bottom: 0.5rem;
}
.dropdown.options .subtitle {
display: block;
margin-bottom: 0.75rem;
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
}
.dropdown.options .product-item + .product-item {
margin-top: 1rem;
}
.dropdown.options .actions-toolbar {
justify-content: center;
margin-top: 1rem;
}
.dropdown.options .empty {
font-weight: 500;
}
@starting-style {
.dropdown.options .dropdown[aria-hidden="false"] {
opacity: 0;
transform: scale(0.95);
}
}
:root {
--dropdown-padding: 0.5rem;
--dropdown-width: 11rem;
}
.dropdown-lg {
--dropdown-padding: 0.75rem 1rem;
--dropdown-width: 18rem;
}
.dropdown-xl,
.map-popup {
--dropdown-padding: 0.75rem 1rem;
--dropdown-width: 20rem;
}
.modals-overlay,
.modal-custom-overlay {
transition: 0.3s all ease-in;
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));
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.04);
opacity: 0;
}
.modal-xl .modal-inner-wrap {
--modal-max-width: 850px;
}
@media (max-width: 767.98px) {
.modal-inner-wrap {
transform: translateY(10px);
}
}
@media (min-width: 768px) {
.modal-inner-wrap {
transform: scale(0.97);
}
}
[data-type="slide"] .modal-inner-wrap {
width: 100%;
height: 100%;
max-width: 420px;
max-height: none;
border-radius: 0;
transform: translateX(100%);
}
._show .modal-inner-wrap {
pointer-events: auto;
transform: none;
opacity: 1;
}
.modal-header,
.modal-content,
.modal-footer {
padding: 0 var(--modal-padding-x);
}
.modal-header,
.modal-footer {
flex-shrink: 0;
padding-top: var(--modal-padding-y);
position: relative;
z-index: 10;
}
.modal-header h1 {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 1rem;
}
.modal-header .action-close {
background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
position: absolute;
top: calc(var(--modal-padding-y) / 3);
right: calc(var(--modal-padding-x) / 3);
}
.modal-content {
overflow: auto;
overscroll-behavior: contain;
padding-bottom: 3px;
padding-top: 3px;
}
.modal-content:last-child {
padding-bottom: var(--modal-padding-y);
}
.modal-content .message .button-close {
display: none;
}
.modal-footer {
padding-bottom: var(--modal-padding-y);
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
.page-header .action.skip {
--base-color: 17, 24, 39;
--base-alpha: 1;
position: absolute;
left: 0.5rem;
top: 0.5rem;
z-index: 40;
text-align: center;
background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
color: rgba(var(--base-color), var(--base-alpha, 1));
}
.page-header .action.skip:hover {
text-decoration: underline;
}
.page-header .action.skip:focus-within {
outline-offset: 0;
padding: 0.375rem 0.5rem;
}
@media (max-width: 767.98px) {
.sidebar .action.skip {
display: none !important;
}
}
.loading-mask + .loading-mask {
opacity: 0;
}
.load.indicator[style*="display: inline"] {
display: flex !important;
}
.load.indicator::before {
content: '';
display: block;
}
.load.indicator span {
display: none;
}
.tooltip.wrapper {
--dropdown-width: 16rem;
--dropdown-padding: 0.5rem 0.75rem;
}
.tooltip.wrapper .tooltip.toggle {
cursor: help;
}
.tooltip.wrapper .subtitle {
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 400;
display: block;
margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
.tooltip.wrapper {
--dropdown-width: 12rem;
}
}
.towishlist::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.tocompare::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.action.print::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.action.mailto::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
.hover-zoom {
overflow: hidden;
}
.hover-zoom > a {
outline-offset: -4px;
}
.hover-zoom > img,
.hover-zoom [data-background-images^="{\\"],
.hover-zoom [data-background-images^="{\\"] > * {
transition: transform 600ms cubic-bezier(0.35, 0, 0.05, 1);
}
.hover-zoom:hover [data-background-images^="{\\"] {
transform: scale(1.05);
}
.hover-zoom:hover [data-background-images^="{\\"] > * {
transform: scale(0.95);
}
.hover-zoom:hover > img {
transform: scale(1.05);
}
}
.popup-authentication .modal-inner-wrap {
--modal-max-width: 850px;
}
.popup-authentication .block-authentication {
padding: 0 1rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 768px) {
.popup-authentication .block-authentication {
flex-direction: row;
gap: 2rem;
}
.popup-authentication .block-authentication > .block {
flex-grow: 1;
flex-basis: 0;
}
}
.block .block-title .counter {
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
}
.block-compare .action.delete,
.filter .action.remove,
.sidebar .action.delete,
.sidebar .action.remove {
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
}
.block-compare .action.delete::before,
.filter .action.remove::before,
.sidebar .action.delete::before,
.sidebar .action.remove::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1rem 1rem;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.dropdown .header.links {
flex-direction: column;
gap: 0;
}
.mobile-header-panel {
margin: auto 0 0 0;
padding: 1rem;
border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
border-width: 1px 0 0 0;
}
.mobile-header-panel .slideout\:hide {
display: none !important;
}
.mobile-header-panel .slideout\:block {
display: block !important;
}
.mobile-header-panel .slideout\:inline {
display: inline !important;
}
.mobile-header-panel .slideout\:flex {
display: flex !important;
}
.mobile-header-panel .slideout\:inline-flex {
display: inline-flex !important;
}
.mobile-header-panel hr {
width: 100%;
}
.mobile-header-panel .heading,
.mobile-header-panel .switcher-label {
display: block;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 600;
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
}
.mobile-header-panel .switcher,
.mobile-header-panel .header-panel-info {
margin-top: 1rem;
display: flex;
gap: 0.75rem;
}
.mobile-header-panel .switcher a:not(.toggle),
.mobile-header-panel .header-panel-info a:not(.toggle) {
opacity: 0.7;
}
.mobile-header-panel .switcher + .switcher {
margin-top: 0.5rem;
}
.mobile-header-panel .switcher .switcher-dropdown {
width: 100%;
max-height: 70dvh;
min-width: 200px;
overflow: auto;
transform-origin: bottom;
margin: 0 0 0.5rem;
}
.mobile-header-panel .header-panel-info {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
margin: 0;
}
.mobile-header-panel :where(.header-panel-info > div) {
width: 100%;
}
@media (max-width: 767.98px) {
.block.filter .filter-content {
left: 0;
top: 0;
bottom: 0;
width: 24rem;
z-index: 850;
max-width: calc(100vw - 4rem);
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
transform: translateX(-100%);
overscroll-behavior: contain;
overflow: auto;
padding: 1rem;
}
.active.block.filter .filter-content,
.filter-active .block.filter .filter-content {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
.block.filter:not(.active) .filter-content [data-mage-init*='"collapsible":'] > [data-role=content][aria-hidden=false] {
visibility: hidden;
}
.block.filter .filter-title strong::before {
transition: 0.3s all ease-in;
transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), display var(--transition-duration), visibility var(--transition-duration) 0s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-behavior: allow-discrete;
inset: 0;
margin: 0 !important;
padding: 0 !important;
position: fixed;
visibility: hidden;
content: '';
z-index: 810;
opacity: 0;
pointer-events: none;
background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8));
}
.breeze-inactive .block.filter .filter-title strong::before {
transition: none !important;
}
.active.block.filter .filter-title strong::before,
.filter-active .block.filter .filter-title strong::before {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.block.filter .filter-title strong::after {
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
z-index: 811;
color: rgba(var(--base-bg), var(--base-bg-alpha, 1));
content: '';
width: 1.5rem;
height: 1.5rem;
top: 1.25rem;
left: min(calc(24rem + 1.125rem), calc(100vw - 2.75rem));
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
transform: translateX(-20px);
}
.active.block.filter .filter-title strong::after,
.filter-active .block.filter .filter-title strong::after {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateX(0);
}
}
@media (min-width: 768px) {
.column.main .block.filter .filter-options-content {
opacity: 0;
transform: scale(0.95);
color: rgba(var(--base-color), var(--base-alpha, 1));
--base-color: 17, 24, 39;
--base-alpha: 1;
--headings-color: var(--base-color);
--headings-alpha: 1;
--block-title-color: var(--base-color);
--link-color: var(--blue);
--link-alpha: 0.85;
--muted-bg: 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: 255, 255, 255;
--button-hover-bg: var(--brand-hover-color);
--button-primary-color: 255, 255, 255;
--button-primary-bg: var(--brand-color);
--button-primary-border-color: var(--button-bg);
--button-secondary-color: var(--gray-600);
--button-secondary-bg: var(--gray-200);
--button-secondary-border-color: var(--button-secondary-bg);
--button-secondary-hover-bg: var(--gray-300);
--input-color: 17, 24, 39;
--input-alpha: 1;
--input-bg: var(--base-bg);
--input-bg-alpha: 1;
--input-border-color: 156, 163, 175;
--input-border-alpha: 1;
transition: 0.3s all ease-in;
transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), display var(--transition-duration), visibility var(--transition-duration) 0s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-behavior: allow-discrete;
padding: var(--dropdown-padding);
width: var(--dropdown-width);
transform-origin: top;
z-index: 850;
visibility: hidden;
margin-top: 0.125rem;
color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
border: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
text-align: left;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.breeze-inactive .column.main .block.filter .filter-options-content {
transition: none !important;
}
.column.main .block.filter .filter-options-content[aria-hidden=false] {
z-index: 851;
opacity: 1;
pointer-events: all;
display: block;
visibility: visible;
transform: scale(1);
}
.column.main .block.filter .filter-options-content .item {
--divider-alpha: 0.05;
cursor: pointer;
display: flex;
}
.column.main .block.filter .filter-options-content .item:hover {
background: rgba(var(--base-color), var(--divider-alpha, .1));
}
}
.block.filter a:hover {
text-decoration: underline;
}
.block.filter .filter-title {
cursor: initial;
}
.block.filter .filter-title::after {
-webkit-mask: none;
}
@media (min-width: 768px) {
.block.filter .filter-content,
.block.filter .filter-title strong::after {
transition: none;
}
}
@media (max-width: 767.98px) {
.block.filter [data-role="title"] {
cursor: pointer;
}
.active.block.filter [data-role="title"] {
-webkit-tap-highlight-color: transparent;
}
.block.filter .filter-title::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.block.filter .filter-content {
padding: 1rem 1.5rem;
}
}
.product-item-name a:hover {
text-decoration: underline;
}
.actions-secondary .action:hover {
--muted-alpha: .9;
}
.actions-secondary .action::before {
-webkit-mask-size: 1.5rem;
}
.sorter-action::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.toolbar .sort-desc::before {
transform: rotate(180deg);
}
.toolbar .sorter-action:hover {
--muted-alpha: .9;
}
.toolbar .modes a:hover {
--muted-alpha: .9;
}
.toolbar .mode-grid::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.toolbar .mode-list::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.pages a.page:hover {
background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1));
}
.pages .action.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.6));
margin: 0.25rem 0;
display: flex;
align-items: center;
gap: 0.375rem;
}
.minicart-items .details-qty .item-qty {
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
width: 2.5rem;
border-color: transparent;
margin-left: -0.25rem;
}
.minicart-items .details-qty .update-cart-item::before {
content: '';
display: block;
width: 1rem;
height: 1rem;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1rem 1rem;
}
.minicart-items .actions {
display: flex;
gap: 0.125rem;
position: absolute;
bottom: 0.5rem;
right: 0;
}
.minicart-items .actions a {
display: flex;
color: rgba(var(--base-color), var(--muted-alpha, 0.6));
}
.minicart-items .action.edit::before,
.minicart-items .action.delete::before {
content: '';
display: block;
width: 1.5rem;
height: 1.5rem;
}
.minicart-items .action.edit::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.minicart-items .action.delete::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.minicart-items .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: 1rem 1rem;
}
.message.success {
--message-bg: var(--green-muted);
--message-color: var(--green);
}
.message.success::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.message.info,
.message.warning,
.message.notice {
--message-bg: var(--blue-muted);
--message-color: var(--blue);
}
.message.info::before,
.message.warning::before,
.message.notice::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.message.error {
--message-bg: var(--red-muted);
--message-color: var(--red);
}
.message.error::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
}
.map-popup {
transition: opacity var(--transition-duration), visibility var(--transition-duration) 0s;
width: 100%;
right: auto;
left: 0;
}
.map-popup.active {
z-index: 950;
/* Move above modal since map can be triggered within the modal */
}
.map-popup .action.tocart {
width: 100%;
}
.map-popup-wrapper.ui-dialog .action.close {
z-index: 951;
}
.map-form-addtocart {
margin: 0.5rem 0;
}
.actual-price {
font-weight: 500;
}
.additional-addtocart-box {
margin: 0.5rem 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.additional-addtocart-box:empty {
display: none;
}
.additional-addtocart-box > div {
max-width: calc(50% - 0.25rem);
}
@media (max-width: 639.98px) {
.navigation-wrapper {
left: 0;
top: 0;
bottom: 0;
width: 24rem;
z-index: 850;
max-width: calc(100vw - 4rem);
background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
transform: translateX(-100%);
overscroll-behavior: contain;
overflow: auto;
padding: 1rem;
}
.nav-open .navigation-wrapper {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
.nav-open .navigation-wrapper,
.nav-before-open .navigation-wrapper {
display: block;
}
.nav-toggle::before {
transition: 0.3s all ease-in;
transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), text-decoration-color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), display var(--transition-duration), visibility var(--transition-duration) 0s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-behavior: allow-discrete;
inset: 0;
margin: 0 !important;
padding: 0 !important;
position: fixed;
visibility: hidden;
content: '';
z-index: 810;
opacity: 0;
pointer-events: none;
background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8));
}
.breeze-inactive .nav-toggle::before {
transition: none !important;
}
.nav-open .nav-toggle::before {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.nav-toggle span::after {
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
z-index: 811;
color: rgba(var(--base-bg), var(--base-bg-alpha, 1));
content: '';
width: 1.5rem;
height: 1.5rem;
top: 1.25rem;
left: min(calc(24rem + 1.125rem), calc(100vw - 2.75rem));
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
transform: translateX(-20px);
}
.nav-open .nav-toggle span::after {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateX(0);
}
}
@media (min-width: 640px) {
.navigation-wrapper {
transition: none;
}
}
.nav-toggle {
cursor: pointer;
}
.nav-open .nav-toggle {
-webkit-tap-highlight-color: transparent;
}
@media (max-width: 639.98px) {
.nav-before-open .nav-toggle span {
clip: unset;
}
}
.navigation li > a {
position: relative;
}
.navigation .parent > a .ui-icon,
.navigation .parent > a::after {
content: '';
position: absolute;
right: 0.125rem;
top: 50%;
margin-top: -0.75rem;
width: 1.5rem;
height: 1.5rem;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 0.75rem 0.75rem;
}
.navigation .parent > a .ui-icon {
-webkit-mask-size: 1rem 1rem;
}
@media (max-width: 639.98px) {
.navigation-wrapper {
overflow: visible;
padding: 0;
}
.navigation-wrapper .navigation-section {
display: flex;
flex-direction: column;
height: 100%;
}
.navigation-wrapper .navigation {
height: 100%;
overflow: auto;
padding: 1rem;
}
.navigation-wrapper .navigation ul {
margin: 0;
}
.navigation-wrapper li > a {
padding: 0.5rem;
}
.navigation-wrapper .submenu {
padding: 0 0 0 1rem;
width: auto;
border: 0;
box-shadow: none;
background: none;
transform: scale(1);
transition-behavior: normal;
}
body:not(.breeze) .navigation-wrapper .submenu,
.navigation-wrapper .submenu.shown,
.navigation-wrapper .submenu[aria-expanded="true"]:not([aria-hidden]) {
position: static !important;
transform: scale(1);
}
body:not(.breeze) .navigation-wrapper .submenu .ui-icon {
display: none;
}
body:not(.breeze) .navigation-wrapper .submenu[aria-expanded="true"]:not([aria-hidden]) .submenu {
display: block !important;
}
.navigation-wrapper .parent > a::after {
display: none;
}
.navigation-wrapper .opened > a .ui-icon {
transform: rotate(90deg);
}
}
@media (min-width: 640px) {
.navigation-wrapper li > a:hover,
.navigation-wrapper .opened > a {
background: rgba(var(--base-color), var(--divider-alpha, .1));
}
.navigation-wrapper li > a.level-top:hover,
.navigation-wrapper .opened > a.level-top {
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-color: rgba(var(--base-color), var(--divider-alpha, .1));
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.navigation-wrapper .submenu .submenu {
top: -0.125rem !important;
left: calc(100% - 1rem) !important;
}
@starting-style {
.navigation-wrapper .submenu.shown {
opacity: 0;
transform: scale(0.95);
}
}
}
.slick-next::before,
.slick-prev::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.5rem 1.5rem;
}
.slick-prev::before {
transform: scaleX(-1);
}
#html-body [data-show-button="hover"]:hover button {
opacity: 1;
visibility: visible;
}
@media (min-width: 768px) {
.product.media:not(:has(.opened)),
.product-info-wrapper .product-info-main {
position: sticky;
top: 1rem;
z-index: 20;
align-self: flex-start;
}
.modal-content .product.media:not(:has(.opened)),
.modal-content .product-info-wrapper .product-info-main {
top: 0;
}
}
.product-social-links a.action:hover,
.product-social-links button.action:hover {
--muted-alpha: .8;
}
.bundle-wrapper {
display: flex;
gap: 1rem;
flex-direction: column;
}
@media (min-width: 768px) {
.bundle-wrapper {
align-items: flex-start;
flex-direction: row;
}
.bundle-wrapper > div {
width: 50%;
}
.bundle-wrapper .block-bundle-summary {
position: sticky;
top: 0;
right: 0;
}
}
.bundle-wrapper .product-addto-links {
display: none;
}
.fieldset-bundle-options .title,
.block-bundle-summary .title,
.block-bundle-summary .subtitle {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 500;
margin-bottom: 1rem;
padding: 0.75rem 0;
border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
}
.product-options-wrapper .action.back {
color: rgba(var(--base-color), var(--base-alpha, 1)) !important;
}
.product-options-wrapper .action.back:hover {
text-decoration: underline !important;
}
.product-options-wrapper .field.option > .label {
font-weight: 500;
}
.product-options-wrapper .field.option + .field {
margin-top: 1.5rem;
}
.product-options-wrapper .field.qty {
margin-top: 0.5rem;
}
.block-bundle-summary .content {
display: flex;
flex-direction: column;
gap: 1rem;
}
.block-bundle-summary .product.name,
.block-bundle-summary .stock {
display: none;
}
.block-bundle-summary .product-image-container {
margin-bottom: 0.75rem;
}
.block-bundle-summary .product-details {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.block-bundle-summary .price-box {
font-size: 1.5rem;
line-height: 2rem;
}
.block-bundle-summary .bundle-summary {
order: -1;
}
.block-bundle-summary .subtitle {
display: none;
}
.block-bundle-summary .bundle.items li {
margin-top: 0.375rem;
}
@media (min-width: 768px) {
.block-bundle-summary .content {
gap: 0.5rem;
}
.block-bundle-summary .bundle-summary {
order: initial;
}
.block-bundle-summary .subtitle {
display: block;
border: 0;
padding: 0;
}
}
.rating-result::before,
.rating-result > span::before {
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') no-repeat 50% 50%;
-webkit-mask-size: 1.25rem 1.25rem;
-webkit-mask-repeat: repeat-x;
-webkit-mask-position: 0 50%;
}
.rating-result > span {
color: rgb(var(--yellow));
}
.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: rgb(var(--yellow));
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-categories .block-title .subtitle {
line-height: normal;
}
.mobile-switcher .dropdown.options .dropdown {
--dropdown-padding: 1rem;
--dropdown-width: 22rem;
margin-top: -9rem;
}
.breadcrumbs {
display: none;
}
header.page-header .header.content .logo {
margin: 0 auto;
max-width: 50%;
}
header.page-header .navpro.navpro .level0.parent > .level-top {
padding-right: 30px;
}
header.page-header .navpro-icon-caret::before {
right: 11px;
}
.mobile-header-panel {
display: none;
}
.product.media .product.attribute.overview {
margin: 2rem 0;
}
}
@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.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;
}
}
header.page-header .header.panel {
padding-bottom: 10px;
padding-top: 10px;
}
header.page-header .header.content {
display: grid;
grid-template-columns: 1fr 2fr auto auto auto;
padding-bottom: 1rem;
padding-top: 1rem;
}
header.page-header .header.content .logo {
padding-right: 4rem;
}
header.page-header .minicart-wrapper {
height: 29px;
margin: 0;
}
header.page-header .panel.header > .header.links,
header.page-header .panel.header .switcher-language,
header.page-header .panel.header > .header.links > li.welcome,
header.page-header .panel.header > .header.links > li.authorization-link,
header.page-header .panel.header > .header.links > li:has([href*="customer/account/create"]) {
display: none;
}
.navigation-section {
background: #EF8C39;
margin: 0;
}
.navigation-section .navigation {
font-weight: 700;
}
.navigation-section .navpro-menu .level0 > .level-top {
color: #f0f0f0;
font-size: 16px;
padding: 16px 20px;
}
.navigation-section .navpro-menu .level0 > .level-top:first-child {
padding-left: 0;
}
.navigation-section .navpro-menu .level0 > .level-top:last-child {
padding-right: 0;
}
:where(.page-wrapper, .page-header) > .navigation-wrapper .navigation > ul {
padding: 0 1rem;
gap: 0 1.5rem;
}
.cms-index-index .page-main {
max-width: 1300px !important;
padding-left: 10px !important;
padding-right: 10px !important;
margin-left: auto;
margin-right: auto;
}
.cms-index-index .swiper-container-horizontal > .swiper-pagination-bullets {
padding: 32px 56px;
}
.easyslide-swiper-assortiment-homepage-rk .swiper-slide {
width: 240px;
}
.cms-index-index .easyslide-description .action {
padding: 1rem 2.5rem;
font-size: 1.4rem;
}
/* Ensure the image and video are not clickable on desktop */
.banner-image-homepagina img,
.banner-video-homepagina img,
.banner-twee img,
.banner-image-homepagina video,
.banner-video-homepagina video,
.banner-twee video {
pointer-events: none;
}
.banner-image-homepagina a,
.banner-video-homepagina a,
.banner-twee a {
position: relative;
/* Ensure the link is positioned relative to the button */
z-index: 2;
/* Ensure it stays above other elements */
display: inline-block;
/* Restrict link area to the button */
width: auto;
/* Prevent link from covering the entire banner */
height: auto;
/* Ensure height is only the button size */
}
.catalog-category-view .easycatalogimg-masonry.easycatalogimg-cols-4:not(:has(.item:nth-child(5))) .item {
width: 236px;
}
.catalog-category-view .easycatalogimg {
margin-bottom: 4rem;
}
.catalog-category-view .toolbar-products .toolbar-filter {
display: none;
}
.page-main .category-view h1 {
font-size: 3.5rem;
}
.filter-content .item .label {
margin-left: 5px;
}
.product-options-wrapper .swatch-option {
height: 7rem;
min-width: 7rem;
}
.product.info.detailed .tabs-toolbar-item.active {
color: #fff;
}
.field.qty .input-text.qty {
min-height: 4.25rem;
}
.product.info.detailed:has(.tabs-toolbar) {
padding-top: 2rem;
}
.tabs-toolbar + .product.data.items.expanded {
padding-top: 3rem;
}
.product.info.detailed .tabs-toolbar ~ .data.items > #tab-label-products\.cross-sell {
visibility: visible;
height: auto;
}
.product.info.detailed .tabs-toolbar ~ .data.items > #tab-label-products\.cross-sell .title {
margin: 0;
}
.page-header .amsearch-wrapper-block {
display: inline-block;
}
.page-header .amsearch-input-wrapper {
width: 100%;
}
.page-header div[data-bind="scope:'index = amsearch_loupe_trigger'"] {
display: none;
}
.amsearch-loader-block {
right: 60px;
}
}
@media all and (min-width: 1024px), print {
.breeze-gallery.opened {
padding: 30px;
}
header.page-header .header.panel .header-cms-links .carousel > * {
flex: 0 0 100%;
}
.navigation-section .navpro-icon-caret::before,
.navigation-section .navpro .parent > a::before {
right: 0;
}
.footer-middle .footer-links .footer.links {
justify-content: space-between;
}
.footer-bottom-wrapper {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.footer-bottom-wrapper .footer-bottom-content {
text-align: right;
font-size: 14px;
}
.cms-index-index .easyslide-description {
pointer-events: none;
}
/* Zorg ervoor dat de afbeelding niet klikbaar is op desktop */
.cms-index-index .banner-vier {
/* Zorg ervoor dat de link alleen de knop beïnvloedt op desktop */
}
.cms-index-index .banner-vier img {
pointer-events: none;
}
.cms-index-index .banner-vier a {
position: relative;
z-index: 2;
display: inline-block;
width: auto;
height: auto;
}
.cms-index-index .combined-header,
.cms-index-index .banner-twee-header {
font-size: 2rem;
}
.image-block.element .info {
padding: 3em;
padding-left: 0;
}
.catalog-category-view .easycatalogimg.swiper-container-initialized .swiper-wrapper {
gap: 0;
}
.catalog-category-view .easycatalogimg .easycatalogimg-listing:not(.swiper-wrapper) .item:nth-child(n + 3) {
display: block;
}
.catalog-category-view .easycatalogimg .easycatalogimg-listing:not(.swiper-wrapper) .item:nth-child(n + 5) {
display: none;
}
.catalog-category-view .page-main .filter .filter-options .button-wrapper {
display: none;
}
.catalog-product-view .product-info-wrapper {
gap: 3rem;
}
#product\.info\.description .additional-attributes-wrapper:only-child,
#product\.info\.description:has(.additional-attributes-wrapper + p [data-id="show-less"]) .additional-attributes-wrapper {
float: none;
margin: 0 auto;
}
.tabs-toolbar + .product.data.items.expanded #product\.info\.description .additional-attributes-wrapper {
margin-top: -2rem;
}
.page-header .amsearch-wrapper-block {
margin-right: 40px;
}
}
@media all and (min-width: 1280px), print {
header.page-header .header.panel .header-cms-links .carousel .group {
gap: 40px;
}
.footer-middle .footer-links .footer.links .argento-grid {
gap: 6rem;
}
.cms-index-index .combined-header,
.cms-index-index .banner-twee-header {
font-size: 2.4rem;
}
.easyslide-swiper-assortiment-homepage-rk .swiper-slide {
width: 308px;
}
.catalog-category-view .easycatalogimg-masonry.easycatalogimg-cols-4:not(:has(.item:nth-child(5))) .item {
width: 299px;
}
}
@keyframes scrollLeft {
from {
-moz-transform: translateX(0);
transform: translateX(0);
}
to {
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@media only screen and (min-width: 1024px) {
:is(.banner-hover-effect):before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 300%;
background: linear-gradient(0deg, transparent, transparent 30%, rgba(255, 255, 255, 0.15));
transform: rotate(-45deg);
transition: all 0.5s ease;
opacity: 0;
}
:is(.banner-hover-effect):hover:before {
opacity: 1;
transform: rotate(-45deg) translateY(100%);
}
.banner-text .text-header,
.banner-text .text-subheader {
transition: color 0.35s ease-out;
}
.banner-text:hover .text-header {
color: #EF8C39;
}
.banner-text:hover .text-subheader {
color: #ffffff;
}
.page-main button:hover,
.page-main button:active,
.page-main button:focus,
.page-main .action:hover,
.page-main .action:focus {
transform: translateY(-4px);
}
.page-header .minicart-wrapper:hover,
.page-header .minicart-wrapper:focus,
.page-header .switcher:hover,
.page-header .switcher:focus,
.icon:hover,
.icon:focus {
scale: 1.05;
}
.swiper-slide:hover .easyslide-description > *,
.swiper-slide:focus .easyslide-description > * {
color: #ffffff;
}
}
@font-face {
font-family: 'Inter Fallback';
src: local(Arial);
size-adjust: 100%;
}
@font-face {
font-family: 'Inter Fallback';
font-weight: 500;
src: local('Arial Bold');
size-adjust: 100%;
}
@font-face {
font-family: 'Inter Fallback';
font-weight: 700;
src: local('Arial Bold');
size-adjust: 102.7%;
}
@font-face {
font-family: 'Inter Fallback Linux';
src: local('Liberation Sans');
size-adjust: 106%;
}
@font-face {
font-family: 'Inter Fallback Linux';
font-weight: 500;
src: local('Liberation Sans Bold');
size-adjust: 100%;
}
@font-face {
font-family: 'Inter Fallback Linux';
font-weight: 700;
src: local('Liberation Sans Bold');
size-adjust: 102.7%;
}
@media only screen and (max-width: 989px) {
header.page-header .header.panel .header-cms-links {
padding-top: 0;
padding-bottom: 0;
}
header.page-header .header.panel .header-cms-links .carousel > * {
flex: 0 0 95%;
}
header.page-header .header.panel .header-cms-links .carousel .group {
animation: scrollLeft 30s linear infinite;
}
}
@media only screen and (max-width: 600px) {
.switcher-wishlist,
.switcher-account {
display: none;
}
.switcher-wrapper {
display: flex;
justify-content: space-around;
padding: 1rem 0rem;
background: #ef8c39;
color: #fff;
}
.switcher-wrapper span {
font-weight: 700;
}
}
.page-footer {
position: relative;
background: #f6f5f4;
margin-top: 4rem;
}
.page-footer::before {
content: '';
background-image: url('../images/bsxl.svg');
background-repeat: no-repeat;
background-position-x: calc(-.025 * min(649px, 100vw));
background-position-y: calc(-.14 * min(649px, 100vh));
background-size: contain;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: min(649px, 100%);
}
.page-footer > * {
position: relative;
}
.footer-middle,
.footer-bottom-wrapper {
max-width: 1280px;
margin: 0 auto;
}
.footer-middle .footer.links {
padding: 2rem 1rem;
}
.footer-middle .footer.links .argento-grid {
display: flex;
gap: 2rem;
line-height: 2;
padding-bottom: 1.5rem;
}
.footer-middle .footer.links .block.newsletter .form {
margin: 0;
width: fit-content;
}
.footer-middle .footer.links .block.newsletter .form input[type=email] {
height: 46px;
border: 1px solid #d9d9d9;
}
.footer-middle .footer.links .block.newsletter .form .actions {
position: absolute;
right: 0;
top: 2px;
}
.footer-middle .footer.links .block.newsletter .form .actions button {
position: relative;
--button-bg: transparent;
padding-left: 1.5rem;
padding-right: 1.5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.footer-middle .footer.links .block.newsletter .form .actions button span {
overflow: hidden;
width: 1px;
}
.footer-middle .footer.links .block.newsletter .form .actions button:after {
content: '';
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAzMSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjcuMzIxIDYtMy43NDgtNC4zNkwyNS4wNTUuMzc2IDMwLjgwNyA3bC01LjcyOCA2LjY2NS0xLjUxNS0xLjMxMkwyNy4zMjEgOEguNFY2YzguOTYuMDEzIDE3Ljk2MiAwIDI2LjkyMSAweiIvPjwvc3ZnPg==');
width: 31px;
height: 31px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.footer-middle .footer.links .block.newsletter .form .actions button:hover,
.footer-middle .footer.links .block.newsletter .form .actions button:focus {
background: #000;
}
.footer-middle .footer.links .block.newsletter .form .actions button:hover:after,
.footer-middle .footer.links .block.newsletter .form .actions button:focus:after {
filter: invert(1);
}
.footer-bottom {
background: linear-gradient(90deg, #0d1f3d 19.62%, #00358d 100%);
color: #fff;
padding: 1.5rem;
}
.footer-bottom .copyright {
color: #999;
font-size: 14px;
}
@media only screen and (max-width: 989px) {
.footer-middle .footer.links {
justify-content: flex-start;
}
.footer-bottom .footer-bottom-wrapper {
display: flex;
flex-direction: column-reverse;
text-align: center;
}
.footer-bottom .footer-bottom-wrapper .footer.links {
padding: 1rem;
}
}
.block-minicart .subtotal {
text-align: initial;
}
.block.newsletter .action.subscribe {
box-shadow: none;
}
.block.newsletter .action.subscribe:hover,
.block.newsletter .action.subscribe:active,
.block.newsletter .action.subscribe:focus {
transform: none;
}
.product-image-wrapper {
border-radius: 10px;
}
.product-image-wrapper img {
height: 100%;
object-fit: cover;
width: 100%;
}
.product-item-actions .actions-secondary > .action {
overflow: clip;
}
.swiper-slide .product-image-wrapper {
box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.1);
}
/* critical CSS for slider */
.easyslide-swiper-assortiment-homepage-rk {
padding: 0 0 20px;
}
.easyslide-swiper-assortiment-homepage-rk .swiper-wrapper {
display: flex;
padding: 15px 0 0;
}
.easyslide-swiper-assortiment-homepage-rk .swiper-slide {
margin-right: 15px;
}
.easyslide-swiper-assortiment-homepage-rk .swiper-slide .easyslide-description {
padding: 15px 20px;
}
.easyslide-swiper-assortiment-homepage-rk .easyslide-background-light {
background: rgba(239, 140, 57, 0.65);
color: #000;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.easyslide-swiper-assortiment-homepage-rk .swiper-pagination-bullets {
position: static;
transform: none;
padding: 30px 0 15px;
gap: .5rem;
justify-content: center;
}
.easyslide-swiper-assortiment-homepage-rk .swiper-pagination-bullets > .swiper-pagination-bullet {
width: 4rem;
height: 2px;
opacity: 1;
border-radius: 0;
background: rgba(0, 0, 0, 0.3);
}
.easyslide-swiper-assortiment-homepage-rk .swiper-pagination-bullets > .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #000000;
}
.easyslide-description > * {
text-align: center;
padding: 0 0 6px;
font-size: 1.5rem;
margin: 0;
}
.swiper-container .swiper-slide img {
border-radius: 10px;
}
.swiper-slide .product-image-wrapper {
box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 768px) {
.easyslide-swiper-assortiment-homepage-rk .swiper-pagination-bullets {
display: flex;
align-items: center;
}
.easyslide-swiper-assortiment-homepage-rk .swiper-pagination-bullets > .swiper-pagination-bullet {
width: 4px;
height: 4px;
border-radius: 100%;
}
.easyslide-swiper-assortiment-homepage-rk .swiper-pagination-bullets > .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):first-child,
.easyslide-swiper-assortiment-homepage-rk .swiper-pagination-bullets > .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):last-child {
width: 2px;
height: 2px;
}
.easyslide-swiper-assortiment-homepage-rk .swiper-pagination-bullets > .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 6px;
height: 6px;
background: #ef8c39;
}
}
@media only screen and (max-width: 500px) {
.cms-index-index .page-main {
padding: 0 1rem !important;
}
.cms-index-index .usp-section {
flex-direction: column;
align-items: center;
}
.cms-index-index .usp-section .usp-item {
flex: 1 1 100%;
/* Onder elkaar */
}
.cms-index-index .banners-vier {
flex-wrap: wrap;
}
.cms-index-index .banners-vier .banner-vier {
flex: 1 1 100%;
margin-bottom: 0px !important;
aspect-ratio: 2.47;
}
.cms-index-index .banners-vier .banner-vier .banner-vier-header {
font-size: 1.4em;
}
.cms-index-index .banners-vier .banner-vier img {
object-fit: cover;
object-position: top;
/* Toon de bovenkant van de afbeelding */
}
}
@media only screen and (min-width: 500px) and (max-width: 768px) {
.cms-index-index .banner-vier-header,
.cms-index-index .banner-twee-header {
font-size: 2rem;
}
.cms-index-index .banners-vier {
flex-direction: row;
}
.cms-index-index .banners-vier .banner-vier {
flex: 1 1 calc(50% - 10px);
margin-bottom: 10px;
}
}
@media only screen and (max-width: 768px) {
.cms-index-index .banner-vier a,
.cms-index-index .banner-twee a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
display: block;
}
.cms-index-index .green-button.custom-hover {
display: none;
}
.cms-index-index .banners-onder-twee {
flex-direction: column;
}
.cms-index-index .banner-image-homepagina,
.cms-index-index .banner-video-homepagina {
position: relative;
}
.cms-index-index .banner-image-homepagina a,
.cms-index-index .banner-video-homepagina a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
display: block;
}
.cms-index-index .banner-text,
.cms-index-index .banner-text-homepagina {
padding: 10px;
}
.cms-index-index .green-button.custom-hover {
width: 50px;
height: 50px;
bottom: 12px;
right: 12px;
}
.cms-index-index .green-button.custom-hover::before {
font-size: 1.2em;
}
}
@media only screen and (max-width: 1024px) {
.cms-index-index .usp-item {
flex: 1 1 calc(50% - 20px);
/* Twee kolommen */
}
.cms-index-index .banner-vier-header {
font-size: 1.4em;
}
.cms-index-index .text-details {
font-size: 0.7em !important;
/* Adjust text size for iPad */
}
}
@media only screen and (max-width: 760px) {
.block.filter.filter-no-options .filter-title::before {
display: none;
}
.block.filter:not(.active) .filter-title strong {
padding: 10px;
background-color: #ef8c39;
}
.block.filter:not(.active) .filter-title strong::before {
width: 20px;
height: 20px;
}
.easycatalogimg-masonry.easycatalogimg-cols-4:not(:has(.item:nth-child(5))) .item {
width: 197px;
}
}
.page-product-configurable .mageants .disabledate:not([style]) {
display: none;
}
.catalog-product-view .product-info-wrapper {
margin-top: 3rem;
}
.product-info-main .product-add-form div.mage-error {
position: absolute;
background: #fff;
width: 100%;
min-width: 255px;
padding: .75rem;
box-shadow: 0 0 4px 0px #e02b27;
border-radius: 6px;
z-index: 99;
}
.product-info-main .product-add-form > form {
display: grid;
}
.product-info-main .product-add-form .box-tocart {
order: 1;
}
.product-info-main .estimateddate .date {
color: #0d924a;
}
.product-info-main .estimated-delivery-date button::before {
content: none;
}
.product-social-links .product-addto-links {
width: 100%;
}
.product-social-links .product-addto-links > a {
width: 100%;
display: flex;
justify-content: center;
background: #fff;
border: 1px solid #000;
color: #000;
font-family: Inter, 'Inter Fallback', 'Inter Fallback Linux', sans-serif;
font-weight: 600;
font-size: .875rem;
padding: .5rem;
text-transform: uppercase;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.field.qty .label {
font-weight: bold;
}
.field.qty .input-text.qty {
border: 1px solid #111827;
border-radius: 10px;
font-family: Inter, 'Inter Fallback', 'Inter Fallback Linux', sans-serif;
font-size: 16px;
text-align: center;
}
.product-options-bottom .price-box .price-container .price,
.product-info-price .price-box .price-container .price {
font-size: 2.5rem;
font-weight: bold;
}
.product-options-bottom .price-box .price-label,
.product-info-price .price-box .price-label {
display: none;
}
.product-options-bottom .price-box .special-price,
.product-info-price .price-box .special-price {
--danger-color: #000;
}
.product-options-wrapper .swatch-option {
border-radius: 10px;
box-shadow: inset 0 0 0 2px #fff;
height: 4rem;
margin-bottom: 0;
margin-right: 0;
min-width: 4rem;
}
.product-options-wrapper .swatch-option.text {
font-size: 1.6rem;
line-height: 4rem;
}
.product-options-wrapper .swatch-attribute-options {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.product-info-main .page-title-wrapper .page-title {
font-size: 2.5rem;
line-height: 1.2;
}
.product-info-main .product-info-stock-sku {
margin: 1.5rem 0;
}
.product-info-main .amstockstatus-status-container.available .amstockstatus {
color: #28d12f;
}
.product-info-main .product-info-price .price-box {
display: inline-flex;
align-items: center;
gap: 2rem;
flex-wrap: wrap;
}
.product-info-main .product-info-price .price-box .old-price {
order: -1;
}
.product-info-main .product-info-price .price-box .old-price .price-wrapper .price {
font-weight: 700;
position: relative;
text-decoration: none;
}
.product-info-main .product-info-price .price-box .old-price .price-wrapper .price::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 3px;
background: currentColor;
top: calc(49%);
transform: rotate(-9deg);
}
.product-info-main .estimatedDeliveryDate p:last-child {
margin-bottom: 0;
}
.product-info-main .table-pricecalculator {
padding: 10px;
border-radius: 10px;
border-collapse: separate;
}
.product-info-main .fieldset:has(.field.qty) {
align-items: flex-start;
}
.box-tocart .action.tocart {
width: 100%;
font-size: 2rem;
line-height: 1.5;
background: #22b164;
border-color: #22b164;
}
@media only screen and (max-width: 767px) {
.product-info-main .fieldset:has(.field.qty) {
display: grid;
}
.product-info-main .message.success .delivery-date-label:before {
top: 50%;
}
.catalog-product-view .jumbotron {
padding-top: 0;
}
.catalog-product-view .jumbotron.jumbotron-top > .container {
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
grid-template-areas: "title" "media" "main";
gap: 1rem;
margin-bottom: 1rem;
}
.catalog-product-view .product.media {
order: 0 !important;
grid-area: media;
}
.catalog-product-view .product-info-main {
display: contents;
grid-area: main;
}
.catalog-product-view .page-title-wrapper {
grid-area: title;
}
.field.qty .input-text.qty {
min-height: 3.25rem;
}
}
#product\.info\.description {
max-height: 24rem;
overflow: clip;
position: relative;
}
#product\.info\.description.has-something-to-show {
cursor: pointer;
}
#product\.info\.description.has-something-to-show::after {
background: linear-gradient(to bottom, transparent, #ffffff 6rem);
bottom: 0;
content: attr(data-show-more);
display: block;
font-weight: bold;
padding: 8rem 0 2rem;
position: absolute;
text-align: center;
width: 100%;
}
#product\.info\.description.showing {
max-height: none;
}
#product\.info\.description.shown {
max-height: none;
overflow: visible;
}
#product\.info\.description > p:has([data-id="show-less"]) {
clear: both;
margin-top: 1rem;
text-align: center;
}
#product\.info\.description > p:has([data-id="show-less"]) a {
color: currentColor;
font-weight: bold;
}
.product.info.detailed #review-form,
.product.info.detailed .no-reviews,
.product.info.detailed .additional-attributes-wrapper,
.product.info.detailed #askit-new-question-form,
.product.info.detailed .askit-items > .askit-item {
border-radius: 10px;
}
.checkout-cart-index .table-caption {
transform: none;
}
.checkout-cart-index #shopping-cart-table .table-caption {
display: none;
}
.form-login:has(.fieldset + :is([style*="display: none"], [style*="display:none"])) {
margin-bottom: -22px;
}
.easycatalogimg-masonry .item {
background-color: #fff9f4;
border-radius: 10px;
box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.1);
}
.easycatalogimg a {
color: #000;
}
.easycatalogimg img {
border-radius: 10px;
}
.enhanced-privacy-cookie-policy {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
position: absolute;
width: 100%;
z-index: 99;
}