/** Shopify CDN: Minification failed

Line 749:2 Unexpected "/"

**/
/* =====================================================
    TABLE OF CONTENTS

    -- VARIABLES
    -- FONTS
    -- BUTTONS
    -- NAVIGATION
    -- INPUTS
    -- FOOTER
    -- PDP
    -- SCROLLING TEXT
    -- SECTION HEADING
    -- BUTTON GROUP
    -- IMAGE WITH FEATURE
    -- PRODUCT CARD
    -- SWIPER
    -- FEATURED COLLECTION
    -- PROMOTION BANNER
    -- IMAGE WITH TEXT
    -- PLP
    -- RICH TEXT
    -- MULTICOLUMN
    -- SUBSCRIPTION PRODUCTS
    -- BLOG
    -- CONTACT
    -- CART
    -- POLICIES
    -- APPS

===================================================== */


/* =====================
    VARIABLES
===================== */

:root {

    /* Font Family */
    --font-body-family: "Chakra Petch", sans-serif;
    --font-heading-family: "Chakra Petch", sans-serif;

    /* Font Weights */
    --font-thin: 100;
    --font-extra-light: 200;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semi-bold: 600;
    --font-bold: 700;
    --font-extra-bold: 800;
    --font-heavy: 900;
    --font-body-weight: 400;

    /* =========================
        Brand Colours
    ========================== */

    --color-brand-primary: #FF0000;
    --color-brand-primary-v2: #D40000;
    --color-brand-secondary: #000000;
    --color-brand-secondary-black: #0D0D0D;
    --color-brand-tertiary-black: #191918;
    --color-brand-secondary-grey: #D6D1CB;
    --color-brand-offers: #008D0C;
    --color-white: #FFFFFF;
    --color-black: #000000;

    /* =========================
        Border Radius
    ========================== */

    --border-100: 2px;
    --border-200: 4px;
    --border-300: 8px;
    --border-400: 16px;
    --border-500: 20px;
    --border-600: 24px;
    --border-700: 32px;
    --border-800: 40px;
    --border-900: 48px;
    --border-000: 120px;

    /* =========================
        Shades
    ========================== */

    --color-grey-100: #191918;
    --color-grey-200: #31302E;
    --color-grey-300: #494744;
    --color-grey-400: #615D59;
    --color-grey-500: #78736F;
    --color-grey-600: #A39E98;
    --color-grey-700: #DFDCD9;
    --color-grey-800: #F6F5F4;
    --color-grey-900: #FCFBFB;
}

html {
  scroll-behavior: smooth;
}

/* =====================
    COLOUR CLASSES
===================== */

.color-brand-primary { color: var(--color-brand-primary) !important; }
.color-brand-primary-v2 { color: var(--color-brand-primary-v2) !important; }
.color-brand-secondary { color: var(--color-brand-secondary) !important; }
.color-brand-secondary-black { color: var(--color-brand-secondary-black) !important; }
.color-brand-tertiary-black { color: var(--color-brand-tertiary-black) !important; }
.color-brand-secondary-grey { color: var(--color-brand-secondary-grey) !important; }
.color-brand-offers { color: var(--color-offers) !important; }
.color-white { color: var(--color-white) !important; }
.color-black { color: var(--color-black) !important; }

.color-grey-100 { color: var(--color-grey-100) !important; }
.color-grey-200 { color: var(--color-grey-200) !important; }
.color-grey-300 { color: var(--color-grey-300) !important; }
.color-grey-400 { color: var(--color-grey-400) !important; }
.color-grey-500 { color: var(--color-grey-500) !important; }
.color-grey-600 { color: var(--color-grey-600) !important; }
.color-grey-700 { color: var(--color-grey-700) !important; }
.color-grey-800 { color: var(--color-grey-800) !important; }
.color-grey-900 { color: var(--color-grey-900) !important; }

.mt-12 { margin-top: 1.2rem;}
.mt-16 { margin-top: 1.6rem;}
.mb-16 { margin-bottom: 1.6rem;}
.mt-24 { margin-top: 2.4rem;}

.border-white {border-color: var(--color-white) !important;}
.inline-block-important { display: inline-block !important;}
.header_container  { max-width: 530px;}

/* ====================
    FONTS
===================== */

