/** Shopify CDN: Minification failed
Line 5634:2 "pointer-evets" is not a known CSS property
Line 17559:2 "max-heigth" is not a known CSS property
Line 21328:0 Unexpected "}"
**/
@charset "UTF-8";
html {
font-size: 20px;
-webkit-tap-highlight-color: transparent
}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior: auto
}
}
body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
max-width: 100%;
margin: 0;
overflow-x: hidden;
overflow-y: scroll;
font-size: 12px;
font-family: var(--body-font-family);
font-weight: var(--font-weight-400);
line-height: 16px;
background-color: var(--body-bg);
color: var(--text-color)
}
body.touch .parallaxed {
transform: none!important
}
body:not(.has-rounded) {
--radius-xl: 0;
--radius-lg: 0;
--radius-md: 0;
--radius-sm: 0;
--radius-5: 0;
--radius-4: 0;
--radius-3: 0;
--radius-2: 0;
--radius-50: 0;
--radius-max: 0;
--radius-ic: 0;
--product-swatches-radius: 0
}
body:not(.has-button-rounded) {
--button-border-radius: 0
}
@media (min-width:1025px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: Min(var(--container-max-width),calc(100% - 30px))
}
.container-lg.has-strict-width,
.container-md.has-strict-width,
.container-sm.has-strict-width,
.container-xl.has-strict-width,
.container-xxl.has-strict-width,
.container.has-strict-width {
--container-max-width: Min(var(--container-max-width-boxed), calc(100% - 30px))
}
body.has-strict-width {
--container-max-width: Min(var(--container-max-width-boxed), calc(100% - 30px))
}
}
@media (max-width:1024px) {
.container {
max-width: 100%
}
}
.holder.to-upper {
position: relative;
z-index: 2
}
.holder--max-width > .container {
max-width: Min(var(--section-max-width),var(--container-max-width),calc(100% - 30px))
}
.holder--max-width > .container-fluid {
max-width: Min(var(--section-max-width),calc(100% - 30px))
}
.max-width {
max-width: var(--max-width);
margin-left: auto;
margin-right: auto
}
.min-w-100 {
min-width: 100%
}
.holder--fullheight {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 400px;
height: 100vh;
height: calc(var(--vhStart,1vh) * 100 - var(--header-promo-height,0px))
}
@media (min-width:768px) {
.holder--fullheight {
min-height: var(--min-height-desktop)
}
}
.holder--fullheight > [class*=container] {
height: 100%
}
@media (min-width:768px) {
.show-mobile-sm {
display: none!important
}
}
@media (max-width:767px) {
.hide-mobile-sm {
display: none!important
}
}
.holder > [class*=container] {
display: flow-root
}
.holder > [class*=container] + .full-image-bg {
z-index: -1
}
.fw-bold {
font-weight: var(--font-weight-700)!important
}
.fw-normal {
font-weight: var(--font-weight-400)!important
}
.fw-700-strict {
font-weight: 700!important
}
.fw-600-strict {
font-weight: 600!important
}
.fw-500-strict {
font-weight: 600!important
}
.fw-400-strict {
font-weight: 400!important
}
.fw-300-strict {
font-weight: 300!important
}
.fw-light {
font-weight: var(--font-weight-300)!important
}
.fs-12 {
font-size: 12px!important
}
.fs-13 {
font-size: 13px!important
}
b,
strong {
font-weight: var(--font-weight-700)
}
.theme-bg {
background-color: var(--custom-color)
}
.theme-color {
color: var(--custom-color)
}
.theme-color a:not(:hover) {
color: var(--custom-color)
}
.theme-color-strict {
color: var(--custom-color)!important
}
.theme-color-strict a:not(:hover) {
color: var(--custom-color)!important
}
.theme-font {
font-family: var(--body-font-family)!important
}
.heading-font {
font-family: var(--heading-font-family)!important
}
.heading-color {
color: var(--heading-color)!important
}
.heading-sub-color {
color: var(--heading-sub-color)!important
}
.mt-global {
margin-top: var(--margin-top-desktop)
}
@media (max-width:767px) {
.mt-global {
margin-top: var(--margin-top-mobile)
}
}
.mt-global-negative {
margin-top: calc(-1 * var(--margin-top-desktop))
}
@media (max-width:767px) {
.mt-global-negative {
margin-top: calc(-1 * var(--margin-top-mobile))
}
}
.py-global {
padding-top: var(--padding-top-desktop);
padding-bottom: var(--padding-bottom-desktop,var(--padding-top-desktop))
}
@media (max-width:767px) {
.py-global {
padding-top: var(--padding-top-mobile);
padding-bottom: var(--padding-bottom-mobile-section,var(--padding-top-mobile))
}
}
.py-global-strict {
padding-top: var(--padding-top-desktop)!important;
padding-bottom: var(--padding-bottom-desktop,var(--padding-top-desktop))!important
}
@media (max-width:767px) {
.py-global-strict {
padding-top: var(--padding-top-mobile)!important;
padding-bottom: var(--padding-bottom-mobile-section,var(--padding-top-mobile))!important
}
}
.page-content {
-ms-flex: 1;
flex: 1
}
.modal-content,
.page-content {
font-size: var(--content-font-size,15px);
line-height: var(--content-line-height,25px)
}
.modal-content p,
.page-content p {
margin: 30px 0 0 0
}
.modal-content p:first-child,
.page-content p:first-child {
margin-top: 0
}
.modal-content p img,
.page-content p img {
max-width: 100%
}
.modal-content h1 + p,
.modal-content h2 + p,
.modal-content h3 + p,
.modal-content h4 + p,
.modal-content h5 + p,
.modal-content h6 + p,
.page-content h1 + p,
.page-content h2 + p,
.page-content h3 + p,
.page-content h4 + p,
.page-content h5 + p,
.page-content h6 + p {
margin-top: 0!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
a:focus,
a:hover {
outline: 0;
text-decoration: none
}
a:hover {
color: var(--body-link-color-hover)
}
a:hover svg.lumia-icon path:not(.path--nofill) {
fill: currentColor
}
a:hover svg.lumia-icon path[stroke=black] {
stroke: currentColor;
fill: inherit!important
}
a:focus {
color: var(--body-link-color-hover)
}
}
a {
outline: 0;
text-decoration: none;
color: var(--body-link-color)
}
a svg.lumia-icon path:not(.path--nofill) {
fill: currentColor
}
a svg.lumia-icon path[stroke=black] {
stroke: currentColor;
fill: inherit!important
}
a svg.lumia-icon path[stroke=currentColor] {
fill: inherit!important
}
.primary-link-strict {
color: var(--body-link-color)!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.primary-link-strict:hover {
color: var(--body-link-color-hover)!important
}
}
.primary-link-strict.active {
color: var(--body-link-color-hover)!important
}
.secondary-link-strict {
color: var(--body-link-secondary-color)!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.secondary-link-strict:hover {
color: var(--body-link-secondary-color-hover)!important
}
}
a[href^=http],
a[href^=mailto] {
word-wrap: break-word;
word-break: break-word
}
:focus-visible {
outline: 0
}
a[href^="tel:"] {
white-space: nowrap
}
button:focus,
input:focus,
textarea:focus {
outline: 0
}
ol,
ul {
margin-bottom: 0
}
.overflow-hidden {
overflow: hidden
}
.h-xxl-style {
position: relative;
z-index: 1;
margin: 0 0 30px;
padding: 0;
color: var(--heading-color);
font-weight: var(--heading-xxl-weight,var(--heading-xl-weight));
font-size: var(--heading-xxl-size,120px);
font-family: var(--heading-font-family);
line-height: 1.2em
}
@media (max-width:1199px) {
.h-xxl-style {
font-size: var(--heading-xxl-size-m,110px)
}
}
@media (max-width:1024px) {
.h-xxl-style {
font-size: var(--heading-xxl-size-m,90px)
}
}
@media (max-width:767px) {
.h-xxl-style {
font-size: var(--heading-xxl-size-m,70px)
}
}
@media (max-width:575px) {
.h-xxl-style {
font-size: var(--heading-xxl-size-m,50px)
}
}
.h-xl-style {
position: relative;
z-index: 1;
margin: 0 0 30px;
padding: 0;
color: var(--heading-color);
font-weight: var(--heading-xl-weight);
font-size: var(--heading-xl-size);
font-family: var(--heading-font-family);
line-height: 1.2em
}
@media (max-width:767px) {
.h-xl-style {
font-size: var(--heading-xl-size-m)
}
}
@media (max-width:575px) {
.h-xl-style {
font-size: var(--heading-xl-size-m)
}
}
.h-xl-2-style {
position: relative;
z-index: 1;
margin: 0 0 30px;
padding: 0;
color: var(--heading-color);
font-weight: var(--heading-xl-2-weight);
font-size: var(--heading-xl-2-size);
font-family: var(--heading-font-family);
line-height: 1.2em
}
@media (max-width:767px) {
.h-xl-2-style {
font-size: var(--heading-xl-2-size-m)
}
}
@media (max-width:575px) {
.h-xl-2-style {
font-size: var(--heading-xl-2-size-m)
}
}
.h-lg-style,
h1 {
position: relative;
z-index: 1;
margin: 0 0 45px;
padding: 0;
color: var(--heading-color);
font-weight: var(--heading-lg-weight);
font-size: var(--heading-lg-size);
font-family: var(--heading-font-family);
line-height: 1.2em
}
@media (max-width:575px) {
.h-lg-style,
h1 {
margin-bottom: 30px;
font-size: var(--heading-lg-size-m)
}
}
.h1-style,
h1 {
position: relative;
z-index: 1;
margin: 0 0 45px;
padding: 0;
color: var(--heading-color);
font-weight: var(--heading-md-weight);
font-size: var(--heading-md-size);
font-family: var(--heading-font-family);
line-height: 1.2em
}
@media (max-width:575px) {
.h1-style,
h1 {
margin-bottom: 30px;
font-size: var(--heading-md-size-m)
}
}
.h2-style,
h2 {
position: relative;
z-index: 1;
margin: 0 0 20px;
padding: 0;
color: var(--heading-color);
font-weight: var(--heading-sm-weight);
font-size: var(--heading-sm-size);
font-family: var(--body-font-family);
line-height: 1.4em
}
@media (max-width:575px) {
.h2-style,
h2 {
font-size: var(--heading-sm-size-m)
}
}
.h3-style,
h3 {
margin: 0 0 20px;
padding: 0;
color: var(--heading-color);
font-weight: var(--heading-sm-weight);
font-size: 18px;
font-family: var(--body-font-family);
line-height: 1.5em
}
@media (max-width:575px) {
.h3-style,
h3 {
font-size: 16px
}
}
.h4-style,
h4 {
margin: 0 0 20px;
padding: 0;
color: var(--heading-color);
font-size: 17px;
font-weight: var(--heading-sm-weight);
font-family: var(--body-font-family);
line-height: 28px
}
@media (max-width:575px) {
.h4-style,
h4 {
font-size: 15px
}
}
.h5-style,
h5 {
margin: 0 0 20px;
padding: 0;
color: var(--heading-color);
font-size: 15px;
line-height: 24px;
font-weight: var(--heading-sm-weight)
}
.h6-style,
h6 {
margin: 0 0 20px;
padding: 0;
color: var(--heading-color);
font-size: 14px;
line-height: 23px
}
.h1-style a,
.h2-style a,
.h3-style a,
.h4-style a,
.h5-style a,
.h6-style a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: var(--heading-color);
text-decoration: none
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.h1-style a:hover,
.h2-style a:hover,
.h3-style a:hover,
.h4-style a:hover,
.h5-style a:hover,
.h6-style a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: var(--custom-color);
text-decoration: none
}
}
.title-wrap .h1-style > span,
.title-wrap .h2-style > span,
.title-wrap .h3-style > span,
.title-wrap .h4-style > span,
.title-wrap .h5-style > span,
.title-wrap .h6-style > span,
.title-wrap h1 > span,
.title-wrap h2 > span,
.title-wrap h3 > span,
.title-wrap h4 > span,
.title-wrap h5 > span,
.title-wrap h6 > span {
color: var(--heading-color-span)
}
.gradient-bg {
background: var(--gradient-color-1);
background: linear-gradient(0deg,var(--gradient-color-2) 0,var(--gradient-color-1) 100%)
}
.h-sub-lg,
.h-sub-lg p {
font-size: var(--heading-sub-lg-size);
line-height: 1.69em;
font-weight: var(--heading-sub-lg-weight);
color: var(--text-color)
}
.tags-sub {
color: var(--body-link-color-hover)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.tags-sub:hover {
color: var(--body-link-color)
}
}
.tags-sub-close {
display: inline-block;
position: relative;
width: 9px;
height: 9px;
top: 1px;
margin: 0 1px;
-webkit-mask: url("data:image/svg+xml,");
mask: url("data:image/svg+xml,");
-webkit-mask-size: cover;
mask-size: cover;
background-color: currentColor
}
.title-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative
}
.title-wrap:not(:last-child) {
margin-bottom: var(--title-bottom)
}
@media only screen and (min-width:576px) and (max-width:767px) {
.title-wrap:not(:last-child) {
margin-bottom: var(--title-bottom-sm)
}
}
@media only screen and (max-width:575px) {
.title-wrap:not(:last-child) {
margin-bottom: var(--title-bottom-xs)
}
}
.title-wrap .h-sub {
min-width: 100%;
position: relative;
z-index: 1
}
.title-wrap .h-sub--500 {
max-width: 500px;
min-width: 0;
margin: 10px auto 0
}
.title-wrap .h-sub,
.title-wrap .h-sub p {
font-size: var(--heading-sub-size);
line-height: 1.69em;
font-weight: var(--heading-sub-weight);
color: var(--heading-sub-color)
}
.title-wrap .h1-style,
.title-wrap h1 {
position: relative;
margin-bottom: var(--heading-md-sub-top)
}
@media only screen and (min-width:576px) and (max-width:767px) {
.title-wrap .h1-style,
.title-wrap h1 {
margin-bottom: calc(var(--heading-md-sub-top) * .666)
}
}
@media only screen and (max-width:575px) {
.title-wrap .h1-style,
.title-wrap h1 {
margin-bottom: calc(var(--heading-md-sub-top) * .666)
}
}
.title-wrap .h2-style,
.title-wrap h2 {
position: relative;
margin-bottom: var(--heading-sm-sub-top)
}
@media only screen and (min-width:576px) and (max-width:767px) {
.title-wrap .h2-style,
.title-wrap h2 {
margin-bottom: calc(var(--heading-sm-sub-top) * .666)
}
}
@media only screen and (max-width:575px) {
.title-wrap .h2-style,
.title-wrap h2 {
margin-bottom: calc(var(--heading-sm-sub-top) * .666)
}
}
.title-wrap .h-lg-style {
margin-bottom: var(--heading-lg-sub-top)
}
@media only screen and (min-width:576px) and (max-width:767px) {
.title-wrap .h-lg-style {
margin-bottom: calc(var(--heading-lg-sub-top) * .9)
}
}
@media only screen and (max-width:575px) {
.title-wrap .h-lg-style {
margin-bottom: calc(var(--heading-lg-sub-top) * .6)
}
}
.title-wrap.title-wrap--with-link {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center
}
@media (min-width:768px) {
.title-wrap.title-wrap--with-link {
margin-bottom: 32px
}
}
@media (min-width:576px) {
.title-wrap.title-wrap--with-link .title-view-more-link {
margin-bottom: var(--heading-md-sub-top)
}
}
body.has-headings-style2 .title-wrap:not(.title-wrap--with-link) + .row.row-under-title {
margin-top: min(calc(-1 * var(--title-bottom)),calc(-1 * var(--bs-gutter-y)))
}
body.has-headings-style2 .title-wrap:not(.title-wrap--with-link) .h-sub:last-child,
body.has-headings-style2 .title-wrap:not(.title-wrap--with-link) .h1-style:last-child,
body.has-headings-style2 .title-wrap:not(.title-wrap--with-link) h1:last-child {
margin-bottom: 0
}
body.has-headings-style2 .title-wrap:not(.title-wrap--with-link):not(:last-child) {
margin-bottom: calc(10px + var(--title-bottom));
overflow: visible
}
@media (max-width:575px) {
body.has-headings-style2 .title-wrap:not(.title-wrap--with-link):not(:last-child) {
margin-bottom: var(--title-bottom)!important
}
}
body.has-headings-style2 .title-wrap:not(.title-wrap--with-link):before {
display: inline-block;
position: static;
height: 50px;
width: 153px;
margin: 10px auto -40px;
content: '';
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-repeat: repeat-x;
-webkit-mask-position: center;
background-color: var(--heading-decor-color,var(--custom-color));
-ms-flex-order: 10;
order: 10
}
body.has-headings-style3 .title-wrap .h1-style,
body.has-headings-style3 .title-wrap h1 {
overflow: hidden;
text-align: center
}
body.has-headings-style3 .title-wrap .h1-style:after,
body.has-headings-style3 .title-wrap .h1-style:before,
body.has-headings-style3 .title-wrap h1:after,
body.has-headings-style3 .title-wrap h1:before {
background-color: var(--heading-decor-color,var(--custom-color));
content: "";
display: inline-block;
height: 2px;
position: relative;
vertical-align: middle;
width: 50%
}
body.has-headings-style3 .title-wrap .h1-style:before,
body.has-headings-style3 .title-wrap h1:before {
right: 1.5em;
margin-left: -50%
}
body.has-headings-style3 .title-wrap .h1-style:after,
body.has-headings-style3 .title-wrap h1:after {
left: 1.5em;
margin-right: -50%
}
.container-fluid.px-0 .image-bg-wrap,
.container-fluid.px-0 .video-wrap,
.container-fluid.px-0 .video-wrap-content,
.container-fluid.px-0 .video-wrap-poster {
--radius-ic: 0;
border-radius: 0
}
.container-fluid.px-0 .title-wrap {
padding-left: 15px;
padding-right: 15px
}
.title-view-more-link {
margin-left: auto;
color: var(--body-link-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.title-view-more-link:hover {
color: var(--body-link-hover-color)
}
}
.w-900 {
max-width: 930px;
margin-left: auto;
margin-right: auto
}
.w-800 {
max-width: 800px;
margin-left: auto;
margin-right: auto
}
.w-600 {
max-width: 600px;
margin-left: auto;
margin-right: auto
}
.w-770 {
max-width: 770px;
margin-left: auto;
margin-right: auto
}
.w-370 {
max-width: 370px;
margin-left: auto;
margin-right: auto
}
.swiper-container:not(.swiper-container-initialized) {
opacity: 0
}
.swiper-container:not(.swiper-container-initialized).prd-block-gallery-main,
main-slider .swiper-container:not(.swiper-container-initialized) {
opacity: 1
}
main-slider .swiper-container {
transition: none
}
.swiper-wrapper.swiper-container--center {
width: fit-content;
max-width: 100%;
margin: 0 auto
}
.swiper-container-horizontal .swiper-scrollbar {
position: relative;
left: 0;
bottom: 1px;
height: 21px;
width: 100%;
padding: 10px 0;
background: 0 0
}
.swiper-container-horizontal .swiper-scrollbar:after {
content: '';
position: absolute;
top: 10px;
display: block;
height: 2px;
width: 100%;
background: var(--scroll-color);
z-index: -1
}
.swiper-scrollbar {
cursor: pointer
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.swiper-scrollbar:active .swiper-scrollbar-drag,
.swiper-scrollbar:focus .swiper-scrollbar-drag,
.swiper-scrollbar:hover .swiper-scrollbar-drag {
background: var(--scroll-drag-focus-color)
}
}
.swiper-scrollbar-drag {
height: 2px;
background: var(--scroll-drag-color);
border-radius: var(--radius-2);
top: 0
}
.swiper-scrollbar-drag:after {
content: '';
position: absolute;
left: 0;
top: -10px;
height: 20px;
width: 100%;
z-index: -1
}
.swiper-pagination {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
z-index: 21;
width: 100%!important;
text-align: center
}
.swiper-pagination.colorize-invert-banner {
--swiper-pagination-color: var(--text-color-banner-invert);
--swiper-pagination-active-color: var(--text-color-banner-invert)
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0!important;
height: 6px;
background: 0 0;
opacity: 1
}
.swiper-pagination .swiper-pagination-bullet {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 16px;
transition: width .15s
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.swiper-pagination .swiper-pagination-bullet:hover:after {
background: var(--swiper-pagination-active-color)
}
}
.swiper-pagination .swiper-pagination-bullet:after {
content: '';
width: 6px;
height: 6px;
display: block;
border-radius: 3px;
background: var(--swiper-pagination-color);
transition: width .15s
}
.swiper-pagination .swiper-pagination-bullet-active {
width: 37px
}
.swiper-pagination .swiper-pagination-bullet-active:after {
background: var(--swiper-pagination-active-color);
width: 27px
}
.swiper-pagination-lock,
.swiper-pagination:empty {
display: none!important
}
.swiper-pagination-lock + .swiper-arrows-carousel,
.swiper-pagination:empty + .swiper-arrows-carousel {
display: none!important
}
.swiper-pagination-lock ~ .swiper-button-next,
.swiper-pagination-lock ~ .swiper-button-prev,
.swiper-pagination:empty ~ .swiper-button-next,
.swiper-pagination:empty ~ .swiper-button-prev {
display: none!important
}
.swiper-scrollbar-lock ~ .swiper-arrows-carousel {
display: none!important
}
.swiper-pagination-bullet:only-child {
display: none
}
.swiper-arrows-carousel {
position: absolute;
width: calc(100% - 60px);
top: calc(50% - 25px);
right: 30px;
left: 30px;
transform: translateY(-50%);
opacity: 0;
pointer-events: none;
z-index: 1;
transition: all .3s
}
.swiper-arrows-carousel .swiper-button-next,
.swiper-arrows-carousel .swiper-button-prev {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: var(--button-border-radius);
transition: all .3s;
color: var(--button-color-white);
pointer-events: all
}
.swiper-arrows-carousel .swiper-button-next:before,
.swiper-arrows-carousel .swiper-button-prev:before {
width: 46px;
height: 46px;
content: '';
position: absolute;
z-index: -1;
border-radius: var(--button-border-radius);
background: var(--button-bg-white);
box-shadow: 0 0 4px rgba(0,0,0,.25);
transition: all .1s
}
.swiper-arrows-carousel .swiper-button-next:after,
.swiper-arrows-carousel .swiper-button-prev:after {
font-size: 16px
}
.swiper-arrows-carousel .swiper-button-next.swiper-button-disabled,
.swiper-arrows-carousel .swiper-button-prev.swiper-button-disabled {
pointer-events: all
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.swiper-arrows-carousel .swiper-button-next:not(.swiper-button-disabled):hover,
.swiper-arrows-carousel .swiper-button-prev:not(.swiper-button-disabled):hover {
color: var(--button-hover-color-white)
}
.swiper-arrows-carousel .swiper-button-next:not(.swiper-button-disabled):hover:before,
.swiper-arrows-carousel .swiper-button-prev:not(.swiper-button-disabled):hover:before {
width: 56px;
height: 56px;
background-color: var(--button-hover-bg-white)
}
}
.swiper-arrows-carousel .swiper-button-prev {
left: 10px
}
.swiper-arrows-carousel .swiper-button-next {
right: 10px
}
.swiper-arrows-carousel .swiper-button-next:after {
left: 2px
}
.swiper-arrows-carousel .swiper-button-prev:after {
left: -2px
}
.swiper-arrows-carousel.container .swiper-button-prev {
left: 30px
}
.swiper-arrows-carousel.container .swiper-button-next {
right: 30px
}
@media (min-width:1025px) {
.container-fluid .swiper-arrows-carousel.container .swiper-button-prev {
left: 60px
}
.container-fluid .swiper-arrows-carousel.container .swiper-button-next {
right: 60px
}
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.swiper-container:hover .swiper-arrows-carousel {
opacity: 1;
pointer-events: all;
width: 100%;
left: 0;
right: 0;
transition: all .3s
}
.swiper-container:hover .swiper-arrows-carousel.container .swiper-button-prev {
left: 10px
}
.swiper-container:hover .swiper-arrows-carousel.container .swiper-button-next {
right: 10px
}
}
.swiper-arrows-carousel--visible {
opacity: 1;
pointer-events: all;
width: 100%;
left: 0;
right: 0;
top: 50%
}
@media (max-width:1024px) {
.swiper-arrows-carousel {
opacity: 1;
pointer-events: all;
width: 100%;
left: 0;
right: 0
}
}
@media (max-width:575px) {
.swiper-arrows-carousel {
display: none
}
}
.swiper-lazy-preloader[data-load=loading] {
animation: none;
margin: 0;
border: 0
}
.bnr.image-hover-scale > .bnr-img,
.image-hover-scale {
display: block;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden
}
.bnr.image-hover-scale > .bnr-img > *,
.image-hover-scale > * {
-webkit-backface-visibility: hidden
}
.bnr.image-hover-scale > .bnr-img > a,
.image-hover-scale > a {
display: -ms-flexbox;
display: flex;
overflow: hidden
}
.bnr.image-hover-scale > .bnr-img > .image-wrap,
.image-hover-scale > .image-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.bnr.image-hover-scale > .bnr-img > .image-wrap,
.bnr.image-hover-scale > .bnr-img > .placeholder-svg svg,
.bnr.image-hover-scale > .bnr-img > img,
.image-hover-scale > .image-wrap,
.image-hover-scale > .placeholder-svg svg,
.image-hover-scale > img {
transition: transform .3s cubic-bezier(.4,.95,.5,1.1) 0s,opacity .3s!important;
-webkit-backface-visibility: hidden;
image-rendering: optimizeQuality;
vertical-align: middle;
max-width: 100%;
will-change: transform
}
.bnr.image-hover-scale > .bnr-img.ic--bg > img,
.image-hover-scale.ic--bg > img {
transform: scale3d(1,1,1)
}
.image-hover-scale > .prd-image > img:only-child {
transition: transform .3s cubic-bezier(.4,.95,.5,1.1) 0s,opacity .3s!important;
-webkit-backface-visibility: hidden;
image-rendering: optimizeQuality;
vertical-align: middle;
max-width: 100%
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.image-hover-scale > .prd-image:hover > img {
transform: scale3d(1.075,1.075,1);
transition: transform .3s cubic-bezier(.4,.95,.5,1.1) 50ms,opacity .3s!important
}
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.image-hover-scale:hover > .image-wrap,
.image-hover-scale:hover > .placeholder-svg svg,
.image-hover-scale:hover > img {
transform: scale3d(1.075,1.075,1);
transition: transform .3s cubic-bezier(.4,.95,.5,1.1) 50ms,opacity .3s!important
}
.lookbook-wrap.image-hover-scale:hover > .image-hover-scale > img {
transform: scale3d(1.075,1.075,1);
transition: transform .3s cubic-bezier(.4,.95,.5,1.1) 50ms,opacity .3s!important
}
.bnr.image-hover-scale:hover > .bnr-img > .placeholder-svg svg,
.bnr.image-hover-scale:hover > .bnr-img > img {
transform: scale3d(1.075,1.075,1);
transition: transform .3s cubic-bezier(.4,.95,.5,1.1) 50ms,opacity .3s!important
}
.image-container.ic--hover-dark:after,
.image-container.ic--hover-light:after {
content: '';
background: rgba(255,255,255,.3);
position: absolute;
margin: auto;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
border-radius: var(--radius-ic);
transition: all .2s cubic-bezier(.4,.95,.5,1.1);
pointer-events: none
}
.image-container.ic--hover-light:after {
background: rgba(255,255,255,.3)
}
.image-container.ic--hover-dark:after {
background: rgba(0,0,0,.1)
}
:hover > .image-container.ic--hover-light:after {
opacity: 1;
height: 110%;
width: 110%
}
:hover > .image-container.ic--hover-dark:hover:after {
opacity: 1;
height: 110%;
width: 110%
}
}
.image-container {
height: 0;
overflow: hidden;
position: relative;
padding-bottom: var(--padding-bottom)
}
@media (max-width:767px) {
.image-container {
padding-bottom: var(--padding-bottom-mobile,var(--padding-bottom))
}
}
.image-container .video-wrap-content,
.image-container > .image-wrap > img,
.image-container > img,
.image-container video {
width: 100%;
height: 100%
}
.image-container.bnr-img video {
object-fit: cover;
position: relative
}
.image-container img {
text-indent: -99999px
}
.image-container > .image-wrap > img,
.image-container > .inner-video,
.image-container > img {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
object-fit: contain
}
.image-container > span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
line-height: 24px;
font-weight: var(--font-weight-500);
text-align: center;
z-index: 1
}
.image-container .placeholder-svg {
position: absolute;
top: 0;
left: 0
}
.image-container.ic--bg {
background-color: var(--placeholder-bg)
}
.image-container.ic--bg-white {
background-color: #fff
}
.image-container.ic--body-bg-secondary {
background-color: var(--placeholder-alt-bg)
}
.image-container.ic--no-bg {
background-color: transparent
}
.image-container.ic--cover img {
object-fit: cover
}
.image-container.ic--contain img {
object-fit: contain
}
.image-container.ic--border {
border: 1px solid var(--placeholder-border)
}
@media (min-width:768px) {
.image-container.ic--fit-height-desktop {
height: 100%;
padding-bottom: 0
}
}
.image-container.ic--shadow {
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04))
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.image-container.ic--shadow:hover {
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
}
@media (max-width:1199px) {
.image-container.ic--shadow {
box-shadow: 0 0 12px rgba(0,0,0,var(--global-box-shadow,.04))
}
}
@media (max-width:1199px) and (hover:hover),
(max-width:1199px) and (hover:none) and (min-width:1025px) {
.image-container.ic--shadow:hover {
box-shadow: 0 0 12px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
}
.image-container:not(.ic--ignore-global-round) {
border-radius: var(--radius-ic)
}
.image-container.ic--round-50 {
border-radius: var(--radius-max)!important
}
.image-container.ic--ignore-global-round.ic--rd-top {
border-radius: 0;
border-radius: var(--radius-ic) var(--radius-ic) 0 0
}
.image-container.ic--ignore-global-round.ic--rd {
border-radius: 0;
border-radius: var(--radius-ic)
}
.image-container.ic--ignore-global-round.ic--img-r img {
border-radius: 0;
border-radius: var(--radius-ic)
}
.image-container.ic--hover-text-border {
transition: all .2s
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.image-container.ic--hover-text-border:hover {
border-color: var(--custom-color)
}
.image-container.ic--hover-text-border:hover span {
color: var(--custom-color)
}
}
.image-container img:first-child:not(:only-of-type) {
transition: all .45s
}
.image-container img + img {
display: block;
opacity: 0;
z-index: 1;
position: absolute;
top: 0;
left: 0;
transform: translateY(30%);
transition: all .35s;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.image-container img + img.lazyloaded {
opacity: 0
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.image-container:hover img:first-child:not(:only-of-type) {
opacity: 0;
transform: translateY(-30%)
}
.image-container:hover img + img {
opacity: 1;
transform: translateY(0)
}
.image-container:hover img + img.lazyloaded {
opacity: 1
}
}
image-compare {
display: block;
width: 100%
}
@media (min-width:768px) {
.text-with-bg-wrap:not(.reversed) .image-compare:not(.ic--ignore-global-round) {
border-radius: 0 var(--radius-ic) var(--radius-ic) 0
}
.text-with-bg-wrap.reversed .image-compare:not(.ic--ignore-global-round) {
border-radius: var(--radius-ic) 0 0 var(--radius-ic)
}
.text-with-bg-wrap image-compare {
height: 100%
}
.text-with-bg-wrap image-compare .image-compare {
height: 100%
}
.text-with-bg-wrap image-compare .image-compare img {
height: 100%;
object-fit: cover
}
.holder > .container .text-with-bg-wrap image-compare .icv__wrapper > img {
max-width: calc(var(--container-max-width) * .5 - 15px)
}
.holder > .container-fluid:not(.px-0) .text-with-bg-wrap image-compare .icv__wrapper > img {
max-width: calc(50vw - 15px)
}
.holder > .container-fluid.px-0 .text-with-bg-wrap image-compare .icv__wrapper > img {
max-width: 50vw
}
.holder > .container-fluid.px-0 .text-with-bg-wrap image-compare .image-compare:not(.ic--ignore-global-round) {
border-radius: 0
}
}
@media (max-width:767px) {
.text-with-bg-wrap .image-compare:not(.ic--ignore-global-round) {
border-radius: var(--radius-ic) var(--radius-ic) 0 0
}
.holder > .container-fluid.px-0 .text-with-bg-wrap .image-compare:not(.ic--ignore-global-round) {
border-radius: 0
}
}
.image-compare {
overflow: hidden
}
.image-compare:not(.ic--ignore-global-round) {
border-radius: var(--radius-ic)
}
.image-container-aspect-ratio {
display: block;
width: 100%;
height: 0;
padding-bottom: 77%;
position: relative;
overflow: hidden
}
.image-container-aspect-ratio .image-container {
display: block;
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.image-container-aspect-ratio .image-container:not(.ic--cover) img {
object-fit: contain
}
.image-container > img.lazyload {
height: 100%
}
.review-rating {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.review-rating a {
font-size: 12px;
line-height: 16px;
margin: 0 5px;
text-decoration: none
}
.review-rating .rating a {
position: relative;
top: -1px;
margin: 0 0 0 5px
}
.review-rating svg.lumia-icon {
position: relative;
top: -1px;
width: 14px;
height: 13px
}
.review-rating svg.lumia-icon + svg {
margin-left: 2px
}
.review-rating svg.lumia-icon path {
fill: currentColor
}
.table {
color: var(--text-color);
border-color: var(--table-border-color,#dee2e6)
}
.table:last-child {
margin-bottom: 0
}
.table > :not(:last-child) > :last-child > * {
border-bottom-color: inherit
}
.table-borderless:not(.table-striped) > :not(caption) > * > * {
padding-left: 0;
padding-right: 0
}
.table > :not(caption) > tr > th {
font-weight: var(--font-weight-bolder)
}
.table > :not(caption) > tr:last-child > td,
.table > tr:last-child > td {
border-bottom: 0
}
ul.two-column {
column-count: 2;
column-gap: 20px
}
ul.two-column li {
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 100%
}
.fieldset.two-column {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 15px
}
.fieldset.two-column .input-wrap {
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 100%
}
.field {
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%
}
.pagination {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0
}
.pagination > li > a:not([class*=page-link-]),
.pagination > li > span {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
height: 32px;
margin: 0 2px;
font-size: 15px;
line-height: 24px;
font-weight: var(--font-weight-400);
color: var(--pagination-text-color);
background-color: var(--pagination-text-bg);
border-style: solid;
border-width: var(--pagination-text-hover-border-width,0);
border-color: transparent;
transition: .2s;
text-decoration: none;
border-radius: var(--radius-50);
white-space: nowrap
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.pagination > li > a:not([class*=page-link-]):focus,
.pagination > li > a:not([class*=page-link-]):hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
color: var(--pagination-text-hover-color);
background-color: var(--pagination-text-hover-bg);
border-color: var(--pagination-text-hover-border-color)
}
}
.pagination > li > span {
cursor: default
}
.pagination > li > a[class*=page-link-] {
width: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
line-height: 25px;
text-decoration: none
}
.pagination > li > a[class*=page-link-] svg {
height: 10px;
position: relative;
top: -1px
}
.pagination > li:first-child a[class*=page-link-] {
padding-right: 20px;
color: var(--body-link-secondary-color)
}
.pagination > li:first-child a[class*=page-link-] svg {
padding-right: 10px
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.pagination > li:first-child a[class*=page-link-]:focus,
.pagination > li:first-child a[class*=page-link-]:hover {
color: var(--body-link-secondary-color-hover)
}
}
.pagination > li:last-child a[class*=page-link-] {
padding-left: 20px;
color: var(--body-link-secondary-color)
}
.pagination > li:last-child a[class*=page-link-] svg {
padding-left: 10px
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.pagination > li:last-child a[class*=page-link-]:focus,
.pagination > li:last-child a[class*=page-link-]:hover {
color: var(--body-link-secondary-color-hover)
}
}
.pagination > li.active > a:not([class*=page-link-]),
.pagination > li.active > span {
color: var(--pagination-text-active-color);
background-color: var(--pagination-text-active-bg);
border-color: var(--pagination-text-active-border-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.pagination > li.active > a:not([class*=page-link-]):focus,
.pagination > li.active > a:not([class*=page-link-]):hover,
.pagination > li.active > span:focus,
.pagination > li.active > span:hover {
color: var(--pagination-text-active-color);
background-color: var(--pagination-text-active-bg);
border-color: var(--pagination-text-active-border-color)
}
}
.table-rounded-corners {
border-spacing: 0;
border-radius: var(--radius-md);
overflow: hidden;
border-collapse: inherit;
border: 1px solid var(--table-border-color)
}
.table-rounded-corners.table-bordered > :not(caption) > * > * {
border-width: 1px 1px 0 0
}
.table-rounded-corners.table-bordered > :not(:last-child) > :last-child > * {
border-top: 0
}
.table-rounded-corners.table-bordered td:last-child,
.table-rounded-corners.table-bordered th:last-child {
border-right: 0
}
.table {
color: var(--text-color)
}
.table.table-radius {
border-radius: var(--radius-md);
overflow: hidden
}
.table-striped > tbody > th td {
--bs-table-accent-bg: var(--table-odd-bg);
background-color: var(--table-odd-bg);
color: var(--text-color)
}
.table-striped > tbody > tr:nth-of-type(even) td {
background-color: var(--table-even-bg);
color: var(--text-color)
}
.table-striped > tbody > tr:nth-of-type(odd) td {
--bs-table-accent-bg: var(--table-odd-bg);
background-color: var(--table-odd-bg);
color: var(--text-color)
}
.like-animation {
animation: .5s like-animation ease-in-out forwards
}
@keyframes like-animation {
0% {
opacity: 1;
transform: scale(1)
}
30% {
opacity: .75;
transform: scale(.65)
}
80% {
opacity: 1;
transform: scale(1)
}
}
@keyframes like-animation-hover {
0% {
opacity: 1;
transform: scale(1.2)
}
30% {
opacity: .75;
transform: scale(.85)
}
80% {
opacity: 1;
transform: scale(1.2)
}
}
@keyframes like-animation-focus {
0%,
to {
opacity: 0;
transform: scale(0)
}
15% {
opacity: .9;
transform: scale(1.2)
}
30% {
transform: scale(.95)
}
50% {
opacity: .9;
transform: scale(1)
}
80% {
opacity: 1;
transform: scale(1)
}
81% {
opacity: 1;
transform: scale(1.5);
color: var(--custom-color)
}
}
body.has-animate-scroll:not(.first-section-off-animate) .show-on-scroll {
opacity: 0;
transform: translateY(5vw);
transition: transform 1.2s .2s cubic-bezier(0,1,.3,1),opacity .5s .2s ease-out;
will-change: transform,opacity
}
body.has-animate-scroll:not(.first-section-off-animate) .show-on-scroll.is-visible {
opacity: 1;
transform: translateY(0)
}
.shopify-section.always-visible .show-on-scroll.is-visible {
opacity: 1;
transform: translateY(0)
}
body.has-animate-scroll.has-ajax-scroll:not(.first-section-off-animate) .show-on-scroll {
transition: transform 1s 0s cubic-bezier(0,1,.3,1),opacity .5s 0s ease-out
}
body.has-animate-scroll.first-section-off-animate .page-content > .shopify-section + .shopify-section ~ .shopify-section .show-on-scroll {
opacity: 0;
transform: translateY(5vw);
transition: transform 1.2s .2s cubic-bezier(0,1,.3,1),opacity .5s .2s ease-out;
will-change: transform,opacity
}
body.has-animate-scroll.first-section-off-animate .page-content > .shopify-section + .shopify-section ~ .shopify-section .show-on-scroll.is-visible {
opacity: 1;
transform: translateY(0)
}
body.has-animate-scroll.first-section-off-animate .collection-grid-section .holder .holder .show-on-scroll {
opacity: 1!important;
transform: translateY(0)!important
}
body.has-animate-scroll.has-ajax-scroll.first-section-off-animate .page-content > .shopify-section + .shopify-section ~ .shopify-section .show-on-scroll {
transition: transform 1s 0s cubic-bezier(0,1,.3,1),opacity .5s 0s ease-out
}
[data-ajax-section-scroll].z-index-over {
position: relative;
z-index: 1
}
[data-ajax-section-scroll]:not(.is-visible) {
position: relative;
min-height: calc(100vh - 200px)
}
[data-ajax-section-scroll]:not(.is-visible) > [data-load] {
background: 0 0
}
[data-ajax-section-scroll].is-visible > [data-load] {
display: none
}
[data-ajax-section-scroll].is-visible ~ [data-ajax-section-scroll]:not(.is-visible) {
min-height: 100px
}
body.has-animate-scroll [data-ajax-section-scroll] .show-on-scroll {
opacity: 1;
transform: none
}
.aside:not(.aside--left) {
position: relative
}
.aside.aside--sidebar {
max-width: var(--filter-width);
-ms-flex: 0 0 var(--filter-width);
flex: 0 0 var(--filter-width)
}
.aside.aside--content {
-ms-flex: 1;
flex: 1;
width: calc(100% - var(--filter-width))
}
@media (max-width:767px) {
.aside.aside--content {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
}
body.template-cart,
cart-items {
--filter-width: 392px
}
@media (max-width:1199px) {
body.template-cart .aside.aside--content,
cart-items .aside.aside--content {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
}
@media (min-width:768px) {
.aside {
-ms-flex-order: 1;
order: 1
}
.aside--left {
-ms-flex-order: 0;
order: 0
}
.aside--right {
-ms-flex-order: 2;
order: 2
}
.off-sidebar {
-ms-flex-pack: center;
justify-content: center
}
.off-sidebar.on-grid .aside--content {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%
}
}
@media (min-width:1025px) {
.aside--sticky .aside-content {
position: sticky;
top: 30px;
transform: translate3d(0,0,0);
transition: transform .5s
}
}
@media (min-width:1200px) {
.aside--sticky--xl .aside-content {
position: sticky;
top: 30px;
transform: translate3d(0,0,0);
transition: transform .5s
}
}
@media (min-width:1025px) {
.is-collision {
transition: transform .5s
}
}
.aside-block {
margin-top: 22px
}
.aside-block-title {
margin-bottom: 27px;
font-size: 15px;
line-height: 1.2em;
font-weight: var(--heading-sm-weight)
}
.aside-block + .aside-block {
margin-top: 50px;
padding-top: 48px;
border-top: 1px solid var(--decor-border-middle-color)
}
.aside-block .tags-list:not(:first-child) {
margin-top: -10px;
transform: none
}
.line-divider {
background: var(--decor-border-middle-color);
height: 1px;
width: 100%;
margin-left: auto;
margin-right: auto
}
.line-divider--sm {
max-width: 165px
}
.scrollbar-thumb.scrollbar-thumb-y {
width: 2px!important;
background: var(--scroll-drag-color)
}
.hide-scroll .scrollbar-track {
visibility: hidden
}
.scrollbar-track-x,
.scrollbar-track-y {
cursor: pointer
}
.scrollbar-track-y {
right: 0!important;
background-color: var(--scroll-color)!important;
width: 2px!important
}
.scrollbar-track-y:after {
content: '';
position: absolute;
top: 0;
left: -15px;
width: 30px;
height: 100%;
z-index: -1
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.scrollbar-track-y:active .scrollbar-thumb.scrollbar-thumb-y,
.scrollbar-track-y:focus .scrollbar-thumb.scrollbar-thumb-y,
.scrollbar-track-y:hover .scrollbar-thumb.scrollbar-thumb-y {
background: var(--scroll-drag-focus-color)
}
}
.scrollbar-track-x {
display: none!important
}
.scrollbar-track-x:after {
content: '';
position: absolute;
left: 0;
top: -15px;
height: 30px;
width: 100%;
z-index: -1
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.scrollbar-track-x:active .scrollbar-thumb.scrollbar-thumb-x,
.scrollbar-track-x:focus .scrollbar-thumb.scrollbar-thumb-x,
.scrollbar-track-x:hover .scrollbar-thumb.scrollbar-thumb-x {
background: var(--scroll-drag-focus-color)
}
}
.scrollbar-track-x {
bottom: 1px!important;
height: 2px!important;
background-color: var(--scroll-color)!important
}
.scrollbar-track-x:after {
content: '';
position: absolute;
left: 0;
top: -15px;
height: 30px;
width: 100%;
z-index: -1
}
.scrollbar-thumb.scrollbar-thumb-x {
height: 2px!important;
background: var(--scroll-drag-color)
}
.scrollbar-thumb.scrollbar-thumb-y:after {
content: '';
position: absolute;
top: 0;
left: -15px;
width: 30px;
height: 100%;
z-index: -1
}
@media (max-width:374px) {
.d-xxs-none {
display: none!important
}
.px-xxs-0 {
padding-left: 0!important;
padding-right: 0!important
}
}
.disabled {
pointer-events: none
}
.blockquote,
.rte .blockquote {
display: block!important;
padding: 10px 0 10px 40px;
font-family: Georgia;
font-size: 17px;
font-style: italic;
font-weight: var(--font-weight-400);
line-height: 32px;
border-left: 2px solid #414c55
}
.bg-off {
background: 0 0!important
}
.bg-cover {
background-position: center center;
background-size: cover
}
.bg-contain {
background-repeat: no-repeat;
background-position: center center;
background-size: contain
}
@media (max-width:767px) {
.show-bg-md {
background: 0 0!important
}
}
.bg-repeat {
background-repeat: repeat
}
.bg-top {
background-position-y: top
}
.block-social-inline {
margin-left: -8px;
margin-right: -8px
}
.block-social-inline li {
margin: 8px
}
.block-social-inline svg.lumia-icon {
width: 30px;
height: 30px
}
.block-social-inline svg.lumia-icon circle,
.block-social-inline svg.lumia-icon path {
fill: currentColor
}
.border-radius-md {
border-radius: var(--radius-md);
overflow: hidden
}
swiper-carousel {
display: block
}
.swiper-transform-off .swiper-wrapper {
transform: none!important
}
.swiper-container.swiper-container-center {
text-align: center
}
.swiper-container.swiper-container-center .swiper-wrapper {
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
min-width: 0
}
.vertical-margin-1 > * + * {
margin-top: 10px
}
.vertical-margin-2 > * + * {
margin-top: 20px
}
.vertical-margin-3 > * + * {
margin-top: 30px
}
.vertical-margin-4 > * + * {
margin-top: 40px
}
.text-animated,
.text-animated-delay,
.text-animated-static {
display: -ms-flexbox;
display: flex;
position: relative;
min-height: 20px;
width: fit-content;
margin: 0 auto;
padding-right: 38px;
overflow: hidden
}
@media (max-width:767px) {
.text-animated,
.text-animated-delay,
.text-animated-static {
padding-right: 0
}
.text-animated .text-animated-icon,
.text-animated-delay .text-animated-icon,
.text-animated-static .text-animated-icon {
display: none
}
}
.text-animated .text-animated-icon:after,
.text-animated-delay .text-animated-icon:after,
.text-animated-static .text-animated-icon:after {
content: '';
position: absolute;
left: -70px;
top: 0;
width: calc(100% + 70px);
height: 100%;
padding-left: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: var(--body-bg);
background: linear-gradient(90deg,transparent 0,var(--body-bg) 10%);
transition: .2s;
opacity: 1
}
.dropdn-content-block .text-animated .text-animated-icon:after,
.dropdn-content-block .text-animated-delay .text-animated-icon:after {
background: var(--body-bg);
background: linear-gradient(90deg,transparent 0,var(--header-dropdown-bg) 10%)
}
.text-animated-static .text-animated-icon svg {
left: calc(100% - 33px);
opacity: 1
}
.text-animated-static .text-animated-icon:after {
display: none
}
.text-animated .text-animated-icon:after {
animation: drive-truck-bg 2.5s ease-out 0s 1;
animation-fill-mode: forwards
}
.text-animated .text-animated-icon svg {
animation: drive-truck 1.5s ease-out 0s 1;
animation-fill-mode: forwards
}
.text-animated-delay .text-animated-icon:after {
animation: drive-truck-bg 1.5s ease-out 1s 1;
animation-fill-mode: forwards
}
.text-animated-delay .text-animated-icon svg {
animation: drive-truck 1.3s ease-out 1s 1;
animation-fill-mode: forwards
}
.text-animated-icon svg {
position: absolute;
top: -2px;
height: 23px;
max-height: 23px;
z-index: 2;
opacity: 0
}
.text-animated-icon svg ellipse,
.text-animated-icon svg line,
.text-animated-icon svg path {
stroke: currentColor
}
.text-animated b {
animation: color-change 4s 2 1s
}
.text-animated-delay b {
animation: color-change 4s 2 5s
}
@keyframes color-change {
0% {
color: var(--text-color)
}
50% {
color: var(--free-shipping-color,#0cae61)
}
100% {
color: var(--text-color)
}
}
@keyframes drive-truck {
0% {
left: -70px;
opacity: 0
}
10% {
opacity: 1
}
100% {
left: calc(100% - 33px);
opacity: 1
}
}
@keyframes drive-truck-bg {
0% {
left: -50px;
opacity: 1
}
70% {
opacity: 1
}
100% {
left: calc(100% + 30px);
opacity: 0
}
}
.subscription-label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3px;
border: 1px solid var(--subscription-border);
border-radius: var(--radius-5);
font-size: 10px;
line-height: 16px;
color: var(--subscription-color);
text-transform: uppercase;
letter-spacing: .25px
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
bottom: -6px!important
}
.hidden {
display: none!important
}
.visibility-hidden {
visibility: hidden
}
loading-bar {
z-index: 99995;
height: var(--progress-bar-height-global);
position: fixed;
left: 0;
top: 0;
width: 0;
background-color: var(--loading-bar-color)
}
loading-bar.lb--animated {
transition: width var(--load-time,1s) cubic-bezier(.9,0,1,1)
}
.icon-animated-wrap {
display: inline-block;
position: relative;
top: -3px;
padding: 0 2px
}
.icon-animated-wrap svg.lumia-icon {
width: 14px
}
.icon-animated-wrap svg.lumia-icon path {
fill: currentColor
}
.flex-break {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 0;
height: 0;
overflow: hidden
}
@keyframes labelPulse {
from,
to {
opacity: 1
}
30%,
70% {
opacity: 1
}
50% {
opacity: 0
}
}
@keyframes inputClick {
0% {
transform: scale(1);
opacity: 1
}
50% {
transform: scale(.75);
opacity: 1
}
100% {
transform: scale(1);
opacity: 1
}
}
@keyframes borderScale {
50% {
box-shadow: 0 0 0 2px rgba(0,0,0,.2)
}
}
#recover {
display: none
}
#recover:target {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
#recover:target ~ #login {
display: none
}
#recover .login-form--max {
margin-top: 15px!important
}
@media (min-width:576px) {
.page-content #login,
.page-content #recover {
min-height: 416px;
scroll-margin-top: 20rem
}
}
.skip-to-content-link:focus {
position: inherit;
overflow: auto;
width: auto;
height: auto;
clip: auto;
z-index: 9999
}
.off-transition {
transition: none!important
}
.shadow-only-hover:not(:hover) {
box-shadow: none!important
}
.full-absolute {
top: 0;
left: 0;
right: 0;
bottom: 0
}
.text-bg-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
position: relative;
min-height: var(--min-height,39vw)
}
@media (max-width:767px) {
.text-bg-wrap {
min-height: var(--min-height-mobile,144vw)
}
}
.text-over-bg {
position: relative;
display: -ms-flexbox;
display: flex
}
@media (max-width:1399px) {
.text-over-bg-content .title-wrap {
margin-top: 10px;
margin-bottom: 20px
}
.text-over-bg-content .title-wrap:last-child {
margin-bottom: 10px
}
.text-over-bg-content .h1-style,
.text-over-bg-content .h2-style {
margin-bottom: 0
}
}
.image-bg-wrap {
position: absolute;
z-index: -1;
width: 100%
}
.holder.bg-alt .image-bg-wrap {
z-index: 0
}
.container.position-absolute > .image-bg-wrap {
left: 15px;
right: 15px;
width: calc(100% - 30px)
}
.image-bg-wrap .image-container {
height: 100%;
width: 100%
}
.image-bg-wrap .image-container:not(:empty) {
padding-bottom: 0!important
}
.image-bg-wrap .image-container img {
position: relative
}
.image-bg-wrap .image-container.ic--bg-contain,
.image-bg-wrap.ic--bg-cover {
left: 0;
top: 0;
height: 100%
}
.image-bg-wrap .image-container.ic--bg-contain img,
.image-bg-wrap.ic--bg-cover img {
object-fit: cover
}
.image-bg-wrap .image-container.ic--bg-contain,
.image-bg-wrap.ic--bg-contain {
left: 50%;
top: 50%;
height: auto;
transform: translate(-50%,-50%)
}
.image-bg-wrap .image-container.ic--bg-contain img,
.image-bg-wrap.ic--bg-contain img {
object-fit: contain
}
.image-bg-wrap.bnr {
z-index: 1
}
.image-bg-wrap.ic--bg-cover.d-md-block:last-child {
display: block!important
}
@media (min-width:768px) {
.image-bg-wrap-md {
position: relative;
z-index: -1;
width: 100%
}
.image-bg-wrap-md .image-container {
padding-bottom: 0!important;
height: 100%;
width: 100%
}
.image-bg-wrap-md .image-container img {
position: relative
}
.image-bg-wrap-md .image-container.ic--bg-contain,
.image-bg-wrap-md.ic--bg-cover {
left: 0;
top: 0;
height: 100%
}
.image-bg-wrap-md .image-container.ic--bg-contain img,
.image-bg-wrap-md.ic--bg-cover img {
object-fit: cover
}
.image-bg-wrap-md .image-container.ic--bg-contain,
.image-bg-wrap-md.ic--bg-contain {
left: 50%;
top: 50%;
height: auto;
transform: translate(-50%,-50%)
}
.image-bg-wrap-md .image-container.ic--bg-contain img,
.image-bg-wrap-md.ic--bg-contain img {
object-fit: contain
}
}
.text-badge {
display: -ms-inline-flexbox;
display: inline-flex;
white-space: nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1px 6px;
border-radius: var(--radius-5);
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: .25px;
color: #fff
}
.text-badge.tb--color1 {
background: var(--badge1-bg,#0cae61)
}
.text-badge.tb--color2 {
background: var(--badge2-bg,#ed2233)
}
.text-badge.tb--color3 {
background: var(--badge3-bg,#ffc427)
}
.text-badge.tb--color4 {
background: var(--badge4-bg,#666)
}
.line-text {
margin-bottom: 5px;
overflow: hidden;
text-align: center
}
.line-text:after,
.line-text:before {
background-color: var(--decor-border-dark-color);
content: '';
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%
}
.line-text:after {
left: 10px;
margin-right: -50%
}
.line-text:before {
right: 10px;
margin-left: -50%
}
info-popup {
position: relative
}
info-popup > span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.transparent {
opacity: 0!important
}
.bg-body {
background-color: var(--body-bg)!important
}
.bg-alt {
background-color: var(--body-bg-secondary,#fff)!important
}
.secondary-color {
color: var(--block-secondary-text,var(--text-color));
--global-box-shadow: var(--secondary-box-shadow, 0.08);
--body-link-color: var(--block-secondary-link);
--body-link-color-hover: var(--block-secondary-link-hover);
--body-link-secondary-color: var(--block-secondary-link);
--body-link-secondary-color-hover: var(--block-secondary-link-hover);
--text-color: var(--block-secondary-text);
--form-color-light: var(--text-color-light)
}
.secondary-color a:not(.btn) {
color: var(--block-secondary-link,var(--body-link-color))
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.secondary-color a:not(.btn):hover {
color: var(--block-secondary-link-hover,var(--body-link-color-hover))
}
}
.secondary-color .fancybox-button svg path {
fill: currentColor
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.secondary-color .fancybox-button:hover svg path {
fill: currentColor
}
}
.colorize-invert,
.secondary-color .colorize-invert {
--text-color: var(--text-color-invert);
color: var(--text-color)
}
.colorize-invert .title-wrap .h-sub,
.colorize-invert .title-wrap .h-sub p,
.colorize-invert h2,
.colorize-invert h3,
.colorize-invert h4,
.colorize-invert h5,
.colorize-invert h6,
.secondary-color .colorize-invert .title-wrap .h-sub,
.secondary-color .colorize-invert .title-wrap .h-sub p,
.secondary-color .colorize-invert h2,
.secondary-color .colorize-invert h3,
.secondary-color .colorize-invert h4,
.secondary-color .colorize-invert h5,
.secondary-color .colorize-invert h6 {
color: var(--text-color)
}
.colorize-invert a:not(.btn),
.secondary-color .colorize-invert a:not(.btn) {
color: var(--text-color);
text-decoration: none
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.colorize-invert a:not(.btn):hover,
.secondary-color .colorize-invert a:not(.btn):hover {
color: var(--text-color)
}
}
.colorize-invert .theme-color,
.secondary-color .colorize-invert .theme-color {
color: var(--text-color-invert)
}
.ignore-shadow {
--global-box-shadow: none
}
.product-shadow-none .prd,
.product-shadow-none .prd-hor {
box-shadow: none!important
}
.single-countdown > * {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 72px;
margin: 0 19px;
font-size: 15px;
line-height: 1.2em;
font-weight: var(--font-weight-500)
}
@media (max-width:575px) {
.single-countdown > * {
margin: 0 11px;
font-size: 14px
}
}
.single-countdown > * div {
min-width: 62px;
min-height: 1.1em;
position: relative;
font-size: 46px;
line-height: 1.1em;
font-weight: var(--heading-xl-weight);
font-family: var(--heading-font-family)
}
@media (max-width:575px) {
.single-countdown > * div {
font-size: 36px
}
}
.single-countdown > :not(:last-child):after {
position: relative;
top: -.25em;
right: -19px;
content: ':';
font-size: 46px
}
@media (max-width:575px) {
.single-countdown > :not(:last-child):after {
right: -10px
}
}
.single-countdown {
display: -ms-flexbox;
display: flex;
width: fit-content;
margin-top: -10px;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--single-countdown-bg,transparent);
color: var(--text-color);
border-radius: var(--radius-md)
}
.single-countdown-info {
font-size: 18px;
line-height: 1.5em;
font-weight: var(--font-weight-500)
}
@media (max-width:575px) {
.single-countdown.hide-sec-mobile > :last-child {
display: none
}
.single-countdown.hide-sec-mobile > :nth-last-child(2):after {
display: none
}
}
.text-center > .single-countdown {
margin-left: auto;
margin-right: auto
}
.text-with-bg-column {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.text-with-bg-column > * {
max-width: var(--col-text-max-width,460px);
margin-left: auto;
margin-right: auto
}
.text-with-bg-column > .text-center {
max-width: var(--col-text-max-width,470px)
}
.text-with-bg-column > .text-center.text-md-start {
max-width: calc(100% - 50px);
width: 450px
}
@media (min-width:768px) {
.text-with-bg-column > .text-center.text-md-start {
margin-left: 0
}
}
.text-with-bg-wrap.reversed {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
@media (max-width:767px) {
.text-with-bg-wrap,
.text-with-bg-wrap.reversed {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.z-index-over {
z-index: 10!important
}
.text-cutted {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.3em
}
.row.gy-divider {
--bs-gutter-y: 2px
}
masonry-grid,
wishlist-button,
wishlist-heart {
display: block
}
.categories-list-name.column-caption-style-1,
.footer-list-title.column-caption-style-1,
.submenu-list-title.column-caption-style-1,
.submenu-title.column-caption-style-1 {
font-family: var(--body-font-family);
font-size: var(--column-caption-style-1-size);
font-weight: var(--column-caption-style-1-weight);
line-height: 18px;
text-transform: uppercase
}
.categories-list-name.column-caption-style-2,
.footer-list-title.column-caption-style-2,
.submenu-list-title.column-caption-style-2,
.submenu-title.column-caption-style-2 {
font-family: var(--body-font-family);
font-size: var(--column-caption-style-2-size);
font-weight: var(--column-caption-style-2-weight);
line-height: 20px;
text-transform: none
}
.categories-list-name.column-caption-style-3,
.footer-list-title.column-caption-style-3,
.submenu-list-title.column-caption-style-3,
.submenu-title.column-caption-style-3 {
font-family: var(--body-font-family);
font-size: var(--column-caption-style-3-size);
font-weight: var(--column-caption-style-3-weight);
line-height: 24px;
text-transform: none
}
.categories-list-name.column-caption-style-4,
.footer-list-title.column-caption-style-4,
.submenu-list-title.column-caption-style-4,
.submenu-title.column-caption-style-4 {
font-family: var(--heading-font-family);
font-size: var(--column-caption-style-4-size);
font-weight: var(--column-caption-style-4-weight);
line-height: 24px;
text-transform: uppercase
}
.categories-list-name,
.categories-list-name a:not(.btn),
.submenu-list-title,
.submenu-list-title a:not(.btn),
.submenu-title,
.submenu-title a:not(.btn) {
color: var(--column-caption-style-color)
}
.categories-list-name a.active,
.submenu-list-title a.active,
.submenu-title a.active {
color: var(--column-caption-style-hover-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.categories-list-name a:not(.btn):hover,
.submenu-list-title a:not(.btn):hover,
.submenu-title a:not(.btn):hover {
color: var(--column-caption-style-hover-color)
}
}
a.categories-list-name,
a.submenu-list-title,
a.submenu-title {
color: var(--column-caption-style-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
a.categories-list-name:hover,
a.submenu-list-title:hover,
a.submenu-title:hover {
color: var(--column-caption-style-hover-color)
}
}
.categories-list-name.column-caption-style-1:not(:last-child) {
margin-bottom: 16px
}
.categories-list-name.column-caption-style-2:not(:last-child) {
margin-bottom: 14px
}
.categories-list-name.column-caption-style-4:not(:last-child) {
margin-bottom: 10px
}
.submenu-title.column-caption-style-3 + submenu-list {
display: block;
margin-top: -1px
}
.submenu-title.column-caption-style-3 + .submenu-list {
margin-top: -1px
}
.submenu-title.column-caption-style-4 + submenu-list {
display: block;
margin-top: -6px
}
.submenu-title.column-caption-style-4 + .submenu-list {
margin-top: -6px
}
.submenu-title.column-caption-style-2 + submenu-list {
display: block;
margin-top: -2px
}
.submenu-title.column-caption-style-2 + .submenu-list {
margin-top: -2px
}
.submenu-list-title.column-caption-style-2 {
margin-bottom: 20px;
padding-bottom: 23px
}
.submenu-list-title.column-caption-style-3,
.submenu-list-title.column-caption-style-4 {
margin-bottom: 20px;
padding-bottom: 19px
}
.footer-list-title.column-caption-style-1 {
margin-bottom: 32px
}
.footer-list-title.column-caption-style-2 {
margin-bottom: 30px
}
.submenu-title:not([class*=column-caption-style]) {
font-family: var(--body-font-family);
font-size: var(--column-caption-style-1-size);
font-weight: var(--column-caption-style-1-weight);
line-height: 18px;
text-transform: uppercase
}
.submenu-list-title:not([class*=column-caption-style]) {
font-family: var(--body-font-family);
font-size: var(--column-caption-style-1-size);
font-weight: var(--column-caption-style-1-weight);
line-height: 18px;
text-transform: uppercase
}
.categories-list-name:not([class*=column-caption-style]) {
font-family: var(--body-font-family);
font-size: var(--column-caption-style-3-size);
font-weight: var(--column-caption-style-3-weight);
line-height: 24px;
text-transform: none
}
.footer-list-title:not([class*=column-caption-style]) {
font-family: var(--body-font-family);
font-size: var(--column-caption-style-3-size);
font-weight: var(--column-caption-style-3-weight);
line-height: 24px;
text-transform: none;
line-height: 1.333em
}
.payment-notification {
opacity: 0
}
.contact-map .contact-map-control {
opacity: 0
}
.box-shadow-12 {
box-shadow: 0 0 34px rgba(0,0,0,.12)
}
.number-text {
font-size: 123px;
line-height: 1em;
font-weight: 700;
text-align: center;
margin-bottom: -5px
}
@media (max-width:767px) {
.number-text {
font-size: 90px
}
}
number-counter:not(.counter-initialized) {
opacity: 0
}
.min-height-off {
min-height: auto!important
}
.label-1-color,
.label-1-color.prd-label {
background: var(--label-1-bg);
color: var(--label-1-color)
}
.label-2-color,
.label-2-color.prd-label {
background: var(--label-2-bg);
color: var(--label-2-color)
}
.label-3-color,
.label-3-color.prd-label {
background: var(--label-3-bg);
color: var(--label-3-color)
}
.label-4-color,
.label-4-color.prd-label {
background: var(--label-4-bg);
color: var(--label-4-color)
}
.label-5-color,
.label-5-color.prd-label {
background: var(--label-5-bg);
color: var(--label-5-color)
}
.label-6-color,
.label-6-color.prd-label {
background: var(--label-6-bg);
color: var(--label-6-color)
}
.label-7-color,
.label-7-color.prd-label {
background: var(--label-7-bg);
color: var(--label-7-color)
}
rotate-aside {
position: fixed;
top: 0;
width: 100%;
bottom: 0;
z-index: 1070;
pointer-events: none
}
rotate-aside > div {
position: absolute;
width: 5vw;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
transition: all .6s cubic-bezier(.215,.61,.355,1)
}
rotate-aside .image-container {
width: 100%
}
svg.svg-border {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: calc(var(--radius-xl) * .5);
pointer-events: none
}
svg.svg-border rect {
fill: none;
stroke-dasharray: 6,6;
stroke-dashoffset: 0;
stroke-linecap: square;
stroke: var(--decor-border-middle-color)
}
.video-wrap-content {
position: relative;
border-radius: var(--radius-md,16px);
width: 100%;
overflow: hidden
}
.video-wrap-content iframe,
.video-wrap-content video {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
object-fit: cover;
border: 0;
z-index: 2
}
.video-wrap-content:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,var(--video-overlay-opacity,0));
pointer-events: none;
z-index: 2
}
main-slider .video-wrap-content:after {
z-index: 1
}
.table_d {
display: table;
width: 100%;
border-collapse: collapse
}
.table_d .tr_d {
display: table-row
}
.table_d .tr_d .td_d {
display: table-cell
}
@media (max-width:767px) {
.prd-grid.row {
--bs-gutter-y: 2rem;
--bs-gutter-x: 1rem
}
}
@media (min-width:375px) and (max-width:575px) {
.row-cols-xs-2[class*=row-cols-sm-] > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
}
@media (min-width:375px) and (max-width:767px) {
.row-cols-xs-2:not([class*=row-cols-sm-])[class*=row-cols-md-] > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
}
@media (min-width:375px) and (max-width:1024px) {
.row-cols-xs-2:not([class*=row-cols-sm-]):not([class*=row-cols-md-])[class*=row-cols-lg-] > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
}
@media (min-width:375px) {
.row-cols-xs-2:not([class*=row-cols-sm-]):not([class*=row-cols-md-]):not([class*=row-cols-lg-]) > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
}
@media (max-width:767px) {
.prd-grid.row {
--bs-gutter-y: 2rem;
--bs-gutter-x: 1rem
}
}
@media (min-width:768px) {
.row-cols-md-7 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 14.2857%
}
.row-cols-md-8 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 12.5%
}
}
@media (min-width:1025px) {
.row-cols-lg-7 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 14.2857%
}
.row-cols-lg-8 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 12.5%
}
}
@media (min-width:1200px) {
.row-cols-xl-7 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 14.2857%
}
.row-cols-xl-8 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 12.5%
}
}
@media (min-width:1466px) {
.row-cols-xxl-7 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 14.2857%
}
.row-cols-xxl-8 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 12.5%
}
.holder.use-grid-xxl .section-ajax-container .prd-grid > *,
body.use-grid-xxl .section-ajax-container .prd-grid > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%
}
.holder.use-grid-xxl .section-ajax-container .swiper-wrapper.review-grid > *,
body.use-grid-xxl .section-ajax-container .swiper-wrapper.review-grid > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
}
@media (min-width:1700px) {
.row-cols-xxxl-7 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 14.2857%
}
.row-cols-xxxl-8 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 12.5%
}
.holder.use-grid-xxxl .section-ajax-container .prd-grid > *,
body.use-grid-xxxl .section-ajax-container .prd-grid > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6667%
}
.holder.use-grid-xxxl .section-ajax-container .swiper-wrapper.review-grid > *,
body.use-grid-xxxl .section-ajax-container .swiper-wrapper.review-grid > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%
}
}
.mt-first-0:first-child,
.mt-first-0[class*=mt-]:first-child {
margin-top: 0!important
}
@media (max-width:767px) {
.row.grid_list_sm > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row.grid_3_sm > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%
}
.row.grid_2_sm > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.row.grid_1_sm > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
}
@media (min-width:768px) and (max-width:1199px) {
.row.grid_list_md > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row.grid_4_md > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.row.grid_3_md > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%
}
.row.grid_2_md > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.row.grid_1_md > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row.grid_3_md,
.row.grid_4_md {
--bs-gutter-x: 1rem
}
}
@media (min-width:1200px) {
.row:not([class*='_xxl']).grid_list_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row:not([class*='_xxl']).grid_6_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%
}
.row:not([class*='_xxl']).grid_5_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%
}
.row:not([class*='_xxl']).grid_4_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.row:not([class*='_xxl']).grid_3_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.333%
}
.row:not([class*='_xxl']).grid_2_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.row:not([class*='_xxl']).grid_1_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row:not([class*='_xxl']).grid_3_xl,
.row:not([class*='_xxl']).grid_4_xl,
.row:not([class*='_xxl']).grid_5_xl,
.row:not([class*='_xxl']).grid_6_xl {
--bs-gutter-x: 1rem
}
}
@media (min-width:1200px) and (max-width:1465px) {
.row[class*='_xxl'].grid_list_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row[class*='_xxl'].grid_6_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%
}
.row[class*='_xxl'].grid_5_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%
}
.row[class*='_xxl'].grid_4_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.row[class*='_xxl'].grid_3_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.333%
}
.row[class*='_xxl'].grid_2_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.row[class*='_xxl'].grid_1_xl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row[class*='_xxl'].grid_3_xl,
.row[class*='_xxl'].grid_4_xl,
.row[class*='_xxl'].grid_5_xl,
.row[class*='_xxl'].grid_6_xl {
--bs-gutter-x: 1rem
}
}
@media (min-width:1466px) {
.row.grid_list_xxl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row.grid_6_xxl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%
}
.row.grid_5_xxl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%
}
.row.grid_4_xxl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%
}
.row.grid_3_xxl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.333%
}
.row.grid_2_xxl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
.row.grid_1_xxl > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.row.grid_3_xxl,
.row.grid_4_xxl,
.row.grid_5_xxl,
.row.grid_6_xxl {
--bs-gutter-x: 1rem
}
}
@media (min-width:768px) {
.row.flex-md-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.row.flex-md-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
}
.line-break {
width: 100%!important;
display: none;
height: 0;
overflow: hidden;
margin: 0!important
}
@media (min-width:1200px) {
.line-break-lg {
width: 100%!important;
display: none;
height: 0;
overflow: hidden;
margin: 0
}
.col-break-after-2 .line-break-lg:nth-child(4n) {
display: block
}
.col-break-after-3 .line-break-lg:nth-child(6n) {
display: block
}
.col-break-after-4 .line-break-lg:nth-child(8n) {
display: block
}
.col-break-after-5 .line-break-lg:nth-child(10n) {
display: block
}
.col-break-after-6 .line-break-lg:nth-child(12n) {
display: block
}
.col-break-after-7 .line-break-lg:nth-child(14n) {
display: block
}
}
@media (max-width:1199px) {
.line-break-lg {
display: none!important
}
}
.col-break-after-2 .line-break:nth-child(4n) {
display: block
}
.col-break-after-3 .line-break:nth-child(6n) {
display: block
}
.col-break-after-4 .line-break:nth-child(8n) {
display: block
}
.col-break-after-5 .line-break:nth-child(10n) {
display: block
}
.col-break-after-6 .line-break:nth-child(12n) {
display: block
}
.col-break-after-7 .line-break:nth-child(14n) {
display: block
}
.col-break-after-8 .line-break:nth-child(16n) {
display: block
}
@media (min-width:575px) {
.col-sm-custom {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: var(--col-width-sm)!important
}
}
@media (min-width:767px) {
.col-md-custom {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: var(--col-width-md)!important
}
}
.breadcrumb {
margin: 0;
font-size: 13px;
line-height: 18px;
color: var(--breadcrumbs-color)
}
@media (max-width:575px) {
.breadcrumb {
font-size: 12px;
line-height: 18px
}
}
.breadcrumb-item {
padding-right: 10px
}
@media (max-width:575px) {
.breadcrumb-item {
padding-right: 6px
}
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0
}
.breadcrumb-item + .breadcrumb-item:before {
display: inline-block;
position: relative;
height: 9px;
top: 0;
margin-right: 10px;
padding: 0 5px;
content: '';
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: var(--breadcrumbs-current-color);
float: none
}
@media (max-width:575px) {
.breadcrumb-item + .breadcrumb-item:before {
margin-right: 6px;
padding: 0 4px
}
}
.breadcrumb-item + .breadcrumb-item:empty:before {
display: none
}
.breadcrumb-item.active {
color: var(--breadcrumbs-current-color)
}
.breadcrumb-item a {
color: var(--breadcrumbs-color);
text-decoration: none
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.breadcrumb-item a:hover {
color: var(--breadcrumbs-hover-color)
}
}
.prd-prev-next {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
margin-top: 10px
}
.prd-prev-next a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
text-decoration: none
}
.prd-prev-next a > span {
padding: 0;
margin: 0 3px;
transition: transform .2s
}
.prd-prev-next a > span.col-auto > span {
display: inline-block
}
.prd-prev-next a + a {
padding-left: 10px
}
.prd-prev-next a svg {
position: relative;
height: 10px;
top: -1px
}
.prd-prev-next a:first-child svg {
margin-right: 5px
}
.prd-prev-next a:last-child svg {
margin-left: 5px
}
.prd-prev-next a.image-off + a.image-off > span:only-child {
margin-left: 15px
}
.prd-prev-next .prd-prev-next-image {
position: relative;
display: block;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
min-width: 50px;
overflow: hidden;
text-decoration: none;
border: 1px solid transparent
}
.prd-prev-next .prd-prev-next-image:after,
.prd-prev-next .prd-prev-next-image:before {
position: absolute;
border: var(--preview-thumb-active-width) solid var(--preview-thumb-active-color);
bottom: 0;
content: "";
left: 0;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25,.46,.4,1);
z-index: 3;
opacity: 0;
pointer-events: none
}
.prd-prev-next .prd-prev-next-image:after {
z-index: 2;
border: 4px solid var(--body-bg)
}
.prd-prev-next .prd-prev-next-image img {
transition: .2s
}
.prd-prev-next:not(.off-circle) .prd-prev-next-image {
height: 50px;
border-radius: var(--radius-50)
}
.prd-prev-next:not(.off-circle) .prd-prev-next-image:after,
.prd-prev-next:not(.off-circle) .prd-prev-next-image:before {
border-radius: var(--radius-50)
}
.prd-prev-next:not(.off-circle) .prd-prev-next-image img {
border-radius: var(--radius-50)
}
.prd-prev-next.off-circle .prd-prev-next-image:after,
.prd-prev-next.off-circle .prd-prev-next-image:before {
border-radius: var(--radius-sm)
}
.prd-prev-next.off-circle .prd-prev-next-image .image-container:not(.ic--ignore-global-round) {
border-radius: var(--radius-sm)
}
.prd-prev-next a {
color: var(--body-link-secondary-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-prev-next a:hover {
color: var(--body-link-secondary-color-hover)
}
.prd-prev-next a:hover .prd-prev-next-image:after,
.prd-prev-next a:hover .prd-prev-next-image:before {
opacity: 1
}
.prd-prev-next a:hover img {
transform: scale(1.2)
}
}
@media (min-width:1025px) {
.breadcrumbs-wrap {
padding-top: 20px;
padding-bottom: 20px
}
.col:not(:last-child) .breadcrumbs-wrap {
padding-top: 30px
}
}
@media (max-width:1024px) {
.breadcrumbs-wrap {
padding-top: 15px;
padding-bottom: 15px
}
}
.swiper-container.breadcrumb:not(.swiper-container-initialized) > .swiper-wrapper {
display: -ms-flexbox;
display: flex;
overflow: hidden
}
.swiper-container.breadcrumb:not(.swiper-container-initialized) {
opacity: 1
}
.breadcrumbs-wrap {
position: relative;
z-index: 1
}
.breadcrumbs-wrap swiper-carousel {
position: relative
}
@media (max-width:1024px) {
.breadcrumbs-wrap swiper-carousel {
width: calc(100% + 20px);
margin-right: -10px;
margin-left: -10px;
padding: 0 10px
}
}
.breadcrumbs-wrap .swiper-slide {
width: max-content
}
.breadcrumbs-wrap .swiper-pagination-lock {
display: none
}
.breadcrumbs-wrap .swiper-pagination-lock + .hdr-second-nav-swiper-arrows {
display: none
}
.breadcrumbs-wrap .menu-label {
position: absolute;
right: 29px;
margin-top: -35px;
transform: translateX(50%)
}
.breadcrumbs-wrap-arrows {
position: absolute;
left: -5px;
right: -5px;
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
top: 0;
z-index: 100;
pointer-events: none;
opacity: 0
}
.breadcrumbs-wrap-arrows:hover {
transition: opacity .2s
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.breadcrumbs-wrap-arrows:hover .swiper-button-next-sm:hover,
.breadcrumbs-wrap-arrows:hover .swiper-button-prev-sm:hover {
transition: opacity .2s
}
}
@media (max-width:1024px) {
.breadcrumbs-wrap-arrows {
left: 5px;
right: 5px;
opacity: 1
}
}
.breadcrumbs-wrap-arrows .swiper-button-prev-sm {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid var(--hdr-second-nav-color)
}
.breadcrumbs-wrap-arrows .swiper-button-next-sm {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid var(--hdr-second-nav-color)
}
.breadcrumbs-wrap-arrows .swiper-button-next-sm,
.breadcrumbs-wrap-arrows .swiper-button-prev-sm {
pointer-events: all
}
.breadcrumbs-wrap-arrows .swiper-button-next-sm.swiper-button-disabled,
.breadcrumbs-wrap-arrows .swiper-button-prev-sm.swiper-button-disabled {
opacity: 0!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.breadcrumbs-wrap-arrows .swiper-button-next-sm:hover,
.breadcrumbs-wrap-arrows .swiper-button-prev-sm:hover {
opacity: .6
}
}
.swiper-container:not(.swiper-container-initialized) ~ .breadcrumbs-wrap-arrows {
display: none
}
.btn.disabled,
.btn:disabled {
cursor: not-allowed;
pointer-events: none;
opacity: var(--button-disabled-opacity)
}
.btn.disabled.loading-process,
.btn:disabled.loading-process {
opacity: var(--button-loading-opacity)
}
.btn:not([data-animation]) {
transition: background .2s ease
}
body:not(.has-btn-not-upper) .btn {
text-transform: uppercase
}
.btn,
button.btn {
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 40px;
padding: 7px 30px;
font-size: 12px;
line-height: 24px;
border-radius: var(--button-border-radius,9999px);
border-style: solid;
border-width: var(--button-border-width,0)!important;
border-color: var(--button-border-color);
font-weight: var(--button-font-weight);
font-family: var(--button-font-family);
cursor: pointer;
white-space: nowrap;
overflow: hidden
}
.btn,
.btn:active,
.btn:active:focus,
.btn:focus,
.btn:visited,
button.btn,
button.btn:active,
button.btn:active:focus,
button.btn:focus,
button.btn:visited {
box-shadow: none;
color: var(--button-color);
background-color: var(--button-bg);
outline: 0;
text-decoration: none
}
.btn .btn-txt,
.btn:active .btn-txt,
.btn:active:focus .btn-txt,
.btn:focus .btn-txt,
.btn:visited .btn-txt,
button.btn .btn-txt,
button.btn:active .btn-txt,
button.btn:active:focus .btn-txt,
button.btn:focus .btn-txt,
button.btn:visited .btn-txt {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
.btn .btn-hover-txt,
.btn:active .btn-hover-txt,
.btn:active:focus .btn-hover-txt,
.btn:focus .btn-hover-txt,
.btn:visited .btn-hover-txt,
button.btn .btn-hover-txt,
button.btn:active .btn-hover-txt,
button.btn:active:focus .btn-hover-txt,
button.btn:focus .btn-hover-txt,
button.btn:visited .btn-hover-txt {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
transform: none;
opacity: 0
}
.btn [data-load=loading]:after,
.btn [data-load=loading]:before,
button.btn [data-load=loading]:after,
button.btn [data-load=loading]:before {
background: var(--button-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn.hovered,
.btn:active:hover,
.btn:focus:hover,
.btn:hover,
button.btn.hovered,
button.btn:active:hover,
button.btn:focus:hover,
button.btn:hover {
color: var(--button-hover-color);
background-color: var(--button-hover-bg);
border-color: var(--button-hover-border-color);
outline: 0;
transition: background .2s ease
}
.btn.hovered .btn-txt,
.btn:active:hover .btn-txt,
.btn:focus:hover .btn-txt,
.btn:hover .btn-txt,
button.btn.hovered .btn-txt,
button.btn:active:hover .btn-txt,
button.btn:focus:hover .btn-txt,
button.btn:hover .btn-txt {
position: relative;
opacity: 0
}
.btn.hovered .btn-hover-txt,
.btn:active:hover .btn-hover-txt,
.btn:focus:hover .btn-hover-txt,
.btn:hover .btn-hover-txt,
button.btn.hovered .btn-hover-txt,
button.btn:active:hover .btn-hover-txt,
button.btn:focus:hover .btn-hover-txt,
button.btn:hover .btn-hover-txt {
opacity: 1
}
.btn.hovered [data-load=loading]:after,
.btn.hovered [data-load=loading]:before,
.btn:active:hover [data-load=loading]:after,
.btn:active:hover [data-load=loading]:before,
.btn:focus:hover [data-load=loading]:after,
.btn:focus:hover [data-load=loading]:before,
.btn:hover [data-load=loading]:after,
.btn:hover [data-load=loading]:before,
button.btn.hovered [data-load=loading]:after,
button.btn.hovered [data-load=loading]:before,
button.btn:active:hover [data-load=loading]:after,
button.btn:active:hover [data-load=loading]:before,
button.btn:focus:hover [data-load=loading]:after,
button.btn:focus:hover [data-load=loading]:before,
button.btn:hover [data-load=loading]:after,
button.btn:hover [data-load=loading]:before {
background: var(--button-hover-color)
}
}
.btn svg.lumia-icon,
button.btn svg.lumia-icon {
width: 18px;
height: 18px
}
.btn svg.lumia-icon path,
button.btn svg.lumia-icon path {
fill: currentColor
}
.btn svg:not(:only-child):not(:last-child),
button.btn svg:not(:only-child):not(:last-child) {
margin-right: .45em
}
.btn svg:not(:only-child):last-child,
button.btn svg:not(:only-child):last-child {
margin-left: .45em
}
.btn .icon-wrap,
button.btn .icon-wrap {
position: relative;
top: -1px;
margin-right: 10px
}
.btn.btn--wrap,
body.has-btn-wrap .btn,
body.has-btn-wrap button.btn,
button.btn.btn--wrap {
white-space: normal;
height: auto;
min-height: 40px;
line-height: 18px;
padding-left: 25px;
padding-right: 25px;
text-align: center
}
.btn.btn-colorize-invert,
.btn.btn-colorize-invert:active,
.btn.btn-colorize-invert:active:focus,
.btn.btn-colorize-invert:focus,
.btn.btn-colorize-invert:visited,
button.btn.btn-colorize-invert,
button.btn.btn-colorize-invert:active,
button.btn.btn-colorize-invert:active:focus,
button.btn.btn-colorize-invert:focus,
button.btn.btn-colorize-invert:visited {
background-color: var(--button-hover-bg);
color: var(--button-hover-color);
border-color: var(--button-hover-border-color)
}
.btn.btn-colorize-invert [data-load=loading]:after,
.btn.btn-colorize-invert [data-load=loading]:before,
button.btn.btn-colorize-invert [data-load=loading]:after,
button.btn.btn-colorize-invert [data-load=loading]:before {
background: var(--button-hover-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn.btn-colorize-invert.hovered,
.btn.btn-colorize-invert:active:hover,
.btn.btn-colorize-invert:focus:hover,
.btn.btn-colorize-invert:hover,
button.btn.btn-colorize-invert.hovered,
button.btn.btn-colorize-invert:active:hover,
button.btn.btn-colorize-invert:focus:hover,
button.btn.btn-colorize-invert:hover {
background-color: var(--button-bg);
color: var(--button-color);
border-color: var(--button-border-color)
}
.btn.btn-colorize-invert.hovered [data-load=loading]:after,
.btn.btn-colorize-invert.hovered [data-load=loading]:before,
.btn.btn-colorize-invert:active:hover [data-load=loading]:after,
.btn.btn-colorize-invert:active:hover [data-load=loading]:before,
.btn.btn-colorize-invert:focus:hover [data-load=loading]:after,
.btn.btn-colorize-invert:focus:hover [data-load=loading]:before,
.btn.btn-colorize-invert:hover [data-load=loading]:after,
.btn.btn-colorize-invert:hover [data-load=loading]:before,
button.btn.btn-colorize-invert.hovered [data-load=loading]:after,
button.btn.btn-colorize-invert.hovered [data-load=loading]:before,
button.btn.btn-colorize-invert:active:hover [data-load=loading]:after,
button.btn.btn-colorize-invert:active:hover [data-load=loading]:before,
button.btn.btn-colorize-invert:focus:hover [data-load=loading]:after,
button.btn.btn-colorize-invert:focus:hover [data-load=loading]:before,
button.btn.btn-colorize-invert:hover [data-load=loading]:after,
button.btn.btn-colorize-invert:hover [data-load=loading]:before {
background: var(--button-color)
}
}
.btn--showmore {
min-width: 190px
}
.btn--lg,
button.btn--lg {
height: 44px;
padding: 9px 35px;
font-size: 12px;
line-height: 24px
}
@media (max-width:575px) {
.btn--lg,
button.btn--lg {
height: 40px;
padding: 8px 30px;
font-size: 12px;
line-height: 24px
}
.btn--lg.btn.btn--wrap,
body.has-btn-wrap .btn--lg.btn,
body.has-btn-wrap button.btn--lg.btn,
button.btn--lg.btn.btn--wrap {
min-height: 40px;
line-height: 18px;
padding-left: 25px;
padding-right: 25px
}
}
.btn--lg.btn.btn--wrap,
body.has-btn-wrap .btn--lg.btn,
body.has-btn-wrap button.btn--lg.btn,
button.btn--lg.btn.btn--wrap {
min-height: 44px;
line-height: 20px;
padding-left: 30px;
padding-right: 30px
}
.btn--sm,
button.btn--sm {
height: 36px;
padding: 0 15px;
font-size: 10px;
line-height: 36px
}
.btn--sm.btn.btn--wrap,
body.has-btn-wrap .btn--sm.btn,
body.has-btn-wrap button.btn--sm.btn,
button.btn--sm.btn.btn--wrap {
min-height: 36px;
line-height: 16px;
padding: 8px 12px
}
.btn--invert,
.btn--invert:active,
.btn--invert:active:focus,
.btn--invert:focus,
.btn--invert:visited,
button.btn--invert,
button.btn--invert:active,
button.btn--invert:active:focus,
button.btn--invert:focus,
button.btn--invert:visited {
background-color: var(--button-bg-invert);
color: var(--button-color-invert);
border-width: var(--button-border-width-invert,0)!important;
border-color: var(--button-border-color-invert)
}
.btn--invert [data-load=loading]:after,
.btn--invert [data-load=loading]:before,
button.btn--invert [data-load=loading]:after,
button.btn--invert [data-load=loading]:before {
background: var(--button-color-invert)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn--invert.hovered,
.btn--invert:active:hover,
.btn--invert:focus:hover,
.btn--invert:hover,
button.btn--invert.hovered,
button.btn--invert:active:hover,
button.btn--invert:focus:hover,
button.btn--invert:hover {
background-color: var(--button-hover-bg-invert);
color: var(--button-hover-color-invert);
border-color: var(--button-hover-border-color-invert)
}
.btn--invert.hovered [data-load=loading]:after,
.btn--invert.hovered [data-load=loading]:before,
.btn--invert:active:hover [data-load=loading]:after,
.btn--invert:active:hover [data-load=loading]:before,
.btn--invert:focus:hover [data-load=loading]:after,
.btn--invert:focus:hover [data-load=loading]:before,
.btn--invert:hover [data-load=loading]:after,
.btn--invert:hover [data-load=loading]:before,
button.btn--invert.hovered [data-load=loading]:after,
button.btn--invert.hovered [data-load=loading]:before,
button.btn--invert:active:hover [data-load=loading]:after,
button.btn--invert:active:hover [data-load=loading]:before,
button.btn--invert:focus:hover [data-load=loading]:after,
button.btn--invert:focus:hover [data-load=loading]:before,
button.btn--invert:hover [data-load=loading]:after,
button.btn--invert:hover [data-load=loading]:before {
background: var(--button-hover-color-invert)
}
}
.btn--grey,
.btn--grey:active,
.btn--grey:active:focus,
.btn--grey:focus,
.btn--grey:visited,
button.btn--grey,
button.btn--grey:active,
button.btn--grey:active:focus,
button.btn--grey:focus,
button.btn--grey:visited {
background-color: var(--button-bg-grey);
color: var(--button-color-grey);
border-width: var(--button-border-width-grey,0)!important;
border-color: var(--button-border-color-grey)
}
.btn--grey [data-load=loading]:after,
.btn--grey [data-load=loading]:before,
button.btn--grey [data-load=loading]:after,
button.btn--grey [data-load=loading]:before {
background: var(--button-color-grey)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn--grey.hovered,
.btn--grey:active:hover,
.btn--grey:focus:hover,
.btn--grey:hover,
button.btn--grey.hovered,
button.btn--grey:active:hover,
button.btn--grey:focus:hover,
button.btn--grey:hover {
background-color: var(--button-hover-bg-grey);
color: var(--button-hover-color-grey);
border-color: var(--button-hover-border-color-grey)
}
.btn--grey.hovered [data-load=loading]:after,
.btn--grey.hovered [data-load=loading]:before,
.btn--grey:active:hover [data-load=loading]:after,
.btn--grey:active:hover [data-load=loading]:before,
.btn--grey:focus:hover [data-load=loading]:after,
.btn--grey:focus:hover [data-load=loading]:before,
.btn--grey:hover [data-load=loading]:after,
.btn--grey:hover [data-load=loading]:before,
button.btn--grey.hovered [data-load=loading]:after,
button.btn--grey.hovered [data-load=loading]:before,
button.btn--grey:active:hover [data-load=loading]:after,
button.btn--grey:active:hover [data-load=loading]:before,
button.btn--grey:focus:hover [data-load=loading]:after,
button.btn--grey:focus:hover [data-load=loading]:before,
button.btn--grey:hover [data-load=loading]:after,
button.btn--grey:hover [data-load=loading]:before {
background: var(--button-hover-color-grey)
}
}
.btn--white,
.btn--white:active,
.btn--white:active:focus,
.btn--white:focus,
.btn--white:visited,
button.btn--white,
button.btn--white:active,
button.btn--white:active:focus,
button.btn--white:focus,
button.btn--white:visited {
background-color: var(--button-bg-white);
color: var(--button-color-white);
border-width: var(--button-border-width-white,0)!important;
border-color: var(--button-border-color-white)
}
.btn--white [data-load=loading]:after,
.btn--white [data-load=loading]:before,
button.btn--white [data-load=loading]:after,
button.btn--white [data-load=loading]:before {
background: var(--button-color-white)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn--white.hovered,
.btn--white:active:hover,
.btn--white:focus:hover,
.btn--white:hover,
button.btn--white.hovered,
button.btn--white:active:hover,
button.btn--white:focus:hover,
button.btn--white:hover {
background-color: var(--button-hover-bg-white);
color: var(--button-hover-color-white);
border-color: var(--button-hover-border-color-white)
}
.btn--white.hovered [data-load=loading]:after,
.btn--white.hovered [data-load=loading]:before,
.btn--white:active:hover [data-load=loading]:after,
.btn--white:active:hover [data-load=loading]:before,
.btn--white:focus:hover [data-load=loading]:after,
.btn--white:focus:hover [data-load=loading]:before,
.btn--white:hover [data-load=loading]:after,
.btn--white:hover [data-load=loading]:before,
button.btn--white.hovered [data-load=loading]:after,
button.btn--white.hovered [data-load=loading]:before,
button.btn--white:active:hover [data-load=loading]:after,
button.btn--white:active:hover [data-load=loading]:before,
button.btn--white:focus:hover [data-load=loading]:after,
button.btn--white:focus:hover [data-load=loading]:before,
button.btn--white:hover [data-load=loading]:after,
button.btn--white:hover [data-load=loading]:before {
background: var(--button-hover-color-white)
}
}
.btn--fifth,
.btn--fifth:active,
.btn--fifth:active:focus,
.btn--fifth:focus,
.btn--fifth:visited,
button.btn--fifth,
button.btn--fifth:active,
button.btn--fifth:active:focus,
button.btn--fifth:focus,
button.btn--fifth:visited {
background-color: var(--button-bg-fifth);
color: var(--button-color-fifth);
border-width: var(--button-border-width-fifth,0)!important;
border-color: var(--button-border-color-fifth)
}
.btn--fifth [data-load=loading]:after,
.btn--fifth [data-load=loading]:before,
button.btn--fifth [data-load=loading]:after,
button.btn--fifth [data-load=loading]:before {
background: var(--button-color-fifth)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn--fifth.hovered,
.btn--fifth:active:hover,
.btn--fifth:focus:hover,
.btn--fifth:hover,
button.btn--fifth.hovered,
button.btn--fifth:active:hover,
button.btn--fifth:focus:hover,
button.btn--fifth:hover {
background-color: var(--button-hover-bg-fifth);
color: var(--button-hover-color-fifth);
border-color: var(--button-hover-border-color-fifth)
}
.btn--fifth.hovered [data-load=loading]:after,
.btn--fifth.hovered [data-load=loading]:before,
.btn--fifth:active:hover [data-load=loading]:after,
.btn--fifth:active:hover [data-load=loading]:before,
.btn--fifth:focus:hover [data-load=loading]:after,
.btn--fifth:focus:hover [data-load=loading]:before,
.btn--fifth:hover [data-load=loading]:after,
.btn--fifth:hover [data-load=loading]:before,
button.btn--fifth.hovered [data-load=loading]:after,
button.btn--fifth.hovered [data-load=loading]:before,
button.btn--fifth:active:hover [data-load=loading]:after,
button.btn--fifth:active:hover [data-load=loading]:before,
button.btn--fifth:focus:hover [data-load=loading]:after,
button.btn--fifth:focus:hover [data-load=loading]:before,
button.btn--fifth:hover [data-load=loading]:after,
button.btn--fifth:hover [data-load=loading]:before {
background: var(--button-hover-color-fifth)
}
}
.btn-loading {
pointer-events: none;
opacity: .5
}
.btn[aria-disabled=true] {
pointer-events: none;
opacity: var(--button-disabled-opacity)
}
.btn[aria-disabled=true].loading-process {
opacity: var(--button-loading-opacity)
}
body.loading-process .btn.js-add-to-cart {
pointer-events: none;
opacity: .5;
cursor: default
}
.icon-btn {
position: absolute;
right: 0;
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 40px;
padding: 0 10px;
border: 0;
background-color: transparent
}
.icon-btn,
.icon-btn:active,
.icon-btn:active:focus,
.icon-btn:focus,
.icon-btn:visited {
box-shadow: none;
outline: 0;
text-decoration: none
}
.icon-btn svg {
width: 20px;
height: 20px
}
.icon-btn svg.lumia-icon path {
fill: var(--body-link-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.icon-btn:hover svg.lumia-icon path {
fill: var(--body-link-color-hover)
}
}
.icon-btn .loading-overlay [data-load] {
max-height: 34px;
margin: 2px 0
}
.icon-btn .loading-overlay [data-load=loading]:after {
width: 10px;
height: 10px
}
.btn-wrap-inline {
margin-top: -10px
}
.btn-wrap-inline > * {
display: inline-block;
margin-top: 10px
}
.btn-wrap-inline > :not(:last-child) {
margin-right: 10px
}
.btn-link {
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: -5px;
margin-right: -5px;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-size: 15px;
line-height: 24px
}
.btn-link > * {
padding: 0 5px
}
.btn-link .icon-wrap {
display: -ms-inline-flexbox;
display: inline-flex
}
.btn-link svg {
width: 10px;
height: 10px
}
.btn-link:not(.btn-link--invert) {
color: var(--button-link-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn-link:not(.btn-link--invert).hovered,
.btn-link:not(.btn-link--invert):hover {
color: var(--button-link-hover-color)
}
}
.btn-link.btn-link--invert {
color: var(--button-link-hover-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn-link.btn-link--invert.hovered,
.btn-link.btn-link--invert:hover {
color: var(--button-link-color)
}
}
.btn-link.btn-link--lg svg {
width: 22px;
height: 18px
}
.btn-link.btn-link--md {
font-size: 13px;
line-height: 18px
}
.btn-link.btn-link--md svg {
width: 15px;
height: 15px
}
.btn-link.btn-link--sm {
margin-left: -3px;
margin-right: -3px;
font-size: 12px;
line-height: 18px
}
.btn-link.btn-link--sm > * {
padding: 0 3px
}
.btn-link.btn-link--sm svg {
width: 16px;
height: 16px
}
.btn-link.link-clear-cart {
color: var(--body-link-secondary-color)
}
.btn-link.link-clear-cart .icon-wrap {
position: relative;
top: -1px
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn-link.link-clear-cart:active:hover,
.btn-link.link-clear-cart:focus:hover,
.btn-link.link-clear-cart:hover {
color: var(--body-link-secondary-color-hover)
}
}
.btn-link.link-clear-cart .loading-overlay {
position: absolute;
left: 0;
top: 0
}
.btn-link.link-clear-cart.disabled {
opacity: .6
}
.btn [data-load] {
cursor: initial;
background-color: transparent!important
}
.btn .loading-overlay__spinner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: initial
}
.btn [data-load=loading]:after,
.btn [data-load=loading]:before {
content: "";
position: absolute;
left: calc(50% - 5px);
top: calc(50% - 5px);
width: 10px;
height: 10px;
border-radius: var(--radius-50);
display: block;
animation: wigglebtn 1s linear infinite
}
.btn [data-load=loading]:before {
opacity: .5;
animation: wigglebtn 1s linear infinite .5s
}
@keyframes wigglebtn {
0% {
transform: translatex(-.8em) scalex(1) scaley(1);
animation-timing-function: ease-in
}
25% {
transform: translatex(0) scalex(2) scaley(1.2);
animation-timing-function: ease-out
}
50% {
transform: translatex(.8em) scalex(1) scaley(1)
}
75% {
transform: translatex(0) scalex(.8) scaley(.8);
animation-timing-function: ease-out
}
100% {
transform: translatex(-.8em) scalex(1) scaley(1)
}
}
.btn .loading-overlay__spinner:not(.hidden) ~ span {
opacity: 0
}
@keyframes btnSwing {
20% {
transform: rotate3d(0,0,1,15deg)
}
40% {
transform: rotate3d(0,0,1,-10deg)
}
60% {
transform: rotate3d(0,0,1,5deg)
}
80% {
transform: rotate3d(0,0,1,-5deg)
}
to {
transform: rotate3d(0,0,1,0deg)
}
}
@keyframes btnPulse {
from {
transform: scale3d(1,1,1)
}
50% {
transform: scale3d(1.1,1.1,1.1)
}
to {
transform: scale3d(1,1,1)
}
}
@keyframes btnShakeX {
from,
to {
transform: translate3d(0,0,0)
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-8px,0,0)
}
20%,
40%,
60%,
80% {
transform: translate3d(8px,0,0)
}
}
@keyframes btnShakeY {
from,
to {
transform: translate3d(0,0,0)
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(0,-5px,0)
}
20%,
40%,
60%,
80% {
transform: translate3d(0,5px,0)
}
}
@keyframes btnHeadShake {
0% {
transform: translateX(0)
}
6.5% {
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
transform: translateX(5px) rotateY(7deg)
}
31.5% {
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
transform: translateX(2px) rotateY(3deg)
}
50% {
transform: translateX(0)
}
}
.btn--animated-headShake {
transform-origin: top center;
animation: btnHeadShake 1s linear 1 0s;
will-change: transform
}
.btn--animated-shakeX {
transform-origin: top center;
animation: btnShakeX 1.5s linear 1 0s;
will-change: transform
}
.btn--animated-shakeY {
transform-origin: top center;
animation: btnShakeY 1.5s linear 1 0s;
will-change: transform
}
.btn--animated-swing {
transform-origin: top center;
animation: btnSwing 1s linear 1 0s;
will-change: transform
}
.btn--animated-pulse {
transform-origin: top center;
animation: btnPulse .5s linear 2 0s;
will-change: transform
}
.btn--animated-headShake:hover,
.btn--animated-pulse:hover,
.btn--animated-shakeX:hover,
.btn--animated-shakeY:hover,
.btn--animated-swing:hover {
animation: none
}
.btn.btn--subscribe .btn-icon,
button.btn.btn--subscribe .btn-icon {
display: none
}
.btn.btn--subscribe svg,
button.btn.btn--subscribe svg {
width: 24px;
height: 20px
}
@media (max-width:1199px) {
.btn.btn--subscribe .btn-icon,
button.btn.btn--subscribe .btn-icon {
display: block
}
.btn.btn--subscribe .btn-text,
button.btn.btn--subscribe .btn-text {
display: none
}
}
.btn.btn-danger,
.btn.btn-dark,
.btn.btn-info,
.btn.btn-light,
.btn.btn-secondary,
.btn.btn-success,
.btn.btn-warning,
button.btn.btn-danger,
button.btn.btn-dark,
button.btn.btn-info,
button.btn.btn-light,
button.btn.btn-secondary,
button.btn.btn-success,
button.btn.btn-warning {
--button-color: var(--bs-btn-color);
--button-bg: var(--bs-btn-bg);
--button-hover-color: var(--bs-btn-hover-color);
--button-hover-bg: var(--bs-btn-hover-bg);
--button-border-color: var(--bs-btn-border-color);
--button-hover-border-color: var(--bs-btn-hover-border-color)
}
.back-to-top {
position: fixed;
z-index: 101;
bottom: -100px;
right: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
width: 50px;
height: 50px;
border-radius: var(--button-border-radius);
border: 1px solid transparent;
text-align: center;
pointer-events: none!important;
transition: .3s cubic-bezier(0,1,.3,1)
}
@media (max-width:1024px) {
.back-to-top {
right: 10px
}
}
.back-to-top .icon-wrap {
position: relative
}
.back-to-top .icon-wrap svg {
transform: rotate(90deg);
width: 15px;
height: 15px
}
.back-to-top .icon-wrap svg.lumia-icon path {
fill: var(--back-to-top-color);
transition: .2s
}
.back-to-top:before {
width: 100%;
height: 100%;
content: '';
position: absolute;
top: 1px;
left: 1px;
z-index: -1;
border-radius: var(--button-border-radius);
background: var(--back-to-top-bg);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
transition: all .1s
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.back-to-top:hover {
text-decoration: none
}
.back-to-top:hover .icon-wrap svg.lumia-icon path {
fill: var(--back-to-top-hover-color)
}
.back-to-top:hover:before {
width: 58px;
height: 58px;
top: -4px;
left: -4px;
background: var(--back-to-top-hover-bg)
}
}
.back-to-top,
.back-to-top:focus,
.back-to-top:hover {
text-decoration: none
}
.back-to-top .svg-progress {
position: absolute;
inset: 0;
width: 50px;
height: 50px
}
.back-to-top .svg-progress.svg-progress--circle {
transform: rotate(-90deg)
}
.back-to-top .svg-progress circle,
.back-to-top .svg-progress rect {
stroke: var(--custom-color);
stroke-dasharray: 100;
stroke-dashoffset: calc(100% - var(--scroll-progress,0%))
}
.back-to-top .svg-progress circle {
stroke-linecap: round
}
.back-to-top .svg-progress rect {
stroke-linecap: butt;
width: 100%;
height: 100%
}
.back-to-top.is-visible {
opacity: 1;
bottom: 100px;
pointer-events: all!important
}
@media (max-width:1024px) {
.back-to-top.is-visible {
bottom: 30px;
right: 20px
}
}
@media (max-width:1024px) {
.has-hdr_sticky_not_hiding.has-mobile-bottom .back-to-top.is-visible,
.has-mobile-bottom .back-to-top.is-visible {
bottom: 95px
}
}
.tags-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: -10px 0 0;
width: 100%;
position: relative
}
.tags-list:not(:first-child) {
margin-top: 30px
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.tags-list:not(:first-child) {
margin-top: 30px
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.tags-list:not(:first-child) {
margin-top: 25px
}
}
@media only screen and (max-width:575px) {
.tags-list:not(:first-child) {
margin-top: 15px;
margin-bottom: 10px
}
}
.tags-list .input-wrap,
.tags-list li {
margin: 10px 10px 0 0;
padding: 0
}
.tags-list .input-wrap:not(:last-child),
.tags-list li:not(:last-child) {
margin-right: 10px
}
.tags-list .input-wrap .tags-list-inside,
.tags-list .input-wrap a,
.tags-list .input-wrap label,
.tags-list li .tags-list-inside,
.tags-list li a,
.tags-list li label {
background: var(--tag-bg);
color: var(--tag-text-color);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 36px;
min-height: 36px;
font-size: 12px;
line-height: 20px;
font-weight: var(--font-weight-500);
padding: 7px 5px;
position: relative;
text-decoration: none;
border-radius: var(--radius-4);
border: 1px solid var(--tag-border-color)
}
.tags-list .input-wrap .tags-list-inside > :only-child,
.tags-list .input-wrap a > :only-child,
.tags-list .input-wrap label > :only-child,
.tags-list li .tags-list-inside > :only-child,
.tags-list li a > :only-child,
.tags-list li label > :only-child {
margin: 0 5px
}
.tags-list .input-wrap .tags-list-inside > :not(:only-child),
.tags-list .input-wrap a > :not(:only-child),
.tags-list .input-wrap label > :not(:only-child),
.tags-list li .tags-list-inside > :not(:only-child),
.tags-list li a > :not(:only-child),
.tags-list li label > :not(:only-child) {
margin: 0 2px
}
.tags-list .input-wrap a,
.tags-list .input-wrap label,
.tags-list li a,
.tags-list li label {
transition: all .2s ease;
cursor: pointer
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.tags-list .input-wrap a:focus,
.tags-list .input-wrap a:hover,
.tags-list .input-wrap label:focus,
.tags-list .input-wrap label:hover,
.tags-list li a:focus,
.tags-list li a:hover,
.tags-list li label:focus,
.tags-list li label:hover {
background: var(--tag-hover-bg);
color: var(--tag-hover-text-color);
border-color: var(--tag-hover-border-color)
}
.tags-list .input-wrap a:focus span.tags-list-close,
.tags-list .input-wrap a:hover span.tags-list-close,
.tags-list .input-wrap label:focus span.tags-list-close,
.tags-list .input-wrap label:hover span.tags-list-close,
.tags-list li a:focus span.tags-list-close,
.tags-list li a:hover span.tags-list-close,
.tags-list li label:focus span.tags-list-close,
.tags-list li label:hover span.tags-list-close {
display: inline-block;
background: var(--tag-hover-border-color)
}
}
.tags-list .input-wrap a span.tags-list-close,
.tags-list .input-wrap label span.tags-list-close,
.tags-list li a span.tags-list-close,
.tags-list li label span.tags-list-close {
position: relative;
width: 9px;
height: 9px;
-webkit-mask: url("data:image/svg+xml,");
mask: url("data:image/svg+xml,");
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--tag-text-color);
transition: all .2s ease
}
.tags-list .input-wrap a span.tags-list-color,
.tags-list .input-wrap label span.tags-list-color,
.tags-list li a span.tags-list-color,
.tags-list li label span.tags-list-color {
display: -ms-inline-flexbox;
display: inline-flex;
width: 24px;
height: 24px;
margin: -7px 2px;
border-radius: var(--radius-4);
overflow: hidden
}
.tags-list .input-wrap a span.tags-list-color img,
.tags-list .input-wrap label span.tags-list-color img,
.tags-list li a span.tags-list-color img,
.tags-list li label span.tags-list-color img {
width: 100%;
height: 100%;
object-fit: cover
}
.tags-list .input-wrap.is-disable label,
.tags-list li.is-disable {
position: relative;
pointer-events: none;
opacity: .6
}
.tags-list > li.active a {
background: var(--tag-active-bg);
color: var(--tag-active-text-color);
border-color: var(--tag-active-border-color)
}
.tags-list > li.active a span.tags-list-close {
display: inline-block;
background: var(--tag-active-text-color)
}
.tags-list > li.active a span.filter-count {
color: var(--tag-active-text-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.tags-list > li.active a:focus,
.tags-list > li.active a:hover {
background: var(--tag-active-bg);
color: var(--tag-active-text-color);
border-color: var(--tag-active-border-color)
}
.tags-list > li.active a:focus span.tags-list-close,
.tags-list > li.active a:hover span.tags-list-close {
display: inline-block;
background: var(--tag-active-text-color)
}
.tags-list > li.active a:focus span.filter-count,
.tags-list > li.active a:hover span.filter-count {
color: var(--tag-active-text-color)
}
}
.tags-list input {
clip: rect(0,0,0,0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px
}
.tags-list .input-wrap input:checked + label,
.tags-list .input-wrap input[checked=checked] + label,
.tags-list .input-wrap label.swatch-active {
background: var(--tag-active-bg);
color: var(--tag-active-text-color);
border-color: var(--tag-active-border-color)
}
.tags-list .input-wrap input:checked + label span.filter-count,
.tags-list .input-wrap input[checked=checked] + label span.filter-count,
.tags-list .input-wrap label.swatch-active span.filter-count {
color: var(--tag-active-text-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.tags-list .input-wrap.active:hover label {
opacity: .75
}
}
.tags-list .input-wrap.is-clicked label,
.tags-list > li.is-clicked {
animation: inputClick .25s ease-in-out
}
.tags-list .input-wrap.is-unclicked label,
.tags-list > li.is-unclicked {
animation: inputClick .25s ease-in-out
}
.tags-list facet-remove li:active a {
background: var(--tag-active-bg);
color: var(--tag-active-text-color);
border-color: var(--tag-active-border-color)
}
.tags-list facet-remove li:active a span.tags-list-close {
display: inline-block;
background: var(--tag-active-text-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.tags-list facet-remove li:hover:active a {
background: var(--tag-active-bg);
color: var(--tag-active-text-color);
border-color: var(--tag-active-border-color)
}
.tags-list facet-remove li:hover:active a span.tags-list-close {
display: inline-block;
background: var(--tag-active-text-color)
}
}
.tags-list span.filter-count {
color: var(--tag-light-text-color,#d9d9d9)
}
.filter-row-selected .tags-list li a span.tags-list-close {
top: 0
}
:root {
--tabs-wrap-border: var(--decor-border-dark-color);
--tabs-wrap-track-bg: var(--product-card-bg, var(--body-bg-secondary));
--tabs-wrap-color: var(--product-card-text-color, var(--block-secondary-text));
--tabs-wrap-active-bg: var(--button-bg);
--tabs-wrap-active-color: var(--button-color)
}
tab-slider > .text-center {
max-width: 100vw;
overflow: hidden
}
.tabs-wrap {
display: -ms-inline-flexbox;
display: inline-flex;
padding: 1px;
border-radius: var(--button-border-radius);
height: 44px;
max-width: 100%;
position: relative;
margin: 0 0 40px;
background: var(--tabs-wrap-border);
transition: background .2s
}
@media (max-width:575px) {
.tabs-wrap {
height: 38px;
margin: 0 0 25px
}
}
.tabs-wrap.hovered {
background: linear-gradient(to top,rgba(0,0,0,.1),rgba(0,0,0,.1)) var(--tabs-wrap-border)
}
.tabs-wrap.btn-colorize-invert {
--tabs-wrap-active-bg: var(--button-hover-bg);
--tabs-wrap-active-color: var(--button-hover-color)
}
.tabs-wrap .swiper-scrollbar {
display: none
}
.tabs-wrap.swiper-container-initialized {
background: 0 0
}
.tabs-wrap.swiper-container-initialized .tabs-wrap-track-after {
display: none
}
.tabs-wrap.swiper-container-initialized .tabs-wrap-track .tabs-item.active {
background: var(--tabs-wrap-active-bg)
}
.tabs-wrap.swiper-container-initialized .swiper-scrollbar {
display: block;
position: absolute;
bottom: -30px
}
@media (max-width:575px) {
.tabs-wrap.swiper-container-initialized .swiper-scrollbar {
bottom: -22px
}
}
.tabs-wrap.tabs-list {
margin-top: -10px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (max-width:575px) {
.tabs-wrap.tabs-list {
height: auto;
margin: 0 0 25px
}
}
.tabs-wrap.tabs-list li {
margin-top: 10px;
margin-right: 10px
}
@media (max-width:699px) {
.tabs-wrap.tabs-list li {
width: 100%;
text-align: center
}
}
.tabs-wrap.tabs-list li > a {
display: block;
padding: 10px 23px;
font-size: 15px;
line-height: 21px;
font-weight: var(--heading-sm-weight);
color: var(--faq-list-color);
background-color: var(--faq-list-bg);
border: var(--faq-list-border-hover-width,0) solid transparent;
border-radius: var(--radius-lg,20px);
transition: .2s
}
@media (max-width:1465px) {
.tabs-wrap.tabs-list li > a {
padding: 10px 20px
}
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.tabs-wrap.tabs-list li > a:hover {
color: var(--faq-list-hover-color);
background-color: var(--faq-list-hover-bg);
border-color: var(--faq-list-border-hover-color)
}
}
@media (max-width:767px) {
.tabs-wrap.tabs-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.tabs-wrap.tabs-list li > a {
padding: 10px 20px
}
}
.tabs-wrap.tabs-list li > a.active {
color: var(--faq-list-active-color);
background-color: var(--faq-list-active-bg);
border-style: solid;
border-width: var(--faq-list-active-border-width,0)!important;
border-color: var(--faq-list-active-border-color)
}
.tabs-wrap-track {
border-radius: var(--button-border-radius);
display: inline-block;
height: 42px;
position: relative;
background: var(--tabs-wrap-track-bg);
white-space: nowrap
}
@media (max-width:575px) {
.tabs-wrap-track {
height: 36px
}
}
.tabs-wrap-track-after {
border-radius: var(--button-border-radius);
content: "";
display: inline-block;
height: 44px;
left: 0;
z-index: 0;
right: 0;
top: 0;
pointer-events: none;
position: absolute;
transition: all .25s ease-in-out;
background: var(--tabs-wrap-active-bg);
border-width: var(--button-border-width,0);
border-style: solid;
border-color: var(--button-border-color);
will-change: left,width
}
@media (max-width:575px) {
.tabs-wrap-track-after {
height: 38px
}
}
.tabs-wrap-track .tabs-item {
position: relative;
z-index: 1;
border-radius: var(--button-border-radius);
color: var(--tabs-wrap-color);
cursor: pointer;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
height: 42px;
padding: 0 40px;
transition: all .2s 0s;
font-size: var(--tabs-wrap-item-size,12px);
font-weight: var(--tabs-wrap-item-weight,var(--heading-sm-weight));
line-height: 1em
}
@media (max-width:575px) {
.tabs-wrap-track .tabs-item {
height: 36px;
border-radius: 17px;
padding: 0 25px;
font-size: 11px
}
.tabs-wrap-track .tabs-item.active:first-child {
padding: 0 25px 0 21px
}
.tabs-wrap-track .tabs-item.active:last-child {
padding: 0 21px 0 25px
}
}
.tabs-wrap-track .tabs-item:not(:first-child) {
position: relative
}
.tabs-wrap-track .tabs-item.active {
color: var(--tabs-wrap-active-color);
transition: all .2s 0s
}
.swiper-container-tab {
position: relative
}
.swiper-container-tab.swiper-container-prd-carousel {
margin-bottom: 0
}
.swiper-container-tab .swiper-slide,
.swiper-container-tab .swiper-wrapper {
height: auto
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.swiper-container-tab:hover .swiper-arrows-carousel {
opacity: 1;
pointer-events: all
}
}
.tab-content-wrap {
position: relative
}
.tab-content-wrap.off-min-height {
height: auto!important
}
.tab-content-wrap:not(.off-min-height) {
height: 500px;
overflow: hidden;
padding: 15px 15px 0;
margin: -15px -15px 0
}
.tab-content {
position: absolute;
left: 0;
top: -1000vh;
z-index: -100;
visibility: hidden;
width: 100%;
height: 100%;
margin-bottom: -20px;
opacity: 0;
transition: opacity .25s ease-in
}
.tab-content h1,
.tab-content h2 {
font-family: var(--body-font-family)
}
.tab-content .swiper-container:not(.swiper-container-initialized) {
opacity: 0;
transition: opacity .2s
}
.tab-content swiper-carousel {
opacity: 0;
max-height: 100%;
transition: opacity .2s
}
.tab-content swiper-carousel .swiper-container-prd-carousel.swiper-no-scroll {
padding: 15px 15px 35px;
margin: -15px -15px -15px
}
.tab-content .swiper-container.swiper-container-initialized,
.tab-content [data-load=loaded] + swiper-carousel {
height: auto;
opacity: 1
}
.tab-content.active {
position: static;
visibility: visible;
opacity: 1
}
.form-control-wrap {
position: relative
}
.form-control-wrap .form-control,
.form-control-wrap .form-control:not(.shadow-none):focus {
-webkit-box-shadow: inset 0 0 0 1000px var(--form-lined-bg)!important
}
.form-control-wrap .form-control:focus {
background-color: var(--form-lined-bg,transparent)
}
.form-control,
.form-select {
height: 38px;
padding: 10px 0 10px;
border: 0;
border-bottom: var(--form-border-width) solid var(--form-border-color);
border-radius: 0;
font-size: var(--form-size);
line-height: 1.2em;
font-weight: var(--form-weight);
color: var(--form-color);
background-color: var(--form-lined-bg,transparent)
}
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder {
color: var(--form-color-light);
text-transform: none
}
.form-control:-moz-placeholder,
.form-select:-moz-placeholder {
color: var(--form-color-light);
text-transform: none
}
.form-control::-moz-placeholder,
.form-select::-moz-placeholder {
color: var(--form-color-light);
text-transform: none
}
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder {
color: var(--form-color-light);
text-transform: none
}
.form-control:-webkit-autofill,
.form-select:-webkit-autofill {
-webkit-text-fill-color: var(--form-color)
}
.form-control:-webkit-autofill:focus,
.form-select:-webkit-autofill:focus {
-webkit-text-fill-color: var(--form-color)
}
.form-control.form-control--border,
.form-select.form-control--border {
padding-left: 15px;
padding-right: 15px;
border: var(--form-border-width) solid var(--form-border-color)
}
.form-control.form-control--error:not(:valid),
.form-select.form-control--error:not(:valid) {
border-bottom-color: var(--form-error-border-color,#ed2233)
}
.form-control:not(.form-select),
.form-control:not(.form-select):focus {
color: var(--form-color);
background-color: var(--form-lined-bg,transparent);
box-shadow: none;
outline: 0 none
}
.form-control:not(.form-select):focus:not(.focus-off) {
border-color: var(--form-border-color-focus)
}
.form-control:not(.form-select).focus-off:focus {
border-color: var(--form-border-color)
}
.form-control:not(.form-select).form-control--error:not(:valid) {
border-bottom-color: var(--form-error-border-color,#ed2233)
}
.form-select,
.form-select:focus {
background-color: var(--form-lined-bg,transparent);
box-shadow: none;
outline: 0 none
}
.form-select:focus {
color: var(--form-color);
border-color: var(--form-border-color)
}
.form-select option {
background-color: #fff;
color: #000
}
input:-webkit-autofill.form-control,
input:-webkit-autofill:focus.form-control,
input:-webkit-autofill:hover.form-control,
textarea:-webkit-autofill.form-control,
textarea:-webkit-autofill:focus.form-control,
textarea:-webkit-autofill:hover.form-control {
transition: background-color 5000s ease-in-out 0s
}
select:-webkit-autofill.form-select,
select:-webkit-autofill:focus.form-select,
select:-webkit-autofill:hover.form-select {
transition: background-color 5000s ease-in-out 0s
}
textarea.form-control {
line-height: 1.6em;
overflow: hidden
}
textarea.form-control.textarea--height-65 {
height: 65px
}
textarea.form-control.textarea--height-90 {
height: 90px
}
textarea.form-control.textarea--height-135 {
height: 135px
}
.form-control-wrap .form-control[required] {
padding-right: 40px
}
.form-control-check {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
top: 9px;
right: 3px;
width: 21px;
height: 21px;
-webkit-mask: url("data:image/svg+xml,");
mask: url("data:image/svg+xml,");
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--form-control-check-color)
}
@media (max-width:575px) {
.form-control-check {
right: 0
}
}
.form-control-check.form-control-check--green {
display: none
}
.form-select ~ .form-control-check {
right: 20px
}
.form-label,
form label {
font-size: var(--form-label-size);
font-weight: var(--form-label-weight);
line-height: 1.5em
}
.form-label {
margin-bottom: 10px
}
.form-control:valid + .form-control-check {
display: none
}
.form-control:valid ~ .form-control-check--green {
display: -ms-flexbox;
display: flex;
content: url("data:image/svg+xml,")
}
.form-select:valid + .form-control-check {
display: none
}
.form-select:valid ~ .form-control-check--green {
display: -ms-flexbox;
display: flex;
content: url("data:image/svg+xml,")
}
.form-group + .form-group {
margin-top: 25px
}
@media (max-width:575px) {
.form-group + .form-group {
margin-top: 20px
}
}
@media (max-height:800px) {
.fancybox-container .form-group + .form-group {
margin-top: 17px
}
}
.form-select-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
font-weight: var(--font-weight-400);
line-height: 28px
}
.form-select-wrap .form-select + span {
padding-left: 7px
}
.form-select {
padding: 5px 35px 5px 0;
-webkit-appearance: none;
-moz-appearance: none;
line-height: 28px;
background-image: none
}
.form-select.form-control--border {
padding-right: 25px
}
.form-select.form-control--bg {
background-color: var(--form-bg-alt,#fff);
color: var(--form-color-alt,#000)
}
.form-select.form-control--bg::-webkit-input-placeholder {
color: var(--form-color-alt,#000);
text-transform: none
}
.form-select.form-control--bg:-moz-placeholder {
color: var(--form-color-alt,#000);
text-transform: none
}
.form-select.form-control--bg::-moz-placeholder {
color: var(--form-color-alt,#000);
text-transform: none
}
.form-select.form-control--bg:-ms-input-placeholder {
color: var(--form-color-alt,#000);
text-transform: none
}
.form-select.form-control--bg:-webkit-autofill {
-webkit-text-fill-color: var(--form-color-alt,#000)
}
.form-select.form-control--bg:-webkit-autofill:focus {
-webkit-text-fill-color: var(--form-color-alt,#000)
}
.form-select.form-control--bg:focus {
background-color: var(--form-bg-alt,#fff);
color: var(--form-color-alt,#000)
}
select.form-select::-ms-expand {
display: none
}
.form-control-wrap--select,
.form-select-wrap {
position: relative;
color: var(--form-color)
}
.form-control-wrap--select:after,
.form-select-wrap:after {
position: absolute;
z-index: 1;
top: calc(50% - 10px);
right: 6px;
content: '';
-webkit-mask: url("data:image/svg+xml;utf8,");
-webkit-mask-size: cover;
mask-size: cover;
width: 24px;
height: 20px;
background-color: var(--form-color);
pointer-events: none
}
.form-select.form-control,
.form-select.form-control:focus {
box-shadow: none;
outline: 0 none
}
.form-control--shadow {
transition: all .2s;
box-shadow: 0 0 12px rgba(0,0,0,var(--global-box-shadow,.14))!important
}
.form-control--rounded {
font-size: 13px;
font-weight: var(--font-weight-400);
line-height: 20px;
height: 34px;
padding: 5px 15px;
color: var(--form-color);
border: 1px solid var(--form-border-color);
border-radius: var(--radius-md);
background-color: var(--form-bg)
}
.form-control--rounded:focus {
background-color: var(--form-bg)
}
.form-control--rounded:focus:not(.shadow-none) {
box-shadow: 0 0 12px rgba(0,0,0,calc(var(--global-box-shadow,.12) + var(--global-box-shadow-darker,.1)))!important
}
.form-control--rounded.form-select {
min-width: 100px;
padding: 5px 40px 5px 15px
}
.form-control--rounded + .form-control-check {
top: 6px;
right: 7px
}
.form-control--rounded.form-control--bg {
background-color: var(--form-bg-alt);
color: var(--form-color-alt)
}
.form-control--rounded.form-control--bg::-webkit-input-placeholder {
color: var(--form-color-light-alt);
text-transform: none
}
.form-control--rounded.form-control--bg:-moz-placeholder {
color: var(--form-color-light-alt);
text-transform: none
}
.form-control--rounded.form-control--bg::-moz-placeholder {
color: var(--form-color-light-alt);
text-transform: none
}
.form-control--rounded.form-control--bg:-ms-input-placeholder {
color: var(--form-color-light-alt);
text-transform: none
}
.form-control--rounded.form-control--bg:-webkit-autofill {
-webkit-text-fill-color: var(--form-color-alt)
}
.form-control--rounded.form-control--bg:-webkit-autofill:focus {
-webkit-text-fill-color: var(--form-color-alt)
}
.form-control--rounded.form-control--bg:focus {
background-color: var(--form-bg-alt);
color: var(--form-color-alt)
}
.form-select--rounded {
min-width: 100px;
font-size: 13px;
font-weight: var(--font-weight-400);
line-height: 20px;
height: 34px;
padding: 5px 40px 5px 15px;
color: var(--form-color);
border: var(--form-border-width) solid var(--form-border-color);
border-radius: var(--radius-max)
}
.form-select--rounded.form-control--shadow {
box-shadow: 0 0 12px rgba(0,0,0,.04)!important
}
[role=button] {
outline: 0
}
.prd-quantity {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1
}
@media (max-width:1024px) {
.prd-quantity .form-control {
height: 40px
}
.prd-quantity .form-control--rounded {
border-radius: var(--radius-max,20px)
}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
.prd-quantity input {
padding: 9px 23px 10px;
text-align: center
}
.prd-quantity input:focus {
outline: 0
}
.prd-quantity-nav {
position: absolute;
pointer-events: none;
height: 38px;
left: 2px;
right: 2px
}
@media (max-width:1024px) {
.prd-quantity-nav {
height: 40px
}
}
.prd-quantity-btn {
position: absolute;
pointer-events: all;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
z-index: 1;
cursor: pointer;
width: 21px;
top: 0;
bottom: 0;
padding: 0 5px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 0;
color: inherit;
transition: transform .1s
}
.prd-quantity-btn svg {
width: 100%;
pointer-events: none;
transition: all .2s
}
.prd-quantity-btn svg path,
.prd-quantity-btn svg polygon,
.prd-quantity-btn svg rect {
fill: currentColor!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-quantity-btn:hover svg path,
.prd-quantity-btn:hover svg polygon,
.prd-quantity-btn:hover svg rect {
opacity: .5
}
}
.prd-quantity-btn.disabled {
opacity: .5;
cursor: default
}
.prd-quantity-btn.disabled svg {
transform: rotate(45deg)
}
.prd-quantity-btn:after {
position: absolute;
content: '';
left: -5px;
right: -5px;
top: 0;
bottom: 0;
opacity: .5
}
.prd-quantity-btn.prd-quantity-up {
right: 0
}
.prd-quantity-btn.prd-quantity-down {
left: 0
}
.input-wrap-inline {
display: inline-block
}
.input-wrap-inline:not(:last-child) {
margin-right: 10px
}
.custom-form input[type=checkbox],
.custom-form input[type=radio] {
display: none
}
.custom-form label + input[type=checkbox] ~ label,
.custom-form label + input[type=radio] ~ label,
.custom-form label.label-checkbox ~ label.label-checkbox,
.custom-form label.label-radio ~ label.label-radio {
margin-left: 18px
}
.custom-form input[type=checkbox]:active + label:before,
.custom-form input[type=radio]:active + label:before,
.custom-form label.label-checkbox:active:before,
.custom-form label.label-radio:active:before {
transition-duration: 0s
}
.custom-form input[type=checkbox]:disabled + label,
.custom-form input[type=radio]:disabled + label,
.custom-form label.label-checkbox.swatch-disabled,
.custom-form label.label-radio.swatch-disabled {
opacity: .6;
pointer-evets: none
}
.custom-form input[type=checkbox] + label,
.custom-form input[type=radio] + label,
.custom-form label.label-checkbox,
.custom-form label.label-radio {
font-size: 12px;
font-weight: var(--font-weight-400);
line-height: 19px;
margin: 0 0 4px;
min-width: 20px;
padding-left: 27px;
position: relative;
outline: 0!important;
text-align: start;
cursor: pointer
}
.custom-form input[type=checkbox] + label:after,
.custom-form input[type=checkbox] + label:before,
.custom-form input[type=radio] + label:after,
.custom-form input[type=radio] + label:before,
.custom-form label.label-checkbox:after,
.custom-form label.label-checkbox:before,
.custom-form label.label-radio:after,
.custom-form label.label-radio:before {
box-sizing: content-box;
content: '';
display: block;
left: 0;
position: absolute
}
.custom-form.cf--reverse input[type=checkbox] + label,
.custom-form.cf--reverse input[type=radio] + label,
.custom-form.cf--reverse label.label-checkbox,
.custom-form.cf--reverse label.label-radio {
padding-right: 27px;
padding-left: 0
}
.custom-form.cf--reverse input[type=checkbox] + label:after,
.custom-form.cf--reverse input[type=radio] + label:after,
.custom-form.cf--reverse label.label-checkbox:after,
.custom-form.cf--reverse label.label-radio:after {
left: auto;
right: 5px
}
.custom-form.cf--reverse input[type=checkbox] + label:before,
.custom-form.cf--reverse input[type=radio] + label:before,
.custom-form.cf--reverse label.label-checkbox:before,
.custom-form.cf--reverse label.label-radio:before {
left: auto;
right: 0
}
.custom-form input[type=checkbox] + label:before,
.custom-form input[type=radio] + label:before,
.custom-form label.label-checkbox:before,
.custom-form label.label-radio:before {
transition: background-color .2s;
background-color: var(--form-element-bg);
border-color: var(--form-border-color);
border-style: solid;
border-width: 1px;
height: 18px;
width: 18px;
text-align: center;
top: 0;
border-radius: var(--radius-4);
box-shadow: none
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.custom-form input[type=checkbox] + label:hover:before,
.custom-form input[type=radio] + label:hover:before,
.custom-form label.label-checkbox:hover:before,
.custom-form label.label-radio:hover:before {
background-color: var(--form-element-hover-bg);
border-color: var(--form-element-symbol-hover-color)
}
}
.custom-form input[type=checkbox] + label:after,
.custom-form input[type=radio] + label:after,
.custom-form label.label-checkbox:after,
.custom-form label.label-radio:after {
transition: transform .2s ease-out;
width: 10px;
height: 10px;
left: 5px;
top: 5px;
transform: scale(0);
transform-origin: 50%
}
.custom-form input[type=radio] + label:after,
.custom-form label.label-radio:after {
background-color: var(--form-element-symbol-color)
}
.custom-form input[type=radio]:checked + label:before,
.custom-form input[type=radio][checked=checked] + label:before,
.custom-form label.label-radio.swatch-active:before {
animation: inputClick .3s ease-in;
background-color: var(--form-element-bg)
}
.custom-form input[type=radio]:checked + label:after,
.custom-form input[type=radio][checked=checked] + label:after,
.custom-form label.label-radio.swatch-active:after {
transform: scale(1)
}
.custom-form input[type=radio] + label:after,
.custom-form input[type=radio] + label:before,
.custom-form label.label-radio:after,
.custom-form label.label-radio:before {
border-radius: var(--radius-50)
}
.custom-form input[type=checkbox] + label:after,
.custom-form label.label-checkbox:after {
transform: rotate(-45deg) scale(0);
transition: none;
background-color: transparent;
border-color: var(--form-element-symbol-color);
border-style: solid;
border-width: 0 0 2px 2px;
height: 4px;
left: 5px;
top: 6px;
width: 8px
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.custom-form input[type=checkbox] + label:hover:before,
.custom-form label.label-checkbox:hover:before {
border-color: var(--form-element-symbol-hover-color)
}
}
.custom-form input[type=checkbox] + label.inputClick:before,
.custom-form label.label-checkbox.inputClick:before {
animation: inputClick .2s ease-in
}
.custom-form input[type=checkbox]:checked + label:after,
.custom-form input[type=checkbox][checked=checked] + label:after,
.custom-form label.label-checkbox.swatch-active:after {
content: '';
transition: transform .2s ease-out;
transform: rotate(-45deg) scale(1)
}
fieldset.custom-form > * + * {
margin-left: 10px
}
.input-group .form-control {
padding-right: 50px
}
.input-group .icon-btn {
z-index: 6;
color: var(--body-link-secondary-color)
}
@media (max-width:767px) {
.input-group .icon-btn {
padding-right: 2px
}
}
.input-group .icon-btn svg path {
fill: var(--body-link-secondary-color)!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.input-group .icon-btn:focus,
.input-group .icon-btn:hover {
color: var(--body-link-secondary-color-hover)
}
.input-group .icon-btn:focus svg path,
.input-group .icon-btn:hover svg path {
fill: var(--body-link-secondary-color-hover)!important
}
}
.form-info {
font-size: 15px;
line-height: 24px
}
@media (max-width:575px) {
.form-info {
font-size: 13px;
line-height: 18px
}
.form-info .btn-link {
font-size: 13px;
line-height: 18px
}
.form-info .btn-link > * {
padding: 0 3px
}
}
.contact-form .form-group + .form-group {
margin-top: 20px
}
.contact-form .btn.w-100 {
display: block;
max-width: 305px;
margin: 0 auto
}
.contact-form--max {
max-width: 770px;
margin-left: auto;
margin-right: auto
}
.contact-form--max400 {
max-width: 400px
}
.login-form .form-group + .form-group {
margin-top: 20px
}
.login-form--max {
width: 307px;
margin-right: auto;
margin-left: auto;
max-width: 100%
}
.col:first-child .login-form--max {
width: 420px
}
fieldset.custom-form {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: start
}
textarea.empty + .button-save-textarea {
display: none
}
.button-save-textarea {
display: inline-block;
position: absolute;
right: 0;
bottom: 8px;
padding: 0;
z-index: 1;
border: 0;
background-color: transparent
}
.button-save-textarea,
.button-save-textarea:focus {
box-shadow: none;
outline: 0 none
}
.button-save-textarea span {
display: block;
height: 28px;
padding: 5px 20px;
font-size: 11px;
line-height: 18px;
font-weight: var(--font-weight-500);
border-radius: 14px;
text-align: center;
text-transform: uppercase
}
.button-save-textarea span:first-child {
color: #fff;
background-color: #282828
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.button-save-textarea span:first-child:hover {
background-color: #343434
}
}
.button-save-textarea span:last-child {
display: none;
color: #fff;
background-color: #15c39a
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.button-save-textarea span:last-child:hover {
background-color: #13936f
}
}
.button-save-textarea .loading-overlay__spinner {
opacity: 0
}
.button-save-textarea.is-saved span:first-child {
display: none
}
.button-save-textarea.is-saved span:last-child {
display: block
}
.button-save-textarea.is-saving .loading-overlay__spinner {
opacity: 1
}
.button-save-textarea.is-saving span {
display: none
}
input[type=search]::-ms-clear {
display: none;
width: 0;
height: 0
}
input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
display: none
}
.search-input-group {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 507px;
max-width: 100%;
margin: 0 auto
}
.search-input-group .form-control--rounded {
height: 50px;
padding-left: 40px;
padding-right: 65px;
border-radius: var(--radius-max)
}
.search-input-group .form-control--rounded:not(:only-child) {
border-radius: var(--radius-max) 0 0 var(--radius-max)
}
@media (max-width:575px) {
.search-input-group .form-control--rounded {
padding-left: 25px
}
}
.search-input-group .btn {
height: 50px;
border-radius: var(--radius-max);
margin-left: -40px
}
.search-input-group .btn svg {
min-width: 20px;
height: 20px
}
.search-input-group-sm {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 430px;
max-width: 100%
}
.search-input-group-sm .form-control--rounded {
height: 40px;
padding-left: 30px;
padding-right: 45px;
border-radius: var(--radius-max,20px);
box-shadow: none!important
}
@media (max-width:575px) {
.search-input-group-sm .form-control--rounded {
padding-left: 25px
}
}
.search-input-group-sm .btn {
height: 40px;
border-radius: var(--radius-max,20px);
margin-left: -30px
}
.search-input-group-sm .btn svg {
min-width: 18px;
height: 18px
}
@media (max-width:767px) {
.search-input-group-sm {
margin-left: auto;
margin-right: auto
}
}
@media (max-width:699px) {
.search-input-group-sm {
width: 100%
}
}
body:not(.has-button-rounded) .search-input-group .form-control--rounded {
padding-left: 40px;
padding-right: 40px
}
@media (max-width:575px) {
body:not(.has-button-rounded) .search-input-group .form-control--rounded {
padding-left: 25px;
padding-right: 25px
}
}
body:not(.has-button-rounded) .search-input-group .btn {
margin-left: -1px
}
body:not(.has-button-rounded) .search-input-group-sm .form-control--rounded {
padding-left: 30px;
padding-right: 30px
}
@media (max-width:575px) {
body:not(.has-button-rounded) .search-input-group-sm .form-control--rounded {
padding-left: 25px;
padding-right: 25px
}
}
body:not(.has-button-rounded) .search-input-group-sm .btn {
margin-left: -1px
}
.label-badge {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding: 1px 4px;
min-height: 16px;
font-size: 9px;
line-height: 14px;
font-weight: var(--font-weight-600);
background-color: var(--label-badge-bg,#000);
color: var(--label-badge-color,#fff);
-webkit-backface-visibility: hidden;
white-space: nowrap;
border-radius: var(--radius-4);
text-transform: none
}
label span.required-mark {
color: var(--form-required-mark-color,red)
}
.quantity-status {
position: absolute;
bottom: 1px;
left: 0;
right: 0
}
.quantity-status:after {
position: absolute;
left: 0;
height: 2px;
max-width: 100%;
width: var(--qty-status-persent,0);
content: '';
animation: slideWidth .25s ease-in-out forwards
}
.quantity-status.has-animation:after {
transition: .2s
}
quantity-input .quantity-status:after {
display: none
}
.prd-block-actions quantity-input[data-inventory-status=true] .quantity-status:after,
product-card.prd quantity-input[data-inventory-status=true] .quantity-status:after {
display: block;
width: 100%;
animation: none;
transition: none
}
@keyframes slideWidth {
from {
width: 0
}
to {
width: var(--qty-status-persent,0)
}
}
.prd-quantity input.form-control {
border-bottom-color: var(--qty-border-color,var(--product-card-form-border-color))
}
.prd-quantity.prd-quantity--disabled .prd-quantity-btn {
opacity: .5;
cursor: default;
pointer-events: none
}
.prd-quantity.prd-quantity--disabled .prd-quantity-btn.prd-quantity-up svg {
transform: rotate(45deg)
}
.prd-quantity.prd-quantity--disabled .form-control {
pointer-events: none
}
.quantity-status.qs--full:after {
background: var(--qty-status-color-full,var(--custom-color))
}
.quantity-status.qs--start:after {
background: var(--qty-status-color-start,var(--custom-color))
}
.quantity-status.qs--middle:after {
background: var(--qty-status-color-middle,var(--custom-color))
}
.promo-ticker {
display: block;
width: 100%;
overflow: hidden;
padding: var(--ticker-section-y-padding) 0;
background-color: var(--ticker-section-bg);
box-sizing: content-box
}
.promo-ticker .ticker-scroll {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.promo-ticker .ticker-item {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
font-size: var(--ticker-section-font-size);
line-height: 1.2em;
font-weight: var(--ticker-section-font-weight,var(--font-weight-500));
color: var(--ticker-section-color);
animation: scrollingText var(--ticker-section-speed,10s) linear infinite;
will-change: transform;
white-space: nowrap;
padding: 0 var(--ticker-section-gap)
}
@media (max-width:767px) {
.promo-ticker .ticker-item {
font-size: var(--ticker-section-font-size-mobile,var(--ticker-section-font-size))
}
}
.promo-ticker .ticker-item svg.lumia-icon path {
fill: currentColor
}
.promo-ticker .ticker-item a {
margin: 0 .35em
}
.promo-ticker .ticker-item .icon-wrap {
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top;
margin: 0 .35em
}
.promo-ticker .ticker-item .icon-wrap-lg {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 .6em;
height: var(--ticker-section-font-size)
}
.promo-ticker .ticker-item .icon-wrap-lg svg {
height: Max(calc(1.25 * var(--ticker-section-font-size)),30px);
width: auto
}
.promo-ticker.reverse .ticker-item {
animation-direction: reverse
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.promo-ticker:hover .ticker-item {
animation-play-state: paused
}
}
.promo-ticker .label-badge {
--label-badge-bg: var(--ticker-section-badge-bg);
--label-badge-color: var(--ticker-section-badge-color);
margin: 0 .35em;
font-size: inherit;
font-weight: inherit;
text-transform: inherit
}
.promo-ticker a:not(.btn) {
color: var(--ticker-section-link-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.promo-ticker a:focus,
.promo-ticker a:hover {
color: var(--ticker-section-link-color-hover)
}
}
@keyframes scrollingText {
0% {
transform: translate3d(0,0,0)
}
100% {
transform: translate3d(-100%,0,0)
}
}
.prd .promo-ticker {
--ticker-section-bg: var(--ticker-bg);
--ticker-section-color: var(--ticker-color);
--ticker-section-link-color: var(--ticker-slink-color);
--ticker-section-link-color-hover: var(--ticker-link-color-hover);
--ticker-section-badge-bg: var(--ticker-badge-bg);
--ticker-section-badge-color: var(--ticker-badge-color);
--ticker-section-font-size: var(--ticker-font-size);
--ticker-section-y-padding: var(--ticker-y-padding);
--ticker-section-gap: var(--ticker-gap);
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1
}
.prd .promo-ticker .ticker-item {
font-weight: var(--font-weight-400)
}
.prd-w-xl .promo-ticker {
--ticker-section-speed: var(--ticker-speed)
}
.prd-w-lg .promo-ticker {
--ticker-section-speed: calc(var(--ticker-speed) * 1.2)
}
.prd-w-md .promo-ticker {
--ticker-section-speed: calc(var(--ticker-speed) * 1.4)
}
.prd-w-sm .promo-ticker {
--ticker-section-speed: calc(var(--ticker-speed) * 1.6)
}
.prd-w-xs .promo-ticker {
--ticker-section-speed: calc(var(--ticker-speed) * 1.8)
}
.prd-w-xxs .promo-ticker {
--ticker-section-speed: calc(var(--ticker-speed) * 2)
}
.prd-hor-w-xl .promo-ticker {
--ticker-section-speed: var(--ticker-speed)
}
.prd-hor-w-lg .promo-ticker {
--ticker-section-speed: calc(var(--ticker-speed) * 1.2)
}
.prd-hor-w-md .promo-ticker {
--ticker-section-speed: calc(var(--ticker-speed) * 1.4)
}
.prd-hor-w-sm .promo-ticker {
--ticker-section-speed: calc(var(--ticker-speed) * 1.6)
}
.prd-hor-w-xs .promo-ticker {
--ticker-section-speed: calc(var(--ticker-speed) * 1.8)
}
.prd-hor-w-xxs .promo-ticker {
--ticker-section-speed: calc(var(--ticker-speed) * 2)
}
.prd [data-render*=badges-ticker-]:not(:empty) ~ [data-render=countdown] .prd-countdown {
bottom: 47px
}
.prd-block-gallery-main .promo-ticker {
--ticker-section-bg: var(--ticker-bg);
--ticker-section-color: var(--ticker-color);
--ticker-section-link-color: var(--ticker-slink-color);
--ticker-section-link-color-hover: var(--ticker-link-color-hover);
--ticker-section-badge-bg: var(--ticker-badge-bg);
--ticker-section-badge-color: var(--ticker-badge-color);
--ticker-section-font-size: 14px;
--ticker-section-y-padding: 15px;
--ticker-section-gap: 20px;
--ticker-section-speed: calc(var(--ticker-speed) * 1.5);
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0
}
.prd-block-gallery-main .promo-ticker .ticker-item {
font-weight: var(--font-weight-400)
}
.prd-block-gallery-main [data-render*=badges-ticker-]:not(:empty) ~ [data-render=countdown] .prd-countdown {
bottom: 67px
}
.prd-block-gallery-main [data-render*=badges-ticker-]:not(:empty) ~ .prd-zoom-link {
bottom: 67px
}
.prd-block-gallery-main:hover .promo-ticker {
opacity: 0;
pointer-events: none
}
.promo-ticker-double {
width: 100%;
min-height: 200px;
padding-top: 75px;
overflow: hidden
}
@media (max-width:1024px) {
.promo-ticker-double {
min-height: 220px
}
}
@media (max-width:767px) {
.promo-ticker-double {
min-height: 240px
}
}
.promo-ticker-double .promo-ticker {
transform-origin: center;
width: 110%;
margin-left: -5%
}
@media (max-width:767px) {
.promo-ticker-double .promo-ticker {
padding: 15px 0
}
}
.promo-ticker-double .promo-ticker:first-child {
transform: rotate(-3deg)
}
@media (max-width:1024px) {
.promo-ticker-double .promo-ticker:first-child {
transform: rotate(-5deg)
}
}
@media (max-width:767px) {
.promo-ticker-double .promo-ticker:first-child {
transform: rotate(-10deg)
}
}
@media (max-width:575px) {
.promo-ticker-double .promo-ticker:first-child {
transform: rotate(-15deg)
}
}
.promo-ticker-double .promo-ticker:last-child {
margin-top: -62px;
transform: rotate(3deg)
}
@media (max-width:1024px) {
.promo-ticker-double .promo-ticker:last-child {
transform: rotate(5deg)
}
}
@media (max-width:767px) {
.promo-ticker-double .promo-ticker:last-child {
transform: rotate(10deg)
}
}
@media (max-width:575px) {
.promo-ticker-double .promo-ticker:last-child {
transform: rotate(15deg)
}
}
.promo-ticker.promo-ticker--style2 {
--ticker-section-bg: var(--ticker-section2-bg);
--ticker-section-color: var(--ticker-section2-color);
--ticker-section-link-color: var(--ticker-section2-link-color);
--ticker-section-link-color-hover: var(--ticker-section2-link-color-hover);
--ticker-section-badge-bg: var(--ticker-section2-badge-bg);
--ticker-section-badge-color: var(--ticker-section2-badge-color)
}
.promo-ticker.promo-ticker--style3 {
--ticker-section-color: var(--ticker-section3-color);
--ticker-section-link-color: var(--ticker-section3-link-color);
--ticker-section-link-color-hover: var(--ticker-section3-link-color-hover)
}
.promo-ticker--images .col {
position: relative;
width: Max(300px,19.8vw)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.promo-ticker--images .col:hover .ticker-item-hover {
opacity: 1;
color: var(--text-color)
}
}
.promo-ticker--images .ticker-item-title {
margin: 0;
font-size: 18px;
line-height: 1.35em;
font-weight: var(--font-weight-500)
}
.promo-ticker--images .ticker-item-title:last-child {
margin-bottom: 0
}
@media (max-width:767px) {
.promo-ticker--images .ticker-item-title {
font-size: 16px
}
}
.promo-ticker--images .ticker-item-hover {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
position: absolute;
padding: 15px 20px;
inset: auto 14px 0;
opacity: 0;
transition: opacity .35s cubic-bezier(.4,0,.2,1);
z-index: 1;
color: var(--text-color);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border-radius: 0 0 var(--radius-ic) var(--radius-ic)
}
@media (max-width:1024px) {
.promo-ticker--images .ticker-item-hover {
padding: 12px 14px;
opacity: 1
}
}
.promo-ticker--images .ticker-item-hover > * {
position: relative;
z-index: 1
}
.promo-ticker--images .ticker-item-hover:after {
content: '';
position: absolute;
inset: 0;
background-color: var(--body-bg);
border-radius: 0 0 var(--radius-ic) var(--radius-ic);
opacity: .65;
z-index: 0
}
.promo-ticker--images .ticker-item-hover .icon-wrap {
width: 24px;
margin-right: 0
}
.promo-ticker--images .ticker-item-hover .icon-wrap svg {
width: 100%
}
.promo-ticker--images--sm .col {
width: Max(250px,12.3vw)
}
.promo-ticker--images--lg .col {
width: Max(500px,24.8vw)
}
.promo-ticker.promo-ticker--brands {
padding: 15px 0;
margin: -15px 0
}
.promo-ticker.promo-ticker--brands .col {
width: Max(250px,12.3vw)
}
.promo-ticker-wrap.fade-edge {
position: relative;
overflow: hidden
}
.promo-ticker-wrap.fade-edge:after,
.promo-ticker-wrap.fade-edge:before {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 20%;
display: block;
z-index: 2;
pointer-events: none
}
.promo-ticker-wrap.fade-edge:before {
left: 0;
background: var(--body-bg-secondary);
background: linear-gradient(-90deg,rgba(var(--body-bg-rgb),0) 0,rgba(var(--body-bg-rgb),1) 100%)
}
.promo-ticker-wrap.fade-edge:after {
right: 0;
background: var(--body-bg-secondary);
background: linear-gradient(90deg,rgba(var(--body-bg-rgb),0) 0,rgba(var(--body-bg-rgb),1) 100%)
}
.card-categories .bnr .image-container {
width: 100%;
transition: box-shadow .2s;
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04))
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.card-categories .bnr:hover .image-container {
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
.card-categories .bnr:hover .card-category2-name.card-category2-name--bg {
color: var(--product-card-link-color);
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
}
.card-category {
display: block;
overflow: hidden;
text-decoration: none;
border-radius: var(--radius-md,16px);
transition: box-shadow .2s;
box-shadow: 0 4px 14px 0 rgba(0,0,0,var(--global-box-shadow,.04));
background-color: var(--product-card-bg);
color: var(--product-card-text-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.card-category:hover {
box-shadow: 0 4px 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)));
color: var(--product-card-link-hover-color,var(--body-link-secondary-color-hover))
}
}
.card-category .image-container.image-hover-scale:after {
content: '';
background: rgba(0,0,0,.1);
position: absolute;
margin: auto;
width: 70%;
height: 70%;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
transition: all .5s cubic-bezier(0,1,.3,1);
border-radius: var(--radius-md,16px)
}
.card-category .image-container.image-hover-scale:after:not(.ic--ignore-global-round) {
border-radius: var(--radius-md,16px)
}
.card-category-img {
position: relative
}
.card-category-name {
position: absolute;
z-index: 1;
margin-bottom: 0;
bottom: 30px;
left: 0;
right: 0;
text-align: center;
font-size: 20px;
font-weight: var(--font-weight-600);
line-height: 27px;
transform: translateY(0);
transition: all 1s .1s cubic-bezier(0,1,.3,1);
color: var(--text-color-banner)
}
.card-category-name-outer {
margin: 20px 0 0 0;
font-size: 15px;
font-weight: var(--font-weight-600);
line-height: 27px;
text-align: center
}
.card-category.colorize-invert .card-category-name {
color: var(--text-color-banner-invert)
}
.card-category-info {
display: -ms-flexbox;
display: flex;
margin: 16px 0;
text-align: center
}
@media (max-width:374px) {
.card-category-info {
margin: 10px;
-ms-flex-direction: column;
flex-direction: column
}
}
.card-category-info > * {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 1;
flex: 1;
padding: 0 15px
}
.card-category-info > * > span {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.card-category-info > * > span > span:first-child {
font-size: 18px;
font-weight: var(--font-weight-600);
line-height: 25px
}
.card-category-info > * > span > span:last-child {
font-size: 11px;
font-weight: var(--font-weight-400);
line-height: 15px
}
.card-category-info > :not(:last-child) {
border-right: 1px solid var(--decor-border-dark-color)
}
@media (max-width:374px) {
.card-category-info > :not(:last-child) {
border-right: 0
}
}
@media (max-width:374px) {
.card-category-info > :last-child {
display: none
}
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.card-category:hover .card-category-name {
transform: translateY(-25px)
}
.card-category:hover .image-container.image-hover-scale:after {
opacity: 1;
height: 100%;
width: 100%
}
}
.card-category.colorize-darken {
--current-color: #22292F
}
.card-category.colorize-invert {
--current-color: var(--text-color-invert)
}
.card-category2 {
display: block;
text-decoration: none;
position: relative
}
.card-category2-img {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.card-category2 .image-container {
width: 100%;
transition: box-shadow .2s;
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04))
}
.card-category2 .card-category2-name {
margin: 0;
font-size: 18px;
font-style: normal;
font-weight: var(--font-weight-400);
line-height: 27px;
text-align: center;
transition: all .2s;
color: var(--product-card-link-color);
pointer-events: none
}
@media (max-width:575px) {
.card-category2 .card-category2-name {
font-size: 15px
}
}
.card-category2 a.card-category2-name {
pointer-events: all
}
.card-category2 .bnr-caption-bg .card-category2-name {
z-index: 1;
background: var(--product-card-bg);
border-radius: var(--radius-sm);
transition: box-shadow .2s
}
.card-category2 .bnr-caption-bg .card-category2-name:only-child {
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04))
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.card-category2:hover .bnr-caption-bg .card-category2-name {
color: var(--product-card-link-color)
}
}
.card-category2.colorize-invert {
--current-color: var(--text-color-invert)
}
.card-category-sm {
display: block;
text-decoration: none;
position: relative
}
.card-category-sm-img {
position: relative;
padding-bottom: var(--padding-bottom);
border-radius: var(--radius-ic,16px)
}
.card-category-sm-img h4.card-category-sm-name,
.card-category-sm-img h5.card-category-sm-name {
position: absolute;
top: 50%;
width: 100%;
padding: 5px;
margin: 0;
transform: translateY(-50%);
word-break: break-all;
pointer-events: none
}
.card-category-sm.active .card-category-sm-img {
box-shadow: inset 0 0 0 1px var(--custom-color)
}
.card-category-sm h4.card-category-sm-name {
margin-top: 20px;
margin-bottom: 0;
font-size: 20px;
font-style: normal;
font-weight: var(--font-weight-400);
line-height: 1.35em;
text-align: center;
transition: all .2s;
color: var(--product-card-link-color)
}
@media (max-width:575px) {
.card-category-sm h4.card-category-sm-name {
font-size: 18px;
margin-top: 16px
}
}
@media (max-width:374px) {
.card-category-sm h4.card-category-sm-name {
font-size: 16px;
margin-top: 12px
}
}
.card-categories.row-cols-md-6 .card-category-sm h4.card-category-sm-name {
font-size: 16px;
margin-top: 15px
}
@media (max-width:374px) {
.card-categories.row-cols-md-6 .card-category-sm h4.card-category-sm-name {
margin-top: 12px
}
}
.card-categories.row-cols-md-8 .card-category-sm h4.card-category-sm-name {
font-size: 14px;
margin-top: 12px
}
@media (max-width:374px) {
.card-categories.row-cols-md-8 .card-category-sm h4.card-category-sm-name {
margin-top: 10px
}
}
.card-category-sm h5.card-category-sm-name {
margin-top: 16px;
margin-bottom: 0;
font-size: 16px;
font-style: normal;
font-weight: var(--font-weight-400);
line-height: 27px;
text-align: center;
transition: all .2s;
color: var(--product-card-link-color)
}
@media (max-width:374px) {
.card-category-sm h5.card-category-sm-name {
font-size: 16px;
margin-top: 12px
}
}
.card-category-sm .card-category-sm-name.card-category-sm-name--bg {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
min-width: 70%;
margin: 0;
padding: 5px;
background: var(--product-card-bg);
transform: translate(-50%,-50%);
border-radius: var(--radius-sm);
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04));
transition: box-shadow .25s;
pointer-events: none
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.card-category-sm:hover .card-category-sm-name {
color: var(--product-card-link-hover-color)
}
.card-category-sm:hover .card-category-sm-img.image-hover-scale:after {
opacity: 1;
height: 100%;
width: 100%
}
.card-category-sm:hover .card-category-sm-name.card-category-sm-name--bg {
color: var(--product-card-link-color);
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
}
.card-category-sm.disabled {
opacity: .6
}
.card-category-sm:not(.card-category-sm--round-off) .card-category-sm-img {
padding-bottom: 100%;
border-radius: var(--radius-50)!important
}
.swiper-slide > .card-category,
.swiper-slide > .card-category-sm {
width: 100%
}
.card-categories.row-cols-md-6 .card-category-sm h4.card-category-sm-name,
.card-categories.swiper-cols-md-6 .card-category-sm h4.card-category-sm-name {
font-size: 16px;
margin-top: 15px
}
.card-categories.row-cols-md-8 .card-category-sm h4.card-category-sm-name,
.card-categories.swiper-cols-md-8 .card-category-sm h4.card-category-sm-name {
font-size: 13px;
margin-top: 12px
}
.swiper-container.categories-carousel {
padding: 15px 15px 20px;
margin: -15px -15px -20px
}
.card-category-circle {
display: block;
position: relative;
max-width: 540px;
margin-left: auto;
margin-right: auto
}
@media (max-width:767px) {
.card-category-circle {
max-width: 300px
}
}
.card-category-circle-img {
position: relative;
padding-bottom: 100%;
border-radius: var(--radius-50)!important
}
.card-category-circle-caption {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
top: 50%;
left: 50%;
width: 60%;
height: 60%;
min-width: 130px;
min-height: 130px;
max-width: 90%;
max-height: 90%;
padding: 6%;
transform: translate(-50%,-50%);
font-size: 100px;
color: var(--card-category-circle-caption-color);
text-align: center;
border-radius: var(--radius-50);
z-index: 1;
pointer-events: none;
transition: box-shadow .25s;
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04))
}
.card-category-circle-caption > * {
color: var(--product-card-link-color)
}
.card-category-circle-caption:after {
content: '';
position: absolute;
inset: 0;
z-index: -1;
opacity: var(--card-category-circle-caption-opacity);
border-radius: var(--radius-50);
background-color: var(--card-category-circle-caption-bg)
}
.card-category-circle-subtitle {
margin-bottom: 0;
font-size: calc(.1em + 5px);
line-height: 1.6em;
font-weight: var(--font-weight-500)
}
.card-category-circle-subtitle:not(:first-child) {
margin-top: 10px
}
.card-category-circle-title {
margin-bottom: 0;
font-size: .35em;
line-height: 1.3em;
font-weight: var(--font-weight-700)
}
.card-category-circle-title:not(:first-child) {
margin-top: .2em
}
.card-category-circle.style2 {
--card-category-circle-caption-opacity: .75
}
.card-category-circle.style2 .card-category-circle-title {
font-size: .25em;
font-weight: var(--font-weight-600)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.card-category-circle:hover .card-category-circle-caption {
color: var(--product-card-link-color);
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
.card-category-circle:hover .card-category-circle-caption > * {
color: var(--product-card-link-color)
}
}
.card-category-md {
display: block;
text-decoration: none
}
.card-category-md-img {
position: relative;
padding-bottom: 100%;
border-radius: var(--radius-50);
border: 1px solid transparent
}
.card-category-md-img.image-container:not(.ic--ignore-global-round) {
border-radius: var(--radius-50)
}
.card-category-md-img.image-container--border.active {
border-color: var(--custom-color)
}
.card-category-md-img.image-hover-scale:after,
.card-category-md-img:before {
content: '';
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: var(--radius-50);
opacity: 0;
transition: all .2s ease-in-out
}
.card-category-md-img.image-hover-scale:after {
background: rgba(0,0,0,.1);
width: 50%;
height: 50%
}
.card-category-md-img:before {
width: 100%;
height: 100%;
border: 3px solid var(--body-bg);
z-index: 1
}
.card-category-md-img img {
object-fit: cover
}
.card-category-md-img h4.card-category-md-name {
position: absolute;
top: 50%;
width: 100%;
padding: 15px;
margin: 0;
transform: translateY(-50%);
word-break: break-all
}
.card-category-md.active .card-category-md-img {
border-color: var(--custom-color)
}
.card-category-md.active .card-category-md-img:before {
opacity: 1
}
.card-category-md-name {
margin-top: 15px;
margin-bottom: 0;
font-size: 18px;
font-style: normal;
font-weight: var(--font-weight-600);
line-height: 27px;
text-align: center;
transition: all .2s;
color: var(--body-link-secondary-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.card-category-md:hover .card-category-md-name {
color: var(--body-link-secondary-color-hover)
}
.card-category-md:hover .card-category-md-img.image-hover-scale:after {
opacity: 1;
height: 100%;
width: 100%
}
}
.card-category-md.disabled {
opacity: .6
}
.category-page-description.has-bg-alt .card-category-md-img:before {
border-color: var(--category-descripition-bg-alt)
}
.category-page-description-text-md {
font-size: 15px;
line-height: 26px
}
.prd {
--product-card-bg: var(--product-only-card-bg);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
overflow: hidden;
pointer-events: all;
will-change: transform;
color: var(--product-card-text-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd.hovered .prd-image > img:first-child:not(:only-of-type) {
opacity: 0;
transform: translateY(-20%)
}
.prd.hovered .prd-image > img + img {
opacity: 1;
transform: translateY(0)
}
.prd.hovered:not(.prd--hover-off) .prd-hover {
opacity: 1;
transform: translateY(0);
transition: transform .45s cubic-bezier(0,1,.3,1) 50ms
}
.prd:hover .prd-icons quickview-popup {
opacity: 1;
transform: translateY(0)
}
}
.prd .prd-description {
display: none
}
.prd .prd-price .prd-price-regular {
color: var(--product-card-price-actual-color)
}
.prd .prd-price .prd-price-old {
color: var(--product-card-price-old-color)
}
.prd .prd-quantity {
margin: 0 auto 10px;
max-width: 120px;
width: calc(100% - 40px)
}
.prd .prd-quantity .form-control {
background-color: transparent;
color: var(--product-card-text-color)
}
.prd .prd-quantity .prd-quantity-btn svg.lumia-icon path,
.prd .prd-quantity .prd-quantity-btn svg.lumia-icon polygon,
.prd .prd-quantity .prd-quantity-btn svg.lumia-icon rect {
fill: currentColor
}
.prd .product-form__error-message-wrapper,
.prd .product-form__success-message-wrapper {
color: var(--product-card-text-color)
}
.prd .form-control,
.prd .form-control-wrap--select,
.prd .form-select-wrap {
--form-color: var(--product-card-text-color)
}
.prd .shopify-section {
margin-top: 0!important
}
.prd variant-radios,
.prd variant-selects {
display: block;
width: 100%
}
.prd [data-load] {
background: 0 0
}
.prd .scroll-content {
display: table;
width: 100%
}
.prd .ajax-container {
position: relative;
height: 40px;
width: 100%
}
.prd-options .swatch-active {
pointer-events: none
}
swiper-carousel.hover-off .prd {
pointer-events: none!important
}
.prd-top {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 6px 12px 18px
}
.prd-bot {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.prd-bot .prd-name:not(:first-child) {
margin-top: 15px
}
.prd-bot .show_colors_only + .prd-name:not(:first-child) {
margin-top: 0
}
.prd-bot .show_colors_only .prd-option.tr_d {
margin-bottom: 15px
}
@media (max-width:1024px) {
.prd:not(.prd-simple) .prd-bot > :not(.prd-rating) {
display: none
}
}
.prd-hover {
position: absolute;
z-index: 21;
transform: translateY(100%);
opacity: 0;
transition: 0s;
backface-visibility: hidden;
text-align: center;
will-change: transform,opacity;
-webkit-filter: blur(0)
}
.prd-hover:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
left: 0;
top: 0;
background-color: var(--product-only-card-hover-bg);
border-radius: var(--radius-md,16px);
z-index: -1
}
@media (max-width:1024px) {
.prd-hover {
position: static;
transform: none;
opacity: 1;
padding-top: 14px
}
.prd-hover .prd-top {
padding: 0
}
.prd-hover .prd-top .prd-price {
display: none
}
}
@media (min-width:1025px) {
.prd-hover .prd-rating {
display: none
}
.prd-hover .prd-top {
padding: 0
}
.prd-hover .prd-top .prd-category,
.prd-hover .prd-top .prd-price {
display: none
}
}
.prd-hover .prd-name {
margin-top: 0
}
.prd-hover .prd-name:not(:first-child) + .prd-action {
padding-top: 14px
}
.prd-hover .prd-name:first-child {
margin-bottom: 12px
}
.prd-hover .prd-name:first-child + .prd-action {
padding-top: 2px
}
.prd-hover .prd-name + .prd-action .prd-quantity {
margin-top: -10px
}
.prd-hover .prd-options.table_r {
overflow-x: hidden;
overflow-y: auto
}
.prd-hover .prd-option .td_d {
overflow: hidden
}
.prd-hover variant-radios,
.prd-hover variant-selects {
display: block;
margin-top: 15px
}
@media (min-width:1025px) {
.prd.prd--style1 .shopify-section,
.prd.prd--style2 .shopify-section {
height: 40px;
overflow: hidden;
transition: height .25s cubic-bezier(.32,1.08,1,1)
}
}
.off-variants .prd-hover .form-control-wrap,
.off-variants .prd-hover variant-radios,
.off-variants .prd-hover variant-select {
display: none
}
.prd-countdown,
.prd-labels,
.prd-name,
.prd-rating {
transition: opacity .2s
}
.prd-category {
font-size: var(--product-card-vendor-size);
line-height: 1.2em;
font-weight: var(--product-card-vendor-weight);
color: var(--product-card-vendor-color)
}
.secondary-color .prd-category {
color: var(--product-card-vendor-color)!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
a.prd-category:hover {
color: var(--product-card-vendor-hover-color)
}
}
.prd-name {
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 0
}
.prd-name a {
font-size: var(--product-card-name-size);
font-weight: var(--product-card-name-weight);
font-family: var(--body-font-family);
line-height: 21px;
text-align: center;
text-decoration: none;
color: var(--product-card-link-color)
}
.secondary-color .prd-name a {
color: var(--product-card-link-color)!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-name a:hover {
color: var(--product-card-link-hover-color)
}
.secondary-color .prd-name a:hover {
color: var(--product-card-link-hover-color)!important
}
}
.prd-action {
width: 100%;
padding-left: 15px;
padding-right: 15px
}
.prd-action form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: fit-content;
max-width: 100%;
margin: 0 auto
}
.prd-action form quickview-popup > .btn {
margin-top: 10px
}
.prd-action form button + quickview-popup > .btn {
width: 100%!important
}
.prd-action form > input + .btn {
margin-top: 8px
}
.prd-action:not(:first-child) {
padding-top: 10px;
margin-top: auto
}
.prd-action .btn,
.prd-action .btn.btn--lg {
max-width: 100%
}
@media (max-width:575px) {
.prd-action .btn,
.prd-action .btn.btn--lg {
height: 40px;
padding: 8px 30px;
font-size: 12px;
line-height: 24px
}
}
.prd-price {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: baseline;
align-items: baseline;
font-size: var(--product-card-price-size);
line-height: 1em;
transition: .2s;
transform: translate3d(0,0,0)
}
.prd-price > * {
display: block;
white-space: nowrap
}
.prd-price .prd-price-regular {
font-weight: var(--global-product-price-width);
font-family: var(--global-product-price-font-family);
color: var(--product-price-actual-color)
}
.prd-price .prd-price-old {
font-size: .6667em;
line-height: 1.1em;
font-weight: var(--font-weight-300);
font-family: var(--global-product-price-font-family);
color: var(--product-price-old-color);
text-decoration: line-through
}
.prd-price .prd-price-old:empty {
display: none
}
.prd-price .unit-price {
font-size: 12px;
line-height: 22px
}
.prd-price span.other_from {
display: block;
-ms-flex: 100%;
flex: 100%;
margin-top: 10px;
font-size: 12px;
line-height: 1.2em
}
.prd-block .prd-options .form-label,
.prd-block-actions .form-label,
.prd-option-title {
margin-bottom: 0;
padding-right: 15px;
padding-bottom: var(--product-swatches-title-mb);
font-size: var(--product-swatches-title-font-size);
font-weight: var(--font-weight-600);
line-height: 20px;
vertical-align: middle
}
.prd .prd-option-title {
padding-right: 0
}
.prd-block {
--product-swatches-radius: var(--radius-sm)
}
.prd-option-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: calc(-1 * var(--product-swatches-text-gap) + var(--product-swatches-text-border-width))
}
.prd-option-list.has-option-color {
--product-swatches-text-gap: var(--product-swatches-color-gap);
margin: calc(-1 * var(--product-swatches-color-gap) + var(--product-swatches-color-border-width))
}
.prd-option-list input[type=radio] {
clip: rect(0,0,0,0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px
}
.prd-option-list label {
position: relative
}
.prd-option-list label:before {
position: absolute;
z-index: 0;
inset: -3px -4px -3px -4px;
content: '';
background: 0 0
}
.prd-option-list label.disabled {
color: var(--product-swatches-disabled-color);
background-color: var(--product-swatches-disabled-bg)
}
.prd-option-list label.disabled:before {
inset: 0;
border-radius: var(--product-swatches-radius);
background: linear-gradient(to top right,transparent calc(50% - 1px),var(--product-swatches-color),transparent calc(50% + .5px))
}
.prd-option-list label.disabled:after {
content: '';
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(to top right,transparent calc(50% - 1px),var(--product-swatches-color),transparent calc(50% + .5px));
transform: scaleY(-1);
border-radius: var(--product-swatches-radius)
}
.prd-option-list label.disabled .image-container img {
opacity: .9
}
.prd-option-list label.disabled .image-container:before {
content: '';
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(to top right,transparent calc(50% - 1px),var(--product-swatches-color),transparent calc(50% + .5px));
border-radius: var(--product-swatches-radius)
}
.prd-option-list label.disabled.label-option-color:after {
background: linear-gradient(to top right,transparent calc(50% - 1px),var(--product-swatches-color),transparent calc(50% + .5px))
}
.prd-option-list label.disabled.label-option-color > a:after,
.prd-option-list label.disabled.label-option-color > span:after {
opacity: .15;
background: var(--product-swatches-bg)
}
.prd-option-list label,
.prd-option-list li,
.prd-option-list li > a,
.prd-option-list li > span:not(.image-container) {
min-width: var(--product-swatches-text-width);
padding: 3px var(--product-swatches-text-px);
cursor: pointer
}
.prd-option-list label,
.prd-option-list li {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
min-height: var(--product-swatches-text-height);
border: var(--product-swatches-text-border-width) solid var(--product-swatches-border-color);
border-radius: var(--radius-4);
margin: var(--product-swatches-text-gap);
transition: .2s;
cursor: pointer
}
.prd-option-list label,
.prd-option-list li > a,
.prd-option-list li > span:not(.image-container) {
font-size: var(--product-swatches-text-font-size);
line-height: 16px;
font-weight: var(--product-swatches-text-font-weight);
color: var(--product-swatches-color);
background-color: var(--product-swatches-bg);
text-decoration: none;
text-align: center
}
.prd-option-list li > span:not(.image-container):only-child {
margin: auto
}
.prd-option-list li.active {
border-color: var(--product-swatches-border-active-color)
}
.prd-option-list li.active > a {
color: var(--product-swatches-active-color);
background-color: var(--product-swatches-active-bg)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-option-list li:hover:not(.active) {
border-color: var(--product-swatches-border-hover-color)
}
.prd-option-list li:hover:not(.active) > a {
color: var(--product-swatches-hover-color);
background-color: var(--product-swatches-hover-bg)
}
.prd-option-list label:hover {
border-color: var(--product-swatches-border-hover-color);
background-color: var(--product-swatches-hover-bg);
color: var(--product-swatches-hover-color)
}
}
.prd-option-list input[type=radio]:checked + label,
.prd-option-list input[type=radio][checked=checked] + label,
.prd-option-list label.label-radio.swatch-active {
border-color: var(--product-swatches-border-active-color);
color: var(--product-swatches-active-color);
background-color: var(--product-swatches-active-bg)
}
.prd-option-list input[type=radio]:checked + label,
.prd-option-list input[type=radio][checked=checked] + label,
.prd-option-list label.label-radio.swatch-active {
cursor: default
}
.prd-option-list label.label-option-color,
.prd-option-list li.label-option-color {
display: -ms-flexbox;
display: flex;
position: relative;
min-width: var(--product-swatches-color-width);
min-height: var(--product-swatches-color-height);
border-radius: var(--product-swatches-radius);
margin: var(--product-swatches-color-gap);
padding: 3px 5px;
transition: none;
border: 0;
box-shadow: 0 0 0 var(--product-swatches-color-border-width) var(--product-swatches-border-color)
}
.prd-option-list label.label-option-color img,
.prd-option-list li.label-option-color img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--product-swatches-radius)
}
.prd-option-list .image-container {
display: block;
width: 100%;
border-radius: var(--product-swatches-radius)
}
.prd-option-list li.label-option-color > span:not(.image-container) {
padding: 0 5px
}
.prd-option-list label.label-option-color > span,
.prd-option-list li.label-option-color > a {
position: relative;
display: -ms-flexbox;
display: flex;
width: calc(100% + 10px);
height: calc(100% + 6px);
margin: -3px -5px;
padding: 0;
text-decoration: none
}
.prd-option-list label.label-option-color > span:after,
.prd-option-list li.label-option-color > a:after {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: var(--product-swatches-radius);
border: calc(var(--product-swatches-inner-border-width) + 1px) solid var(--product-swatches-inner-border-color);
opacity: 0;
transition: opacity .2s;
pointer-events: none
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-option-list li.label-option-color:hover {
box-shadow: 0 0 0 var(--product-swatches-color-border-width) var(--product-swatches-border-hover-color)
}
.prd-option-list li.label-option-color:hover > a:after {
opacity: 1
}
}
.prd-option-list li.label-option-color.active {
--product-swatches-active-bg: transparent;
box-shadow: 0 0 0 var(--product-swatches-color-border-width) var(--product-swatches-border-active-color)
}
.prd-option-list li.label-option-color.active > a:after {
opacity: 1
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-option-list label.label-option-color:hover:not(.active) {
box-shadow: 0 0 0 var(--product-swatches-color-border-width) var(--product-swatches-border-hover-color)
}
.prd-option-list label.label-option-color:hover:not(.active) > span:after {
opacity: 1
}
}
.prd-option-list input[type=radio]:checked + label.label-option-color,
.prd-option-list input[type=radio][checked=checked] + label.label-option-color,
.prd-option-list label.label-radio.label-option-color.swatch-active {
box-shadow: 0 0 0 var(--product-swatches-color-border-width) var(--product-swatches-border-active-color)
}
.prd-option-list input[type=radio]:checked + label.label-option-color > span:after,
.prd-option-list input[type=radio][checked=checked] + label.label-option-color > span:after,
.prd-option-list label.label-radio.label-option-color.swatch-active > span:after {
opacity: 1
}
.prd-option-list label > .quantity-status {
height: var(--quantity-height);
left: calc(-1 * var(--product-swatches-text-border-width) + .5px);
right: calc(-1 * var(--product-swatches-text-border-width) + .5px);
bottom: calc(-5px - var(--product-swatches-text-border-width));
background: var(--product-swatches-bg)
}
.prd-option-list label > .quantity-status:after {
height: 100%
}
.prd-option-list label.label-option-color > .quantity-status {
left: calc(-1 * var(--product-swatches-color-border-width) + .5px);
right: calc(-1 * var(--product-swatches-color-border-width) + .5px);
bottom: calc(-1 * var(--quantity-height) - var(--product-swatches-color-border-width) - var(--quantity-top));
background: var(--product-swatches-bg)
}
.prd-option-list.has-quantity-status {
--quantity-height: 3px;
--quantity-top: 2px;
--quantity-offset: calc(var(--quantity-height) + var(--quantity-top));
--offset-y: calc(-1 * var(--product-swatches-text-gap) - var(--quantity-offset) + var(--product-swatches-text-border-width));
margin-top: var(--offsetY);
margin-bottom: var(--offsetY)
}
.prd-option-list.has-quantity-status label {
margin-bottom: calc(var(--product-swatches-text-gap) + var(--quantity-offset))
}
.prd-option-list.has-quantity-status.has-option-color {
--offset-y: calc(-1 * var(--product-swatches-color-gap) - var(--quantity-offset) + var(--product-swatches-color-border-width))
}
.prd-option-list.has-quantity-status.has-option-color label {
margin-bottom: calc(var(--product-swatches-color-gap) + var(--quantity-offset))
}
.show_colors_only .prd-option-list label.disabled .image-container {
opacity: 1
}
.show_colors_only .prd-option-list label.disabled .image-container:before,
.show_colors_only .prd-option-list label.disabled.label-option-color > span:after,
.show_colors_only .prd-option-list label.disabled:after,
.show_colors_only .prd-option-list label.disabled:before {
display: none
}
.prd-block-actions .form-group + .form-group,
.prd-options.table_r .prd-option:not(.hidden) + .prd-option {
margin-top: 0;
padding-top: var(--product-swatches-group-gy)
}
.prd-options.table_r .prd-option:last-child .prd-option-list {
margin-bottom: 0!important
}
.show_colors_only .prd-option-list label.label-radio.swatch-active:not(.label-option-color) {
border-color: var(--product-swatches-border-color);
color: var(--product-swatches-color);
background-color: var(--product-swatches-bg)
}
.show_colors_only .prd-option-list label.label-radio.label-option-color.swatch-active {
box-shadow: 0 0 0 var(--product-swatches-color-border-width) var(--product-swatches-border-color);
color: var(--product-swatches-color)
}
.show_colors_only .prd-option-list label.label-radio.label-option-color.swatch-active > span:after,
.show_colors_only .prd-option-list label.label-radio.label-option-color.swatch-active > span:before {
display: none
}
ul.prd-option-list {
margin: 0 -5px;
padding: 0;
-ms-flex-pack: center;
justify-content: center
}
.prd-labels {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
z-index: 1;
top: 10px;
left: 10px;
pointer-events: none
}
.prd-labels > * {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 35px;
width: fit-content;
padding-left: 5px;
padding-right: 5px;
height: 19px;
font-size: var(--label-size);
font-weight: var(--label-weight);
line-height: 1.333em;
color: var(--label-color);
background-color: var(--label-bg);
border-radius: var(--radius-4)
}
.prd-labels > * + * {
margin-top: 7px
}
.prd-label--soldout {
color: var(--label-soldout-color);
background-color: var(--label-soldout-bg)
}
.prd-label--new {
color: var(--label-new-color);
background-color: var(--label-new-bg)
}
.prd-label--sale {
color: var(--label-sale-color);
background-color: var(--label-sale-bg)
}
.prd-label--items-count {
color: var(--label-items-count-color);
background-color: var(--label-items-count-bg)
}
.prd-label--subscription {
color: var(--label-subscription-color);
background-color: var(--label-subscription-bg);
pointer-events: all
}
.prd-label--custom {
color: var(--label-custom-color);
background-color: var(--label-custom-bg)
}
.prd-labels > .prd-label--subscription-icon {
color: var(--label-subscription-color);
background-color: var(--label-subscription-bg);
height: auto!important;
padding: 4px 2px;
pointer-events: all
}
.prd-labels > .prd-label--subscription-icon svg {
height: 20px;
width: 21px
}
.prd-labels > .prd-label--subscription-icon svg.lumia-icon path {
fill: var(--label-subscription-color)
}
.prd.prd--soldout .prd-image {
opacity: .7
}
.prd-icons {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
z-index: 1;
top: 10px;
right: 10px
}
.prd-icons svg {
width: 22px;
transition: transform .2s,opacity .2s
}
.prd-icons svg.lumia-icon path {
fill: currentColor
}
.prd-icons a:not([class*=btn]) {
display: block;
color: var(--product-card-icon-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-icons a:not([class*=btn]):hover {
color: var(--product-card-icon-hover-color)
}
.prd-icons a:not([class*=btn]):hover svg {
transform: scale(1.2)
}
}
.prd-icons > * + * {
margin-top: 7px
}
.prd-icons > .in-wishlist,
.prd-icons > .in-wishlist a {
color: var(--product-card-icon-active-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-icons > .in-wishlist a:hover {
color: var(--product-card-icon-active-color)
}
}
@media (min-width:1025px) {
.prd-icons quickview-popup {
opacity: 0;
transform: translateY(10px);
transition: all .15s
}
}
.prd-image-wrap {
position: relative;
overflow: hidden
}
.prd-image-wrap > a {
height: 100%;
width: 100%;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.prd-image-wrap .prd-image > img {
width: 100%;
height: 100%;
position: relative;
transform: translateY(0);
transition: all .5s;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
will-change: transform,opacity
}
.prd-image-wrap .image-container:not(.ic--cover) img,
.prd-image-wrap:not(.ic--cover) .prd-image > img {
object-fit: contain
}
.prd-image-wrap > .image-container.ic--cover img {
object-fit: cover!important
}
.prd-image-wrap .prd-image > img + img {
display: block;
opacity: 0;
z-index: 1;
position: absolute;
top: 0;
left: 0;
transform: translateY(20%);
transition: all .35s;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.prd-image-wrap.image-container {
padding-bottom: var(--padding-bottom,var(--product-aspect-ratio))
}
.prd--radius-off .prd-image-wrap .image-container {
border-radius: 0
}
.prd-countdown > * {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 4px;
padding: 4px 5px 2px;
min-width: 31px;
height: 34px;
border-radius: var(--radius-5);
font-size: 9px;
line-height: 11px;
font-weight: var(--product-card-countdown-weight,var(--font-weight-600));
color: var(--product-card-countdown-color)
}
.prd-countdown > :before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: var(--product-card-countdown-bg);
opacity: .95;
border-radius: var(--radius-5);
z-index: -1
}
.prd-countdown > * div {
font-size: 15px;
line-height: 17px;
font-weight: var(--product-card-countdown-number-weight,var(--heading-sm-weight))
}
.prd-countdown {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 0;
right: 0;
bottom: 20px;
width: fit-content;
margin: 0 auto;
z-index: 1;
opacity: 0;
transition: opacity .2s
}
.prd-countdown.prd-countdown-initialized {
opacity: 1
}
.hide-countdown .prd-countdown {
opacity: 0!important
}
.prd-rating {
width: 100%;
margin-top: 10px;
text-align: center
}
.prd-rating svg path:not([fill]) {
fill: currentColor
}
.prd-rating svg.lumia-icon {
width: 14px;
height: 13px
}
.prd-rating .rating {
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 12px;
-ms-flex-align: center;
align-items: center
}
.prd-rating .rating > span:last-child {
position: relative;
top: 0
}
@media (max-width:374px) {
.prd-rating .rating {
font-size: 0
}
}
.label--soldout {
color: var(--label-soldout-color);
background-color: var(--label-soldout-bg)
}
.label--new {
color: var(--label-new-color);
background-color: var(--label-new-bg)
}
.label--sale {
color: var(--label-sale-color);
background-color: var(--label-sale-bg)
}
.label--items-count {
color: var(--label-items-count-color);
background-color: var(--label-items-count-bg)
}
.prd.prd--style1 {
height: 100%;
padding: 10px;
border-radius: var(--radius-md,16px);
background-color: var(--product-card-bg);
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04));
transition: box-shadow .2s
}
@media (max-width:575px) {
.prd.prd--style1 {
box-shadow: 0 0 10px rgba(0,0,0,var(--global-box-shadow,.04))
}
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd.prd--style1.hovered {
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
}
@media (hover:hover) and (max-width:575px),
(hover:none) and (min-width:1025px) and (max-width:575px) {
.prd.prd--style1.hovered {
box-shadow: 0 0 10px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
}
.prd.prd--style1 .prd-top {
position: relative;
top: 2px;
-ms-flex-align: center;
align-items: center
}
.prd.prd--style1 .prd-top .prd-name {
display: none
}
.prd.prd--style1 .prd-bot {
-ms-flex-pack: center;
justify-content: center;
padding: 22px 5px 14px
}
.prd.prd--style1 .prd-hover {
bottom: 0;
left: 10px;
right: 10px;
padding: 18px 5px 28px;
border-radius: var(--radius-md,16px)
}
.prd.prd--style1 .prd-hover variant-radios,
.prd.prd--style1 .prd-hover variant-selects {
margin-top: 10px
}
.prd.prd--style1 .prd-hover .prd-top {
display: block;
-ms-flex-pack: center;
justify-content: center
}
.prd.prd--style1 .prd-hover .prd-top .prd-name {
display: -ms-inline-flexbox;
display: inline-flex
}
.prd.prd--style1 .prd-hover .prd-action {
position: relative
}
.prd.prd--style1 .prd-price {
width: auto;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -3px;
margin-right: -3px
}
.prd.prd--style1 .prd-price > * {
margin: 0 3px
}
.prd.prd--style1 .prd-price .prd-price-regular span {
padding-right: .1em;
font-size: .6667em;
font-weight: var(--font-weight-400)
}
.prd.prd--style1 .prd-price span.other_from {
display: none!important
}
.prd.prd--style1:not(.prd--style3) .prd-top .prd-price {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: start;
justify-content: flex-start
}
.prd.prd--style1.prd-off-vendor .prd-price {
margin: 0 auto
}
@media (min-width:1025px) {
.prd.prd--style1.hovered:not(.prd--hover-off) .hide-on-hover {
opacity: 0
}
}
@media (max-width:1024px) {
.prd.prd--style1 .prd-hover {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
padding: 0 5px 15px
}
.prd.prd--style1 .prd-bot {
padding: 18px 0 0 0
}
.prd.prd--style1 .prd-bot .prd-rating {
margin-top: 0
}
.prd.prd--style1 .prd-rating {
margin-top: 0;
margin-bottom: 6px
}
.prd.prd--style1 .prd-hover .prd-top {
display: none
}
.prd.prd--style1 .prd-action {
padding-left: 0;
padding-right: 0
}
}
@media (max-width:575px) {
.prd.prd--style1:not(.mobile-rounded-on) {
padding-left: 0;
padding-right: 0
}
.prd.prd--style1:not(.mobile-rounded-on) > :not(.prd-image-wrap) {
padding-left: 10px;
padding-right: 10px
}
.prd.prd--style1:not(.mobile-rounded-on) .prd-image-wrap {
border-radius: 0!important
}
.prd.prd--style1:not(.mobile-rounded-on) .prd-image-wrap.image-container img {
border-radius: 0!important
}
.prd.prd--style1.prd--style3:not(.mobile-rounded-on) {
padding-top: 0
}
}
.prd.prd--style1:not(.prd--style3) .prd-image-wrap.no-gutter {
margin-left: -10px;
margin-right: -10px;
border-radius: 0
}
.prd.prd--style1:not(.prd--style3) .prd-image-wrap.no-gutter ~ .prd-hover {
left: 0;
right: 0;
padding-left: 15px;
padding-right: 15px
}
@media (max-width:1024px) {
.prd.prd--style1:not(.prd--style3) .prd-image-wrap.no-gutter ~ .prd-hover {
padding-left: 0;
padding-right: 0
}
}
.prd.prd--style2 .prd-bot {
padding: 27px 20px 0;
transition: padding .2s ease-in-out
}
.prd.prd--style2 .prd-bot .prd-option-list {
margin-bottom: 10px
}
.prd.prd--style2 .prd-bot .prd-category:not(:first-child) {
margin-top: 10px
}
.prd.prd--style2 .prd-hover {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
bottom: 0;
left: 0;
right: 0;
padding: 18px 20px 0
}
.prd.prd--style2 .prd-hover .prd-action {
position: relative;
padding-left: 0;
padding-right: 0;
padding-top: 10px;
text-align: center
}
.prd.prd--style2 .prd-hover variant-radios,
.prd.prd--style2 .prd-hover variant-selects {
margin-top: 8px
}
.prd.prd--style2 .prd-hover .prd-name:first-child {
margin-bottom: 5px
}
.prd.prd--style2 .prd-hover .prd-price:not(:first-child) {
margin-top: 18px
}
@media (min-width:1025px) {
.prd.prd--style2 .prd-hover .prd-top + .prd-name {
margin-top: 0!important
}
}
@media (min-width:1025px) {
.prd.prd--style2 .prd-hover {
padding-bottom: 20px
}
}
.prd.prd--style2 .prd-price {
margin-top: 5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
text-align: center
}
.prd.prd--style2 .prd-price .prd-price-regular span {
font-size: 18px;
font-weight: var(--font-weight-400)
}
.prd.prd--style2 .prd-price span.other_from {
display: block;
-ms-flex: 100%;
flex: 100%;
margin-top: 10px;
font-size: 12px;
line-height: 1.2em
}
.prd.prd--style2 .prd-price > * {
margin: 0 3px
}
.prd.prd--style2 .prd-price:not(:first-child) {
margin-top: 10px
}
.prd.prd--style2 .prd-prd-price-old {
padding-right: 10px;
font-size: 12px
}
.prd.prd--style2 .prd-name:not(:first-child) {
margin-top: 10px
}
@media (min-width:1025px) {
.prd.prd--style2 {
padding-bottom: 20px;
margin-bottom: -20px
}
.prd.prd--style2 .prd-labels {
top: 20px;
left: 20px
}
.prd.prd--style2 .prd-icons {
top: 20px;
right: 20px
}
.prd.prd--style2 .prd-options + .prd-name {
margin-top: 0
}
}
@media (max-width:1024px) {
.prd.prd--style2:not(.prd-simple) .prd-bot {
display: none
}
.prd.prd--style2 .prd-hover variant-radios,
.prd.prd--style2 .prd-hover variant-selects {
margin: 7px 0 0
}
.prd.prd--style2 .prd-hover variant-radios + .prd-price:not(:first-child),
.prd.prd--style2 .prd-hover variant-selects + .prd-price:not(:first-child) {
margin-top: 15px
}
.prd.prd--style2 .prd-hover:before {
display: none
}
.prd.prd--style2 .prd-category:not(:first-child) {
margin-top: 10px
}
.prd.prd--style2 .prd-price:not(:first-child) {
margin-top: 15px
}
}
@media (min-width:1025px) {
.prd--style2.hovered:not(.prd--hover-off) {
border-radius: var(--radius-md,16px);
background: 0 0
}
.prd--style2.hovered:not(.prd--hover-off).ignore-top-radius {
border-radius: 0 0 var(--radius-md,16px) var(--radius-md,16px)
}
.prd--style2.hovered:not(.prd--hover-off) .hide-on-hover {
display: none
}
.prd--style2.hovered:not(.prd--hover-off) .prd-bot.hide-on-hover {
display: -ms-flexbox;
display: flex;
opacity: 0
}
}
@media (min-width:1025px) {
.prd.prd--style1.prd--style3 .prd-image-wrap.no-gutter {
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
border-radius: 0
}
.prd.prd--style1.prd--style3 .prd-image-wrap.no-gutter ~ .prd-hover {
left: 0;
right: 0;
padding-left: 15px;
padding-right: 15px
}
}
.prd.prd--style1.prd--style3 .prd-bot .prd-category {
text-align: center
}
.prd.prd--style1.prd--style3 .prd-bot .prd-category:not(:first-child) {
margin-top: 18px
}
.prd.prd--style1.prd--style3 .prd-bot .prd-category + .prd-name {
margin-top: 10px
}
.prd.prd--style1.prd--style3 .prd-bot .show_colors_only .prd-option.tr_d {
margin-bottom: 5px
}
.prd.prd--style1.prd--style3 .prd-bot .prd-hover .prd-price:not(:first-child) {
margin-top: 15px
}
.prd.prd--style1.prd--style3 .prd-price {
font-size: 18px;
-ms-flex-pack: center;
justify-content: center;
width: auto
}
.prd.prd--style1.prd--style3 .prd-price .prd-price-regular span {
font-size: 1em;
font-weight: var(--font-weight-400)
}
.prd.prd--style1.prd--style3 .prd-bot .prd-price:not(:first-child) {
margin-top: 10px
}
.prd.prd--style1.prd--style3 .prd-hover .prd-price:not(:first-child) {
margin-top: 15px
}
@media (max-width:1024px) {
.prd.prd--style1.prd--style3 .prd-category {
margin-top: 0
}
.prd.prd--style1.prd--style3 .prd-bot > .prd-name {
display: none
}
.prd.prd--style1.prd--style3 .prd-bot > .prd-name:first-child + .prd-rating {
margin: 0 0 7px
}
.prd.prd--style1.prd--style3 .prd-bot > .prd-category {
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 7px
}
.prd.prd--style1.prd--style3 .prd-bot > .prd-category:not(:first-child) {
margin-top: 0
}
.prd.prd--style1.prd--style3 .prd-bot > .prd-category ~ .prd-rating {
margin: 0 0 7px
}
.prd.prd--style1.prd--style3 .prd-bot > .prd-price {
display: none
}
.prd.prd--style1.prd--style3 .prd-action:not(:first-child) {
padding-top: 0
}
}
.prd-w-xl .btn,
.prd-w-xl .btn.btn--lg {
max-width: 100%;
min-width: 190px;
width: auto!important
}
.prd-w-xl .prd-countdown > * {
height: 46px;
padding: 5px 6px 2px;
font-size: 12px;
line-height: 14px
}
.prd-w-xl .prd-countdown > * div {
font-size: 18px;
line-height: 22px
}
.prd-w-xl .prd-countdown {
bottom: 30px
}
.prd-w-lg .btn,
.prd-w-lg .btn.btn--lg {
max-width: 100%;
min-width: 160px;
width: auto!important
}
.prd-w-md .btn,
.prd-w-md .btn.btn--lg {
min-width: 160px;
padding-left: 15px;
padding-right: 15px
}
.prd-w-md .prd-quantity {
width: 100%
}
.prd-w-md .prd-action form {
min-width: 160px
}
@media (max-width:1024px) {
.prd-w-md.prd--style1 .prd-hover .prd-action,
.prd-w-md.prd--style1 .prd-hover variant-radios,
.prd-w-md.prd--style1 .prd-hover variant-selects {
padding-left: 0;
padding-right: 0
}
.prd-w-md.prd--style1 .prd-hover .prd-hover {
padding-top: 0
}
.prd-w-md.prd--style1 .prd-hover .prd-bot {
padding: 18px 0 0 0
}
.prd-w-md.prd--style1 .prd-hover .prd-rating {
margin-top: 0;
margin-bottom: 6px
}
}
.prd-w-sm .prd-countdown {
bottom: 10px
}
.prd-w-sm .prd-countdown > :last-child {
display: none
}
.prd-w-sm .prd-rating {
margin-top: 10px
}
.prd-w-sm .prd-labels {
top: 10px;
left: 10px
}
.prd-w-sm .prd-labels > * {
min-width: 30px;
height: 16px;
font-size: 9px;
font-weight: var(--font-weight-600);
line-height: 12px;
border-radius: var(--radius-3)
}
.prd-w-sm .prd-labels > * + * {
margin-top: 4px
}
.prd-w-sm .prd-icons {
top: 7px;
right: 7px
}
.prd-w-sm .prd-quantity {
width: 100%
}
.prd-w-sm .btn,
.prd-w-sm .btn.btn--lg {
min-width: 160px;
padding-left: 12px;
padding-right: 12px
}
.prd-w-sm.prd--style1:not(.prd--style3) .prd-price {
font-size: 22px
}
.prd-w-sm.prd--style1 .prd-bot {
padding: 18px 5px 14px
}
.prd-w-sm.prd--style1 .prd-category {
font-size: 12px;
line-height: 1.1em
}
@media (min-width:1025px) {
.prd-w-sm.prd--style1 .prd-hover {
padding: 18px 5px 15px
}
}
@media (max-width:1024px) {
.prd-w-sm.prd--style1 .prd-hover {
padding: 0
}
.prd-w-sm.prd--style1 .prd-bot {
padding: 12px 0 0 0
}
.prd-w-sm.prd--style1.prd--style3.prd-bot {
padding: 18px 0 0 0
}
.prd-w-sm.prd--style1 .prd-rating {
margin-top: 0;
margin-bottom: 4px
}
}
.prd-w-sm.prd--style2 .prd-bot {
padding: 27px 10px 0
}
.prd-w-sm.prd--style2 .prd-hover {
padding: 18px 10px 10px
}
@media (max-width:1024px) {
.prd-w-sm.prd--style2 .prd-hover {
padding: 18px 0 0
}
}
.prd-w-sm.prd--style2 .prd-hover .prd-price:not(:first-child) {
margin-top: 18px
}
.prd-w-xs .prd-countdown {
display: none
}
.prd-w-xs .prd-rating {
margin-top: 10px
}
.prd-w-xs .prd-labels {
top: 10px;
left: 10px
}
.prd-w-xs .prd-labels > * {
min-width: 30px;
height: 16px;
font-size: 9px;
font-weight: var(--font-weight-600);
line-height: 12px;
border-radius: var(--radius-3)
}
.prd-w-xs .prd-labels > * + * {
margin-top: 4px
}
.prd-w-xs .prd-icons {
top: 7px;
right: 7px
}
.prd-w-xs .prd-quantity {
width: 100%
}
.prd-w-xs .prd-action form {
min-width: 100%
}
.prd-w-xs .btn,
.prd-w-xs .btn.btn--lg {
min-width: 120px;
padding: 0 10px;
font-size: 11px
}
.prd-w-xs .btn.btn--lg.btn--wrap,
.prd-w-xs .btn.btn--wrap,
body.has-btn-wrap .prd-w-xs .btn,
body.has-btn-wrap .prd-w-xs .btn.btn--lg {
padding: 8px 12px
}
.prd-w-xs.prd--style1:not(.prd--style3) .prd-price {
font-size: 18px
}
.prd-w-xs.prd--style1:not(.prd--style3) .prd-price .prd-price-old,
.prd-w-xs.prd--style1:not(.prd--style3) .prd-price .prd-price-regular span {
font-size: .75em
}
.prd-w-xs.prd--style1 .prd-top {
padding: 0 0 12px
}
.prd-w-xs.prd--style1 .prd-bot {
padding: 18px 5px 14px
}
.prd-w-xs.prd--style1 .prd-category {
font-size: 11px;
line-height: 1.1em
}
@media (min-width:1025px) {
.prd-w-xs.prd--style1 .prd-hover {
padding: 12px 5px
}
}
@media (max-width:1024px) {
.prd-w-xs.prd--style1 .prd-hover {
padding: 0
}
.prd-w-xs.prd--style1 .prd-bot {
padding: 12px 0 0 0
}
.prd-w-xs.prd--style1.prd--style3.prd-bot {
padding: 18px 0 0 0
}
.prd-w-xs.prd--style1 .prd-rating {
margin-top: 0;
margin-bottom: 4px
}
}
.prd-w-xs.prd--style2 .prd-bot {
padding: 27px 5px 0
}
.prd-w-xs.prd--style2 .prd-hover {
padding: 18px 5px 15px
}
@media (max-width:1024px) {
.prd-w-xs.prd--style2 .prd-hover {
padding: 18px 0 0
}
}
.prd-w-xxs .prd-name {
font-size: 14px;
line-height: 20px
}
.prd-w-xxs .prd-countdown {
display: none
}
.prd-w-xxs .prd-rating {
margin-top: 10px
}
.prd-w-xxs .prd-rating .rating {
font-size: 0
}
.prd-w-xxs .prd-labels {
top: 10px;
left: 10px
}
.prd-w-xxs .prd-labels > * {
min-width: 30px;
height: 16px;
font-size: 9px;
font-weight: var(--font-weight-600);
line-height: 12px;
border-radius: var(--radius-3)
}
.prd-w-xxs .prd-labels > * + * {
margin-top: 4px
}
.prd-w-xxs .prd-icons {
top: 5px;
right: 8px
}
.prd-w-xxs .prd-quantity {
width: 100%
}
.prd-w-xxs .prd-action form {
min-width: 100%
}
.prd-w-xxs .btn,
.prd-w-xxs .btn.btn--lg {
min-width: 120px;
padding: 0 10px;
font-size: 11px
}
.prd-w-xxs .btn.btn--lg.btn--wrap,
.prd-w-xxs .btn.btn--wrap,
body.has-btn-wrap .prd-w-xxs .btn,
body.has-btn-wrap .prd-w-xxs .btn.btn--lg {
padding: 8px 12px
}
.prd-w-xxs.prd--style1:not(.prd--style3) .prd-price {
font-size: 18px
}
.prd-w-xxs.prd--style1:not(.prd--style3) .prd-price .prd-price-old,
.prd-w-xxs.prd--style1:not(.prd--style3) .prd-price .prd-price-regular span {
font-size: .75em
}
.prd-w-xxs.prd--style1 .prd-top {
padding: 0 0 12px
}
.prd-w-xxs.prd--style1 .prd-bot {
padding: 18px 5px 14px
}
.prd-w-xxs.prd--style1 .prd-category {
font-size: 11px;
line-height: 1.1em
}
.prd-w-xxs.prd--style1 .prd-hover .prd-action,
.prd-w-xxs.prd--style1 .prd-hover variant-radios,
.prd-w-xxs.prd--style1 .prd-hover variant-selects {
padding-left: 0;
padding-right: 0
}
@media (min-width:1025px) {
.prd-w-xxs.prd--style1 .prd-hover {
padding: 12px 5px
}
}
@media (max-width:1024px) {
.prd-w-xxs.prd--style1 .prd-hover {
padding: 0
}
.prd-w-xxs.prd--style1 .prd-bot {
padding: 12px 0 0 0
}
.prd-w-xxs.prd--style1.prd--style3.prd-bot {
padding: 18px 0 0 0
}
.prd-w-xxs.prd--style1 .prd-rating {
margin-top: 0;
margin-bottom: 4px
}
}
.prd-w-xxs.prd--style2 .prd-bot {
padding: 27px 5px 0
}
.prd-w-xxs.prd--style2 .prd-hover {
padding: 18px 5px 15px
}
@media (max-width:1024px) {
.prd-w-xxs.prd--style2 .prd-hover {
padding: 18px 0 0
}
}
.prd-hor {
--product-card-bg: var(--product-only-card-bg);
padding: 25px 30px 30px;
border-radius: var(--radius-md,16px);
background-color: var(--product-card-bg);
transition: box-shadow .2s;
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04))
}
.prd-hor .prd-top {
padding: 0;
margin-bottom: 18px;
-ms-flex-align: center;
align-items: center
}
.prd-hor .prd-hover {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
overflow-y: clip;
padding: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--product-horizontal-card-bg);
border-radius: 0;
text-align: start;
-ms-flex-pack: end;
justify-content: end
}
.prd-hor .prd-hover .prd-action form {
margin: 0
}
.prd-hor .prd-hover .prd-action,
.prd-hor .prd-hover .prd-options.table_r {
padding-left: 0;
padding-right: 0
}
.prd-hor .prd-hover .scroll-content {
padding-right: 10px
}
.prd-hor .prd-hover .scrollbar-track-y {
top: 0;
right: -1px!important
}
.prd-hor .prd-hover .form-control-wrap + .form-control-wrap,
.prd-hor .prd-hover variant-radios + .form-control-wrap,
.prd-hor .prd-hover variant-select + .form-control-wrap {
margin-top: 10px
}
.prd-hor .prd-hover .prd-quantity {
margin-bottom: 5px
}
.prd-hor .prd-hover .prd-action:not(:first-child) {
margin-top: 10px;
padding-top: 0
}
.prd-hor .prd-hover .prd-action:not(:first-child) .prd-action form > input + .btn {
margin-top: 0
}
.prd-hor .prd-hover .prd-action form quickview-popup > .btn {
margin-top: 0
}
@media (min-width:1025px) {
.prd-hor .prd-hover.h-100 .prd-action:not(:first-child),
.prd-hor .prd-hover.h-100 .prd-price {
margin-top: 0
}
}
.prd-hor .prd-image {
position: absolute;
display: block;
overflow: hidden;
height: 100%;
width: 100%
}
.prd-hor .prd-image-wrap {
height: fit-content;
-ms-flex: 0 0 42.5%;
flex: 0 0 42.5%;
max-width: 42.5%;
margin: 0 15px
}
.prd-hor .prd-image-wrap .image-container {
padding-bottom: var(--product-aspect-ratio,120%)
}
.prd-hor .prd-info {
-ms-flex: 1;
flex: 1;
margin: 0 15px;
padding: 10px 0;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.prd-hor .prd-info > * + * {
margin-top: 15px
}
.prd-hor .prd-name {
width: 100%
}
.prd-hor .prd-name a {
font-size: var(--product-horizontal-card-name-size);
font-weight: var(--product-horizontal-card-name-weight);
line-height: 24px;
text-align: start;
color: var(--product-card-link-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-hor .prd-name a:hover {
color: var(--product-card-link-hover-color)
}
}
.prd-hor .prd-rating {
margin-top: 10px;
text-align: start
}
.prd-hor [class*=prd-desc] {
display: none;
font-size: 12px;
font-weight: var(--font-weight-400);
line-height: 18px
}
@media (max-width:767px) {
.prd-hor [class*=prd-desc] {
display: none!important
}
}
.prd-hor .prd-rating + [class*=prd-desc] {
margin-top: 10px
}
.prd-hor .prd-icons {
-ms-flex-align: center;
align-items: center;
position: static;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin: 0 -5px
}
.prd-hor .prd-icons > * {
margin: 0 5px
}
.prd-hor .prd-price {
width: calc(100% + 6px);
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -3px;
margin-right: -3px;
margin-top: auto;
padding-top: 15px;
font-size: var(--product-horizontal-card-price-size)
}
.prd-hor .prd-price .prd-price-regular {
color: var(--product-card-price-actual-color)
}
.prd-hor .prd-price .prd-price-regular span {
position: relative;
font-size: calc(var(--product-horizontal-card-price-size) * .6667);
font-weight: var(--font-weight-400);
padding-right: .1em
}
.prd-hor .prd-price .prd-price-old {
padding-right: 10px;
font-size: calc(var(--product-horizontal-card-price-size) * .6667);
font-weight: var(--font-weight-300);
color: var(--product-card-price-old-color)
}
.prd-hor .prd-price > * {
margin: 0 3px
}
.prd-hor .prd-labels {
top: 12px;
left: 12px
}
.prd-hor .prd-labels > * {
min-width: 35px;
height: 18px;
font-size: var(--label-size);
font-weight: var(--label-weight);
line-height: 1em;
border-radius: var(--radius-4)
}
.prd-hor .prd-labels > * + * {
margin-top: 5px
}
.prd-hor .prd-option-list {
-ms-flex-pack: start;
justify-content: flex-start
}
.prd-hor .prd-hor-inside {
display: -ms-flexbox;
display: flex;
margin-left: -15px;
margin-right: -15px;
overflow: hidden
}
@media (min-width:1025px) {
.prd-hor.hovered:not(.prd--hover-off) .prd-image-wrap .hide-on-hover {
opacity: 0
}
}
@media (hover:hover) and (min-width:1025px),
(hover:none) and (min-width:1025px) and (min-width:1025px) {
.prd-hor:hover {
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
.prd-hor:hover .prd-countdown,
.prd-hor:hover .prd-info .prd-desc,
.prd-hor:hover .prd-info > .prd-price {
opacity: 0
}
}
@media (max-width:1024px) {
.prd-hor:not(.prd--hover-off) .prd-info > .prd-price {
display: none
}
.prd-hor .prd-info > .prd-rating {
margin-top: 10px
}
.prd-hor .prd-hover {
width: 100%;
position: relative;
transform: none;
opacity: 1;
padding: 10px 0 0 0;
margin-top: auto;
background-color: transparent
}
.prd-hor .prd-hover .prd-price {
margin-top: 15px;
padding-top: 0
}
.prd-hor .prd-hover .prd-price:first-child,
.prd-hor .prd-hover input[type=hidden] + .prd-price {
margin-top: 0
}
.prd-hor .prd-hover .prd-action:not(:first-child) {
margin-top: 15px
}
}
.prd-hor-sm {
width: 100%;
padding: 0
}
.prd-hor-sm .prd-image {
position: relative;
display: block;
overflow: hidden
}
.prd-hor-sm .prd-info {
-ms-flex: 1;
flex: 1;
margin: 0 10px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.prd-hor-sm .prd-name {
-ms-flex-item-align: start;
align-self: flex-start
}
.prd-hor-sm .prd-name a {
font-size: 15px;
font-weight: var(--product-horizontal-card-name-weight);
line-height: 21px;
width: 100%;
text-align: start;
color: var(--product-card-link-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-hor-sm .prd-name a:hover {
color: var(--product-card-link-hover-color)
}
}
.prd-hor-sm .prd-image-wrap {
height: fit-content;
-ms-flex: 0 0 42.5%;
flex: 0 0 42.5%;
max-width: 42.5%;
margin: 0 10px;
-ms-flex-item-align: start;
align-self: flex-start
}
.prd-hor-sm .prd-image-wrap > a {
position: relative;
transform: none;
top: 0
}
.prd-hor-sm .prd-image-wrap .image-container {
padding-bottom: var(--product-aspect-ratio,120%)
}
@media (max-width:1199px) {
.prd-hor-sm .prd-image-wrap {
margin: 0 0 0 10px
}
}
.prd-hor-sm .prd-price {
margin-top: 10px;
margin-right: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 18px
}
.prd-hor-sm .prd-price .prd-price-regular {
padding-right: 5px
}
.prd-hor-sm .prd-price .prd-price-regular span {
font-size: 18px;
font-weight: var(--font-weight-400)
}
.prd-hor-sm .prd-price .prd-price-old {
font-size: 14px
}
.prd-hor-sm .prd-labels {
top: 12px;
left: 12px
}
.prd-hor-sm .prd-labels > * {
min-width: 35px;
height: 18px;
font-size: var(--label-size);
font-weight: var(--label-weight);
line-height: 1em;
border-radius: var(--radius-4)
}
.prd-hor-sm .prd-labels > * + * {
margin-top: 5px
}
.prd-hor-sm .prd-labels .prd-label--subscription {
height: 0!important;
overflow: hidden;
margin-top: -5px;
opacity: 0
}
.prd-hor-sm .prd-hor-inside {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: -10px;
margin-right: -10px
}
.prd-hor-sm .prd-rating {
text-align: start
}
.prd-hor-w-lg .prd-desc-lg,
.prd-hor-w-xl .prd-desc-lg {
display: block
}
.prd-hor-w-md .prd-desc-sm {
display: block
}
.prd-hor-w-sm {
padding: 20px
}
.prd-hor-w-sm .prd-countdown {
bottom: 10px
}
.prd-hor-w-sm .prd-countdown > :last-child {
display: none
}
.prd-hor-w-sm .prd-hor-inside {
margin-left: -10px;
margin-right: -10px
}
.prd-hor-w-sm .prd-hor-inside .prd-image-wrap {
-ms-flex: 0 0 150px;
flex: 0 0 150px;
max-width: 150px;
margin: 0 10px
}
.prd-hor-w-sm .prd-hor-inside .prd-info {
margin: 0 10px
}
.prd-hor-w-sm .prd-desc-sm {
display: block
}
.prd-hor-w-sm .prd-hover .prd-action form {
width: auto
}
.prd-hor-w-sm .btn,
.prd-hor-w-sm .btn.btn--lg {
min-width: 120px;
padding: 0 10px;
font-size: 11px
}
.prd-hor-w-sm .btn.btn--lg.btn--wrap,
.prd-hor-w-sm .btn.btn--wrap,
body.has-btn-wrap .prd-hor-w-sm .btn,
body.has-btn-wrap .prd-hor-w-sm .btn.btn--lg {
padding: 8px 12px
}
.prd-hor-w-xs {
padding: 20px
}
.prd-hor-w-xs .prd-countdown {
display: none
}
.prd-hor-w-xs .prd-image-wrap {
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%
}
.prd-hor-w-xs .prd-hover {
padding-top: 5px
}
.prd-hor-w-xs .prd-hor-inside {
margin-left: -10px;
margin-right: -10px
}
.prd-hor-w-xs .prd-hor-inside .prd-image-wrap {
margin: 0 10px
}
.prd-hor-w-xs .prd-hor-inside .prd-info {
margin: 0 10px;
padding-top: 0
}
.prd-hor-w-xs .prd-info > * + * {
margin-top: 12px
}
@media (min-width:1025px) {
.prd-hor-w-xs .prd-price {
margin-top: auto
}
}
.prd-hor-w-xs .prd-labels {
top: 5px;
left: 5px
}
.prd-hor-w-xs .prd-labels > * {
min-width: 30px;
height: 16px;
font-size: 9px;
font-weight: var(--font-weight-600);
line-height: 12px;
border-radius: var(--radius-3)
}
.prd-hor-w-xs .prd-labels > * + * {
margin-top: 4px
}
.prd-hor-w-xs .prd-desc-sm {
display: block
}
.prd-hor-w-xs .prd-hover .prd-action form {
width: auto
}
.prd-hor-w-xs .btn,
.prd-hor-w-xs .btn.btn--lg {
min-width: 120px;
padding: 0 10px;
font-size: 11px
}
.prd-hor-w-xs .btn.btn--lg.btn--wrap,
.prd-hor-w-xs .btn.btn--wrap,
body.has-btn-wrap .prd-hor-w-xs .btn,
body.has-btn-wrap .prd-hor-w-xs .btn.btn--lg {
padding: 8px 12px
}
.prd-hor-w-xxs {
padding: 14px
}
.prd-hor-w-xxs .prd-countdown {
display: none
}
.prd-hor-w-xxs .prd-image-wrap {
-ms-flex: 0 0 32%;
flex: 0 0 32%;
max-width: 32%
}
.prd-hor-w-xxs .prd-hover {
padding-top: 0
}
.prd-hor-w-xxs .prd-hover .prd-action form {
width: 100%
}
.prd-hor-w-xxs .prd-rating .rating {
font-size: 0
}
.prd-hor-w-xxs .prd-hor-inside {
margin-left: -17px;
margin-right: -17px
}
.prd-hor-w-xxs .prd-hor-inside .prd-image-wrap {
margin: 0 0 0 17px
}
.prd-hor-w-xxs .prd-hor-inside .prd-info {
margin: 0 17px;
padding-top: 0
}
.prd-hor-w-xxs .prd-info > * + * {
margin-top: 10px
}
@media (min-width:1025px) {
.prd-hor-w-xxs .prd-price {
margin-top: auto
}
}
.prd-hor-w-xxs .prd-name a {
font-size: 14px;
line-height: 20px
}
.prd-hor-w-xxs .prd-price {
font-size: 18px
}
.prd-hor-w-xxs .prd-labels {
top: 5px;
left: 5px
}
.prd-hor-w-xxs .prd-labels > * {
min-width: 30px;
height: 16px;
font-size: 8px;
font-weight: var(--font-weight-600);
line-height: 12px;
border-radius: var(--radius-3)
}
.prd-hor-w-xxs .prd-labels > * + * {
margin-top: 4px
}
.prd-hor-w-xxs .prd-desc-sm {
display: block
}
.prd-hor-w-xxs .btn,
.prd-hor-w-xxs .btn.btn--lg {
min-width: 120px;
padding: 0 10px;
font-size: 11px
}
.prd-hor-w-xxs .btn.btn--lg.btn--wrap,
.prd-hor-w-xxs .btn.btn--wrap,
body.has-btn-wrap .prd-hor-w-xxs .btn,
body.has-btn-wrap .prd-hor-w-xxs .btn.btn--lg {
padding: 8px 12px
}
.prd.prd-simple .prd-name a {
display: block;
position: relative;
font-size: 14px;
font-weight: var(--font-weight-400);
line-height: 18px;
overflow: hidden;
--max-lines: 2;
max-height: calc(18px * var(--max-lines))
}
.prd.prd-simple .prd-name a:not(:first-child) {
margin-top: 13px
}
.prd.prd-simple .prd-price {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 18px;
text-align: center
}
.prd.prd-simple .prd-price:not(:first-child) {
margin-top: 8px
}
.prd.prd-simple .prd-price .prd-price-regular span {
font-size: .75em;
font-weight: var(--font-weight-400);
padding-right: .1em
}
.prd.prd-simple .prd-bot {
padding: 10px 0 0
}
.prd.prd-simple .prd-image-wrap {
overflow: hidden
}
.prd.prd-simple .prd-image-wrap:not(.ic--ignore-global-round) {
border-radius: var(--radius-md,16px)
}
.prd.prd-simple .prd-image-wrap .prd-image > img {
transition: all .4s
}
.prd.prd-simple .prd-image-wrap .prd-image > img + img {
transition: all .25s
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd.prd-simple .prd-image-wrap:hover .prd-image > img:first-child:not(:only-of-type) {
opacity: 0;
transform: translateY(-20%)
}
.prd.prd-simple .prd-image-wrap:hover .prd-image > img + img {
opacity: 1;
transform: translateY(0)
}
}
.prd.prd-simple .prd-labels {
top: 10px;
left: 10px
}
.prd.prd-simple .prd-icons {
top: 10px;
right: 10px
}
.prd.prd-simple:not(.lookbook-prd) .prd-name a {
color: var(--body-link-secondary-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd.prd-simple:not(.lookbook-prd) .prd-name a:hover {
color: var(--body-link-secondary-color-hover)
}
}
.prd .prd-options .form-group + .form-group {
margin-top: 7px
}
.prd .prd-options .form-group .form-label {
margin-bottom: 4px;
font-weight: var(--font-weight-600)
}
.prd-options.table_d {
display: block;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
padding: 0 10px
}
.prd-options.table_d .prd-option-list {
-ms-flex-pack: start;
justify-content: flex-start
}
.prd-option.table_d + .prd-option.table_d > *,
.prd-option.table_d + .prd-option.table_d > .prd-option-list {
padding-top: 8px;
padding-bottom: 3px
}
.prd-options.table_r {
display: block;
width: 100%
}
.prd:not(.prd-hor) .prd-options.table_r {
text-align: center
}
.prd:not(.prd-hor) .prd-options.table_r .prd-option-list {
-ms-flex-pack: center;
justify-content: center
}
@media (max-width:1024px) {
.prd-hover .prd-options {
max-height: none!important
}
.prd-hover .prd-options.table_r {
overflow-x: visible;
overflow-y: visible
}
}
.inline-labels {
margin-top: -5px;
margin-bottom: 8px
}
.inline-labels > * {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 30px;
height: 16px;
font-size: 9px;
font-weight: var(--font-weight-600);
line-height: 12px;
color: var(--label-color);
background-color: var(--label-bg);
border-radius: var(--radius-3)
}
.inline-labels > * + * {
margin-right: 7px
}
@media (max-width:575px) {
.inline-labels {
display: none
}
}
.minicart-prd {
--product-card-bg: var(--product-only-card-bg);
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
margin: 0 60px 20px 0;
padding: 20px;
color: var(--minicart-product-text-color);
background-color: var(--minicart-product-bg);
border-radius: var(--radius-md,16px);
transition: box-shadow .2s;
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04));
transition: all .25s,transform .25s cubic-bezier(.22,.61,.36,1)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.minicart-prd:hover {
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
}
@media (max-width:767px) {
.minicart-prd {
margin-right: 75px
}
}
@media (max-width:575px) {
.minicart-prd {
padding: 15px;
margin: 20px
}
.minicart-prd:first-child {
margin-top: 0
}
}
@media (max-width:374px) {
.minicart-prd {
padding: 12px
}
}
.minicart-prd .prd-price [data-load] {
background-color: var(--minicart-product-bg)
}
.minicart-prd .subscription-label {
margin-top: 8px;
color: var(--product-card-text-color)
}
.minicart-prd product-form {
display: block;
width: 100%
}
.minicart-prd product-form .minicart-prd-inside,
.minicart-prd product-form > form {
height: 100%
}
.minicart-prd product-form[data-edit] minicart-line-item {
display: block
}
.minicart-prd-toggle-actions {
display: none;
position: absolute;
top: 12px;
right: 11px;
z-index: 1
}
@media (min-width:768px) {
.minicart-prd-action toggle-minicart-actions {
display: none
}
.minicart-prd-action toggle-minicart-actions + * {
margin-top: 0!important
}
}
.dropdn-modal-slide .minicart-prd {
min-height: 120px
}
@media (max-width:767px) {
.dropdn-modal-slide .minicart-prd {
min-height: 140px
}
}
.dropdn-modal-slide .minicart-prd.mp--sm {
min-height: 100px;
margin-bottom: 20px
}
.dropdn-modal-slide .minicart-prd.mp--sm:not(:last-child):after {
display: none!important
}
@media (max-width:767px) {
.minicart-prd .minicart-prd-action {
width: 0
}
wishlist-items .minicart-prd.is-opened {
min-height: 145px
}
.minicart-prd.is-opened {
transform: translateX(-70px)
}
.minicart-prd.is-opened .minicart-prd-toggle-actions svg {
display: none
}
.minicart-prd.is-opened .minicart-prd-action {
opacity: 1;
width: 56px
}
.minicart-prd-name {
margin-right: 25px
}
.minicart-prd-toggle-actions {
display: block
}
.minicart-prd-toggle-actions svg {
position: relative;
width: 20px;
height: 20px;
transition: .2s;
right: -3px
}
.minicart-prd-toggle-actions svg path {
fill: var(--product-card-icon-color)!important
}
.minicart-prd-action {
opacity: 0
}
}
.minicart-prd-image {
overflow: hidden;
-ms-flex: 0 0 145px;
flex: 0 0 145px;
max-width: 145px;
padding-left: 0
}
@media (max-width:767px) {
.minicart-prd-image {
-ms-flex: 0 0 110px;
flex: 0 0 110px;
max-width: 110px;
padding-right: 15px
}
}
@media (max-width:575px) {
.minicart-prd-image {
-ms-flex: 0 0 90px;
flex: 0 0 90px;
max-width: 90px
}
.minicart-prd-image .subscription-label {
font-size: 9px
}
}
@media (max-width:374px) {
.minicart-prd-image {
-ms-flex: 0 0 74px;
flex: 0 0 74px;
max-width: 74px;
padding-right: 12px
}
.minicart-prd-image .subscription-label {
font-size: 8px
}
}
.minicart-prd-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 0 0 5px;
-ms-flex: 0 0 calc(100% - 145px);
flex: 0 0 calc(100% - 145px);
max-width: calc(100% - 145px)
}
.minicart-prd-info [data-remove-interrupt] {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
.minicart-prd-info [data-remove-interrupt] .header-cart-line-item-body {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.minicart-prd-info dl {
display: table;
margin-bottom: 0
}
.minicart-prd-info dl > .cart-table-product-option {
display: block
}
.minicart-prd-info dl > .cart-table-product-option > dt {
width: auto
}
.minicart-prd-info dl > .cart-table-product-option > * {
display: inline;
word-break: break-all
}
.minicart-prd-info dl > .cart-table-product-option > * + * {
padding-left: 4px
}
.minicart-prd-info dl > .cart-table-product-option + .cart-table-product-option > * {
padding-top: 5px
}
.minicart-prd-info .cart-table-product-option:empty,
.minicart-prd-info .product-option:empty,
.minicart-prd-info dl:empty,
.minicart-prd-info ul:empty {
display: none
}
.minicart-prd-info .cart-table-product-option {
font-size: 12px;
line-height: 16px
}
.minicart-prd-info .cart-table-product-option > * {
font-weight: var(--font-weight-400)
}
.minicart-prd-info .prd-options.table_r {
padding: 0
}
.minicart-prd-info .form-label {
margin-bottom: 5px
}
.minicart-prd-info .form-group + .form-group {
margin-top: 7px
}
.minicart-prd-info form > * + * {
margin-top: 7px
}
.minicart-prd-info form > * + * fieldset.custom-form:first-child {
margin-top: 12px
}
.minicart-prd-info form > input + variant-radios,
.minicart-prd-info form > input + variant-selects {
margin-top: 0
}
@media (max-width:767px) {
.minicart-prd-info {
-ms-flex: 0 0 calc(100% - 110px);
flex: 0 0 calc(100% - 110px);
max-width: calc(100% - 110px)
}
}
@media (max-width:575px) {
.minicart-prd-info {
padding: 0;
-ms-flex: 0 0 calc(100% - 90px);
flex: 0 0 calc(100% - 90px);
max-width: calc(100% - 90px)
}
}
@media (max-width:374px) {
.minicart-prd-info {
-ms-flex: 0 0 calc(100% - 74px);
flex: 0 0 calc(100% - 74px);
max-width: calc(100% - 74px)
}
}
.minicart-prd-discount + .minicart-prd-info,
.minicart-prd-info:first-child {
-ms-flex: 1;
flex: 1;
max-width: 100%;
padding-left: 5px
}
@media (max-width:767px) {
.minicart-prd-discount + .minicart-prd-info,
.minicart-prd-info:first-child {
padding-left: 0
}
}
.minicart-prd-desc {
margin-top: 7px;
font-size: 12px;
line-height: 18px;
font-weight: var(--font-weight-400)
}
.minicart-prd-name {
margin-bottom: 5px;
font-size: 18px;
line-height: 27px;
font-weight: var(--font-weight-400);
transition: .2s
}
@media (max-width:575px) {
.minicart-prd-name {
font-size: 15px;
line-height: 22px
}
}
@media (max-width:374px) {
.minicart-prd-name {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 156px;
font-size: 14px;
line-height: 21px
}
}
h3.minicart-prd-name,
h3.minicart-prd-name a:not(.btn),
minicart-prd-name,
minicart-prd-name a:not(.btn) {
color: var(--minicart-product-name-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
h3.minicart-prd-name a:not(.btn):hover,
minicart-prd-name a:not(.btn):hover {
color: var(--minicart-product-name-hover-color)
}
}
.minicart-prd-qty {
position: relative;
-ms-flex-order: 2;
order: 2;
width: 105px;
max-width: 105px;
margin-left: auto;
margin-top: -7px
}
@media (max-width:575px) {
.minicart-prd-qty {
top: -4px;
margin-top: 0;
-ms-flex-order: 0;
order: 0
}
}
.minicart-prd-info-bottom {
display: -ms-flexbox;
display: flex;
margin-top: 12px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.minicart-prd-info-bottom.row {
--bs-gutter-x: 15px;
width: calc(100% + var(--bs-gutter-x));
max-width: none
}
.minicart-prd-info-bottom .prd-price {
height: 100%
}
@media (max-width:575px) {
.minicart-prd-info-bottom .prd-price {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
width: fit-content
}
}
@media (max-width:1024px) {
.minicart-prd-info-bottom {
margin-top: 12px
}
}
@media (max-width:575px) {
.minicart-prd-info-bottom {
-ms-flex-direction: column;
flex-direction: column;
margin-top: 10px
}
}
.minicart-prd-price {
position: relative;
width: calc(100% - 105px)
}
.minicart-prd-price .loading-overlay {
max-width: 90px;
min-width: 100%;
position: absolute;
left: 0
}
.minicart-prd-price .loading-overlay:not(.hidden) + .prd-price-regular,
.minicart-prd-price .loading-overlay:not(.hidden) ~ .unit-price {
-ms-flex-order: -1;
order: -1;
opacity: 0
}
.minicart-prd-price .loading-overlay [data-load=loading]:after {
top: 12px;
width: 10px;
height: 10px
}
.minicart-prd-info form > .prd-price,
.minicart-prd-price .prd-price {
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 50px;
margin-left: -5px;
margin-right: -5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-order: 1;
order: 1;
color: var(--minicart-product-price-color)
}
.minicart-prd-info form > .prd-price .prd-price-regular,
.minicart-prd-price .prd-price .prd-price-regular {
color: var(--minicart-product-price-color)
}
.minicart-prd-info form > .prd-price .prd-price-old,
.minicart-prd-price .prd-price .prd-price-old {
color: var(--minicart-product-price-color)
}
.minicart-prd-info form > .prd-price > *,
.minicart-prd-price .prd-price > * {
margin: 0 5px
}
.minicart-prd-info form > .prd-price .prd-price-regular,
.minicart-prd-price .prd-price .prd-price-regular {
font-size: 18px;
font-weight: var(--font-weight-600);
white-space: normal;
word-break: break-all
}
.minicart-prd-info form > .prd-price .prd-price-regular > span,
.minicart-prd-price .prd-price .prd-price-regular > span {
font-size: .6667em;
font-weight: var(--font-weight-400)
}
.minicart-prd-info form > .prd-price .loading-overlay:not(.hidden) + .prd-price-regular,
.minicart-prd-price .prd-price .loading-overlay:not(.hidden) + .prd-price-regular {
-ms-flex-order: -1;
order: -1;
opacity: 0
}
.minicart-prd-info form > .prd-price .prd-price-old,
.minicart-prd-info form > .prd-price .unit-price,
.minicart-prd-price .prd-price .prd-price-old,
.minicart-prd-price .prd-price .unit-price {
font-size: 12px;
line-height: 15px;
font-weight: var(--font-weight-400)
}
.minicart-prd-info form .prd-price {
margin-top: 12px
}
.minicart-prd-info form .prd-price > .unit-price {
margin-left: auto
}
[data-edit] .minicart-prd-info-bottom {
margin-top: auto;
margin-bottom: -10px;
padding-top: 12px
}
@media (max-width:575px) {
[data-edit] .minicart-prd-info-bottom {
margin-bottom: 0
}
}
[data-edit] .minicart-prd-info form .prd-price {
margin-top: 0
}
[data-edit] .minicart-prd-info form .prd-price > .unit-price {
margin-top: -2px;
margin-left: 5px
}
.minicart-prd-inside {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0
}
.minicart-prd-action {
position: absolute;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
top: 0;
bottom: 0;
right: -63px;
width: 63px;
padding: 0 3px 0 0;
overflow: hidden;
transition: .2s cubic-bezier(.22,.61,.36,1)
}
@media (max-width:767px) {
.minicart-prd-action {
padding-top: 10px;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.minicart-prd-action a + a,
.minicart-prd-action a + toggle-minicart-actions,
.minicart-prd-action toggle-minicart-actions + a {
margin-top: 10px
}
@media (max-width:767px) {
.minicart-prd-action a + a,
.minicart-prd-action a + toggle-minicart-actions,
.minicart-prd-action toggle-minicart-actions + a {
margin-top: 8px
}
}
.minicart-prd-action a:not(.btn).icon-cart {
background-color: var(--minicart-action-add-bg);
border: var(--minicart-action-add-border-width,0) solid var(--minicart-action-add-border-color)
}
.minicart-prd-action a:not(.btn).icon-cart path {
fill: var(--minicart-action-add-color)!important
}
.minicart-prd-action a:not(.btn).icon-cart [data-load=loading]:after,
.minicart-prd-action a:not(.btn).icon-cart [data-load=loading]:before {
background: var(--minicart-action-add-color)
}
.minicart-prd-action a:not(.btn).icon-cart [data-load] {
background: var(--minicart-action-add-bg)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.minicart-prd-action a:not(.btn).icon-cart:hover {
background-color: var(--minicart-action-add-hover-bg);
border: var(--minicart-action-add-border-width,0) solid var(--minicart-action-add-hover-border-color)
}
.minicart-prd-action a:not(.btn).icon-cart:hover path {
fill: var(--minicart-action-add-hover-color)!important
}
.minicart-prd-action a:not(.btn).icon-cart:hover [data-load=loading]:after,
.minicart-prd-action a:not(.btn).icon-cart:hover [data-load=loading]:before {
background: var(--minicart-action-add-hover-color)
}
.minicart-prd-action a:not(.btn).icon-cart:hover [data-load] {
background: var(--minicart-action-add-hover-bg)
}
}
.minicart-prd-action wishlist-button {
margin-left: auto
}
.dropdown-prd product-form .icon-wrap,
.dropdown-prd product-form a:not(.btn).icon-wrap,
.minicart-prd-action .icon-wrap,
.minicart-prd-action a:not(.btn).icon-wrap {
position: relative;
display: -ms-flexbox;
display: flex;
margin-left: auto;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
min-height: 40px;
min-width: 40px;
border-radius: var(--button-border-radius);
text-decoration: none;
border: 0;
background-color: var(--minicart-action-bg);
border: var(--minicart-action-border-width,0) solid var(--minicart-action-border-color)
}
.dropdown-prd product-form .icon-wrap svg,
.dropdown-prd product-form a:not(.btn).icon-wrap svg,
.minicart-prd-action .icon-wrap svg,
.minicart-prd-action a:not(.btn).icon-wrap svg {
width: 16px;
height: auto;
max-height: 15px
}
@media (max-width:767px) {
.dropdown-prd product-form .icon-wrap,
.dropdown-prd product-form a:not(.btn).icon-wrap,
.minicart-prd-action .icon-wrap,
.minicart-prd-action a:not(.btn).icon-wrap {
width: 36px;
height: 36px;
min-width: 36px;
min-height: 36px
}
.dropdown-prd product-form .icon-wrap svg,
.dropdown-prd product-form a:not(.btn).icon-wrap svg,
.minicart-prd-action .icon-wrap svg,
.minicart-prd-action a:not(.btn).icon-wrap svg {
max-width: 14px;
max-height: 13px
}
}
.dropdown-prd product-form .icon-wrap path,
.dropdown-prd product-form a:not(.btn).icon-wrap path,
.minicart-prd-action .icon-wrap path,
.minicart-prd-action a:not(.btn).icon-wrap path {
fill: var(--minicart-action-color)!important
}
.dropdown-prd product-form .icon-wrap [data-load=loading]:after,
.dropdown-prd product-form .icon-wrap [data-load=loading]:before,
.dropdown-prd product-form a:not(.btn).icon-wrap [data-load=loading]:after,
.dropdown-prd product-form a:not(.btn).icon-wrap [data-load=loading]:before,
.minicart-prd-action .icon-wrap [data-load=loading]:after,
.minicart-prd-action .icon-wrap [data-load=loading]:before,
.minicart-prd-action a:not(.btn).icon-wrap [data-load=loading]:after,
.minicart-prd-action a:not(.btn).icon-wrap [data-load=loading]:before {
background: var(--minicart-action-color)
}
.dropdown-prd product-form .icon-wrap [data-load],
.dropdown-prd product-form a:not(.btn).icon-wrap [data-load],
.minicart-prd-action .icon-wrap [data-load],
.minicart-prd-action a:not(.btn).icon-wrap [data-load] {
width: 30px;
height: 30px;
border-radius: var(--radius-50);
background: var(--minicart-action-bg)
}
.dropdown-prd product-form .icon-wrap [data-load=loading]:after,
.dropdown-prd product-form a:not(.btn).icon-wrap [data-load=loading]:after,
.minicart-prd-action .icon-wrap [data-load=loading]:after,
.minicart-prd-action a:not(.btn).icon-wrap [data-load=loading]:after {
top: calc(50% - 5px);
left: calc(50% - 5px);
width: 10px;
height: 10px;
font-size: 10px
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.dropdown-prd product-form .icon-wrap:hover,
.dropdown-prd product-form a:not(.btn).icon-wrap:hover,
.minicart-prd-action .icon-wrap:hover,
.minicart-prd-action a:not(.btn).icon-wrap:hover {
background-color: var(--minicart-action-hover-bg);
border: var(--minicart-action-border-width,0) solid var(--minicart-action-hover-border-color)
}
.dropdown-prd product-form .icon-wrap:hover path,
.dropdown-prd product-form a:not(.btn).icon-wrap:hover path,
.minicart-prd-action .icon-wrap:hover path,
.minicart-prd-action a:not(.btn).icon-wrap:hover path {
fill: var(--minicart-action-hover-color)!important
}
.dropdown-prd product-form .icon-wrap:hover [data-load=loading]:after,
.dropdown-prd product-form .icon-wrap:hover [data-load=loading]:before,
.dropdown-prd product-form a:not(.btn).icon-wrap:hover [data-load=loading]:after,
.dropdown-prd product-form a:not(.btn).icon-wrap:hover [data-load=loading]:before,
.minicart-prd-action .icon-wrap:hover [data-load=loading]:after,
.minicart-prd-action .icon-wrap:hover [data-load=loading]:before,
.minicart-prd-action a:not(.btn).icon-wrap:hover [data-load=loading]:after,
.minicart-prd-action a:not(.btn).icon-wrap:hover [data-load=loading]:before {
background: var(--minicart-action-hover-color)
}
.dropdown-prd product-form .icon-wrap:hover [data-load],
.dropdown-prd product-form a:not(.btn).icon-wrap:hover [data-load],
.minicart-prd-action .icon-wrap:hover [data-load],
.minicart-prd-action a:not(.btn).icon-wrap:hover [data-load] {
background: var(--minicart-action-hover-bg)
}
}
.dropdown-prd product-form .icon-wrap.iw--alt:not(:hover),
.dropdown-prd product-form a:not(.btn).icon-wrap.iw--alt:not(:hover),
.minicart-prd-action .icon-wrap.iw--alt:not(:hover),
.minicart-prd-action a:not(.btn).icon-wrap.iw--alt:not(:hover) {
background-color: var(--minicart-action-special-bg);
border: var(--minicart-action-special-border-width,0) solid var(--minicart-action-special-border-color)
}
.dropdown-prd product-form .icon-wrap.iw--alt:not(:hover) path,
.dropdown-prd product-form a:not(.btn).icon-wrap.iw--alt:not(:hover) path,
.minicart-prd-action .icon-wrap.iw--alt:not(:hover) path,
.minicart-prd-action a:not(.btn).icon-wrap.iw--alt:not(:hover) path {
fill: var(--minicart-action-special-color)!important
}
.dropdown-prd product-form .icon-wrap.iw--alt:not(:hover) [data-load=loading]:after,
.dropdown-prd product-form .icon-wrap.iw--alt:not(:hover) [data-load=loading]:before,
.dropdown-prd product-form a:not(.btn).icon-wrap.iw--alt:not(:hover) [data-load=loading]:after,
.dropdown-prd product-form a:not(.btn).icon-wrap.iw--alt:not(:hover) [data-load=loading]:before,
.minicart-prd-action .icon-wrap.iw--alt:not(:hover) [data-load=loading]:after,
.minicart-prd-action .icon-wrap.iw--alt:not(:hover) [data-load=loading]:before,
.minicart-prd-action a:not(.btn).icon-wrap.iw--alt:not(:hover) [data-load=loading]:after,
.minicart-prd-action a:not(.btn).icon-wrap.iw--alt:not(:hover) [data-load=loading]:before {
background: var(--minicart-action-special-color)
}
.dropdown-prd product-form .icon-wrap.iw--alt:not(:hover) [data-load],
.dropdown-prd product-form a:not(.btn).icon-wrap.iw--alt:not(:hover) [data-load],
.minicart-prd-action .icon-wrap.iw--alt:not(:hover) [data-load],
.minicart-prd-action a:not(.btn).icon-wrap.iw--alt:not(:hover) [data-load] {
background: var(--minicart-action-special-bg)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.dropdown-prd product-form .icon-wrap.iw--alt:hover,
.dropdown-prd product-form a:not(.btn).icon-wrap.iw--alt:hover,
.minicart-prd-action .icon-wrap.iw--alt:hover,
.minicart-prd-action a:not(.btn).icon-wrap.iw--alt:hover {
background-color: var(--minicart-action-special-hover-bg);
border: var(--minicart-action-special-border-width,0) solid var(--minicart-action-special-hover-border-color)
}
.dropdown-prd product-form .icon-wrap.iw--alt:hover path,
.dropdown-prd product-form a:not(.btn).icon-wrap.iw--alt:hover path,
.minicart-prd-action .icon-wrap.iw--alt:hover path,
.minicart-prd-action a:not(.btn).icon-wrap.iw--alt:hover path {
fill: var(--minicart-action-special-hover-color)!important
}
.dropdown-prd product-form .icon-wrap.iw--alt:hover [data-load=loading]:after,
.dropdown-prd product-form .icon-wrap.iw--alt:hover [data-load=loading]:before,
.dropdown-prd product-form a:not(.btn).icon-wrap.iw--alt:hover [data-load=loading]:after,
.dropdown-prd product-form a:not(.btn).icon-wrap.iw--alt:hover [data-load=loading]:before,
.minicart-prd-action .icon-wrap.iw--alt:hover [data-load=loading]:after,
.minicart-prd-action .icon-wrap.iw--alt:hover [data-load=loading]:before,
.minicart-prd-action a:not(.btn).icon-wrap.iw--alt:hover [data-load=loading]:after,
.minicart-prd-action a:not(.btn).icon-wrap.iw--alt:hover [data-load=loading]:before {
background: var(--minicart-action-special-hover-color)
}
.dropdown-prd product-form .icon-wrap.iw--alt:hover [data-load],
.dropdown-prd product-form a:not(.btn).icon-wrap.iw--alt:hover [data-load],
.minicart-prd-action .icon-wrap.iw--alt:hover [data-load],
.minicart-prd-action a:not(.btn).icon-wrap.iw--alt:hover [data-load] {
background: var(--minicart-action-special-hover-bg)
}
}
.dropdown-prd product-form .icon-wrap[data-action=close] svg,
.dropdown-prd product-form a:not(.btn).icon-wrap[data-action=close] svg,
.minicart-prd-action .icon-wrap[data-action=close] svg,
.minicart-prd-action a:not(.btn).icon-wrap[data-action=close] svg {
max-height: 12px
}
.dropdown-prd product-form .icon-wrap[data-action=add] svg,
.dropdown-prd product-form a:not(.btn).icon-wrap[data-action=add] svg,
.minicart-prd-action .icon-wrap[data-action=add] svg,
.minicart-prd-action a:not(.btn).icon-wrap[data-action=add] svg {
width: 18px;
max-height: 18px
}
.minicart-prd.mp--sm {
position: relative;
margin: 0 0 50px 0;
padding: 12px
}
.minicart-prd.mp--sm:last-child {
margin-bottom: 20px
}
.minicart-prd.mp--sm .minicart-prd-inside {
width: 100%;
height: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.minicart-prd.mp--sm .minicart-prd-image {
-ms-flex: 0 0 90px;
flex: 0 0 90px;
max-width: 90px;
position: relative;
height: fit-content;
padding: 0 12px 0 0
}
@media (max-width:374px) {
.minicart-prd.mp--sm .minicart-prd-image {
-ms-flex: 0 0 74px;
flex: 0 0 74px;
max-width: 74px
}
}
.minicart-prd.mp--sm .minicart-prd-image img {
border-radius: var(--radius-md,16px)
}
.minicart-prd.mp--sm .minicart-prd-image.image-off {
display: none
}
.minicart-prd.mp--sm quickview-popup {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 12px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: var(--radius-md,16px);
opacity: 0;
transition: opacity .2s
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.minicart-prd.mp--sm quickview-popup:hover {
opacity: 1;
cursor: pointer
}
}
.minicart-prd.mp--sm quickview-popup > a {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.minicart-prd.mp--sm quickview-popup > a:hover span {
color: var(--dark-icon-color);
background: var(--dark-icon-bg-hover)
}
.minicart-prd.mp--sm quickview-popup > a:hover span svg {
width: 21px;
height: 21px
}
}
.minicart-prd.mp--sm quickview-popup > a span {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 37px;
height: 37px;
transition: all .2s;
color: var(--dark-icon-color);
border-radius: var(--radius-max);
background: rgba(255,255,255,.45);
z-index: 2;
pointer-events: none
}
.minicart-prd.mp--sm quickview-popup > a span svg {
width: 22px;
height: 22px
}
.minicart-prd.mp--sm quickview-popup > a span svg path {
fill: currentColor
}
.minicart-prd.mp--sm .prd-labels > * {
padding-left: 4px;
padding-right: 4px
}
.minicart-prd.mp--sm .inline-labels,
.minicart-prd.mp--sm .prd-labels {
position: static;
-ms-flex-direction: row;
flex-direction: row;
max-width: calc(100% - 60px)
}
.minicart-prd.mp--sm .inline-labels > * + *,
.minicart-prd.mp--sm .prd-labels > * + * {
margin: 0 0 0 3px
}
.minicart-prd.mp--sm .prd-label--subscription,
.minicart-prd.mp--sm .prd-label--subscription-icon {
width: 0;
max-height: 0;
min-width: 0;
padding: 0;
margin-left: -3px;
overflow: hidden
}
.minicart-prd.mp--sm .subscription-label + .minicart-prd-qw,
.minicart-prd.mp--sm .subscription-label + quickview-popup,
.minicart-prd.mp--sm.mp--subscription quickview-popup {
height: calc(100% - 32px)
}
.minicart-prd.mp--sm .minicart-prd-image.image-off + .minicart-prd-info:only-child,
.minicart-prd.mp--sm .minicart-prd-info:only-child {
padding: 0
}
.minicart-prd.mp--sm .prd-labels:not(:empty) ~ .prd-icons + .minicart-prd-name {
margin-top: 10px;
margin-right: 0;
max-width: 100%
}
.minicart-prd.mp--sm .form-control-wrap,
.minicart-prd.mp--sm variant-radios,
.minicart-prd.mp--sm variant-selects {
margin-top: 10px
}
.minicart-prd.mp--sm .minicart-prd-name {
margin-bottom: 0;
font-size: 15px;
line-height: 1.3em
}
.minicart-prd.mp--sm .prd-icons + .minicart-prd-name {
margin-top: 0;
margin-bottom: 4px;
margin-right: 0;
max-width: calc(100% - 55px)
}
.minicart-prd.mp--sm .prd-labels:empty {
display: none
}
.minicart-prd.mp--sm .prd-labels:empty + .minicart-prd-name {
margin-top: 0
}
.minicart-prd.mp--sm .prd-labels:not(:empty) + .minicart-prd-name {
margin-top: 10px
}
.minicart-prd.mp--sm .minicart-prd-info-bottom {
-ms-flex-direction: row;
flex-direction: row;
margin-top: auto;
margin-bottom: -5px;
padding-top: 9px
}
.minicart-prd.mp--sm .minicart-prd-info-bottom .minicart-prd-qty {
width: 120px;
max-width: 120px
}
@media (max-width:575px) {
.minicart-prd.mp--sm .minicart-prd-info-bottom .minicart-prd-qty {
margin: 0
}
}
.minicart-prd.mp--sm .minicart-prd-info-bottom .minicart-prd-qty .prd-quantity {
width: 110px
}
.minicart-prd.mp--sm .minicart-prd-info-bottom .minicart-prd-price {
width: calc(100% - 120px)
}
.minicart-prd.mp--sm .minicart-prd-info form > .prd-price,
.minicart-prd.mp--sm .minicart-prd-price .prd-price {
margin-right: -2px;
margin-left: -2px
}
.minicart-prd.mp--sm .minicart-prd-info form > .prd-price > *,
.minicart-prd.mp--sm .minicart-prd-price .prd-price > * {
margin: 0 2px
}
.minicart-prd.mp--sm .minicart-prd-price {
display: -ms-flexbox;
display: flex
}
.minicart-prd.mp--sm .minicart-prd-price .prd-price {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.minicart-prd.mp--sm .minicart-prd-price .prd-price .prd-price-regular {
font-size: 18px;
line-height: 23px
}
.minicart-prd.mp--sm .minicart-prd-price .prd-price .prd-price-old {
font-size: 12px;
line-height: 15px
}
.minicart-prd.mp--sm .prd-options {
padding: 0
}
.minicart-prd.mp--sm .prd-options label {
display: none
}
.minicart-prd.mp--sm .form-control--rounded {
height: 28px;
font-size: 12px;
line-height: 16px
}
.minicart-prd.mp--sm .buy-checkbox {
position: absolute;
top: -4px;
right: 3px
}
.minicart-prd.mp--sm .prd-icons wishlist-button,
.minicart-prd.mp--sm .prd-icons wishlist-heart {
position: absolute;
top: 35px;
right: 10px
}
.minicart-prd.mp--sm .minicart-prd-info {
max-width: 100%;
-ms-flex: 1;
flex: 1;
padding: 0
}
.minicart-prd.mp--sm .minicart-prd-info .prd-icons {
top: 0;
right: 0
}
.minicart-prd.mp--sm .minicart-prd-info .buy-checkbox + .prd-icons wishlist-button,
.minicart-prd.mp--sm .minicart-prd-info .buy-checkbox + .prd-icons wishlist-heart {
top: 6px;
right: 9px
}
.minicart-prd.mp--sm .unit-price {
margin-top: 2px;
font-size: 12px;
line-height: 15px
}
.minicart-prd.mp--sm product-form {
display: block;
width: 100%
}
@media (max-width:575px) {
.minicart-prd-inside .minicart-prd-info:first-child + .cart-item__success {
margin-left: 5px
}
}
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom,
wishlist-items .minicart-prd.mp--sm .minicart-prd-inside > .minicart-prd-info-bottom {
display: none
}
.cart-form-element .minicart-prd .cart-item__error,
.cart-form-element .minicart-prd .cart-item__success,
wishlist-items .minicart-prd.mp--sm .cart-item__error,
wishlist-items .minicart-prd.mp--sm .cart-item__success {
margin: 12px 0 -3px;
padding-left: 0
}
wishlist-items .minicart-prd.mp--sm .minicart-prd-inside {
height: 100%
}
@media (max-width:767px) {
wishlist-items .minicart-prd.mp--sm {
margin: 0 35px 20px 0;
width: auto
}
wishlist-items .minicart-prd.mp--sm .minicart-prd-inside > .minicart-prd-info-bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: baseline;
align-items: baseline;
margin-top: 10px;
margin-bottom: -10px
}
wishlist-items .minicart-prd.mp--sm .minicart-prd-inside {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
wishlist-items .minicart-prd.mp--sm .minicart-prd-info {
padding-left: 0
}
wishlist-items .minicart-prd.mp--sm:not(:last-child):after {
display: none
}
.cart-form-element .minicart-prd {
margin-right: 20px
}
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom {
display: -ms-flexbox;
display: flex;
padding: 0;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center
}
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom .minicart-prd-qty {
top: 0;
margin-left: auto;
margin-top: 0
}
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom .prd-price {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 8px 2px;
-ms-flex-pack: start;
justify-content: flex-start
}
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom .prd-price .loading-overlay {
height: calc(100% - 8px)
}
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom .prd-price .loading-overlay [data-load] {
width: 100%;
height: 100%
}
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom .minicart-prd-price .loading-overlay {
position: absolute
}
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom .minicart-prd-price .loading-overlay [data-load=loading]:after {
top: calc(50% - 6px)
}
.cart-form-element .minicart-prd .minicart-prd-inside {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.cart-form-element .minicart-prd .minicart-prd-info minicart-line-item .btn {
padding-left: 20px;
padding-right: 20px
}
.cart-form-element .minicart-prd .minicart-prd-info .minicart-prd-info-bottom,
wishlist-items .minicart-prd.mp--sm .minicart-prd-info .minicart-prd-info-bottom {
display: none
}
.cart-form-element .minicart-prd .minicart-prd-info-bottom,
wishlist-items .minicart-prd.mp--sm .minicart-prd-info-bottom {
-ms-flex-direction: row;
flex-direction: row;
padding: 0
}
.cart-form-element .minicart-prd .minicart-prd-info-bottom .minicart-prd-qty,
wishlist-items .minicart-prd.mp--sm .minicart-prd-info-bottom .minicart-prd-qty {
top: 0;
margin-left: 0
}
.cart-form-element .minicart-prd .cart-item__error,
.cart-form-element .minicart-prd .cart-item__success,
wishlist-items .minicart-prd.mp--sm .cart-item__error,
wishlist-items .minicart-prd.mp--sm .cart-item__success {
margin: 10px 0 -2px
}
.cart-form-element .minicart-prd .minicart-prd-price,
wishlist-items .minicart-prd.mp--sm .minicart-prd-price {
width: calc(100% - 120px)
}
.cart-form-element .minicart-prd .minicart-prd-price .prd-price-regular,
wishlist-items .minicart-prd.mp--sm .minicart-prd-price .prd-price-regular {
word-break: break-all
}
}
@media (max-width:767px) {
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom,
wishlist-items .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom {
margin-top: 0;
margin-bottom: -10px
}
}
@media (max-width:575px) {
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom,
wishlist-items .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom {
margin-top: 0;
margin-bottom: -5px
}
}
@media (max-width:575px) {
.cart-form-element .minicart-prd {
margin-right: 20px
}
.cart-form-element .minicart-prd .minicart-prd-inside > .minicart-prd-info-bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding: 0;
margin-top: 5px;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center
}
wishlist-items .minicart-prd.mp--sm {
width: auto;
margin: 0 20px 20px
}
wishlist-items .minicart-prd.mp--sm .minicart-prd-inside > .minicart-prd-info-bottom {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-top: auto;
padding-top: 5px
}
wishlist-items .minicart-prd.mp--sm .cart-item__error,
wishlist-items .minicart-prd.mp--sm .cart-item__success {
margin: 5px auto
}
.cart-form-element .minicart-prd .cart-item__error,
.cart-form-element .minicart-prd .cart-item__success,
wishlist-items .minicart-prd .cart-item__error,
wishlist-items .minicart-prd .cart-item__success {
margin-top: 5px
}
}
wishlist-items .minicart-prd.mp--sm wishlist-button {
cursor: pointer
}
@media (min-width:768px) {
wishlist-items .minicart-prd.mp--sm {
margin: 0 60px 20px 0
}
wishlist-items .minicart-prd.mp--sm .minicart-prd-action > * + * {
margin-top: 11px
}
}
.dropdn-content-block .minicart-prd.mp--sm .minicart-prd-info .buy-checkbox:not(.hidden) + .prd-icons wishlist-button,
.dropdn-content-block .minicart-prd.mp--sm .minicart-prd-info .buy-checkbox:not(.hidden) + .prd-icons wishlist-heart {
top: 7px;
right: 37px
}
.minicart-prd.mp--sm:not(:last-child):after,
.swiper-slide:not(:last-child) .minicart-prd.mp--sm:after {
position: absolute;
bottom: -52px;
left: 0;
right: 0;
content: '+';
display: -ms-flexbox;
display: flex;
width: 34px;
height: 34px;
text-decoration: none;
border-radius: var(--radius-50);
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--product-card-bg);
color: currentColor;
margin: -10px auto 10px;
font-size: 23px;
font-weight: var(--font-weight-300)
}
minicart-prd-img {
display: block;
overflow: hidden;
border-radius: var(--radius-ic)
}
.swiper-container-prd-carousel {
padding: 15px 15px 20px;
margin: -15px -15px -20px;
text-align: center
}
.swiper-container-prd-carousel .swiper-wrapper {
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 0;
width: auto
}
.swiper-container-prd-carousel .swiper-slide {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
text-align: start
}
.swiper-container-prd-carousel .swiper-slide > .col {
max-width: 100%
}
.swiper-container-prd-carousel .swiper-slide .prd {
width: 100%
}
.swiper-container-prd-carousel:not(.swiper-container-multirow) .swiper-slide:last-child {
margin-right: 0!important
}
.swiper-container-prd-carousel.swiper-container-multirow.swiper-container-center.swiper-no-scroll .swiper-wrapper {
-ms-flex-pack: center;
justify-content: center
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.swiper-container-prd-carousel:hover .swiper-arrows-carousel {
opacity: 1;
pointer-events: all
}
}
.swiper-container-prd-carousel.swiper-container-multirow .swiper-slide {
height: auto
}
.swiper-container-prd-carousel.swiper-container-multirow .swiper-slide .prd-hor .prd-hor-inside {
height: 100%
}
body:not(.rtl-mode) .swiper-container-prd-carousel .swiper-slide:not(.swiper-slide-visible) .prd {
box-shadow: none
}
.has-product-style1 .swiper-container-prd-carousel .swiper-slide,
.has-product-style1 .swiper-container-prd-carousel .swiper-wrapper,
.has-product-style3 .swiper-container-prd-carousel .swiper-slide,
.has-product-style3 .swiper-container-prd-carousel .swiper-wrapper {
height: auto
}
@media (max-width:374px) {
.prd-grid.row-cols-xxs-1 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
}
.has-product-style1 .prd-grid,
.has-product-style3 .prd-grid {
margin-top: -40px
}
.has-product-style1 .prd-grid > *,
.has-product-style3 .prd-grid > * {
margin-top: 40px
}
@media (max-width:1024px) {
.has-product-style1 .prd-grid,
.has-product-style3 .prd-grid {
margin-top: -30px
}
.has-product-style1 .prd-grid > *,
.has-product-style3 .prd-grid > * {
margin-top: 30px
}
}
.has-product-style2 .prd-grid {
margin-top: -70px
}
.has-product-style2 .prd-grid > * {
margin-top: 70px
}
@media (max-width:1024px) {
.has-product-style2 .prd-grid {
margin-top: -50px
}
.has-product-style2 .prd-grid > * {
margin-top: 50px
}
}
.prd-prw-sm > .row {
min-height: 85px
}
.prd-prw-sm > .row > .col {
max-width: calc(100% - 85px - 30px)
}
.prd-prw-sm .prd-prw-img {
display: block;
overflow: hidden;
height: 100%;
border-radius: var(--radius-md,16px);
will-change: transform
}
.prd-prw-sm .prd-prw-img img {
width: 85px;
height: 100%;
object-fit: cover
}
.prd-prw-sm .prd-prw-img .image-container {
width: 85px;
height: 100%;
max-height: 85px;
border-radius: var(--radius-md,16px)
}
.prd-prw-sm .prd-prw-rating {
margin: 7px 0 5px;
text-align: start
}
.prd-prw-sm .prd-prw-price .prd-price-regular {
font-size: 15px;
line-height: 23px;
font-weight: var(--font-weight-400);
color: var(--prd-previews-price-color)
}
.prd-prw-sm .prd-prw-price .prd-price-old {
padding-left: 5px
}
.prd-prw-sm .prd-prw-title {
font-size: 15px;
line-height: 23px;
font-weight: var(--font-weight-400);
margin-bottom: 0
}
.prd-prw-sm .prd-prw-title,
.prd-prw-sm .prd-prw-title a {
color: var(--prd-previews-title-color)
}
.prd-prw-sm .prd-prw-title a {
text-decoration: none
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-prw-sm .prd-prw-title a:hover {
color: var(--prd-previews-title-color-hover)
}
}
.prd-prw-sm + .prd-prw-sm {
margin-top: 20px
}
.products-sm-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 30px;
grid-row-gap: 20px
}
@media (min-width:1200px) {
.products-sm-list.products-sm-list-xl-3 {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr
}
}
@media (min-width:1025px) {
.products-sm-list .prd-prw-sm + .prd-prw-sm {
margin-top: 0
}
}
@media (max-width:767px) {
.products-sm-list {
display: block
}
}
.minicart-prd,
.prd.prd--style1,
.prd.prd--style2 .prd-hover,
.sticky-add-to-cart {
--form-color-light: var(--product-card-color-light)
}
.minicart-prd .form-control,
.minicart-prd .form-control-wrap--select,
.minicart-prd .form-select-wrap,
.prd.prd--style1 .form-control,
.prd.prd--style1 .form-control-wrap--select,
.prd.prd--style1 .form-select-wrap,
.prd.prd--style2 .prd-hover .form-control,
.prd.prd--style2 .prd-hover .form-control-wrap--select,
.prd.prd--style2 .prd-hover .form-select-wrap,
.sticky-add-to-cart .form-control,
.sticky-add-to-cart .form-control-wrap--select,
.sticky-add-to-cart .form-select-wrap {
--form-color: var(--product-card-text-color);
--form-border-color: var(--product-card-form-border-color, var(--product-card-text-color))
}
.minicart-prd .product-form__error-message-wrapper,
.minicart-prd .product-form__success-message-wrapper,
.prd.prd--style1 .product-form__error-message-wrapper,
.prd.prd--style1 .product-form__success-message-wrapper,
.prd.prd--style2 .prd-hover .product-form__error-message-wrapper,
.prd.prd--style2 .prd-hover .product-form__success-message-wrapper,
.sticky-add-to-cart .product-form__error-message-wrapper,
.sticky-add-to-cart .product-form__success-message-wrapper {
color: var(--product-card-text-color)
}
.minicart-prd .custom-form input[type=checkbox] + label:before,
.minicart-prd .custom-form input[type=radio] + label:before,
.sticky-add-to-cart .custom-form input[type=checkbox] + label:before,
.sticky-add-to-cart .custom-form input[type=radio] + label:before {
--form-border-color: var(--product-card-form-border-color, var(--product-card-text-color))
}
.prd .prd-description ol:not(:first-child),
.prd .prd-description ul:not(:first-child),
[class*=prd-desc] ol:not(:first-child),
[class*=prd-desc] ul:not(:first-child) {
margin: 8px 0 0
}
.prd .prd-description ol,
.prd .prd-description ul,
[class*=prd-desc] ol,
[class*=prd-desc] ul {
padding: 0 0 0 17px
}
.prd.prd--hover-off .prd-hover {
display: none!important
}
@media (max-width:1024px) {
.prd.prd--hover-off .prd-bot {
display: block!important;
text-align: center
}
.prd.prd--hover-off .prd-bot > * {
display: block!important
}
}
body.has-rounded-options {
--product-swatches-color-height: var(--product-swatches-color-width);
--product-swatches-text-height: var(--product-swatches-text-width)
}
body.has-rounded-options .prd-option-list .image-container,
body.has-rounded-options .prd-option-list label,
body.has-rounded-options .prd-option-list label.label-option-color,
body.has-rounded-options .prd-option-list label.label-option-color > span:after,
body.has-rounded-options .prd-option-list label.label-option-color img,
body.has-rounded-options .prd-option-list li.label-option-color,
body.has-rounded-options .prd-option-list li.label-option-color > a:after,
body.has-rounded-options .prd-option-list li.label-option-color img {
border-radius: 1000px
}
body.has-rounded-options .prd-option-list .image-container {
padding-bottom: 100%!important
}
body.has-rounded-options .prd-option-list label:after,
body.has-rounded-options .prd-option-list label:before {
border-radius: 1000px
}
.product-single {
position: relative
}
.product-single .image-container {
display: block
}
.product-single .image-container + [data-load],
.product-single .image-container [data-load] {
display: none!important
}
@media (min-width:768px) {
.product-single.ps--invert {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
product-single-previews {
display: block
}
@media (max-width:767px) {
product-single-previews {
width: 100%
}
}
.ps-tabs {
max-width: 342px;
margin: 0
}
@media (max-width:1199px) {
.ps-tabs {
max-width: 300px
}
}
@media (max-width:1024px) {
.ps-tabs {
max-width: 250px
}
}
.ps-tabs .swiper-slide {
position: relative;
overflow: hidden;
transition: all .2s
}
.ps-tabs .swiper-slide > a {
position: relative;
border: 1px solid transparent
}
.ps-tabs .swiper-slide > a:before {
position: absolute;
z-index: 1;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
content: "";
transition: opacity .1s;
opacity: 0;
border: 8px solid #fff;
border-radius: var(--radius-md)
}
.ps-tabs .swiper-slide > a:not(.ic--ignore-global-round) {
border-radius: var(--radius-sm)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.ps-tabs .swiper-slide > a:hover {
border: 1px solid var(--ps-line-color)
}
.ps-tabs .swiper-slide > a:hover:before {
opacity: 1
}
.ps-tabs .swiper-slide > a.image-container:hover img {
border-radius: var(--radius-md)
}
}
.ps-tabs .swiper-slide > a.active {
border: 1px solid var(--ps-line-color)
}
.ps-tabs .swiper-slide > a.active:before {
opacity: 1
}
.ps-tabs .swiper-slide > a.active.image-container img {
border-radius: var(--radius-md)
}
@media (min-width:1025px) {
.ps-main-gallery {
max-width: calc(30px + 2 * var(--offset))
}
}
@media (min-width:1025px) {
.ps-main-gallery {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 400px;
max-width: calc(40px + 2 * var(--offset));
border-radius: var(--radius-ic);
overflow: hidden
}
}
@media (max-width:1024px) {
.ps-main-gallery {
position: relative;
width: 400px;
max-width: 100%;
margin: 30px auto
}
}
@media (max-width:767px) {
.ps-main-gallery {
max-width: 100%
}
}
.ps-info-wrap,
.ps-previews-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 120px 60px;
border-radius: var(--radius-md);
overflow: hidden
}
.container-fluid.px-0 .ps-info-wrap,
.container-fluid.px-0 .ps-previews-wrap {
border-radius: 0
}
@media (max-width:1199px) {
.ps-info-wrap,
.ps-previews-wrap {
padding: 90px 50px
}
}
@media (max-width:1024px) {
.ps-info-wrap,
.ps-previews-wrap {
padding: 60px 30px
}
}
.ps-info-wrap.colorize-invert {
--ps-info-color: var(--text-color-invert)
}
.ps-info-wrap .prd-rating {
text-align: left
}
.ps-info-wrap .prd-rating .lumia-icon path {
fill: var(--ps-rating-color)
}
@media (max-width:1024px) {
.ps-info-wrap {
text-align: center
}
.ps-info-wrap .prd-rating {
text-align: center
}
}
.ps-info,
.ps-previews {
max-width: 100%
}
.product-single {
--offset: 156px
}
@media (max-width:1465px) {
.product-single {
--offset: 100px
}
}
@media (max-width:1199px) {
.product-single {
--offset: 70px
}
}
@media (min-width:1025px) {
.ps-info,
.ps-previews {
width: 364px;
max-width: 364px
}
.product-single:not(.ps--invert) .ps-previews-wrap {
-ms-flex-pack: end;
justify-content: flex-end
}
.product-single:not(.ps--invert) .ps-info-wrap {
-ms-flex-pack: start;
justify-content: flex-start
}
.product-single:not(.ps--invert) .ps-previews {
margin-right: var(--offset)
}
.product-single:not(.ps--invert) .ps-info {
margin-left: var(--offset)
}
.product-single.ps--invert .ps-previews-wrap {
-ms-flex-pack: start;
justify-content: flex-start
}
.product-single.ps--invert .ps-info-wrap {
-ms-flex-pack: end;
justify-content: flex-end
}
.product-single.ps--invert .ps-previews {
margin-left: var(--offset)
}
.product-single.ps--invert .ps-info {
margin-right: var(--offset)
}
}
.ps-info > * {
color: var(--ps-info-color)
}
.ps-info .prd-rating {
--ps-rating-color: var(--text-color);
color: var(--ps-rating-color)
}
.ps-info .ps-category {
font-size: 21px;
line-height: 1.2em;
font-weight: var(--font-weight-600);
margin-bottom: 18px
}
@media (max-width:1024px) {
.ps-info .ps-category {
font-size: 18px
}
}
.ps-info .ps-title {
font-size: 48px;
line-height: 1.1em;
font-weight: var(--font-weight-700);
margin-bottom: 30px
}
@media (max-width:1024px) {
.ps-info .ps-title {
font-size: 36px
}
}
.ps-info .ps-title:last-child {
margin-bottom: 0
}
.ps-info .prd-price {
font-size: 30px
}
.ps-info .prd-price .prd-price-regular > span {
font-size: .667em
}
.ps-info .prd-rating svg {
width: 24px;
height: 24px
}
.ps-info .prd-rating svg + svg {
margin-left: .5em
}
.ps-text {
color: var(--text-color)
}
.ps-text:not(:first-child) {
margin-top: 15px;
padding-top: 20px;
border-top: 1px solid var(--ps-line-color)
}
@media (max-width:1024px) {
.ps-text:first-child {
margin-top: 15px
}
}
.ps-text .ps-text-title {
margin-bottom: 0;
font-weight: var(--font-weight-600);
text-transform: uppercase;
color: var(--text-color)
}
.ps-text .ps-text-content {
padding-top: 10px;
font-size: 15px;
line-height: 1.8em
}
.ps-text .ps-text-actions {
margin-top: 70px
}
@media (max-width:1199px) {
.ps-text .ps-text-actions {
margin-top: 50px
}
}
@media (max-width:1024px) {
.ps-text .ps-text-actions {
margin-top: 30px
}
}
@media (max-width:767px) {
.ps-text .ps-text-actions {
margin-top: 15px
}
}
.ps-text .ps-text-actions .prd-action {
padding: 0
}
.ps-text .ps-text-actions .prd-action .btn {
width: min-content
}
.ps-text .prd-price {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: end;
align-items: flex-end
}
.ps-text .prd-price .prd-price-old {
font-size: 20px
}
.ps-text .prd-price .prd-price-regular {
padding-right: 5px;
font-size: 30px
}
.ps-text .prd-price .prd-price-regular span {
font-size: 23px
}
.ps-text .prd-price .prd-price-regular .prd-price-from {
display: block;
width: 100%;
font-size: 15px;
line-height: 1.6em
}
@media (max-width:767px) {
.ps-info-wrap {
-ms-flex-order: -1;
order: -1
}
.ps-info-wrap .ps-info {
margin: 0 auto;
text-align: center
}
.product-single.ps--invert .ps-info-wrap,
.product-single:not(.ps--invert) .ps-info-wrap {
padding: 45px 0 15px
}
.ps-previews-wrap {
-ms-flex-order: 1;
order: 1;
padding: 15px 0 0;
border-radius: 0
}
.ps-tabs {
width: 300px;
max-width: calc(100% - 30px);
margin: auto
}
}
@media (max-width:575px) {
.product-single.ps--invert .ps-info-wrap,
.product-single:not(.ps--invert) .ps-info-wrap {
padding: 45px 0 0
}
}
.product-single--horizontal .ps-product {
color: var(--text-color);
background-color: var(--bg-color)
}
.product-single--horizontal .ps-product-info {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.product-single--horizontal .ps-product-info > * {
margin-bottom: 0
}
.product-single--horizontal .ps-product-info > * + * {
margin-top: 30px
}
@media (max-width:767px) {
.product-single--horizontal .ps-product-info {
max-width: 590px;
margin: 0 auto
}
}
.product-single--horizontal .ps-product-info-right {
max-width: 590px;
text-align: start;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.product-single--horizontal .ps-product-info-right > * {
margin-bottom: 0
}
.product-single--horizontal .ps-product-info-right > * + * {
margin-top: 20px
}
@media (max-width:1199px) {
.product-single--horizontal .ps-product-info-right {
text-align: center
}
}
.product-single--horizontal .ps-product-info-right .h3-style,
.product-single--horizontal .ps-product-info-right h3 {
font-weight: var(--font-weight-600);
text-transform: uppercase
}
.product-single--horizontal.ps--invert .ps-product {
-ms-flex-align: center;
align-items: center
}
@media (max-width:1024px) {
.product-single--horizontal.ps--invert .ps-product {
padding: 50px 30px;
text-align: center
}
}
@media (max-width:575px) {
.product-single--horizontal.ps--invert .ps-product {
padding: 30px 15px
}
}
@media (max-width:1465px) {
.product-single--horizontal.ps--invert .ps-product-info-right {
padding: 60px
}
}
@media (max-width:1199px) {
.product-single--horizontal.ps--invert .ps-product-info-right {
padding: 50px
}
}
@media (max-width:1024px) {
.product-single--horizontal.ps--invert .ps-product-info-right {
padding: 50px 30px;
margin: 0 auto
}
}
@media (max-width:575px) {
.product-single--horizontal.ps--invert .ps-product-info-right {
padding: 50px 15px
}
}
.product-single--horizontal:not(.ps--invert) .ps-product {
-ms-flex-align: center;
align-items: center
}
@media (max-width:1024px) {
.product-single--horizontal:not(.ps--invert) .ps-product {
padding: 50px 30px;
text-align: center
}
}
@media (max-width:575px) {
.product-single--horizontal:not(.ps--invert) .ps-product {
padding: 50px 15px
}
}
@media (max-width:1465px) {
.product-single--horizontal:not(.ps--invert) .ps-product-info-right {
padding: 60px
}
}
@media (max-width:1199px) {
.product-single--horizontal:not(.ps--invert) .ps-product-info-right {
padding: 50px
}
}
@media (max-width:1024px) {
.product-single--horizontal:not(.ps--invert) .ps-product-info-right {
padding: 50px 30px;
margin: 0 auto
}
}
@media (max-width:575px) {
.product-single--horizontal:not(.ps--invert) .ps-product-info-right {
padding: 50px 15px
}
}
.container-fluid > .product-single--horizontal .ps-previews-wrap {
padding: 0
}
.container-fluid > .product-single--horizontal .ps-previews-wrap .ps-previews {
width: 100%;
margin: 0
}
.container-fluid > .product-single--horizontal .ps-product > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%
}
@media (max-width:1199px) {
.container-fluid > .product-single--horizontal .ps-product > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
}
@media (max-width:1199px) and (min-width:1025px) {
.container-fluid > .product-single--horizontal .ps-product {
text-align: center
}
.container-fluid > .product-single--horizontal .ps-previews-wrap {
padding: 0 0 30px
}
.container-fluid > .product-single--horizontal .ps-previews-wrap .ps-previews {
margin: 0 auto
}
}
.container-fluid > .product-single--horizontal.ps--invert .ps-product {
padding: 90px 30px 90px 115px
}
@media (max-width:1465px) {
.container-fluid > .product-single--horizontal.ps--invert .ps-product {
padding: 60px 30px 60px 60px
}
}
@media (max-width:1299px) {
.container-fluid > .product-single--horizontal.ps--invert .ps-product {
padding: 60px 30px
}
}
@media (max-width:1199px) and (min-width:1025px) {
.container-fluid > .product-single--horizontal.ps--invert .ps-product {
padding: 50px 30px
}
}
@media (min-width:1200px) {
.container-fluid > .product-single--horizontal.ps--invert .ps-product-info-right {
padding: 90px 115px 90px 30px
}
}
.container-fluid > .product-single--horizontal:not(.ps--invert) .ps-product {
padding: 90px 30px 90px 115px
}
@media (max-width:1465px) {
.container-fluid > .product-single--horizontal:not(.ps--invert) .ps-product {
padding: 60px 30px 60px 60px
}
}
@media (max-width:1299px) {
.container-fluid > .product-single--horizontal:not(.ps--invert) .ps-product {
padding: 60px 30px
}
}
@media (max-width:1199px) and (min-width:1025px) {
.container-fluid > .product-single--horizontal:not(.ps--invert) .ps-product {
padding: 50px 30px
}
}
@media (min-width:1200px) {
.container-fluid > .product-single--horizontal:not(.ps--invert) .ps-product-info-right {
padding: 90px 30px 90px 115px
}
}
.container > .product-single--horizontal .ps-product {
text-align: center
}
@media (min-width:768px) {
.container > .product-single--horizontal .ps-product {
border-radius: var(--radius-md,16px)
}
}
.container > .product-single--horizontal .ps-product > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.container > .product-single--horizontal .ps-previews-wrap {
padding: 0 0 30px
}
.container > .product-single--horizontal .ps-previews-wrap .ps-previews {
margin: 0 auto
}
.container > .product-single--horizontal.ps--invert .ps-product {
-ms-flex-align: center;
align-items: center;
padding: 90px 45px 90px
}
@media (max-width:1465px) {
.container > .product-single--horizontal.ps--invert .ps-product {
padding: 60px 30px 60px
}
}
@media (max-width:1199px) and (min-width:1025px) {
.container > .product-single--horizontal.ps--invert .ps-product {
padding: 50px 30px 50px
}
}
@media (min-width:1200px) {
.container > .product-single--horizontal.ps--invert .ps-product-info-right {
padding: 90px 60px 90px 0
}
}
.container > .product-single--horizontal:not(.ps--invert) .ps-product {
-ms-flex-align: center;
align-items: center;
padding: 90px 45px 90px
}
@media (max-width:1465px) {
.container > .product-single--horizontal:not(.ps--invert) .ps-product {
padding: 60px 30px 60px
}
}
@media (max-width:1199px) and (min-width:1025px) {
.container > .product-single--horizontal:not(.ps--invert) .ps-product {
padding: 50px 30px 50px
}
}
@media (min-width:1200px) {
.container > .product-single--horizontal:not(.ps--invert) .ps-product-info-right {
padding: 90px 0 90px 60px
}
}
.container > .product-single--horizontal .ps-tabs {
margin-left: auto;
margin-right: auto
}
.product-single--horizontal .ps-product-action .prd-action {
padding-left: 0;
padding-right: 0
}
@media (min-width:1200px) {
.product-single--horizontal .ps-product-action .prd-action form {
margin: 0
}
}
.product-single--horizontal .ps-product-title {
color: var(--text-color)
}
.product-single--horizontal .ps-main-gallery {
position: static;
transform: none;
width: 100%;
max-width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
overflow: hidden
}
.product-single--horizontal .ps-main-gallery swiper-carousel {
width: 100%
}
@media (max-width:1199px) {
.product-single--horizontal .ps-main-gallery {
margin: 20px auto 0;
height: auto;
width: 400px;
max-width: 100%
}
}
@media (max-width:575px) {
.product-single--horizontal .ps-main-gallery {
width: 100%
}
}
.product-single--horizontal .ps-tabs {
max-width: 305px
}
@media (max-width:1199px) {
.product-single--horizontal .ps-tabs {
max-width: 250px;
margin: 20px auto 0
}
}
@media (max-width:767px) {
.product-single--horizontal .ps-tabs {
width: 220px;
max-width: 100%;
margin: 20px auto 0
}
}
.product-single--horizontal .ps-tabs .swiper-slide {
position: relative;
overflow: hidden;
max-width: 92px;
transition: all .2s
}
.product-single--horizontal .ps-tabs .swiper-slide > a {
position: relative;
border: 0
}
.product-single--horizontal .ps-tabs .swiper-slide > a:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
border: 4px solid #fff;
opacity: 0;
transition: opacity .2s
}
.product-single--horizontal .ps-tabs .swiper-slide > a:before {
display: none
}
.product-single--horizontal .ps-tabs .swiper-slide > a:not(.ic--ignore-global-round) {
border-radius: var(--radius-ic)
}
.product-single--horizontal .ps-tabs .swiper-slide > a:not(.ic--ignore-global-round):after {
border-radius: var(--radius-ic)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.product-single--horizontal .ps-tabs .swiper-slide > a:hover:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
border: 4px solid #fff
}
}
.product-single--horizontal .ps-tabs .swiper-slide > a.active:after {
opacity: 1
}
.product-single--horizontal .swiper-pagination .swiper-pagination-bullet:after,
.product-single--horizontal .swiper-pagination .swiper-pagination-bullet:hover:after {
background: var(--text-color)
}
.modal-wrap.fancybox-content {
display: -webkit-inline-box!important;
max-width: calc(100% - 60px);
max-height: calc(100% - 60px);
width: 1170px;
border-radius: var(--radius-md);
background-color: var(--modal-bg);
padding: clamp(30px,8vh,60px) 33px;
margin: 30px 0;
overflow: hidden;
will-change: transform
}
@media (min-width:375px) {
.modal-wrap.fancybox-content.fc--fullheight {
height: calc(100% - 60px)
}
.modal-wrap.fancybox-content.fc--fullheight .modal-wrap-scroll {
margin: auto 0
}
}
@media (max-width:1024px) {
.modal-wrap.fancybox-content {
border-radius: var(--radius-md);
padding: clamp(40px,10vh,100px) 25px
}
}
@media (max-width:575px) {
.modal-wrap.fancybox-content {
border-radius: var(--radius-md);
padding: 40px 10px
}
}
@media (max-width:374px) {
.modal-wrap.fancybox-content {
display: -ms-inline-flexbox!important;
display: inline-flex!important;
height: 100%;
max-width: 100%;
max-height: 100%;
margin: 0;
-ms-flex-align: center;
align-items: center;
border-radius: 0
}
}
.modal-wrap.fancybox-content > [data-ajax-container] {
width: 100%;
height: 100%
}
.modal-wrap.fancybox-content > .modal-wrap-inside,
.modal-wrap.fancybox-content > [data-ajax-container] .modal-wrap-inside {
--modal-wrap-pad: clamp(60px, 16vh, 120px);
width: 100%;
max-height: calc(100vh - 60px - var(--modal-wrap-pad));
height: 100%;
overflow: hidden
}
.modal-wrap.fancybox-content > .modal-wrap-inside .container-fluid,
.modal-wrap.fancybox-content > [data-ajax-container] .modal-wrap-inside .container-fluid {
overflow: hidden
}
@media (max-width:575px) {
.modal-wrap.fancybox-content > .modal-wrap-inside {
max-height: calc(100vh - 60px)
}
}
@media (max-width:1024px) {
.modal-wrap.fancybox-content > [data-ajax-container] .modal-wrap-inside {
max-height: 100%
}
}
.modal-wrap.fancybox-content .scrollbar-track.scrollbar-track-x {
display: none!important
}
.modal-wrap.fancybox-content .title-wrap {
padding-left: 0;
padding-right: 0
}
.modal-toggle-images {
display: none
}
.modal-wrap.fancybox-content .modal-wrap-title .h1-style > span:not(:last-child) {
padding-right: 10px
}
.modal-wrap.fancybox-content .modal-toggle-images {
display: inline-block;
position: relative;
top: -1px;
cursor: pointer;
font-size: 13px;
font-weight: var(--font-weight-400);
font-family: var(--body-font-family);
color: var(--body-link-secondary-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.modal-wrap.fancybox-content .modal-toggle-images:hover {
color: var(--body-link-secondary-color-hover)
}
}
.modal-wrap.fancybox-content .modal-toggle-images > span:last-child {
display: none
}
.modal-wrap.fancybox-content.images-off .modal-toggle-images > span:first-child {
display: none
}
.modal-wrap.fancybox-content.images-off .modal-toggle-images > span:last-child {
display: inline-block
}
.modal-wrap-scroll {
overflow: hidden;
max-height: 100%;
width: 100%;
padding: 0
}
.modal-wrap-scroll .mmenu-submenu .container-fluid > :last-child {
border-bottom: 2px solid transparent
}
.searchmodal-bottom {
margin-top: 60px
}
@media (max-width:1199px) {
.searchmodal-bottom {
margin-top: 50px
}
}
@media (max-width:1024px) {
.searchmodal-bottom {
margin-top: 40px
}
}
.modal-wrap.fancybox-content.searchmodal {
height: 680px;
padding: 50px 33px 25px
}
@media (max-width:1199px) {
.modal-wrap.fancybox-content.searchmodal {
height: 655px
}
}
@media (max-width:1024px) {
.modal-wrap.fancybox-content.searchmodal {
padding: 50px 8px 25px
}
}
@media (max-width:1024px) {
.modal-wrap.fancybox-content.searchmodal {
height: 535px
}
}
@media (max-width:767px) {
.modal-wrap.fancybox-content.searchmodal {
height: 76vw
}
}
@media (max-width:575px) {
.modal-wrap.fancybox-content.searchmodal {
padding: 40px 0 15px
}
}
@media (max-height:610px) {
.modal-wrap.fancybox-content.searchmodal {
height: 200px
}
.modal-wrap.fancybox-content.searchmodal .searchmodal-bottom {
display: none
}
}
@media (max-height:560px) and (max-width:374px) {
.modal-wrap.fancybox-content.searchmodal {
height: 200px
}
.modal-wrap.fancybox-content.searchmodal .searchmodal-bottom {
display: none
}
}
.modal-wrap.fancybox-content.searchmodal .modal-wrap-scroll {
padding: 0 32px
}
@media (max-width:575px) {
.modal-wrap.fancybox-content.searchmodal .modal-wrap-scroll {
padding: 0 25px
}
}
.modal-wrap.fancybox-content.searchmodal .modal-wrap-scroll .scroll-content {
padding: 0
}
.modal-wrap.fancybox-content.searchmodal .swiper-container-prd-carousel:not(.swiper-container-initialized) {
height: 272px
}
.modal-wrap.fancybox-content.searchmodal .searchmodal-bottom .swiper-container-prd-carousel {
margin: -10px -10px 0;
padding: 15px 10px
}
.modal-wrap.fancybox-content.collectionmodal {
height: auto;
min-height: 400px;
padding: 50px 33px
}
.modal-wrap.fancybox-content.collectionmodal .scroll-content {
margin: 0 33px
}
@media (max-width:1024px) {
.modal-wrap.fancybox-content.collectionmodal {
display: none
}
}
@media (min-width:1025px) {
.modal-wrap.fancybox-content.collectionmodal .prd.prd--style2 {
padding-bottom: 0;
margin-bottom: 0
}
}
.modal-wrap-title {
display: none;
margin-bottom: clamp(30px,6vh,50px)
}
@media (max-width:1024px) {
.modal-wrap-title {
margin-bottom: clamp(30px,10vh,60px)
}
}
@media (max-width:1024px) {
.modal-wrap-title {
margin-bottom: clamp(30px,10vh,60px)
}
}
@media (max-width:575px) {
.modal-wrap-title {
margin-bottom: 35px
}
}
.modal-wrap-title.has-search {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
-ms-flex-align: center;
align-items: center
}
@media (max-width:1024px) {
.modal-wrap-title.has-search {
-ms-flex-direction: column;
flex-direction: column
}
}
.modal-wrap-title.has-search h2 {
width: calc(40% - 30px);
min-width: calc(40% - 30px);
margin-top: 5px;
text-align: center
}
@media (max-width:1024px) {
.modal-wrap-title.has-search h2 {
margin-top: 0;
width: calc(100% - 40px)
}
}
.modal-wrap-title.has-search:before {
content: '';
display: block;
width: 30%;
min-width: 30%
}
.modal-wrap-title.has-search .input-group-wrap {
position: relative;
width: 30%;
min-width: 30%
}
@media (max-width:1024px) {
.modal-wrap-title.has-search .input-group-wrap {
margin-top: 20px;
margin-bottom: 25px;
width: calc(100% - 40px)
}
}
.modal-wrap-title.has-search form {
width: 350px;
max-width: 100%;
margin-left: auto
}
@media (max-width:1024px) {
.modal-wrap-title.has-search form {
width: 100%
}
}
@media (max-width:1024px) {
.is-filtered .modal-wrap-title .modal-toggle-images {
display: none
}
.is-filtered .submenu-img {
display: none
}
}
.fancybox-container .modal-wrap-title {
display: block
}
.mmenu-scroll-down {
position: absolute;
bottom: 30px;
left: 50%;
transform: translate(-50%,0);
color: #000;
font-weight: var(--font-weight-400);
text-transform: uppercase;
font-size: 16px;
overflow: visible
}
.mmenu-scroll-down .mmenu-scroll-down-arrow {
position: relative;
top: -4px;
margin: 0 auto;
width: 20px;
height: 20px;
animation: arrow-down 1s ease-in-out infinite;
color: var(--text-color)
}
.mmenu-scroll-down .mmenu-scroll-down-arrow svg path {
fill: currentColor
}
@keyframes arrow-down {
0% {
transform: translateY(-.5rem);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: translateY(.5rem);
opacity: 0
}
}
.modal-wrap .mmenu-cols + .mmenu-cols {
margin-top: clamp(40px,10vh,90px)
}
@media (max-width:1024px) {
.modal-wrap .mmenu-cols + .mmenu-cols {
margin-top: clamp(30px,10vh,60px)
}
}
@media (max-width:575px) {
.modal-wrap .mmenu-cols + .mmenu-cols {
margin-top: 30px
}
}
.fancybox-slide--html .fancybox-close-small {
top: 20px!important;
right: 20px!important;
width: 30px;
height: 30px;
padding: 0!important;
opacity: 1
}
@media (max-width:575px) {
.fancybox-slide--html .fancybox-close-small {
top: 12px!important;
right: 12px!important;
width: 28px;
height: 28px
}
}
@media (max-width:374px) {
.fancybox-slide--html .fancybox-close-small {
top: 8px!important;
right: 8px!important
}
}
.fancybox-slide--html {
padding: 0!important;
font-size: 15px;
line-height: 24px;
overflow: hidden!important
}
@media (max-width:575px) {
.fancybox-slide--html {
font-size: 13px;
line-height: 18px
}
}
.modal-wrap.loginmodal:not(.modal-ajax-loaded) {
min-height: 555px
}
.fancybox-content.loginmodal .row > .col:only-child {
width: 415px;
max-width: calc(100vw - 60px)
}
.login-form-wrap {
max-width: 307px;
min-height: 420px
}
.login-form-wrap.passwordForm {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
.login-form-wrap.passwordForm .title-wrap:not(:last-child) {
margin-bottom: 0
}
.login-form-forgot-link {
font-size: 15px;
line-height: 20px;
color: var(--login-form-forgot-link-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.login-form-forgot-link:hover {
color: var(--login-form-forgot-link-hover-color)
}
}
.modal-form-info {
font-size: 15px;
line-height: 24px
}
.modal-info-link {
cursor: pointer;
color: var(--body-link-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.modal-info-link:hover {
color: var(--body-link-color-hover)
}
}
.fancybox-fx-material.fancybox-slide--next,
.fancybox-fx-material.fancybox-slide--previous {
opacity: 0;
transform: translateY(100px) scale(1.1)
}
.fancybox-fx-material.fancybox-slide--current {
opacity: 1;
transform: translateY(0) scale(1)
}
.fancybox-fx-material-out.fancybox-slide--next,
.fancybox-fx-material-out.fancybox-slide--previous {
opacity: 0;
transform: translateY(100px) scale(.8)
}
.fancybox-fx-material-out.fancybox-slide--current {
opacity: 1;
transform: translateY(0) scale(1)
}
.fancybox-slide:not(.fancybox-slide--complete) {
overflow: hidden
}
@media (min-width:768px) {
.modal-wrap.fancybox-effect-slide-out {
background-color: transparent
}
.modal-wrap.fancybox-effect-slide-out .row > * {
background-color: var(--modal-bg);
position: relative;
border-radius: var(--radius-md);
overflow: hidden
}
.modal-wrap.fancybox-effect-slide-out .col-6:first-child:not(:last-child) {
transform: translateX(50%);
z-index: -1
}
.modal-wrap.fancybox-effect-slide-out .col:last-child:not(:first-child) {
transform: translateX(-50%)
}
.modal-wrap.fancybox-effect-slide-out .fancybox-button.fancybox-close-small {
visibility: hidden;
transition: visibility 0s .5s
}
.modal-wrap.fancybox-effect-slide-out .scrollbar-track-y.show {
visibility: hidden;
transition: visibility 0s .5s,opacity .5s .5s ease-out
}
.fancybox-effect-slide-out.is-animate .col-6:first-child:not(:last-child) {
animation: slideLeft .45s normal forwards ease-out;
border-radius: var(--radius-md) 0 0 var(--radius-md)
}
.fancybox-effect-slide-out.is-animate .col:last-child:not(:first-child) {
animation: slideRight .45s normal forwards ease-out;
border-radius: 0 var(--radius-md) var(--radius-md) 0
}
.fancybox-effect-slide-out.is-animate .fancybox-button.fancybox-close-small,
.fancybox-effect-slide-out.is-animate .scrollbar-track-y.show {
visibility: visible
}
}
@keyframes slideLeft {
0% {
transform: translateX(50%)
}
100% {
transform: translateX(.1%)
}
}
@keyframes slideRight {
0% {
transform: translateX(-50%)
}
100% {
transform: translateX(0)
}
}
.fancybox-toolbar {
right: 10px;
top: 10px
}
.fancybox-loading {
border-width: 2px
}
.fancybox-navigation .fancybox-button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 46px;
width: 46px;
padding: 0;
top: calc(50% - 25px);
border-radius: var(--radius-50);
background-color: var(--fancybox-button-bg);
box-shadow: 0 0 4px rgba(0,0,0,.25);
transition: .2s
}
.fancybox-navigation .fancybox-button:before {
position: relative;
font-size: 16px;
transition: .2s;
opacity: 1;
color: var(--fancybox-button-color);
transition: 0s
}
.fancybox-navigation .fancybox-button[disabled] {
opacity: .5
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.fancybox-navigation .fancybox-button:hover:not([disabled]) {
background: var(--fancybox-button-hover-bg)
}
.fancybox-navigation .fancybox-button:hover:not([disabled]):before {
color: var(--fancybox-button-hover-color)
}
}
.fancybox-navigation .fancybox-button > div {
display: none
}
.fancybox-infobar {
color: #fff
}
.fancybox--light .fancybox-image {
background: var(--placeholder-bg)
}
.fancybox--light .fancybox-button--zoom {
display: none!important
}
.fancybox--light .fancybox-bg {
background: var(--fancybox-light-bg)
}
.fancybox--light.fancybox-is-open .fancybox-bg {
opacity: .95
}
.fancybox--light .fancybox-caption {
padding: 15px;
font-size: 16px;
line-height: 1.6em;
font-weight: var(--font-weight-400);
color: var(--fancybox-caption-text-color);
font-family: var(--heading-font-family);
background: var(--fancybox-light-bg)
}
.fancybox--light .fancybox-caption:after {
display: none
}
.fancybox--light .fancybox-infobar {
color: var(--fancybox-caption-text-color);
mix-blend-mode: unset
}
.fancybox--light .fancybox-caption__body {
overflow: visible
}
.fancybox--light .fancybox-thumbs {
background-color: transparent
}
.fancybox-thumbs__list {
margin-left: auto;
margin-right: auto
}
.fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
height: auto;
padding: 10px 10px 0 10px;
box-sizing: border-box;
background: rgba(0,0,0,.3)
}
.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 160px;
overflow: visible
}
.fancybox-thumbs__list a {
border-radius: var(--radius-sm);
overflow: hidden;
height: 120px;
max-width: 120px;
background-color: var(--placeholder-bg)
}
.fancybox-thumbs__list a:before {
border: 3px solid var(--custom-color);
border-radius: var(--radius-sm)
}
.fancybox-bg {
background-color: rgba(0,0,0,.6);
bottom: -100px;
transition-duration: .2s
}
.dropdn-modal-slide {
will-change: transform
}
@media (min-width:1025px) {
.fancybox-container .dropdn-modal-slide,
.fancybox-container.fancybox-is-closing .dropdn-modal-slide {
transform: translateX(100%)
}
.fancybox-container.fancybox-is-open .dropdn-modal-slide.is-opened {
transform: translateX(0)
}
}
@media (max-width:1024px) {
.fancybox-container .dropdn-modal-slide,
.fancybox-container.fancybox-is-closing .dropdn-modal-slide {
transform: translateX(-100%)
}
.fancybox-container.fancybox-is-open .dropdn-modal-slide.is-opened {
transform: translateX(0)
}
}
.fancybox-button.fancybox-button--close,
.fancybox-button.fancybox-close-small {
background-color: transparent
}
.fancybox-button.fancybox-button--close svg path,
.fancybox-button.fancybox-close-small svg path {
fill: var(--fancybox-caption-text-color)!important;
transition: all .2s
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.fancybox-button.fancybox-button--close:hover svg path,
.fancybox-button.fancybox-close-small:hover svg path {
fill: var(--fancybox-caption-hover-color)!important
}
}
.fancybox-navigation {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 1;
top: calc(50% - 25px);
right: 30px;
left: 30px;
transform: translateY(-50%);
pointer-events: none;
transition: all .2s;
z-index: 99996
}
@media (max-width:575px) {
.fancybox-navigation {
right: 15px;
left: 15px
}
}
.fancybox-navigation .fancybox-arrow-next,
.fancybox-navigation .fancybox-arrow-prev,
.fancybox-navigation .fancybox-button--arrow_left,
.fancybox-navigation .fancybox-button--arrow_right {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: var(--radius-50);
transition: all .2s;
color: var(--button-color-white);
pointer-events: all;
border: 0;
background: 0 0
}
.fancybox-navigation .fancybox-arrow-next:before,
.fancybox-navigation .fancybox-arrow-prev:before,
.fancybox-navigation .fancybox-button--arrow_left:before,
.fancybox-navigation .fancybox-button--arrow_right:before {
width: 46px;
height: 46px;
content: '';
position: absolute;
z-index: -1;
border-radius: var(--radius-50);
background: var(--button-bg-white);
box-shadow: 0 0 4px rgba(0,0,0,.25);
transition: all .1s
}
.fancybox-navigation .fancybox-arrow-next:after,
.fancybox-navigation .fancybox-arrow-prev:after,
.fancybox-navigation .fancybox-button--arrow_left:after,
.fancybox-navigation .fancybox-button--arrow_right:after {
position: relative;
font-size: 16px;
font-family: swiper-icons;
text-transform: none!important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.fancybox-navigation .fancybox-arrow-next[disabled],
.fancybox-navigation .fancybox-arrow-prev[disabled],
.fancybox-navigation .fancybox-button--arrow_left[disabled],
.fancybox-navigation .fancybox-button--arrow_right[disabled] {
pointer-events: none;
opacity: .5
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.fancybox-navigation .fancybox-arrow-next:not(.swiper-button-disabled):hover,
.fancybox-navigation .fancybox-arrow-prev:not(.swiper-button-disabled):hover,
.fancybox-navigation .fancybox-button--arrow_left:not(.swiper-button-disabled):hover,
.fancybox-navigation .fancybox-button--arrow_right:not(.swiper-button-disabled):hover {
color: var(--button-hover-color-white)
}
.fancybox-navigation .fancybox-arrow-next:not(.swiper-button-disabled):hover:before,
.fancybox-navigation .fancybox-arrow-prev:not(.swiper-button-disabled):hover:before,
.fancybox-navigation .fancybox-button--arrow_left:not(.swiper-button-disabled):hover:before,
.fancybox-navigation .fancybox-button--arrow_right:not(.swiper-button-disabled):hover:before {
width: 56px;
height: 56px;
background-color: var(--button-hover-bg-white)
}
}
.fancybox-navigation .fancybox-arrow-next:after,
.fancybox-navigation .fancybox-button--arrow_right:after {
left: 1px;
content: 'next'
}
.fancybox-navigation .fancybox-arrow-prev:after,
.fancybox-navigation .fancybox-button--arrow_left:after {
left: -1px;
content: 'prev'
}
.modal-wrap.fancybox-content.modal-info-content {
padding-left: 0;
padding-right: 0
}
.modal-wrap.fancybox-content.modal-info-content .modal-wrap-scroll {
padding-left: 80px;
padding-right: 80px
}
.modal-wrap.fancybox-content.modal-info-content .modal-wrap-scroll .scroll-content {
padding-bottom: 2px
}
.modal-wrap.fancybox-content.modal-info-content .scrollbar-track-y {
right: 35px!important
}
@media (max-width:1199px) {
.modal-wrap.fancybox-content.modal-info-content {
padding: clamp(40px,10vh,100px) 0
}
.modal-wrap.fancybox-content.modal-info-content .modal-wrap-scroll {
padding-left: 60px;
padding-right: 60px
}
}
@media (max-width:767px) {
.modal-wrap.fancybox-content.modal-info-content {
padding: 40px 0
}
.modal-wrap.fancybox-content.modal-info-content .modal-wrap-scroll {
padding-left: 30px;
padding-right: 30px
}
.modal-wrap.fancybox-content.modal-info-content .scrollbar-track-y {
right: 19px!important
}
.modal-wrap.fancybox-content.modal-info-content .fancybox-slide--html .fancybox-close-small {
top: 7px!important;
right: 6px!important
}
}
@media (max-width:575px) {
.modal-wrap.fancybox-content.modal-info-content {
padding: 40px 0
}
.modal-wrap.fancybox-content.modal-info-content .modal-wrap-scroll {
padding-left: 30px;
padding-right: 50px
}
.modal-wrap.fancybox-content.modal-info-content .scrollbar-track-y {
right: 25px!important
}
}
@media (max-width:374px) {
.modal-wrap.fancybox-content.modal-info-content {
padding: 40px 0
}
.modal-wrap.fancybox-content.modal-info-content .modal-wrap-scroll {
padding-left: 25px;
padding-right: 45px
}
.modal-wrap.fancybox-content.modal-info-content .scrollbar-track-y {
right: 21px!important
}
}
.modal-wrap.fancybox-content.modal-info-content hr {
border-top: 1px solid var(--decor-border-color)
}
@media (max-width:374px) {
.modal-wrap .h1-style {
font-size: calc(var(--heading-md-size-m) * .8696)
}
}
.searchmodal.fancybox-content .swiper-container-initialized .swiper-wrapper {
width: fit-content;
height: 177px
}
.modal-wrap.fancybox-content .swiper-container-initialized .swiper-wrapper[style*=transform],
.modal-wrap.fancybox-content .swiper-container.swiper-no-scroll .swiper-wrapper {
height: auto
}
.modal-wrap-icon {
margin-right: 7px
}
.modal-wrap-icon svg {
position: relative;
top: -2px;
width: 20px;
height: 20px
}
.modal-wrap.modal-wrap--success .modal-wrap-icon svg path:first-child {
fill: var(--modal-success-icon-color,#0cae61)!important
}
.modal-wrap.modal-wrap--error .modal-wrap-icon svg path:first-child {
fill: var(--modal-error-icon-color,#ed2233)!important
}
.modal-wrap-text {
max-width: 280px;
margin: 0 auto;
font-size: var(--content-font-size,15px);
line-height: var(--content-line-height,25px);
color: var(--text-color-secondary)
}
.modal-wrap-text h5 {
margin-top: -6px;
margin-bottom: 20px;
font-size: 18px;
line-height: 28px;
font-weight: var(--font-weight-500)
}
.modal-wrap-text h5:last-child {
margin-bottom: 0
}
.modal-wrap.modal-wrap--alert.fancybox-content {
width: auto;
min-width: 420px
}
.fancybox-container [data-load],
predictive-search [data-load] {
background: var(--modal-bg)
}
.mmenu.modal-wrap.fancybox-content {
border-radius: var(--radius-md,16px);
width: calc(100% - 60px);
max-width: 1800px;
height: calc(100% - 60px)
}
@media (min-width:1025px) {
.mmenu.modal-wrap.fancybox-content {
position: relative;
transition: none!important
}
}
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega .mmenu-submenu > .container-fluid > .row {
margin-left: 0;
margin-right: 0;
-ms-flex-pack: center;
justify-content: center
}
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega .mmenu-submenu .submenu-view-more {
margin-top: 8px
}
.mmenu.modal-wrap.fancybox-content .modal-wrap-title h2 {
position: relative;
font-size: 18px;
line-height: 24px;
margin: 0 15px
}
.mmenu.modal-wrap.fancybox-content .modal-wrap-title {
text-align: center
}
@media (max-width:1024px) {
.mmenu.modal-wrap.fancybox-content {
position: absolute;
width: 590px;
max-width: calc(100% - 60px);
height: 100%;
max-height: 100%;
margin: 0;
padding: 50px 30px 80px!important;
border-radius: 0 var(--radius-md) 0 0
}
.mmenu.modal-wrap.fancybox-content .modal-wrap-title {
margin-bottom: 40px
}
.mmenu.modal-wrap.fancybox-content .modal-wrap-title h2 {
margin: 0;
font-size: 23px;
font-weight: var(--heading-md-weight);
line-height: 31px
}
.mmenu.modal-wrap.fancybox-content .modal-wrap-title {
text-align: start
}
.mmenu.modal-wrap.fancybox-content .mmenu-item-row > * {
padding-left: 0;
padding-right: 0
}
.mmenu.modal-wrap.fancybox-content > .modal-wrap-inside {
max-height: calc(100vh - 60px)
}
}
@media (max-width:767px) {
.mmenu.modal-wrap.fancybox-content .mmenu-item-row {
max-width: 330px
}
.mmenu.modal-wrap.fancybox-content .mmenu-submenu .row > .col {
padding-left: 0;
padding-right: 0
}
.mmenu.modal-wrap.fancybox-content .modal-wrap-title h2 {
margin: 0
}
}
@media (max-width:575px) {
.mmenu.modal-wrap.fancybox-content {
width: 375px;
padding: 50px 0 70px!important
}
.mmenu.modal-wrap.fancybox-content .modal-wrap-title {
margin-bottom: 30px
}
.mmenu.modal-wrap.fancybox-content .modal-wrap-title h2 {
margin: 0 20px;
font-size: 18px;
line-height: 24px
}
}
@media (max-width:374px) {
.mmenu.modal-wrap.fancybox-content {
width: 100%;
max-width: 100%;
border-radius: 0
}
}
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega {
-ms-flex: 1;
flex: 1;
overflow-y: hidden;
overflow-x: hidden;
position: relative;
height: calc(100% - 90px);
padding: 0
}
@media (max-width:1024px) {
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega {
padding: 0 10px;
height: calc(100% - 70px)
}
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega .mmenu-item-row {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media (max-width:1024px) {
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega {
width: calc(100% + 25px);
padding: 0 10px;
margin-left: -25px
}
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega .scrollbar-track-y {
right: 4px!important
}
}
@media (max-width:767px) {
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega {
width: calc(100% + 15px);
padding: 0 10px 0 0;
margin-left: -15px
}
}
@media (max-width:575px) {
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega {
width: calc(100% - 15px);
height: calc(100% - 60px);
padding: 0;
margin-left: 5px;
margin-right: 10px
}
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega .scrollbar-track-y {
right: 12px!important
}
}
@media (max-width:575px) {
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega {
width: calc(100% - 10px);
margin-right: 5px
}
.mmenu.modal-wrap.fancybox-content .mmenu-item--mega .scrollbar-track-y {
right: 5px!important
}
}
@media (max-width:1024px) {
.mmenu.modal-wrap.fancybox-content .modal-wrap-title.has-search ~ .mmenu-item--mega {
height: calc(100% - 160px)
}
}
@media (max-width:575px) {
.mmenu.modal-wrap.fancybox-content .modal-wrap-title.has-search ~ .mmenu-item--mega {
height: calc(100% - 140px)
}
}
.mmenu.modal-wrap.fancybox-content .mmenu-submenu {
position: relative;
top: 0;
margin: 0;
pointer-events: all;
opacity: 1
}
.mmenu.modal-wrap.fancybox-content .mmenu-submenu .submenu-list {
min-width: 0
}
.mmenu.modal-wrap.fancybox-content .mmenu-submenu > .container-fluid .row > .col {
padding: 0 20px
}
@media (max-width:1465px) {
.mmenu.modal-wrap.fancybox-content .mmenu-submenu > .container-fluid .row > .col {
padding: 0
}
}
@media (max-width:1024px) {
.mmenu.modal-wrap.fancybox-content .mmenu-submenu > .container-fluid .row > .col {
padding: 0 15px
}
}
.mmenu.modal-wrap.fancybox-content.images-off .mmenu-submenu .submenu-img,
.mmenu.modal-wrap.fancybox-content.images-off .mmenu-submenu img {
display: none
}
.mmenu.modal-wrap.fancybox-content .submenu-title:first-child {
margin-bottom: 14px;
top: -2px
}
.mmenu.modal-wrap.fancybox-content .submenu-title:first-child .menu-label {
top: 1px
}
.modal-wrap .mmenu-item--mega .mmenu-submenu .submenu-list li .submenu-list-wrap {
transform: translate(80%,-68px)
}
.modal-wrap .mmenu-item--mega .mmenu-submenu:not(.mmenu-submenu--boxed),
.modal-wrap .mmenu-item--simple .mmenu-submenu,
.modal-wrap .mmenu-submenu.mmenu-submenu--boxed .container {
box-shadow: none;
opacity: 1;
transform: none
}
.modal-wrap .mmenu-submenu .submenu-list li .menu-item-actions {
right: 0;
top: 4px
}
@media (max-width:1199px) {
.fancybox--light.fancybox-show-caption .fancybox-caption,
.fancybox--light.fancybox-show-infobar .fancybox-infobar,
.fancybox--light.fancybox-show-navigation .fancybox-navigation .fancybox-button,
.fancybox--light.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
visibility: visible
}
}
.modal-wrap.fancybox-content.loginmodal {
width: 1148px;
max-width: calc(100% - 60px);
padding: 0;
overflow: hidden
}
@media (min-width:1025px) {
.modal-wrap.fancybox-content.loginmodal {
transform: translateX(calc(-.5 * var(--scroll-width)))
}
}
@media (max-width:767px) {
.modal-wrap.fancybox-content.loginmodal {
width: 420px;
padding: 55px 33px
}
}
@media (max-width:575px) {
.modal-wrap.fancybox-content.loginmodal {
padding: 45px 25px
}
}
@media (max-width:374px) {
.modal-wrap.fancybox-content.loginmodal {
display: -ms-inline-flexbox!important;
display: inline-flex!important;
height: 100%;
max-width: 100%;
max-height: 100%;
margin: 0;
padding: 40px 20px;
-ms-flex-align: center;
align-items: center;
border-radius: 0
}
}
.loginmodal .scroll-content {
padding: 0
}
.loginmodal .form-col {
padding: 80px 80px
}
.loginmodal .form-wrap {
max-width: 307px
}
.loginmodal .image-container:not(.ic--ignore-global-round) {
border-radius: var(--radius-ic) 0 0 var(--radius-ic)
}
.loginmodal img {
width: 100%;
height: 100%;
object-fit: cover
}
.loginmodal-col-form {
height: 100%;
padding: clamp(50px,10vh,70px) clamp(50px,3vh,60px)
}
@media (max-width:767px) {
.loginmodal-col-form {
padding: 0 50px
}
}
@media (max-width:575px) {
.loginmodal-col-form {
padding: 0 15px
}
}
@media (max-width:374px) {
.loginmodal-col-form {
padding: 0 10px
}
}
.tippy-box {
border-radius: var(--radius-4)
}
.tippy-box[data-theme=loading] {
opacity: 0
}
.tippy-box[data-theme=light] {
background-color: var(--body-bg-secondary);
color: var(--text-color);
box-shadow: 0 0 4px rgba(0,0,0,.12)
}
.tippy-box[data-theme=light][data-placement^=top] > .tippy-arrow:before {
border-top-color: var(--body-bg-secondary)
}
.tippy-box[data-theme=light][data-placement^=bottom] > .tippy-arrow:before {
border-bottom-color: var(--body-bg-secondary)
}
.tippy-box[data-theme=light][data-placement^=left] > .tippy-arrow:before {
border-left-color: var(--body-bg-secondary)
}
.tippy-box[data-theme=light][data-placement^=right] > .tippy-arrow:before {
border-right-color: var(--body-bg-secondary)
}
.tippy-box[data-theme=light] > .tippy-backdrop {
background-color: var(--body-bg-secondary)
}
.tippy-box[data-theme=light] > .tippy-svg-arrow {
fill: var(--body-bg-secondary)
}
.tippy-box[data-theme=grey] {
background-color: #edf2f8;
color: var(--text-color);
box-shadow: 0 0 4px rgba(0,0,0,.12)
}
.tippy-box[data-theme=grey][data-placement^=top] > .tippy-arrow:before {
border-top-color: #edf2f8
}
.tippy-box[data-theme=grey][data-placement^=bottom] > .tippy-arrow:before {
border-bottom-color: #edf2f8
}
.tippy-box[data-theme=grey][data-placement^=left] > .tippy-arrow:before {
border-left-color: #edf2f8
}
.tippy-box[data-theme=grey][data-placement^=right] > .tippy-arrow:before {
border-right-color: #edf2f8
}
.tippy-box[data-theme=grey] > .tippy-backdrop {
background-color: #edf2f8
}
.tippy-box[data-theme=grey] > .tippy-svg-arrow {
fill: #edf2f8
}
.tippy-box[data-theme=dark] {
background-color: var(--tooltip-bg);
color: var(--tooltip-color);
box-shadow: 0 0 4px rgba(0,0,0,.12)
}
.tippy-box[data-theme=dark][data-placement^=top] > .tippy-arrow:before {
border-top-color: var(--tooltip-bg)
}
.tippy-box[data-theme=dark][data-placement^=bottom] > .tippy-arrow:before {
border-bottom-color: var(--tooltip-bg)
}
.tippy-box[data-theme=dark][data-placement^=left] > .tippy-arrow:before {
border-left-color: var(--tooltip-bg)
}
.tippy-box[data-theme=dark][data-placement^=right] > .tippy-arrow:before {
border-right-color: var(--tooltip-bg)
}
.tippy-box[data-theme=dark] > .tippy-backdrop {
background-color: var(--tooltip-bg)
}
.tippy-box[data-theme=dark] > .tippy-svg-arrow {
fill: var(--tooltip-bg)
}
.tippy-content > div > img {
margin: -2px -6px
}
.tippy-box[data-animation=perspective-extreme][data-placement^=top] {
transform-origin: bottom
}
.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=hidden] {
transform: perspective(700px) translateY(10px) rotateX(90deg)
}
.tippy-box[data-animation=perspective-extreme][data-placement^=bottom] {
transform-origin: top
}
.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=hidden] {
transform: perspective(700px) translateY(-10px) rotateX(-90deg)
}
.tippy-box[data-animation=perspective-extreme][data-placement^=left] {
transform-origin: right
}
.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=hidden] {
transform: perspective(700px) translateX(10px) rotateY(-90deg)
}
.tippy-box[data-animation=perspective-extreme][data-placement^=right] {
transform-origin: left
}
.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=hidden] {
transform: perspective(700px) translateX(-10px) rotateY(90deg)
}
.tippy-box[data-animation=perspective-extreme][data-state=hidden] {
opacity: .5
}
.tippy-box[data-animation=perspective-subtle][data-placement^=top] {
transform-origin: bottom
}
.tippy-box[data-animation=perspective-subtle][data-placement^=top][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective-subtle][data-placement^=top][data-state=hidden] {
transform: perspective(700px) translateY(5px) rotateX(30deg)
}
.tippy-box[data-animation=perspective-subtle][data-placement^=bottom] {
transform-origin: top
}
.tippy-box[data-animation=perspective-subtle][data-placement^=bottom][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective-subtle][data-placement^=bottom][data-state=hidden] {
transform: perspective(700px) translateY(-5px) rotateX(-30deg)
}
.tippy-box[data-animation=perspective-subtle][data-placement^=left] {
transform-origin: right
}
.tippy-box[data-animation=perspective-subtle][data-placement^=left][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective-subtle][data-placement^=left][data-state=hidden] {
transform: perspective(700px) translateX(5px) rotateY(-30deg)
}
.tippy-box[data-animation=perspective-subtle][data-placement^=right] {
transform-origin: left
}
.tippy-box[data-animation=perspective-subtle][data-placement^=right][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective-subtle][data-placement^=right][data-state=hidden] {
transform: perspective(700px) translateX(-5px) rotateY(30deg)
}
.tippy-box[data-animation=perspective-subtle][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=perspective][data-placement^=top] {
transform-origin: bottom
}
.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden] {
transform: perspective(700px) translateY(8px) rotateX(60deg)
}
.tippy-box[data-animation=perspective][data-placement^=bottom] {
transform-origin: top
}
.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden] {
transform: perspective(700px) translateY(-8px) rotateX(-60deg)
}
.tippy-box[data-animation=perspective][data-placement^=left] {
transform-origin: right
}
.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden] {
transform: perspective(700px) translateX(8px) rotateY(-60deg)
}
.tippy-box[data-animation=perspective][data-placement^=right] {
transform-origin: left
}
.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible] {
transform: perspective(700px)
}
.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden] {
transform: perspective(700px) translateX(-8px) rotateY(60deg)
}
.tippy-box[data-animation=perspective][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=scale-extreme][data-placement^=top] {
transform-origin: bottom
}
.tippy-box[data-animation=scale-extreme][data-placement^=bottom] {
transform-origin: top
}
.tippy-box[data-animation=scale-extreme][data-placement^=left] {
transform-origin: right
}
.tippy-box[data-animation=scale-extreme][data-placement^=right] {
transform-origin: left
}
.tippy-box[data-animation=scale-extreme][data-state=hidden] {
transform: scale(0);
opacity: .25
}
.tippy-box[data-animation=scale-subtle][data-placement^=top] {
transform-origin: bottom
}
.tippy-box[data-animation=scale-subtle][data-placement^=bottom] {
transform-origin: top
}
.tippy-box[data-animation=scale-subtle][data-placement^=left] {
transform-origin: right
}
.tippy-box[data-animation=scale-subtle][data-placement^=right] {
transform-origin: left
}
.tippy-box[data-animation=scale-subtle][data-state=hidden] {
transform: scale(.8);
opacity: 0
}
.tippy-box[data-animation=scale][data-placement^=top] {
transform-origin: bottom
}
.tippy-box[data-animation=scale][data-placement^=bottom] {
transform-origin: top
}
.tippy-box[data-animation=scale][data-placement^=left] {
transform-origin: right
}
.tippy-box[data-animation=scale][data-placement^=right] {
transform-origin: left
}
.tippy-box[data-animation=scale][data-state=hidden] {
transform: scale(.5);
opacity: 0
}
.tippy-box[data-animation=shift-away-extreme][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=top] {
transform: translateY(20px)
}
.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=bottom] {
transform: translateY(-20px)
}
.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=left] {
transform: translateX(20px)
}
.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=right] {
transform: translateX(-20px)
}
.tippy-box[data-animation=shift-away-subtle][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top] {
transform: translateY(5px)
}
.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom] {
transform: translateY(-5px)
}
.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left] {
transform: translateX(5px)
}
.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right] {
transform: translateX(-5px)
}
.tippy-box[data-animation=shift-away][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
transform: translateY(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
transform: translateY(-10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
transform: translateX(10px)
}
.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
transform: translateX(-10px)
}
.tippy-box[data-animation=shift-toward-extreme][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=top] {
transform: translateY(-20px)
}
.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=bottom] {
transform: translateY(20px)
}
.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=left] {
transform: translateX(-20px)
}
.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=right] {
transform: translateX(20px)
}
.tippy-box[data-animation=shift-toward-subtle][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden] {
transform: translateY(-5px)
}
.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden] {
transform: translateY(5px)
}
.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden] {
transform: translateX(-5px)
}
.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden] {
transform: translateX(5px)
}
.tippy-box[data-animation=shift-toward][data-state=hidden] {
opacity: 0
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {
transform: translateY(-10px)
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {
transform: translateY(10px)
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {
transform: translateX(-10px)
}
.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {
transform: translateX(10px)
}
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
*
* Copyright (c) 2022 Animate.css
*/
:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1
}
.animate__animated {
animation-duration: 1s;
animation-duration: var(--animate-duration);
animation-fill-mode: both
}
@media (prefers-reduced-motion:reduce),
print {
.animate__animated {
animation-duration: 1ms!important;
animation-iteration-count: 1!important;
transition-duration: 1ms!important
}
.animate__animated[class*=Out] {
opacity: 0
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.animate__fadeIn {
animation-name: fadeIn
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0,-100%,0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.animate__fadeInDown {
animation-name: fadeInDown
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%,0,0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.animate__fadeInLeft {
animation-name: fadeInLeft
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%,0,0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.animate__fadeInRight {
animation-name: fadeInRight
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0,100%,0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.animate__fadeInUp {
animation-name: fadeInUp
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(.3,.3,.3)
}
50% {
opacity: 1
}
}
.animate__zoomIn {
animation-name: zoomIn
}
@keyframes rotateIn {
from {
transform: rotate3d(0,0,1,40deg);
opacity: 0
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}
.animate__rotateIn {
animation-name: rotateIn;
transform-origin: center
}
.swiper-data-load,
[data-load] {
width: 50px;
height: 50px;
position: absolute;
cursor: wait;
overflow: clip;
contain: content;
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%,-50%);
background: var(--body-bg);
border-radius: var(--radius-50);
pointer-events: none;
transition: opacity .2s
}
.swiper-data-load {
margin: 0;
border: 0;
animation: none
}
[data-load=loaded] {
cursor: auto
}
.swiper-data-load:before,
[data-load]:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: var(--radius-50);
transform: scale(0);
opacity: 0;
aspect-ratio: 1/1;
background-color: var(--custom-color)
}
[data-load=loaded]:before {
animation: explode .2s linear
}
[data-load=loaded] {
opacity: 0
}
.swiper-data-load:after,
[data-load=loading]:after {
content: "";
position: absolute;
left: calc(50% - (.75em / 2));
top: calc(50% - (.75em / 2));
width: .75em;
height: .75em;
background-color: var(--custom-color);
border-radius: var(--radius-50);
display: block;
animation: wiggle .3s linear infinite alternate
}
.loading-overlay {
display: block;
width: 100%;
height: 100%;
margin: 0!important
}
.loading-overlay [data-load] {
min-width: 50px;
width: calc(100% + 10px);
height: calc(100% + 10px);
border-radius: 0
}
.loading-overlay [data-load=loading]:after {
top: calc(50% - 6px);
left: calc(50% - 6px);
width: 12px;
height: 12px
}
.loading-overlay-full {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background-color: rgba(255,255,255,.5)
}
.loading-overlay-full[aria-hidden=true] {
display: none
}
@keyframes wiggle {
0%,
20% {
transform: translatex(-1em) scalex(1);
animation-timing-function: ease-in
}
50% {
transform: translatex(0) scalex(2);
animation-timing-function: ease-out
}
100%,
80% {
transform: translatex(1em) scalex(1)
}
}
@keyframes explode {
0% {
transform: scale(0)
}
50% {
opacity: .5
}
100% {
transform: scale(2);
opacity: 0
}
}
img.lazyload:not(.lazyloaded) {
text-indent: -10000px
}
.fade-up:not(.lazyloaded) {
opacity: 0!important
}
main-slider .swiper-container .fade-up:not(.lazyloaded) {
opacity: 1!important
}
.fade-up {
opacity: 0;
transition: all .2s 50ms
}
.fade-up.lazyloaded {
opacity: 1
}
.fade-up-fast:not(.lazyloaded) {
opacity: 0!important
}
.fade-up-fast {
opacity: 0;
transition: all .1s .1s
}
.fade-up-fast.lazyloaded {
opacity: 1
}
a img.lazyload {
color: transparent
}
.preload_image img {
transition: none!important
}
.preload_image ~ .page-content {
position: relative;
background: var(--body-bg)
}
.product-single--horizontal.ps-carousel {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.product-single--horizontal.ps-carousel .ps-main-gallery {
margin: 0!important
}
@media (max-width:767px) {
.product-single--horizontal.ps-carousel .ps-main-gallery {
width: 100%!important;
max-width: 100%!important
}
}
.product-single--horizontal.ps-carousel .ps-product-gallery {
position: relative;
z-index: 2;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.product-single--horizontal.ps-carousel .ps-product-info-right {
position: relative;
z-index: 1;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background: var(--body-bg-secondary);
border-radius: var(--radius-md);
max-width: 100%
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product-info-right {
width: calc(70% + 35px)
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product-info-right {
width: calc(60% + 35px)
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product-gallery {
width: 40%
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact):not(.ps--invert) .ps-product-info-right {
margin-left: -50px;
margin-right: 15px
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact).ps--invert .ps-product-info-right {
margin-right: -50px;
margin-left: 15px
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product-gallery {
width: 30%
}
.product-single--horizontal.ps-carousel.ps-carousel--compact:not(.ps--invert) .ps-product-info-right {
margin-left: -50px;
margin-right: 15px
}
.product-single--horizontal.ps-carousel.ps-carousel--compact.ps--invert .ps-product-info-right {
margin-right: -50px;
margin-left: 15px
}
.product-single--horizontal.ps-carousel .ps-product {
top: 50%;
position: relative;
transform: translateY(-50%);
max-width: 100%;
min-height: 60%;
left: 15px
}
.product-single--horizontal.ps-carousel .ps-product.p-0 > .col {
padding: 0
}
.product-single--horizontal.ps-carousel .ps-product .image-container {
transform: scale(.5);
opacity: 0;
transition: all .3s
}
.product-single--horizontal.ps-carousel .ps-product .swiper-slide-active .image-container {
transform: scale(1);
opacity: 1;
transition-delay: .3s
}
.product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide .ps-text > * {
transform: translateY(55px);
opacity: 0;
transition: all .3s
}
.product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > * {
transform: translateY(0);
opacity: 1;
transition-delay: 0s
}
.product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > :nth-child(1) {
transition-delay: .2s
}
.product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > :nth-child(2) {
transition-delay: .3s
}
.product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > :nth-child(3) {
transition-delay: .4s
}
.product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > :nth-child(4) {
transition-delay: .5s
}
.product-single--horizontal.ps-carousel .ps-product-info-right .swiper-slide.swiper-slide-active .ps-text > :nth-child(5) {
transition-delay: .6s
}
.product-single--horizontal.ps-carousel .ps-rating .prd-rating {
text-align: start
}
@media (max-width:767px) {
.product-single--horizontal.ps-carousel .ps-rating .prd-rating {
text-align: center
}
}
.product-single--horizontal.ps-carousel .ps-text-actions .prd-action form quickview-popup > .btn {
margin-top: 0
}
.product-single--horizontal.ps-carousel.ps-carousel--compact {
--heading-xl-size: var(--heading-md-size)
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product-info-right {
height: auto;
-ms-flex-item-align: unset;
-ms-grid-row-align: unset;
align-self: unset
}
@media (max-width:767px) {
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product-title {
margin-bottom: 10px
}
}
@media (min-width:768px) {
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product-title {
margin-bottom: 15px
}
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product-description {
margin-bottom: 5px
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-rating .prd-rating {
margin-top: 0
}
@media (max-width:767px) {
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-rating {
margin-bottom: 10px
}
}
@media (min-width:768px) {
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-rating {
margin-bottom: 20px
}
}
@media (max-width:767px) {
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-text-actions {
margin-top: 10px
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-text-actions {
margin-top: 20px
}
}
@media (min-width:1025px) {
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-text-actions {
margin-top: 30px
}
}
.product-single--horizontal.ps-carousel.ps-carousel--compact:not(.ps--invert) .ps-product-info-right {
padding: 50px 50px 50px 85px;
text-align: start
}
.product-single--horizontal.ps-carousel.ps-carousel--compact.ps--invert .ps-product-info-right {
padding: 50px 85px 50px 50px;
text-align: start
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product {
padding: 50px
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-text .prd-price .prd-price-regular {
font-size: 24px
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .swiper-slide {
height: auto
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product-info-right {
min-height: 350px
}
@media (max-width:767px) {
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product-title {
margin-bottom: 15px
}
}
@media (min-width:768px) {
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product-title {
margin-bottom: 20px
}
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-rating .prd-rating {
margin-top: 5px
}
@media (max-width:767px) {
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-rating {
margin-bottom: 20px
}
}
@media (min-width:768px) {
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-rating {
margin-bottom: 30px
}
}
@media (max-width:767px) {
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-text-actions {
margin-top: 20px
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-text-actions {
margin-top: 40px
}
}
@media (min-width:1025px) {
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-text-actions {
margin-top: 50px
}
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact):not(.ps--invert) .ps-product-info-right {
padding: 70px 70px 70px 120px;
text-align: start
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact).ps--invert .ps-product-info-right {
padding: 70px 120px 70px 100px;
text-align: start
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product {
padding: 70px
}
@media (min-width:768px) {
.product-single--horizontal.ps-carousel .ps-product.ps-product--bordered {
background: var(--body-bg-secondary)!important;
border: 2px solid var(--ps-main-gallery-border-color,var(--custom-color))
}
.product-single--horizontal.ps-carousel .swiper-slide .ps-text {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
}
@media (max-width:1024px) {
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact):not(.ps--invert) .ps-product-info-right {
padding: 50px 50px 50px 100px
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact).ps--invert .ps-product-info-right {
padding: 50px 100px 50px 50px
}
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product {
padding: 50px
}
.product-single--horizontal.ps-carousel.ps-carousel--compact:not(.ps--invert) .ps-product-info-right {
padding: 35px 35px 35px 70px
}
.product-single--horizontal.ps-carousel.ps-carousel--compact.ps--invert .ps-product-info-right {
padding: 35px 70px 35px 35px
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product {
padding: 50px
}
}
@media (max-width:575px) {
.product-single--horizontal.ps-carousel.ps--invert .ps-product-info-right,
.product-single--horizontal.ps-carousel:not(.ps--invert) .ps-product-info-right {
padding: 30px!important;
text-align: center
}
.product-single--horizontal.ps-carousel .ps-product {
padding: 30px!important
}
}
@media (min-width:768px) {
.product-single--horizontal.ps-carousel .ps-product-info-right .prd-price {
-ms-flex-pack: end;
justify-content: flex-end
}
.product-single--horizontal.ps-carousel .ps-text-actions {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
@media (max-width:767px) {
.product-single--horizontal.ps-carousel.ps-carousel--compact,
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product-gallery,
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product-gallery {
width: 100%
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product-info-right .prd-price,
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product-info-right .prd-price {
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 20px
}
.product-single--horizontal.ps-carousel.ps-carousel--compact .ps-text-actions,
.product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-text-actions {
-ms-flex-direction: column;
flex-direction: column
}
.container > .product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product-info-right,
.container > .product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product-info-right {
padding: 50px;
width: calc(100% - 30px);
margin-left: 15px;
margin-right: 15px;
border-radius: 0 0 var(--radius-md) var(--radius-md);
text-align: center
}
.container > .product-single--horizontal.ps-carousel.ps-carousel--compact .ps-product,
.container > .product-single--horizontal.ps-carousel:not(.ps-carousel--compact) .ps-product {
padding: 50px;
width: 100%;
border-radius: var(--radius-md) var(--radius-md) 0 0;
overflow: hidden
}
}
.product-single--horizontal.ps-carousel .product-form__error-message-wrapper:not([hidden]) {
position: absolute;
top: -35px;
padding: 5px 25px 0 0
}
@media (max-width:767px) {
.product-single--horizontal.ps-carousel .product-form__error-message-wrapper:not([hidden]) {
width: fit-content;
margin: 0 auto;
inset: 45px 0 0 0
}
.product-single--horizontal.ps-carousel .product-form__error-message-wrapper:not([hidden]) + form {
margin-top: 20px
}
}
custom-swiper-navigation {
position: absolute;
z-index: 10;
display: -ms-flexbox;
display: flex;
top: 0;
height: 100%;
left: 0;
right: 0;
pointer-events: none;
opacity: 0;
transition: all .2s
}
@media (max-width:1024px) {
custom-swiper-navigation {
opacity: 1;
left: 0;
width: 100%
}
custom-swiper-navigation .swiper-arrows-carousel {
display: block
}
}
custom-swiper-navigation > div {
pointer-events: all
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.holder > .container-fluid:hover custom-swiper-navigation,
.holder > .container:hover custom-swiper-navigation {
opacity: 1;
left: 20px;
right: 20px;
width: calc(100% - 40px)!important
}
}
.prd-block .prd-info-hr {
height: 1px;
overflow: hidden;
border-bottom: solid 1px var(--decor-border-middle-color)
}
.prd-block .prd-info-hr + :empty + .prd-info-hr {
display: none
}
@media (max-width:767px) {
.prd-block {
-ms-flex-direction: column;
flex-direction: column
}
}
.prd-block .prd-option-title {
width: auto;
padding-right: 30px;
white-space: nowrap
}
.prd-block .prd-option-title + .td_d {
width: 100%
}
.prd-block .prd-quantity {
width: 110px
}
.prd-block .prd-option.tr_d {
min-height: 34px
}
.prd-block .table-borderless:not(.table-striped) > :not(caption) > :first-child > * {
padding-top: 15px
}
@media (max-width:767px) {
.prd-block .table-borderless:not(.table-striped) > :not(caption) > :first-child > * {
padding-top: 10px
}
}
.prd-block .table-borderless:not(.table-striped) > :not(caption) > :last-child > * {
padding-bottom: 15px
}
@media (max-width:767px) {
.prd-block .table-borderless:not(.table-striped) > :not(caption) > :last-child > * {
padding-bottom: 10px
}
}
.prd-block .table-borderless:not(.table-striped) > :not(caption) > * > * {
padding: 15px
}
@media (max-width:767px) {
.prd-block .table-borderless:not(.table-striped) > :not(caption) > * > * {
padding: 10px
}
}
.prd-block .table-borderless:not(.table-striped) > :not(caption) > * > :first-child {
padding-left: 0
}
.prd-block .table-borderless:not(.table-striped) > :not(caption) > * > :last-child {
padding-right: 0
}
.prd-block [data-free-shipping-status] shipping-calculator {
display: none
}
.prd-block-gallery-main {
position: relative;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-flex: 1;
flex: 1;
border-radius: var(--radius-ic);
overflow: hidden
}
.prd-block-gallery-main .prd-countdown > * {
margin: 0 5px;
padding: 0 7px;
min-width: 44px;
height: 50px;
border-radius: 8px;
font-size: 12px;
line-height: 1.2em
}
.prd-block-gallery-main .prd-countdown > * div {
margin-top: .1em;
font-size: 18px;
line-height: 1em;
font-weight: var(--font-weight-700)
}
.prd-block-gallery-main .prd-countdown {
left: 50%;
bottom: 20px;
width: fit-content;
margin: 0;
transform: translateX(-50%)
}
.prd-block-gallery-main .swiper-slide {
display: -ms-flexbox;
display: flex;
min-width: 100%;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.prd-block-gallery-main .swiper-slide img {
visibility: hidden
}
.prd-block-gallery-main .swiper-slide.swiper-slide-active {
z-index: 1;
opacity: 1!important
}
.prd-block-gallery-main .swiper-slide.swiper-slide-active img {
visibility: visible
}
.prd-block-gallery-main .image-container {
width: 100%
}
.prd-block-gallery-main .image-container img {
font-size: 0
}
.prd-block-gallery-main img.lazyloaded + [data-load=loading] {
display: none
}
.prd-block-gallery-main .prd-countdown,
.prd-block-gallery-main .prd-labels {
transition: opacity .2s
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-block-gallery-main:hover .prd-countdown,
.prd-block-gallery-main:hover .prd-labels {
opacity: 0;
pointer-events: none
}
}
.prd-block-gallery-main .media {
display: block;
position: relative;
overflow: hidden
}
.prd-block-gallery-main .media > :not(.zoom):not(.deferred-media__poster-button),
.prd-block-gallery-main .media model-viewer {
display: block;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%
}
.prd-block-gallery-main .swiper-arrows-carousel {
top: 50%;
z-index: 1001
}
@media (max-width:575px) {
.prd-block-gallery-main .swiper-arrows-carousel {
display: block
}
}
.prd-block-gallery-main .swiper-wrapper > :not(.swiper-slide) {
pointer-events: none
}
.prd-block-gallery-main [data-load=loaded]:before {
animation: none
}
.prd-block-gallery-main [data-load] {
background-color: transparent
}
@media (min-width:1025px) {
.prd-block-gallery-main .zoom-initializing:not(.swiper-slide--video) {
cursor: wait
}
}
@media (max-width:1024px) {
.prd-block-gallery-main .ZoomContainer {
display: none!important
}
}
.prd-block-gallery-main:only-child {
width: 100%
}
.prd-zoom-link {
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1000;
width: 46px;
height: 46px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: var(--radius-max);
background: var(--dark-icon-bg);
color: var(--dark-icon-color);
transition: all .2s
}
.prd-zoom-link svg {
width: 17px;
height: 17px;
transition: all .1s
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-zoom-link:hover {
color: var(--dark-icon-color);
background: var(--dark-icon-bg-hover)
}
.prd-zoom-link:hover svg {
width: 21px;
height: 21px
}
}
.prd-block-agreement a {
font-size: 12px;
text-decoration: none;
color: var(--body-link-secondary-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-block-agreement a:hover {
color: var(--body-link-secondary-color-hover)
}
}
.prd-block-agreement {
margin-top: 10px
}
.prd-block-gallery-container-hor {
-ms-flex-direction: column;
flex-direction: column
}
.prd-block-gallery-container-hor > * {
width: 100%
}
[class*=prd-block-gallery-container] {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%
}
[class*=prd-block-gallery-container] img {
width: 100%;
height: 100%;
object-fit: contain
}
[class*=prd-block-gallery-container] .ic--hor:not(.ic--cover) img {
top: 50%;
transform: translateY(-50%);
width: 100%;
height: auto;
object-fit: contain
}
[class*=prd-block-gallery-container] .ic--vert:not(.ic--cover) img {
left: 50%;
transform: translateX(-50%);
height: 100%;
width: auto;
object-fit: contain
}
@media (max-width:1024px) {
[class*=prd-block-gallery-container] {
-ms-flex-direction: column;
flex-direction: column
}
[class*=prd-block-gallery-container] > * {
width: 100%
}
}
[class*=prd-block-gallery-container] .prd-block-safety,
[class*=prd-block-gallery-container] .prd-block-social {
min-width: 100%
}
[class*=prd-block-gallery-container] .image-container.ic--cover .zoomWrapper img {
object-fit: cover
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
[class*=prd-block-gallery-container] .ic--hor.ic--cover:hover img,
[class*=prd-block-gallery-container] .prd-block-gallery-main:hover .ic--hor.ic--cover img {
top: 50%;
transform: translateY(-50%);
width: 100%;
height: auto;
object-fit: none
}
[class*=prd-block-gallery-container] .ic--vert.ic--cover:hover img,
[class*=prd-block-gallery-container] .prd-block-gallery-main:hover .ic--vert.ic--cover img {
left: 50%;
transform: translateX(-50%);
height: 100%;
width: auto;
object-fit: none
}
[class*=prd-block-gallery-container] .ic--hor.ic--cover:hover img,
[class*=prd-block-gallery-container] .ic--vert.ic--cover:hover img {
object-fit: contain
}
}
@media (min-width:1025px) {
.aside--sticky .prd-block-gallery-container.aside-content {
height: auto
}
}
.prd-block-info {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
-webkit-transform: translate3d(0,0,0);
-webkit-transform-style: preserve-3d;
backface-visibility: hidden
}
@media (max-width:767px) {
.prd-block-info {
margin: 30px 0 0
}
}
.prd-block-info > * {
width: 100%
}
.prd-block-info .mt-product-global,
.prd-block-info .prd-block-actions.mt-product-global {
margin-top: var(--margin-top-product-blocks,20px)
}
.prd-block-info .mt-product-global:not(.prd-info-hr):empty {
margin-top: 0!important
}
.prd-block-info .prd-options.table_r {
padding: 0
}
.prd-block-info .only-outer-tab {
display: none
}
.prd-block-info .prd-block-actions .btn {
border-radius: var(--button-border-radius)
}
@media (min-width:576px) {
.prd-block-info .prd-block-actions .col-12.col-xl-auto > [data-render] {
height: var(--button-addtocart-desktop-height);
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center
}
.prd-block-info .prd-block-actions .btn {
min-height: var(--button-addtocart-desktop-height);
padding: calc(var(--button-addtocart-desktop-height) * .2) calc(var(--button-addtocart-desktop-height) * .5);
font-size: calc(var(--button-addtocart-desktop-height) * .3);
line-height: calc(var(--button-addtocart-desktop-height) * .6)
}
}
@media (max-width:575px) {
.prd-block-info .prd-block-actions .btn {
min-height: var(--button-addtocart-mobile-height);
padding: calc(var(--button-addtocart-mobile-height) * .2) calc(var(--button-addtocart-mobile-height) * .5);
font-size: calc(var(--button-addtocart-mobile-height) * .3);
line-height: calc(var(--button-addtocart-mobile-height) * .6)
}
.prd-block-info .prd-block-actions .row-with-wishlist [data-render=qty-] {
min-height: 40px
}
}
.prd-block-info.is-sticky {
position: sticky;
top: 0
}
.aside--sticky + div > .prd-block-info {
height: auto
}
.prd-block-name {
--heading-color: var(--product-page-title-color);
margin-bottom: 0;
font-size: 23px;
font-weight: var(--heading-md-weight);
line-height: 1.478em
}
@media (max-width:767px) {
.prd-block-info .prd-block-name.mt-product-global:first-child {
margin-top: 0
}
}
@media (max-width:575px) {
.prd-block-name {
font-size: 18px
}
}
.prd-block-name a {
color: var(--heading-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-block-name a:hover {
color: var(--body-link-color)
}
}
.prd-block-desc {
font-size: 15px;
font-weight: var(--font-weight-400);
line-height: 26px
}
.prd-block-desc a {
color: var(--text-color);
text-decoration: underline
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-block-desc a:hover {
text-decoration: none
}
}
.prd-block-desc ol,
.prd-block-desc ul {
padding: 0 0 0 17px
}
.prd-block-desc ol,
.prd-block-desc ul {
margin: 8px 0 0
}
.prd-block-desc p:empty {
display: none
}
.prd-block-desc h1,
.prd-block-desc h2,
.prd-block-desc h3,
.prd-block-desc h4,
.prd-block-desc h5 {
margin-bottom: 6px;
font-weight: var(--heading-global-weight);
font-family: var(--heading-font-family);
line-height: 1.389em
}
.prd-block-desc h1:not(:first-child),
.prd-block-desc h2:not(:first-child),
.prd-block-desc h3:not(:first-child),
.prd-block-desc h4:not(:first-child),
.prd-block-desc h5:not(:first-child) {
margin-top: 20px
}
.prd-block-desc h1 {
margin-bottom: 15px
}
.prd-block-desc h2 {
margin-bottom: 10px;
font-size: 22px
}
.prd-block-desc h3 {
font-size: 18px
}
.prd-block-desc-title {
margin-bottom: 6px;
font-size: 18px;
font-weight: var(--heading-sm-weight);
font-family: var(--heading-font-family);
line-height: 25px
}
.prd-block-desc-title + p {
margin-top: 0
}
h4.prd-block-desc-title {
margin-bottom: 10px;
font-size: 15px;
line-height: 24px;
font-weight: var(--heading-sm-weight)
}
h4.prd-block-desc-title + p {
margin-top: 0
}
.prd-block-gallery-thumbs-wrap .swiper-button-next,
.prd-block-gallery-thumbs-wrap .swiper-button-prev {
color: var(--body-link-secondary-color)
}
.prd-block-gallery-thumbs-wrap .swiper-button-next svg path,
.prd-block-gallery-thumbs-wrap .swiper-button-prev svg path {
fill: currentColor
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-block-gallery-thumbs-wrap .swiper-button-next:hover,
.prd-block-gallery-thumbs-wrap .swiper-button-prev:hover {
color: var(--body-link-secondary-color-hover)
}
}
.prd-block-gallery-thumbs-wrap .swiper-container-vertical .swiper-slide .image-container {
width: 99%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.prd-block-gallery-thumbs-wrap .swiper-container-horizontal .swiper-slide .image-container {
width: 100%;
height: 100%
}
.prd-block-gallery-container .prd-block-gallery-thumbs-wrap {
position: relative;
min-width: calc(var(--product-page-previews-width) + 28px)
}
@media (max-width:1024px) {
.prd-block-gallery-container .prd-block-gallery-thumbs-wrap {
margin-top: 20px;
-ms-flex-order: 3;
order: 3
}
}
.prd-block-gallery-container .prd-block-gallery-thumbs-wrap.thumbs-to-right {
-ms-flex-order: 1;
order: 1
}
.prd-block-gallery-container .prd-block-gallery-thumbs-wrap.thumbs-to-right .prd-block-gallery-nav,
.prd-block-gallery-container .prd-block-gallery-thumbs-wrap.thumbs-to-right .prd-block-gallery-thumbs {
left: auto;
right: 0
}
.prd-block-gallery-container-hor .prd-block-gallery-thumbs-wrap {
position: relative;
margin-top: 20px;
padding: 0 40px;
-ms-flex-order: 3;
order: 3
}
@media (max-width:1024px) {
.prd-block-gallery-container-hor .prd-block-gallery-thumbs-wrap {
margin-top: 10px;
padding: 0
}
}
.prd-block-gallery-container-hor .prd-block-gallery-thumbs-wrap .swiper-container {
padding: 0 1px
}
.prd-block-gallery-container .prd-block-gallery-thumbs {
position: absolute;
top: 0;
left: 0;
-ms-flex-order: -1;
order: -1;
height: calc(100% - 40px);
padding-bottom: 1px
}
@media (max-width:1024px) {
.prd-block-gallery-container .prd-block-gallery-thumbs {
position: static;
height: 100%!important;
width: 100%
}
}
.prd-block-gallery-container-hor .prd-block-gallery-thumbs {
position: relative;
height: 100%;
padding-bottom: 0
}
.prd-block-gallery-thumbs {
width: var(--product-page-previews-width)
}
.prd-block-gallery-thumbs .swiper-slide {
position: relative;
width: var(--product-page-previews-width);
overflow: hidden;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0;
transition: opacity .2s;
border-radius: var(--radius-md);
cursor: pointer
}
.prd-block-gallery-thumbs .swiper-slide img {
transition: .3s;
color: transparent;
cursor: pointer;
font-size: 0
}
.prd-block-gallery-thumbs .swiper-slide:after,
.prd-block-gallery-thumbs .swiper-slide:before {
position: absolute;
border: var(--preview-thumb-active-width) solid var(--preview-thumb-active-color);
bottom: 0;
content: "";
left: 0;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25,.46,.4,1);
z-index: 3;
border-radius: var(--radius-md);
opacity: 0;
pointer-events: none
}
.prd-block-gallery-thumbs .swiper-slide:after {
z-index: 2;
border: 4px solid var(--body-bg)
}
.prd-block-gallery-thumbs .swiper-slide-thumb--active:after,
.prd-block-gallery-thumbs .swiper-slide-thumb--active:before,
.prd-block-gallery-thumbs .swiper-slide-thumb-active:after,
.prd-block-gallery-thumbs .swiper-slide-thumb-active:before {
opacity: 1
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-block-gallery-thumbs .swiper-slide:hover:after,
.prd-block-gallery-thumbs .swiper-slide:hover:before {
opacity: 1
}
}
.prd-block-gallery-container-hor .prd-block-gallery-thumbs {
position: static;
height: 100%!important;
width: 100%
}
.prd-block-gallery-container-hor .prd-block-gallery-thumbs .swiper-slide {
width: 100%
}
.swiper-container-vertical.prd-block-gallery-thumbs .swiper-slide {
opacity: 1;
height: calc(var(--product-page-previews-width) * (var(--aspect-ratio,120)/ 100))!important
}
.swiper-container-vertical.prd-block-gallery-thumbs .swiper-slide img {
max-width: var(--product-page-previews-width)
}
.swiper-container-horizontal.prd-block-gallery-thumbs .swiper-slide[style*=width] {
opacity: 1
}
.prd-block-gallery-nav .swiper-button-next:after,
.prd-block-gallery-nav .swiper-button-prev:after {
display: none
}
.prd-block-gallery-container .swiper-pagination-lock + .prd-block-gallery-nav {
display: none
}
.prd-block-gallery-container .prd-block-gallery-nav {
display: none
}
@media (min-width:1025px) {
.prd-block-gallery-container .swiper-pagination-bullets:not(.swiper-pagination-lock) + .prd-block-gallery-nav {
display: -ms-flexbox;
display: flex
}
.prd-block-gallery-container .prd-block-gallery-nav {
display: none;
position: absolute;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
height: 40px;
width: 76px;
bottom: 0;
left: 0
}
.prd-block-gallery-container .prd-block-gallery-nav > * svg {
width: 20px;
height: 20px
}
.prd-block-gallery-container .prd-block-gallery-nav > * svg path {
fill: var(--body-link-secondary-color);
transition: all .2s
}
}
@media (min-width:1025px) and (hover:hover),
(min-width:1025px) and (hover:none) and (min-width:1025px) {
.prd-block-gallery-container .prd-block-gallery-nav > :hover svg path {
fill: var(--body-link-secondary-color-hover)
}
}
@media (min-width:1025px) {
.prd-block-gallery-container .prd-block-gallery-nav .swiper-button-next,
.prd-block-gallery-container .prd-block-gallery-nav .swiper-button-prev {
position: static;
margin-top: 0
}
}
@media (max-width:1024px) {
.prd-block-gallery-container .prd-block-gallery-nav .swiper-button-next {
right: 0
}
.prd-block-gallery-container .prd-block-gallery-nav .swiper-button-next svg {
transform: rotate(-90deg)
}
.prd-block-gallery-container .prd-block-gallery-nav .swiper-button-prev {
left: 0
}
.prd-block-gallery-container .prd-block-gallery-nav .swiper-button-prev svg {
transform: rotate(-90deg)
}
}
.prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-next,
.prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-prev {
width: 16px
}
.prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-next {
right: 0
}
.prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-next svg {
transform: rotate(-90deg)
}
.prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-prev {
left: 0
}
.prd-block-gallery-container-hor .prd-block-gallery-nav .swiper-button-prev svg {
transform: rotate(-90deg)
}
.zoomWindow {
border: none!important;
background-color: var(--zoom-window-bg)
}
.prd-block-meta {
margin-bottom: -5px;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 12px
}
.prd-block-meta .review-rating {
min-height: 25px
}
.prd-block-meta .col-auto > span,
.prd-block-meta .dropdown-link > span {
font-weight: var(--font-weight-700)
}
.prd-block-meta .col-auto > span ~ span,
.prd-block-meta .dropdown-link > span ~ span {
font-weight: var(--font-weight-400)
}
.prd-block-meta:first-child {
margin-top: 15px
}
@media (min-width:576px) {
.prd-block-meta > * {
min-width: calc(50% - 30px);
margin-bottom: 5px
}
.prd-block-meta > :nth-child(even) {
text-align: right
}
.prd-block-meta > :nth-child(even) .review-rating {
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media (max-width:575px) {
.prd-block-meta > * {
min-width: 100%
}
.prd-block-meta > :nth-child(n+2) {
margin-top: 5px
}
}
.prd-block-links {
width: fit-content;
margin-bottom: calc(var(--margin-top-product-blocks,20px) * -.666667);
margin-right: 35px;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 12px
}
@media (max-width:575px) {
.prd-block-links {
margin-right: 20px
}
}
.prd-block-links a {
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0 -4px;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
line-height: 18px;
text-decoration: none
}
.prd-block-links a > * {
padding: 0 4px
}
.prd-block-links a .icon-wrap svg {
position: relative;
top: -1px;
height: 19px;
width: auto
}
.prd-block-links .review-rating a {
margin: 0 5px
}
.prd-block-links + .mt-product-global:not(.prd-block-links) {
margin-top: calc(var(--margin-top-product-blocks,20px) * 1.666667)
}
.prd-block-links > wishlist-button {
margin-bottom: calc(var(--margin-top-product-blocks,20px) * .666667)
}
@media (max-width:575px) {
.prd-block-info > .prd-block-links {
margin-bottom: 0
}
}
.prd-block-actions {
margin-top: 40px
}
.mt-product-global > .prd-block-actions {
margin-top: 0
}
.prd-block-actions > .mt-product-global > .row .col-auto,
.prd-block-actions > .row .col-auto {
-ms-flex: 1;
flex: 1
}
@media (max-width:575px) {
.prd-block-actions .shopify-payment-agree {
min-width: 100%
}
.prd-block-actions .shopify-payment-agree .shopify-payment-button {
max-height: none
}
}
.prd-block-actions .btn,
.prd-block-actions .shopify-payment-button button {
min-width: 170px
}
.prd-block-actions .shopify-payment-button button {
width: 100%
}
.prd-block-actions .btn {
padding-left: 20px;
padding-right: 20px
}
.prd-block-actions .prd-block-actions {
margin-top: 0
}
.prd-block-actions .line-properties:not(:empty) + .prd-block-actions {
margin-top: var(--margin-top-product-blocks,20px)
}
.prd-block-actions cart-note {
display: block;
margin-bottom: 30px
}
.prd-block-actions .row-with-wishlist {
position: relative;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: end;
justify-content: flex-end
}
.prd-block-actions .col-wishlist {
position: relative;
max-width: 55px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 0;
padding-right: 15px
}
@media (max-width:575px) {
.prd-block-actions .col-wishlist {
position: absolute;
right: 0;
top: 5px
}
}
.prd-block-actions .col-wishlist wishlist-button {
height: 40px;
width: 40px;
text-align: center
}
@media (min-width:576px) {
.prd-block-actions .col-wishlist wishlist-button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: var(--button-addtocart-desktop-height)
}
}
.prd-block-actions .col-wishlist wishlist-button .btn-link {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 40px;
margin: 0;
padding: 0;
-ms-flex-pack: center;
justify-content: center
}
.prd-block-actions .col-wishlist wishlist-button .btn-link .icon-wrap {
margin-right: 0
}
.prd-block-actions .col-wishlist wishlist-button .btn-link svg {
width: 25px;
height: 22px
}
@media (min-width:576px) {
.prd-block-actions .col-wishlist + .col-auto {
max-width: calc(100% - 55px)
}
}
.prd-block-info .block-accordion,
.prd-block-info .prd-block-accordion {
margin-top: 5px
}
.prd-block-safety {
margin-top: 40px
}
.block-accordion + .prd-block-safety {
margin-top: 15px
}
@media (max-width:767px) {
.prd-block .prd-option-list--tag li {
width: 36px;
height: 36px;
margin: 7px
}
.prd-block .prd-option-list--tag li > a {
font-size: 15px
}
.prd-block .prd-option-list--color li {
width: 36px;
height: 36px;
margin: 7px
}
}
.btn.btn-buy-now {
color: var(--button-color-buy-now);
background-color: var(--button-bg-buy-now)
}
.btn.btn-buy-now.hovered {
color: var(--button-hover-color-buy-now)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn.btn-buy-now:active,
.btn.btn-buy-now:active:focus,
.btn.btn-buy-now:focus,
.btn.btn-buy-now:visited {
color: var(--button-color-buy-now);
background-color: var(--button-bg-buy-now)
}
.btn.btn-buy-now.hovered,
.btn.btn-buy-now:active:hover,
.btn.btn-buy-now:focus:hover,
.btn.btn-buy-now:hover {
color: var(--button-hover-color-buy-now)
}
}
.prd-block-social {
color: var(--body-link-secondary-color);
margin-left: -8px;
margin-right: -8px
}
.prd-block-social ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.prd-block-social li {
margin: 8px
}
.prd-block-social li a {
color: var(--body-link-secondary-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.prd-block-social li a:hover {
color: var(--body-link-secondary-color-hover)
}
.prd-block-social li a:hover svg circle,
.prd-block-social li a:hover svg path {
fill: currentColor
}
}
.prd-block-social svg {
width: 30px;
height: 30px
}
.prd-block-social svg circle,
.prd-block-social svg path {
fill: currentColor
}
.prd-block-gallery-main .inner-video {
position: absolute;
height: 100%;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.prd-block-gallery-main .inner-video embed,
.prd-block-gallery-main .inner-video iframe,
.prd-block-gallery-main .inner-video object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3
}
.prd-block-gallery-main .inner-video iframe {
height: 56.25%;
top: 50%;
transform: translateY(-50%)
}
.prd-block-gallery-main .inner-video video {
object-fit: contain;
height: 100%
}
.prd-block-gallery-main .inner-video[data-video=mp4] {
background-color: transparent
}
.swiper-slide--video {
height: auto;
background-color: var(--placeholder-bg)
}
.swiper-slide--video-thumb {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.swiper-slide--video-thumb:after {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
cursor: pointer;
pointer-events: none
}
.swiper-slide--video-thumb .icon-wrap {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 37px;
height: 37px;
color: var(--dark-icon-color);
border-radius: var(--radius-max);
background: var(--dark-icon-bg);
z-index: 2;
pointer-events: none
}
.swiper-slide--video-thumb .icon-wrap svg {
width: 22px;
height: 22px
}
.swiper-slide--video-thumb .icon-wrap svg path {
fill: currentColor
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.swiper-slide--video-thumb:hover .icon-wrap {
color: var(--dark-icon-color);
background: var(--dark-icon-bg-hover)
}
}
.swiper-slide--video-thumb .image-container .icon-wrap {
top: 50%;
transform: translateY(-50%)
}
.btn-link-wishlist {
cursor: pointer;
white-space: nowrap
}
.btn-link-wishlist .icon-wrap {
margin-right: 5px
}
.btn-link-wishlist .icon-wrap svg path {
transition: all .2s ease
}
.btn-link-wishlist .icon-wrap svg + svg {
display: none
}
.btn-link-wishlist [data-wishlist=remove] {
display: none
}
.btn-link-wishlist.in-wishlist .icon-wrap svg:first-child {
display: none
}
.btn-link-wishlist.in-wishlist .icon-wrap svg + svg {
display: block
}
.btn-link-wishlist.in-wishlist [data-wishlist=add] {
display: none
}
.btn-link-wishlist.in-wishlist [data-wishlist=remove] {
display: block
}
.btn-link-wishlist > span {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.btn-link.btn-link-wishlist,
.prd-block-links.prd-block-links--alt .btn-link-wishlist {
color: var(--body-link-secondary-color)
}
.btn-link.btn-link-wishlist .icon-wrap svg path,
.prd-block-links.prd-block-links--alt .btn-link-wishlist .icon-wrap svg path {
fill: var(--custom-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.btn-link.btn-link-wishlist:hover,
.prd-block-links.prd-block-links--alt .btn-link-wishlist:hover {
color: var(--body-link-secondary-color-hover)
}
.btn-link.btn-link-wishlist:hover svg path,
.prd-block-links.prd-block-links--alt .btn-link-wishlist:hover svg path {
fill: var(--body-link-secondary-color-hover)
}
}
.prd-block-gallery-main .prd-labels {
top: 20px;
left: 20px
}
.prd-block-gallery-main .prd-labels > * {
min-width: 35px;
height: auto;
padding: 4px 8px;
border-radius: var(--radius-5);
font-size: 12px;
font-weight: var(--font-weight-600);
line-height: 16px
}
.prd-block-gallery-main .prd-labels > * + * {
margin-top: 12px
}
product-gallery img:not([src]) {
opacity: 0
}
.prd-block-price {
--product-price-actual-color: var(--product-page-price-actual-color);
--product-price-old-color: var(--product-page-price-old-color);
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
@media (max-width:767px) {
.prd-block-price {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.prd-block-price [data-render*=subscription] {
-ms-flex: auto;
flex: auto
}
.prd-block-price [data-render*=subscription] .subscription-label {
width: fit-content;
margin: 4px 0 0 15px;
padding: 3px 6px
}
@media (max-width:767px) {
.prd-block-price [data-render*=subscription] .subscription-label {
margin: 10px 0 0 0
}
}
@media (max-width:767px) {
.prd-block-price [data-render*=subscription] {
width: 100%
}
}
.prd-block-price .prd-price {
display: table-row;
overflow: hidden;
font-size: 30px
}
.prd-block-price .prd-price > [class*=prd-price-] {
display: table-cell
}
.prd-block-price .prd-price .prd-price-regular span {
padding-right: .1em;
font-size: 23px
}
.prd-block-price .prd-price .prd-price-old {
position: relative;
top: -.07em;
padding: 0 5px;
height: auto;
line-height: 1em;
font-size: calc(var(--product-card-price-size) * .667)
}
.prd-block-tax {
font-size: 12px;
line-height: 15px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 5px;
gap: .3em
}
.prd-block-tax + form.installment {
height: 0;
margin: 0;
overflow: hidden
}
.prd-block-row {
-ms-flex-align: center;
align-items: center
}
@media (min-width:576px) {
.prd-block-row > .row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.prd-block-row > .row .col-auto {
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 1;
flex-shrink: 1
}
}
@media (max-width:575px) {
.prd-block-row > .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.prd-block-row > .row > * {
min-width: 100%
}
.prd-block-row > .row > * + * {
margin-top: 20px
}
}
.prd-block-row .btn-link {
display: -ms-flexbox;
display: flex;
width: fit-content
}
.prd-block-row .btn-link.btn-link-wishlist .icon-wrap {
margin-right: 6px
}
.prd-block-row .btn-link.btn-link-wishlist .icon-wrap svg {
position: relative;
top: 0;
width: 17px;
height: 17px
}
.prd-block-row [data-free-shipping-status] .text-animated-static {
padding: 0 40px 0 0;
text-align: right;
line-height: 18px
}
.prd-block-row [data-free-shipping-status] .text-animated-static .text-animated-icon svg {
left: inherit;
position: relative;
margin: -2px -30px 0 0
}
@media (max-width:767px) {
.prd-block-row [data-free-shipping-status] .text-animated-static {
padding: 0;
text-align: left
}
.prd-block-row [data-free-shipping-status] .text-animated-static .text-animated-icon {
display: inline-block
}
}
.prd-block-row .btn-link-wishlist {
text-transform: lowercase
}
.prd-block-row .btn-link-wishlist .icon-wrap + span::first-letter {
text-transform: uppercase
}
@media (min-width:1025px) {
.product-grid-gallery[data-media-count="1"] .swiper-wrapper > :not(:first-child) {
display: none
}
.product-grid-gallery[data-media-count="1"] .swiper-wrapper > :first-child {
-ms-grid-column: span 2!important;
grid-column: span 2!important
}
.product-grid-gallery.layout-grid1 .swiper-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1,1fr);
gap: 30px
}
.product-grid-gallery.layout-grid2 .swiper-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2,1fr);
gap: 20px
}
.product-grid-gallery.layout-grid2:not(.filtered) .swiper-wrapper > :last-child:nth-child(odd) {
-ms-grid-column: span 2;
grid-column: span 2
}
.product-grid-gallery.layout-grid3 .swiper-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2,1fr);
gap: 20px
}
.product-grid-gallery.layout-grid3:not(.filtered) .swiper-wrapper > :nth-child(3n+1) {
-ms-grid-column: span 2;
grid-column: span 2
}
.product-grid-gallery.layout-grid3:not(.filtered) .swiper-wrapper > :last-child:nth-child(3n+2) {
-ms-grid-column: span 2;
grid-column: span 2
}
.product-grid-gallery.filtered .swiper-wrapper > .item-full {
-ms-grid-column: span 2;
grid-column: span 2
}
.product-grid-gallery .prd-block-gallery-main .swiper-slide img.lazyloaded {
visibility: visible
}
.product-grid-gallery .prd-block-gallery-main .swiper-slide {
width: auto!important;
transform: none!important;
opacity: 1!important
}
.product-grid-gallery .swiper-slide--hidden {
display: none!important
}
.product-grid-gallery .prd-block-gallery-main .zoom-initializing {
cursor: auto!important
}
.product-grid-gallery .prd-block-gallery-thumbs-wrap,
.product-grid-gallery .swiper-arrows-carousel,
.product-grid-gallery .swiper-slide--video .prd-zoom-link {
display: none!important
}
}
dropdown-onclick {
display: inline-block;
position: relative
}
dropdown-onclick .dropdown-link:not(:last-child) {
position: relative;
padding-right: 18px;
cursor: pointer
}
dropdown-onclick .dropdown-link:not(:last-child):after {
position: absolute;
right: 0;
top: 6px;
padding: 6px;
content: '';
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
dropdown-onclick .dropdown-link:not(:last-child):hover > .many-stock,
dropdown-onclick .dropdown-link:not(:last-child):hover > .many-stock b,
dropdown-onclick .dropdown-link:not(:last-child):hover > span:last-child {
color: var(--dropdown-link-hover-color)
}
}
dropdown-onclick .dropdown-content {
position: absolute;
width: var(--dropdown-content-width);
top: -1000vh;
left: 0;
padding: 20px 0;
opacity: 0;
background: var(--dropdown-content-bg);
z-index: 10;
border-radius: var(--radius-md);
transform: translate3d(0,40px,0);
transition: transform .2s;
color: var(--dropdown-content-color);
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04));
pointer-events: none;
font-size: 12px;
line-height: 1.55em;
text-align: start
}
@media (max-width:575px) {
dropdown-onclick .dropdown-content {
max-width: calc(100vw - 30px)
}
}
dropdown-onclick .dropdown-content a {
display: block;
color: var(--dropdown-content-link-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
dropdown-onclick .dropdown-content a:hover {
color: var(--dropdown-content-link-hover-color)
}
}
dropdown-onclick .dropdown-content ul,
dropdown-onclick .dropdown-content ul.list-unstyled {
padding: 5px 30px
}
dropdown-onclick .dropdown-content li {
position: relative;
color: var(--dropdown-content-color)
}
dropdown-onclick .dropdown-content li.active:after {
content: '';
position: absolute;
left: -5px;
right: -5px;
top: -1px;
bottom: -1px;
border: 1px solid var(--dropdown-content-link-active-border);
border-radius: var(--radius-4);
z-index: 1;
pointer-events: none
}
dropdown-onclick .dropdown-content li.active:before {
content: '\2022';
position: absolute;
left: -21px;
top: calc(50% - 9px);
z-index: 1;
pointer-events: none;
color: var(--dropdown-content-link-active-border);
font-size: 30px
}
@media (max-width:575px) {
dropdown-onclick .dropdown-content li.active:before {
left: -19px
}
}
dropdown-onclick .dropdown-content li.dropdown-prd.active:after {
top: -5px;
bottom: -5px
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
dropdown-onclick .dropdown-content li:hover:after {
content: '';
position: absolute;
left: -5px;
right: -5px;
top: -1px;
bottom: -1px;
border: 1px solid var(--dropdown-content-link-active-border);
border-radius: var(--radius-4);
z-index: 1;
pointer-events: none
}
dropdown-onclick .dropdown-content li.dropdown-prd:hover:after {
top: -5px;
bottom: -5px
}
}
dropdown-onclick .dropdown-content li + li {
margin-top: 5px
}
dropdown-onclick .dropdown-content li.dropdown-prd + li {
margin-top: 12px
}
dropdown-onclick.is-opened .dropdown-link:not(:last-child):after {
transform: rotate(180deg)
}
dropdown-onclick.is-opened .dropdown-content {
top: auto;
opacity: 1;
transform: translate3d(0,5px,0);
pointer-events: all
}
dropdown-onclick.is-opened .dropdown-content .js-dropdn-content-scroll {
max-height: 500px;
overflow: hidden
}
@media (max-width:767px) {
dropdown-onclick.is-opened .dropdown-content .js-dropdn-content-scroll {
max-height: 200vh
}
}
dropdown-onclick .scrollbar-track-y {
right: 15px!important
}
dropdown-onclick .dropdown-label,
dropdown-onclick .prd-label {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
height: 19px;
padding: 1px 6px;
border-radius: var(--radius-4)
}
dropdown-onclick .many-stock {
color: var(--many-in-stock-color)
}
dropdown-onclick .many-stock b {
color: var(--text-color)
}
dropdown-onclick .dropdown-content .dropdown-prd {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
dropdown-onclick .dropdown-content .dropdown-prd > .dropdown-prd-info {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex: 1;
flex: 1;
padding: 5px 0;
margin-top: -5px;
margin-bottom: -5px;
line-height: 1.35em;
text-decoration: none;
-ms-flex-order: 2;
order: 2
}
dropdown-onclick .dropdown-content .dropdown-prd > .dropdown-prd-info > span:first-child {
width: 100%
}
dropdown-onclick .dropdown-content .dropdown-prd > .dropdown-prd-info .dropdown-label,
dropdown-onclick .dropdown-content .dropdown-prd > .dropdown-prd-info .prd-label {
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
height: 18px;
margin-left: 7px;
top: -1px;
font-size: 11px
}
dropdown-onclick .dropdown-content .dropdown-prd > .dropdown-prd-info .prd-price + .prd-label {
top: 2px
}
dropdown-onclick .dropdown-content .dropdown-prd > * {
margin-right: 10px
}
dropdown-onclick .dropdown-content .dropdown-prd-img {
min-width: 50px;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-flex-order: 1;
order: 1
}
dropdown-onclick .dropdown-content .dropdown-prd-img .image-container:not(.ic--ignore-global-round) {
border-radius: var(--radius-4)
}
dropdown-onclick .dropdown-content .dropdown-prd .prd-icons {
height: 40px;
margin-right: 6px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-flex-align: center;
align-items: center;
position: static;
-ms-flex-order: 4;
order: 4
}
dropdown-onclick .dropdown-content .dropdown-prd .prd-icons > * + * {
margin: 0 0 0 10px
}
dropdown-onclick .dropdown-content .dropdown-prd .prd-price {
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 4px;
font-size: 15px;
-ms-flex-align: end;
align-items: end
}
dropdown-onclick .dropdown-content .dropdown-prd .prd-price .prd-price-regular {
font-weight: var(--font-weight-400)
}
dropdown-onclick .dropdown-content .dropdown-prd .prd-price .prd-price-regular:not(:last-child) {
margin-right: 3px
}
dropdown-onclick .dropdown-content .dropdown-prd .prd-price .prd-price-old {
font-size: 13px
}
dropdown-onclick .dropdown-content .dropdown-prd product-form,
dropdown-onclick .dropdown-content .dropdown-prd quickview-popup {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-flex-order: 3;
order: 3
}
dropdown-onclick .dropdown-content .dropdown-prd product-form .icon-wrap,
dropdown-onclick .dropdown-content .dropdown-prd quickview-popup .icon-wrap {
width: 34px;
height: 35px;
min-height: 34px;
min-width: 34px
}
dropdown-onclick .dropdown-content .dropdown-prd .product-form__error-message-wrapper {
min-width: 100%;
margin: 5px 0 0;
-ms-flex-order: 5;
order: 5
}
@media (max-width:575px) {
dropdown-onclick .dropdown-content ul {
padding: 5px 25px
}
dropdown-onclick .dropdown-content .dropdown-prd-img {
display: none
}
}
@media (min-width:576px) {
.prd-block-meta dropdown-onclick.to-right .dropdown-content {
left: auto;
right: 0;
margin: 0
}
}
.modal-quickview.fancybox-content {
min-height: 50vh;
margin: auto
}
.modal-quickview.fancybox-content.off-gallery {
width: 550px
}
@media (max-width:1024px) {
.modal-quickview.fancybox-content {
width: 570px
}
.fancybox-slide--html .modal-quickview .fancybox-close-small {
top: 14px!important;
right: 6px!important
}
}
@media (max-width:767px) {
.modal-quickview.fancybox-content {
max-width: calc(100% - 60px);
max-height: calc(100vh - 60px);
max-height: calc(var(--vh,1vh) * 100 - 60px)
}
.modal-quickview .prd-block-info {
overflow: hidden
}
}
@media (max-width:767px) {
.fancybox-slide--html .modal-quickview .fancybox-close-small {
top: 5px!important;
right: 6px!important
}
}
@media (max-width:374px) {
.modal-quickview.fancybox-content {
display: -ms-inline-flexbox!important;
display: inline-flex!important;
height: 100%;
max-width: 100%;
max-height: 100%;
margin: 0;
-ms-flex-align: center;
align-items: center;
border-radius: 0
}
}
.modal-quickview product-gallery {
opacity: 0;
transition: opacity .2s ease
}
@media (max-width:1024px) {
.modal-quickview .prd-zoom-link {
display: none
}
}
.modal-quickview .prd-block {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: 100%;
max-height: 100%;
padding: 0
}
@media (max-width:1024px) {
.modal-quickview .prd-block {
-ms-flex-direction: column;
flex-direction: column
}
}
@media (min-width:1025px) {
.modal-quickview .prd-block-scroll {
display: -ms-flexbox;
display: flex;
max-height: 100%;
overflow: hidden
}
.modal-quickview .prd-block-scroll > .scroll-content {
display: -ms-flexbox;
display: flex;
max-height: 100%;
width: 100%;
transform: translate3d(0,0,0)!important
}
.modal-quickview .prd-block-scroll > .scroll-content ~ .scrollbar-track {
display: none!important
}
.modal-quickview .prd-block-info-scroll {
max-height: 100%;
overflow: hidden
}
.modal-quickview .prd-block-info-scroll .scroll-content {
padding: 0 30px 10px 0
}
}
@media (max-width:1024px) {
.modal-quickview .prd-block-scroll {
max-height: calc(100vh - 130px);
max-height: calc(var(--vh,1vh) * 100 - 130px);
overflow: hidden;
padding: 0 20px
}
.modal-quickview .prd-block-info-scroll {
overflow: visible!important
}
.modal-quickview .prd-block-info-scroll .scroll-content ~ .scrollbar-track {
display: none!important
}
}
.modal-quickview .prd-block-gallery-container {
width: 47.365%;
padding: 0 30px;
display: -ms-flexbox;
display: flex;
height: fit-content
}
@media (max-width:1199px) {
.modal-quickview .prd-block-gallery-container {
width: 47.365%;
padding: 0 15px 0 0
}
}
@media (max-width:1024px) {
.modal-quickview .prd-block-gallery-container {
width: 100%;
margin: 0;
padding: 0
}
}
.modal-quickview .prd-block-gallery-thumbs-wrap {
position: relative;
min-width: calc(var(--product-page-previews-width-quickview) + 14px)
}
.modal-quickview .prd-block-gallery-thumbs-wrap img {
width: 100%;
height: 100%;
object-fit: cover
}
.modal-quickview .prd-block-gallery-main img {
width: 100%;
height: 100%;
object-fit: contain
}
.modal-quickview .prd-block-gallery-thumbs .swiper-slide {
width: var(--product-page-previews-width-quickview)
}
.modal-quickview .prd-block-gallery-thumbs {
width: calc(100% - 14px);
height: calc(83.33% - 10px)
}
.modal-quickview .prd-block-gallery-nav {
width: 60px;
height: 16.66%
}
.modal-quickview .prd-block-info {
width: 100%;
margin: 0;
padding: 0
}
.modal-quickview product-gallery + .prd-block-info {
width: 52.5%;
padding: 10px 0 0 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
@media (max-width:1199px) {
.modal-quickview product-gallery + .prd-block-info {
padding: 10px 0 0 15px
}
}
@media (max-width:1024px) {
.modal-quickview product-gallery + .prd-block-info {
width: 100%;
margin: 30px 0 0;
padding: 0
}
}
.modal-quickview.fancybox-content {
display: -ms-inline-flexbox!important;
display: inline-flex!important;
padding: 65px 35px
}
@media (max-width:1024px) {
.modal-quickview.fancybox-content {
padding: 50px 20px 50px 25px
}
}
@media (max-width:575px) {
.modal-quickview.fancybox-content {
padding: 35px 20px 30px 15px
}
}
.modal-quickview.fancybox-content .prd-block-info .scroll-content > * + *,
.modal-quickview.fancybox-content .prd-block-info > * + * {
margin-top: 30px
}
@media (max-width:575px) {
.modal-quickview.fancybox-content .prd-block-info .scroll-content > * + *,
.modal-quickview.fancybox-content .prd-block-info > * + * {
margin-top: 18px
}
}
.modal-quickview.fancybox-content .prd-block-info .scroll-content > * + .prd-block-name,
.modal-quickview.fancybox-content .prd-block-info .scroll-content > * + .prd-block-price,
.modal-quickview.fancybox-content .prd-block-info > * + .prd-block-name,
.modal-quickview.fancybox-content .prd-block-info > * + .prd-block-price {
margin-top: 16px
}
@media (max-width:575px) {
.modal-quickview.fancybox-content .prd-block-info .scroll-content > * + .prd-block-name,
.modal-quickview.fancybox-content .prd-block-info .scroll-content > * + .prd-block-price,
.modal-quickview.fancybox-content .prd-block-info > * + .prd-block-name,
.modal-quickview.fancybox-content .prd-block-info > * + .prd-block-price {
margin-top: 16px
}
}
.modal-quickview.fancybox-content.off-gallery {
padding: 50px 10px 50px 25px
}
@media (max-width:1024px) {
.modal-quickview.fancybox-content.off-gallery {
padding: 50px 20px 50px 25px
}
.modal-quickview.fancybox-content.off-gallery .prd-block-scroll {
padding: 0
}
}
@media (max-width:575px) {
.modal-quickview.fancybox-content.off-gallery {
padding: 35px 20px 35px 15px
}
}
.modal-quickview.fancybox-content.off-gallery product-gallery {
display: none!important
}
.modal-quickview.fancybox-content.off-gallery .prd-block-info {
width: 100%!important
}
.modal-quickview.fancybox-content.off-gallery .prd-block {
display: block;
width: 100%
}
.modal-quickview.fancybox-content.off-gallery .prd-block-name {
margin-top: -.2em
}
.modal-quickview.fancybox-content.off-gallery .prd-block-info,
.modal-quickview.fancybox-content.off-gallery product-gallery + .prd-block-info {
width: 100%!important;
height: 100%;
margin: 0;
padding: 0 25px
}
@media (max-width:575px) {
.modal-quickview.fancybox-content.off-gallery .prd-block-info,
.modal-quickview.fancybox-content.off-gallery product-gallery + .prd-block-info {
padding: 0 25px 0 20px
}
}
.modal-quickview .prd-block,
.modal-quickview .prd-block-scroll {
width: 100%
}
.modal-quickview .prd-block-price {
transform: translateY(7px)
}
.modal-quickview .swiper-container-vertical.prd-block-gallery-thumbs .swiper-slide {
height: calc(var(--product-page-previews-width-quickview) * (var(--aspect-ratio,120)/ 100))!important
}
@media (min-width:375px) {
.fancybox-container.fancybox--scroll .fancybox-inner {
overflow-y: auto!important
}
.fancybox-container.fancybox--scroll .fancybox-slide--html {
overflow: visible!important
}
.fancybox-container.fancybox--scroll .fancybox-content {
margin: 30px 0!important
}
.fancybox-container.fancybox--scroll .fancybox-stage {
overflow: visible!important
}
}
.block-accordion {
--tab-accordion-color: var(--body-link-secondary-color);
--tab-accordion-hover-color: var(--body-link-secondary-color-hover);
--tab-accordion-bg: var(--body-bg-secondary);
--tab-accordion-hover-bg: color-mix(in srgb-linear, var(--body-bg-secondary), black 20%);
color: var(--text-color)
}
.holder.bg-alt .block-accordion {
--tab-accordion-bg: var(--body-bg);
--tab-accordion-hover-bg: color-mix(in srgb-linear, var(--body-bg), black 20%)
}
.block-accordion .tab-accordion-item > input {
display: none
}
.block-accordion .tab-accordion-item > label {
display: block;
position: relative;
width: 100%;
margin: 0;
padding: 30px 0;
font-size: 15px;
line-height: 24px;
font-weight: var(--heading-sm-weight);
color: var(--tab-accordion-color);
transition: color .2s;
cursor: pointer
}
@media (max-width:767px) {
.block-accordion .tab-accordion-item > label {
padding: 20px 0
}
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.block-accordion .tab-accordion-item > label:hover {
color: var(--tab-accordion-hover-color)
}
}
.block-accordion .tab-accordion-item > label .toggle-arrow {
display: inline-block;
position: absolute;
top: calc(50% - 4px);
right: 12px;
width: 12px;
height: 12px;
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
-webkit-mask-size: cover;
mask-size: cover;
background-color: currentColor;
transition: .2s
}
.block-accordion .tab-accordion-item-content {
height: 0;
overflow: hidden;
transition: .3s all;
position: relative;
margin-bottom: 0;
padding: 0;
opacity: 0
}
.block-accordion .tab-accordion-item-content-inside {
padding: 0 0 45px;
font-size: 15px;
line-height: 24px
}
@media (max-width:767px) {
.block-accordion .tab-accordion-item-content-inside {
padding-bottom: 35px
}
}
.block-accordion .tab-accordion-item-content-inside h2,
.block-accordion .tab-accordion-item-content-inside h3,
.block-accordion .tab-accordion-item-content-inside h4,
.block-accordion .tab-accordion-item-content-inside h5,
.block-accordion .tab-accordion-item-content-inside h6 {
font-weight: var(--heading-global-weight)
}
.block-accordion .tab-accordion-item-content-inside h2:not(:first-child),
.block-accordion .tab-accordion-item-content-inside h3:not(:first-child),
.block-accordion .tab-accordion-item-content-inside h4:not(:first-child),
.block-accordion .tab-accordion-item-content-inside h5:not(:first-child),
.block-accordion .tab-accordion-item-content-inside h6:not(:first-child) {
margin-top: 24px
}
.block-accordion .tab-accordion-item-content-inside p:first-of-type {
margin-top: 0
}
.block-accordion:not(.block-accordion--bg) .tab-accordion-item:not(:last-of-type) {
border-bottom: solid 1px var(--decor-border-dark-color)
}
.block-accordion .tab-accordion-item:last-child .tab-accordion-item-content-inside {
padding-bottom: 45px
}
@media (max-width:767px) {
.block-accordion .tab-accordion-item:last-child .tab-accordion-item-content-inside {
padding-bottom: 35px
}
}
.block-accordion + .block-accordion {
margin-top: 0!important;
border-top: solid 1px var(--decor-border-dark-color)
}
.block-accordion div > input:checked ~ label .toggle-arrow {
transform: rotate(180deg)
}
.block-accordion .tab-accordion-item-content--opened,
.block-accordion div > input:checked ~ .tab-accordion-item-content {
opacity: 1;
transition: .3s all;
height: var(--tab-height)
}
.block-accordion.block-accordion--bg {
padding-top: 5px
}
.block-accordion.block-accordion--bg .tab-accordion-item > label {
padding: 30px 70px 30px 40px;
background: var(--tab-accordion-bg);
transition: background .2s;
border-radius: var(--radius-md)
}
@media (max-width:767px) {
.block-accordion.block-accordion--bg .tab-accordion-item > label {
padding: 20px 60px 20px 30px
}
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.block-accordion.block-accordion--bg .tab-accordion-item > label:hover {
color: var(--tab-accordion-color);
background: var(--tab-accordion-hover-bg)
}
}
.block-accordion.block-accordion--bg .tab-accordion-item > label .toggle-arrow {
right: 40px
}
@media (max-width:767px) {
.block-accordion.block-accordion--bg .tab-accordion-item > label .toggle-arrow {
right: 30px
}
}
.block-accordion.block-accordion--bg .tab-accordion-item-content-inside {
padding: 15px 40px 45px
}
@media (max-width:767px) {
.block-accordion.block-accordion--bg .tab-accordion-item-content-inside {
padding: 15px 30px 45px
}
}
.block-accordion.block-accordion--bg .tab-accordion-item:last-child .tab-accordion-item-content-inside {
padding-bottom: 0
}
.review-grid-container .colorize-darken {
--review-color-dark: var(--text-color);
--review-text-color: var(--review-color-dark);
--review-author-color: var(--review-color-dark)
}
.review-grid-container .colorize-invert {
--review-color-white: var(--text-color-invert);
--review-text-color: var(--review-color-white);
--review-author-color: var(--review-color-white)
}
@media (min-width:1200px) {
.review-grid-container.swiper-container:not(.swiper-container-initialized) {
opacity: 1
}
}
.review-grid-container.swiper-container {
margin: -20px -15px -20px;
padding: 20px 15px 20px
}
.review-grid.swiper-container {
margin: -20px -15px -20px;
padding: 20px 15px 20px
}
.review-grid.row > * {
height: auto
}
@media (min-width:1200px) {
.review-grid.masonry-grid-container {
display: block!important;
column-count: 3;
column-gap: 30px
}
.review-grid.masonry-grid-container > .review-grid-item {
position: absolute;
height: fit-content
}
.review-grid.row-cols-xl-5 > * {
width: 20%
}
.review-grid.row-cols-xl-4 > * {
width: 25%
}
.review-grid.row-cols-xl-3 > * {
width: 33.333%
}
}
@media (min-width:1466px) {
.review-grid.review-grid-cols-xl-4.masonry-grid-container {
display: block!important;
column-count: 4;
column-gap: 30px
}
.review-grid.review-grid-cols-xl-4.masonry-grid-container > .review-grid-item {
position: absolute;
height: fit-content
}
.review-grid.row-cols-xxl-5 > * {
width: 20%
}
.review-grid.row-cols-xxl-4 > * {
width: 25%
}
.review-grid.row-cols-xxl-3 > * {
width: 25%
}
}
@media (min-width:1700px) {
.review-grid.row-cols-xxxl-6 > * {
width: 16.667%
}
.review-grid.row-cols-xxxl-5 > * {
width: 20%
}
.review-grid.row-cols-xxxl-4 > * {
width: 25%
}
}
@media (max-width:1199px) {
.review-grid.masonry-grid-container {
height: auto!important
}
.review-grid.masonry-grid-container > .review-grid-item {
height: auto;
transform: none!important
}
.review-grid.row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-left: 0;
margin-right: 0
}
.review-grid.row > * {
padding: 0
}
}
.review-grid .review-grid-inside {
transition: all .2s;
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.04))
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.review-grid .review-grid-item:hover .review-grid-inside {
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
}
.review-grid.row {
width: calc(100% + var(--bs-gutter-x))
}
masonry-grid .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0
}
@media (min-width:1200px) {
masonry-grid .review-grid {
opacity: 0;
transition: none
}
masonry-grid .review-grid.masonry-initialized {
opacity: 1;
transition: opacity .2s
}
}
.review-grid-container:not(.swiper-container) {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.review-grid-item {
display: block;
text-decoration: none;
text-align: center
}
.review-grid-item,
.review-grid-item a,
.review-grid-item a:focus,
.review-grid-item:focus {
color: var(--review-text-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.review-grid-item a:focus,
.review-grid-item a:hover,
.review-grid-item:hover {
color: var(--review-text-color)
}
}
masonry-grid .review-grid-item {
width: 100%
}
.review-grid-inside {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 45px 28px;
background-color: var(--review-bg);
border-radius: var(--radius-md,16px);
text-align: center
}
.has-bg .review-grid-inside {
padding: 60px 45px
}
.review-grid-author-photo {
position: relative;
width: 129px;
height: 129px;
margin-top: 27px;
border-radius: var(--radius-50);
overflow: hidden
}
.review-grid-author-photo.image-container:not(.ic--ignore-global-round) {
border-radius: var(--radius-50)
}
.review-grid-author-photo.image-container:not(.ic--ignore-global-round) img {
border-radius: var(--radius-50)
}
.review-grid-author-photo img {
width: 100%;
height: 100%;
object-fit: cover
}
.review-grid-text {
overflow: hidden;
margin-top: 17px
}
.has-bg .review-grid-text {
margin-top: 30px
}
@media (min-width:576px) {
.review-grid-text {
max-width: calc(100vw - 200px)
}
}
.review-grid-text,
.review-grid-text p {
font-size: 15px;
line-height: 25px;
font-weight: var(--font-weight-300);
color: var(--review-teaser-color)
}
.review-grid-text p + p {
margin-top: 15px
}
.review-grid-author-name {
font-size: 18px;
font-weight: var(--font-weight-400);
line-height: 30px
}
.review-grid-product-name {
margin-top: 23px;
font-size: 18px;
font-weight: var(--font-weight-300);
line-height: 24px;
color: var(--review-color)
}
.review-grid-product-name + .review-grid-text {
margin-top: 20px
}
.review-grid-author-post {
margin-top: 5px;
font-size: 12px;
font-weight: var(--font-weight-400);
line-height: 20px;
color: var(--review-author-color)
}
.review-grid-inside .rating-star {
--color-icon: var(--product-rating-fill-color)
}
.review-grid-rating {
color: var(--product-rating-fill-color)
}
.review-grid-rating svg {
width: 14px;
height: 13px
}
.review-grid-rating svg path {
fill: currentColor
}
.review-grid-rating[data-rating="4"] svg:nth-child(5) {
color: var(--product-rating-color)
}
.review-grid-rating[data-rating="3"] svg:nth-child(n+4) {
color: var(--product-rating-color)
}
.review-grid-rating[data-rating="2"] svg:nth-child(n+3) {
color: var(--product-rating-color)
}
.review-grid-rating[data-rating="1"] svg:nth-child(n+2) {
color: var(--product-rating-color)
}
@media (min-width:1200px) {
swiper-carousel[data-init-breakpoint] .swiper-arrows-carousel,
swiper-carousel[data-init-breakpoint] .swiper-pagination {
display: none!important
}
}
.sticky-section {
border-radius: var(--radius-ic);
overflow: hidden;
transition: all .2s ease
}
.sticky-section + .sticky-section {
margin-top: 50px
}
@media (min-width:1025px) {
.sticky-section {
position: sticky;
top: 5vh
}
}
@media (max-width:1024px) {
.sticky-section,
.sticky-section [data-parallax] {
transform: none!important
}
}
.sticky-section img {
width: 100%
}
.sticky-section-image {
position: relative
}
@media (min-width:768px) {
.sticky-section-image .image-container {
border-radius: var(--radius-ic) 0 0 var(--radius-ic)
}
}
@media (max-width:767px) {
.sticky-section-image .image-container {
border-radius: var(--radius-ic) var(--radius-ic) 0 0
}
}
.sticky-section-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
padding: var(--padding-y,100px) 60px;
transition: all .2s ease
}
@media (max-width:1024px) and (min-width:768px) {
.sticky-section-info {
padding: calc(var(--padding-y,80px) * .667) 50px
}
}
@media (max-width:767px) {
.sticky-section-info {
padding: 35px 50px
}
}
@media (max-width:575px) {
.sticky-section-info {
padding: 30px
}
}
@media (min-width:768px) {
.flex-row-reverse .sticky-section-image .image-container {
border-radius: 0 var(--radius-ic) var(--radius-ic) 0
}
}
.holder--edge {
height: 0
}
.edge-bottom,
.edge-top {
height: 0;
position: relative;
overflow: hidden;
z-index: 15;
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
pointer-events: none
}
.edge-bottom svg,
.edge-top svg {
position: absolute;
width: 102%;
left: -1%
}
.edge-bottom svg > *,
.edge-top svg > * {
width: 100%;
fill: var(--edge-bg)
}
.edge-bottom {
bottom: -1px;
transform: translateY(-99%)
}
.edge-bottom svg {
top: 0
}
.edge-top {
top: -1px
}
.edge-top svg {
bottom: 0
}
.footer-edge-top {
position: relative;
overflow: hidden;
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
height: 0;
width: 100%;
z-index: 0;
bottom: -1px;
pointer-events: none
}
.footer-edge-top svg {
position: absolute;
bottom: 0;
width: 102%;
left: -1%
}
.footer-edge-top svg > * {
fill: var(--footer-top-bg)
}
footer.bg-alt .footer-edge-top {
z-index: 1
}
.hdr-edge-bottom {
position: relative;
overflow: hidden;
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
height: 0;
width: 100%;
z-index: 0;
top: -1px;
pointer-events: none
}
.hdr-edge-bottom svg {
position: absolute;
top: 0;
width: 102%;
left: -1%
}
.hdr-edge-bottom svg > * {
fill: var(--header-content-bg)
}
@media (max-width:1024px) {
.footer-edge-top[class*=style-glaze] svg,
.footer-edge-top[class*=style-grunge] svg,
.footer-edge-top[class*=style-mountains] svg,
.footer-edge-top[class*=style-paper] svg,
.footer-edge-top[class*=style-wave5] svg,
.hdr-edge-bottom[class*=style-glaze] svg,
.hdr-edge-bottom[class*=style-grunge] svg,
.hdr-edge-bottom[class*=style-mountains] svg,
.hdr-edge-bottom[class*=style-paper] svg,
.hdr-edge-bottom[class*=style-wave5] svg {
width: 120%;
left: -10%;
transform: none
}
}
@media (max-width:767px) {
.footer-edge-top[class*=style-glaze] svg,
.footer-edge-top[class*=style-grunge] svg,
.footer-edge-top[class*=style-mountains] svg,
.footer-edge-top[class*=style-paper] svg,
.footer-edge-top[class*=style-wave5] svg,
.hdr-edge-bottom[class*=style-glaze] svg,
.hdr-edge-bottom[class*=style-grunge] svg,
.hdr-edge-bottom[class*=style-mountains] svg,
.hdr-edge-bottom[class*=style-paper] svg,
.hdr-edge-bottom[class*=style-wave5] svg {
width: 160%;
left: -30%
}
}
@media (max-width:575px) {
.footer-edge-top[class*=style-glaze] svg,
.footer-edge-top[class*=style-grunge] svg,
.footer-edge-top[class*=style-mountains] svg,
.footer-edge-top[class*=style-paper] svg,
.footer-edge-top[class*=style-wave5] svg,
.hdr-edge-bottom[class*=style-glaze] svg,
.hdr-edge-bottom[class*=style-grunge] svg,
.hdr-edge-bottom[class*=style-mountains] svg,
.hdr-edge-bottom[class*=style-paper] svg,
.hdr-edge-bottom[class*=style-wave5] svg {
width: 180%;
left: -40%
}
}
@media (max-width:1024px) {
.holder[class*=style-glaze] .edge-bottom svg,
.holder[class*=style-glaze] .edge-top svg,
.holder[class*=style-grunge] .edge-bottom svg,
.holder[class*=style-grunge] .edge-top svg,
.holder[class*=style-mountains] .edge-bottom svg,
.holder[class*=style-mountains] .edge-top svg,
.holder[class*=style-paper] .edge-bottom svg,
.holder[class*=style-paper] .edge-top svg,
.holder[class*=style-wave5] .edge-bottom svg,
.holder[class*=style-wave5] .edge-top svg {
width: 120%;
left: -10%;
transform: none
}
}
@media (max-width:767px) {
.holder[class*=style-glaze] .edge-bottom svg,
.holder[class*=style-glaze] .edge-top svg,
.holder[class*=style-grunge] .edge-bottom svg,
.holder[class*=style-grunge] .edge-top svg,
.holder[class*=style-mountains] .edge-bottom svg,
.holder[class*=style-mountains] .edge-top svg,
.holder[class*=style-paper] .edge-bottom svg,
.holder[class*=style-paper] .edge-top svg,
.holder[class*=style-wave5] .edge-bottom svg,
.holder[class*=style-wave5] .edge-top svg {
width: 160%;
left: -30%
}
}
@media (max-width:575px) {
.holder[class*=style-glaze] .edge-bottom svg,
.holder[class*=style-glaze] .edge-top svg,
.holder[class*=style-grunge] .edge-bottom svg,
.holder[class*=style-grunge] .edge-top svg,
.holder[class*=style-mountains] .edge-bottom svg,
.holder[class*=style-mountains] .edge-top svg,
.holder[class*=style-paper] .edge-bottom svg,
.holder[class*=style-paper] .edge-top svg,
.holder[class*=style-wave5] .edge-bottom svg,
.holder[class*=style-wave5] .edge-top svg {
width: 180%;
left: -40%
}
}
@media (min-width:1025px) {
.holder.style-grunge1 .edge-bottom svg,
.holder.style-grunge1 .edge-top svg {
left: 50%;
width: 1800px;
transform: translateX(-50%) rotate(.35deg)
}
}
.holder.style-grunge1 .edge-bottom {
padding-bottom: 53px
}
@media (max-width:1024px) {
.holder.style-grunge1 .edge-bottom {
padding-bottom: 4.8%
}
}
@media (max-width:767px) {
.holder.style-grunge1 .edge-bottom {
padding-bottom: 6.4%
}
}
@media (max-width:575px) {
.holder.style-grunge1 .edge-bottom {
padding-bottom: 7.2%
}
}
.holder.style-grunge1 .edge-top {
padding-bottom: 59px
}
@media (max-width:1024px) {
.holder.style-grunge1 .edge-top {
padding-bottom: 5.46%
}
}
@media (max-width:767px) {
.holder.style-grunge1 .edge-top {
padding-bottom: 7.28%
}
}
@media (max-width:575px) {
.holder.style-grunge1 .edge-top {
padding-bottom: 8.19%
}
}
.footer-edge-top.style-grunge1 {
margin-bottom: -11px;
padding-bottom: 60px
}
.footer-edge-top.style-grunge1 svg {
top: 0
}
@media (min-width:1025px) {
.footer-edge-top.style-grunge1 svg {
left: 50%;
width: 1800px;
transform: translateX(-50%) rotate(.35deg)
}
}
@media (max-width:1024px) {
.footer-edge-top.style-grunge1 {
padding-bottom: 5.46%
}
}
@media (max-width:767px) {
.footer-edge-top.style-grunge1 {
padding-bottom: 7.28%
}
}
@media (max-width:575px) {
.footer-edge-top.style-grunge1 {
padding-bottom: 8.19%
}
}
.hdr-edge-bottom.style-grunge1 {
margin-top: -3px;
padding-bottom: 65px
}
.hdr-edge-bottom.style-grunge1 svg {
top: auto;
bottom: 0
}
@media (min-width:1025px) {
.hdr-edge-bottom.style-grunge1 svg {
left: 50%;
width: 1800px;
transform: translateX(-50%) rotate(.35deg)
}
}
@media (max-width:1024px) {
.hdr-edge-bottom.style-grunge1 {
width: 100%;
left: 0;
padding-bottom: 5.46%
}
}
@media (max-width:767px) {
.hdr-edge-bottom.style-grunge1 {
padding-bottom: 7.28%
}
}
@media (max-width:575px) {
.hdr-edge-bottom.style-grunge1 {
padding-bottom: 8.19%
}
}
.footer-edge-top.style-wave2,
.hdr-edge-bottom.style-wave2,
.holder.style-wave2 .edge-bottom,
.holder.style-wave2 .edge-top {
padding-bottom: 3vw
}
.hdr-edge-bottom.style-wave1,
.hdr-edge-bottom.style-wave3,
.holder.style-wave1 .edge-bottom,
.holder.style-wave3 .edge-bottom {
padding-bottom: 3.1vw
}
.footer-edge-top.style-wave1,
.holder.style-wave1 .edge-top {
padding-bottom: 3.1vw
}
.footer-edge-top.style-wave3,
.holder.style-wave3 .edge-top {
padding-bottom: 3.2vw
}
.footer-edge-top.style-wave4,
.hdr-edge-bottom.style-wave4,
.holder.style-wave4 .edge-bottom,
.holder.style-wave4 .edge-top {
padding-bottom: 5vw
}
.footer-edge-top.style-wave4 svg,
.hdr-edge-bottom.style-wave4 svg,
.holder.style-wave4 .edge-bottom svg,
.holder.style-wave4 .edge-top svg {
height: 5vw
}
.footer-edge-top.style-wave4 {
transform: translateY(-84.3%)
}
.footer-edge-top.style-wave5,
.holder.style-wave5 .edge-bottom {
padding-bottom: 2.48vw
}
.footer-edge-top.style-wave5 svg,
.holder.style-wave5 .edge-bottom svg {
height: 100%
}
.footer-edge-top.style-wave5 {
bottom: -2px
}
.hdr-edge-bottom.style-wave5 {
margin-top: -1.25vw;
top: 2px
}
.hdr-edge-bottom.style-wave5,
.holder.style-wave5 .edge-top {
padding-bottom: 2.48vw
}
.hdr-edge-bottom.style-wave5 svg,
.holder.style-wave5 .edge-top svg {
height: 100%
}
.footer-edge-top[class*=style-ellipse],
.hdr-edge-bottom[class*=style-ellipse],
.holder[class*=style-ellipse] .edge-bottom,
.holder[class*=style-ellipse] .edge-top {
padding-bottom: 3.12vw
}
.footer-edge-top[class*=style-triangle],
.hdr-edge-bottom[class*=style-triangle],
.holder[class*=style-triangle] .edge-bottom,
.holder[class*=style-triangle] .edge-top {
padding-bottom: 5.8vw
}
.holder[class*=style-tilt] .edge-bottom,
.holder[class*=style-tilt] .edge-top {
padding-bottom: 5.8vw
}
.footer-edge-top[class*=style-tilt],
.hdr-edge-bottom[class*=style-tilt] {
padding-bottom: 6.4vw
}
.hdr-edge-bottom[class*=assymetrical],
.holder[class*=assymetrical] .edge-top {
padding-bottom: 6vw
}
.footer-edge-top[class*=assymetrical],
.holder[class*=assymetrical] .edge-bottom {
padding-bottom: 6vw
}
.holder[class*=assymetrical] .edge-bottom svg,
.holder[class*=assymetrical] .edge-top svg {
width: 100%;
left: 0
}
.holder[class*=assymetrical1] .edge-top svg {
top: -.01vw
}
.holder[class*=assymetrical1] .edge-bottom svg {
top: auto;
bottom: -.01vw
}
.holder[class*=assymetrical2] .edge-bottom svg {
top: -.01vw
}
.holder[class*=assymetrical2] .edge-top svg {
top: -.01vw
}
.footer-edge-top[class*=assymetrical] svg {
bottom: -.01vw
}
.hdr-edge-bottom[class*=assymetrical] svg {
top: -.01vw
}
.footer-edge-top[class*=assymetrical] svg,
.hdr-edge-bottom[class*=assymetrical] svg {
width: 100%;
left: 0
}
@media (min-width:1025px) {
.footer-edge-top.style-grunge2,
.hdr-edge-bottom.style-grunge2,
.holder.style-grunge2 .edge-bottom,
.holder.style-grunge2 .edge-top {
padding-bottom: 3.1vw
}
.hdr-edge-bottom.style-grunge2 {
margin: 0;
top: -3px
}
.footer-edge-top.style-grunge3,
.hdr-edge-bottom.style-grunge3,
.holder.style-grunge3 .edge-bottom,
.holder.style-grunge3 .edge-top {
padding-bottom: 2vw
}
.footer-edge-top.style-grunge3 {
bottom: -3px
}
.hdr-edge-bottom.style-grunge3 {
top: -4px
}
.hdr-edge-bottom.style-grunge3 {
margin: 0
}
.footer-edge-top.style-mountains,
.holder.style-mountains .edge-bottom {
padding-bottom: 3.2vw
}
.hdr-edge-bottom.style-mountains,
.holder.style-mountains .edge-top {
padding-bottom: 3.1vw
}
.footer-edge-top.style-paper,
.hdr-edge-bottom.style-paper,
.holder.style-paper .edge-bottom,
.holder.style-paper .edge-top {
padding-bottom: 3.15vw
}
.hdr-edge-bottom.style-mountains svg,
.hdr-edge-bottom.style-paper svg {
top: -1px
}
.footer-edge-top.style-glaze,
.hdr-edge-bottom.style-glaze,
.holder.style-glaze .edge-bottom,
.holder.style-glaze .edge-top {
padding-bottom: 2.65vw
}
}
@media (max-width:1024px) {
.hdr-edge-bottom.style-ellipse1,
.hdr-edge-bottom.style-mountains,
.hdr-edge-bottom.style-paper,
.hdr-edge-bottom.style-wave2,
.hdr-edge-bottom.style-wave3 {
top: -2px
}
.hdr-edge-bottom.style-wave1,
.hdr-edge-bottom[class*=style-tilt],
.hdr-edge-bottom[class*=style-triangle] {
top: -1px
}
.footer-edge-top.style-paper,
.hdr-edge-bottom.style-paper,
.holder.style-paper .edge-bottom,
.holder.style-paper .edge-top {
padding-bottom: 3.15vw
}
.footer-edge-top.style-mountains,
.hdr-edge-bottom.style-mountains,
.holder.style-mountains .edge-bottom,
.holder.style-mountains .edge-top {
padding-bottom: 3.8vw
}
.footer-edge-top.style-grunge2,
.holder.style-grunge2 .edge-bottom {
padding-bottom: 3.4vw
}
.hdr-edge-bottom.style-grunge2,
.holder.style-grunge2 .edge-top {
padding-bottom: 3.2vw;
top: -5px
}
.footer-edge-top.style-grunge3,
.holder.style-grunge3 .edge-bottom {
padding-bottom: 2.4vw
}
.hdr-edge-bottom.style-grunge3,
.holder.style-grunge3 .edge-top {
padding-bottom: 2.2vw;
top: -5px
}
.footer-edge-top.style-glaze,
.hdr-edge-bottom.style-glaze,
.holder.style-glaze .edge-bottom,
.holder.style-glaze .edge-top {
padding-bottom: 3.3vw
}
.footer-edge-top.style-wave5,
.holder.style-wave5 .edge-bottom {
padding-bottom: 2.55vw
}
.footer-edge-top.style-wave5 svg,
.holder.style-wave5 .edge-bottom svg {
height: 200%
}
.hdr-edge-bottom.style-wave5,
.holder.style-wave5 .edge-top {
padding-bottom: 2.55vw
}
.hdr-edge-bottom.style-wave5 svg,
.holder.style-wave5 .edge-top svg {
height: 200%
}
.hdr-edge-bottom.style-wave5 svg {
top: -1.5vw
}
}
@media (max-width:767px) {
.hdr-edge-bottom.style-ellipse1,
.hdr-edge-bottom.style-mountains,
.hdr-edge-bottom.style-paper,
.hdr-edge-bottom.style-wave2,
.hdr-edge-bottom.style-wave3 {
top: -4px
}
.hdr-edge-bottom.style-wave1,
.hdr-edge-bottom[class*=style-tilt],
.hdr-edge-bottom[class*=style-triangle] {
top: -2px
}
.footer-edge-top.style-paper,
.hdr-edge-bottom.style-paper,
.holder.style-paper .edge-bottom,
.holder.style-paper .edge-top {
padding-bottom: 4.15vw
}
.footer-edge-top.style-grunge2,
.hdr-edge-bottom.style-grunge2,
.holder.style-grunge2 .edge-bottom,
.holder.style-grunge2 .edge-top {
padding-bottom: 5.1vw
}
.footer-edge-top.style-grunge3,
.hdr-edge-bottom.style-grunge3,
.holder.style-grunge3 .edge-bottom,
.holder.style-grunge3 .edge-top {
padding-bottom: 3.1vw
}
.footer-edge-top.style-mountains,
.hdr-edge-bottom.style-mountains,
.holder.style-mountains .edge-bottom,
.holder.style-mountains .edge-top {
padding-bottom: 5.1vw
}
.footer-edge-top.style-glaze,
.hdr-edge-bottom.style-glaze,
.holder.style-glaze .edge-bottom,
.holder.style-glaze .edge-top {
padding-bottom: 4.45vw
}
.footer-edge-top.style-wave5,
.holder.style-wave5 .edge-bottom {
padding-bottom: 2.85vw
}
.hdr-edge-bottom.style-wave5,
.holder.style-wave5 .edge-top {
padding-bottom: 2.85vw
}
.hdr-edge-bottom.style-wave5 svg {
top: -2.12vw
}
.footer-edge-top.style-wave5 svg {
bottom: -2.85vw
}
}
@media (max-width:575px) {
.hdr-edge-bottom.style-wave5 svg {
top: -2.25vw
}
}
.footer-edge-top-bg,
.hdr-edge-bottom-bg {
position: absolute;
inset: 0;
z-index: -1;
height: calc(100% + 2px)
}
.svg-mask {
display: block;
object-fit: cover;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
border-radius: 0!important
}
.svg-mask img {
object-fit: cover
}
.svg-mask--first {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 294 381' preserveAspectRatio='none' %3E%3Cpath d='M0.00012207 147.622C0.00012207 66.5884 65.691 0.897373 146.725 0.897373C227.759 0.897373 293.45 66.5883 293.45 147.622V380.747H0.00012207V147.622Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 294 381' preserveAspectRatio='none' %3E%3Cpath d='M0.00012207 147.622C0.00012207 66.5884 65.691 0.897373 146.725 0.897373C227.759 0.897373 293.45 66.5883 293.45 147.622V380.747H0.00012207V147.622Z'/%3E%3C/svg%3E")
}
.svg-mask--second {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 380' preserveAspectRatio='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.604213 379.73C0.60196 379.415 0.60083 379.098 0.60083 378.781C0.60083 330.576 26.7536 290.678 60.8121 283.911C26.8004 277.56 0.60083 237.874 0.60083 189.865C0.60083 137.435 31.8472 94.9326 70.3914 94.9326H71.0893C32.3925 94.9326 0.978702 52.5169 0.604213 0H279.76C279.385 52.5169 247.972 94.9326 209.275 94.9326H209.973C248.517 94.9326 279.763 137.435 279.763 189.865C279.763 237.874 253.564 277.56 219.552 283.911C253.61 290.678 279.763 330.576 279.763 378.781C279.763 379.098 279.762 379.415 279.76 379.73H0.604213Z' /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 380' preserveAspectRatio='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.604213 379.73C0.60196 379.415 0.60083 379.098 0.60083 378.781C0.60083 330.576 26.7536 290.678 60.8121 283.911C26.8004 277.56 0.60083 237.874 0.60083 189.865C0.60083 137.435 31.8472 94.9326 70.3914 94.9326H71.0893C32.3925 94.9326 0.978702 52.5169 0.604213 0H279.76C279.385 52.5169 247.972 94.9326 209.275 94.9326H209.973C248.517 94.9326 279.763 137.435 279.763 189.865C279.763 237.874 253.564 277.56 219.552 283.911C253.61 290.678 279.763 330.576 279.763 378.781C279.763 379.098 279.762 379.415 279.76 379.73H0.604213Z' /%3E%3C/svg%3E")
}
.svg-mask--third {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 342 460' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H175.704C267.547 0 342 74.4534 342 166.296V460H166.296C74.4535 460 0 385.547 0 293.704V0Z' /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 342 460' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H175.704C267.547 0 342 74.4534 342 166.296V460H166.296C74.4535 460 0 385.547 0 293.704V0Z' /%3E%3C/svg%3E")
}
.svg-mask--fourth {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 294 380' preserveAspectRatio='none' %3E%3Cpath d='M294 233.275C294 314.309 228.309 380 147.275 380C66.2416 380 0.550665 314.309 0.550672 233.275L0.550692 0.150426L294 0.150452L294 233.275Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 294 380' preserveAspectRatio='none' %3E%3Cpath d='M294 233.275C294 314.309 228.309 380 147.275 380C66.2416 380 0.550665 314.309 0.550672 233.275L0.550692 0.150426L294 0.150452L294 233.275Z'/%3E%3C/svg%3E")
}
.svg-mask--cloud {
width: var(--col-text-max-width,100%);
max-width: calc(100% - 30px);
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,")
}
@media (max-width:767px) {
.svg-mask--cloud {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,")
}
}
@media (max-width:575px) {
.svg-mask--cloud {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 693 1081' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.79558e-05 670.22C-1.90848e-05 644.391 14.02 621.206 36.2489 605.36C14.02 589.514 -2.2497e-05 566.329 -2.3626e-05 540.5C-2.4755e-05 514.671 14.02 491.486 36.249 475.64C14.02 459.794 -2.81672e-05 436.609 -2.92963e-05 410.78C-3.0511e-05 382.99 16.2297 358.261 41.4514 342.44C26.6833 327.615 17.8449 308.775 17.8449 288.267C17.8449 254.607 41.6539 225.439 76.4118 211.149C69.3823 199.632 65.4331 186.669 65.4331 172.96C65.4331 129.273 105.541 93.1517 157.64 87.3069C157.636 87.0316 157.635 86.7559 157.635 86.48C157.635 38.7185 205.573 2.0578e-05 264.708 1.79932e-05C297.506 1.65595e-05 326.859 11.9102 346.5 30.6678C366.141 11.9102 395.494 1.22763e-05 428.292 1.08427e-05C487.427 8.25779e-06 535.365 38.7185 535.365 86.48C535.365 86.7559 535.364 87.0316 535.36 87.3069C587.459 93.1517 627.567 129.273 627.567 172.96C627.567 186.669 623.618 199.632 616.588 211.149C651.346 225.439 675.155 254.607 675.155 288.266C675.155 308.774 666.316 327.615 651.548 342.439C676.77 358.261 693 382.989 693 410.78C693 436.609 678.98 459.794 656.751 475.64C678.98 491.486 693 514.671 693 540.5C693 566.329 678.98 589.514 656.751 605.36C678.98 621.206 693 644.391 693 670.22C693 698.01 676.77 722.739 651.548 738.561C666.316 753.385 675.155 772.225 675.155 792.733C675.155 826.393 651.346 855.561 616.588 869.851C623.618 881.368 627.567 894.331 627.567 908.04C627.567 951.727 587.459 987.848 535.36 993.693C535.364 993.968 535.365 994.244 535.365 994.52C535.365 1042.28 487.427 1081 428.292 1081C395.494 1081 366.141 1069.09 346.5 1050.33C326.859 1069.09 297.506 1081 264.708 1081C205.573 1081 157.635 1042.28 157.635 994.52C157.635 994.244 157.636 993.968 157.64 993.693C105.541 987.848 65.4332 951.727 65.4332 908.04C65.4332 894.331 69.3823 881.368 76.4119 869.851C41.654 855.561 17.8449 826.393 17.8449 792.733C17.8449 772.225 26.6833 753.385 41.4513 738.56C16.2297 722.739 -1.6741e-05 698.01 -1.79558e-05 670.22Z' fill='white'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 693 1081' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.79558e-05 670.22C-1.90848e-05 644.391 14.02 621.206 36.2489 605.36C14.02 589.514 -2.2497e-05 566.329 -2.3626e-05 540.5C-2.4755e-05 514.671 14.02 491.486 36.249 475.64C14.02 459.794 -2.81672e-05 436.609 -2.92963e-05 410.78C-3.0511e-05 382.99 16.2297 358.261 41.4514 342.44C26.6833 327.615 17.8449 308.775 17.8449 288.267C17.8449 254.607 41.6539 225.439 76.4118 211.149C69.3823 199.632 65.4331 186.669 65.4331 172.96C65.4331 129.273 105.541 93.1517 157.64 87.3069C157.636 87.0316 157.635 86.7559 157.635 86.48C157.635 38.7185 205.573 2.0578e-05 264.708 1.79932e-05C297.506 1.65595e-05 326.859 11.9102 346.5 30.6678C366.141 11.9102 395.494 1.22763e-05 428.292 1.08427e-05C487.427 8.25779e-06 535.365 38.7185 535.365 86.48C535.365 86.7559 535.364 87.0316 535.36 87.3069C587.459 93.1517 627.567 129.273 627.567 172.96C627.567 186.669 623.618 199.632 616.588 211.149C651.346 225.439 675.155 254.607 675.155 288.266C675.155 308.774 666.316 327.615 651.548 342.439C676.77 358.261 693 382.989 693 410.78C693 436.609 678.98 459.794 656.751 475.64C678.98 491.486 693 514.671 693 540.5C693 566.329 678.98 589.514 656.751 605.36C678.98 621.206 693 644.391 693 670.22C693 698.01 676.77 722.739 651.548 738.561C666.316 753.385 675.155 772.225 675.155 792.733C675.155 826.393 651.346 855.561 616.588 869.851C623.618 881.368 627.567 894.331 627.567 908.04C627.567 951.727 587.459 987.848 535.36 993.693C535.364 993.968 535.365 994.244 535.365 994.52C535.365 1042.28 487.427 1081 428.292 1081C395.494 1081 366.141 1069.09 346.5 1050.33C326.859 1069.09 297.506 1081 264.708 1081C205.573 1081 157.635 1042.28 157.635 994.52C157.635 994.244 157.636 993.968 157.64 993.693C105.541 987.848 65.4332 951.727 65.4332 908.04C65.4332 894.331 69.3823 881.368 76.4119 869.851C41.654 855.561 17.8449 826.393 17.8449 792.733C17.8449 772.225 26.6833 753.385 41.4513 738.56C16.2297 722.739 -1.6741e-05 698.01 -1.79558e-05 670.22Z' fill='white'/%3E%3C/svg%3E")
}
}
@media (max-width:374px) {
.rte {
font-size: 14px;
line-height: 24px
}
}
.rte:after {
clear: both;
content: '';
display: block
}
.rte > p:first-child,
.rte > p:first-of-type {
margin-top: 0
}
.rte > p:last-child {
margin-bottom: 0
}
.rte table:not(.table) {
table-layout: fixed
}
@media (max-width:767px) {
.rte table:not(.table) td {
padding-left: 15px;
padding-right: 15px
}
}
.rte img {
height: auto;
max-width: 100%
}
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
font-weight: var(--font-weight-600)
}
.rte h2:not(:first-child),
.rte h3:not(:first-child),
.rte h4:not(:first-child),
.rte h5:not(:first-child),
.rte h6:not(:first-child) {
margin-top: 35px
}
@media (max-width:1024px) {
.rte h2:not(:first-child),
.rte h3:not(:first-child),
.rte h4:not(:first-child),
.rte h5:not(:first-child),
.rte h6:not(:first-child) {
margin-top: 30px
}
}
@media (max-width:575px) {
.rte h2:not(:first-child),
.rte h3:not(:first-child),
.rte h4:not(:first-child),
.rte h5:not(:first-child),
.rte h6:not(:first-child) {
margin-top: 20px
}
}
.rte h2 + *,
.rte h3 + *,
.rte h4 + *,
.rte h5 + *,
.rte h6 + * {
margin-top: 0!important
}
.rte blockquote {
margin-bottom: 0
}
.rte .table-responsive:not(:first-child),
.rte blockquote:not(:first-child),
.rte ol:not(:first-child),
.rte p:not(:first-child),
.rte table:not(:first-child),
.rte ul:not(:first-child) {
margin-top: 35px
}
@media (max-width:1024px) {
.rte .table-responsive:not(:first-child),
.rte blockquote:not(:first-child),
.rte ol:not(:first-child),
.rte p:not(:first-child),
.rte table:not(:first-child),
.rte ul:not(:first-child) {
margin-top: 30px
}
}
@media (max-width:575px) {
.rte .table-responsive:not(:first-child),
.rte blockquote:not(:first-child),
.rte ol:not(:first-child),
.rte p:not(:first-child),
.rte table:not(:first-child),
.rte ul:not(:first-child) {
margin-top: 20px
}
}
.rte b,
.rte strong {
font-weight: 700
}
.rte img {
border-radius: var(--radius-ic)
}
html {
padding: 0!important
}
.shopify-section {
width: 100%
}
.shopify-section.to-upper {
position: relative;
z-index: 2
}
.shopify-section.product-section {
position: relative;
z-index: 2
}
.shopify-agreement-subscribe + info-popup,
.shopify-payment-agree + info-popup,
.shopify-payment-agree-qw + info-popup {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
cursor: pointer
}
[class*=col] > .shopify-agreement-subscribe + info-popup,
[class*=col] > .shopify-payment-agree + info-popup,
[class*=col] > .shopify-payment-agree-qw + info-popup {
left: 15px;
right: 15px
}
.minicart-drop-actions [class*=col] > .shopify-payment-agree + info-popup {
left: 5px;
right: 5px
}
.shopify-agreement-subscribe.enabled + info-popup,
.shopify-payment-agree-qw.enabled + info-popup,
.shopify-payment-agree.enabled + info-popup {
display: none
}
.shopify-payment-agree.disabled {
cursor: not-allowed;
pointer-events: none;
opacity: .5
}
.shopify-payment-button__button--hidden,
.shopify-payment-button__more-options.shopify-payment-button__button--hidden {
display: none
}
.shopify-payment-button__button--branded,
.shopify-payment-button__button--branded .shopify-cleanslate > div {
min-height: var(--button-addtocart-desktop-height)!important;
height: var(--button-addtocart-desktop-height)!important;
padding: 0!important
}
@media (max-width:575px) {
.shopify-payment-button__button--branded,
.shopify-payment-button__button--branded .shopify-cleanslate > div {
min-height: var(--button-addtocart-mobile-height)!important;
height: var(--button-addtocart-mobile-height)!important
}
}
.shopify-payment-button__more-options {
font-size: 12px!important;
margin-top: 10px!important;
text-decoration: none!important
}
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button],
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded {
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 8px 20px;
font-size: 12px;
line-height: 24px;
border-radius: var(--button-border-radius);
border-style: solid;
font-weight: var(--button-font-weight);
font-family: var(--button-font-family);
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-transform: uppercase
}
@media (min-width:576px) {
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button],
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded {
min-height: var(--button-addtocart-desktop-height)!important;
height: var(--button-addtocart-desktop-height)!important;
padding: calc(var(--button-addtocart-desktop-height) * .2) calc(var(--button-addtocart-desktop-height) * .5);
font-size: calc(var(--button-addtocart-desktop-height) * .3);
line-height: calc(var(--button-addtocart-desktop-height) * .6)
}
}
@media (max-width:575px) {
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button],
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded {
min-height: var(--button-addtocart-mobile-height)!important;
height: var(--button-addtocart-mobile-height)!important;
padding: calc(var(--button-addtocart-mobile-height) * .2) calc(var(--button-addtocart-mobile-height) * .5);
font-size: calc(var(--button-addtocart-mobile-height) * .3);
line-height: calc(var(--button-addtocart-mobile-height) * .6)
}
}
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button],
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button]:active,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button]:active:focus,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button]:focus,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button]:visited,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:active,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:active:focus,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:visited {
box-shadow: none;
color: var(--button-color-buy-now);
background-color: var(--button-bg-buy-now);
border-width: var(--button-border-width-buy-now,0)!important;
border-color: var(--button-border-color-buy-now);
outline: 0
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button].hovered,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button]:active:hover,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button]:focus:hover,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded [role=button]:hover,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded.hovered,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:active:hover,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus:hover,
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
color: var(--button-hover-color-buy-now);
background-color: var(--button-hover-bg-buy-now);
border-color: var(--button-hover-border-color-buy-now)
}
}
.dynamic-checkout__content .shopify-cleanslate div[role=button] {
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
max-height: var(--button-addtocart-desktop-height)!important;
padding: 8px 20px!important;
font-size: 12px!important;
line-height: 24px!important;
border-radius: var(--button-border-radius,9999px)!important;
border-style: solid;
border-width: var(--button-border-width,0)!important;
border-color: var(--button-border-color,transparent)!important;
font-weight: var(--button-font-weight)!important;
font-family: var(--button-font-family);
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-transform: uppercase
}
@media (max-width:575px) {
.dynamic-checkout__content .shopify-cleanslate div[role=button] {
max-height: var(--button-addtocart-mobile-height)!important
}
}
.dynamic-checkout__content .shopify-cleanslate div[role=button],
.dynamic-checkout__content .shopify-cleanslate div[role=button]:active,
.dynamic-checkout__content .shopify-cleanslate div[role=button]:active:focus,
.dynamic-checkout__content .shopify-cleanslate div[role=button]:focus,
.dynamic-checkout__content .shopify-cleanslate div[role=button]:visited {
box-shadow: none;
outline: 0
}
body:not(.has-btn-not-upper) .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded {
text-transform: uppercase
}
.dynamic-checkout__content .shopify-cleanslate div[role=button]:focus {
box-shadow: none!important
}
.card-total .shopify-cleanslate ul {
width: 100%
}
.card-total-inside > .row.flex-column > .col + .col .shopify-cleanslate ul:not(:empty) {
margin-top: 15px!important
}
.card-total .shopify-cleanslate ul > li {
margin-top: 0!important;
height: auto!important;
min-width: calc(50% - 10px)
}
.card-total .shopify-cleanslate ul[data-shopify-buttoncontainer=true] > li {
max-height: 40px;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.card-total .shopify-cleanslate ul[data-shopify-buttoncontainer=true] > li:not(:first-child) {
margin-top: 15px!important
}
@media (max-width:767px) {
.minicart-drop-actions .shopify-cleanslate ul[data-shopify-buttoncontainer=true] > li {
max-height: 40px;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
}
.card-total-inside .dynamic-checkout__content .shopify-cleanslate > div > span > div,
.minicart-drop-actions .dynamic-checkout__content .shopify-cleanslate > div > span > div {
width: 100%!important;
font-size: 12px!important;
line-height: 1.5em!important;
color: var(--text-color)!important
}
.card-total-inside .dynamic-checkout__content .shopify-cleanslate > div > span,
.minicart-drop-actions .dynamic-checkout__content .shopify-cleanslate > div > span {
color: inherit!important
}
.card-total-inside .dynamic-checkout__content .shopify-cleanslate > div > span button,
.card-total-inside .dynamic-checkout__content .shopify-cleanslate > div > span button span,
.minicart-drop-actions .dynamic-checkout__content .shopify-cleanslate > div > span button,
.minicart-drop-actions .dynamic-checkout__content .shopify-cleanslate > div > span button span {
color: inherit!important;
font-size: 12px!important;
line-height: 1.5em!important
}
@media (min-width:768px) {
.minicart-drop-actions .shopify-cleanslate ul {
margin: 0!important;
display: -ms-grid!important;
display: grid!important;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 10px
}
.card-total-inside .shopify-cleanslate ul > li,
.minicart-drop-actions .shopify-cleanslate ul > li {
height: auto!important
}
.minicart-drop-actions .shopify-cleanslate ul > li {
margin: 10px 0 0!important;
min-width: calc(50% - 5px)
}
.card-total-inside .shopify-cleanslate ul > li {
min-width: 100%
}
}
@media (max-width:767px) {
.minicart-drop-actions .shopify-cleanslate ul > li {
margin: 10px 0 0!important;
height: auto!important
}
}
.additional-checkout-buttons.disabled {
height: 0;
overflow: hidden
}
.minicart-drop-actions .additional-checkout-buttons.shopify-payment-agree {
display: -ms-flexbox;
display: flex
}
.minicart-drop-actions .additional-checkout-buttons.shopify-payment-agree > .dynamic-checkout__content {
width: 100%
}
.shopify-section .modal-wrap-inside {
height: 100%
}
.template-search .page-content {
min-height: 350px
}
.grecaptcha-badge {
visibility: hidden!important
}
.shipping-form-element .minicart-prd-name {
font-size: 18px;
line-height: 24px
}
.shipping-form-element .minicart-prd-name + dl {
margin-top: 5px
}
.shipping-form-element .minicart-prd-description {
font-size: 12px;
line-height: 16px
}
.shipping-form-element .minicart-prd-description > * {
font-weight: var(--font-weight-400)
}
@media (max-width:575px) {
.shipping-form-element .minicart-prd-name {
font-size: 15px;
line-height: 22px
}
.shipping-form-element .minicart-prd-name + dl {
margin-top: 0
}
}
.shipping-form-element .cart-item__success svg {
top: 0;
width: 30px;
min-width: 30px;
height: 30px;
margin-right: 0
}
.shipping-form-element .icon-wrap.cart-item__success svg {
width: 18px;
max-height: 18px
}
#shopify-chat-dummy {
z-index: 99991!important
}
[data-free-shipping-status] {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
[data-free-shipping-status] .text-animated,
[data-free-shipping-status] .text-animated-delay,
[data-free-shipping-status] .text-animated-static {
margin: 0
}
.prd-block-row [data-free-shipping-status] {
margin-top: -.05em
}
.cart-table-page-title [data-free-shipping-status] {
-ms-flex-pack: center;
justify-content: center
}
@media (max-width:767px) {
.cart-table-page-title [data-free-shipping-status] {
-ms-flex-pack: start;
justify-content: flex-start
}
}
[data-free-shipping-status] shipping-calculator {
margin-left: 15px;
text-align: end;
white-space: nowrap
}
[data-free-shipping-status] shipping-calculator a:not([class*=btn]) {
color: var(--body-link-secondary-color);
text-decoration: underline
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
[data-free-shipping-status] shipping-calculator a:not([class*=btn]):hover {
color: var(--body-link-secondary-color-hover);
text-decoration: none
}
}
@media (max-width:767px) {
[data-free-shipping-status] shipping-calculator a:not([class*=btn]) {
text-decoration: none
}
}
@media (max-width:767px) {
[data-free-shipping-status] shipping-calculator {
min-width: 60px
}
[data-free-shipping-status] shipping-calculator .d-sm-none svg {
top: 4px;
width: 30px
}
[data-free-shipping-status] shipping-calculator .d-sm-none + .d-sm-none {
margin-left: -1px
}
[data-free-shipping-status] shipping-calculator .icon-arrow-wrap {
position: relative;
top: 0;
margin-left: -7px
}
[data-free-shipping-status] shipping-calculator .icon-cart-wrap svg {
top: 3px;
max-height: 23px;
margin-right: -5px
}
}
[data-free-shipping-status] shipping-calculator:only-child {
margin-left: 0
}
.ask-the-seller {
cursor: pointer;
color: var(--body-link-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.ask-the-seller:hover {
color: var(--body-link-color-hover)
}
}
.tab-accordion-item-content-inside {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.tab-accordion-item-content-inside .minicart-drop-text:not(:first-child) {
margin-top: 10px
}
.shipping-form-element .minicart-prd:last-child {
margin-bottom: 30px
}
.template-cart .hdr-content .dropdn.minicart .dropdn-link [class*=icon] svg {
width: 24px;
height: 18px
}
.eg-cc-window:not(.eg-cc-invisible) ~ #shopify-chat-dummy {
bottom: 68px
}
.eg-cc-window:not(.eg-cc-invisible) ~ .back-to-top.is-visible {
bottom: 144px
}
.eg-cc-window:not(.eg-cc-invisible) ~ #shopify-section-promo-products .payment-notification-wrap {
margin-bottom: 74px
}
.has-shopify-chat .eg-cc-window:not(.eg-cc-invisible) ~ .back-to-top.is-visible {
bottom: 149px
}
.prd-block-subscription + .product-form__error-message-wrapper {
margin-top: 9px
}
.prd-block-subscription + .row {
margin-top: 0
}
.prd-block-subscription .prd-price .loading-overlay [data-load=loading]:after {
top: calc(50% - 5px);
left: calc(50% - 5px);
width: 10px;
height: 10px
}
.form-group-tab {
display: block;
width: 100%;
position: relative;
border: 1px solid var(--decor-border-dark-color);
background-color: var(--form-group-tab-bg,#fff)
}
.form-group-tab + .form-group-tab {
margin-top: -1px
}
.form-group-tab:first-child {
border-radius: var(--radius-sm) var(--radius-sm) 0 0
}
.form-group-tab:last-child {
border-radius: 0 0 var(--radius-sm) var(--radius-sm)
}
.form-group-tab:only-child {
border-radius: var(--radius-sm)
}
.form-group-tab .form-group-tab-title input[type=radio] + label,
.form-group-tab .form-group-tab-title label.label-radio {
margin: 0;
padding-left: 35px;
font-size: 15px;
font-weight: var(--font-weight-600);
line-height: 20px
}
@media (max-width:374px) {
.form-group-tab .form-group-tab-title input[type=radio] + label,
.form-group-tab .form-group-tab-title label.label-radio {
padding-left: 30px
}
}
.form-group-tab .form-group-tab-content {
height: 0;
overflow: hidden;
transition: .3s all;
opacity: 0
}
.form-group-tab .form-group-tab-content h6 {
font-size: 12px;
line-height: 18px;
margin: 0 0 10px;
font-weight: var(--font-weight-600);
text-transform: uppercase
}
.form-group-tab .form-group-tab-content h6:not(:first-child) {
margin-top: 10px
}
.form-group-tab .form-group-tab-content fieldset {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start
}
.form-group-tab .form-group-tab-content fieldset label {
margin-bottom: 10px
}
.form-group-tab .form-group-tab-content fieldset.custom-form label + input[type=radio] ~ label,
.form-group-tab .form-group-tab-content fieldset.custom-form label + label.label-radio {
margin-left: 0
}
.form-group-tab .form-group-tab-content-inside {
padding: 4px 16px 16px 16px
}
.form-group-tab .form-group-tab-content-form {
padding-left: 36px
}
@media (max-width:374px) {
.form-group-tab .form-group-tab-content-form {
padding-left: 27px
}
}
.form-group-tab.opened .form-group-tab-content {
opacity: 1;
transition: .3s all;
height: var(--tab-height)
}
.form-group-tab.opened:only-child .form-group-tab-content {
height: auto!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.form-group-tab:not(.opened):hover {
z-index: 1;
border-color: var(--custom-color)
}
}
.form-group-tab:not(.opened) .form-group-tab-title {
cursor: pointer
}
.form-group-tab:not(.opened) .form-group-tab-title label {
cursor: pointer
}
.form-group-tab .label-badge {
position: relative;
top: -2px;
margin-left: 10px;
text-transform: uppercase;
background-color: var(--label-bestoffer-bg);
color: var(--label-bestoffer-color)
}
.form-group-tab.opened .form-group-tab-title .label-badge {
display: none
}
.form-group-tab .loading-overlay:not(.hidden) [data-load] {
background-color: transparent
}
.form-group-tab .loading-overlay:not(.hidden) ~ span {
opacity: 0
}
.form-group-tab-title {
padding: 12px 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
@media (max-width:575px) {
.form-group-tab-title {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start
}
}
@media (max-width:374px) {
.form-group-tab-title {
padding: 12px
}
}
.prd-block .form-group-tab-price {
display: -ms-flexbox;
display: flex;
margin-left: auto;
text-align: end
}
@media (max-width:575px) {
.prd-block .form-group-tab-price {
-ms-flex-align: baseline;
align-items: baseline;
margin-left: 35px;
margin-top: 7px
}
}
@media (max-width:374px) {
.prd-block .form-group-tab-price {
margin-left: 31px
}
}
.prd-block .form-group-tab-price .prd-price {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
font-size: 18px;
font-weight: var(--font-weight-400)
}
@media (max-width:575px) {
.prd-block .form-group-tab-price .prd-price {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: baseline;
align-items: baseline
}
.prd-block .form-group-tab-price .prd-price .prd-price-old {
margin-left: 5px
}
}
.prd-block .form-group-tab-price .prd-price .prd-price-regular span {
font-size: 18px;
font-weight: var(--font-weight-400)
}
.prd-block .form-group-tab-price small {
display: inline-block;
font-size: 12px;
line-height: 22px;
margin-right: 5px
}
[data-render]:empty {
display: none
}
[data-render=fbt_cart] {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
[data-render=fbt_cart] product-form {
height: 100%;
max-height: calc(100% - 59px)
}
@media (max-width:1024px) {
#pandectes-banner .cc-window.cc-bottom {
transition: transform .35s ease
}
.has-mobile-bottom #pandectes-banner .cc-window.cc-bottom {
transform: translateY(-62px)
}
}
.product__pickup-availabilities {
font-size: 12px;
line-height: 24px
}
.product__pickup-availabilities .pickup-availability-preview {
gap: 5px;
padding: 0;
margin-top: 20px
}
.product__pickup-availabilities .pickup-availability-preview p {
margin: 0
}
.product__pickup-availabilities .pickup-availability-preview .icon {
height: 22px
}
.product__pickup-availabilities .pickup-availability-preview button.pickup-availability-button {
display: -ms-inline-flexbox;
display: inline-flex;
margin: 5px 0 0;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
line-height: 18px;
font-weight: var(--font-weight-400);
text-decoration: none;
outline: 0;
border: 0;
color: var(--body-link-color);
letter-spacing: 0
}
@media (max-width:575px) {
.product__pickup-availabilities .pickup-availability-preview button.pickup-availability-button {
margin-top: 20px
}
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.product__pickup-availabilities .pickup-availability-preview button.pickup-availability-button:hover {
color: var(--body-link-color-hover)
}
}
#dropdnPickupPopup .minicart-drop-content {
position: relative;
overflow: hidden;
height: 100%;
margin: 0 -30px;
padding: 10px 30px 15px
}
@media (max-width:767px) {
#dropdnPickupPopup .minicart-drop-content {
margin: 0;
padding: 10px 20px 15px
}
}
.dropdn-modal-slide .pickup-availability-variant {
font-size: 15px;
line-height: 28px;
font-weight: var(--font-weight-500)
}
.dropdn-modal-slide .pickup-availability-variant span {
font-weight: var(--font-weight-400)
}
.dropdn-modal-slide .pickup-availability-list {
margin-top: 20px
}
.dropdn-modal-slide .pickup-availability-list__item {
border: 0!important;
margin: 0 0 20px;
padding: 20px;
border-radius: var(--radius-md,16px);
background: var(--product-card-bg);
color: var(--product-card-text-color);
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.12))
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.dropdn-modal-slide .pickup-availability-list__item:hover {
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.12) + var(--global-box-shadow-darker,.1)))
}
}
.dropdn-modal-slide .pickup-availability-list__item .h3-style,
.dropdn-modal-slide .pickup-availability-list__item .h4-style,
.dropdn-modal-slide .pickup-availability-list__item h3 {
font-weight: var(--font-weight-500);
color: var(--product-card-text-color)
}
.dropdn-modal-slide .pickup-availability-preview {
gap: 5px;
padding: 0;
margin-top: 15px
}
.dropdn-modal-slide .pickup-availability-preview p.caption {
margin-top: 0
}
.dropdn-modal-slide .pickup-availability-preview .icon {
height: 22px
}
.dropdn-modal-slide .pickup-availability-address {
margin: 10px 0 0 28px;
font-size: 15px;
line-height: 28px
}
.dropdn-modal-slide .pickup-availability-address p {
line-height: 1.6em;
font-weight: var(--font-weight-300)
}
.g-recaptcha {
margin-top: 15px;
margin-bottom: 20px
}
.prd-block-info [data-render-after-cart-update]:empty {
display: none
}
.product-card-empty-wrap {
width: 100%;
max-width: 370px;
margin: 0 auto
}
.product-card-empty-wrap-single {
width: 100%;
max-heigth: 370px
}
.product-card-empty-wrap-single .prd-image-wrap.image-container {
padding-bottom: 0!important;
height: 350px
}
.shopify-design-mode .show-on-scroll {
opacity: 1!important;
transform: translateY(0)!important
}
.prd-block pickup-availability[available] {
min-height: 68px
}
.prd-block .product__pickup-availabilities {
font-size: 12px;
line-height: 20px
}
.prd-block .product__pickup-availabilities {
margin-top: 20px
}
.prd-block .mt-product-global > .product__pickup-availabilities {
margin-top: 0
}
.prd-block .product__pickup-availabilities .pickup-availability-preview {
margin-top: 0
}
.product__xr-button[data-shopify-xr-hidden] {
display: none
}
.shopify-cleanslate > div > span [role=dialog] {
background-color: var(--body-bg-secondary)!important;
color: var(--text-color)!important
}
@media (min-width:500px) {
.shopify-cleanslate > div > span [role=dialog] {
border-radius: var(--radius-4)!important
}
.shopify-cleanslate > div > span [role=dialog] > div:first-child {
padding: 30px 30px 0!important
}
.shopify-cleanslate > div > span [role=dialog] > div:nth-child(2) {
padding: 20px 30px 30px!important;
font-size: 15px!important;
line-height: 1.6em!important
}
}
@media (max-width:499px) {
.shopify-cleanslate > div > span [role=dialog] {
border-top-left-radius: var(--radius-4)!important;
border-top-right-radius: var(--radius-4)!important
}
.shopify-cleanslate > div > span [role=dialog] > div:first-child {
padding: 15px 15px 0!important
}
.shopify-cleanslate > div > span [role=dialog] > div:nth-child(2) {
padding: 10px 15px 15px!important;
font-size: 14px!important;
line-height: 1.5em!important
}
}
.shopify-cleanslate > div > span [role=dialog] > div:first-child {
border-bottom: 0!important
}
.shopify-cleanslate > div > span [role=dialog] > div:nth-child(2) {
color: var(--text-color)!important
}
.shopify-cleanslate > div > span [role=dialog] > div > div {
text-align: start!important;
padding-left: 0!important
}
.shopify-cleanslate > div > span [role=dialog] > div > div button:hover {
opacity: .5
}
.shopify-cleanslate > div > span [role=dialog] > div > div button svg use {
fill: var(--text-color)!important
}
.shopify-cleanslate > div > span [role=dialog] svg {
width: 50px;
height: 50px
}
.shopify-cleanslate > div > span [role=dialog] svg use {
fill: currentColor
}
body > .demo-layouts-toggle {
position: fixed;
z-index: 99991;
top: 50%;
width: 50px;
border-radius: 0 var(--radius-md) var(--radius-md) 0;
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.12));
transform: translateY(-50%)
}
@media (max-width:1024px) {
body > .demo-layouts-toggle {
display: none
}
}
body > .demo-layouts-toggle > ul {
list-style-type: none;
margin: 0;
padding: 0
}
body > .demo-layouts-toggle > ul > li {
background-color: var(--button-bg-white)
}
body > .demo-layouts-toggle > ul > li:not(:last-of-type) {
border-bottom: 1px solid var(--decor-border-dark-color)
}
body > .demo-layouts-toggle > ul > li.active {
border-bottom: 0
}
body > .demo-layouts-toggle > ul > li.demo-name {
height: auto
}
body > .demo-layouts-toggle > ul > li.demo-name > a > span,
body > .demo-layouts-toggle > ul > li.demo-name > span,
body > .demo-layouts-toggle > ul li sections-rename > a > span {
width: 50px;
height: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
color: var(--button-color-white);
text-transform: uppercase;
letter-spacing: 2px;
pointer-events: none;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: inherit;
padding: 20px 0;
transform: rotate(180deg);
position: relative
}
body > .demo-layouts-toggle > ul > li > a > span > svg {
width: 18px
}
body > .demo-layouts-toggle > ul > li > a,
body > .demo-layouts-toggle > ul > li.active > span,
body > .demo-layouts-toggle > ul li.dark-light-mode a,
body > .demo-layouts-toggle > ul localization-form a {
width: 100%;
min-height: 50px;
padding: 4px 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
color: var(--button-color-white)
}
body > .demo-layouts-toggle > ul > li[data-new] > a {
color: #fff;
background-color: var(--badge-bg,#77bf4a)
}
body > .demo-layouts-toggle > ul localization-form {
display: block;
overflow: hidden
}
body > .demo-layouts-toggle > ul localization-form ul {
padding: 0;
margin: 0;
list-style: none
}
body > .demo-layouts-toggle > ul > li > a:hover,
body > .demo-layouts-toggle > ul localization-form a:hover {
background-color: var(--button-hover-bg-white);
color: var(--button-hover-color-white)
}
body > .demo-layouts-toggle > ul > li.active > span {
background-color: var(--button-hover-bg-white);
color: var(--button-hover-color-white);
height: 51px
}
body > .demo-layouts-toggle > ul > li:first-child,
body > .demo-layouts-toggle > ul > li:first-child > a,
body > .demo-layouts-toggle > ul li:first-child localization-form {
border-top-right-radius: var(--radius-md)
}
body > .demo-layouts-toggle > ul li localization-form {
overflow: hidden
}
body > .demo-layouts-toggle > ul li:first-child sections-rename {
display: block;
border-top-right-radius: var(--radius-md);
overflow: hidden
}
body > .demo-layouts-toggle > ul > li:last-of-type,
body > .demo-layouts-toggle > ul > li:last-of-type > a,
body > .demo-layouts-toggle > ul li:last-of-type localization-form {
border-bottom-right-radius: var(--radius-md)
}
body > .demo-layouts-toggle > ul > li:hover > a,
body > .demo-layouts-toggle > ul > li:hover > a > span,
body > .demo-layouts-toggle > ul li:hover sections-rename > a > span {
background-color: var(--button-hover-bg-white);
color: var(--button-hover-color-white)!important
}
body > .demo-layouts-toggle > ul > li.dark-light-mode {
position: relative;
overflow: hidden;
height: 50px
}
body > .demo-layouts-toggle > ul > li.dark-light-mode svg {
width: 25px;
transition: transform .2s
}
body > .demo-layouts-toggle > ul > li.dark-light-mode a {
background: 0 0
}
body > .demo-layouts-toggle > ul > li.dark-light-mode a span {
width: 100%;
height: 34px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--button-bg-white);
color: var(--button-color-white)
}
body > .demo-layouts-toggle > ul > li.dark-light-mode a:hover svg {
transform: scale(1.2)
}
body > .demo-layouts-toggle > ul > li.dark-light-mode async-reload {
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
body > .demo-layouts-toggle > ul .demo-text,
body > .demo-layouts-toggle > ul localization-form a span {
font-size: 13px!important;
line-height: 1.2em;
text-align: center
}
body > .demo-layouts-toggle label-animated {
position: absolute;
left: -110%;
margin-top: -38px;
transition: left .6s cubic-bezier(.39,.85,.46,1.43);
z-index: -1
}
body > .demo-layouts-toggle label-animated.is-appeared {
left: calc(100% + 6px)
}
body > .demo-layouts-toggle li .label-demo-new {
display: none
}
body > .demo-layouts-toggle li[data-new] .label-demo-new {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding: 4px 12px;
min-height: 16px;
font-size: 12px;
line-height: 15px;
font-weight: var(--font-weight-600);
background-color: var(--badge-bg,#77bf4a);
color: var(--label-badge-color,#fff);
-webkit-backface-visibility: hidden;
white-space: nowrap;
border-radius: 6px
}
body > .demo-layouts-toggle li[data-new] .label-demo-new:before {
position: absolute;
left: -6px;
content: '';
display: inline-block;
margin: 0;
vertical-align: middle;
width: 6px;
height: 12px;
border-right: solid 6px var(--badge-bg,#77bf4a);
border-bottom: solid 6px transparent;
border-top: solid 6px transparent
}
body > .demo-layouts-toggle .demo-button-close {
position: absolute;
left: calc(100% - 12px);
top: -8px;
width: 20px;
height: 20px!important;
min-height: 20px!important;
cursor: pointer;
padding: 5px!important;
border-radius: 100%;
box-shadow: 0 0 5px rgba(0,0,0,var(--global-box-shadow,.18));
transition: none;
z-index: 10
}
body > .demo-layouts-toggle .demo-button-close svg {
width: 10px;
height: 10px
}
body > .demo-layouts-toggle.is-closed {
transform: translate3d(-120%,-50%,0);
transition: transform .3s cubic-bezier(.25,.46,.4,1)
}
body > .demo-layouts-toggle.is-closed label-animated {
display: none
}
body > .demo-layouts-toggle .demo-popup ul.submenu-list--decor {
display: -ms-grid;
display: grid;
-ms-grid-columns: (150px)[4];
grid-template-columns: repeat(4,150px);
column-gap: 15px;
row-gap: 15px;
padding: 0 25px;
--radius-ic: 0
}
body > .demo-layouts-toggle .demo-popup ul.submenu-list--decor a {
padding: 5px;
border: 2px solid rgba(153,153,153,.15);
text-align: center;
border-radius: var(--radius-5)
}
body > .demo-layouts-toggle .demo-popup ul.submenu-list--decor a span {
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 13px;
line-height: 18px
}
body > .demo-layouts-toggle .demo-popup ul.submenu-list--decor a:hover {
background-color: transparent;
border-color: #9e9e9e
}
body > .demo-layouts-toggle .demo-popup ul.submenu-list--decor a.active {
background-color: transparent;
border-color: var(--custom-color)
}
.submenu-list-info {
margin: 15px 25px 0;
padding: 8px 10px;
font-size: 13px;
line-height: 18px;
background: rgba(153,153,153,.15);
border-radius: var(--radius-4)
}
.decor-style-select {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
gap: 6px;
-ms-flex-pack: end;
justify-content: flex-end;
margin-right: 35px
}
.decor-style-select .form-check {
height: 28px;
min-height: 0;
margin: -.4em 0 0 0;
padding: .4em 1.1em .4em 2.5em;
border-radius: var(--radius-4)
}
.decor-style-select .form-check:hover {
background: rgba(153,153,153,.15)
}
.decor-style-select .form-check-label {
position: relative
}
.decor-style-select .form-check-label:after {
content: '';
position: absolute;
inset: -.4em -1.1em -.4em -2.5em;
cursor: pointer;
z-index: 1
}
body > .demo-layouts-toggle .submenu-list {
margin: 0;
padding: 0;
list-style: none
}
body > .demo-layouts-toggle .submenu-list a {
display: block;
padding: 7px 33px;
position: relative;
font-size: 15px;
line-height: 25px;
min-height: 0;
text-decoration: none;
color: var(--menu-categories-color)
}
body > .demo-layouts-toggle .submenu-list a.active {
color: var(--menu-categories-hover-color);
background-color: var(--menu-categories-hover-bg);
text-decoration: none
}
body > .demo-layouts-toggle .submenu-list a:not(:only-child):after {
position: absolute;
right: 20px;
top: calc(50% - 6px);
padding: 6px;
content: '';
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: currentColor
}
body > .demo-layouts-toggle .submenu-list a .menu-label {
position: absolute;
display: inline-block;
top: unset;
right: auto;
margin-top: -2px;
margin-left: 5px;
transform: translate3d(0,0,0)
}
body > .demo-layouts-toggle.active-bolder .submenu-list a.active {
font-weight: var(--font-weight-600)
}
@media not all and (hover:none) {
body > .demo-layouts-toggle .submenu-list a:hover {
color: var(--menu-categories-hover-color);
background-color: var(--menu-categories-hover-bg);
text-decoration: none
}
}
body > .demo-layouts-toggle .submenu-list-wrap {
display: block;
min-width: 220px;
position: absolute;
top: 50%;
left: 100%;
visibility: hidden;
margin-top: 30px;
padding: 25px 0;
transform: translateY(-50%);
transition: all 0s ease;
pointer-events: none;
opacity: 0;
border-radius: var(--radius-md);
background-color: var(--submenu-bg);
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.12));
z-index: 11
}
body > .demo-layouts-toggle .submenu-list-wrap ol,
body > .demo-layouts-toggle .submenu-list-wrap ul {
list-style: none;
margin: 0;
padding: 0
}
body > .demo-layouts-toggle .submenu-list-wrap ol {
counter-reset: item
}
body > .demo-layouts-toggle .submenu-list-wrap ol.submenu-list li > a > span:before {
content: counters(item, ".") ".";
counter-increment: item;
display: inline-block;
margin-right: 5px
}
body > .demo-layouts-toggle .submenu-list-wrap.submenu-list-wrap--image {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 220px;
min-width: 220px;
padding: 0!important
}
body > .demo-layouts-toggle .submenu-list-wrap.submenu-list-wrap--image .image-container > img {
object-fit: inherit
}
body > .demo-layouts-toggle .submenu-list-wrap.submenu-list-wrap--image > a {
width: 100%;
padding: 0 0 var(--padding-bottom);
background: 0 0
}
body > .demo-layouts-toggle .submenu-list-wrap.submenu-list-wrap--image > a:after {
display: none!important
}
body > .demo-layouts-toggle .submenu-list-wrap .submenu-list-title {
margin: 0 36px 0;
border-bottom: none
}
body > .demo-layouts-toggle .submenu-list-wrap .submenu-list-title:not(:first-child) {
padding: 20px 0 15px;
border-top: 1px solid var(--submenu-link-title-border-color)
}
body > .demo-layouts-toggle .submenu-list-wrap .submenu-list-title:first-child {
padding: 0 0 15px
}
@media not all and (hover:none) {
body > .demo-layouts-toggle li:hover > .submenu-list-wrap,
body > .demo-layouts-toggle li:hover > image-on-hover > .submenu-list-wrap {
visibility: visible;
margin-top: 0;
transition: opacity .2s ease 0s,margin 0s cubic-bezier(.25,.46,.4,1) 0s;
pointer-events: auto;
opacity: 1
}
}
.hdr-open-search .predictive-search_ > .quick-search {
position: relative;
top: 12px;
margin-bottom: -10px
}
@media (max-width:1024px) {
.hdr-open-search .predictive-search_ > .quick-search {
margin-bottom: 40px;
padding: 0 20px
}
}
.modal-wrap .predictive-search_ .quick-search,
.page-content .predictive-search_ .quick-search {
display: none!important
}
.predictive-search_ .swiper-slide .prd-w-xxs.prd--style1 .prd-image-wrap {
margin: 0!important
}
.card-category-name:first-letter,
.card-category-sm-name:first-letter,
.footer-list li a:first-letter,
.footer-list li:first-letter,
.prd-prev-next a > span.col-auto > span:first-letter {
text-transform: uppercase
}
.breadcrumb-item a {
display: inline-block
}
.breadcrumb-item a:first-letter {
text-transform: uppercase
}
.page-footer .form__message,
.page-footer .product-form__error-message-wrapper,
.page-footer .product-form__success-message-wrapper {
color: currentColor
}
.prd-block-actions .shopify-payment-button button {
color: var(--body-link-color)
}
.prd-block-actions .shopify-payment-button button:hover {
color: var(--body-link-color-hover)
}
#admin-bar-iframe,
#preview-bar-iframe {
display: none!important
}
.cart-reserved-time {
display: inline;
font-size: 12px;
line-height: 22px;
font-weight: var(--font-weight-500);
color: var(--heading-sub-color)!important;
white-space: nowrap
}
.cart-reserved-time .cart-reserved-countdown {
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0 .15em;
font-weight: var(--font-weight-700)
}
html[lang=de] .minicart-drop-total-price,
html[lang=de] .minicart-drop-total-txt {
font-size: 15px
}
@media (max-width:575px) {
html[lang=de] .dropdn-modal-slide-title {
font-size: 16px
}
}
#shopify-section-footer {
overflow: hidden
}
body {
--jdgm-secondary-color: var(--decor-border-middle-color);
--jdgm-star-color: var(--product-rating-fill-color);
--jdgm-paginate-color: var(--text-color);
--jdgm-border-radius: var(--radius-sm)
}
body .jdgm-star.jdgm--on {
color: var(--product-rating-fill-color)!important
}
body .jdgm-star.jdgm--off {
color: var(--product-rating-color)!important
}
#judgeme_product_reviews .jdgm-write-rev-link.jdgm-write-rev-link,
body .jdgm-widget .jdgm-btn.jdgm-btn {
border-radius: var(--button-border-radius,9999px);
font-weight: var(--button-font-weight);
font-size: 12px
}
body:not(.has-btn-not-upper) #judgeme_product_reviews .jdgm-write-rev-link.jdgm-write-rev-link,
body:not(.has-btn-not-upper) .jdgm-widget .jdgm-btn.jdgm-btn {
text-transform: uppercase
}
#judgeme_product_reviews .jdgm-all-reviews-widget,
#judgeme_product_reviews .jdgm-rev-widg {
padding: 0;
border: 0
}
#judgeme_product_reviews .jdgm-form__reviewer-name-format-dropdown,
#judgeme_product_reviews .jdgm-sort-dropdown.jdgm-sort-dropdown,
#judgeme_product_reviews.jdgm-widget input:not([type=submit]),
#judgeme_product_reviews.jdgm-widget textarea {
background: var(--form-bg);
border-color: var(--form-border-color);
color: var(--form-color)
}
#judgeme_product_reviews .jdgm-form-wrapper,
#judgeme_product_reviews .jdgm-histogram,
#judgeme_product_reviews .jdgm-notification,
#judgeme_product_reviews .jdgm-picture-fieldset__box-wrapper,
#judgeme_product_reviews .jdgm-quest,
#judgeme_product_reviews .jdgm-quest[data-verified-buyer=true] .jdgm-rev__icon:not(.jdgm--loading):after,
#judgeme_product_reviews .jdgm-question-form-wrapper,
#judgeme_product_reviews .jdgm-rev,
#judgeme_product_reviews .jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon:not(.jdgm--loading):after {
border-color: var(--decor-border-middle-color)
}
#judgeme_product_reviews .jdgm-form__reviewer-name-format-dropdown-arrow,
#judgeme_product_reviews .jdgm-sort-dropdown-arrow {
border-top-color: var(--decor-border-middle-color)
}
#judgeme_product_reviews .jdgm-notification,
#judgeme_product_reviews .jdgm-rev__author-wrapper {
font-weight: var(--font-weight-700)
}
#judgeme_product_reviews .jdgm-rev__reply {
border-color: var(--decor-border-middle-color);
background: var(--body-bg-secondary);
color: var(--text-color-secondary)
}
#judgeme_product_reviews .jdgm-histogram__bar {
box-shadow: inset 0 0 1px var(--text-color);
background: var(--decor-border-middle-color)
}
#judgeme_product_reviews .jdgm-histogram__bar-content {
background-color: var(--custom-color)!important
}
#judgeme_product_reviews .jdgm-histogram__bar,
#judgeme_product_reviews .jdgm-histogram__bar-content {
height: 7px;
border-radius: var(--radius-max);
box-shadow: none!important
}
#judgeme_product_reviews .jdgm-histogram__frequency {
font-size: 14px;
color: var(--text-color);
width: auto
}
#judgeme_product_reviews .jdgm-rev__icon {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 15px;
width: 50px;
height: 50px;
background: var(--decor-border-color);
line-height: 50px;
border-radius: var(--radius-max)
}
#judgeme_product_reviews .jdgm-row-profile {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 20px 0 0 0
}
#judgeme_product_reviews .jdgm-form__title,
#judgeme_product_reviews .jdgm-rev__title {
font-weight: var(--font-weight-700)!important
}
.page-content .shopify-section .section-confirm-subscription {
font-size: 16px!important
}
.page-content .shopify-section .section-confirm-subscription > img {
width: 200px
}
.page-content .shopify-section .section-confirm-subscription h3 {
font-size: 1.4em;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.page-content .shopify-section .section-confirm-subscription .legal-text {
font-size: .8em;
line-height: 1.45em
}
.page-content .shopify-section .section-confirm-subscription #subscriber-country-select,
.page-content .shopify-section .section-confirm-subscription #subscriber-phone-input {
margin: 20px auto 0;
max-width: calc(100% - 20px);
width: 350px;
padding: 10px!important;
color: var(--form-color);
background-color: var(--form-lined-bg,transparent);
border: var(--form-border-width) solid var(--form-border-color);
font-size: var(--form-size);
line-height: 1.2em;
font-weight: var(--form-weight)
}
.page-content .shopify-section .section-confirm-subscription #subscriber-country-select {
margin-top: 50px
}
.page-content .shopify-section #confirm-text-marketing-subscription {
margin: 0 auto;
max-width: calc(100% - 20px);
width: 350px
}
#dummy-chat-button-iframe,
.accessibly-otm-widget-button-container,
.miniForm .mini-popup-container {
z-index: 1064!important
}
@media (max-width:1024px) {
.miniForm .mini-popup-container {
z-index: 1008!important
}
}
.oxi_social_wrapper {
margin-top: 20px
}
.nav-wrapper .vertical-mega-menu {
max-height: 100%;
overflow-y: auto
}
.nav-wrapper .vertical-mega-menu > li.buddha-menu-item {
width: calc(100% - 15px)
}
.nav-wrapper .vertical-mega-menu > li.buddha-menu-item ul.mm-submenu.height-transition {
background-color: var(--body-bg)!important;
color: var(--text-color)!important
}
.nav-wrapper .vertical-mega-menu > li.buddha-menu-item > a {
line-height: 25px
}
.nav-wrapper .buddha-menu-item > a > .mm-label {
top: -9px!important
}
.nav-wrapper .vertical-mega-menu > .buddha-menu-item > .mm-submenu.height-transition > li > a > .toggle-menu-btn > .mm-cross {
background-color: transparent!important
}
.nav-wrapper .vertical-mega-menu ul.mm-submenu > li > .mega-menu-item-container .mm-list-info > a[onclick]:not([data-href=no-link]):hover > *,
.nav-wrapper .vertical-mega-menu ul.mm-submenu > li > .mega-menu-item-container > .mm-list-name > span[onclick]:hover > span,
.nav-wrapper .vertical-mega-menu ul.mm-submenu > li.mm-hovering > a[onclick]:not([data-href=no-link]),
.nav-wrapper .vertical-mega-menu ul.mm-submenu > li.mm-hovering > a[onclick]:not([data-href=no-link]) > *,
.nav-wrapper .vertical-mega-menu ul.mm-submenu > li:hover > a[onclick]:not([data-href=no-link]),
.nav-wrapper .vertical-mega-menu ul.mm-submenu > li:hover > a[onclick]:not([data-href=no-link]) > *,
.nav-wrapper .vertical-mega-menu ul.mm-submenu li a[onclick]:not([data-href=no-link]):hover,
.nav-wrapper .vertical-mega-menu ul.mm-submenu.tabbed > li.mm-hovering > a[onclick]:not([data-href=no-link]) > .toggle-menu-btn > span > span,
.nav-wrapper .vertical-mega-menu ul.mm-submenu.tabbed > li.tab-opened > a[onclick]:not([data-href=no-link]),
.nav-wrapper .vertical-mega-menu ul.mm-submenu.tabbed > li.tab-opened > a[onclick]:not([data-href=no-link]) > *,
.nav-wrapper .vertical-mega-menu ul.mm-submenu.tabbed > li:hover > a[onclick]:not([data-href=no-link]) > .toggle-menu-btn > span > span,
.nav-wrapper .vertical-mega-menu ul.mm-submenu.tree li.mega-hover > a[onclick]:not([data-href=no-link]) > .toggle-menu-btn > span > span,
.nav-wrapper .vertical-mega-menu ul.mm-submenu.tree li.mm-hovering > a[onclick]:not([data-href=no-link]) > .toggle-menu-btn > span > span,
.nav-wrapper .vertical-mega-menu ul.mm-submenu.tree li:hover > a[onclick]:not([data-href=no-link]) > .toggle-menu-btn > span > span {
color: var(--text-color)!important
}
#tidio-chat {
position: relative;
z-index: 101
}
@media (max-width:1024px) {
#tidio-chat iframe#tidio-chat-iframe,
.Avada-Preview_Button.bottom,
.Avada-SalePopV2Mobile__bottom,
.notifyjs-corner[style*="bottom: 0px"],
.pushowl-simple-toast {
transition: bottom .2s
}
#tidio-chat iframe#tidio-chat-iframe {
transform: translateX(-7px)
}
.has-mobile-bottom .notifyjs-corner[style*="bottom: 0px"] {
bottom: 40px!important
}
.has-mobile-bottom .Avada-SalePopV2Mobile__bottom {
bottom: 80px!important
}
.has-mobile-bottom .Avada-Preview_Button.bottom {
bottom: 80px!important
}
.has-mobile-bottom .pushowl-simple-toast {
bottom: 80px!important
}
.has-mobile-bottom #tidio-chat iframe#tidio-chat-iframe {
bottom: 70px!important
}
}
form label.locale-selectors__label {
max-width: 100%
}
.dCwsfy {
z-index: 99994!important
}
.card-total label {
--form-element-bg: #fff;
--form-element-hover-bg: #fff
}
#ShopifyChat,
#dummy-chat-button-iframe,
.smile-launcher-frame-container {
z-index: 1064!important
}
#admin-bar-iframe {
z-index: 1065!important
}
#ShopifyChat[style*=right],
#dummy-chat-button-iframe[style*=right] {
right: 15px!important
}
#ShopifyChat[style*=left],
#dummy-chat-button-iframe[style*=left] {
left: 15px!important
}
#ShopifyChat[style*="left: 0px"][style*="right: 0px"],
#dummy-chat-button-iframe[style*="left: 0px"][style*="right: 0px"] {
left: 0!important;
right: 0!important
}
#ShopifyChat[style*="left: 0px"][style*="right: 0px"],
#dummy-chat-button-iframe[style*="left: 0px"][style*="right: 0px"] {
bottom: 0!important
}
@media (min-width:1025px) {
.smile-launcher-frame-container[style*=bottom] {
bottom: 30px!important
}
}
@media (max-width:1024px) {
#ShopifyChat[style*=right],
#dummy-chat-button-iframe[style*=right] {
right: 10px!important
}
#ShopifyChat[style*=left],
#dummy-chat-button-iframe[style*=left] {
left: 10px!important
}
.smile-launcher-frame-container[style*=right] {
right: 14px!important
}
.smile-launcher-frame-container[style*=left] {
left: 14px!important
}
.smile-launcher-frame-container[style*=bottom] {
bottom: 40px!important
}
#ShopifyChat,
#admin-bar-iframe,
#dummy-chat-button-iframe,
.smile-launcher-frame-container {
transition: bottom .3s cubic-bezier(0,1,.3,1);
will-change: bottom
}
.has-mobile-bottom #ShopifyChat,
.has-mobile-bottom #admin-bar-iframe,
.has-mobile-bottom #dummy-chat-button-iframe,
.has-mobile-bottom .smile-launcher-frame-container[style*=bottom] {
bottom: 70px!important
}
.has-mobile-bottom #ShopifyChat[style*="left: 0px"][style*="right: 0px"],
.has-mobile-bottom #dummy-chat-button-iframe[style*="left: 0px"][style*="right: 0px"] {
bottom: 0!important
}
.has-hdr_sticky_not_hiding.has-mobile-bottom #ShopifyChat,
.has-hdr_sticky_not_hiding.has-mobile-bottom #admin-bar-iframe,
.has-hdr_sticky_not_hiding.has-mobile-bottom #dummy-chat-button-iframe,
.has-hdr_sticky_not_hiding.has-mobile-bottom .smile-launcher-frame-container[style*=bottom] {
bottom: 70px!important
}
.has-hdr_sticky_not_hiding #ShopifyChat[style*="left: 0px"][style*="right: 0px"],
.has-hdr_sticky_not_hiding #dummy-chat-button-iframe[style*="left: 0px"][style*="right: 0px"] {
bottom: 0!important
}
.template-product #dummy-chat-button-iframe {
max-width: 140px
}
}
.has-shopify-chat .back-to-top.is-visible {
bottom: 105px;
right: 26px
}
@media (max-width:1024px) {
.has-shopify-chat .back-to-top.is-visible {
bottom: 105px;
right: 20px
}
}
@media (max-width:1024px) {
.has-shopify-chat.has-hdr_sticky_not_hiding.has-mobile-bottom .back-to-top.is-visible,
.has-shopify-chat.has-mobile-bottom .back-to-top.is-visible {
bottom: 150px
}
}
@media (max-width:679px) {
.has-sticky-addtocart #ShopifyChat,
.has-sticky-addtocart #admin-bar-iframe,
.has-sticky-addtocart #dummy-chat-button-iframe,
.has-sticky-addtocart .smile-launcher-frame-container {
bottom: 150px!important
}
.has-mobile-bottom.has-sticky-addtocart #ShopifyChat,
.has-mobile-bottom.has-sticky-addtocart #admin-bar-iframe,
.has-mobile-bottom.has-sticky-addtocart #dummy-chat-button-iframe,
.has-mobile-bottom.has-sticky-addtocart .smile-launcher-frame-container {
bottom: 195px!important
}
.has-hdr_sticky_not_hiding.has-sticky-addtocart.has-mobile-bottom #ShopifyChat,
.has-hdr_sticky_not_hiding.has-sticky-addtocart.has-mobile-bottom #admin-bar-iframe,
.has-hdr_sticky_not_hiding.has-sticky-addtocart.has-mobile-bottom #dummy-chat-button-iframe,
.has-hdr_sticky_not_hiding.has-sticky-addtocart.has-mobile-bottom .smile-launcher-frame-container {
bottom: 195px!important
}
.has-shopify-chat.has-sticky-addtocart .back-to-top.is-visible {
bottom: 225px
}
.has-shopify-chat.has-hdr_sticky_not_hiding.has-sticky-addtocart.has-mobile-bottom .back-to-top.is-visible,
.has-shopify-chat.has-mobile-bottom.has-sticky-addtocart .back-to-top.is-visible {
bottom: 275px
}
.has-mobile-bottom #ShopifyChat[style*="left: 0px"][style*="right: 0px"],
.has-mobile-bottom #dummy-chat-button-iframe[style*="left: 0px"][style*="right: 0px"] {
bottom: 0!important
}
.has-hdr_sticky_not_hiding #ShopifyChat[style*="left: 0px"][style*="right: 0px"],
.has-hdr_sticky_not_hiding #dummy-chat-button-iframe[style*="left: 0px"][style*="right: 0px"] {
bottom: 0!important
}
}
@media (max-width:575px) {
.has-sticky-addtocart #ShopifyChat,
.has-sticky-addtocart #admin-bar-iframe,
.has-sticky-addtocart #dummy-chat-button-iframe,
.has-sticky-addtocart .smile-launcher-frame-container {
bottom: 105px!important
}
.has-mobile-bottom.has-sticky-addtocart #ShopifyChat,
.has-mobile-bottom.has-sticky-addtocart #admin-bar-iframe,
.has-mobile-bottom.has-sticky-addtocart #dummy-chat-button-iframe,
.has-mobile-bottom.has-sticky-addtocart .smile-launcher-frame-container {
bottom: 170px!important
}
.has-hdr_sticky_not_hiding.has-sticky-addtocart.has-mobile-bottom #ShopifyChat,
.has-hdr_sticky_not_hiding.has-sticky-addtocart.has-mobile-bottom #admin-bar-iframe,
.has-hdr_sticky_not_hiding.has-sticky-addtocart.has-mobile-bottom #dummy-chat-button-iframe,
.has-hdr_sticky_not_hiding.has-sticky-addtocart.has-mobile-bottom .smile-launcher-frame-container {
bottom: 170px!important
}
.has-shopify-chat.has-sticky-addtocart .back-to-top.is-visible {
bottom: 175px
}
.has-shopify-chat.has-hdr_sticky_not_hiding.has-sticky-addtocart.has-mobile-bottom .back-to-top.is-visible,
.has-shopify-chat.has-mobile-bottom.has-sticky-addtocart .back-to-top.is-visible {
bottom: 240px
}
}
.dropdn-modal-minicart #cart-errors {
font-size: 12px;
font-weight: var(--font-weight-500);
text-align: start
}
.dropdn-modal-minicart #cart-errors:empty {
display: none
}
.card-total #cart-errors {
margin-top: 20px
}
.card-total #cart-errors:empty {
display: none
}
.form-message {
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
left: 0;
right: 0;
padding: 0 0 0 26px;
margin: 0 auto;
width: fit-content;
font-size: 12px;
font-weight: var(--font-weight-400);
line-height: 1.35em
}
.form-message svg {
position: absolute;
top: -1px;
left: 0;
width: 18px;
height: 18px;
min-width: 18px
}
.form-message.has-plural span.plural {
display: -ms-inline-flexbox;
display: inline-flex
}
.form-message.has-plural span.single {
display: none
}
.form-message.has-single span.single {
display: -ms-inline-flexbox;
display: inline-flex
}
.form-message.has-single span.plural {
display: none
}
h3.form-message {
font-size: 14px
}
h3.form-message svg {
top: 0
}
.form-group .form-control-wrap + .form-message {
margin-top: 10px
}
.form-message.form-message--success svg path {
fill: var(--modal-success-icon-color)!important
}
.subscribe-footer-input-group .form-message {
position: absolute;
top: calc(100% + 12px);
color: inherit
}
.cart-item__error.succces-icon svg path {
fill: var(--modal-success-icon-color)!important
}
.cart-item__success {
min-width: 100%;
display: -ms-flexbox;
display: flex;
margin: 12px 0 0
}
@media (max-width:575px) {
.cart-item__success {
margin-left: 90px;
margin-top: 8px;
min-width: 0;
width: auto
}
}
@media (max-width:374px) {
.cart-item__success {
margin-left: 74px
}
}
.cart-item__success button-animated {
display: -ms-flexbox;
display: flex
}
.cart-item__success .cart-item__success-text {
display: inline-block;
-ms-flex-order: 2;
order: 2;
font-size: 12px;
line-height: 18px;
font-weight: var(--font-weight-400)
}
@media (max-width:575px) {
.cart-item__success .cart-item__success-text {
font-size: 11px
}
}
.cart-item__success.icon-wrap {
background-color: var(--modal-success-icon-color)
}
.cart-item__success.icon-wrap svg path {
fill: #fff!important
}
.cart-item__success svg {
-ms-flex-order: 1;
order: 1;
position: relative;
top: -1px;
width: 18px;
height: 18px;
min-width: 18px;
margin-right: 6px
}
.cart-item__success svg path {
fill: var(--modal-success-icon-color)!important
}
.cart-item__error {
min-width: 100%;
display: -ms-flexbox;
display: flex;
margin: 12px 0 0
}
@media (max-width:575px) {
.cart-item__error {
margin-left: 90px;
margin-top: 8px;
min-width: 0;
width: auto
}
}
@media (max-width:374px) {
.cart-item__error {
margin-left: 74px
}
}
.cart-item__error .cart-item__error-text {
display: inline-block;
-ms-flex-order: 2;
order: 2;
font-size: 12px;
line-height: 18px;
font-weight: var(--font-weight-400)
}
@media (max-width:575px) {
.cart-item__error .cart-item__error-text {
font-size: 11px
}
}
.cart-item__error .icon,
.cart-item__error svg {
-ms-flex-order: 1;
order: 1;
position: relative;
top: -1px;
width: 18px;
height: 18px;
min-width: 18px;
margin-right: 6px
}
.cart-item__error-text:empty + svg {
display: none
}
.cart-table-prd .cart-item__error {
-ms-flex-pack: center;
justify-content: center;
padding-top: 5px;
margin: 0 0 -18px
}
.cart-table-prd .cart-item__error .icon,
.cart-table-prd .cart-item__error svg {
top: 0
}
@media (max-width:767px) {
.cart-table-prd .cart-item__error {
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 120px
}
}
@media (max-width:575px) {
.cart-table-prd .cart-item__error {
margin-left: 0
}
}
.form__message,
.product-form__error-message-wrapper,
.product-form__success-message-wrapper {
font-size: 12px;
line-height: 20px;
font-weight: var(--font-weight-400);
display: -ms-flexbox;
display: flex;
margin: 8px 0 10px;
border: 0;
outline: 0;
color: var(--form-message-color,#6d7175)
}
.form__message .visually-hidden,
.product-form__error-message-wrapper .visually-hidden,
.product-form__success-message-wrapper .visually-hidden {
display: none
}
.form__message + .form-group,
.product-form__error-message-wrapper + .form-group,
.product-form__success-message-wrapper + .form-group {
margin-top: 20px
}
.form__message .icon,
.form__message svg,
.product-form__error-message-wrapper .icon,
.product-form__error-message-wrapper svg,
.product-form__success-message-wrapper .icon,
.product-form__success-message-wrapper svg {
position: relative;
top: 0;
width: 20px;
height: 20px;
min-width: 20px;
margin-right: 6px
}
.form__message.error-lg,
.product-form__error-message-wrapper.error-lg,
.product-form__success-message-wrapper.error-lg {
font-size: 14px
}
.product-form__error-message-wrapper .product-form__error-message,
.product-form__success-message-wrapper .product-form__success-message {
font-size: 12px;
font-weight: var(--font-weight-400)
}
.product-form__error-message-wrapper.error-lg .product-form__error-message,
.product-form__success-message-wrapper.error-lg .product-form__success-message {
font-size: 14px
}
form .errors {
margin: 0 0 25px
}
form .errors ul {
padding: 0;
margin: 0;
font-size: 12px;
line-height: 20px;
font-weight: var(--font-weight-400)
}
form .errors ul li {
margin: 0 0 0 25px;
list-style: inherit;
text-indent: 2px
}
form .errors + .form-group {
margin-top: 20px
}
form .errors.error-lg ul {
font-size: 14px
}
.product-form__error-message-wrapper svg.icon-error circle:last-of-type {
fill: var(--modal-error-icon-color)!important;
stroke: var(--modal-error-icon-color)!important
}
.product-form__error-message-wrapper svg.icon-error path:last-of-type {
stroke: var(--modal-error-icon-color)!important
}
form .article-template__comment-warning {
margin-top: 15px;
font-size: 12px;
line-height: 20px;
font-weight: var(--font-weight-400)
}
.product-form__success-message-wrapper svg path:first-child {
fill: var(--modal-success-icon-color)!important;
stroke: var(--modal-success-icon-color)!important
}
.minicart-drop-fixed .product-form__error-message-wrapper {
text-align: start
}
.minicart-prd.mp--sm .product-form__error-message-wrapper {
margin-top: 12px
}
.minicart-prd.mp--sm .product-form__error-message-wrapper:last-child {
margin-bottom: 0
}
.minicart-prd.mp--sm .product-form__error-message-wrapper .product-form__error-message {
font-size: 12px;
line-height: 18px;
font-weight: var(--font-weight-500)
}
.minicart-prd.mp--sm .product-form__error-message-wrapper .product-form__error-message-close {
top: -5px
}
.minicart-prd.mp--sm .product-form__error-message-wrapper svg {
top: -1px
}
.prd .product-form__error-message-popup {
position: absolute;
background: var(--body-bg);
z-index: 2;
text-align: start;
border-radius: var(--radius-md,16px);
margin: 0;
padding: 20px;
bottom: 70px;
left: 5px;
right: 5px
}
.prd .prd-hover .product-form__error-message-wrapper .product-form__error-message {
display: block;
font-size: 12px;
line-height: 18px;
font-weight: var(--font-weight-500);
text-align: start
}
.prd .prd-hover .product-form__error-message-wrapper svg {
top: -1px
}
.prd .prd-hover .product-form__error-message-wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 100px;
margin: 0;
padding: 24px 20px;
background: var(--body-bg);
z-index: 2;
text-align: start;
border-radius: var(--radius-sm)
}
@media (max-width:1024px) {
.prd.prd--style2 .prd-hover .product-form__error-message-wrapper {
background: var(--body-bg-secondary)
}
}
.prd.prd-w-sm .prd-hover .product-form__error-message-wrapper {
bottom: 95px
}
.prd.prd-w-xs .prd-hover .product-form__error-message-wrapper,
.prd.prd-w-xxs .prd-hover .product-form__error-message-wrapper {
bottom: 90px
}
.prd.prd-hor .prd-hover .product-form__error-message-wrapper {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
bottom: 0;
top: 0;
padding: 20px 20px 20px 10px
}
.prd.prd-hor .prd-hover .product-form__error-message-wrapper > svg {
top: auto;
left: 0;
transform: translateY(10px)
}
.prd.prd-hor .prd-hover .product-form__error-message-wrapper .product-form__error-message {
padding-left: 28px;
transform: translateY(-9px)
}
.prd .product-form__error-message-inside {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.product-form__error-message-close {
position: absolute;
top: 0;
right: 0;
width: 23px;
height: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
cursor: pointer
}
.product-form__error-message-close svg {
max-height: 9px;
top: auto;
margin: 0;
transition: .2s
}
.product-form__error-message-close svg path {
fill: var(--text-color)!important;
stroke: none!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.product-form__error-message-close:hover svg path {
fill: var(--custom-color)!important
}
}
.form-status-list.form__message h3.form-status {
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
font-size: 15px;
line-height: 24px;
font-weight: var(--font-weight-400)
}
.prd-block-info .contact-form {
-ms-flex-order: -10;
order: -10;
margin: 0!important
}
.prd-block-info .contact-form .product-form__error-message-wrapper,
.prd-block-info .contact-form .product-form__success-message-wrapper {
margin: 3px 0 20px!important
}
.rating {
display: inline-block;
margin: 0
}
.rating-star {
--letter-spacing: 0.1;
--font-size: 0.8
}
.rating-star {
--percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
letter-spacing: calc(var(--letter-spacing) * 1rem);
font-size: calc(var(--font-size) * 1.15rem);
line-height: 1;
display: inline-block;
font-family: system-ui;
margin: 0
}
.rating-star::before {
content: '★★★★★';
background: linear-gradient(90deg,var(--product-rating-fill-color) var(--percent),var(--product-rating-color) var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.rating-text {
display: none
}
.rating-count {
display: inline-block;
margin: 0
}
@media (forced-colors:active) {
.rating {
display: none
}
.rating-text {
display: block
}
}
.prd-rating .rating > span:last-child {
top: -2px
}
.page-search,
.post-search {
width: 100%;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
pointer-events: all;
will-change: transform
}
.page-search-name,
.post-search-name {
margin: 0
}
.page-search-name a,
.post-search-name a {
font-size: 14px;
font-weight: var(--font-weight-400);
line-height: 18px;
position: relative;
display: block;
overflow: hidden;
max-height: calc(18px * var(--max-lines));
--max-lines: 2;
text-decoration: none;
color: var(--product-card-link-color);
text-align: center
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.page-search-name a:hover,
.post-search-name a:hover {
color: var(--product-card-link-hover-color)
}
}
.page-search .image-container,
.post-search .image-container {
width: 100%;
border-radius: var(--radius-md,16px);
padding-bottom: var(--padding-bottom,var(--product-aspect-ratio))
}
.swiper-slide > .page-search,
.swiper-slide > .post-search {
height: fit-content
}
.searchmodal .page-search-name a,
.searchmodal .post-search-name a,
.searchmodal-bottom .page-search-name a,
.searchmodal-bottom .post-search-name a {
color: var(--body-link-secondary-color)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.searchmodal .page-search-name a:hover,
.searchmodal .post-search-name a:hover,
.searchmodal-bottom .page-search-name a:hover,
.searchmodal-bottom .post-search-name a:hover {
color: var(--body-link-secondary-color-hover)
}
}
.post-search-image img {
opacity: 1;
transition: opacity .2s;
object-fit: cover;
border-radius: var(--radius-md,16px)
}
.post-search-bot {
min-height: 72px;
padding: 10px 0 0;
text-align: center
}
.swiper-slide .post-search-bot {
padding: 10px 5px;
min-height: 0
}
.page-search-grid.style1,
.post-search-grid.style1 {
display: block;
height: auto!important;
border-radius: var(--radius-md,16px);
background-color: var(--product-card-bg);
transition: box-shadow .2s;
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,var(--global-box-shadow,.04)))
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.page-search-grid.style1:hover,
.post-search-grid.style1:hover {
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
}
@media (max-width:575px) {
.page-search-grid.style1,
.post-search-grid.style1 {
box-shadow: 0 0 10px rgba(0,0,0,var(--global-box-shadow,.04))
}
.page-search-grid.style1:hover,
.post-search-grid.style1:hover {
box-shadow: 0 0 10px rgba(0,0,0,calc(var(--global-box-shadow,.04) + var(--global-box-shadow-darker,.1)))
}
}
.page-search-grid.style1 .page-search-grid-bot,
.post-search-grid.style1 .post-search-grid-bot {
padding: 22px 20px 20px;
background: var(--product-card-bg)
}
.page-search-grid.style2 .page-search-grid-bot,
.post-search-grid.style2 .post-search-grid-bot {
padding: 20px 20px 15px
}
.page-search-grid.style2 .page-search-grid-hover,
.post-search-grid.style2 .post-search-grid-hover {
bottom: 15px
}
@media (min-width:1025px) {
.prd-grid:not([class*=grid_list]) .post-search-grid.style2:hover {
background-color: var(--product-card-bg)
}
.prd-grid:not([class*=grid_list]) .post-search-grid.style2:hover .post-search-grid-bot {
background: var(--product-card-bg);
transition: transform .45s cubic-bezier(0,1,.3,1) 50ms
}
.prd-grid:not([class*=grid_list]) .page-search-grid.style2:hover {
background-color: var(--product-card-bg)
}
.prd-grid:not([class*=grid_list]) .page-search-grid.style2:hover .page-search-grid-bot {
background: var(--product-card-bg);
transition: transform .45s cubic-bezier(0,1,.3,1) 50ms
}
.page-search-grid.style2:hover .page-search-grid-hover,
.post-search-grid.style2:hover .post-search-grid-hover {
transform: translateY(-2px)
}
}
.page-search-grid-hover .page-search-grid-name,
.post-search-grid-hover .post-search-grid-name {
display: none
}
.page-search-description,
.post-search-description {
display: none
}
@media (max-width:767px) {
.row.grid_list_sm .page-search-grid,
.row.grid_list_sm .post-search-grid {
display: -ms-flexbox;
display: flex
}
.row.grid_list_sm .page-search-grid.style1,
.row.grid_list_sm .post-search-grid.style1 {
padding: 20px
}
.row.grid_list_sm .page-search-grid.style2,
.row.grid_list_sm .post-search-grid.style2 {
background: 0 0!important
}
.row.grid_list_sm .page-search-description,
.row.grid_list_sm .post-search-description {
display: block;
margin-bottom: 15px;
font-size: 15px;
line-height: 1.55em;
text-align: start;
color: var(--product-card-description-color)
}
.row.grid_list_sm .page-search-description:empty,
.row.grid_list_sm .post-search-description:empty {
display: none
}
.row.grid_list_sm .page-search-description:empty + *,
.row.grid_list_sm .post-search-description:empty + * {
margin-top: 5px
}
}
@media (max-width:767px) and (max-width:575px) {
.row.grid_list_sm .page-search-description,
.row.grid_list_sm .post-search-description {
display: none
}
.row.grid_list_sm .page-search-description:not(:empty) + *,
.row.grid_list_sm .post-search-description:not(:empty) + * {
margin-top: 5px
}
}
@media (max-width:767px) {
.row.grid_list_sm .page-search-grid-hover,
.row.grid_list_sm .post-search-grid-hover {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 330px);
padding: 0;
position: static;
opacity: 1;
transform: none!important
}
}
@media (max-width:767px) and (max-width:767px) {
.row.grid_list_sm .page-search-grid-hover,
.row.grid_list_sm .post-search-grid-hover {
width: calc(100% - 250px)
}
}
@media (max-width:767px) and (max-width:575px) {
.row.grid_list_sm .page-search-grid-hover,
.row.grid_list_sm .post-search-grid-hover {
width: calc(100% - 180px)
}
}
@media (max-width:767px) {
.row.grid_list_sm .page-search-grid-hover .btn,
.row.grid_list_sm .post-search-grid-hover .btn {
display: -ms-grid;
display: grid;
width: fit-content!important;
min-width: 140px
}
.row.grid_list_sm .post-search-grid-name {
margin-bottom: 20px
}
.row.grid_list_sm .page-search-grid-hover .page-search-grid-name,
.row.grid_list_sm .post-search-grid-hover .post-search-grid-name {
display: block;
margin-bottom: 15px;
text-align: start
}
.row.grid_list_sm .page-search-grid .image-container,
.row.grid_list_sm .post-search-grid .image-container {
width: 300px;
height: calc(300px * .01 * var(--aspect-ratio));
margin-right: 30px;
padding: 0;
border-radius: var(--radius-md,16px)
}
}
@media (max-width:767px) and (max-width:1199px) {
.row.grid_list_sm .page-search-grid .image-container,
.row.grid_list_sm .post-search-grid .image-container {
width: 260px;
height: calc(260px * .01 * var(--aspect-ratio))
}
}
@media (max-width:767px) and (max-width:1024px) {
.row.grid_list_sm .page-search-grid .image-container,
.row.grid_list_sm .post-search-grid .image-container {
width: 220px;
height: calc(220px * .01 * var(--aspect-ratio))
}
}
@media (max-width:767px) and (max-width:767px) {
.row.grid_list_sm .page-search-grid .image-container,
.row.grid_list_sm .post-search-grid .image-container {
width: 180px;
height: calc(180px * .01 * var(--aspect-ratio));
margin-right: 20px
}
}
@media (max-width:767px) and (max-width:575px) {
.row.grid_list_sm .page-search-grid .image-container,
.row.grid_list_sm .post-search-grid .image-container {
width: 110px;
height: calc(110px * .01 * var(--aspect-ratio));
margin-right: 15px
}
}
@media (max-width:767px) {
.row.grid_list_sm .page-search-grid-bot,
.row.grid_list_sm .post-search-grid-bot {
display: none
}
.row.grid_list_sm .post-search-grid-image {
position: relative
}
.row.grid_list_sm .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_sm .post-search-grid-image .post-search-grid .image-container {
margin-right: 30px
}
}
@media (max-width:767px) and (max-width:767px) {
.row.grid_list_sm .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_sm .post-search-grid-image .post-search-grid .image-container {
margin-right: 20px
}
}
@media (max-width:767px) and (max-width:575px) {
.row.grid_list_sm .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_sm .post-search-grid-image .post-search-grid .image-container {
margin-right: 20px
}
}
@media (max-width:767px) {
.row.grid_list_sm .page-icon {
width: auto
}
}
@media (min-width:768px) and (max-width:1199px) {
.row.grid_list_md .page-search-grid,
.row.grid_list_md .post-search-grid {
display: -ms-flexbox;
display: flex
}
.row.grid_list_md .page-search-grid.style1,
.row.grid_list_md .post-search-grid.style1 {
padding: 20px
}
.row.grid_list_md .page-search-grid.style2,
.row.grid_list_md .post-search-grid.style2 {
background: 0 0!important
}
.row.grid_list_md .page-search-description,
.row.grid_list_md .post-search-description {
display: block;
margin-bottom: 15px;
font-size: 15px;
line-height: 1.55em;
text-align: start;
color: var(--product-card-description-color)
}
.row.grid_list_md .page-search-description:empty,
.row.grid_list_md .post-search-description:empty {
display: none
}
.row.grid_list_md .page-search-description:empty + *,
.row.grid_list_md .post-search-description:empty + * {
margin-top: 5px
}
}
@media (min-width:768px) and (max-width:1199px) and (max-width:575px) {
.row.grid_list_md .page-search-description,
.row.grid_list_md .post-search-description {
display: none
}
.row.grid_list_md .page-search-description:not(:empty) + *,
.row.grid_list_md .post-search-description:not(:empty) + * {
margin-top: 5px
}
}
@media (min-width:768px) and (max-width:1199px) {
.row.grid_list_md .page-search-grid-hover,
.row.grid_list_md .post-search-grid-hover {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 330px);
padding: 0;
position: static;
opacity: 1;
transform: none!important
}
}
@media (min-width:768px) and (max-width:1199px) and (max-width:767px) {
.row.grid_list_md .page-search-grid-hover,
.row.grid_list_md .post-search-grid-hover {
width: calc(100% - 250px)
}
}
@media (min-width:768px) and (max-width:1199px) and (max-width:575px) {
.row.grid_list_md .page-search-grid-hover,
.row.grid_list_md .post-search-grid-hover {
width: calc(100% - 180px)
}
}
@media (min-width:768px) and (max-width:1199px) {
.row.grid_list_md .page-search-grid-hover .btn,
.row.grid_list_md .post-search-grid-hover .btn {
display: -ms-grid;
display: grid;
width: fit-content!important;
min-width: 140px
}
.row.grid_list_md .post-search-grid-name {
margin-bottom: 20px
}
.row.grid_list_md .page-search-grid-hover .page-search-grid-name,
.row.grid_list_md .post-search-grid-hover .post-search-grid-name {
display: block;
margin-bottom: 15px;
text-align: start
}
.row.grid_list_md .page-search-grid .image-container,
.row.grid_list_md .post-search-grid .image-container {
width: 300px;
height: calc(300px * .01 * var(--aspect-ratio));
margin-right: 30px;
padding: 0;
border-radius: var(--radius-md,16px)
}
}
@media (min-width:768px) and (max-width:1199px) and (max-width:1199px) {
.row.grid_list_md .page-search-grid .image-container,
.row.grid_list_md .post-search-grid .image-container {
width: 260px;
height: calc(260px * .01 * var(--aspect-ratio))
}
}
@media (min-width:768px) and (max-width:1199px) and (max-width:1024px) {
.row.grid_list_md .page-search-grid .image-container,
.row.grid_list_md .post-search-grid .image-container {
width: 220px;
height: calc(220px * .01 * var(--aspect-ratio))
}
}
@media (min-width:768px) and (max-width:1199px) and (max-width:767px) {
.row.grid_list_md .page-search-grid .image-container,
.row.grid_list_md .post-search-grid .image-container {
width: 180px;
height: calc(180px * .01 * var(--aspect-ratio));
margin-right: 20px
}
}
@media (min-width:768px) and (max-width:1199px) and (max-width:575px) {
.row.grid_list_md .page-search-grid .image-container,
.row.grid_list_md .post-search-grid .image-container {
width: 110px;
height: calc(110px * .01 * var(--aspect-ratio));
margin-right: 15px
}
}
@media (min-width:768px) and (max-width:1199px) {
.row.grid_list_md .page-search-grid-bot,
.row.grid_list_md .post-search-grid-bot {
display: none
}
.row.grid_list_md .post-search-grid-image {
position: relative
}
.row.grid_list_md .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_md .post-search-grid-image .post-search-grid .image-container {
margin-right: 30px
}
}
@media (min-width:768px) and (max-width:1199px) and (max-width:767px) {
.row.grid_list_md .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_md .post-search-grid-image .post-search-grid .image-container {
margin-right: 20px
}
}
@media (min-width:768px) and (max-width:1199px) and (max-width:575px) {
.row.grid_list_md .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_md .post-search-grid-image .post-search-grid .image-container {
margin-right: 20px
}
}
@media (min-width:768px) and (max-width:1199px) {
.row.grid_list_md .page-icon {
width: auto
}
}
@media (min-width:1200px) {
.row.grid_list_xl .page-search-grid,
.row.grid_list_xl .post-search-grid {
display: -ms-flexbox;
display: flex
}
.row.grid_list_xl .page-search-grid.style1,
.row.grid_list_xl .post-search-grid.style1 {
padding: 20px
}
.row.grid_list_xl .page-search-grid.style2,
.row.grid_list_xl .post-search-grid.style2 {
background: 0 0!important
}
.row.grid_list_xl .page-search-description,
.row.grid_list_xl .post-search-description {
display: block;
margin-bottom: 15px;
font-size: 15px;
line-height: 1.55em;
text-align: start;
color: var(--product-card-description-color)
}
.row.grid_list_xl .page-search-description:empty,
.row.grid_list_xl .post-search-description:empty {
display: none
}
.row.grid_list_xl .page-search-description:empty + *,
.row.grid_list_xl .post-search-description:empty + * {
margin-top: 5px
}
}
@media (min-width:1200px) and (max-width:575px) {
.row.grid_list_xl .page-search-description,
.row.grid_list_xl .post-search-description {
display: none
}
.row.grid_list_xl .page-search-description:not(:empty) + *,
.row.grid_list_xl .post-search-description:not(:empty) + * {
margin-top: 5px
}
}
@media (min-width:1200px) {
.row.grid_list_xl .page-search-grid-hover,
.row.grid_list_xl .post-search-grid-hover {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 330px);
padding: 0;
position: static;
opacity: 1;
transform: none!important
}
}
@media (min-width:1200px) and (max-width:767px) {
.row.grid_list_xl .page-search-grid-hover,
.row.grid_list_xl .post-search-grid-hover {
width: calc(100% - 250px)
}
}
@media (min-width:1200px) and (max-width:575px) {
.row.grid_list_xl .page-search-grid-hover,
.row.grid_list_xl .post-search-grid-hover {
width: calc(100% - 180px)
}
}
@media (min-width:1200px) {
.row.grid_list_xl .page-search-grid-hover .btn,
.row.grid_list_xl .post-search-grid-hover .btn {
display: -ms-grid;
display: grid;
width: fit-content!important;
min-width: 140px
}
.row.grid_list_xl .post-search-grid-name {
margin-bottom: 20px
}
.row.grid_list_xl .page-search-grid-hover .page-search-grid-name,
.row.grid_list_xl .post-search-grid-hover .post-search-grid-name {
display: block;
margin-bottom: 15px;
text-align: start
}
.row.grid_list_xl .page-search-grid .image-container,
.row.grid_list_xl .post-search-grid .image-container {
width: 300px;
height: calc(300px * .01 * var(--aspect-ratio));
margin-right: 30px;
padding: 0;
border-radius: var(--radius-md,16px)
}
}
@media (min-width:1200px) and (max-width:1199px) {
.row.grid_list_xl .page-search-grid .image-container,
.row.grid_list_xl .post-search-grid .image-container {
width: 260px;
height: calc(260px * .01 * var(--aspect-ratio))
}
}
@media (min-width:1200px) and (max-width:1024px) {
.row.grid_list_xl .page-search-grid .image-container,
.row.grid_list_xl .post-search-grid .image-container {
width: 220px;
height: calc(220px * .01 * var(--aspect-ratio))
}
}
@media (min-width:1200px) and (max-width:767px) {
.row.grid_list_xl .page-search-grid .image-container,
.row.grid_list_xl .post-search-grid .image-container {
width: 180px;
height: calc(180px * .01 * var(--aspect-ratio));
margin-right: 20px
}
}
@media (min-width:1200px) and (max-width:575px) {
.row.grid_list_xl .page-search-grid .image-container,
.row.grid_list_xl .post-search-grid .image-container {
width: 110px;
height: calc(110px * .01 * var(--aspect-ratio));
margin-right: 15px
}
}
@media (min-width:1200px) {
.row.grid_list_xl .page-search-grid-bot,
.row.grid_list_xl .post-search-grid-bot {
display: none
}
.row.grid_list_xl .post-search-grid-image {
position: relative
}
.row.grid_list_xl .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_xl .post-search-grid-image .post-search-grid .image-container {
margin-right: 30px
}
}
@media (min-width:1200px) and (max-width:767px) {
.row.grid_list_xl .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_xl .post-search-grid-image .post-search-grid .image-container {
margin-right: 20px
}
}
@media (min-width:1200px) and (max-width:575px) {
.row.grid_list_xl .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_xl .post-search-grid-image .post-search-grid .image-container {
margin-right: 20px
}
}
@media (min-width:1200px) {
.row.grid_list_xl .page-icon {
width: auto
}
}
@media (min-width:1466px) {
.row.grid_list_xxl .page-search-grid,
.row.grid_list_xxl .post-search-grid {
display: -ms-flexbox;
display: flex
}
.row.grid_list_xxl .page-search-grid.style1,
.row.grid_list_xxl .post-search-grid.style1 {
padding: 20px
}
.row.grid_list_xxl .page-search-grid.style2,
.row.grid_list_xxl .post-search-grid.style2 {
background: 0 0!important
}
.row.grid_list_xxl .page-search-description,
.row.grid_list_xxl .post-search-description {
display: block;
margin-bottom: 15px;
font-size: 15px;
line-height: 1.55em;
text-align: start;
color: var(--product-card-description-color)
}
.row.grid_list_xxl .page-search-description:empty,
.row.grid_list_xxl .post-search-description:empty {
display: none
}
.row.grid_list_xxl .page-search-description:empty + *,
.row.grid_list_xxl .post-search-description:empty + * {
margin-top: 5px
}
}
@media (min-width:1466px) and (max-width:575px) {
.row.grid_list_xxl .page-search-description,
.row.grid_list_xxl .post-search-description {
display: none
}
.row.grid_list_xxl .page-search-description:not(:empty) + *,
.row.grid_list_xxl .post-search-description:not(:empty) + * {
margin-top: 5px
}
}
@media (min-width:1466px) {
.row.grid_list_xxl .page-search-grid-hover,
.row.grid_list_xxl .post-search-grid-hover {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 330px);
padding: 0;
position: static;
opacity: 1;
transform: none!important
}
}
@media (min-width:1466px) and (max-width:767px) {
.row.grid_list_xxl .page-search-grid-hover,
.row.grid_list_xxl .post-search-grid-hover {
width: calc(100% - 250px)
}
}
@media (min-width:1466px) and (max-width:575px) {
.row.grid_list_xxl .page-search-grid-hover,
.row.grid_list_xxl .post-search-grid-hover {
width: calc(100% - 180px)
}
}
@media (min-width:1466px) {
.row.grid_list_xxl .page-search-grid-hover .btn,
.row.grid_list_xxl .post-search-grid-hover .btn {
display: -ms-grid;
display: grid;
width: fit-content!important;
min-width: 140px
}
.row.grid_list_xxl .post-search-grid-name {
margin-bottom: 20px
}
.row.grid_list_xxl .page-search-grid-hover .page-search-grid-name,
.row.grid_list_xxl .post-search-grid-hover .post-search-grid-name {
display: block;
margin-bottom: 15px;
text-align: start
}
.row.grid_list_xxl .page-search-grid .image-container,
.row.grid_list_xxl .post-search-grid .image-container {
width: 300px;
height: calc(300px * .01 * var(--aspect-ratio));
margin-right: 30px;
padding: 0;
border-radius: var(--radius-md,16px)
}
}
@media (min-width:1466px) and (max-width:1199px) {
.row.grid_list_xxl .page-search-grid .image-container,
.row.grid_list_xxl .post-search-grid .image-container {
width: 260px;
height: calc(260px * .01 * var(--aspect-ratio))
}
}
@media (min-width:1466px) and (max-width:1024px) {
.row.grid_list_xxl .page-search-grid .image-container,
.row.grid_list_xxl .post-search-grid .image-container {
width: 220px;
height: calc(220px * .01 * var(--aspect-ratio))
}
}
@media (min-width:1466px) and (max-width:767px) {
.row.grid_list_xxl .page-search-grid .image-container,
.row.grid_list_xxl .post-search-grid .image-container {
width: 180px;
height: calc(180px * .01 * var(--aspect-ratio));
margin-right: 20px
}
}
@media (min-width:1466px) and (max-width:575px) {
.row.grid_list_xxl .page-search-grid .image-container,
.row.grid_list_xxl .post-search-grid .image-container {
width: 110px;
height: calc(110px * .01 * var(--aspect-ratio));
margin-right: 15px
}
}
@media (min-width:1466px) {
.row.grid_list_xxl .page-search-grid-bot,
.row.grid_list_xxl .post-search-grid-bot {
display: none
}
.row.grid_list_xxl .post-search-grid-image {
position: relative
}
.row.grid_list_xxl .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_xxl .post-search-grid-image .post-search-grid .image-container {
margin-right: 30px
}
}
@media (min-width:1466px) and (max-width:767px) {
.row.grid_list_xxl .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_xxl .post-search-grid-image .post-search-grid .image-container {
margin-right: 20px
}
}
@media (min-width:1466px) and (max-width:575px) {
.row.grid_list_xxl .post-search-grid-image .page-search-grid .image-container,
.row.grid_list_xxl .post-search-grid-image .post-search-grid .image-container {
margin-right: 20px
}
}
@media (min-width:1466px) {
.row.grid_list_xxl .page-icon {
width: auto
}
}
.page-search-grid,
.post-search-grid {
display: block;
position: relative;
overflow: hidden;
height: auto!important;
border-radius: var(--radius-md,16px)
}
.page-search-grid-name,
.post-search-grid-name {
display: -ms-inline-flexbox;
display: inline-flex;
font-size: var(--product-card-name-size);
font-weight: var(--product-card-name-weight);
line-height: 21px;
text-align: center;
text-decoration: none;
color: var(--product-card-link-color)
}
@media (min-width:1025px) {
.page-search-grid-name:hover,
.post-search-grid-name:hover {
color: var(--product-card-link-hover-color)
}
}
.page-search-grid-bot,
.post-search-grid-bot {
border-radius: var(--radius-md,16px);
z-index: 1;
position: relative;
transition: none;
transform: translateY(0);
text-align: center
}
@media (min-width:1025px) {
.page-search-grid-hover,
.post-search-grid-hover {
overflow: hidden;
transform: translateY(59px);
position: absolute;
z-index: 10;
left: 20px;
right: 20px;
bottom: 0
}
.page-search-grid:hover .page-search-grid-bot,
.page-search-grid:hover .post-search-grid-bot,
.post-search-grid:hover .page-search-grid-bot,
.post-search-grid:hover .post-search-grid-bot {
transform: translateY(-62px);
transition: transform .45s cubic-bezier(0,1,.3,1) 50ms
}
.page-search-grid:hover .page-search-grid-hover,
.page-search-grid:hover .post-search-grid-hover,
.post-search-grid:hover .page-search-grid-hover,
.post-search-grid:hover .post-search-grid-hover {
transform: translateY(-27px);
transition: transform .45s cubic-bezier(0,1,.3,1) 50ms;
opacity: 1
}
}
@media (max-width:1024px) {
.page-search-grid-hover,
.post-search-grid-hover {
padding: 0 20px 25px
}
}
.page-search-grid .image-container,
.post-search-grid .image-container {
width: 100%;
border-radius: var(--radius-md,16px);
padding-bottom: var(--padding-bottom,var(--product-aspect-ratio));
transition: opacity .2s
}
@media (min-width:1025px) {
.page-search-grid.style2 .page-search-grid-bot,
.post-search-grid.style2 .post-search-grid-bot {
min-height: 54px;
background: var(--body-bg)
}
.page-search-grid.style2:hover,
.post-search-grid.style2:hover {
background-color: var(--product-card-bg)
}
.page-search-grid.style2:hover .page-search-grid-bot,
.post-search-grid.style2:hover .post-search-grid-bot {
transform: translateY(calc(-100% + 10px));
background-color: var(--product-card-bg)
}
}
.prd-w-sm.page-search-grid .btn,
.prd-w-sm.post-search-grid .btn,
.prd-w-xs.page-search-grid .btn,
.prd-w-xs.post-search-grid .btn,
.prd-w-xxs.page-search-grid .btn,
.prd-w-xxs.post-search-grid .btn {
width: 100%
}
.prd-w-sm.page-search-grid.style1 .page-search-grid-bot,
.prd-w-sm.post-search-grid.style1 .post-search-grid-bot,
.prd-w-xs.page-search-grid.style1 .page-search-grid-bot,
.prd-w-xs.post-search-grid.style1 .post-search-grid-bot,
.prd-w-xxs.page-search-grid.style1 .page-search-grid-bot,
.prd-w-xxs.post-search-grid.style1 .post-search-grid-bot {
padding: 20px 10px 18px
}
.prd-w-sm.page-search-grid.style1 .page-search-grid-hover,
.prd-w-sm.post-search-grid.style1 .post-search-grid-hover,
.prd-w-xs.page-search-grid.style1 .page-search-grid-hover,
.prd-w-xs.post-search-grid.style1 .post-search-grid-hover,
.prd-w-xxs.page-search-grid.style1 .page-search-grid-hover,
.prd-w-xxs.post-search-grid.style1 .post-search-grid-hover {
padding: 0 10px 10px
}
.prd-w-sm.page-search-grid.style2 .page-search-grid-bot,
.prd-w-sm.post-search-grid.style2 .post-search-grid-bot,
.prd-w-xs.page-search-grid.style2 .page-search-grid-bot,
.prd-w-xs.post-search-grid.style2 .post-search-grid-bot,
.prd-w-xxs.page-search-grid.style2 .page-search-grid-bot,
.prd-w-xxs.post-search-grid.style2 .post-search-grid-bot {
padding: 20px 10px 0
}
@media (min-width:1025px) {
.prd-w-sm.page-search-grid.style1 .page-search-grid-hover,
.prd-w-sm.post-search-grid.style1 .post-search-grid-hover,
.prd-w-xs.page-search-grid.style1 .page-search-grid-hover,
.prd-w-xs.post-search-grid.style1 .post-search-grid-hover,
.prd-w-xxs.page-search-grid.style1 .page-search-grid-hover,
.prd-w-xxs.post-search-grid.style1 .post-search-grid-hover {
padding: 0
}
.prd-w-sm.page-search-grid.style1:hover .page-search-grid-bot,
.prd-w-sm.post-search-grid.style1:hover .post-search-grid-bot,
.prd-w-xs.page-search-grid.style1:hover .page-search-grid-bot,
.prd-w-xs.post-search-grid.style1:hover .post-search-grid-bot,
.prd-w-xxs.page-search-grid.style1:hover .page-search-grid-bot,
.prd-w-xxs.post-search-grid.style1:hover .post-search-grid-bot {
transform: translateY(-54px)
}
.prd-w-sm.page-search-grid.style1:hover .page-search-grid-hover,
.prd-w-sm.post-search-grid.style1:hover .post-search-grid-hover,
.prd-w-xs.page-search-grid.style1:hover .page-search-grid-hover,
.prd-w-xs.post-search-grid.style1:hover .post-search-grid-hover,
.prd-w-xxs.page-search-grid.style1:hover .page-search-grid-hover,
.prd-w-xxs.post-search-grid.style1:hover .post-search-grid-hover {
transform: translateY(-15px)
}
.prd-w-sm.page-search-grid.style2:hover .page-search-grid-hover,
.prd-w-sm.post-search-grid.style2:hover .post-search-grid-hover,
.prd-w-xs.page-search-grid.style2:hover .page-search-grid-hover,
.prd-w-xs.post-search-grid.style2:hover .post-search-grid-hover,
.prd-w-xxs.page-search-grid.style2:hover .page-search-grid-hover,
.prd-w-xxs.post-search-grid.style2:hover .post-search-grid-hover {
transform: translateY(10px)
}
}
@media (max-width:1024px) {
.prd-w-sm.page-search-grid.style2 .page-search-grid-hover,
.prd-w-sm.post-search-grid.style2 .post-search-grid-hover,
.prd-w-xs.page-search-grid.style2 .page-search-grid-hover,
.prd-w-xs.post-search-grid.style2 .post-search-grid-hover,
.prd-w-xxs.page-search-grid.style2 .page-search-grid-hover,
.prd-w-xxs.post-search-grid.style2 .post-search-grid-hover {
padding: 15px 0 0
}
}
.page-icon {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
text-decoration: none;
border-radius: var(--radius-md,16px)
}
.page-icon {
color: #777c81
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.page-icon:hover {
color: #777c81
}
}
.page-icon .image-container {
opacity: 1;
transition: opacity .2s
}
.page-icon.image-container {
height: 0;
transition: opacity .2s
}
.page-icon svg {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 25px);
width: 50px;
height: 50px
}
.page-icon svg path {
fill: #777c81!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.page-icon:hover svg path {
fill: #777c81!important
}
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
swiper-carousel .page-icon:hover .image-container {
opacity: .75
}
}
.post-search-date {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
top: 10px;
left: 10px;
width: 1em;
height: 1em;
color: var(--post-search_date-color);
background-color: var(--post-search_date-bg);
border-radius: calc(var(--radius-xl) * .4);
z-index: 2;
font-size: 43px
}
.post-search-date span:first-child {
font-size: .5em;
line-height: 1em;
font-weight: var(--font-weight-700)
}
.post-search-date span:last-child {
margin-top: 2px;
font-size: .24em;
line-height: 1em;
font-weight: var(--font-weight-600)
}
@media (max-width:575px) {
.post-search-date {
top: 7px;
left: 7px;
font-size: 40px
}
}
.page-search-bot {
min-height: 72px;
padding: 10px 0 0;
text-align: center
}
.swiper-slide .page-search-bot {
padding: 10px 5px;
min-height: 0
}
.searchmodal .predictive-search_ .predictive-search-info,
.searchmodal .predictive-search_ [data-close-predictive] {
display: none!important
}
.predictive-search_ .swiper-slide[aria-selected=true] {
--global-box-shadow: var(--secondary-box-shadow, 0.08)
}
.predictive-search_ .swiper-slide[aria-selected=true] .page-search,
.predictive-search_ .swiper-slide[aria-selected=true] .post-search,
.predictive-search_ .swiper-slide[aria-selected=true] .prd {
border-radius: var(--radius-md,16px);
background-color: var(--modal-bg);
transition: box-shadow .2s;
box-shadow: 0 3px 12px rgba(0,0,0,var(--global-box-shadow,.12))
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.predictive-search_ .swiper-slide[aria-selected=true] .page-search:hover,
.predictive-search_ .swiper-slide[aria-selected=true] .post-search:hover,
.predictive-search_ .swiper-slide[aria-selected=true] .prd:hover {
box-shadow: 0 0 12px rgba(0,0,0,calc(var(--global-box-shadow,.12) + var(--global-box-shadow-darker,.1)))
}
}
.predictive-search_ .swiper-slide[aria-selected=true] .prd:not(:hover) .prd-image-wrap .prd-image > img {
transform: scale(1.1)
}
.predictive-search_ .swiper-slide[aria-selected=true] .page-search:not(:hover) .image-container > img,
.predictive-search_ .swiper-slide[aria-selected=true] .post-search:not(:hover) .image-container > img {
transform: scale(1.1)
}
.page-content .predictive-search_ {
position: absolute;
top: -1000vh;
opacity: 0;
left: -15px;
right: -15px;
background: var(--modal-bg);
padding: 0 50px 45px;
border-radius: var(--radius-md,16px);
transition: box-shadow .2s;
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.12));
transition: transform .5s cubic-bezier(0,1,.3,1) 50ms,opacity .3s cubic-bezier(0,1,.3,1) 50ms;
transform: translateY(100px)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.page-content .predictive-search_:hover {
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.12) + var(--global-box-shadow-darker,.1)))
}
}
.page-content .predictive-search_ .predictive-search-info,
.page-content .predictive-search_ [data-close-predictive] {
display: block
}
.page-content .predictive-search_ .fancybox-close-small {
top: 5px;
right: 5px
}
@media (max-width:575px) {
.page-content .predictive-search_ .fancybox-close-small {
display: none
}
}
.page-content .predictive-search_ .swiper-container-prd-carousel {
padding-bottom: 15px
}
@media (max-width:1199px) {
.page-content .predictive-search_ {
padding: 0 30px 45px
}
}
@media (max-width:1024px) {
.page-content .predictive-search_ {
padding: 0 30px 35px
}
.page-content .predictive-search_ .predictive-search-info {
display: none
}
}
@media (max-width:575px) {
.page-content .predictive-search_ {
padding: 0 0 25px
}
}
.hdr-open-search button.icon-btn .loading-overlay__spinner:not(.hidden) + span {
opacity: 0
}
.hdr-open-search [data-load] {
background-color: transparent
}
.hdr-open-search [data-load=loading]:after {
background-color: currentColor
}
.hdr-open-search .predictive-search_ {
position: absolute;
top: -1000vh;
opacity: 0;
left: -15px;
right: -15px;
background: var(--modal-bg);
color: var(--text-color);
padding: 0 20px 45px;
border-radius: var(--radius-md,16px);
transition: box-shadow .2s;
box-shadow: 0 0 14px rgba(0,0,0,var(--global-box-shadow,.12));
transition: transform .5s cubic-bezier(0,1,.3,1) 50ms,opacity .3s cubic-bezier(0,1,.3,1) 50ms;
transform: translateY(100px)
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.hdr-open-search .predictive-search_:hover {
box-shadow: 0 0 14px rgba(0,0,0,calc(var(--global-box-shadow,.12) + var(--global-box-shadow-darker,.1)))
}
}
.hdr-open-search .predictive-search_ .predictive-search-info,
.hdr-open-search .predictive-search_ [data-close-predictive] {
display: block
}
.hdr-open-search .predictive-search_ .fancybox-close-small {
top: 5px;
right: 5px
}
@media (max-width:575px) {
.hdr-open-search .predictive-search_ .fancybox-close-small {
display: none
}
}
.hdr-open-search .predictive-search_ .swiper-container-prd-carousel {
padding-bottom: 15px
}
@media (max-width:1199px) {
.hdr-open-search .predictive-search_ {
padding: 0 0 45px
}
}
@media (max-width:1024px) {
.hdr-open-search .predictive-search_ {
padding: 0 0 35px
}
.hdr-open-search .predictive-search_ .predictive-search-info {
display: none
}
}
@media (max-width:575px) {
.hdr-open-search .predictive-search_ {
padding: 0 0 25px
}
}
.page-content .predictive-search_ {
left: -15px;
right: -15px
}
@media (max-width:575px) {
.page-content .predictive-search_ {
left: 0;
right: 0
}
}
@media (max-width:1024px) {
.template-search .page-content .predictive-search_ {
display: none!important
}
.template-search .page-content .card-category-xs-name {
display: none!important
}
}
.hdr-open-search search-page .predictive-search_ {
left: 15px;
right: 15px;
transform: translateY(1px)!important
}
.hdr-open-search search-page .predictive-search_ swiper-carousel {
margin: 0 20px
}
@media (max-width:1024px) {
.hdr-open-search search-page .predictive-search_ swiper-carousel {
margin: 0 10px
}
}
@media (max-width:575px) {
.hdr-open-search search-page .predictive-search_ swiper-carousel {
max-width: 100%
}
}
.hdr-open-search search-page .predictive-search_ swiper-carousel .swiper-container-prd-carousel {
padding: 15px 19px 15px;
margin: -15px 0 -15px
}
@media (max-width:575px) {
.hdr-open-search search-page .predictive-search_ swiper-carousel .swiper-container-prd-carousel {
padding: 15px 10px 15px
}
}
@media (max-width:575px) {
.hdr-open-search search-page .predictive-search_ swiper-carousel .swiper-container-prd-carousel {
padding: 15px 10px 15px
}
}
@media (max-width:767px) {
.hdr-open-search search-page .predictive-search_ {
left: 0;
right: 0;
border-radius: 0 0 var(--radius-md,16px) var(--radius-md,16px)
}
}
@media (max-width:1024px) {
.hdr-open-search search-page .predictive-search_ .searchmodal-bottom {
margin-top: 30px
}
}
.hdr-open-search search-page .predictive-search_ .category-empty {
padding: 0 30px
}
@media (max-width:1024px) {
.has-hdr_sticky .hdr-wrap .hdr .hdr-open-search search-page .predictive-search_,
.hdr.border-0 .hdr-open-search search-page .predictive-search_ {
transform: translateY(-1px)!important
}
}
predictive-search[open=true] .predictive-search_,
search-page[open=true] .predictive-search_ {
top: auto;
opacity: 1;
transform: translateY(15px)
}
.page-content search-page[open=true] .predictive-search_ {
min-height: 220px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
@media (max-width:575px) {
.page-content search-page[open=true] .predictive-search_ {
min-height: 160px
}
}
.holder-search-page {
z-index: 12;
position: relative
}
.holder-search-page .searchmodal-bottom > h2 {
display: none!important
}
.holder-search-page .predictive-search_ .category-empty {
width: calc(100% - 30px);
max-width: 385px;
margin: -20px auto 0!important
}
.holder-search-page .predictive-search_ .category-empty-text + * {
display: none
}
.holder-search-page + .holder p[role=status],
.holder-search-page p[role=status] {
margin-top: 0;
text-align: center
}
predictive-search .row + .predictive-search_ {
margin: 0 15px!important
}
predictive-search strong.highlight {
color: var(--body-link-secondary-color-hover)
}
.predictive-search_ .swiper-slide .prd.prd-simple {
height: fit-content;
margin-bottom: 0
}
.predictive-search_ .swiper-slide .prd.prd-simple.prd--style2 {
margin-bottom: 20px;
padding-bottom: 0
}
.predictive-search_ .swiper-slide .prd.prd-simple .prd-bot {
min-height: 56px;
padding: 10px 5px
}
.fancybox-container .predictive-search_ .category-empty {
width: calc(100% - 30px);
max-width: 385px;
margin: 23px auto 40px
}
.fancybox-container .predictive-search_ swiper-carousel {
max-height: 307px;
opacity: 0;
transition: opacity .2s
}
.fancybox-container .swiper-visible .predictive-search_ swiper-carousel {
max-height: none;
opacity: 1
}
.fancybox-container predictive-search[open=true] .predictive-search_ {
top: auto;
transform: translateY(0);
opacity: 1
}
.swiper-slide[aria-selected=true] .page-search,
.swiper-slide[aria-selected=true] .post-search,
.swiper-slide[aria-selected=true] .prd {
border-radius: var(--radius-md,16px);
box-shadow: 0 3px 12px rgba(0,0,0,var(--global-box-shadow,.12))
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.swiper-slide[aria-selected=true] .page-search:hover,
.swiper-slide[aria-selected=true] .post-search:hover,
.swiper-slide[aria-selected=true] .prd:hover {
box-shadow: 0 3px 12px rgba(0,0,0,calc(var(--global-box-shadow,.12) + var(--global-box-shadow-darker,.1)))
}
}
.predictive-search-info {
position: absolute;
font-size: 11px;
line-height: 18px;
right: 50px;
bottom: 10px
}
.quick-search {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
width: fit-content;
max-width: 420px;
margin: 0 auto;
text-align: start!important
}
.quick-search > span,
.quick-search ul {
font-size: 13px;
line-height: 1.35em
}
@media (max-width:374px) {
.quick-search {
margin: 0
}
.quick-search > span {
width: min-content;
min-width: 83px
}
}
.quick-search span b {
padding: 0 5px 0 0;
font-weight: var(--font-weight-600);
color: var(--body-link-secondary-color)!important
}
.quick-search span.primary-link-strict > mark {
padding: 0;
color: var(--body-link-color)!important;
font-weight: var(--font-weight-500)
}
.quick-search span.primary-link-strict > span {
color: var(--body-link-secondary-color)!important
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.quick-search span.primary-link-strict:hover > span {
color: var(--body-link-color)!important
}
}
.quick-search ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
padding: 0;
list-style: none
}
@media (max-width:600px) {
.quick-search ul {
margin: 0 -5px 0
}
}
.quick-search ul li {
margin-top: 6px
}
.quick-search ul li > span {
padding: 0 9px;
color: var(--body-link-secondary-color);
cursor: pointer
}
@media (max-width:575px) {
.quick-search ul li > span {
padding: 0 7px
}
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.quick-search ul li > span:hover {
color: var(--body-link-secondary-color-hover)
}
}
.page-content .quick-search ul {
max-width: 100%;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 14px -5px 0
}
[data-search-page-results] [role=status]:not(.prd-price) {
display: block;
width: calc(100% - 30px);
max-width: 385px;
margin-left: auto;
margin-right: auto;
text-align: center
}
.template-search .page-content #main-collection-filters .category-page-block {
margin-top: 20px
}
ul.discounts {
font-size: 12px;
line-height: 16px;
color: var(--discount-color)
}
ul.discounts svg {
width: 13px;
top: -1px;
margin-right: 3px
}
.minicart-drop-fixed ul.discounts {
margin-bottom: 5px;
margin-top: -5px
}
.cart-table-prd-discount {
min-width: 100%;
display: -ms-flexbox;
display: flex;
margin: 12px 0 0;
-ms-flex-pack: center;
justify-content: center
}
@media (max-width:767px) {
.cart-table-prd-discount {
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 120px
}
}
@media (max-width:575px) {
.cart-table-prd-discount {
margin-left: 90px;
margin-top: 8px
}
}
.minicart-prd-discount {
margin-top: -5px;
margin-bottom: 10px
}
@media (max-width:575px) {
.minicart-prd-discount {
margin-bottom: 5px
}
}
:root {
--custom-tabs-list-color: var(--body-link-secondary-color);
--custom-tabs-list-bg: var(--body-bg);
--custom-tabs-list-hover-color: var(--button-color);
--custom-tabs-list-hover-bg: var(--button-bg);
--custom-tabs-list-border-hover-width: var(--button-border-width);
--custom-tabs-list-border-hover-color: var(--button-border-color);
--custom-tabs-list-active-color: var(--button-hover-color);
--custom-tabs-list-active-bg: var(--button-hover-bg);
--custom-tabs-list-active-border-width: var(--button-border-width);
--custom-tabs-list-active-border-color: var(--button-hover-border-color)
}
.addresses-list {
padding: 0;
list-style: none;
text-align: center
}
.addresses-list form label {
width: 100%;
text-align: left
}
.addresses-list > li:first-child {
margin-top: 0
}
.addresses-list > li + li {
margin-top: 80px
}
@media (max-width:767px) {
.addresses-list > li + li {
margin-top: 50px
}
}
.addresses-list .container {
padding: 0
}
[data-address] + .addresses-list {
margin-top: 80px
}
@media (max-width:767px) {
[data-address] + .addresses-list {
margin-top: 50px
}
}
.address-box p {
margin-top: 10px
}
.address-box > .col + .col {
margin-top: 40px
}
@media (max-width:767px) {
.address-box > .col + .col {
margin-top: 30px
}
}
.address-box .text-badge {
position: relative;
top: -1px
}
.address-box p > strong ~ .text-badge {
margin-left: 5px
}
.order-details,
.order-history {
border-color: var(--decor-border-dark-color)
}
.order-details > :not(caption) > * > *,
.order-history > :not(caption) > * > * {
padding: 10px
}
.order-details .cart-discount,
.order-history .cart-discount {
display: -ms-flexbox;
display: flex;
white-space: nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3px 6px;
border-radius: var(--radius-5);
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
letter-spacing: .25px;
background: var(--label-sale-bg);
color: var(--label-sale-color)
}
.order-details .cart-discount svg,
.order-history .cart-discount svg {
width: 16px;
height: 16px;
margin-right: 4px;
position: relative
}
.order-details .cart-discount svg path,
.order-history .cart-discount svg path {
fill: var(--label-sale-color)!important
}
@media (min-width:768px) {
.order-details,
.order-history {
min-width: 100%
}
.order-history tbody td:last-child,
.order-history thead th:last-child {
text-align: right
}
.order-details.table-rounded-corners.table-bordered > tbody > :last-child > * {
border-top: 0;
border-top: 1px solid var(--table-border-color);
border-bottom: 1px solid var(--table-border-color)
}
.order-details tbody td,
.order-details thead th {
text-align: center
}
.order-details tbody td:first-child,
.order-details thead th:first-child {
text-align: left
}
.order-details tbody td:last-child,
.order-details thead th:last-child {
text-align: right
}
.order-details tfoot tr:first-child td {
padding-top: 10px
}
.order-details tfoot tr:nth-last-child(2) td {
padding-bottom: 10px
}
.order-details tfoot tr:last-child td {
padding-bottom: 10px;
padding-top: 10px;
border-top: 1px solid var(--table-border-color)
}
.order-details tfoot tr:not(:last-child) {
border-top: 0;
border-bottom: 0;
border-color: transparent
}
.order-details tfoot td {
padding-top: 3px;
padding-bottom: 3px;
border-top: 0;
border-bottom: 0
}
.order-details tfoot td:last-child {
text-align: right
}
.order-details tfoot #RowTotal,
.order-details tfoot [data-label=Total] {
font-size: 18px
}
}
@media (min-width:768px) {
.order td:nth-last-child(-n+3),
.order thead th:nth-last-child(-n+3) {
text-align: right
}
.order-details td .cart-discount {
display: none
}
}
@media (max-width:767px) {
.order-details tfoot td:first-of-type,
.order-details th,
.order-details thead {
display: none
}
.order-details td:before {
content: attr(data-label);
padding-right: 15px;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: var(--font-weight-500);
text-align: left
}
.order-details tr {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
border-color: transparent
}
.order-details td {
display: -ms-flexbox;
display: flex;
padding: 5px 10px;
text-align: right
}
.order-details tfoot > tr:first-child {
border-top-color: inherit
}
.order-details tbody td:last-of-type {
padding-bottom: 15px
}
.order-details tfoot tr:first-of-type td {
padding-top: 15px
}
.order-details tbody td:first-of-type {
padding-top: 15px
}
.order-details.table-bordered.table-striped tbody tr {
border-top: none
}
.order-history tfoot td:first-of-type,
.order-history th,
.order-history thead {
display: none
}
.order-history td:before {
content: attr(data-label);
padding-right: 15px;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: var(--font-weight-500);
text-align: left
}
.order-history tr {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
border-color: transparent
}
.order-history td {
display: -ms-flexbox;
display: flex;
padding: 5px 10px;
text-align: right
}
.order-history tbody td:last-of-type {
padding-bottom: 15px
}
.order-history tbody td:first-of-type {
padding-top: 15px
}
.order-history tbody tr {
border-top-color: inherit
}
.order-history.table-bordered.table-striped tbody tr {
border-top: none
}
.table-rounded-corners.order-details,
.table-rounded-corners.order-history {
border: 0
}
.table-rounded-corners.order-details tfoot > tr:first-child,
.table-rounded-corners.order-history tfoot > tr:first-child {
border: 0
}
.table-rounded-corners.order-details.table-bordered > :not(caption) > * > *,
.table-rounded-corners.order-history.table-bordered > :not(caption) > * > * {
border-width: 0
}
.table-rounded-corners.order-details .table-bordered > :not(caption) > *,
.table-rounded-corners.order-history .table-bordered > :not(caption) > * {
border-width: 0
}
.table-rounded-corners.order-details.table-striped > tbody > tr:nth-of-type(odd),
.table-rounded-corners.order-history.table-striped > tbody > tr:nth-of-type(odd) {
border-radius: var(--radius-md,16px);
overflow: hidden
}
}
.custom-card {
background-color: var(--custom-card-bg);
border: 1px solid var(--custom-card-border-color);
border-radius: var(--radius-md,16px);
font-size: 15px;
line-height: 1.6em
}
.custom-card-inside {
padding: 36px 40px
}
.custom-card-inside > .row.flex-column {
margin-top: 30px
}
.custom-card-inside .prd-block-agreement:not(:first-child) {
margin-top: 9px
}
.custom-card-title {
font-size: 18px;
line-height: 1.2em;
font-weight: var(--heading-sm-weight)
}
share-button details {
position: relative;
width: max-content
}
.text-start > share-button details {
margin: 0
}
.text-center > share-button details {
margin: 0 auto
}
.text-end > share-button details {
margin: 0 0 0 auto
}
.share-button__button {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding: 0;
font-size: 15px;
line-height: 24px;
font-weight: var(--font-weight-500);
transition: color .2s ease;
color: var(--body-link-secondary-color);
background: 0 0;
border: 0
}
.share-button__button::marker {
visibility: hidden
}
.share-button__button svg {
margin-right: 5px;
max-height: 18px
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.share-button__button:hover {
color: var(--body-link-secondary-color-hover)
}
.share-button__button:hover svg path[stroke] {
stroke: currentColor!important
}
.share-button__button:hover svg path[fill-rule] {
fill: currentColor!important
}
}
.share-button__fallback.motion-reduce {
position: absolute;
width: max-content;
margin-top: 10px;
padding: 16px 20px 20px;
left: 50%;
transform: translateX(-50%);
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
z-index: 100;
border-radius: var(--radius-sm,8px);
box-shadow: 0 0 10px rgba(0,0,0,.16)
}
.share-button__fallback.motion-reduce > * {
position: relative;
z-index: 2
}
.share-button__fallback.motion-reduce .field {
position: relative;
-ms-flex-direction: column;
flex-direction: column;
text-align: left
}
.share-button__fallback.motion-reduce .field__label {
margin-bottom: 5px;
font-size: var(--form-label-size);
font-weight: var(--form-label-weight);
line-height: 1.5em;
-ms-flex-order: -1;
order: -1
}
.share-button__fallback.motion-reduce .field__input {
max-width: calc(100vw - 85px);
width: 300px;
height: 40px;
padding: 10px 65px 10px 15px;
border: 1px solid var(--form-border-alt);
border-radius: var(--radius-max);
font-size: var(--form-size);
line-height: 1.2em;
font-weight: var(--form-weight);
background-color: var(--form-bg-alt);
color: var(--form-color-alt)
}
.share-button__fallback.motion-reduce .field__input::-webkit-input-placeholder {
color: var(--form-color-light-alt);
text-transform: none
}
.share-button__fallback.motion-reduce .field__input:-moz-placeholder {
color: var(--form-color-light-alt);
text-transform: none
}
.share-button__fallback.motion-reduce .field__input::-moz-placeholder {
color: var(--form-color-light-alt);
text-transform: none
}
.share-button__fallback.motion-reduce .field__input:-ms-input-placeholder {
color: var(--form-color-light-alt);
text-transform: none
}
.share-button__fallback.motion-reduce .field__input:-webkit-autofill {
-webkit-text-fill-color: var(--form-color-alt)
}
.share-button__fallback.motion-reduce .field__input:-webkit-autofill:focus {
-webkit-text-fill-color: var(--form-color-alt)
}
.share-button__fallback.motion-reduce .field__input:focus {
background-color: var(--form-bg-alt);
color: var(--form-color-alt)
}
.share-button__fallback.motion-reduce .field__input,
.share-button__fallback.motion-reduce .field__input:focus {
box-shadow: none;
outline: 0 none
}
.share-button__fallback.motion-reduce:before {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--body-bg-secondary);
border-radius: var(--radius-sm,8px)
}
.share-button__fallback.motion-reduce:after {
position: absolute;
z-index: 0;
top: 0;
left: calc(50% - 5px);
width: 10px;
height: 10px;
content: "";
transform: translate(-50%) translateY(-50%) rotate(-45deg);
background: var(--body-bg-secondary);
box-shadow: 1px 1px 10px rgba(0,0,0,.16)
}
.share-button__copy {
display: -ms-inline-flexbox;
display: inline-flex;
position: absolute!important;
top: 39px;
right: 19px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 40px;
padding: 8px 20px;
font-size: 12px;
line-height: 24px;
border-radius: var(--radius-max);
border-style: solid;
border-width: var(--button-border-width,0)!important;
border-color: var(--button-border-color,transparent);
font-weight: var(--button-font-weight);
font-family: var(--button-font-family);
cursor: pointer
}
.share-button__copy,
.share-button__copy:active,
.share-button__copy:active:focus,
.share-button__copy:focus,
.share-button__copy:visited {
box-shadow: none;
color: var(--button-color);
background-color: var(--button-bg);
outline: 0;
text-decoration: none
}
@media (hover:hover),
(hover:none) and (min-width:1025px) {
.share-button__copy.hovered,
.share-button__copy:active:hover,
.share-button__copy:focus:hover,
.share-button__copy:hover {
color: var(--button-hover-color);
background-color: var(--button-hover-bg);
border-color: var(--button-hover-border-color,transparent);
outline: 0;
transition: background .2s ease
}
}
.share-button__copy svg {
width: 17px;
height: 17px
}
.text-start > share-button .share-button__fallback.motion-reduce {
transform: translate(-30px)
}
.text-start > share-button .share-button__fallback.motion-reduce:after {
left: 35px
}
.text-end > share-button .share-button__fallback.motion-reduce {
transform: translate(calc(-100% + 30px))
}
.text-end > share-button .share-button__fallback.motion-reduce:after {
left: auto;
right: 35px
}
.prd-block #shopify-product-reviews {
margin: 0
}
#shopify-product-reviews .spr-form,
#shopify-product-reviews .spr-review {
border-top-color: var(--decor-border-dark-color)
}
#shopify-product-reviews .spr-form {
margin: 24px 0 0;
padding: 24px 0 0
}
.tab-accordion-item #shopify-product-reviews .spr-form {
margin-top: 45px
}
#shopify-product-reviews .spr-review {
margin: 20px 0 0;
padding: 20px 0 0
}
#shopify-product-reviews .spr-container {
border: 0;
padding: 0
}
#shopify-product-reviews .spr-form-review-body .spr-form-input textarea {
min-height: 90px;
height: 90px
}
#shopify-product-reviews .spr-form-title,
#shopify-product-reviews .spr-header-title {
font-size: var(--heading-sm-size);
font-weight: var(--font-weight-600);
line-height: 1.4em;
margin: 0 0 20px;
color: var(--heading-color)
}
#shopify-product-reviews .spr-review-header-title {
margin-top: 10px;
font-size: 15px;
line-height: 24px;
font-weight: var(--font-weight-600)
}
#shopify-product-reviews .spr-review-header-byline {
font-style: normal;
font-size: 12px;
margin: 0 0 15px
}
#shopify-product-reviews .spr-starrating.spr-summary-starrating {
margin-right: 6px
}
#shopify-product-reviews .spr-starrating.spr-summary-starrating .spr-icon {
font-size: 15px
}
#shopify-product-reviews .spr-form-input.spr-starrating {
height: 20px
}
#shopify-product-reviews .spr-form-input.spr-starrating .spr-icon {
font-size: 15px
}
#shopify-product-reviews .spr-review-header-byline {
font-size: 13px;
color: var(--post-previews-meta-color)
}
#shopify-product-reviews .spr-review-header-byline strong {
font-weight: var(--font-weight-400)
}
#shopify-product-reviews .spr-review-content {
margin: 0 0 20px 0
}
#shopify-product-reviews .spr-icon {
font-size: 12px
}
#shopify-product-reviews .spr-icon + .spr-icon {
margin-left: 1px
}
#shopify-product-reviews .spr-icon.spr-icon-star,
#shopify-product-reviews .spr-icon.spr-icon-star-half,
#shopify-product-reviews .spr-icon.spr-icon-star-half-alt {
color: var(--product-rating-fill-color)
}
#shopify-product-reviews .spr-icon.spr-icon-star-empty {
color: var(--product-rating-color)
}
#shopify-product-reviews input.spr-form-input:not(.spr-starrating),
#shopify-product-reviews textarea.spr-form-input {
color: var(--form-color);
border: 0;
border-bottom: var(--form-border-width) solid var(--form-border-color);
border-radius: 0;
font-size: var(--form-size);
line-height: 1.2em;
font-weight: var(--form-weight);
height: 38px;
padding: 10px 0 10px;
background-color: var(--form-lined-bg,transparent)
}
#shopify-product-reviews input.spr-form-input:not(.spr-starrating),
#shopify-product-reviews input.spr-form-input:not(.spr-starrating):focus,
#shopify-product-reviews textarea.spr-form-input,
#shopify-product-reviews textarea.spr-form-input:focus {
background-color: var(--form-lined-bg,transparent);
box-shadow: none;
outline: 0 none
}
#shopify-product-reviews input.spr-form-input:not(.spr-starrating):focus,
#shopify-product-reviews textarea.spr-form-input:focus {
border-color: var(--form-border-color-focus)
}
#shopify-product-reviews input.spr-form-input:not(.spr-starrating)::-webkit-input-placeholder,
#shopify-product-reviews textarea.spr-form-input::-webkit-input-placeholder {
color: var(--form-color-light)
}
#shopify-product-reviews input.spr-form-input:not(.spr-starrating):-moz-placeholder,
#shopify-product-reviews textarea.spr-form-input:-moz-placeholder {
color: var(--form-color-light)
}
#shopify-product-reviews input.spr-form-input:not(.spr-starrating)::-moz-placeholder,
#shopify-product-reviews textarea.spr-form-input::-moz-placeholder {
color: var(--form-color-light)
}
#shopify-product-reviews input.spr-form-input:not(.spr-starrating):-ms-input-placeholder,
#shopify-product-reviews textarea.spr-form-input:-ms-input-placeholder {
color: var(--form-color-light)
}
#shopify-product-reviews label.spr-form-label {
font-size: var(--form-label-size);
font-weight: var(--form-label-weight);
line-height: 1.5em
}
.spr-form:not([style*="display: none"]) ~ .spr-reviews .spr-review:first-child,
.spr-form[style*="display: block"] ~ .spr-reviews .spr-review:first-child {
border-top: 0;
margin-top: 0!important
}
body.mac .cart-item__success,
body.mac .image-container,
body.mac .payment-notification-image,
body.mac .prd,
body.mac .prd-hor .prd-image,
body.mac .prd-image-wrap,
body.mac .review-author-photo,
body.mac .review-grid-author-photo,
body.mac .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0)
}
body.mac .payment-notification-image .image-container,
body.mac .prd-hor .prd-image-wrap .image-container,
body.mac .prd-hor-sm .prd-image-wrap .image-container,
body.mac .prd-prw-sm .image-container {
z-index: 1
}
body.mac .image-container-aspect-ratio .image-container {
transform: translate(-50%,-50%)!important
}
body.mac .image-bg-wrap .image-container.ic--bg-contain,
body.mac .image-bg-wrap.ic--bg-contain {
transform: translate(-50%,-50%)!important
}
body.safari {
-webkit-text-size-adjust: 100%
}
body.safari .post-prw-img-date,
body.safari .post-search-date,
body.safari .prd-icons,
body.safari .prd-labels {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0)
}
@media (max-width:1024px) {
body.safari .has-hdr_sticky.has-sticky .hdr-wrap {
top: -1px
}
}
@media (max-width:767px) {
body.safari .hdr-open-search:not(.is-open) .form-control:not(.form-select) {
transform: translateY(-1000vh)
}
body.safari .minicart-prd-action button.icon-wrap svg {
min-width: 15px;
min-height: 14px;
max-width: 15px;
max-height: 14px
}
}
@media (max-width:575px) {
body.safari .hdr-open-search-form .form-control:not(.form-select),
body.safari .search-input-group .form-control {
font-size: 16px!important
}
}
body.safari.has-keyboard-open .hdr-mobile-bottom,
body.safari.has-keyboard-open .payment-notification-wrap,
body.safari.has-keyboard-open .sticky-add-to-cart {
display: none!important
}
body.safari .single-countdown > * {
border: 1px solid transparent
}
body.safari .modal-wrap.fancybox-content.modal-info-content .modal-wrap-scroll .scroll-content {
overflow-x: hidden
}
body.safari_version_below_14 .hdr-second-nav .menu-label {
margin-top: -18px
}
@media (max-width:767px) {
body.safari_version_below_14 .ajax-loaded > .sticky-add-to-cart {
width: auto;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%)!important
}
#shopify-section-header .hdr-content {
/*position: absolute;*/
background: transparent;
width: 100%;
}
div#NZn5YwNt5dMFsvOI {
background: transparent;
}
div#z4nacPA6YNIylrYv {
background: transparent;
}
div#pYo2o6IaJ8f3MlUi {
background: transparent;
}
}
.__instant.iOIvOXdz89NvmsBkk .ikXjFgKoZNlUZHgih,.__instant.iOIvOXdz89NvmsBkk .iHBMRtjRVtll8eBXA,.__instant.iOIvOXdz89NvmsBkk .ioEOigolXmMAqR01r,.__instant.iOIvOXdz89NvmsBkk .i4FWS7X1iMSHtZFIg { width: 45px !important;}
.__instant.iOIvOXdz89NvmsBkk .iLR9lxzyz8g2P4JtK,.__instant.iOIvOXdz89NvmsBkk .ioDcVsngMjkxHcNyx,.__instant.iOIvOXdz89NvmsBkk .i9S9z9UQYlpWXD3VM,.__instant.iOIvOXdz89NvmsBkk .iTNa8d4HPnCXfsAKf {row-gap:12px !important;}
.__instant.iOIvOXdz89NvmsBkk .iEA9Zf77GYrs1S9Qp, .__instant.iOIvOXdz89NvmsBkk .ikupkMELtbWrjKrhK { min-height: 185px !important;}
.tmenu_item_link {
color: #121838 !important;
font-weight: 700 !important;
font-size: 15px !important;
font-family: 'Poppins' !important;
}
.hdr-content .tmenu--wrap .tmenu_nav { justify-content: end !important;align-items: center;}
.tmenu_indicator_icon svg { display: none;}
.hdr-content .tmenu_app .tmenu_nav .tmenu_item--root > .tmenu_item_link { padding-left: 16px !important; padding-right: 16px !important;}
.tmenu_submenu_type_mega {
max-width: 100%;
margin: 0 auto;
left: 50% !important;
transform: translateX(-50%) !important;
display: grid !important;
grid-template-columns: repeat(5,1fr);
gap: 0 !important;
column-gap: 10px !important;
}
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_fullwidth.tmenu_submenu_has_watermark {
display: grid !important;
grid-template-columns: repeat(5,1fr);
padding: 30px 450px !important;
border-radius: 0 0 50px 50px !important;
margin-top: 12px;
}
.tmenu_submenu_type_mega>.tmenu_item {
width: 100%;
max-width: 100%;
}
.tmenu_image {
width: 100%;
height: 160px;
position: relative;
transition: .5s ease-in-out;
overflow:hidden; border-radius: 20px;
}
.tmenu_image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
transition: .5s ease-in-out;
}
.tmenu_submenu_type_mega .tmenu_image--above span.tmenu_item_text {
position: absolute;
bottom: 15px;
left: 20px;
color: #fff !important;
font-size: 17px !important;
z-index: 11;
}
.tmenu_image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 20px;
background: linear-gradient(to top,#121838 0,rgba(18,24,56,.55) 30%,rgba(18,24,56,0) 60%);
z-index: 1;
}
.tmenu_submenu_type_mega .tmenu_item_link:hover img {
transform: scale(1.08);
transition: .5s ease-in-out;
}
ul.tmenu_nav .tmenu_item_has_child.ticketsmenu > a {
color: #9676f3 !important;
background: #000;
border-radius: 8px;margin-left:20px !important;height: 40px !important;
}
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_fullwidth.tmenu_submenu_has_watermark.ticket-column {
grid-template-columns: repeat(3,1fr);
}
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_fullwidth.tmenu_submenu_has_watermark.ticket-column .tmenu_image {
height: auto;
}
.ticket-column .tmenu_image::before {
background: linear-gradient(to top,#121838 0,rgba(18,24,56,.55) 30%,rgba(18,24,56,0) 00%);
}
@media (max-width:1800px) {
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_fullwidth.tmenu_submenu_has_watermark {
padding: 30px 350px !important;
}
}
@media (max-width:1700px) {
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_fullwidth.tmenu_submenu_has_watermark {
padding: 30px 300px !important;
}
}
@media (max-width:1600px) {
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_fullwidth.tmenu_submenu_has_watermark {
padding: 30px 250px !important;
}
}
}
@media (max-width:1500px) {
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_fullwidth.tmenu_submenu_has_watermark {
padding: 30px 100px !important;
}
}
@media (max-width:1400px) {
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_fullwidth.tmenu_submenu_has_watermark {
padding: 30px 150px !important;
}
}
@media (max-width:1300px) {
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_fullwidth.tmenu_submenu_has_watermark {
padding: 30px 100px !important;
}
}
@media (max-width:1200px) {
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_fullwidth.tmenu_submenu_has_watermark {
padding: 30px 30px !important;
}
}
.button-menu {
background: #7051bf;
color: #fff;
padding: 12px;
margin: 0 auto;
text-align: center;
display: block;
width: 50%;
border-radius: 20px;
margin-top: 75px;
}
.button-menu a {
color: #fff !important;
font-family: 'Poppins' !important;
font-size: 16px;
}
html {
scroll-behavior: smooth;
}