html {
--color-1: #FFBF10;
--color-2: #FD9826;
--color-3: #000;
--color-4: #fff;
--color-5: #F4F0F0;
--color-6: #E4E4EA;
--color-7: #C7C7CC;
--color-8: #B9B9BC;
--color-9: #78757A;
--color-10: #3F3E3C;
--color-11: #FF5115;
--color-12: #00989F;
--color-13: #78D896;
--color-14: #F7F7F7;
--color-15: #FD511E;
--color-16: #F6F6F6;
--color-17: #858997;
--color-18: #EEEFF3;
--color-19: #EEEEEE;
--color-20: #1B2437;
--color-accent: var(--color-1);
--color-scrollbar-thumb: var(--color-1);
--color-scrollbar-track: var(--color-6);
--border: 2px solid var(--color-6);
--breadcrumbs-background: var(--color-14);
--breadcrumbs-color: var(--color-9);
--burger-width: 30px;
--button-1-background: var(--color-1);
--button-1-color: var(--color-4);
--button-1-border: var(--button-1-background);
--button-2-background: var(--color-3);
--button-2-color: var(--color-4);
--button-2-border: var(--button-2-background);
--button-3-background: var(--color-11);
--button-3-color: var(--color-4);
--button-3-border: var(--button-3-background);
--button-4-background: var(--color-12);
--button-4-color: var(--color-4);
--button-4-border: var(--button-4-background);
--button-5-background: var(--color-13);
--button-5-color: var(--color-4);
--button-5-border: var(--button-5-background);
--button-background-ghost: var(--color-4);
--button-color-ghost: var(--color-3);
--button-background-hover: #ebac00;
--button-border-hover: #ebac00;
--checkout-sidebar-width: var(--sidebar-width);
--color-copy: #000;
--copy-color: var(--color-copy);
--edge-space: 20px;
--font-1: 'Jost', sans-serif;
--font-size: 10;
--gap: 20px;
--heading-line-height: 1.2;
--heading-weight: 500;
--icon-circle-size: 40px;
--input-height: 40px;
--input-height-1: var(--input-height);
--input-height-2: 50px;
--input-height-3: 60px;
--layer-dropdown: 200;
--radius: 4px;
--radius-1: var(--radius);
--radius-2: 12px;
--radius-3: 10px;
--radius-4: 18px;
--radius-5: 24px;
--radius-table: 12px;
--rem: 1 / var(--font-size) * 1rem;
--scrollbar-thickness: 5px;
--shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
--sidebar-width: 375px;
--site-width: 1200px;
--swiper-pagination-bullet-horizontal-gap: .8rem;
scroll-margin-top: 50px;
}
.abs-account-blocks .block-title > strong,
.abs-account-blocks .block-title > span,
.account .legend > strong,
.account .legend > span,
.form-giftregistry-search .legend > strong,
.form-giftregistry-search .legend > span,
.block-giftregistry-results .block-title > strong,
.block-giftregistry-results .block-title > span,
.block-giftregistry-shared-items .block-title > strong,
.block-giftregistry-shared-items .block-title > span,
.block-wishlist-search-form .block-title > strong,
.block-wishlist-search-form .block-title > span,
.block-wishlist-search-results .block-title > strong,
.block-wishlist-search-results .block-title > span,
.multicheckout .block-title > strong,
.multicheckout .block-title > span,
.multicheckout .block-content .title > strong,
.multicheckout .block-content .title > span,
.customer-review .review-details .title > strong,
.customer-review .review-details .title > span,
.magento-payments-review .block .block-title > strong,
.magento-payments-review .block .block-title > span,
.paypal-review .block .block-title > strong,
.paypal-review .block .block-title > span,
.account .column.main .block:not(.widget) .block-title > strong,
.account .column.main .block:not(.widget) .block-title > span,
.multicheckout .block-title > strong,
.multicheckout .block-title > span,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title > span,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-title > span,
.sales-guest-view .column.main .block:not(.widget) .block-title > strong,
.sales-guest-view .column.main .block:not(.widget) .block-title > span,
.block-compare .block-title strong,
.block-reorder .block-title strong,
.widget .block-title strong,
.block-wishlist .block-title strong {
font-weight: 500;
}
.abs-discount-block .actions-toolbar .action.primary:not(:focus),
.abs-discount-block .actions-toolbar .action.cancel:not(:focus),
.block-compare .action.primary:not(:focus),
.cart-summary .block .actions-toolbar > .primary .action.primary:not(:focus),
.abs-discount-code .form-discount .actions-toolbar .primary .action:not(:focus),
.cart-summary .form.giftregistry .fieldset .action.primary:not(:focus),
.magento-payments-review-discount .actions-toolbar .action.primary:not(:focus),
.magento-payments-review-discount .actions-toolbar .action.cancel:not(:focus),
.abs-discount-block .actions-toolbar .amshopby-button:not(:focus),
.block-compare .amshopby-button:not(:focus),
.cart-summary .block .actions-toolbar > .primary .amshopby-button:not(:focus),
.cart-summary .form.giftregistry .fieldset .amshopby-button:not(:focus),
.abs-discount-block .actions-toolbar .am-filter-go:not(:focus),
.block-compare .am-filter-go:not(:focus),
.cart-summary .block .actions-toolbar > .primary .am-filter-go:not(:focus),
.cart-summary .form.giftregistry .fieldset .am-filter-go:not(:focus),
.paypal-review-discount .actions-toolbar .action.primary:not(:focus),
.paypal-review-discount .actions-toolbar .action.cancel:not(:focus),
.cart-discount .actions-toolbar .action.primary:not(:focus),
.cart-discount .actions-toolbar .action.cancel:not(:focus),
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus) {
box-shadow: none;
}
.block-collapsible-nav .item a,
.block-collapsible-nav .item > strong {
color: var(--color-copy);
}
.magento-payments-review .table-magento-payments-review-items .col.price .price-including-tax .price,
.magento-payments-review .table-magento-payments-review-items .col.price .price-excluding-tax .price,
.magento-payments-review .table-magento-payments-review-items .col.subtotal .price-including-tax .price,
.magento-payments-review .table-magento-payments-review-items .col.subtotal .price-excluding-tax .price,
.paypal-review .table-paypal-review-items .col.price .price-including-tax .price,
.paypal-review .table-paypal-review-items .col.price .price-excluding-tax .price,
.paypal-review .table-paypal-review-items .col.subtotal .price-including-tax .price,
.paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax .price,
.cart.table-wrapper .col.price .price-including-tax .price,
.cart.table-wrapper .col.price .price-excluding-tax .price,
.cart.table-wrapper .col.subtotal .price-including-tax .price,
.cart.table-wrapper .col.subtotal .price-excluding-tax .price,
.cart.table-wrapper .col.msrp .price-including-tax .price,
.cart.table-wrapper .col.msrp .price-excluding-tax .price,
.order-details-items .col.price .price-including-tax .price,
.order-details-items .col.price .price-excluding-tax .price,
.order-details-items .col.subtotal .price-including-tax .price,
.order-details-items .col.subtotal .price-excluding-tax .price {
color: #000;
font-weight: 600;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child {
border-color: var(--color-5);
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 150px;
}
body {
color: #000;
font-family: var(--font-1);
font-size: 1.6rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: var(--heading-weight);
}
div::-webkit-scrollbar,
ul::-webkit-scrollbar {
width: var(--scrollbar-thickness);
height: var(--scrollbar-thickness);
}
div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track {
background: var(--color-scrollbar-track);
border-radius: var(--radius);
}
div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb {
background: var(--color-scrollbar-thumb);
border-radius: var(--radius);
}
div::-webkit-scrollbar-thumb:hover,
ul::-webkit-scrollbar-thumb:hover {
opacity: 0.8;
}
.dropdown__content {
border-radius: var(--radius-3);
box-shadow: var(--shadow);
}
.container,
.breadcrumbs .items,
.copyright {
margin-left: auto;
margin-right: auto;
max-width: var(--site-width);
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.layout-columns {
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.layout-column {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
}
@media (min-width: 1024px) {
.layout-column--25 {
--column-count: 4;
}
.layout-column--30 {
--column-count: 3;
}
}
@media (min-width: 1240px) {
.page-main {
padding-left: 0;
padding-right: 0;
}
}
button {
border: 2px solid var(--button-1-border);
border-radius: var(--radius);
color: #fff;
cursor: pointer;
font-family: var(--font-1);
line-height: 1;
transition: .3s;
}
button:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.button,
.action.primary,
a.action.primary,
.action-primary,
.amshopby-button,
.am-filter-go {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
}
.actions-toolbar .primary a.action,
.actions-toolbar .secondary a.action {
display: inline-flex;
}
.actions-toolbar .secondary a.action {
margin-top: 0;
}
.block-compare .actions-toolbar,
.customer-account-create .actions-toolbar,
.customer-account-login .actions-toolbar {
display: flex;
align-items: center;
gap: 10px;
}
.block-compare .actions-toolbar > .primary,
.block-compare .actions-toolbar > .secondary {
margin: 0;
}
.action {
cursor: pointer;
transition: .3s;
}
.button,
.action.primary,
a.action.primary,
.action.reload,
.action.viewcart,
.action.tocart.primary,
.action.update,
.amform-form .action.primary,
.amform-parent .action.primary,
.amform-form .amshopby-button,
.amform-parent .amshopby-button,
.amform-form .am-filter-go,
.amform-parent .am-filter-go,
.amquote-addto-button {
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
}
.button:hover,
.action.primary:hover,
a.action.primary:hover,
.action.reload:hover,
.action.viewcart:hover,
.action.tocart.primary:hover,
.action.update:hover,
.amform-form .action.primary:hover,
.amform-parent .action.primary:hover,
.amform-form .amshopby-button:hover,
.amform-parent .amshopby-button:hover,
.amform-form .am-filter-go:hover,
.amform-parent .am-filter-go:hover,
.amquote-addto-button:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.button--small,
.sidebar .action.tocart.primary {
font-size: 1.4rem;
min-height: var(--input-height-1);
}
.button--small::before,
.sidebar .action.tocart.primary::before {
--background-size: 15px;
}
.button--big {
font-size: 1.8rem;
min-height: var(--input-height-3);
}
.button--ghost,
.button--1-ghost,
.action.reload,
.action.viewcart,
.amquote-addto-button,
.button--ghost:visited,
.button--1-ghost:visited,
.action.reload:visited,
.action.viewcart:visited,
.amquote-addto-button:visited,
.sidebar .action.tocart.primary {
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.sidebar .action.tocart.primary::before {
--background-size: 17px;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.168%22%20height%3D%2221.5%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23FFBF10%22%20d%3D%22M18.7%2021.5a1.584%201.584%200%201%201%201.583-1.585A1.585%201.585%200%200%201%2018.7%2021.5m-12.222%200a1.584%201.584%200%201%201%201.583-1.585A1.585%201.585%200%200%201%206.474%2021.5m.566-6.112a.975.975%200%200%201-.94-.718L2.679%201.945H.972A.973.973%200%200%201%20.972%200h2.447A.988.988%200%200%201%204.4.719l.755%202.948h15.836a2.233%202.233%200%200%201%201.963%203.174l-4.007%208.014a.966.966%200%200%201-.865.533Zm.782-1.943h9.658l3.92-7.833H5.693Z%22%20data-name%3D%22Path%201915%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.sidebar .action.tocart.primary:hover::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.168%22%20height%3D%2221.5%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.7%2021.5a1.584%201.584%200%201%201%201.583-1.585A1.585%201.585%200%200%201%2018.7%2021.5m-12.222%200a1.584%201.584%200%201%201%201.583-1.585A1.585%201.585%200%200%201%206.474%2021.5m.566-6.112a.975.975%200%200%201-.94-.718L2.679%201.945H.972A.973.973%200%200%201%20.972%200h2.447A.988.988%200%200%201%204.4.719l.755%202.948h15.836a2.233%202.233%200%200%201%201.963%203.174l-4.007%208.014a.966.966%200%200%201-.865.533Zm.782-1.943h9.658l3.92-7.833H5.693Z%22%20data-name%3D%22Path%201915%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.action.reload {
display: inline-flex;
}
.button--2,
.cart-discount .block .actions-toolbar .action.apply.primary {
background-color: var(--button-2-background);
border-color: var(--button-2-border);
color: var(--button-2-color);
}
.button--2-ghost {
--button-2-background: var(--button-background-ghost);
--button-2-color: var(--button-color-ghost);
}
.button--3 {
background-color: var(--button-3-background);
border-color: var(--button-3-border);
color: var(--button-3-color);
}
.button--3-ghost {
--button-3-background: var(--button-background-ghost);
--button-3-color: var(--button-color-ghost);
}
.button--3-ghost:hover {
--button-background-hover: var(--button-3-border);
--button-3-color: var(--button-1-color);
}
.button--4 {
background-color: var(--button-4-background);
border-color: var(--button-4-border);
color: var(--button-4-color);
}
.button--4-ghost {
--button-4-background: var(--button-background-ghost);
--button-4-color: var(--button-color-ghost);
}
.button--4-ghost:hover {
--button-background-hover: var(--button-4-border);
--button-4-color: var(--button-1-color);
}
.button--5 {
background-color: var(--button-5-background);
border-color: var(--button-5-border);
color: var(--button-5-color);
}
.button--5-ghost {
--button-5-background: var(--button-background-ghost);
--button-5-color: var(--button-color-ghost);
}
.button--gray,
.button--grey,
.action.update {
background-color: var(--color-14);
border-color: var(--color-14);
color: var(--button-color-ghost);
}
.button--gray-ghost,
.button--grey-ghost {
background-color: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.button--gray:hover,
.button--grey:hover,
.action.update:hover,
.button--gray-ghost:hover,
.button--grey-ghost:hover {
background-color: #fff;
border-color: #000;
color: var(--button-color-ghost);
}
.button--orange {
background-color: var(--color-2);
border-color: var(--color-2);
color: #fff;
}
.button--orange-ghost {
background-color: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.button--orange-ghost:hover {
background-color: var(--color-2);
border-color: var(--color-2);
color: #fff;
}
.button--arrow {
background-color: transparent;
border: 0;
border-bottom: 2px solid var(--color-1);
border-radius: 0;
color: #000;
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
margin-bottom: 3rem;
padding-left: 0;
padding-right: 0;
}
.button--arrow::after {
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0Z%22%2F%3E%3Cpath%20fill%3D%22%23febf2c%22%20d%3D%22m12%204-1.415%201.415L16.17%2011H4v2h12.17l-5.585%205.585L12%2020l8-8Z%22%20%2F%3E%3C%2Fsvg%3E');
content: '';
display: inline-block;
margin-left: 1.8rem;
transition: .3s;
width: 2.4rem;
height: 2.4rem;
}
.button--arrow:hover {
background-color: #fff;
color: #000;
}
.button--arrow:hover::after {
transform: translateX(10px);
}
.button--arrow:visited {
color: #000;
}
.action.tocart.primary::before,
.action.update::before {
--background-size: 22px;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.168%22%20height%3D%2221.5%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.7%2021.5a1.584%201.584%200%201%201%201.583-1.585A1.585%201.585%200%200%201%2018.7%2021.5m-12.222%200a1.584%201.584%200%201%201%201.583-1.585A1.585%201.585%200%200%201%206.474%2021.5m.566-6.112a.975.975%200%200%201-.94-.718L2.679%201.945H.972A.973.973%200%200%201%20.972%200h2.447A.988.988%200%200%201%204.4.719l.755%202.948h15.836a2.233%202.233%200%200%201%201.963%203.174l-4.007%208.014a.966.966%200%200%201-.865.533Zm.782-1.943h9.658l3.92-7.833H5.693Z%22%20data-name%3D%22Path%201915%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
background-position: center;
background-repeat: no-repeat;
background-size: var(--background-size);
content: '';
display: inline-block;
margin-right: 10px;
transition: .3s;
width: var(--background-size);
height: calc(var(--background-size) - 2px);;
}
.action.update::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M1.85%207.5c0-2.835%202.21-5.65%205.65-5.65%202.778%200%204.152%202.056%204.737%203.15H10.5a.5.5%200%200%200%200%201h3a.5.5%200%200%200%20.5-.5v-3a.5.5%200%200%200-1%200v1.813C12.296%203.071%2010.666.85%207.5.85%203.437.85.85%204.185.85%207.5c0%203.315%202.587%206.65%206.65%206.65%201.944%200%203.562-.77%204.714-1.942a6.77%206.77%200%200%200%201.428-2.167.5.5%200%201%200-.925-.38%205.77%205.77%200%200%201-1.216%201.846c-.971.99-2.336%201.643-4.001%201.643-3.44%200-5.65-2.815-5.65-5.65Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
.button--disabled {
filter: grayscale(1);
opacity: .5;
pointer-events: none;
}
.slick-dots li {
display: inline-flex;
align-items: center;
justify-content: center;
}
.slick-dots li button,
.amslider .swiper-pagination-bullet {
background-color: var(--color-1);
opacity: .5;
padding: 0;
position: relative;
width: 8px;
height: 8px;
}
.slick-dots li button:hover {
border: 0;
}
.slick-dots li.slick-active button,
.amslider .swiper-pagination-bullet-active {
background-color: var(--color-1);
opacity: 1;
}
.slick-dots li.slick-active button::before,
.amslider .swiper-pagination-bullet-active::before {
border: 3px solid var(--color-1);
border-radius: 50%;
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
}
.amslider-header-container {
border-bottom: 1px solid var(--color-7);
font-size: 2.6rem;
font-weight: var(--heading-weight);
padding: 10px 0;
text-align: left;
}
.amslider.ambrands-slider {
padding: 0 !important;
}
.amslider.ambrands-slider .ambrands-swiper-brand {
border: 5px solid var(--color-5);
}
.amslider.ambrands-slider .swiper-button-prev,
.amslider.ambrands-slider .swiper-button-next {
background-color: transparent;
position: absolute;
top: -30px;
transform: translateY(-100%);
}
.amslider.ambrands-slider .swiper-button-prev:hover,
.amslider.ambrands-slider .swiper-button-next:hover {
background-color: var(--color-1);
}
.amslider.ambrands-slider .swiper-button-prev {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.546%2010.123l8.346%208.968%201.457-1.44-7.008-7.528%207.205-7.774-1.417-1.44-8.11%208.68-.473.534z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E');
left: auto;
right: 40px;
}
.amslider.ambrands-slider .swiper-button-next {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.454%209.877L7.108.909%205.65%202.35l7.008%207.528-7.205%207.774%201.417%201.44%208.11-8.68.473-.534z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E');
right: 0;
}
.amrma-attach-file .amrma-label {
color: var(--color-1);
}
.amrma-attach-file .amrma-label::before {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.396%2016a3.332%203.332%200%200%201-2.393-1.035A3.565%203.565%200%200%201%200%2012.492a3.318%203.318%200%200%201%20.922-2.318l.14-.147L9.558%201.25A4.079%204.079%200%200%201%2012.511%200c1.136-.001%202.287.463%203.165%201.37A4.707%204.707%200%200%201%2017%204.636a4.364%204.364%200%200%201-1.21%203.05l-7.132%207.37-.531.548-1.06-1.097L14.73%206.59c.513-.53.768-1.226.77-1.953a3.13%203.13%200%200%200-.886-2.171%202.932%202.932%200%200%200-2.103-.915%202.599%202.599%200%200%200-1.89.795L1.984%2011.27c-.322.332-.48.763-.482%201.222%200%20.485.183.986.562%201.377.379.39.862.58%201.332.58a1.635%201.635%200%200%200%201.184-.496l6.514-6.73a.655.655%200%200%200%20.182-.47.8.8%200%200%200-.229-.556.745.745%200%200%200-.538-.236.62.62%200%200%200-.453.188l-5.54%205.724-1.062-1.096%205.54-5.724c.416-.432.97-.646%201.515-.644.578%200%201.16.236%201.6.691.44.456.67%201.056.67%201.654%200%20.56-.207%201.134-.623%201.564L5.64%2015.049A3.104%203.104%200%200%201%203.402%2016h-.006z%22%20fill%3D%22%23FFBF10%22%2F%3E%3C%2Fsvg%3E');
}
.amrma-attach-file .amrma-label:hover {
color: var(--color-1);
}
.amrma-chat-title + #chat {
margin-bottom: 3rem;
}
.amrma-tracking-add .amreturn-btn,
.amrma-btns-block .amreturn-btn,
.amrma-send {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
border: 0;
}
.amrma-tracking-add .amreturn-btn:hover,
.amrma-btns-block .amreturn-btn:hover,
.amrma-send:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.amrma-chat-send .amrma-attach-file .amrma-label::before {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2227%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.793%2027c-1.47.002-2.953-.592-4.083-1.747A5.982%205.982%200%200%201%200%2021.081a5.568%205.568%200%200%201%201.573-3.912l.24-.248L16.304%202.109A6.996%206.996%200%200%201%2021.342%200c1.938-.002%203.902.78%205.399%202.31A7.898%207.898%200%200%201%2029%207.825c.003%201.868-.683%203.738-2.064%205.149L14.77%2025.409l-.906.925-1.81-1.851L25.128%2011.12c.876-.895%201.311-2.07%201.313-3.297%200-1.296-.5-2.63-1.51-3.663-1.013-1.035-2.316-1.543-3.588-1.544a4.457%204.457%200%200%200-3.224%201.343L3.384%2019.018c-.549.56-.82%201.287-.822%202.063.002.818.313%201.663.96%202.323.645.657%201.47.978%202.271.98a2.804%202.804%200%200%200%202.02-.839l11.112-11.357c.208-.213.31-.482.311-.791%200-.326-.124-.666-.391-.94a1.278%201.278%200%200%200-.918-.398%201.063%201.063%200%200%200-.773.318l-9.45%209.658-1.812-1.848%209.452-9.66a3.58%203.58%200%200%201%202.583-1.086c.986%200%201.978.397%202.73%201.166a3.999%203.999%200%200%201%201.141%202.79%203.771%203.771%200%200%201-1.061%202.64L9.62%2025.394A5.323%205.323%200%200%201%205.803%2027h-.01%22%20fill%3D%22%23FFBF10%22%2F%3E%3C%2Fsvg%3E');
}
.amrma-checkbox-container .amrma-label {
top: 0;
}
.amrma-create-rma {
margin-bottom: 4rem;
}
.amrma-delete {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2036%2035%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M35.918%202.714L33.203%200%2018.418%2014.787%203.633%200%20.918%202.713%2015.705%2017.5.92%2032.287%203.633%2035l14.785-14.786%2014.785%2014.785%202.711-2.713L21.131%2017.5%2035.918%202.714%22%20fill%3D%22%23FFBF10%22%2F%3E%3C%2Fsvg%3E');
}
.amreturns-order-select,
.amrma-message-container.-options {
border: var(--border);
border-radius: var(--radius);
box-shadow: none;
margin-bottom: 2rem;
}
.amreturns-orders-container .amreturn-btn {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.amreturns-orders-container .amreturn-btn:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.amrma-status-container .amrma-step.-checked::before {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2214%22%20fill%3D%22%23fff%22%20stroke%3D%22%23FFBF10%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%228%22%20fill%3D%22%23FFBF10%22%2F%3E%3C%2Fsvg%3E');
}
.amrma-instructions-title,
.amrma-instructions-title .amrma-show,
.amrma-instructions-title .amrma-show::before {
border-color: var(--color-1);
}
.amrma-instructions:checked ~ .amrma-instruction-block {
background-color: var(--color-6);
}
.amrma-status-container .amrma-percent {
border-color: var(--color-1);
}
.amrma-status-container .amrma-step.-complete::before {
background-color: var(--color-1);
}
@media (min-width: 769px) {
.amrma-status-container .amrma-step.-complete::before {
background-color: transparent;
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20fill%3D%22%23FFBF10%22%2F%3E%3Cpath%20d%3D%22M6%2010l3.5%203L14%207%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
}
.account .table-wrapper.amrma-items-table {
border-bottom: 0;
}
.amrma-table-container > .amrma-items-table > .amrma-table > .amrma-tbody > .amrma-row .amrma-status {
padding-left: 0;
text-align: left;
}
.amrma-table-container .table-wrapper > .amrma-table .amrma-tbody > .amrma-row {
position: relative;
}
.amrma-table-container .table-wrapper > .amrma-table .amrma-tbody > .amrma-row > .col:first-child {
left: 10px;
top: 10px;
}
.amrma-table-container .table-wrapper > .amrma-table .amrma-tbody > .amrma-row > .col:not(:first-child),
.amrma-table-container .table-wrapper > .amrma-table .amrma-tbody > .amrma-row > .col:not(:last-child) {
padding-top: 5px;
padding-bottom: 5px;
}
.table-wrapper .table-returns-items .amrma-tbody > .amrma-row > .col {
vertical-align: top;
}
@media (min-width: 640px) {
.amrma-table-container .table-wrapper > .amrma-table .amrma-tbody > .amrma-row:last-child > .col {
border-bottom: 1px solid var(--color-5);
}
.amrma-table-container .table-wrapper > .amrma-table .amrma-tbody > .amrma-row > .col {
border-color: var(--color-5);
}
.amrma-table-container .table-wrapper > .amrma-table .amrma-tbody > .amrma-row > .col:first-child {
position: static;
}
}
.cms-no-route.cms-noroute-index {
--layer-copy: 1;
}
.cms-no-route.cms-noroute-index figure[data-content-type="image"] img {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
}
.cms-no-route.cms-noroute-index .column.main {
margin: 3rem auto;
max-width: 600px;
min-height: 60vh;
}
.cms-no-route.cms-noroute-index .column.main h1,
.cms-no-route.cms-noroute-index .column.main h2,
.cms-no-route.cms-noroute-index .column.main h3,
.cms-no-route.cms-noroute-index .column.main h4,
.cms-no-route.cms-noroute-index .column.main h5,
.cms-no-route.cms-noroute-index .column.main h6,
.cms-no-route.cms-noroute-index .column.main p,
.cms-no-route.cms-noroute-index .column.main ol,
.cms-no-route.cms-noroute-index .column.main ul {
color: #fff;
position: relative;
z-index: var(--layer-copy);
}
.cms-no-route.cms-noroute-index .column.main h1,
.cms-no-route.cms-noroute-index .column.main h2,
.cms-no-route.cms-noroute-index .column.main h3,
.cms-no-route.cms-noroute-index .column.main h4,
.cms-no-route.cms-noroute-index .column.main h5,
.cms-no-route.cms-noroute-index .column.main h6 {
font-weight: 600;
}
.cms-no-route.cms-noroute-index .column.main h1 {
font-size: clamp(5rem, 15vw, 20rem);
}
.cms-no-route.cms-noroute-index .page-main {
margin: 0;
max-width: 100%;
position: relative;
}
.cms-no-route.cms-noroute-index .page-main::before {
background-color: rgba(0, 0, 0, 0.5);
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
z-index: var(--layer-copy);
width: 100%;
height: 100%;
}
.account .page-main,
.customer-account-logoutsuccess .page-main {
margin-top: 5rem;
margin-bottom: 5rem;
}
.account .column.main .order-details-items {
margin-top: 0;
}
.account .order-links {
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.order-details-items .order-title {
padding-top: 2rem;
}
.order-details-items .order-title strong {
font-weight: var(--heading-weight);
}
.order-links .item.current strong {
font-weight: 700;
}
@media (min-width: 769px) {
.order-links .item strong {
border: var(--border);
border-bottom: 0;
}
.order-links .item:not(:nth-child(1)) strong {
border-left: 0;
}
.order-links .item:nth-child(1) strong {
border-top-left-radius: var(--radius-3);
}
.order-links .item:last-child strong {
border-top-right-radius: var(--radius-3);
}
.account .order-details-items .table-wrapper.order-items {
border-top-left-radius: 0;
}
}
.block-collapsible-nav .content {
background: var(--color-16);
}
.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current > strong {
border-color: var(--color-1);
}
.block-collapsible-nav .item a:hover {
color: var(--color-1);
}
.block-collapsible-nav .items {
list-style: none;
padding: 0;
}
.sidebar .action.tocart.primary {
width: auto;
}
.sidebar .amasty-hide-price-button {
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
background-color: #fff;
min-height: var(--input-height);
width: auto;
}
.sidebar .product-items .product-item-info .product-item-photo {
min-height: 70px;
width: 70px;
}
.customer-account-create .page-main > .page-title-wrapper .page-title,
.customer-account-createpassword .page-main > .page-title-wrapper .page-title,
.customer-account-forgotpassword .page-main > .page-title-wrapper .page-title,
.customer-account-login .page-main {
margin-top: 50px;
}
.customer-account-create .login-container .block,
.customer-account-login .login-container .block {
float: none;
margin-left: auto;
margin-right: auto;
max-width: 600px;
width: 100%;
}
.customer-account-create .login-container .fieldset > .field > .control,
.customer-account-login .login-container .fieldset > .field > .control {
width: 100%;
}
.customer-account-create .page-main,
.customer-account-createpassword .page-main,
.customer-account-forgotpassword .page-main {
margin-left: auto;
margin-right: auto;
max-width: 600px;
}
@media (min-width: 768px) {
.customer-account-create .page-main,
.customer-account-createpassword .page-main,
.customer-account-forgotpassword .page-main {
padding-left: 0;
padding-right: 0;
}
}
.customer-account-create .page-main > .page-title-wrapper .page-title,
.customer-account-createpassword .page-main > .page-title-wrapper .page-title,
.customer-account-forgotpassword .page-main > .page-title-wrapper .page-title,
.login-container .block .block-title {
border: 0;
font-size: 4rem;
font-weight: 600;
margin-bottom: 26px;
}
.login-container,
.form-create-account,
.form.password.forget {
margin-bottom: 50px;
}
.login-container .actions-toolbar::before,
.login-container .actions-toolbar::after {
display: none;
}
.login-container .block .block-title strong {
font-weight: 600;
}
.customer-account-login .page-title-wrapper,
.fieldset.additional_info:empty {
display: none;
}
.abs-discount-code .form-discount,
.checkout-payment-method .payment-option-content .form-discount {
display: flex;
}
.abs-discount-code .form-discount .actions-toolbar,
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar {
width: auto;
}
.abs-discount-code .form-discount .actions-toolbar .primary,
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary,
.abs-discount-code .form-discount .payment-option-inner,
.checkout-payment-method .payment-option-content .form-discount .payment-option-inner {
margin-bottom: 0;
}
.abs-discount-code .form-discount .actions-toolbar .primary,
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary,
.abs-discount-code .form-discount .actions-toolbar .primary .action,
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action {
height: 100%;
}
.abs-discount-code .form-discount .actions-toolbar .primary .action,
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action {
background-color: #000;
border-color: #000;
color: #fff;
}
.am-checkout.-modern .authentication-wrapper .action-auth-toggle {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.am-checkout.-modern .authentication-wrapper .action-auth-toggle:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.amcheckout-main-container.-modern {
color: #000;
}
.amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method {
padding-left: 10px;
padding-right: 10px;
}
.amcheckout-step-container .amcheckout-summary-container .amcheckout-content > .amcheckout-wrapper {
padding: 20px 0 0;
}
._amcheckout-selectable-item.-selected,
.amcheckout-step-container .amcheckout-shipping-address .billing-address-details.-selected,
.amcheckout-step-container .amcheckout-shipping-address .shipping-address-details.-selected,
.amcheckout-step-container .shipping-address-items .shipping-address-item.-selected,
.amcheckout-step-container .shipping-address-items .shipping-address-item.selected-item,
.amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method.-selected,
.amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method.-selected,
.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method.-selected,
.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active {
border-color: var(--color-6);
}
._amcheckout-selectable-item:hover,
.amcheckout-step-container .amcheckout-shipping-address .billing-address-details:hover,
.amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:hover,
.amcheckout-step-container .shipping-address-items .shipping-address-item:hover,
.amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method:hover,
.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method:hover,
.amcheckout-step-container input[type='checkbox'] + label:hover::before,
.amcheckout-step-container input[type='radio'] + label:hover::before,
.amcheckout-step-container input[type='checkbox']:checked + label::before,
.amcheckout-step-container input[type='radio']:checked + label::before {
border-color: var(--color-1);
box-shadow: none;
}
.amcheckout-step-container input[type='checkbox'] + label::before,
.amcheckout-step-container input[type='radio'] + label::before {
margin-right: 5px;
}
.amcheckout-step-container input[type='checkbox']:checked + label::before {
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%222%22%20fill%3D%22%23FFBF10%22%2F%3E%3Cpath%20d%3D%22M5%2010l4%204%206-7%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') !important;
}
.amcheckout-step-container .action.checkout.amasty {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
font-size: 1.8rem;
min-height: var(--input-height-3);
width: 100%;
}
.amcheckout-step-container .action.checkout.amasty:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.amcheckout-step-container .amcheckout-additional-options {
border: 0;
}
.amcheckout-step-container .amcheckout-button:not(.braintree-googlepay-button, .ui-datepicker-trigger, .gpay-card-info-container) {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
font-size: 1.4rem;
min-height: var(--input-height-1);
}
.amcheckout-step-container .amcheckout-button:not(.braintree-googlepay-button, .ui-datepicker-trigger, .gpay-card-info-container):hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.amcheckout-step-container .amcheckout-button:not(.braintree-googlepay-button, .ui-datepicker-trigger, .gpay-card-info-container)::before {
--background-size: 15px;
}
.amcheckout-step-container .amcheckout-button:not(.braintree-googlepay-button, .ui-datepicker-trigger, .gpay-card-info-container):hover {
border: 2px solid var(--button-1-border);
}
.amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
background-color: var(--color-1);
}
.amcheckout-step-container .amcheckout-summary-container .details-qty,
.amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-inner {
display: block;
}
.amcheckout-step-container .amcheckout-summary-container .details-qty {
margin-top: 5px;
text-align: right;
}
.amcheckout-step-container .amcheckout-summary-container .minicart-items .product-item-details {
padding-left: 120px;
}
.amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-name-block {
display: block;
margin-right: 0;
padding-right: 0;
}
.amcheckout-step-container .amcheckout-title {
border-radius: var(--radius-3) var(--radius-3) 0 0;
}
.amcheckout-step-container .amcheckout-title > .amcheckout-icon,
.amcheckout-step-container .amcheckout-title > .amcheckout-icon::before {
border-color: currentColor;
}
.amcheckout-step-container .amcheckout-title > .amcheckout-icon:hover,
.amcheckout-step-container .amcheckout-title > .amcheckout-icon:hover::before {
border-color: var(--color-1);
}
.amcheckout-step-container .checkout-billing-address .actions-toolbar .action-cancel {
color: #000;
}
.authentication-dropdown {
border-radius: var(--radius-3);
box-shadow: var(--shadow);
border: 0;
transform: none;
transition-duration: 0;
}
.authentication-wrapper {
float: none;
margin-top: 0;
margin-bottom: 2rem;
}
@media (min-width: 769px) {
.authentication-wrapper {
float: right;
margin-top: -60px;
}
}
.block-authentication .actions-toolbar > .primary .action-login {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
}
.block-authentication .actions-toolbar > .primary .action-login:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.block-authentication .block-title strong {
font-weight: var(--heading-weight);
}
.cart-totals tbody .amount,
.cart-totals tfoot .amount,
.opc-block-summary .table-totals tbody .amount,
.opc-block-summary .table-totals tfoot .amount,
.cart-totals tbody .mark,
.cart-totals tfoot .mark,
.opc-block-summary .table-totals tbody .mark,
.opc-block-summary .table-totals tfoot .mark {
--padding-y: 13px;
padding-top: var(--padding-y);
padding-bottom: var(--padding-y);
}
.checkout-agreement {
align-items: flex-start;
}
.checkout-agreement .action-show {
color: #000;
}
.checkout-agreement .action-show:hover {
text-decoration: none;
}
.amcheckout-step-container .checkout-agreements .action-show {
text-align: left;
}
.amcheckout-step-container .fieldset > .field > .label {
display: flex;
}
.checkout-index-index .checkout-block.-summary {
position: sticky;
top: 0;
}
.checkout-index-index .checkout-header {
padding: 0;
width: 100%;
}
.checkout-index-index #opc-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method {
max-width: none;
width: 100%;
}
.checkout-payment-method .payment-option {
margin: 0;
}
.checkout-payment-method .payment-option-title .action-toggle {
color: #000;
}
.amcheckout-step-container .opc-payment-additional,
.checkout-payment-method .payment-option .payment-option-content,
.checkout-payment-method .payment-option .payment-option-title {
padding-left: 0;
padding-right: 0;
}
.checkout-payment-method .payment-option-title {
border: 0;
}
.checkout-shipping-address .action-show-popup {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.checkout-shipping-address .action-show-popup:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.fieldset {
letter-spacing: 0;
}
.opc-block-summary .table-totals .totals-tax-details .amount,
.opc-block-summary .table-totals .totals-tax-details .mark {
--padding-y: 0;
padding-bottom: 13px;
}
.opc-block-summary .table-totals .totals-tax-details .amount {
font-weight: 400;
}
.cart-totals .totals-tax-details,
.opc-block-summary .table-totals .totals-tax-details {
border: 0;
}
.cart-totals .totals-tax-details + .grand.totals,
.opc-block-summary .table-totals .totals-tax-details + .grand.totals {
border-top: 1px solid #cccccc;
margin-top: 20px;
}
.cart-totals tbody .amount,
.cart-totals tfoot .amount,
.opc-block-summary .table-totals tbody .amount,
.opc-block-summary .table-totals tfoot .amount,
.opc-block-summary .product-item .price,
.opc-block-summary .table-totals .totals.shipping .mark,
.opc-block-summary .table-totals .totals.sub .mark,
.opc-block-summary .table-totals .totals-tax-summary .mark {
font-weight: 600;
}
.opc-block-summary .product-item .subtotal {
text-align: right;
}
.opc-block-summary .items-in-cart > .title {
border: 0;
}
.opc-block-summary .minicart-items-wrapper {
border: var(--border);
border-radius: var(--radius-3);
padding: 20px;
}
.opc-block-summary .minicart-items-wrapper .product-item:last-child {
padding-bottom: 0;
}
.amcheckout-step-container .amcheckout-summary-container .items-in-cart {
border: 0;
}
.amcheckout-step-container .amcheckout-summary-container .minicart-items .minicart-items-wrapper {
padding: 20px;
}
.amcheckout-step-container .amcheckout-summary-container .minicart-items .product-image-container {
border: 0;
}
.checkout-index-index .opc-block-summary .minicart-items .product-image-container {
margin: 0;
}
.opc-block-summary .table-totals .totals.shipping .value {
font-weight: 400;
}
.opc-block-summary .items-in-cart > .title strong {
font-weight: var(--heading-weight);
}
.opc-payment-additional.discount-code,
.table-total-wrapper {
background-color: var(--color-16);
margin: 0 -15px;
padding: 0 15px;
}
.opc-payment-additional.discount-code {
margin-bottom: 2rem;
}
.opc-payment-additional.discount-code .action-toggle {
font-weight: var(--heading-weight);
}
.opc-payment-additional.discount-code .action-toggle::after {
display: none;
}
.opc-payment-additional.discount-code .payment-option-content {
display: block !important;
}
.opc-wrapper .methods-shipping {
border: 0;
}
.opc-wrapper .shipping-address-item.selected-item {
border-color: var(--color-1);
border-radius: var(--radius-3);
overflow: auto;
}
.opc-wrapper .shipping-address-item.selected-item::after {
background: var(--color-1);
}
@media (min-width: 1024px) {
.checkout-index-index.page-layout-checkout .page-main {
padding-left: 20px;
padding-right: 20px;
}
.amcheckout-main-container.-modern.-layout-2columns {
--sidebar-width: var(--checkout-sidebar-width);
display: flex;
justify-content: space-between;
}
.amcheckout-main-container.-modern.-layout-2columns > div:empty {
display: none;
}
.amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-main {
float: none;
width: calc(100% - var(--gap) - var(--sidebar-width));
}
.amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-sidebar {
flex-shrink: 0;
float: none;
position: relative !important;
width: var(--sidebar-width);
}
.amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-summary-container,
.amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-summary-container .amcheckout-title,
.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-summary-container,
.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-summary-container .amcheckout-title,
.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-additional-options,
.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-additional-options .amcheckout-title {
background: #fff;
}
.amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container.-summary {
border: 0;
position: sticky;
top: 0;
}
.amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container.-summary > .checkout-payment-method .actions-toolbar {
margin-bottom: 0;
}
.amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container.-summary > .checkout-payment-method .actions-toolbar .amasty.checkout,
.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container.-summary > .checkout-payment-method .actions-toolbar .amasty.checkout {
width: 100%;
}
.amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-sidebar.-sticky {
max-height: none;
overflow: visible;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
}
.amcheckout-step-container .amcheckout-summary-container .amcheckout-content > .amcheckout-wrapper {
border-radius: var(--radius-3);
}
.amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
padding-left: 0;
padding-right: 0;
}
.opc-payment-additional.discount-code {
border-radius: var(--radius-3);
margin-left: 0;
margin-right: 0;
}
.table-total-wrapper {
background-color: var(--color-16);
border-radius: var(--radius-3);
margin-left: 0;
margin-right: 0;
padding: 10px 20px 0;
}
.table-total-wrapper .grand.totals th,
.table-total-wrapper .grand.totals td {
padding-top: 19px;
}
}
@media (min-width: 1100px) {
.amcheckout-main-container.-modern.-layout-2columns {
--gap: 70px;
}
}
.checkout-index-index .am-checkout.-classic.-layout-2columns {
padding: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .action-auth-toggle {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .action-auth-toggle:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .amcheckout-content {
border: var(--border);
border-radius: var(--radius-3);
padding: 20px;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-block,
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-payment-method .payment-methods {
box-shadow: none;
margin: 0;
padding: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-payment-method .payment-methods .actions-toolbar .primary {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
font-size: 1.8rem;
min-height: var(--input-height-3);
width: 100%;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-payment-method .payment-methods .actions-toolbar .primary:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-payment-method .payment-methods .checkout-billing-address .actions-toolbar .primary {
background-color: transparent;
border: 0;
gap: 20px;
padding: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-payment-method .payment-methods .checkout-billing-address .actions-toolbar .primary .action {
margin: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-payment-method .payment-methods .checkout-billing-address .actions-toolbar .primary .action-update {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-payment-method .payment-methods .checkout-billing-address .actions-toolbar .primary .action-update:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-payment-method .payment-method-content {
padding-bottom: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-payment-method .payment-method-title {
padding-top: 1rem;
padding-bottom: 1rem;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-payment-method .payment-method-title,
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-wrapper.am-opc-wrapper .payment-method-content,
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-wrapper.am-opc-wrapper .payment-option-content {
padding-left: 0;
padding-right: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-estimated-wrapper,
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-block-summary {
margin-top: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-block-summary {
margin: 0;
padding: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-block-summary .amcheckout-content {
border: 0;
padding: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-block-summary .product-item-inner {
margin-bottom: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-block-summary .product-item-name-block {
padding-right: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-block-summary .details-qty {
margin-top: 0;
text-align: right;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-wrapper .form-login,
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-wrapper .form-shipping-address,
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-wrapper .methods-shipping {
background-color: transparent;
margin: 0;
padding: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-wrapper .step-title {
font-size: 1.8rem;
font-weight: var(--heading-weight);
margin-top: 2rem;
margin-bottom: 1rem;
padding: 0;
}
@media (min-width: 640px) {
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-wrapper .step-title {
border: 0;
}
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-wrapper.am-opc-wrapper .checkout-payment-method .payment-methods .step-title {
border: 0;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .totals.sub {
border-bottom: 1px solid #cccccc;
}
@media (min-width: 900px) {
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-column {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
--column-count: 2;
max-width: var(--checkout-sidebar-width);
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-column:nth-child(1) {
max-width: calc(100% - var(--gap) - var(--checkout-sidebar-width));
width: 100%;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-payment-additional.discount-code {
border-radius: var(--radius-3);
margin: 0 0 3rem;
padding-left: 20px;
padding-right: 20px;
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .opc-wrapper.am-opc-wrapper {
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.checkout-index-index .am-checkout.-classic.-layout-2columns .table-total-wrapper {
border-radius: var(--radius-3);
margin: 0;
padding: 10px 20px 0;
}
}
@media (min-width: 1100px) {
.checkout-index-index .am-checkout.-classic.-layout-2columns .checkout-column {
--gap: 60px;
}
}
/*
TABLE OF CONTENT
// BODY ELEMENT
// ACTION TOOLBAR above the list of posts.
// LIST OF POSTS
// RECENT POSTS
// TAGS
// TWO COLUMNS
*/
.blog-sidebar-block-title {
font-size: 2.6rem;
font-weight: var(--heading-weight);
}
.block-blog-recent-post .block-title {
border-bottom: 1px solid var(--color-7);
margin-top: 3.2rem;
margin-bottom: 2rem;
padding-bottom: 1rem;
text-align: left;
}
@media (min-width: 769px) {
.block-blog-recent-post .block-title {
margin-top: 8.4rem;
margin-bottom: 4rem;
}
}
.block-blog-recent-post .block-title strong {
color: #000;
font-size: 2.6rem;
font-weight: var(--heading-weight);
text-align: left;
}
@media (min-width: 769px) {
.block-blog-recent-post .block-title strong {
font-size: 4rem;
}
}
.blog-view-toggle-buttons-container .buttons {
display: flex;
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="grid"] {
box-shadow: none;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: 2px solid var(--color-5);
border-radius: 50%;
margin: 0;
position: static;
width: var(--icon-circle-size);
height: var(--icon-circle-size);
border: 0;
padding: 0;
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="grid"]:hover {
background-color: var(--color-5);
border: 2px solid #000;
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="grid"]::before {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
transition: .3s;
width: 20px;
height: 20px;
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="grid"]::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%224%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%2214%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%224%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%2214%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="grid"]:hover,
.blog-view-toggle-buttons-container .buttons [data-view-mode="grid"].active {
background-color: #fff;
border: 0;
box-shadow: none;
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="grid"]:hover::before,
.blog-view-toggle-buttons-container .buttons [data-view-mode="grid"].active::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%224%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%2214%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%224%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%2214%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"] {
box-shadow: none;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: 2px solid var(--color-5);
border-radius: 50%;
margin: 0;
position: static;
width: var(--icon-circle-size);
height: var(--icon-circle-size);
border: 0;
padding: 0;
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"]:hover {
background-color: var(--color-5);
border: 2px solid #000;
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"]::before {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
transition: .3s;
width: 20px;
height: 20px;
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"]::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%224%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%2214%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%224%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%2214%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"]:hover,
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"].active {
background-color: #fff;
border: 0;
box-shadow: none;
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"]:hover::before,
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"].active::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%224%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%2214%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%224%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%2214%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"]::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%204a2%202%200%200%200-2%202v3a2%202%200%200%200%202%202h3a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2H6Zm0%202h3v3H6V6Zm8%200a1%201%200%201%200%200%202h5a1%201%200%201%200%200-2h-5Zm0%209a1%201%200%201%200%200%202h5a1%201%200%201%200%200-2h-5ZM4%2015a2%202%200%200%201%202-2h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2v-3Zm5%200H6v3h3v-3Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"]:hover::before,
.blog-view-toggle-buttons-container .buttons [data-view-mode="list"].active::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FD9826%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%204a2%202%200%200%200-2%202v3a2%202%200%200%200%202%202h3a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2H6Zm0%202h3v3H6V6Zm8%200a1%201%200%201%200%200%202h5a1%201%200%201%200%200-2h-5Zm0%209a1%201%200%201%200%200%202h5a1%201%200%201%200%200-2h-5ZM4%2015a2%202%200%200%201%202-2h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2v-3Zm5%200H6v3h3v-3Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
.blog-view-toggle-buttons-container .buttons button .icon,
.blog-view-toggle-buttons-container .buttons button .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.block-featured-posts {
display: flex;
flex-wrap: nowrap;
gap: var(--gap);
margin-left: -15px;
margin-right: -15px;
padding: 0 15px;
overflow: auto;
}
.block-featured-posts .block-featured-posts-info {
max-width: 100%;
width: 100%;
}
.block-featured-posts .block-featured-posts-item {
flex-shrink: 0;
width: 100%;
}
.block-featured-posts .block-featured-posts-item:only-child {
max-width: 100%;
width: 100%;
}
.block-featured-posts .block-featured-posts-item:only-child .block-featured-post-link {
font-size: 2.6rem;
}
.block-featured-posts .block-featured-posts-item:only-child .featured-post-featured-image-link {
max-height: 100%;
}
.block-featured-posts .block-featured-post-link {
font-size: 1.6rem;
font-weight: var(--heading-weight);
line-height: 1.2;
}
.block-featured-posts .block-featured-post-link:hover {
color: var(--color-1);
}
@media (min-width: 769px) {
.block-featured-posts {
margin: 0;
padding: 0;
}
}
.blog-post-author,
.blog-post-info {
display: none;
}
.blog-post-content {
display: none;
font-size: 1.8rem;
}
.blog-post-featured-image-link,
.blog-post-featured-image {
display: block;
width: 100%;
}
.blog-post-featured-image-wrapper {
order: -100;
}
.blog-posts-post {
display: flex;
flex-direction: column;
margin-bottom: 5px;
}
.blog-post-read-more {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
background-color: transparent;
border: 0;
border-bottom: 2px solid var(--color-1);
border-radius: 0;
color: #000;
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
margin-bottom: 3rem;
padding-left: 0;
padding-right: 0;
}
.blog-post-read-more:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.blog-post-read-more::after {
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0Z%22%2F%3E%3Cpath%20fill%3D%22%23febf2c%22%20d%3D%22m12%204-1.415%201.415L16.17%2011H4v2h12.17l-5.585%205.585L12%2020l8-8Z%22%20%2F%3E%3C%2Fsvg%3E');
content: '';
display: inline-block;
margin-left: 1.8rem;
transition: .3s;
width: 2.4rem;
height: 2.4rem;
}
.blog-post-read-more:hover {
background-color: #fff;
color: #000;
}
.blog-post-read-more:hover::after {
transform: translateX(10px);
}
.blog-post-read-more:visited {
color: #000;
}
.blog-post-title-link,
.author-link {
color: #000;
font-weight: var(--heading-weight);
line-height: 1.2;
transition: .3s;
}
.blog-post-title-link:hover,
.author-link:hover {
text-decoration: none;
}
.blog-post-title-link {
font-size: 2.6rem;
}
.block-category-listing .block-category-listing-item .block-category-listing-item-link {
color: #000;
transition: .3s;
}
.block-category-listing .block-category-listing-item .block-category-listing-item-link:hover {
color: var(--color-1);
}
.block-category-listing .block-category-listing-item.current {
border-left-color: var(--color-1);
}
.blog-posts.grid-view .blog-posts-post .blog-post-read-more-wrapper {
display: block;
}
.blog-posts.grid-view .blog-post-title-link {
font-size: 1.8rem;
}
@media (min-width: 769px) {
.blog-posts.grid-view .blog-posts-post {
--aw-blog-grid-view-column-count: 2;
}
}
.sidebar #blog-sidebar-recent-posts {
--side-spacing: 15px;
margin-left: calc(-1 * var(--side-spacing));
margin-right: calc(-1 * var(--side-spacing));
padding-left: var(--side-spacing);
padding-right: var(--side-spacing);
}
.sidebar .block-recent-posts .block-recent-posts-item,
.block-related-posts .block-related-posts-item {
display: flex;
gap: var(--side-spacing);
margin-bottom: 1.4rem;
}
.sidebar .block-recent-posts .block-recent-posts-link {
font-size: 1.8rem;
line-height: 1.2;
}
.sidebar .block-recent-posts .block-recent-posts-link:hover {
color: var(--color-1);
}
.recent-post-featured-image-link,
.block-related-posts .related-post-featured-image-link {
flex-shrink: 0;
width: 76px;
}
.widget .block-title .blog-sidebar-block-title {
font-size: 2.6rem;
font-weight: var(--heading-weight);
}
#blog-sidebar-tag-cloud {
margin-bottom: 50px;
}
.blog-tags .blog-tags-tag {
color: #000;
font-size: 1.6rem !important;
line-height: 1;
padding-top: 4px;
padding-bottom: 4px;
height: auto;
}
.blog-tags .blog-tags-tag:hover {
color: var(--color-1);
}
@media (min-width: 769px) {
.aw_blog-index-index .column.main,
.aw_blog-category-view .column.main {
width: calc(60% - var(--gap));
}
.aw_blog-index-index .sidebar,
.aw_blog-category-view .sidebar {
position: sticky;
top: 100px;
max-width: 40%;
width: var(--sidebar-width);
}
.aw_blog-index-index .sidebar-additional,
.aw_blog-category-view .sidebar-additional {
display: none;
}
.block-category-listing {
font-size: 1.8rem;
}
.blog-post-content {
color: var(--color-9);
display: block;
font-weight: 300;
}
.blog-post-read-more {
font-size: 2rem;
}
.blog-post-title {
font-size: 2.6rem;
}
.sidebar .block-recent-posts {
margin: 0;
width: 100%;
}
.sidebar .block-recent-posts .block-recent-posts-item {
align-items: center;
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.sidebar .block-recent-posts .block-recent-posts-link {
font-size: 1.5rem;
}
.sidebar #blog-sidebar-recent-posts {
margin: 0;
padding: 0;
}
.widget .block-title .blog-sidebar-block-title {
font-size: 2.2rem;
}
}
@media (min-width: 1100px) {
.aw_blog-index-index .column.main,
.aw_blog-category-view .column.main {
width: calc(100% - var(--sidebar-width));
}
.aw_blog-index-index .sidebar,
.aw_blog-category-view .sidebar {
padding-left: 50px;
}
}
.aw_blog-post-view .sidebar {
display: none;
}
.blog-posts-post .block.prev-next {
gap: var(--gap);
}
.blog-posts-post .block.prev-next .post-featured-image-link {
display: none;
}
.blog-posts-post .block.prev-next .post-link {
color: #000;
}
.blog-posts-post .block-related-posts {
--side-spacing: 15px;
}
.blog-posts-post .block-related-posts .block-related-post-link {
font-size: 1.8rem;
line-height: 1.2;
}
.blog-posts-post .block-related-posts .block-related-post-link:hover {
color: var(--color-1);
}
.blog-posts-post .blog-block-title {
font-size: 2.6rem;
font-weight: var(--heading-weight);
}
.blog-posts-post .blog-post-content {
font-weight: 300;
display: block;
}
.blog-posts-post .blog-post-featured-image-wrapper {
order: 0;
}
.blog-posts-post .blog-post-title {
font-size: 3.2rem;
font-weight: var(--heading-weight);
margin-bottom: 2rem;
text-align: center;
}
.blog-posts-post .blog-post-title .blog-post-title-link,
.blog-posts-post .blog-post-title .blog-post-title-link:visited {
color: #000;
font-size: inherit;
}
@media (max-width: 768px) {
.blog-posts-post .blog-post-content img {
width: 100%;
}
.blog-posts-post .blog-post-content img[style*=float] {
max-width: 50%;
}
}
#blog-related-posts .block-related-posts {
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
#blog-related-posts .block-related-posts-item {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
}
#blog-related-posts .block-related-post-link {
display: block;
}
#blog-related-posts .button {
display: none;
margin-top: 1rem;
}
#blog-related-posts .recent-post-featured-image {
aspect-ratio: 490 / 300;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (min-width: 769px) {
.aw_blog-post-view .column.main {
float: none;
padding-left: 0;
width: 100%;
}
.block-related-posts {
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
margin: 0;
}
.block-related-posts .block-related-posts-item {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
--column-count: 3;
display: block;
margin: 0;
}
.block-related-posts .block-related-post-link {
font-weight: var(--heading-weight);
}
.block-related-posts .related-post-featured-image-link {
width: 100%;
}
.blog-post {
font-size: 1.8rem;
margin: 0 auto 67px;
max-width: 823px;
}
.blog-posts-post .blog-post-content {
color: #000;
}
.blog-posts-post .blog-post-title {
font-weight: 600;
text-align: left;
}
#blog-related-posts .blog-block-title {
font-size: 4rem;
}
#blog-related-posts .block-related-posts-item {
--column-count: 2;
}
#blog-related-posts .button {
display: inline-flex;
margin-top: 1rem;
}
#blog-related-posts .recent-post-featured-image {
width: 100%;
}
}
@media (min-width: 1024px) {
.aw_blog-post-view .blog-post-title {
font-size: 5rem;
}
#blog-related-posts {
padding-left: var(--edge-space);
padding-right: var(--edge-space);
position: relative;
left: 50%;
transform: translateX(-50%);
max-width: var(--site-width);
width: 100vw;
}
}
@media (min-width: 1200px) {
#blog-related-posts .block-related-post-link {
font-size: 2.8rem;
}
}
@media (max-width: 1023px) {
.aw_blog-post-view .breadcrumbs {
margin: 2rem 0;
}
}
.blog-pagination {
color: #000;
display: flex;
justify-content: center;
text-align: center;
}
.blog-pagination-item {
border-radius: var(--radius-3);
color: inherit;
display: inline-block;
font-size: 1.5rem;
margin: 0;
transition: .3s;
min-width: 3.2rem;
height: 3.2rem;
}
.blog-pagination-item:hover,
.blog-pagination-page-current {
background-color: var(--color-1);
color: #fff;
font-weight: 400;
text-decoration: none;
}
.blog-pagination-page-current:hover {
color: #fff;
text-decoration: none;
}
/*
Places where the class `box-tocart` appears:
- app/design/frontend/Globalia/lumenco/Magento_Catalog/templates/product/view/addtocart.phtml
- vendor/amasty/module-request-quote/view/frontend/templates/cart/item/configure/updatequote.phtml
- vendor/magento/module-catalog/view/frontend/templates/product/view/addtocart.phtml (default of product page)
- vendor/magento/module-checkout/view/frontend/templates/cart/item/configure/updatecart.phtml
- vendor/magento/module-wishlist/view/frontend/templates/item/column/cart.phtml
- vendor/mageworx/module-optionfeatures/view/frontend/templates/catalog/product/addtocart.phtml
*/
.box-tocart {
margin-bottom: 0;
}
.box-tocart .action.tocart {
font-size: 1.8rem;
min-height: var(--input-height-3);
width: 100%;
}
.box-tocart .fieldset {
margin-bottom: 0;
}
.field-number {
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.field-number-change {
background-color: transparent;
border: var(--border);
border-radius: var(--radius-4);
color: var(--color-1);
width: 44px;
height: 44px;
}
.field-number input[type=number] {
border: 0;
font-size: 1.9rem;
}
.field-number div.mage-error {
margin-top: 0;
order: 100;
width: 100%;
}
.ambrand-index-index .category-view {
--image-width: 300px;
}
.ambrand-index-index .category-view .category-image {
margin-bottom: 1em;
position: static;
max-width: var(--image-width);
height: auto;
}
.ambrand-index-index .category-view .category-image .image {
object-fit: fill;
width: auto;
height: auto;
}
.ambrand-index-index .category-view .category-description {
max-width: 100%;
}
.ambrand-index-index .category-view-header {
background-color: transparent;
color: #000;
}
.ambrands-letters-filter .ambrands-letter:hover,
.ambrands-letters-filter .ambrands-letter.-active {
Background-color: transparent;
border-color: currentColor;
color: var(--color-2);
}
.ambrands-letter .ambrands-brand-item .ambrands-inner:hover,
.ambrands-letter .ambrands-brand-item .ambrands-inner:focus,
.ambrands-search-block .ambrands-input:hover,
.ambrands-search-block .ambrands-input:focus {
border-color: var(--color-2);
}
@media (min-width: 768px) {
.ambrand-index-index .category-view-header {
display: flex;
gap: var(--gap);
}
.ambrand-index-index .category-view .category-description {
max-width: calc(100% - var(--image-width) - var(--gap));
order: -100;
}
.ambrand-index-index .category-view .category-description,
.ambrand-index-index .category-view .category-image {
flex-shrink: 0;
margin-bottom: 0;
}
.ambrand-index-index .category-view .category-description {
flex-grow: 1;
}
.ambrand-index-index .category-view .category-image .image {
margin: 0 auto;
}
}
@media (min-width: 1024px) {
.ambrand-index-index .category-view-header {
--gap: 40px;
padding: 20px;
}
}
@media (min-width: 1280px) {
.ambrand-index-index .category-view-header {
--gap: 40px;
padding: 20px 0;
}
}
.breadcrumbs {
display: block;
}
.breadcrumbs a,
.breadcrumbs a:visited {
color: inherit;
}
.breadcrumbs strong {
font-weight: 300;
}
.breadcrumbs .items {
color: var(--color-9);
font-size: 1.5rem;
font-weight: 300;
padding-left: 0;
padding-right: 0;
}
.breadcrumbs .items > li {
display: inline;
}
.breadcrumbs .item:not(:last-child):after {
content: ' / ';
font-size: 1.6rem;
margin: 0 0 0 5px;
}
@media (min-width: 1024px) {
.breadcrumbs {
background-color: var(--breadcrumbs-background);
color: var(--breadcrumbs-color);
padding: 12px 20px;
max-width: 100%;
}
}
.cms-page-header ~ .page.messages {
margin-top: 3rem;
}
.ammenu-account-section,
.ammenu-drill-section {
display: block !important;
}
.ammenu-drill-navigation {
background-color: var(--color-14);
border: 0;
margin: 0;
padding-left: 20px;
padding-right: 20px;
}
.ammenu-drill-navigation .ammenu-button {
font-size: 1.5rem;
padding: 2rem 0;
}
.ammenu-menu-greetings,
.ammenu-menu-greetings::before {
display: none;
}
.ammenu-nav-sections.-sidebar .ammenu-account-section {
height: auto !important;
}
.ammenu-tabs-list {
display: none;
}
.ammenu-nav-sections.-sidebar .ammenu-item,
.ammenu-nav-sections.-sidebar .ammenu-link {
font-size: 2.1rem;
}
@media (min-width: 1024px) {
.ammenu-nav-sections.-sidebar .ammenu-item,
.ammenu-nav-sections.-sidebar .ammenu-link {
font-size: 1.8rem;
}
}
._ammenu-link.-first,
._ammenu-link.-first,
.ammenu-nav-sections.-sidebar .ammenu-items.-root > .ammenu-item > .ammenu-link,
.ammenu-nav-sections.-sidebar .ammenu-items.-root > .ammenu-item > .ammenu-link,
.ammenu-nav-sections.-drill .ammenu-items.-drill .ammenu-link,
.ammenu-nav-sections.-mobile.-drill .ammenu-items.-drill .ammenu-link,
.ammenu-nav-sections.-sidebar.-left-menu .ammenu-items.-root > .ammenu-item > .ammenu-link {
border: 0 !important;
font-size: inherit;
font-weight: 400 !important;
line-height: 1.2;
min-height: 0;
padding: .8rem 0;
text-decoration: none;
}
.ammenu-nav-sections.-mobile.-drill .ammenu-current-title {
font-size: 2rem;
}
.ammenu-nav-sections.-sidebar {
display: flex;
flex-direction: column;
}
.ammenu-nav-sections.-sidebar .ammenu-account-section {
order: 100;
}
.ammenu-nav-sections.-sidebar.-left-menu .ammenu-items.-root {
height: calc(100% - 21px);
}
.ammenu-nav-sections.-sidebar.-left-menu .ammenu-items.-root > .ammenu-item > .ammenu-link.-active {
background-color: var(--color-1);
color: #fff !important;
margin: 0;
padding-left: 20px;
padding-right: 20px;
}
.ammenu-nav-sections.-sidebar.-left-menu .ammenu-submenu-wrapper {
line-height: 1.2;
}
.ammenu-nav-sections.-sidebar.-left-menu .ammenu-submenu-wrapper .ammenu-link {
text-decoration: none;
}
.ammenu-nav-sections.-sidebar .ammenu-items.-root > .ammenu-item > .ammenu-link.-active > .ammenu-icon-block.-toggle {
opacity: 1;
right: 20px;
}
.ammenu-link.-mobile.-active .ammenu-icon-block.-toggle path {
fill: var(--color-1);
}
@media (min-width: 1024px) {
.ammenu-link.-mobile.-active .ammenu-icon-block.-toggle path {
fill: #000;
}
}
.ammenu-menu-wrapper .ammenu-link.-all-link {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
background-color: transparent;
border: 0;
border-bottom: 2px solid var(--color-1);
border-radius: 0;
color: #000;
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
margin-bottom: 3rem;
padding-left: 0;
padding-right: 0;
}
.ammenu-menu-wrapper .ammenu-link.-all-link:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.ammenu-menu-wrapper .ammenu-link.-all-link::after {
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0Z%22%2F%3E%3Cpath%20fill%3D%22%23febf2c%22%20d%3D%22m12%204-1.415%201.415L16.17%2011H4v2h12.17l-5.585%205.585L12%2020l8-8Z%22%20%2F%3E%3C%2Fsvg%3E');
content: '';
display: inline-block;
margin-left: 1.8rem;
transition: .3s;
width: 2.4rem;
height: 2.4rem;
}
.ammenu-menu-wrapper .ammenu-link.-all-link:hover {
background-color: #fff;
color: #000;
}
.ammenu-menu-wrapper .ammenu-link.-all-link:hover::after {
transform: translateX(10px);
}
.ammenu-menu-wrapper .ammenu-link.-all-link:visited {
color: #000;
}
.cart.item .product-image-wrapper {
height: 100%;
}
.cart.item .product-image-photo {
object-fit: contain;
height: 100%;
}
.cart.main.actions .cart-below-table {
display: none;
}
@media (min-width: 769px) {
.cart.main.actions {
display: flex;
align-items: center;
justify-content: space-between;
}
.cart.main.actions .cart-below-table {
display: block;
}
.cart.main.actions .cart-below-table img {
width: 225px;
}
}
.cart.table-wrapper .actions-toolbar {
display: flex;
gap: 20px;
margin-right: 20px;
position: absolute;
bottom: 0;
right: 0;
}
.cart.table-wrapper .actions-toolbar::before,
.cart.table-wrapper .actions-toolbar::after {
display: none;
}
.cart.table-wrapper .actions-toolbar > .action-delete,
.cart.table-wrapper .towishlist,
.minicart-items .action.delete,
.products-grid.wishlist .product-item-actions .action.delete,
.products-grid.wishlist .product-item-actions .action.edit {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: 2px solid var(--color-5);
border-radius: 50%;
margin: 0;
position: static;
width: var(--icon-circle-size);
height: var(--icon-circle-size);
display: inline-flex;
}
.cart.table-wrapper .actions-toolbar > .action-delete:hover,
.cart.table-wrapper .towishlist:hover,
.minicart-items .action.delete:hover,
.products-grid.wishlist .product-item-actions .action.delete:hover,
.products-grid.wishlist .product-item-actions .action.edit:hover {
background-color: var(--color-5);
border: 2px solid #000;
}
.cart.table-wrapper .actions-toolbar > .action-delete::before,
.cart.table-wrapper .towishlist::before,
.minicart-items .action.delete::before,
.products-grid.wishlist .product-item-actions .action.delete::before,
.products-grid.wishlist .product-item-actions .action.edit::before {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
transition: .3s;
width: 20px;
height: 20px;
}
.cart.table-wrapper .col.subtotal {
padding-right: 20px;
}
.cart.table-wrapper .item .col.item {
padding-left: 20px;
}
.cart.table-wrapper .towishlist:hover::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2021.122%22%3E%3Cpath%20fill%3D%22%23FFBF10%22%20stroke%3D%22%23FFBF10%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.75%22%20d%3D%22M21.372%202.588a5.844%205.844%200%200%200-8.266%200l-1.127%201.126-1.126-1.126a5.845%205.845%200%200%200-8.266%208.266l1.126%201.123%208.266%208.266%208.267-8.266%201.126-1.126a5.844%205.844%200%200%200%200-8.266Z%22%2F%3E%3C%2Fsvg%3E');
}
.cart.table-wrapper .towishlist::before,
.cart.table-wrapper .actions-toolbar > .action-delete::before,
.minicart-items .action.delete::before,
.products-grid.wishlist .product-item-actions .action.delete::before {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
transition: .3s;
width: 20px;
height: 20px;
}
.cart.table-wrapper .towishlist::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2021.122%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.75%22%20d%3D%22M21.372%202.588a5.844%205.844%200%200%200-8.266%200l-1.127%201.126-1.126-1.126a5.845%205.845%200%200%200-8.266%208.266l1.126%201.123%208.266%208.266%208.267-8.266%201.126-1.126a5.844%205.844%200%200%200%200-8.266Z%22%2F%3E%3C%2Fsvg%3E');
width: 16px;
height: 16px;
}
.cart.table-wrapper .actions-toolbar > .action-delete::before,
.minicart-items .action.delete::before,
.products-grid.wishlist .product-item-actions .action.delete::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800%22%20height%3D%22800%22%20fill%3D%22none%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20stroke%3D%22%23FD511E%22%20stroke-width%3D%221.2%22%20d%3D%22M5%206.5h15m-10%200v-2a1%201%200%200%201%201-1h3a1%201%200%200%201%201%201v2M12.5%209v8m3-8-.5%208M9.5%209l.5%208m8.5-10.5-.929%2012.077a1%201%200%200%201-.997.923H8.426a1%201%200%200%201-.997-.923L6.5%206.5h12Z%22%2F%3E%3C%2Fsvg%3E');
}
.cart.table-wrapper .actions-toolbar > .action-edit {
display: none;
}
.cart.table-wrapper .cart thead tr th.col,
.cart.table-wrapper .cart > .item {
border-color: var(--color-5);
}
.cart.table-wrapper .cart thead tr th.col {
background-color: var(--color-16);
color: var(--color-17);
font-size: 1.3rem;
font-weight: 600;
padding-top: 10px;
padding-bottom: 10px;
}
.cart.table-wrapper .col.price .input-text,
.cart.table-wrapper .col.qty .input-text,
.cart.table-wrapper .col.price .price-excluding-tax .price {
font-weight: 400;
}
.cart.table-wrapper .col.qty .input-text {
margin-top: 0;
}
.cart.table-wrapper .price {
font-size: 1.6rem;
}
.cart-container {
display: flex;
flex-direction: column;
margin-top: 50px;
}
.cart-container::before,
.cart-container::after {
display: none;
}
.cart-container .table-wrapper {
margin-top: 2rem;
}
.cart-empty {
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
}
.cart-empty__title {
font-size: 3.6rem;
}
.checkout-cart-index {
--spacing-y: 15px;
}
.continue-shopping .action.continue,
.continue-shopping .action.continue:visited {
border-bottom: 4px solid var(--color-1);
color: #000;
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 600;
line-height: 1;
padding-bottom: 1rem;
transition: .3s;
}
.continue-shopping .action.continue:hover,
.continue-shopping .action.continue:visited:hover {
color: var(--color-1);
text-decoration: none;
}
.continue-shopping .action.continue:hover::before,
.continue-shopping .action.continue:visited:hover::before {
transform: rotate(180deg) translateX(10px);
}
.continue-shopping .action.continue::before {
--size: 2rem;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0Z%22%2F%3E%3Cpath%20fill%3D%22%23febf2c%22%20d%3D%22m12%204-1.415%201.415L16.17%2011H4v2h12.17l-5.585%205.585L12%2020l8-8Z%22%20%2F%3E%3C%2Fsvg%3E');
background-position: center;
background-repeat: no-repeat;
content: '';
display: block;
transform: rotate(180deg);
transition: .3s;
vertical-align: middle;
width: var(--size);
height: var(--size);
}
.product-image-container {
border-radius: var(--radius-3);
overflow: hidden;
}
@media (min-width: 769px) {
.cart.table-wrapper .product-item-photo {
max-width: 80px;
}
.cart-container .form-cart,
.cart-summary {
float: none;
padding: 0;
position: static;
width: 100%;
}
}
@media (min-width: 1024px) {
.cart-container {
--summary-width: var(--checkout-sidebar-width);
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: space-between;
}
.cart-container > #gift-options-cart {
display: none;
}
.cart-container .form-cart {
width: calc(100% - var(--summary-width) - var(--gap));
}
.cart-summary {
max-width: var(--summary-width);
padding: 0;
}
}
@media (max-width: 768px) {
.cart.main.actions {
margin: 0 15px;
}
.cart.table-wrapper {
border: var(--border);
border-color: var(--color-18);
border-radius: 0;
border-width: 1px;
}
.cart.table-wrapper .data.table .cart.item .item-actions {
text-align: right;
}
.cart.table-wrapper .data.table .cart.item .item-info {
display: grid;
grid-template-columns: 90px 1fr 1fr;
}
.cart.table-wrapper .data.table .cart.item .col {
grid-column-start: 2;
padding: 0;
text-align: left;
width: 100%;
}
.cart.table-wrapper .data.table .cart.item .col::before {
display: none;
}
.cart.table-wrapper .data.table .cart.item .col.item {
grid-column: 1 / span 3;
padding: 15px 20px 0 90px;
}
.cart.table-wrapper .data.table .cart.item .col.price {
margin: .5em 0;
}
.cart.table-wrapper .data.table .cart.item .col.subtotal {
align-self: center;
grid-column-start: 3;
grid-row-start: 3;
padding-right: 20px;
text-align: right;
}
.cart.table-wrapper .data.table .cart.item .item-options {
margin-top: 0;
}
.cart.table-wrapper .actions-toolbar {
margin-right: 0;
}
.cart.table-wrapper .actions-toolbar > .action-delete,
.cart.table-wrapper .towishlist {
flex-shrink: 0;
}
.cart-discount,
.cart-discount .block > .title {
border: 0;
}
.cart-summary {
order: 1000;
}
.continue-shopping {
padding-left: 15px;
padding-right: 15px;
}
.continue-shopping .action.continue,
.continue-shopping .action.continue:visited {
border-bottom: 2px solid var(--color-1);
}
.cart.table-wrapper .actions-toolbar,
.cart.table-wrapper .actions-toolbar > .action-delete,
.gift-options-cart-item + .towishlist {
position: static;
}
.form-cart .action.update {
width: 100%;
}
}
.cart-discount,
.cart-last,
.cart-summary .block.shipping,
.cart-totals,
.cart-summary .checkout-methods-items {
background-color: var(--color-16);
}
.cart-discount {
margin-bottom: .6rem;
padding: 20px var(--spacing-y);
width: 100%;
}
.cart-discount .actions-toolbar {
display: block;
margin-left: -10px;
width: auto;
}
.cart-discount .block > .title,
.cart-discount .block .content {
padding: 0;
}
.cart-discount .block > .title {
margin-bottom: .5rem;
}
.cart-discount .block > .title strong {
color: #000;
}
.cart-discount .block .content {
display: block !important;
}
.cart-discount .block .field {
margin: 0;
}
.cart-discount .block .title::after {
display: none;
}
.cart-discount .fieldset {
display: flex;
margin: 0;
}
.cart-last {
font-weight: 300;
margin-left: var(--spacing-y);
margin-right: var(--spacing-y);
padding: 20px var(--spacing-y);
}
.cart-last h1,
.cart-last h2,
.cart-last h3,
.cart-last h4,
.cart-last h5,
.cart-last h6 {
font-size: 1.6rem;
font-weight: 600;
margin-top: 0;
}
.cart-last p:last-child,
.cart-last ol:last-child,
.cart-last ul:last-child {
margin-bottom: 0;
}
@media (min-width: 769px) {
.cart-last {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 1024px) {
.cart-last {
font-size: 2rem;
margin: 4rem 0 0;
padding-top: 3rem;
padding-bottom: 3rem;
}
.cart-last h1,
.cart-last h2,
.cart-last h3,
.cart-last h4,
.cart-last h5,
.cart-last h6 {
font-size: 3rem;
}
}
.cart-summary {
background-color: transparent;
padding-bottom: 0;
width: 100%;
}
.cart-summary .cart-summary {
margin-bottom: 0;
padding-bottom: 0;
}
.cart-summary._sticky {
margin-bottom: 0;
}
.cart-summary > .title {
display: block;
font-size: 2.2rem;
font-weight: 500;
padding-left: var(--spacing-y);
padding-right: var(--spacing-y);
}
.cart-summary .block > .title::after {
top: 12px;
}
.cart-summary .block .title,
.cart-totals,
.opc-block-summary .table-totals {
border: 0;
}
.cart-summary .block .title strong {
font-size: 1.5rem;
margin: 0;
}
.cart-summary .block.shipping .content form:last-child {
border-bottom: 1px solid var(--color-7);
}
.cart-summary .checkout-methods-items {
margin: 0;
padding: 20px var(--spacing-y);
}
.cart-summary-last {
font-size: 1.3rem;
margin-top: 2.4rem;
padding-left: var(--spacing-y);
padding-right: var(--spacing-y);
}
.cart-summary-last h1,
.cart-summary-last h2,
.cart-summary-last h3,
.cart-summary-last h4,
.cart-summary-last h5,
.cart-summary-last h6 {
font-size: 1.6rem;
margin-bottom: .7rem;
}
@media (min-width: 769px) {
.cart-summary-last {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1024px) {
.cart-summary-last {
padding-left: 0;
padding-right: 0;
}
}
.cart-totals .totals-tax-summary .mark {
border-top: 0;
}
.cart-totals .totals-tax-details {
font-size: 1.4rem;
}
.cart-totals .totals-tax-details .mark {
padding-left: 15px;
}
@media (min-width: 769px) {
.cart-discount,
.cart-discount .block:nth-child(1) {
float: none;
padding: 0;
}
.cart-discount {
padding: var(--spacing-y);
}
.cart-summary {
--spacing-y: 20px;
}
.cart-summary .block.discount .content form {
border: 0;
}
.cart-summary .block.shipping,
.cart-totals {
padding-left: var(--spacing-y);
padding-right: var(--spacing-y);
}
.cart-summary .block .fieldset .field {
margin: 0;
}
.cart-summary > .title {
padding: 0;
}
.cart-totals .table-wrapper,
.cart-totals .totals-tax-summary .amount {
border: 0;
}
}
@media (min-width: 1024px) {
.cart-discount,
.cart-summary .block.shipping {
border-radius: var(--radius-2);
margin-bottom: 1rem;
}
.cart-discount input[type="text"],
.form.form-discount input[type="text"] {
font-size: 1.2rem;
}
.cart-totals {
border-radius: var(--radius-2) var(--radius-2) 0 0;
}
.cart-summary .checkout-methods-items {
border-radius: 0 0 var(--radius-2) var(--radius-2);
}
.cart-summary .block .content {
padding-bottom: 0;
}
.cart-summary .block.shipping .content form:last-child {
border: 0;
}
.cart-summary--wrapper .cart-summary {
position: sticky;
top: 80px !important;
}
.form.form-discount .payment-option-inner {
flex-grow: 1;
}
}
.amscroll-backtotop-block {
bottom: 70px;
right: 20px;
}
.amscroll-backtotop-block .amscroll-text {
font-family: var(--font-1);
font-size: 1.4rem;
font-weight: 400;
}
.amscroll-load-button,
.amscroll-page + .amscroll-load-button {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
border-color: var(--button-1-border) !important;
display: flex;
margin-left: auto;
margin-right: auto;
}
.amscroll-load-button:hover,
.amscroll-page + .amscroll-load-button:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.amscroll-load-button:hover,
.amscroll-page + .amscroll-load-button:hover {
color: var(--button-1-color) !important;
}
.amscroll-load-button:hover .amscroll-text,
.amscroll-page + .amscroll-load-button:hover .amscroll-text {
filter: none;
}
.amscroll-load-button:not(.focus-visible) {
border-color: var(--button-1-border) !important;
}
@media (min-width: 769px) {
.amscroll-backtotop-block:not(.-amscroll-active) {
opacity: 0;
pointer-events: none;
right: 30px !important;
transform: translateX(100%);
}
.amscroll-backtotop-block.-desktop-text,
.amscroll-backtotop-block.-desktop-edge {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
background-color: var(--button-1-background) !important;
transform: none;
}
.amscroll-backtotop-block.-desktop-text:hover,
.amscroll-backtotop-block.-desktop-edge:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.amscroll-backtotop-block.-desktop-text::after,
.amscroll-backtotop-block.-desktop-edge::after {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M23.71%2011.969c0-6.45-5.24-11.71-11.71-11.71C5.53.259.29%205.519.29%2011.969c0%206.45%205.26%2011.71%2011.71%2011.71s11.71-5.26%2011.71-11.71zm-21.767%200C1.943%206.426%206.457%201.91%2012%201.91S22.057%206.426%2022.057%2011.97c0%205.542-4.514%2010.057-10.057%2010.057S1.943%2017.511%201.943%2011.97z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9.29%2018.017a.807.807%200%200%200%20.585.242c.201%200%20.423-.08.584-.242l5.321-5.32c.162-.162.242-.363.242-.585s-.08-.423-.242-.584l-5.32-5.321a.827.827%200%200%200-1.17%201.169l4.737%204.736-4.737%204.736a.827.827%200%200%200%200%201.17z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
transform: rotate(-90deg);
}
.amscroll-backtotop-block.-desktop-text::before {
filter: none;
}
.amscroll-backtotop-block.-desktop-text:hover,
.amscroll-backtotop-block.-desktop-edge:hover {
background-color: var(--color-1) !important;
color: #000;
}
.amscroll-backtotop-block.-desktop-edge,
.amscroll-backtotop-block.-desktop-edge::before {
border-radius: var(--radius-2) var(--radius-2) 0 var(--radius-2);
bottom: 0;
}
.amscroll-backtotop-block.-desktop-edge::before {
background-color: transparent;
border-color: transparent;
}
.amscroll-backtotop-block.-desktop-edge::after {
height: 14px;
}
}
@media (max-width: 768px) {
.amscroll-backtotop-block.-mobile-arrow {
width: 30px;
height: 30px;
}
.amscroll-backtotop-block.-mobile-arrow::after {
width: 10px;
height: 18px;
}
}
.catalog-category-view .cms-page-header {
margin-bottom: 3rem;
}
.catalog-category-view .cms-page-header ~ .page.messages {
margin-top: 0;
}
.category-cms h1,
.category-cms h2,
.category-cms h3,
.category-cms h4,
.category-cms h5,
.category-cms h6 {
border-bottom: 1px solid var(--color-7);
font-size: 2.6rem;
font-weight: 500;
margin-top: 0;
margin-bottom: 12px;
padding-bottom: 8px;
}
.category-cms .category-full {
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
@media (min-width: 1320px) {
.category-cms .category-full {
flex-wrap: nowrap;
overflow: auto;
padding-bottom: 50px;
}
}
.category-cms .category-full .category-block {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
--column-count: 2;
}
@media (min-width: 600px) {
.category-cms .category-full .category-block {
--column-count: 3;
}
}
@media (min-width: 768px) {
.category-cms .category-full .category-block {
--column-count: 4;
}
}
.category-cms .category-full .category-images {
margin-bottom: 6px;
}
.category-cms .category-full .category-images img {
display: block;
}
.category-cms .category-full a {
color: #000;
text-decoration: underline;
}
.category-cms .category-full a:hover {
color: var(--color-1);
text-decoration: none;
}
.category-cms .category-full h1,
.category-cms .category-full h2,
.category-cms .category-full h3,
.category-cms .category-full h4,
.category-cms .category-full h5,
.category-cms .category-full h6 {
border: 0;
font-size: 1.7rem;
font-weight: 400;
margin: 0;
padding: 0;
}
.category-extra-content {
margin-top: 47px;
}
@media (min-width: 769px) {
.category-extra-content {
margin-top: 60px;
}
}
.category-sidebar-content:not(:empty) {
margin-bottom: 5rem;
}
.category-view-header {
font-size: 1.8rem;
margin-bottom: 30px;
padding: 40px 0;
position: relative;
width: 100%;
}
.category-image {
margin-bottom: 0;
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.category-image .image {
object-fit: cover;
width: 100%;
height: 100%;
}
.display-static-block-only.catalog-category-view .columns,
.display-static-block-only .columns,
.display-static-block-only .column.main {
min-height: 0;
padding: 0;
}
.display-static-block-only .sidebar {
display: none;
}
.modes {
margin-right: 0;
}
.modes-mode,
.modes-mode:last-child {
background-color: #fff;
border: 0;
box-shadow: none;
}
.modes-mode {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: 2px solid var(--color-5);
border-radius: 50%;
margin: 0;
position: static;
width: var(--icon-circle-size);
height: var(--icon-circle-size);
border: 0;
padding: 0;
}
.modes-mode:hover {
background-color: var(--color-5);
border: 2px solid #000;
}
.modes-mode::before {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
transition: .3s;
width: 20px;
height: 20px;
}
.modes-mode::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%224%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%2214%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%224%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%2214%22%20stroke%3D%22%23030819%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.modes-mode:hover,
.modes-mode.active {
background-color: #fff;
border: 0;
box-shadow: none;
}
.modes-mode:hover::before,
.modes-mode.active::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%224%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%224%22%20y%3D%2214%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%224%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%226%22%20x%3D%2214%22%20y%3D%2214%22%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.mode-list::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%204a2%202%200%200%200-2%202v3a2%202%200%200%200%202%202h3a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2H6Zm0%202h3v3H6V6Zm8%200a1%201%200%201%200%200%202h5a1%201%200%201%200%200-2h-5Zm0%209a1%201%200%201%200%200%202h5a1%201%200%201%200%200-2h-5ZM4%2015a2%202%200%200%201%202-2h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2v-3Zm5%200H6v3h3v-3Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
.mode-list:hover::before,
.mode-list.active::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FD9826%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%204a2%202%200%200%200-2%202v3a2%202%200%200%200%202%202h3a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2H6Zm0%202h3v3H6V6Zm8%200a1%201%200%201%200%200%202h5a1%201%200%201%200%200-2h-5Zm0%209a1%201%200%201%200%200%202h5a1%201%200%201%200%200-2h-5ZM4%2015a2%202%200%200%201%202-2h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2v-3Zm5%200H6v3h3v-3Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
.product-item-actions .actions-secondary {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
}
.product-item-actions .actions-secondary > .action.tocompare,
.product-item-actions .actions-secondary > .action.towishlist {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: 2px solid var(--color-5);
border-radius: 50%;
margin: 0;
position: static;
width: var(--icon-circle-size);
height: var(--icon-circle-size);
margin-bottom: 5px;
}
.product-item-actions .actions-secondary > .action.tocompare:hover,
.product-item-actions .actions-secondary > .action.towishlist:hover {
background-color: var(--color-5);
border: 2px solid #000;
}
.product-item-actions .actions-secondary > .action.tocompare::before,
.product-item-actions .actions-secondary > .action.towishlist::before {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
transition: .3s;
width: 20px;
height: 20px;
}
.product-item-actions .actions-secondary > .action.tocompare::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20viewBox%3D%220%200%20331.731%20331.731%22%3E%3Cpath%20d%3D%22M321.061%20185.916%20284.568%2023.391l16.589-3.929L296.548%200%20175.866%2028.586V11.731h-20v21.592L30.574%2063l4.609%2019.462%2010.502-2.488-35.016%20155.942H4.417c0%2029.721%2024.094%2053.815%2053.817%2053.815%2029.722%200%2053.816-24.094%2053.816-53.815h-6.253L69.515%2074.33l86.351-20.453v257.854h-47.632v20h115.264v-20h-47.632V49.139l85.317-20.208-35.249%20156.985h-6.253c0%2029.721%2024.095%2053.815%2053.816%2053.815%2029.723%200%2053.817-24.094%2053.817-53.815h-6.253zm-235.761%2050H31.167l27.066-120.54L85.3%20235.916zm161.131-50%2027.066-120.54%2027.066%20120.54h-54.132z%22%2F%3E%3C%2Fsvg%3E');
}
.product-item-actions .actions-secondary > .action.towishlist::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2021.122%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.75%22%20d%3D%22M21.372%202.588a5.844%205.844%200%200%200-8.266%200l-1.127%201.126-1.126-1.126a5.845%205.845%200%200%200-8.266%208.266l1.126%201.123%208.266%208.266%208.267-8.266%201.126-1.126a5.844%205.844%200%200%200%200-8.266Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.product-item-info {
position: relative;
}
.product-list-header {
width: 100%;
}
.product-list-header h1 {
margin-bottom: 0;
}
.product-list-header .page-title-wrapper {
border-bottom: 1px solid var(--color-7);
margin-bottom: 20px;
padding-bottom: 12px;
}
.products-grid .product-item-info:hover,
.products-grid .product-item-info.active,
.wishlist-index-index .product-item-inner {
border: 0;
box-shadow: none;
margin: 0;
padding: 0;
}
@media (min-width: 769px) {
.catalog-category-view .columns {
--sidebar-width: 285px;
padding-top: 50px;
}
.catalog-category-view .columns .column.main,
.catalog-category-view .columns .product-list-header {
float: right;
padding-left: 20px;
width: calc(100% - var(--sidebar-width));
}
.catalog-category-view .columns .sidebar {
width: var(--sidebar-width);
}
.category-view-header {
margin-left: -20px;
}
}
@media (min-width: 1280px) {
.category-view-header {
margin-left: 0;
width: 100%;
}
}
@media (min-width: 1320px) {
.category-cms .category-full .category-block {
text-align: center;
}
.category-cms .category-full .category-block .category-images {
position: relative;
}
.category-cms .category-full .category-block .category-images::before {
content: '';
display: block;
padding-bottom: 100%;
width: 100%;
}
.category-cms .category-full .category-block .category-images img {
object-fit: contain;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.category-cms h1,
.category-cms h2,
.category-cms h3,
.category-cms h4,
.category-cms h5,
.category-cms h6 {
font-size: 4rem;
padding-bottom: 1.6rem;
}
}
.products-grid .price-box .old-price,
.slick-slider .price-box .old-price {
text-decoration: line-through;
}
.products-grid .price-box .price-label,
.slick-slider .price-box .price-label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.products-grid .price-box .special-price .price,
.slick-slider .price-box .special-price .price {
color: var(--color-1);
font-size: 1.8rem;
}
.products-grid .product-items .product-item,
.slick-slider .product-items .product-item {
margin: 0 !important;
}
.products-grid .product-image-container,
.slick-slider .product-image-container {
background-color: #fff;
}
.products-grid .product-item-info,
.slick-slider .product-item-info {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
height: 100%;
}
.products-grid .product-item-info .product-item-actions,
.slick-slider .product-item-info .product-item-actions {
margin-top: 0;
}
.products-grid .product-item-info .product-item-details,
.slick-slider .product-item-info .product-item-details {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.products-grid .product-item-info .product-item-inner,
.slick-slider .product-item-info .product-item-inner {
margin-top: 0 !important;
}
.products-grid .product-item-info .product-item-name,
.slick-slider .product-item-info .product-item-name {
margin-bottom: auto;
}
.slick-slide > div,
.slick-slide .product-item,
.slick-slide .product-item-info {
height: 100%;
}
.products-grid .product-image-container,
.products-list .product-image-container {
aspect-ratio: 1 / 1;
}
.products-grid .product-items {
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
margin: 0 0 5rem;
}
.products-grid .product-items .product-item {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
--column-count: 2;
margin: 0;
}
.products-grid .product-items .product-item .amasty-hide-price-button {
display: none;
}
.products-grid .product-item-info:not(:hover):not(.active) .product-item-inner {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
margin-top: auto;
}
.products-grid .product-item-inner {
border: 0;
box-shadow: none;
margin: 0;
padding: 0;
position: static;
}
.product-tags {
margin: 2em 0;
}
.product-tag {
--tag-background-color: var(--color-1);
--offset: 13px;
background-color: var(--tag-background-color);
border-radius: var(--radius-3);
display: inline-block;
line-height: 1.2;
margin-left: calc(2 * var(--offset));
padding: 5px 10px 5px 0;
position: relative;
}
.product-tag::before,
.product-tag::after {
background-color: var(--tag-background-color);
content: '';
display: block;
position: absolute;
left: calc(-1 * var(--offset));
z-index: -1;
width: 50%;
height: 50%;
}
.product-tag::before {
top: 0;
transform: skew(-45deg);
}
.product-tag::after {
bottom: 0;
transform: skew(45deg);
height: calc(50% + 1px);
}
.products-grid .product-tag,
products-list .product-tag {
position: absolute;
top: 1px;
left: 0;
z-index: 2;
}
.products-list .product-image-container {
max-width: 140px;
}
.products-list .product-item-info {
display: block;
}
.products-list .product-item-name {
padding-right: calc(var(--gap) + var(--icon-circle-size));
}
.products-list .product-tag {
width: 100px;
}
@media (min-width: 640px) {
.products-grid .product-items .product-item {
--column-count: 3;
}
.block.widget .products-grid .product-item .product-item-inner,
.page-layout-1column .block.widget .products-grid .product-item .product-item-inner,
.page-layout-3columns .block.widget .products-grid .product-item .product-item-inner {
box-shadow: none;
}
}
@media (min-width: 769px) and (max-width: 959px) {
.products-grid .product-items .product-item {
--column-count: 2;
}
.block.widget.block-products-list.grid .products-grid .product-items .product-item {
--column-count: 3;
width: auto;
}
}
@media (min-width: 960px) {
.products-grid .product-items .product-item {
--column-count: 3;
}
.block.widget.block-products-list.grid .products-grid .product-items .product-item {
--column-count: 4;
width: auto;
}
}
@media (min-width: 1024px) {
.products-grid {
margin-bottom: 5rem;
}
.products-grid .product-items .product-item {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
--column-count: 3;
margin-left: 0 !important;
margin-right: 0;
}
}
@media (min-width: 1200px) {
.products-grid .product-items .product-item {
--column-count: 4;
}
.block.widget.block-products-list.grid .products-grid .product-items .product-item {
--column-count: 5;
}
}
@media (max-width: 479px) {
.product-item .action.tocart {
padding: 0;
width: var(--input-height);
}
.product-item .action.tocart span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.product-item .action.tocart::before {
margin: 0;
}
}
.page-products .products-list .product-item-info {
width: auto;
}
@media (min-width: 1024px) {
.column.main .products-list {
border: 1px solid var(--color-18);
border-radius: var(--radius-2);
}
.column.main .products-list .price-container .price {
font-size: 1.6rem;
font-weight: 400;
}
.column.main .products-list .product-items {
margin: 0;
}
.column.main .products-list .product-item {
border-bottom: 1px solid var(--color-18);
padding: 20px;
}
.column.main .products-list .product-item:last-child {
border: 0;
}
.column.main .products-list .product-item-actions {
position: absolute;
top: 0;
right: 0;
}
.column.main .products-list .product-item-actions .actions-secondary {
display: flex;
gap: 8px;
justify-content: flex-end;
margin-top: 1.2rem;
position: static;
}
.column.main .products-list .product-item-description {
color: var(--color-9);
display: block;
font-size: 1.5rem;
margin: 0;
}
.column.main .products-list .product-item-details {
display: flex;
flex-direction: column;
padding-right: 210px;
}
.column.main .products-list .product-item-details .price-box {
order: 100;
}
.column.main .products-list .product-item-name {
font-size: 2.4rem;
line-height: 1.2;
padding-right: 0;
}
.column.main .products-list .product-item-photo {
float: left;
padding-bottom: 0;
padding-right: 18px;
width: auto;
}
}
.widget.block.block-static-block:has(.widget.block.block-static-block) {
display: block;
}
.widget.block.block-static-block:has(.widget.block.block-static-block) > [data-content-type="html"] {
display: block;
}
.widget.block.block-static-block .widget.block.block-static-block {
padding-top: 0;
max-width: 100%;
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) {
--gap: 20px;
display: flex;
gap: var(--gap);
flex-wrap: wrap;
overflow: auto;
padding-top: 4rem;
margin-bottom: 4rem;
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) [data-content-type="html"] {
--gap: 20px;
display: flex;
gap: var(--gap);
flex-wrap: wrap;
overflow: auto;
width: 100%;
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) [data-content-type="row"] {
width: 100%;
}
@media (min-width: 1200px) {
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) {
--gap: 4rem;
}
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link-inline,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) p:has(.block-category-link),
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) p:has(.block-category-link-inline) {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
--column-count: 2;
margin-bottom: 0;
overflow: hidden;
position: relative;
text-align: center;
}
@media (min-width: 768px) {
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link-inline,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) p:has(.block-category-link),
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) p:has(.block-category-link-inline) {
--column-count: 4;
}
}
@media (min-width: 1200px) {
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link-inline,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) p:has(.block-category-link),
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) p:has(.block-category-link-inline) {
--column-count: 6;
}
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) p:has(.block-category-link) .block-category-link,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) p:has(.block-category-link-inline) .block-category-link,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) p:has(.block-category-link) .block-category-link-inline,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) p:has(.block-category-link-inline) .block-category-link-inline {
display: block;
max-width: 100%;
width: 100% !important;
height: 100%;
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .widget-category-image {
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .widget-category-image img {
display: block;
max-width: 100%;
max-height: 100%;
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .widget-category-link span,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link-inline > a:only-child span {
--edge-space: 1.6rem;
background-color: #ffffff;
border-radius: var(--radius);
color: #000;
display: inline-flex;
font-size: 1.6rem;
line-height: 1.3;
max-width: calc(100% - 2 * var(--edge-space));
padding: .8rem 1.6rem;
bottom: var(--edge-space);
left: var(--edge-space);
transition: .3s;
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .widget-category-link:hover,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link-inline > a:only-child:hover {
text-decoration: none;
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link:hover .widget-category-link,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link-inline:hover .widget-category-link {
background-color: rgba(255, 255, 255, 0.7);
transform: translateY(-0.5rem);
}
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link:hover .widget-category-link span,
.widget.block.block-static-block:has(.block-category-link, .block-category-link-inline) .block-category-link-inline:hover .widget-category-link span {
color: var(--color-1);
}
[data-content-type="heading"]:has(+ div .block-category-link) {
border-bottom: 1px solid var(--color-7);
color: #000;
font-size: 2.6rem;
font-weight: var(--heading-weight);
padding-bottom: 1rem;
text-align: left;
}
@media (min-width: 769px) {
[data-content-type="heading"]:has(+ div .block-category-link) {
font-size: 4rem;
padding-bottom: 1.6rem;
}
}
.checkout-onepage-success .column.main {
margin-bottom: 100px;
}
.checkout-onepage-success .column.main .actions-toolbar {
display: flex;
justify-content: center;
text-align: center;
}
.checkout-onepage-success .column.main .column.main {
margin-bottom: 0;
}
.order-details-items {
border: 0;
padding: 0;
}
.account .order-details-items .table-wrapper {
border: var(--border);
border-radius: var(--radius-3);
margin-bottom: 2rem;
padding: 20px;
}
@media (max-width: 639px) {
.order-details-items td,
.order-details-items th {
padding-left: 0 !important;
padding-right: 0 !important;
}
.order-details-items .order-title {
border: 0;
}
.order-details-items .table tfoot,
.order-details-items .table td {
background-color: transparent;
}
}
[class*=cms-contact] .column.main {
padding-bottom: 0;
}
[class*=cms-contact] .column.main [data-content-type="text"]:nth-child(1) {
margin-top: 20px;
}
[class*=cms-contact] .column.main [data-content-type="text"]:nth-child(1) p:nth-child(2) {
color: var(--color-1);
font-size: 2.4rem;
font-weight: 700;
}
@media (min-width: 1024px) {
[class*=cms-contact] .column.main [data-content-type="text"]:nth-child(1) {
font-size: 2.4rem;
font-weight: 300;
line-height: 1.2;
}
[class*=cms-contact] .column.main [data-content-type="text"]:nth-child(1) p {
margin: 0;
}
[class*=cms-contact] .column.main [data-content-type="text"]:nth-child(1) p:nth-child(2) {
font-size: 5rem;
}
}
[class*=cms-contact] .column.main [data-content-type="text"] strong {
font-weight: 600;
}
[class*=cms-contact] .column.main [class^=color] {
--background-color: var(--color, #ffffff);
--border-color: var(--color, #ffffff);
margin-bottom: 2em;
}
[class*=cms-contact] .column.main [class^=color]::before {
background-color: var(--color);
border: 1px solid var(--border-color);
border-radius: 4px;
content: '';
display: block;
float: left;
margin-right: 15px;
width: 23px;
height: 23px;
}
[class*=cms-contact] .column.main [class^=color] a {
color: currentColor;
display: inline-block;
font-size: 2rem;
font-weight: 300;
}
[class*=cms-contact] .column.main [class^=color] a::after {
border-bottom: 1px solid currentColor;
content: '';
display: block;
margin-top: -3px;
width: 100%;
}
[class*=cms-contact] .column.main [class^=color] a:hover {
text-decoration: none;
}
[class*=cms-contact] .column.main [class^=color] a:hover::after {
border-color: transparent;
}
[class*=cms-contact] .column.main [class^=color] p {
margin-bottom: 0;
}
[class*=cms-contact] .column.main [class^=color] p:nth-child(1) {
font-weight: 600;
}
[class*=cms-contact] .column.main .color-white {
--border-color: #B9B9BC;
}
@media (min-width: 1024px) {
[class*=cms-contact] .column.main [class^=color] {
margin-bottom: 29px;
}
[class*=cms-contact] .column.main [data-element="inner"] {
display: grid !important;
grid-template-columns: 2fr 1fr;
grid-template-rows: 1fr;
}
[class*=cms-contact] .column.main [data-content-type="text"]:nth-child(1),
[class*=cms-contact] .column.main [data-content-type="text"]:nth-child(2) {
margin-top: 55px;
}
[class*=cms-contact] .column.main [data-content-type="text"]:nth-child(1) {
grid-column: 1 / span 2;
grid-row-start: 1;
}
[class*=cms-contact] .column.main [data-content-type="text"]:nth-child(2) {
grid-column-start: 2;
grid-row: 1 / span 15;
margin-bottom: 30px;
}
[class*=cms-contact] .column.main [data-content-type="image"] {
grid-column-start: 1;
grid-row: 2 / span 34;
padding-right: 60px;
}
[class*=cms-contact] .column.main [data-content-type="html"] {
grid-column: 1 / 3;
}
}
[class*=cms-contact] .page-footer {
margin-top: 0;
}
.form.contact {
--padding-top: 30px;
--padding-bottom: 60px;
background-color: var(--color-16);
padding: var(--padding-top) 15px var(--padding-bottom);
position: relative;
left: 50%;
transform: translateX(-50vw);
width: 100vw;
}
.form.contact .container {
padding-left: 0;
padding-right: 0;
max-width: 600px;
}
.form.contact .legend {
border: 0;
font-size: 2.6rem;
font-weight: 500;
}
@media (min-width: 1024px) {
.form.contact {
--padding-top: 60px;
--padding-bottom: var(--padding-top);
margin-top: 60px;
}
.form.contact .legend {
font-size: 4rem;
text-align: center;
}
}
.cms-page-header {
background-image: linear-gradient(240deg, #ffbf10 0%, #fd9926 100%);
padding: 10px 20px;
position: relative;
left: 50%;
transform: translateX(-50vw);
max-width: 100vw;
width: 100vw;
}
.cms-page-header .breadcrumbs,
.cms-page-header .page-title-wrapper {
background-color: transparent;
color: #fff;
line-height: 1.2;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.cms-page-header .breadcrumbs + .page-title-wrapper {
margin-top: 1rem;
}
.cms-page-header .breadcrumbs a,
.cms-page-header .breadcrumbs .items {
color: inherit;
}
.cms-page-header .page-title {
--spacing: 0;
margin-left: auto;
margin-right: auto;
max-width: var(--site-width);
padding-left: 20px;
padding-right: 20px;
width: 100%;
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 0;
padding-left: var(--spacing);
padding-right: var(--spacing);
}
.cms-page-header .page-title-wrapper:only-child {
padding-top: 1em;
padding-bottom: 1em;
}
@media (min-width: 1024px) {
.cms-page-header {
padding-top: 1em;
padding-bottom: 1em;
}
.cms-page-header .breadcrumbs {
margin-bottom: 1em;
padding: 0;
}
.cms-page-header .page-title {
font-size: 5rem;
}
}
.cms-page-view .grid12-3.banner.service {
margin-bottom: 4rem;
}
.cms-page-view .grid12-9.banner h1,
.cms-page-view .grid12-9.banner h2,
.cms-page-view .grid12-9.banner h3,
.cms-page-view .grid12-9.banner h4,
.cms-page-view .grid12-9.banner h5,
.cms-page-view .grid12-9.banner h6 {
margin-top: 2em;
}
.cms-page-view .grid12-9.banner h1:nth-child(1),
.cms-page-view .grid12-9.banner h2:nth-child(1),
.cms-page-view .grid12-9.banner h3:nth-child(1),
.cms-page-view .grid12-9.banner h4:nth-child(1),
.cms-page-view .grid12-9.banner h5:nth-child(1),
.cms-page-view .grid12-9.banner h6:nth-child(1) {
margin-top: 0;
}
.cms-page-view .grid12-9.banner h1 + p::after,
.cms-page-view .grid12-9.banner h2 + p::after,
.cms-page-view .grid12-9.banner h3 + p::after,
.cms-page-view .grid12-9.banner h4 + p::after,
.cms-page-view .grid12-9.banner h5 + p::after,
.cms-page-view .grid12-9.banner h6 + p::after,
.cms-page-view .grid12-9.banner p[style*=float] + p::after {
clear: both;
content: '';
display: table;
}
@media (min-width: 768px) {
.cms-page-view .grid12-3,
.cms-page-view .grid12-9 {
float: left;
margin-bottom: 100px;
}
.cms-page-view .grid12-3 {
width: var(--sidebar-width);
}
.cms-page-view .grid12-9 {
padding-left: 40px;
width: calc(100% - var(--sidebar-width));
}
}
.catalog-product_compare-index .cms-page-header {
margin-bottom: 50px;
}
.table-wrapper,
.account .table-wrapper,
.table-wrapper.wishlist {
border: 1px solid var(--color-5);
border-radius: var(--radius-table);
overflow: hidden;
}
.table-wrapper td,
.account .table-wrapper td,
.table-wrapper.wishlist td {
border-top-color: var(--color-5);
}
.table-wrapper.comparison .table-comparison tbody + tbody,
.table-wrapper.comparison .table-comparison tbody tr:nth-child(1) td,
.table-wrapper.comparison .table-comparison tbody tr:nth-child(1) th,
.table-wrapper.comparison .table-comparison td,
.table-wrapper.comparison .table-comparison th {
border-color: var(--color-5);
}
.table-wrapper.comparison .table-comparison td {
border-bottom: 1px solid var(--color-5);
border-right: 1px solid var(--color-5);
}
.table-wrapper.comparison .table-comparison tbody tr:last-child th,
.table-wrapper.comparison .table-comparison tbody tr:last-child td {
border-bottom: 0;
}
.table-wrapper.comparison .table-comparison tbody td:last-child,
.table-wrapper.comparison .table-comparison thead td:last-child,
.table-wrapper.comparison .table-comparison tbody th:last-child,
.table-wrapper.comparison .table-comparison thead th:last-child {
border-right: 0;
}
.table-wrapper.comparison .table-comparison .price-final_price {
font-weight: 600;
}
.table-comparison .cell {
width: 260px;
}
.table-comparison .cell.remove .action.delete {
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--color-5);
border-radius: 50%;
margin: 10px auto;
width: 40px;
height: 40px;
}
.table-comparison .cell.remove .action.delete::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800%22%20height%3D%22800%22%20fill%3D%22none%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20stroke%3D%22%23FD511E%22%20stroke-width%3D%221.2%22%20d%3D%22M5%206.5h15m-10%200v-2a1%201%200%200%201%201-1h3a1%201%200%200%201%201%201v2M12.5%209v8m3-8-.5%208M9.5%209l.5%208m8.5-10.5-.929%2012.077a1%201%200%200%201-.997.923H8.426a1%201%200%200%201-.997-.923L6.5%206.5h12Z%22%2F%3E%3C%2Fsvg%3E');
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
width: 20px;
height: 20px;
}
.table-comparison .product-item-actions {
display: flex;
align-items: center;
}
.table-comparison .product-item-actions .actions-primary + .actions-secondary {
flex-shrink: 0;
}
.table-wrapper.comparison .table-comparison tbody > tr > th,
.table-wrapper.comparison .table-comparison thead > tr > th {
background-color: var(--color-14);
font-weight: 600;
text-transform: uppercase;
}
html {
--footer-background: #000;
--footer-color: #9f9f9f;
}
.copyright,
.page-footer {
background-color: var(--footer-background);
color: var(--footer-color);
font-size: 1.3rem;
text-align: left;
}
.copyright {
font-size: 1.4rem;
padding: 5px var(--gap) 25px;
}
@media (min-width: 768px) {
.copyright {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
}
.footer.content {
padding: var(--gap) 0;
}
.footer.content ul > li:not(:last-child) {
margin-bottom: 1em;
}
.footer.content .footer-columns ul {
padding: 0;
}
.footer-column {
border-bottom: 1px solid var(--color-10);
padding: 15px var(--gap);
}
.footer-column:nth-child(1) {
border-top: 1px solid var(--color-10);
}
.footer-column [href^=tel] {
color: var(--color-1);
white-space: nowrap;
}
@media (min-width: 768px) {
.footer-columns {
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.footer-column {
--column-count: 3;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
width: var(--column-width);
}
.footer-column,
.footer-column:nth-child(1) {
border: 0;
}
}
@media (min-width: 769px) {
.footer.content .block {
float: none;
}
}
@media (min-width: 1024px) {
.footer-column {
--column-count: 5;
}
}
@media (min-width: 1100px) {
.copyright,
.footer-column {
padding-left: 0;
padding-right: 0;
}
}
.footer-icons {
--icon-size: 65px;
background-color: var(--color-1);
color: #fff;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--gap);
font-size: 1.6rem;
font-weight: 500;
padding: var(--gap);
width: 100%;
}
.footer-icons [data-appearance="contained"] {
width: 100%;
}
.footer-icons ul {
display: flex;
flex-wrap: wrap;
gap: var(--gap);
list-style: none;
margin: 0;
padding: 0;
}
.footer-icons li {
display: flex;
align-items: center;
gap: var(--gap);
margin-bottom: 0;
width: 100%;
}
.footer-icons li:last-child {
margin-bottom: 0;
}
.footer-icons li::before {
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
background-color: #fff;
border-radius: 50%;
content: '';
display: block;
flex-shrink: 0;
width: var(--icon-size);
height: var(--icon-size);
}
.footer-icons li:nth-child(1)::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031.543%2024.046%22%3E%3Cpath%20fill%3D%22%23ffbf10%22%20d%3D%22M22.391%2019.164h-10.92a1.143%201.143%200%201%201%200-2.286h10.92a1.143%201.143%200%201%201%200%202.286Zm6.29%200h-.274a1.143%201.143%200%200%201%200-2.286h.274a.567.567%200%200%200%20.576-.567v-3.922a.576.576%200%200%200-.439-.558H22.08a2.862%202.862%200%200%201-2.862-2.853V2.85a.558.558%200%200%200-.567-.567H5.184a1.143%201.143%200%200%201%200-2.286h13.467a2.853%202.853%200%200%201%202.853%202.853v6.11a.567.567%200%200%200%20.576.567h6.6a3.492%203.492%200%200%201%20.622.064l.2.064a2.834%202.834%200%200%201%202.039%202.743v3.922a2.862%202.862%200%200%201-2.862%202.843Z%22%2F%3E%3Cpath%20fill%3D%22%23ffbf10%22%20d%3D%22M29.074%2011.868a1.134%201.134%200%200%201-1.07-.759l-1.828-5.088a.549.549%200%200%200-.43-.229h-5.399a1.143%201.143%200%200%201%200-2.286h5.4a2.816%202.816%200%200%201%202.469%201.481%201.3%201.3%200%200%201%20.073.165l1.828%205.189a1.152%201.152%200%200%201-.695%201.463%201.408%201.408%200%200%201-.347.064Zm-3.675%2012.178a4.16%204.16%200%201%201%204.16-4.16%204.16%204.16%200%200%201-4.16%204.16Zm0-6.034a1.874%201.874%200%201%200%201.829%201.874%201.874%201.874%200%200%200-1.829-1.874ZM8.457%2024.046a4.16%204.16%200%201%201%204.16-4.16%204.16%204.16%200%200%201-4.16%204.16Zm0-6.034a1.874%201.874%200%201%200%201.874%201.874%201.874%201.874%200%200%200-1.874-1.874Z%22%2F%3E%3Cpath%20fill%3D%22%23ffbf10%22%20d%3D%22M20.343%2019.163A1.134%201.134%200%200%201%2019.2%2018.02V8.027a1.143%201.143%200%200%201%202.286%200v9.993a1.134%201.134%200%200%201-1.143%201.143ZM8.631%208.064H1.143a1.143%201.143%200%201%201%200-2.286h7.488a1.143%201.143%200%201%201%200%202.286Zm1.408%205.1H6.126a1.143%201.143%200%200%201%200-2.286h3.913a1.143%201.143%200%201%201%200%202.286Z%22%2F%3E%3C%2Fsvg%3E');
}
.footer-icons li:nth-child(2)::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030.98%2032%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a-clip-path-6862686d0f0%22%3E%3Cpath%20fill%3D%22%23ffbf10%22%20stroke%3D%22%23ffbf10%22%20d%3D%22M0%200h30.98v32H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%23ffbf10%22%20stroke%3D%22%23ffbf10%22%20clip-path%3D%22url%28%23aclip-path-6862686d0f0%29%22%3E%3Cpath%20d%3D%22M23.352%2021.961a.686.686%200%200%201-.265-1.319l2.231-.929a.336.336%200%200%200%20.207-.31v-2.382a.686.686%200%200%201%201.372%200v2.832a.55.55%200%200%200-.019.094.274.274%200%200%200%200%20.069.676.676%200%200%201-.4.7l-2.859%201.191a.677.677%200%200%201-.263.054%22%2F%3E%3Cpath%20d%3D%22M30.978%206.63a.7.7%200%200%200-.049-.231c-.005-.012-.009-.025-.015-.037a.685.685%200%200%200-.116-.182l-.037-.032-.02-.019a.655.655%200%200%200-.067-.059.4.4%200%200%200-.057-.03l-.034-.015a.443.443%200%200%201-.054-.031L16.265.052a.692.692%200%200%200-.528%200L1.477%205.994a.4.4%200%200%201-.054.03l-.035.016a.474.474%200%200%200-.061.03.677.677%200%200%200-.068.06l-.018.017-.036.031a.678.678%200%200%200-.116.183.469.469%200%200%200-.018.048.67.67%200%200%200-.046.215.322.322%200%200%201%200%20.036V16a.686.686%200%200%200%201.372%200V8.172a.334.334%200%200%201%20.335-.335.344.344%200%200%201%20.129.025l12.251%205.1a.336.336%200%200%201%20.207.31v16a.681.681%200%200%200%20.05.238l.009.022a.2.2%200%200%200%20.009.025.653.653%200%200%200%20.121.183.7.7%200%200%200%20.286.177.654.654%200%200%200%20.211.041.7.7%200%200%200%20.27-.055l14.283-5.953a.684.684%200%200%200%20.422-.633V6.63M11.57%203.274l4.3-1.793a.338.338%200%200%201%20.257%200l11.639%204.85a.335.335%200%200%201%200%20.619l-4.128%201.721a.89.89%200%200%201-.738-.057L11.57%203.893a.336.336%200%200%201%200-.619m4.56%208.526a.33.33%200%200%201-.257%200L4.233%206.951a.336.336%200%200%201%200-.619L8.917%204.38a.33.33%200%200%201%20.257%200l11.643%204.85a.335.335%200%200%201%200%20.619Zm13.478%2010.836a.336.336%200%200%201-.206.309l-12.252%205.1a.344.344%200%200%201-.129.025.334.334%200%200%201-.335-.335V13.277a.336.336%200%200%201%20.207-.31l12.251-5.1a.344.344%200%200%201%20.129-.025.334.334%200%200%201%20.335.335Z%22%2F%3E%3Cpath%20d%3D%22M.686%2032a.686.686%200%201%201%200-1.372h7.147a3.4%203.4%200%200%200%200-6.8H3.748a.336.336%200%200%200-.2.6l1.634%201.225a.687.687%200%201%201-.822%201.1L.3%2023.716a.449.449%200%200%200-.056-.058.622.622%200%200%201-.074-.076.513.513%200%200%200-.033-.033l-.011-.023a.7.7%200%200%201-.044-.075.643.643%200%200%201-.035-.09l-.009-.025a.432.432%200%200%201-.017-.057.5.5%200%200%201-.007-.066v-.02c0-.016%200-.031-.006-.044s0-.026.006-.041v-.022a.521.521%200%200%201%20.007-.067.393.393%200%200%201%20.017-.057l.009-.028a.737.737%200%200%201%20.035-.088.557.557%200%200%201%20.041-.071l.019-.033a.422.422%200%200%200%20.031-.031.773.773%200%200%201%20.073-.073.512.512%200%200%200%20.054-.061l4.056-3.042a.676.676%200%200%201%20.409-.138.686.686%200%200%201%20.413%201.235l-1.631%201.225a.335.335%200%200%200%20.2.6h4.086a4.77%204.77%200%200%201%200%209.54Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.footer-icons li:nth-child(3)::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.455%2038%22%3E%3Cpath%20fill%3D%22%23ffbf10%22%20d%3D%22M22.29%2012.445%2017.2%205.536a.864.864%200%200%200-.691-.354h-4.418V0h-1.727v5.182H5.182a.864.864%200%200%200-.725.406L.138%2012.5a.864.864%200%200%200-.138.458v22.451A2.591%202.591%200%200%200%202.591%2038h17.273a2.591%202.591%200%200%200%202.591-2.591V12.955a.864.864%200%200%200-.164-.51Zm-1.563%2022.964a.864.864%200%200%201-.864.864H2.591a.864.864%200%200%201-.864-.864v-22.2l3.947-6.3h4.69v4.318H7.773v1.727h6.909v-1.727h-2.591V6.909h3.973l4.664%206.33ZM3.455%2025.045a7.773%207.773%200%201%200%207.773-7.773%207.773%207.773%200%200%200-7.773%207.773Zm13.818%200A6.045%206.045%200%201%201%2011.227%2019a6.045%206.045%200%200%201%206.045%206.045Zm-5.182-4.318v.864h1.727v1.727h-3.454v.864h2.591a.864.864%200%200%201%20.864.864v2.591a.864.864%200%200%201-.864.864h-.864v.864h-1.727V28.5H8.636v-1.727h3.455v-.864H9.5a.864.864%200%200%201-.864-.864v-2.59a.864.864%200%200%201%20.864-.864h.864v-.864Z%22%2F%3E%3C%2Fsvg%3E');
background-size: 22px;
}
.footer-icons li:nth-child(4)::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2032%22%3E%3Cpath%20fill%3D%22%23ffbf10%22%20d%3D%22m10.4%2021.958-2.446-2.445-1.508%201.508%203.954%203.955%207.154-7.155-1.508-1.508Z%22%2F%3E%3Cpath%20fill%3D%22%23ffbf10%22%20d%3D%22M20.534%2012.219V8.533a8.534%208.534%200%201%200-17.067%200v3.686a11.733%2011.733%200%201%200%2017.067%200ZM5.6%208.533a6.4%206.4%200%201%201%2012.8%200v1.9a11.721%2011.721%200%200%200-12.8%200Zm6.4%2022.4a10.667%2010.667%200%201%201%2010.667-10.666A10.667%2010.667%200%200%201%2012%2030.933Z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffbf10%22%20stroke-width%3D%222%22%20transform%3D%22translate%280%208%29%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
background-size: 24px;
}
@media (min-width: 600px) {
.footer-icons li {
width: calc(50% - .5 * var(--gap));
}
}
@media (min-width: 1024px) {
.footer-icons li {
width: calc(25% - 3 / 4 * var(--gap));
}
}
.legal-links a {
color: inherit;
}
.legal-links ul {
list-style: none;
margin-bottom: 0;
padding: 0;
}
@media (min-width: 768px) {
.legal-links li:last-child {
margin: 0;
}
}
@media (min-width: 1024px) {
.legal-links li {
margin: 0;
}
.legal-links ul {
display: flex;
gap: 20px;
}
}
.mobile-collapsible a {
color: inherit;
}
.mobile-collapsible h1,
.mobile-collapsible h2,
.mobile-collapsible h3,
.mobile-collapsible h4,
.mobile-collapsible h5,
.mobile-collapsible h6,
.mobile-collapsible .block-title {
color: #fff;
cursor: pointer;
display: block;
font-size: 1em;
font-weight: 700;
margin: 0;
}
.mobile-collapsible [data-content-type] > h1 ~ *,
.mobile-collapsible [data-content-type] > h2 ~ *,
.mobile-collapsible [data-content-type] > h3 ~ *,
.mobile-collapsible [data-content-type] > h4 ~ *,
.mobile-collapsible [data-content-type] > h5 ~ *,
.mobile-collapsible [data-content-type] > h6 ~ *,
.mobile-collapsible .block-content {
display: none;
}
.mobile-collapsible.active [data-content-type] > h1 ~ *,
.mobile-collapsible.active [data-content-type] > h2 ~ *,
.mobile-collapsible.active [data-content-type] > h3 ~ *,
.mobile-collapsible.active [data-content-type] > h4 ~ *,
.mobile-collapsible.active [data-content-type] > h5 ~ *,
.mobile-collapsible.active [data-content-type] > h6 ~ *,
.mobile-collapsible.active .block-content {
display: block;
}
.mobile-collapsible.active h1,
.mobile-collapsible.active h2,
.mobile-collapsible.active h3,
.mobile-collapsible.active h4,
.mobile-collapsible.active h5,
.mobile-collapsible.active h6,
.mobile-collapsible.active .block-title {
margin-bottom: 1em;
}
@media (min-width: 768px) {
.mobile-collapsible h1,
.mobile-collapsible h2,
.mobile-collapsible h3,
.mobile-collapsible h4,
.mobile-collapsible h5,
.mobile-collapsible h6,
.mobile-collapsible .block-title {
margin-bottom: 1em;
}
.mobile-collapsible [data-content-type] > h1 ~ *,
.mobile-collapsible [data-content-type] > h2 ~ *,
.mobile-collapsible [data-content-type] > h3 ~ *,
.mobile-collapsible [data-content-type] > h4 ~ *,
.mobile-collapsible [data-content-type] > h5 ~ *,
.mobile-collapsible [data-content-type] > h6 ~ *,
.mobile-collapsible .block-content {
display: block;
}
}
.newsletter-box {
padding-top: 20px;
}
.newsletter-box button {
opacity: 0;
width: 100%;
height: 100%;
}
.newsletter-box div,
.newsletter-box p,
.newsletter-box ol,
.newsletter-box ul {
color: inherit !important;
width: 100%;
}
.newsletter-box form {
max-width: 100% !important;
}
.newsletter-box h1,
.newsletter-box h2,
.newsletter-box h3,
.newsletter-box h4,
.newsletter-box h5,
.newsletter-box h6 {
color: #fff !important;
}
.newsletter-box input[type=email] {
background-color: #191D21 !important;
border-radius: 45px !important;
color: #fff !important;
font-size: 1em !important;
font-weight: 400 !important;
margin-top: 1em !important;
padding-left: 20px !important;
padding-right: 20px !important;
width: 100% !important;
}
.newsletter-box input[type=email] + div span {
padding: 8px !important;
}
.newsletter-box input[type=email]::placeholder {
color: var(--color-7) !important;
font-weight: 400 !important;
}
.newsletter-box .needsclick {
min-height: 0 !important;
padding: 0 !important;
}
.newsletter-box [data-testid="form-row"]:last-child [data-testid="form-component"] {
position: static !important;
}
.newsletter-box [data-testid="form-row"]:last-child [data-testid="form-component"]:last-child {
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
position: absolute !important;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.newsletter-box [data-testid="form-row"] {
display: block !important;
}
@media (min-width: 768px) {
.newsletter-box {
border-bottom: 1px solid var(--color-10);
padding-bottom: 20px;
}
.newsletter-box div {
align-items: center;
gap: 20px;
}
.newsletter-box div.needsclick {
flex-direction: row !important;
}
.newsletter-box input[type=email] {
margin-top: 0 !important;
}
.newsletter-box input[type=email] + div {
position: absolute !important;
top: 100%;
width: 100% !important;
}
}
.social-networks {
margin: 35px 0;
}
.social-networks a {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: var(--gap);
width: 20px;
height: 20px;
}
.social-networks a > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.social-networks svg {
display: block;
fill: #fff;
transition: .3s;
max-width: 100%;
max-height: 100%;
}
.social-networks a:hover svg {
fill: var(--color-1);
}
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type*="date"],
input[type="email"],
select,
textarea,
input[type="file"],
input.amform-date,
input.amform-time,
.amcheckout-step-container input[type='text'],
.amcheckout-step-container input[type='password'],
.amcheckout-step-container input[type='url'],
.amcheckout-step-container input[type='tel'],
.amcheckout-step-container input[type='search'],
.amcheckout-step-container input[type='number'],
.amcheckout-step-container input[type='datetime'],
.amcheckout-step-container input[type='email'],
.amcheckout-step-container select {
border: var(--border);
border-radius: var(--radius);
font-size: 1.6rem;
min-height: var(--input-height);
}
input[type="file"] {
padding: 7px 10px;
width: 100%;
}
input[type="time"]::selection {
background-color: var(--color-1);
}
textarea {
min-height: 145px;
}
.fieldset > .field,
.fieldset > .fields > .field {
margin-bottom: 10px;
}
.fieldset > .field > .label,
.fieldset > .fields > .field > .label {
font-weight: 400;
margin-bottom: 0;
}
@media (min-width: 1024px) {
.fieldset > .field,
.fieldset > .fields > .field {
margin-bottom: 1em;
}
}
.amcform-button.-with-icon:hover {
background-color: transparent;
}
.amcform-page-wrap .fb-date .control {
display: flex;
position: relative;
}
.amcform-page-wrap .fb-date .amform-date {
width: 150px;
}
.amcform-page-wrap .fb-date .ui-datepicker-trigger {
position: absolute;
left: 90px;
top: 10px;
}
.amcform-popup-block {
z-index: 1000;
}
.amcform-popup-block .action.primary.amcform-prev {
margin-left: 0;
}
.amcform-popup-block .action.primary.amcform-next {
margin-right: 0;
}
.amcform-popup-block .amcform-button.-close-popup:hover .amcform-icon {
color: var(--color-1);
}
.amcform-popup-block .amcform-popup,
.amhideprice-form {
padding: 40px 20px;
}
.amcform-popup-block .amcform-toolbar {
flex-direction: row;
}
.amcform-step {
background-color: #fff;
border-color: var(--color-1);
color: #000;
}
.amcform-title-wrap.-done .amcform-step,
.amcform-title-wrap.ui-tabs-active .amcform-step {
background-color: var(--modal-accent, var(--color-1));
border-color: var(--modal-accent, var(--color-1));
color: #fff;
}
.amcform-title-wrap {
flex: 1;
min-width: 0;
}
.amcform-title-wrap:nth-child(3n + 1):last-child::before {
background: #e3e3e3;
width: 100%;
}
.amcform-toolbar {
text-align: center;
width: 100%;
}
.amform-form {
margin-top: 4rem;
margin-bottom: 4rem;
}
.amform-layout-two + .amform-layout-two:nth-child(even) {
padding-left: 20px;
}
form:not(.linear-theme) .amcform-title-wrap.ui-state-active:after,
form:not(.linear-theme) .amcform-title-wrap.ui-state-active + .amcform-title-wrap:before,
form:not(.linear-theme) .amcform-title-wrap.-done:nth-last-child(2):after {
background-color: var(--modal-accent, var(--color-1));
}
.amcform-title-wrap:nth-child(3n + 1).ui-state-active:last-child:before,
form:not(.linear-theme) .amcform-title-wrap.ui-state-active:not(:last-child):before,
form:not(.linear-theme) .amcform-title-wrap.-done:not(:last-child):before {
background: var(--modal-accent, var(--color-1));
}
.amcform-title-wrap.-disabled .amcform-step {
color: #000;
}
.amcform-title-wrap.-done .amcform-step,
.amcform-title-wrap.ui-state-active .amcform-label {
color: #fff;
}
.form.send.friend .additional {
margin-top: 0;
}
.form.send.friend .fieldset .actions-toolbar > .secondary .action.add {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
font-size: 1.4rem;
min-height: var(--input-height-1);
margin-top: 0;
}
.form.send.friend .fieldset .actions-toolbar > .secondary .action.add:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.form.send.friend .fieldset .actions-toolbar > .secondary .action.add::before {
--background-size: 15px;
}
.form.send.friend .fieldset .legend {
font-weight: var(--heading-weight);
}
.product-form-action + .product-form-action {
margin-top: 1.5rem;
}
.product-form-action .amcform-button.amform-show-popup {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
font-size: 1.8rem;
min-height: var(--input-height-3);
display: flex;
align-items: center;
width: 100%;
}
.product-form-action .amcform-button.amform-show-popup:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.product-form-action .amcform-button.amform-show-popup::before {
background-position: center;
background-repeat: no-repeat;
content: '';
display: block;
width: 50px;
height: 50px;
}
@media (max-width: 1023px) {
.product-form-action .amcform-button.amform-show-popup::before {
display: none;
}
}
.product-form-action--price-match .amcform-button.amform-show-popup {
background-color: var(--button-3-background);
border-color: var(--button-3-border);
color: var(--button-3-color);
--button-3-background: var(--button-background-ghost);
--button-3-color: var(--button-color-ghost);
}
.product-form-action--price-match .amcform-button.amform-show-popup:hover {
--button-background-hover: var(--button-3-border);
--button-3-color: var(--button-1-color);
}
.product-form-action--volume-quote .amcform-button.amform-show-popup {
background-color: var(--button-4-background);
border-color: var(--button-4-border);
color: var(--button-4-color);
--button-4-background: var(--button-background-ghost);
--button-4-color: var(--button-color-ghost);
}
.product-form-action--volume-quote .amcform-button.amform-show-popup:hover {
--button-background-hover: var(--button-4-border);
--button-4-color: var(--button-1-color);
}
.product-form-action--price-match .amcform-button.amform-show-popup::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052%2052%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M0%200h33.105v34.115H0z%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22b%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22m31.339%203.334-6.191%207.63a.825.825%200%200%201-.641.305h-9.128a4.164%204.164%200%200%200-2.945%201.222l-.151.148-5.045-5.045a6.142%206.142%200%200%201%203.2-2.862%206.155%206.155%200%200%201%201.452-.382%205.933%205.933%200%200%201%20.786-.053%205.726%205.726%200%200%201%202.654.649%203.937%203.937%200%200%200%201.813.421h5.854a1.194%201.194%200%200%201%20.964.486%201.061%201.061%200%200%201%20.2.524%201.118%201.118%200%200%201-1.113%201.229h-5.7a.713.713%200%200%200-.712.712.711.711%200%200%200%20.27.557.707.707%200%200%200%20.443.155h5.648a2.658%202.658%200%200%200%20.779-.108%202.544%202.544%200%200%200%201.8-2.633v-.047a2.36%202.36%200%200%200-.069-.383l4.252-4.107a1.117%201.117%200%200%201%20.792-.328%201.117%201.117%200%200%201%20.79.328%201.108%201.108%200%200%201%20.328.79%201.109%201.109%200%200%201-.33.792Zm-19.862%2011.87L8.65%2018.031%201.628%2011.01l2.827-2.827a.957.957%200%200%201%20.678-.281.958.958%200%200%201%20.678.281l5.666%205.666a.958.958%200%200%201%200%201.354ZM32.343.74a2.516%202.516%200%200%200-1.793-.741%202.522%202.522%200%200%200-1.706.656q-.042.038-.083.079l-4.018%203.881a2.62%202.62%200%200%200-1.746-.675h-5.88a2.483%202.483%200%200%201-1.134-.263%207.13%207.13%200%200%200-3.307-.808%207.42%207.42%200%200%200-1.679.194%207.632%207.632%200%200%200-1.336.444A7.709%207.709%200%200%200%207.179%205.24a7.328%207.328%200%200%200-1.073%201.443%202.354%202.354%200%200%200-.973-.21%202.369%202.369%200%200%200-1.685.7L.271%2010.35a.931.931%200%200%200%200%201.315l7.726%207.723a.931.931%200%200%200%201.315%200l3.177-3.177a2.381%202.381%200%200%200%20.6-2.359l.208-.205a3.243%203.243%200%200%201%202.3-.952h8.918a2.241%202.241%200%200%200%201.744-.832l6.153-7.581a2.519%202.519%200%200%200%20.686-1.738%202.518%202.518%200%200%200-.749-1.8Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22c%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M0%2034.1h33.092V0H0Z%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22d%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M1.628.814a.814.814%200%200%201-.814.814A.814.814%200%200%201%200%20.814.814.814%200%200%201%20.814%200a.814.814%200%200%201%20.814.814%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22e%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M4.104%205.63c0-1.925-2.659-1.842-2.659-2.8%200-.452.263-.647.747-.647a1.3%201.3%200%200%201%20.709.207.583.583%200%200%200%20.747-.11.581.581%200%200%200-.105-.86%202.364%202.364%200%200%200-1.008-.4V.493a.491.491%200%200%200-.491-.492.492.492%200%200%200-.491.492v.548A1.788%201.788%200%200%200%20.027%202.9c0%201.818%202.658%201.8%202.658%202.835%200%20.458-.251.7-.822.7a1.944%201.944%200%200%201-.965-.277.6.6%200%200%200-.8.2.605.605%200%200%200%20.224.861%203.558%203.558%200%200%200%201.234.391v.516a.491.491%200%200%200%20.491.491.491.491%200%200%200%20.491-.491v-.562a1.853%201.853%200%200%200%201.568-1.926%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22f%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M23.09%209.551a10.554%2010.554%200%200%200-3-6.378A10.655%2010.655%200%200%200%2012.526.001a10.569%2010.569%200%200%200-7.535%203.115%2010.558%2010.558%200%200%200-3.079%206.643H.642a.638.638%200%200%200-.587.388.638.638%200%200%200%20.127.692l3.936%204.1a.638.638%200%200%200%20.46.2.64.64%200%200%200%20.46-.2l3.935-4.1a.638.638%200%200%200%20.127-.692.638.638%200%200%200-.587-.388H7.278v-.006a5.464%205.464%200%200%201%205.062-4.43%205.322%205.322%200%200%201%205.49%205.492%205.331%205.331%200%200%201-5.19%205.138%205.291%205.291%200%200%201-2.277-.455.661.661%200%200%200-.725.109.638.638%200%200%200-.2.463.631.631%200%200%200%20.373.581l.138.061a6.556%206.556%200%200%200%202.566.518%206.555%206.555%200%200%200%202.566-.518%206.571%206.571%200%200%200%202.1-1.414%206.556%206.556%200%200%200%201.413-2.1%206.548%206.548%200%200%200%20.518-2.566%206.551%206.551%200%200%200-.518-2.566%206.566%206.566%200%200%200-1.413-2.1%206.585%206.585%200%200%200-2.1-1.413%206.555%206.555%200%200%200-2.566-.518%206.556%206.556%200%200%200-2.566.518%206.589%206.589%200%200%200-2.1%201.413%206.568%206.568%200%200%200-1.413%202.1%207.356%207.356%200%200%200-.111.279%205.912%205.912%200%200%200-.357%201.977.7.7%200%200%200%20.7.708h.334v.008l-2.425%202.524H4.57l-2.425-2.524v-.008h.093a.948.948%200%200%200%20.948-.945%205.583%205.583%200%200%201%20.052-.77%209.374%209.374%200%200%201%209.267-8.042%209.373%209.373%200%200%201%209.31%208.4.641.641%200%200%200%20.519.573.64.64%200%200%200%20.752-.695%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22g%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M1.276.638a.638.638%200%200%201-.638.638A.638.638%200%200%201%200%20.638.638.638%200%200%201%20.638%200a.638.638%200%200%201%20.638.638%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22h%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M1.277.638a.638.638%200%200%201-.638.638.639.639%200%200%201-.638-.638A.639.639%200%200%201%20.639%200a.638.638%200%200%201%20.638.638%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%20style%3D%22isolation%3Aisolate%22%20transform%3D%22translate%289%209%29%22%3E%3Cg%20clip-path%3D%22url%28%23b%29%22%20transform%3D%22translate%28.013%2014.433%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%280%20-14.433%29%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M-.013%2014.42h33.118v19.7H-.013Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url%28%23d%29%22%20transform%3D%22translate%284.435%2024.074%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%28-4.422%20-24.074%29%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M4.409%2024.061h1.654v1.654H4.409Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url%28%23e%29%22%20transform%3D%22translate%2819.059%206.341%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%28-19.046%20-6.341%29%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M18.938%206.328h4.225v8.637h-4.225Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url%28%23f%29%22%20transform%3D%22translate%288.603%20.01%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%28-8.59%20-.01%29%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M8.528-.007h23.207v17.26H8.528Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url%28%23g%29%22%20transform%3D%22translate%2830.515%2010.521%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%28-30.502%20-10.521%29%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M30.489%2010.508h1.3v1.3h-1.3Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url%28%23h%29%22%20transform%3D%22translate%2830.557%2012.138%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%28-30.544%20-12.138%29%22%3E%3Cpath%20fill%3D%22%23FF5115%22%20d%3D%22M30.532%2012.125h1.3v1.3h-1.3Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.product-form-action--price-match .amcform-button.amform-show-popup:hover::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052%2052%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h33.105v34.115H0z%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22b%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m31.339%203.334-6.191%207.63a.825.825%200%200%201-.641.305h-9.128a4.164%204.164%200%200%200-2.945%201.222l-.151.148-5.045-5.045a6.142%206.142%200%200%201%203.2-2.862%206.155%206.155%200%200%201%201.452-.382%205.933%205.933%200%200%201%20.786-.053%205.726%205.726%200%200%201%202.654.649%203.937%203.937%200%200%200%201.813.421h5.854a1.194%201.194%200%200%201%20.964.486%201.061%201.061%200%200%201%20.2.524%201.118%201.118%200%200%201-1.113%201.229h-5.7a.713.713%200%200%200-.712.712.711.711%200%200%200%20.27.557.707.707%200%200%200%20.443.155h5.648a2.658%202.658%200%200%200%20.779-.108%202.544%202.544%200%200%200%201.8-2.633v-.047a2.36%202.36%200%200%200-.069-.383l4.252-4.107a1.117%201.117%200%200%201%20.792-.328%201.117%201.117%200%200%201%20.79.328%201.108%201.108%200%200%201%20.328.79%201.109%201.109%200%200%201-.33.792Zm-19.862%2011.87L8.65%2018.031%201.628%2011.01l2.827-2.827a.957.957%200%200%201%20.678-.281.958.958%200%200%201%20.678.281l5.666%205.666a.958.958%200%200%201%200%201.354ZM32.343.74a2.516%202.516%200%200%200-1.793-.741%202.522%202.522%200%200%200-1.706.656q-.042.038-.083.079l-4.018%203.881a2.62%202.62%200%200%200-1.746-.675h-5.88a2.483%202.483%200%200%201-1.134-.263%207.13%207.13%200%200%200-3.307-.808%207.42%207.42%200%200%200-1.679.194%207.632%207.632%200%200%200-1.336.444A7.709%207.709%200%200%200%207.179%205.24a7.328%207.328%200%200%200-1.073%201.443%202.354%202.354%200%200%200-.973-.21%202.369%202.369%200%200%200-1.685.7L.271%2010.35a.931.931%200%200%200%200%201.315l7.726%207.723a.931.931%200%200%200%201.315%200l3.177-3.177a2.381%202.381%200%200%200%20.6-2.359l.208-.205a3.243%203.243%200%200%201%202.3-.952h8.918a2.241%202.241%200%200%200%201.744-.832l6.153-7.581a2.519%202.519%200%200%200%20.686-1.738%202.518%202.518%200%200%200-.749-1.8Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22c%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2034.1h33.092V0H0Z%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22d%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1.628.814a.814.814%200%200%201-.814.814A.814.814%200%200%201%200%20.814.814.814%200%200%201%20.814%200a.814.814%200%200%201%20.814.814%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22e%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.104%205.63c0-1.925-2.659-1.842-2.659-2.8%200-.452.263-.647.747-.647a1.3%201.3%200%200%201%20.709.207.583.583%200%200%200%20.747-.11.581.581%200%200%200-.105-.86%202.364%202.364%200%200%200-1.008-.4V.493a.491.491%200%200%200-.491-.492.492.492%200%200%200-.491.492v.548A1.788%201.788%200%200%200%20.027%202.9c0%201.818%202.658%201.8%202.658%202.835%200%20.458-.251.7-.822.7a1.944%201.944%200%200%201-.965-.277.6.6%200%200%200-.8.2.605.605%200%200%200%20.224.861%203.558%203.558%200%200%200%201.234.391v.516a.491.491%200%200%200%20.491.491.491.491%200%200%200%20.491-.491v-.562a1.853%201.853%200%200%200%201.568-1.926%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22f%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23.09%209.551a10.554%2010.554%200%200%200-3-6.378A10.655%2010.655%200%200%200%2012.526.001a10.569%2010.569%200%200%200-7.535%203.115%2010.558%2010.558%200%200%200-3.079%206.643H.642a.638.638%200%200%200-.587.388.638.638%200%200%200%20.127.692l3.936%204.1a.638.638%200%200%200%20.46.2.64.64%200%200%200%20.46-.2l3.935-4.1a.638.638%200%200%200%20.127-.692.638.638%200%200%200-.587-.388H7.278v-.006a5.464%205.464%200%200%201%205.062-4.43%205.322%205.322%200%200%201%205.49%205.492%205.331%205.331%200%200%201-5.19%205.138%205.291%205.291%200%200%201-2.277-.455.661.661%200%200%200-.725.109.638.638%200%200%200-.2.463.631.631%200%200%200%20.373.581l.138.061a6.556%206.556%200%200%200%202.566.518%206.555%206.555%200%200%200%202.566-.518%206.571%206.571%200%200%200%202.1-1.414%206.556%206.556%200%200%200%201.413-2.1%206.548%206.548%200%200%200%20.518-2.566%206.551%206.551%200%200%200-.518-2.566%206.566%206.566%200%200%200-1.413-2.1%206.585%206.585%200%200%200-2.1-1.413%206.555%206.555%200%200%200-2.566-.518%206.556%206.556%200%200%200-2.566.518%206.589%206.589%200%200%200-2.1%201.413%206.568%206.568%200%200%200-1.413%202.1%207.356%207.356%200%200%200-.111.279%205.912%205.912%200%200%200-.357%201.977.7.7%200%200%200%20.7.708h.334v.008l-2.425%202.524H4.57l-2.425-2.524v-.008h.093a.948.948%200%200%200%20.948-.945%205.583%205.583%200%200%201%20.052-.77%209.374%209.374%200%200%201%209.267-8.042%209.373%209.373%200%200%201%209.31%208.4.641.641%200%200%200%20.519.573.64.64%200%200%200%20.752-.695%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22g%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1.276.638a.638.638%200%200%201-.638.638A.638.638%200%200%201%200%20.638.638.638%200%200%201%20.638%200a.638.638%200%200%201%20.638.638%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22h%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1.277.638a.638.638%200%200%201-.638.638.639.639%200%200%201-.638-.638A.639.639%200%200%201%20.639%200a.638.638%200%200%201%20.638.638%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%20style%3D%22isolation%3Aisolate%22%20transform%3D%22translate%289%209%29%22%3E%3Cg%20clip-path%3D%22url%28%23b%29%22%20transform%3D%22translate%28.013%2014.433%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%280%20-14.433%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-.013%2014.42h33.118v19.7H-.013Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url%28%23d%29%22%20transform%3D%22translate%284.435%2024.074%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%28-4.422%20-24.074%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.409%2024.061h1.654v1.654H4.409Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url%28%23e%29%22%20transform%3D%22translate%2819.059%206.341%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%28-19.046%20-6.341%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.938%206.328h4.225v8.637h-4.225Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url%28%23f%29%22%20transform%3D%22translate%288.603%20.01%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%28-8.59%20-.01%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.528-.007h23.207v17.26H8.528Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url%28%23g%29%22%20transform%3D%22translate%2830.515%2010.521%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%28-30.502%20-10.521%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30.489%2010.508h1.3v1.3h-1.3Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url%28%23h%29%22%20transform%3D%22translate%2830.557%2012.138%29%22%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%20transform%3D%22translate%28-30.544%20-12.138%29%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30.532%2012.125h1.3v1.3h-1.3Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.product-form-action--volume-quote .amcform-button.amform-show-popup::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052%2052%22%3E%3Cpath%20fill%3D%22%2300989F%22%20d%3D%22m22.026%207.397-.165%201.317.655.082.562.07h.015l.67.139.647.134.268-1.291-.647-.134-.686-.144-.052-.013-.615-.078Zm-1.48.044-.655.062-.3.036-.049.013-.864.165-.049.013-.142.039-.634.175.348%201.274.637-.175.137-.036h.005l.784-.15.271-.031.655-.072Zm5.512.936-.562%201.194.6.281.144.07h.008l.683.392.021.015.2.134.549.371.737-1.093-.547-.371-.24-.16-.041-.031-.753-.428-.049-.024-.152-.07Zm-9.59.052-.58.32-.588.32-.044.028-.544.353-.554.357.72%201.109.552-.361.528-.343.02-.015.544-.3.58-.315Zm13.1%202.251-.967.895.446.482.32.343.013.018.485.611.41.518%201.036-.82-.41-.518-.5-.629-.034-.036-.353-.379Zm-16.51.106-.456.482-.113.119-.034.039-.556.671-.031.041-.16.232-.379.541%201.085.753.376-.541.144-.206.534-.65.01-.01.08-.082.453-.478Zm12.92%202.089a.66.66%200%200%200-.312.082l-7.92%204.285a.66.66%200%200%200-.333.722s0%200%200%20.005a.66.66%200%200%200-.013.116v7.273l-3.168%201.712-.3-.294-.25-.245-.015-.015-.528-.608-.023-.031-.392-.531-1.06.789.392.528.039.052.031.041.585.668.036.039.263.258.01.01-3.196%201.726a.66.66%200%200%200-.333.722.66.66%200%200%200-.013.118v8.051a.66.66%200%200%200%20.361.588l7.839%203.984a.66.66%200%200%200%20.776%200l7.524-3.831%207.538%203.831a.66.66%200%200%200%20.776%200l7.827-3.98a.66.66%200%200%200%20.359-.591v-8.052a.66.66%200%200%200-.013-.126.66.66%200%200%200-.333-.714l-7.577-4.1v-7.272a.66.66%200%200%200-.013-.126.66.66%200%200%200-.333-.717l-1.292-.7-.162-.57-.108-.376-.015-.049-.309-.833-.021-.046-.018-.039-.278-.6-1.2.552.276.59v.013l.17.459-4.97-2.689a.66.66%200%200%200-.304-.079ZM10.6%2014.197l-.24.614-.229.6-.018.049-.2.652-.188.632%201.266.379.188-.634.193-.637v-.013l.221-.542.237-.616Zm15.378.091%206.533%203.537-6.533%203.537-6.533-3.537ZM9.53%2018.209l-.036.657-.01.188v.052l.018.864.005.052.026.266.064.657%201.315-.129-.067-.657-.023-.247-.018-.781v-.015l.01-.173.036-.66Zm9.188.951%206.6%203.357v6.412l-6.6-3.571v-6.2Zm14.519%200v6.2l-6.6%203.571v-6.414Zm-22.112%202.8-1.25.425.214.624.173.51.018.046.309.719.26.606%201.212-.521-.26-.606-.3-.7-.005-.015-.157-.461Zm6.574%204.726a.661.661%200%200%200%20.059.034l6.677%203.4-6.377%203.452-6.533-3.537Zm16.556%200%206.177%203.344-6.533%203.537-6.377-3.45%206.674-3.393a.66.66%200%200%200%20.06-.033Zm-23.457%204.687%206.6%203.357v6.567l-6.6-3.357v-6.567Zm14.519%200v6.571l-6.599%203.353v-6.568Zm1.32%200%206.6%203.357v6.567l-6.6-3.357v-6.567Zm14.522%200v6.571l-6.6%203.357v-6.572Z%22%2F%3E%3C%2Fsvg%3E');
}
.product-form-action--volume-quote .amcform-button.amform-show-popup:hover::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052%2052%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m22.026%207.397-.165%201.317.655.082.562.07h.015l.67.139.647.134.268-1.291-.647-.134-.686-.144-.052-.013-.615-.078Zm-1.48.044-.655.062-.3.036-.049.013-.864.165-.049.013-.142.039-.634.175.348%201.274.637-.175.137-.036h.005l.784-.15.271-.031.655-.072Zm5.512.936-.562%201.194.6.281.144.07h.008l.683.392.021.015.2.134.549.371.737-1.093-.547-.371-.24-.16-.041-.031-.753-.428-.049-.024-.152-.07Zm-9.59.052-.58.32-.588.32-.044.028-.544.353-.554.357.72%201.109.552-.361.528-.343.02-.015.544-.3.58-.315Zm13.1%202.251-.967.895.446.482.32.343.013.018.485.611.41.518%201.036-.82-.41-.518-.5-.629-.034-.036-.353-.379Zm-16.51.106-.456.482-.113.119-.034.039-.556.671-.031.041-.16.232-.379.541%201.085.753.376-.541.144-.206.534-.65.01-.01.08-.082.453-.478Zm12.92%202.089a.66.66%200%200%200-.312.082l-7.92%204.285a.66.66%200%200%200-.333.722s0%200%200%20.005a.66.66%200%200%200-.013.116v7.273l-3.168%201.712-.3-.294-.25-.245-.015-.015-.528-.608-.023-.031-.392-.531-1.06.789.392.528.039.052.031.041.585.668.036.039.263.258.01.01-3.196%201.726a.66.66%200%200%200-.333.722.66.66%200%200%200-.013.118v8.051a.66.66%200%200%200%20.361.588l7.839%203.984a.66.66%200%200%200%20.776%200l7.524-3.831%207.538%203.831a.66.66%200%200%200%20.776%200l7.827-3.98a.66.66%200%200%200%20.359-.591v-8.052a.66.66%200%200%200-.013-.126.66.66%200%200%200-.333-.714l-7.577-4.1v-7.272a.66.66%200%200%200-.013-.126.66.66%200%200%200-.333-.717l-1.292-.7-.162-.57-.108-.376-.015-.049-.309-.833-.021-.046-.018-.039-.278-.6-1.2.552.276.59v.013l.17.459-4.97-2.689a.66.66%200%200%200-.304-.079ZM10.6%2014.197l-.24.614-.229.6-.018.049-.2.652-.188.632%201.266.379.188-.634.193-.637v-.013l.221-.542.237-.616Zm15.378.091%206.533%203.537-6.533%203.537-6.533-3.537ZM9.53%2018.209l-.036.657-.01.188v.052l.018.864.005.052.026.266.064.657%201.315-.129-.067-.657-.023-.247-.018-.781v-.015l.01-.173.036-.66Zm9.188.951%206.6%203.357v6.412l-6.6-3.571v-6.2Zm14.519%200v6.2l-6.6%203.571v-6.414Zm-22.112%202.8-1.25.425.214.624.173.51.018.046.309.719.26.606%201.212-.521-.26-.606-.3-.7-.005-.015-.157-.461Zm6.574%204.726a.661.661%200%200%200%20.059.034l6.677%203.4-6.377%203.452-6.533-3.537Zm16.556%200%206.177%203.344-6.533%203.537-6.377-3.45%206.674-3.393a.66.66%200%200%200%20.06-.033Zm-23.457%204.687%206.6%203.357v6.567l-6.6-3.357v-6.567Zm14.519%200v6.571l-6.599%203.353v-6.568Zm1.32%200%206.6%203.357v6.567l-6.6-3.357v-6.567Zm14.522%200v6.571l-6.6%203.357v-6.572Z%22%2F%3E%3C%2Fsvg%3E');
}
.ammenu-button.-hamburger,
.header.content .block-search {
order: 1000;
}
.ammenu-button.-hamburger {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%2018h16M4%2012h16M4%206h16%22%2F%3E%3C%2Fsvg%3E');
background-position: left center;
background-repeat: no-repeat;
background-size: 20px;
border: 0;
flex-shrink: 0;
grid-row-start: 2;
margin: 0;
width: var(--burger-width);
height: var(--burger-width);
}
.ammenu-button.-hamburger .ammenu-menu-title {
display: none;
}
.ammenu-button.-hamburger::before {
display: none;
}
.ammenu-header-container {
border: 0;
min-height: 0;
}
.ammenu-header-container .header.content {
margin-bottom: 0;
}
.ammenu-header-container .header.content .ammenu-logo {
min-width: 50px;
width: auto;
}
.amasty-mega-menu .amquote-cart-wrapper.minicart-wrapper .amquote-showcart.action::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20d%3D%22M7.5%2018a1.5%201.5%200%201%201%200%203%201.5%201.5%200%200%201%200-3ZM16.5%2018a1.5%201.5%200%201%201%200%203%201.5%201.5%200%200%201%200-3Z%22%2F%3E%3Cpath%20fill%3D%22%231C274C%22%20d%3D%22m2.261%203.092.249-.708-.249.708Zm-.012-.8a.75.75%200%201%200-.498%201.416l.498-1.416Zm2.337%202.031.62-.423-.62.423Zm1.302%2010.263-.545.516.545-.516Zm14.77-4.703.734.151.001-.004-.735-.147Zm-.5%202.425.735.15-.735-.15Zm.576-5.61-.594.456.595-.457Zm-1.6%208.352-.474-.581.474.581ZM5.708%209.76V7.038h-1.5V9.76h1.5ZM2.51%202.384l-.261-.092-.498%201.416.261.091.498-1.415Zm8.428%2013.866h5.302v-1.5h-5.302v1.5Zm-5.23-9.212c0-.707.001-1.297-.05-1.776-.055-.497-.171-.95-.453-1.362l-1.238.846c.09.132.16.314.199.677.041.38.042.875.042%201.615h1.5ZM2.012%203.8c.668.235%201.107.39%201.43.55.303.148.437.268.525.397L5.205%203.9c-.284-.416-.662-.682-1.103-.899-.42-.206-.958-.394-1.592-.617L2.012%203.8ZM4.208%209.76c0%201.453.014%202.5.15%203.3.147.854.44%201.466.985%202.042l1.089-1.032c-.32-.338-.493-.668-.595-1.263-.11-.65-.129-1.558-.129-3.047h-1.5Zm6.73%204.99c-1.417%200-2.4-.002-3.141-.107-.715-.101-1.092-.285-1.365-.573l-1.089%201.032c.594.627%201.347.9%202.243%201.026.87.124%201.98.122%203.351.122v-1.5Zm-5.98-7.88h12.13v-1.5H4.959v1.5Zm14.965%202.861-.5%202.425%201.47.303.5-2.425-1.47-.303ZM17.09%206.87c.856%200%201.61.001%202.205.067.295.034.517.08.672.134.161.057.187.1.174.083l1.189-.914c-.235-.306-.565-.479-.866-.584a4.616%204.616%200%200%200-1.003-.21c-.695-.077-1.543-.076-2.371-.076v1.5Zm4.304%203.16c.17-.848.313-1.56.348-2.13.037-.586-.03-1.164-.412-1.66l-1.189.914c.062.081.13.226.104.654-.027.444-.144%201.037-.322%201.928l1.471.294Zm-5.153%206.22c.762%200%201.401.001%201.917-.062.535-.065%201.024-.209%201.45-.556l-.947-1.163c-.125.102-.303.184-.686.23-.403.05-.934.051-1.734.051v1.5Zm3.184-4.094c-.162.783-.27%201.303-.4%201.688-.123.366-.239.523-.364.625l.947%201.163c.427-.348.666-.797.838-1.309.166-.492.294-1.118.448-1.864l-1.47-.303Z%22%2F%3E%3Cpath%20stroke%3D%22%231C274C%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m11.5%2012.5%203-3m0%203-3-3%22%2F%3E%3C%2Fsvg%3E');
background-size: 24px;
margin: 0;
}
.ammenu-menu-wrapper {
margin-bottom: 0;
}
.header.content {
--header-icon-size: 40px;
flex-wrap: wrap;
padding: 15px 20px;
}
@media (max-width: 359px) {
.header.content {
--header-icon-size: 30px;
row-gap: 5px;
}
}
.header.content .ammenu-logo,
.header.content .header-account,
.header.content .header-phone,
.header.content .header-wishlist,
.header.content .minicart-wrapper {
display: flex;
align-items: center;
justify-content: center;
grid-column-start: -1;
grid-row-start: 1;
order: 0;
text-align: center;
width: var(--header-icon-size);
height: var(--header-icon-size);
}
.header.content .ammenu-logo {
grid-column: 1 / span 50;
order: -1000;
max-width: 116px;
min-width: 100px;
}
.header.content .header-account {
grid-column-start: -3;
}
.header.content .header-phone {
grid-column-start: -5;
}
.header.content .header-wishlist {
grid-column-start: -4;
}
.header.content .minicart-wrapper {
grid-column-start: -1;
}
.header.content .amquote-cart-wrapper {
grid-column-start: -2;
}
.ammenu-header-container .header.content .minicart-wrapper {
margin: 0;
}
.header.content::before {
order: 1;
width: 100%;
}
.header.content::after {
display: none;
}
.header.content .block-search {
flex-grow: 1;
padding: 0;
z-index: var(--layer-dropdown);
}
.header.content .block-search .action.search {
background-color: transparent;
border: 0;
display: block;
opacity: 1;
padding: 0;
position: absolute;
top: 0;
right: 5px;
width: var(--input-height);
height: var(--input-height);
}
.header.content .block-search .action.search::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000;
content: '\e615';
display: inline-block;
font-family: 'luma-icons';
font-size: 1.4em;
font-weight: normal;
line-height: 28px;
overflow: hidden;
speak: none;
text-align: center;
vertical-align: middle;
}
.header.content .block-search .control {
padding: 0;
}
.header.content .block-search .label {
display: none;
}
.header.content .block-search .minisearch {
position: relative;
}
.header.content .block-search .minisearch .control {
position: static;
}
.header.content .block-search input {
border: var(--border);
border-radius: var(--input-height);
height: var(--input-height);
margin: 0;
padding: 0 var(--input-height) 0 15px;
position: static;
}
.header.content .compare.wrapper {
display: none;
}
.header.panel > .header.links > li.welcome {
display: flex;
align-items: center;
gap: 11px;
}
.welcome-media {
width: 26px;
height: 30px;
}
.header-account-dropdown__content {
background-color: #fff;
display: none;
padding: 20px;
position: absolute;
right: 0;
z-index: var(--layer-dropdown);
width: 100%;
}
@media (min-width: 600px) {
.header-account-dropdown__content {
max-width: 300px;
}
}
.header-account-dropdown__content a {
color: #000;
display: block;
}
.header-account-dropdown__content a:hover {
color: var(--color-1);
}
.header-account-dropdown.active .header-account-dropdown__content {
display: block;
}
.header-account-dropdown ul {
list-style: none;
padding: 0;
}
.header-account-dropdown ul:last-child {
margin-bottom: 0;
}
.header-account-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.header-account-toggle svg {
stroke: #000;
width: 20px;
height: 20px;
}
.header-button a {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
background-color: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.header-button a:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.header-button p {
margin-bottom: 0;
}
@media (max-width: 1023px) {
.header-button {
display: none;
}
}
.header-phone a,
.header-wishlist a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.header-phone svg,
.header-wishlist svg {
display: block;
width: 20px;
height: 20px;
}
.header-phone svg {
padding-top: 2px;
width: 24px;
height: auto;
}
.header-wishlist a {
position: relative;
}
.header.content .header-phone {
display: block;
width: 40px;
height: 40px;
}
.header-phone:empty {
display: none;
}
.header-phone a,
.header-phone div,
.header-phone p {
height: 100%;
}
.header-phone a {
color: rgba(0, 0, 0, 0);
position: relative;
}
.header-phone a::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m16.1%2013.359-.528-.532.529.532Zm.456-.453.529.532-.529-.532Zm2.417-.317-.358.66.358-.66Zm1.91%201.039-.358.659.358-.659Zm.539%203.255.529.532-.53-.532Zm-1.42%201.412-.53-.531.53.531Zm-1.326.67.07.747-.07-.747Zm-9.86-4.238.528-.532-.529.532ZM4.002%205.746l-.749.042.749-.042Zm6.474%201.451.53.532-.53-.532Zm.157-2.654.6-.449-.6.45ZM9.374%202.86l-.601.45.6-.45ZM6.26%202.575l.53.532-.53-.532Zm-1.57%201.56-.528-.531.529.532Zm7.372%207.362.529-.532-.529.532Zm4.566%202.394.456-.453-1.058-1.064-.455.453%201.058%201.064Zm1.986-.643%201.91%201.039.716-1.318-1.91-1.038-.716%201.317Zm2.278%203.103-1.42%201.413%201.057%201.063%201.42-1.412-1.057-1.064Zm-2.286%201.867c-1.45.136-5.201.015-9.263-4.023l-1.057%201.063c4.432%204.407%208.65%204.623%2010.459%204.454l-.14-1.494Zm-9.263-4.023c-3.871-3.85-4.512-7.087-4.592-8.492l-1.498.085c.1%201.768.895%205.356%205.033%209.47l1.057-1.063Zm1.376-6.18.286-.286L9.95%206.666l-.287.285%201.057%201.063Zm.515-3.921L9.974%202.41l-1.201.899%201.26%201.684%201.202-.899ZM5.733%202.043l-1.57%201.56%201.058%201.064%201.57-1.56-1.058-1.064Zm4.458%205.44c-.53-.532-.53-.532-.53-.53h-.002l-.003.004a1.064%201.064%200%200%200-.127.157c-.054.08-.113.185-.163.318a2.099%202.099%200%200%200-.088%201.071c.134.865.73%202.008%202.256%203.526l1.058-1.064c-1.429-1.42-1.769-2.284-1.832-2.692-.03-.194.001-.29.01-.312.005-.014.007-.015%200-.006a.276.276%200%200%201-.03.039l-.01.01a.203.203%200%200%201-.01.009l-.53-.53Zm1.343%204.546c1.527%201.518%202.676%202.11%203.542%202.242.443.068.8.014%201.071-.087a1.536%201.536%200%200%200%20.42-.236.923.923%200%200%200%20.05-.045l.007-.006.003-.003.001-.002s.002-.001-.527-.533c-.53-.532-.528-.533-.528-.533l.002-.002.002-.002.006-.005.01-.01a.383.383%200%200%201%20.038-.03c.01-.007.007-.004-.007.002-.025.009-.123.04-.32.01-.414-.064-1.284-.404-2.712-1.824l-1.058%201.064Zm-1.56-9.62C8.954%201.049%206.95.834%205.733%202.044L6.79%203.107c.532-.529%201.476-.475%201.983.202l1.2-.9ZM4.752%205.704c-.02-.346.139-.708.469-1.036L4.163%203.604c-.537.534-.96%201.29-.909%202.184l1.498-.085Zm14.72%2012.06c-.274.274-.57.428-.865.455l.139%201.494c.735-.069%201.336-.44%201.784-.885l-1.058-1.063ZM11.006%207.73c.985-.979%201.058-2.527.229-3.635l-1.201.899c.403.539.343%201.246-.085%201.673l1.057%201.063Zm9.52%206.558c.817.444.944%201.49.367%202.064l1.058%201.064c1.34-1.333.927-3.557-.71-4.446l-.716%201.318Zm-3.441-.849c.384-.382%201.002-.476%201.53-.19l.716-1.317c-1.084-.59-2.428-.427-3.304.443l1.058%201.064Z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
}
.header-phone p {
margin-bottom: 0;
}
.page-header .panel.wrapper {
background-color: var(--color-14);
border: 0;
color: var(--color-9);
font-size: 1.5rem;
}
.top-bar-links,
.top-bar-links li,
.top-bar-links ul {
margin: 0;
}
.top-bar-links {
font-size: 1.4rem;
padding: 5px 0;
}
.top-bar-links a {
color: var(--color-9);
}
.top-bar-links li {
margin-right: 15px;
}
.top-bar-links ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
@media (min-width: 769px) {
.header.panel > .header.links > li {
display: none;
}
.page-header .header.panel {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 0;
padding-bottom: 0;
}
.page-header .header.panel::before,
.page-header .header.panel::after,
.page-header .header.panel > .header.links > li.link.authorization-link {
display: none;
}
.page-header .header.panel .header.links,
.page-header .header.panel .switcher {
float: none;
margin: 0;
}
.page-header .header.panel .header.links {
order: -100;
}
.page-header .header.panel > .header.links > li {
font-size: 1.5rem;
margin: 0;
}
.top-bar-links {
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (min-width: 1024px) {
.header.content .block-search {
margin-left: 20px;
margin-right: 20px;
order: 0;
}
}
@media (min-width: 1100px) {
.header.content {
row-gap: 0;
}
}
@media (min-width: 1240px) {
.header.content,
.page-header .header.panel {
padding-left: 0;
padding-right: 0;
}
}
.ammenu-header-container.-sticky .ammenu-button.-hamburger {
margin: 0;
}
@media (min-width: 1024px) {
.header-sticky {
--sticky-height: 50px;
}
.header-sticky .ammenu-nav-sections.-topmenu.-sticky .ammenu-items.-root {
margin-left: 0;
height: 100%;
}
.header-sticky .ammenu-nav-sections.-topmenu.-hamburger .ammenu-main-container {
padding-left: 20px;
height: var(--sticky-height);
}
.header-sticky .ammenu-nav-sections.-topmenu.-sticky .ammenu-items.-root > .ammenu-item > .ammenu-link {
padding: 10px;
}
}
@media (min-width: 1200px) {
.header-sticky:not(.checkout-index-index) .ammenu-nav-sections.-topmenu.-sticky .ammenu-items.-root {
margin-left: 0;
}
.header-sticky:not(.checkout-index-index) .minicart-wrapper .action.showcart .counter.qty,
.header-sticky:not(.checkout-index-index) .amquote-cart-wrapper.minicart-wrapper .amquote-showcart .counter.qty {
font-size: 1.4rem;
top: 1px;
padding-left: 5px;
padding-right: 5px;
}
.header-sticky:not(.checkout-index-index) .header.content {
padding: 0;
position: fixed;
top: 3px;
right: 0;
width: 200px;
height: var(--sticky-height);
z-index: 100;
}
.header-sticky:not(.checkout-index-index) .header.content .ammenu-logo,
.header-sticky:not(.checkout-index-index) .header.content .block-search,
.header-sticky:not(.checkout-index-index) .header.content .header-button,
.header-sticky:not(.checkout-index-index) .header.content .logo {
display: none;
}
}
.block-minicart .action.viewcart {
width: 100%;
}
.block-minicart .block-content > .actions {
background-color: #fff;
margin-top: 0;
padding-top: 15px;
position: sticky;
top: 0;
z-index: 100;
}
.block-minicart .block-content > .actions > .primary {
margin-left: 0;
margin-right: 0;
}
.block-minicart .items-total,
.block-minicart .subtotal {
padding-top: 15px;
}
.catalog-product-view .block.block-minicart .product-item-photo {
margin-right: 10px;
width: auto;
}
.minicart-items .product-item-details {
padding-left: 120px;
text-align: left;
}
.minicart-items .product-item-name a {
color: inherit;
}
.minicart-items .product-item-pricing .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.minicart-items-wrapper {
border: 0;
margin: 40px auto;
padding: 0;
width: 100%;
height: auto !important;
}
.minicart-wrapper .action.close:hover:before {
color: var(--color-1);
}
.minicart-wrapper .action.showcart .counter.qty,
.amquote-cart-wrapper.minicart-wrapper .amquote-showcart .counter.qty {
background-color: var(--color-11);
border-radius: var(--radius-2);
height: auto;
line-height: 1;
margin: 0;
padding: 3px 10px;
position: absolute;
top: -5px;
right: -5px;
}
.amquote-cart-wrapper.minicart-wrapper .amquote-showcart .counter-number {
text-shadow: none;
}
.minicart-wrapper .action.showcart,
.minicart-wrapper .action.showcart.active {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.minicart-wrapper .action.showcart::before,
.minicart-wrapper .action.showcart.active::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20d%3D%22M7.5%2018a1.5%201.5%200%201%201%200%203%201.5%201.5%200%200%201%200-3ZM16.5%2018a1.5%201.5%200%201%201%200%203%201.5%201.5%200%200%201%200-3Z%22%2F%3E%3Cpath%20fill%3D%22%231C274C%22%20d%3D%22m2.261%203.092.249-.708-.249.708Zm-.012-.8a.75.75%200%201%200-.498%201.416l.498-1.416Zm2.337%202.031.62-.423-.62.423Zm1.302%2010.263-.545.516.545-.516Zm14.77-4.703.734.151.001-.004-.735-.147Zm-.5%202.425.735.15-.735-.15Zm.576-5.61-.594.456.595-.457Zm-1.6%208.352-.474-.581.474.581ZM5.708%209.76V7.038h-1.5V9.76h1.5ZM2.51%202.384l-.261-.092-.498%201.416.261.091.498-1.415Zm8.428%2013.866h5.302v-1.5h-5.302v1.5Zm-5.23-9.212c0-.707.001-1.297-.05-1.776-.055-.497-.171-.95-.453-1.362l-1.238.846c.09.132.16.314.199.677.041.38.042.875.042%201.615h1.5ZM2.012%203.8c.668.235%201.107.39%201.43.55.303.148.437.268.525.397L5.205%203.9c-.284-.416-.662-.682-1.103-.899-.42-.206-.958-.394-1.592-.617L2.012%203.8ZM4.208%209.76c0%201.453.014%202.5.15%203.3.147.854.44%201.466.985%202.042l1.089-1.032c-.32-.338-.493-.668-.595-1.263-.11-.65-.129-1.558-.129-3.047h-1.5Zm6.73%204.99c-1.417%200-2.4-.002-3.141-.107-.715-.101-1.092-.285-1.365-.573l-1.089%201.032c.594.627%201.347.9%202.243%201.026.87.124%201.98.122%203.351.122v-1.5Zm-5.98-7.88h12.13v-1.5H4.959v1.5Zm14.965%202.861-.5%202.425%201.47.303.5-2.425-1.47-.303ZM17.09%206.87c.856%200%201.61.001%202.205.067.295.034.517.08.672.134.161.057.187.1.174.083l1.189-.914c-.235-.306-.565-.479-.866-.584a4.616%204.616%200%200%200-1.003-.21c-.695-.077-1.543-.076-2.371-.076v1.5Zm4.304%203.16c.17-.848.313-1.56.348-2.13.037-.586-.03-1.164-.412-1.66l-1.189.914c.062.081.13.226.104.654-.027.444-.144%201.037-.322%201.928l1.471.294Zm-5.153%206.22c.762%200%201.401.001%201.917-.062.535-.065%201.024-.209%201.45-.556l-.947-1.163c-.125.102-.303.184-.686.23-.403.05-.934.051-1.734.051v1.5Zm3.184-4.094c-.162.783-.27%201.303-.4%201.688-.123.366-.239.523-.364.625l.947%201.163c.427-.348.666-.797.838-1.309.166-.492.294-1.118.448-1.864l-1.47-.303Z%22%2F%3E%3C%2Fsvg%3E');
background-position: center;
background-repeat: no-repeat;
content: '';
display: block;
line-height: 1;
width: 24px;
height: 24px;
}
.minicart-wrapper .action.showcart .counter-number {
text-shadow: none;
}
.minicart-wrapper .block-minicart {
border: 0;
box-shadow: var(--shadow);
padding-top: 0;
padding-bottom: 0;
max-height: 75vh;
overflow: auto;
}
.minicart-wrapper .block-minicart:before,
.minicart-wrapper .block-minicart:after {
display: none;
}
.minicart-wrapper .product {
position: relative;
}
.minicart-wrapper .product .actions {
margin: 0;
position: absolute;
bottom: 0;
right: 0;
}
.minicart-wrapper .product .actions > .primary {
display: none;
}
.minicart-wrapper .product .actions > .secondary {
display: inline-flex;
}
@media (max-width: 1023px) {
.minicart-wrapper .block-minicart {
display: none !important;
}
}
.ammenu-icon-block.-toggle path {
fill: #000;
}
.ammenu-nav-sections.-topmenu.-hamburger:not(.-sticky) .ammenu-main-container {
max-width: var(--site-width);
}
@media (min-width: 1024px) {
.ammenu-button.-hamburger {
background-position: calc(.25 * var(--burger-width)) center;
display: flex;
align-items: center;
gap: 10px;
order: -11;
max-width: none;
width: auto;
}
.ammenu-button.-hamburger::before {
border: 2px solid var(--color-2);
border-radius: 50%;
content: '';
display: block;
flex-shrink: 0;
width: var(--burger-width);
height: var(--burger-width);
}
.ammenu-button.-hamburger .ammenu-menu-title {
border-right: 1px solid #000;
display: block;
padding: 0 10px 0 0;
text-transform: uppercase;
}
.ammenu-button.-hamburger .ammenu-menu-title .ammenu-title {
color: var(--color-2) !important;
font-size: 1.5rem;
font-weight: 400;
}
.ammenu-main-container {
display: flex;
align-items: center;
}
.ammenu-nav-sections.-topmenu .ammenu-items.-root > .ammenu-item > .ammenu-link {
font-size: 1.5rem;
padding: 15px 10px;
}
.ammenu-nav-sections.-topmenu.-hamburger .ammenu-main-container {
padding-left: 0;
text-transform: uppercase;
}
}
.slick-dotted.slick-slider {
margin-bottom: 5rem;
}
[data-content-type="products"][data-appearance="carousel"] .slick-dots,
.pagebuilder-slider .slick-dots {
padding-top: 1.5rem;
}
[data-content-type="row"][data-appearance="full-width"] > [data-content-type="heading"] {
margin-left: auto;
margin-right: auto;
max-width: var(--site-width);
width: 100%;
}
[data-content-type="row"][data-appearance="full-width"] > .row-full-width-inner {
max-width: 100%;
}
@media (min-width: 1260px) {
[data-content-type="row"][data-appearance="full-width"] .pagebuilder-slider [data-content-type="slide"][data-appearance="collage-left"] .pagebuilder-overlay {
margin-left: calc(.5 * (100vw - var(--site-width)));
}
[data-content-type="row"][data-appearance="full-width"] .pagebuilder-slider [data-content-type="slide"][data-appearance="collage-right"] .pagebuilder-overlay {
margin-right: calc(.5 * (100vw - var(--site-width)));
}
}
.pagebuilder-button-primary,
a.pagebuilder-button-primary,
button.pagebuilder-button-primary,
div.pagebuilder-button-primary {
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
cursor: pointer;
}
.pagebuilder-button-primary:hover,
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.pagebuilder-button-secondary,
a.pagebuilder-button-secondary,
button.pagebuilder-button-secondary,
div.pagebuilder-button-secondary {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.pagebuilder-button-secondary:hover,
a.pagebuilder-button-secondary:hover,
button.pagebuilder-button-secondary:hover,
div.pagebuilder-button-secondary:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.pagebuilder-button-link,
a.pagebuilder-button-link,
button.pagebuilder-button-link,
div.pagebuilder-button-link {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
background-color: transparent;
border: 0;
border-bottom: 2px solid var(--color-1);
border-radius: 0;
color: #000;
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
margin-bottom: 3rem;
padding-left: 0;
padding-right: 0;
}
.pagebuilder-button-link:hover,
a.pagebuilder-button-link:hover,
button.pagebuilder-button-link:hover,
div.pagebuilder-button-link:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.pagebuilder-button-link::after,
a.pagebuilder-button-link::after,
button.pagebuilder-button-link::after,
div.pagebuilder-button-link::after {
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0Z%22%2F%3E%3Cpath%20fill%3D%22%23febf2c%22%20d%3D%22m12%204-1.415%201.415L16.17%2011H4v2h12.17l-5.585%205.585L12%2020l8-8Z%22%20%2F%3E%3C%2Fsvg%3E');
content: '';
display: inline-block;
margin-left: 1.8rem;
transition: .3s;
width: 2.4rem;
height: 2.4rem;
}
.pagebuilder-button-link:hover,
a.pagebuilder-button-link:hover,
button.pagebuilder-button-link:hover,
div.pagebuilder-button-link:hover {
background-color: #fff;
color: #000;
}
.pagebuilder-button-link:hover::after,
a.pagebuilder-button-link:hover::after,
button.pagebuilder-button-link:hover::after,
div.pagebuilder-button-link:hover::after {
transform: translateX(10px);
}
.pagebuilder-button-link:visited,
a.pagebuilder-button-link:visited,
button.pagebuilder-button-link:visited,
div.pagebuilder-button-link:visited {
color: #000;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: 740px;
}
.slick-slider {
padding: 0;
}
.product-items.widget-product-carousel {
margin-bottom: 100px;
}
[data-content-type="tab-item"] {
padding: 20px;
}
@media (min-width: 1200px) {
[data-content-type="tab-item"] {
padding: 20px 40px;
}
}
.pages a.page,
.pages strong.page,
.pages .action,
.pages .action.previous::before,
.pages .action.next::before,
.mstInPage__pagination .mstInPage__page {
border-radius: var(--radius-3);
color: #000;
min-width: 3.2rem;
height: 3.2rem;
}
.pages strong.page,
.pages .item {
font-size: 1.5rem;
}
.pages strong.page {
background-color: var(--color-1);
color: #fff;
font-weight: 400;
}
.pages .action {
background-color: transparent;
border: 0;
box-shadow: none;
}
.pages .action.previous,
.pages .action.next {
margin: 0;
}
.pages .action.previous:hover,
.pages .action.next:hover {
background-color: transparent;
}
.pages .action.previous::before,
.pages .action.next::before {
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0Z%22%2F%3E%3Cpath%20fill%3D%22%23febf2c%22%20d%3D%22m12%204-1.415%201.415L16.17%2011H4v2h12.17l-5.585%205.585L12%2020l8-8Z%22%20%2F%3E%3C%2Fsvg%3E');
content: '';
transition: .3s;
}
.pages .action.previous:hover::before {
transform: rotate(180deg) translateX(10px);
}
.pages .action.next:hover::before {
transform: translateX(10px);
}
.pages .action.previous::before {
transform: rotate(180deg);
}
.pages .item {
margin: 0;
}
.amshopby-button-wrap {
display: none;
}
.amshopby-filter-current .amshopby-items {
margin-bottom: 0;
}
.filter .block-subtitle {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.filter-actions .filter-clear {
color: var(--color-1);
}
.filter-actions .filter-clear:hover {
color: var(--color-2);
}
.filter-current .amshopby-items.items {
padding: 0;
}
.filter-options-content a {
color: #000;
}
.filter-options-content ul {
padding-left: 0;
}
.filter-options-content .item a:hover,
.filter-options-content .items.-am-singleselect .amshopby-link-selected,
.filter-options-content .swatch-option.selected + .am-shopby-swatch-label {
color: #000;
transition: .3s;
}
.filter-options-content .item a:hover .count,
.filter-options-content .items.-am-singleselect .amshopby-link-selected .count,
.filter-options-content .swatch-option.selected + .am-shopby-swatch-label .count {
background-color: var(--color-2);
color: #fff;
transition: .3s;
}
.filter-options-item .filter-options-content .count {
background-color: var(--color-8);
border-radius: 30px;
color: #fff;
font-size: 1.4rem;
line-height: 1;
padding: 5px 10px;
}
.filter-options-item .filter-options-content .items:not(.items-children):not(.am-category-view) {
margin: 0;
padding: 0;
}
.filter-options-item .filter-options-content .items [class*='am-filter-item'] {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-right: 5px;
}
.filter-options-content .count::before,
.filter-options-content .count::after {
display: none;
}
.filter-options-title::before,
.filter-options-title::after {
background-color: #000;
content: '';
display: block;
position: absolute;
right: 13px;
top: 12px;
transition: .3s;
width: 16px;
height: 2px;
}
.filter-options-item.active .filter-options-title::before {
transform: rotate(90deg);
}
.filter-options-title::before {
right: 20px;
width: 2px;
height: 16px;
}
.filter-options-title::after {
top: 19px;
}
.filter-title strong {
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--input-height);
padding: 5px 20px;
background-color: var(--button-2-background);
border-color: var(--button-2-border);
color: var(--button-2-color);
--button-2-background: var(--button-background-ghost);
--button-2-color: var(--button-color-ghost);
border-color: var(--color-6);
box-shadow: none;
cursor: pointer;
font-size: 1.6rem;
font-weight: 500;
padding-left: 10px;
padding-right: 10px;
position: static;
text-transform: uppercase;
transition: .3s;
}
.filter-title strong:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.filter-title strong:hover {
background-color: var(--button-2-background);
border-color: var(--button-2-border);
color: var(--button-2-color);
opacity: .5;
}
.page-with-filter .toolbar-amount {
display: none;
}
.sidebar-main {
padding-left: 0;
}
@media (min-width: 769px) {
.filter-options {
border-top: 1px solid #cccccc;
}
}
@media (max-width: 768px) {
.filter .filter-current {
display: none;
}
.filter.active .filter-title strong {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: right;
width: 100%;
height: 100%;
}
}
.sidebar .action.primary {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.sidebar .action.primary:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.sidebar .block.block-wishlist .product-image-container {
width: 100% !important;
}
.sidebar .block.block-wishlist .product-image-wrapper {
padding-bottom: 100% !important;
}
.amcform-popup-block .amcform-button.-close-popup,
.amhideprice-close {
background-image: none;
color: #fff;
font-size: 4rem;
line-height: 1;
top: 8px;
right: 25px;
width: 1.6rem;
height: 1.6rem;
}
.amcform-popup-block .amcform-button.-close-popup {
top: 20px;
}
.amcform-button.-close-popup:hover,
.amcform-button.-close-popup::before,
.amhideprice-close:hover,
.amhideprice-close::before {
background-image: none;
content: '×';
}
.amcform-button.-close-popup:hover::before,
.amhideprice-close:hover::before {
color: #000;
}
.amcform-popup-block .amcform-popup,
.amhideprice-form {
--header-background-color: var(--color-13);
--spacing-y: 20px;
background-color: #fff;
border-radius: var(--radius-4);
display: block;
font-size: 1.6rem;
margin: 2rem;
overflow: auto;
padding: 0;
text-align: left;
max-width: 677px;
width: calc(100% - 40px);;
}
@media (min-width: 600px) {
.amcform-popup-block .amcform-popup,
.amhideprice-form {
--spacing-y: 30px;
}
}
.amcform-popup-block .amcform-popup.price-match-toggle {
--modal-accent: var(--button-3-background);
}
.amcform-popup-block .amcform-popup.volume-quote-toggle {
--modal-accent: var(--button-4-background);
}
.amcform-popup-block .amcform-popup .amcform-icon.-cross {
display: none;
}
.amform-form,
.amhideprice-form > .fieldset {
margin-bottom: 1rem;
padding: 0 var(--spacing-y);
}
.amform-form {
padding-bottom: 50px;
}
.amform-form.default .amcform-page-wrap {
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.amform-form.default .amcform-page-wrap > .form-group.amform-layout-one,
.amform-form.default .amcform-page-wrap > .form-group.amform-layout-two,
.amform-form.default .amcform-page-wrap > .form-group.amform-layout-three {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
.amform-form.default .amcform-page-wrap > .form-group.amform-layout-two {
--column-count: 2;
}
.amform-form.default .amcform-page-wrap > .form-group.amform-layout-three {
--column-count: 3;
}
}
.amhideprice-form .fieldset {
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.amhideprice-form .fieldset > br {
display: none;
}
.amhideprice-form .fieldset > .field {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
}
@media (min-width: 768px) {
.amhideprice-form .fieldset > .field {
--column-count: 2;
}
.amhideprice-form .fieldset > .field:last-child {
flex-shrink: 0;
max-width: 100%;
width: 100%;
}
}
.amhideprice-form .actions-toolbar {
padding: 0 var(--spacing-y) 3rem;
text-align: right;
}
.amhideprice-form .actions-toolbar .primary {
float: none;
text-align: inherit;
width: 100%;
}
.amhideprice-form .actions-toolbar .primary .action {
margin: 0;
width: auto;
}
.amhideprice-form > .fieldset .field {
margin-bottom: 1.4rem;
}
.fancyambox-stage .amhideprice-form .legend span {
font-size: 1.6rem;
margin: 0;
}
.product-modal-header {
background-color: var(--modal-accent, var(--color-13));
color: #fff;
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: clamp(1.8rem, 3vw, 2.8rem);;
font-weight: 600;
line-height: 1.2;
margin-bottom: 3rem;
padding: 1.5rem var(--spacing-y);
padding-right: 4.4rem;
min-height: 64px;
text-align: left;
}
.amasty-hide-price-button,
.amquote-addto-button {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
font-size: 1.8rem;
min-height: var(--input-height-3);
margin-bottom: 1.5rem;
width: 100%;
}
.amasty-hide-price-button:hover,
.amquote-addto-button:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.amasty-hide-price-button {
background-color: var(--button-5-background);
border-color: var(--button-5-border);
color: var(--button-5-color);
font-size: 1.8rem;
min-height: var(--input-height-3);
line-height: 1;
text-align: center;
}
.amquote-addto-button {
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
}
.amxnotif-block .fieldset .field {
display: flex;
align-items: flex-start;
}
.amxnotif-block .fieldset .field input[type=checkbox] {
margin-top: 1px;
}
.amxnotif-block .fieldset .field .label {
font-size: 1.4rem;
}
.amxnotif-block .fieldset .field .label::after {
margin: 0;
}
.amxnotif-block + .product-add-form {
padding: 0;
}
@media (min-width: 1024px) {
.amxnotif-block input[type="email"] {
font-size: 1.2rem;
}
}
.catalog-product-view .breadcrumbs {
margin-top: 2rem;
}
.document-item-link {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
color: var(--button-1-color);
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: 2px solid var(--color-5);
border-radius: 50%;
margin: 0;
position: static;
width: var(--icon-circle-size);
height: var(--icon-circle-size);
border-radius: var(--input-height);
display: inline-flex;
font-size: 1.4rem;
margin-bottom: 10px;
text-transform: uppercase;
width: auto;
}
.document-item-link:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.document-item-link:hover {
background-color: var(--color-5);
border: 2px solid #000;
}
.document-item-link::before {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
transition: .3s;
width: 20px;
height: 20px;
}
.document-item-link::before {
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22%23FD9826%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M3%2015c0%202.828%200%204.243.879%205.121C4.757%2021%206.172%2021%209%2021h6c2.828%200%204.243%200%205.121-.879C21%2019.243%2021%2017.828%2021%2015M12%203v13m0%200%204-4.375M12%2016l-4-4.375%22%2F%3E%3C%2Fsvg%3E');
content: '';
margin-right: 10px;
}
.document-item-link:hover {
color: #000;
}
.product-info-main h1 {
font-size: 2.6rem;
font-weight: 400;
line-height: 1.2;
margin-bottom: .7rem;
}
.product-info-main .product.attribute.sku {
color: var(--color-9);
font-size: 1.5rem;
margin: 0;
}
.product-info-main .product-info-price {
border: 0;
display: flex;
align-items: flex-end;
line-height: 1;
margin-top: 1rem;
}
.product-info-main .product-info-price .price-box {
padding-bottom: 0;
}
.product-info-main .product-info-price .price-box {
padding-right: 1rem;
}
.product-info-main .product-info-price .price-box .price-container > span {
margin-bottom: 0;
}
.product-info-main .product-info-price .price-wrapper .price {
display: block;
font-size: 3.4rem;
font-weight: 700;
line-height: 1;
}
.product-info-main .product-info-stock-sku {
float: none;
padding-bottom: 3px;
padding-left: 0;
}
.product-info-main .stock.available,
.product-info-main .stock.unavailable {
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 0;
}
.product-info-main .stock.available {
color: var(--color-13);
}
.product-info-price .amasty-hide-price-container {
display: none;
}
.product-social-links {
margin: 1.6rem 0;
}
.table-wrapper.additional-attributes-wrapper {
border: 0;
}
.cart-container .block .secondary-addto-links,
.catalog-product-view .block .secondary-addto-links {
display: none;
}
.cart-container .block .product-image-container,
.catalog-product-view .block .product-image-container,
.cart-container .block .product-item-info,
.catalog-product-view .block .product-item-info,
.cart-container .block .product-item-photo,
.catalog-product-view .block .product-item-photo {
width: 100%;
}
.cart-container .block .product-item-photo,
.catalog-product-view .block .product-item-photo {
display: block;
}
.cart-container .block .title strong,
.catalog-product-view .block .title strong {
font-size: 1.6rem;
font-weight: var(--heading-weight);
}
@media (min-width: 768px) {
.cart-container .products-grid .product-items .product-item,
.catalog-product-view .products-grid .product-items .product-item {
--column-count: 4;
}
}
@media (min-width: 1000px) {
.cart-container .products-grid .product-items .product-item,
.catalog-product-view .products-grid .product-items .product-item {
--column-count: 5;
}
}
.block.crosssell {
width: 100%;
}
@media (min-width: 769px) {
.block.crosssell {
float: none;
padding: 0;
}
.block.crosssell .products-grid .product-item {
width: var(--column-width);
}
}
@media (min-width: 1024px) {
.block.crosssell {
order: 100;
}
}
.product.data.items,
.product.data.items > .item.content {
background-color: var(--color-14);
}
.product.data.items {
border: 0;
margin-bottom: 0;
}
.product.data.items > .item.content {
padding-left: var(--edge-space);
padding-right: var(--edge-space);
}
.product.data.items > .item.title:not(.disabled) > .switch:active,
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
color: #000;
}
.product.data.items > .item.title > .switch {
border: 0;
border-top: 1px solid var(--color-6);
display: flex;
align-items: center;
font-size: 2.2rem;
font-weight: 500;
line-height: 1;
margin: 0 var(--edge-space);
padding: 0;
height: 50px;
}
.product.data.items > .item.title > .switch::before,
.product.data.items > .item.title > .switch::after {
background-color: #000;
content: '';
display: block;
position: absolute;
right: 13px;
top: 12px;
transition: .3s;
width: 16px;
height: 2px;
}
.product.data.items > .item.title > .switch::before {
right: 20px;
width: 2px;
height: 16px;
}
.product.data.items > .item.title > .switch::after {
top: 19px;
}
.product.data.items > .item.title > .switch::before {
top: 17px;
}
.product.data.items > .item.title > .switch::after {
top: 24px;
}
.product.data.items > .item.title:nth-child(1) > .switch {
border-top: 0;
}
.product.data.items > .item.title > .switch:hover::before,
.product.data.items > .item.title.active > .switch::before {
transform: rotate(90deg);
}
.product.data.items .col.data {
padding-bottom: 1rem !important;
}
.product.data.items .col.data::before,
.product.data.items .col.label {
color: #000 !important;
font-weight: 400 !important;
max-width: 150px;
width: 100%;
}
.product.info.detailed {
margin-bottom: 3.6rem;
}
@media (min-width: 769px) {
.product.data.items {
border-radius: var(--radius-5);
padding-top: 1rem;
overflow: auto;
}
.product.data.items .col.label {
max-width: 300px;
width: 300px;
}
.product.data.items > .item.content {
border: 0;
}
.product.data.items > .item.title > .switch,
.product.data.items > .item.title:not(.disabled) > .switch:active,
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover,
.product.data.items > .item.title:not(.disabled) > .switch:focus,
.product.data.items > .item.title:not(.disabled) > .switch:hover {
background-color: transparent;
border-top: 0;
padding: 0;
transition: .3s;
}
.product.data.items > .item.title:not(.disabled) > .switch:hover {
border-color: #000;
color: #000;
}
.product.data.items > .item.title > .switch::before,
.product.data.items > .item.title > .switch::after {
display: none;
}
.product.data.items > .item.title > .switch {
border-bottom: 2px solid transparent;
}
.product.data.items > .item.title.active > .switch {
border-bottom: 2px solid #000;
}
}
.catalog-product-view .product.media {
margin-bottom: 2.2rem;
}
.fotorama__fullscreen-icon {
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M7%2010h3m0%200h3m-3%200V7m0%203v3m5%202%206%206m-11-4a7%207%200%201%201%200-14%207%207%200%200%201%200%2014Z%22%2F%3E%3C%2Fsvg%3E');
background-position: center !important;
cursor: pointer;
display: block !important;
opacity: 1 !important;
top: auto;
bottom: 0;
transform: none !important;
width: 24px;
height: 24px;
}
.fotorama__fullscreen .fotorama__fullscreen-icon {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%230F0F0F%22%20d%3D%22M20.746%203.329a1%201%200%200%200-1.415%200l-7.294%207.294-7.294-7.294a1%201%200%201%200-1.414%201.414l7.294%207.294-7.294%207.294a1%201%200%200%200%201.414%201.415l7.294-7.295%207.294%207.295a1%201%200%200%200%201.415-1.415l-7.295-7.294%207.295-7.294a1%201%200%200%200%200-1.414Z%22%2F%3E%3C%2Fsvg%3E');
background-size: 30px;
top: 0;
width: 40px;
height: 40px;
}
.product-social-links .action.mailto.friend,
.product-social-links .action.tocompare,
.product-social-links .action.towishlist {
color: #000;
display: flex;
align-items: center;
gap: 10px;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0;
margin: 0 0 5px;
text-transform: none;
}
.product-social-links .action.mailto.friend::before,
.product-social-links .action.tocompare::before,
.product-social-links .action.towishlist::before {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: 2px solid var(--color-5);
border-radius: 50%;
position: static;
width: var(--icon-circle-size);
height: var(--icon-circle-size);
background-position: center;
background-repeat: no-repeat;
background-size: 18px;
content: '';
margin: 0;
transition: .3s;
}
.product-social-links .action.mailto.friend::before:hover,
.product-social-links .action.tocompare::before:hover,
.product-social-links .action.towishlist::before:hover {
background-color: var(--color-5);
border: 2px solid #000;
}
.product-social-links .action.mailto.friend::before::before,
.product-social-links .action.tocompare::before::before,
.product-social-links .action.towishlist::before::before {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
transition: .3s;
width: 20px;
height: 20px;
}
.product-social-links .action.mailto.friend:hover::before,
.product-social-links .action.tocompare:hover::before,
.product-social-links .action.towishlist:hover::before {
border-color: #000;
}
.product-social-links .action.mailto.friend::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23080341%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.75%205.25%203%206v12l.75.75h16.5L21%2018V6l-.75-.75H3.75Zm.75%202.446v9.554h15V7.695L12%2014.514%204.5%207.696Zm13.81-.946H5.69L12%2012.486l6.31-5.736Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
background-size: 22px;
}
.product-social-links .action.tocompare::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20viewBox%3D%220%200%20331.731%20331.731%22%3E%3Cpath%20d%3D%22M321.061%20185.916%20284.568%2023.391l16.589-3.929L296.548%200%20175.866%2028.586V11.731h-20v21.592L30.574%2063l4.609%2019.462%2010.502-2.488-35.016%20155.942H4.417c0%2029.721%2024.094%2053.815%2053.817%2053.815%2029.722%200%2053.816-24.094%2053.816-53.815h-6.253L69.515%2074.33l86.351-20.453v257.854h-47.632v20h115.264v-20h-47.632V49.139l85.317-20.208-35.249%20156.985h-6.253c0%2029.721%2024.095%2053.815%2053.816%2053.815%2029.723%200%2053.817-24.094%2053.817-53.815h-6.253zm-235.761%2050H31.167l27.066-120.54L85.3%20235.916zm161.131-50%2027.066-120.54%2027.066%20120.54h-54.132z%22%2F%3E%3C%2Fsvg%3E');
background-size: 20px;
}
.product-social-links .action.towishlist::before {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2021.122%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.75%22%20d%3D%22M21.372%202.588a5.844%205.844%200%200%200-8.266%200l-1.127%201.126-1.126-1.126a5.845%205.845%200%200%200-8.266%208.266l1.126%201.123%208.266%208.266%208.267-8.266%201.126-1.126a5.844%205.844%200%200%200%200-8.266Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
@media (min-width: 769px) {
.product-social-links,
.product-addto-links {
display: flex;
align-items: center;
gap: 5px;
}
.product-social-links span,
.product-addto-links span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
}
.mst-searchautocomplete__autocomplete {
border-color: var(--color-1);
border-radius: var(--radius);
box-shadow: var(--shadow);
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
font-size: 1.4rem;
}
.mst-searchautocomplete__highlight,
.mstInPage__highlight {
color: var(--color-1);
}
.mst-searchautocomplete__item.magento_catalog_product .store > .price {
font-size: 1.6rem;
}
.mst-searchautocomplete__item.magento_catalog_product .title .sku {
color: var(--color-8);
}
.mstInPage__indexList a,
.mstInPage__itemList a {
color: #000;
}
.mstInPage__indexList a:hover,
.mstInPage__itemList a:hover {
color: var(--color-1);
}
.mstInPage__pagination .mstInPage__page.current {
background-color: var(--color-1);
border-color: var(--color-1);
}
.mstInPage__indexList .mstInPage__index:hover,
.mstInPage__pagination .mstInPage__page:hover {
border-color: transparent;
color: var(--color-1);
}
.mstInPage__indexList .mstInPage__index {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
}
.mstInPage__indexList .mstInPage__index:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.mstInPage__pagination .mstInPage__page.current:hover {
color: #fff;
cursor: auto;
}
.mstInPage__indexList .mstInPage__index,
.mstInPage__indexList .mstInPage__index._active,
.mstInPage__indexList .mstInPage__index._active i {
background-color: transparent;
border-color: transparent;
color: #000;
font-weight: 700;
}
.mstInPage__main > .mstInPage__pagination:nth-child(1) {
justify-content: flex-end;
}
.mstInPage__item.magento_catalog_product {
width: 100%;
}
.mst__product-meta {
flex-grow: 1;
}
.mstInPage__item.magento_catalog_product .mst__product-cart {
justify-content: space-between;
}
.mstInPage__item.magento_catalog_product .mst__product-cart .to-cart {
margin: 0;
order: 100;
}
.mstInPage__stat {
text-align: left;
}
.page-products .sorter {
--border: 2px solid var(--color-6);
font-size: 1.6rem;
position: static;
}
.toolbar select {
background-color: #fff;
border: var(--border);
border-radius: var(--radius);
box-shadow: none;
font-weight: inherit;
margin: 0;
}
@media (min-width: 769px) {
.toolbar-products:nth-child(1) {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
justify-content: space-between;
text-align: left;
}
.toolbar-products:nth-child(1)::before,
.toolbar-products:nth-child(1)::after {
display: none;
}
.toolbar-products:nth-child(1) .modes,
.toolbar-products:nth-child(1) .sorter {
float: none;
}
.toolbar-products:nth-child(1) .sorter-label {
display: block;
}
.toolbar-products:nth-child(1) .sorter-options {
margin: 0;
}
}
@media (max-width: 768px) {
#amasty-shopby-product-list {
position: relative;
}
.page-products .sorter {
display: flex;
align-items: center;
font-weight: 500;
height: var(--input-height);
}
.page-products .sorter .sorter-label {
border-top: var(--border);
border-bottom: var(--border);
border-left: var(--border);
border-radius: var(--input-height) 0 0 var(--input-height);
display: flex;
align-items: center;
line-height: 1;
padding: 0 0 0 10px;
height: 100%;
white-space: nowrap;
}
.toolbar select {
background-color: #fff;
border-top: var(--border);
border-bottom: var(--border);
border-right: var(--border);
box-shadow: none;
font-weight: inherit;
margin: 0;
text-transform: uppercase;
}
.catalog-category-view .toolbar select {
border-left: 0;
border-radius: 0 var(--input-height) var(--input-height) 0;
}
.toolbar .sorter-action {
margin-left: 5px;
}
.toolbar-products:nth-child(1) {
position: absolute;
top: -70px;
right: 0;
}
.catalog-category-view .toolbar-products:nth-child(1) {
display: flex;
justify-content: space-between;
gap: 10px;
position: static;
}
.catalog-category-view .toolbar-products:nth-child(1)::before,
.catalog-category-view .toolbar-products:nth-child(1)::after {
display: none;
}
}
.products-grid.wishlist .amasty-hide-price-button {
font-size: 1.4rem;
}
.products-grid.wishlist .amasty-hide-price-button,
.products-grid.wishlist .product-item .box-tocart .tocart {
min-height: var(--input-height);
}
.products-grid.wishlist .product-item-actions .action.edit {
display: none;
margin-right: 10px;
}
.products-grid.wishlist .product-item-info {
--image-size: 80px;
--gap: 20px;
display: grid;
flex-wrap: wrap;
grid-template-columns: 100px 1fr;
}
.products-grid.wishlist .product-item-name,
.products-grid.wishlist .product-item-description,
.products-grid.wishlist .product-item-photo,
.products-grid.wishlist .product-item .price-box,
.products-grid.wishlist .product-item-tooltip {
float: none;
margin: 0;
}
.products-grid.wishlist .product-image-photo {
position: static;
}
.products-grid.wishlist .product-item-photo {
grid-row: 1 / span 2;
}
.products-grid.wishlist .product-item-comment {
min-height: 35px;
height: auto;
}
.products-grid.wishlist .product-item-actions {
float: right;
}
.products-grid.wishlist .product-item {
--column-count: 1;
}
.products-grid.wishlist .product-item .box-tocart {
margin-bottom: 0;
}
.products-grid.wishlist .product-item .box-tocart .stock {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
filter: grayscale(1);
opacity: .5;
pointer-events: none;
margin: 0;
}
.products-grid.wishlist .product-item .box-tocart .stock:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.products-grid.wishlist .product-item-inner {
grid-column: 1 / span 2;
margin-top: auto;
}
.products-grid.wishlist .product-item-inner .comment-box {
margin: 0;
}
.wishlist-index-index .column.main .actions-toolbar > .primary .action,
.wishlist-index-index .column.main .actions-toolbar > .secondary .action {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
--button-1-background: var(--button-background-ghost);
color: var(--button-color-ghost);
margin-bottom: 5px;
}
.wishlist-index-index .column.main .actions-toolbar > .primary .action:hover,
.wishlist-index-index .column.main .actions-toolbar > .secondary .action:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
@media (min-width: 640px) {
.products-grid.wishlist .product-item-name,
.products-grid.wishlist .product-item .price-box {
width: auto;
}
.products-grid.wishlist .product-item .box-tocart {
min-height: 60px;
width: 100%;
}
.products-grid.wishlist .product-item {
--column-count: 3;
}
.products-grid.wishlist .product-item-info {
display: flex;
flex-direction: column;
height: 100%;
}
.products-grid.wishlist .product-item-photo {
width: 100%;
}
.products-grid.wishlist .product-image-container {
max-width: 100%;
}
.products-grid.wishlist .product-image-photo {
position: absolute;
}
}
@media (min-width: 769px) {
.account .products-grid.wishlist .product-item .box-tocart .tocart {
padding: 0;
width: 40px;
height: 40px;
}
.account .products-grid.wishlist .product-item .box-tocart .tocart::before {
--background-size: 20px;
margin: 0;
}
.account .products-grid.wishlist .product-item .box-tocart .tocart span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.account .products-grid.wishlist .product-item .box-tocart .fieldset {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
justify-content: flex-start;
min-height: 0;
}
.account .products-grid.wishlist .product-item .box-tocart .fieldset .field.qty {
margin-bottom: 0;
}
.account .products-grid.wishlist .product-item-inner,
.account .products-grid.wishlist .product-item-info:hover .product-item-inner {
--gap: 5px;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
column-gap: var(--gap);
}
.account .products-grid.wishlist .product-item-actions {
float: none;
}
.account .products-grid.wishlist .box-tocart {
line-height: 1.2;
text-align: center;
min-height: 0;
width: calc(100% - 40px - var(--gap));
}
.account .products-grid.wishlist .box-tocart .stock.unavailable {
border: 0;
padding: 0;
text-align: left;
}
.account .products-grid.wishlist .comment-box {
width: 100%;
}
.products-grid.wishlist .product-item .box-tocart .fieldset {
margin-bottom: 0;
min-height: 110.5px;
}
.products-grid.wishlist .product-item .box-tocart .stock {
margin-top: 10px;
}
}
@media (min-width: 1320px) {
.products-grid.wishlist .product-item .box-tocart .fieldset {
display: flex;
align-items: flex-end;
justify-content: space-between;
min-height: 60.5px;
}
.products-grid.wishlist .product-item .fieldset .field.qty {
margin-bottom: 0;
}
}
.toolbar.wishlist-toolbar .toolbar-amount,
.toolbar.wishlist-toolbar .limiter {
display: block;
float: none;
text-align: center;
}
.toolbar.wishlist-toolbar .toolbar-amount {
margin-bottom: 10px;
}
@media (min-width: 640px) {
.toolbar.wishlist-toolbar .pager {
display: flex;
align-items: center;
justify-content: space-between;
}
.toolbar.wishlist-toolbar .toolbar-amount {
margin-bottom: 0;
}
}
.table.data.wishlist .action.tocart {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
}
.table.data.wishlist .action.tocart:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.table.data.wishlist .action.tocart:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
.table.data.wishlist .action.tocart::before {
--background-size: 22px;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.168%22%20height%3D%2221.5%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.7%2021.5a1.584%201.584%200%201%201%201.583-1.585A1.585%201.585%200%200%201%2018.7%2021.5m-12.222%200a1.584%201.584%200%201%201%201.583-1.585A1.585%201.585%200%200%201%206.474%2021.5m.566-6.112a.975.975%200%200%201-.94-.718L2.679%201.945H.972A.973.973%200%200%201%20.972%200h2.447A.988.988%200%200%201%204.4.719l.755%202.948h15.836a2.233%202.233%200%200%201%201.963%203.174l-4.007%208.014a.966.966%200%200%201-.865.533Zm.782-1.943h9.658l3.92-7.833H5.693Z%22%20data-name%3D%22Path%201915%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
background-position: center;
background-repeat: no-repeat;
background-size: var(--background-size);
content: '';
display: inline-block;
margin-right: 10px;
transition: .3s;
width: var(--background-size);
height: calc(var(--background-size) - 2px);;
}
.table.data.wishlist .action.towishlist {
display: block;
margin-top: 1rem;
}
.table.data.wishlist .col.actions {
text-align: center;
}
.table.data.wishlist .product.photo {
float: left;
margin-right: 2rem;
}
@media (max-width: 639px) {
.table.data.wishlist .col.product {
min-height: 120px;
}
}
.table-wrapper .table.data.wishlist:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]::before {
display: none;
}
.article-cards,
.block-blog-recent-post {
font-size: 1.8rem;
font-weight: 300;
padding: 0 var(--edge-space);
}
.article-cards [data-content-type="image"],
.block-blog-recent-post [data-content-type="image"],
.article-cards .recent-post-featured-image-link,
.block-blog-recent-post .recent-post-featured-image-link {
margin-bottom: 20px;
width: 100%;
}
.article-cards [data-content-type="image"] img,
.block-blog-recent-post [data-content-type="image"] img,
.article-cards .recent-post-featured-image,
.block-blog-recent-post .recent-post-featured-image,
.article-cards .recent-post-featured-image-link,
.block-blog-recent-post .recent-post-featured-image-link,
.article-cards .recent-post-featured-image-link picture,
.block-blog-recent-post .recent-post-featured-image-link picture {
display: block;
width: 100%;
}
.article-cards h1,
.block-blog-recent-post h1,
.article-cards h2,
.block-blog-recent-post h2,
.article-cards h3,
.block-blog-recent-post h3,
.article-cards h4,
.block-blog-recent-post h4,
.article-cards h5,
.block-blog-recent-post h5,
.article-cards h6,
.block-blog-recent-post h6,
.article-cards .block-recent-posts-link,
.block-blog-recent-post .block-recent-posts-link {
display: block;
font-size: 2.6rem;
font-weight: var(--heading-weight);
line-height: 1.1;
margin-top: 0;
margin-bottom: 1rem;
transition: .3s;
}
.article-cards p:last-child a,
.block-blog-recent-post p:last-child a {
background-color: transparent;
border: 0;
border-bottom: 2px solid var(--color-1);
border-radius: 0;
color: #000;
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
margin-bottom: 3rem;
padding-left: 0;
padding-right: 0;
margin-top: 1rem;
}
.article-cards p:last-child a::after,
.block-blog-recent-post p:last-child a::after {
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h24v24H0Z%22%2F%3E%3Cpath%20fill%3D%22%23febf2c%22%20d%3D%22m12%204-1.415%201.415L16.17%2011H4v2h12.17l-5.585%205.585L12%2020l8-8Z%22%20%2F%3E%3C%2Fsvg%3E');
content: '';
display: inline-block;
margin-left: 1.8rem;
transition: .3s;
width: 2.4rem;
height: 2.4rem;
}
.article-cards p:last-child a:hover,
.block-blog-recent-post p:last-child a:hover {
background-color: #fff;
color: #000;
}
.article-cards p:last-child a:hover::after,
.block-blog-recent-post p:last-child a:hover::after {
transform: translateX(10px);
}
.article-cards p:last-child a:visited,
.block-blog-recent-post p:last-child a:visited {
color: #000;
}
.article-cards .button,
.block-blog-recent-post .button {
margin-top: 1rem;
}
.article-cards .block-recent-posts-item,
.block-blog-recent-post .block-recent-posts-item {
margin: 0;
max-width: none;
}
.article-cards .block-recent-posts-link:hover,
.block-blog-recent-post .block-recent-posts-link:hover {
color: var(--color-1);
}
@media (min-width: 769px) {
.article-cards,
.block-blog-recent-post {
color: var(--color-9);
font-size: 2.2rem;
}
.article-cards h1,
.block-blog-recent-post h1,
.article-cards h2,
.block-blog-recent-post h2,
.article-cards h3,
.block-blog-recent-post h3,
.article-cards h4,
.block-blog-recent-post h4,
.article-cards h5,
.block-blog-recent-post h5,
.article-cards h6,
.block-blog-recent-post h6,
.article-cards .block-recent-posts-link,
.block-blog-recent-post .block-recent-posts-link,
.article-cards .block-related-post-link,
.block-blog-recent-post .block-related-post-link {
color: #000;
font-size: 2.8rem;
}
.article-cards p:last-child a,
.block-blog-recent-post p:last-child a,
.article-cards .button,
.block-blog-recent-post .button {
border-width: 4px;
font-size: 2rem;
}
.article-cards .pagebuilder-column-line,
.block-blog-recent-post .pagebuilder-column-line,
.article-cards .block-recent-posts,
.block-blog-recent-post .block-recent-posts {
margin: 0;
}
.article-cards .pagebuilder-column-line,
.block-blog-recent-post .pagebuilder-column-line {
gap: 30px;
}
.article-cards .block-recent-posts-item,
.block-blog-recent-post .block-recent-posts-item {
width: 50%;
}
}
.article-cards:last-child,
.block-blog-recent-post:last-child {
padding-bottom: 40px;
}
@media (min-width: 769px) {
.article-cards:last-child,
.block-blog-recent-post:last-child {
padding-bottom: 80px;
}
}
.block-recent-posts {
--gap: 20px;
display: flex;
flex-wrap: wrap;
gap: var(--gap);
}
.block-recent-posts .block-recent-posts-item {
--column-count: 1;
--gap-count: calc(var(--column-count) - 1);
--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));
flex-shrink: 0;
max-width: var(--column-width);
width: var(--column-width);
}
@media (min-width: 768px) {
.block-recent-posts {
--gap: 30px;
}
.block-recent-posts .block-recent-posts-item {
--column-count: 2;
}
.sidebar .block-recent-posts {
--gap: 0;
}
.sidebar .block-recent-posts .block-recent-posts-item {
--column-count: 1;
}
}
.block-blog-recent-post {
padding-left: 0;
padding-right: 0;
}
.image-text {
margin-bottom: 2.6rem;
}
.image-text [data-content-type="image"] img {
display: block;
}
.image-text [data-content-type="text"] {
background-color: var(--color-14);
font-size: 1.8rem;
padding: 20px var(--edge-space);
}
.image-text [data-content-type="text"] p:last-child a {
cursor: pointer;
font-family: var(--font-1);
font-size: 1.5rem;
background-color: var(--button-1-background);
border: 2px solid var(--button-1-border);
border-radius: var(--input-height);
color: var(--button-1-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
min-height: var(--input-height);
padding: 5px 20px;
transition: .3s;
margin-top: 1rem;
}
.image-text [data-content-type="text"] p:last-child a:hover {
background-color: var(--button-background-hover);
border-color: var(--button-background-hover);
border-width: 2px;
color: var(--button-1-color);
text-decoration: none;
}
@media (min-width: 769px) {
.image-text {
margin-bottom: 5rem;
}
.image-text [data-content-type="image"],
.image-text [data-content-type="image"] img,
.image-text [data-content-type="text"] {
height: 100% !important;
}
.image-text [data-content-type="image"] img {
object-fit: cover;
}
.image-text [data-content-type="text"] {
padding: 50px;
}
.image-text .pagebuilder-column-line {
display: flex;
}
}
@media (min-width: 1024px) {
.image-text {
margin-bottom: 8.3rem;
}
.image-text [data-content-type="text"] {
padding: 55px 60px;
}
}
.regular-content {
font-size: 1.8rem;
margin-bottom: 2rem;
padding-left: var(--edge-space);
padding-right: var(--edge-space);
}
.regular-content h1,
.regular-content h2,
.regular-content h3,
.regular-content h4,
.regular-content h5,
.regular-content h6 {
border-bottom: 1px solid var(--color-7);
font-size: 2.6rem;
line-height: var(--heading-line-height);
margin-top: 0;
margin-bottom: 1.6rem;
padding-bottom: 1.2rem;
}
@media (min-width: 1024px) {
.regular-content {
color: var(--color-9);
font-size: 2.2rem;
font-weight: 300;
margin-bottom: 4rem;
}
.regular-content h1,
.regular-content h2,
.regular-content h3,
.regular-content h4,
.regular-content h5,
.regular-content h6 {
color: #000;
font-size: 4rem;
}
}
.color-gray,
.color-grey {
--color: var(--color-9);
}
.color-orange {
--color: var(--color-2);
}
.color-orange-darker {
--color: #FD511E;
}
.color-white {
--color: #fff;
}
.color-yellow {
--color: var(--color-1);
}
.h-background-yellow {
background-color: var(--color-1);
}
.h-background-center {
background-position: center;
background-repeat: no-repeat;
}
.h-cross-collapse-expand::before,
.h-cross-collapse-expand::after {
background-color: #000;
content: '';
display: block;
position: absolute;
right: 13px;
top: 12px;
transition: .3s;
width: 16px;
height: 2px;
}
.h-cross-collapse-expand::before {
right: 20px;
width: 2px;
height: 16px;
}
.h-cross-collapse-expand::after {
top: 19px;
}
.h-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.h-icon-circle {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: 2px solid var(--color-5);
border-radius: 50%;
margin: 0;
position: static;
width: var(--icon-circle-size);
height: var(--icon-circle-size);
}
.h-icon-circle:hover {
background-color: var(--color-5);
border: 2px solid #000;
}
.h-icon-circle::before {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
display: block;
transition: .3s;
width: 20px;
height: 20px;
}
.sr-only,
.cart.table-wrapper .towishlist > span,
.cart-discount .fieldset > .field > .label,
.header.content .block-search .action.search span,
.header-wishlist .counter.qty {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.not-sr-only {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}