/** Shopify CDN: Minification failed
Line 7456:0 Expected ")" to end URL token
**/
@charset "UTF-8";
/* Smooth scrolling for the entire page */
html {
scroll-behavior: smooth;
}
/* Color custom properties */
:root {
--color-error: 187, 0, 0;
--duration-short: 100ms;
--duration-default: 250ms;
--duration-long: 500ms;
--color-price: #bb0000;
}
:root,
.color-background-1 {
--color-foreground: var(--color-base-text);
--color-foreground-secondary: var(--color-secondary-text);
--color-foreground-title: var(--color-title-text);
--color-background: var(--color-base-background-1);
--color-background-section-border: var(--color-section-border);
--color-background-input: var(--color-base-background-input);
--color-border-input: var(--color-base-border-input);
--color-border-input-hover: var(--color-hover-border-input);
--color-announcement-bar: var(--color-announcement-bar-background);
--color-link: var(--color-base-text);
--alpha-link: 0.5;
--color-button: var(--color-base-button-background);
--color-button-text: var(--color-base-solid-button-labels);
--color-button-secondary: var(--color-base-outline-button-labels);
--color-button-secondary-text: var(--color-secondary-button-labels);
--color-button-tertiary: var(--color-tertiary-button-background);
--color-button-tertiary-text: var(--color-tertiary-button-labels);
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-overlay: var(--color-overlay-background);
--color-social: 0, 0, 0;
--color-placeholder-input: 0, 0, 0;
--alpha-placeholder-input: 0.5;
}
:root {
--arrow-left: url('data:image/svg+xml,');
--arrow-right: url('data:image/svg+xml,');
--arrow-left-white: url('data:image/svg+xml,');
}
.color-background-2 {
--color-foreground: var(--color-base-text);
--color-foreground-title: var(--color-title-text);
--color-background: var(--color-base-background-2);
--color-background-input: var(--color-base-background-1);
--color-social: 0, 0, 0;
--color-button-secondary: 255, 255, 255;
}
.color-background-3 {
--color-background: var(--color-base-background-3);
--color-foreground: 255, 255, 255;
--color-link: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-button: 0, 0, 0;
--color-button-text: 255, 255, 255;
--color-button-secondary: 255, 255, 255;
--color-card-hover: var(--color-base-background-1);
--color-social: 255, 255, 255;
--color-accent: 255, 255, 255;
}
.color-background-4 {
--color-background: var(--color-base-background-4);
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-link: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--color-button: var(--color-base-solid-button-labels);
--color-button-text: var(--color-base-button-background);
--color-button-secondary: 255, 255, 255;
--color-card-hover: var(--color-base-background-1);
--alpha-button-border: 0.3;
--color-social: 255, 255, 255;
}
.color-background-5 {
--color-background: var(--color-base-background-5);
--color-social: 0, 0, 0;
}
.color-inverse {
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-link: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--color-background: var(--color-base-text);
--color-background-input: var(--color-base-text);
--color-button: var(--color-base-solid-button-labels);
--color-button-text: var(--color-base-button-background);
--color-button-secondary: 255, 255, 255;
--color-card-hover: var(--color-base-background-1);
--alpha-button-border: 0.3;
--color-social: 255, 255, 255;
--color-border-input: 255, 255, 255;
--color-border: 150, 150, 150;
--color-border-input-hover: 232, 232, 232;
--alpha-link: 0.5;
--color-button-secondary-text: 255, 255, 255;
--color-button-tertiary-text: 255, 255, 255;
--alpha-button-background: 1;
--color-overlay: 31, 31, 31;
--color-background-card: 31, 31, 31;
--color-accent: 255, 255, 255;
--color-base-border-input: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-base-text-default: 255, 255, 255;
--alpha-placeholder-input: 1;
}
.color-background-w {
background-color: #ffffff;
}
.color-background-2,
.color-inverse {
--color-link: var(--color-foreground);
--alpha-link: 0.5;
}
.color-background-2,
.color-inverse {
--color-badge-background: var(--color-background);
--color-badge-border: var(--color-background);
--alpha-badge-border: 1;
}
:root,
.color-background-1,
.color-background-2 {
--color-card-hover: var(--color-base-text);
}
/* Dark Mode */
[data-scheme="dark"] {
--color-background: 31, 31, 31;
--color-base-background-1: 31, 31, 31;
--color-base-background-2: 23, 23, 23;
--color-base-background-3: 31, 31, 31;
--color-base-background-4: 31, 31, 31;
--color-header-background: 31, 31, 31;
--color-foreground: 230, 230, 230;
--color-foreground-title: 230, 230, 230;
--color-base-text: 230, 230, 230;
--color-secondary-text: 150, 150, 150;
--color-subheading: 150, 150, 150;
--color-background-input: 15, 15, 15;
--color-border-input: 100, 100, 100;
--color-border: 150, 150, 150;
--color-border-input-hover: 150, 150, 150;
--color-announcement-bar: 0, 0, 0;
--color-announcement-bar-background-1: 0, 0, 0;
--color-link: 255, 255, 255;
--alpha-link: 0.5;
--color-button: 150, 150, 150;
--color-button-text: 0, 0, 0;
--color-button-secondary: 37, 37, 37;
--color-button-secondary-text: 0, 0, 0;
--color-button-tertiary: 150, 150, 150;
--color-button-tertiary-text: 150, 150, 150;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-overlay: 31, 31, 31;
--color-social: 200, 200, 200;
--color-background-card: 23, 23, 23;
--color-accent: 200, 200, 200;
--color-base-border-input: 200, 200, 200;
--color-placeholder-input: 200, 200, 200;
--alpha-placeholder-input: 1;
--color-price: #e6e6e6;
--color-badge-icon: 200, 200, 200;
--color-background-badge-icon: 37, 37, 37;
--color-accent-default: 31, 31, 31;
}
[data-scheme="dark"] .color-background-1,
[data-scheme="dark"] .color-background-2,
[data-scheme="dark"] .color-background-3,
[data-scheme="dark"] .color-background-4 {
--color-foreground: 230, 230, 230;
--color-foreground-title: 230, 230, 230;
--color-base-text: 230, 230, 230;
--color-social: 200, 200, 200;
--color-button-secondary: 200, 200, 200;
}
[data-scheme="dark"] .color-background-1 {
--color-background: 31, 31, 31;
--color-background-card: 31, 31, 31;
}
[data-scheme="dark"] .color-background-2,
[data-scheme="dark"] .color-background-5,
[data-scheme="dark"] .color-inverse {
--color-background: 23, 23, 23;
--color-base-background-2: 23, 23, 23;
--color-background-card: 23, 23, 23;
--color-button-secondary: 200, 200, 200;
--color-overlay: 23, 23, 23;
--color-background-input: 15, 15, 15;
}
[data-scheme="dark"] .swiper-buttons.swiper-buttons--secondary .icon {
color: rgb(var(--color-background));
}
[data-scheme="dark"]
.image-parallax__button.button--secondary
.icon-button-arrow {
color: rgb(var(--color-background));
}
[data-scheme="dark"] .placeholder-svg {
fill: rgb(200, 200, 200);
}
@media (prefers-color-scheme: dark) {
:root [data-scheme="auto"] {
--color-background: 31, 31, 31;
--color-base-background-1: 31, 31, 31;
--color-base-background-2: 23, 23, 23;
--color-base-background-3: 31, 31, 31;
--color-base-background-4: 31, 31, 31;
--color-header-background: 31, 31, 31;
--color-foreground: 230, 230, 230;
--color-foreground-title: 230, 230, 230;
--color-base-text: 230, 230, 230;
--color-secondary-text: 150, 150, 150;
--color-subheading: 150, 150, 150;
--color-background-input: 15, 15, 15;
--color-border-input: 100, 100, 100;
--color-border: 150, 150, 150;
--color-border-input-hover: 150, 150, 150;
--color-announcement-bar: 0, 0, 0;
--color-announcement-bar-background-1: 0, 0, 0;
--color-link: 200, 200, 200;
--alpha-link: 0.5;
--color-button: 150, 150, 150;
--color-button-text: 0, 0, 0;
--color-button-secondary: 37, 37, 37;
--color-button-secondary-text: 200, 200, 200;
--color-button-tertiary: 150, 150, 150;
--color-button-tertiary-text: 150, 150, 150;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-overlay: 31, 31, 31;
--color-social: 200, 200, 200;
--color-background-card: 31, 31, 31;
--color-accent: 200, 200, 200;
--color-base-border-input: 200, 200, 200;
--color-placeholder-input: 200, 200, 200;
--alpha-placeholder-input: 1;
--color-price: #e6e6e6;
--color-badge-icon: 200, 200, 200;
--color-background-badge-icon: 37, 37, 37;
--color-accent-default: 31, 31, 31;
}
:root [data-scheme="auto"] .color-background-1,
:root [data-scheme="auto"] .color-background-2,
:root [data-scheme="auto"] .color-background-3,
:root [data-scheme="auto"] .color-background-4 {
--color-foreground: 230, 230, 230;
--color-foreground-title: 230, 230, 230;
--color-base-text: 230, 230, 230;
--color-social: 200, 200, 200;
--color-button-secondary: 200, 200, 200;
}
:root [data-scheme="auto"] .color-background-1 {
--color-background: 31, 31, 31;
--color-background-card: 31, 31, 31;
}
:root [data-scheme="auto"] .color-background-2 {
--color-background: 23, 23, 23;
--color-base-background-2: 23, 23, 23;
--color-background-card: 23, 23, 23;
--color-button-secondary: 200, 200, 200;
--color-overlay: 23, 23, 23;
--color-background-input: 15, 15, 15;
}
:root [data-scheme="auto"] .swiper-buttons.swiper-buttons--secondary .icon {
color: rgb(var(--color-background));
}
:root
[data-scheme="auto"]
.image-parallax__button.button--secondary
.icon-button-arrow {
color: rgb(var(--color-background));
}
:root [data-scheme="auto"] .placeholder-svg {
fill: rgb(200, 200, 200);
}
}
.container {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
margin-right: auto;
margin-left: auto;
}
/* bundle pdp css */
p.rb-frequency-price span:nth-child(1) {
/*display: none;*/
}
@media screen and (min-width: 990px) {
.container {
padding-right: 4rem;
padding-left: 4rem;
}
}
@media screen and (min-width: 1760px) {
.container {
max-width: 1350px;
padding-right: 2rem;
padding-left: 2rem;
}
}
.container-fluid {
width: 100%;
padding-right: 2rem;
padding-left: 2rem;
margin-right: auto;
margin-left: auto;
}
/* Base */
.no-js:not(html) {
display: none !important;
}
html.no-js .no-js:not(html) {
display: block !important;
}
.no-js-inline {
display: none !important;
}
html.no-js .no-js-inline {
display: inline-block !important;
}
html.no-js .no-js-hidden {
display: none !important;
}
html.js .js-hidden {
display: none !important;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
.no-js .testimonials--carousel .swiper-wrapper {
gap: 0.8rem;
}
.no-js .about .swiper-wrapper {
gap: 0.8rem;
}
.no-js .product-carousel .swiper-wrapper {
gap: 0.8rem;
}
.no-js .sorting .button {
margin: 0;
padding-top: 0;
min-height: 4rem;
}
.no-js .product .product-form__input .icon-caret {
position: absolute;
content: "";
height: 1.3rem;
right: 2rem;
top: calc(50% - 0.5rem);
}
.no-js .product .product-form__input select {
background-color: rgb(var(--color-background-input));
border-radius: 3px;
border: 0.1rem solid rgb(var(--color-border-input));
padding: 2rem 5rem 2rem 2rem;
}
.no-js .product .product-form__checkout {
display: none;
}
.no-js .product .product__outer {
margin-left: 0;
}
.no-js .product .product__media-wrapper {
max-width: unset;
}
.no-js .product .product__media-subitem {
opacity: 1;
width: 48% !important;
height: 100%;
cursor: default;
}
.no-js .product .product__media img {
display: block;
}
.no-js .product .product__media-sublist {
padding: 0;
display: flex !important;
gap: 0.8rem;
flex-wrap: wrap;
}
.no-js .product .product__media-sublist.js-media-sublist {
display: none !important;
}
.no-js .image-slider .swiper-wrapper {
flex-wrap: wrap;
}
.no-js .image-parallax .image-parallax-item img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
object-fit: cover;
}
.page-width {
max-width: 139.6rem;
margin: 0 auto;
padding: 0 2.5rem;
}
@media screen and (min-width: 750px) {
.page-width {
padding: 0 5rem;
}
.page-width--narrow {
padding: 0 9rem;
}
}
@media screen and (min-width: 990px) {
.page-width--narrow {
max-width: 72.6rem;
padding: 0;
}
}
.section-border-top {
padding-top: 5rem;
}
.section-border-top__inner {
position: relative;
}
.section-border-top__inner:before {
content: "";
position: absolute;
width: calc(100% - 4rem);
height: 1px;
left: 50%;
transform: translateX(-50%);
top: -5rem;
background-color: rgba(var(--color-foreground), 0.2);
}
body {
font-family: "haskoylight" !important;
}
body,
.color-background-1,
.color-background-2,
.color-background-3,
.color-background-4,
.color-background-5,
.color-inverse {
color: rgb(var(--color-foreground));
background-color: rgb(var(--color-background));
}
.background-secondary {
background-color: rgba(var(--color-foreground), 0.04);
padding: 4rem 0 5rem;
}
@media screen and (min-width: 750px) {
.background-secondary {
padding: 6rem 0 5rem;
}
}
.page-margin,
.shopify-challenge__container {
margin: 7rem auto;
}
.rte-width {
max-width: 82rem;
margin: 0 auto 2rem;
}
.list-unstyled {
margin: 0;
padding: 0;
list-style: none;
}
.hidden {
display: none !important;
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
word-wrap: normal !important;
}
.visually-hidden--inline {
margin: 0;
height: 1em;
}
.visibility-hidden {
visibility: hidden;
}
.skip-to-content-link:focus {
z-index: 9999;
position: inherit;
overflow: auto;
width: auto;
height: auto;
clip: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow--hidden {
overflow: hidden;
}
/* base-details-summary */
summary {
cursor: pointer;
list-style: none;
position: relative;
}
.url_text {
margin-top: 20px;
}
summary .icon-caret {
position: absolute;
height: 2rem;
right: 0;
top: calc(50% - 1rem);
color: rgb(var(--color-accent));
}
summary::-webkit-details-marker {
display: none;
}
.disclosure-has-popup {
position: relative;
}
.disclosure-has-popup[open] > summary::before {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: block;
cursor: default;
content: " ";
background: transparent;
}
.disclosure-has-popup > summary::before {
display: none;
}
.disclosure-has-popup[open] > summary + * {
z-index: 100;
}
/* Swiper styles */
.swiper-btn {
display: none;
align-items: center;
justify-content: center;
width: 6.4rem;
height: 6.4rem;
border-radius: 50%;
opacity: 0.5;
background-color: rgb(var(--color-button-secondary));
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
cursor: pointer;
transition: var(--duration-default);
}
@media (min-width: 990px) {
.swiper-btn {
display: flex;
}
}
.swiper-btn:hover {
opacity: 1;
box-shadow: 0 4rem 6rem rgba(0, 0, 0, 0.05);
}
.swiper-btn svg {
transition: var(--duration-default);
}
.swiper-btn--prev {
left: 4rem;
}
.swiper-btn--prev:hover svg {
transform: translateX(-0.5rem);
}
.swiper-btn--next {
right: 4rem;
}
.swiper-btn--next:hover svg {
transform: translateX(0.5rem);
}
.swiper-btn.swiper-button-disabled {
cursor: default;
opacity: 0.3;
}
.swiper-btn.swiper-button-disabled:hover svg {
transform: none;
}
/* Animation */
@keyframes translate {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-40rem, 0, 0);
}
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
[data-scheme="dark"] .icon-account-order-none circle + path {
stroke: rgb(var(--color-background));
}
@media (prefers-color-scheme: dark) {
:root [data-scheme="auto"] .icon-account-order-none circle + path {
stroke: rgb(var(--color-background));
}
}
/* Light header on dark bg */
.header-wrapper--overlay .header__menu-item {
transition: none;
}
.header-wrapper {
padding: 15px 0;
}
body:not(.body--hidden)
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__offcanvas-toggle
.header__offcanvas-toggle-link {
color: #fff;
}
body:not(.body--hidden)
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading-link
> * {
color: #fff;
}
@media (prefers-color-scheme: light) {
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading
.header__heading-logo--overlay,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading-link
.header__heading-logo--overlay {
display: block;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading
.header__heading-logo:not(.header__heading-logo--overlay),
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading-link
.header__heading-logo:not(.header__heading-logo--overlay) {
display: none;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading
.header__heading-logo:only-child,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading-link
.header__heading-logo:only-child {
display: block !important;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__offcanvas
.header__heading-logo--overlay {
display: none;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__offcanvas
.header__heading-logo:not(.header__heading-logo--overlay) {
display: block;
}
}
@media (prefers-color-scheme: dark) {
.header__heading-logo:first-child:nth-last-child(2) {
display: none;
}
.header__heading-logo:first-child:nth-last-child(2) ~ .header__heading-logo {
display: block;
}
.header__heading-logo:first-child:nth-last-child(1) {
display: none;
}
.header__heading-logo:only-child {
display: block !important;
}
}
[data-scheme="light"] .header__heading-logo:first-child:nth-last-child(2) {
display: block;
}
[data-scheme="light"]
.header__heading-logo:first-child:nth-last-child(2)
~ .header__heading-logo {
display: none;
}
[data-scheme="light"]
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading
.header__heading-logo--overlay,
[data-scheme="light"]
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading-link
.header__heading-logo--overlay {
display: block;
}
[data-scheme="light"]
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading
.header__heading-logo:not(.header__heading-logo--overlay),
[data-scheme="light"]
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading-link
.header__heading-logo:not(.header__heading-logo--overlay) {
display: none;
}
[data-scheme="light"]
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading
.header__heading-logo:only-child,
[data-scheme="light"]
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__heading-link
.header__heading-logo:only-child {
display: block !important;
}
[data-scheme="light"]
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__offcanvas
.header__heading-logo--overlay {
display: none;
}
[data-scheme="light"]
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__offcanvas
.header__heading-logo:not(.header__heading-logo--overlay) {
display: block;
}
[data-scheme="light"] .brands__image--dark {
display: none;
}
[data-scheme="dark"] .header__heading-logo:first-child:nth-last-child(2) {
display: none;
}
[data-scheme="dark"]
.header__heading-logo:first-child:nth-last-child(2)
~ .header__heading-logo {
display: block;
}
[data-scheme="dark"] .header__heading-logo:first-child:nth-last-child(1) {
display: none;
}
[data-scheme="dark"] .header__heading-logo:only-child {
display: block !important;
}
[data-scheme="dark"] .brands__image--dark {
display: block;
}
[data-scheme="dark"] .brands__image--dark + .brands__image--light {
display: none;
}
@media (prefers-color-scheme: dark) {
:root
[data-scheme="auto"]
.header__heading-logo:first-child:nth-last-child(2) {
display: none;
}
:root
[data-scheme="auto"]
.header__heading-logo:first-child:nth-last-child(2)
~ .header__heading-logo {
display: block;
}
:root
[data-scheme="auto"]
.header__heading-logo:first-child:nth-last-child(1) {
display: none;
}
:root [data-scheme="auto"] .header__heading-logo:only-child {
display: block !important;
}
:root [data-scheme="auto"] .brands__image--dark {
display: block;
}
:root [data-scheme="auto"] .brands__image--dark + .brands__image--light {
display: none;
}
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay {
background-color: transparent;
/*.header__heading-logo:not(.header__heading-logo--overlay).hide {
display: none;
}
.header__heading-logo--overlay.show {
display: block;
}*/
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
> *,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.disclosure__button {
background-color: transparent;
transition: none;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__menu-item:not(.header__submenu .header__menu-item),
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__icon
.header__icon-name,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.currency-country,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__icon
.icon-hamburger {
color: #fff;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__menu-item
.header__active-menu-item {
color: #fff;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__menu-item
> span:not(.header__active-menu-item)::after,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__icon
.header__icon-name::before,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.currency-country::after {
background-color: rgb(var(--color-accent));
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__menu-item
span:not(.header__active-menu-item)
> span:after,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__icon-name
span:after,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__localization
.localization-selector.link:hover
.icon-caret,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.link--text.header__icon:hover
.icon,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__search:hover
.modal__toggle-open {
color: #fff;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__toggle-scheme-item {
color: white;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__toggle-scheme-item:hover
.icon {
color: white;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.icon-light-mode,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.icon-dark-mode,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.icon-search,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__icon--account
> .icon-account,
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.icon-cart {
color: white;
transition: none;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.icon.icon-close {
color: rgb(var(--color-button));
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.icon.icon-caret:not(.header__menu-item .icon-caret) {
color: white;
transition: none;
}
.shopify-section-header:not(.shopify-section-header-sticky.animate)
.header-wrapper--overlay
.header__submenu
.icon.icon-caret {
color: rgb(var(--color-accent));
}
/* Typography */
h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
letter-spacing: calc(var(--font-heading-letter-spacing) * 0.1);
color: rgb(var(--color-foreground-title));
line-height: var(--font-heading-line-height);
word-wrap: break-word;
max-width: 100%;
}
.h0 {
font-size: 50px;
}
@media only screen and (min-width: 750px) {
.h0 {
font-size: 100px;
}
}
h1,
.h1 {
font-size: 3rem;
}
@media only screen and (min-width: 750px) {
h1,
.h1 {
font-size: var(--font-heading-h1-size);
}
}
h2,
.h2 {
font-size: 2.6rem;
}
@media only screen and (min-width: 750px) {
h2,
.h2 {
font-size: 52px;
}
}
h3,
.h3 {
font-size: 2.4rem;
}
@media only screen and (min-width: 750px) {
h3,
.h3 {
font-size: var(--font-heading-h3-size);
}
}
h4,
.h4 {
font-size: 2.2rem;
}
@media only screen and (min-width: 750px) {
h4,
.h4 {
font-size: var(--font-heading-h4-size);
}
}
h5,
.h5 {
font-size: var(--font-heading-h5-size);
}
h6,
.h6 {
font-size: var(--font-heading-h6-size);
}
a {
color: rgba(var(--color-foreground));
text-decoration-color: rgb(var(--color-accent));
text-underline-offset: 0.6rem;
}
table:not([class]) {
table-layout: fixed;
border-collapse: collapse;
font-size: 1.4rem;
border-style: hidden;
box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
/* draws the table border */
}
table:not([class]) td,
table:not([class]) th {
padding: 1em;
border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}
a:empty,
ul:empty,
dl:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
display: none;
}
hr {
display: block;
margin-block: 5rem;
width: 100%;
height: 0.1rem;
background-color: rgb(var(--color-border));
border: none;
}
.caption {
font-size: 1rem;
letter-spacing: 0.07rem;
line-height: 1.7;
}
@media screen and (min-width: 750px) {
.caption {
font-size: 1.2rem;
}
}
.caption-with-letter-spacing {
margin-top: 1rem;
font-size: 1.2rem;
}
.caption-large,
.form__label {
text-transform: uppercase;
font-weight: 600;
color: rgba(var(--color-foreground));
}
@media screen and (max-width: 749px) {
.small-hide {
display: none;
}
}
@media screen and (max-width: 749px) {
.small-hide {
display: none !important;
}
}
@media screen and (min-width: 750px) and (max-width: 989px) {
.medium-hide {
display: none !important;
}
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
.sub-medium-hide {
display: none !important;
}
}
@media screen and (min-width: 990px) {
.large-up-hide {
display: none !important;
}
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.uppercase {
text-transform: uppercase;
}
.light {
opacity: 0.7;
}
.link {
cursor: pointer;
display: inline-block;
border: none;
box-shadow: none;
text-decoration: underline;
text-underline-offset: 0.3rem;
color: rgb(var(--color-link));
background-color: transparent;
font-size: 1.5rem;
transition: var(--duration-default);
}
.link--text {
color: rgb(var(--color-foreground));
transition: var(--duration-default);
}
.circle-divider::after {
content: "•";
margin: 0 8px 0 8px;
}
.circle-divider:last-of-type::after {
display: none;
}
.line-divider {
align-items: center;
justify-content: center;
}
.line-divider::after {
content: "";
display: inline-flex;
width: 15px;
height: 1px;
margin: 0 8px 0 8px;
background: rgba(var(--color-foreground), 0.6);
}
.line-divider:last-of-type::after {
display: none;
}
.full-unstyled-link {
text-decoration: none;
color: currentColor;
display: block;
}
.placeholder {
background-color: rgba(var(--color-foreground), 0.04);
color: rgba(var(--color-foreground), 0.55);
fill: rgba(var(--color-foreground), 0.55);
}
details > * {
box-sizing: border-box;
}
.break {
word-break: break-word;
}
@media (prefers-reduced-motion) {
.motion-reduce {
transition: none !important;
}
}
.underlined-link {
color: rgba(var(--color-link), var(--alpha-link));
text-underline-offset: 0.3rem;
text-decoration-thickness: 0.1rem;
transition: text-decoration-thickness ease 100ms;
}
.underlined-link:hover {
color: rgb(var(--color-link));
text-decoration-thickness: 0.2rem;
}
.link-hover-line {
position: relative;
}
.link-hover-line::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
content: "";
width: 0;
height: 0.1rem;
background-color: currentColor;
transition: width var(--duration-default);
}
.link-hover-line:hover::after {
width: 100%;
}
.link-hover-line-outer span {
position: relative;
}
.link-hover-line-outer span::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
content: "";
width: 0;
height: 0.1rem;
background-color: rgb(var(--color-accent));
transition: width var(--duration-default);
}
.link-hover-line-outer:hover span::after {
width: 100%;
}
.link-hover-arrow svg {
opacity: 0;
transition: opacity var(--duration-default);
}
.link-hover-arrow:hover svg {
opacity: 1;
}
.link-hover-line-long {
background: no-repeat 0 calc(100% - 4px);
background-image: linear-gradient(
rgb(var(--color-accent)),
rgb(var(--color-accent))
);
background-size: 0% 0.1rem;
transition-property: background-size;
transition-duration: var(--duration-default);
transition-timing-function: ease;
}
.link-hover-line-long:hover {
background-size: 100% 0.1rem;
}
/* Component-title */
.title {
margin: 3rem 0 2rem;
}
.title-wrapper {
margin-bottom: 3.2rem;
}
.title--primary {
margin: 4rem 0;
}
.title--page {
text-align: left;
}
.title--section > * {
margin: 0;
}
.title--section-mt-none {
margin: 0 0 3rem 0;
}
.title--section-m-none {
margin: 0;
}
@media screen and (min-width: 990px) {
.title {
margin: 5rem 0 3rem;
}
.title--primary {
margin: 2rem 0;
}
}
.page-header {
margin-bottom: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 2rem;
text-align: center;
}
.page-header .title--page {
margin-bottom: 0;
margin-top: 0;
}
.page-header .title--page:not(:first-child) {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 750px) {
.page-header {
margin-bottom: 2rem;
padding-top: 2.6rem;
}
}
.subtitle {
font-weight: var(--font-subtitle-weight);
font-style: var(--font-subtitle-style);
letter-spacing: var(--font-subtitle-letter-spacing);
text-transform: var(--font-subtitle-text-transform);
font-size: var(--font-subtitle-size);
color: rgb(var(--color-subheading));
}
.subtitle:not(:only-child) {
margin-bottom: 0.8rem;
}
.subtitle--secondary {
color: rgb(var(--color-foreground-secondary));
}
.subtitle--wrapper {
font-weight: var(--font-subtitle-weight);
font-style: var(--font-subtitle-style);
letter-spacing: var(--font-subtitle-letter-spacing);
text-transform: var(--font-subtitle-text-transform);
font-size: var(--font-subtitle-size);
color: rgb(var(--color-subheading));
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.8rem 0;
}
.subtitle--wrapper:not(:only-child) {
margin-bottom: 0.8rem;
}
.subtitle--wrapper span {
display: flex;
align-items: center;
}
.subtitle--wrapper span:last-child::after {
display: none;
}
.subtitle--wrapper span::after {
content: "";
width: 1.5rem;
height: 0.1rem;
margin: 0 0.8rem;
background-color: rgb(var(--color-subheading));
}
@media screen and (min-width: 576px) {
.subtitle--wrapper span::after {
width: 3rem;
}
}
@media screen and (min-width: 990px) {
.subtitle--wrapper span::after {
width: 6rem;
}
}
@media screen and (min-width: 750px) and (max-width: 989px) {
.slider--tablet.grid--peek .grid__item {
width: calc(25% - 3rem);
}
.slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
width: calc(33.33% - 2.6666666667rem);
}
.slider--tablet.grid--peek.grid--2-col-tablet .grid__item {
width: calc(50% - 2rem);
}
.slider--tablet.grid--peek .grid__item:first-of-type {
padding-left: 1.5rem;
}
.slider--tablet.grid--peek .grid__item:last-of-type {
padding-right: 1.5rem;
}
}
@media screen and (max-width: 989px) {
.slider--tablet.grid--peek {
margin: 0;
width: 100%;
}
.slider--tablet.grid--peek .grid__item {
box-sizing: content-box;
margin: 0;
}
}
.slider-btns {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 3rem;
}
.slider-btn {
flex: none;
padding: 0;
width: 6.2rem;
height: 3rem;
color: rgba(var(--color-foreground-title), 1);
background: none;
border: none;
border-radius: none;
transition: var(--duration-default);
transform: scale(1);
cursor: pointer;
}
@media screen and (min-width: 1330px) {
.slider-btn--next:hover {
transform: translateX(0.5rem);
}
.slider-btn--prev:hover {
transform: translateX(-0.5rem);
}
}
@media screen and (max-width: 768px) {
.slider-btn {
width: 3rem;
}
}
/* Media */
.media {
display: block;
background-color: rgba(var(--color-foreground), 0.3);
position: relative;
overflow: hidden;
}
.media--transparent {
background-color: transparent;
}
.media > *:not(.zoom, .deferred-media__poster-button, .card__link),
.media model-viewer,
.card-wrapper__link--overlay:empty {
display: block;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.media > img {
object-fit: cover;
object-position: center center;
transition: opacity var(--duration-long), transform var(--duration-long);
}
.media--square {
padding-bottom: 100%;
}
.media--portrait {
padding-bottom: 114.2%;
}
.media--landscape {
padding-bottom: 66.6%;
}
.media--cropped {
padding-bottom: 56%;
}
.media--16-9 {
padding-bottom: 56.25%;
}
.media--circle {
padding-bottom: 100%;
border-radius: 50%;
}
.media.media--hover-effect > img + img {
opacity: 0;
}
@media screen and (min-width: 990px) {
.media--cropped {
padding-bottom: 63%;
}
}
deferred-media {
display: block;
}
/* Button */
/* Button - default */
.button,
.customer .button {
font-weight: var(--font-button-weight);
font-style: var(--font-button-style);
text-transform: var(--font-button-text-transform);
letter-spacing: var(--font-button-letter-spacing);
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
text-decoration: none;
border: 1px solid;
border-radius: 4px;
transition: var(--duration-default);
font-size: 1.2rem;
line-height: 1;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
z-index: 1;
}
.button svg,
.customer .button svg {
flex: none;
width: 1rem;
height: 1rem;
}
.button--primary,
.button--secondary,
.button--tertiary,
.button--link,
.customer .button--primary,
.customer .button--secondary,
.customer .button--tertiary,
.customer .button--link {
min-width: 10rem;
min-height: 5.9rem;
padding: 0 4.5rem;
}
.button--primary svg,
.button--secondary svg,
.button--tertiary svg,
.button--link svg,
.customer .button--primary svg,
.customer .button--secondary svg,
.customer .button--tertiary svg,
.customer .button--link svg {
opacity: 0;
transform: translateX(-5px);
transition: var(--duration-default);
}
.button--primary span,
.button--secondary span,
.button--tertiary span,
.button--link span,
.customer .button--primary span,
.customer .button--secondary span,
.customer .button--tertiary span,
.customer .button--link span {
transition: var(--duration-default);
transform: translateX(5px);
}
.button--primary:hover svg,
.button--secondary:hover svg,
.button--tertiary:hover svg,
.button--link:hover svg,
.customer .button--primary:hover svg,
.customer .button--secondary:hover svg,
.customer .button--tertiary:hover svg,
.customer .button--link:hover svg {
opacity: 1;
transform: translateX(0);
}
.button--primary:hover span,
.button--secondary:hover span,
.button--tertiary:hover span,
.button--link:hover span,
.customer .button--primary:hover span,
.customer .button--secondary:hover span,
.customer .button--tertiary:hover span,
.customer .button--link:hover span {
transform: translateX(-7px);
}
.button--primary,
.customer .button--primary {
background-color: rgba(var(--color-button));
color: rgb(var(--color-button-text));
border-color: rgba(var(--color-button));
}
.button--primary svg,
.customer .button--primary svg {
color: rgb(var(--color-button-text));
}
.button--secondary,
.customer .button--secondary {
background-color: rgba(var(--color-button-secondary));
color: rgb(var(--color-button-secondary-text));
border-color: rgba(var(--color-button-secondary));
}
.button--secondary svg,
.customer .button--secondary svg {
color: gb(var(--color-button-secondary-text));
}
.button--tertiary,
.customer .button--tertiary {
background-color: transparent;
color: rgb(var(--color-button-tertiary-text));
border-color: rgba(var(--color-button-tertiary-text));
}
.button--tertiary svg,
.customer .button--tertiary svg {
color: rgba(var(--color-button-tertiary-text));
}
.button--simple,
.customer .button--simple {
width: 5rem;
height: 5rem;
border-radius: 50%;
background-color: transparent;
color: rgb(var(--color-button-tertiary-text));
border-color: rgba(var(--color-button-tertiary-text));
}
.button--simple svg,
.customer .button--simple svg {
width: 0.8rem;
height: 0.8rem;
}
.button--simple:hover,
.customer .button--simple:hover {
background-color: rgba(var(--color-button-tertiary-text));
color: #ffffff;
}
.button--arrow,
.customer .button--arrow {
gap: 0.8rem;
}
.button--arrow svg,
.customer .button--arrow svg {
opacity: 1;
transform: translateX(0);
}
.button--arrow:hover span,
.customer .button--arrow:hover span {
transform: translateX(0);
}
.button--arrow:hover svg,
.customer .button--arrow:hover svg {
transform: translate(3px, -3px);
}
.button--full-width,
.customer .button--full-width {
display: flex;
width: 100%;
}
.button--link,
.customer .button--link {
font-size: var(--font-text-card-size);
height: 3.1rem;
text-decoration: underline;
border: none;
}
.button.loading,
.customer .button.loading {
color: transparent;
}
.button.loading:after,
.customer .button.loading:after {
animation: loading var(--duration-long) infinite linear;
border: 0.5rem solid rgba(var(--color-button-text), 0.4);
border-left: 0.5rem solid rgb(var(--color-button-text));
border-radius: 100%;
box-sizing: content-box;
content: "";
display: block;
height: 2rem;
position: absolute;
width: 2rem;
margin: auto;
}
/* Button - other */
.button:disabled,
.button[aria-disabled="true"],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled="true"],
.customer button.disabled {
cursor: not-allowed;
opacity: 0.5;
}
@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Button - social share */
.share-button {
display: block;
position: relative;
margin-top: 1rem;
}
.share-button__button {
padding: 0;
box-shadow: none;
background: none;
text-transform: none;
font-weight: 500;
justify-content: flex-start;
}
.share-button .share-button__button:hover {
box-shadow: none;
}
.share-button .share-button__button:focus {
box-shadow: none;
border: none;
}
.share-button__button .icon-share {
margin-right: 1rem;
}
.share-button__fallback {
border: 0.1rem solid rgba(var(--color-foreground), 0.1);
background: rgb(var(--color-background));
padding: 2rem;
position: absolute;
top: 4rem;
left: -0.1rem;
z-index: 3;
width: 100%;
display: flex;
flex-direction: column;
}
.share-button__fallback .button {
margin-top: 1rem;
}
.share-button__fallback .icon-clipboard {
height: 1.4rem;
width: 1.8rem;
}
.share-button__message:not(:empty) {
font-size: 1.2rem;
text-align: right;
display: block;
margin-top: 0.5rem;
}
/* Button - social share new */
.share-buttons {
display: inline-flex;
position: relative;
margin-top: 0;
}
.share-buttons:hover .share-buttons__list {
opacity: 1;
visibility: visible;
top: 100%;
}
.share-buttons__label {
display: inline-flex;
align-items: center;
padding: 1rem 0;
cursor: pointer;
}
.share-buttons__label-name {
font-size: 1.2rem;
}
.share-buttons__label .icon-share {
width: 1.2rem;
margin-right: 1rem;
}
.share-buttons__label .icon-share path {
fill: rgba(var(--color-foreground));
}
.share-buttons__list {
position: absolute;
width: 17rem;
top: 50%;
display: flex;
flex-direction: column;
padding: 1.3rem 2.2rem;
margin: 0;
list-style: none;
opacity: 0;
visibility: hidden;
transition: var(--duration-default);
background-color: rgba(var(--color-base-background-2));
border: 0.1rem solid rgba(var(--color-foreground), 0.2);
z-index: 10;
}
.share-buttons__list:before {
content: "";
position: absolute;
width: 1rem;
height: 1rem;
background-color: rgba(var(--color-base-background-2));
border: 0.1rem solid rgba(var(--color-foreground), 0.2);
top: -0.5rem;
left: 2rem;
transform: rotate(53deg) skew(15deg);
}
.share-buttons__list:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0.7rem;
background-color: rgba(var(--color-base-background-2));
}
.share-buttons__item a {
color: rgba(var(--color-foreground), 0.75);
transition: var(--duration-default);
}
.share-buttons__item a:hover {
color: rgba(var(--color-foreground));
}
.share-buttons__item .icon {
width: 1.5rem;
height: 1.5rem;
margin-right: 1.5rem;
}
.share-buttons__item .icon-copy {
transform: rotate(-45deg);
}
.share-buttons__button {
display: flex;
align-items: center;
width: 100%;
text-decoration: none;
padding: 0.5rem 0;
}
.share-button__name {
font-size: 1.2rem;
transition: var(--duration-default);
}
.share-button__icon {
display: flex;
align-items: center;
color: rgb(var(--color-foreground));
padding: 0.8rem;
background-color: rgb(var(--color-scondary-element-background));
border-radius: 100%;
transition: var(--duration-default);
}
.share-buttons__button:hover .share-button__icon {
background-color: rgb(var(--color-scondary-element-background), 0.5);
}
.share-buttons-simple {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
margin: 0;
}
.share-buttons-simple .icon {
width: 1.5rem;
height: 1.5rem;
color: rgb(var(--color-button));
}
.share-buttons-simple .icon-copy {
transform: rotate(-45deg);
}
.share-buttons-simple__button {
display: block;
padding: 0.8rem;
transition: var(--duration-default);
}
.share-buttons-simple__button:hover {
color: rgba(var(--color-foreground), 0.2);
}
.modal-close-button {
color: rgb(var(--color-foreground));
cursor: pointer;
text-decoration: none;
font-weight: 700;
font-size: 1rem;
background: transparent;
border: none;
}
.modal-close-button span {
margin-left: 0.4rem;
text-transform: uppercase;
font-weight: 700;
font-size: 10px;
letter-spacing: 0.06em;
}
.modal-close-button .icon-close {
width: 0.85rem;
height: 0.85rem;
transition: var(--duration-default) ease;
}
.modal-close-button:hover .icon-close {
transform: rotate(90deg);
}
.fancybox-close-button {
position: absolute;
top: 2rem;
right: 2rem;
}
.swiper-buttons {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 5.4rem;
padding: 1rem;
width: 14rem;
height: 6.4rem;
font-weight: var(--font-button-weight);
font-style: var(--font-button-style);
text-transform: var(--font-button-text-transform);
letter-spacing: var(--font-button-letter-spacing);
color: rgb(var(--color-button-text));
text-decoration: none;
border: 0;
font-size: 1.2rem;
line-height: 1;
z-index: 1;
cursor: pointer;
}
.swiper-buttons::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(--color-button));
border-radius: 6rem;
transition: transform var(--duration-short);
}
@media screen and (min-width: 1200px) {
.swiper-buttons:hover::before {
transform: scale(1.05);
}
}
.swiper-buttons.swiper-buttons--secondary::before {
background-color: rgb(var(--color-base-outline-button-labels));
}
.swiper-buttons.swiper-buttons--secondary .swiper-button-next,
.swiper-buttons.swiper-buttons--secondary .swiper-button-prev,
.swiper-buttons.swiper-buttons--secondary .swiper-pagination {
color: rgb(var(--color-button-secondary-text));
}
.swiper-buttons.swiper-buttons--secondary .icon {
color: rgb(var(--color-button));
}
[data-scheme="dark"] .swiper-buttons--secondary {
color: #000;
}
@media (prefers-color-scheme: dark) {
:root [data-scheme="auto"] .swiper-buttons--secondary {
color: #000;
}
}
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
position: static;
margin: 0;
padding: 0;
background-color: transparent;
border: none;
color: rgb(var(--color-button-text));
}
.swiper-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 0.1rem;
}
.swiper-button-next,
.swiper-button-prev {
position: static;
flex: none;
width: 4.4rem;
height: 4.4rem;
}
.swiper-button-next .icon,
.swiper-button-prev .icon {
flex: none;
width: 1.6rem;
height: 1.6rem;
}
.swiper-button-next:after,
.swiper-button-prev:after {
display: none;
}
.button-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 6.4rem;
}
.button-wrapper .button {
min-width: 17.6rem;
}
.button-wrapper .button svg {
width: 2rem;
height: 2rem;
}
.infinite-scroll__loading {
display: flex;
justify-content: center;
margin-top: 6.4rem;
color: rgba(
var(--color-button-tertiary-text),
var(--alpha-button-background)
);
}
.infinite-scroll__loading .spinner {
display: none;
width: 2rem;
height: 2rem;
}
.infinite-scroll__loading.loading .spinner {
display: block;
}
.scroll-top {
display: none !important;
cursor: pointer;
position: fixed;
bottom: 1rem;
right: 1rem;
width: 3.2rem;
height: 3.2rem;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(var(--color-button), 0.5);
border: none;
border-radius: 50%;
opacity: 0;
z-index: 9999999;
transition: var(--duration-default);
}
.scroll-top svg {
width: 1.6rem;
height: 1.6rem;
fill: rgb(var(--color-button-text));
}
.scroll-top.show {
opacity: 1;
}
.scroll-top:hover {
background-color: rgba(var(--color-button), 1);
}
/* Form */
.field {
position: relative;
width: 100%;
min-height: 5.5rem;
display: flex;
}
.field label {
position: relative;
transition: var(--duration-short);
}
.field input[type="text"],
.field input[type="email"],
.field input[type="tel"],
.field input[type="search"],
.field input[type="password"],
.field select,
.field .field__input {
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
-webkit-appearance: none;
appearance: none;
background-color: rgb(var(--color-background-input));
border-radius: 0.4rem;
color: rgb(var(--color-base-text));
font-size: 1.4rem;
width: 100%;
border: 0.1rem solid rgb(var(--color-border-input));
height: 5.5rem;
box-sizing: border-box;
transition: border var(--duration-default);
}
@media screen and (max-width: 750px) {
.field input[type="text"],
.field input[type="email"],
.field input[type="tel"],
.field input[type="search"],
.field input[type="password"],
.field select,
.field .field__input {
font-size: 1.6rem;
}
}
.field input[type="text"]:hover,
.field input[type="text"]:focus,
.field input[type="email"]:hover,
.field input[type="email"]:focus,
.field input[type="tel"]:hover,
.field input[type="tel"]:focus,
.field input[type="search"]:hover,
.field input[type="search"]:focus,
.field input[type="password"]:hover,
.field input[type="password"]:focus,
.field select:hover,
.field select:focus,
.field .field__input:hover,
.field .field__input:focus {
border-color: rgb(var(--color-border-input-hover));
}
.field input[type="text"]:focus-visible,
.field input[type="text"]:focus,
.field input[type="email"]:focus-visible,
.field input[type="email"]:focus,
.field input[type="tel"]:focus-visible,
.field input[type="tel"]:focus,
.field input[type="search"]:focus-visible,
.field input[type="search"]:focus,
.field input[type="password"]:focus-visible,
.field input[type="password"]:focus,
.field select:focus-visible,
.field select:focus,
.field .field__input:focus-visible,
.field .field__input:focus {
outline: none;
}
.field input[type="search"] {
border: 2px solid rgb(var(--color-accent));
}
.field input[type="search"]::-webkit-search-cancel-button {
display: none;
}
.field input[type="search"]::placeholder {
color: rgb(var(--color-foreground));
}
.field input[type="text"],
.field input[type="email"],
.field input[type="tel"],
.field input[type="password"],
.field .field__input {
flex-grow: 1;
padding: 2.5rem 1.8rem 0.7rem;
text-align: left;
}
.field input[type="text"]::-webkit-search-cancel-button,
.field input[type="email"]::-webkit-search-cancel-button,
.field input[type="tel"]::-webkit-search-cancel-button,
.field input[type="password"]::-webkit-search-cancel-button,
.field .field__input::-webkit-search-cancel-button {
display: none;
}
.field input[type="text"]::placeholder,
.field input[type="email"]::placeholder,
.field input[type="tel"]::placeholder,
.field input[type="password"]::placeholder,
.field .field__input::placeholder {
opacity: 0;
}
.field input[type="text"][required] + label:after,
.field input[type="email"][required] + label:after,
.field input[type="tel"][required] + label:after,
.field input[type="password"][required] + label:after,
.field .field__input[required] + label:after {
content: "*";
display: inline-block;
position: relative;
top: -1.3rem;
font-size: 1rem;
color: #bb0000;
padding-left: 0.3rem;
transition: 0.3s;
}
.field input[type="text"][aria-invalid],
.field input[type="email"][aria-invalid],
.field input[type="tel"][aria-invalid],
.field input[type="password"][aria-invalid],
.field .field__input[aria-invalid] {
border: 1px solid #bb0000 !important;
}
.field input[type="text"] + label,
.field input[type="email"] + label,
.field input[type="tel"] + label,
.field input[type="password"] + label,
.field .field__input + label {
position: absolute;
left: 1.8rem;
top: 50%;
transform: translateY(-50%);
visibility: visible;
opacity: 1;
pointer-events: none;
font-weight: 400;
letter-spacing: 0.02em;
text-transform: none;
color: rgba(var(--color-placeholder-input), var(--alpha-placeholder-input));
}
.field input[type="text"] + label:before,
.field input[type="email"] + label:before,
.field input[type="tel"] + label:before,
.field input[type="password"] + label:before,
.field .field__input + label:before {
content: attr(placeholder);
display: inline-block;
position: relative;
top: -1.3rem;
font-size: 1rem;
transition: 0.3s;
color: rgba(var(--color-secondary-text));
}
.field input[type="text"]:placeholder-shown + label::before,
.field input[type="text"]:placeholder-shown + label::after,
.field input[type="email"]:placeholder-shown + label::before,
.field input[type="email"]:placeholder-shown + label::after,
.field input[type="tel"]:placeholder-shown + label::before,
.field input[type="tel"]:placeholder-shown + label::after,
.field input[type="password"]:placeholder-shown + label::before,
.field input[type="password"]:placeholder-shown + label::after,
.field .field__input:placeholder-shown + label::before,
.field .field__input:placeholder-shown + label::after {
font-size: 1.4rem;
top: -1px;
}
@media screen and (max-width: 750px) {
.field input[type="text"]:placeholder-shown + label::before,
.field input[type="text"]:placeholder-shown + label::after,
.field input[type="email"]:placeholder-shown + label::before,
.field input[type="email"]:placeholder-shown + label::after,
.field input[type="tel"]:placeholder-shown + label::before,
.field input[type="tel"]:placeholder-shown + label::after,
.field input[type="password"]:placeholder-shown + label::before,
.field input[type="password"]:placeholder-shown + label::after,
.field .field__input:placeholder-shown + label::before,
.field .field__input:placeholder-shown + label::after {
font-size: 1.6rem;
}
}
.field input[type="text"]:placeholder-shown + label::before,
.field input[type="email"]:placeholder-shown + label::before,
.field input[type="tel"]:placeholder-shown + label::before,
.field input[type="password"]:placeholder-shown + label::before,
.field .field__input:placeholder-shown + label::before {
color: rgb(var(--color-base-text));
}
.field input[type="text"]:focus + label::before,
.field input[type="text"]:focus + label::after,
.field input[type="email"]:focus + label::before,
.field input[type="email"]:focus + label::after,
.field input[type="tel"]:focus + label::before,
.field input[type="tel"]:focus + label::after,
.field input[type="password"]:focus + label::before,
.field input[type="password"]:focus + label::after,
.field .field__input:focus + label::before,
.field .field__input:focus + label::after {
font-size: 1rem;
top: -1.3rem;
}
.field input[type="text"]:focus + label::before,
.field input[type="email"]:focus + label::before,
.field input[type="tel"]:focus + label::before,
.field input[type="password"]:focus + label::before,
.field .field__input:focus + label::before {
color: rgba(var(--color-secondary-text));
}
.field .select {
width: 100%;
}
.field .select .placeholder-select {
color: rgba(var(--color-base-text), 0.5);
position: absolute;
top: 50%;
left: 1.8rem;
transform: translateY(-50%);
}
.field .select .placeholder-select span {
color: var(--color-badge-icon);
}
.field select {
cursor: pointer;
padding: 0 4rem 0 1.8rem;
}
.field select + svg {
width: 1.2rem;
height: 1.5rem;
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 2rem;
color: rgb(var(--color-button));
}
.field select option {
background-color: rgb(var(--color-background-input));
}
.field input[type="checkbox"] {
display: none;
}
.field input[type="checkbox"]:checked + label b {
background: rgba(var(--color-base-text))
url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.66649 6.61451L10.7945 0.48584L11.7378 1.42851L4.66649 8.49984L0.423828 4.25717L1.36649 3.31451L4.66649 6.61451Z' fill='white'/%3e%3c/svg%3e ")
no-repeat center center;
border-color: rgba(var(--color-base-text));
background-color: rgb(var(--color-button));
}
.field input[type="checkbox"]:checked + label b svg {
opacity: 1;
}
.field input[type="checkbox"]:focus + label b {
outline: 0.1rem solid rgba(var(--color-border-input)) !important;
outline-offset: 0;
}
.field input[type="checkbox"] + label {
display: inline-flex;
align-items: center;
font-size: 1.5rem;
color: rgb(var(--color-base-text));
cursor: pointer;
}
.field input[type="checkbox"] + label:hover b {
border-color: rgba(var(--color-accent));
}
.field input[type="checkbox"] + label b {
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
margin: 0 1.1rem 0 0;
border: 0.1rem solid rgba(var(--color-border));
background-color: rgb(var(--color-background-input));
appearance: none;
transition: var(--duration-default);
}
.field input[type="checkbox"] + label b svg {
opacity: 0;
color: rgb(var(--color-button-text));
}
.field--dark input[type="text"],
.field--dark input[type="email"],
.field--dark input[type="tel"],
.field--dark input[type="password"],
.field--dark input[type="search"] {
border-color: rgba(255, 255, 255, 0.4);
color: rgb(255, 255, 255);
background-color: transparent;
}
.field--dark input[type="text"]:hover,
.field--dark input[type="text"]:focus,
.field--dark input[type="email"]:hover,
.field--dark input[type="email"]:focus,
.field--dark input[type="tel"]:hover,
.field--dark input[type="tel"]:focus,
.field--dark input[type="password"]:hover,
.field--dark input[type="password"]:focus,
.field--dark input[type="search"]:hover,
.field--dark input[type="search"]:focus {
border-color: rgb(255, 255, 255);
}
.field--dark input[type="text"] + label::before,
.field--dark input[type="email"] + label::before,
.field--dark input[type="tel"] + label::before,
.field--dark input[type="password"] + label::before,
.field--dark input[type="search"] + label::before {
color: rgba(255, 255, 255, 0.5);
}
/* Text area */
.text-area {
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
padding: 1.2rem;
min-height: 10rem;
resize: none;
}
.text-area--resize-vertical {
resize: vertical;
}
.field .text-area + label {
top: 3rem;
}
/* Form global */
.form__label {
display: block;
margin-bottom: 0.6rem;
}
.form__message {
align-items: center;
display: flex;
font-size: 1.4rem;
line-height: 1;
margin-top: 1rem;
}
@media screen and (max-width: 750px) {
.form__message {
font-size: 1.6rem;
}
}
.form__message--large {
font-size: 1.4rem;
}
@media screen and (max-width: 750px) {
.form__message--large {
font-size: 1.6rem;
}
}
.form__message .icon {
flex-shrink: 0;
height: 1.3rem;
margin-right: 0.5rem;
width: 1.3rem;
}
.form__message--large .icon {
height: 1.5rem;
width: 1.5rem;
margin-right: 1rem;
}
.form-status {
margin: 0;
font-size: 1.4rem;
}
@media screen and (max-width: 750px) {
.form-status {
font-size: 1.6rem;
}
}
.form-status-list {
padding: 0;
margin: 2rem 0 4rem;
}
.form-status-list li {
list-style-position: inside;
}
.form-status-list .link::first-letter {
text-transform: capitalize;
}
/* Quantity */
.quantity {
position: relative;
width: 14rem;
display: flex;
border: 0.1rem solid rgb(var(--color-border));
border-radius: 4px;
}
.quantity__input {
color: currentColor;
font-size: 1.5rem;
font-weight: 500;
opacity: 0.85;
text-align: center;
background-color: transparent;
border: 0;
padding: 0 0.5rem;
height: 5rem;
width: 100%;
flex-grow: 1;
-webkit-appearance: none;
appearance: none;
}
.quantity__input:focus {
border: none;
outline: none;
}
.quantity__input:focus-visible {
border: none;
outline: none;
}
.quantity__button {
width: 5rem;
flex-shrink: 0;
font-size: 1.8rem;
border: 0;
background-color: transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: rgb(var(--color-foreground));
transition: border-color var(--duration-default);
}
.quantity__button svg {
transition: opacity var(--duration-default);
}
.quantity__button:hover svg {
opacity: 0.5;
}
.quantity__button.disabled {
pointer-events: none;
}
html.no-js .quantity__input {
border: 0.1rem solid rgba(var(--color-border-input));
}
html.no-js .quantity__input:hover {
border: 0.1rem solid rgba(var(--color-border-input-hover));
}
.quantity__button svg {
width: 1rem;
pointer-events: none;
}
.quantity__button svg path {
transition: var(--duration-default);
}
.quantity__button:hover svg path {
color: rgba(var(--color-foreground));
}
.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
-webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity__input[type="number"] {
-moz-appearance: textfield;
}
/* Negate the fallback side-effect for browsers that support :focus-visible */
*:focus:not(:focus-visible):not(.button--secondary):not(
.localization-selector.link
) {
outline: 0;
box-shadow: none;
}
/*
Focus ring - inset
*/
.focus-inset:focus-visible {
outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
outline-offset: -0.2rem;
box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}
/* Fallback */
.focus-inset:focus {
outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
outline-offset: -0.2rem;
box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}
.focus-inset:focus:not(:focus-visible) {
outline: 0;
box-shadow: none;
}
/*
Focus ring - none
*/
/* Dangerous for a11y - Use with care */
.focus-none {
box-shadow: none !important;
outline: 0 !important;
}
/* Modal */
.modal__toggle {
list-style-type: none;
}
.no-js details[open] .modal__toggle {
position: absolute;
z-index: 2;
}
.modal__toggle-close {
display: none;
}
.no-js details[open] svg.modal__toggle-close {
display: flex;
z-index: 1;
height: 1.4rem;
width: 1.4rem;
}
.modal__toggle-open {
display: flex;
}
.no-js details[open] .modal__toggle-open {
display: none;
}
.no-js .modal__close-button.link {
display: none;
}
.modal__close-button.link {
display: flex;
justify-content: center;
align-items: center;
padding: 0rem;
background-color: transparent;
}
.modal__content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(var(--color-background));
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}
.fancybox-skin {
padding: 0 !important;
}
/* Announcement-bar */
#shopify-section-announcement-bar {
z-index: 4;
}
.section-announcement {
transition: transform var(--duration-default);
position: sticky;
top: 0;
z-index: 22;
}
.body--hidden .section-announcement {
opacity: 0;
}
.announcement-bar {
color: rgb(var(--color-foreground));
font-size: 1.2rem;
}
.announcement-bar-1 {
background: rgb(var(--color-announcement-bar-background-1));
color: #fff;
}
.announcement-bar-2 {
background: rgb(var(--color-announcement-bar-background-2));
color: #000;
border-bottom: 1px solid #1a1a1a;
}
.announcement-bar__link {
font-size: 1.2rem;
}
.announcement-bar__message {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.8rem;
text-align: center;
padding: 1rem 2rem;
min-height: 4.5rem;
}
.announcement-bar__image {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
margin: 0;
}
.announcement-bar__image img {
display: block;
object-fit: contain;
object-position: center;
width: auto;
height: 100%;
}
.announcement-bar__text {
font-weight: 500;
line-height: 100%;
font-size: 12px !important;
text-transform: uppercase;
color: #fff;
padding-left: 50px;
}
.announcement-bar__text:hover {
color: #fff;
}
.announcement-bar__text span {
color: #fff;
font-size: 10.875px;
font-style: normal;
font-weight: 600;
line-height: 17.4px;
letter-spacing: 2.4px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
}
.announcement-bar__text p {
color: #fff;
text-align: center;
font-size: 10.875px;
font-style: normal;
font-weight: 400;
line-height: 17.4px; /* 160% */
letter-spacing: 2.4px;
text-transform: uppercase;
text-decoration: none;
}
.announcement-bar__text p {
margin: 0;
display: flex;
align-items: center;
gap: 10px;
}
.announcement-bar__text a {
position: relative;
color: inherit;
text-underline-offset: 0.4rem;
text-decoration-color: inherit;
z-index: 2;
white-space: nowrap;
}
.announcement-bar__text a:hover {
opacity: 0.8;
}
.announcement-bar__text {
font-size: 11.25px;
font-weight: 400;
line-height: 13.05px;
letter-spacing: 0.2em;
text-align: center;
}
.announcement-bar__link {
display: block;
width: 100%;
text-decoration: none;
}
.announcement-bar__link:hover {
color: #fff;
background-color: rgba(var(--color-card-hover), 0.06);
}
/* Header */
body.body--hidden {
overflow-y: hidden;
}
body.body--hidden .header-wrapper {
padding-right: 2rem;
padding-left: 2rem;
}
@media screen and (min-width: 990px) {
body.body--hidden .header-wrapper {
padding-right: 4rem;
padding-left: 4rem;
}
}
@media screen and (min-width: 1760px) {
body.body--hidden .header-wrapper {
padding-right: 2rem;
padding-left: 2rem;
}
}
.shopify-section-header {
z-index: 11;
will-change: transform;
top: 22px !important;
}
.shopify-section-header-sticky {
position: sticky;
top: -1px;
}
.shopify-section-header-sticky .header-wrapper--under-menu {
width: 100%;
}
.overflow--hidden .shopify-section-header-hidden {
transform: translateY(0%);
}
.overflow--hidden .shopify-section-header-fixed-hidden {
transform: translateY(0%);
}
.shopify-section-header-hidden {
transform: translateY(-101%);
}
.shopify-section-header.animate {
transition: transform 0.15s ease-out;
}
/* Main Header Layout */
.header-wrapper {
display: block;
position: relative;
background-color: rgb(var(--color-header-background));
}
.header-wrapper--under-menu {
position: absolute;
margin: 20px auto;
left: 50%;
transform: translateX(-50%);
border-radius: 4px;
transition: max-width 0.15s, margin 0.15s, border-radius 0.15s;
width: 95%;
}
@media screen and (max-width: 990px) {
.header-wrapper--under-menu {
padding-right: 1rem;
padding-left: 1rem;
}
}
.header-wrapper--under-menu .header--top,
.header-wrapper--under-menu .header--left,
.header-wrapper--under-menu .header--center {
padding-left: 0;
padding-right: 0;
}
.header-wrapper--under-menu-full {
max-width: 100%;
border-radius: 0px;
transition: max-width 0.15s, margin 0.15s, border-radius 0.15s;
margin: 0 auto;
}
.header {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
font-style: var(--font-header-menu-style);
font-weight: var(--font-header-menu-weight);
text-transform: var(--font-header-menu-text-transform);
}
@media screen and (max-width: 1200px) {
.header .header__heading,
.header .header__heading-link {
grid-column: 2/3;
}
}
.header .cart-count-bubble {
position: static;
/*width: calc(var(--font-header-menu-link-size) * 2);
height: calc(var(--font-header-menu-link-size) * 2);*/
border: 1px solid rgba(var(--color-border));
color: rgb(var(--color-foreground-secondary));
background: transparent;
transition: background-color var(--duration-default) ease-in-out;
}
.header .cart-count-bubble {
height: 17px;
width: 17px;
position: relative;
top: -12px;
left: -13px;
background: #000;
color: #fff;
border: none;
}
.header__icon span {
position: relative;
left: 0px;
bottom: -1px;
}
.header .link {
font-size: 12px;
}
.header__column {
/* margin-left: auto; */
}
.header__column details[open] > .header__icon span {
color: rgb(var(--color-foreground)) !important;
}
.header__column
.header__localization-button[aria-expanded="true"]
.currency-country {
color: rgb(var(--color-foreground)) !important;
}
.header__column:hover .header__search:not(:hover),
.header__column:hover .header__toggle-scheme:not(:hover),
.header__column:hover .header__localization:not(:hover),
.header__column:hover .header__localization--language:not(:hover),
.header__column:hover .header__account:not(:hover),
.header__column:hover .header__cart:not(:hover) {
color: rgb(var(--color-foreground-secondary));
}
.header__column:hover .header__search:not(:hover) .disclosure .value,
.header__column:hover .header__toggle-scheme:not(:hover) .disclosure .value,
.header__column:hover .header__localization:not(:hover) .disclosure .value,
.header__column:hover
.header__localization--language:not(:hover)
.disclosure
.value,
.header__column:hover .header__account:not(:hover) .disclosure .value,
.header__column:hover .header__cart:not(:hover) .disclosure .value {
color: rgb(var(--color-foreground-secondary));
}
.header__column:hover .header__search:not(:hover) .header__icon-name,
.header__column:hover .header__search:not(:hover) .currency-country,
.header__column:hover .header__search:not(:hover) .icon-search,
.header__column:hover .header__toggle-scheme:not(:hover) .header__icon-name,
.header__column:hover .header__toggle-scheme:not(:hover) .currency-country,
.header__column:hover .header__toggle-scheme:not(:hover) .icon-search,
.header__column:hover .header__localization:not(:hover) .header__icon-name,
.header__column:hover .header__localization:not(:hover) .currency-country,
.header__column:hover .header__localization:not(:hover) .icon-search,
.header__column:hover
.header__localization--language:not(:hover)
.header__icon-name,
.header__column:hover
.header__localization--language:not(:hover)
.currency-country,
.header__column:hover .header__localization--language:not(:hover) .icon-search,
.header__column:hover .header__account:not(:hover) .header__icon-name,
.header__column:hover .header__account:not(:hover) .currency-country,
.header__column:hover .header__account:not(:hover) .icon-search,
.header__column:hover .header__cart:not(:hover) .header__icon-name,
.header__column:hover .header__cart:not(:hover) .currency-country,
.header__column:hover .header__cart:not(:hover) .icon-search {
color: rgb(var(--color-foreground-secondary));
}
.header__heading,
.header__heading-link {
margin-right: auto;
}
@media screen and (min-width: 750px) {
.header__heading,
.header__heading-link {
flex: none;
}
}
@media screen and (max-width: 400px) {
.header__heading .h4 {
font-size: 1.5rem;
}
}
.header > .header__heading,
.header > .header__heading-link {
display: flex;
}
.header .theme {
display: flex;
align-items: center;
-webkit-tap-highlight-color: transparent;
}
.header .theme .theme__toggle-wrap {
position: relative;
}
.header .theme .theme__toggle-wrap .theme__toggle {
display: block;
position: relative;
z-index: 1;
background-color: rgb(var(--color-base-background-2));
border-radius: 25%/50%;
padding: 0.3em;
width: 5.1rem;
height: 2.8rem;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
transition: background-color var(--duration-default) ease-in-out !important;
margin-right: 0;
margin-left: 0;
}
@media screen and (max-width: 400px) {
.header .theme .theme__toggle-wrap .theme__toggle {
width: 3.8rem;
height: 2.2rem;
}
}
.header .theme .theme__toggle-wrap .theme__toggle::before {
display: block;
background-color: rgb(var(--color-header-background));
border-radius: 50%;
content: "";
width: 2.2rem;
height: 2.2rem;
transition: transform var(--duration-default) ease-in-out !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
.header .theme .theme__toggle-wrap .theme__toggle::before {
width: 1.7rem;
height: 1.7rem;
}
}
.header .theme .theme__toggle-wrap .theme__toggle:focus {
outline: transparent;
}
.header .theme .theme__toggle-wrap .theme__icon {
position: absolute;
display: block;
top: 50%;
left: 4px;
width: 1.1rem;
height: 1.1rem;
pointer-events: none;
transition: transform var(--duration-default) ease-in-out !important;
z-index: 1;
transform: translateY(-50%);
}
@media screen and (max-width: 400px) {
.header .theme .theme__toggle-wrap .theme__icon {
left: 2px;
width: 1rem;
height: 1rem;
}
}
.header .theme .theme__toggle-wrap .theme__icon svg {
position: absolute;
width: 100%;
height: 100%;
}
.header .theme .theme__toggle-wrap .theme__icon svg:nth-child(1) {
opacity: 1;
}
.header .theme .theme__toggle-wrap .theme__icon svg:nth-child(2) {
opacity: 0;
color: rgb(var(--color-foreground));
}
[data-scheme="dark"] .header__toggle-scheme-dark .theme .theme__toggle {
background-color: rgb(150, 150, 150) !important;
}
@media (prefers-color-scheme: dark) {
:root [data-scheme="auto"] .header__toggle-scheme-dark .theme .theme__toggle {
background-color: rgb(150, 150, 150) !important;
}
}
.header__toggle-scheme-dark .theme .theme__toggle {
background-color: #ffffff !important;
}
.header__toggle-scheme-dark .theme .theme__toggle::before {
transform: translate(100%, -50%) !important;
}
.header__toggle-scheme-dark .theme .theme__toggle ~ .theme__icon {
transform: translate(2.3rem, -50%) !important;
left: 3.5px !important;
}
@media screen and (max-width: 400px) {
.header__toggle-scheme-dark .theme .theme__toggle::before {
transform: translate(80%, -50%) !important;
}
.header__toggle-scheme-dark .theme .theme__toggle ~ .theme__icon {
transform: translate(1.3rem, -50%) !important;
}
}
.header__toggle-scheme-dark
.theme
.theme__toggle
~ .theme__icon
svg:nth-child(2) {
opacity: 1 !important;
}
.header__toggle-scheme-dark
.theme
.theme__toggle
~ .theme__icon
svg:nth-child(1) {
opacity: 0 !important;
}
.header__shop-name {
display: flex;
align-items: center;
font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
font-weight: var(--font-subtitle-weight);
}
.header__icon-shop-name {
display: none;
margin-right: 3.2rem;
color: rgb(var(--color-foreground));
text-transform: uppercase;
font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
}
@media screen and (min-width: 1200px) {
.header__icon-shop-name {
display: block;
}
}
.header__icon-shop-name {
margin-right: 0;
margin-left: 1rem;
font-weight: var(--font-subtitle-weight);
}
.header__inline-menu .list-menu--inline > li > .list-menu__item > span {
font-family: "Inter" !important;
}
@media screen and (min-width: 1200px) {
.header {
position: static;
display: grid;
}
.header > .header__heading,
.header > .header__heading-link {
grid-area: heading;
}
.header__inline-menu {
grid-area: navigation;
align-items: center;
height: 100%;
}
.header__inline-menu .list-menu--inline {
height: 100%;
}
.header__inline-menu .list-menu--inline > li > .list-menu__item {
height: 100%;
}
.header__inline-menu .list-menu--inline > li > .list-menu__item > span {
height: 100%;
min-height: var(--header-height);
}
.header__inline-menu .list-menu--inline > li > a {
height: 100%;
}
.header__inline-menu .list-menu--inline > li > a > span {
height: 100%;
}
.header__inline-menu li {
flex: none;
}
.header__column {
grid-area: column;
}
.header__cart,
.header__icon--cart {
grid-area: cart;
}
.header__offcanvas {
grid-area: offcanvas;
}
.header--left {
grid-template-columns: auto auto 1fr auto;
grid-template-areas: "offcanvas heading navigation column";
}
.header--left .header__inline-menu {
display: flex;
justify-content: flex-start;
margin-right: auto;
margin-left: 2rem;
}
.header--left > .header__heading,
.header--left > .header__heading-link {
margin-right: 0;
}
.header--left .header__offcanvas {
margin-right: 1.6rem;
}
.header--left .header__column {
margin-left: 0;
}
.header--center {
grid-template-columns: auto 1fr auto 1fr;
grid-template-areas: "offcanvas navigation heading column";
}
.header--center .header__inline-menu {
justify-content: flex-start;
}
.header--center .header__inline-menu > ul {
margin-left: -1.2rem;
}
.header--center .header__offcanvas {
margin-right: 2rem;
}
.header--center > .header__heading,
.header--center > .header__heading-link {
margin-right: 0;
align-items: center;
text-align: center;
}
.header--center .header__column {
margin-left: auto;
}
.header--top {
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "offcanvas heading column" "navigation navigation navigation";
justify-items: start;
align-items: center;
position: relative;
padding-top: 1.8rem;
}
.header--top .header__heading,
.header--top .header__inline-menu,
.header--top .header__heading-link {
margin: auto;
}
.header--top .header__offcanvas-toggle {
z-index: 2;
}
}
.header *[tabindex="-1"]:focus {
outline: none;
}
.header__heading {
display: inline-flex;
align-items: center;
margin: 0;
line-height: 0;
}
.header__heading span {
line-height: 1;
text-transform: var(--font-header-menu-text-transform);
}
.header > .header__heading-link span {
display: flex;
align-items: center;
line-height: 1;
text-transform: var(--font-header-menu-text-transform);
}
.header__heading,
.header__heading-link {
justify-self: center;
}
.header__heading-link {
display: inline-block;
text-decoration: none;
word-break: break-word;
max-width: 100%;
}
@media screen and (max-width: 1199px) {
.header__heading-link {
max-width: 350px;
}
}
.header__heading .header__heading-link {
display: flex;
padding: 0;
}
.header__heading-link:hover .h2 {
color: rgb(var(--color-foreground));
}
.header__heading-link .h2 {
line-height: 1;
color: rgba(var(--color-foreground), 0.75);
}
.header__heading-logo {
display: block;
height: auto;
object-fit: contain;
width: 100%;
/* max-width: 93px; */
}
@media screen and (max-width: 576px) {
.header__heading-logo {
/* max-width: 93px; */
}
}
.header__heading-logo--overlay {
display: none;
}
@media screen and (min-width: 990px) {
.header__heading,
.header__heading-link {
justify-self: start;
align-items: center;
}
.header--center .header__heading-link,
.header--center .header__heading {
justify-self: center;
}
}
/* Header column */
.header__column {
display: flex;
align-items: center;
justify-content: flex-end;
flex: none;
}
/* Header icons */
.header__icons {
display: flex;
grid-area: icons;
justify-self: end;
font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
font-weight: var(--font-subtitle-weight);
}
@media screen and (max-width: 1199px) {
.header__icons {
display: none;
}
}
.header__icon,
.header__icon span {
display: flex;
align-items: center;
justify-content: center;
}
.header__icon span {
height: 100%;
}
.header__icon .icon {
width: 1.4rem;
height: 1.4rem;
transition: var(--duration-default);
color: rgba(var(--color-foreground));
}
.header__icon--account .icon {
width: 1.8rem;
height: 1.8rem;
display: block;
}
@media screen and (min-width: 1360px) {
.header__icon--account .icon {
}
}
.link--text.header__icon:hover .icon {
color: rgb(var(--color-foreground));
}
.header__icon--menu {
width: 4.4rem;
height: 4.4rem;
margin-left: -1rem;
margin-top: 0.4rem;
}
@media screen and (min-width: 1200px) {
.header__icon--menu {
margin: 0;
}
}
.header__icon--menu span {
width: 100%;
}
.header__icon::after {
content: none;
}
.header__icon .icon {
fill: none;
vertical-align: middle;
}
.header__icon--cart {
position: relative;
gap: 0.4rem;
min-width: 4.4rem;
width: auto;
height: 4.4rem;
font-size: calc(var(--font-header-menu-link-size) - 0.4rem) !important;
font-weight: var(--font-subtitle-weight);
text-transform: uppercase;
}
@media screen and (min-width: 1200px) {
.header__icon--cart {
/* margin: 0 40px 0 0; */
}
}
.header__icon--cart:hover .cart-count-bubble {
background-color: rgba(var(--color-button));
color: rgb(var(--color-button-text));
border-color: rgba(var(--color-button));
}
.header__icon--cart .icon {
width: 1.8rem;
height: 1.8rem;
display: block;
}
@media screen and (min-width: 1360px) {
.header__icon--cart .icon {
}
}
.header__icon--cart .icon path {
fill: rgba(var(--color-foreground));
}
.header__icon--cart > span {
position: static !important;
width: 100%;
margin: 0;
display: none;
}
.header__icon--search {
gap: 0.8rem;
min-height: 4.4rem;
}
.header__icon--search .icon {
width: 1.5rem;
height: 1.5rem;
}
.header__icon--search,
.header__icon--cart {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.header__icon .header__icon-name {
display: none;
}
.header__icon--search .header__icon-name {
position: relative;
text-transform: uppercase;
}
/* Header account */
.header__account {
display: inline-flex;
align-items: center;
position: relative;
transition: var(--duration-default);
cursor: pointer;
}
@media screen and (min-width: 1200px) {
.header__account {
display: inline-flex;
}
}
.header__account details {
height: 100%;
width: 100%;
}
.header__account details summary {
height: 100%;
width: 100%;
}
.header__account details summary .header__icon-name {
height: 100%;
width: 100%;
}
.no-js .header__account details {
min-width: 50px;
}
.no-js .header__toggle-scheme {
display: none;
}
.header__account-modal {
position: absolute;
top: 100%;
right: -3rem;
display: flex;
flex-direction: column;
padding: 2.4rem;
width: 20rem;
height: auto;
margin: 0;
font-weight: var(--font-body-weight);
text-transform: none;
background-color: rgb(var(--color-header-background));
border-radius: 0.4rem;
transform: translateY(0rem);
transition: opacity var(--duration-default);
animation: animateMenuOpen var(--duration-default) ease;
z-index: 10;
opacity: 0;
box-shadow: 0px 40px 60px rgba(0, 0, 0, 0.05);
cursor: auto;
}
details[open] > .header__account-modal {
transform: translateY(0rem);
opacity: 1;
}
.header__account__login {
width: 100%;
min-height: 4.5rem;
font-size: 1.2rem !important;
}
.header__account__login .icon {
width: 1.5rem;
height: 1.5rem;
color: rgb(var(--color-button-text)) !important;
}
.header__account__logout .icon {
color: rgb(var(--color-button-text)) !important;
}
.header__account__register {
display: inline;
margin-top: 1rem;
font-size: 1.5rem;
line-height: 1.5;
text-align: center;
text-decoration: none;
}
.header__account__register span {
position: relative;
}
.header__account__register span::after {
content: "";
position: absolute;
bottom: -0.2rem;
left: 0;
right: 0;
width: 0;
height: 0.1rem;
background-color: rgb(var(--color-accent));
transition: width var(--duration-default);
}
.header__account__register:hover span::after {
width: 100%;
}
.header__account__link span,
.header__account__address span {
position: relative;
}
.header__account__link span::after,
.header__account__address span::after {
content: "";
position: absolute;
bottom: -0.2rem;
left: 0;
right: 0;
width: 0;
height: 0.1rem;
background-color: rgb(var(--color-accent));
transition: width var(--duration-default);
}
.header__account__link:hover span::after,
.header__account__address:hover span::after {
width: 100%;
}
@media screen and (max-width: 768px) {
.left-side-menu {
display: none;
}
}
.header__account__name {
margin-bottom: 0.8rem;
padding-bottom: 1.6rem;
color: rgba(var(--color-foreground));
border-bottom: 0.1rem solid rgb(var(--color-accent));
font-size: var(--font-header-menu-link-size);
font-weight: 500;
}
.header__account__body {
margin: 0;
padding: 0;
list-style: none;
}
.header__account__body a {
display: block;
font-size: 1.2rem;
padding: 0.8rem 0;
text-decoration: none;
transition: var(--duration-default);
}
.header__account__logout {
margin-top: 1.6rem;
width: 100%;
min-height: 4.5rem;
}
@keyframes animateSearchOpen {
0% {
opacity: 0;
transform: translateY(-1.5rem);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.header__icons > * {
padding: 0 1.6rem;
}
.header__icon--cart {
padding-left: 0;
transition: var(--duration-default);
}
.header__icon--cart {
height: fit-content;
}
@media screen and (min-width: 990px) {
.header__icon--cart {
padding-left: 1.6rem;
}
}
@media screen and (min-width: 1360px) {
.header__icon--cart {
padding-left: 0;
}
}
@media screen and (min-width: 1360px) {
.header__icon .header__icon-name {
display: flex;
}
.header__account summary {
gap: 0.8rem;
}
}
@media screen and (max-width: 989px) {
menu-drawer ~ .header__icons .header__icon--account {
}
}
/*Header social*/
.header .header__social {
display: none;
}
@media screen and (min-width: 990px) {
.header .header__social {
flex: 1;
display: flex;
justify-content: flex-start;
}
.header .header__social:not(:last-child) {
margin-right: 2rem;
}
}
/* Search */
menu-drawer + .header__search {
display: none;
}
.header:not(.header--has-menu) * > .header__search {
display: none;
}
.header__search {
display: inline-flex;
align-items: center;
align-self: center;
justify-content: center;
cursor: pointer;
}
noscript .header__search {
height: 100%;
}
.search-modal__heading {
max-width: 80%;
}
.icon-close {
transition: var(--duration-default);
color: rgb(var(--color-button));
}
.icon-close path {
stroke-width: 0.3;
}
/* Header menu drawer */
.header__icon--menu .icon {
display: block;
position: absolute;
opacity: 1;
transform: scale(1);
transition: transform 150ms ease, opacity 150ms ease;
}
details:not([open]) > .header__icon--menu .icon-close {
visibility: hidden;
opacity: 0;
transform: scale(0.8) rotate(-90deg);
}
details[open] > .header__icon--menu .icon-hamburger {
visibility: hidden;
opacity: 0;
transform: scale(0.8) rotate(90deg);
}
.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
visibility: hidden;
}
.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
visibility: visible;
opacity: 1;
transform: scale(1.07);
}
.header__inline-menu details[open] > .header__submenu {
opacity: 1;
transform: translateY(0rem);
animation: animateMenuOpen var(--duration-default) ease;
}
/* Header menu */
.header__offcanvas-left {
display: none;
}
.header__offcanvas-left:hover .header__offcanvas:not(:hover),
.header__offcanvas-left:hover .header__shop-name:not(:hover) {
color: rgb(var(--color-foreground-secondary));
transition: var(--duration-default);
}
.header__offcanvas-left:hover .header__offcanvas:not(:hover) .header__icon-name,
.header__offcanvas-left:hover .header__offcanvas:not(:hover) .currency-country,
.header__offcanvas-left:hover
.header__offcanvas:not(:hover)
.header__icon-shop-name,
.header__offcanvas-left:hover .header__offcanvas:not(:hover) .icon-hamburger,
.header__offcanvas-left:hover .header__offcanvas:not(:hover) .icon-search,
.header__offcanvas-left:hover .header__shop-name:not(:hover) .header__icon-name,
.header__offcanvas-left:hover .header__shop-name:not(:hover) .currency-country,
.header__offcanvas-left:hover
.header__shop-name:not(:hover)
.header__icon-shop-name,
.header__offcanvas-left:hover .header__shop-name:not(:hover) .icon-hamburger,
.header__offcanvas-left:hover .header__shop-name:not(:hover) .icon-search {
color: rgb(var(--color-foreground-secondary));
transition: var(--duration-default);
}
.header__offcanvas {
display: none;
}
.header__offcanvas .newsletter__button {
padding: 1rem 1rem;
min-width: 17.5rem;
width: 17.5rem;
}
.header__offcanvas .header__offcanvas-submenu {
padding-left: 1.6rem;
}
.header__offcanvas .header__offcanvas-submenu .header__offcanvas-submenu {
margin-top: 8px;
padding-bottom: 8px;
}
.header__offcanvas .header__offcanvas-submenu .link {
text-decoration: none;
text-transform: capitalize;
font-size: 18px;
}
.header__offcanvas .fullscreen-menu2 .link {
font-size: 16px;
}
.header__offcanvas .header__offcanvas-categories {
display: flex;
gap: 0.8rem;
justify-content: center;
flex-wrap: wrap;
align-self: flex-start;
}
@media screen and (min-width: 1360px) {
.header__offcanvas .header__offcanvas-categories {
flex-wrap: nowrap;
justify-content: flex-end;
}
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-block {
position: relative;
height: 30rem;
width: calc(50% - 0.8rem);
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-block:first-child {
width: 100%;
}
@media screen and (min-width: 1360px) {
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-block {
width: calc(33.3333333333% - 0.8rem);
height: 39rem;
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-block:first-child {
width: calc(33.3333333333% - 0.8rem);
}
}
@media screen and (min-width: 1560px) {
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-block {
height: 49rem;
}
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-block:hover
img {
transform: scale(1.05);
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-block.header__offcanvas-categories-block-2 {
width: 100%;
}
@media screen and (min-width: 1360px) {
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-block.header__offcanvas-categories-block-2 {
width: calc(50% - 0.8rem);
height: 39rem;
}
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-block.header__offcanvas-categories-block-1 {
width: 100%;
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories_img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 6px;
background-color: rgba(var(--color-foreground), 0.3);
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories_img
img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 6px;
transition: var(--duration-default);
}
.header__offcanvas .header__offcanvas-categories h3 {
position: absolute;
bottom: 6rem;
left: 3.6rem;
color: #ffffff;
max-width: 90%;
margin: 0;
padding-right: 3.6rem;
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-link {
position: absolute;
left: 3.6rem;
bottom: 3rem;
color: #ffffff;
text-decoration: none;
font-weight: 500;
font-size: var(--font-header-menu-link-size);
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-link:after {
width: 100%;
}
.header__offcanvas
.header__offcanvas-categories
.header__offcanvas-categories-link:hover:after {
width: 0;
}
.header__offcanvas-menu {
position: fixed;
display: none;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100vh;
z-index: 12;
background-color: rgb(var(--color-base-background-1));
}
.header__offcanvas_menu-reveal {
padding: 2.5rem 0 2rem;
}
@keyframes animateOffcanvasMenuOpen {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes animateOffcanvasMenuOpacity {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.header__search-top {
display: block;
}
@media screen and (min-width: 1200px) {
.header__offcanvas {
display: block;
}
.header__offcanvas-left {
display: flex;
justify-content: space-between;
align-items: center;
}
.header--top .header__offcanvas-left {
gap: 1.6rem;
}
.header__search-top {
display: none;
}
.header__offcanvas-menu--open {
display: flex;
justify-content: center;
animation: animateOffcanvasMenuOpen 0.3s ease;
padding-top: calc(var(--header-height) + var(--header-height));
padding-bottom: 5%;
}
.header__offcanvas-menu--open .header__offcanvas-menu-wrapper {
animation: animateOffcanvasMenuOpacity 0.5s ease;
width: 100%;
overflow: auto;
}
.header__offcanvas-menu--open
.header__offcanvas-menu-wrapper::-webkit-scrollbar {
width: 3px;
height: 3px;
}
.header__offcanvas-menu--open
.header__offcanvas-menu-wrapper::-webkit-scrollbar-thumb {
background-color: rgba(var(--color-foreground), 0.7);
border-radius: 100px;
}
}
.menu-drawer-container.menu-opening .header__modal-close-button {
display: flex;
align-items: center;
justify-content: center;
flex: none;
height: 4.4rem;
width: 4.4rem;
color: rgba(var(--color-foreground), 0.55);
background-color: transparent;
border-radius: 50%;
cursor: pointer;
}
.menu-drawer-container.menu-opening .header__modal-close-button .icon-close {
width: 1.4rem;
height: 1.4rem;
transition: var(--duration-default) ease;
}
.menu-drawer-container.menu-opening
.header__modal-close-button:hover
.icon-close {
transform: rotate(90deg);
}
.header__offcanvas-toggle {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.6rem 0;
height: 4.4rem;
}
.header__offcanvas-toggle .header__offcanvas-toggle-link {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
color: rgba(var(--color-foreground));
margin-left: 2px;
text-decoration: none;
padding: 1.6rem 1.6rem 1.6rem 0;
transition: var(--duration-default);
}
.header__offcanvas-toggle
.header__offcanvas-toggle-link:hover
.icon-hamburger
rect:nth-child(2) {
width: 1.8rem;
}
.header__offcanvas-toggle .header__offcanvas-toggle-link .icon {
width: 1.4rem;
height: 1.4rem;
transition: transform var(--duration-default), opacity var(--duration-default);
}
.header__offcanvas-toggle .header__offcanvas-toggle-link .icon-hamburger {
width: 16px;
height: 16px;
margin-top: 4px;
}
.header__offcanvas-toggle
.header__offcanvas-toggle-link
.icon-hamburger
rect:nth-child(2) {
transition: width var(--duration-default);
}
.header__offcanvas-toggle .header__offcanvas-toggle-link .icon-close {
opacity: 0;
}
.header__offcanvas-toggle.active .icon-hamburger {
opacity: 0;
transform: rotate(90deg);
}
.header__offcanvas-toggle.active .icon-close {
opacity: 1;
}
.header__offcanvas-toggle.active .header__shop-name {
display: none;
}
.header__offcanvas-toggle:hover.active .icon-close {
transform: rotate(90deg);
}
.header__offcanvas-toggle:hover .header__search:not(:hover) .header__icon-name {
color: rgb(var(--color-foreground-secondary));
transition: var(--duration-default);
}
.header__offcanvas-toggle:hover .header__search:not(:hover) .icon-search {
color: rgb(var(--color-foreground-secondary));
transition: var(--duration-default);
}
.header__offcanvas-toggle:hover .header__offcanvas-toggle-link:not(:hover) {
color: rgb(var(--color-foreground-secondary));
transition: var(--duration-default);
}
.header__offcanvas-toggle:hover
.header__offcanvas-toggle-link:not(:hover)
.header__icon-shop-name {
color: rgb(var(--color-foreground-secondary));
transition: var(--duration-default);
}
.header__offcanvas-toggle-link--close {
display: none;
}
.header__offcanvas-toggle.active {
z-index: 99;
}
.header__offcanvas-toggle.active .header__offcanvas-toggle-link--close {
display: block;
padding: 1.6rem 2.6rem 1.6rem 0;
}
.header__offcanvas-toggle.active .header__offcanvas-toggle-link {
display: none;
}
.header__offcanvas-toggle.active .header__icon-shop-name {
display: none;
}
.header__offcanvas-toggle:hover:before,
.header__offcanvas-toggle:hover:after {
background: rgba(var(--color-foreground), 1);
}
.header__offcanvas-wrapper {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
justify-content: space-between;
gap: 2rem 25rem;
padding-bottom: 5rem;
}
@media screen and (min-width: 1360px) {
.header__offcanvas-wrapper {
gap: 2rem 16rem;
padding-bottom: 0;
}
}
@media screen and (min-width: 1560px) {
.header__offcanvas-wrapper {
gap: 2rem 26rem;
}
}
.header__offcanvas-fullscreen-menu {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%;
}
.header__offcanvas-menu-top {
display: flex;
align-items: center;
justify-content: flex-start;
}
.header__offcanvas-menu-full {
width: 100%;
margin: 0;
}
.header__offcanvas-subscribe {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
height: 100%;
}
.header__offcanvas-list {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: none;
margin: 0;
padding: 0;
list-style: none;
z-index: 3;
}
.header__offcanvas-item {
position: relative;
width: 100%;
}
.header__offcanvas-item span {
font-weight: var(--font-body-weight);
}
.header__offcanvas-link {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.8rem;
padding-block: 1.6rem;
font-style: var(--font-header-menu-style);
font-weight: var(--font-header-menu-weight);
text-transform: var(--font-header-menu-text-transform);
text-decoration: none;
}
.fullscreen-menu2 a {
color: rgb(var(--color-foreground-secondary));
font-size: 1.8rem;
}
.header__offcanvas-description {
max-width: 54rem;
font-size: 1.2rem;
font-weight: var(--font-body-weight);
color: rgba(var(--color-foreground), 0.35);
text-transform: none;
}
.header__offcanvas-description p {
margin: 0;
}
@media screen and (max-width: 1200px) {
.header__offcanvas-description {
max-width: 60rem;
}
}
.header__offcanvas-aside {
display: flex;
align-items: flex-start;
justify-content: flex-start;
grid-row-start: 1;
grid-row-end: 3;
grid-column-start: 2;
grid-column-end: 3;
gap: 4vw;
}
@media screen and (min-width: 1600px) {
.header__offcanvas-aside {
gap: 7vw;
}
}
.header__offcanvas-aside .header__promo {
position: relative;
padding: 2.4rem;
width: 80%;
height: 49rem;
max-width: 100%;
max-height: 100%;
}
@media screen and (min-width: 1360px) {
.header__offcanvas-aside .header__promo {
padding: 4.8rem;
width: 85.6rem;
height: 51.2rem;
}
}
@media screen and (max-height: 725px) {
.header__offcanvas-aside .header__promo {
height: 60vh;
}
}
.header__offcanvas-aside .header__promo-info {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 3.2rem;
height: 100%;
z-index: 2;
}
.header__offcanvas-aside .header__promo-info * {
z-index: inherit;
}
.header__offcanvas-aside .header__promo-image {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(var(--color-overlay), 0.6);
border-radius: 0.5rem;
overflow: hidden;
}
.header__offcanvas-aside .header__promo-text {
max-width: 39.2rem;
}
.header__offcanvas-aside .header__promo-heading {
font-size: var(--font-heading-h2-size);
color: #fff;
}
@media screen and (min-width: 1360px) {
.header__offcanvas-aside .header__promo-heading {
font-size: var(--font-heading-h1-size);
}
}
.header__offcanvas-aside .header__promo-description {
margin-top: 1.6rem;
font-size: 1.8rem;
color: #fff;
}
.header__offcanvas-aside .header__promo-button {
padding-inline: 4rem;
min-width: 18.6rem;
min-height: 6rem;
height: 6rem;
}
.header__offcanvas-aside .header__promo--articles {
width: 37rem;
max-width: 100%;
}
@media screen and (min-width: 1360px) {
.header__offcanvas-aside .header__promo--articles {
width: 41.6rem;
}
}
@media screen and (max-height: 680px) {
.header__offcanvas-aside .header__promo--articles {
height: 70vh;
}
}
.header__offcanvas-aside .header__promo--articles .header__promo-info {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.header__offcanvas-aside .header__promo--articles .header__promo-text {
max-width: auto;
}
.header__offcanvas-aside .header__promo--articles .header__promo-description {
margin-top: 0.8rem;
}
.header__offcanvas-aside .header__promo img {
z-index: -1;
}
@media screen and (max-height: 680px) {
.header__offcanvas-aside .header__articles {
height: 65vh;
}
}
.header__offcanvas-aside .header__articles .header__article:not(:first-child) {
margin-top: -0.1rem;
}
@media screen and (max-height: 680px) {
.header__offcanvas-aside .header__articles .article-card-small {
padding-block: 0.8rem;
}
}
.header__offcanvas-aside .header__articles .header__subtitle {
margin-bottom: 2.4rem;
}
.header__offcanvas-aside .header__articles .header__article-button {
margin-top: 2.4rem;
}
.header__offcanvas-bottom {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
margin-top: 7.7rem;
}
.header .header__social {
margin-top: auto;
max-width: 16.5rem;
}
.header .header__social li:first-child a {
padding-left: 0;
}
.header__inline-menu {
display: none;
}
.header__inline-menu .header__menu-item {
font-style: var(--font-header-menu-style);
font-weight: var(--font-header-menu-weight);
text-transform: var(--font-header-menu-text-transform);
}
.header--center .header__heading-link {
margin-left: 0;
}
@media screen and (min-width: 1200px) {
.header__inline-menu {
display: block;
}
.header--center .header__inline-menu {
display: flex;
}
}
.header__menu {
padding: 0 1rem;
}
.header__menu-item {
overflow: hidden;
padding: 1.6rem;
text-decoration: none;
color: rgb(var(--color-foreground));
}
.header__menu-item .icon-caret {
transition: var(--duration-default);
color: rgb(var(--color-accent));
}
.list-menu--inline {
max-height: 100%;
align-items: center;
}
.list-menu--inline .header__menu-item {
padding: 0 1.7rem;
}
.list-menu--inline .header__menu-item span {
display: flex;
align-items: center;
padding: 0;
border-width: 0.1rem;
border-color: transparent;
border-style: solid;
transition: color var(--duration-default);
}
.list-menu--inline .header__menu-item span::after {
height: 0.2rem;
bottom: -1px;
}
.list-menu--inline .header__menu-item span .icon-caret {
position: static;
margin-left: 0.4rem;
}
.list-menu--inline .header__menu-item.header__menu-item--active {
text-decoration: none;
}
.list-menu--inline .header__menu-item.header__menu-item--active span {
color: rgb(var(--color-foreground));
}
.list-menu--inline .header__menu-item.header__menu-item--active span::after {
width: 100%;
}
.list-menu--inline .header__menu-childitem ul {
position: absolute;
left: 97%;
width: max-content;
height: calc(100% + 3px);
top: -2px;
}
.list-menu--inline .header__menu-childitem ul::before {
content: "";
width: 25px;
background: rgb(var(--color-header-background));
height: 100%;
position: absolute;
left: -15px;
border-left: 1px solid rgb(var(--color-border));
}
.list-menu--inline span.header__active-menu-item {
color: rgb(var(--color-foreground));
}
.list-menu--inline span.header__active-menu-item::after {
width: 100%;
}
.list-menu--inline details[open] > .header__menu-item span {
color: rgb(var(--color-foreground)) !important;
}
.list-menu--inline details[open] > .header__menu-item span::after {
width: 100%;
}
.list-menu--inline:hover .list-menu--megamenu:not(:hover) .header__menu-item {
color: rgb(var(--color-foreground-secondary));
}
.list-menu--inline:hover
.list-menu--megamenu:not(:hover)
.header__menu-item
span {
color: rgb(var(--color-foreground-secondary));
}
.list-menu--inline:hover
.list-menu--megamenu:not(:hover)
.header__menu-item
span::after {
width: 0;
}
.list-menu--inline:hover .header__menu-item:not(:hover) {
color: rgb(var(--color-foreground-secondary));
}
.list-menu--inline:hover .header__menu-item:not(:hover) span {
color: rgb(var(--color-foreground-secondary));
}
.list-menu--inline:hover .header__menu-item:not(:hover) span::after {
width: 0;
}
.list-menu--inline:hover .header__menu-item .header__active-menu-item {
color: rgb(var(--color-foreground));
}
.header__inline-menu .header__menu-item {
align-items: center;
gap: 5px;
}
.header__menu-item > span {
position: relative;
}
.header__icon .header__icon-name {
text-decoration: none;
line-height: 1.9rem;
color: rgb(var(--color-foreground));
transition: var(--duration-default);
text-transform: uppercase;
}
.header__submenu {
text-transform: none;
border-radius: 0 0 0.4rem 0.4rem;
transition: opacity var(--duration-default) ease;
z-index: 15;
border: 1px solid rgb(var(--color-border));
border-top: 2px solid rgb(var(--color-accent));
background-color: rgb(var(--color-header-background));
}
.header__submenu .header__menu-item {
height: auto;
padding: 0.4rem 0;
font-size: 1.5rem;
font-weight: var(--font-body-weight);
text-transform: none;
transition: background var(--duration-default);
border-radius: 0.3rem;
line-height: 140%;
}
.header__submenu .header__menu-item.header__menu-item--active {
text-decoration: none;
}
.header__submenu .header__menu-item.header__menu-item--active span {
color: rgb(var(--color-foreground));
}
.header__submenu .header__menu-item.header__menu-item--active span::after {
width: 100%;
}
.header__submenu .header__menu-item span {
position: relative;
padding: 0;
border: none;
}
.header__submenu .header__menu-item:hover .icon-caret {
transform: rotate(-90deg) translateY(0.5rem);
color: rgb(var(--color-accent));
}
.header__menu-item .icon-caret {
right: 0.8rem;
z-index: 0;
}
details-disclosure > details {
position: relative;
}
@keyframes animateMenuOpen {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes animateLocalOpen {
0% {
opacity: 0;
transform: translateY(-1.5rem);
}
100% {
opacity: 1;
transform: translateY(0rem);
}
}
.overflow-hidden-mobile,
.overflow-hidden-tablet {
overflow: hidden;
}
@media screen and (min-width: 750px) {
.overflow-hidden-mobile {
overflow: auto;
}
}
@media screen and (min-width: 990px) {
.overflow-hidden-tablet {
overflow: auto;
}
}
/* component-cart-count-bubble */
.cart-count-bubble:empty {
display: none;
}
.cart-count-bubble {
position: absolute;
top: 0.6rem;
right: 0.4rem;
display: flex;
justify-content: center;
align-items: center;
flex: none;
height: 1.6rem;
width: 1.6rem;
font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
line-height: 1;
color: rgb(var(--color-base-solid-button-labels));
background-color: rgb(var(--color-base-button-background));
border-radius: 100%;
}
@media screen and (max-width: 1200px) {
.cart-count-bubble {
margin-right: 0;
}
}
.header__localization {
position: relative;
display: none;
cursor: pointer;
}
.header__localization .localization-selector.link {
background-color: unset;
}
.menu-drawer .header__localization {
display: block;
}
@media screen and (min-width: 990px) {
.menu-drawer .header__localization {
display: none;
}
}
.header__localization localization-form .localization-form__select {
box-shadow: none;
}
.header__localization .localization-selector.link {
align-items: center;
gap: 0;
padding: 0;
height: 4.4rem;
color: rgb(var(--color-foreground));
border: none;
font-style: var(--font-header-menu-style);
font-weight: var(--font-subtitle-weight);
text-transform: uppercase;
font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
}
.currency-country {
position: relative;
font-style: var(--font-header-menu-style);
font-weight: var(--font-subtitle-weight);
text-transform: uppercase;
font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
transition: var(--duration-default);
}
.currency-country::after {
content: "";
position: absolute;
bottom: -0.2rem;
left: 0;
right: 0;
width: 0;
height: 0.1rem;
background-color: rgb(var(--color-accent));
transition: width var(--duration-default);
}
.header__localization localization-form .localization-form__select .icon-caret {
position: static;
color: rgba(var(--color-foreground), 0.6);
transition: var(--duration-default);
}
.header__localization .localization-form__select .icon-caret {
position: absolute;
content: "";
height: 2rem;
right: 2rem;
top: calc(50% - 0.5rem);
}
.header__localization .localization-selector + .disclosure__list {
top: 100%;
right: 0;
bottom: auto;
margin-top: 0;
padding: 0.8rem;
min-width: auto;
max-width: 30rem;
max-height: 30rem;
background-color: rgb(var(--color-header-background));
border-radius: 0.3rem;
box-shadow: 0 40px 60px rgba(var(--color-foreground), 0.05);
transition: opacity var(--duration-default) ease,
transform var(--duration-default) ease;
}
.header__localization .localization-select {
position: relative;
background-color: rgb(var(--color-background-input));
border-radius: 3px;
border: 0.1rem solid rgb(var(--color-border-input));
margin: 0.8rem 0;
}
.header__localization .localization-select select {
padding: 0 2rem !important;
}
.header__localization .button--tertiary {
min-height: 4.5rem;
}
.menu-drawer__localization-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1.6rem;
}
.menu-drawer__localization-wrapper .localization-selector + .disclosure__list {
top: unset;
right: unset;
bottom: 100%;
left: 0;
}
.header__localization .disclosure__list li a {
padding: 1rem 1.6rem;
height: auto;
display: flex;
align-items: center;
border-radius: 0.3rem;
transition: background var(--duration-default);
}
.disclosure__link--flag:before {
content: "";
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 20px;
height: 20px;
flex: none;
overflow: hidden;
margin-right: 1rem;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
border: 1px solid #c4c4c4;
}
.header__localization .disclosure {
position: static;
}
.header__localization .localization-selector + .disclosure__list {
animation: animateLocalOpen var(--duration-default) ease;
transform: translateY(0rem);
}
.header__localization .localization-form__currency {
margin-left: auto;
}
@media screen and (min-width: 990px) {
.header__localization {
display: block;
}
}
.header__localization-modal.asctive {
display: block;
}
.currency-flag {
position: relative;
width: 20px;
height: 20px;
flex: none;
overflow: hidden;
margin-right: 0.8rem;
}
.currency-flag:before,
.currency-flag:after {
content: "";
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.currency-flag:before {
content: attr(data-value);
font-size: 9px;
text-align: center;
}
.currency-flag[data-value]:after {
background-size: cover;
background-repeat: no-repeat;
border-radius: 50%;
border: 1px solid #c4c4c4;
}
.header__toggle-scheme {
display: flex;
justify-content: center;
align-items: center;
flex: none;
width: 4.4rem;
padding: 0;
transition: var(--duration-default);
cursor: pointer;
text-transform: uppercase;
background-color: transparent;
border: none;
font-size: calc(var(--font-header-menu-link-size) - 0.4rem);
font-weight: var(--font-subtitle-weight);
}
.header__toggle-scheme .header__toggle-scheme-item span {
display: none;
}
@media screen and (min-width: 1360px) {
.header__toggle-scheme .header__toggle-scheme-item span {
display: block;
}
}
@media screen and (min-width: 990px) {
.header__toggle-scheme {
width: auto;
margin: 0 1.6rem;
}
}
.header__toggle-scheme-item {
display: inline-flex;
align-items: center;
cursor: pointer;
font-style: var(--font-header-menu-style);
font-weight: var(--font-subtitle-weight);
}
.header__toggle-scheme-item:hover svg {
color: rgba(var(--color-foreground), 1);
}
.header__toggle-scheme-item svg {
color: rgba(var(--color-foreground), 0.6);
transition: var(--duration-default);
}
@media screen and (min-width: 1200px) {
.header__toggle-scheme-item svg {
margin-right: 0.8rem;
}
}
.header__toggle-scheme-item--dark :root,
[data-scheme="light"] .header__toggle-scheme-item--dark {
display: flex;
padding-right: 0.8rem;
}
@media (prefers-color-scheme: light) {
:root [data-scheme="auto"] .header__toggle-scheme-item--dark {
display: flex;
padding-right: 0.8rem;
}
}
@media (prefers-color-scheme: dark) {
:root [data-scheme="auto"] .header__toggle-scheme-item--dark {
display: none;
}
}
[data-scheme="dark"] .header__toggle-scheme-item--dark {
display: none;
}
.header__toggle-scheme-item--light {
color: rgb(var(--color-foreground));
}
.header__toggle-scheme-item--light :root,
[data-scheme="light"] .header__toggle-scheme-item--light {
display: none;
}
@media (prefers-color-scheme: light) {
:root [data-scheme="auto"] .header__toggle-scheme-item--light {
display: none;
}
}
@media (prefers-color-scheme: dark) {
:root [data-scheme="auto"] .header__toggle-scheme-item--light {
display: flex;
padding-right: 0.8rem;
}
:root
[data-scheme="auto"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle {
background-color: #ffffff !important;
}
:root
[data-scheme="auto"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle::before {
transform: translate(100%, -50%) !important;
}
:root
[data-scheme="auto"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle
~ .theme__icon {
transform: translate(2.3rem, -50%) !important;
left: 3.5px !important;
}
}
@media screen and (prefers-color-scheme: dark) and (max-width: 400px) {
:root
[data-scheme="auto"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle::before {
transform: translate(80%, -50%) !important;
}
:root
[data-scheme="auto"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle
~ .theme__icon {
transform: translate(1.3rem, -50%) !important;
}
}
@media (prefers-color-scheme: dark) {
:root
[data-scheme="auto"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle
~ .theme__icon
svg:nth-child(2) {
opacity: 1 !important;
}
}
@media (prefers-color-scheme: dark) {
:root
[data-scheme="auto"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle
~ .theme__icon
svg:nth-child(1) {
opacity: 0 !important;
}
}
[data-scheme="dark"] .header__toggle-scheme-item--light {
display: flex;
padding-right: 0.8rem;
}
[data-scheme="dark"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle {
background-color: #ffffff !important;
}
[data-scheme="dark"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle::before {
transform: translate(100%, -50%) !important;
}
[data-scheme="dark"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle
~ .theme__icon {
transform: translate(2.3rem, -50%) !important;
left: 3.5px !important;
}
@media screen and (max-width: 400px) {
[data-scheme="dark"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle::before {
transform: translate(80%, -50%) !important;
}
[data-scheme="dark"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle
~ .theme__icon {
transform: translate(1.3rem, -50%) !important;
}
}
[data-scheme="dark"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle
~ .theme__icon
svg:nth-child(2) {
opacity: 1 !important;
}
[data-scheme="dark"]
.header__toggle-scheme-item--light
+ .theme
.theme__toggle
~ .theme__icon
svg:nth-child(1) {
opacity: 0 !important;
}
.scheme-toggled[data-scheme] *:not(.swiper-wrapper),
.scheme-toggled[data-scheme] *::after,
.scheme-toggled[data-scheme] *::before {
transition: none !important;
}
.page-header-top {
margin-top: 11.2rem;
margin-bottom: 4.8rem;
padding: 0;
}
@media screen and (max-width: 1200px) {
.page-header-top {
margin-top: 1rem;
}
}
@media screen and (max-width: 750px) {
.page-header-top {
margin-bottom: 3rem;
}
}
.page-header-top .title--page {
margin: 0;
}
.list-menu--inline {
max-height: 100%;
align-items: center;
}
.list-menu--inline li:hover > .header__submenu,
.list-menu--inline li:focus-within > .header__submenu,
.list-menu--inline li:focus > .header__submenu,
.list-menu--inline li:active > .header__submenu {
opacity: 1;
pointer-events: all;
}
.list-menu--inline .header__menu-item .header__active-menu-item span {
color: rgb(var(--color-foreground));
}
.list-menu--inline .header__menu-item .header__active-menu-item span::after {
width: 50%;
}
.list-menu--inline .header__menu-item + .header__submenu {
opacity: 0;
pointer-events: none;
}
.list-menu--inline .header__menu-item + .header__submenu:hover {
opacity: 1;
pointer-events: all;
}
.list-menu--inline .header__menu-item:hover + .header__submenu {
opacity: 1;
pointer-events: all;
}
.header__submenu {
box-shadow: 0 40px 30px rgba(var(--color-foreground), 5%);
}
.header__submenu.list-menu {
padding-block: 2rem;
}
.header__submenu.list-menu span::after {
height: 0.1rem;
}
.header__submenu li {
padding: 0.2rem 2rem;
}
.header__submenu .header__menu-item {
display: inline;
}
.header__submenu .header__menu-item span {
display: inline;
}
.header__inline-menu .list-menu--disclosure {
min-width: auto;
left: auto;
}
.header__inline-menu li:hover > .header__submenu {
opacity: 1;
pointer-events: all;
}
.header__inline-menu .list-menu:not(.header__submenu) > li > .header__submenu {
transform: translate(1.1rem, -2px);
}
.mega-menu {
position: fixed;
left: 0;
right: 0;
max-height: 61em;
opacity: 0;
pointer-events: none;
overflow-y: auto;
transition: opacity var(--duration-default) 0.1s;
border-top: solid 0.1rem rgb(var(--color-border));
box-shadow: 0px 40px 30px rgba(var(--color-overlay-background), 5%);
background-color: rgb(var(--color-header-background));
z-index: 1;
}
.mega-menu:hover,
.mega-menu:focus,
.mega-menu:focus-visible {
opacity: 1;
pointer-events: all;
}
.mega-menu::-webkit-scrollbar {
width: 0.4rem;
}
.mega-menu::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-border));
border-radius: 2rem;
}
.mega-menu__block {
display: flex;
justify-content: space-between;
gap: 2rem;
padding-block: 2rem;
}
@media screen and (min-width: 1360px) {
.mega-menu__block {
padding-block: 6rem;
}
}
.mega-menu__wrapper {
width: 100%;
max-width: 45rem;
}
@media screen and (min-width: 1560px) {
.mega-menu__wrapper {
max-width: 55rem;
}
}
.mega-menu__full-wrapper {
max-width: 100%;
}
.mega-menu__full-wrapper .mega-menu__list {
justify-content: flex-start;
}
.mega-menu__categories {
display: flex;
gap: 0.8rem;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
}
@media screen and (min-width: 576px) {
.mega-menu__categories {
flex-direction: row;
}
}
@media screen and (min-width: 1200px) {
.mega-menu__categories {
flex-wrap: nowrap;
justify-content: flex-end;
}
}
.mega-menu__categories .mega-menu-categories-block {
position: relative;
height: 20rem;
width: 100%;
}
@media screen and (min-width: 576px) {
.mega-menu__categories .mega-menu-categories-block {
width: calc(50% - 0.8rem);
}
}
@media screen and (min-width: 750px) {
.mega-menu__categories .mega-menu-categories-block {
height: 30rem;
}
}
@media screen and (min-width: 1360px) {
.mega-menu__categories .mega-menu-categories-block {
height: 39rem;
}
}
@media screen and (min-width: 1560px) {
.mega-menu__categories .mega-menu-categories-block {
height: 49rem;
}
}
.mega-menu__categories .mega-menu-categories-block:hover img {
transform: scale(1.05);
}
.mega-menu__categories
.mega-menu-categories-block.mega-menu-categories-block-1 {
width: 100%;
}
.mega-menu__categories .mega-menu-categories_img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 6px;
background-color: rgba(var(--color-foreground), 0.3);
}
.mega-menu__categories .mega-menu-categories_img img,
.mega-menu__categories .mega-menu-categories_img svg {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 6px;
transition: var(--duration-default);
}
.mega-menu__categories h3 {
position: absolute;
bottom: 6rem;
left: 3.6rem;
color: #ffffff;
max-width: 90%;
margin: 0;
padding-right: 3.6rem;
}
.mega-menu__categories .mega-menu-categories-link {
position: absolute;
left: 3.6rem;
bottom: 3rem;
color: #ffffff;
text-decoration: none;
font-weight: 500;
font-size: var(--font-header-menu-link-size);
}
.mega-menu__categories .mega-menu-categories-link:after {
width: 100%;
}
.mega-menu__categories .mega-menu-categories-link:hover:after {
width: 0;
}
.mega-menu__list {
display: flex;
flex-wrap: wrap;
gap: 5rem;
justify-content: space-between;
}
.mega-menu__list:hover .mega-menu__link:not(:hover) {
color: rgb(var(--color-foreground-secondary));
}
.mega-menu__list:hover .mega-menu__link:not(:hover) span {
color: rgb(var(--color-foreground-secondary));
}
.mega-menu__list:hover .mega-menu__link:not(:hover) span::after {
width: 0;
}
.mega-menu__list:hover .mega-menu__link .header__active-menu-item {
color: rgb(var(--color-foreground));
}
.mega-menu__list li {
max-width: 20rem;
}
.mega-menu__list .header__active-menu-item span {
color: rgb(var(--color-foreground));
}
.mega-menu__list .header__active-menu-item span::after {
width: 100%;
}
.mega-menu__column {
flex-direction: column;
gap: 0;
}
.mega-menu__column li {
max-width: 30rem;
}
.mega-menu__column .mega-menu__link-small {
font-weight: var(--font-body-weight);
font-size: var(--font-body-size);
text-transform: none;
}
.mega-menu__link {
position: relative;
min-width: 16rem;
padding-block: 0.4rem;
font-weight: var(--font-body-weight);
text-transform: none;
text-decoration: none;
}
@media screen and (min-width: 1600px) {
.mega-menu__link {
min-width: 20rem;
}
}
.mega-menu__link-small {
font-weight: var(--font-subtitle-weight);
color: rgb(var(--color-foreground-secondary));
font-size: 1rem;
text-transform: uppercase;
}
.mega-menu__link-small:hover {
color: rgb(var(--color-foreground));
}
.mega-menu__heading {
margin-bottom: 4.4rem;
font-weight: var(--font-body-weight);
}
.mega-menu__wrapper + .mega-menu__item {
margin-left: auto;
}
.mega-menu__items {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 0.8rem;
max-width: 1206px;
}
.mega-menu__overlay {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-color: rgb(var(--color-overlay-background));
z-index: 2;
}
.list-menu--megamenu::before {
position: absolute;
left: 0;
content: "";
width: 0.5rem;
height: 0.5rem;
background-color: rgb(var(--color-header-background));
margin-top: -5px;
top: 100%;
opacity: 0;
transition: opacity var(--duration-default) 0.1s;
}
.list-menu--megamenu::after {
position: absolute;
right: 0;
content: "";
width: 0.5rem;
height: 0.5rem;
background-color: rgb(var(--color-header-background));
margin-top: -5px;
top: 100%;
opacity: 0;
transition: opacity var(--duration-default) 0.1s;
}
.list-menu--megamenu:hover::before {
opacity: 1;
}
.list-menu--megamenu:hover::after {
opacity: 1;
}
.list-menu--megamenu:focus .mega-menu,
.list-menu--megamenu:focus-visible .mega-menu,
.list-menu--megamenu:focus-within .mega-menu,
.list-menu--megamenu:hover .mega-menu {
opacity: 1;
pointer-events: all;
}
.menu-drawer .mega-menu__items {
flex-direction: column;
max-width: 100%;
padding-bottom: 1.2rem;
}
.header__menu-item--active {
text-decoration: none;
background-size: 100% 0.1rem;
}
.header__menu-item--active span {
color: rgb(var(--color-foreground));
}
.header__menu-item--active span::after {
width: 100%;
}
/* Info-bar */
.information-bar__container {
position: relative;
overflow: hidden;
padding: 2rem 0;
justify-content: flex-start;
}
.information-bar__wrapper {
list-style: none;
margin-bottom: 0;
padding: 0;
}
.information-bar slider-component {
position: static;
}
.information-bar slider-component .information-bar__wrapper {
padding-bottom: 0 !important;
}
.information-bar slider-component .slider-buttons {
position: static;
margin-top: 0;
}
.information-bar slider-component .slider-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.information-bar slider-component .slider-button--prev {
left: 0;
}
.information-bar slider-component .slider-button--next {
right: 0;
}
.information-bar--m-b {
margin-bottom: 3.5rem;
}
.information-bar__container--border-bottom {
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.3);
}
.information-bar__item {
display: flex;
align-items: center;
justify-content: center;
}
.information-bar__inner {
display: flex;
align-items: center;
justify-content: center;
padding: 0 5.5rem;
}
.information-bar__image {
height: 2.5rem;
margin: 0 0.5rem 0 0;
}
.information-bar__image svg {
width: 100%;
height: 100%;
}
.information-bar__image img {
display: block;
object-fit: contain;
object-position: center;
width: auto;
height: 100%;
}
.information-bar__message {
margin: 0;
font-size: 1.2rem;
}
@media screen and (min-width: 990px) {
.information-bar__container {
padding: 1.5rem 0;
justify-content: center;
}
.information-bar__inner {
padding: 0;
}
}
/* Breadcrumb */
.breadcrumb_border {
border-top: solid 0.1rem rgb(var(--color-border));
}
.breadcrumb {
position: relative;
z-index: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
row-gap: 1rem;
margin: 2.4rem 0 2rem 0;
font-size: 1.2rem;
line-height: 150%;
color: rgba(var(--color-secondary-text));
}
.breadcrumb__delimiter {
width: 1.6rem;
height: 0.1rem;
background-color: rgb(var(--color-border));
margin: 0.8rem;
}
.breadcrumb--center {
justify-content: center;
}
.breadcrumb a {
color: rgba(var(--color-secondary-text));
text-decoration: none;
}
.breadcrumb .link-hover-line::after {
background-color: rgb(var(--color-border));
}
.breadcrumb .link-hover-line:after {
width: 100%;
}
.breadcrumb .link-hover-line:hover::after {
width: 0%;
}
/* Popup */
.popup-scroll-hidden {
overflow: hidden;
width: 100%;
}
.popup-animated {
animation-duration: 0.5s;
animation-fill-mode: both;
overflow: hidden !important;
}
@keyframes popupOpenFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes popupExitFade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes popupOpenSlide {
from {
transform: translate3d(0, 100vh, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes popupExitSlide {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100vh, 0);
}
}
@keyframes popupOpenZoom {
from {
opacity: 0;
transform: scale(1.1);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes popupExitZoom {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(1.1);
}
}
@keyframes popupOpenSlideFade {
from {
opacity: 0;
transform: translate3d(0, 4rem, 0);
visibility: visible;
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes popupExitSlideFade {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 4rem, 0);
}
}
.popupOpenFade {
animation-name: popupOpenFade;
}
.popupExitFade {
animation-name: popupExitFade;
}
.popupOpenSlide {
animation-name: popupOpenSlide;
}
.popupExitSlide {
animation-name: popupExitSlide;
}
.popupOpenZoom {
animation-name: popupOpenZoom;
}
.popupExitZoom {
animation-name: popupExitZoom;
}
.popupOpenSlideFade {
animation-name: popupOpenSlideFade;
}
.popupExitSlideFade {
animation-name: popupExitSlideFade;
}
.popup {
display: none;
position: fixed;
z-index: 999999;
max-width: calc(100vw - 4rem);
max-height: calc(100vh - 4rem);
-webkit-backface-visibility: hidden;
}
.popup--top {
top: 30px;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.popup--top-left {
top: 30px;
left: 30px;
}
.popup--top-right {
top: 30px;
right: 30px;
}
.popup--bottom {
bottom: 30px;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.popup--bottom-left {
left: 30px;
bottom: 30px;
}
.popup--bottom-right {
right: 30px;
bottom: 30px;
}
.popup--left {
top: 50%;
left: 30px;
transform: translate3d(0, -50%, 0);
}
.popup--right {
top: 50%;
right: 30px;
transform: translate3d(0, -50%, 0);
}
.popup--center {
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.popup-wrap {
position: relative;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.075);
}
.popup-wrap::-webkit-scrollbar {
width: 1rem;
}
.popup-wrap::-webkit-scrollbar-track {
background: #f1f1f1;
}
.popup-wrap::-webkit-scrollbar-thumb {
background: rgb(var(--color-accent));
}
.popup-container {
width: 100%;
background: #fff;
border-radius: 0.6rem;
overflow: hidden;
}
.popup-outer {
position: relative;
display: flex;
flex-direction: column;
}
.popup-text {
color: rgb(var(--color-foreground-secondary));
}
.popup-text a {
text-decoration: underline;
transition: color var(--duration-default);
}
.popup-text p {
margin: 0;
}
.popup .popup-close {
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
padding: 1px 6px 2rem 2rem;
}
.popup-open {
display: flex;
}
@media (max-width: 750px) {
.popup-open[data-mobile-disable="true"] {
display: none;
}
}
.popup-open + .popup-overlay {
display: block;
}
.popup-overlay {
background-color: rgba(var(--color-overlay), 0.4);
backdrop-filter: blur(4px);
position: fixed;
display: none;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999998;
}
.popup-overlay .popup-wrap {
box-shadow: none;
}
.popup-thumbnail img {
width: 100%;
}
.popup .field .field__input {
background-color: rgb(var(--color-base-background-input));
border-color: rgb(var(--color-base-border-input));
}
.popup .field .field__input:hover {
border-color: rgb(var(--color-hover-border-input));
}
.popup-trigger {
cursor: pointer;
}
@media (max-width: 750px) {
.popup-main {
max-width: calc(100vw - 4rem);
max-height: calc(100vh - 4rem);
}
}
.popup-main .popup-heading {
margin-top: 0;
margin-bottom: 1.6rem;
font-size: var(--font-popup-heading-size);
max-width: 40rem;
margin-top: 0.8rem;
}
.popup-main .popup-heading:first-child {
margin-top: 0;
}
.popup-main .popup-text {
margin-top: 1.6rem;
margin-bottom: 2rem;
font-size: var(--font-popup-text-size);
line-height: 140%;
max-width: 40rem;
letter-spacing: 0.02em;
}
.popup-main .popup-text:first-child {
margin-top: 0;
margin-bottom: 1.6rem;
}
@media screen and (min-width: 576px) {
.popup-main .popup-text {
margin-bottom: 5rem;
}
}
@media screen and (min-width: 750px) {
.popup-main .popup-text {
margin-bottom: 11.1rem;
}
}
.popup-main .popup-text a:hover {
opacity: 0.8;
}
@media (min-width: 576px) {
.popup-main .popup-outer {
flex-direction: row;
}
}
.popup-main .popup-thumbnail {
flex: 1 0 30%;
display: flex;
}
.popup-main .popup-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 576px) {
.popup-main .popup-thumbnail img {
max-height: 35vh;
}
}
.popup-main .popup-content {
padding: 40px;
flex: 1 0 60%;
order: 2;
}
@media screen and (min-width: 750px) {
.popup-main .popup-content {
padding: 80px 70px;
}
}
@media (max-width: 576px) {
.popup-main .popup-content {
padding: 20px;
}
}
.popup-main .popup-content:first-child:last-child {
flex: 1 0 100%;
}
@media (min-width: 576px) {
.popup-main-image--right .popup-outer {
flex-direction: row-reverse;
}
}
.popup-main-image--top .popup-outer {
flex-direction: column;
}
.popup-main-image--top .popup-thumbnail {
position: relative;
padding-bottom: 55%;
}
.popup-main-image--top .popup-thumbnail img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.popup-main-image--bottom .popup-outer {
flex-direction: column-reverse;
}
.popup-main-image--bottom .popup-thumbnail {
position: relative;
padding-bottom: 55%;
}
.popup-main-image--bottom .popup-thumbnail img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.popup-main .newsletter-form .field,
.popup-main .newsletter-form .button {
min-height: 6rem;
}
.popup-main .newsletter-form .button {
padding: 0 3.95rem;
}
.popup-main .newsletter-form__inner {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
@media screen and (min-width: 750px) {
.popup-main .newsletter-form__inner:not(.newsletter-form__inner_column) {
flex-direction: row;
}
}
.popup-main .newsletter-form__inner .newsletter-form__field-wrapper {
width: 100%;
}
.popup-main
.newsletter-form__inner
.newsletter-form__field-wrapper
label::after {
display: none !important;
}
.popup-main .list-social {
margin-left: -1.2rem;
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.popup-main .list-social:nth-child(2) {
margin-top: 0;
}
.popup-main .list-social:last-child {
margin-bottom: 0;
}
@media (max-width: 576px) {
.popup-main .popup-close {
background: rgba(255, 255, 255, 0.3);
border-radius: 0.6rem;
padding: 1rem;
top: 1rem;
right: 1rem;
}
}
.notification-banner .popup-outer {
padding: 20px 30px;
}
.notification-banner .popup-close {
opacity: 0.5;
}
.notification-banner .popup-heading {
margin: 0;
font-style: var(--font-popups-heading-style);
font-weight: var(--font-popups-heading-weight);
font-size: 2rem;
}
@media only screen and (min-width: 750px) {
.notification-banner .popup-heading {
font-size: var(--font-notification-heading-size);
}
}
.notification-banner .popup-heading + .popup-text {
margin-top: 0.8rem;
}
.notification-banner .popup-text {
padding-right: 1rem;
font-style: var(--font-popups-text-style);
font-weight: var(--font-popups-text-weight);
font-size: var(--font-notification-text-size);
}
.notification-banner .popup-text a:hover {
opacity: 0.8;
}
.notification-banner .popup-button {
width: 100%;
margin-top: 1.6rem;
}
.notification-banner--box .popup-close {
top: 12px;
right: 10px;
}
.notification-banner--box .popup-wraper-text {
padding-right: 5rem;
}
.notification-banner--bar.popup--top {
width: 100%;
max-width: 100%;
top: 0;
left: 0;
bottom: auto;
transform: none;
}
.notification-banner--bar.popup--top .popup-outer {
padding-left: 90px;
padding-right: 90px;
}
.notification-banner--bar.popup--bottom {
width: 100%;
max-width: 100%;
top: auto;
left: 0;
bottom: 0;
transform: none;
}
.notification-banner--bar.popup--bottom .popup-outer {
padding-left: 90px;
padding-right: 90px;
}
.notification-banner--bar .popup-wraper-text {
padding-right: 5rem;
}
.notification-banner--bar .popup-container {
border-radius: 0;
}
@media (min-width: 750px) {
.notification-banner--bar .popup-outer {
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
gap: 1.6rem 2.4rem;
margin: 0 auto;
}
.notification-banner--bar .button {
margin-top: 0;
width: auto;
}
}
.notification-banner--banner .popup-outer {
flex-direction: row;
align-items: center;
flex-wrap: wrap;
padding: 0.2rem;
}
.notification-banner--banner .popup-outer-image--right {
flex-direction: row-reverse;
}
.notification-banner--banner .popup-outer-image--top {
flex-direction: column;
}
.notification-banner--banner .popup-outer-image--bottom {
flex-direction: column-reverse;
}
.notification-banner--banner
.popup-outer-image--top
.notification-banner__image,
.notification-banner--banner
.popup-outer-image--bottom
.notification-banner__image {
position: relative;
padding-bottom: 55%;
}
.notification-banner--banner
.popup-outer-image--top
.notification-banner__image
img,
.notification-banner--banner
.popup-outer-image--bottom
.notification-banner__image
img {
position: absolute;
inset: 0;
}
.notification-banner--banner .notification-banner__image {
flex: 1 35%;
min-width: 7.6rem;
align-self: stretch;
display: flex;
border-radius: 0.3rem;
overflow: hidden;
}
.notification-banner--banner .notification-banner__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.notification-banner--banner .notification-banner__content {
flex: 1 65%;
padding: 2.4rem 2rem;
}
.notification-banner--banner .popup-close {
top: 12px;
right: 10px;
}
.age-verification {
position: fixed;
inset: 0;
-webkit-backface-visibility: hidden;
width: 100vw;
height: 100vh;
max-width: unset;
max-height: unset;
padding: 2.4rem;
background-color: rgb(var(--color-background));
}
@media screen and (min-width: 750px) {
.age-verification {
padding: 6.4rem;
}
}
.age-verification .popup-text p {
text-align: center;
}
.age-verification__wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
box-shadow: none;
}
.age-verification__content {
display: flex;
flex-direction: column;
align-items: center;
}
.age-verification__question {
display: none;
}
.age-verification__question.show {
display: block;
}
.age-verification__heading {
margin-top: 0;
margin-bottom: 1.6rem;
text-align: center;
}
.age-verification__buttons {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.8rem;
margin-top: 2.4rem;
}
@media screen and (min-width: 576px) {
.age-verification__buttons {
flex-direction: row;
}
}
.age-verification__buttons .button {
min-width: 12rem;
}
.age-verification__declined {
display: none;
}
.age-verification__declined.show {
display: block;
}
/*custom css code strat here*/
.page-wrapper {
width: 100%;
max-width: 1348px;
margin: 0 auto;
}
@media (max-width: 1368px) {
.page-wrapper {
width: calc(100% - 20px);
}
}
.product-points {
display: flex;
flex-wrap: wrap;
align-items: center;
text-align: center;
max-width: 1150px;
margin: 0 auto 0px auto;
padding-bottom: 80px;
}
.product-points > div {
width: 45%;
}
.product-points > div:last-child {
margin-left: auto;
text-align: center;
}
.product-points > div:last-child img {
display: inline-block;
max-width: 100%;
}
.product-points ul {
display: inline-block;
margin: 0px;
padding: 0;
}
.product-points ul li {
list-style-type: none;
text-align: left;
background: url(/cdn/shop/files/ticksss.svg?v=1709970524)
right 10px top 30px no-repeat;
padding: 20px 45px 20px 5px;
border-bottom: 1px solid #70706f;
text-transform: uppercase;
font-size: 26px;
}
@media (max-width: 800px) {
.product-points > div {
width: 100%;
}
.product-points > div:first-child {
margin-bottom: 30px;
}
.menu-drawer__utility-links {
padding: 4rem 0 8rem 0 !important;
}
}
.button--primary,
.customer .button--primary {
background-color: #000 !important;
}
.nform form {
position: relative;
}
.nform form input {
background: transparent;
border: 1px solid #fff;
border-radius: 30px;
padding: 12px 30px 12px 15px;
font-size: 15px;
color: #fff;
}
.nform .button--tertiary svg {
opacity: 1 !important;
width: 25px !important;
padding-left: 15px !important;
}
.nform .button--tertiary span {
transform: translate(0px);
}
.nform .button--tertiary {
min-width: 0;
min-height: 0;
padding: 0;
border: none;
margin-left: -27px;
left: -13px;
}
.nform .button--tertiary:hover {
min-width: 0;
min-height: 0;
padding: 0;
border: none;
margin-left: -27px;
left: -13px;
}
/*Banner css*/
.home-banner {
margin-bottom: 80px;
}
.home-banner li img {
width: 100%;
}
.home-banner li {
display: flex !important;
}
.home-banner li > div {
position: relative;
margin-right: 10px !important;
width: calc(100% - 0px);
border-radius: 23px;
overflow: hidden;
display: flex;
}
.home-banner li > div:last-child {
margin-right: 0 !important;
margin-left: 10px !important;
width: calc(100% - 0px);
}
.home-banner li > div > div {
position: absolute;
width: calc(100% - 70px);
bottom: 35px;
left: 50px;
display: flex;
height: calc(100% - 0px);
justify-content: space-between;
flex-direction: column;
padding-top: 1px;
}
.home-banner li p {
font-size: 72px;
line-height: 85px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 0px;
}
.home-banner .bnr-txt a.bnr-btn,
a.bnr-btn {
background: #fff
url(/cdn/shop/files/arrow.svg?v=1709902324)
right 15px top 11px no-repeat;
border: 1px solid #000000;
padding: 10px 35px 10px 18px;
border-radius: 50px;
display: inline-block;
color: #1a1a1a;
width: fit-content;
font-size: 12px;
text-decoration: none;
font-weight: 500;
text-transform: uppercase;
font-family: "haskoyregular";
line-height: 12px !important;
letter-spacing: 0.2em;
}
.home-banner .bnr-txt a.bnr-btn:hover,
a.bnr-btn:hover {
background: #000
url(/cdn/shop/files/arow-white.svg?v=1709969797)
right 15px top 11px no-repeat;
color: #fff;
text-decoration: none;
}
.home-banner .slick-prev,
.home-banner .slick-next {
display: none !important;
}
.home-banner ul.slick-dots {
display: flex !important;
width: 100%;
justify-content: center;
}
.home-banner ul.slick-dots li button {
background: #ffadde !important;
}
.home-banner ul.slick-dots li.slick-active button {
background: #b9b2db !important;
}
.home-banner ul.slick-dots li {
margin: 0 5px !important;
}
ul.slick-dots li {
border: none !important;
}
@media (max-width: 940px) {
.home-banner .slick-prev,
.home-banner .slick-next {
display: none !important;
}
}
@media (max-width: 800px) {
.home-banner li > div {
position: relative;
margin-right: 2px !important;
width: calc(100% - 0px);
border-radius: 6px;
}
.home-banner li > div:last-child {
margin-left: 2px !important;
width: calc(100% - 0px);
}
.home-banner li p {
font-size: 25px;
line-height: 35px;
}
.home-banner .bnr-txt a.bnr-btn {
background: #fff
url(/cdn/shop/files/arrow.svg?v=1709902324)
right 6px top 10px no-repeat;
padding: 9px 21px 9px 11px;
font-size: 12px;
}
.home-banner .bnr-txt a.bnr-btn:hover {
background: #f1efef
url(/cdn/shop/files/arrow.svg?v=1709902324)
right 6px top 10px no-repeat;
}
.header a.bnr-btn {
background: #fff
url(/cdn/shop/files/arrow.svg?v=1709902324)
right 12px top 10px no-repeat;
border: 1px solid #000000;
padding: 10px 30px 10px 14px;
border-radius: 50px;
display: inline-block;
color: #1a1a1a;
width: fit-content;
font-size: 12px;
text-decoration: none;
font-weight: 400;
text-transform: uppercase;
line-height: 12px;
}
}
@media (max-width: 500px) {
.home-banner li p {
font-size: 12px;
line-height: 17px;
margin-top: 6px;
margin-bottom: 0px;
}
.home-banner li > div > div {
bottom: 0px;
}
.home-banner li > div > div {
left: 10px;
padding-top: 11px;
padding-bottom: 10px;
}
}
/*Footer css*/
.footer-area p,
.footer-area a {
color: #c6c6c4;
margin-bottom: 0px;
}
.footer-area a:hover {
color: #ffffff;
}
.footer-area {
padding: 40px 0px;
background: #1a1a1a;
}
.ftop {
border-bottom: 1px solid #c6c6c4;
margin-bottom: 30px;
padding-bottom: 30px;
display: flex;
align-items: center;
}
.fsociallinks {
margin-left: auto;
}
.fbottom {
display: flex;
align-items: center;
}
.fbottom-right {
margin-left: auto;
width: 50%;
margin-left: auto;
justify-content: end;
}
.fsociallinks {
display: flex;
}
.fsociallinks a {
font-size: 0;
text-indent: -999px;
display: flex;
margin-left: 20px;
align-items: center;
}
.fsociallinks a:first-child {
margin-left: 0px;
}
.fbottom-right {
display: flex;
align-items: center;
}
.fsociallinks a img:nth-child(2) {
display: none;
}
.fsociallinks a:hover img:nth-child(1) {
display: none;
}
.fsociallinks a:hover img:nth-child(2) {
display: block;
}
.flinks a {
display: inline-block;
margin-right: 30px;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
}
.flinks a:last-child {
margin-right: 0px;
}
.fbottom-left p {
font-size: 10px;
}
.fbottom-right h6 {
text-transform: uppercase;
font-size: 17px;
color: #fffffc;
margin-right: 20px;
margin-top: 0;
margin: 0;
margin-right: 20px;
}
.fbottom-right div {
color: #ffffff;
position: relative !important;
}
.fbottom-right div:has(button) {
background: transparent !important;
}
.container-banner-home {
margin-bottom: 70px;
}
.nform p.form__message {
margin: 10px 0 0 0;
font-size: 12px;
color: #d0d5d4;
border: none;
}
.nform p.form__message:focus {
border: none;
outline: none;
}
@media (max-width: 800px) {
.ftop {
display: block;
text-align: center;
}
.fsociallinks {
display: flex;
justify-content: center;
margin-top: 20px;
}
.fbottom {
display: flex;
flex-wrap: wrap;
text-align: center;
}
.fbottom > div {
width: 100%;
}
.fbottom-right {
margin-bottom: 20px;
order: 1;
}
.fbottom-left {
order: 2;
}
.fbottom-right {
justify-content: center;
flex-wrap: wrap;
}
.fbottom-right > div,
.fbottom-right h6 {
width: 100%;
}
.container-banner-home {
margin-bottom: 0px;
}
}
/*top 3 css*/
.top-three {
margin-bottom: 80px;
}
.top-three h2 {
font-size: 52px;
line-height: 60px;
color: #1a1a1a;
font-weight: 400;
margin-bottom: 20px;
}
.top-three h3 {
font-size: 38px;
line-height: 42px;
color: #1a1a1a;
font-weight: 200;
margin-bottom: 20px;
text-transform: uppercase;
}
.top-three p {
font-size: 19px;
line-height: 27px;
color: #000;
font-weight: 300;
}
.top-three h3 a {
color: #1a1a1a;
text-decoration: none;
}
.top-three h3 a:hover {
color: #888;
}
.top-three ul.tr-bx,
.top-three-slider ul.slick-track {
margin: 0;
padding: 0px;
display: flex;
}
.top-three ul.tr-bx li,
.top-three-slider ul.slick-track li {
margin: 0;
padding: 45px 35px;
list-style-type: none;
display: flex;
flex-direction: column;
min-height: 280px;
border-radius: 6px;
}
.top-three ul.tr-bx li p,
.top-three-slider ul.slick-track li p {
margin-bottom: 0px;
}
.top-three ul.tr-bx li:nth-child(1),
.top-three-slider ul.slick-track li.ch01 {
background: #efefef
url(/cdn/shop/files/bg003-b.svg?v=1712640424)
top -18px right -40px no-repeat;
width: calc(50% - 20px);
margin-right: 20px;
background-size: 423px;
}
.top-three ul.tr-bx li:nth-child(2),
.top-three-slider ul.slick-track li.ch02 {
background: #efefef
url(/cdn/shop/files/bg001-b.svg?v=1712640247)
bottom 86px right -99px no-repeat;
width: calc(25% - 10px);
margin-right: 20px;
background-size: 316px;
}
.top-three ul.tr-bx li:nth-child(3),
.top-three-slider ul.slick-track li.ch03 {
background: #efefef
url(/cdn/shop/files/bg002-b.svg?v=1712640424)
right -97px bottom -33px no-repeat;
width: calc(25% - 10px);
margin-right: 20px;
background-size: 316px;
}
.product-page-three li:nth-child(1) {
background-position: bottom -50px right -0px !important;
}
.product-page-three li:nth-child(2) {
background-position: bottom 0px right -38px !important;
}
.product-page-three li:nth-child(3) {
background-position: bottom 56px right -18px !important;
}
@media (max-width: 1100px) {
.product-page-three li:nth-child(1) {
background-position: top 0px right 0px !important;
background-size: 242px !important;
}
.product-page-three li:nth-child(2) {
background-position: bottom 0px right -0px !important;
background-size: 323px !important;
}
.product-page-three li:nth-child(3) {
background-position: bottom 96px right -0px !important;
background-size: 313px !important;
}
.product-page-three li:nth-child(1) br {
display: none;
}
}
@media (max-width: 900px) {
.product-page-three li:nth-child(1) {
background-position: top 0px right 0px !important;
background-size: 190px !important;
}
.product-page-three li:nth-child(2) {
background-position: bottom 0px right -0px !important;
background-size: 250px !important;
}
.product-page-three li:nth-child(3) {
background-position: bottom 108px right -0px !important;
background-size: 250px !important;
}
.product-page-three li:nth-child(1) br {
display: none;
}
}
@media (max-width: 600px) {
.product-page-three li:nth-child(1) {
background-position: top 0px right 0px !important;
background-size: 190px !important;
}
.product-page-three li:nth-child(2) {
background-position: bottom 0px right -0px !important;
background-size: 250px !important;
}
.product-page-three li:nth-child(3) {
background-position: bottom 108px right -0px !important;
background-size: 250px !important;
}
.product-page-three li:nth-child(1) br {
display: none;
}
}
@media (max-width: 390px) {
.product-page-three li:nth-child(1) {
background-position: top 0px right 0px !important;
background-size: 247px !important;
}
.product-page-three li:nth-child(2) {
background-position: bottom 0px right -0px !important;
background-size: 356px !important;
}
.product-page-three li:nth-child(3) {
background-position: bottom 62px right -0px !important;
background-size: 313px !important;
}
.product-page-three li:nth-child(1) br {
display: none;
}
}
.top-three ul.tr-bx li i,
.top-three-slider ul.slick-track li i {
width: 76px;
height: 76px;
padding-top: 15px;
align-items: center;
justify-content: center;
border-radius: 100%;
font-size: 40px;
line-height: 40px;
font-weight: 300;
font-style: normal;
text-align: center;
}
@media (max-width: 1208px) {
.top-three ul.tr-bx li:nth-child(1),
.top-three-slider ul.slick-track li.ch01 {
width: calc(33% - 20px);
margin-right: 20px;
}
.top-three ul.tr-bx li:nth-child(2),
.top-three-slider ul.slick-track li.ch02 {
width: calc(33% - 10px);
margin-right: 20px;
}
.top-three ul.tr-bx li:nth-child(3),
.top-three-slider ul.slick-track li.ch03 {
width: calc(33% - 10px);
margin-right: 0px;
}
.top-three-slider ul.slick-track li.ch01,
.top-three-slider ul.slick-track li.ch02,
.top-three-slider ul.slick-track li.ch03 {
margin-right: 20px;
}
}
@media (max-width: 800px) {
.top-three ul.tr-bx {
display: block;
}
.top-three ul.tr-bx li,
.top-three-slider ul.slick-track li {
margin-bottom: 30px !important;
}
.top-three ul.tr-bx li:nth-child(1),
.top-three-slider ul.slick-track li.ch01 {
width: calc(100% - 0px);
margin-right: 0px;
padding-left: 25px;
padding-right: 25px;
}
.top-three ul.tr-bx li:nth-child(2),
.top-three-slider ul.slick-track li.ch02 {
width: calc(100% - 0px);
margin-right: 0px;
padding-left: 25px;
padding-right: 25px;
}
.top-three ul.tr-bx li:nth-child(3),
.top-three-slider ul.slick-track li.ch03 {
width: calc(100% - 0px);
margin-right: 0px;
padding-left: 25px;
padding-right: 25px;
}
.top-three-slider ul.slick-track li.ch01,
.top-three-slider ul.slick-track li.ch02,
.top-three-slider ul.slick-track li.ch03 {
margin-right: 20px;
}
}
@media (max-width: 599px) {
.top-three-slider ul.slick-track li.ch01,
.top-three-slider ul.slick-track li.ch02,
.top-three-slider ul.slick-track li.ch03 {
margin-right: 0px;
}
}
#js-carousel .swiper-slide .ticker__title p svg {
margin: 0 10px 8px 40px;
}
#js-carousel .swiper-slide .ticker__title > svg {
margin: 0 40px 0 40px;
}
#js-carousel .swiper-slide .ticker__title {
line-height: 140px;
text-transform: uppercase;
}
.testimonials.testimonials--slider .author__quote {
font-size: 45px;
font-weight: 300;
color: #1a1a1a;
letter-spacing: 1.5px;
}
.testimonials .author__info {
display: block !important;
text-align: center !important;
}
.testimonials .author__info-ul {
background: #fff;
padding: 4px 10px !important;
border: 1px solid #000000 !important;
color: #000000 !important;
text-transform: uppercase;
opacity: 1;
width: auto !important;
margin: 0 auto !important;
display: inline-block !important;
}
.testimonials .author__info-li {
display: inline-block !important;
font-size: 14px !important;
color: #000 !important;
}
.testimonials .js-ts-slider__arrow--prev svg,
.testimonials .js-ts-slider__arrow--next svg {
display: none !important;
}
.testimonials .js-ts-slider__arrow--prev {
display: flex !important;
width: 37px !important;
height: 37px !important;
font-size: 0px !important;
text-indent: -999px !important;
border: 1px solid #1e1e1e !important;
border-radius: 100% !important;
background: #ffffff
url(/cdn/shop/files/btn-aro-1_3a3af148-30e5-40fc-b72d-156dd3d6047f.png?v=1708407912)
center center no-repeat !important;
}
.testimonials .js-ts-slider__arrow--next {
display: flex !important;
width: 37px !important;
height: 37px !important;
font-size: 0px !important;
text-indent: -999px !important;
border: 1px solid #1e1e1e !important;
border-radius: 100% !important;
background: #ffffff
url(/cdn/shop/files/arrow.svg?v=1709902324)
center center no-repeat !important;
}
.testimonials .author__info-placeholder-cell {
border: none !important;
display: block !important;
width: 100% !important;
}
.testimonials .author__info-placeholder-cell {
height: auto !important;
margin-bottom: 12px;
}
.testimonials .ts-slider__item-inner {
padding: 50px 0;
}
.readymake {
margin-bottom: 80px;
margin-top: 30px;
background: #d8d9f5
url(/cdn/shop/files/image-29.png)
right center no-repeat;
border-radius: 18px;
min-height: 369px;
padding: 20px 0px 20px 0px;
display: flex;
align-items: center;
}
.readymake > div {
padding: 0px 60px;
width: calc(100% - 120px);
max-width: 556px;
}
.readymake > div h2 {
font-size: 52px;
line-height: 65px;
color: #1a1a1a;
text-transform: uppercase;
margin-bottom: 19px;
margin-top: 0px;
}
@media (max-width: 800px) {
.readymake {
background: #d8d9f5;
min-height: auto;
justify-content: center;
}
.readymake > div {
padding: 0px 20px;
width: calc(100% - 40px);
max-width: 100%;
text-align: center;
}
.readymake > div h2 {
font-size: 30px;
line-height: 45px;
}
#js-carousel .swiper-slide .ticker__title > svg {
margin: 0 0px 0 0px;
}
}
.readymake-n {
margin-bottom: 80px;
margin-top: 30px;
background: #feb4e7
url(/cdn/shop/files/image-29nnnn.png)
right center no-repeat;
border-radius: 18px;
min-height: 369px;
padding: 0px 0px 0px 0px;
display: flex;
align-items: center;
}
.readymake-n > div {
padding: 0px 60px;
width: calc(100% - 120px);
max-width: 609px;
}
.readymake-n > div h2 {
font-size: 36px;
line-height: 45px;
color: #373f47 !important;
text-transform: uppercase;
margin-bottom: 19px;
margin-top: 0px;
font-weight: 500 !important;
}
.readymake-n p,
.readymake-n .globo-form-app * {
color: #1a1a1a !important;
}
.readymake-n .gfb__footer [type="submit"] {
color: #fff !important;
text-transform: uppercase;
padding: 12px 40px 12px 21px !important;
font-size: 12px;
letter-spacing: 0.2em;
}
@media (max-width: 800px) {
.readymake-n {
background: #feb4e7;
min-height: auto;
justify-content: center;
}
.readymake-n > div {
padding: 0px 20px;
width: calc(100% - 40px);
max-width: 100%;
text-align: center;
}
.readymake-n.readymake > div {
padding: 20px 10px;
}
.readymake-n > div h2 {
font-size: 30px;
line-height: 45px;
}
}
.collapsible-content-section .collapsible-content__top {
max-width: 100%;
display: flex;
justify-content: left;
flex-direction: column;
align-items: start;
margin: 0;
}
.collapsible-content-section .collapsible-content__top {
width: 100;
max-width: 600px;
}
.collapsible-content-section .collapsible-content__top > div {
font-size: 22px;
line-height: 30px;
color: #1a1a1a;
margin-bottom: 16px;
}
.collapsible-content-section .collapsible-content__top h2 {
width: 100%;
text-align: left;
font-size: 52px;
line-height: 62px;
margin-bottom: 12px;
text-transform: uppercase;
}
.collapsible-content-section .button--simple,
.collapsible-content-section .customer .button--simple {
width: 36px !important;
height: 36px !important;
}
.collapsible-content__item .button--simple {
background-color: #fff !important;
color: #000 !important;
}
.collapsible-content__item.active .button--simple {
background-color: #000 !important;
color: #fff !important;
}
.collapsible-content__question {
text-transform: uppercase;
font-size: 22.5px;
font-weight: 400;
line-height: 24.75px;
letter-spacing: 0.02em;
}
.collapsible-content__answer {
padding: 2.4rem 15px 2.4rem 15px !important;
}
.collapsible-content__toggle {
padding: 3rem 15px 3rem 15px !important;
}
.collapsible-content__answer-inner {
max-width: 100% !important;
}
@media (min-width: 750px) {
.collapsible-content__answer-inner {
font-size: 14px !important;
line-height: 20px !important;
}
}
/*Right Left Box css*/
.rl-box {
margin-bottom: 80px;
}
.rl-box ul {
margin: 0;
padding: 0px;
}
.rl-box ul li {
list-style-type: none;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.rl-box ul li > i {
width: 50%;
}
.rl-box ul li > div {
width: calc(50% - 0px);
padding: 0 40px 40px 40px;
display: flex;
}
.rl-box ul li > i img {
width: 100%;
border-radius: 22px;
}
.rl-box ul li:nth-child(even) > i {
order: 2;
}
.rl-box ul li:nth-child(even) > div {
order: 1;
}
.rl-box h3 {
/*font-size: 52px !important;*/
font-size: 30px !important;
line-height: 60px !important;
color: #1a1a1a;
font-weight: 300;
margin-bottom: 20px;
text-transform: uppercase;
margin-top: 0;
}
.rl-box p {
font-size: 22.5px;
line-height: 26px;
color: #1a1a1a;
font-weight: 300;
}
a.btn02 {
display: flex;
width: 37px;
height: 37px;
font-size: 0px;
text-indent: -999px;
border: 1px solid #1e1e1e;
border-radius: 100%;
background: #ffffff
url(/cdn/shop/files/arrow.svg?v=1709902324)
center center no-repeat;
}
a.btn02:hover {
background: #000
url(/cdn/shop/files/arow-white.svg?v=1709969797)
center center no-repeat;
}
@media (max-width: 990px) {
.about .swiper-pagination {
justify-content: center !important;
}
}
@media (max-width: 800px) {
.rl-box ul li > i {
width: 100%;
display: block;
margin-bottom: 0px;
text-align: center;
}
.rl-box ul li > div {
width: calc(100% - 0px);
padding: 0 0px 0px 0px;
}
.rl-box ul li > i img {
width: inherit;
max-width: 100%;
display: inline-block;
border-radius: 10px;
}
.rl-box ul li:nth-child(even) > i {
order: 1;
}
.rl-box ul li:nth-child(even) > div {
order: 2;
}
.rl-box ul li {
margin-bottom: 50px;
}
.collapsible-content-section .collapsible-content__top h2 {
font-size: 34px;
line-height: 48px;
}
}
.about {
border-radius: 18px !important;
}
.about span.about__cat-tag.subtitle {
background: #fff;
padding: 5px 10px 5px 10px;
border: 1px solid #959595;
font-size: 14px;
color: #1a1a1a;
font-weight: 400;
line-height: 20px;
display: flex;
align-items: center;
height: 32px;
}
button.swiper-pagination-bullet.circle-button.swiper-pagination-bullet-active:after {
background: #000;
color: #fff;
}
button.swiper-pagination-bullet.circle-button {
border: 1px solid #000;
}
button.swiper-pagination-bullet.circle-button:after {
width: 100%;
height: 100%;
}
.about .swiper-pagination .swiper-pagination-bullet {
margin: 0 10px !important;
}
.rl-box h3 {
font-size: 34px;
line-height: 48px;
}
.collapsible-content-section .button--simple,
.collapsible-content-section .customer .button--simple {
transform: rotate(-90deg);
}
.collapsible-content__item.active .button--simple {
transform: rotate(-180deg);
}
/* @font-face {
font-family: "regular";
src: url("/cdn/shop/files/haskoy-regular-webfont.eot");
src: url("/cdn/shop/files/haskoy-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/cdn/shop/files/haskoy-regular-webfont.woff2") format("woff2"), url("/cdn/shop/files/haskoy-regular-webfont.woff") format("woff"), url("/cdn/shop/files/haskoy-regular-webfont.ttf") format("truetype"), url("/cdn/shop/files/haskoy-regular-webfont.svg#haskoyregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "haskoylight";
src: url("/cdn/shop/files/haskoy-light-webfont.eot");
src: url("/cdn/shop/files/haskoy-light-webfont.eot?#iefix") format("embedded-opentype"), url("/cdn/shop/files/haskoy-light-webfont.woff2") format("woff2"), url("/cdn/shop/files/haskoy-light-webfont.woff") format("woff"), url("/cdn/shop/files/haskoy-light-webfont.ttf") format("truetype"), url("/cdn/shop/files/haskoy-light-webfont.svg#haskoylight") format("svg");
font-weight: normal;
font-style: normal;
} */
body {
font-family: "haskoylight" !important;
}
.about__section-caption {
font-size: 22px;
}
.header__icon .header__icon-name {
font-size: 12px !important;
font-weight: 400;
}
#cart-icon-bubble .header__icon-name {
display: none;
}
#shopify-section-template--14779971666019__8fbb69e7-3042-46d0-a72b-1d829baf30a6
.rich-text__text
p {
font-size: 22px;
line-height: 31px;
text-transform: uppercase;
}
#shopify-section-template--14779971666019__8fbb69e7-3042-46d0-a72b-1d829baf30a6
.rich-text__blocks {
max-width: 84rem;
}
/*.header {
margin: 25px auto;
}*/
@media screen and (min-width: 1200px) {
.header__inline-menu .list-menu--inline > li > .list-menu__item > span {
min-height: 40px !important;
}
}
.js-marquee {
margin-right: 0px !important;
}
@media screen and (max-width: 768px) {
.product-points {
padding-bottom: 0px;
}
.rl-box {
margin-bottom: 0;
}
#shopify-section-template--14745870499939__8bee0287-21eb-41d5-b1f4-b957261b43fb {
padding-top: 0;
}
#js-carousel .swiper-slide .ticker__title p svg {
margin: 28px 10px 8px 40px;
position: relative;
top: 15px;
left: -10px;
}
#shopify-section-template--14745870499939__8bee0287-21eb-41d5-b1f4-b957261b43fb {
margin-top: -60px;
margin-bottom: -26px;
}
.home-banner.container {
padding-left: 2px;
padding-right: 2px;
}
.testimonials.testimonials--slider .author__quote {
font-size: 28px;
}
.rl-box h3 {
font-size: 24px !important;
line-height: 34px !important;
}
#shopify-section-template--14779971666019__8fbb69e7-3042-46d0-a72b-1d829baf30a6
.rich-text__text
p {
font-size: 20px;
line-height: 27px;
}
.shopify-section.spaced-section .rl-box h3 {
font-weight: 400 !important;
}
}
@media screen and (max-width: 767px) {
.shopify-section.spaced-section .rl-box h3 {
font-weight: 400 !important;
}
}
.collapsible-content__item .collapsible-content__toggle:before,
.collapsible-content__item .collapsible-content__toggle:after {
background-color: #4a9100 !important;
}
.collapsible-content__item:hover .collapsible-content__question,
.collapsible-content__item.active .collapsible-content__question {
color: #4a9100 !important;
}
.nform form input {
font-family: haskoyregular !important;
padding-right: 48px !important;
}
.list-menu--inline .header__menu-item span:after {
height: 2px !important;
background-color: #000;
}
#shopify-section-template--14745870499939__b54357fe-e917-4649-acb0-0173d6000346
.js-get-testimonials {
background: transparent !important;
}
section.testimonials.testimonials--slider .ts-slider-wrapper {
max-width: 100%;
}
.ts-slider__arrow.ts-slider__arrow--prev.js-ts-slider__arrow--prev {
left: 100px;
}
.ts-slider__arrow.ts-slider__arrow--next.js-ts-slider__arrow--next {
right: 100px;
}
.testimonials .ts-slider,
.testimonials .ts-slider-wrapper {
max-width: 100% !important;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(1) {
background: #ff8736;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(2) {
background: #ccff96;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(3) {
background: #adabff;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(4) {
background: #e1e1e1;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(5) {
background: #ffadde;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(6) {
background: #d8d9f5;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(7) {
background: #828ce9;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(8) {
background: #5d46ab;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(9) {
background: #ffb881;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(10) {
background: #b49ff9;
}
.swiper-wrapper.ts-slider__wrap .swiper-slide.ts-slider__item:nth-child(11) {
background: #ffb881;
}
@media (max-width: 800px) {
.ts-slider__arrow.ts-slider__arrow--prev.js-ts-slider__arrow--prev {
left: 15px;
}
.ts-slider__arrow.ts-slider__arrow--next.js-ts-slider__arrow--next {
right: 15px;
}
}
.header__account details summary .header__icon-name:after {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
content: "";
width: 0;
height: 1px;
background-color: #767e68;
transition: width var(--duration-default);
}
.header__account details summary:hover .header__icon-name:after {
width: 100%;
}
.about__carousel-cell .circle-button:hover {
transform: scale(1) !important;
background: #000 !important;
color: #fff !important;
}
.about__carousel-cell .circle-button:hover:after {
background: #000 !important;
color: #fff !important;
}
.testimonials .ts-slider__arrow--next:hover {
margin-right: 0 !important;
background: #000
url(/cdn/shop/files/arow-white.svg?v=1709969797)
center center no-repeat !important;
}
.testimonials .ts-slider__arrow--prev:hover {
margin-left: 0 !important;
background: #000
url(/cdn/shop/files/btn-aro-w1.png?v=1708411330)
center center no-repeat !important;
}
.collapsible-content__item .button--simple:hover {
background-color: #000 !important;
color: #fff !important;
}
.announcement-bar__text {
text-align: center;
padding: 10px 0 7px 0;
padding-left: 50px;
}
.slashColor {
display: inline-block;
padding: 0 50px;
}
.howitwork {
margin-top: 100px;
margin-bottom: 130px;
}
.howitwork > h2 {
font-size: 52px;
line-height: 60px;
color: #1a1a1a;
font-weight: 400;
margin-bottom: 50px;
text-align: center;
margin-top: 0px;
}
.howitwork ul {
margin: 0px;
padding: 0px;
display: flex;
flex-wrap: wrap;
}
.howitwork ul li {
list-style-type: none;
margin: 0px 30px 0px 0px;
padding: 0px;
width: calc(33.33% - 20px);
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
}
.howitwork ul li:last-child {
margin-right: 0px;
}
.howitwork ul li p {
font-family: "haskoyregular";
font-size: 30px;
line-height: 38px;
color: #1a1a1a;
font-weight: 400;
margin-bottom: 12px;
margin-top: 5px;
}
@media (max-width: 1320px) {
.howitwork ul li p {
font-size: 20px;
line-height: 30px;
margin-bottom: 3px;
}
}
.howitwork ul li span {
font-size: 17px;
line-height: 24px;
color: #1a1a1a;
font-weight: 300;
margin-bottom: 15px;
margin-top: 0;
font-family: "haskoylight";
display: block;
}
.howitwork ul li i {
display: block;
margin-bottom: 25px;
}
.howitwork ul li img {
width: 100%;
border-radius: 12px;
}
@media (max-width: 600px) {
.howitwork ul {
grid-template-columns: auto auto;
}
.howitwork ul li {
margin: 0px 0px 0px 0px;
padding: 0px;
width: calc(100% - 0px);
}
.howitwork {
margin-top: 0px;
margin-bottom: 40px;
}
.howitwork > h2 {
font-size: 40px;
line-height: 50px;
}
.home-banner {
margin-bottom: 28px;
}
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__wrapper {
display: block !important;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__heading {
max-width: 100%;
text-align: center;
margin-bottom: 20px;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__timer
.countdown {
display: none;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__timer {
justify-content: center;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6 {
background: #050926;
border-bottom: 1px solid #c6c6c454;
padding-top: 0px;
margin-bottom: 70px;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6 h2,
#shopify-section-template--15218588352611__custom_liquid_pExrk6 p {
color: #fff;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__form {
padding-left: 00;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__form
.newsletter-form__inner {
display: block;
text-align: center;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__form
.newsletter-form__field-wrapper {
margin: 0 auto 20px auto;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__form
.newsletter-form__field-wrapper {
width: 100%;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__form
.newsletter-form__field-wrapper
input {
height: 39px !important;
min-height: 20px !important;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.field
.field__input {
padding: 0px 1.8rem 0px !important;
line-height: 10px;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.field
.field__input
+ label {
top: 20px;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter.container
.button--primary {
min-width: auto;
min-height: auto;
padding: 13px 10px;
max-width: 247px;
width: 100%;
background: #6766cc !important;
border: none;
border-radius: 60px;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__form
.newsletter-form__field-wrapper {
margin: 0 auto 0px auto;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6 h2 {
font-size: 32px;
margin-bottom: 10px !important;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6 p {
font-size: 17px;
margin-bottom: 0px !important;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6
.newsletter
.newsletter__wrapper {
padding-top: 0px;
padding-bottom: 70px;
}
#shopify-section-template--15218588352611__custom_liquid_pExrk6 .form__message {
align-items: center;
color: #fff;
margin-top: -13px;
}
#js-carousel .swiper-slide .ticker__title p {
margin: 0 20px;
max-height: 75px;
display: flex;
align-items: center;
}
.globo-form.boxed-form.globo-form-id-0 {
background: #050926 !important;
padding: 40px 0px !important;
margin-bottom: 80px !important;
}
.globo-form-id-0 .globo-form-app .globo-heading {
color: #fff !important;
}
.globo-form-app * {
color: #fff !important;
justify-content: left !important;
}
.globo-form-id-0
.globo-form-app
.globo-form-control
.checkbox-wrapper
.globo-option,
.globo-form-id-0
.globo-form-app
.globo-form-control
.radio-wrapper
.globo-option {
color: #fff !important;
}
.globo-form.boxed-form.globo-form-id-0 {
background: #050926;
padding: 40px 0px;
margin-bottom: 80px;
}
.wizard__content > p {
display: none !important;
color: #050926;
font-size: 0px !important;
text-indent: -999999px !important;
}
.wizard__content > p a {
display: none !important;
color: #050926;
font-size: 0px !important;
text-indent: -999999px !important;
}
.globo-form-id-0 .globo-form-app .footer button,
.globo-form-id-0 .globo-form-app .gfb__footer button,
.gfb__footer .action,
.gfb__footer [type="button"],
.gfb__footer [type="submit"] {
background: #1a1a1a
url(/cdn/shop/files/arow-white.svg?v=1709969797)
right 15px top 14px no-repeat !important;
border: none !important;
border-radius: 60px !important;
font-size: 16px;
padding: 12px 40px !important;
}
.globo-form-id-0
.globo-form-app
.globo-form-control
.checkbox-wrapper
.checkbox-input
~ .checkbox-label:before,
.globo-form-app
.globo-form-control
.radio-wrapper
.radio-input
~ .radio-label:after {
border: none !important;
}
.globo-form-control .checkbox-wrapper {
margin: 0 auto;
}
.globo-form-app .message.success {
color: #212b36 !important;
text-align: center !important;
}
.globo-form-control label[for="32879-email"] {
display: none;
}
.globo-form-control input {
color: #000 !important;
border-radius: 40px !important;
padding-left: 25px !important;
}
.breadcrumb_border {
display: none;
}
.step {
text-align: left;
width: 60px;
}
.spnow a {
text-decoration: none;
background: #fff url(/cdn/shop/files/arrow.svg?v=1709902324) right 0 center
no-repeat;
padding-right: 20px;
}
ul.imageTextGrid li {
list-style-type: disc;
display: list-item;
margin-left: 35px;
margin-bottom: 18px;
font-size: 22px;
line-height: 26px;
color: #1a1a1a;
font-weight: 300;
}
.rl-box.container p {
margin-bottom: 18px !important;
}
.collapsible-content__answer-inner p {
font-size: 13.5px;
font-weight: 400;
line-height: 20.25px;
letter-spacing: 0.02em;
text-align: left;
}
.home-banner.container .giftheshift_subs label[for="35652-email"],
.home-banner.container .wizard__content p {
display: none !important;
}
.home-banner.container .wizard__content p {
display: none !important;
}
.home-banner.container .wizard__content > p {
position: absolute;
left: -6000px;
}
.home-banner.container .wizard__content .help-block {
display: block !important;
margin: 0px !important;
padding: 0px !important;
line-height: 26px;
text-align: center;
}
.home-banner.container .giftheshift_subs ul,
.home-banner.container .giftheshift_subs ul li {
width: 100% !important;
}
.home-banner.container .giftheshift_subs ul li .checkbox-wrapper {
width: 100% !important;
text-align: center;
}
.home-banner.container .globo-form {
margin-top: 32px;
}
.home-banner.container
.giftheshift_subs
.checkbox-input:checked
~ .checkbox-label:after {
backgrnd-image: url(data:image/svg+xml;
charset=utf8, %3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z%27/%3E%3C/svg%3E);
background-color: #eb1256;
}
.home-banner.container .checkbox-wrapper {
margin-left: 0px !important;
}
.home-banner.container .giftheshift_subs {
width: 100% !important;
}
.home-banner.container .globo-form-app {
margin: 0 0;
}
.home-banner.container
.giftheshift_subs
.checkbox-input
~ .checkbox-label:after {
width: 20px;
height: 20px;
content: "";
margin: 0;
}
.home-banner.container .globo-form-app .gfb__footer {
text-align: center;
}
.home-banner.container
.checkbox-label.globo-option[for="35652-checkbox-1-I"]:after {
--gfb-primary-color: #eb1256;
--gfb-form-width: 600px;
--gfb-font-family: inherit;
--gfb-font-style: inherit;
--gfb-bg-color: #fff;
--gfb-bg-position: top;
}
.readymake .globo-form-app .globo-heading,
.readymake .globo-form-app * {
color: #000 !important;
}
.readymake .globo-form-app .gfb__footer button {
color: #fff !important;
}
.home-banner ul.slick-dots {
position: relative !important;
bottom: 0px !important;
}
@media (max-width: 1262px) {
.home-banner li p {
font-size: 60px;
line-height: 75px;
}
}
@media (max-width: 1098px) {
.home-banner li p {
font-size: 40px;
line-height: 55px;
}
}
@media (max-width: 768px) {
.home-banner li p {
font-size: 60px;
line-height: 75px;
}
.product-points ul li {
background: url(/cdn/shop/files/ticksss.svg?v=1709970524) right 10px top
19px no-repeat;
padding: 14px 45px 14px 5px;
font-size: 18px;
background-size: 15px;
}
.home-banner.container .globo-form {
margin-top: 10px;
}
}
@media (max-width: 511px) {
.home-banner li p {
font-size: 28px;
line-height: 36px;
}
}
.home-banner .bnr-btn {
margin-top: 30px;
}
@media screen and (min-width: 990px) {
#shopify-section-template--15218588352611__db3a1ff4-5525-4b5b-a4a6-74c01c505fa0 {
padding-top: 65px !important;
padding-bottom: 0px !important;
}
}
@media screen and (max-width: 767px) {
#shopify-section-template--15218588352611__db3a1ff4-5525-4b5b-a4a6-74c01c505fa0 {
padding-top: 40px !important;
padding-bottom: 50px !important;
}
}
.globo-form-id-32879
.globo-form-app
.globo-form-control
.checkbox-wrapper
.checkbox-input
~ .checkbox-label:before,
.globo-form-app
.globo-form-control
.radio-wrapper
.radio-input
~ .radio-label:after {
border-color: #ffffff !important;
box-shadow: none !important;
}
.readymake button[type="submit"] {
background: #d8d9f5 !important;
border: 1px solid #000 !important;
}
.readymake .globo-form-app .gfb__footer button {
color: #000 !important;
}
.home-banner button[type="submit"] {
background: transparent !important;
border: 1px solid #fff !important;
}
.home-banner .globo-form-app .gfb__footer button {
color: #fff !important;
}
.home-banner.container:has(.giftheshift_subs) .bnr-txt {
justify-content: flex-start !important;
}
.home-banner .globo-form.default-form h4 {
font-size: 14px;
background: transparent !important;
}
.home-banner .message.success,
.readymake .message.success {
background: transparent !important;
}
.home-banner .message.success p,
.readymake .message.success p {
display: block !important;
display: block !important;
font-size: 15px;
line-height: 24px;
padding: 38px 13px;
}
.home-banner .globo-form-app .message.success,
.readymake .globo-form-app .message.success {
position: absolute;
background: #fff !important;
z-index: 999;
padding: 35px 12px 5px 12px;
border-radius: 8px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.readymake .globo-form-app .message.success {
max-height: 120px;
padding: 18px 13px 38px 13px;
}
.readymake .globo-form-app .message.success p {
text-transform: none;
}
.home-banner .globo-form-app .message.success,
.readymake .globo-form-app .message.success {
text-transform: uppercase;
color: #000 !important;
}
.home-banner .globo-form-app .message.success br,
.readymake .globo-form-app .message.success br {
display: none;
}
.home-banner .globo-form-app .message.success p:empty,
.readymake .globo-form-app .message.success p:empty {
display: none;
}
.home-banner .globo-form-app .message.success p,
.readymake .globo-form-app .message.success p {
margin-bottom: 15px;
color: #000 !important;
}
.home-banner .globo-form-app .message.success h4,
.readymake .globo-form-app .message.success h4 {
color: #000 !important;
}
.home-banner .globo-form-app .message.success p strong,
.readymake .globo-form-app .message.success p strong {
color: #000 !important;
text-transform: none;
}
.home-banner .action.next.submit.classic-button.wizard__submit.loading .spinner,
.readymake .action.next.submit.classic-button.wizard__submit.loading .spinner {
display: none;
}
.holding-banner {
margin-bottom: 30px !important;
}
.globo-form-id-32879
.globo-form-app
.globo-form-control
.checkbox-wrapper
.checkbox-input:checked
~ .checkbox-label:before {
background-color: #000 !important;
}
@media (max-width: 800px) {
.fbottom-right h6 {
margin-right: 0px;
margin-bottom: 12px;
}
}
.globo-form-app .header .title {
font-family: "haskoyregular" !important;
font-size: 52px !important;
line-height: 65px !important;
color: #1a1a1a !important;
text-transform: uppercase !important;
margin-bottom: 8px !important;
margin-top: 0px !important;
font-weight: 400 !important;
}
@media (max-width: 800px) {
.globo-form-app .header .title {
font-size: 30px !important;
line-height: 45px !important;
}
}
.globo-form-app .message.success {
background: #ffb5e7 !important;
color: #fff !important;
padding: 92px 15px 31px 15px !important;
font-size: 20px !important;
border-radius: 6px;
border: 2px solid #ffb5e7;
box-shadow: none;
}
.readymake-n .message.success p {
color: #000 !important;
text-transform: uppercase;
}
.readymake-n input {
color: #000 !important;
}
.readymake-n svg path {
fill: #000;
}
.globo-form-id-32879 .globo-form-app .header {
text-align: left !important;
}
.globo-form-control .globo-list-control {
padding-left: 0px !important;
}
.globo-form-id-32879 .globo-form-app .footer,
.globo-form-id-32879 .globo-form-app .gfb__footer {
text-align: left !important;
}
.globo-form-control input {
border-radius: 40px;
padding-left: 25px;
}
body h1,
body h2,
body h3,
body h4,
body h5 {
font-family: "haskoyregular";
font-weight: 400;
}
.description.globo-description p {
text-transform: uppercase;
font-family: "haskoyregular";
font-weight: 500;
}
#js-carousel .swiper-slide .ticker__title {
font-size: 60px !important;
letter-spacing: 1.5px !important;
}
@media screen and (min-width: 1360px) {
#js-carousel .swiper-slide .ticker__title {
font-size: 60px !important;
letter-spacing: 1.5px !important;
}
}
@media screen and (max-width: 1360px) {
#js-carousel .swiper-slide .ticker__title {
font-size: 60px !important;
}
}
@media screen and (max-width: 990px) {
#js-carousel .swiper-slide .ticker__title {
font-size: 60px !important;
}
}
@media screen and (max-width: 576px) {
#js-carousel .swiper-slide .ticker__title {
font-size: 52px !important;
}
}
.globo-form-id-32879 .globo-form-app {
margin: 22px 0px;
}
.globo-form-app .header .description {
font-size: 15px !important;
}
.wizard__content {
position: relative;
}
.globo-form-id-40128 .globo-form-app .gfb__footer button {
min-width: 0;
min-height: 0;
padding: 0;
border: none;
right: 2px;
background: url(/cdn/shop/files/arow-white.svg) right 15px center no-repeat !important;
position: absolute;
font-size: 0px;
text-indent: -999px;
top: 6px;
color: #fff !important;
width: 20px;
max-width: 20px;
padding: 11px 19px !important;
margin: 0 !important;
}
.globo-form-control .flat_rounded-input {
color: #fff !important;
font-size: 14px;
background: #1a1a1a !important;
}
.globo-form-control.has-error input:not(.item__quantity),
.globo-form-control.has-error textarea {
border-color: #ff0018;
border-width: 1px;
border-style: solid;
}
.globo-form-control .flat_rounded-input {
padding-right: 38px !important;
}
.fbottom-right .message.success {
background: transparent !important;
border: none;
padding: 0px !important;
font-size: 12px !important;
}
.fbottom-right .message.success p {
font-size: 15px !important;
}
.globo-form-app .gfb__footer button.action.loading .spinner {
background: #cbcbcb !important;
border: 2px solid #cbcbcb;
margin-left: -2px;
width: calc(100% + 4px);
text-align: center;
}
@media (max-width: 800px) {
#shopify-section-template--15218588352611__8fbb69e7-3042-46d0-a72b-1d829baf30a6
p {
padding-bottom: 25px;
}
}
@media (min-width: 800px) {
.fbottom-right > div > div {
width: 225px;
}
}
section:has(.readymake-n2) {
padding-bottom: 100px !important;
overflow: hidden;
}
section .readymake-n2 {
margin-bottom: 0px !important;
}
section .readymake-n2 form > .needsclick:nth-child(1) {
max-width: 450px;
margin: 0 0px 0 50px !important;
}
section .readymake-n2 form > .needsclick:nth-child(2) {
margin-left: auto !important;
width: 100% !important;
}
section
.readymake-n2
form
> .needsclick:nth-child(1)
> div:first-child
span.ql-font-poppins {
font-size: 36px !important;
color: #373f47 !important;
/* font-family: 'HASKOY-MEDIUM' !important; */
font-weight: 500 !important;
line-height: 45px !important;
}
section .readymake-n2 form input,
section .readymake-n2 form button {
border-radius: 50px !important;
}
section .readymake-n2 form:has(img) {
justify-content: center;
}
section .readymake-n2 form > .needsclick:nth-child(1):has(img) {
margin: 0 0px 0 0px !important;
}
@media (max-width: 800px) {
section .readymake-n2 form {
display: block !important;
padding: 20px 15px 25px 15px !important;
}
section .readymake-n2 form > .needsclick:nth-child(1) {
max-width: 100%;
margin: 0 0px 0 0px !important;
display: block !important;
width: 100% !important;
}
section .readymake-n2 form > .needsclick:nth-child(2) {
display: none !important;
}
section .readymake-n2 form > .needsclick:nth-child(1) {
min-height: auto !important;
}
}
section .readymake-n2 form button {
background: #000
url(/cdn/shop/files/arow-white.svg?v=1709969797)
right 22px top 17px no-repeat !important;
border: 1px solid #000000 !important;
padding: 1px 45px 0px 25px !important;
border-radius: 50px !important;
display: inline-block !important;
color: #fff !important;
width: fit-content !important;
font-size: 12px !important;
text-decoration: none !important;
font-weight: 500 !important;
text-transform: uppercase !important;
font-family: "haskoyregular" !important;
line-height: 15px !important;
letter-spacing: 0.2em !important;
}
section .readymake-n2 form button:hover {
background: #fff
url(/cdn/shop/files/arrow.svg?v=1709902324)
right 22px top 17px no-repeat !important;
color: #1a1a1a !important;
text-decoration: none !important;
}
@media (max-width: 800px) {
section .readymake-n2 form div:has(button) {
width: 100% !important;
}
section .readymake-n2 form button {
display: block !important;
width: 100% !important;
}
}
.fbottom-right div button {
background: url(/cdn/shop/files/arow-white.svg?v=1709969797)
right 9px top 16px no-repeat !important;
font-size: 0px !important;
width: 15px;
height: 45px !important;
position: absolute;
left: -47px;
top: 0px;
z-index: 999;
border: none !important;
}
.fbottom-right div:has(button) {
padding-left: 0px !important;
}
.fbottom-right h6 span {
font-size: 11px !important;
}
html {
scroll-behavior: smooth;
}
.product-points-home {
margin-top: 80px;
}
.hiw-home {
margin-top: 70px !important;
margin-bottom: 90px !important;
}
.rl-box ul li > div ul {
margin: 0px;
padding: 0px;
}
.rl-box ul li > div ul li {
padding-left: 20px;
margin-left: 0px;
position: relative;
font-size: 22px;
line-height: 26px;
color: #1a1a1a;
font-weight: 300;
margin-bottom: 17px;
}
.rl-box ul li > div ul li:before {
content: "";
display: block;
width: 10px;
height: 10px;
background: #000;
position: absolute;
border-radius: 100%;
left: -0px;
top: 8px;
}
@media (max-width: 800px) {
.product-points-home {
margin-top: 22px;
}
.product-points-home {
padding-bottom: 32px;
}
.product-points-home > div:first-child {
margin-bottom: 40px;
}
#shopify-section-template--15701007106147__8bee0287-21eb-41d5-b1f4-b957261b43fb {
padding-bottom: 50px !important;
}
}
#shopify-section-template--15701007269987__8fbb69e7-3042-46d0-a72b-1d829baf30a6
p,
#shopify-section-template--15701007269987__rich_text_4mM3tW p {
font-size: 21px;
line-height: 30px;
color: #1a1a1a;
font-weight: 300;
}
#shopify-section-template--15701007269987__8fbb69e7-3042-46d0-a72b-1d829baf30a6
p
strong,
#shopify-section-template--15701007269987__rich_text_4mM3tW p strong {
font-weight: 600;
}
.section-main-blog {
margin-bottom: 80px !important;
}
.section-main-blog .blog-articles-first .article:first-child .article__img {
height: auto !important;
}
@media screen and (min-width: 1200px) {
.blog-articles-first .article:first-child {
min-height: inherit !important;
width: calc(33.333333% - 0.8rem) !important;
}
}
@media only screen and (min-width: 576px) {
.blog-articles-first .article:first-child .article__img {
position: relative !important;
}
}
@media screen and (min-width: 750px) {
.blog-articles-first .article:first-child .article__info-block {
width: inherit !important;
}
}
.blog-articles-first .article:first-child .article__content {
height: auto !important;
}
@media only screen and (min-width: 990px) {
.blog-articles-first .article:first-child .article__content .article__title {
font-size: 30px !important;
}
}
.blog-articles-first .article:first-child .article__content .article__title {
margin: 0 0 1.6rem !important;
}
.blog-articles-first .article:first-child .article__content {
padding: 2.4rem 3rem 0 !important;
}
.blog-articles-first .article:first-child .article__content .article__excerpt {
margin: 0 0 1.6rem !important;
font-size: var(--font-secondary-text) !important;
color: rgb(var(--color-foreground-secondary)) !important;
}
.blog-articles-first .article:first-child .article__title a {
color: rgb(var(--color-foreground)) !important;
}
.blog-articles-first .article:first-child .article__title a {
color: rgba(var(--color-foreground)) !important;
}
@media screen and (min-width: 576px) {
.blog-articles-first .article:first-child .article__item-end {
background-color: #fff !important;
}
}
@media screen and (min-width: 576px) {
.blog-articles-first .article:first-child .article__content .article__info {
margin-top: 0 !important;
}
}
.blog-articles-first .article:first-child .article__date,
.blog-articles-first .article:first-child .article__auther {
color: rgb(var(--color-foreground)) !important;
}
ul.what-includes {
margin: 0px;
padding: 0px;
}
ul.what-includes {
display: flex;
flex-wrap: wrap;
}
ul.what-includes > li {
/*width: 31%;*/
width: 48%;
margin-right: 2% !important;
margin-bottom: 8px !important;
}
ul.what-includes > li ul li {
margin-bottom: 5px !important;
}
ul.what-includes li ul {
margin: 0px 0px 14px 0px;
padding: 0px;
}
ul.what-includes li:last-child ul {
margin: 0px 0px 0px 0px;
padding: 0px;
}
ul.what-includes li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul.what-includes li {
font-size: 14px;
line-height: 17px;
}
#buyer-consent {
display: none !important;
}
a.recharge-badge.py-1.px-3 {
display: none !important;
}
.rc-template__button-group
.rc-button-group__options[data-v-f1bb5b6a]
.rc-radio
.price-label {
font-size: 1em !important;
}
.rc-template__button-group .rc-radio .rc-radio__label {
font-size: 14px !important;
text-transform: uppercase !important;
}
.rc-template__button-group
.rc-button-group__options[data-v-f1bb5b6a]
.rc-radio:first-child
div.discount-label {
font-size: 14px !important;
font-weight: 500;
}
.rc-subscription-details .rc-subscription-details__button[data-v-e69cc34d] {
font-size: 14px !important;
}
.rc-template__button-group
.rc-button-group__options[data-v-f1bb5b6a]
.rc-radio:first-child {
margin-right: 10px !important;
}
.rc-template__button-group .rc-button-group__options[data-v-f1bb5b6a] {
margin-right: 0px;
}
.product__media-wrapper .swiper-btn svg {
color: #000000 !important;
}
@media screen and (min-width: 1360px) {
.product-parameters .color-background-2 {
padding: 5px !important;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
gap: 5px;
}
.product-parameters .color-background-2 > div {
width: 100%;
}
}
.rc-template__button-group
.rc-button-group__options[data-v-f1bb5b6a]
.rc-radio {
border-radius: 4px !important;
}
.rc-template__button-group .rc-button-group__options[data-v-f1bb5b6a] label {
padding: 11px 8px !important;
}
.shopify-cleanslate {
display: none;
}
.product__description {
margin-left: 0px !important;
color: #000000 !important;
}
.product__description.quick-add-hidden ul {
padding-left: 15px !important;
}
.recharge-subscription-widget + div + div.accordion {
margin-top: 30px !important;
}
.product-parameters {
margin-bottom: 0px !important;
}
.product-form__controls-group label.color-swatch:after {
top: calc(50% - 1px) !important;
left: calc(50% - 1px) !important;
transform: translate(-50%, -50%) !important;
margin: 1px !important;
}
.variant_button .product-form__input .quantity {
border: 1px solid #000 !important;
}
.variant_button .product-form__controls-group input[type="radio"] + label {
border: 1px solid #000 !important;
}
.variant_button
.product-form__controls-group
input[type="radio"]:checked:not(.disabled)
+ label {
border: 1px solid #be0000 !important;
}
.variant_button
.product-form__controls-group
input[type="radio"]
+ label.color-swatch {
border: none !important;
}
.variant_button
.product-form__controls-group
input[type="radio"]:checked:not(.disabled)
+ label.color-swatch {
border: 1px solid #be0000 !important;
}
.variant_button .product-form__input {
background-color: rgb(255 255 255) !important;
}
.variant_button {
background-color: rgb(255 255 255) !important;
}
@media screen and (min-width: 1360px) {
.variant_button {
padding: 0 !important;
}
}
.product-form__submit {
background-color: rgb(var(--color-button-tertiary-text)) !important;
color: rgb(var(--color-button-text)) !important;
}
@media (min-width: 990px) {
.custom-liquid + div.accordion {
margin-top: 10px !important;
}
}
.product .product__info-wrapper .accordion summary {
padding: 20px 0px 16px 0px !important;
}
.product .product__info-wrapper .accordion summary h5 {
font-size: 18px !important;
}
.product .product-form__buttons > * {
height: 5rem !important;
}
.what-includes li span {
display: block !important;
font-size: 15px !important;
margin-bottom: 8px !important;
}
@media (max-width: 500px) {
ul.what-includes > li {
width: 100%;
margin-right: 0% !important;
}
.custom-liquid + div.accordion {
margin-top: 10px !important;
}
.variant_button {
padding: 0 !important;
}
.top-three ul.tr-bx h2,
.top-three-slider ul.slick-track h2 {
margin-top: 0 !important;
}
}
@media screen and (min-width: 1200px) {
.header--center .header__inline-menu > ul {
margin-left: -3.5rem !important;
}
}
.header__icons > * {
padding: 0 2.4rem 0 2rem !important;
}
li.col2-two {
width: 65% !important;
}
li.col2-two ul {
display: flex;
flex-wrap: wrap;
}
li.col2-two ul li {
width: 48% !important;
margin-right: 2% !important;
}
@media (max-width: 500px) {
li.col2-two {
width: 100% !important;
}
li.col2-two ul li {
width: 100% !important;
margin-right: 0% !important;
}
}
@media (max-width: 600px) {
.hiw-home {
margin-top: 10px !important;
}
}
@media screen and (max-width: 768px) {
.testimonials.testimonials--slider .author__quote {
font-size: 21px;
padding: 0 50px;
}
.top-three ul.tr-bx h2,
.top-three-slider ul.slick-track h2 {
font-size: 40px;
line-height: 45px;
}
.flinks {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.flinks a {
margin: 0 5px 8px 5px;
padding: 0 5px 0px 5px;
}
}
.trial-product p {
font-size: 14px;
}
@media (max-width: 990px) {
#shopify-section-template--15701007106147__b54357fe-e917-4649-acb0-0173d6000346
.js-get-testimonials {
margin-bottom: 50px;
}
}
.shipping-infor {
display: flex;
align-items: center;
font-size: 14px;
}
.shipping-infor img {
margin-right: 10px;
}
.shipPrice {
font-size: 1.2rem;
margin-right: 10px;
font-weight: 600;
}
span.price-item.price-item--sale.price-item--last {
margin-left: 0 !important;
font-size: 28px;
font-weight: 600;
}
.variant_button
.product-form__controls-group:has([name="Choose Fragrance"])
input[type="radio"]:checked:not(.disabled)
+ label {
background: #000;
color: #fff;
border: 1px solid #000 !important;
}
.container {
max-width: 1350px;
}
.cart-items td dt,
.cart-items td p {
font-size: 12px !important;
}
.cart-items td > .product-option {
color: #ff0000;
font-weight: 600;
}
form#customer_login #rc_login {
display: none;
}
.account-row > div {
background: #efefef;
padding: 0px 0px 0px 0px;
}
.account-row > div h2 {
background: #fff;
padding-bottom: 20px;
}
.recharge-login-link .rc-login a {
font-size: 30px;
text-transform: capitalize;
}
#content__customers__request-invite #customer_tab_content .col-md-6 {
flex: 0 0 100%;
max-width: 100%;
}
.customer.account .page-header a.title-link,
.customer.addresses .page-header a.title-link {
color: #000 !important;
font-size: 14px;
}
/*Purches app design start */
#recharge-customer-portal ._1sdo9a2g {
background-color: #000 !important;
border-color: #929292 !important;
}
.recharge-modal-wrapper ._1sdo9a2g {
background-color: #000 !important;
}
.recharge-modal-wrapper ._1sdo9a20[disabled=""] {
border-color: #e8e8e8 !important;
}
.recharge-modal-wrapper ._1sdo9a20 {
border-color: #706deb !important;
}
#recharge-customer-portal ._1sdo9a23 {
border-color: #000 !important;
background: #000 !important;
color: #fff !important;
}
._1sdo9a25 {
border-color: #000 !important;
background: #000 !important;
color: #fff !important;
}
#recharge-customer-portal ._1ds5t1u2 {
color: #4a46f9;
}
.recharge-modal-wrapper span[type="button"] ._15b7gxl0 {
color: #000 !important;
}
.recharge-modal-wrapper .r26jsgj,
.recharge-modal-wrapper .r26jsgi {
color: #706deb !important;
}
.recharge-component-subscription-details .recharge-text ._15b7gxl0 {
color: #706deb !important;
}
.recharge-component-subscription-details ._1sdo9a2i {
color: #000 !important;
background-color: #eee !important;
}
.recharge-component-subscription-details ._1sdo9a23 {
background-color: #e8e8e9 !important;
}
.recharge-component-subscription-details._1sdo9a23 {
border-color: #e3ebf0 !important;
color: #000 !important;
}
.recharge-component-subscription-details ._1sdo9a2i {
background-color: #000 !important;
border-color: #929292 !important;
color: #fff !important;
}
.recharge-component-subscription-form ._1sdo9a2g[type="submit"][disabled=""] {
background-color: #dfdfdf !important;
border-color: #dfdfdf !important;
color: #949494 !important;
}
.recharge-component-subscription-form ._1sdo9a2g[type="submit"] {
background-color: #000 !important;
border-color: #000 !important;
}
.account-none .account-none-text {
margin: 15px 0px 25px 0px !important;
font-size: 14px !important;
color: #000 !important;
}
.account-row
.account-right
.customer-address__list-wrapper
.customer-address__list
.customer-address__item-content
.customer-address__item {
font-size: 14px !important;
}
.account-row
.account-right
.customer-address__list-wrapper
.customer-address__list {
margin-bottom: 25px !important;
}
.customer-address__item.customer-address__item-name {
font-size: 20px;
font-weight: 600 !important;
margin-bottom: 6px;
}
.account-none {
justify-content: unset !important;
}
.account-row .account-right .customer-address__list-wrapper {
text-align: center !important;
}
.account-row
.account-right
.customer-address__list-wrapper
.customer-address__list
.customer-address__item-content {
justify-content: center !important;
}
.account-row .account-right .customer-address__list-wrapper {
align-items: center !important;
}
.account-row
.account-right
.customer-address__list-wrapper
.customer-address__list
.customer-address__item-content
span {
color: #000 !important;
}
/*Purches app design end */
.customer.reset-password {
max-width: 600px;
margin: 0 auto 60px auto;
text-align: center;
}
.customer.reset-password h1 {
font-size: 35px;
text-align: center;
}
.customer.reset-password form button {
background: #000 !important;
border: none !important;
color: #fff !important;
padding: 10px 20px;
border-radius: 8px;
margin-top: 20px;
cursor: pointer;
}
.product-form__submit {
justify-content: center !important;
}
.product-form__submit svg {
margin-left: 8px;
}
@media only screen and (min-width: 576px) {
.section-main-blog .blog-articles-first .article:first-child .article__img {
height: 29.8rem !important;
}
}
.recharge-component-subscription-details
> div
> div._15b7gxl0._9fkngn2
.n89mvw8,
.recharge-section-orders-next .recharge-text-p3 .n89mvw8,
.recharge-section-orders-previous
._15b7gxl0._18gma4r0:first-child
.recharge-text-p3
.n89mvw8,
.recharge-card ._15b7gxl0._18gma4r0:first-child .recharge-text-p3 .n89mvw8 {
background: #000 !important;
border-radius: 100% !important;
}
.recharge-component-subscription-details
> div
> div._15b7gxl0._9fkngn2
.n89mvw8
svg,
.recharge-section-orders-next .recharge-text-p3 .n89mvw8 svg,
.recharge-section-orders-previous
._15b7gxl0._18gma4r0:first-child
.recharge-text-p3
.n89mvw8
svg,
.recharge-card ._15b7gxl0._18gma4r0:first-child .recharge-text-p3 .n89mvw8 svg {
color: #fff !important;
margin-left: -1px !important;
}
.shift_stories_blog {
margin-bottom: 40px;
font-size: 16px;
}
.shift_stories_blog p {
margin-bottom: 20px;
font-size: 16px;
}
.shift_stories_blog p:last-child {
margin-bottom: 0px;
}
button span {
font-family: "haskoylight" !important;
}
.product__title__wrapper {
margin-bottom: 0 !important;
}
.prd_highlight {
margin-bottom: 6px;
margin-top: 8px;
}
.prd_highlight > ul {
margin: 0px 0px 0px 0px;
padding: 0px;
display: flex;
flex-wrap: wrap;
}
.prd_highlight > ul li {
padding-left: 19px;
list-style-type: none;
margin-right: 12px;
background: url(/cdn/shop/files/bullet01.jpg)
left center no-repeat;
font-size: 14px;
}
.prd_highlight > ul li:first-child {
padding-left: 0px;
background: transparent;
font-weight: 300;
}
.every4monthscont {
position: relative;
}
.every4monthscont > p {
font-size: 14px;
margin: 0px 0px 7px 0px;
padding: 0px 0px 0px 18px;
font-weight: 600;
text-align: right !important;
position: absolute;
right: 0;
}
.product-form__buttons button svg {
display: none;
}
.product-form__buttons button span {
width: auto;
font-size: 13px;
}
.product-form__buttons button span {
transform: inherit !important;
margin-left: 6px;
}
#shop-pay-button {
background: #adabff !important;
}
.needsclick.kl-private-reset-css-Xuajs1 img {
height: 350px !important;
width: auto !important;
display: inline-block;
}
.needsclick.kl-private-reset-css-Xuajs1 {
text-align: right;
}
.product__description {
max-width: 100% !important;
}
.smell_like {
overflow-x: auto !important;
padding-bottom: 10px;
}
.smell_like > table {
min-width: 470px !important;
}
.smell_like > table > tbody > tr > td:first-child {
max-width: 170px !important;
width: 170px;
}
@media (max-width: 767px) {
.testimonials .author__info-placeholder-cell {
margin-bottom: 6px !important;
}
}
@media (max-width: 420px) {
.rc-selling-plans ul li span {
display: block;
}
.rc-selling-plans ul li {
line-height: 18px;
margin-bottom: 11px;
}
}
.drawer__inner-empty .button {
letter-spacing: 1.6px !important;
border-radius: 100px !important;
}
.product__description table {
border-style: solid !important;
box-shadow: none !important;
}
.top-three-scroll {
overflow-x: auto;
padding-bottom: 10px;
}
.top-three-scroll ul {
width: 1310px;
}
@media (max-width: 800px) {
.top-three-scroll ul {
display: flex;
}
.top-three-scroll ul li {
margin-right: 20px !important;
}
.top-three-scroll {
padding-bottom: 0px;
}
}
.top-three-slider ul.slick-dots li button {
background: #ffadde !important;
}
.top-three-slider ul.slick-dots li.slick-active button {
background: #b9b2db !important;
}
.top-three-slider .slick-prev,
.top-three-slider .slick-next {
display: none !important;
}
select {
font-family: "haskoylight" !important;
}
small#buyer-consent {
margin-top: 1em;
display: inline-block;
font-size: 12px !important;
}
.cart__footer {
font-size: 14.4px !important;
}
#every4monthscontAll ul li:first-child {
margin-right: 90px;
}
#shopify-buyer-consent {
display: none !important;
}
.rc-selling-plans-dropdown__select[data-v-43993cfe] {
padding: 13px 10px !important;
color: #000 !important;
height: 50px !important;
}
.rc-selling-plans-dropdown__select[data-v-43993cfe] option {
color: #000 !important;
padding: 0px 10px !important;
}
.ph-box {
margin-bottom: 100px;
}
.ph-box h2 {
font-size: 52px;
line-height: 60px;
color: #1a1a1a;
font-weight: 400;
margin-bottom: 20px;
margin-top: 40px;
}
.ph-box h3 {
font-size: 23px;
line-height: 33px;
color: #1a1a1a;
font-weight: 200;
margin-bottom: 8px !important;
margin-top: 0px;
text-transform: uppercase;
}
.ph-box p {
font-size: 15px;
line-height: 24px;
color: #000;
font-weight: 500;
margin-top: 0px !important;
margin-bottom: 20px;
}
.ph-box h3,
.ph-box p {
padding-left: 27px;
padding-right: 25px;
}
.ph-box ul {
margin: 0px 0px 25px 0px;
padding: 0px;
display: flex;
}
.ph-box ul li {
padding: 0;
margin-right: 20px;
list-style-type: none;
border-radius: 7px;
border: 1px solid #e5e5e5;
}
.ph-box ul li:last-child {
margin-right: 0px;
}
.ph-box ul li:nth-child(1) {
width: calc(40% - 20px);
}
.ph-box ul li:nth-child(2) {
width: calc(30% - 10px);
}
.ph-box ul li:nth-child(3) {
width: calc(30% - 10px);
}
.ph-box ul li i {
display: flex;
margin-bottom: 20px;
position: relative;
}
.ph-box ul li i img:first-child {
border-radius: 7px 7px 0px 0px;
width: 100%;
}
.ph-box ul li i img:last-child {
position: absolute;
max-width: 100%;
left: 20px;
bottom: 20px;
}
@media (max-width: 800px) {
.ph-box {
margin-bottom: 35px;
}
.ph-box ul {
flex-wrap: wrap;
}
.ph-box ul li {
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.ph-box ul li:nth-child(1) {
width: calc(100% - 0px);
}
.ph-box ul li:nth-child(2) {
width: calc(100% - 0px);
}
.ph-box ul li:nth-child(3) {
width: calc(100% - 0px);
}
.ph-box h3,
.ph-box p {
padding-left: 12px;
padding-right: 10px;
}
}
.ph-box1 {
margin-bottom: 70px;
}
.ph-box1 h2 {
font-size: 52px;
line-height: 60px;
color: #1a1a1a;
font-weight: 400;
margin-bottom: 20px;
margin-top: 40px;
}
.ph-box1 h3 {
font-size: 23px;
line-height: 33px;
color: #1a1a1a;
font-weight: 200;
margin-bottom: 8px !important;
margin-top: 0px;
text-transform: uppercase;
}
.ph-box1 p {
font-size: 15px;
line-height: 24px;
color: #000;
font-weight: 500;
margin-top: 0px !important;
margin-bottom: 20px;
}
.ph-box1 h3,
.ph-box1 p {
padding-left: 27px;
padding-right: 25px;
}
.ph-box1 ul {
margin: 0px 0px 25px 0px;
padding: 0px;
display: flex;
}
.ph-box1 ul li i {
display: flex;
margin-bottom: 20px;
position: relative;
}
.ph-box1 ul li {
padding: 0;
margin-right: 20px !important;
list-style-type: none;
border-radius: 7px;
border: 1px solid #e5e5e5;
}
.ph-box1 ul li i img:first-child {
border-radius: 7px 7px 0px 0px;
width: 100%;
}
.ph-box1 ul li i img:last-child {
position: absolute;
max-width: 100%;
left: 20px;
bottom: 20px;
}
.ph-box1 .slick-prev,
.ph-box1 .slick-next {
display: none !important;
}
.ph-box1 .slick-dots {
justify-content: center;
}
.slick-dots li button {
background: #ffadde !important;
}
.slick-dots li.slick-active button {
background: #b9b2db !important;
}
@media (max-width: 800px) {
.ph-box1 ul {
flex-wrap: wrap;
}
.ph-box1 h3,
.ph-box1 p {
padding-left: 12px;
padding-right: 10px;
}
.ph-box1 {
margin-bottom: 100px !important;
}
}
@media (max-width: 599px) {
.ph-box1 ul li {
margin-right: 0px !important;
}
}
#shopify-section-template--15701007269987__rich_text_FwkgBj p,
#shopify-section-template--15701007269987__rich_text_yXdtie p {
font-size: 21px;
line-height: 30px;
color: #1a1a1a;
font-weight: 300;
}
.itq-custom-subs {
font-size: 20px !important;
padding: 0px !important;
}
.itq-custom-subs a {
display: block;
padding: 10px 20px !important;
}
@media (max-width: 768px) {
.itq-custom-subs {
font-size: 15px !important;
}
}
#ProductCountDesktop {
display: none !important;
}
#cleanhub-banner {
padding: 0px 10px !important;
}
#cleanhub-banner iframe {
max-width: 100% !important;
padding: 0 !important;
}
#ProductInfo-template--16395728420963__main
.product-parameters
.easify-product-options {
display: none;
}
#ProductInfo-template--16395728420963__main
.product-parameters
.color-background-2 {
padding: 0px !important;
gap: 5px;
background: transparent;
flex-wrap: wrap;
}
#ProductInfo-template--16395728420963__main .product-form__input {
margin-top: 0 !important;
width: calc(50% - 5px) !important;
margin-bottom: 8px !important;
}
#ProductInfo-template--16395728420963__main
.product-form__input
.product-form__group-name {
display: none;
}
#ProductInfo-template--16395728420963__main .product-form__input select {
border: 1px solid #000 !important;
padding: 17px 15px !important;
}
#ProductInfo-template--16395728420963__main .rc-widget[data-v-ec7f103a] {
padding: 5px 0 8px 0 !important;
}
#ProductInfo-template--16395728420963__main .product-form__input select {
line-height: 22px;
}
@media (max-width: 550px) {
#ProductInfo-template--16395728420963__main .product-form__input {
width: calc(100% - 0px) !important;
}
}
.customer.reset-password label {
display: none;
}
.customer.reset-password input::placeholder {
opacity: 1 !important;
color: #000;
}
.customer.reset-password input {
padding-top: 6px !important;
}
@media (max-width: 768px) {
#shopify-section-template--15701006876771__main .account-row {
flex-wrap: wrap;
}
#shopify-section-template--15701006876771__main
.account-right
> div:has(.rc-login.itq-custom-subs) {
padding-top: 12px;
padding-bottom: 32px;
}
#shopify-section-template--15701006876771__main .account-row .account-left {
order: 2;
margin-top: 30px;
}
#shopify-section-template--15701006876771__main .account-row .account-right {
order: 1;
}
#shopify-section-template--15701006876771__main
.account-row
.account-left
> div.order-table {
padding-bottom: 40px !important;
}
}
.recharge-theme .rb-app .rb-portal-header .rb-subscription-card-right .rb-btn,
.recharge-theme .rb-portal-header .rb-subscription-card-right .rb-btn,
.recharge-theme .rb-app .rb-btn,
.recharge-theme .rb-btn {
background: #000 !important;
border: 0 !important;
}
.recharge-theme .rb-app a.rb-portal-link,
.recharge-theme a.rb-portal-link {
color: #706deb !important;
}
.rb-close circle {
fill: #706deb !important;
}
._1sdo9a2g {
background: #000 !important;
border: none !important;
}
.status-bar-sign-up {
margin-bottom: 50px;
}
/* Today New css*/
.product__outer.product__outer--desktop-order.product__outer--mobile-order
> div {
width: calc(62% - 2rem);
}
div:has(.rb-nav-wrapper.tpv3) {
border-radius: 4px !important;
overflow: hidden;
}
.rb-nav-wrapper.tpv3 {
padding: 10px 20px !important;
}
.status-bar-sign-up > div {
margin: 0 2px !important;
box-shadow: none !important;
border: 1px solid #ddd;
}
div:has(.rb-nav-wrapper.tpv3) .rb-bg.rb-sticky-content {
min-height: 60px !important;
}
.status-bar-sign-up {
margin-bottom: 0 !important;
}
.shopify-app-block + .accordion {
margin-top: 10px !important;
}
.trelative.tpb4.rb-multi-step {
padding-bottom: 0px !important;
}
.status-bar-sign-up {
min-height: 60px !important;
}
section#recharge-bundles {
margin-right: 0 !important;
}
.rb-review-order {
display: flex !important;
flex-wrap: wrap;
}
.rb-review-order .rb-frequency-wrapper {
order: -1;
margin-bottom: 29px;
padding: 0px !important;
}
.rb-order.tph4-ns.tw-60-ns.tw-100 {
width: 100%;
}
.rb-box-contents {
display: flex !important;
flex-wrap: wrap;
gap: 20px;
}
.rb-box-contents > div {
width: calc(50% - 10px);
}
@media (max-width: 990px) {
.product__outer.product__outer--desktop-order.product__outer--mobile-order {
flex-wrap: wrap;
}
.product__outer.product__outer--desktop-order.product__outer--mobile-order
> div {
width: calc(100% - 0rem);
margin-inline: auto;
}
}
.rb-order.tph4-ns.tw-60-ns.tw-100 {
padding: 0px;
}
.rb-frequency-wrapper {
width: 100%;
}
.rb-frequency-wrapper .tinine-flex.ttl {
display: flex;
}
.rb-frequency-wrapper .tinine-flex.ttl > div {
padding: 8px 12px 4px 12px !important;
margin: 0px;
margin-right: 10px;
}
.rb-frequency-wrapper .tinine-flex.ttl > div,
.rb-frequency-wrapper .tinine-flex.ttl > label {
width: 48%;
}
.rb-review-order .rb-frequency-wrapper {
width: 100%;
}
.rb-frequency-wrapper .tinine-flex.ttl > label .rb-frequency-price {
margin-top: 1px;
margin-left: 40px;
}
.rb-frequency-wrapper .tinine-flex.ttl > label {
padding: 11px 10px;
}
.rb-nav,
.rb-nav .rb-price,
.rb-step-anchor,
.rb-step-anchor:active,
.rb-step-anchor:focus,
.rb-step-anchor:hover,
.rb-app h2,
.rb-title,
.rb-app,
.rb-back-link,
.rb-frequency-label,
.rb-frequency-price,
.rb-frequency-title,
.rb-option-label,
.rb-option-price,
.rb-options-label,
.rb-order *,
.rb-slides,
.rb-step-description {
color: #000 !important;
}
.rb-step-index--complete {
background: #000 !important;
border-color: #000 !important;
}
select.rb-select {
padding: 6px;
}
.rb-frequency-select-wrapper.tmt2 {
margin-left: 38px;
margin-top: -4px;
}
.rb-frequency-wrapper .tinine-flex.ttl .rb-frequency-price {
margin-left: 38px !important;
margin-top: 1px;
}
@media (max-width: 800px) {
.rb-frequency-wrapper .tinine-flex.ttl {
flex-wrap: wrap;
}
.rb-frequency-wrapper .tinine-flex.ttl > div {
margin-bottom: 20px;
}
.rb-frequency-wrapper .tinine-flex.ttl > div,
.rb-frequency-wrapper .tinine-flex.ttl > label {
width: 100%;
margin-right: 0px;
}
.rb-app h3 {
font-size: 14px;
}
}
.rb-order-box-info {
margin-top: 20px;
}
.rb-order-box-info .rb-order-box-price,
.rb-order-box-info .rb-order-line-price {
display: none;
}
.rb-box-contents-list li {
display: flex !important;
align-items: flex-start;
}
.sub-selling-planss .every4monthscont ul.every4months {
margin-right: 0px !important;
}
@media (max-width: 959px) {
.rb-nav-wrapper.tpv3 {
padding: 10px 0px !important;
}
}
@media (max-width: 959px) {
.rb-nav-wrapper.tpv3 > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.rb-nav-wrapper.tpv3 > div button.rb-back-arrow {
margin-left: 8px;
cursor: pointer;
}
.rb-nav-wrapper.tpv3 > div button.rb-next-arrow {
margin-right: 8px;
cursor: pointer;
}
}
@media screen and (max-width: 1023px) {
.is-full .cart-item__media-wrapper img {
height: auto !important;
}
}
/* Today New css*/
/* custom code css end here*/
.ingradient-c {
font-family: haskoylight !important;
padding-bottom: 40px;
}
.ingradient-c h2 {
font-size: 28px;
}
@media screen and (max-width: 650px) {
.sub-selling-planss ul.every4months {
padding: 0px !important;
margin: 0px 0px 0px 0px !important;
}
.product__media-list {
height: 100% !important;
}
}
@media (min-width: 1200px) {
.product__media-list {
/* height: 100% !important; */
}
}
@media (max-width: 420px) {
.product__media-list {
height: 100% !important;
}
}
.home-banner ul.slick-track {
display: flex;
flex-wrap: wrap;
}
.left-side-menu .hide-on-mobile [data-handle="our-story"] {
display: block;
}
.hide-on-desktop > [data-name="our-story"] {
display: none;
}
@media screen and (max-width: 1199px) {
.hide-on-desktop > [data-name="our-story"] {
display: block;
}
.left-side-menu .hide-on-mobile [data-handle="our-story"] {
display: none;
}
}
.hide-on-desktop > li:last-of-type {
display: none;
}
@media screen and (max-width: 1199px) {
.hide-on-desktop > li:last-of-type {
display: block;
}
}
.header__label-badge {
display: none;
}
.header__label-badge-mobile {
color: #1a1a1a;
font-family: Inter;
font-size: 8px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 150% */
text-transform: uppercase;
padding: 2px 9px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
border: 0.5px solid #000;
background: #fff;
max-height: 16px;
}
@media screen and (min-width: 1200px) {
.header__label-badge {
color: #1a1a1a;
font-family: Inter;
font-size: 8px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 150% */
text-transform: uppercase;
padding: 2px 9px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
border: 0.5px solid #000;
background: #fff;
}
.header__label-badge-mobile {
display: none;
}
}