/** Shopify CDN: Minification failed

Line 255:36 Unexpected "{"

**/
@font-face {
    font-family: 'Oswald';
    src: url('/cdn/shop/files/Oswald-Bold.woff2') format('woff2'),
        url('/cdn/shop/files/Oswald-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('/cdn/shop/files/Oswald-SemiBold.woff2') format('woff2'),
        url('/cdn/shop/files/Oswald-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('/cdn/shop/files/Oswald-Medium.woff2') format('woff2'),
        url('/cdn/shop/files/Oswald-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('/cdn/shop/files/Oswald-ExtraLight.woff2') format('woff2'),
        url('/cdn/shop/files/Oswald-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('/cdn/shop/files/Oswald-Light.woff2') format('woff2'),
        url('/cdn/shop/files/Oswald-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('/cdn/shop/files/Oswald-Regular.woff2') format('woff2'),
        url('/cdn/shop/files/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-Black.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-LightItalic.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-Light.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-Medium.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-BoldItalic.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-ExtraLight.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-ThinItalic.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-ExtraLightItalic.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-Bold.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-Regular.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-SemiBoldItalic.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-MediumItalic.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-ExtraBoldItalic.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-Italic.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-SemiBold.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-Thin.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-BlackItalic.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/cdn/shop/files/Roboto-ExtraBold.woff2') format('woff2'),
        url('/cdn/shop/files/Roboto-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('/cdn/shop/files/Nunito-Regular.woff2') format('woff2'),
        url('/cdn/shop/files/Nunito-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
  --font-body-family: 'Roboto';
  --font-body-weight: 400;
  
  --font-heading-family: 'Oswald';
  --font-heading-weight: 700;

  --font-body-second-family: 'Nunito';
  --font-body-second-weight: 400;
  
  --vh: 100%;
}

* { box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {min-height: auto;}
body.overflow-hidden-mobile { overflow:hidden; }
img { max-width:100%; }

a, button, .button, svg  { transition: all 0.2s ease; }

summary,
summary * { transition: all 0.2s ease; }

h1, h2, h3, h4, .h1, .h2, .h3, .h4, { font-weight:700; letter-spacing: 0px; }
h5, h6, .h5, .h6 {  font-weight:500; }

.h1, h1 { font-size:38px; line-height:1.3158; letter-spacing: 0; }
.h2, h2 { font-size:26px; line-height:1.3846; letter-spacing: 0; }
.h3, h3 { font-size:20px; line-height: 1.2; letter-spacing: .4px; }
.h4, h4 { font-size:18px; line-height: 22px; letter-spacing: .36px;}
.h5, h5 { font-size:16px; line-height: 1.75; }
.h6, h6 { font-size:16px; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button, 
input[type="search"]::-webkit-search-results-decoration { -webkit-appearance:none; }

:focus,
:focus-visible,
:focus-within { box-shadow:none; outline:none; }

.field__input, .field__select,
.select__select, 
.customer .field input, 
.customer select { height: 40px; border-radius: 20px!important; font-size: 14px; margin: 0; line-height: 1; border: none; background: #fff; color: #000; }

.field__select { flex-grow: 1; padding: 13px 20px 5px 20px; -webkit-appearance: none; -moz-appearance: none;  appearance: none; line-height: 1.2; }
.field__select + .svg-wrapper { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 12px; height: 7px; }

.button, 
.button-label, 
.shopify-challenge__button, 
.customer button { font-size:13px; letter-spacing: .26px; font-weight: 700; line-height: 20px; font-family: var(--font-heading-family); border-radius: 20px; text-transform: uppercase; }

.button--primary:before,.button--primary:after,
.button--secondary:before,.button--secondary:after { display: none; }
.button--primary { background-image: linear-gradient(to top, transparent 50%, transparent 50%), linear-gradient(to top, #883A6A 50%, rgba(var(--color-button), var(--alpha-button-background)) 50%);
    -webkit-background-clip: text,padding-box; background-clip: text,padding-box; background-size: 100% 200%; background-position: top; transition: all 0.5s ease-in-out; 
    background-color: transparent; }
.button--primary:hover{ background-position: bottom; color: rgba(var(--color-button), var(--alpha-button-background)); }

.button--secondary {  background: transparent; outline: 1px solid; outline-offset: 0; outline-color: var(--color-button);
  -webkit-text-fill-color: var(--color-secondary-button-text); color: var(--color-secondary-button-text); transition: all 0.5s ease-in-out; }
.button--secondary:hover { background-image: linear-gradient(to top, #000 50%, #FFFFFF 50%), linear-gradient(to top, #FFDD00 50%, transparent 50%); 
   -webkit-background-clip: text,padding-box; transition: all 0.5s ease-in-out; background-clip: text,padding-box; -webkit-text-fill-color: #000; color: #000; 
   background-size: 100% 200%; background-position: bottom; outline: 1px solid transparent;  }


.button .icon.icon-down, 
.button-label .icon.icon-down, 
.shopify-challenge__button .icon.icon-down, 
.customer button .icon.icon-down { margin-left: 9px; width: auto; height: 10px; }

.customer .field.password-eye-show input { padding-right: 50px; }

.field__label, 
.customer .field label { letter-spacing: 0px; font-size: 15px; font-weight: 300; top: 13px; left: 20px; line-height: 1; color: #5A5A5A; }  

.field__input:focus ~ .field__label, 
.field__input:not(:placeholder-shown) ~ .field__label, 
.field__input:-webkit-autofill ~ .field__label,  
.field__select:focus ~ .field__label, 
.field__select:not(:placeholder-shown) ~ .field__label, 
.field__select:-webkit-autofill ~ .field__label, 
.customer .field input:focus ~ label, 
.customer .field input:not(:placeholder-shown) ~ label, 
.customer .field input:-webkit-autofill ~ label { font-size: 1rem; top: calc(var(--inputs-border-width) + 0.5rem); left: calc(var(--inputs-border-width) + 2rem);
    letter-spacing: 0.04rem; line-height: 1; }

.button,
.shopify-challenge__button, 
.customer button, 
button.shopify-payment-button__button--unbranded { min-height: calc(38px + var(--buttons-border-width)* 2); padding: 10px 30px; }


body.CartDraweropen  #smile-ui-lite-launcher-frame-container {
    display: none;
}

 

.button:before, 
.shopify-challenge__button:before, 
.customer button:before, 
button.shopify-payment-button__button--unbranded:before,
.button:after, 
.shopify-challenge__button:after, 
.customer button:after, 
button.shopify-payment-button__button--unbranded:after { border-radius: 20px; }

.field__input:focus,.field__input:not(:placeholder-shown),.field__input:-webkit-autofill,
.select__select:focus,
.customer .field input:focus,.customer .field input:not(:placeholder-shown), .customer .field input:-webkit-autofill,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after { box-shadow: none; outline: none; margin: 0; }

.field:after, 
.select:after, 
.customer .field:after, 
.customer select:after, 
.localization-form__select:after,
.field:before, 
.select:before, 
.customer .field:before, 
.customer select:before, 
.localization-form__select:before { display: none; }

.page-width.full-width { max-width:100%; padding:0 20px; }

.sec-head { text-align:center;  }
.sec-head.text-align-left { text-align:left; }
.sec-head.text-align-center { text-align:center; }
.sec-head.text-align-right { text-align:right; }

.sec-head .sec-title { margin:0; font-weight:700; }
.sec-head .sub-title { font-family: var(--font-second-family); margin:10px 0 0 0; font-size:30px; line-height:1; letter-spacing: 0px; }
.sec-head .sub-title-ds { font-family: var(--font-second-family); margin:10px 0 0 0; font-size:20px; line-height:1; letter-spacing: 0px; }
.sec-head .sub-title p:first-child { margin-top:0; }
.sec-head .sub-title p:last-child { margin-bottom:0; }

.swiper-main-wrapper { width:100%; }
.shopify-section .swiper-pagination {  position: relative; display: flex; justify-content: center; margin: 0; bottom: 0; gap:14px; margin-top:20px; transition: all 0.5s ease; flex-wrap: wrap; }

.swiper-main-wrapper:has(.product-card-wrapper) .swiper { padding:10px 0; margin: -10px 0; }


.shopify-section .swiper-pagination-lock { display: none; }
.shopify-section .swiper-pagination .swiper-pagination-bullet {  opacity:0.1; transition: all 0.5s ease; border-radius:0; margin: 0 !important; border-radius:50%; background:#000;
 height:12px; width:12px;  }
.shopify-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1; }

.shopify-section .swiper-pagination.dot .swiper-pagination-bullet {   }
.shopify-section .swiper-pagination.dot .swiper-pagination-bullet.swiper-pagination-bullet-active {  }

.shopify-section .swiper-pagination.border .swiper-pagination-bullet { background:transparent; outline:#000 1px solid; }
.shopify-section .swiper-pagination.border .swiper-pagination-bullet.swiper-pagination-bullet-active {  }

.shopify-section .swiper-pagination.line .swiper-pagination-bullet { height:2px; width:20px; background:#000; border-radius:0; }
.shopify-section .swiper-pagination.line .swiper-pagination-bullet.swiper-pagination-bullet-active {  }

.shopify-section .swiper-pagination.number { counter-reset: section; }
.shopify-section .swiper-pagination.number .swiper-pagination-bullet { height:auto; width:auto; background:transparent; display:flex; font-size:15px; 
   font-weight:500; color:#000; opacity:0.6; }
.shopify-section .swiper-pagination.number .swiper-pagination-bullet:before {  counter-increment: section; content: counter(section, decimal-leading-zero); }
.shopify-section .swiper-pagination.number .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1; text-decoration:underline; text-underline-offset:2px; }

.shopify-section .swiper-pagination.swiper-pagination-vertical { width: auto; left: inherit; right: 30px; margin: 0; position: absolute; bottom:0; 
  display: flex; flex-flow: column; gap:14px; }

.form__message { margin: 20px 0; border: 1px solid transparent; border-radius: 5px; padding: 12px 20px; }
.form-status,
.form-status-list li,
.form-status-list li a { font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: 1.3; pointer-events: none; }
.form-status-list { border-radius: 5px; padding: 12px 20px; border: 1px solid transparent;  }
.form-status-list li:not(:last-child) { margin-bottom: 10px; }
.form__message:has(.icon-success),
.form__message:has(.icon-success) .form-status,
.form__message:has(.icon-success) + .form-status-list,
.form__message:has(.icon-success) + .form-status-list li,
.form__message:has(.icon-success) + .form-status-list li a{ color: #155724; background: #d4edda; border-color: #c3e6cb; }
.form__message:has(.icon-error),
.form__message:has(.icon-error) .form-status,
.form__message:has(.icon-error) + .form-status-list,
.form__message:has(.icon-error) + .form-status-list li,
.form__message:has(.icon-error) + .form-status-list li a { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }


.nav-btns .btn-arrow { position:absolute; display:flex; color:currentcolor;z-index: 2;width: 30px; height: 30px; background: #fd0; opacity: .8; }
.nav-btns .btn-arrow:after { display:none; }
.nav-btns .btn-arrow svg { width:12px; height:12px; }
.nav-btns .btn-arrow.swiper-button-next { right:-7px; } 
.nav-btns .btn-arrow.swiper-button-prev { left:-7px; }
.nav-btns .btn-arrow.swiper-button-disabled { opacity: .5; }

/* wholesale-signup-form */
div#bss-b2b-registration-form {margin-bottom: 40px;}
div#bss-b2b-registration-form * {font-family: var(--font-body-family);}
#bss-b2b-registration-form .bss-b2b-registration-form-title * {font-family: var(--font-heading-family);}
div#bss-b2b-registration-form label {margin-bottom: 10px;}
#bss-b2b-registration-form .bss-b2b-registration-form-content *:not(.field-header *):not(.field-privacy-policy *) {font-size: 14px;line-height: 1;color: #000;font-weight: var(--font-body-weight);}
#bss-b2b-registration-form .bss-b2b-rf-field input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), 
#bss-b2b-registration-form .bss-b2b-rf-field select, 
#bss-b2b-registration-form .bss-b2b-rf-field textarea {border-radius: 30px;}
#bss-b2b-registration-form .bss-b2b-rf-field input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):hover, 
#bss-b2b-registration-form .bss-b2b-rf-field select:hover, 
#bss-b2b-registration-form .bss-b2b-rf-field textarea:hover, 
#bss-b2b-registration-form .bss-b2b-rf-field .phone-country-select-wrapper:hover {box-shadow: none;}
#bss-b2b-registration-form .bss-b2b-rf-field input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus, 
#bss-b2b-registration-form .bss-b2b-rf-field select:focus, 
#bss-b2b-registration-form .bss-b2b-rf-field textarea:focus, 
#bss-b2b-registration-form .bss-b2b-rf-field .phone-country-select-wrapper.phone-select-focus {border-color: #D9D9D9;box-shadow: none;}
#bss-b2b-registration-form .bss-b2b-rf-submit-button .btn {letter-spacing: .26px;font-weight: 700 !important;line-height: 20px;font-family: var(--font-heading-family);border-radius: 30px;text-transform: uppercase;min-height: calc(38px + var(--buttons-border-width)* 2);padding: 10px 30px;background-color: #ffdd00;}

@media screen and (max-width: 749px){

  .page-width { padding:0 20px; }
  
  .h1, h1 { font-size:28px; line-height:1.2143; letter-spacing: .56px; }
  .h2, h2 { font-size:24px; line-height:1.3846; letter-spacing: 0; }
  .h3, h3 { font-size:18px; line-height: 1.22; letter-spacing: 0.4px; }
  .h4, h4 { font-size:16px; line-height: 19px; letter-spacing: 0.32px; }
  .h5, h5 { font-size:16px; line-height: 1.75; }
  .h6, h6 { font-size:16px; }

  .field__input, 
  .select__select, 
  .customer .field input, 
  .customer select { height: 38px; }
     
  .field__label, 
  .customer .field label { top: 12px; }  
  
  .button,
  .shopify-challenge__button, 
  .customer button, 
  button.shopify-payment-button__button--unbranded { min-height: calc(36px + var(--buttons-border-width)* 2); padding: 8px 30px 10px 30px; }

  /* .button.button--primary { letter-spacing: .48px; font-size: 12px; }   */

  .shopify-section .swiper-pagination .swiper-pagination-bullet { height:10px; width:10px; }
  
}