* {
box-sizing: border-box;
word-break: break-word;
}
*, *::before, *::after {
box-sizing: border-box;
}
* {
-webkit-tap-highlight-color: transparent;
}
:focus-visible {
transition:
outline-color .25s ease,
outline-offset .25s ease,
transform .25s ease;
}
body {
display: flex;
flex-direction: column;
margin: 0;
min-height: 100svh;
}
a {
color: var(--text-color);
text-underline-offset: 0.4rem;
}
.container {
max-width: var(--container-width);
margin: 0 auto;
padding: 0 5rem;
}
.section_heading {
color: var(--heading-color);
margin: 0;
}
blockquote {
font-style: italic;
border-left: 0.2rem solid var(--text-color);
padding-left: 1rem;
}
.main_page_content img {
height: auto;
max-width: 100%;
}
.rte img {
max-width: 100%;
}
.rte a {
color: var(--link-color);
text-underline-offset: .2rem;
}
.rte a:hover {
color: var(--link-color-hov);
}
table:not([class]) {
table-layout: fixed;
border-collapse: collapse;
font-size: 1.4rem;
border-style: hidden;
box-shadow: 0 0 0 0.1rem var(--border-color);
margin-bottom: 1rem;
}
table:not([class]) td,
table:not([class]) th {
padding: 1em;
border: 0.1rem solid var(--border-color);
}
.skip-to-content-link:focus {
z-index: 99999999;
position: inherit;
overflow: auto;
width: auto;
height: auto;
clip: auto;
top: 2rem;
left: 2rem;
}
.no_bg {
background: transparent;
}
@media screen and (max-width: 1441px) {
.container {
padding-inline: 3rem;
}
}
@media screen and (max-width: 640px) {
.container {
padding-inline: 1.5rem;
}
}
html:has(dialog[scroll-lock][open], details[scroll-lock][open]) {
overflow: hidden;
}
input,
textarea,
select {
font: inherit;
border-radius: var(--input-border-radius);
}
select {
background-color: var(--background-color);
color: currentcolor;
}
dialog {
background-color: var(--background-color);
color: var(--color-foreground);
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
line-height: normal;
}
p:empty {
display: none;
}
:is(p, h1, h2, h3, h4, h5, h6):first-child,
:empty:first-child + :where(p, h1, h2, h3, h4, h5, h6) {
margin-block-start: 0;
}
:is(p, h1, h2, h3, h4, h5, h6):last-child,
:where(p, h1, h2, h3, h4, h5, h6) + :has(+ :empty:last-child) {
margin-block-end: 0;
}
body {
font-family: var(--font-body-family);
color: var(--text-color);
letter-spacing: 0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: var(--font-heading-family);
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
letter-spacing: calc(var(--font-heading-scale) * 0rem);
line-height: normal;
color: var(--heading-color);
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
word-wrap: normal !important;
}
@media (min-width: 1400px) {
h1, .h1 {
font-size: calc(var(--font-heading-scale) * 5.5rem);
}
}
@media (max-width: 1399px) and (min-width: 640px) {
h1, .h1 {
font-size: calc(var(--font-heading-scale) * 4rem);
}
}
@media (max-width: 639px) {
h1, .h1 {
font-size: calc(var(--font-heading-scale) * 3rem);
}
}
@media (min-width: 1400px) {
h2, .h2 {
font-size: calc(var(--font-heading-scale) * 4.5rem);
}
}
@media (max-width: 1399px) and (min-width: 640px) {
h2, .h2 {
font-size: calc(var(--font-heading-scale) * 3.2rem);
}
}
@media (max-width: 639px) {
h2, .h2 {
font-size: calc(var(--font-heading-scale) * 2.5rem);
}
}
@media (min-width: 1400px) {
h3, .h3 {
font-size: calc(var(--font-heading-scale) * 3.8rem);
}
}
@media (max-width: 1399px) and (min-width: 640px) {
h3, .h3 {
font-size: calc(var(--font-heading-scale) * 2.8rem);
}
}
@media (max-width: 639px) {
h3, .h3 {
font-size: calc(var(--font-heading-scale) * 2.2rem);
}
}
@media (min-width: 1400px) {
h4, .h4 {
font-size: calc(var(--font-heading-scale) * 3.2rem);
}
}
@media (max-width: 1399px) and (min-width: 640px) {
h4, .h4 {
font-size: calc(var(--font-heading-scale) * 2.4rem);
}
}
@media (max-width: 639px) {
h4, .h4 {
font-size: calc(var(--font-heading-scale) * 2rem);
}
}
@media (min-width: 1400px) {
h5, .h5 {
font-size: calc(var(--font-heading-scale) * 2.2rem);
}
}
@media (max-width: 1399px) and (min-width: 640px) {
h5, .h5 {
font-size: calc(var(--font-heading-scale) * 1.9rem);
}
}
@media (max-width: 639px) {
h5, .h5 {
font-size: calc(var(--font-heading-scale) * 1.7rem);
}
}
@media (min-width: 1400px) {
h6, .h6 {
font-size: calc(var(--font-heading-scale) * 1.8rem);
}
}
@media (max-width: 1399px) and (min-width: 640px) {
h6, .h6 {
font-size: calc(var(--font-heading-scale) * 1.6rem);
}
}
@media (max-width: 639px) {
h6, .h6 {
font-size: calc(var(--font-heading-scale) * 1.5rem);
}
}
@media only screen and (min-width: 1400px) {
.XXXL {
font-size: calc(var(--font-heading-scale) * 6rem);
}
}
@media only screen and (max-width: 1400px) and (min-width: 640px){
.XXXL {
font-size: calc(var(--font-heading-scale) * 4rem);
}
}
@media only screen and (max-width: 640px) {
.XXXL {
font-size: calc(var(--font-heading-scale) * 3rem);
}
}
.swiper-button-next, .swiper-button-prev {
outline-offset: 0.3rem;
}
.mobile_megamenu-wrapper .mega-menu_main_inner {
border: unset;
}
.body_style {
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
.shopify-section {
position: relative;
width: 100%;
}
.page-load {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
background-color: var(--text-color);
pointer-events: none;
display: block;
}
.swiper-button-disabled {
opacity: 0.9;
}
button[disabled] {
opacity: 0.6;
}
shopify-buy-it-now-button[disabled] {
opacity: .6;
}
button.btn {
min-height: 5rem;
}
button {
cursor: pointer;
}
.btn {
padding: 1rem 3rem;
font-size: 1.4rem;
min-width: 16rem;
color: var(--primary-button-text);
background: var(--primary-button-bg);
border-radius: var(--btn-border-radius);
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
transition: all 0.3s ease-in-out;
border-radius: var(--button-border-radius);
position: relative;
border: unset;
}
.btn:hover>span.animate {
width: 225%;
height: 675px;
}
.btn-txt {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
grid-gap: 1rem;
}
.btn.bundle-add {
cursor: pointer;
margin-top: 1rem;
}
.bundle-price {
}
svg.wave_tool {
width: 100%;
height: auto;
position: absolute;
top: -1px;
}
@media screen and (max-width: 900px) and (min-width: 750px) {
.btn {
padding: 0.7rem 2rem;
}
}
.btn:hover {
background: var(--primary-button-hover-bg);
color: var(--primary-button-hover-text);
}
html:not(.js) .btn:hover {
background: var(--primary-button-hover-bg);
}
.full_width_btn {
width: 100%;
}
.btn-secondary {
color: var(--secondary-button-text);
background: var(--secondary-button-bg);
}
.btn svg {
position: relative;
z-index: 1;
}
.btn-secondary:hover {
background: var(--secondary-button-hover-bg);
color: var(--secondary-button-hover-text);
}
html:not(.js) .btn-secondary:hover {
background: var(--secondary-button-hover-bg);
}
.btn span.animate {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: var(--primary-button-hover-bg);
transition: width .5s
ease-in-out, height .5s
ease-in-out;
transform: translate(-50%, -50%);
}
.btn.btn-secondary span.animate  {
background: var(--secondary-button-hover-bg);
}
.btn_disabled {
cursor: not-allowed;
}
a:not([href]) {
cursor: not-allowed;
}
.btn_disabled:hover {
opacity: 0.9;
}
.btn.btn-link {
padding: 0;
color: var(--link-color-btn);
background: transparent;
border: none;
text-decoration: underline;
}
.btn.btn-link:hover {
color: var(--link-color-hover);
}
.btn:focus-visible {
outline-offset: 0.4rem;
}
.section--button {
padding-top: 2rem;
}
.product_option_values input:focus-visible + label {
outline: 1px solid var(--text-color);
outline-offset: 0.2rem;
}
.rte ul, .rte ol {
list-style-position: inside;
}
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
margin: 1.5rem 0 1rem
}
.rte p {
margin: 0 0 1.6rem;
font-size: 1.4rem;
line-height: calc(1.4rem * 1.6);
color: var(--text-color);
}
.rte ol li,
.rte ul li {
margin: 0 0 1rem;
font-size: 1.4rem;
line-height: calc(1.4rem * 1.6);
color: var(--text-color);
}
@media screen and (min-width: 1440px) {
.rte p, .rte ul li, .rte ol li {
font-size: 1.6rem;
line-height: calc(1.6rem * 1.6);
}
}
.drawer-wrapper.active {
opacity: 1;
backdrop-filter: blur(2px);
pointer-events: all;
display: flex;
flex-direction: column;
}
div#quick-view-drawer {
z-index: 99999;
}
div#quick-view-drawer .pdp-gallery-main .ratio img {
object-fit: contain;
}
.quick_drawer.active {
opacity: 1;
backdrop-filter: blur(2px);
pointer-events: all;
}
.theme-drawer__close,
.dialog__close {
width: 3.4rem;
height: 3.4rem;
background: var(--secondary-button-bg);
border: unset;
border-radius: 50%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
overflow: hidden;
padding: 0;
}
.drawer-wrapper_header {
display: flex;
justify-content: space-between;
align-items: center;
}
.theme-drawer__close:focus-visible {
outline: 0.1rem solid var(--text-color);
outline-offset: 0.3rem;
}
.theme-drawer__close svg,
.dialog__close svg {
width: 1.4rem;
height: 1.4rem;
z-index: 1;
transition: transform .25s ease-in-out;
}
.theme-drawer__close:hover svg,
.dialog__close:hover svg {
transform: rotate(180deg);
}
.dialog__close .icon_wrapper:hover svg {
transform: rotate(180deg);
}
.theme-drawer__close svg path {
fill: var(--secondary-button-text);
}
.mobile_menu_drawer_login_localization_wrapper a.header_account svg path {
stroke: var(--text-color);
}
.mobile_drawer_inner {
margin: 0;
height: 100%;
overflow: hidden;
overflow-y: auto;
justify-content: space-between;
}
.drawer-wrapper_inner {
max-width: 45rem;
background: var(--background-color);
width: 100%;
margin: auto 0 auto auto;
height: 100%;
opacity: 0;
display: flex;
flex-direction: column;
transition: transform 0.3s, opacity 0.3s;
transition-delay: 0.3s;
transform: translate(10rem);
border-radius: var(--drawer-border-radius);
}
.drawer-wrapper {
position: fixed;
top: 0;
left: 0;
z-index: 999;
background: #000000d6;
width: 100%;
height: 100%;
backdrop-filter: blur(0px);
--webkit-backdrop-filter: blur(0);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s, backdrop-filter 0.3s;
}
.drawer-wrapper.active .drawer-wrapper_inner {
opacity: 1;
transform: translate(0);
}
.drawer-wrapper.closing {
opacity: 1;
backdrop-filter: blur(2px);
pointer-events: none;
}
.drawer-wrapper.closing .drawer-wrapper_inner {
opacity: 1;
transform: translate(100%);
transition: transform 0.6s ease;
transition-delay: 0s;
}
.quick-view-drawer_wrapper  .drawer-wrapper_inner {
padding-top: 0;
}
.placeholder-svg {
fill: var(--placeholder-svg);
background-color: #f4f4f4;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
display: block;
padding: 30px 0;
padding: 0;
}
.placeholder--svg {
fill: var(--placeholder-svg);
background-color: #f4f4f4;
}
.featured_coll_inner_empt_svg .placeholder-svg {
border-radius: 1rem;
}
.ratio {
position: relative;
display: flex;
align-items: stretch;
overflow: hidden;
width: 100%;
}
.product_block_img_info .ratio {
border-radius: var(--img-border-radius);
}
.coll_main_vertical_filters_wrapper {
border-radius: var(--img-border-radius);
}
.ratio:before {
content: "";
top: 0;
left: 0;
padding-bottom: var(--aspect-ratio);
}
.ratio img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.ratio svg.placeholder-svg {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
a.plain_link {
text-decoration: none;
}
.icon_wrapper:hover svg {
transform: scale(1.05);
}
.text--center {
text-align: center;
}
.section_head_desc {
margin: 0 auto;
max-width: 80rem;
}
.text--left .section_head_desc {
margin-left: 0;
text-align: left
}
.text--right .section_head_desc {
margin-right: 0;
text-align: right
}
.hidden {
display: none !important;
}
.featured_side .swiper-scrollbar {
max-width: 75rem;
width: 100%;
margin: 0 auto;
position: unset !important;
margin-top: 3rem;
}
.swiper-scroller .swiper-scrollbar-drag,
.swiper-scrollbar-drag {
background: var(--next-bg);
}
.swiper-scroller .swiper-scrollbar {
background: #F9F6F8;
}
.section_heading a {
color: var(--heading-color);
}
.border_top {
border-top: 1px solid var(--border-color);
}
.drawer-wrapper_inner {
background: var(--background-color);
}
ul.social_icons_wrap {
display: flex;
list-style: none;
padding-left: 0;
column-gap: 1rem;
margin: 0;
flex-wrap: wrap;
}
.theme-footer__bottom .social_icons_wrap {
justify-content: flex-end;
}
.social__item .icon_wrapper svg {
width: 1.8rem;
height: 1.8rem;
}
.announcement_section .social__item .icon_wrapper svg {
width: 1.6rem;
height: 1.6rem;
}
.social_wrapper_anouncement ul.social_icons_wrap {
justify-content: flex-end;
align-items: center;
padding-top: 0;
gap: unset;
column-gap: 1rem;
}
li.social__item a svg path {
fill: var(--link-color);
}
li.social__item a:hover svg path{
fill: var(--link-color-hov);
}
li.social__item {
display: flex;
align-items: center;
}
.social__item a {
line-height: normal;
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
}
.localization_selectors button {
background: transparent;
border: unset;
color: var(--text-color);
cursor: pointer;
text-transform: uppercase;
font-size: 1.2rem;
}
.localization_selectors {
display: flex;
grid-gap: 0.5rem;
}
.section_masks {
width: 100%;
height: auto;
}
.section_masks path {
fill: var(--external-bg);
}
.with_mask_line {
line-height: 0;
}
.section_top_mask {
position: relative;
top: 0.2rem;
width: 100%;
height: auto;
}
.section_bottom_mask {
position: relative;
bottom: 0.3rem;
}
.with_mask_line .section_top_mask path {
fill: var(--background-color);
}
.with_mask_line.with_mask_bg .section_top_mask path {
fill: var(--background-color);
}
.with_mask_line {
position: relative;
margin-top: -3.5rem;
margin-bottom: -3.5rem;
z-index: 1;
}
.mask__bg {
background: transparent;
}
.with_mask_line .section_masks path {
fill: var(--background-color);
}
.with_mask_line.with_mask_bg  .section_masks path {
fill:  var(--background-color);
}
.with_mask_line .header__block  {
padding-top: 2rem;
}
@media screen and (min-width: 1441px) {
.header__block {
padding-bottom: 5rem;
}
}
@media screen and (max-width: 1440px) and (min-width: 750px) {
.header__block {
padding-bottom: 3rem;
}
}
@media screen and (max-width: 750px) {
.header__block {
padding-bottom: 3rem;
}
}
.badge {
position: absolute;
width: fit-content;
border-radius: var(--badge-border-radius);
z-index: 1;
}
.badge.badge--top_left {
top: 1.5rem;
left: 1.5rem;
}
.badge.badge--top_right {
top: 1.5rem;
right: 1.5rem;
}
.badge.badge--bottom_left {
bottom: 1.5rem;
left: 1.5rem;
}
.badge.badge--bottom_right {
bottom: 1.5rem;
right: 1.5rem;
}
.badge_inner {
font-size: 1.2rem;
line-height: calc(1.3rem * 1.2);
padding: 0.5rem 1rem;
letter-spacing: 0;
border-radius: var(--badge-border-radius);
}
.badge_sale {
background: var(--sale-bg);
color: var(--sale-text);
}
.badge_sold--out {
background: var(--sold-out-bg);
color: var(--sold-out-text);
}
pdp-media-gallery .swiper-button-prev {
background: var(--preview-bg);
width: 4.7rem;
height: 4.7rem;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transform: translate(-20px, 15px);
opacity: 0 !important;
transition: .6s ease;
}
pdp-media-gallery .swiper-button-next {
background: var(--next-bg);
width: 4.7rem;
height: 4.7rem;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transform: translate(20px, 15px);
opacity: 0 !important;
transition: .6s ease;
}
.pdp-gallery-main:hover .swiper-button-prev.swiper-button-disabled,
.pdp-gallery-thumbs:hover .swiper-button-prev.swiper-button-disabled,
.pdp-gallery-main:hover .swiper-button-next.swiper-button-disabled,
.pdp-gallery-thumbs:hover .swiper-button-next.swiper-button-disabled {
opacity: 0.35 !important;
}
.pdp-gallery-main:hover .swiper-button-next,
.pdp-gallery-main:hover .swiper-button-prev {
opacity: 1 !important;
}
.pdp-gallery-main:hover .swiper-button-next,
.pdp-gallery-main:hover .swiper-button-prev,
.pdp-gallery-thumbs:hover .swiper-button-next,
.pdp-gallery-thumbs:hover .swiper-button-prev {
transform: translate(0px, 15px);
}
.pdp-gallery-thumbs:hover .swiper-button-next,
.pdp-gallery-thumbs:hover .swiper-button-prev {
opacity: 1 !important;
}
pdp-media-gallery .swiper-button-prev svg path {
stroke: var(--preview-text);
}
pdp-media-gallery .swiper-button-prev:hover {
background: var(--preview-bg-hover);
}
pdp-media-gallery .swiper-button-next:hover {
background: var(--next-bg-hover);
}
pdp-media-gallery .swiper-button-prev:hover svg path {
stroke: var(--preview-text-hover);
}
pdp-media-gallery .swiper-button-next:hover svg path {
stroke: var(--next-text-hover);
}
pdp-media-gallery .swiper-button-next svg path {
stroke: var(--next-text);
}
pdp-media-gallery .swiper-button-next svg, pdp-media-gallery .swiper-button-prev svg {
width: 1.5rem;
height: 1.5rem;
}
.field_input input {
width: 100%;
height: 100%;
border: none;
padding: 1rem;
font-size: 1.4rem;
line-height: 1;
background: var(--input-bg-color);
color: var(--input-text-color);
border-radius: var(--input-border-radius);
}
.field_textarea textarea {
width: 100%;
height: 100%;
border: none;
padding: 1rem;
font-size: 1.4rem;
line-height: 1;
background: var(--input-bg-color);
color: var(--input-text-color);
border-radius: var(--input-border-radius);
}
.field_input label {
position: absolute;
top: 50%;
left: 1rem;
transform: translateY(-50%);
font-size: 1.4rem;
line-height: 1;
color: var(--input-text-color);
pointer-events: none;
transition: opacity .3s;
}
.field_input {
width: 100%;
height: 4.5rem;
margin: 0 0 2rem;
position: relative;
}
.field_input input::placeholder, .field_input textarea::placeholder {
opacity: 0;
}
.field_input input:focus + label, .field_input input:focus-visible + label, .field_input input:not(:placeholder-shown) + label,
.field_input textarea:focus + label, .field_input textarea:focus-visible + label, .field_input textarea:not(:placeholder-shown) + label  {
opacity: 0;
}
product-info .separator {
font-size: 0;
width: 100%;
height: 1px;
background: var(--text-color);
line-height: 0;
padding: 0 !important;
margin: 1.5rem 0;
}
.svg_wrap svg {
width: 2rem;
height: 2rem;
}
.swiper-button-prev {
background: var(--preview-bg);
width: 4.2rem;
height: 4.2rem;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transition:  0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.swiper-button-next {
background: var(--next-bg);
width: 4.2rem;
height: 4.2rem;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transition:  0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-media-wrapper .swiper-button-next svg path {
stroke: var(--next-bg);
}
.product-media-wrapper .swiper-button-next:hover svg path {
stroke: var(--next-bg);
}
.product-media-wrapper .swiper-button-next {
background: transparent;
}
.product-media-wrapper .swiper-button-next:hover {
background: transparent;
}
.product-media-wrapper .swiper-button-prev svg path {
stroke: var(--preview-bg);
}
.product-media-wrapper .swiper-button-prev:hover svg path {
stroke: var(--preview-bg);
}
.product-media-wrapper .swiper-button-prev {
background: transparent;
}
.product-media-wrapper .swiper-button-prev:hover {
background: transparent;
}
.swiper-button-next:after, .swiper-button-prev:after {
display: none;
}
.swiper-button-prev svg path {
stroke: var(--preview-text);
transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.swiper-button-prev:hover {
background: var(--preview-bg-hover);
}
.swiper-button-next:hover {
background: var(--next-bg-hover);
}
.swiper-button-prev:hover svg path {
stroke: var(--preview-text-hover);
}
.swiper-button-next svg path {
stroke: var(--next-text);
transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.swiper-button-next:hover svg path {
stroke: var(--next-text-hover);
}
.swiper-button-next svg, .swiper-button-prev svg {
width: 1.3rem;
height: 1.3rem;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loader {
width: 2rem;
height: 2rem;
border-radius: 50%;
display: inline-block;
position: relative;
border: 2px solid var(--primary-button-text);
border-top: 2px solid transparent;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
.buy_now_btn_wrap .loader {
width: 1.6rem;
height: 1.6rem;
border: 2px solid var(--primary-button-text);
border-top: 2px solid transparent;
transition: border-color 0.25s ease;
}
.buy_now_button:hover .form_loader {
z-index: 2;
border-top: 2px solid transparent;
}
.loader_wrapper.active {
pointer-events: all;
opacity: 1;
display: block;
}
.loader_wrapper {
background: #00000080;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
z-index: 99;
transition: .3s;
}
.loader_wrapper.with_bar {
position: relative;
width: 100%;
height: 0.3rem;
background: rgba(var(--highlight-color-rgb), 0.1);
overflow: hidden;
display: block;
}
.loader_wrapper.with_bar .loading-bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 10%;
background: var(--highlight-color);
transform-origin: left;
transition: width 0.4s ease;
}
.loader_wrapper.with_bar.active .loading-bar {
width: 100%;
transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}
[name="cart_discount_btn"] {
cursor: pointer;
}
ul.sharing-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
gap: 2rem;
flex-wrap: wrap;
}
.product_social_share_wrapper a {
width: 100%;
height: 100%;
display: flex;
border-radius: 50%;
}
.product_social_share_wrapper a svg {
width: 2rem;
height: 2rem;
}
ul.sharing-list svg path {
fill: var(--text-color);
transition: fill .3s;
}
.sharing.social-links {
display: flex;
flex-wrap: wrap;
grid-gap: 1rem;
padding: 2rem 0 1rem;
align-items: center;
}
p.sharing-label {
margin-bottom: 0;
}
.collection--section .swiper-button-disabled {
display: none;
}
.input_field_wrapper label {
font-size: 1.3rem;
line-height: 1.56rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 2rem;
pointer-events: none;
transition: opacity 0.3s;
color: var(--input-text-color);
}
.input_field_wrapper {
position: relative;
width: 100%;
min-height: 4.4rem;
display: flex;
padding: 1rem 0 2rem;
}
.form-info-wrapper textarea {
width: 100%;
}
.input_field_wrapper input {
width: 100%;
height: auto;
display: flex;
background: var(--input-bg-color);
border: none;
font-size: 1.3rem;
line-height: 1.56rem;
color: var(--text-color);
padding-left: 1.5rem;
min-height: 5rem;
}
.input_textarea {
width: 100%;
height: auto;
display: flex;
background: var(--input-bg-color);
border: none;
font-size: 1.3rem;
line-height: 1.56rem;
color: var(--text-color);
padding-left: 1.5rem;
min-height: 5rem;
}
.input_field_wrapper input::placeholder {
opacity: 0;
}
.input_field_wrapper input:focus + label,
.input_field_wrapper input:focus-visible + label,
.input_field_wrapper input:not(:placeholder-shown) + label {
opacity: 0;
}
.input_field_wrapper textarea:focus + label,
.input_field_wrapper textarea:focus-visible + label,
.input_field_wrapper textarea:not(:placeholder-shown) + label {
opacity: 0;
}
.input_field_wrapper textarea::placeholder {
opacity: 0;
}
.input_field_wrapper textarea {
border: none;
border-radius: 0.6rem;
font-size: 1.2rem;
padding: 1rem;
}
.input_field_wrapper textarea + label {
top: 2rem;
transform: translateY(0);
}
.block_divider {
font-size: 0;
width: 100%;
height: 1px;
background: var(--text-color);
line-height: 0;
padding: 0 !important;
margin: 1.5rem 0;
}
.accordion-tab-wrapper {
padding: 1.5rem 0 1.5rem 0;
position: relative;
}
accordion-tab {
display: block;
}
.accordion-tab-wrapper:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0.1rem;
background: var(--border-color);
}
.accordion_header .sm-18 {
margin: 0;
font-size: 1.8rem;
}
button.accordion-tab-head {
background: transparent;
border: none;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
cursor: pointer;
}
button.accordion-tab-head p.collapsible_heading {
margin: 0;
text-align: left;
}
.collapsible_heading {
line-height: 1;
}
.accordion-tab-wrapper:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0.1rem;
background: var(--border-color);
}
.accordion-tab-content {
overflow: hidden;
transition: height 0.3s ease;
height: 0;
}
.accordion-tab-content {
interactivity: inert;
}
.open .accordion-tab-content {
interactivity: unset;
}
.accordion-tab-content.opned {
height: auto;
}
.accordion-tab-content a {
text-underline-offset: 0.3rem;
}
.minus_wrapper {
opacity: 0;
visibility: hidden;
}
.accordion_header .icon_wrapper {
width: 2.4rem;
min-width: 2.4rem;
height: 2.4rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border-radius: 50%;
background: var(--icon-bg);
}
.accordion_header .icon_wrapper svg line {
stroke: var(--icon-text);
}
.accordion_header .icon_wrapper .plus_wrapper svg path {
fill: var(--icon-text);
}
.plus_wrapper,
.minus_wrapper {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.accordion_content.accordion-tab-content {
font-size: 1.4rem;
}
.accordion_item.open .minus_wrapper {
opacity: 1;
visibility: visible;
}
.accordion_item.open .plus_wrapper {
opacity: 0;
visibility: hidden;
}
.acordion_inner_wrap {
padding-top: 1.5rem;
}
.collapsible_heading {
color: var(--heading-color);
}
.social_icons_wrap .icon_wrapper {
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
}
ul.sharing-list .icon_wrapper {
display: flex;
width: 2.4rem;
height: 2.4rem;
align-items: center;
justify-content: center;
}
.quick-view-drawer_inner {
max-width: 100%;
width: 100%;
display: flex;
grid-gap: 1rem;
flex-direction: column;
}
.quick-view-drawer_inner .product_vendor {
margin: 0;
font-size: 1.3rem;
color: var(--color-text);
}
div#quick-view-drawer .pdp-gallery-main:focus-within .swiper-button-next {
opacity: 1 !important;
transform: translate(0, 15px);
}
div#quick-view-drawer .swiper-button-next:focus-visible,
div#quick-view-drawer .swiper-button-next:focus {
outline-offset: 0.3rem;
outline: 1px solid #000 !important;
}
.quick-view-drawer_inner .product_media_gallery.fade-section {
opacity: 1;
}
.quick-view-drawer_inner .section_rte {
display: none !important;
}
.main_drawer_inner {
max-width: 100rem;
margin: 0 auto;
}
.quick-view-drawer_inner .product-main-media-wrap {
width: 100%;
}
.quick-view-drawer_inner product-info {
width: 100%;
max-width: 45rem;
margin: 0 auto;
}
.quick-view-drawer_inner .feature_product_icons {
display: none !important;
}
.quick-view-drawer_inner accordion-tab {
display: none !important;
}
.quick-view-drawer_inner .feature_icons_section {
display: none !important;
}
.quick-view-drawer_inner product-recommendations {
display: none !important;
}
.swiper-scrollbar.complementory_swipe {
position: relative;
max-width: 16rem;
margin: 0 auto;
margin-top: 3rem;
}
.product-complementary-head {
margin-bottom: 2rem;
text-align: center;
margin-top: 2rem;
}
.product-recommendations-section .swiper-scrollbar.collection_scroller {
display: none;
}
.quick-view-drawer_inner .product_media_gallery {
max-width: 90%;
}
div#quick-view-drawer size-chart {
display: none !important;
}
#quick-view-drawer .main_drawer_inner {
padding: 2rem 2rem;
margin-top: 3%;
border-radius: 1.5rem;
}
#quick-view-drawer product-info .separator {
opacity: 0.4;
}
#quick-view-drawer .main_drawer_inner {
max-width: 120rem;
max-height: 100dvh;
height: auto;
overflow-y: auto;
width: 100%;
}
#quick-view-drawer .product_quantity_inner {
margin: 0 auto;
margin-top: 1rem;
}
#quick-view-drawer .drawer-wrapper_inner::-webkit-scrollbar {
width: 0.5rem;
background: transparent;
border-radius: 10rem;
}
#quick-view-drawer .main_product_info_wrapper {
text-align: center;
}
small.unit-price.on_product_page {
margin: 0;
}
#quick-view-drawer .product_price_inner.is_product_section {
justify-content: center;
}
#quick-view-drawer .product_price_wrapper .product_block_price {
font-size: 2rem;
}
#quick-view-drawer .product_title h2 {
font-size: 2.5rem;
}
#quick-view-drawer .product_option_values_wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
div#quick-view-drawer .field_input.textarea {
height: unset;
}
#quick-view-drawer .field_input.textarea textarea {
width: 100%;
border: unset;
border-radius: 1rem;
}
#quick-view-drawer .drawer-wrapper_inner::-webkit-scrollbar-thumb {
background: #9d9d9d;
border-radius: 10rem;
}
.quick-view-drawer_inner .product_media_gallery {
max-width: 80%;
margin: 0 auto;
}
.recipient_fields_wrapper {
height: 0;
overflow: hidden;
transition: 0.6s ease;
}
.recipient_form_inputs {
padding-bottom: 1rem;
}
.recipient_checkbox {
cursor: pointer;
}
.recipient_fields_wrapper textarea {
padding: 1rem 1rem;
}
.recipient_fields_wrapper.visible {
height: var(--height);
margin-block: 2rem;
}
.drawer_header.quick-view-header {
position: sticky;
top: 0;
z-index: 2;
padding-top: 1rem;
background: var(--background-color);
}
#quick-view-drawer .product-page-inner {
top: 1rem;
padding: 2rem 2rem;
background: transparent;
}
#quick-view-drawer pdp-media-gallery .swiper-button-next,
#quick-view-drawer pdp-media-gallery .swiper-button-prev {
width: 3.7rem;
height: 3.7rem;
}
#quick-view-drawer .product-sticky-wrap {
display: none !important;
}
#quick-view-drawer .main_product_pickup_availability_wrapper {
display: none !important;
}
.product_block_wrapper .unit-price {
display: none !important;
}
.collection-product-card {
display: flex;
flex-direction: column;
position: relative;
}
.collection-product-card .button_wrap_with_quantity {
grid-template-columns: 1fr;
display: flex;
justify-content: flex-end;
}
.swiper-pagination-bullet {
transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.product_block_pagination .swiper-pagination-bullet {
width: 1.5rem;
}
.product_block_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 5rem;
}
.swiper-pagination {
display: inline-flex;
justify-content: center;
align-items: center;
grid-gap: 0.5rem;
}
@media screen and (max-width: 1400px) {
.product_block_pagination .swiper-pagination-bullet {
width: 1.1rem;
height: 0.6rem;
}
.product_block_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 3.5rem;
}
}
.product_block_pagination {
max-width: 50%;
}
.collection-product-card .btn {
min-height: 3.5rem;
border: unset;
z-index: 1;
width: 3.5rem;
height: 3.5rem;
border: none;
padding: 0;
border-radius: 1rem;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 2;
min-width: unset;
}
.collection-product-card .product_quantity_inner button {
min-width: 3rem;
}
.product_block_slider.active {
position: relative;
z-index: 4;
}
.collection-product-card:focus-within {
position: relative;
z-index: 4;
}
.fancybox__container {
z-index: 99999999 !important;
}
input#CustomerEmail:-webkit-autofill+label {
display: none;
}
.featured-collection-section .featured_coll_inner:hover {
z-index: 1;
position: relative;
}
.featured_collection_inner .section_buttons_wrapper {
text-align: center;
margin-top: 3rem;
}
.collection-product-card .badge {
z-index: 2;
}
.thumbnail_outer {
position: absolute;
transform: translateX(0%);
border-radius: 1.5rem 0 0 1.5rem;
transition:
transform 0.5s ease,
opacity 0.3s ease,
visibility 0s linear 0.3s;
display: none;
}
.thumbnail_outer.no_thubnail {
display: none;
}
.show_thumb.thumbnail_outer {
display: block;
}
.collection-product-card:hover .thumbnail_outer,
.collection-product-card:focus-within .thumbnail_outer {
opacity: 1;
visibility: visible;
width: 100%;
}
.product_block_hover::-webkit-scrollbar {
width: 4px;
}
.product_block_hover::-webkit-scrollbar-track {
background: transparent;
}
.text--right {
text-align: right;
}
s.price-compare {
line-height: 1;
position: relative;
opacity: 0.5;
font-size: 1.4rem;
}
.collection-product-card .prdoduct_title_details {
padding: 0.5rem 0;
}
.cp-media {
display: grid;
gap: 0.75rem;
}
.cp-main img {
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
border-radius: var(--img-border-radius);
}
.cp-thumbs {
width: 100%;
}
.cp-thumbs img {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
opacity: 0.6;
cursor: pointer;
}
.cp-thumbs .swiper-slide-thumb-active img {
opacity: 1;
}
.cp-title a {
text-decoration: none;
color: inherit;
}
.cp-price {
display: flex;
gap: 0.75rem;
align-items: center;
}
.cp-compare {
opacity: 0.6;
}
.cp-option-values {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.cp-option-values button {
padding: 0.4rem 0.8rem;
border-radius: 2rem;
border: 1px solid var(--border-color);
background: transparent;
cursor: pointer;
}
.cp-main {
width: 100%;
}
.cp-atc {
width: 100%;
margin-top: 1rem;
}
img.product-main-image {
width: 100%;
height: auto;
}
.product-media {
width: 100%;
}
.featured_image_ratio img {
position: absolute;
}
.product-media-wrapper {
display: grid;
grid-template-columns: 100%;
position: relative;
z-index: 2;
cursor: pointer;
}
.prdoduct_title_details {
position: relative;
padding-top: 1rem;
}
.collection-product-card .product_option_values label {
padding: 0.5rem 1rem;
}
.collection-product-card .product_option_values label {
font-size: 1.1rem;
border-radius: 3px;
}
.product-thumb.swiper-slide-visible.active {
border: 2px solid var(--border-color);
}
.collection-product-card .product_quantity_inner {
max-width: 12rem;
}
.collection-product-card .product-thumbs {
padding: 1rem;
}
.product-thumb.swiper-slide-visible .ratio {
height: 100%;
background: var(--bg);
}
.product-thumb {
border-radius: 0.4rem;
overflow: hidden;
border: 2px solid transparent;
transition: border-color 0.6s ease;
}
.product-thumb.swiper-slide-thumb-active {
border: 2px solid var(--border-color);
}
.product-thumb img {
width: 100%;
cursor: pointer;
height: 100%;
object-fit: cover;
border: 1px solid transparent;
}
.price-compare.hidden {
display: none;
}
.collection-product-card:hover .qa_btn, .qa_btn:focus-within {
transform: translateY(0);
opacity: 1;
pointer-events: all;
}
.collection-product-card .product-media-wrapper buy-now-form {
position: absolute;
top: 0px;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
.swiper-button-prev .svg_wrapper,
.swiper-button-next .svg_wrapper {
display: flex;
}
.remove_dicount_btn {
background: transparent;
border: unset;
cursor: pointer;
}
a.product__details_link {
display: flex;
align-items: center;
}
a.product__details_link .icon_wrapper{
display: flex;
align-items: center;
}
.product_block_slider:hover {
z-index: 4;
}
.width_quick_view {
align-items: center;
}
.coll_main_grid_inner .ratio {
border-radius: var(--img-border-radius);
overflow: hidden;
}
.coll_main_grid_inner .product-thumbs .ratio {
border-radius: 0.5rem;
}
.collection-product-card .variant_picker_inner {
row-gap: 1.5rem;
}
.block__description p,
.block__description a,
.block__description li,
.block__description ol,
.block__description ul {
line-height: 1.5;
}
.collection-product-card .product_option_values_wrapper {
padding-top: 0.5rem;
}
.block__description {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 1.5rem;
display: none;
}
.collection-product-card .product_quantity_inner {
margin-top: 0.5rem;
}
.collection-product-card:hover .product_title_p  a {
color: var(--link-color-hov);
}
#header_search {
cursor: pointer;
}
.header_search_product_card_img img[src=null]:after, .header_search_article_card_img img[src=null]:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--input-bg-color);
}
scroll-to-top {
position: fixed;
bottom: 3rem;
right: 3rem;
width: 5.6rem;
height: 5.6rem;
background: var(--color-background);
border-radius: 50%;
cursor: pointer;
z-index: 9999;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(100rem);
pointer-events: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, background 0.3s ease-in-out;
}
scroll-to-top.show {
opacity: 1;
transform: translate(0);
pointer-events: all;
position: fixed;
z-index: 1;
}
svg.icon.icon-success {
width: 2rem;
height: 2rem;
}
svg.icon.icon-success svg path {
fill: var(--text-color);
}
.newsletter-form__message--success {
display: flex;
grid-gap: 0.5rem;
}
.form_success_msg {
display: flex;
grid-gap: 0.5rem;
align-items: center;
}
scroll-to-top button {
all: unset;
position: relative;
z-index: 1;
display: flex;
width: 100%;
height: 100%;
border-radius: 50%;
justify-content: center;
align-items: center;
cursor: pointer;
}
.scroll-progress-ring {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: visible;
}
.scroll-progress-track {
fill: none;
stroke: currentColor;
stroke-width: 3;
opacity: 0.15;
}
.scroll-progress-fill {
fill: none;
stroke: currentColor;
stroke-width: 3;
stroke-linecap: round;
stroke-dasharray: 163.36;
stroke-dashoffset: 163.36;
transform: rotate(-90deg);
transform-origin: 50% 50%;
transition: stroke-dashoffset 0.15s linear;
}
scroll-to-top button svg {
transition: 0.6s ease;
}
scroll-to-top button:focus-visible {
outline-offset: 2px;
outline: 2px solid #000;
}
button.scroll_to_top svg {
width: 2rem;
height: 2rem;
flex-shrink: 0;
pointer-events: none;
transition: 0.1s ease-in-out;
}
.scroll_to_top:hover svg {
transform: translateY(-0.2rem);
transition: 0.4s ease-in-out;
}
@media screen and (min-width: 1440px) {
scroll-to-top {
width: 7rem;
height: 7rem;
}
button.scroll_to_top svg {
width: 3.6rem;
height: 3.6rem;
}
}
button.scroll_to_top svg path {
fill: var(--text-color);
transition: fill 0.3s;
}
.theme-cart-shipping__meter {
width: 100%;
height: 0.4rem;
border-radius: 100rem;
position: relative;
overflow: hidden;
}
.theme-cart-shipping__meter:before {
content: "";
display: block;
width: 100%;
height: 100%;
background: var(--shipping_bar-bg);
}
.theme-cart-shipping__meter-wrap {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.theme-cart-shipping__meter-fill {
position: absolute;
top: 0;
left: 0;
width: var(--width);
height: 100%;
background: var(--shipping-bar);
border-radius: 100rem;
display: block;
will-change: width;
}
.theme-cart-drawer-shell .theme-cart-shipping {
margin-top: 1rem;
}
.recipient_fields_wrapper .field_input input, .recipient_fields_wrapper .field_input textarea {
background: var(--input-bg-color);
min-height: 5rem;
border-radius: var(--input-border-radius);
border: unset;
}
.recipient_fields_wrapper .field_input textarea + label {
top: 3rem;
}
.swiper-pagination-bullet {
width: 1.5rem;
height: 1.5rem;
border-radius: 0.2rem;
background: var(--preview-bg);
box-shadow: 0px -1px 2px 0px #0000001F inset;
opacity: 1;
position: relative;
}
.swiper-pagination-clickable .swiper-pagination-bullet::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
min-width: 24px;
min-height: 24px;
}
.collection-product-card .swiper-pagination-bullet:nth-child(n+4):not(.swiper-pagination-bullet-active)::after {
display: none;
}
.swiper-pagination-bullet:only-child::after {
display: none;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 2rem;
height: 2rem;
border-radius: 0.3rem;
opacity: 1;
background: var(--preview-bg-hover);
}
@media screen and (max-width: 991px) {
.product_block_hover .product-price {
display: none !important;
}
}
.collection-product-card .product-thumbs {
height: unset;
max-width: 100%;
}
.thumbnail_outer{
height: unset;
max-height: unset;
position: absolute;
width: 100%;
bottom: 0;
z-index: 2;
border-radius: 0;
transform: translateY(0%);
transition:
transform 0.5s ease,
opacity 0.3s ease,
visibility 0s linear 0.3s;
max-width: 90%;
margin: 0 auto;
left: 0;
right: 0;
border-radius: 0.6rem;
overflow: hidden;
}
.collection-product-card:hover .thumbnail_outer,
.collection-product-card:focus-within .thumbnail_outer{
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.product-media-wrapper {
overflow: hidden;
}
.collection-product-card:hover .thumbnail_outer,
.collection-product-card:focus-within .thumbnail_outer {
transform: translate(0);
}
.reveal-init {
opacity: 0;
transform: translateY(40px);
transition: transform 0.6s cubic-bezier(.2,.65,.3,1), opacity 0.6s ease;
will-change: transform, opacity;
}
.revealed {
opacity: 1;
transform: translate(0, 0);
}
.reveal-init.from-left {
transform: translateX(-80px);
}
.reveal-init.from-right {
transform: translateX(80px);
}
.reveal-init.from-up {
transform: translateY(-60px);
}
.reveal-init.from-down {
transform: translateY(60px);
}
.reveal-init.from-diagonal {
transform: translate(-60px, 60px);
}
.stl-product {
cursor: pointer;
}
.shop-the-look .stl-product {
border: 1px solid var(--border-color);
border-radius: 1rem;
overflow: hidden;
display: flex;
flex-direction: column;
}
.card_bg {
background: var(--bg);
}
.card_background img {
background: var(--bg);
}
.inner_product_info {
position: relative;
}
.card_product_info {
margin-bottom: 1.5rem;
text-align: center;
}
.card_product_info .stl-product-price {
padding-top: 0.5rem;
}
.card_product_info .stl-product-title {
margin-bottom: 0.5rem;
line-height: 1.1;
}
.dual_product_info .pdp-atc-shell {
}
.dual_product_info .product_card_add {
overflow: hidden;
height: 0;
transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
.product_card_add .btn {
width: 100%;
}
.stl-product-info.dual_product_info {
position: relative;
margin-top: 0rem;
transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
background: var(--bg);
}
span.swiper-pagination-bullet:focus-visible {
outline-offset: 3px;
}
shop-the-look .swiper-autoheight .swiper-wrapper {
align-items: unset;
}
.dual_product_info .button_wrap_with_quantity {
grid-template-columns: 1fr;
}
.active .stl-product-info.dual_product_info {
margin-top: -5rem;
}
.bundle_each:hover .stl-product-info.dual_product_info {
margin-top: -5rem;
}
.active .dual_product_info .product_card_add {
height: 5rem;
}
.bundle_each:hover .dual_product_info .product_card_add,
.bundle_each:focus-within .dual_product_info .product_card_add {
height: 5rem;
}
product-card-block .btn svg path {
fill: var(--primary-button-text);
transition: fill 0.5s ease-in-out;
}
product-card-block .btn:hover svg path {
fill: var(--primary-button-hover-text);
}
product-card-block .btn:hover .loader {
border: 2px solid var(--primary-button-hover-text);
border-top: 2px solid transparent;
}
.product-slider-details.with_btn {
display: grid;
overflow: hidden;
}
.section_rte.text_block {
padding-bottom: 0;
}
.product-slider-details .buy_now_btn_wrap .buy_now_button {
padding: 0;
min-height: 3.5rem;
max-width: 3.5rem;
transform: translateX(6rem);
opacity: 0;
width: 100%;
transition: .3s cubic-bezier(0.55, 0.09, 0.68, 0.53) !important;
}
.collection-product-card:hover .product-slider-details .buy_now_btn_wrap .buy_now_button {
transform: translateX(0);
opacity: 1;
}
.product-slider-details .buy_now_btn_wrap .buy_now_button:focus-visible {
transform: translateX(0);
opacity: 1;
}
}
product-card-block .buy_now_button {
border: unset !important;
}
span.price-main,
.product_block_price,
.product_block_price_varies,
.product_block_cap {
font-family: var(--font-nav-family);
font-style: var(--font-nav-style);
font-weight: var(--font-nav-weight);
}
s.price-compare {
font-family: var(--font-nav-family);
font-style: var(--font-nav-style);
font-weight: var(--font-nav-weight);
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled:hover,
.swiper-button-prev.swiper-button-disabled:hover {
opacity: 1;
background: var(--secondary-bg-color);
}
.swiper-button-next.swiper-button-disabled svg path,
.swiper-button-prev.swiper-button-disabled svg path,
.swiper-button-next.swiper-button-disabled:hover svg path,
.swiper-button-prev.swiper-button-disabled:hover svg path{
stroke: var(--text-color);
}
.pagination__list .btn {
min-width: unset;
padding: 1rem 2rem;
}
ul.list.list-payment {
display: flex;
flex-wrap: wrap;
padding-left: 0;
list-style: none;
grid-gap: 1rem;
}
.pdp-option__header p,
.label_head,
.accordion_header,
.product__payment_icons p {
font-family: var(--font-heading-family);
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
letter-spacing: calc(var(--font-heading-scale) * 0rem);
line-height: normal;
}
pdp-media-gallery[data-pdp-axis="true"] {
display: flex;
grid-gap: 2.5rem;
}
pdp-media-gallery[data-pdp-axis="true"] .pdp-gallery-main {
width: 100%;
}
@media screen and (min-width: 900px) {
[with_media] pdp-media-gallery[data-pdp-axis="true"] .pdp-gallery-main {
width: 80%;
}
[with_media] pdp-media-gallery[data-pdp-axis="true"] .pdp-gallery-thumbs {
height: var(--pdp-gallery-match);
}
[with_media] pdp-media-gallery[data-pdp-axis="true"] .pdp-gallery-thumbs-shell {
width: 20%;
display: flex;
flex-direction: column;
grid-gap: 2rem;
justify-content: center;
}
}
pdp-media-gallery[data-pdp-axis="true"][data-pdp-thumb-side="left"] {
flex-direction: row-reverse;
}
pdp-media-gallery .ratio img {
cursor: pointer;
}
.pdp-media-item .pdp-media-frame {
height: 100%;
}
.pdp-gallery-main .ratio img {
object-fit: var(--media-size);
}
.pdp-gallery-thumbs-shell {
position: relative;
}
.pdp-gallery-thumbs-shell .swiper-button-next,
.pdp-gallery-thumbs-shell .swiper-button-prev {
position: unset;
bottom: auto;
margin-top: 0;
opacity: 1 !important;
visibility: visible;
}
.pdp-gallery-thumbs-shell .swiper-button-next,
.pdp-gallery-thumbs-shell .swiper-button-prev {
margin: 0 auto;
transform: rotate(90deg);
}
.pdp-gallery-thumbs-shell .swiper-button-next.swiper-button-disabled,
.pdp-gallery-thumbs-shell .swiper-button-prev.swiper-button-disabled {
opacity: 0.35 !important;
}
.pdp-gallery-thumbs-shell .swiper-button-prev {
left: 0.8rem;
right: auto;
}
.pdp-gallery-thumbs-shell .swiper-button-next {
right: 0.8rem;
left: auto;
}
.product_media_gallery .swiper-button-next:focus-visible,
.product_media_gallery .swiper-button-prev:focus-visible {
opacity: 1 !important;
transform: translate(0px, 15px);
}
.pdp-gallery-main::focus-within .swiper-button-next,
.pdp-gallery-main::focus-within .swiper-button-prev {
opacity: 1 !important;
transform: translate(0px, 15px);
}
.swiper-button-next:after,
.swiper-button-prev:after {
display: none;
}
pdp-media-gallery .swiper-button-prev {
background: var(--preview-bg);
width: 4.2rem;
height: 4.2rem;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transform: translate(-20px, 15px);
opacity: 0 !important;
transition: 0.6s ease;
}
pdp-media-gallery .swiper-button-next {
background: var(--next-bg);
width: 4.2rem;
height: 4.2rem;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
transform: translate(20px, 15px);
opacity: 0 !important;
transition: 0.6s ease;
}
@media screen and (max-width: 640px) {
pdp-media-gallery .swiper-button-next,
pdp-media-gallery .swiper-button-prev {
width: 3rem;
height: 3rem;
}
}
.pdp-gallery-main:hover .swiper-button-prev.swiper-button-disabled,
.pdp-gallery-thumbs-shell:hover .swiper-button-prev.swiper-button-disabled,
.pdp-gallery-main:hover .swiper-button-next.swiper-button-disabled,
.pdp-gallery-thumbs-shell:hover .swiper-button-next.swiper-button-disabled {
opacity: 0.35 !important;
}
.pdp-gallery-main:hover .swiper-button-next,
.pdp-gallery-main:hover .swiper-button-prev {
opacity: 1 !important;
}
.pdp-gallery-main:hover .swiper-button-next,
.pdp-gallery-main:hover .swiper-button-prev {
transform: translate(0px, 15px);
}
.pdp-gallery-thumbs-shell:hover .swiper-button-next,
.pdp-gallery-thumbs-shell:hover .swiper-button-prev {
opacity: 1 !important;
}
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell .pdp-thumb-rail--vertical
.swiper-button-prev,
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell .pdp-thumb-rail--vertical
.swiper-button-next {
left: auto;
right: auto;
transform: none;
}
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical
.swiper-button-prev {
top: auto;
bottom: auto;
}
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical
.swiper-button-next {
top: auto;
bottom: auto;
}
pdp-media-gallery[data-pdp-axis="true"] .pdp-gallery-thumbs-shell .pdp-thumb-rail--vertical {
--thumb-nav-button-size: 4.2rem;
--thumb-nav-gap: 0.8rem;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--thumb-nav-gap);
height: var(--pdp-gallery-match);
max-height: var(--pdp-gallery-match);
overflow: hidden;
width: 100%;
}
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical
> .swiper-button-prev {
order: 1;
}
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical
> .swiper-wrapper {
order: 2;
flex: 0 0 auto;
height: calc(
var(--pdp-gallery-match) - (var(--thumb-nav-button-size) * 2) -
(var(--thumb-nav-gap) * 2)
);
max-height: calc(
var(--pdp-gallery-match) - (var(--thumb-nav-button-size) * 2) -
(var(--thumb-nav-gap) * 2)
);
width: 100%;
min-height: 0;
}
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical
> .swiper-button-next {
order: 3;
}
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical
.swiper-button-prev,
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical
.swiper-button-next {
position: static !important;
width: var(--thumb-nav-button-size);
height: var(--thumb-nav-button-size);
flex: 0 0 var(--thumb-nav-button-size);
margin: 0;
}
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical
.swiper-button-prev
svg,
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical
.swiper-button-next
svg {
transform: rotate(90deg);
}
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical:hover
.swiper-button-prev,
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical:hover
.swiper-button-next,
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical:focus-within
.swiper-button-prev,
pdp-media-gallery[data-pdp-axis="true"]
.pdp-gallery-thumbs-shell
.pdp-thumb-rail--vertical:focus-within
.swiper-button-next {
transform: none;
}
pdp-media-gallery .swiper-button-prev svg path {
stroke: var(--preview-text);
}
pdp-media-gallery .swiper-button-prev:hover {
background: var(--preview-bg-hover);
}
pdp-media-gallery .swiper-button-next:hover {
background: var(--next-bg-hover);
}
pdp-media-gallery .swiper-button-prev:hover svg path {
stroke: var(--preview-text-hover);
}
pdp-media-gallery .swiper-button-next:hover svg path {
stroke: var(--next-text-hover);
}
.swiper-slide-thumb-active {
border: 2px solid var(--border-color);
}
.pdp-gallery-thumbs-shell .swiper-slide-thumb-active {
border: 4px solid var(--highlight-color);
border-radius: 1rem;
}
pdp-media-gallery .ratio {
overflow: hidden;
}
pdp-media-gallery .swiper-button-next svg path {
stroke: var(--next-text);
}
pdp-media-gallery .swiper-button-next svg,
pdp-media-gallery .swiper-button-prev svg {
width: 1.5rem;
height: 1.5rem;
}
@keyframes wave-loading {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
.theme-cart-main__media:after,
.theme-cart-drawer__media:after {
background: #000;
background-size: 200% 100%;
animation: wave-loading 3s infinite;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
opacity: 0.1;
}
.cart__loader.active .theme-cart-main__media:after,
.cart__loader.active .theme-cart-drawer__media:after {
display: block;
}
.cart__loader.active {
pointer-events: none;
}
.cart__loader.active .theme-cart-actions {
opacity: 0.5;
pointer-events: none;
}
.loading-bar {
background-color: var(--background-color);
position: relative;
display: inline-block;
height: .4rem;
width: 6rem;
overflow: hidden;
}
.loading-cover {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.cart__loader.active .loading-cover {
opacity: 1;
visibility: visible;
}
.swipe--pagination {
justify-content: center;
display: flex;
margin-top: 4rem;
align-items: center;
min-height: 4rem;
}
[data-dection-type="split"] .swiper-main-button-prev {
display: none;
}
[data-dection-type="split"] .swiper-main-button-next {
display: none;
}
.loading-bar:before {
content: "";
transform: translate(-5.4rem);
animation: initial-loading 1.5s ease infinite;
background-color: var(--text-color);
position: absolute;
height: 100%;
width: 4rem;
right: 0;
}
@keyframes initial-loading {
0% {
transform: translate(-6.4rem);
}
50% {
transform: translate(2.6rem);
}
to {
transform: translate(-6.4rem);
}
}
.cas_an {
opacity: 0;
transform: translateY(2rem);
transition: transform .6s, opacity .4s;
transition-delay: var(--cascade--transition);
}
@media screen and (max-width: 900px) {
pdp-media-gallery[data-pdp-axis="true"][data-pdp-thumb-side="left"] {
flex-direction: column;
}
pdp-media-gallery[data-pdp-axis="true"] .pdp-gallery-thumbs-shell {
width: 100%;
height: auto !important;
}
pdp-media-gallery[data-pdp-axis="true"] .pdp-gallery-main {
width: 100%;
}
}
.shopify-policy__container  {
padding-top: 10rem;
padding-bottom: 10rem;
}
@media screen and (min-width: 1400px) {
.swiper-button-prev {
width: 4.7rem;
height: 4.7rem;
}
.swiper-button-next {
width: 4.7rem;
height: 4.7rem;
}
}
@media screen and (min-width: 900px) {
.sit_header-element {
paddint-top: 2rem;
}
}
@media (max-width: 900px) {
.stl-products-swiper .swiper-wrapper
.shop-the-look {
display: block;
}
}
@media screen and (max-width: 640px) {
.product-recommendations-section .swiper-scrollbar.collection_scroller {
display: block;
position: relative;
max-width: 20rem;
width: 100%;
margin: 0 auto;
margin-top: 5rem;
}
.product-recommendations-section .swiper-button-next,
.product-recommendations-section .swiper-button-prev {
display: none !important;
}
.stl-hotspot::after {
top: 12px;
left: 6px;
width: 25px;
height: 25px;
}
.stl-hotspot button {
width: 12px;
height: 12px;
}
.sit_header-element {
padding-bottom: 1rem;
}
}
@media screen and (min-width: 1400px) {
.collection-product-card .product-price {
font-size: 1.6rem;
}
}
@media screen and (max-width: 1400px) {
.collection-product-card .qa_btn .quick_view_btn svg,
.collection-product-card .qa_btn .quick_view_btn svg  {
width: 1rem;
height: 1rem;
}
.collection-product-card .product_option_values_wrapper{
padding-top: 0rem;
}
.collection-product-card .product_option_values label {
font-size: 1.1rem;
padding: 0.5rem 0.8rem;
}
.collection-product-card .product_option_values label.swatch_square,
.collection-product-card .product_option_values label.swatch_circle {
width: 2rem;
height: 2rem;
}
.collection-product-card .variant_picker_inner {
row-gap: 1.5rem;
}
.collection-product-card .quantity_label span,
.collection-product-card .product_option_name span,
.collection-product-card span.option_val {
font-size: 1.3rem;
}
.collection-product-card .product_quantity_inner button,
.collection-product-card .buy_now_button {
min-height: 3.5rem;
font-size: 1.2rem;
}
}
@media screen and (min-width: 1250px) {
.block__description {
display: -webkit-box;
}
}
@media screen and (min-width: 1441px) {
.js.lenis.lenis-stopped {
padding-right: 2rem;
}
}
@media screen and (max-width: 1440px) and (min-width: 990px) {
.js.lenis.lenis-stopped {
padding-right: 1.5rem;
}
}
@media screen and (max-width: 989px) {
.btn {
min-height: 4.5rem;
padding: 0.6rem 2rem;
min-width: unset;
font-size: 1.2rem;
}
bundle-builder .bundle_each:hover .stl-product-info.dual_product_info {
margin-top: 0rem;
}
.product-slider-details .buy_now_btn_wrap .buy_now_button {
transform: translateX(0);
opacity: 1;
min-height: 4rem;
max-width: 4rem;
}
.product_block_hover {
position: unset;
opacity: 1;
visibility: visible;
max-height: unset;
background: transparent;
}
.collection-product-card  .product_option_values_wrapper {
justify-content: center;
}
.collection-product-card .product_option_name {
display: none;
}
.collection-product-card .product_options_wrapper.color__sw {
display: block;
}
.collection-product-card .product-thumbs {
padding: 0.5rem 1rem;
}
.collection-product-card .qa_btn {
z-index: 4;
}
.stl-products.reveal-progress {
margin-top: 0;
}
.stl-products.reveal-progress .stl_product_wrapper {
transform: unset;
}
}
@media screen and (max-width: 750px) {
.quick-view-drawer_inner .product-main-media-wrap {
width: 100%;
}
.quick-view-drawer_inner product-info {
width: 100%;
}
#quick-view-drawer .product-page-inner {
padding: 0;
position: unset;
}
.quick-view-drawer_inner .product_media_gallery {
max-width: 90%;
margin: 0 auto;
}
.quick-view-drawer_inner {
flex-direction: column;
}
}
@media screen and (max-width: 640px) {
.swiper-pagination-bullet {
width: 1.4rem;
height: 1.4rem;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 1.8rem;
height: 1.8rem;
}
.thumbnail_outer {
display: none !important;
}
.stl-products.reveal-progress .stl_product_wrapper {
transform: unset;
}
.featured_side .swiper-scrollbar {
max-width: 60%;
}
}