.font-thin { font-weight: var(--font-thin); }
.font-extra-light { font-weight: var(--font-extra-light); }
.font-light { font-weight: var(--font-light); }
.font-regular { font-weight: var(--font-regular) !important; }
.font-medium { font-weight: var(--font-medium) !important; }
.font-semi-bold { font-weight: var(--font-semi-bold) !important; }
.font-bold { font-weight: var(--font-bold) !important; }
.font-extra-bold { font-weight: var(--font-extra-bold); }
.font-heavy { font-weight: var(--font-heavy); }

.uppercase { text-transform: uppercase; }
.remove-underline {text-decoration: none !important;}

.h6, h6 { font-size: 19px; line-height: 120%; letter-spacing: -0.76px; }
.h5, h5 { font-size: 23px; line-height: 120%; }
.h4, h4 , .f-price--large{ font-size: 28px; line-height: 120%; }
.h3, h3 { font-size: 33px; }
.h2, h2 { font-size: 40px; line-height: 100%; }
.h1, h1 { font-size: 48px; line-height: 100%; }
.hd1 { font-size: 170px; line-height: 80%;  letter-spacing: -10.2px; text-transform: uppercase;}

.text-size-label { font-size: 12px !important; line-height: 150% !important; }
.text-size-small { font-size: 14px !important; line-height: 140% !important; font-weight: var(--font-regular); }
.text-size-large { font-size: 18px !important; line-height: 130% !important; }
.text-size-body { font-size: 16px !important; line-height: 140% !important; }
.text-uppercase { text-transform: uppercase; }

/* Tablet */
@media (max-width: 1024px) {
    .h6, h6 { font-size: 19px; }
    .h5, h5 { font-size: 20px; }
    .h4, h4 , .f-price--large { font-size: 23px; }
    .h3, h3 { font-size: 26px; }
    .h2, h2 { font-size: 29px; }
    .h1, h1 { font-size: 32px; }
    .hd1 { font-size: 80px; letter-spacing: -5.2px;}
}

/* Mobile */
@media (max-width: 767.98px) {
    .h6, h6 { font-size: 17px; }
    .h5, h5 { font-size: 18px; }
    .h4, h4 , .f-price--large { font-size: 20px; }
    .h3, h3 { font-size: 21px; }
    .h2, h2 { font-size: 26px; }
    .h1, h1 { font-size: 28px; }
    /* .hd1 { font-size: 64px; letter-spacing: -3.9px; line-height: 80%;} */
    .hd1 { font-size: 60px; letter-spacing: -3.9px; line-height: 80%;}
}

/* ====================
    BUTTONS
===================== */

button, .btn {
    font-size: 16px;
    line-height: 140%; 
}


.btn--width-full {
    width: 100%;
}

.additional-checkout-buttons  {
    overflow: hidden;
}

.main-blog__tag ,
.btn.btn--primary ,
.btn.btn--secondary ,
.cart__footer-wrapper .accordion-details__summary ,
.additional-checkout-buttons ,
.btn--tab  {
  border-radius: 0px;
  border: none;
  clip-path: polygon(
    10px 0,
    calc(100% - 10px) 0,
    100% 10px,
    100% calc(100% - 10px),
    calc(100% - 10px) 100%,
    10px 100%,
    0 calc(100% - 10px),
    0 10px
  );
  -webkit-clip-path: polygon(
    10px 0,
    calc(100% - 10px) 0,
    100% 10px,
    100% calc(100% - 10px),
    calc(100% - 10px) 100%,
    10px 100%,
    0 calc(100% - 10px),
    0 10px
  );
}

