/** Shopify CDN: Minification failed
Line 10124:4180 Expected identifier but found "!"
Line 10124:16488 Expected identifier but found "!"
Line 10124:28702 Expected identifier but found "."
Line 10124:45879 Expected identifier but found whitespace
Line 10124:53188 Expected identifier but found "."
Line 10124:65262 Unexpected "{"
Line 10124:65263 Expected identifier but found "%"
Line 10124:65318 Unexpected "{"
Line 10124:65319 Expected identifier but found "%"
**/
@charset "UTF-8";
.wt-footer {
padding-top: 1px;
padding-bottom: 1px;
background: var(--color-footer-background);
color: var(--color-footer-text);
}
.wt-footer a {
color: inherit;
}
.wt-footer a:focus-visible {
color: var(--color-footer-text);
}
.wt-footer__big-logo {
width: 100%;
display: flex;
justify-content: center;
margin-top: var(--section-gap-top);
margin-bottom: var(--section-gap-bottom);
}
.wt-footer__big-logo-img {
width: var(--big-logo-width, 100%);
max-width: var(--site-max-width);
height: 100%;
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
}
@media (min-width: 1200px) {
.wt-footer__big-logo-img {
padding-left: calc(var(--gap, 8px) * 2 + var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2 + var(--gap, 8px) * 2);
}
}
@media (min-width: 1800px) {
.wt-footer__big-logo-img {
max-width: var(--site-max-width-big);
}
}
.wt-footer__body {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
margin-top: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * 2);
display: flex;
flex-direction: column;
}
@media (min-width: 1200px) {
.wt-footer__body {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-footer__body {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 900px) {
.wt-footer__body {
margin-top: calc(var(--gap, 8px) * 3);
margin-bottom: calc(var(--gap, 8px) * 3);
flex-direction: row;
flex-wrap: wrap;
gap: calc(var(--gap, 8px) * 4);
}
}
@media (min-width: 1200px) {
.wt-footer__body {
flex-wrap: nowrap;
}
}
.wt-footer__text {
margin-bottom: calc(var(--gap, 8px) * 2);
}
.wt-footer__block {
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: calc(var(--gap, 8px) * 2);
flex: 1 1 31%;
}
.wt-footer__block--menu {
flex: 1 1 15%;
}
.wt-footer__block:not(:first-child) {
border-top: 1px solid rgba(var(--color-footer-text-rgb), 0.2);
}
@media (min-width: 900px) {
.wt-footer__block:not(:first-child) {
border: 0;
}
}
@media (min-width: 1200px) {
.wt-footer__block {
padding-top: calc(var(--gap, 8px) * 3);
padding-bottom: calc(var(--gap, 8px) * 3);
flex: 1 1 25%;
}
.wt-footer__block--menu {
flex: 1 1 15%;
}
}
.wt-footer__additional {
margin-top: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-basis: 100%;
}
.wt-footer__additional__form {
width: 100%;
}
.wt-footer__additional .wt-footer__title {
text-align: center;
}
@media (min-width: 900px) {
.wt-footer__additional .wt-footer__title {
text-align: left;
}
}
.wt-footer__social {
width: 100%;
}
.wt-footer__social .social-links {
margin-bottom: calc(var(--gap, 8px) * 3);
}
@media (min-width: 900px) {
.wt-footer__social .social-links {
justify-content: flex-start;
}
}
.wt-footer__links {
padding: 0;
}
.wt-footer__links--no-heading {
padding-top: calc(var(--gap, 8px) * 1);
}
.wt-footer__msg {
padding: 0;
flex-basis: 100%;
}
.wt-footer__msg--no-heading {
padding-top: calc(var(--gap, 8px) * 1);
}
.wt-footer__text {
padding-block: calc(var(--gap, 8px) * 1);
}
.wt-footer__text p:first-child {
margin-top: 0;
}
.wt-footer__text p:last-child {
margin-bottom: 0;
}
.wt-footer__image {
margin-top: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * 2);
height: auto;
max-width: var(--size-image);
width: 100%;
height: 100%;
display: block;
}
.wt-footer__list__item {
margin-block: calc(var(--gap, 8px) * 1);
}
@media (max-width: 1199px) {
.wt-footer__list__item {
margin: 0;
}
.wt-footer__list__item:last-child {
margin-bottom: calc(var(--gap, 8px) * 2);
}
.wt-footer__list__item a {
display: inline-block;
padding: calc(var(--gap, 8px) * 1) 0;
}
}
.wt-footer__list__item__text--underline {
text-decoration: none;
background-image: linear-gradient(var(--clr-underline, var(--color-footer-text)), var(--clr-underline, var(--color-footer-text)));
background-repeat: no-repeat;
background-position: bottom left;
background-size: 0% 1px;
transition: background-size 0.3s ease-in-out;
}
@media (hover: hover) {
.wt-footer__list__item__text--underline:hover {
background-size: 100% 1px;
color: inherit;
}
}
.wt-footer__title {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
line-height: 1.2;
font-size: calc(var(--font-base-size) * 1.1);
padding-top: calc(var(--gap, 8px) * 2.5);
padding-bottom: calc(var(--gap, 8px) * 2.5);
}
@media (min-width: 900px) {
.wt-footer__title {
padding-top: calc(var(--gap, 8px) * 2.5);
padding-bottom: calc(var(--gap, 8px) * 2.5);
}
}
@media (min-width: 1200px) {
.wt-footer__title {
font-size: calc(var(--font-base-size) * 1.25);
}
}
@media (min-width: 900px) {
.wt-footer__title__icon {
opacity: 0;
}
}
.wt-footer__aside {
margin-top: calc(var(--gap, 8px) * 4);
margin-bottom: calc(var(--gap, 8px) * 4);
display: flex;
flex-direction: column;
gap: calc(var(--gap, 8px) * 4);
}
.wt-footer__aside__wrapper {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: calc(var(--gap, 8px) * 4);
width: 100%;
}
@media (min-width: 1200px) {
.wt-footer__aside__wrapper {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-footer__aside__wrapper {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 900px) {
.wt-footer__aside__wrapper > *:last-child {
margin-left: auto;
}
}
.wt-footer__aside__wrapper > *:only-child {
justify-content: center;
margin: auto;
}
.wt-footer__aside__copy {
margin: 0;
text-align: center;
font-size: 1.2rem;
opacity: 0.65;
}
.wt-footer__aside-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: calc(var(--gap, 8px) * 1);
justify-content: center;
}
@media (min-width: 900px) {
.wt-footer__aside-list {
justify-content: flex-start;
}
}
.wt-footer__aside-list__item {
height: 3rem;
width: 4.6rem;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 900px) {
.wt-footer__aside-list__item {
height: 4rem;
width: 5.6rem;
}
}
.wt-footer__aside-list__item .icon {
width: 100%;
height: 100%;
}
.wt-footer__aside-block {
display: flex;
align-items: center;
gap: 16px;
}
.wt-footer__aside-block--social span {
font-weight: 700;
font-size: 20px;
}
.wt-footer__aside-block__wrapper {
display: flex;
gap: calc(var(--gap, 8px) * 4);
z-index: 1;
}
@media (max-width: 599px) {
.wt-footer__aside-block__wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
}
@media (max-width: 399px) {
.wt-footer__aside-block__wrapper {
justify-content: center;
gap: calc(var(--gap, 8px) * 4);
}
}
.wt-footer__aside-block--payment {
justify-content: flex-end;
}
.wt-footer__aside-block--payment .wt-footer__aside-block__title {
display: none;
}
@media (min-width: 900px) {
.wt-footer__aside-block--payment .wt-footer__aside-block__title {
display: block;
}
}
@media (min-width: 900px) {
.wt-footer__aside-block--shipping {
justify-content: flex-end;
}
}
.wt-footer__aside-block--localization select {
padding-left: calc(var(--gap, 8px) * 1);
padding-right: calc(var(--gap, 8px) * 1);
width: 100%;
flex-shrink: 1;
appearance: none;
padding-right: calc(var(--gap, 8px) * 5);
padding-left: calc(var(--gap, 8px) * 2);
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-position: right calc(var(--gap, 8px) * 1.75) center;
background-size: calc(var(--gap, 8px) * 2);
background-repeat: no-repeat;
max-width: 180px;
width: 100%;
background-color: white;
border: 1px solid var(--color-input-border);
border-radius: var(--border-radius-button);
}
.wt-footer__aside-block__title {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
margin-right: calc(var(--gap, 8px) * 2);
}
@media (min-width: 900px) {
.wt-footer__aside-block__title {
margin-bottom: 0;
padding-bottom: 0;
}
}
.disclosure {
position: relative;
}
.disclosure svg {
width: 12px;
color: #404040;
stroke-width: 0.3px;
}
.disclosure button, .disclosure .wt-featured-nav .secondary-navigation__link, .wt-featured-nav .disclosure .secondary-navigation__link {
padding: 11.25px 16px;
height: 41.75px;
border: none;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: initial;
letter-spacing: normal;
color: black;
min-width: 200px;
}
@media (min-width: 1200px) {
.disclosure button, .disclosure .wt-featured-nav .secondary-navigation__link, .wt-featured-nav .disclosure .secondary-navigation__link {
height: 49.69px;
padding: 13.5px 16px;
}
}
.disclosure button:hover, .disclosure .wt-featured-nav .secondary-navigation__link:hover, .wt-featured-nav .disclosure .secondary-navigation__link:hover, .disclosure button:focus-visible, .disclosure .wt-featured-nav .secondary-navigation__link:focus-visible, .wt-featured-nav .disclosure .secondary-navigation__link:focus-visible {
background-color: #ffffff;
color: black;
}
.disclosure button .icon-caret, .disclosure .wt-featured-nav .secondary-navigation__link .icon-caret, .wt-featured-nav .disclosure .secondary-navigation__link .icon-caret {
position: static;
}
.disclosure__list-wrapper {
position: absolute;
bottom: 115%;
width: 100%;
max-height: 350px;
overflow-y: scroll;
background: white;
border-radius: var(--border-radius);
}
@media (max-width: 599px) {
.disclosure__list-wrapper {
right: 0;
}
}
.disclosure__list-wrapper--country {
left: 0;
right: auto;
}
.disclosure__list-wrapper li {
display: flex;
justify-content: start;
}
.disclosure__list-wrapper li a {
padding: 0.75em 1em;
width: 100%;
}
@media (min-width: 1200px) {
.disclosure__list-wrapper li a:hover, .disclosure__list-wrapper li a:focus-visible {
background-color: #1453ff;
color: white;
}
}
.disclosure__list-wrapper a {
color: black;
}
.list-social.list-unstyled {
display: flex;
gap: 16px;
}
.list-social.list-unstyled li a {
display: flex;
justify-content: center;
align-items: center;
}
.list-social.list-unstyled li svg {
width: 20px;
height: 20px;
}
.template-password {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.template-password #shopify-section-main-password-header,
.template-password #shopify-section-main-password-footer {
flex-shrink: 0;
}
.template-password > section > * {
padding-top: min(var(--section-margin-block-mobile), var(--section-gap-top, calc(var(--gap, 8px) * var(--section-gap, 2))));
padding-bottom: min(var(--section-margin-block-mobile), var(--section-gap-bottom, calc(var(--gap, 8px) * var(--section-gap, 2))));
}
@media (min-width: 1200px) {
.template-password > section > * {
padding-top: var(--section-gap-top, calc(var(--gap, 8px) * var(--section-gap, 2)));
padding-bottom: var(--section-gap-bottom, calc(var(--gap, 8px) * var(--section-gap, 2)));
}
}
.scroll-trigger--offscreen {
opacity: 0;
transform: translateY(50px);
}
.scroll-trigger {
opacity: 1;
transform: translateY(0);
transition: opacity 0.3s, transform 0.3s;
}
/* Add any zoom-in related styles here */
@media (prefers-reduced-motion: no-preference) {
.animate--ambient > img,
.animate--ambient > svg {
animation: animateAmbient 30s linear infinite;
}
@keyframes animateAmbient {
0% {
transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
}
100% {
transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
}
}
.scroll-trigger.animate--fade-in,
.scroll-trigger.animate--slide-in {
opacity: 0.01;
}
.scroll-trigger.animate--slide-in {
transform: translateY(2rem);
}
.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
opacity: 1;
animation: var(--animation-fade-in);
}
.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
animation: var(--animation-slide-in);
animation-delay: calc(var(--animation-order) * 75ms);
}
.scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
.scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
.scroll-trigger.scroll-trigger--design-mode .slider,
.scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
opacity: 1;
animation: none;
transition: none;
}
.scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
transform: translateY(0);
}
@keyframes slideIn {
from {
transform: translateY(2rem);
opacity: 0.01;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0.01;
}
to {
opacity: 1;
}
}
}
@media (max-width: 899px) {
.disabled-on-mobile.scroll-trigger, .disabled-on-mobile.scroll-trigger--offscreen, .disabled-on-mobile.scroll-trigger.animate--fade-in, .disabled-on-mobile.scroll-trigger.animate--slide-in {
opacity: 1;
transform: none;
animation: none;
transition: none;
}
.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in.disabled-on-mobile {
animation: none;
}
}
/**
* /snippets/component-button.liquid
*/
button, .wt-featured-nav .secondary-navigation__link {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
padding-left: calc(var(--gap, 8px) * 3);
padding-right: calc(var(--gap, 8px) * 3);
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: calc(var(--gap, 8px) * 2);
font-size: var(--font-button-size);
font-family: var(--font-button);
font-style: var(--font-button-style);
font-weight: var(--font-button-weight);
text-transform: var(--font-button-transform, none);
letter-spacing: var(--font-button-letter-spacing, normal);
text-align: center;
text-decoration: none;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: var(--border-radius-button);
-webkit-appearance: none;
cursor: pointer;
transition: background 0.3s ease-in, color 0.3s ease-in;
}
@media (hover: hover) {
button:hover, .wt-featured-nav .secondary-navigation__link:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
}
button[disabled], .wt-featured-nav [disabled].secondary-navigation__link {
opacity: 0.4;
cursor: not-allowed;
}
.button {
background: var(--color-button-primary-background);
color: var(--color-button-primary-text);
border-color: transparent;
}
.button--full-width {
width: 100%;
}
@media (hover: hover) {
.button:hover {
background: var(--color-button-primary-background-hover);
border-color: transparent;
color: var(--color-button-primary-text-hover);
}
}
.button.loading {
color: transparent;
}
.button--full-width {
display: flex;
width: 100%;
}
.button.loading {
color: transparent;
position: relative;
}
.button.loading > .loading-overlay__spinner {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
height: 100%;
display: flex;
align-items: center;
}
.button.loading > .loading-overlay__spinner .spinner {
width: fit-content;
}
.button.loading > .loading-overlay__spinner .path {
stroke: var(--color-button-primary-text);
}
.lds-ring,
.lds-ring div {
box-sizing: border-box;
}
.lds-ring {
--button-line-height: 1.15;
--loader-size: calc(var(--button-line-height) * var(--font-button-size));
display: inline-block;
position: relative;
width: var(--loader-size);
height: var(--loader-size);
}
.lds-ring div {
--loader-spinner-size: var(--loader-size);
--loader-border-width: calc(var(--loader-spinner-size) * 0.15);
box-sizing: border-box;
display: block;
position: absolute;
width: var(--loader-spinner-size);
height: var(--loader-spinner-size);
border: var(--loader-border-width) solid currentColor;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: currentColor transparent transparent transparent;
transform: scale(0.25);
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.counter {
display: flex;
height: 100%;
align-items: center;
}
.counter-wrapper {
border: 1px solid var(--color-input-border);
position: relative;
border-radius: var(--border-radius-button);
background-color: var(--color-input-background);
}
.counter button, .counter .wt-featured-nav .secondary-navigation__link, .wt-featured-nav .counter .secondary-navigation__link {
padding-left: calc(var(--gap, 8px) * 1);
padding-right: calc(var(--gap, 8px) * 1);
width: 3.6rem;
height: 3.6rem;
border-color: transparent;
background: transparent;
font-size: 2rem;
color: var(--color-input-placeholder);
}
@media (hover: hover) {
.counter button:hover, .counter .wt-featured-nav .secondary-navigation__link:hover, .wt-featured-nav .counter .secondary-navigation__link:hover {
color: var(--color-input-text);
}
}
.counter input {
max-width: 4rem;
text-align: center;
padding: calc(var(--gap, 8px) * 1.25) calc(var(--gap, 8px) * 0.5) calc(var(--gap, 8px) * 1);
color: var(--color-input-text);
}
.wt-rating {
display: flex;
align-items: center;
color: var(--color-star-rating);
}
.wt-rating__star::before {
content: "\e9d7";
}
.wt-rating__star-fill::before {
content: "\e9d9";
}
.wt-rating__stars {
font-family: "icomoon";
font-size: 18px;
display: inline-flex;
position: relative;
letter-spacing: 2px;
color: var(--color-star-rating);
}
.wt-rating__base, .wt-rating__value {
display: flex;
}
.wt-rating__base .svg-icon, .wt-rating__value .svg-icon {
height: 100%;
width: auto;
flex-shrink: 0;
}
.wt-rating__value {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.wt-rating__counter {
font-size: 1rem;
color: var(--color-body-text-light);
}
@media (min-width: 1200px) {
.wt-rating__counter {
font-size: 1.2rem;
}
}
@media screen and (min-width: 750px) {
.price {
margin-bottom: 0;
}
}
.price > * {
display: inline-block;
vertical-align: top;
}
.price dl {
margin-block: 0;
}
.price dd {
margin-inline-start: 0;
}
.price--unavailable {
visibility: hidden;
}
.price--end {
text-align: right;
}
.price-item {
margin: 0 1rem 0 0;
}
@media (max-width: 1199px) {
.price-item {
margin: 0 0.5rem 0 0;
}
}
.price__regular .price-item--regular {
margin-right: 0;
color: var(--color-price);
}
.price:not(.price--show-badge) .price-item--last:last-of-type {
margin: 0;
}
.price--large {
font-size: 1.6rem;
line-height: calc(1 + 0.5 / var(--font-body-scale));
letter-spacing: 0.13rem;
}
@media screen and (min-width: 750px) {
.price--large {
font-size: 1.8rem;
}
}
.price--on-sale {
white-space: nowrap;
}
.price--sold-out .price__availability,
.price__regular {
display: block;
}
.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
display: none;
}
.price__badge {
display: inline-flex;
vertical-align: middle;
background: var(--color-sale-price);
color: var(--color-background);
border-color: var(--color-sale-price);
padding-left: calc(var(--gap, 8px) * 1);
padding-right: calc(var(--gap, 8px) * 1);
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
text-align: center;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: var(--border-radius-button);
-webkit-appearance: none;
cursor: pointer;
transition: background 0.3s ease-in, color 0.3s ease-in;
}
.price__badge[disabled] {
opacity: 0.4;
cursor: not-allowed;
}
.price--center {
display: initial;
justify-content: center;
}
.price--on-sale .price-item--regular {
text-decoration: line-through;
color: var(--color-sale-price);
}
.unit-price {
display: block;
font-size: 1.1rem;
margin-top: 0.2rem;
text-transform: uppercase;
}
.price__sale.visible {
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 1200px) {
.price__sale.visible {
flex-direction: row-reverse;
flex-wrap: wrap-reverse;
justify-content: flex-end;
}
}
@media (min-width: 1200px) {
.price__sale.visible span {
display: flex;
justify-content: center;
align-items: center;
}
}
.price__sale.visible-main-product {
display: flex;
gap: 2px;
}
.price__sale .price__sale__details-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.price__sale .price__details {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.price__sale .price__details {
gap: 4px;
}
}
.price__sale .price__details .price-item--sale {
color: var(--color-price);
}
.price__sale .price-item--lower {
color: var(--color-price);
}
@media (max-width: 1199px) {
.price__sale .price-item--lower {
font-size: 13px;
}
}
.price__sale .price-item--percent {
display: flex;
align-items: center;
padding: 4px 6px;
background-color: var(--color-sale-badge-background);
color: var(--color-sale-badge-text);
border-radius: var(--border-radius-button);
font-weight: var(--font-price-weight);
font-size: calc(var(--font-base-size) - 2px);
}
@media (min-width: 1200px) {
.price__sale .price-item--percent {
display: flex;
align-items: center;
font-size: calc(var(--font-base-size) - 4px);
}
}
.price__sale .price-item--percent.desktop {
display: flex;
align-items: center;
padding: 0 4px;
background-color: var(--color-sale-badge-background);
color: var(--color-sale-badge-text);
border-radius: var(--border-radius-button);
font-size: calc(var(--font-base-size) - 2px);
}
.product__tax.caption.rte {
font-size: 1rem;
font-family: var(--font-price);
margin-bottom: calc(var(--gap, 8px) * 1.5);
}
.price-item.price-item--sale.price-item--last.wt-product__price__final {
color: var(--color-sale-badge-background);
}
.card {
line-height: normal;
width: 100%;
}
.card .wt-rating {
font-size: 1rem;
color: var(--color-star-rating);
padding: 2px 0;
}
.card .wt-rating--center {
justify-content: center;
}
.card--center {
text-align: center;
}
.card--center .card__title {
padding-left: calc(var(--gap, 8px) * 1);
padding-right: calc(var(--gap, 8px) * 1);
}
.card__container {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
}
.card__container .product-form__error-message-wrapper span {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
border-radius: var(--border-radius-button);
border: 1px solid;
font-size: calc(var(--font-base-size) - 2px);
display: flex;
justify-items: center;
justify-content: center;
align-items: center;
padding: 4px 12px;
margin-top: 8px;
margin-bottom: 8px;
}
.card__container button.loading span, .card__container .wt-featured-nav .loading.secondary-navigation__link span, .wt-featured-nav .card__container .loading.secondary-navigation__link span {
display: none;
}
.card__container button.loading .loading-overlay__spinner, .card__container .wt-featured-nav .loading.secondary-navigation__link .loading-overlay__spinner, .wt-featured-nav .card__container .loading.secondary-navigation__link .loading-overlay__spinner {
display: flex;
}
@media (min-width: 900px) {
.card__container button.loading .loading-overlay__spinner circle, .card__container .wt-featured-nav .loading.secondary-navigation__link .loading-overlay__spinner circle, .wt-featured-nav .card__container .loading.secondary-navigation__link .loading-overlay__spinner circle {
stroke: currentColor;
}
}
.card__picture {
position: relative;
display: block;
height: 100%;
}
.card__img, .card__video {
width: 100%;
height: auto;
display: block;
border-radius: var(--border-radius);
aspect-ratio: var(--aspect-ratio);
object-fit: cover;
}
@media (hover: hover) {
.card:has(.card__img--hover):hover .card__img, .card:has(.card__img--hover):hover .card__video {
transition: opacity 0.2s ease-out 0.2s;
opacity: 0;
}
}
.card__img--hover, .card__video--hover {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
top: 0;
left: 0;
object-fit: cover;
transition: opacity 0.3s ease-out;
}
@media (hover: hover) {
.card:has(.card__img--hover):hover .card__img--hover, .card:has(.card__img--hover):hover .card__video--hover {
opacity: 1;
transition: opacity 0.3s ease-out;
}
}
.card__img--placeholder, .card__video--placeholder {
background-color: #efefef;
fill: #b7b7b7;
width: 100%;
height: 100%;
aspect-ratio: var(--aspect-ratio, auto);
}
.card__img--empty, .card__video--empty {
height: 100%;
min-height: 160px;
background-color: var(--color-border);
}
.card__title {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
margin-top: calc(var(--gap, 8px) * 2);
margin-bottom: 0;
color: var(--color-custom-text);
overflow-wrap: break-word; /* Ensures that the words can be broken at arbitrary points if necessary */
hyphens: auto; /* Enables automatic hyphenation */
}
.card__labels {
margin: 10px 0;
}
.card__labels li {
margin-right: 6px;
padding: 4px 12px;
display: inline-block;
border-radius: var(--border-radius-button);
font-size: 1rem;
}
@media (min-width: 1200px) {
.card__labels li {
font-size: 1.2rem;
}
}
.card__labels--icon_with_text {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
gap: 10px;
}
.card__labels--icon_with_text li {
display: flex;
}
.card__labels--icon_with_text div {
display: flex;
align-items: center;
flex-direction: column;
padding-right: 24px;
padding-left: 0px;
}
.card__labels--icon_with_text img {
height: 40px;
width: 40px;
margin-bottom: 5px;
}
.collection-list__item .card__button {
padding-left: 0;
padding-right: 0;
}
.card__subtitle {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
letter-spacing: 1px;
font-size: calc(var(--font-base-size) * 0.75);
text-transform: uppercase;
margin-top: calc(var(--gap, 8px) * 1);
margin-bottom: 0;
color: var(--color-brand);
line-height: normal;
hyphens: auto; /* Enables automatic hyphenation */
overflow-wrap: anywhere;
}
.card__subtitle + .card__title {
margin-top: 0;
}
.card__price {
font-size: var(--font-price-size);
font-family: var(--font-price);
font-style: var(--font-price-style);
font-weight: var(--font-price-weight);
text-transform: var(--font-price-transform, none);
letter-spacing: var(--font-price-letter-spacing, normal);
margin-top: calc(var(--gap, 8px) * 0.5);
margin-bottom: calc(var(--gap, 8px) * 0.5);
color: var(--color-custom-text);
}
.card__price__old {
display: inline-flex;
margin-right: calc(var(--gap, 8px) * 1);
text-decoration: line-through;
opacity: 0.5;
}
.card__option {
border: 1px solid #ccc;
position: relative;
width: calc((100% - var(--gap)* 5) / 6);
box-sizing: border-box;
flex-shrink: 0;
}
.card__options {
display: flex;
margin-top: calc(var(--gap, 8px) * 1);
margin-bottom: calc(var(--gap, 8px) * 1);
overflow: hidden;
padding-left: 0.1%;
}
@media (min-width: 1200px) {
.card__option {
width: calc((100% - var(--gap)* 6) / 7);
}
}
.card__option--active {
border-color: #333;
}
.card__option--more {
border-color: transparent;
}
.card__option--more .card__option__content {
background: none;
}
.card__option:not(:last-child) {
margin-right: calc(var(--gap, 8px) * 1);
}
.card__option::after {
content: "";
display: block;
padding-bottom: 100%;
}
.card__option__content {
position: absolute;
width: 100%;
height: 100%;
border: 2px solid white;
background: #ccc;
display: flex;
align-items: center;
}
.card__picture-container {
position: relative;
width: 100%;
box-sizing: border-box;
}
@media (min-width: 900px) {
.card__picture-container:hover .card__quick-add-container--desktop {
display: block;
}
}
.card__quick-add-container {
width: 100%;
margin-top: 12px;
margin-left: 1px;
margin-right: 1px;
padding-right: 2px;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
align-items: flex-end;
flex-grow: 1;
}
@media (min-width: 900px) {
.card__quick-add-container {
display: none;
}
}
.card__quick-add-container button, .card__quick-add-container .wt-featured-nav .secondary-navigation__link, .wt-featured-nav .card__quick-add-container .secondary-navigation__link {
height: 32px;
font-size: calc(var(--font-button-size) - 2px);
}
@media (max-width: 599px) {
.card__quick-add-container button, .card__quick-add-container .wt-featured-nav .secondary-navigation__link, .wt-featured-nav .card__quick-add-container .secondary-navigation__link {
padding: 1px 8px;
}
}
.card__quick-add-container quick-add {
width: 100%;
}
.card__quick-add-container product-form {
margin: 0;
}
.card__quick-add-container--desktop {
display: none;
width: 100%;
position: absolute;
bottom: 12px;
padding: 0 16px;
}
.card__quick-add-container--desktop .wt-product__add-to-cart {
margin: 0;
}
.card__container:has(a:focus-visible), .card__container:has(button:focus-visible, .wt-featured-nav .secondary-navigation__link:focus-visible) {
--outline-color: var(--color-links-active);
outline: 2px solid var(--outline-color);
outline-offset: calc(var(--gap, 8px) * 0.5);
box-shadow: 0 0 0 3px rgba(var(--color-links-active), 0.5);
}
body.no-focus-visible .card__container:has(a:focus-visible), body.no-focus-visible .card__container:has(button:focus-visible, .wt-featured-nav .secondary-navigation__link:focus-visible) {
outline-color: transparent;
}
@media (min-width: 900px) {
.card__container:focus-within .card__quick-add-container--desktop {
display: block;
}
}
.card__container a:focus-visible {
outline: none;
box-shadow: none;
}
.card__loader {
position: absolute;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
.card__color-swatcher--container {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-top: 4px;
min-height: 16px;
}
.card__color-swatcher--container:not(.card__color-swatcher--container:has(div)) {
display: none;
}
.card__color-swatcher--container.center {
justify-content: center;
}
.card__color-swatcher--container.variant-image {
margin-top: 12px;
}
.card__color-swatcher--container .color-swatcher--counter {
cursor: pointer;
font-size: 12px;
}
.color-swatcher--wrapper {
height: 22px;
width: 22px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--color-border);
padding: 0;
cursor: pointer;
position: relative;
box-sizing: border-box;
}
@media (min-width: 900px) {
.color-swatcher--wrapper {
width: 20px;
height: 20px;
}
}
.color-swatcher--wrapper.active {
border: 1px solid var(--color-body-text);
}
.color-swatcher--wrapper.variant-image {
width: 28px;
height: 28px;
}
.color-swatcher--wrapper.variant-image .unavailable-line {
width: 38.07px;
}
.color-swatcher--wrapper.variant-image.rounded .unavailable-line {
width: 28px;
bottom: 50%;
left: 50%;
top: 50%;
transform-origin: center;
transform: translate(-50%, -50%) rotate(-45deg);
}
.color-swatcher--wrapper.rounded {
border-radius: 30px;
}
.color-swatcher--wrapper.rounded .unavailable-line {
position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid var(--color-links-active);
width: 28.905px;
transform: rotate(-45deg);
transform-origin: left bottom;
opacity: 0.4;
}
@media (min-width: 900px) {
.color-swatcher--wrapper.rounded .unavailable-line {
width: 26.085px;
}
}
.color-swatcher--wrapper .unavailable-line {
position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid var(--color-links-active);
width: 28.905px;
transform: rotate(-45deg);
transform-origin: left bottom;
opacity: 0.4;
}
@media (min-width: 900px) {
.color-swatcher--wrapper .unavailable-line {
width: 26.085px;
}
}
.color-swatcher--wrapper.unavailable {
border: 1px dashed var(--color-border);
}
.color-swatcher--wrapper .color-swatcher--tooltip {
display: none;
}
@media (min-width: 1200px) {
.color-swatcher--wrapper .color-swatcher--tooltip {
position: absolute;
display: block;
top: -35px;
left: 50%;
transform: translateX(-50%);
padding: 0.2rem 1.3rem;
background-color: var(--color-background);
border: 1px solid var(--color-border);
border-radius: 5px;
color: var(--color-custom-text);
font-family: var(--font-base);
font-size: 12px;
white-space: nowrap;
}
.color-swatcher--wrapper .color-swatcher--tooltip-left {
left: 0;
transform: none;
}
.color-swatcher--wrapper .color-swatcher--tooltip-right {
left: initial;
right: 0;
transform: none;
}
}
.color-swatcher {
height: 14px;
width: 14px;
}
.color-swatcher.unavailable {
opacity: 0.4;
}
.color-swatcher.rounded {
border-radius: 30px;
}
.color-swatcher.variant-image {
width: 24px;
height: 24px;
padding: 0;
outline-offset: 0;
background-size: cover;
background-position: center;
border: none;
}
.color-swatcher.variant-image.unavailable {
opacity: 0.5;
}
.color-swatcher.variant-image .unavailable {
position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid black;
width: 33.84px;
transform: rotate(-45deg);
transform-origin: left bottom;
}
@media (min-width: 1200px) {
.color-swatcher.variant-image {
position: relative;
}
}
.color-swatcher.variant-image.rounded .unavailable {
width: 24px;
bottom: 50%;
left: 50%;
top: 50%;
transform-origin: center;
transform: translate(-50%, -50%) rotate(-45deg);
}
.card__badges {
position: absolute;
top: calc(var(--gap, 8px) * 1);
left: calc(var(--gap, 8px) * 1);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
opacity: 1;
transition: opacity 0.1s ease-out;
}
@media (min-width: 900px) {
.card__badges {
top: 12px;
left: 12px;
}
}
@media (min-width: 1200px) {
.card__badges--product {
top: calc(var(--gap, 8px) * 2);
left: calc(var(--gap, 8px) * 2);
}
}
.card__badges--product .card__badges--item {
padding: 4px 16px;
}
.card__badges.hide {
opacity: 0;
}
.card__badges--item {
padding: 4px 10px;
display: flex;
justify-content: center;
align-items: center;
font-family: var(--font-base);
font-size: calc(var(--font-base-size) - 2px);
border-radius: var(--border-radius-button);
background-color: var(--color-sold-out-background);
color: var(--color-sold-out-text);
}
@media (max-width: 599px) {
.card__badges--item {
font-size: calc(var(--font-base-size) - 4px);
}
}
[data-gallery] .card__badges {
z-index: 10;
}
.form-checkbox {
display: inline-flex;
align-items: center;
width: 100%;
position: relative;
cursor: pointer;
}
.form-checkbox .svg-icon {
width: 100%;
max-width: 22px;
height: 100%;
max-height: 22px;
border: 1px solid var(--color-input-border);
border-radius: var(--border-radius-button);
margin-right: calc(var(--gap, 8px) * 1);
transition: border-color 0.5s;
background-color: var(--color-input-background);
}
@media (max-width: 1199px) {
.form-checkbox .svg-icon {
max-width: 32px;
max-height: 32px;
margin-right: calc(var(--gap, 8px) * 1.5);
}
}
.form-checkbox .svg-icon.svg-icon--check.filter__color-swatch {
border: none;
border-radius: var(--border-radius-button);
}
@media (hover: hover) {
.form-checkbox:hover .svg-icon {
border-color: var(--color-input-text);
}
}
.form-checkbox__input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}
.form-checkbox__input ~ .input-decorator {
display: block;
position: absolute;
inset: 0;
top: 3px;
bottom: 3px;
z-index: -1;
}
.form-checkbox__input:focus-visible ~ .input-decorator {
--outline-color: var(--color-links-active);
outline: 2px solid var(--outline-color);
outline-offset: calc(var(--gap, 8px) * 0.5);
box-shadow: 0 0 0 3px rgba(var(--color-links-active), 0.5);
}
body.no-focus-visible .form-checkbox__input:focus-visible ~ .input-decorator {
outline-color: transparent;
}
.form-checkbox__input + .svg-icon .icon-path-check {
transform: scale(0.01);
opacity: 0;
fill: var(--color-input-text);
}
.form-checkbox__input:checked + .svg-icon {
border: 1px var(--color-body-text) solid;
}
.form-checkbox__input:checked + .svg-icon .icon-path-check {
transform: scale(0.8);
opacity: 1;
}
.form-checkbox__input:checked + .svg-icon.svg-icon--check.filter__color-swatch {
border: none;
}
.wt-newsletter__form {
padding-top: 0;
padding-bottom: 0;
}
.wt-newsletter__text {
font-size: var(--font-base-size);
margin-top: 0;
margin-bottom: calc(var(--gap, 8px) * 1);
text-align: left;
}
.wt-newsletter__title {
justify-content: flex-start;
}
.wt-newsletter__field {
font-size: max( 1.6rem , var(--font-base-size) );
height: var(--input-height);
border: 1px solid var(--color-input-border);
border-radius: var(--border-radius);
background: var(--color-input-bg);
padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 1.5);
line-height: var(--font-base-line-height, normal);
width: 100%;
margin-bottom: calc(var(--gap, 8px) * 2);
text-align: left;
}
@media (min-width: 1200px) {
.wt-newsletter__field {
font-size: var(--font-base-size);
}
}
@media (min-width: 600px) {
.wt-newsletter__field {
border-radius: var(--border-radius-button) 0 0 var(--border-radius-button);
border-right: 0;
}
}
.wt-newsletter__fieldset {
display: flex;
flex-direction: column;
max-width: 60rem;
}
@media (min-width: 600px) {
.wt-newsletter__fieldset {
flex-direction: row;
}
}
.wt-newsletter__send {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
padding-left: calc(var(--gap, 8px) * 3);
padding-right: calc(var(--gap, 8px) * 3);
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: calc(var(--gap, 8px) * 2);
font-size: var(--font-button-size);
font-family: var(--font-button);
font-style: var(--font-button-style);
font-weight: var(--font-button-weight);
text-transform: var(--font-button-transform, none);
letter-spacing: var(--font-button-letter-spacing, normal);
text-align: center;
text-decoration: none;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: var(--border-radius-button);
-webkit-appearance: none;
cursor: pointer;
transition: background 0.3s ease-in, color 0.3s ease-in;
height: var(--input-height);
margin-bottom: calc(var(--gap, 8px) * 2);
border-color: var(--color-input-border);
width: fit-content;
margin-inline: auto;
padding-inline: calc(var(--gap, 8px) * 2);
white-space: nowrap;
}
@media (hover: hover) {
.wt-newsletter__send:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
}
.wt-newsletter__send[disabled] {
opacity: 0.4;
cursor: not-allowed;
}
.wt-newsletter__send--primary {
background: var(--color-button-primary-background);
color: var(--color-button-primary-text);
border-color: transparent;
}
@media (hover: hover) {
.wt-newsletter__send--primary:hover {
background: var(--color-button-primary-background-hover);
border-color: transparent;
color: var(--color-button-primary-text-hover);
}
}
.wt-newsletter__send--primary.loading {
color: transparent;
}
.wt-newsletter__send--secondary {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
}
@media (hover: hover) {
.wt-newsletter__send--secondary:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
}
@media (min-width: 600px) {
.wt-newsletter__send {
width: auto;
border-radius: 0 var(--border-radius-button) var(--border-radius-button) 0;
}
}
@media (max-width: 399px) {
.wt-newsletter__send {
width: 100%;
}
}
.newsletter-form__message {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 16px;
font-size: 12px;
}
.wt-divider {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
margin-top: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * 2);
}
@media (min-width: 1200px) {
.wt-divider {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-divider {
max-width: var(--site-max-width-big);
}
}
.wt-divider__title {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: clamp(2.1rem, 1.3vw + 1.2rem, 2.4rem);
}
.wt-divider hr {
height: 1px;
border: 0;
background-color: var(--color-hr);
padding: 0;
}
.headline {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (min-width: 1200px) {
.headline {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.headline {
max-width: var(--site-max-width-big);
}
}
.headline__title {
font-family: var(--font-headline);
font-style: var(--font-headline-style);
font-weight: var(--font-headline-weight);
text-transform: var(--font-headline-transform, none);
font-size: var(--font-headline-size);
letter-spacing: var(--font-headline-letter-spacing, normal);
line-height: var(--font-headline-line-height, normal);
color: var(--color-custom-text, var(--color-headings-text, var(--color-text)));
font-size: calc(var(--font-headline-size) * var(--font-headline-scale, 1));
margin: 0 0 calc(var(--gap, 8px) * 1);
overflow: visible;
margin-bottom: 0;
padding-top: calc(var(--gap, 8px) * 1);
padding-bottom: calc(var(--gap, 8px) * 1.5);
}
@media (min-width: 1200px) {
.headline__title {
font-size: min( calc(var(--font-headline-size) * var(--font-headline-scale-desk, 1)), calc(var(--font-headline-size) + 2.5vw) );
}
}
.newsletter__wrapper .headline__title, .wt-contact__form--wrapper .headline__title {
padding-bottom: calc(var(--gap, 8px) * 1);
}
@media (min-width: 600px) {
.headline__title {
padding-top: calc(var(--gap, 8px) * 1);
padding-bottom: calc(var(--gap, 8px) * 3);
}
.newsletter__wrapper .headline__title, .wt-contact__form .headline__title {
padding-bottom: calc(var(--gap, 8px) * 1);
}
}
.wt-collapse {
display: block;
}
.wt-collapse__section svg {
color: var(--color-custom-text);
}
.wt-collapse__section__inner {
background-color: var(--color-background);
color: var(--color-custom-text);
}
.wt-collapse__wrapper {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.wt-collapse__wrapper {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-collapse__wrapper {
max-width: var(--site-max-width-big);
}
}
.wt-collapse__wrapper--compact {
max-width: 944px;
}
.wt-collapse__wrapper .wt-collapse:not(:last-child) {
border-bottom: 1px solid var(--custom-section-color-border, var(--color-border));
}
.wt-collapse__wrapper .wt-collapse__trigger--active + .wt-collapse__target {
margin-bottom: calc(var(--gap, 8px) * 2);
}
.wt-collapse__content {
transition: max-height 0.2s ease-out;
font-size: var(--font-base-size);
}
.wt-collapse__target {
overflow: hidden;
max-height: 0;
transition: max-height 0.2s ease-out, margin 0.2s ease-in;
font-size: var(--font-base-size);
margin-top: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * -2);
}
.wt-collapse__target--text {
margin-bottom: calc(var(--gap, 8px) * 3);
}
.wt-collapse__target--lower {
margin-bottom: calc(var(--gap, 8px) * 2);
}
.wt-collapse__trigger {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
padding-top: calc(var(--gap, 8px) * 2.5);
padding-bottom: calc(var(--gap, 8px) * 2.5);
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.wt-collapse__trigger .wt-icon {
display: flex;
justify-content: center;
align-items: center;
}
.wt-collapse__trigger--active + .wt-collapse__target {
max-height: 200vh;
transition: max-height 0.4s ease-in, margin 0.4s ease-out;
margin-top: calc(var(--gap, 8px) * -2);
margin-bottom: 0;
max-height: 100%;
}
.wt-collapse__trigger--active + .wt-collapse__target.wt-footer__list {
margin-top: calc(var(--gap, 8px) * 1);
}
.wt-collapse__trigger--active .icon-plus-x {
transform: scaleY(0);
}
.wt-collapse__trigger__title {
font-size: calc(var(--font-base-size) * 1.1);
margin: calc(var(--gap, 8px) * 1) 0;
}
@media (min-width: 1200px) {
.wt-collapse__trigger__title {
font-size: calc(var(--font-base-size) * 1);
}
.wt-collapse-menu .wt-collapse__trigger__title {
font-size: calc(var(--font-base-size) * 1.25);
}
}
.wt-collapse__trigger__text {
display: flex;
align-items: center;
gap: 8px;
}
.wt-collapse__trigger__icon {
display: flex;
text-align: center;
}
@media (min-width: 900px) {
.wt-collapse:not(.wt-collapse--always) .wt-collapse__target {
max-height: 200vh;
transition: max-height 0.4s ease-in, margin 0.4s ease-out;
margin-top: 0;
margin-bottom: 0;
transition: none;
}
}
.wt-features_table tr td {
padding: 0;
border: 0;
vertical-align: middle;
}
.wt-features_table tr td:first-child {
padding-right: 10px;
}
.wt-features_table tr td:last-child {
padding-left: 10px;
}
.select-wrapper {
height: var(--input-height);
display: inline-flex;
align-items: center;
border: 1px solid var(--color-input-border);
border-radius: var(--border-radius-button);
font-size: 1.6rem;
}
.select-wrapper label {
opacity: 0.5;
white-space: nowrap;
display: inline-block;
padding-left: calc(var(--gap, 8px) * 1);
padding-right: calc(var(--gap, 8px) * 1);
}
@media (max-width: 399px) {
.select-wrapper label {
font-size: 1.1rem;
}
}
.select-wrapper select {
padding-left: calc(var(--gap, 8px) * 1);
padding-right: calc(var(--gap, 8px) * 1);
width: 100%;
flex-shrink: 1;
appearance: none;
padding-right: calc(var(--gap, 8px) * 5);
padding-left: calc(var(--gap, 8px) * 2);
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-position: right calc(var(--gap, 8px) * 1.75) center;
background-size: calc(var(--gap, 8px) * 2);
background-repeat: no-repeat;
padding-left: 0;
}
.wt-more {
display: inline-flex;
align-items: center;
font-size: inherit;
padding: calc(var(--gap, 8px) * 1);
}
.wt-more .svg-icon {
width: 1em;
height: 1em;
margin-left: calc(var(--gap, 8px) * 1);
}
.value-bar {
display: flex;
align-items: center;
}
.value-bar__digit {
margin-right: calc(var(--gap, 8px) * 1);
}
.value-bar__progress {
height: calc(var(--gap, 8px) * 0.5);
width: 100%;
background: #eee;
}
.value-bar__progress__current {
background: #333;
height: 100%;
}
.wt-select__drawer {
position: fixed;
background: var(--color-background);
width: 100%;
max-width: 50rem;
height: 100%;
z-index: 50;
transform: translateX(100%);
top: 0;
right: 0;
display: flex;
flex-direction: column;
transition: transform 0.3s cubic-bezier(0.12, 0.67, 0.53, 1), opacity 0.3s cubic-bezier(0.12, 0.67, 0.53, 1);
}
.wt-select__drawer__header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--color-border);
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4);
}
.wt-select__drawer__header h3 {
margin: 0;
}
.wt-select__drawer__close {
display: inline-block;
cursor: pointer;
}
.wt-select__drawer__body {
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4) 0;
flex-grow: 100;
overflow: auto;
}
.wt-select__drawer--open {
transform: translateX(0);
z-index: 200;
}
@media (max-width: 399px) {
.wt-select__drawer {
transform: translateY(100%);
bottom: 0;
top: unset;
height: auto;
max-height: 100%;
}
.wt-select__drawer--open {
transform: translateY(0) !important;
}
}
.wt-select__drawer__close {
border: 0;
border-radius: 0;
padding: 0;
height: auto;
}
@media (hover: hover) {
.wt-select__drawer__close:hover {
color: inherit;
background-color: inherit;
}
}
.wt-select__drawer__close .svg-icon {
display: block;
}
.wt-select__trigger {
margin-bottom: calc(var(--gap, 8px) * 2);
width: 100%;
}
.wt-select__trigger .svg-icon {
transform: scale(0.75);
transition-duration: 0.3s;
}
.page-overlay-on .wt-select__trigger .svg-icon {
transform: scale(0.75) rotate(180deg);
}
.wt-select__list {
padding-bottom: calc(var(--gap, 8px) * 2);
}
.wt-select__item {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.4rem;
border-radius: var(--border-radius-button);
padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 2);
}
.wt-select__item:not(.wt-select__item--disabled) {
cursor: pointer;
}
.wt-select__item--current {
background-color: var(--color-text-highlight);
display: flex;
justify-content: space-between;
align-items: center;
}
.wt-select__item--current::after {
content: "";
display: block;
border-style: solid;
border-width: 0 0 1px 1px;
width: 1rem;
height: 0.5rem;
transform: rotate(-45deg);
margin-top: calc(var(--gap, 8px) * -0.5);
margin-left: calc(var(--gap, 8px) * 3);
}
.wt-select__item--disabled .label {
color: var(--color-text-light);
}
.wt-select-opened .page-header {
z-index: -1;
}
.social-link {
display: inline-flex;
}
.social-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 16px;
}
.social-links .svg-icon {
display: inline-block;
}
.social-links__item {
display: flex;
}
@media (min-width: 600px) {
.form__fieldset {
display: flex;
gap: 16px;
width: 100%;
justify-content: space-between;
}
}
.form__container {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
width: 100%;
}
@media (min-width: 1200px) {
.form__container {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.form__container {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 600px) {
.form__container {
max-width: 60rem;
}
}
.form__message {
margin-bottom: 16px;
}
.form__full {
background-color: var(--color-background);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--color-text);
}
.form__text {
padding-bottom: calc(var(--gap, 8px) * 2);
text-align: center;
max-width: 90%;
}
.form__action {
margin-top: calc(var(--gap, 8px) * 3);
}
.form__send {
background: var(--color-button-primary-background);
color: var(--color-button-primary-text);
border-color: transparent;
width: 100%;
}
@media (hover: hover) {
.form__send:hover {
background: var(--color-button-primary-background-hover);
border-color: transparent;
color: var(--color-button-primary-text-hover);
}
}
.form__send.loading {
color: transparent;
}
@media (max-width: 399px) {
.form__send__button {
width: 100%;
}
}
.form__error-field {
color: #d02e2e;
background-color: #fff6f6;
border: 1px solid #d02e2e;
padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 1.5);
line-height: var(--font-base-line-height, normal);
border-radius: var(--border-radius-button);
width: 100%;
}
.form__success-field {
color: #009900;
background-color: #e5ffe5;
border: 1px solid #009900;
padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 1.5);
line-height: var(--font-base-line-height, normal);
border-radius: var(--border-radius-button);
width: 100%;
}
.form__field {
width: 100%;
position: relative;
margin-bottom: calc(var(--gap, 8px) * 2);
display: flex;
flex-direction: column;
}
@media (min-width: 600px) {
.form__field--name, .form__field--phone {
width: 50%;
}
}
.form__field .form__message {
color: red;
text-align: start;
font-size: calc(var(--font-base-size) - 2px);
padding-left: 16px;
padding-top: 4px;
}
.form__field__label {
position: absolute;
left: calc(var(--gap, 8px) * 2);
top: 0;
transform: translate(0, 0);
transform-origin: 0 0;
transition: all 120ms ease-in;
height: var(--input-height);
display: flex;
align-items: center;
background: transparent;
line-height: 1;
white-space: nowrap;
color: var(--color-input-placeholder);
}
.form__field__input, .form__field__textarea {
font-size: max( 1.6rem , var(--font-base-size) );
height: var(--input-height);
border: 1px solid var(--color-input-border);
border-radius: var(--border-radius);
background: var(--color-input-bg);
padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 1.5);
line-height: var(--font-base-line-height, normal);
border-radius: var(--border-radius-button);
width: 100%;
color: var(--color-input-text);
background-color: var(--color-input-background);
border-color: var(--color-input-border);
}
@media (min-width: 1200px) {
.form__field__input, .form__field__textarea {
font-size: var(--font-base-size);
}
}
.form__field__input--error, .form__field__textarea--error {
border-color: red;
}
.form__field__input--error:focus, .form__field__textarea--error:focus {
outline: 2px solid red;
}
.form__field__input:focus + .form__field__label, .form__field__input:not(:placeholder-shown) + .form__field__label, .form__field__textarea:focus + .form__field__label, .form__field__textarea:not(:placeholder-shown) + .form__field__label {
transform: translate(0.25rem, -40%) scale(0.8);
height: 1em;
padding: 0 calc(var(--gap, 8px) * 1);
background: var(--color-input-background);
color: var(--color-input-placeholder);
}
.form__field__input:focus + .form__field__label, .form__field__textarea:focus + .form__field__label {
color: var(--color-input-placeholder);
}
.form__field__textarea {
height: auto;
border-radius: min(1rem, var(--border-radius-button));
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: calc(var(--gap, 8px) * 2);
}
.form__field__textarea::placeholder {
opacity: 0;
}
.form-status.form-status-list.form__message,
.form-status.caption-large.text-body {
display: flex;
justify-content: center;
align-items: start;
gap: 16px;
}
@media (min-width: 1200px) {
.form-status.form-status-list.form__message svg,
.form-status.caption-large.text-body svg {
margin-top: 4px;
}
}
.form__message .errors li {
color: red;
}
.wt-load-more {
text-align: center;
}
.wt-load-more__bar {
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
.wt-load-more__button {
margin-top: calc(var(--gap, 8px) * 4);
}
.loading-overlay {
position: absolute;
z-index: 1;
width: 1.8rem;
}
@media screen and (max-width: 749px) {
.loading-overlay {
top: 0;
right: 0;
}
}
@media screen and (min-width: 750px) {
.loading-overlay {
left: 0;
}
}
.loading-overlay__spinner {
width: 1.8rem;
display: inline-block;
}
.spinner {
animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.path {
stroke-dasharray: 280;
stroke-dashoffset: 0;
transform-origin: center;
stroke: currentColor;
animation: dash 1.4s ease-in-out infinite;
}
@media screen and (forced-colors: active) {
.path {
stroke: CanvasText;
}
}
@keyframes dash {
0% {
stroke-dashoffset: 280;
}
50% {
stroke-dashoffset: 75;
transform: rotate(135deg);
}
100% {
stroke-dashoffset: 280;
transform: rotate(450deg);
}
}
.loading-overlay:not(.hidden) + .cart-item__price-wrapper,
.loading-overlay:not(.hidden) ~ cart-remove-button {
opacity: 50%;
}
.loading-overlay:not(.hidden) ~ cart-remove-button {
pointer-events: none;
cursor: default;
}
[data-swiper]:not(.swiper-initialized) .collection-list__container {
display: flex;
flex-wrap: wrap;
gap: calc(var(--gap, 8px) * 2);
}
.collection-list__picture {
height: 30rem;
width: 20rem;
padding-left: 1rem;
}
.collection-list__text {
text-align: center;
}
.collection-list__item {
text-align: center;
}
[data-swiper]:not(.swiper-initialized) .collection-list__item {
flex-basis: calc(50% - var(--gap, 8px) * 1);
flex-shrink: 1;
flex-grow: 1;
}
@media (min-width: 600px) {
[data-swiper]:not(.swiper-initialized) .collection-list__item {
flex-basis: calc(33.333333% - var(--gap, 8px) * 2);
}
}
@media (min-width: 1200px) {
[data-swiper]:not(.swiper-initialized) .collection-list__item {
flex-basis: calc(16.666666% - var(--gap, 8px) * 5);
}
}
.collection-list .card__title {
margin-top: calc(var(--gap, 8px) * 0.5);
}
.collection-list--no_swipe {
display: none;
}
.collection-list--wrap {
flex-wrap: wrap;
display: flex;
}
.collection-list-title {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: clamp(2.1rem, 1.3vw + 1.2rem, 2.4rem);
text-align: center;
}
.hero {
position: relative;
display: block;
border-radius: var(--border-radius);
overflow: hidden;
}
.hero__subheading {
font-size: max( 1.2rem , calc(var(--font-base-size) - 2px) );
letter-spacing: 1px;
line-height: var(--font-headline-line-height, normal);
font-style: var(--font-headline-style);
margin: 4px 0 4px 0;
}
@media (max-width: 599px) {
.hero__subheading--mobile {
display: none;
}
}
.hero__richtext {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
}
.hero__richtext p {
margin-top: 0;
margin-bottom: 0;
font-size: inherit;
}
.hero__wrapper {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.hero__wrapper {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.hero__wrapper {
max-width: var(--site-max-width-big);
}
}
.hero__wrapper--full {
margin-left: auto;
margin-right: auto;
max-width: var(--hero-max-width);
}
.hero__video-picture {
display: flex;
flex-direction: row;
}
.hero__video {
object-fit: cover;
height: var(--section-height, auto);
width: 100%;
display: block;
z-index: 1;
}
@media (min-width: 900px) {
.hero__video {
height: var(--section-height-desk, auto);
}
}
.hero__video--yt {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 100vh;
transform: translate(-50%, -50%);
}
@media (min-aspect-ratio: 16/9) {
.hero__video--yt {
height: 56.25vw;
}
}
@media (max-aspect-ratio: 16/9) {
.hero__video--yt {
width: 177.78vh;
}
}
.hero__video__yt-wrapper {
height: var(--section-height, auto);
}
@media (min-width: 1200px) {
.hero__video__yt-wrapper {
height: var(--section-height-desk, auto);
}
}
.hero--grid .hero__overlay__content {
padding-top: calc(var(--gap, 8px) * 1);
padding-bottom: calc(var(--gap, 8px) * 1);
}
@media (min-width: 900px) {
.hero--grid {
display: flex;
}
.hero--grid--rev {
flex-direction: row-reverse;
}
.hero--grid .hero__pic, .hero--grid .hero__overlay {
flex-grow: 1;
flex-shrink: 0;
}
.hero--grid .hero__pic {
width: var(--desktop-percentage-image-width, 50%);
}
.hero--grid .hero__overlay {
justify-content: flex-start;
width: calc(100% - var(--desktop-percentage-image-width, 50%));
}
.hero--grid .hero__overlay__content {
width: 100%;
}
}
.hero--out {
flex-direction: column;
display: flex;
border-radius: 0;
}
.hero--out .hero__overlay {
position: static;
flex-shrink: 0;
}
.hero--out .hero__overlay__content {
width: 100%;
}
.wt-multicol .hero--out .hero__overlay {
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: 0;
background: none;
}
.wt-multicol .hero--out .hero__overlay--left {
padding-left: 0;
padding-right: calc(var(--gap, 8px) * 2);
}
.hero--out .hero__pic {
height: 100%;
flex-shrink: 1;
overflow: hidden;
}
@media (max-width: 899px) {
.hero--out-mobile {
flex-direction: column;
display: flex;
}
.hero--out-mobile .hero__overlay {
position: static;
flex-shrink: 0;
}
.hero--out-mobile .hero__overlay__content {
width: 100%;
}
.wt-multicol .hero--out-mobile .hero__overlay {
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: 0;
background: none;
}
.wt-multicol .hero--out-mobile .hero__overlay--left {
padding-left: 0;
padding-right: calc(var(--gap, 8px) * 2);
}
.hero--out-mobile .hero__pic {
height: 100%;
flex-shrink: 1;
overflow: hidden;
}
.wt-slider__wrapper .hero--out-mobile .hero__overlay {
background: var(--slide-out-background-color, rgba(var(--color-overlay-rgb), var(--color-overlay-opacity)));
}
.wt-slider__wrapper .hero--out-mobile .hero__overlay__content {
color: var(--slide-out-text-color, var(--color-custom-text, var(--color-text)));
}
}
.hero--out-pic-square .hero__pic, .hero--out-pic-portrait .hero__pic {
width: 100%;
height: auto;
padding-top: 100%;
position: relative;
display: none;
}
@media (min-width: 900px) {
.hero--out-pic-square .hero__pic, .hero--out-pic-portrait .hero__pic {
display: block;
}
}
.hero--out-pic-square .hero__img, .hero--out-pic-portrait .hero__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hero--out-pic-portrait .hero__pic {
padding-top: 160%;
}
.hero__img {
width: 100%;
object-fit: cover;
display: block;
height: var(--section-height, 100%);
}
@media (min-width: 900px) {
.hero__img {
height: var(--section-height-desk, 100%);
}
}
.hero__img--placeholder {
width: 100%;
display: block;
background-color: #efefef;
fill: #b7b7b7;
}
.hero__overlay {
background: rgba(var(--color-overlay-rgb), var(--color-overlay-opacity));
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
padding: calc(var(--gap, 8px) * 2);
z-index: 5;
}
@media (min-width: 600px) {
.hero__overlay {
padding: calc(var(--gap, 8px) * 4);
}
}
@media (min-width: 1800px) {
.hero__overlay {
padding: calc(var(--gap, 8px) * 6);
}
}
@media (min-width: 1200px) {
.hero__wrapper .hero__overlay {
padding-left: calc(var(--gap, 8px) * 10);
padding-right: calc(var(--gap, 8px) * 10);
}
}
.hero--grid .hero__overlay {
/* position: static; */
outline: 1px solid rgba(var(--color-overlay-rgb), var(--color-overlay-opacity));
}
@media (min-width: 900px) {
.hero__overlay--left {
justify-content: flex-start;
}
}
@media (min-width: 900px) {
.hero__overlay--right {
justify-content: flex-end;
}
}
@media (min-width: 900px) {
.hero__overlay--top {
align-items: flex-start;
}
}
@media (min-width: 900px) {
.hero__overlay--bottom {
align-items: flex-end;
}
}
@media (max-width: 899px) {
.hero__overlay--mobile--left {
justify-content: flex-start;
}
}
@media (max-width: 899px) {
.hero__overlay--mobile--right {
justify-content: flex-end;
}
}
@media (max-width: 899px) {
.hero__overlay--mobile--top {
align-items: flex-start;
}
}
@media (max-width: 899px) {
.hero__overlay--mobile--bottom {
align-items: flex-end;
}
}
.hero__overlay__content {
color: var(--color-custom-text, var(--color-text));
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.hero__overlay__content > :last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.collection-banner .hero__wrapper--full .hero--grid .hero__overlay__content {
--section-max-width: var(--site-max-width);
--base-width: 100vw;
--calculated-margin: calc(
(var(--base-width) - var(--section-max-width)) / 2 + calc(var(--gap, 8px) * 1)
);
margin-right: max( calc(var(--gap, 8px) * 4) , var(--calculated-margin) );
}
}
@media (min-width: 1800px) {
.collection-banner .hero__wrapper--full .hero--grid .hero__overlay__content {
--section-max-width: var(--site-max-width-big);
}
}
@media (min-width: 2240px) {
.collection-banner .hero__wrapper--full .hero--grid .hero__overlay__content {
--base-width: var(--hero-max-width);
}
}
@media (min-width: 1200px) {
.hero__wrapper--full .hero--grid .hero__overlay__content {
margin-right: calc(var(--gap, 8px) * 10);
margin-left: calc(var(--gap, 8px) * 10);
}
}
@media (min-width: 1400px) {
.collection-banner .hero__wrapper--full .hero--grid--rev .hero__overlay__content {
margin-left: max( calc(var(--gap, 8px) * 4) , var(--calculated-margin) );
margin-right: calc(var(--gap, 8px) * 10);
}
}
.hero__overlay__content--left {
align-items: flex-start;
text-align: left;
}
.hero__overlay__content--center {
align-items: center;
text-align: center;
}
.hero__overlay__content--right {
align-items: flex-end;
text-align: right;
}
@media (max-width: 899px) {
.hero__overlay__content--mobile--right {
align-items: flex-end;
text-align: right;
}
}
@media (max-width: 899px) {
.hero__overlay__content--mobile--center {
align-items: center;
text-align: center;
width: 85%;
}
}
@media (max-width: 899px) {
.hero__overlay__content--mobile--left {
align-items: flex-start;
text-align: left;
}
}
@media (min-width: 900px) {
.hero__overlay__content {
width: 40%;
}
}
@media (min-width: 1200px) {
.hero__overlay__content {
width: min(55%, 80rem);
}
}
.hero__title {
font-family: var(--font-headline);
font-style: var(--font-headline-style);
font-weight: var(--font-headline-weight);
text-transform: var(--font-headline-transform, none);
font-size: var(--font-headline-size);
letter-spacing: var(--font-headline-letter-spacing, normal);
line-height: var(--font-headline-line-height, normal);
color: var(--color-custom-text, var(--color-headings-text, var(--color-text)));
font-size: calc(var(--font-headline-size) * var(--font-headline-scale, 1));
margin: 0 0 calc(var(--gap, 8px) * 1);
overflow: visible;
}
@media (min-width: 1200px) {
.hero__title {
font-size: min( calc(var(--font-headline-size) * var(--font-headline-scale-desk, 1)), calc(var(--font-headline-size) + 2.5vw) );
}
}
@media (min-width: 1200px) {
.hero__title {
font-size: min( calc(var(--font-headline-size) * var(--font-headline-scale-desk, 1)), calc(var(--font-headline-size) + 13.5vw) );
}
}
@media (max-width: 599px) {
.hero__title--mobile {
display: none;
}
}
.hero__text {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
color: var(--color-custom-text, var(--color-text));
margin: 0;
}
.hero__text p {
margin: 0;
padding: 0;
}
@media (min-width: 1200px) {
.hero__text {
margin-top: 4px;
margin-bottom: 4px;
}
}
.hero__text--search {
margin-top: 0;
}
.section-image-banner .hero__text p, .section-image-with-text .hero__text p {
display: inline;
}
@media (min-width: 900px) {
.section-image-banner .hero__text p, .section-image-with-text .hero__text p {
display: block;
}
}
@media (max-width: 599px) {
.hero__text--mobile {
display: none;
}
}
.hero__button {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
padding-left: calc(var(--gap, 8px) * 3);
padding-right: calc(var(--gap, 8px) * 3);
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: calc(var(--gap, 8px) * 2);
font-size: var(--font-button-size);
font-family: var(--font-button);
font-style: var(--font-button-style);
font-weight: var(--font-button-weight);
text-transform: var(--font-button-transform, none);
letter-spacing: var(--font-button-letter-spacing, normal);
text-align: center;
text-decoration: none;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: var(--border-radius-button);
-webkit-appearance: none;
cursor: pointer;
transition: background 0.3s ease-in, color 0.3s ease-in;
margin-top: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * 2);
}
@media (hover: hover) {
.hero__button:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
}
.hero__button[disabled] {
opacity: 0.4;
cursor: not-allowed;
}
.hero__button--gap {
display: flex;
align-items: center;
gap: calc(var(--gap, 8px) * 2);
}
.hero__button--primary {
background: var(--color-button-primary-background);
color: var(--color-button-primary-text);
border-color: transparent;
}
@media (hover: hover) {
.hero__button--primary:hover {
background: var(--color-button-primary-background-hover);
border-color: transparent;
color: var(--color-button-primary-text-hover);
}
}
.hero__button--primary.loading {
color: transparent;
}
.hero__button--secondary {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
}
@media (hover: hover) {
.hero__button--secondary:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
}
.hero__button--link {
background: none;
text-decoration: none;
color: var(--color-custom-text, var(--color-button-secondary-text));
text-underline-offset: 6px;
border-color: transparent;
height: 3rem;
padding: 0;
margin-top: 4px;
overflow: visible;
border-radius: 0;
}
.hero__button--link span {
position: relative;
}
.hero__button--link span::before {
content: "";
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 1px;
background-color: var(--color-custom-text, var(--color-button-secondary-text));
transform-origin: right;
}
.hero__button--link span::after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 1px;
background-color: var(--color-custom-text, var(--color-button-secondary-text));
transform-origin: left;
transform: scale(0);
}
.hero__button--link:hover {
background-color: inherit;
color: var(--color-custom-text);
cursor: pointer;
}
.hero__button--link:hover span::before {
transform: scale(0);
transition: 0.4s transform ease;
}
.hero__button--link:hover span::after {
transform: scale(1);
transition: 0.4s transform ease 0.3s;
}
@media (max-width: 599px) {
.hero__button--mobile {
display: none;
}
}
.hero__pic {
position: relative;
height: 100%;
}
.hero__pic-container {
width: 100%;
height: 100%;
}
.hero__pic .hero__pic-loader {
display: none;
}
@media (min-width: 900px) {
.hero__pic .hero__pic-loader {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
}
}
.hero__pic--mobile.hero__pic .hero__pic-loader {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
@media (min-width: 900px) {
.hero__pic--mobile.hero__pic .hero__pic-loader {
display: none;
}
}
.hero__img--mobile {
width: 100%;
}
@media (min-width: 900px) {
.hero__img--mobile {
display: none;
}
}
.hero__img--desktop {
width: 100%;
}
@media (max-width: 899px) {
.hero__img--desktop {
display: none;
}
}
.hero__pic {
display: block;
width: 100%;
}
@media (max-width: 899px) {
.hero__pic {
display: none;
}
}
.hero__pic.hero__pic--mobile {
display: block;
width: 100%;
}
@media (min-width: 900px) {
.hero__pic.hero__pic--mobile {
display: none;
}
}
.wt-grid-box {
background-color: var(--color-background);
}
.wt-grid-box__ul {
display: flex;
flex-direction: column;
gap: calc(var(--gap, 8px) * 2);
}
@media (min-width: 900px) {
.wt-grid-box__ul {
gap: calc(var(--gap, 8px) * 3);
}
}
.wt-grid-box__ul--swipe {
flex-direction: row;
gap: 0;
}
@media (min-width: 900px) {
.wt-grid-box__ul--swipe {
width: 100%;
display: flex;
gap: calc(var(--gap, 8px) * 3);
}
}
.wt-grid-box__li {
width: 100%;
}
.wt-grid-box__li .wt-grid-box__item {
width: 100%;
}
.wt-grid-box__li .wt-grid-box__item .hero__pic svg,
.wt-grid-box__li .wt-grid-box__item .hero__pic img {
aspect-ratio: var(--aspect-ratio, auto);
}
.wt-grid-box__container {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
gap: calc(var(--gap, 8px) * 2);
}
@media (min-width: 1200px) {
.wt-grid-box__container {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-grid-box__container {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 900px) {
.wt-grid-box__container {
flex-direction: row;
justify-content: space-between;
}
}
.wt-grid-box__container--full {
margin-left: auto;
margin-right: auto;
gap: 0;
padding-left: 0;
padding-right: 0;
max-width: var(--hero-max-width);
}
.wt-grid-box__container--full .wt-grid-box__item {
width: calc(
(100% - (0*calc(var(--gap, 8px) * 0))) / 1*1
);
flex-basis: calc(
(100% - (0*calc(var(--gap, 8px) * 0))) / 1*1
);
flex-direction: row;
}
@media (min-width: 900px) {
.wt-grid-box__container--full .wt-grid-box__item {
width: calc(
(100% - (1*calc(var(--gap, 8px) * 0))) / 2*1
);
flex-basis: calc(
(100% - (1*calc(var(--gap, 8px) * 0))) / 2*1
);
}
}
.wt-grid-box__header {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: clamp(2.1rem, 1.3vw + 1.2rem, 2.4rem);
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 1);
padding-right: calc(var(--gap, 8px) * 1);
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (min-width: 1200px) {
.wt-grid-box__header {
padding-left: calc(calc(var(--gap, 8px) * 1) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 1) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-grid-box__header {
max-width: var(--site-max-width-big);
}
}
.wt-grid-box__item {
width: calc(
(100% - (0*calc(var(--gap, 8px) * 2))) / 1*1
);
flex-basis: calc(
(100% - (0*calc(var(--gap, 8px) * 2))) / 1*1
);
}
@media (min-width: 900px) {
.wt-grid-box__item {
width: calc(
(100% - (1*calc(var(--gap, 8px) * 2))) / 2*1
);
flex-basis: calc(
(100% - (1*calc(var(--gap, 8px) * 2))) / 2*1
);
}
}
.wt-grid-box__item .hero__overlay {
padding: calc(var(--gap, 8px) * 3);
}
.wt-grid-box__item .hero__overlay__content {
width: 85%;
}
@media (min-width: 1200px) {
.wt-grid-box__item .hero__overlay__content {
padding-top: calc(var(--gap, 8px) * 2);
}
}
.wt-grid-box [data-swiper]:not(.swiper-initialized).wt-grid-box__container--full ul {
gap: 0;
}
.wt-grid-box [data-swiper]:not(.swiper-initialized) ul {
flex-direction: column;
gap: calc(var(--gap, 8px) * 2);
width: 100%;
}
@media (min-width: 900px) {
.wt-grid-box [data-swiper]:not(.swiper-initialized) ul {
flex-direction: row;
gap: calc(var(--gap, 8px) * 3);
}
}
.wt-grid-box [data-swiper]:not(.swiper-initialized) .wt-grid-box__li {
flex-basis: 100%;
width: 100%;
}
.wt-grid-box [data-swiper]:not(.swiper-initialized) .wt-grid-box__li div:not(.hero__button--gap) {
width: 100%;
}
.wt-keys {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
background-color: var(--color-background);
color: var(--color-custom-text);
}
.wt-keys__list {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 3);
padding-right: calc(var(--gap, 8px) * 3);
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
flex-flow: wrap;
flex: 0 1 auto;
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
gap: calc(var(--gap, 8px) * 3);
justify-content: center;
padding-top: calc(var(--gap, 8px) * 1);
}
@media (min-width: 1200px) {
.wt-keys__list {
padding-left: calc(calc(var(--gap, 8px) * 3) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 3) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-keys__list {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 600px) {
.wt-keys__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 900px) {
.wt-keys__list {
grid-template-columns: repeat(var(--desktop-cols, 3), 1fr);
}
}
@media (min-width: 900px) {
.wt-keys__list--3 {
flex-direction: row;
gap: calc(var(--gap, 8px) * 6);
}
}
@media (min-width: 900px) {
.wt-keys__list--3 .wt-keys__item {
width: calc(
(100% - (2*calc(var(--gap, 8px) * 6))) / 3*1
);
flex-basis: calc(
(100% - (2*calc(var(--gap, 8px) * 6))) / 3*1
);
}
}
@media (min-width: 1200px) {
.wt-keys__list--3 .wt-keys__item {
width: calc(
(100% - (3*calc(var(--gap, 8px) * 6))) / 4*1
);
flex-basis: calc(
(100% - (3*calc(var(--gap, 8px) * 6))) / 4*1
);
}
}
@media (min-width: 900px) {
.wt-keys__list--4 {
flex-direction: row;
flex-wrap: wrap;
gap: calc(var(--gap, 8px) * 6);
}
}
@media (min-width: 900px) {
.wt-keys__list--4 .wt-keys__item {
width: calc(
(100% - (1*calc(var(--gap, 8px) * 6))) / 2*1
);
flex-basis: calc(
(100% - (1*calc(var(--gap, 8px) * 6))) / 2*1
);
}
}
@media (min-width: 1200px) {
.wt-keys__list--4 .wt-keys__item {
width: calc(
(100% - (3*calc(var(--gap, 8px) * 6))) / 4*1
);
flex-basis: calc(
(100% - (3*calc(var(--gap, 8px) * 6))) / 4*1
);
}
}
.wt-keys__item {
display: flex;
align-items: center;
margin-top: var(--block-margin-top, 0);
margin-bottom: var(--block-margin-bottom, 0);
}
.wt-features-banner .wt-keys__item--bg {
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 3);
background-color: var(--color-background-icon, transparent);
border-radius: var(--border-radius);
}
@media (min-width: 600px) {
.wt-keys__item--center {
flex-direction: column;
text-align: center;
}
}
.wt-keys__item .svg-icon,
.wt-keys__item svg {
width: 5rem;
height: 5rem;
}
@media (min-width: 600px) {
.wt-keys__item .svg-icon,
.wt-keys__item svg {
width: 7rem;
height: 7rem;
}
}
.wt-keys__link {
display: flex;
align-items: center;
margin-top: var(--block-margin-top, 0);
margin-bottom: var(--block-margin-bottom, 0);
}
.wt-keys__link:hover {
color: inherit;
}
.wt-features-banner .wt-keys__list .wt-keys__link, .wt-slider__wrapper .wt-slider__slide .wt-keys__link {
text-decoration: none;
}
.wt-keys__content {
color: var(--color-custom-text);
}
@media (min-width: 600px) {
.wt-keys__content--left {
display: flex;
flex-direction: column;
}
}
.wt-keys__image {
width: 5rem;
height: 5rem;
object-fit: cover;
margin-right: 4px;
}
@media (min-width: 600px) {
.wt-keys__image {
width: 7rem;
height: 7rem;
}
}
@media (min-width: 600px) {
.wt-keys__image.center {
margin-right: 0;
margin-left: 0;
margin-bottom: calc(var(--gap, 8px) * 2);
}
}
.wt-keys__image.left {
margin-bottom: 0;
}
@media (min-width: 600px) {
.wt-keys__image {
width: 7rem;
height: 7rem;
}
.wt-keys__item--center .wt-keys__image {
margin-right: 0;
margin-bottom: calc(var(--gap, 8px) * 2);
}
}
.wt-features-banner .wt-keys__image, .wt-keys__slide-item .wt-keys__image {
width: var(--icon-width-mobile);
height: auto;
}
@media (min-width: 900px) {
.wt-features-banner .wt-keys__image, .wt-keys__slide-item .wt-keys__image {
width: var(--icon-width-desktop);
}
}
.wt-keys__image-container {
width: 100%;
max-width: 5rem;
max-height: 5rem;
margin-right: calc(var(--gap, 8px) * 2);
margin-left: calc(var(--gap, 8px) * 1);
}
@media (min-width: 600px) {
.wt-keys__image-container {
max-width: 7rem;
max-height: 7rem;
}
}
.wt-keys__icon {
width: 5rem;
height: 5rem;
margin: 1rem;
flex-shrink: 0;
color: var(--color-icon);
}
.wt-keys .wt-keys__icon {
margin: 0;
margin-right: 4px;
width: var(--icon-width-mobile);
height: auto;
}
@media (min-width: 900px) {
.wt-keys .wt-keys__icon {
width: var(--icon-width-desktop);
height: auto;
}
}
@media (min-width: 600px) {
.wt-keys__icon {
width: 6rem;
height: 6rem;
}
}
@media (min-width: 600px) {
.wt-keys__item--center .wt-keys__icon {
margin-right: 0;
margin-left: 0;
margin-bottom: calc(var(--gap, 8px) * 2);
}
}
.wt-keys__title {
font-family: var(--font-headline);
font-style: var(--font-headline-style);
font-weight: var(--font-headline-weight);
text-transform: var(--font-headline-transform, none);
font-size: var(--font-headline-size);
letter-spacing: var(--font-headline-letter-spacing, normal);
line-height: var(--font-headline-line-height, normal);
font-size: calc(var(--font-base-size) * 1.25);
font-size: calc(var(--font-headline-size) * var(--font-headline-scale, 1));
word-break: break-word;
padding: 0 16px;
}
@media (min-width: 1200px) {
.wt-keys__title {
font-size: min( calc(var(--font-headline-size) * var(--font-headline-scale-desk, 1)), calc(var(--font-headline-size) + 2.5vw) );
}
}
.wt-keys__title.center {
text-align: center;
}
@media (min-width: 1200px) {
.wt-keys__title {
padding-bottom: calc(var(--gap, 8px) * 0.5);
}
}
.wt-keys__text {
word-break: break-word;
padding: 0 16px;
}
.wt-keys__text p {
margin: 0;
padding: 0;
}
.wt-keys__text.center {
text-align: center;
}
@media (min-width: 600px) {
.wt-keys__text {
display: inline-block;
max-width: 100%;
}
}
.wt-keys__slide-item {
display: flex;
align-items: center;
margin-top: var(--block-margin-top, 0);
margin-bottom: var(--block-margin-bottom, 0);
}
.wt-keys__slide-item--bg {
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 3);
background-color: var(--color-background-icon, transparent);
border-radius: var(--border-radius);
}
@media (max-width: 599px) {
.wt-keys__slide-item {
flex-direction: column;
justify-content: center;
gap: 16px;
text-align: center;
}
}
.wt-keys__slide-item .wt-keys__title,
.wt-keys__slide-item .wt-keys__text {
color: var(--color-custom-text);
}
.wt-keys .wt-slider {
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
}
@media (max-width: 599px) {
.wt-features-banner.is-slider {
display: none;
}
}
@media (min-width: 600px) {
.wt-features-banner--slider {
display: none;
}
}
.wt-features-banner--slider [data-swiper-slide] {
display: flex;
justify-content: center;
align-items: center;
}
.wt-features-banner--slider [data-swiper-slide].center {
flex-direction: column;
}
.wt-separator__line {
background: var(--color-border);
}
.css-icon {
--icon-color: var(--color-text);
width: 2rem;
height: 2rem;
display: block;
position: relative;
transition: all 0.3s;
}
.css-icon--square {
border: 1px solid var(--icon-color);
}
#grid-layout:checked ~ * .css-icon--square {
--icon-color: var(--color-border);
}
.css-icon--grid::before, .css-icon--grid::after {
width: 0.8rem;
height: 0.8rem;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
background: var(--icon-color);
box-shadow: 0 1.2rem 0 var(--icon-color), 1.2rem 0 0 var(--icon-color), 1.2rem 1.2rem 0 var(--icon-color);
}
.css-icon--grid::after {
--icon-color: white;
width: 0.6rem;
height: 0.6rem;
top: 0.1rem;
left: 0.1rem;
}
#grid-layout:not(:checked) .css-icon--grid::before {
--icon-color: var(--color-border);
}
.collection {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
position: relative;
}
@media (min-width: 1200px) {
.collection {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.collection {
max-width: var(--site-max-width-big);
}
}
.section--full .collection {
max-width: 100%;
}
@media (min-width: 1200px) {
.collection {
flex-direction: row;
gap: calc(var(--gap, 8px) * 6);
}
.collection--with-aside {
align-items: flex-start;
}
.collection--with-aside .collection__filter {
position: sticky;
top: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * 2);
max-height: calc(100vh - calc(var(--gap, 8px) * 4));
overflow: auto;
padding-right: calc(var(--gap, 8px) * 1.5);
}
.collection--with-aside .collection__filter::-webkit-scrollbar {
width: calc(var(--gap, 8px) * 1);
}
.collection--with-aside .collection__filter::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}
}
.collection__title .rich-text--full-width .hero__overlay {
max-width: 100% !important;
}
.collection__title .rich-text .hero__overlay {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.collection__title .rich-text .hero__overlay {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.collection__title .rich-text .hero__overlay {
max-width: var(--site-max-width-big);
}
}
@media (max-width: 1199px) {
.collection__title .rich-text .hero__overlay {
padding: 0 calc(var(--gap, 8px) * 2);
}
}
@media (min-width: 1200px) {
.collection__title .rich-text .hero__overlay {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 1199px) {
.collection__title .rich-text .hero__overlay__content {
width: 100%;
max-width: 100%;
}
}
.collection switch-column {
margin-left: calc(var(--gap, 8px) * 2);
}
.collection__mobile-layout-switch {
padding-top: calc(var(--gap, 8px) * 1);
padding-bottom: calc(var(--gap, 8px) * 1);
display: none;
align-items: center;
gap: calc(var(--gap, 8px) * 1);
margin-left: calc(var(--gap, 8px) * 2);
}
.collection__mobile-layout-switch:only-child {
margin-left: auto;
}
.collection__mobile-layout-switch--hidden {
opacity: 0;
}
@media (max-width: 599px) {
.collection__mobile-layout-switch {
display: flex;
}
}
.collection__mobile-layout-checkbox {
position: sticky;
top: 0;
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
display: none;
}
.collection__toolbar {
position: sticky;
top: 0;
z-index: 10;
display: flex;
flex-direction: row;
justify-content: end;
margin-top: 0;
background-color: var(--color-background);
width: 100%;
}
@media (max-width: 1199px) {
.collection__toolbar .wt-filter__trigger {
order: 1;
}
}
@media (max-width: 1199px) {
.collection__toolbar .collection__sort {
order: 5;
}
}
@media (max-width: 1199px) {
.collection__toolbar switch-column {
order: 10;
}
}
.search-overlay-on .collection__toolbar {
z-index: 5;
}
.collection__toolbar--minimal {
border-top: 1px solid var(--color-border);
top: -1px;
}
@media (max-width: 1199px) {
.collection__toolbar--minimal {
padding-bottom: calc(var(--gap, 8px) * 1);
padding-top: calc(var(--gap, 8px) * 1);
}
}
@media (max-width: 1199px) {
.collection__toolbar--buttons {
padding-block: calc(var(--gap, 8px) * 1);
gap: calc(var(--gap, 8px) * 2);
justify-content: center;
}
.collection__toolbar--buttons > * {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (max-width: 399px) {
.collection__toolbar--buttons {
gap: calc(var(--gap, 8px) * 1);
}
}
@media (min-width: 1200px) {
.collection__toolbar {
margin-top: calc(var(--gap, 8px) * 1);
border: 0;
padding: 0;
position: relative;
grid-area: toolbar;
}
}
@media (min-width: 1200px) {
[custom-select-opened] .collection__toolbar {
z-index: 9;
}
}
.collection__header {
grid-area: header;
}
.collection__header__title {
font-family: var(--font-headline);
font-style: var(--font-headline-style);
font-weight: var(--font-headline-weight);
text-transform: var(--font-headline-transform, none);
font-size: var(--font-headline-size);
letter-spacing: var(--font-headline-letter-spacing, normal);
line-height: var(--font-headline-line-height, normal);
color: var(--color-custom-text, var(--color-headings-text, var(--color-text)));
text-align: center;
margin-top: calc(var(--gap, 8px) * 2);
margin-bottom: 0;
grid-area: header;
}
@media (max-width: 1199px) {
.collection__header__title {
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
@media (min-width: 1200px) {
.collection__header__title {
text-align: left;
margin-bottom: 0;
}
}
.collection__subheader {
margin-top: 0;
width: 100%;
}
@media (min-width: 1200px) {
.collection__subheader {
margin-top: calc(var(--gap, 8px) * 1);
display: flex;
align-items: center;
}
}
.collection__counter {
display: none;
width: 100%;
text-align: center;
grid-area: counter;
font-size: 1.2rem;
}
[data-text-horizontal=left] + .collection-grid-section .collection__counter {
text-align: left;
}
[data-text-horizontal=right] + .collection-grid-section .collection__counter {
text-align: right;
}
@media (min-width: 1200px) {
.collection__counter {
display: flex;
font-size: inherit;
}
.collection__counter .counter__value {
display: flex;
}
.collection__counter .counter__value::after {
content: " ";
white-space: pre;
}
}
.collection__counter.mobile {
display: block;
padding-bottom: 4px;
}
@media (min-width: 1200px) {
.collection__counter.mobile {
padding-bottom: 0;
display: none;
font-size: inherit;
}
}
.collection__sort {
max-width: 60%;
margin-left: auto;
margin-right: calc(var(--gap, 8px) * -1);
}
@media (min-width: 1200px) {
.collection__sort {
margin-left: calc(var(--gap, 8px) * 1.5);
}
}
@media (max-width: 399px) {
.collection__sort {
max-width: 45%;
}
}
@media (max-width: 399px) {
.collection__sort {
max-width: 45%;
}
}
@media (max-width: 1199px) {
[toolbar-style=buttons] .collection__sort {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
height: 4rem;
border: 1px solid var(--color-border);
width: 100%;
max-width: 45rem;
flex-grow: 1;
overflow: hidden;
justify-content: center;
border-radius: min( var(--border-radius-button) , 4px );
display: flex;
align-items: center;
margin-right: 0;
}
}
@media (max-width: 1199px) and (hover: hover) {
[toolbar-style=buttons] .collection__sort:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
}
@media (max-width: 1199px) {
[toolbar-style=buttons] .collection__sort [custom-select-trigger] {
width: 100%;
text-align: center;
justify-content: center;
}
}
.collection__filter-trigger.wt-filter__trigger {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
grid-area: filter;
border-radius: 0;
border: 0;
height: unset;
padding: 0;
margin-right: auto;
cursor: pointer;
position: relative;
}
.collection__filter-trigger.wt-filter__trigger::before {
content: "";
display: block;
position: absolute;
inset: 0;
}
@media (min-width: 1200px) {
.collection__filter-trigger.wt-filter__trigger::after {
content: "";
width: 1px;
height: 50%;
background-color: var(--color-border);
margin-left: calc(var(--gap, 8px) * 2.5);
display: block;
}
}
.collection__filter-trigger.wt-filter__trigger:hover {
background-color: inherit;
border: 0;
color: inherit;
}
@media (max-width: 1199px) {
[toolbar-style=buttons] .collection__filter-trigger.wt-filter__trigger {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
height: 4rem;
border: 1px solid var(--color-border);
width: 100%;
max-width: 45rem;
flex-grow: 1;
overflow: hidden;
justify-content: center;
border-radius: min( var(--border-radius-button) , 4px );
}
}
@media (max-width: 1199px) and (hover: hover) {
[toolbar-style=buttons] .collection__filter-trigger.wt-filter__trigger:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
}
@media (min-width: 1200px) {
.collection__filter-trigger.wt-filter__trigger {
margin-right: 0;
}
.collection__filter-trigger.wt-filter__trigger:not(:first-child)::after {
content: "";
width: 1px;
height: 50%;
background-color: var(--color-border);
margin-left: calc(var(--gap, 8px) * 2.5);
display: block;
}
}
.collection__body {
width: 100%;
padding-bottom: calc(var(--gap, 8px) * 3);
}
@media (min-width: 1200px) {
.collection__body {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-template-areas: "header header" "counter toolbar" "items items" "more more";
}
}
.collection__aside:not(.wt-filter--drawer) {
padding-block: 0;
}
@media (min-width: 1200px) {
.collection__aside:not(.wt-filter--drawer) {
overflow: auto;
max-height: 98vh;
top: 0;
padding-top: 0 !important;
flex: 1 0 27rem;
}
.collection__aside:not(.wt-filter--drawer) .filter__header {
margin-top: 16px;
margin-bottom: 16px;
}
.collection__aside:not(.wt-filter--drawer) .filter__header.wt-collapse__trigger {
margin-top: 0;
margin-bottom: 0;
}
}
.collection__grid {
--cols: 1;
padding: 0;
width: 100%;
display: grid;
grid-template-columns: repeat(var(--cols), 1fr);
gap: calc(var(--gap, 8px) * 1) var(--grid-gap-mobile, calc(var(--gap, 8px) * 2));
margin-top: 0;
margin-bottom: var(--section-gap-bottom);
grid-area: items;
}
@media (min-width: 900px) {
.collection__grid {
margin-top: 0;
gap: var(--grid-gap);
}
}
@media (max-width: 599px) {
#grid-layout:checked ~ .collection__grid {
--cols: 2;
}
}
.collection__grid.collection__grid--search-category {
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
max-height: 0;
overflow: hidden;
}
.collection__grid.collection__grid--search-category + .collection__aside {
display: none;
}
.collection__grid.collection__grid--search-category .wt-options__trigger,
.collection__grid.collection__grid--search-category .collection__subheader {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.collection__grid.collection__grid--search-category .collection__toolbar {
padding-top: 8px;
padding-bottom: 8px;
}
.collection__grid.active {
opacity: 1;
visibility: visible;
max-height: 100%;
}
.collection__grid--articles, .collection__grid--pages {
display: none;
margin-top: 0;
margin-bottom: 0;
}
.collection__grid__loader__container {
width: 100%;
grid-column: 1/-1;
display: flex;
align-items: center;
justify-content: center;
}
.collection__grid__title {
font-size: 2rem;
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
margin-top: calc(var(--gap, 8px) * 0.5);
align-self: flex-start;
grid-column-start: 1;
grid-column-end: calc(var(--cols) + 1);
}
@media (min-width: 600px) {
.collection__grid {
--cols: 2;
}
}
@media (min-width: 900px) {
.collection__grid {
--cols: 3;
}
}
@media (min-width: 1200px) {
.collection__grid {
--cols: 4;
margin-top: calc(var(--gap, 8px) * 1);
}
}
@media (min-width: 1200px) {
.collection__grid[data-cols-desktop="3"] {
--cols: 3;
}
}
.collection__grid__item {
display: flex;
align-self: stretch;
margin-bottom: calc(var(--gap, 8px) * 3);
}
@media (min-width: 900px) {
.collection__grid__item {
margin-bottom: calc(var(--gap, 8px) * 5);
}
}
.collection__grid__item color-swatch {
display: block;
width: 100%;
}
.collection__grid__item .card__picture {
display: block;
}
.collection__grid__item .card__title {
word-break: break-word;
}
.collection__more {
margin-bottom: calc(var(--gap, 8px) * 7);
grid-area: more;
}
.collection__empty-collection {
display: flex;
align-items: center;
justify-content: center;
}
.collection .wt-pagination-wrapper {
grid-column: -1/1;
}
.collection__sticky-header {
display: flex;
flex-direction: column;
padding: 0;
position: sticky;
top: -1px;
width: 100%;
z-index: 9;
margin-left: auto;
margin-right: auto;
background-color: var(--color-background, #fff);
opacity: 1;
transition: opacity 0.4s;
}
@media (min-width: 1200px) {
.collection__sticky-header {
grid-column: 1/3;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
.collection__sticky-header.transition {
opacity: 0;
}
@media (max-width: 1199px) {
.collection__sticky-header--buttons {
margin-bottom: calc(var(--gap, 8px) * 1);
}
}
switch-column .loading-overlay {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: end;
}
@media (min-width: 600px) {
switch-column .loading-overlay {
display: none;
}
}
switch-column .loading-overlay__spinner {
display: flex;
align-items: center;
justify-content: center;
}
switch-column .loading-overlay--hidden {
display: none;
}
.main-search-tab__container {
grid-column-start: 1;
grid-column-end: 3;
}
@media (max-width: 899px) {
.main-search-tab__container .collection__grid {
--cols: var(--mobile-cols, 2);
}
}
.main-search-tab__container #product-grid-articles {
margin-top: 16px;
}
.main-search-tab__container .collection__sticky-header {
grid-column: 1/-1;
}
.main-search-tab__container #product-grid-products .collection__toolbar.collection__toolbar--buttons {
margin-bottom: 0;
}
.f-price__val {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
}
.wt-filter__trigger .svg-icon.svg-icon--filter[data-icon-theme=option_2] {
height: 11px;
width: 16px;
}
@media (min-width: 900px) {
.wt-filter__trigger .svg-icon.svg-icon--filter[data-icon-theme=option_2] {
margin-right: 12px;
}
}
.collection-feature__wrapper {
background-color: var(--color-background);
color: var(--color-custom-text);
}
.collection-feature__wrapper .headline .headline__title {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
}
.collection-feature__container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: min(var(--font-headline-size) * var(--font-headline-scale, 1), var(--font-headline-size) + 13.5vw);
font-family: var(--font-headline);
font-style: var(--font-headline-style);
font-weight: var(--font-headline-weight);
text-transform: var(--font-headline-transform, none);
letter-spacing: var(--font-headline-letter-spacing, normal);
line-height: var(--font-base-line-height-mobile, normal);
}
@media (min-width: 900px) {
.collection-feature__container {
font-size: min(var(--font-headline-size) * var(--font-headline-scale-desk, 1), var(--font-headline-size) + 13.5vw);
line-height: var(--font-base-line-height, normal);
}
}
.collection-feature__item {
width: fit-content;
position: relative;
}
@media (min-width: 900px) {
.collection-feature__item {
max-width: 75vw;
}
}
.collection-feature__item a {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: var(--color-custom-text);
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.collection-feature__item a {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.collection-feature__item a {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 900px) {
.collection-feature__item a:hover {
color: inherit;
}
.collection-feature__item a:hover .collection-feature__img-container img,
.collection-feature__item a:hover .collection-feature__img-container svg {
opacity: 1;
transform: translateX(0);
}
.collection-feature__item a:hover span {
transform: translateX(-10px);
}
}
@media (min-width: 900px) {
.collection-feature__item span {
transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
}
.collection-feature__img-container {
display: flex;
height: min(var(--font-headline-size) * var(--font-headline-scale, 1), var(--font-headline-size) + 13.5vw);
margin-left: 8px;
}
@media (min-width: 900px) {
.collection-feature__img-container {
height: min(var(--font-headline-size) * var(--font-headline-scale-desk, 1) * var(--font-base-line-height, normal), var(--font-headline-size) + 13.5vw);
position: absolute;
margin-left: 0;
right: -16px;
transform: translateX(100%);
}
}
.collection-feature__img-container img,
.collection-feature__img-container svg {
height: 100%;
width: auto;
opacity: 1;
}
@media (min-width: 900px) {
.collection-feature__img-container img,
.collection-feature__img-container svg {
transition: transform 1.2s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1);
opacity: 0;
transform: translateX(-20%);
}
}
.breadcrumbs {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
font-size: var(--font-breadcrumbs-size);
font-family: var(--font-breadcrumbs);
font-style: var(--font-breadcrumbs-style);
font-weight: var(--font-breadcrumbs-weight);
text-transform: var(--font-breadcrumbs-transform, none);
letter-spacing: var(--font-breadcrumbs-letter-spacing, normal);
font-size: 1.2rem;
}
@media (min-width: 1200px) {
.breadcrumbs {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.breadcrumbs {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 1200px) {
.breadcrumbs {
font-size: max( 1.2rem , calc(var(--font-base-size) - 2px) );
}
}
.breadcrumbs__wrapper {
background-color: var(--color-custom-background);
color: var(--color-custom-text);
}
.breadcrumbs--full-width {
max-width: 100%;
}
.breadcrumbs__display-none {
display: none;
}
.breadcrumbs__list {
display: flex;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
font-size: var(--font-breadcrumbs-size);
font-family: var(--font-breadcrumbs);
font-style: var(--font-breadcrumbs-style);
font-weight: var(--font-breadcrumbs-weight);
text-transform: var(--font-breadcrumbs-transform, none);
letter-spacing: var(--font-breadcrumbs-letter-spacing, normal);
}
@media (min-width: 900px) {
.breadcrumbs__list {
overflow: visible;
}
}
.breadcrumbs__list::after {
content: "";
display: block;
width: calc(var(--gap, 8px) * 4);
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--color-custom-background, var(--color-background)));
}
.breadcrumbs__item {
display: flex;
align-items: center;
justify-content: center;
}
.breadcrumbs__item:not(:last-child)::after {
content: "/";
display: flex;
align-items: center;
justify-content: center;
margin: 0 calc(var(--gap, 8px) * 1);
font-size: 80%;
opacity: 0.5;
}
.breadcrumbs__item a {
display: flex;
align-items: center;
justify-content: center;
}
.breadcrumbs__link {
color: inherit;
display: flex;
align-items: center;
justify-content: center;
}
.wt-filter__trigger {
align-items: center;
display: flex;
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
}
@media (min-width: 1200px) {
.wt-filter__trigger:not(.wt-filter__trigger--drawer) {
display: none;
}
}
.wt-filter__trigger__counter {
--counter-border-color: var(--color-header-background);
min-width: 2rem;
height: 2rem;
padding: 0 0.3rem;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--color-action-background);
color: var(--color-action-text);
border-radius: 1.1rem;
font-size: 1.2rem;
font-weight: 400;
line-height: 1;
margin-left: calc(var(--gap, 8px) * 0.5);
}
.wt-filter__trigger .svg-icon {
margin-right: calc(var(--gap, 8px) * 1);
}
.wt-filter__close {
cursor: pointer;
padding: 0;
height: auto;
border: 0;
position: relative;
}
.wt-filter__close::before {
content: "";
display: block;
position: absolute;
inset: 0;
}
body .wt-filter__close.wt-filter__close {
display: flex;
align-items: center;
}
.wt-filter__close:hover {
background-color: transparent;
color: inherit;
}
.wt-filter__header {
font-family: var(--font-headline);
font-style: var(--font-headline-style);
font-weight: var(--font-headline-weight);
text-transform: var(--font-headline-transform, none);
font-size: var(--font-headline-size);
letter-spacing: var(--font-headline-letter-spacing, normal);
line-height: var(--font-headline-line-height, normal);
font-size: calc(var(--font-base-size) * 1.15);
}
@media (min-width: 1200px) {
.wt-filter__header {
font-size: calc(var(--font-base-size) * 1.25);
}
}
@media (min-width: 1200px) {
.wt-filter__header {
display: none;
}
}
.wt-filter__body > *:last-child {
border-bottom: calc(var(--gap, 8px) * 6) solid transparent;
margin-bottom: 0;
}
.wt-filter__cta {
background: var(--color-button-primary-background);
color: var(--color-button-primary-text);
border-color: transparent;
width: 100%;
}
@media (hover: hover) {
.wt-filter__cta:hover {
background: var(--color-button-primary-background-hover);
border-color: transparent;
color: var(--color-button-primary-text-hover);
}
}
.wt-filter__cta.loading {
color: transparent;
}
.wt-filter__footer {
padding: calc(var(--gap, 8px) * 2);
border-top: 1px solid var(--color-border);
}
@media (min-width: 1200px) {
.wt-filter__footer__body.always-visible {
display: none;
}
}
.wt-filter__view-cart {
display: inline-flex;
margin-top: calc(var(--gap, 8px) * 1);
margin-bottom: calc(var(--gap, 8px) * -0.5);
position: relative;
left: 50%;
transform: translateX(-50%);
}
.wt-filter__remove-all, .wt-filter__clear-all {
display: block;
}
.wt-filter__remove-all {
font-size: var(--font-button-size);
font-family: var(--font-button);
font-style: var(--font-button-style);
font-weight: var(--font-button-weight);
text-transform: var(--font-button-transform, none);
letter-spacing: var(--font-button-letter-spacing, normal);
height: var(--input-height);
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 1.15;
}
@media (max-width: 1199px) {
.wt-filter {
position: fixed;
background: var(--color-background);
width: 100%;
max-width: 50rem;
height: 100%;
z-index: 50;
transform: translateX(100%);
top: 0;
right: 0;
display: flex;
flex-direction: column;
transition: transform 0.3s cubic-bezier(0.12, 0.67, 0.53, 1), opacity 0.3s cubic-bezier(0.12, 0.67, 0.53, 1);
left: 0;
right: initial;
transform: translateX(-100%);
}
.wt-filter__header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--color-border);
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4);
}
.wt-filter__header h3 {
margin: 0;
}
.wt-filter__close {
display: inline-block;
cursor: pointer;
}
.wt-filter__body {
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4) 0;
flex-grow: 100;
overflow: auto;
}
}
@media (min-width: 1200px) {
.wt-filter:not(.wt-filter--drawer) {
padding-top: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * 7);
}
}
.wt-filter--drawer {
position: fixed;
background: var(--color-background);
width: 100%;
max-width: 50rem;
height: 100%;
z-index: 50;
transform: translateX(100%);
top: 0;
right: 0;
display: flex;
flex-direction: column;
transition: transform 0.3s cubic-bezier(0.12, 0.67, 0.53, 1), opacity 0.3s cubic-bezier(0.12, 0.67, 0.53, 1);
transform: translateX(-100%);
right: initial;
left: 0;
z-index: 101;
}
@media (min-width: 1200px) {
.wt-filter--drawer {
right: 0;
left: initial;
transform: translateX(100%);
}
}
.wt-filter--drawer-open {
transform: translateX(0%);
}
.wt-filter--drawer .wt-filter__header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--color-border);
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4);
}
.wt-filter--drawer .wt-filter__header h3 {
margin: 0;
}
.wt-filter--drawer .wt-filter__close {
display: inline-block;
cursor: pointer;
}
.wt-filter--drawer .wt-filter__body {
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4) 0;
flex-grow: 100;
overflow: auto;
}
.wt-filter--drawer .wt-filter__header {
display: flex;
}
.wt-filter--drawer .wt-filter__close {
display: block;
}
[data-filter-position=always] .wt-filter .list--checkbox .list__item:nth-of-type(6n + 1) .color-swatcher--tooltip {
left: 0;
transform: none;
}
[data-filter-position=always] .wt-filter .list--checkbox .list__item:nth-of-type(6n) .color-swatcher--tooltip {
left: initial;
right: 0;
transform: none;
}
[data-filter-position=drawer] .wt-filter .list--checkbox .list__item:nth-of-type(11n + 1) .color-swatcher--tooltip {
left: 0;
transform: none;
}
[data-filter-position=drawer] .wt-filter .list--checkbox .list__item:nth-of-type(11n) .color-swatcher--tooltip {
left: initial;
right: 0;
transform: none;
}
.wt-cart__list {
width: 100%;
}
.wt-cart__item-discount {
display: flex;
align-items: center;
gap: 4px;
margin: 4px 0;
}
.wt-cart .cart-item__discounted-prices {
display: flex;
gap: 6px;
}
.wt-cart .cart-item__price {
font-size: max(1.3rem, var(--font-base-size) - 0.4rem);
color: var(--color-body-text-light);
}
.wt-cart__drawer {
position: fixed;
background: var(--color-background);
width: 100%;
max-width: 50rem;
height: 100%;
z-index: 50;
transform: translateX(100%);
top: 0;
right: 0;
display: flex;
flex-direction: column;
transition: transform 0.3s cubic-bezier(0.12, 0.67, 0.53, 1), opacity 0.3s cubic-bezier(0.12, 0.67, 0.53, 1);
}
.wt-cart__drawer__header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--color-border);
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4);
}
.wt-cart__drawer__header h3 {
margin: 0;
}
.wt-cart__drawer__close {
display: inline-block;
cursor: pointer;
}
.wt-cart__drawer__body {
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4) 0;
flex-grow: 100;
overflow: auto;
}
.wt-cart__drawer--open, .wt-cart[open] .wt-cart__drawer {
transform: translateY(0);
}
.wt-cart__drawer__header {
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 3);
}
@media (max-width: 399px) {
.wt-cart__drawer__header {
padding: calc(var(--gap, 8px) * 2);
}
}
.wt-cart__drawer__footer {
padding: calc(var(--gap, 8px) * 2);
border-top: 1px solid var(--color-border);
}
.wt-cart__drawer__code {
margin-top: auto;
margin-left: calc(var(--gap, 8px) * -2);
margin-right: calc(var(--gap, 8px) * -2);
}
.wt-cart__drawer__inner {
flex-direction: column;
display: flex;
height: 100%;
}
.wt-cart__drawer__close {
border: none;
background: none;
padding: 0;
align-items: center;
display: flex;
position: relative;
}
.wt-cart__drawer__close::after {
content: "";
position: absolute;
inset: 0;
}
.wt-cart__drawer__close:hover {
background: none;
}
.wt-cart__drawer__body {
display: flex;
flex-direction: column;
padding: 0 calc(var(--gap, 8px) * 3);
}
@media (max-width: 399px) {
.wt-cart__drawer__body {
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
}
}
.wt-cart--empty .wt-cart__drawer__items {
height: 100%;
display: flex;
}
.wt-cart--empty .wt-cart__drawer__form {
width: 100%;
}
.wt-cart--empty .wt-cart__drawer__content {
height: 100%;
/* display: flex; */
}
.wt-cart--empty .wt-cart__drawer__content .wt-cart__title {
flex-grow: initial;
margin: initial;
margin-bottom: calc(var(--gap, 8px) * 2);
}
.wt-cart--empty .wt-cart__login {
width: 100%;
}
.wt-cart__cross-sell {
width: 100%;
background-color: var(--color-foreground);
padding: calc(var(--gap, 8px) * 2) 0;
}
.wt-cart__cross-sell__heading {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
margin: 0 0 calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 2);
}
.wt-cart__cross-sell__products {
display: flex;
gap: 12px;
}
.wt-cart__cross-sell__products .wt-slider__slide {
margin-left: calc(var(--gap, 8px) * 2);
}
.wt-cart__cross-sell__products .wt-slider__slide:last-of-type {
margin-right: calc(var(--gap, 8px) * 2);
}
.wt-cart__header--empty .wt-cart__title {
margin-right: 0;
}
.wt-cart__login {
border-top: 1px solid var(--color-border);
display: flex;
flex-direction: column;
align-items: center;
padding-top: calc(var(--gap, 8px) * 5);
margin-top: calc(var(--gap, 8px) * 5);
}
.wt-cart__login__title {
margin-block: 0;
font-size: var(--font-base-size);
}
.wt-cart__login__text {
font-size: var(--font-base-size);
}
.wt-cart__login__text a {
text-decoration: underline;
}
.wt-cart__wrapper {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
max-width: var(--post-max-width);
}
@media (min-width: 1200px) {
.wt-cart__wrapper {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-cart__wrapper {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 1800px) {
.wt-cart__wrapper {
max-width: var(--post-max-width);
}
}
.wt-cart__title {
font-size: 2.8rem;
margin: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 2) 0;
flex-grow: 3;
}
.wt-cart__header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.wt-cart__header--empty {
width: 100%;
flex-direction: column;
margin-bottom: calc(var(--gap, 8px) * 5);
margin-top: calc(var(--gap, 8px) * 3);
justify-content: center;
}
.wt-cart__header__icon-bag {
width: 4rem;
height: 4rem;
}
.wt-cart__header__action {
display: flex;
flex-grow: 1;
}
.wt-cart__header__subtotal {
display: flex;
flex-direction: column;
justify-content: center;
margin-right: calc(var(--gap, 8px) * 3);
text-align: right;
}
.wt-cart__header__subtotal .text {
font-size: 1.2rem;
font-family: var(--font-price);
}
.wt-cart__header__subtotal .value {
font-size: 1.6rem;
font-weight: bold;
}
.wt-cart__item {
padding-top: calc(var(--gap, 8px) * 3);
padding-bottom: calc(var(--gap, 8px) * 3);
display: flex;
}
.wt-cart__item .loading-overlay:not(.hidden) ~ * {
visibility: hidden;
}
.wt-cart__item:not(:last-child) {
border-bottom: 1px solid var(--color-border);
}
.wt-cart__item__link {
display: block;
}
@media (max-width: 599px) {
.cart-page .wt-cart__item {
align-items: flex-start;
}
}
@media (min-width: 900px) {
.cart-page .wt-cart__item {
padding-top: calc(var(--gap, 8px) * 4);
padding-bottom: calc(var(--gap, 8px) * 4);
}
}
.wt-cart__item__data {
position: relative;
width: 100%;
}
.wt-cart__item__remove {
opacity: 0.5;
display: flex;
}
.wt-cart__item__remove--title {
position: absolute;
top: 0;
right: 0;
}
@media (min-width: 900px) {
.wt-cart__item__remove--title {
display: none;
}
}
.wt-cart__item__remove--amount {
margin-right: auto;
}
.wt-cart__item__remove .svg-icon {
transform: scale(0.75);
width: 32px;
height: 32px;
}
.wt-cart__item__thumb {
margin: 0;
position: relative;
}
.wt-cart__item__thumb .link-save {
top: calc(var(--gap, 8px) * 1);
right: calc(var(--gap, 8px) * 1);
transform: scale(0.75);
transform-origin: top right;
}
.wt-cart__item__thumb img,
.wt-cart__item__thumb svg {
display: block;
max-width: 12rem;
border-radius: var(--border-radius);
}
@media (max-width: 399px) {
.wt-cart__item__thumb img,
.wt-cart__item__thumb svg {
max-width: 8rem;
}
}
@media (min-width: 900px) {
.wt-cart__item__thumb img,
.wt-cart__item__thumb svg {
max-width: 9rem;
}
}
.wt-cart__drawer .wt-cart__item__thumb {
align-self: flex-start;
}
.wt-cart__drawer .wt-cart__item__thumb img,
.wt-cart__drawer .wt-cart__item__thumb svg {
max-width: 12rem;
}
.wt-cart__item__name {
margin-top: 0;
margin-bottom: 0;
padding-right: 8px;
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
width: calc(100% - 24px);
}
.wt-cart__item__price {
margin-bottom: calc(var(--gap, 8px) * 1);
}
.wt-cart__item__price-wrapper {
position: relative;
}
.wt-cart__drawer .wt-cart__item__price {
display: none;
}
.wt-cart__item__price .original {
text-decoration: line-through;
color: var(--color-text-light);
}
.wt-cart__item__vendor {
opacity: 0.5;
text-transform: uppercase;
font-size: 1.2rem;
}
.wt-cart__item__body {
display: flex;
width: 100%;
padding-left: calc(var(--gap, 8px) * 3);
flex-direction: column;
align-items: stretch;
}
@media (min-width: 900px) {
.cart-page .wt-cart__item__body {
flex-direction: row;
align-items: center;
}
}
@media (min-width: 900px) {
.wt-cart__item__body {
align-items: center;
}
}
.wt-cart__drawer .wt-cart__item__body {
flex-wrap: wrap;
}
.wt-cart__item__body .options {
width: 100%;
color: var(--color-body-text-light);
margin: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 1.5) 0;
display: table;
font-size: max(1.3rem, calc(var(--font-base-size) - .4rem));
}
.wt-cart__item__body .options li {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
}
.wt-cart__item__body .options li svg {
width: 15px;
height: 15px;
color: var(--color-body-text-light);
}
.wt-cart__item__body .options .value {
word-break: break-all;
}
.wt-cart__item__amount {
font-size: var(--font-price-size);
font-family: var(--font-price);
font-style: var(--font-price-style);
font-weight: var(--font-price-weight);
text-transform: var(--font-price-transform, none);
letter-spacing: var(--font-price-letter-spacing, normal);
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
margin-bottom: calc(var(--gap, 8px) * 1);
gap: 8px;
}
@media (min-width: 900px) {
.wt-cart__item__amount {
justify-content: end;
}
}
.wt-cart__item__amount.cart-page {
justify-content: space-between;
flex-wrap: wrap;
}
.wt-cart__item__amount.cart-page .item__details {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.wt-cart__item__amount.cart-page .cart-item__error {
display: none;
}
.wt-cart__item__amount .cart-item__discounted-prices {
display: flex;
flex-wrap: wrap;
gap: 0;
width: min-content;
justify-content: end;
}
.wt-cart__item__amount .cart-item__discounted-prices s,
.wt-cart__item__amount .cart-item__discounted-prices span {
white-space: nowrap;
}
.wt-cart__item__amount .cart-item__discounted-prices .cart-item__old-price.price.price--end {
font-size: calc(var(--font-base-size) - 2px);
}
.wt-cart__item__amount cart-remove-button {
display: none;
}
@media (min-width: 900px) {
.wt-cart__item__amount cart-remove-button {
display: flex;
}
}
@media (max-width: 399px) {
.wt-cart__item__amount {
flex-wrap: wrap;
}
}
.wt-cart__item__amount .value {
margin-left: auto;
}
.wt-cart__item__price-wrapper .price--end-sale {
color: var(--color-sale-badge-background);
}
.wt-cart__footer {
margin-left: calc(var(--gap, 8px) * -2);
margin-right: calc(var(--gap, 8px) * -2);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
display: flex;
flex-wrap: wrap;
position: sticky;
bottom: 0;
z-index: 10;
}
@media (min-width: 900px) {
.wt-cart__footer {
justify-content: flex-end;
}
}
.search-overlay-on .wt-cart__footer {
z-index: 1;
}
.wt-cart__footer .discounts {
display: flex;
flex-direction: column;
gap: 2px;
margin-bottom: calc(var(--gap, 8px) * 3);
}
.wt-cart__footer .discounts li {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
}
.wt-cart__footer .discounts li svg {
width: 15px;
height: 15px;
color: var(--color-body-text-light);
}
@media (min-width: 900px) {
.wt-cart__footer {
position: static;
}
}
.wt-cart__footer__body {
max-width: unset;
width: 100%;
}
.cart-page .wt-cart__footer__body {
margin-bottom: calc(var(--gap, 8px) * 2);
}
@media (min-width: 900px) {
.cart-page .wt-cart__footer__body {
max-width: 50%;
margin-bottom: calc(var(--gap, 8px) * 2);
flex-basis: 50%;
}
}
.wt-cart__footer__body .discounts {
display: flex;
flex-direction: column;
gap: 2px;
margin-bottom: calc(var(--gap, 8px) * 3);
}
.wt-cart__footer__body .discounts li {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
}
.wt-cart__footer__body .discounts li svg {
width: 15px;
height: 15px;
color: var(--color-body-text-light);
}
.wt-cart__footer__aside {
width: 100%;
}
@media (min-width: 900px) {
.wt-cart__footer__aside {
flex-basis: 50%;
}
}
.wt-cart__subtitle {
width: 100%;
margin-left: auto;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
font-size: max(1.2rem, calc(var(--font-base-size) - .4rem));
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
font-size: var(--font-base-size);
}
@media (max-width: 599px) {
.wt-cart__subtitle {
font-size: calc(var(--font-base-size) - 2px);
}
}
@media (min-width: 600px) {
.wt-cart__subtitle {
align-items: center;
}
}
.wt-cart__subtitle__text {
color: var(--color-body-text-light);
text-align: right;
}
.wt-cart__subtitle a {
text-decoration: underline;
}
.cart-page .wt-cart__subtitle {
padding-top: calc(var(--gap, 8px) * 3);
padding-bottom: calc(var(--gap, 8px) * 3);
border: solid var(--color-border);
border-width: 1px 0;
display: block;
}
.wt-cart__note {
display: block;
padding: 0;
}
.wt-cart__note__wrapper {
display: block;
width: 100%;
}
.wt-cart__note__trigger {
flex-direction: row;
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
font-size: var(--font-base-size);
}
.cart-page .wt-cart__note__trigger {
border-bottom-width: 0;
}
.wt-cart__note__trigger.wt-collapse__trigger {
display: flex;
}
.wt-collapse__trigger--active + .wt-cart__note {
margin-top: 0;
overflow: visible;
}
@media (min-width: 900px) {
.wt-cart__note {
padding-right: calc(var(--gap, 8px) * 12);
}
}
.wt-cart__drawer .wt-cart__note {
padding-right: calc(var(--gap, 8px) * 2);
}
.wt-cart a.button {
border-radius: var(--border-radius-button);
}
.wt-cart__cta {
background: var(--color-button-primary-background);
color: var(--color-button-primary-text);
border-color: transparent;
width: 100%;
border-radius: var(--border-radius-button);
}
@media (hover: hover) {
.wt-cart__cta:hover {
background: var(--color-button-primary-background-hover);
border-color: transparent;
color: var(--color-button-primary-text-hover);
}
}
.wt-cart__cta.loading {
color: transparent;
}
.wt-cart__subtotal {
font-size: var(--font-price-size);
font-family: var(--font-price);
font-style: var(--font-price-style);
font-weight: var(--font-price-weight);
text-transform: var(--font-price-transform, none);
letter-spacing: var(--font-price-letter-spacing, normal);
display: flex;
justify-content: space-between;
align-items: center;
padding-top: calc(var(--gap, 8px) * 1);
padding-bottom: calc(var(--gap, 8px) * 1);
margin-top: calc(var(--gap, 8px) * 1);
}
.cart-page .wt-cart__subtotal {
margin-top: 0;
}
.wt-cart__subtotal__value {
--increase-font-size: 0.4rem;
font-size: calc(var(--font-base-size) + var(--increase-font-size));
flex-shrink: 0;
}
.cart-page .wt-cart__subtotal__value {
--increase-font-size: 1.5rem;
}
.wt-cart__subtotal__label {
display: flex;
flex-direction: column;
line-height: 1.2;
}
.wt-cart__subtotal__label .text {
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
font-size: var(--font-base-size);
}
@media (max-width: 599px) {
.wt-cart__subtotal__label .text {
font-size: calc(var(--font-base-size) - 2px);
}
}
.wt-cart__subtotal__label .tax-info {
font-size: 1rem;
line-height: 1.1;
padding-right: calc(var(--gap, 8px) * 3);
color: var(--color-body-text-light);
}
.wt-cart__back-link {
width: 100%;
justify-content: center;
}
.wt-cart__view-cart {
display: inline-flex;
margin-top: calc(var(--gap, 8px) * 1);
margin-bottom: calc(var(--gap, 8px) * -0.5);
position: relative;
left: 50%;
transform: translateX(-50%);
}
.cart-item__error {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
font-size: max(1.2rem, calc(var(--font-base-size) - .4rem));
display: flex;
color: var(--color-sale-price);
}
.cart-item__error-text {
order: 1;
color: var(--color-sale-price);
}
.cart-item__error-text + svg {
width: 2.2rem;
margin-right: 0.7rem;
}
.cart-item__error-text + svg path {
fill: var(--color-sale-price);
}
.cart-item__error-text:empty + svg {
display: none;
}
.page-overlay-cart {
position: fixed;
height: 100vh;
width: 100%;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
opacity: 0;
transform: scale(0);
z-index: 15;
transition: opacity 0.3s ease-in-out;
z-index: 50;
}
.page-overlay-cart-on {
overflow: hidden;
}
.page-overlay-cart-on .page-overlay-cart {
opacity: 1;
transform: scale(1);
backdrop-filter: blur(4px);
}
.cart-page .card__subtitle {
width: calc(100% - 24px);
display: block;
}
.cart-page .wt-cart__footer__body {
margin-top: calc(var(--gap, 8px) * 2);
}
@media (max-width: 899px) {
.cart-page .giftnote__overlay {
height: 100vh;
position: fixed;
backdrop-filter: blur(4px);
}
.cart-page .giftnote__body {
position: fixed;
}
}
@media (min-width: 900px) {
.cart-page .giftnote__body {
position: relative;
transform: initial;
max-height: 0;
overflow: hidden;
padding: 0;
transition: max-height 0.3s;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.cart-page .giftnote__body__headline, .cart-page .giftnote__body__close {
display: none;
}
.cart-page .giftnote__textarea {
margin-top: calc(var(--gap, 8px) * 2);
width: 30rem;
}
.cart-page .giftnote .svg-icon {
transition: transform 0.3s;
}
.cart-page [open] .giftnote__body {
max-height: 300px;
}
.cart-page [open] .giftnote__overlay {
display: none;
}
.cart-page [open] .svg-icon {
transform: rotate(90deg);
}
}
.cart__dynamic-checkout-buttons.additional-checkout-buttons {
margin-top: 8px;
}
[data-shopify-buttoncontainer=true] {
justify-content: center;
}
.wt-free-shipping-bar {
width: 100%;
margin: calc(var(--gap, 8px) * 3) 0 calc(var(--gap, 8px) * 1);
}
.wt-free-shipping-bar__text {
font-size: 14px;
margin-bottom: calc(var(--gap, 8px) * 1);
color: #333;
}
.wt-progress-bar {
width: 100%;
background-color: var(--swiper-scrollbar-track-color);
border-radius: min(2px, var(--border-radius));
overflow: hidden;
height: 4px;
position: relative;
}
.wt-progress-bar__fill {
width: 0%; /* Domyślna wartość, będzie aktualizowana */
height: 100%;
background-color: var(--swiper-theme-color);
transition: width 0.5s ease-in-out;
}
.filter {
display: block;
}
.filter:not(:last-of-type) {
border-bottom: 1px solid var(--color-border);
}
.filter__header {
display: flex;
justify-content: space-between;
margin-bottom: 4px;
}
.filter__header .facets__selected {
color: var(--color-body-text-light);
}
.filter__body > *:last-child {
margin-bottom: calc(var(--gap, 8px) * 2.5);
}
.filter__remove {
font-size: max( calc(var(--font-base-size) - 0.2rem) , 1.2rem );
text-decoration: underline;
font-weight: normal;
}
.filter__search {
font-size: max( 1.6rem , var(--font-base-size) );
height: var(--input-height);
border: 1px solid var(--color-input-border);
border-radius: var(--border-radius);
background: var(--color-input-bg);
padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 1.5);
line-height: var(--font-base-line-height, normal);
display: flex;
align-items: center;
padding-left: calc(var(--gap, 8px) * 1);
margin-bottom: calc(var(--gap, 8px) * 2.5);
}
@media (min-width: 1200px) {
.filter__search {
font-size: var(--font-base-size);
}
}
.filter__search__input {
width: 100%;
}
@media (max-width: 1199px) {
.filter__search__input {
font-size: 1.6rem;
}
}
.filter__search .svg-icon {
width: var(--size-icon);
height: var(--size-icon);
}
.filter .wt-collapse__trigger--active + .wt-collapse__target {
max-height: 2000px;
margin-top: 0;
overflow: visible;
}
.f-categories__link {
display: inline-block;
padding-top: calc(var(--gap, 8px) * 0.5);
padding-bottom: calc(var(--gap, 8px) * 0.5);
}
.f-categories .counter {
opacity: 0.5;
}
.f-categories .counter::before {
content: "(";
}
.f-categories .counter::after {
content: ")";
}
.f-subcategories {
font-size: max( calc(var(--font-base-size) - 0.2rem) , 1.2rem );
padding: calc(var(--gap, 8px) * 1) 0 calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 2);
}
.f-subcategories__link {
padding-top: calc(var(--gap, 8px) * 0.5);
padding-bottom: calc(var(--gap, 8px) * 0.5);
display: inline-flex;
gap: calc(var(--gap, 8px) * 1);
}
.filter__scroll {
display: block;
max-height: 15rem;
}
.f-list {
display: flex;
flex-direction: column;
}
@media (max-width: 1199px) {
.f-list {
gap: 4px;
}
}
.f-list .form-checkbox {
padding-top: calc(var(--gap, 8px) * 0.5);
padding-bottom: calc(var(--gap, 8px) * 0.5);
font-size: max( calc(var(--font-base-size) - 0.2rem) , 1.2rem );
}
.f-list .form-checkbox:focus-visible {
outline: none;
box-shadow: none;
}
.f-thumb {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.f-thumb__list {
display: inline-flex;
flex-wrap: wrap;
gap: calc(var(--gap, 8px) * 1);
}
.f-thumb__list.swiper-wrapper {
display: inline-flex;
flex-wrap: wrap;
gap: calc(var(--gap, 8px) * 1);
}
.f-thumb__list__item {
height: auto;
overflow: hidden;
}
.f-thumb__list__item.swiper-slide.wt-slider__slide {
width: auto;
min-width: 60px;
}
.f-thumb__list__link {
box-sizing: border-box;
height: 100%;
box-sizing: border-box;
}
.f-thumb__list__link img {
object-fit: cover;
}
.f-thumb__fig {
margin: 0;
}
.f-thumb__label {
font-size: 1.2rem;
color: var(--color-body-text-light);
}
.f-button__list {
display: inline-flex;
flex-wrap: wrap;
gap: calc(var(--gap, 8px) * 1);
}
.f-button__list__item {
display: flex;
}
.f-button__list__item input.disabled + label {
text-decoration: line-through;
color: var(--color-body-text-light);
}
.f-button__list__item input.disabled + label::before {
border-style: dashed;
}
.f-button__list__link {
padding-left: calc(var(--gap, 8px) * 1);
padding-right: calc(var(--gap, 8px) * 1);
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 4rem;
border-radius: var(--border-radius-button);
}
.f-button__list__item--active .f-button__list__link {
border-color: var(--color-input-border-active);
}
@media (hover: hover) {
.f-button__list__link:hover {
border-color: var(--color-input-border-active);
}
}
.f-swatch__list.swiper-wrapper {
display: inline-flex;
flex-wrap: wrap;
gap: calc(var(--gap, 8px) * 0);
}
.f-swatch__list__item {
display: flex;
}
.f-swatch__list__link {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border-radius: var(--border-radius-button);
}
.f-swatch__list__item--active .f-swatch__list__link {
border-color: var(--color-input-border-active);
}
input.disabled + .f-swatch__list__link .f-swatch__list__link__content {
opacity: 0.5;
}
.f-swatch__list__link.rounded {
border-radius: 50px;
}
.f-swatch__list__link.rounded::before {
border-radius: 50px;
}
@media (hover: hover) {
.f-swatch__list__link:hover {
border-color: var(--color-input-border-active);
}
}
.f-swatch__list__link__content {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border-radius: var(--border-radius-button);
}
.f-swatch__list__link__content.rounded {
border-radius: 50px;
}
.f-current:empty {
display: none;
}
.f-current__list {
display: inline-flex;
flex-wrap: wrap;
gap: calc(var(--gap, 8px) * 1);
}
.f-current__list__item {
display: flex;
background-color: var(--color-border);
align-items: center;
justify-content: center;
min-height: var(--height-chip);
border-radius: min( var(--border-radius) , calc(var(--height-chip) / 2) );
padding-left: calc(var(--gap, 8px) * 1.5);
padding-right: calc(var(--gap, 8px) * 0);
font-size: min( var(--font-base-size) , 1.4rem );
}
@media (min-width: 1200px) {
.f-current__list__item {
padding-left: calc(var(--gap, 8px) * 1.5);
padding-right: calc(var(--gap, 8px) * 0.75);
}
}
.f-current__list__cancel {
display: flex;
align-items: center;
justify-content: center;
padding: calc(var(--gap, 8px) * 1.5);
}
.f-current__list__cancel .svg-icon {
width: 1.4rem;
height: 1.4rem;
}
@media (min-width: 1200px) {
.f-current__list__cancel {
padding: calc(var(--gap, 8px) * 0.5);
}
}
.f-price {
display: block;
padding-top: calc(var(--gap, 8px) * 1);
}
.f-price-slider .filter__body > :last-child {
margin-bottom: calc(var(--gap, 8px) * 4);
}
.f-price__slider {
padding-inline: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * 3);
margin-top: calc(var(--gap, 8px) * 2);
margin-inline: calc(var(--gap, 8px) * 2);
}
.f-price__inputs {
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1200px) {
.f-price__inputs {
justify-content: space-between;
}
}
.f-price__sep {
display: inline-block;
margin: -33px calc(var(--gap, 8px) * 1) 0;
}
.f-price__input {
font-size: max( 1.6rem , var(--font-base-size) );
height: var(--input-height);
border: 1px solid var(--color-input-border);
border-radius: var(--border-radius);
background: var(--color-input-bg);
padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 1.5);
line-height: var(--font-base-line-height, normal);
max-width: 11rem;
text-align: right;
padding: calc(var(--gap, 8px) * 1);
}
@media (min-width: 1200px) {
.f-price__input {
font-size: var(--font-base-size);
}
}
.wt-product {
display: flex;
flex-direction: column;
position: relative;
}
@media (min-width: 900px) {
.wt-product {
flex-direction: row;
align-items: flex-start;
gap: calc(var(--gap, 8px) * 8);
}
}
@media (min-width: 1200px) {
.wt-product {
gap: calc(var(--gap, 8px) * 10);
}
}
.wt-product--masonry {
justify-content: center;
}
.wt-product__slide-media {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
@media (min-width: 900px) {
.wt-product__slide-media {
aspect-ratio: var(--aspect-ratio, auto);
}
}
.wt-product__slide-media video {
width: auto;
height: 100%;
}
.wt-product__thumbnail-video {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.wt-product__thumbnail-video__icon {
position: absolute;
bottom: 4px;
right: 4px;
width: 16px;
height: 16px;
background-color: var(--color-background);
border-radius: var(--border-radius-button);
display: flex;
align-items: center;
justify-content: center;
}
.wt-product__thumbnail-video__icon svg {
width: 8px;
height: 8px;
}
.wt-product__thumbnail-video__gallery-video-icon {
position: absolute;
bottom: 16px;
right: 8px;
width: 24px;
height: 24px;
background-color: #ffffff;
border-radius: var(--border-radius-button);
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 900px) {
.wt-product__thumbnail-video__gallery-video-icon {
width: 36px;
height: 36px;
}
}
.wt-product__thumbnail-video__gallery-video-icon svg {
width: 12px;
height: 12px;
}
@media (min-width: 900px) {
.wt-product__thumbnail-video__gallery-video-icon svg {
width: 16px;
height: 16px;
}
}
.wt-product__wrapper {
color: var(--color-custom-text, var(--color-body-text));
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.wt-product__wrapper {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-product__wrapper {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 1200px) {
.wt-product__wrapper--full.wt-product__wrapper--masonry {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.wt-product__wrapper--full {
padding-right: calc(var(--gap, 8px) * 10);
}
}
.wt-product__wrapper--full.wt-product__wrapper--masonry, .wt-product__wrapper--full.wt-product__wrapper--collage {
max-width: 100%;
}
@media (max-width: 899px) {
.wt-product__slider--padding {
margin-bottom: 24px;
}
}
.wt-product__save {
position: absolute;
top: calc(var(--gap, 8px) * 2);
right: calc(var(--gap, 8px) * 3);
background: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: calc(var(--gap, 8px) * 1);
z-index: 5;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
@media (min-width: 900px) {
.wt-product__save {
top: 0;
}
}
.wt-product__img {
width: 100%;
height: auto;
object-fit: cover;
}
@media (min-width: 1200px) {
.wt-product__img {
aspect-ratio: var(--aspect-ratio);
}
}
@media (min-width: 900px) {
.wt-product__img--zoom-cursor {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
}
.wt-product__main {
z-index: 5;
}
.wt-product__main--featured-product {
z-index: initial;
}
@media (min-width: 900px) {
.wt-product__main {
width: 36%;
max-width: 42rem;
flex-shrink: 0;
position: sticky;
top: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * 5);
}
[desktop-media-size=normal] .wt-product__main {
width: 42%;
max-width: initial;
}
}
.wt-product__separator {
margin-top: var(--section-gap-top, 8px);
margin-bottom: var(--section-gap-bottom, 8px);
}
.wt-product__gallery .wt-slider__container {
padding: 0 0 calc(var(--gap, 8px) * 1) 0;
}
@media (min-width: 900px) {
.wt-product__gallery {
margin-bottom: calc(var(--gap, 8px) * 5);
overflow: hidden;
width: 100%;
}
.wt-product__gallery--carousel-vertical {
display: flex;
}
.wt-product__gallery .swiper {
overflow: hidden;
}
}
.wt-product__brand {
margin-top: 0;
margin-bottom: 0;
}
.wt-product__brand__logo {
display: none;
}
@media (min-width: 900px) {
.wt-product__brand__logo {
display: block;
}
}
.wt-product__brand__name {
text-transform: uppercase;
color: var(--color-brand);
font-size: calc(var(--font-base-size) - 4px);
letter-spacing: 1px;
display: block;
text-align: left;
}
.wt-product__price {
line-height: normal;
margin-top: calc(var(--gap, 8px) * 1.5);
color: var(--color-price);
}
.wt-product__price__final, .wt-product__price__compare {
font-size: var(--font-price-size);
font-family: var(--font-price);
font-style: var(--font-price-style);
font-weight: var(--font-price-weight);
text-transform: var(--font-price-transform, none);
letter-spacing: var(--font-price-letter-spacing, normal);
--custom-text-scale: var(--font-text-scale, 1);
--font-price-size: calc(
var(--font-base-size) * var(--custom-text-scale, 1)
);
}
@media (min-width: 900px) {
.wt-product__price__final, .wt-product__price__compare {
--custom-text-scale: var(--font-text-scale-desk);
}
}
.wt-product__price__final--sale, .wt-product__price__compare--sale {
color: var(--color-sale-price);
}
.wt-product__price__compare {
color: var(--color-sale-badge-background);
}
.wt-product__price__note {
font-size: 1rem;
color: var(--color-brand);
}
@media (min-width: 900px) {
.wt-product__price__note {
font-size: 1.2rem;
line-height: 1.5;
}
}
.wt-product__name {
--custom-text-scale: var(--font-text-scale, 1);
--text-size: calc(var(--font-base-size) * var(--custom-text-scale, 1));
font-size: var(--text-size);
margin: calc(var(--gap, 8px) * 0.5) 0;
line-height: var(--font-headline-line-height, normal);
letter-spacing: var(--font-headline-letter-spacing, normal);
}
@media (min-width: 900px) {
.wt-product__name {
--custom-text-scale: var(--font-text-scale-desk);
}
}
.wt-product__name a {
color: var(--color-body-text);
}
.wt-product__options {
margin-top: var(--section-gap-top);
margin-bottom: var(--section-gap-bottom);
}
.wt-product__option {
font-family: var(--font-price);
font-size: calc(var(--font-base-size) - 2px);
}
.wt-product__option:last-of-type.js {
padding-bottom: 0;
}
.wt-product__option img {
display: block;
}
.wt-product__option__title {
margin-bottom: calc(var(--gap, 8px) * 0.5);
}
.wt-product__option .swiper-slide {
max-width: 40%;
width: auto;
}
.wt-product__option .swiper-slide.wt-product__option__selected {
border-color: var(--color-input-border-active);
}
@media (min-width: 900px) {
.wt-product__option .swiper-wrapper {
flex-wrap: wrap;
}
}
.wt-product__option__body--drawer {
position: fixed;
bottom: 0;
right: 0;
z-index: 101;
width: 100%;
max-width: 500px;
background-color: var(--color-background);
box-sizing: border-box;
display: flex;
flex-direction: column;
}
@media (min-width: 400px) {
.wt-product__option__body--drawer {
top: 0;
bottom: initial;
height: 100%;
}
}
.wt-product__option__body--drawer .drawer__list-nav {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--color-border);
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4);
}
.wt-product__option__body--drawer .drawer__list-nav__close {
border: 0;
border-radius: 0;
padding: 0;
height: auto;
display: flex;
background-color: transparent;
color: var(--color-links);
}
@media (hover: hover) {
.wt-product__option__body--drawer .drawer__list-nav__close:hover {
color: inherit;
background-color: inherit;
}
}
.wt-product__option__body--drawer .drawer__list-nav__close:hover {
color: var(--color-links-active);
}
.wt-product__option__body--drawer .drawer__list-nav__title {
font-family: var(--font-headline);
font-style: var(--font-headline-style);
font-weight: var(--font-headline-weight);
text-transform: var(--font-headline-transform, none);
font-size: var(--font-headline-size);
letter-spacing: var(--font-headline-letter-spacing, normal);
line-height: var(--font-headline-line-height, normal);
font-size: calc(var(--font-base-size) * 1.15);
}
@media (min-width: 1200px) {
.wt-product__option__body--drawer .drawer__list-nav__title {
font-size: calc(var(--font-base-size) * 1.25);
}
}
.wt-product__option__body--drawer .drawer__list-nav svg {
cursor: pointer;
}
.wt-product__option__body--drawer .drawer__content {
flex-grow: 1;
flex-shrink: 1;
overflow: auto;
}
.wt-product__option__body--drawer .drawer__list {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4);
box-sizing: border-box;
}
.wt-product__option__body--drawer .drawer__list__item {
width: 100%;
max-width: initial;
height: min-content;
border: none;
}
.wt-product__option__body--drawer .drawer__list__item label {
font-size: var(--font-base-size);
font-family: var(--font-base);
padding: calc(var(--gap, 8px) * 1.5) calc(var(--gap, 8px) * 2);
border-radius: var(--border-radius-button);
color: var(--color-button-secondary-text);
}
.wt-product__option__body--drawer .drawer__list__item label span {
width: 100%;
text-align: start;
}
.wt-product__option__body--drawer .drawer__list__item label .icon-checkmark {
width: 16px;
height: 16px;
}
.wt-product__option__body--drawer .drawer__list__item label::before {
border: none;
}
.wt-product__option__body--drawer .drawer__list__item input {
display: none;
}
.wt-product__option__body--drawer .drawer__list__item input:checked + label {
background-color: var(--color-text-highlight);
padding: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 3);
cursor: pointer;
}
.wt-product__option__body--drawer .drawer__list__item input:checked + label::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translate(-50%, -50%) rotate(-45deg);
border-style: solid;
border-width: 0 0 1px 1px;
width: 1rem;
height: 0.5rem;
margin-right: calc(var(--gap, 8px) * 1.5);
margin-top: -2px;
}
.wt-product__option__body--drawer .drawer__list__item input.disabled + label {
color: var(--color-body-text-light);
text-decoration: line-through;
}
.wt-product__option__body--drawer .drawer__list__item input.disabled + label::after {
display: none;
}
.wt-product__option__dropdown {
width: 100%;
font-weight: 500;
font-family: var(--font-base);
font-size: calc(var(--font-base-size) - 2px);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 10px 16px;
margin-top: 6px;
border: 1px solid var(--color-border);
}
@media (min-width: 600px) {
.wt-product__option__dropdown {
min-width: 50%;
max-width: none;
width: auto;
}
}
.wt-product__option__dropdown svg {
width: 100%;
height: 100%;
max-width: 20px;
max-height: 20px;
transition: transform 0.3s cubic-bezier(0.12, 0.67, 0.53, 1), opacity 0.3s cubic-bezier(0.12, 0.67, 0.53, 1);
transform: scale(0.75);
transition-duration: 0.3s;
}
.wt-product__option__dropdown svg.open {
transform: scale(0.75) rotate(180deg);
}
.wt-product__option__dropdown span {
text-align: left;
}
.wt-product__option__body--drawer {
transition: transform 0.3s cubic-bezier(0.12, 0.67, 0.53, 1), opacity 0.3s cubic-bezier(0.12, 0.67, 0.53, 1);
transform: translateX(100%);
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
}
@media (max-width: 399px) {
.wt-product__option__body--drawer {
transform: translateY(100%);
-ms-transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
top: unset;
max-height: 70vh;
max-height: 70dvh;
}
}
.wt-product__option__body--drawer.open {
transform: translateX(0%);
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
}
@media (max-width: 399px) {
.wt-product__option__body--drawer.open {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
}
}
.wt-product__option__body--drawer, .wt-product__option__body--thumbs, .wt-product__option__body--tiles, .wt-product__option__body--swatches {
overflow: hidden;
}
.wt-product__option__body--drawer label, .wt-product__option__body--drawer a, .wt-product__option__body--thumbs label, .wt-product__option__body--thumbs a, .wt-product__option__body--tiles label, .wt-product__option__body--tiles a, .wt-product__option__body--swatches label, .wt-product__option__body--swatches a {
text-align: center;
line-height: 1.1;
display: flex;
cursor: pointer;
position: relative;
border-radius: var(--border-radius-button);
overflow: hidden;
background-size: 100%;
}
.wt-product__option__body--drawer label::before, .wt-product__option__body--drawer a::before, .wt-product__option__body--thumbs label::before, .wt-product__option__body--thumbs a::before, .wt-product__option__body--tiles label::before, .wt-product__option__body--tiles a::before, .wt-product__option__body--swatches label::before, .wt-product__option__body--swatches a::before {
content: "";
inset: 0;
position: absolute;
border: 1px solid var(--color-border);
display: block;
transition: border-color 0.3s;
border-radius: var(--border-radius-button);
}
.wt-product__option__body--drawer label.active::before, .wt-product__option__body--drawer a.active::before, .wt-product__option__body--thumbs label.active::before, .wt-product__option__body--thumbs a.active::before, .wt-product__option__body--tiles label.active::before, .wt-product__option__body--tiles a.active::before, .wt-product__option__body--swatches label.active::before, .wt-product__option__body--swatches a.active::before {
border-color: var(--color-body-text);
}
.wt-product__option__body--drawer input, .wt-product__option__body--thumbs input, .wt-product__option__body--tiles input, .wt-product__option__body--swatches input {
position: absolute;
pointer-events: none;
opacity: 0;
}
.wt-product__option__body--drawer input:checked + label::before, .wt-product__option__body--thumbs input:checked + label::before, .wt-product__option__body--tiles input:checked + label::before, .wt-product__option__body--swatches input:checked + label::before {
border-color: var(--color-body-text);
}
.wt-product__option__body--drawer .swiper-container, .wt-product__option__body--thumbs .swiper-container, .wt-product__option__body--tiles .swiper-container, .wt-product__option__body--swatches .swiper-container {
overflow: visible;
}
.wt-product__option__body--tiles {
overflow: initial;
}
.wt-product__option__body--tiles label {
padding-inline: calc(var(--gap, 8px) * 2);
}
.wt-product__option__body--thumbs label {
overflow: visible;
padding: calc(var(--gap, 8px) * 1);
}
.wt-product__option__body--thumbs label::before {
border-radius: var(--border-radius-button);
}
.wt-product__option__body--thumbs label img {
border-radius: var(--border-radius-button);
}
.wt-product__option__body--thumbs input.disabled + label {
position: relative;
}
.wt-product__option__body--thumbs input.disabled + label:before {
border: 1px dashed var(--color-border);
}
.wt-product__option__body--thumbs input.disabled + label::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: var(--color-links-active);
top: 50%;
left: 0;
transform: rotate(306deg) scaleX(2);
opacity: 0.5;
}
.wt-product__option__body--thumbs .swiper-slide {
min-width: unset;
max-width: 6rem;
width: 11.5%;
}
@media (max-width: 399px) {
.wt-product__option__body--thumbs .swiper-slide {
width: 15.5%;
}
}
@media (min-width: 600px) {
.wt-product__option__body--thumbs .swiper-slide {
width: 8.25%;
}
}
@media (min-width: 900px) {
.wt-product__option__body--thumbs .swiper-slide {
width: 92px;
}
}
.wt-product__option__body--thumbs .swiper-slide img {
width: 100%;
height: auto;
}
.wt-product__option__body--swatches ul {
margin-bottom: 4px;
}
.wt-product__option__body--swatches label, .wt-product__option__body--swatches a {
overflow: visible;
padding: 0;
}
.wt-product__option__body--swatches label::before, .wt-product__option__body--swatches a::before {
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
}
.wt-product__option__body--swatches input.disabled + label {
position: relative;
padding: 0;
}
.wt-product__option__body--swatches input.disabled + label::before {
border: 1px dashed var(--color-border);
}
.wt-product__option__body--swatches input.disabled + label::after {
content: "";
position: absolute;
width: 55px;
height: 1px;
background-color: var(--color-links-active);
transform: rotate(-45deg);
transform-origin: center;
opacity: 0.5;
}
.wt-product__option__body--swatches .swiper-slide {
min-width: unset;
padding: calc(var(--gap, 8px) * 1);
width: 32px;
height: 32px;
}
.wt-product__option__body--swatches .swiper-slide img {
width: 100%;
height: auto;
}
.wt-product__option .f-button__list {
flex-wrap: wrap;
}
.wt-product__option .f-button__list__item {
min-width: 5rem;
}
.wt-product__add-to-cart {
margin-top: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * 2);
display: inline-flex;
flex-wrap: wrap;
width: 100%;
}
.wt-product__add-to-cart_form {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: calc(var(--gap, 8px) * 2);
}
@media (min-width: 600px) {
.wt-product__add-to-cart_form {
flex-wrap: nowrap;
}
}
.wt-product__add-to-cart_form .js-add-to-cart {
background: var(--color-button-primary-background);
color: var(--color-button-primary-text);
border-color: transparent;
flex-grow: 2;
width: auto;
}
@media (hover: hover) {
.wt-product__add-to-cart_form .js-add-to-cart:hover {
background: var(--color-button-primary-background-hover);
border-color: transparent;
color: var(--color-button-primary-text-hover);
}
}
.wt-product__add-to-cart_form .js-add-to-cart.loading {
color: transparent;
}
@media (max-width: 399px) {
.wt-product__add-to-cart_form .js-add-to-cart {
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
}
}
.wt-product__add-to-cart_form .js-add-to-cart .svg-icon {
margin-right: calc(var(--gap, 8px) * 1);
width: 2.2rem;
height: 2.2rem;
}
.wt-product__add-to-cart_form .product-form__error-message-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: start;
gap: 16px;
margin-bottom: 16px;
}
.wt-product__add-to-cart_form .product-form__error-message-wrapper[hidden] {
display: none;
}
.wt-product__add-to-cart_form .product-form__error-message-wrapper svg {
width: 24px;
height: 24px;
padding-top: 2px;
}
.wt-product__add-to-cart_form .product-form__error-message-wrapper span {
width: fit-content;
}
.wt-product__add-to-cart .counter {
justify-content: space-between;
}
@media (min-width: 600px) {
.wt-product__add-to-cart .counter-wrapper {
width: auto;
}
}
.wt-product__status {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: calc(var(--gap, 8px) * 1);
}
@media (min-width: 900px) {
.wt-product__status {
width: 50%;
}
}
.wt-product__status .svg-icon {
width: 1.6rem;
height: 1.6rem;
margin-right: calc(var(--gap, 8px) * 0.5);
}
.wt-product__features {
margin-top: calc(var(--gap, 8px) * 1);
margin-bottom: calc(var(--gap, 8px) * 3);
}
.wt-product__features__title {
display: none;
margin-bottom: calc(var(--gap, 8px) * 1);
font-size: calc(var(--font-base-size) * 1.1);
}
@media (min-width: 1200px) {
.wt-product__features__title {
font-size: calc(var(--font-base-size) * 1.1);
}
}
@media (min-width: 900px) {
.wt-product__features__title {
display: block;
}
}
.wt-product__features__item {
display: flex;
align-items: center;
font-size: calc(var(--font-base-size));
position: relative;
padding-left: calc(var(--gap, 8px) * 1.5);
}
.wt-product__features__item::before {
content: "";
width: 4px;
height: 4px;
display: block;
background: var(--color-bullet);
border-radius: 50%;
margin-right: calc(var(--gap, 8px) * 1);
flex-shrink: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
}
.wt-product__aside {
border-top: 1px solid var(--color-border);
}
.wt-product__sticky-buy {
padding: calc(var(--gap, 8px) * 2);
background: white;
display: block;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 10;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s;
transition-delay: 1s;
}
@media (min-width: 900px) {
.wt-product__sticky-buy {
bottom: initial;
top: 0;
}
}
.wt-product__sticky-buy--show {
opacity: 1;
visibility: visible;
}
.wt-product__sticky-buy--show svg {
margin-right: 8px;
}
@media (min-width: 1200px) {
.wt-product__sticky-buy--show {
opacity: 0;
visibility: hidden;
}
}
.wt-product .wt-rating__stars {
font-size: 12px;
}
.wt-product__icon-text {
text-align: left;
padding-top: calc(var(--gap, 8px) * 1.4);
padding-bottom: calc(var(--gap, 8px) * 1.4);
display: flex;
align-items: center;
cursor: pointer;
}
.wt-product__text-link {
text-decoration: underline;
font-weight: bold;
font-size: calc(var(--font-base-size) * 1.1);
}
.wt-product__page {
font-size: calc(var(--font-base-size) * 1.4rem);
}
.wt-product__page--text {
text-align: center;
}
.wt-product__content {
display: flex;
align-items: center;
padding-bottom: 8px;
margin-top: -4px;
}
.wt-product__text {
font-size: calc(var(--font-base-size) * 1.1);
font-size: var(--font-headline-size);
font-family: var(--font-headline);
font-style: var(--font-headline-style);
font-weight: var(--font-headline-weight);
text-transform: var(--font-headline-transform, none);
letter-spacing: var(--font-headline-letter-spacing, normal);
color: var(--color-custom-text, var(--color-headings-text, var(--color-text)));
font-size: calc(var(--font-headline-size) * var(--font-headline-scale, 1));
margin: 0 0 calc(var(--gap, 8px) * 1);
overflow: visible;
line-height: normal;
margin-top: calc(var(--gap, 8px) * 1);
margin-bottom: calc(var(--gap, 8px) * 1.5);
}
.wt-product__opener {
display: inline-block;
}
.wt-product__button {
font-size: 1.6rem;
padding-right: 1.3rem;
padding-left: 0;
height: 3rem;
text-underline-offset: 0.3rem;
}
.wt-product__button:hover {
border: none;
background-color: inherit;
color: inherit;
}
.wt-product__link {
cursor: pointer;
display: inline-block;
border: none;
box-shadow: none;
color: var(--color-links);
text-underline-offset: 0.3rem;
background-color: transparent;
font-size: calc(var(--font-base-size) - 2px);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
}
.wt-product__modal-top {
padding: 16px 24px;
display: flex;
justify-content: flex-end;
}
.wt-product__modal--content {
display: flex;
flex-direction: column;
background-color: #fff;
overflow: hidden;
height: 100%;
margin: 0 auto;
left: 50%;
transform: translate(-50%);
width: 100%;
position: absolute;
top: 0;
z-index: 101;
}
@media (min-width: 1200px) {
.wt-product__modal--content {
height: 75%;
width: 92%;
max-width: 980px;
margin-top: 10rem;
border-radius: var(--border-radius);
}
}
.wt-product__modal--content-info {
text-align: justify;
overflow-y: scroll;
height: 100%;
margin: calc(var(--gap, 8px) * 3) 0;
padding: 0 calc(var(--gap, 8px) * 3);
}
@media (min-width: 900px) {
.wt-product__modal--content-info {
margin: calc(var(--gap, 8px) * 5) calc(var(--gap, 8px) * 3);
margin-top: 0;
padding: 0 calc(var(--gap, 8px) * 2) 0 calc(var(--gap, 8px) * 2);
}
}
.wt-product__modal {
box-sizing: border-box;
opacity: 0;
position: fixed;
visibility: hidden;
z-index: -1;
margin: 0 auto;
top: 0;
left: 0;
overflow: auto;
width: 100%;
height: 100%;
}
.wt-product__modal[open] {
opacity: 1;
visibility: visible;
z-index: 101;
background-color: rgba(0, 0, 0, 0.5);
}
.wt-product__modal--toggle {
cursor: pointer;
width: var(--size-icon);
height: var(--size-icon);
color: var(--color-text);
}
@media (min-width: 600px) {
.wt-product__modal--toggle {
width: var(--size-icon-desk);
height: var(--size-icon-desk);
}
}
.wt-product__modal--toggle .svg-icon--close {
position: static;
width: var(--size-icon);
height: var(--size-icon);
padding: 0;
}
@media (min-width: 600px) {
.wt-product__modal--toggle .svg-icon--close {
width: var(--size-icon-desk);
height: var(--size-icon-desk);
}
}
.wt-product__icon {
width: 2rem;
margin-right: calc(var(--gap, 8px) * 1.2);
display: flex;
align-items: center;
}
.wt-product__options variant-options {
display: flex;
flex-direction: column;
gap: 16px;
}
.wt-product__options #ProductPopup-variant_picker {
text-decoration: underline;
}
.wt-product__upsell {
font-family: "Avenir Next";
font-weight: normal;
margin-block: calc(var(--gap, 8px) * 4);
}
.wt-product__upsell__headline {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
margin-top: calc(var(--gap, 8px) * 4);
margin-bottom: calc(var(--gap, 8px) * 3);
}
.wt-product__upsell__content {
display: flex;
align-items: center;
gap: 16px;
margin-top: calc(var(--gap, 8px) * 1);
}
.wt-product__upsell__content .price__sale.visible {
flex-direction: column-reverse;
}
.wt-product__upsell__content .price__sale.visible span {
justify-content: start;
}
.wt-product__upsell__product {
flex-grow: 1;
}
.wt-product__upsell__product .card__title a {
--clr-underline: var(--color-links);
word-break: break-word;
}
@media (hover: hover) {
.wt-product__upsell__product .card__title a {
text-decoration: none;
background-image: linear-gradient(var(--clr-underline, var(--color-menu-text)), var(--clr-underline, var(--color-menu-text)));
background-repeat: no-repeat;
background-position: bottom left;
background-size: 0% 1px;
transition: background-size 0.3s ease-in-out;
}
.wt-product__upsell__product .card__title a:hover {
background-size: 100% 1px;
color: inherit;
}
}
.wt-product__upsell__vendor {
text-transform: uppercase;
color: var(--color-brand);
font-size: calc(var(--font-base-size) - 4px);
letter-spacing: 1px;
}
.wt-product__upsell__title {
font-size: calc(var(--font-base-size) - 2px);
}
.wt-product__upsell__title a {
color: var(--color-body-text);
}
.wt-product__upsell__title a:hover {
color: var(--color-links);
}
.wt-product__upsell__price {
margin-top: calc(var(--gap, 8px) * 0.75);
font-size: calc(var(--font-base-size) - 2px);
}
.wt-product__upsell__picture {
display: flex;
flex-shrink: 0;
}
.wt-product__upsell__content .wt-product__upsell__image {
margin: auto;
width: 100%;
height: 100%;
max-width: 120px;
max-height: 120px;
object-fit: cover;
aspect-ratio: var(--aspect-ratio, auto);
}
.wt-product__upsell .price__sale .price__sale__details-wrapper {
justify-content: start;
flex-wrap: wrap;
}
.wt-product__upsell__button {
text-wrap: nowrap;
}
.wt-product__text-block {
padding-bottom: calc(var(--gap, 8px) * 2);
padding-top: calc(var(--gap, 8px) * 0.5);
}
.wt-product__information-popup {
margin-top: 0;
}
.wt-product__information-popup .wt-product__button.wt-product__link {
height: auto;
text-decoration: underline;
}
.wt-product__sku {
font-size: 1rem;
font-family: var(--font-price);
margin-bottom: calc(var(--gap, 8px) * 1.5);
}
.wt-product__promo {
padding: calc(var(--gap, 8px) * 1);
background-color: var(--block-color-background);
color: var(--block-color-text);
text-align: var(--block-text-alignment);
border-radius: var(--border-radius);
}
.wt__quick-buy .wt-product__promo {
display: none;
}
.wt-product .product-form__input {
padding: 0;
margin: 0;
border: none;
}
.wt-product .wt-collapse__target--text {
margin-top: calc(var(--gap, 8px) * 1);
}
.wt-product .metafields-variants {
padding: 12px 0 16px 0;
font-family: var(--font-price);
font-size: calc(var(--font-base-size) - 2px);
}
.wt-product .metafields-variants__ul {
display: flex;
gap: 8px;
padding-top: 8px;
padding-left: 2px;
}
.wt-product .metafields-variants__item {
width: 40px;
height: 40px;
position: relative;
border-radius: 50px;
outline: 1px solid var(--color-input-border);
border: 3px solid var(--color-border);
}
.wt-product .metafields-variants__item:focus {
outline: 1px solid var(--color-input-border);
}
.wt-product .metafields-variants__item--active {
outline: 1px solid var(--color-body-text);
}
.wt-product__feature-tags label {
padding-inline: calc(var(--gap, 8px) * 1);
cursor: initial;
}
.wt-product__feature-tags label::before {
border-color: var(--color-body-text);
}
.wt-product__feature-tags .f-button__list__link {
height: 26px;
font-size: calc(var(--font-base-size) - 2px);
}
.model-container {
background-color: #ffffff;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
display: flex;
flex-direction: column;
padding-top: 0;
}
.model-container nav {
width: 100%;
display: flex;
justify-content: flex-end;
z-index: 2;
}
.model-container nav .close-btn {
display: flex;
justify-content: center;
align-items: center;
margin: 16px;
cursor: pointer;
width: var(--size-icon);
height: var(--size-icon);
}
@media (min-width: 900px) {
.model-container nav .close-btn {
width: var(--size-icon-desk);
height: var(--size-icon-desk);
}
}
.model-container nav .featured-icon {
display: flex;
gap: 8px;
margin-top: var(--block-margin-top);
margin-bottom: var(--block-margin-bottom);
}
.model-container nav .featured-icon .svg-icon {
--custom-icon-size: calc(
var(--size-icon) * var(--font-base-size) * (2.2)
);
width: var(--custom-icon-size);
height: var(--custom-icon-size);
}
.model-container nav .featured-icon .featured-icon__title,
.model-container nav .featured-icon .featured-icon__text {
--custom-text-scale: var(--font-text-scale, 1);
--text-size: calc(var(--font-base-size) * var(--custom-text-scale, 1));
font-size: var(--text-size);
}
.model-container nav .featured-icon .featured-icon__title {
font-weight: 700;
}
@media (min-width: 1200px) {
.model-container nav .featured-icon .svg-icon {
--custom-icon-size-desk: calc(
var(--size-icon-desk) * var(--font-base-size) * (2.2)
);
width: var(--custom-icon-size-desk);
height: var(--custom-icon-size-desk);
}
.model-container nav .featured-icon .featured-icon__title,
.model-container nav .featured-icon .featured-icon__text {
--custom-text-scale: var(--font-text-scale-desk, 1);
--text-size: calc(
var(--font-base-size) * var(--custom-text-scale, 1)
);
font-size: var(--text-size);
}
}
.model-container nav svg {
color: black;
}
.model-container .model {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 32px;
padding: 0 2rem;
z-index: 1;
}
.model-container .model iframe {
aspect-ratio: 1.77;
width: 100%;
}
@media (min-width: 1200px) {
.model-container .model iframe {
width: 76%;
}
}
.model-container .model:has(iframe) {
position: fixed;
height: 100vh;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.model-container .model model-viewer {
width: 100vw;
height: 100vh;
max-height: 80vh;
}
.model-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
padding: 8px;
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
background-color: var(--color-button-secondary-background);
}
.model-btn svg {
stroke: var(--color-button-secondary-text);
pointer-events: none;
}
.model-btn:has(.icon-play) {
padding: 4px;
}
.model-btn .icon-play {
width: 12px;
height: 12px;
}
@media (min-width: 1200px) {
.model-btn:hover {
color: var(--color-button-secondary-text-hover);
background-color: var(--color-button-secondary-background-hover);
}
.model-btn:hover svg {
stroke: var(--color-button-secondary-text-hover);
pointer-events: none;
}
}
.spr-review .spr-review-content-body {
font-size: var(--font-base-size);
line-height: var(--font-base-line-height, normal);
}
.share-icons__container {
display: flex;
align-items: center;
gap: 16px;
}
.share-icons__container--noheading ul {
padding-left: 0px !important;
}
.share-icons__container .wt-product__upsell__headline {
line-height: 1;
margin-top: 0;
margin-bottom: 0;
text-wrap: nowrap;
white-space: nowrap;
}
.share-icons__container ul {
height: 100%;
width: 100%;
display: flex;
gap: 16px;
}
.share-icons__container .share-icons__item {
display: flex;
justify-content: center;
align-items: center;
}
.share-icons__container .share-icons__item a {
display: flex;
align-items: flex-end;
}
.share-icons__container .share-icons__item svg {
width: 18px;
height: 18px;
fill: var(--color-body-text);
}
@media (min-width: 1200px) {
.share-icons__container .share-icons__item svg:hover {
fill: var(--color-links);
}
}
.wt-product__add-to-cart_form {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 16px;
}
@media (min-width: 1400px) {
.wt-product__add-to-cart_form form {
max-width: 70%;
}
}
@media (min-width: 1400px) {
.wt-product__add-to-cart_form form:has(quantity-counter) {
max-width: 100%;
}
.wt-product__add-to-cart_form form:has(quantity-counter) quantity-counter {
width: 140px;
}
.wt-product__add-to-cart_form form:has(quantity-counter) .counter {
width: 140px;
}
.wt-product__add-to-cart_form form:has(quantity-counter) .counter .js-counter-decrease {
margin-left: 6px;
}
.wt-product__add-to-cart_form form:has(quantity-counter) .counter .js-counter-increase {
margin-right: 6px;
}
}
.wt-product__add-to-cart_form.large form {
max-width: 100%;
}
.wt-product__add-to-cart_form--wrapper {
display: flex;
gap: 16px;
}
.wt-product__add-to-cart_form .shopify-payment-button__button--unbranded {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border: 1px solid;
border-radius: var(--border-radius-button);
border-color: var(--color-button-secondary-border);
display: flex;
justify-content: center;
align-items: center;
font-size: var(--font-button-size);
font-family: var(--font-button);
font-style: var(--font-button-style);
font-weight: var(--font-button-weight);
text-transform: var(--font-button-transform, none);
letter-spacing: var(--font-button-letter-spacing, normal);
}
.wt-product__add-to-cart_form .shopify-payment-button__button--unbranded:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
.wt-product__add-to-cart_form .shopify-payment-button__button--unbranded:hover:not([disabled]) {
background: var(--color-button-secondary-background-hover);
}
.wt-product__add-to-cart_form .shopify-payment-button__more-options {
display: none;
}
.complementary-products__container {
margin-bottom: 12px;
}
.complementary-products__container .complementary-products__loader {
display: flex;
justify-content: center;
align-items: center;
padding-top: 16px;
padding-bottom: 32px;
}
.complementary-products__container .summary__title--h3 {
margin-top: 8px;
margin-bottom: 0px;
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
font-size: calc(var(--font-base-size) * 1.1);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
}
@media (min-width: 1200px) {
.complementary-products__container .summary__title--h3 {
font-size: calc(var(--font-base-size) * 1);
}
}
#gallery-loader {
min-width: 50%;
min-height: 500px;
display: flex;
justify-content: center;
align-items: center;
}
.drawer__list-overlay {
position: fixed;
height: 100vh;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.3s ease-in-out;
z-index: 40;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
overflow: hidden;
}
.quick-buy-page-overlay .drawer__list-overlay,
.variant-dropdown-page-overlay .drawer__list-overlay {
opacity: 1;
}
.quick-buy-page-overlay .page-header,
.variant-dropdown-page-overlay .page-header {
z-index: 5;
}
pickup-availability-drawer {
position: relative;
}
pickup-availability-drawer::after {
content: "";
position: sticky;
display: block;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--color-background) 100%);
width: 100%;
height: 52px;
}
pickup-availability-drawer .pickup-availability-list {
gap: 0;
margin-top: 0;
padding-top: 0;
list-style: none;
}
pickup-availability-drawer .pickup-availability-list .pickup-availability-list__item {
margin: 0;
padding: 32px 0;
border-bottom: 1px solid var(--color-border);
}
pickup-availability-drawer .pickup-availability-list .pickup-availability-list__item:last-of-type {
border-bottom: 0;
padding-bottom: 0;
}
.overflow-hidden {
overflow: hidden;
}
.wt-featured-product {
z-index: 0;
}
.wt-featured-product--active-variant-dropdown {
z-index: 10;
}
.wt-featured-product--active-variant-dropdown .swiper {
z-index: 0;
}
.page-overlay-on .wt-featured-product {
z-index: 10;
}
.page-overlay-on .wt-featured-product .swiper {
z-index: 0;
}
.quick-buy-page-overlay .wt-announcement,
.variant-dropdown-page-overlay .wt-announcement,
.page-overlay-on .wt-announcement {
z-index: 0;
}
.wt-review {
font-size: 1.6rem;
}
.wt-reviews {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.wt-reviews {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-reviews {
max-width: var(--site-max-width-big);
}
}
.wt-reviews__title {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: calc(var(--gap, 8px) * 2);
display: flex;
align-items: center;
}
.wt-reviews__title .counter {
display: inline-flex;
margin-left: calc(var(--gap, 8px) * 1);
border-radius: 50%;
width: 2.4rem;
height: 2.4rem;
justify-content: center;
align-items: center;
background: #f6f5f2;
font-size: 1.4rem;
}
.wt-reviews__list__more {
font-size: 1.4rem;
text-align: center;
}
.wt-reviews__summary {
font-size: 1.4rem;
}
.wt-reviews__summary__rating {
display: flex;
justify-content: space-between;
align-items: center;
}
.wt-reviews__summary__more {
text-align: center;
}
.wt-reviews__summary .value-digit {
font-size: 2.8rem;
}
.wt-reviews__summary .value-bar__digit {
font-size: 1.2rem;
}
.wt-reviews__summary .wt-rating__base, .wt-reviews__summary .wt-rating__value {
height: 2.4rem;
}
.wt-review__title {
font-size: inherit;
margin-top: calc(var(--gap, 8px) * 1);
margin-bottom: calc(var(--gap, 8px) * 1);
}
.wt-review__note {
font-size: 1.2rem;
color: var(--color-text-light);
}
.wt-review__content {
margin: 0;
padding: 0;
}
.wt-review__content p {
margin: calc(var(--gap, 8px) * 1) 0;
font-size: 1.4rem;
}
.giftnote {
display: flex;
}
.giftnote__overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 5;
transform: scale(0);
opacity: 0;
transition: opacity 0.3s;
}
.giftnote[open] .giftnote__overlay {
transform: scale(1);
opacity: 1;
}
.giftnote__save {
background: var(--color-button-primary-background);
color: var(--color-button-primary-text);
border-color: transparent;
}
@media (hover: hover) {
.giftnote__save:hover {
background: var(--color-button-primary-background-hover);
border-color: transparent;
color: var(--color-button-primary-text-hover);
}
}
.giftnote__save.loading {
color: transparent;
}
.giftnote__textarea {
width: 100%;
border: 1px solid var(--color-input-border);
border-radius: var(--border-radius);
padding: calc(var(--gap, 8px) * 1);
margin-bottom: calc(var(--gap, 8px) * 2);
font-size: 16px;
}
.giftnote__body {
position: absolute;
background: white;
left: 0;
bottom: 0;
width: 100%;
transform: translateY(100%);
padding: calc(var(--gap, 8px) * 4) calc(var(--gap, 8px) * 3) calc(var(--gap, 8px) * 3);
z-index: 10;
transition: transform 0.3s;
}
.giftnote--open .giftnote__body, .giftnote[open] .giftnote__body {
transform: translateY(0);
}
.giftnote__body__headline {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: calc(var(--gap, 8px) * 1);
font-size: var(--font-base-size);
}
.giftnote__body__close {
width: 4rem;
height: 4rem;
border: 0;
padding: calc(var(--gap, 8px) * 1);
position: absolute;
top: calc(var(--gap, 8px) * 2);
right: calc(var(--gap, 8px) * 2);
border-radius: 50%;
}
.giftnote__field {
border: 1px solid var(--color-input-border);
width: 100%;
margin-top: calc(var(--gap, 8px) * 1.5);
max-width: 60rem;
}
.giftnote__drawercart__item {
flex-basis: 50%;
}
.giftnote__drawercart__addnote {
display: inline-flex;
align-items: center;
white-space: nowrap;
text-decoration: underline;
}
.giftnote__drawercart__addnote .svg-icon {
width: 1.2rem;
height: 1.2rem;
margin-left: calc(var(--gap, 8px) * 0.5);
}
.giftnote__drawercart__addnote-tax_id {
text-align: right;
text-decoration: underline;
}
.page-title {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: 2rem;
text-align: center;
}
@media (min-width: 900px) {
.page-title {
font-size: 2.8rem;
}
}
.wt-blog__list {
border: 0;
margin: 0;
padding: 0;
list-style: none;
background: none;
width: 100%;
position: relative;
}
@media (min-width: 600px) {
.wt-blog__list {
display: grid;
gap: calc(var(--gap, 8px) * 3);
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 900px) {
.wt-blog__list {
grid-template-columns: repeat(3, 1fr);
}
}
.wt-blog__list__item {
padding-top: calc(var(--gap, 8px) * 5);
padding-bottom: calc(var(--gap, 8px) * 5);
}
.wt-blog__list__item:nth-child(2n)::after {
content: "";
display: block;
border: 1px solid var(--color-input-border);
width: 100%;
position: absolute;
left: 0;
margin-top: calc(var(--gap, 8px) * 5);
}
.wt-blog__list--v2 .wt-blog__list__item {
text-align: center;
}
.wt-blog-item__pic {
border: 0;
margin: 0;
padding: 0;
list-style: none;
background: none;
margin-bottom: calc(var(--gap, 8px) * 2);
}
.wt-blog-item img {
display: block;
width: 100%;
}
.wt-blog-item__meta {
display: inline-flex;
font-size: 1.2rem;
}
.wt-blog-item__meta li {
padding-left: calc(var(--gap, 8px) * 1);
padding-right: calc(var(--gap, 8px) * 1);
line-height: 1;
}
.wt-blog-item__meta li:first-child {
padding-left: 0;
}
.wt-blog-item__meta li:last-child {
padding-right: 0;
}
.wt-blog-item__meta li:not(:first-child) {
border-left: 1px solid var(--color-text-light);
}
.wt-blog-item__title {
border: 0;
margin: 0;
padding: 0;
list-style: none;
background: none;
font-size: 2rem;
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
margin-top: calc(var(--gap, 8px) * 2);
margin-bottom: calc(var(--gap, 8px) * 1);
}
@media (max-width: 1199px) {
.wt-blog-item__title {
font-size: 1.6rem;
}
}
.wt-blog-item__desc {
border: 0;
margin: 0;
padding: 0;
list-style: none;
background: none;
font-size: 1.4rem;
margin-bottom: calc(var(--gap, 8px) * 2);
}
@media (min-width: 900px) {
.wt-blog-item__desc {
font-size: 1.6rem;
}
}
.wt-blog-item .wt-more {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.main-blog__grid {
display: grid;
grid-template-columns: 1fr;
gap: calc(var(--gap, 8px) * 2);
width: 100%;
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 3);
padding-right: calc(var(--gap, 8px) * 3);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 900px) {
.main-blog__grid {
grid-template-columns: repeat(var(--cols), 1fr);
gap: calc(var(--gap, 8px) * 3);
}
}
@media (min-width: 1200px) {
.main-blog__grid {
padding-left: calc(var(--gap, 8px) * 4);
padding-right: calc(var(--gap, 8px) * 4);
}
}
@media (min-width: 1800px) {
.main-blog__grid {
max-width: var(--site-max-width-big);
}
}
.main-blog__grid__item {
width: auto;
overflow: hidden;
}
.main-blog__grid__item--left h3 {
text-align: left;
}
.main-blog__grid__item--left p,
.main-blog__grid__item--left span,
.main-blog__grid__item--left .article-card__comments {
text-align: left;
}
.main-blog__grid__item--left .wt-blog__read {
display: flex;
}
.main-blog__grid__item--center .wt-blog__date-author {
justify-content: center;
}
.article__pic {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
max-width: var(--post-max-width);
padding-top: calc(var(--gap, 8px) * 2);
}
@media (min-width: 1200px) {
.article__pic {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.article__pic {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 1800px) {
.article__pic {
max-width: var(--post-max-width);
}
}
@media (min-width: 900px) {
.article__pic {
padding-top: calc(var(--gap, 8px) * 3);
}
}
.article__pic .hero {
border-radius: var(--border-radius);
overflow: hidden;
}
.article__pic--hero {
padding: 0;
max-width: var(--hero-max-width);
}
.article__pic--hero .hero {
border-radius: 0;
}
.article__content {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
max-width: var(--post-max-width);
}
@media (min-width: 1200px) {
.article__content {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.article__content {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 1800px) {
.article__content {
max-width: var(--post-max-width);
}
}
.article__body {
margin-bottom: calc(var(--gap, 8px) * 7);
}
.article__body,
.article__body p {
font-size: 1.4rem;
}
@media (min-width: 900px) {
.article__body,
.article__body p {
font-size: 1.6rem;
}
}
.article__body h1 {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: 2rem;
}
@media (min-width: 900px) {
.article__body h1 {
font-size: 2.8rem;
}
}
.article__body h2 {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: clamp(2.1rem, 1.3vw + 1.2rem, 2.4rem);
}
.article__body h3 {
font-size: 2rem;
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
}
@media (max-width: 1199px) {
.article__body h3 {
font-size: 1.6rem;
}
}
.article__header {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.4rem;
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: calc(var(--gap, 8px) * 2);
border-bottom: 1px solid var(--color-input-border);
}
.article__social {
display: flex;
align-items: center;
}
.article__social .social-link {
opacity: 0.7;
}
.article__title {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: 2rem;
margin-top: calc(var(--gap, 8px) * 4);
}
@media (min-width: 900px) {
.article__title {
font-size: 2.8rem;
}
}
.article__footer {
border-top: 1px solid var(--color-input-border);
padding-top: calc(var(--gap, 8px) * 3);
padding-bottom: calc(var(--gap, 8px) * 11);
display: flex;
align-items: center;
justify-content: space-between;
}
.article__prev {
flex-direction: row-reverse;
padding-left: 0;
}
.article__prev .svg-icon {
margin-left: 0;
margin-right: calc(var(--gap, 8px) * 1);
transform: rotateY(-0.5turn);
}
.article__next {
padding-right: 0;
}
#comments form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 32px 24px 32px 24px;
}
#comments label {
width: 100%;
margin-bottom: 16px;
}
#comments .field.field--with-error {
margin-bottom: 0;
}
.form-status-list.form__message h3,
.form__message h3 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
}
@media (min-width: 600px) {
.form-status-list.form__message h3,
.form__message h3 {
flex-direction: row;
gap: 12px;
}
}
.form-status-list.form__message svg,
.form__message svg {
width: 24px;
height: 24px;
}
.article-card {
width: 100%;
position: relative;
}
.article-card__info--full-width {
padding-left: 24px;
padding-right: 24px;
}
.article-card__excerpt {
font-size: 14px;
padding: 4px 0;
}
@media (min-width: 1200px) {
.article-card__excerpt {
font-size: 15px;
}
}
.article-card__comments {
font-size: calc(var(--font-base-size) * 0.75);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
letter-spacing: 1px;
opacity: 0.6;
color: var(--color-custom-text, var(--color-text));
line-height: normal;
margin-top: 12px;
}
.article-card .hero__img--placeholder {
border-radius: var(--border-radius);
}
.article-card__image-wrapper svg {
position: static;
max-height: none;
}
.article-card__image-wrapper--full-width picture.hero__pic,
.article-card__image-wrapper--full-width picture.hero__pic.hero__pic--mobile {
border-radius: 0;
}
.article-card__image-wrapper .hero__img {
object-fit: cover;
border-radius: var(--border-radius);
position: static;
aspect-ratio: var(--aspect-ratio);
}
.article-card__image-wrapper .hero__pic {
padding-top: 0;
}
.article-card .card__badges {
z-index: 1;
}
.article-card .card__badges .card__badges--item {
background-color: var(--color-button-primary-background);
color: var(--color-button-primary-text);
}
.article-card-wrapper {
height: 100%;
min-height: 200px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
background-color: var(--color-input-border);
border-radius: var(--border-radius);
}
.article-card-wrapper .card__heading {
text-align: center;
}
.article-card-wrapper .card__badges--item {
background-color: var(--color-button-primary-background);
color: var(--color-button-primary-text);
}
.cms-page {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
max-width: var(--post-max-width);
margin-bottom: calc(var(--gap, 8px) * 7);
}
@media (min-width: 1200px) {
.cms-page {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.cms-page {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 1800px) {
.cms-page {
max-width: var(--post-max-width);
}
}
.cms-page--contact {
max-width: 64rem;
}
@media (min-width: 1800px) {
.cms-page--contact {
max-width: 64rem;
}
}
.cms-page__title {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: 2rem;
margin-top: calc(var(--gap, 8px) * 7);
text-align: center;
}
@media (min-width: 900px) {
.cms-page__title {
font-size: 2.8rem;
}
}
.cms-page__content,
.cms-page__content p {
font-size: 1.4rem;
}
@media (min-width: 900px) {
.cms-page__content,
.cms-page__content p {
font-size: 1.6rem;
}
}
.cms-page__content h1 {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: 2rem;
}
@media (min-width: 900px) {
.cms-page__content h1 {
font-size: 2.8rem;
}
}
.cms-page__content h2 {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: clamp(2.1rem, 1.3vw + 1.2rem, 2.4rem);
}
.cms-page__content h3 {
font-size: 2rem;
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
}
@media (max-width: 1199px) {
.cms-page__content h3 {
font-size: 1.6rem;
}
}
.account-wrapper {
max-width: var(--site-max-width);
padding-left: 0px;
padding-right: 0px;
margin-left: auto;
margin-right: auto;
max-width: 42rem;
margin-top: calc(var(--gap, 8px) * 7);
margin-bottom: calc(var(--gap, 8px) * 14);
}
@media (min-width: 1200px) {
.account-wrapper {
padding-left: calc(0px + calc(var(--gap, 8px) * 2));
padding-right: calc(0px + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.account-wrapper {
max-width: var(--site-max-width-big);
}
}
@media (min-width: 1800px) {
.account-wrapper {
max-width: 42rem;
}
}
.account-form__title {
font-family: var(--font-headline);
font-weight: var(--font-headline-weight);
font-style: var(--font-headline-style);
letter-spacing: var(--font-headline-letter-spacing);
text-transform: var(--font-headline-transform, initial);
line-height: 1.2;
font-size: 2rem;
margin-top: calc(var(--gap, 8px) * 4);
text-align: center;
}
@media (min-width: 900px) {
.account-form__title {
font-size: 2.8rem;
}
}
@media (min-width: 900px) {
.account-form__title {
margin-top: calc(var(--gap, 8px) * 7);
}
}
.account-form .recovery-password {
margin-top: calc(var(--gap, 8px) * 1);
width: 100%;
display: flex;
justify-content: center;
}
.account-form .recovery-password .svg-icon {
display: none;
}
.account-create {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
padding-left: calc(var(--gap, 8px) * 3);
padding-right: calc(var(--gap, 8px) * 3);
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: calc(var(--gap, 8px) * 2);
font-size: var(--font-button-size);
font-family: var(--font-button);
font-style: var(--font-button-style);
font-weight: var(--font-button-weight);
text-transform: var(--font-button-transform, none);
letter-spacing: var(--font-button-letter-spacing, normal);
text-align: center;
text-decoration: none;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: var(--border-radius-button);
-webkit-appearance: none;
cursor: pointer;
transition: background 0.3s ease-in, color 0.3s ease-in;
width: 100%;
margin-top: calc(var(--gap, 8px) * 2);
}
@media (hover: hover) {
.account-create:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
}
.account-create[disabled] {
opacity: 0.4;
cursor: not-allowed;
}
.wt-test {
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
justify-content: center;
background-color: var(--color-custom-background);
color: var(--color-custom-text);
}
.wt-test__container {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
display: block;
}
@media (min-width: 1200px) {
.wt-test__container {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-test__container {
max-width: var(--site-max-width-big);
}
}
.wt-test__list {
display: flex;
flex-direction: row;
color: var(--color-custom-text);
}
@media (min-width: 600px) {
.wt-test__list {
margin-top: calc(var(--gap, 8px) * 3);
justify-content: space-between;
align-items: stretch;
}
}
.wt-test__icon {
width: 2.5rem;
height: 2.5rem;
flex-shrink: 0;
margin-left: 0;
}
.wt-test__item {
--custom-text-scale: var(--font-text-scale, 1);
--text-size: calc(var(--font-base-size) * var(--custom-text-scale, 1));
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-basis: 100%;
height: auto;
font-size: var(--text-size);
}
@media (min-width: 1200px) {
.wt-test__item {
--custom-text-scale: var(--font-text-scale-desk);
}
}
@media (max-width: 599px) {
.wt-test__item {
width: 100%;
height: auto;
}
}
@media (min-width: 600px) {
.wt-test__item--border {
padding-top: 4.8rem;
padding-bottom: 4.8rem;
border: 1px solid var(--color-background);
}
}
.wt-test__image {
max-width: 8rem;
max-height: 8rem;
margin: 0.5rem;
width: 100%;
height: 100%;
object-fit: contain;
}
@media (min-width: 600px) {
.wt-test__image {
max-width: 12rem;
max-height: 12rem;
}
}
@media (min-width: 1200px) {
.wt-test__image {
max-width: 14rem;
max-height: 14rem;
}
}
.wt-test__image--natural {
object-position: 50% 50% !important;
}
.wt-test__image--circle {
width: var(--mobile-width, 5rem);
height: var(--mobile-width, 5rem);
max-width: 100%;
max-height: 100%;
margin: 0.5rem;
border-radius: 50%;
object-fit: cover;
}
@media (min-width: 600px) {
.wt-test__image--circle {
width: var(--desktop-width, 6rem);
height: var(--desktop-width, 6rem);
}
}
.wt-test__image--square {
width: var(--mobile-width, 5rem);
height: var(--mobile-width, 5rem);
max-width: 100%;
max-height: 100%;
margin: 0.5rem;
object-fit: cover;
}
@media (min-width: 600px) {
.wt-test__image--square {
width: var(--desktop-width, 6rem);
height: var(--desktop-width, 6rem);
}
}
.wt-test__image--no_image {
display: none;
}
.wt-test__stars {
width: 1.5rem;
height: 1.5rem;
font-weight: bold;
}
.wt-test__text {
padding-left: calc(var(--gap, 8px) * 1);
padding-right: calc(var(--gap, 8px) * 1);
text-align: center;
padding: calc(var(--gap, 8px) * 0.5);
}
@media (min-width: 600px) {
.wt-test__text {
display: inline-block;
max-width: 80%;
}
}
.wt-test__author {
font-size: var(--font-base-size);
margin-top: calc(var(--gap, 8px) * 1);
}
.wt-test__placeholder {
width: 10rem;
height: 10rem;
background-color: #efefef;
fill: #b7b7b7;
border-radius: var(--border-radius);
}
@media (max-width: 899px) {
.wt-test__placeholder {
width: 8rem;
}
}
.rich-text {
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: var(--color-custom-background);
}
.rich-text .hero__overlay {
position: relative;
}
.rich-text .hero__overlay__content {
width: 100%;
}
.rich-text--short {
width: 100%;
}
@media (min-width: 1200px) {
.rich-text--short {
margin-left: auto;
margin-right: auto;
width: 50%;
}
.rich-text--short .hero__overlay__content {
width: 100%;
}
}
.rich-text-image img,
.rich-text-image svg {
width: calc(var(--font-headline-scale) * var(--font-headline-size) * var(--font-base-line-height));
height: calc(var(--font-headline-scale) * var(--font-headline-size) * var(--font-base-line-height));
border-radius: 50%;
transition: all 0.1s ease-in-out;
vertical-align: middle;
object-fit: cover;
}
@media (min-width: 900px) {
.rich-text-image img,
.rich-text-image svg {
width: calc(var(--font-headline-scale-desk) * var(--font-headline-size) * var(--font-base-line-height));
height: calc(var(--font-headline-scale-desk) * var(--font-headline-size) * var(--font-base-line-height));
}
}
.rich-text-image svg {
border: 1px solid #000000;
}
.rich-text-image img:hover,
.rich-text-image svg:hover {
transform: scale(1.1);
}
.rich-text-image__heading {
font-size: calc(var(--font-headline-scale) * var(--font-headline-size));
line-height: var(--font-base-line-height);
text-transform: var(--font-base-transform, none);
margin: 0;
}
@media (min-width: 900px) {
.rich-text-image__heading {
font-size: calc(var(--font-headline-scale-desk) * var(--font-headline-size));
}
}
.wt-blog {
margin: 0 auto;
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
}
@media (min-width: 1200px) {
.wt-blog {
padding-left: calc(var(--gap, 8px) * 2 + var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2 + var(--gap, 8px) * 2);
}
}
.wt-blog__full {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.wt-blog__icon {
width: 1rem;
height: 1rem;
}
.wt-blog__view {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
margin-top: calc(var(--gap, 8px) * 3);
}
@media (min-width: 1200px) {
.wt-blog__view {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-blog__view {
max-width: var(--site-max-width-big);
}
}
.wt-blog__content {
margin-top: 0;
}
.wt-blog__content--search {
margin-top: 8px;
}
.wt-blog__content .hero__title {
margin-top: calc(var(--gap) * 2);
margin-bottom: calc(var(--gap) * 1.5);
}
.wt-blog__read {
margin-top: 16px;
margin-bottom: 16px;
}
.wt-blog__read button, .wt-blog__read .wt-featured-nav .secondary-navigation__link, .wt-featured-nav .wt-blog__read .secondary-navigation__link {
margin-top: 0;
margin-bottom: 0px;
}
.wt-blog__date-author {
display: flex;
gap: 8px;
margin-top: calc(var(--gap, 8px) * 2);
font-size: 1.2rem;
}
.wt-blog__date-author span {
font-size: calc(var(--font-base-size) * 0.75);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
letter-spacing: 1px;
font-size: calc(var(--font-base-size) * 0.75);
text-transform: uppercase;
opacity: 0.6;
margin: 0;
color: var(--color-custom-text);
line-height: normal;
}
.wt-blog__date-author span.card__subtitle--right-border::after {
content: "";
width: 1px;
height: 65%;
background-color: var(--color-border);
margin-left: 10px;
margin-right: 8px;
display: inline-block;
}
.wt-blog__date-author + .hero__title {
margin-top: calc(var(--gap) * 1.5);
}
.wt-blog__date-author--search span {
font-size: 12px;
}
.wt-blog__item--center .wt-blog__date-author {
justify-content: center;
}
.wt-blog__item--center {
text-align: center;
}
.article-content {
color: var(--color-custom-text);
}
.wt-multicol__wrapper.wt-blog {
max-width: initial;
padding-left: 0;
padding-right: 0;
}
.article-card__info {
padding-right: 16px;
}
.article-card .hero__text.hero__text--search {
margin-bottom: 0;
}
.article-card picture {
border-radius: var(--border-radius);
}
.newsletter {
background-color: var(--color-background);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--color-text);
}
.newsletter__text {
padding-bottom: calc(var(--gap, 8px) * 1);
}
.newsletter__wrapper {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (min-width: 1200px) {
.newsletter__wrapper {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.newsletter__wrapper {
max-width: var(--site-max-width-big);
}
}
.newsletter .form__message {
padding-left: 16px;
padding-right: 16px;
}
.newsletter .form__message p {
text-align: center;
}
.newsletter .wt-newsletter__field {
border-color: var(--color-input-border, var(--color-button-secondary-border));
color: var(--color-input-text, var(--color-input-text));
background-color: var(--color-input-background);
}
.newsletter .wt-newsletter__field::placeholder {
color: var(--color-input-placeholder);
}
.newsletter .wt-newsletter__field:focus-visible {
outline-color: var(--color-custom-text, var(--color-links-active));
}
.newsletter .wt-newsletter__fieldset {
width: 100%;
margin-inline: auto;
}
.newsletter .hero__text {
margin: 1rem;
}
.main-product__buy-buttons--container {
display: flex;
justify-content: center;
align-items: center;
}
/* Inventory status */
.product__inventory {
display: flex;
align-items: center;
gap: 0.5rem;
font-family: var(--font-base);
}
.product--no-media .product__inventory {
justify-content: center;
}
/* This keeps the container from getting display: none; applied to it and to make sure we're not introducing some layout shift when switching to an unavailable variant */
.product__inventory.visibility-hidden:empty {
display: block;
}
.caption-with-letter-spacing {
font-family: var(--font-base);
font-size: 16px;
letter-spacing: 0.13rem;
text-transform: uppercase;
color: var(--color-text);
}
.subtitle {
font-size: 1.8rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
letter-spacing: 0.06rem;
color: var(--color-text);
}
/* Recipient form */
.recipient-form {
/* (2.88[line-height] - 1.6rem) / 2 */
--recipient-checkbox-margin-top: 0.64rem;
display: block;
position: relative;
max-width: 44rem;
margin-bottom: 0px;
}
recipient-form h2 svg {
width: 20px;
height: 20px;
}
recipient-form .form__message svg {
width: 20px;
height: 20px;
}
recipient-form .form__message svg circle {
stroke: var(--color-action-background);
fill: var(--color-action-background);
}
recipient-form .form__message svg path:nth-child(2n) {
stroke: var(--color-action-background);
fill: var(--color-action-text);
}
.recipient-form-field-label {
margin: 0.6rem 0;
}
.recipient-form-field-label--space-between {
display: flex;
justify-content: space-between;
}
.recipient-checkbox {
flex-grow: 1;
font-size: 1.6rem;
display: flex;
word-break: break-word;
align-items: center;
gap: 12px;
max-width: inherit;
position: relative;
cursor: pointer;
}
.recipient-checkbox .check {
display: flex;
align-items: center;
}
.no-js .recipient-checkbox {
display: none;
}
.recipient-form > input[type=checkbox] {
position: absolute;
width: 1.6rem;
height: 1.6rem;
margin: var(--recipient-checkbox-margin-top) 0;
top: 0;
left: 0;
z-index: -1;
appearance: none;
-webkit-appearance: none;
}
.recipient-fields__field {
margin: 0 0 2rem 0;
}
.recipient-fields__field:last-of-type {
margin: 0 0 8px 0;
}
.recipient-fields__field .form__message {
margin-top: 4px;
display: flex;
align-items: center;
gap: 12px;
}
.recipient-fields__field .field.date {
position: relative;
color: var(--color-input-placeholder);
}
@media (min-width: 1200px) {
.recipient-fields__field .field.date {
max-width: 212px;
}
}
.recipient-fields__field .field.date input {
width: 188px;
}
.recipient-fields__field .field.date input {
color: var(--color-input-placeholder);
}
.recipient-fields__field .field.date input:focus, .recipient-fields__field .field.date input:active {
color: black;
}
.recipient-fields__field .field.date label {
position: absolute;
top: -10px;
background: white;
scale: 0.8;
padding: 0 8px;
color: black;
}
@media (min-width: 1200px) {
.recipient-fields__field .field.date label {
top: -12px;
}
}
.recipient-fields__field .field input {
width: 100%;
border: 1px solid var(--color-input-border);
}
.recipient-fields__field .field .form__field {
margin-bottom: 0;
}
.recipient-fields__field .field input::-webkit-calendar-picker-indicator {
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
height: 15px;
width: 15px;
}
.recipient-fields__field .field textarea {
height: 120px;
width: 100%;
border: 1px solid var(--color-input-border);
}
.recipient-fields {
margin-top: 16px;
}
.recipient-fields .field__label {
white-space: nowrap;
text-overflow: ellipsis;
max-width: calc(100% - 3.5rem);
overflow: hidden;
}
.recipient-checkbox > svg {
margin-top: var(--recipient-checkbox-margin-top);
margin-right: 1.2rem;
flex-shrink: 0;
}
.recipient-form .icon-checkmark {
visibility: hidden;
position: absolute;
left: 4px;
z-index: 5;
top: 8px;
}
.recipient-form > input[type=checkbox]:checked + label .icon-checkmark {
visibility: visible;
}
.js .recipient-fields {
display: none;
}
.recipient-form > input[type=checkbox]:checked ~ .recipient-fields {
display: block;
animation: animateMenuOpen var(--duration-default) ease;
}
.recipient-form > input[type=checkbox]:not(:checked, :disabled) ~ .recipient-fields,
.recipient-email-label {
display: none;
}
.js .recipient-email-label.required,
.no-js .recipient-email-label.optional {
display: inline;
}
.recipient-form ul {
line-height: calc(1 + 0.6 / var(--font-body-scale));
padding-left: 4.4rem;
text-align: left;
}
.recipient-form ul a {
display: inline;
}
.recipient-form .error-message::first-letter {
text-transform: capitalize;
}
@media screen and (forced-colors: active) {
.recipient-fields > hr {
border-top: 0.1rem solid rgb(var(--color-background));
}
.recipient-checkbox > svg {
background-color: inherit;
border: 0.1rem solid rgb(var(--color-background));
}
.recipient-form > input[type=checkbox]:checked + label .icon-checkmark {
border: none;
}
}
.product-form__recipient-error-message-wrapper {
display: none;
}
.wt-lookbook__section {
background: rgba(var(--color-overlay-rgb), var(--color-overlay-opacity));
}
.wt-lookbook__section .headline__title {
font-family: var(--font-headline);
font-style: var(--font-headline-style);
font-weight: var(--font-headline-weight);
text-transform: var(--font-headline-transform, none);
font-size: var(--font-headline-size);
letter-spacing: var(--font-headline-letter-spacing, normal);
line-height: var(--font-headline-line-height, normal);
color: var(--color-custom-text, var(--color-headings-text, var(--color-text)));
font-size: calc(var(--font-headline-size) * var(--font-headline-scale, 1));
margin: 0 0 calc(var(--gap, 8px) * 1);
overflow: visible;
width: 100%;
}
@media (min-width: 1200px) {
.wt-lookbook__section .headline__title {
font-size: min( calc(var(--font-headline-size) * var(--font-headline-scale-desk, 1)), calc(var(--font-headline-size) + 2.5vw) );
}
}
.wt-lookbook__text {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
margin: 0 0 calc(var(--gap, 8px) * 2);
text-align: center;
color: var(--color-custom-text);
}
.wt-lookbook__text p {
margin: 0;
padding: 0;
}
.wt-lookbook__list {
list-style: none;
column-count: 2;
column-gap: var(--lookbook-gap, calc(var(--gap, 8px) * 1));
}
@media (min-width: 1200px) {
.wt-lookbook__list {
column-count: 3;
column-gap: var(--lookbook-gap-desk, calc(var(--gap, 8px) * 2));
}
}
.wt-lookbook__item {
break-inside: avoid;
padding-bottom: var(--lookbook-gap);
position: relative;
display: grid;
}
@media (min-width: 1200px) {
.wt-lookbook__item {
padding-bottom: var(--lookbook-gap-desk);
}
}
.wt-lookbook__item--placeholder {
background-color: #efefef;
fill: #b7b7b7;
width: 100%;
height: 100%;
}
.wt-lookbook__image {
display: block;
width: 100%;
height: 100%;
border-radius: var(--border-radius);
}
.wt-lookbook__link {
right: calc(var(--gap, 8px) * 1);
top: calc(var(--gap, 8px) * 1);
}
.wt-lookbook__button {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
padding-left: calc(var(--gap, 8px) * 3);
padding-right: calc(var(--gap, 8px) * 3);
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: calc(var(--gap, 8px) * 2);
font-size: var(--font-button-size);
font-family: var(--font-button);
font-style: var(--font-button-style);
font-weight: var(--font-button-weight);
text-transform: var(--font-button-transform, none);
letter-spacing: var(--font-button-letter-spacing, normal);
text-align: center;
text-decoration: none;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: var(--border-radius-button);
-webkit-appearance: none;
cursor: pointer;
transition: background 0.3s ease-in, color 0.3s ease-in;
width: 2.8rem;
height: 2.8rem;
padding: 0;
position: absolute;
right: calc(var(--gap, 8px) * 1);
top: calc(var(--gap, 8px) * 1);
}
@media (hover: hover) {
.wt-lookbook__button:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
}
.wt-lookbook__button[disabled] {
opacity: 0.4;
cursor: not-allowed;
}
@media (max-width: 1199px) {
.wt-lookbook__button .svg-icon {
width: 1.6rem;
height: 1.6rem;
}
}
@media (min-width: 600px) {
.wt-lookbook__button {
width: 3rem;
height: 3rem;
}
}
@media (min-width: 1200px) {
.wt-lookbook__button {
width: 4.5rem;
height: 4.5rem;
}
}
.wt-lookbook__button--primary {
background: var(--color-button-primary-background);
color: var(--color-button-primary-text);
border-color: transparent;
}
@media (hover: hover) {
.wt-lookbook__button--primary:hover {
background: var(--color-button-primary-background-hover);
border-color: transparent;
color: var(--color-button-primary-text-hover);
}
}
.wt-lookbook__button--primary.loading {
color: transparent;
}
.wt-lookbook__button--secondary {
background: var(--color-button-secondary-background);
color: var(--color-button-secondary-text);
border-color: var(--color-button-secondary-border);
}
@media (hover: hover) {
.wt-lookbook__button--secondary:hover {
background: var(--color-button-secondary-background-hover);
color: var(--color-button-secondary-text-hover);
}
}
.wt-lookbook__button .svg-icon {
transform: none;
}
.wt-lookbook__full {
padding-left: 0;
padding-right: 0;
max-width: 100%;
}
.wt-page {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
border-radius: var(--border-radius);
color: var(--color-custom-text);
text-align: left;
}
@media (min-width: 1200px) {
.wt-page {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-page {
max-width: var(--site-max-width-big);
}
}
.wt-page--compact {
max-width: var(--post-max-width);
}
.wt-page__title {
font-family: var(--font-headline);
font-style: var(--font-headline-style);
font-weight: var(--font-headline-weight);
text-transform: var(--font-headline-transform, none);
font-size: var(--font-headline-size);
letter-spacing: var(--font-headline-letter-spacing, normal);
line-height: var(--font-headline-line-height, normal);
color: var(--color-custom-text, var(--color-headings-text, var(--color-text)));
font-size: calc(var(--font-headline-size) * var(--font-headline-scale, 1));
margin-top: 0;
text-align: center;
}
@media (min-width: 1200px) {
.wt-page__title {
font-size: min( calc(var(--font-headline-size) * var(--font-headline-scale-desk, 1)), calc(var(--font-headline-size) + 2.5vw) );
}
}
.wt-page__wrapper {
background-color: rgba(var(--color-bg-overlay), var(--color-overlay-opacity));
}
.wt-page__placeholder-wrapper {
display: flex;
justify-content: center;
background-color: var(--color-placeholder-bg);
border-radius: var(--border-radius);
}
.wt-page__placeholder {
width: 32rem;
height: 32rem;
}
.hero .hero__pic .hero__img {
object-position: var(--image-object-position);
}
@media (min-width: 900px) {
.hero .hero__pic .hero__img {
object-position: var(--image-object-position-desktop);
}
}
.hero.hero--video-background.hero--grid .hero__pic {
width: 100%;
}
.section-image-with-text .hero__text {
letter-spacing: 0;
}
.section-image-with-text .hero .hero__pic__link {
height: 100%;
}
@media (max-width: 599px) {
.section-image-with-text .hero__overlay {
padding: 24px;
}
}
.main-collection-list {
--cols: 1;
padding: 0;
width: 100%;
display: grid;
grid-template-columns: repeat(var(--cols), 1fr);
gap: calc(var(--gap, 8px) * 2);
}
@media (max-width: 599px) {
.main-collection-list {
gap: calc(var(--gap, 8px) * 1);
--cols-mobile: 2;
grid-template-columns: repeat(var(--cols-mobile), 1fr);
}
}
@media (min-width: 900px) {
.main-collection-list {
gap: calc(var(--gap, 8px) * 3);
}
}
@media (min-width: 1200px) {
.main-collection-list {
gap: calc(var(--gap, 8px) * 2);
}
}
.main-collection-list__wrapper {
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.main-collection-list__wrapper {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.main-collection-list__wrapper {
max-width: var(--site-max-width-big);
}
}
.main-collection-list__item {
display: flex;
justify-content: center;
align-self: stretch;
}
.main-collection-list__text-spacing {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
font-weight: 500;
margin-top: calc(var(--gap, 8px) * 1);
margin-bottom: 8px;
text-align: center;
}
.main-collection-list__image {
width: 100%;
height: auto;
display: block;
border-radius: var(--border-radius);
}
.main-article {
font-family: var(--font-base);
font-size: 1.3rem;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
text-align: center;
}
.main-article__header {
justify-content: space-between;
font-size: 1.4rem;
padding-top: calc(var(--gap) * 2);
padding-bottom: calc(var(--gap) * 2);
border-bottom: 1px solid var(--color-border);
}
.main-article__pic {
margin-left: auto;
margin-right: auto;
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
}
@media (min-width: 1200px) {
.main-article__pic {
padding-left: 0;
padding-right: 0;
}
}
.main-article__pic--larger {
max-width: 120rem;
}
.main-article__pic--full-width {
margin: 0;
padding-left: 0;
padding-right: 0;
max-width: initial;
}
.main-article__pic--full-width img {
border-radius: 0;
}
.main-article__content {
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
max-width: var(--post-max-width);
text-align: left;
}
.main-article__hero-container {
max-width: 130rem;
margin: 0 auto;
}
.main-article__body {
font-size: var(--font-base-size);
margin-top: calc(var(--gap) * 1);
word-break: break-word;
}
.main-article__body h2 {
margin-bottom: 0;
line-height: 1.2;
}
.main-article__body p {
margin-top: 8px;
}
.main-article__title {
margin-top: calc(var(--gap) * 2);
font-size: calc(var(--font-headline-size) * var(--font-headline-scale, 1));
color: var(--color-body-text);
line-height: var(--font-headline-line-height, normal);
}
@media (min-width: 1200px) {
.main-article__title {
font-size: min(var(--font-headline-size) * var(--font-headline-scale-desk, 1), var(--font-headline-size) + 13.5vw);
}
}
.main-article__share {
display: flex;
align-items: center;
gap: 16px;
margin-top: calc(var(--gap) * 3);
}
.main-article__share summary {
font-size: var(--font-base-size);
}
.main-article__share p {
font-size: var(--font-base-size);
}
.main-article__share a, .main-article__share__button {
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.main-article__share a svg, .main-article__share__button svg {
width: 20px;
height: 20px;
fill: var(--color-links);
}
.main-article__share a .svg-icon.svg-icon--soc-twitter, .main-article__share__button .svg-icon.svg-icon--soc-twitter {
height: 18px;
width: 20px;
}
.main-article__share a:hover, .main-article__share__button:hover {
color: var(--color-links-active);
}
.main-article__share a:hover svg, .main-article__share__button:hover svg {
fill: var(--color-links-active);
}
.main-article__share .share-button__fallback {
background-color: var(--color-background);
padding-bottom: 8px;
}
.main-article__share .share-button__fallback label {
padding-left: 16px;
}
.main-article__img {
width: 100%;
height: var(--section-height, 100%);
object-fit: cover;
display: block;
border-radius: var(--border-radius);
overflow: hidden;
}
@media (min-width: 900px) {
.main-article__img {
height: var(--section-height-desk, 100%);
}
}
.wt-button {
background-color: var(--color-custom-background);
}
.wt-button__container {
justify-content: center;
display: flex;
max-width: var(--site-max-width);
padding-left: calc(var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.wt-button__container {
padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
}
}
@media (min-width: 1800px) {
.wt-button__container {
max-width: var(--site-max-width-big);
}
}
.wt-button__left {
justify-content: flex-start;
}
.wt-button__right {
justify-content: flex-end;
}
/* @media (max-width: 899px) {
.wt-featured-collection .disable-on-mobile {
display: none;
}
} */
.wt-featured-collection .wt-slider__scrollbar {
max-width: calc(100% - calc(var(--gap, 8px) * 4));
}
@media (min-width: 1200px) {
.wt-featured-collection .wt-slider__scrollbar {
max-width: calc(100% - calc(var(--gap, 8px) * 8));
}
}
.wt-featured-collection .wt-slider__scrollbar--full {
max-width: 100%;
}
.wt-featured-collection__subheading {
font-size: var(--font-base-size);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
color: var(--color-custom-text, var(--color-text));
margin: 0;
text-align: center;
padding-bottom: calc(var(--gap, 8px) * 2);
padding-inline: calc(var(--gap, 8px) * 2);
}
.wt-featured-collection__subheading p {
margin: 0;
padding: 0;
}
@media (min-width: 1200px) {
.wt-featured-collection__subheading {
margin-block: calc(var(--gap, 8px) * 0.5);
}
}
.wt-featured-collection .button-container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: calc(var(--gap, 8px) * 2);
}
.template-cart .wt-featured-collection:has(.wt-slider:not(.wt-slider--full)) .headline {
--font-headline-size: 2.8rem;
max-width: var(--post-max-width);
text-align: left;
padding: 0 16px;
}
@media (min-width: 1200px) {
.template-cart .wt-featured-collection:has(.wt-slider:not(.wt-slider--full)) .headline {
margin: auto;
padding-left: calc(var(--gap, 8px) * 2 + var(--gap, 8px) * 2);
padding-right: calc(var(--gap, 8px) * 2 + var(--gap, 8px) * 2);
}
}
.template-cart .wt-featured-collection .wt-slider:not(.wt-slider--full) {
max-width: var(--post-max-width);
margin: auto;
}
.template-cart .wt-featured-collection .wt-slider:not(.wt-slider--full) .wt-slider__container--featured {
max-width: var(--post-max-width);
}
@media (min-width: 1200px) {
.template-cart .wt-featured-collection .wt-slider:not(.wt-slider--full) .wt-slider__container--featured {
padding-right: calc(var(--gap, 8px) * 2);
}
}
.wt-featured-collection__button-container {
padding-top: calc(var(--gap, 8px) * 2);
}
.wt-featured-collection [data-swiper-container] {
display: flex;
}
.wt-slider__container--featured.loading {
display: flex;
}
.wt-slider__container--featured.loading .card__container {
width: 100%;
min-width: 150px;
padding-right: calc(var(--gap, 8px) * 2);
}
@media (min-width: 600px) {
.wt-slider__container--featured.loading .card__container {
min-width: 250px;
}
}
@media (min-width: 1400px) {
.wt-slider__container--featured.loading .card__container {
min-width: 350px;
}
}
.wt-slider__container--featured.loading div:nth-child(n+5) {
display: none;
}
main#root > .wt-featured-nav {
background-color: var(--color-background);
}
.wt-featured-nav .secondary-navigation {
position: relative;
overflow-y: hidden;
}
@media (min-width: 1200px) {
.wt-featured-nav .secondary-navigation {
padding-left: calc(var(--gap, 8px) * 4);
padding-right: calc(var(--gap, 8px) * 4);
max-width: var(--site-max-width);
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1800px) {
.wt-featured-nav .secondary-navigation {
max-width: var(--site-max-width-big);
}
}
.wt-featured-nav .secondary-navigation::after {
display: none;
content: "";
width: calc(var(--gap, 8px) * 4);
height: 80px;
position: absolute;
right: 16px;
top: 0;
bottom: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--color-custom-background, var(--color-background)));
}
@media (min-width: 1200px) {
.wt-featured-nav .secondary-navigation::after {
display: block;
right: 32px;
}
}
.wt-featured-nav .secondary-navigation.not-at-min-scroll::before {
display: none;
content: "";
width: calc(var(--gap, 8px) * 4);
height: 80px;
position: absolute;
left: 16px;
top: 0;
bottom: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--color-custom-background, var(--color-background)));
}
@media (min-width: 1200px) {
.wt-featured-nav .secondary-navigation.not-at-min-scroll::before {
display: block;
left: 32px;
}
}
.wt-featured-nav .secondary-navigation.at-max-scroll::after {
display: none;
}
.wt-featured-nav .secondary-navigation__ul {
display: flex;
gap: calc(var(--gap, 8px) * 1.5);
padding-block: calc(var(--gap, 8px) * 1);
overflow-x: auto;
/* Track of the scrollbar */
/* Handle of the scrollbar */
/* Handle on hover */
}
@media (min-width: 1200px) {
.wt-featured-nav .secondary-navigation__ul.center {
justify-content: center;
}
}
.wt-featured-nav .secondary-navigation__ul::-webkit-scrollbar {
width: 8px;
height: 8px;
}
@media (max-width: 1199px) {
.wt-featured-nav .secondary-navigation__ul::-webkit-scrollbar {
display: none;
}
}
.wt-featured-nav .secondary-navigation__ul::-webkit-scrollbar-track {
background: #f1f1f1; /* Light grey background for the track */
border-radius: 4px;
}
.wt-featured-nav .secondary-navigation__ul::-webkit-scrollbar-thumb {
background: #888; /* Dark grey handle */
border-radius: 4px;
border: 2px solid #f1f1f1; /* Adding some padding around the handle */
}
.wt-featured-nav .secondary-navigation__ul::-webkit-scrollbar-thumb:hover {
background: #555; /* Slightly darker shade on hover for better visibility */
}
@media (max-width: 1199px) {
.wt-featured-nav .secondary-navigation__ul li:first-of-type {
padding-left: calc(var(--gap, 8px) * 2);
}
}
@media (max-width: 1199px) {
.wt-featured-nav .secondary-navigation__ul li:last-of-type {
padding-right: calc(var(--gap, 8px) * 2);
}
}
.wt-featured-nav .secondary-navigation__link {
white-space: nowrap;
font-size: calc(var(--font-base-size) - 2px);
font-family: var(--font-base);
font-style: var(--font-base-style);
font-weight: var(--font-base-weight);
text-transform: var(--font-base-transform, none);
letter-spacing: var(--font-base-letter-spacing, normal);
line-height: var(--font-base-line-height, normal);
padding-left: calc(var(--gap, 8px) * 3);
padding-right: calc(var(--gap, 8px) * 3);
max-height: 34px;
}
@media (min-width: 1200px) {
.wt-featured-nav .secondary-navigation__link {
padding-left: calc(var(--gap, 8px) * 4);
padding-right: calc(var(--gap, 8px) * 4);
}
}
.wt-main-404__container {
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
align-items: center;
padding-left: 16px;
padding-right: 16px;
}
.wt-main-404__container .headline {
margin: 0;
padding: 0;
color: var(--color-body-text);
}
.newsletter-with-image {
background-image: var(--mobile-image);
background-position: var(--mobile-focal-points);
background-size: cover;
height: var(--section-height, auto);
overflow: hidden;
padding: 0;
margin-top: min(var(--section-margin-block-mobile), var(--section-gap-top, calc(var(--gap, 8px) * var(--section-gap, 2))));
margin-bottom: min(var(--section-margin-block-mobile), var(--section-gap-bottom, calc(var(--gap, 8px) * var(--section-gap, 2))));
}
@media (min-width: 900px) {
.newsletter-with-image {
background-image: var(--desktop-image);
background-position: var(--desktop-focal-points);
height: var(--section-height-desk, auto);
}
}
@media (min-width: 1200px) {
.newsletter-with-image {
margin-top: var(--section-gap-top, calc(var(--gap, 8px) * var(--section-gap, 2)));
margin-bottom: var(--section-gap-bottom, calc(var(--gap, 8px) * var(--section-gap, 2)));
}
}
.newsletter-with-image--adapt {
height: calc(100vw / var(--first-slide-ratio, 2.5));
}
@media (min-width: 900px) {
.newsletter-with-image--adapt {
height: calc(100vw / var(--first-slide-ratio-desk, 2.5));
}
}
.newsletter-with-image .newsletter__wrapper {
background-color: rgba(var(--color-background-rgb), var(--color-background-opacity, 1));
backdrop-filter: blur(var(--color-background-blur, 0));
padding: calc(var(--gap, 8px) * 2.5);
margin: 0 calc(var(--gap, 8px) * 2);
max-width: 80vw;
border-radius: var(--border-radius);
}
@media (min-width: 900px) {
.newsletter-with-image .newsletter__wrapper {
padding: calc(var(--gap, 8px) * 3);
}
}
.background-video {
position: relative;
}
.background-video .hero__overlay {
height: min-content;
margin: auto;
background: none;
}
.background-video--og-ratio .wt-video__movie--shopify-video video {
height: auto;
object-fit: contain;
}
.hero__pic {
position: relative;
}
.hero__pic .hero__pic-loader {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 280px;
}
@media (min-width: 900px) {
.hero__pic .hero__pic-loader {
height: 480px;
}
}
.hero__pic .hero__img {
object-position: var(--image-object-position);
}
@media (min-width: 900px) {
.hero__pic .hero__img {
object-position: var(--image-object-position-desktop);
}
}
.section-image-banner .hero__overlay {
background: none;
}
.wt-image-banner {
padding-top: var(--section-gap-top, calc(var(--gap, 8px) * var(--section-gap, 2)));
padding-bottom: var(--section-gap-bottom, calc(var(--gap, 8px) * var(--section-gap, 2)));
}
.wt-image-banner--header {
--border-radius: 0;
padding-block: 0;
}
.wt-image-banner .hero__overlay {
background-color: rgba(var(--text-container-color, transparent), var(--text-container-opacity, 1));
}
.wt-image-banner .hero__overlay__content {
padding: 24px 24px;
border-radius: var(--border-radius);
}
.page-header-image-banner .hero__overlay--top {
padding-top: calc(var(--gap, 8px) * 11);
}
.benefits-product-section {
overflow: hidden;
}
.benefits-product-section .hero__wrapper--full {
padding-inline: calc(var(--gap, 8px) * 2);
}
@media (min-width: 1200px) {
.benefits-product-section .hero__wrapper--full {
padding-inline: calc(var(--gap, 8px) * 3);
}
}
.wt-benefits-product {
background-color: var(--bg-color);
position: relative;
/* column view for mobile */
}
.wt-benefits-product__subheading h2 {
text-align: center;
color: var(--color-custom-text);
}
.wt-benefits-product__heading {
font-size: 25px;
text-align: center;
line-height: 1.3;
}
.wt-benefits-product__img--mobile {
display: block;
}
@media (min-width: 900px) {
.wt-benefits-product__img--mobile {
display: none;
}
}
.wt-benefits-product__img--desktop {
display: none;
}
@media (min-width: 900px) {
.wt-benefits-product__img--desktop {
display: block;
}
}
.wt-benefits-product__img img,
.wt-benefits-product__img svg,
.wt-benefits-product__img video {
width: 100%;
height: auto;
border-radius: var(--border-radius);
}
.wt-benefits-product__icons-container {
width: 100%;
}
.wt-benefits-product__icon-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
padding-top: 32px;
width: 100%;
margin-inline-start: 0;
color: var(--color-custom-text);
}
.wt-benefits-product__icon-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.wt-benefits-product__icon-item-wrapper {
max-width: 326px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.wt-benefits-product__icon {
max-width: 44px;
}
.wt-benefits-product__icon img {
width: 100%;
height: auto;
border-radius: var(--border-radius);
}
.wt-benefits-product__icon-texts {
width: 100%;
}
.wt-benefits-product__icon-item-heading {
max-width: 146px;
text-align: center;
font-size: calc(var(--font-icon-headline-scale) * var(--font-base-size));
word-wrap: break-word;
margin-top: 0;
margin-bottom: 8px;
line-height: 1.4;
}
.wt-benefits-product__icon-item-text {
display: none;
}
.wt-benefits-product__btn-wrapper {
margin-top: 60px;
z-index: 10;
padding: 16px;
width: 100%;
}
.wt-benefits-product__btn-wrapper--desktop {
display: none;
}
.wt-benefits-product__btn {
font-size: var(--font-button-size);
font-family: var(--font-button);
font-style: var(--font-button-style);
font-weight: var(--font-button-weight);
text-transform: var(--font-button-transform, none);
letter-spacing: var(--font-button-letter-spacing, normal);
padding-left: calc(var(--gap, 8px) * 3);
padding-right: calc(var(--gap, 8px) * 3);
padding-top: calc(var(--gap, 8px) * 2);
padding-bottom: calc(var(--gap, 8px) * 2);
cursor: pointer;
display: block;
word-wrap: break-word;
text-align: center;
width: 100%;
height: auto;
text-decoration: none;
border-radius: var(--border-radius);
}
.wt-benefits-product__wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 900px) {
.wt-benefits-product__wrapper__wrapper {
display: flex;
justify-content: center;
}
}
@media (min-width: 900px) {
.wt-benefits-product__subheading, .wt-benefits-product__heading {
width: 100%;
max-width: 820px;
margin: auto;
}
.wt-benefits-product__heading {
font-size: 30px;
max-width: 520px;
}
.wt-benefits-product__wrapper {
position: relative;
}
.wt-benefits-product__img {
display: flex;
flex-direction: column;
width: var(--desktop-width, 60%);
max-width: var(--desktop-max-width, 480px);
margin-top: 20px;
/* z-index: 10; */
/* position: absolute; */
}
.wt-benefits-product__icons-container {
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding-top: 20px;
z-index: 1;
}
.wt-benefits-product__icon-list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
height: 100%;
gap: 32px;
padding-top: 0;
}
.wt-benefits-product__icon-item {
width: 40%;
display: flex;
align-items: flex-start;
}
.wt-benefits-product__icon-item {
align-items: center;
}
.wt-benefits-product__icon-item .wt-benefits-product__icon-item-wrapper {
margin-right: 64px;
}
.wt-benefits-product__icon-item:nth-of-type(2n) .wt-benefits-product__icon-item-wrapper {
margin-right: 0;
margin-left: 64px;
}
.wt-benefits-product__btn-wrapper {
margin-top: 32px;
}
.wt-benefits-product__btn-wrapper--desktop {
display: block;
}
.wt-benefits-product__btn-wrapper--mobile {
display: none;
}
.wt-benefits-product__btn {
max-width: 360px;
margin: auto;
}
}
@media (min-width: 1200px) {
.wt-benefits-product__icon-item-heading {
max-width: none;
font-size: calc(var(--font-icon-headline-scale-desk) * var(--font-base-size));
padding-top: 6px;
}
.wt-benefits-product__icon-item-wrapper {
width: 326px;
}
.wt-benefits-product__icon {
max-width: 70px;
}
.wt-benefits-product__icon-item {
align-items: flex-start;
}
.wt-benefits-product__icon-item:nth-child(2n) {
align-items: flex-end;
}
.wt-benefits-product__icon-item .wt-benefits-product__icon-item-wrapper {
margin-right: 0;
}
.wt-benefits-product__icon-item:nth-of-type(2n) .wt-benefits-product__icon-item-wrapper {
margin-right: 0;
margin-left: 0;
}
.wt-benefits-product__icon-item-text {
display: block;
text-align: center;
}
.wt-benefits-product__icons-container {
top: 0;
}
.wt-benefits-product__btn-wrapper {
margin-top: 12px;
}
}
@media (max-width: 899px) {
.wt-benefits-product__icon-list--column {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.wt-benefits-product__icon-list--column .wt-benefits-product__icon-item-wrapper {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
max-width: none;
}
.wt-benefits-product__icon-list--column .wt-benefits-product__icon-item-text {
display: block;
}
.wt-benefits-product__icon-list--column .wt-benefits-product__icon {
width: 100%;
height: 100%;
max-width: 50px;
max-height: 50px;
}
.wt-benefits-product__icon-list--column .wt-benefits-product__icon-texts {
display: flex;
flex-direction: column;
}
.wt-benefits-product__icon-list--column .wt-benefits-product__icon-item-heading {
text-align: left;
max-width: none;
word-break: break-word;
}
}
.wt-before-after__container {
display: flex;
flex-direction: column;
gap: 24px;
}
@media (min-width: 900px) {
.wt-before-after__container {
width: var(--desktop-percentage-image-width, 50%);
flex-direction: row;
gap: 48px;
flex-grow: 1;
flex-shrink: 0;
}
}
.wt-before-after__slider {
display: flex;
height: 100%;
width: 100%;
box-sizing: border-box;
}
.wt-before-after__slider .main-slider {
overflow: hidden;
}
.wt-before-after__slider .thumbnail-slider {
overflow: hidden;
width: 70%;
margin: auto;
}
.wt-before-after__thumbnail-slider {
--swiper-navigation-size: 24px;
--swiper-navigation-color: var(--color-custom-text, var(--color-body-text));
position: relative;
max-width: 340px;
margin: auto;
margin-top: 16px;
}
.wt-before-after__thumbnail-slider .swiper-wrapper:not(:has(> *:nth-child(3))) {
justify-content: center;
}
.wt-before-after__thumbnail-img {
width: 60px;
height: 60px;
margin: auto;
}
.wt-before-after__thumbnail-img img,
.wt-before-after__thumbnail-img svg {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 100%;
box-sizing: border-box;
}
.swiper-slide-thumb-active .wt-before-after__thumbnail-img img,
.swiper-slide-thumb-active .wt-before-after__thumbnail-img svg {
border: 1px solid #000000;
}
.wt-before-after__img-container {
position: relative;
height: 100%;
}
.wt-before-after__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50%;
height: var(--section-height, auto);
}
@media (min-width: 900px) {
.wt-before-after__img {
height: var(--section-height-desk, auto);
}
}
.wt-before-after__img-before-badge, .wt-before-after__img-after-badge {
position: absolute;
padding: 4px 8px;
background-color: #ffffff;
line-height: 1;
border-radius: var(--border-radius-button);
}
.wt-before-after__img-after-badge {
bottom: 16px;
right: 16px;
}
.wt-before-after__img-before-badge {
bottom: 20px;
left: 16px;
}
.wt-before-after__benefits {
width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
color: var(--color-custom-text);
}
@media (min-width: 900px) {
.wt-before-after__benefits {
width: 50%;
justify-content: center;
}
}
.hero__wrapper--full .wt-before-after__benefits {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 900px) {
.hero__wrapper--full .wt-before-after__benefits {
padding-left: 0;
}
}
@media (max-width: 899px) {
.wt-before-after__benefits .hero__title {
text-align: center;
}
}
.wt-before-after__benefit {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 16px;
}
.wt-before-after__benefit-image {
width: 40px;
height: auto;
flex-shrink: 0;
}
.wt-before-after__benefit-image img,
.wt-before-after__benefit-image svg {
width: 100%;
height: auto;
}
.wt-before-after__handle {
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
border-radius: 50%;
width: 50px;
height: 50px;
}
.wt-before-after__handle svg {
fill: #000000;
}
.wt-before-after nh-before-after {
display: flex;
height: 100%;
}
.wt-before-after img-comparison-slider {
--divider-width: 4px;
--divider-color: #ffffff;
--default-handle-color: #ffffff;
height: 100%;
width: 100%;
}
.wt-before-after img-comparison-slider:focus, .wt-before-after img-comparison-slider *:focus-visible:focus, .wt-before-after img-comparison-slider:focus-visible, .wt-before-after img-comparison-slider *:focus-visible:focus-visible {
--outline-color: transparent;
--color-custom-text: transparent;
outline: none;
}
.wt-before-after img-comparison-slider [slot=first],
.wt-before-after img-comparison-slider [slot=second] {
height: 100%;
}
.wt-before-after.hero__wrapper--full img-comparison-slider,
.wt-before-after.hero__wrapper--full .wt-before-after__slider .main-slider {
border-radius: 0;
}.wt-grid-box .headline__title{font-size:35px;font-weight:600}#CartDrawer .counter-wrapper{display:inline-block!important}.custom_hide2{display:none}.custom-main ul{width:fit-content!important}.wt-image-banner .hero .hero__overlay a{border-radius:0;font-weight:550;margin-top:35px}.template-collection .hero__overlay .hero__overlay__content--left{display:none!important}.template-index .swym-wishlist-collections-v2-container{display:none!important}.template-index .card__container{border:none!important;padding:0!important}.template-index .price-item--regular,.card__title,.wt-product__price__final{font-weight:700}.sticky-enabled .wt-header__search{border:none!important}.wt-image-banner .hero .hero__overlay a:hover{background:#3f92c1!important}.hero__button--secondary{background-color:#fff}.hero__button--secondary:hover{background:#3f92c1!important}.cstm_1{display:block}.cstm_2{display:none}.wt-test__author{font-size:22px}.tab-buttons .carousel-prev{background:#3f92c1!important}.tab-buttons .carousel-next{background:#3f92c1!important}.wt-cart a.button{border-radius:10px}.tab-buttons .carousel-next img{width:16px}.tab-buttons .carousel-prev img{width:16px}.product__media img,.product-media-container img{aspect-ratio:1 / 1;width:100%;height:auto}.carousel-navigation{margin-bottom:0}.social-links{justify-content:left}.cstm_pattern .wt-product__option__body--tiles label{width:80px;height:80px;padding:0;border-radius:10px}.cstm_pattern label::before{border-radius:10px !Important}.f-button_list_link{height:20px;align-items:center;border-radius:5px;padding:8px 12px}.cstm_pattern .f-button_list_link{height:auto;padding:0}.wt-product__option__body--drawer label::before,.wt-product__option__body--drawer a::before,.wt-product__option__body--thumbs label::before,.wt-product__option__body--thumbs a::before,.wt-product__option__body--tiles label::before,.wt-product__option__body--tiles a::before,.wt-product__option__body--swatches label::before,.wt-product__option__body--swatches a::before{border-radius:0}.wt-product__option__body--drawer input:checked+label::before,.wt-product__option__body--thumbs input:checked+label::before,.wt-product__option__body--tiles input:checked+label::before,.wt-product__option__body--swatches input:checked+label::before{border-color:#3f92c1;border:2px solid #3f92c1}.wt-product__options strong{color:#3f92c1}.instagram-feed-slider{max-width:1500px!important;margin-bottom:-100px!important}.instagram-feed-slider h2{text-align:center;font-size:45px}.newsletter{border-bottom:1px solid #c7dae5;padding-top:80px}.wt-footer__body{max-width:1300px;margin-top:0px!important;margin-bottom:0}.wt-footer__body p{font-size:15px}.wt-footer__list__item a{font-size:15px}.wt-footer__title{font-size:18px;font-weight:600}.tab-title{font-size:35px;margin-right:40px;font-weight:600}.wt-footer__aside__wrapper{max-width:1300px}.wt-footer{background:#9aceec3b;border-bottom:10px solid #3f92c1}.newsletter{background:#9aceec3b}.social-link-ftr{margin-top:30px}.wt-parallax .hero__title h1{color:#d84983!important}.tab-buttons{display:flex;justify-content:space-between!important;margin-top:50px;margin-bottom:0px!important}.tab-container{margin-bottom:100px;width:1300px;margin:0 auto;padding-bottom:100px}.tab-button.active{color:#3f92c1}.tab-content-other{max-width:1300px;margin:0 auto}.tab-button:hover{background:#fff;color:#000}.product-item{padding:0px!important;box-shadow:none!important}.product-info{text-align:left}.product-rating{font-size:20px!important}.swym-wishlist-detail-content .swym-ui-component .swym-product-price .swym-product-original-price{color:#727272}.swym-wishlist-detail-content .swym-ui-component .swym-product-price.swym-has-sale .swym-product-final-price{color:#3f92c1 !Important}.product-title{margin-top:0;font-family:var(--font-navigation)!important;font-size:16px!important}.product-image-container img{width:100%;border-radius:10px;aspect-ratio:1/1;object-fit:cover;height:100%;min-height:250px}.product-pricing{margin-top:10px;justify-content:unset!important}.carousel-container .new-price{font-size:16px!important;color:#3f92c1!important}.carousel-container .old-price{font-size:14px!important;color:#727272;!important}.wt-test__text h1{margin-top:0;line-height:50px}.wt-grid-box__container{max-width:1300px;margin-top:30px}.wt-features-banner{margin:0 auto;max-width:1300px!important}.wt-keys__item--center .wt-keys__image{margin-bottom:30px!important}.wt-keys__image{width:100px!important}.feed-slide:hover .icon-overlay img{width:29px}.feed-slide:hover .icon-overlay svg{width:30px;color:#fff}.wt-keys__title{font-family:var(--font-base);font-size:22px}.shoppable-image__img,.shoppable-image .hero__img{border-radius:0 !Important}.wt-parallax__img{border-radius:0 !Important}.wt-mosaic__main .hero{border-radius:0 !Important}.feed-slide img{border-radius:0 !Important}.wt-mosaic__aside__item .hero{border-radius:0 !Important}.wt-test__container .headline__title{font-size:26px;padding-bottom:0px!important;font-family:var(--font-navigation)!important}.swiper-pagination .swiper-pagination-bullet-active .svg__circle-inner{fill:#fff !Important}.swiper-pagination .swiper-pagination-bullet--svg-animation .svg__circle-inner{stroke:#fff !Important;fill:#fff !Important}.headline__title{font-size:35px;font-weight:600}.video-reels .headline__title{font-weight:600}.wt-grid-box__item .hero__button{padding:6px 15px}.hero__button--primary{padding:11px 15px;border-radius:5px}body:not(.mobile-nav) .wt-page-nav-mega--shadow{font-size:16px}.shoppable-image{width:1300px}.wt-mosaic{width:1300px;margin:0 auto}.feed-slide{padding:0px!important;margin:15px}.feed-button{background-color:#ffffffd4 !Important;border-radius:5px;padding:5px 0}.feed-button img{width:20px;height:20px}.wt-header__panel .wt-header__panel__item--account{margin-left:20px!important}.wt-header--v1 .wt-header__search{background-color:#fff!important}.wt-header__search{border:none!important}.wt-header__body--search .wt-header__search{display:block}.tab-tab1{display:flex}.about-sec{padding:0 200px 50px 200px;width:1300px;margin:0 auto}.about-sec h4{font-size:40px;text-align:center;margin-bottom:20px!important}.about-sec p{text-align:center}.about-img{width:1300px;margin:0 auto}.about-img img{width:100%;margin-bottom:100px}.madein-img{width:1300px;margin:0 auto}.madein-img img{width:100%;margin-bottom:100px}.wt-header__search-trigger{top:17%;left:20px}.wt-header__search-trigger img{background-color:#fff}.wt-header__search__field{padding-left:20px}.collection-filter{margin-top:40px}.collection__grid__item .card__title{font-size:18px;padding-top:0}.collection__grid__item{margin-bottom:0}.card__container .card__title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:30px}.card__container .card__title{font-size:16px;padding-top:10px;padding-bottom:8px}.wt-image-banner .hero__title{font-size:65px}.wt-grid-box__container .hero__title{font-size:24px}.wt-slideshow__swiper-lazy .hero__title{font-size:45px!important}.wt-parallax__content .hero__title{font-size:80px}.wt-header__body{border-bottom:1px solid #80808038}.wt-collapse--always .wt-collapse__trigger{padding:30px 0 10px 0}.counter-wrapper{display:none}.wt-product__add-to-cart_form{flex-direction:unset}.wt-product__add-to-cart_form .js-add-to-cart{width:300px;border-radius:5px;background-color:#fff;border:2px solid #3f92c1;color:#3f92c1}.shopify-payment-button__button{padding:30px!important}.product-carousel{overflow-x:hidden!important;gap:10px;padding:10px 20px 20px 20px}.swiper-scrollbar .swiper-scrollbar-drag{background-color:#fff Important}html[lang]>body .wt-slider__scrollbar{height:0px!important}.card--left h3{margin-bottom:3px}.card__subtitle{font-size:11px}.card--left .card--title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}ul.foot-align>li:nth-child(2){font-weight:700}.card__subtitle{display:none}.wt-product__info h1{font-size:24px}.wt-product__add-to-cart_form .shopify-payment-button__button--unbranded{border-color:#3f92c1;color:#3f92c1;border-radius:5px}.product-carousel .product-info{padding-top:0}.wt-dot__circle{top:2px!important;left:2px!important;width:30px!important;height:30px!important;box-shadow:0 0 0 8px #fff inset,0 1px 10px #3f92c15c!important;border:2px solid #8ab1c7}.wt-dot__ringing{border:3px solid #3f92c1!important}.wt-footer__text p{cursor:pointer;margin-bottom:10px;display:flex;align-items:center}.wt-footer__text p a{text-decoration:none!important;display:flex}.cstm-megamenu{display:none}.wt-cart__item__amount{display:flex;flex-direction:row-reverse}.cart-page .wt-cart__subtotal__value{color:#19628b}.note{color:#000}.card__img{aspect-ratio:1/1;border-radius:10px}.wt-product__add-to-cart_form form{max-width:100%}.wt-product__add-to-cart_form--wrapper{width:50%}.shopify-payment-button{width:50%}.wt-product__info .wt-product__brand{display:none}.price__sale.visible{flex-direction:inherit;color:#000!important}.wt-product__price__compare{margin-left:15px;font-size:14px;color:#727272!important}.wt-collapse__trigger__title{font-family:'nunito';font-size:18px;padding-bottom:0}.wt-slider__container:hover .swiper-button-next{box-shadow:rgb(60 64 67 / .3) 0 1px 2px 0,rgb(60 64 67 / .15) 0 2px 6px 2px}.wt-slider--cross-sell.wt-slider .wt-slider__nav-btn{box-shadow:rgb(60 64 67 / .3) 0 1px 2px 0,rgb(60 64 67 / .15) 0 2px 6px 2px}.wt-collapse__target--text .a-unordered-list .a-list-item{font-size:14px !Important;margin-bottom:10px}.wt-collapse__target--text .a-spacing-mini{margin-bottom:10px;list-style:disc!important}.wt-product__add-to-cart{margin-bottom:0;margin-top:0}.wt-product__add-to-cart button{border-radius:5px;border:2px solid #3f92c1;color:#3f92c1;padding:10px}.wt-product__main{min-width:45rem}.cart-custom-new button{border-radius:7px;border:2px solid #3f92c1;color:#3f92c1;padding:8px;font-size:15px}.card__container .wt-product__add-to-cart_form--wrapper{width:100%}.rating-icon-svg{color:red!important}.wt-product__option:last-of-type.js{padding-bottom:20px}.wt-product__add-to-cart_form .shopify-payment-button__button--unbranded:hover:not([disabled]){background:#1b6690!important}.wt-product__upsell__headline{font-family:'nunito' !Important}.wt-slider__container--featured .price-item.price-item--sale.price-item--last.wt-product__price__final{font-size:16px;color:#3f92c1!important}.wt-product__add-to-cart_form .shopify-payment-button__button--unbranded{background:#3f92c1!important;border:none;color:#fff}.wt-collapse__target--text{font-size:16px;margin-bottom:0}.collection__grid .price-item.price-item--sale.price-item--last.wt-product__price__final{color:#3f92c1!important;font-size:16px;font-weight:600}.wt-product__options{margin-top:30px}.f-button__list__link{height:3.5rem}.price__sale .price-item--percent{background-color:#8c8c8c2b;color:#000;font-size:11px;padding:4px 4px;border-radius:5px}.price__sale .price-item--lower{font-size:11px;margin-left:8px}.wt-page-nav-mega__decorated{font-size:16px;font-weight:400}.wt-page-nav-mega__sublist__link .wt-page-nav-mega__decorated{font-size:16px}.body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper>.wt-page-nav-mega__sublist{max-width:1300px!important;padding-left:50px!important;padding-right:50px!important;min-width:min-content}.wt-page-nav-mega__sublist__item--gallery{display:none}.item--gallery{--promo-columns:span 4 !important}.wt-page-nav-mega__sublist__link--parent{color:#3f92c1!important;font-weight:550!important}.wt-page-nav-mega__sublist__link--parent svg{display:none!important}:focus-visible:focus-visible{outline:none}.wt-page-nav-mega__decorated:hover{background-size:0% 0!important}.wt-page-nav-mega__sublist__link--parent .wt-page-nav-mega__decorated{font-weight:550!important}.wt-page-nav-mega__link__text--underline{background-size:0% 0!important;font-weight:600}.wt-page-nav-mega__link--parent .svg-icon--arrow-down{display:none!important}.wt-page-nav-mega__sublist__item--child:hover{background-color:#96cfee42}.form__field__input{border-radius:5px}.swym-header-launcher-badge{background:#e33182!important;top:0}.wt-header__panel__counter{background:#e33182!important}.product-carousel .product-rating{display:none}.collection__grid .price__regular .price-item--regular{font-size:16px;font-weight:600;color:#3f92c1!important}.atw-button{border-radius:40px !Important;background:#fff !Important}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item{border:1px solid #33333330!important;padding:10px;border-radius:10px}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-variant-title{margin:0 0 0 !Important}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-product-price{margin:0 0 0 !Important}.swym-ui-component .swym-product-price.swym-has-sale .swym-product-final-price{font-size:13px}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-product-price{margin:0 0 0 !Important;padding:10px 0 !Important}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-title{font-size:14px;margin:6px 0 5px !Important}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-add-to-cart-btn{font-size:11px;border-radius:5px}.swym-ui-component .swym-wishlist-grid{max-width:1000px !Important}.swym-ui-component .swym-product-price .swym-product-final-price{font-size:13px}.swym-ui-component .swym-wishlist-context-menu .swym-wishlist-context-menu-content{min-width:130px!important;padding:3px 12px!important}.swym-ui-component .swym-simple-wishlist-modal .swym-modal-content .swym-wishlist-container-title-bar{background-color:#3f92c1!important}.swym-simple-wishlist-container-content .swym-wishlist-grid .swym-add-to-cart-btn{background:#3f92c1!important}.swym-ui-component .swym-wishlist-detail-header{padding:15px 50px 0!important}.wt-customer__create-account{margin-top:15px !Important}.wt-collapse__target--text ul{padding-left:20px !Important;list-style:none;margin:.6em 0 !Important}.wt-collapse__target--text ul li{list-style:disc !Important;margin:.2em 0 !Important}.wt-collapse__target{padding-bottom:0}.wt-collapse__trigger--active+.wt-collapse__target{margin-bottom:0}.swym-wishlist-collections-v2 svg{width:23px!important;height:23px!important}.pattern-image{cursor:pointer;width:35px;border-radius:50px;margin-right:5px;height:35px}.card__price{color:#3f92c1!important;margin-top:10px}.card__pattern-images{border-top:1px solid #e2e2e2;margin-top:10px;padding-top:20px;padding-left:10px;padding-right:10px}.card__container{border:1px solid #d6d6d68f;padding:10px;border-radius:10px}.form_generater_form_div{border-radius:10px!important;background-color:#f6f6f6!important;border:none!important;box-shadow:rgb(149 157 165 / .2) 0 8px 24px!important}.form_generater_form_div input{height:45px!important;border-radius:10px!important}.wt-page__title{font-size:40px}.wt-collapse wt-collapse--always{padding-block:10px!important}.swym-wishlist-collections-v2-container{background:#f5e8e8;right:0;left:unset!important;margin:10px;border-radius:50px}.wt-slider .swym-wishlist-collections-v2-container{margin:7px;background:#fff}.swym-wishlist-collections-v2{transform:translate(0)!important}.price__regular .price-item--regular{color:#3f92c1!important}.search-overlay-on .wt-header__search__form{border-radius:10px!important}.search-overlay-on .wt-header__search__button{border-radius:0 10px 10px 0}.search-overlay-on .search-result-products{max-width:1000px!important}.search-result-products .price__regular .price-item--regular{font-size:18px!important;padding-top:10px!important}.search-result-products .wt-cart__item__vendor{display:none!important}.jdgm-prev-badge__stars{display:none}.jdgm-star{color:red}.sl-wrapper a{border-radius:5px!important}.jdgm-prev-badge__text{font-size:14px;background:#3f92c161;padding:1px 6px;border-radius:5px}.form_container .form-control{height:45px!important}.swym-delete-btn .swym-icon{background-color:#fff;padding:0 7px;border-radius:50px}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-delete-btn .swym-icon::before{color:#000!important}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-delete-btn{top:5%!important;right:7%!important}.swym-share-btn{display:none}.share-icons__container{padding-top:10px;border-top:none}.swym-ui-component .swym-wishlist-grid li{width:23%!important;margin:0 1% 1% 1%!important}.swym-ui-component .swym-wishlist-grid .swym-wishlist-image-wrapper img{border-radius:5px}.wt-customer__form--container .hero__button--primary{width:100%;!important;height:50px;font-size:18px}.wt-customer__form--container{background:#fff;padding:50px!important;border-radius:20px;box-shadow:rgb(100 100 111 / .2) 0 7px 29px 0}.wt-customer__forgot-pass a{color:#9f9f9f}.wt-customer__text{padding-top:10px;padding-bottom:20px}.product-carousel .product-item{flex:0 0 calc(24% - 20px)}.ship-con a{color:#0b75d3}.wt-customer__submit{width:100%!important;border-radius:10px;background-color:#3f92c1!important;color:#fff;font-size:18px}.wt-customer__form--container .hero__title{font-weight:600;padding-bottom:20px;font-size:30px}.wt-customer{padding:60px 0;margin:0px!important}.wt-page--compact h3{text-align:center;margin-top:70px;margin-bottom:20px;font-size:25px}.wt-page--compact p{text-align:center}.pxFormGenerator .form-control{height:45px!important}.static-pdp{margin-bottom:15px;display:flex;justify-content:space-between}.static-mt-5{margin-top:30px}.static-pdp img{margin-right:18px}.cod{align-items:center;display:flex;padding:12px 20px;width:48%;border-radius:10px;background-color:#ffffff0d;border:1px solid #d6d6d691}.about-sec1{width:1300px;border:1px solid #d3cfc9;border-radius:20px;margin:0 auto;display:flex}.made-img{width:650px;border-radius:0 20px 20px 0}.made-text{padding:0 50px 0 50px}.made-text h4{font-size:40px;font-weight:600}.social-d-flex{display:flex;align-items:center}.social-d-flex a{margin-left:6px}.made-text p{font-size:22px;line-height:40px}.container-mindia{display:flex;width:1100px;margin:0 auto;margin-top:100px;margin-bottom:80px}.mindia-icon img{width:70%;margin-right:0;padding:50px;background-color:#e231810d;border-radius:170px}.cstm_dsic{font-size:10px;background-color:#dedede;padding:2px;border-radius:4px}.mindia-icon{text-align:center;box-shadow:rgb(149 157 165 / .2) 0 8px 24px;margin-bottom:70px;border:1px solid #e2318129;border-radius:20px;width:100%;padding:30px;margin-left:15px;margin-right:15px}.mindia-icon h2{text-align:center;font-size:26px;font-weight:700}.mindia-icon p{text-align:center}.md-title p{font-size:26px;text-align:center}.md-title{margin-bottom:80px}.md-title span{color:#000;font-weight:600}.md-title h4{font-size:40px;font-weight:600;text-align:center;margin-bottom:20px!important}.shoppable-image__body .price-item.price-item--sale.price-item--last.wt-product__price__final{color:#3f92c1}.faq{max-width:800px;margin:40px auto;font-family:Arial,sans-serif}.faq-item{border-bottom:1px solid #ddd;padding:20px 0}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:20px;color:#595959;transition:color 0.3s}.faq-icon{font-size:20px;transition:transform 0.3s}.faq-answer{display:none;padding-top:10px;color:#4f4f4f;font-size:17px}.faq-answer ul{padding-left:20px;list-style:disc}.faq-item.active .faq-answer{display:block}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq h2{font-size:22px;font-weight:700}.wt-header__panel__item:not(:first-child){margin-left:8px}.faq-q{font-size:50px;margin:0 auto;font-weight:700;text-align:center;margin-bottom:70px;margin-top:60px}.custom-made{display:flex}.oxi_social_wrapper{margin-top:40px;border-top:2px solid #80808030;padding-top:40px}.contact-img{width:100%}.contact-img1{width:20px;margin-right:12px}.custom-cnt{padding-top:0}.custom-form{box-shadow:rgb(100 100 111 / .2) 0 7px 29px 0;padding:0;border:1px solid #80808030;border-radius:20px;width:1100px;margin:0 auto;display:flex;margin-top:70px}.social-cnt-cust{display:block;border-top:1px solid #dbdbdb;margin-top:20px}.social-cnt-cust img{width:25px;margin-right:20px}.custom-form1{border-radius:20px 0 0 20px;padding:50px 80px 70px 80px;background:#3f92c1;width:50%}.custom-form1 li{color:#fff}.custom-form2{padding:60px 60px}.cus-form-title{font-size:40px;color:#fff;margin-bottom:30px}.track-order{display:flex;margin:0 auto;padding:1px 30px;background-color:#206c971a}.track-order h5{color:#fff;padding:0;margin-top:5px;margin-bottom:5px}.track-order h5 a{font-size:12px;color:#000;font-weight:600}.custom-form2 p{margin-bottom:15px;align-items:center;display:flex}.card__badges--item{background-color:#e1e1e1!important;color:#6b6b6b!important}.track-pr{margin-right:20px}.ourvalues{background:#beddee;margin-top:100px;padding-top:60px;padding-bottom:20px}.ourvalues1{display:flex;width:1300px;margin:0 auto;margin-top:60px;margin-bottom:60px}.ourvalues-c{background-color:#fff;border-radius:15px;padding:20px;width:100%;margin:0 10px;box-shadow:rgb(149 157 165 / .2) 0 8px 24px}.ourvalues-c h1{font-size:22px;font-weight:600}.ourvalues-c img{width:100px}.custom-phil{width:1000px;margin:0 auto;margin-top:0;margin-bottom:0;margin-top:60px;margin-bottom:60px}.custom-phil p{font-size:22px;margin-bottom:25px}.custom-phil h2{color:#e33182}.custom-phil span{color:#000;font-weight:700}.msvs span{color:#000;font-weight:700}.msvs{margin:0 auto;width:1000px;margin-top:100px;margin-bottom:100px}.msvs h1{font-size:40px;font-weight:600}.msvs p{font-size:22px;margin-bottom:25px}.msvsp{width:100%}.msvs-img{width:100%}.brandstr{align-items:center;width:1000px;margin:0 auto;display:flex;margin-top:0}.brandstr1{width:100%;padding-right:20px}.brandstr1 h1{margin-top:0;font-weight:700;font-size:40px;line-height:45px}.brandstr1 button{margin-top:30px;border-radius:10px;color:#fff;font-size:18px;background-color:#3f92c1}.brandstr2 img{border-radius:30px;padding:30px}.brandstr2{width:100%}.pdl-br{padding-left:20px;padding-right:0 !Important}.static-cust{font-size:45px;text-align:center;font-weight:700;margin:40px}.track-order{display:flex;flex-direction:inherit}.contact-map iframe{width:100%;height:200px}.contact-map h1{font-size:18px;font-weight:700;margin-top:20px}.social-cnt-cust h1{font-size:18px;font-weight:700;margin-top:20px}.contact-map{border-top:1px solid #dbdbdb;margin-top:20px}.wt-product__info .price-item.price-item--sale.price-item--last.wt-product__price__final{color:#3f92c1;font-weight:600}.wt__quick-buy__container .cod{width:48%;padding:10px 10px}.wt__quick-buy__container .static-mt-5{margin-top:10px}.wt__quick-buy .wt__quick-buy--wrapper{padding:30px}.privacy-p{width:1000px;margin:0 auto;margin-bottom:80px}.wt__quick-buy__container .static-pdp{display:none}.p-policy{margin-bottom:40px}.p-policy ul{list-style:disc;margin-bottom:20px;padding-left:20px}.dispbp1{display:none}.dispbp{display:block}.p-policy h2{margin:10px 0 12px 0;font-weight:600;font-size:22px}.noUi-touch-area{cursor:pointer!important}.p-policy h1{font-size:28px;margin:10px 0 25px 0;font-weight:700}.p-policy h3{font-size:20px;margin:10px 0;font-weight:600}.p-policy p{margin-bottom:8px}.policy-li{font-weight:600;margin-bottom:15px}.ship h2{font-size:22px;margin:20px 0 15px 0;font-weight:600}.ship ul{list-style:disc;padding-left:20px;margin-block:15px}.ret{border-bottom:1px solid #dbdbdb;padding-top:20px;margin-top:50px;font-weight:700;padding-bottom:15px;margin-bottom:40px;text-align:center}.ship{margin-bottom:40px}.ship-p{border-bottom:1px solid #dbdbdb;padding-bottom:15px;margin-bottom:40px;text-align:center;padding-top:30px}.ship span{color:#000}.note{font-weight:700;color:#000}.check-delivery{display:flex}.check-delivery input{margin-top:10px;padding:8px;width:250px;border-radius:5px;border:1px solid #acacac;margin-right:10px}.delivery-text{padding-top:6px;font-size:13px}.check-delivery label{font-size:16px}.customer__account .customer__account__link{background:#e7e7e7;padding:10px;height:50px;border-radius:10px;background:#fff;text-align:center;box-shadow:rgb(100 100 111 / .2) 0 7px 29px 0;flex-direction:column-reverse}.customer__account-details{width:300px;background:#e4edf2;padding:30px;border-radius:15px}.wt-footer__list__item__text--underline{font-weight:500}ul.wt-footer__list>li:nth-child(4){font-weight:400}.to2 img{width:17px}.to1{display:flex}.wt-drawer__title__text{font-size:16px}.wt-cart__drawer__close{width:20px}.track-order{display:flex;justify-content:space-between;align-items:center}.wt-collapse__trigger{font-size:16px}.noUi-connect{background:#3f92c1 !Important}.nav-drawer-big .wt-drawer__title{padding:19px}.noUi-touch-area{border:2px solid #3f92c1;border-radius:100px}.wt-image-banner .headline__title{font-size:30px;font-weight:600}.f-price__input{font-size:16px;border-radius:5px}.wt-options__list__item[selected]{padding:10px 10px !Important;background:#fff !Important}.wt-cart__item__body .options{margin-top:0}.wt-cart__item__name{font-size:14px}.wt-cart__item__amount .cart-item__discounted-prices{flex-direction:row-reverse;flex-wrap:unset;align-items:center}.wt-cart__item__price-wrapper .cart-item__old-price{font-size:13px !Important;font-weight:500!important;color:#8d8d8d!important}.wt-cart__item__price-wrapper .price{font-size:13px;font-weight:600;color:#3f92c1}.cart-item__old-price{margin-left:10px;font-size:13px;color:#9e9e9e}.cart-custom-new{margin-top:10px;display:block}.wt-cart__drawer .wt-cart__item__thumb img{max-width:9rem;border-radius:10px}.wt-cart__drawer__body .wt-cart__drawer__items .swym-wishlist-collections-v2-container{margin:4px;padding:6px}.wt-cart__cross-sell__heading{margin-bottom:10px}.wt-cart__cross-sell{background-color:rgb(63 146 193 / .21)}.btn-checkout{border-radius:10px}.wt-cart__subtotal__value{font-size:17px}.wt-cart__subtotal__label .text{font-size:18px;font-weight:600}.wt-cart__subtitle__text{font-size:14px}.promo-gift{font-size:14px;padding-left:0}.cart-announcement{text-align:center;font-size:13px;padding:10px 14px;background:linear-gradient(90deg,rgb(42 123 155) 0%,rgb(199 146 40 / 29%) 0%,rgb(255 235 141 / 48%) 49%,rgb(199 146 40 / 46%) 100%)}.asteric-font{font-size:12px;color:#686868}.asteric-font1{font-size:13px}.cart-announcement span{font-weight:600}.wt-cart__giftwrap{align-items:center;border-bottom:none;margin-bottom:0;padding:10px 0 10px 0;display:flex;margin:0 0 0 55px!important}.wt-cart__giftwrap label{font-size:16px;width:0;height:24px;display:flex;align-items:center}.wt-cart__giftwrap input{margin-left:-40px}.customer__details p{font-size:18px!important;margin-top:0px!important;color:#206c97}.hero__pic-container .hero__title{margin-top:30px;margin-bottom:20px}.customer__details a{display:flex;align-items:center;height:50px;margin-top:16px;background:#e7e7e7;padding:10px;border-radius:10px;background:#fff;text-align:center;flex-direction:column-reverse;box-shadow:rgb(100 100 111 / .2) 0 7px 29px 0}.wt-customer__addresses li{border:1px solid #206c972b;border-radius:10px;padding:20px;width:800px;margin:0 auto!important;margin-bottom:20px!important}.wt-customer__addresses li h2{margin-top:0;padding-top:0}.wt-customer__addresses{padding:30px 0;width:800px;margin:0 auto!important}.add-address{display:flex;justify-content:space-between;width:100%;margin-bottom:0;margin-top:40px}.add-address button{border-radius:10px;border:none;background-color:#206c972e;color:#206c97;padding:12px 20px}.add-address button:hover{background-color:#206c97;color:#fff}.wt-customer__headings{padding-top:0;margin-top:0;display:block !Important;font-size:25px;text-align:center !Important}.wt-customer__addresses li button{border-radius:10px;border:2px solid #206c97;color:#206c97;padding:12px 20px}.wt-customer__addresses li .delete{border-radius:10px;background:red;border:1px solid red;color:#fff;padding:12px 20px}.wt-customer__addresses li .delete:hover{background-color:#ac0000;border:1px solid #ac0000;color:#fff}.wt-customer__addresses li button:hover{background-color:#206c97;color:#fff}.f-price__val label{font-size:15px !Important}.service-pdp p{font-size:14px;color:#797979}.service-pdp{font-size:16px}.wt-apps__wrapper{margin-top:50px;width:1300px;margin:0 auto}.wt-featured-collection .card__container .card__title{height:25px;padding-bottom:0}.wt-header__panel .wt-header__panel__item--account{margin-right:15px}.swym-header-launcher{margin-right:15px}.wt-customer__heading-default{margin-bottom:20px!important;background:#7dd24224!important}.wt-customer__addresses li h2{margin-bottom:30px!important;padding:5px 0;border-radius:5px}.wt-dot__brand{display:none}.wt-cart__cross-sell__products .wt-dot__image{width:90px !Important;max-height:90px}.wt-cart__cross-sell__products .price-item.price-item--sale.price-item--last.wt-product__price__final{font-size:12px;font-weight:700;color:#3f92c1!important}..wt-cart__cross-sell__products .shoppable-product-card{padding:0}.shoppable-product-card--cross-sell{padding:0px!important;min-height:50px!important}.wt-dot__link{align-items:flex-start!important}.cart-drawer__form .cart-page{margin-bottom:0px!important}.cart-drawer__form .wt-cart__item{padding:10px 0}.filter-custom{height:200px;overflow-y:auto;border:1px solid #e5e5e5;padding:12px;border-radius:6px;margin-bottom:20px}.f-current__list__item{border-radius:5px;background-color:#eee;padding:0 3px 0 8px}.wt-cart__drawer__header{padding:10px 20px}.shoppable-product-card .wt-dot__title{text-wrap:nowrap;font-size:14px}.shoppable-product-card .wt-product__price__final{font-size:12px;font-weight:700;color::#3f92c1!important}.shoppable-product-card{min-height:120px}.video-reels .shoppable-product-card{min-height:60px}.video-reels .wt-dot__picture img{height:55px;padding:0}.video-reels .price-item.price-item--sale.price-item--last.wt-product__price__final{color:#3f92c1!important}.cart-drawer .shoppable-product-card--cross-sell .swym-wishlist-collections-v2-container{margin:9px;padding:0}.shoppable-video__add-button{padding:0px!important;border:none!important}.shoppable-video__add-button:hover{background:#fff!important}.shoppable-video__buttons{padding-right:2px!important}.wt-slider__container--featured .card__container .card__title{padding-top:0}.popup-content{padding:30px 30px}.swym-ui-component .swym-atw-notification-container .swym-atw-notification-cta-wrapper .swym-atw-notification-cta{border-radius:10px}.cm5pp.FeQiM{--config-header-background-image:none !Important}.shoppable-image__body .price__regular .price-item--regular{font-size:14px;font-weight:600}.price__sale.visible{flex-direction:inherit!important;flex-wrap:inherit!important}.wt-product__info .price__regular .price-item--regular{color:#000;font-weight:600}.descript-cust{margin-bottom:15px !Important}.wt-featured-collection .headline__title{font-size:35px;font-weight:600}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-product-price{color:#3f92c1!important}.swym-ui-component .swym-product-price.swym-has-sale .swym-product-final-price{color:#3f92c1!important}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-product-price .swym-product-original-price{font-weight:500;color:#5f5f5f}.hero__wrapper{padding:0 0}.shoppable-image__body .wt-dot__tooltip{padding:5px!important}.shoppable-image__body .wt-dot__image{padding:4px 2px 4px 0;width:90px!important;height:90px!important}.shoppable-image__body .price-item.price-item--sale.price-item--last.wt-product__price__final{font-size:14px!important;font-weight:600}.shoppable-image__body .swym-wishlist-collections-v2-container{background:#fff;right:0;left:unset!important;margin:10px;padding:0;border-radius:50px}.shoppable-image__body .wt-dot__picture{margin-right:.6rem!important;align-items:center;width:90px!important;height:90px!important}.shoppable-image__body .wt-dot__title{font-size:14px!important}.hero__text,.hero__title{text-align:left}.hero--video-background .hero__title{font-size:30px;margin-top:30px;font-weight:600}.wt-parallax__content .hero__title{font-size:50px}.wt__quick-buy__container--open .swym-atw-button-container{display:none!important}.wt-footer__aside{margin-top:0;margin-bottom:15px}.st-mb{margin-bottom:30px}.wt-newsletter__title p{font-family:'nunito';letter-spacing:normal;font-weight:500;margin-top:15px}.wt-footer__text h3{margin-bottom:10px;margin-top:20px;font-size:18px;font-weight:600}.wt-newsletter__field{height:40px;border-radius:5px 0 0 5px}.wt-newsletter__send{height:40px;border-radius:0 5px 5px 0}.search-results__title{font-size:30px!important}.search-result-list .price__sale.visible span{color:#3f92c1!important}.wt-rating__stars{color:#3f92c1!important;font-size:15px;letter-spacing:3px}.wt-product__wrapper{width:1300px;margin:0 auto}.related-products .price__regular .price-item--regular{font-size:16px}.wt-featured-collection--recommendation{width:1300px;margin:0 auto}.js-modal-close{border:none!important}.wt-footer__text img{width:18px;display:flex;margin-right:15px}.wt-test{padding:60px 0}.wt-product__add-to-cart_form .live-sold:hover{background:#fff!important;border:2px solid #3f92c1!important;color:#3f92c1!important}.wt-page-nav-mega__aside{background-color:#f5f9fc}.product-personalizer .pplr-btn{width:48%}.dispaly-flex{display:flex;justify-content:space-between}.personallized-btn-div{display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px}.pplr-c-button{padding:20px;height:60px;width:48%;background:#8e5624!important;border:none!important;color:#fff!important;font-weight:600!important}.pplr-btn{margin:0px!important}.pplr-c-button{text-transform:uppercase;text-align:center;display:inline-block;border:1px solid #fff;cursor:pointer;letter-spacing:2px;position:relative;overflow:hidden;margin:0 20px}.pplr-c-button:hover{font-weight:600!important;background:#75471d!important}.pplr-c-button:before{content:"";position:absolute;height:150px;width:50px;background:#fff;left:-55px;top:-40px}.add-btn-main .wt-product__add-to-cart_form--wrapper{width:48%}.add-btn-main .shopify-payment-button{width:48%}.pplr-character-count{top:7px!important}@media (max-width:768px){.wt-announcement__text{white-space:normal;flex-wrap:wrap;text-align:center}.wt-product{flex-direction:column}.wt-product__gallery{position:relative;top:auto;height:auto}}body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper{width:100vw;position:absolute;left:-24rem}@media only screen and (min-width:360px) and (max-width:1199px){.social-colr{margin-top:30px}.track-order h5 a{font-size:12px;color:#000;font-weight:600}.track-order{background-color:#206c971a}}@media only screen and (min-width:1920px) and (max-width:2166px){body:not(.mobile-nav) .wt-page-nav-mega__list--center{left:35rem}body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper{left:-37rem}}@media only screen and (min-width:1600px) and (max-width:1900px){body:not(.mobile-nav) .wt-page-nav-mega__list--center{left:27rem}body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper{left:-29rem}}@media only screen and (min-width:1367px) and (max-width:1599px){body:not(.mobile-nav) .wt-page-nav-mega__list--center{left:23rem}}@media only screen and (min-width:1200px) and (max-width:1366px){body:not(.mobile-nav) .wt-page-nav-mega__list--center{left:23rem}}@media only screen and (min-width:1200px){body:not(.mobile-nav) .wt-header__menu-trigger{display:none}body:not(.mobile-nav) .wt-page-nav-mega__list--center{justify-content:flex-start;position:absolute;top:-7.4rem}.wt-header__logo-wrapper{margin-top:11px}body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper{width:20vw;left:0rem}.wt-header__body--search .wt-header__search{width:50px;min-width:50px;margin:0 0 0 auto}.page-header-sticky:not(.mobile-nav) .page-header.sticky-enabled .wt-drawer--nav{position:relative;margin-top:0}.wt-header__sticky-menu-trigger{display:none!important}}.cstm_discoun_promo.no_cost_emi{width:fit-content !Important}@media(max-width:450px){.cstm_discoun_promo{margin-top:0}.no_cost_emi{margin-top:10px}.card__title{font-weight:500!important}.wt-mosaic .hero__img{height:250px!important}.personallized-btn-div{flex-direction:column!important}.product-personalizer .pplr-btn{width:100%}.pplr-c-button{height:50px;font-size:16px}.wt-test{padding:30px 0}.wt-newsletter__title img{width:150px}.wt-newsletter__title{padding-top:5px;padding-bottom:5px}.edd-checker{margin-top:20px!important}.wt-keys{padding-bottom:15px}.shoppable-image__full{padding-bottom:0}.wt-newsletter__field{height:40px;border-radius:5px}.wt-newsletter__send{height:40px;border-radius:5px}.st-mb{margin-bottom:0}.wt-featured-collection--recommendation{width:100%}.collection__grid{margin-bottom:0}.newsletter{padding-top:30px;padding-bottom:30px}.breadcrumbs__wrapper{padding-top:6px}.cart-page .wt-cart__subtotal__value{font-size:20px}.wt-header__panel__item:not(:first-child){margin-left:16px}.wt-header__body--search .wt-header__search{margin-bottom:0}.wt-header__body--search{padding-top:0}.hero--video-background .hero__title{font-size:18px!important;font-weight:600!important}.collection--with-aside .price__sale .price-item--lower{font-size:9px;position:relative;top:2px}.page-header .wt-header__aside{width:44px;height:44px;order:-1;margin-left:auto;margin-right:calc(var(--gap, 8px) * 1);margin-block:calc(var(--gap, 8px) * 1);padding-inline:0;border:none}.page-header .wt-header__search{border:none!important}.ourvalues-c img{width:70px}.collection__filter-trigger.wt-filter__trigger{font-size:14px!important}.wt-mosaic{width:100%!important}.hero__title{font-size:24px!important;font-weight:600!important}.tab-buttons{display:block!important;margin-top:10px;font-size:18px;text-align:center}.tab-buttons .tab-button{font-size:14px}.tab-title{margin-bottom:15px;margin-right:0;text-align:center;font-size:22px}.product-carousel{overflow-x:auto!important;padding:20px 20px!important}.product-image-container img{min-height:160px}.mindia-icon h2{font-size:18px}.wt-test__container .headline__title{font-size:18px;padding-bottom:0px!important}.wt-keys__item--center .wt-keys__image{margin-bottom:0px!important}.wt-keys__title{font-size:18px;padding-bottom:10px}.p-policy h3{font-size:16px}.p-policy h1{font-size:20px;line-height:26px}.wt-page-nav-mega__item:not(:last-child)::after{left:calc(var(--gap, 8px) * 2);right:calc(var(--gap, 8px) * 2)}.p-policy h2{font-size:20px}.wt-keys__image{width:70px!important}.wt-keys__item{margin-bottom:20px}.instagram-feed-slider h2{font-size:30px}.feed-slide{flex:0 0 45%!important}.instagram-feed-slider{margin-bottom:-100px!important}.wt-mosaic__aside .hero__title{margin-top:100px}.cstm_Policy{display:none}.newsletter h2{font-size:22px}.wt-header__logo__link{width:120px}.feed-slide{flex:0 0 29%!important}.feed-slide{margin:0 6px}.wt-header__icon img{display:none}.wt-header__search{border:1px solid #80808054!important}.wt-header__search__field{padding-left:10px}.carousel-navigation{display:none !Important}.tab-tab1{display:block}.tab-container{width:100%;padding-bottom:0}.collection__grid__item .card__title{font-size:14px;padding-top:0}.hero__title{font-size:30px}.collection-filter{margin-top:20px}.wt-product__add-to-cart_form{flex-direction:row}.main-product__buy-buttons--container{padding-bottom:5px;margin-bottom:0}.wt-product__add-to-cart_form .js-add-to-cart{width:100%;font-size:15px}.shopify-payment-button__button{width:100%!important;padding:25px!important}.wt-product__add-to-cart_form .shopify-payment-button__button--unbranded{font-size:15px}.wt-product__info{margin-bottom:20px}.product-carousel{margin-left:20px;gap:13px!important}.wt-product__slider--padding{margin-bottom:0}.wt-image-banner .hero__title{font-size:50px}.wt-image-banner .hero__overlay__content{padding:24px 0}.mega-menu__gallery{display:none}.wt-header__panel .wt-header__panel__item--account{margin-left:10px!important}.wt-parallax__content{height:70vh!important}.wt-parallax__content .hero__title{font-size:55px;line-height:30px;padding-bottom:30px}.wt-dot__circle{top:1px!important;left:1px!important;width:24px!important;height:24px!important;box-shadow:0 0 0 8px #fff inset,0 1px 10px #3f92c15c!important;border:2px solid #8ab1c7}.wt-dot__body{width:100%}.wt-customer__form--container{padding:20px!important;background:#fff;border-radius:10px;box-shadow:rgb(100 100 111 / .2) 0 7px 29px 0}.wt-customer__form--container .hero__button--primary{font-size:16px;width:100%;height:45pxl}.wt-customer__forgot-pass{margin-bottom:28px!important}.wt-customer .hero__title{font-weight:550}.wt-newsletter__send{width:100%}.wt-test__text{line-height:38px}.wt-test__text h1{font-weight:700;font-size:24px;line-height:30px;margin-top:0}.wt-test__author{font-size:18px}.price--end{text-align:left}.mega-menu{background-color:#3f92c10d}.about-sec{width:100%;padding:0 20px}.about-img{width:100%;margin-top:20px}.madein-img{width:100%;margin-top:20px}.about-sec h4{font-size:26px;line-height:35px}.wt-header__logo-wrapper .svg-icon{--size-icon:3.3rem !Important}.cstm-megamenu{display:block;padding:20px 20px 0 20px;margin-bottom:0;font-size:15px;border-bottom:1px solid #0000001c}.cstm-megamenu li{padding:0 0 15px 0}.wt-page-nav-mega__link{font-weight:550;color:#19628b}.wt-page-nav-mega{padding:0}.wt-cart__item__thumb a{width:60px}.wt-cart__item__amount{display:block}.wt-progress-bar{height:2px}.wt-more{margin-top:20px}.wt-featured-collection .card__container .card__title{font-size:13px;height:15px}.card__container .card__title{font-size:13px;height:16px}.wt-collapse__target--text .a-unordered-list .a-list-item{font-size:14px!important}.breadcrumbs__list{font-size:10px}.wt-options__trigger{font-size:14px}.collection__filter-trigger.wt-filter__trigger::before{font-size:14px}.rte ul:not([class]){padding-left:15px}.wt-product__info h1{font-size:18px}.wt-collapse__trigger__title{font-size:16px;padding-bottom:10px}.wt-product__main .price__regular .price-item--regular{font-size:20px}.price__regular .price-item--regular{font-size:15px}.wt-collapse__target{font-size:14px}.wt-product__gallery .wt-slider__container{padding-bottom:0}.wt-product__wrapper{width:100%;padding-top:0}.wt-product__separator{display:none!important}.shopify-app-block .rating-icon-svg{width:12px!important}.wt-product__option__body--swatches .swiper-slide{width:26px;height:26px}.body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper>.wt-page-nav-mega__sublist{max-width:100%}body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper{width:100%;position:unset;left:0rem}.dropdown-menu-custom{margin-bottom:0px!important;padding-left:0px!important;padding-right:0px!important;display:block!important}.wt-page-nav-mega__sublist__link--parent svg{display:block!important}.wt-page-nav-mega__sublist__link--parent .svg-icon--arrow-right{display:none!important}.wt-page-nav-mega__link{padding:0 20px!important}.wt-page-nav-mega__aside{padding:0 20px;margin-top:20px}.wt-page-nav-mega__aside-list__link{padding:0 0 15px;font-size:15px}body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper::after{padding:0 10px!important}.wt-product__info .price-item.price-item--sale.price-item--last.wt-product__price__final{font-size:18px;font-weight:550}.wt-product__info .price__sale .price-item--percent{font-size:12px;color:#727272;background:#e8e3e3;border-radius:5px;font-weight:500;padding:3px 3px}.wt-product__info .price__sale .price-item--lower{font-size:12px}.price-item.price-item--sale.price-item--last.wt-product__price__final{font-size:12px;font-weight:550}.price__regular .price-item--regular{font-size:12px;font-weight:550;color:#3f92c1!important}.price__sale .price-item--percent{background-color:#fff0;color:#e33182;font-size:9px;padding:0;border-radius:0;font-weight:550}.wt-slider__container--featured .price__sale .price-item--lower{font-size:9px;margin-left:8px;position:relative;top:3px}.cstm_price{display:flex}.wt-customer{margin:30px 0 !Important}.collection__filter-trigger.wt-filter__trigger::before{font-size:12px}.collection__filter-trigger.wt-filter__trigger{font-size:12px}.wt-filter__trigger .svg-icon{width:20px}.collection__toolbar switch-column{display:none}.card__quick-add-container button{font-size:12px;border-radius:7px;padding:0;height:32px;font-weight:500}.wt-header__body--search .wt-header__search{display:block;border-radius:6px}.wt-header__body .svg-icon{--size-icon:2.4rem}.swym-header-launcher-icon svg{--size-icon:2.4rem}.swym-header-launcher-icon{top:5px!important}.swym-header-launcher{margin-left:9px!important}.swym-header-launcher-badge{top:2px}.product-carousel .product-info .old-price{font-size:9px !Important}.cstm_dsic{font-size:9px !Important}.product-carousel .product-info .new-price{font-size:12px!important}.product-item{min-width:170px}.product-pricing{margin-top:0;justify-content:unset!important}.product-title{font-weight:500!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;font-size:13px!important}.hero__button--primary{padding:10px 15px;border-radius:5px}.swym-wishlist-collections-v2-container{position:absolute;top:0;left:unset!important;z-index:5;cursor:pointer;right:0;background-color:#fff!important;border-radius:100px;padding:5px!important;margin:6px}.swym-wishlist-collections-v2{transform:translate(0)!important;z-index:999999999}.wt-header__panel__item--account{display:none}.card__pattern-images{padding-left:0px!important;padding-right:0px!important;margin-top:5px;padding-top:10px}.pattern-image{width:25px;border-radius:50px;margin-right:1px;height:25px}.card__price{margin-top:0}.card__container{padding:5px;border-radius:14px}.card__title{margin-bottom:0;margin-top:5px!important}.wt-collapse__target--text ul{margin:0px!important}.wt-collapse__target--text{margin:0px!important;font-size:15px}.color-swatcher--wrapper{height:18px;width:18px}.wt-product__add-to-cart_form{padding-bottom:0}.main-product__buy-buttons--container{padding-bottom:20px}. ourvalues-c p{font-size:14px}.wt-customer{margin:0px!important}.wt-header__aside{margin-right:0px!important}.wt-header__search{padding:10px 18px!important}.wt-header__panel--no-labels{padding-top:8px!important}.search-overlay-on .wt-header__search__body{padding-left:0px!important;padding-right:0px!important}.cod{width:48%;font-size:14px;padding:6px 10px}.service-pdp{font-size:13px}.service-pdp p{font-size:11px;color:#797979}.static-pdp img{width:25px!important;height:25px!important;margin-right:10px}.custom-phil{width:100%;margin:30px auto;margin-top:0}.custom-phil p{font-size:16px;margin-bottom:25px;padding:0 20px}.custom-phil h2{padding:0 20px;font-size:18px;line-height:20px}.msvs{margin:0 auto;width:100%;padding:0 20px;margin-bottom:40px}.msvs p{font-size:16px}.msvs h1{font-size:18px}.brandstr{display:grid;width:100%;margin-bottom:60px;margin-top:0}.brandstr1{width:100%;padding-right:20px;padding-left:20px}.brandstr1 h1{margin-top:0;font-weight:600;line-height:25px;font-size:20px}.brandstr2{margin-bottom:20px;width:100%;padding:0 20px}.wt-mosaic__container .hero__title{font-size:19px!important;font-weight:600!important;line-height:25px;margin-top:80px!important;margin-bottom:0;text-align:center}.pdl-br{width:100%;padding-right:20px !Important;padding-left:20px}.order1{order:1}.order2{order:2}.brandstr1 button{font-size:16px}.static-cust{font-size:22px;margin:0;padding:20px 0 15px 0}.ourvalues{display:block;width:100%;margin:0 auto;padding:0 0}.ourvalues1{display:block;width:100%;margin:0 auto;padding:0 20px 20px 20px}.swym-wishlist-main-title{font-size:16px;font-weight:500}.ourvalues-c{margin:0;margin-bottom:20px}.md-title p{font-size:16px;text-align:left}.about-sec h4{font-size:24px;text-align:left}.about-sec1{width:90%;display:block;padding:0;margin:20px}.made-text{padding:0 20px}.made-text h4{font-size:20px;font-weight:600;margin:20px 0 10px}.made-img{width:100%;border-radius:0 0 10px 10px}.container-mindia{display:block;width:100%;padding:0 20px;margin:70px auto}.mindia-icon{margin:0;margin-bottom:20px}.made-text p{font-size:16px;line-height:23px;padding-bottom:40px}.md-title{margin-bottom:60px}.mindia-icon img{width:55%;padding:30px}.cus-form-title{font-size:26px;color:#fff;margin-bottom:20px}.cstm_Quick{padding:0 0}.wt-footer__aside{display:none}.cstm_Customer{padding:0 0}.wt-footer__body p{font-size:16px}.custom-form1{border-radius:15px;padding:15px 20px;width:100%}.custom-form{margin:20px 20px;box-shadow:none;padding:0;border:none;width:90%;display:block}.custom-form2{padding:20px 20px}.wt-apps__wrapper{margin:0 10px;margin-top:15px;width:100%}.contact-img1{width:20px;margin-right:15px}.privacy-p{width:100%;padding:0 20px;margin:0 auto 80px}.privacy-p{font-size:16px}.faq-q{font-size:20px;margin:30px auto 40px}.faq{padding:0 20px;max-width:100%}.faq-question{font-size:16px}.faq-answer{font-size:15px}.faq-item{padding:15px 0}.faq h2{font-size:17px;margin:0}.ship-p{padding-top:10px;margin-top:0;text-align:center;font-size:20px;margin-bottom:25px}.ship h2{font-size:16px;margin:20px 0 7px;font-weight:600}.ret{margin-bottom:30px;font-size:22px;text-align:center}.wt-header__body--search .wt-header__aside{padding-right:0}.track-order{display:none}.wt-product__add-to-cart{margin-top:0}.wt-header__panel .wt-header__panel__item--account{margin-right:0}.swym-header-launcher{margin-right:0}.customer__account-details{width:100%}.customer__account-details .customer__details{border-bottom:none !Important;padding-bottom:10px !Important}.customer__details p{margin-top:0 !Important;font-size:16px !Important}.customer__account-details .customer__account{border-bottom:none !Important;padding-bottom:0}.wt-customer__addresses{width:100%;padding:0 20px;margin-top:20px !Important}.wt-customer__addresses li{width:100%}.wt-customer__addresses li p{margin-bottom:15px!important}.wt-customer__addresses ul{padding:0px!important;margin:0;width:100%}.add-address{margin-bottom:0}.popup-content{padding:20px 20px!important}.wt-customer__headings{font-size:20px}.dispbp1{display:block}.dispbp{display:none}.brandstr2 img{padding:0}.collection__grid .price-item.price-item--sale.price-item--last.wt-product__price__final{font-size:12px!important}.wt-collapse--always .wt-collapse__trigger{padding:10px 0 10px}.share-icons__container{border-top:1px solid #d0d0d099;padding-top:5px}.wt-featured-collection .headline__title{font-size:18px}.wt-slider__container--featured .price-item.price-item--sale.price-item--last.wt-product__price__final{font-size:12px}.collection__grid .price__regular .price-item--regular{font-size:12px}.swym-header-launcher-icon svg{width:24px}.swym-simple-wishlist-container .swym-wishlist-detail-header{margin-bottom:15px!important}.swym-ui-component .swym-wishlist-grid li{width:48% !Important}.swym-wishlist-detail .swym-wishlist-grid .swym-wishlist-item .swym-add-to-cart-btn{margin:0 0 0 0;font-size:12px!important}.swym-ui-component .swym-wishlist-detail-separator{display:none!important}.swym-ui-component .swym-product-price.swym-has-sale .swym-product-final-price{font-size:12px}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-product-price .swym-product-original-price{font-size:10px}.swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-product-price{font-size:12px}.facets-container{padding:0 20px}.filter-custom{max-height:200px;min-height:auto;overflow-y:auto;border:none;border-radius:0;padding:0;margin-bottom:0;padding-top:15px;border-bottom:1px solid #dedede}.wt-filter__header{padding:20px}.f-current{margin-top:20px}.hero__pic-container .hero__title{padding:30px 0 20px 0}.ourvalues-c h1{font-size:18px}.search-overlay-on .wt-header__search__form{height:40px!important}.wt-product__main{min-width:100%}.wt-grid-box__container{margin-top:10px !Important}.wt-grid-box{padding-top:30px;padding-bottom:30px}}@media only screen and (min-width:760px) and (max-width:900px){.wt-featured-collection .headline__title{font-size:25px}.wt-product__main{width:100%!important;.track-order{display:none}.wt-header__search-trigger{left:19px}}}@media only screen and (min-width:768px) and (max-width:1199px){.wt-featured-collection--recommendation{width:100%}.wt-product__wrapper{width:100%}.wt-apps__wrapper{margin-top:30px;width:100%}.wt-grid-box__item .hero__button{padding:5px 10px;font-size:14px;margin:5px 0 20px 0}.cod{width:48%;font-size:14px;padding:6px 10px}.wt-grid-box__ul .hero__title{font-size:16px}.wt-grid-box__ul .hero__overlay{padding-bottom:20px}.search-overlay-on .wt-header__search__form{height:40px!important}.product-carousel{overflow-x:auto!important;margin-left:20px}.wt-header__panel__item:not(:first-child){margin-left:5px!important}.wt-header__body--search .wt-header__search{margin-bottom:0}.wt-header__body--search{padding-top:0}.wt-header__aside{margin-right:0px!importantwidth:40% !Important}.wt-keys__list{display:flex;flex-direction:inherit}.wt-keys__title{font-size:18px;padding-bottom:11px;font-weight:600}.wt-mosaic{width:100%;margin:0 auto}.wt-mosaic__aside__item .hero__overlay{top:unset}.wt-grid-box__container{width:100%;margin:0 auto}.wt-grid-box__ul{flex-direction:initial!important}.wt-grid-box .headline__title{font-size:30px;margin-bottom:20px;font-weight:700}.wt-image-banner .hero__title{font-size:65px;text-align:center;margin-bottom:28px}.product-carousel ..product-item{flex:0 0 calc(16.33% - 20px)}.tab-container{width:100%;margin:0 auto}.carousel-navigation{display:none}.product-carousel .product-info .new-price{font-size:14px}.tab-tab1{margin:0 auto}.product-carousel{margin-left:5px 20px 20px 20px!important}.tab-content-other{width:100%;margin:0 auto}.wt-parallax__content .hero__title{line-height:30px}.hero__overlay__content--left{text-align:left;align-items:baseline}.carousel-navigation{display:none !Important}.wt-image-banner .hero__overlay__content--left{text-align:center;align-items:center}.wt-header__search-trigger{top:7%;left:10px}.page-header-sticky .page-header.sticky-enabled .wt-header--v1 .wt-header__search{margin-left:10px}.wt-header__logo__link{--logo-width:120px !important}.wt-header__body .wt-drawer-search{min-width:40px;margin:0 40px}.wt-header__aside{margin-top:0px!important}.page-header-sticky .page-header.sticky-enabled .wt-header--v1 .wt-header__aside{margin-bottom:0}.swym-header-launcher-icon{top:9px!important}.wt-header__panel{align-items:center}.swym-header-launcher-badge{background:#e33182!important;top:6px}.wt-header__body .svg-icon{width:26px!important}#swym-wonder-header-inject>span.swym-header-launcher-icon>svg{width:26px!important}.wt-header__panel__item{margin-left:5px!important}.wt-header__search-trigger img{width:26px!important;height:26px!important;display:none}.wt-header__body{height:60px}.tab-title{font-size:30px}.track-order{display:none;padding:1px 20px}.wt-header__body--search .wt-header__panel{margin-left:0}.wt-drawer-search--active{margin:0 !Important}.brandstr{padding:0 50px;width:100%}.brandstr1 h1{font-size:22px;line-height:27px}.brandstr1 p{font-size:14px;line-height:21px}.pdl-br{padding-left:0}.brandstr1{width:100%;padding-right:0}.brandstr2 img{border-radius:30px;padding:30px 50px}.static-cust{font-size:30px}.msvs{margin:40px auto;width:100%;padding:0 50px}.msvs p{font-size:16px;margin-bottom:15px}.msvs h1{font-size:26px;font-weight:600}.ourvalues1{width:100%}.ourvalues-c p{font-size:14px}.ourvalues-c h1{font-size:18px;font-weight:600}.ourvalues-c img{width:60px}.ourvalues{margin-top:70px;padding-top:10px}.about-sec{width:100%}.md-title p{font-size:18px}.about-sec{padding:0 100px 0}.md-title h4{font-size:25px}.mindia-icon img{width:50%;padding:20px}.container-mindia{width:100%;margin:80px auto 30px}.mindia-icon h2{text-align:center;font-size:20px;font-weight:700}.mindia-icon p{font-size:14px}.custom-phil{margin:20px auto;width:100%;padding:0 50px}.custom-phil p{font-size:16px;margin-bottom:25px}.custom-phil h2{color:#e33182;font-size:18px}.mindia-icon{margin-bottom:20px}.made-text p{font-size:16px;line-height:26px}.made-text h4{font-size:25px;font-weight:600}.about-sec1{width:90%}.made-text{width:50%}.made-img{width:50%}.privacy-p{width:100%;padding:0 50px}.p-policy p{margin-bottom:8px;font-size:14px}.p-policy ul{font-size:14px}.p-policy h1{font-size:22px}.p-policy h2{font-size:18px}.p-policy h3{font-size:16px}.ship h2{font-size:18px}.ship p{font-size:14px}.ship ul{font-size:14px}.ret{font-size:26px}.privacy-p p{font-size:14px}.ship-p{padding-top:0;font-size:26px}.custom-form{margin:0 auto;width:90%}.custom-form1{padding:40px 50px 0}.cus-form-title{font-size:22px!important;margin-bottom:20px;line-height:27px}.custom-form2{padding:50px}.custom-form1 li{font-size:16px}.faq-q{font-size:30px;margin:40px auto 40px}.faq{max-width:100%;margin:40px 50px auto}.faq h2{font-size:20px}.faq-question{font-size:18px}.faq-item{padding:14px 0}.rturntrack-order{display:none}body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper{width:100vw;position:unset}.cstm-megamenu{display:block;font-size:15px;border-bottom:1px solid #0000001c;background-color:var(--color-footer-background);color:var(--color-footer-text);padding:calc(var(--gap, 8px) * 3) calc(var(--gap, 8px) * 4);margin-top:auto}.cstm-megamenu li{display:flex;align-items:center;padding:calc(var(--gap, 8px) * 1.5) 0;color:inherit}.wt-page-nav-mega{padding-block:0}.store-search-form .wt-header__search__field{padding-left:10px}.wt-header__panel .wt-header__panel__item--account{margin-left:17px!important}.wt-slider__container--featured .price-item.price-item--sale.price-item--last.wt-product__price__final{font-size:12px!important;font-weight:600}.wt-collapse__target--text{font-size:14px}.wt-product__info h1{font-size:18px}.wt-product{gap:calc(var(--gap, 8px) * 4)}[desktop-media-size="normal"] .wt-product__main{width:45%}.card__container{padding:5px}.wt-slider__container--featured .price__regular .price-item--regular{font-size:12px!important;font-weight:600;color:#3f92c1}.wt-slider__container--featured .card__container .card__title{margin-top:7px;font-size:14px;height:18px}.wt-slider__container--featured .price__sale .price-item--percent{font-size:9px;padding:4px 2px}.wt-slider__container--featured .price__sale .price-item--lower{font-size:9px;position:relative;top:-2px}.wt-product__option__body--swatches .swiper-slide{width:26px;height:26px}.wt-product__add-to-cart_form .js-add-to-cart{height:50px}.shopify-payment-button__button{padding:25px!important}.wt-collapse__trigger__title{font-family:'nunito';font-size:16px;padding-bottom:6px}.swym-wishlist-detail .swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-add-to-cart-btn{font-size:12px}.swym-wishlist-detail .swym-wishlist-detail-header{margin-bottom:20px}.swym-wishlist-detail .swym-wishlist-grid .swym-wishlist-item .swym-add-to-cart-btn{margin:0 0 0 0}}@media only screen and (min-width:1120px) and (max-width:1440px){.wt-featured-collection .headline__title{font-size:25px}.wt-product__wrapper{width:100%}.wt-featured-collection--recommendation{width:100%}.wt-apps__wrapper{margin-top:30px;width:100%}.price__sale.visible{flex-direction:inherit!important;flex-wrap:inherit!important}.product-carousel{overflow-x:auto!important;margin-left:20px}.wt-page-nav-mega__link__text--underline{font-size:14px}body:not(.mobile-nav) .wt-page-nav-mega__list--center{left:17rem}.wt-header__logo__link{width:130px!important;display:block!important}.wt-header__logo__img{width:130px !Important}.wt-header__search-trigger img{margin-top:4px}.wt-header__panel{margin-top:4px}.wt-header__body .svg-icon{width:26px!important}#swym-wonder-header-inject>span.swym-header-launcher-icon>svg{width:26px!important}.wt-mosaic{width:100%;margin:0 auto}.tab-container{width:100%;margin:0 auto;padding:0 50px 80px 50px}.collection__aside:not(.wt-filter--drawer){flex:1 0 23rem}.wt-filter__body .wt-collapse__trigger{padding-top:15px;padding-block:15px}.collection__body .card__container .price-item.price-item--sale.price-item--last.wt-product__price__final{color:#3f92c1!important;font-size:14px;font-weight:600}.collection__body .card__container .price__sale .price-item--percent{font-size:10px}.collection__body .card__container .price__sale .price-item--lower{font-size:10px}.collection__body .card__container .price__regular .price-item--regular{font-size:14px;font-weight:600;color:#3f92c1!important}}.cstm_description_9{display:none}.cstm_discoun_promo{font-size:13px;border-radius:5px;padding:10px;margin-top:15px;background:linear-gradient(90deg,rgb(42 123 155) 0%,rgb(199 146 40 / 29%) 0%,rgb(255 235 141 / 48%) 49%,rgb(199 146 40 / 46%) 100%)}.wt-announcement__text{font-size:13px;margin:0px!important;padding:6px 0}@media (min-width:1024px){.custom-main .dropdown:hover .dropdown-menu-custom{display:block}.custom-main .dropdown-menu-custom{width:fit-content!important}.custom-main .dropdown-menu-custom{position:absolute;top:100%;left:0;z-index:1000;padding:10px 0;margin:0;min-width:100%;transition:all 0.2s ease-in-out}.custom-main .dropdown{position:relative}.wt-product{display:flex;align-items:flex-start;gap:4rem;position:relative}.wt-product__gallery{position:sticky!important;top:2rem;flex:0 0 50%;align-self:flex-start;z-index:1}.wt-product__main{flex:1;min-height:0vh}}.edd-checker{display:flex;flex-direction:column;gap:10px;max-width:400px;margin-bottom:0;margin-top:40px}.edd-checker label{font-weight:600;font-size:15px;color:#333}.edd-input-wrap{display:flex;align-items:center;gap:8px}.edd-input-wrap input{flex:1;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px}.edd-input-wrap button{background-color:#3f92c1;color:#fff;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color 0.3s ease}.edd-input-wrap button:hover{background-color:#256f99}.edd-result{display:flex;align-items:center;gap:10px;margin-top:0;font-size:14px;color:#2e7d32;font-weight:500}.edd-result .icon{font-size:18px;color:#2e7d32}.edd-error{color:#d32f2f;font-size:13px;margin-top:5px}.edd-input-wrap button{position:relative;overflow:hidden}.edd-input-wrap button .btn-text{display:inline-block}.edd-input-wrap button .btn-loader{display:none;width:16px;height:16px;border:2px solid #fff;border-top:2px solid #fff0;border-radius:50%;animation:spin 0.8s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.edd-input-wrap button.loading .btn-text{visibility:hidden}.edd-input-wrap button.loading .btn-loader{display:block}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.custom-footer-wrap{border-top:1px solid rgba(var(--color-footer-text-rgb),.2)}@media (max-width:767px){.custom-footer-wrap{flex-direction:column-reverse}}.custom-footer-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 0;text-align:center}.custom-footer-left,.custom-footer-right{flex:1 1 100%}@media (min-width:768px){.custom-footer-wrap{flex-wrap:nowrap;text-align:left}.secure_heading{padding:10px 0}.custom-footer-left,.custom-footer-right{flex:1}.custom-footer-right{display:flex;gap:30px}.custom-footer-left{text-align:-webkit-center}}.footer-logo img{width:100%;max-width:300px;height:auto;margin:0 auto}.custom-footer-left p{font-size:15px;text-align:left}.secure_heading{font-size:15px}.custom-footer-right{align-items:center;justify-content:end}.custom-footer-wrap{padding:15px 35px;width:100%;margin:0 auto}@media(max-width:450px){.asteric-font1{font-size:12px}.asteric-font{font-size:11px}.cart-announcement{padding:6px 10px}.wt-announcement__text{font-size:13px;line-height:22px;padding:0 15px;margin:0}.wt-announcement__container{padding:4px 0}.custom-footer-wrap{width:100%}.custom-footer-left p{margin-top:20px;font-size:14px}.secure_heading{font-size:14px}}.jdgm-all-reviews-text{display:none!important}.container_sub{width:1340px;margin:0 auto}@media (min-width:1200px) and (max-width:1366px){.cstm_discoun_promo{font-size:14px}.wt-announcement__text{font-size:11px}.container_sub{width:1170px;margin:0 auto}.text-video-split .container{max-width:1200px;margin:0 auto}}.text-video-split{background-color:#206c971a}.text-video-split .container{max-width:1240px;margin:0 auto}.split-wrapper{display:flex;justify-content:space-between;gap:40px}.text-video-split.text-left .split-text{order:1}.text-video-split.text-left .split-video{order:2}.text-video-split.text-right .split-text{order:2}.text-video-split.text-right .split-video{order:1}.split-text,.split-video{flex:1}.split-text h2{font-size:var(--heading-desktop);color:var(--heading-color);padding:calc(var(--gap, 8px) * 2);margin:0;font-weight:600}.split-text p{font-size:var(--text-desktop);color:var(--text-color);padding:calc(var(--gap, 8px) * 2);margin:0;line-height:1.6}.split-video iframe{width:100%;height:315px;border:none}.cstm_main{margin-top:20px}.mobile-image{display:none}@media (min-width:768px){.cstm_padding h2,.cstm_padding p{padding-Left:0}.text-video-split{padding:60px 30px}.split-wrapper{align-items:center}a.cstm_float.wt-page-nav-mega__link{display:none}}@media (max-width:768px){.nav-drawer-big .wt-drawer__title{padding:15px 19px 10px 19px}a.cstm_float{border-left:1px solid rgb(71 129 163 / 16%)}a.cstm_float.wt-page-nav-mega__link{display:flex}.wt-featured-collection .headline__title{font-size:22px;font-weight:600}.text-video-split .container{padding:0 0 10px 0}.container_sub{width:100%}.split-text h2{font-size:var(--heading-mobile)}{% comment %}.split-text p{font-size:var(--text-mobile)}{% endcomment %}.split-text p{padding:0 17px 0}.split-wrapper{flex-direction:column;gap:8px}.text-video-split.video-first .split-video{order:1;padding:10px}.text-video-split.video-first .split-text{order:2}.text-video-split.text-first .split-text{order:1}.text-video-split.text-first .split-video{order:2;padding:10px}.mobile-image{display:block;margin-bottom:20px}.mobile-image img{width:100%;height:auto}.split-video iframe{height:200px}}.warranty_promotion{display:flex;align-items:center;gap:12px;padding:1px 1px;border:1px solid #eccb6e;border-radius:100px;background:linear-gradient(135deg,#FBEFD761,#FCF6BA45,#FFD8836B,#FBF5B775,#FDD9984F) border-box;width:320px;margin:12px 0}.warranty_icon{width:35px;height:35px;object-fit:contain;flex-shrink:0}.warranty_content{display:flex;flex-direction:column}.warranty_title{font-size:16px;font-weight:600;line-height:1.2}.warranty_text{margin:0;font-size:14px;line-height:1.4}.warranty_text p{font-weight:600}@media screen and (max-width:767px){.warranty_promotion{padding:2px 2px;gap:10px;width:100%}.warranty_title{font-size:14px}.warranty_text{font-size:12px}.warranty_icon{width:26px;height:26px}}.cstm_border{border:1px solid #eccb6e!Important}.Vtl-InstagramFeedWidget__Title h2{font-weight:bold!important}#insta-feed h2{font-weight:700!important}