.main-blog__tag.btn--active,
.btn--outline-clip ,
.btn--outline-clip-red ,
.btn--outline-clip-black {
  --cut: 10px;
  --border-width: 1px;
  --border-color: #31302E;
  --button-bg: #0d0d0d;
  --button-text: var(--color-grey-900);

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 2rem;

  color: var(--button-text);
  background: var(--border-color);

  border: 0;
  overflow: hidden;
  isolation: isolate;

  clip-path: polygon(
    var(--cut) 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
}

.btn--outline-clip::before ,
.btn--outline-clip-red::before ,
.btn--outline-clip-black::before ,
.btn--tab::before {
  content: "";
  position: absolute;
  inset: var(--border-width);
  background: var(--button-bg);
  z-index: -1;
  width: unset !important;

  clip-path: inherit;
  -webkit-clip-path: inherit;
}

.btn--outline-clip:hover{
  --button-bg: #191918; /* same as grey-100 */
}

.btn--outline-clip-black:hover {
    --button-bg: #ffffff;
    transition: .3s;
    --button-text: #0d0d0d;
}
.btn--outline-clip-black {
    --border-width: 1px;
    --border-color: #ffffff;
    --button-bg: #0d0d0d;
    --button-text: var(--color-white);
    transition: .3s;
}

.btn--outline-clip-red:hover {
    --button-bg: #ffffff;
    transition: .3s;
    --button-text: #f20000;
}

.btn--outline-clip-red {
    --border-width: 1px;
    --border-color: #ffffff;
    --button-bg: #f20000;
    --button-text: var(--color-white);
    transition: .3s;
}

.btn--grid {
        background-color: #585858 !important;
    color: #ffffff !important;
}
.btn--grid.btn--active {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.btn--grid.btn--active::before {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.btn--list.btn--active {
background-color: #ffffff !important;
}
/* .btn--grid {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(0, 0, 0) !important;
}
.btn--grid::before {
    background-color: rgb(97, 97, 97) !important;
    color: white;
} */

.btn--list {
    padding: 13px;
}

.btn--tab {
    background: white;
}

.btn--red{
    --color-border: 255, 0, 0;
    color: rgb(252,251,251);
    background: rgb(255, 0, 0)
}

/* 
.btn--featured-tab {
    height: 34px;
    font-size: 16px;
    line-height: 140%;
    padding: 0 16px;
    --color-border: rgb(252,251,251);
    background: rgb(96, 96, 96);
    color: rgb(255, 255, 255);
}
.btn--featured-tab::before {
    background-color: rgb(96, 96, 96);
}

.btn--featured-tab.active:hover {
    color: rgb(252,251,251);
}

.btn--featured-tab:hover  {
    color: rgb(252,251,251);
}

.btn--featured-tab.active {

    --color-border: rgb(252,251,251);
    background: rgb(252,251,251);
    color: rgb(0,0,0);
} */



.btn--red::before {
    background-color: rgb(252,251,251);
}

.btn--hover-text-black:hover {
    color: var(--color-brand-tertiary-black);
}

.button-item__inner.btn--outline-clip-black {
    background: rgb(255, 255, 255) !important;
}

@media (hover: hover) and (pointer: fine) {
    .btn--red:hover {
        color: rgb(255, 0, 0)
    }
}



@media (max-width: 768px) {
    .btn--play-in-store {
        height: 36px;
    }

    .drawer__footer-buttons {
        flex-wrap: wrap;
        gap: 1.6rem;
    }
    .drawer__footer-buttons .btn {
        width: 100%;
    }
}

.restock-rocket-button-product {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.cart-drawer__footer  .swipe-all__inner .btn {
    line-height: 1;
    font-size: 14px;
}

/* ====================
    NAVIGATION
===================== */

.mega-menu__promotions .card-media__content-wrapper .rich-text__subheading ,
.menu-drawer__promotions .card-media__content-wrapper .rich-text__subheading ,
.content-overlay--bottom-button .rich-text__subheading{
    width: calc(100% + (var(--padding-x, 2.4rem) * 2));
    background: var(--color-brand-primary);
    font-size: 14px !important;
    line-height: 140% !important;
    font-weight: var(--font-medium);
    color: var(--color-black);
    padding-top: 0.4rem;
    padding-bottom: 0.2rem;
}

.header__buttons {
    column-gap: 1.6rem;
}

.mega-menu__item-child li > a {
    padding-block: 0.6rem;
}

.menu__item {
    border-right: 1px solid var(--color-grey-200);
    border-top: 1px solid var(--color-grey-200);
    border-bottom: 1px solid var(--color-grey-200);
    padding: 0.4rem 1rem;
}

.header__menu ul > li:first-child .menu__item {
    border-left: 1px solid var(--color-grey-200);
}

.has-dropdown-menu .menu__item {
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.has-dropdown-menu .header__menu ul > li:first-child .menu__item {
    border-left: 1px solid transparent;
}

.header__navigation .header__menu {
    margin-inline: 0px;
}

.menu-drawer .social__link {
    width: 2.8rem;
    height: 2.8rem;
}

.mega-menu__wrapper {
    background: var(--color-brand-tertiary-black);
}

.mega-menu__list .mega-menu__column ,
.mega-menu__promotions.mega-menu__column {
    border-color: var(--color-grey-200);
}

.menu-drawer__item-back-link {
    color: unset;
    font-weight: var(--font-medium);
}


@media (min-width: 1024px) {
    .header__top--logo-center {
        --search-form-width: 32rem;
    }
}


@media (max-width: 1023px) {
  .header__top {
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas:
      "icons-left logo icons"
      "search search search";
  }

  .header__logo {
    justify-self: center;
  }
}

@media (min-width: 640px) {
    .cart-icon--solid {
        --cart-icon-size: 3.2rem; 
    }
}





/* ====================
    INPUTS
===================== */


.search__field ,
.facet-range__input , 
.contact__fields .input-border {
  --cut: 10px;
  --border-width: 1px;
  --border-color: #31302E;
  --field-bg: #0d0d0d;

  position: relative;
  display: flex;
  align-items: center;
  min-height: 50px;
  background: var(--border-color);
  overflow: hidden;
  isolation: isolate;

  clip-path: polygon(
    var(--cut) 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
  -webkit-clip-path: polygon(
    var(--cut) 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
}

.search__field::before , 
.contact__fields  .input-border::before {
  content: "";
  position: absolute;
  inset: var(--border-width);
  background: var(--field-bg);
  z-index: 0;

  clip-path: polygon(
    var(--cut) 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
  -webkit-clip-path: polygon(
    var(--cut) 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
}

.search__field > *  , 
.contact__fields  .input-border > * {
  position: relative;
  z-index: 1;
}

.search__input {
  appearance: none;
  -webkit-appearance: none;
  flex: 1;
  width: 100%;
  min-height: 50px;
  border: 0 !important;
  outline: 0;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--color-grey-900);
  padding: 0 5.2rem 0 1.6rem;
}

.contact__fields  .form-control {
  width: 100%;
  border: 0 !important;
  outline: 0;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--color-grey-900);
}

.search__input::placeholder , 
.contact__fields  .form-control::placeholder {
  color: var(--color-grey-900);
  opacity: 1;
}

.search__field-icon,
.search__reset {
  border: 0;
  background: transparent !important;
  color: var(--color-grey-900);
}


.facet-accordion-details .form-control:focus, 
.facet-accordion-details .form-control:focus-visible ,
.facet-accordion-details .form-control {
    box-shadow: none !important;
    background-color: var(--color-grey-200) !important;
    border: none !important;
}

/* Newsletter footer red */
.newsletter-form__input-wrap {
  --border-color: #ffffff; /* red border */
  --field-bg: #f20000;     /* red inner */
}

.newsletter-form__input-wrap .search__input {
  color: #ffffff;
}

.newsletter-form__input-wrap .search__input::placeholder {
  color: #ffffff;
  opacity: 1;
}
/* Newsletter section */
.newsletter_input .newsletter-form__input-wrap {
  --border-color: #ffffff;
  --field-bg: #ffffff;   
}
.newsletter_input  .newsletter-form__input-wrap .search__input {
  color: var(--color-grey-100);
}

.newsletter_input  .newsletter-form__input-wrap .search__input::placeholder {
  color: var(--color-grey-100);
  opacity: 1;
}

.btn--facet {
    min-height: 50px;
    border: none;
    padding-left: 4px;
    padding-right: 12px;
}

.btn--facet  .form-control:focus, .btn--facet  .form-control:focus-visible {
    box-shadow: none;
    border: none;
}

/* =====================
    FOOTER
===================== */

.footer-social-btn {
    border: none;
}

.footer__wrapper  .accordion-details__summary {
    border-color: var(--color-white);
}


.footer__bottom-row + .footer__bottom-row {
  margin-top: 1.6rem;
}

.footer-social-btn {
    height: 3rem;
    width: 3rem;
}

.footer-newsletter .btn {
    padding-left: 2rem;
    padding-right: 2rem;
}

.footer-border {
    border-left: 20px solid var(--color-brand-secondary-black);
    border-bottom: 20px solid var(--color-brand-secondary-black);
    border-right: 20px solid var(--color-brand-secondary-black);
}

@media (min-width: 768px) {
    .footer__bottom {
        padding-top: 16px;
    }
}

@media (max-width: 767.98px) {
    .footer-border {
        border-left: 16px solid var(--color-brand-secondary-black);
        border-bottom: 16px solid var(--color-brand-secondary-black);
        border-right: 16px solid var(--color-brand-secondary-black);
    }

 */
    .footer__bottom-row+.footer__bottom-row {
        margin-top: 16px;
    }
    .footer__copyright {
        order: 1;
    }
    .footer__info {
        order: 2;
    }
    .footer-social-btn {
        height: unset;
        width: unset;
    }

}


/* =====================
    PDP
===================== */

.product__blocks-below-media [data-block-id="collapsible-row-3"] {
  margin-top: 0px !important;
}

.product__meta a {
    color: unset !important;
}

.product__block--icon-with-text.product__block--icon-with-text-horizontal li {
    text-transform: uppercase;
}

.f-price--on-sale .f-price-item--regular {
    font-weight: var(--font-medium);
}
.product__block--price .f-price {
    font-weight: var(--font-bold);
}

.product__block--icon-with-text  {
    margin-top: 0.8rem !important;
}

.product__block--icon-with-text-vertical  a {
    text-decoration: underline;
}

.product__block--short_description strong {
    color: #dfdcda;
}

.pdp-spec-row  {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.pdp-spec-row p {
    width: 50%;
    margin: 0 !important;
    padding: 16px;
}

.pdp-spec-row--dark {
    background: var(--color-brand-tertiary-black);
}

.pdp-spec-row--light {
    background: var(--color-grey-200);
}

.product__media-gallery-thumbails .swiper-slide.swiper-slide-thumb-active .product__thumbs-container:after {
    border-color: var(--color-grey-200) !important;
}

.swiper-button-next , .swiper-button-prev {
    border-radius: 0px;
}

.product__media-gallery  .swiper-button-next , 
.product__media-gallery  .swiper-button-prev  {
    color:#000000;
    background-color: #ffffff;
    border: 1px solid var(--color-grey-300);
}

.product-form__input--button input[type=radio] + label ,
.product-form__input--button input[type=radio]:checked + label{
    text-transform: uppercase;
    padding: 10px 18px;
    font-size: 16px;
    font-weight: var(--font-semi-bold);
    padding: 10px 18px !important;
    border-color: var(--color-grey-500) !important;
}

.product-form__input--button input[type=radio]:checked + label {
        box-shadow: 0px 0px 0px 1px var(--color-grey-500) !important;
}

.product-form__submit {
    background-color: var(--color-brand-primary);
    color: var(--color-grey-900);
    font-size: 16px;
}

.product__block--icon-with-text-vertical li {
    text-transform: uppercase;
    font-weight: var(--font-medium);
}

.breadcrumbs--sep {
    margin: 0 0.8rem;
    background: var(--color-grey-300);
}

.f-badge {
    padding: 1px 6px;
    font-size: 12px;
    font-weight: var(--font-medium);
    line-height: 150%;
}

.f-badge--sale {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.product__meta:not(:first-child):before {
    background: var(--color-grey-300);
}

.product__media-icon  {
    border-radius: 0px;
    background: var(--color-grey-100);
    color: var(--color-white);
    border: none !important;
}

.quantity {
    width: 140px;
}

.quantity__input {
    box-shadow: 0 0 0 1px var(--color-grey-700);
    font-size: 16px;
    text-align: center;
    font-weight: var(--font-medium);
}
.quantity__button--minus {
    border-right: 1px solid var(--color-grey-700);
}

.quantity__button--plus {
    border-left: 1px solid var(--color-grey-700);
}

.f-price--on-sale .f-price-item--sale {
    color: var(--color-white);
}

.f-price {
    font-weight: var(--font-semi-bold);
}

.complementary-products__container .text-pcard-title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: var(--font-extra-bold);
}

.complementary-products__container  .product-card__atc {
    padding: 6px 12px !important;
    width: unset !important;
    height: unset !important;
    line-height: unset;
    background-color: var(--color-grey-900);
    color: var(--color-black);
    border-radius: 0 !important;
    border: none;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
    -webkit-clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
}

.complementary-products__container .product-card__atc:hover {
    color: white !important;
}


.complementary-products__container .product-card {
    background: transparent;
}

.product__block--inventory .product__inventory-text {
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: var(--font-medium);
}

.product__block--inventory .product__inventory-text strong {
    font-weight: var(--font-medium);
}

.product__block--inventory .progress-bar {
    color: var(--color-brand-primary);
    border-radius: 0;
    height: 3px;
}


.product__block--inventory .product__inventory-stock-bar {
    margin-top: 0.8rem;
}

.sticky-atc-bar{
    background: #000000 !important;
    border: 1px solid var(--color-grey-500);
    border-radius: var(--border-200) !important;
     width: min(85vw, 39.6rem); 
}

.sticky-atc-bar__product-image {
    border: 1px solid var(--color-grey-500);
    border-radius: var(--border-200) !important;
}

.sticky-atc-bar__product-title  {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: var(--font-medium);
}

.sticky-atc-bar .product-form__submit {
    background: var(--color-white);
    color: var(--color-black);
}



.collection-template .button-list .button-item__icon {
    width: 48px !important;
    border-radius: 0;
}

.collection-template .button-list .btn__text {
    font-size: 16px;
}

@media (min-width: 768px) {
    .product__info-container {
        background-color: var(--color-brand-tertiary-black);
        padding: 30px;
    }
    
}


@media (max-width: 768px) {
    .pdp-spec-row p {
        padding: 12px 16px;
    }
}

/* =====================
    SCROLLING TEXT
===================== */

.promotion__text {
    text-transform: uppercase;
    font-weight: var(--font-semi-bold);
    letter-spacing: -1.44px;
}

/* =====================
    SECTION HEADING
===================== */
.section__heading {
    text-transform: uppercase;
}

.section__header.text-center .section__description {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

/* =====================
    BUTTON GROUP
===================== */

.button-list .button-item__icon {
    width: 24px !important;
}

.button-list .button-item__inner {
    background: var(--color-brand-primary)
}

.button-list .btn--icon::before {
    background-color: var(--color-grey-100) !important;
}

/* =====================
    IMAGE WITH FEATURE
===================== */


@media (min-width: 1280px) {
    .image-with-feature__wrapper {
        --column-gap: 5.6rem !important;
    }
}


/* =====================
    PRODUCT CARD
===================== */

.product-card .f-badge--sale {
    background-color: var(--color-brand-primary);
}

.product-card-collection {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    border-bottom: 1px solid var(--color-grey-200);
    padding-bottom: 5px;
}

.product-card-collection-square {
    width: 8px;
    height: 8px;
    display: block !important;
    background-color: var(--color-brand-primary);
}

.product-card__title {
    text-transform: uppercase;
    font-weight: var(--font-bold);
}

.product-card-style-card .product-card__info {
    padding: 16px;
    gap: 5px;
}

.product-card  .f-price  {
    font-size: 14px;;
}

.product-card__badge {
    flex-direction: row;
}


/* =====================
    SWIPER
===================== */

.swiper-pagination-progressbar,
scroll-progress-bar .progress-bar  {
    background: var(--color-brand-primary) !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill ,
scroll-progress-bar .progress-container {
    background: var(--color-grey-700) !important;
}

.swiper-controls--pagination-progressbar .swiper-button {
    border: 1px solid var(--color-white);
}

.swiper-controls--pagination-progressbar .swiper-button:not(.swiper-button--blank)::before   {
    background-color: var(--color-brand-primary);
}

.swiper-controls--pagination-progressbar .swiper-button:not(.swiper-button--blank):hover {
    color: var(--color-white) !important;
}

.collection-list-slider .swiper-button-next {
    right: -16px;
}

.collection-list-slider .swiper-button-prev {
    left: -16px;
}

.collection-list-slider .swiper-button {
    border: 1px solid var(--color-grey-300);
}

.swiper-button .icon-caret-right ,
.swiper-button .icon-caret-left {
    height: 1.6rem;
}

@media (min-width: 768px) {
    .collection-list-slider .swiper-horizontal {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* =====================
    PROMOTION BANNER
===================== */

.promotion-banner .countdown-timer__number  {
    color: var(--color-brand-primary);
}

.countdown-timer__sec {
    opacity: 0.5;
}

.promotion-banner{
  --cut: 20px;

  clip-path: polygon(
    var(--cut) 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut)),
    0 var(--cut)
  );
}

@media (min-width: 767.98px) {
    .promotion-banner motion-element {
        flex: 1;
    }

    .promotion-banner  .countdown-timer ,
    .promotion-banner  .promotion-banner__button {
        text-align: center;
    }

    .promotion-banner__inner .countdown-timer__block div:after {
          transform: translate(calc(50% + var(--margin-inline)), -56%) !important;
          font-size: 30px;
    }
}


/* =====================
    IMAGE WITH TEXT
===================== */

.rich-text > * + *:is(.rich-text__icon) + .rich-text__icon {
    margin-top: 1.2rem;
}

.image-with-text__badge .badge__icon {
    max-width: 56px;
}

.image-with-text .icon-with-text {
    font-weight: var(--font-semi-bold);
    line-height: 140%; 
    text-transform: uppercase;
}

/* =====================
    PLP
===================== */

@media (min-width: 768px) {
    .collection__content  .face-form {
        padding: 16px 12px 12px 12px;
        background: var(--color-grey-100);
    }
}

.collection__toolbar-right .form-control--select {
        background: unset;
    border: none;
    outline: none;
    box-shadow: none;
}

.facet-accordion-details {
    border-bottom-color: var(--color-grey-200) !important;
}

.collection-template .section-rich-text ,
.collection-template .rich-text--standard {
    background: var(--color-brand-tertiary-black);
}
.collection-template .read-more__content:before {
    background: none;
}
.collection-template .button-list .button-item__inner {
    background-color: var(--color-brand-tertiary-black);
    border: 1px solid var(--color-grey-200);
}

.collection-template .button-list .btn--icon::before {
    background-color: var(--color-grey-900) !important;
}

.pagination__list .pagination__item {
    border-radius: 0;
    background: var(--color-brand-tertiary-black);
    color: var(--color-white);
    font-weight: var(--font-medium);
    font-size: var(--font-size-body);
    min-width: 50px;
    min-height: 50px;
}

.pagination__list .pagination__item.pagination__item--current {
    color: var(--color-white);
    background: var(--color-brand-primary);
}

.pagination__item--previous {
    padding-left: 1.6rem;
}
.pagination__item--next {
    padding-right: 1.6rem;
}

.pagination__list .pagination__item-arrow span {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: var(--font-semi-bold);
}

.pagination__item {
    gap: 1.2rem;
}

/* =====================
    RICH TEXT
===================== */

.rich-text__image {
    text-align: center;
}


/* =====================
    MULTICOLUMN
===================== */

.multicolumn-card__count:after {
    border-bottom: 2px dashed rgba(var(--color-border), var(--color-border-alpha, 1));
}

/* .multicolumn-card__image {
    margin-bottom: 0.8rem !important;
} */

.multicolumn-card__text{
    margin-top: 0.8rem !important;
}

.multicolumn-icon .section__description {
    text-transform: none;
    color: var(--color-grey-700);
}

.multicolumn-icon  .multicolumn-card__text p {
        color: var(--color-grey-700);
}

/* =====================
    SUBSCRIPTION PRODUCTS
===================== */

.rte--sub ul {
  list-style-position: outside;
  padding-left: 1.2em; /* controls spacing from edge */
  margin-left: 0;
  color: var(--color-grey-700);
}

.rte--sub li {
  padding-left: 0;
  padding-bottom: 0.8rem
}

.sub-month-year {
    margin-bottom: 0px !important;
    margin-top: 0.2rem !important;
}

.sub-card {
    height: unset;
}

.sub-line-height-one {
    line-height: 1 !important;
}

/* =====================
    BLOG
===================== */

@media (min-width: 768px) {
    .article-card--horizontal .article-card__media {
        width: 50% !important;
    }
    .article-card--horizontal {
        background: var(--color-brand-tertiary-black);
    }

}

.main-blog .section-divider .border-top {
    border-block-start: 1px solid var(--color-grey-200);
}


.article-tags a {
    padding-inline: 0rem !important;
}

.btn--share {
    width: 24px;
    height: 24px;
    display: block;
    padding: 0px;
}

.link-tooltip {
    scale: 0.85;
    font-weight: 400;
    text-transform: initial;
}

.article-template .article ,
.article-template .section-breadcrumb ,
.blog-template .section-breadcrumb ,
.blog-template .main-blog {
    background: var(--color-black);
}


/* =====================
    CONTACT
===================== */

.contact .section-breadcrumb {
    background: var(--color-black);
}

.contact__title {
    padding-bottom: 1.6rem !important;
}

.contact__top-copy {
    padding-bottom: 3.2rem;
}

.contact-form__form .form-field--name {
    order: 1;
}

.contact-form__form .form-field--phone {
    order: 2;
}

.contact-form__form .form-field--email {
    order: 3
}
.contact-form__form .form-field--body {
    order: 4;
}

.contact-form__form .contact__button {
    order: 5
}

.contact-form__form  .form-label {
    text-transform: uppercase;
    font-weight: var(--font-medium);
}


.contact-form__form .form-control:focus, 
.contact-form__form .form-control:focus-visible {
    box-shadow:none;
}

.contact-form__form input ,
.contact-form__form textarea {
    border-radius: 8px;
}

.help-sidebar__sidebar:before{ 
    background-color: var(--color-grey-500) !important;
}
@media (min-width: 768px) {
    .contact__fields .form-field--email {
        grid-column-start: 1;
        grid-column-end: 3;
    }
}

@media (max-width: 768px) {
    .contact__button .btn--primary {
        width: 100%;
    }
}



.help-sidebar__sidebar .btn--with-icon {
    font-size: 16px;
        flex-direction: row-reverse;
    gap: 6px;
        padding-left: 14px;
    padding-right: 22px;
}

.link-to-section {
    scroll-margin-top: 124px;
    display: block !important;
}


/* =====================
    CART
===================== */

@media only screen and (min-width: 1024px) {
   .cart .cart-item__quantity {
    width: 35%
   }
}

.icon-loc-checkout {
    margin-right: 5px;
    vertical-align: text-bottom;
}

.cart .progress-bar {
    color: var(--color-grey-700) !important;
    height: 4px !important;
    border-radius: 0px !important;
    background-color: var(--color-grey-500) !important;
}

.cart .border-top ,
.cart tbody tr {
    border-color:var(--color-grey-200) !important;
}

.cart tbody tr:last-child {
    border-bottom: none !important;
}

.cart-quantity {
    width: 10.6rem !important;
}

.cart-quantity input {
    font-size: 16px;
    font-weight: 500;
}

.cart-quantity{
    background: var(--color-brand-tertiary-black) !important;
}

.cart-quantity .quantity__button--minus ,
.cart-quantity .quantity__button--plus {
    border-color: var(--color-grey-200);
}

.cart-quantity .quantity__button:focus-visible,
.cart-quantity .quantity__input:focus-visible ,
.cart-quantity .quantity__input {
    outline-color: var(--color-grey-200) !important;
}

.cart-quantity .quantity__input {
    box-shadow: 0 0 0 1px var(--color-grey-200);

}

.cart__footer-wrapper .form-control {
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(var(--color-foreground));

}

.cart-accordion-details .accordion-details__summary + .accordion-details__content {
    padding-top: 1.6rem !important;
}

.cart__footer-wrapper .accordion-details__summary {
    background: #31302e;
}

/* =====================
    POLICIES
===================== */

.shopify-policy__title {
    text-align: left;
}

@media screen and (min-width: 1024px) {
    .main-content .shopify-challenge__container, .main-content .shopify-policy__container {
        max-width: 1024px;
    }
}


/* =====================
    APPS
===================== */




.sesami-block sesami-experience {
  display: none !important;
}

.my-custom-booking-button {
    font-size: 16px;
    width: 100%;
    --color-border: rgb(255, 0, 0;);
    background: rgb(255, 0, 0);
    color: rgb(252, 251, 251);
}

.my-custom-booking-button::before {
    background-color: rgb(var(--color-button-text));
}