/** Shopify CDN: Minification failed

Line 580:0 Expected "}" to go with "{"

**/
/* --- ROOT VARIABLES (Based on your style guide) --- */
:root {
  --color-racing-green: #475855;
  --color-racing-green-light: #7E8A87;
  --color-army-green: #737A4D;
  --color-pastel-neon-orange: #FFAD93;
  --color-lemon-yellow: #FCF288;
  --color-mint-green: #C0EFCF;

  --font-heading: 'Taylennon', sans-serif;
  --font-label-cta: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body: 'logic-monospace', monospace;
}

:root {
  /* --- CTA DESKTOP --- */
  --cta-large-size: 16px;
  --cta-p-lh:22px;
  --cta-large-lh: 20px;
  --cta-large-ls: 1px;
  --cta-h0: 60px;
  --cta-h1: 40px;
  --cta-price: 30px;
  --cta-h2: 40px;
  
  --cta-medium-size: 18px;
  --cta-medium-lh: 24px;

  --cta-extra-small:13px;
  --cta-small-size: 14px;
  --cta-small-lh: 18px;
  --cta-small-ls: 1px;
  --cta-h1-lh:50px;
  --cta-h2-lh: 50px;
  --cta-h0-lh: 70px;

    /* Label - LARGE */
  --label-large-font-size: 18px;
  --label-large-font-weight: bold;
  --label-large-line-height: 20px;
  --label-large-letter-spacing: 2px;

  /* Label - MEDIUM */
  --label-medium-font-size: 16px;
  --label-medium-font-weight: bold;
  --label-medium-line-height: 18px;
  --label-medium-letter-spacing: 2px;

  /* Label - SMALL */
  --label-small-font-size: 14px;
  --label-small-font-weight: bold;
  --label-small-line-height: 18px;
  --label-small-letter-spacing: 0px;

  /* Label - X-Small */
  --label-xsmall-font-size: 14px;
  --label-xsmall-font-weight: bold;
  --label-xsmall-line-height: 18px;
  --label-xsmall-letter-spacing: 0px;
}


/* --- CTA MOBILE OVERRIDES --- */
@media (max-width: 768px) {
  :root {
    /* Scaling large down to 14px and small down to 12px for mobile legibility */
    --cta-large-size: 14px;
    --cta-large-lh: 18px;
    --cta-h1: 24px;
    --cta-price: 22px;
    --cta-h2: 28px;
    --cta-h0: 28px;
    
    --cta-medium-size: 16px;
    --cta-medium-lh: 22px;
    


    --cta-small-size: 13px;
    --cta-small-lh: 16px;
    --cta-h1-lh: 30px;
    --cta-h2-lh: 36px;
    --cta-p-lh:20px;
    --cta-price: 20px;

  }
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* --- 1. GLOBAL TYPOGRAPHY --- */

.font-base {
  font-family: var(--font-label-cta) !important;
}
.field__label {
  font-family: var(--font-label-cta); 
  color: #475855 !important;
  font-size: 14px;
  text-transform: uppercase; /* If you want it all caps like 'JOHN' in your screen */
  letter-spacing: 0;
}

#ProductInfo-template--20020504428613__main > p:nth-child(5){
  font-family: var(--font-label-cta) !important;
  margin-top: -22px;
}

/* Labels, Menu, & Buttons (Helvetica Neue Bold) */
.list-menu__item,  
.btn .btn-primary, 
.btn, 
.search__input.field__input, 
.product__text.inline-richtext.sub-heading,
.price-item.price-item--regular, 
.select__select {
    font-family: var(--font-label-cta) !important;
    font-weight: 700;
    letter-spacing: 1px !important;
}

.btn .btn-primary{
  font-size:var(--cta-large-size);
  line-height: var(--cta-large-lh);
}

.sub-heading {
  font-family: var(--font-label-cta) !important;
  letter-spacing: var(--label-medium-letter-spacing);
  font-weight: var(--label-medium-font-weight);
}

.field__input::placeholder {
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    font-size: var(--cta-small-size) !important;
  line-height: var(--cta-small-lh) !important;
  text-transform: uppercase !important;
}

.sub-heading {
    line-height: 20px;
}
.brand-vendor__character-link {
    font-family: var(--font-heading);
    font-size: 22px;
    line-height: 30px;
}

.h5.faq__category{
    font-family: var(--font-label-cta) !important;
    font-weight: 700;
    font-size: var(--cta-medium-size)!important;
    line-height: var(--cta-medium-lh)!important;
    text-align: center !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.or-text-blocks>* {
    margin: 2rem 0 0!important;
}

@media(min-width: 768px){
    .brand-vendor__character-link {
    font-size: 30px;
    line-height: 40px;
    }
}

/* Body Primary (Logic Monospace) */
.rich-text__text-image-heading, 
.text-size-large, 
.slideshow-item__description, 
body, 
#shopify-section-template--19398721011781__text_with_icons_jRy8aw > div > div > div > div > p  {
    font-family: var(--font-body);
    font-weight: 500;
}

/* Contact page */
#text-with-icons-template--20020504166469__text_with_icons_jRy8aw-slide01 > div > div.text-with-icons-card__info.pt-10{
  padding-top: 35px !important;
}

/* Headings (Tay Lennon) */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .rich-text__heading {
     font-family: var(--font-heading) !important;
     font-weight: 400;
}



    h2, .h2 {
    font-size: var(--cta-h0);
    line-height: var(--cta-h0-lh);
}


.btn.btn-underlined {
  font-family: var(--font-label-cta) !important;}

/* Specific Design Exceptions for p tag as requested */
p {
    font-family: var(--font-body);
    font-weight: 400;
    color: var(--color-racing-green) !important;
    font-size: var(--cta-medium-size);
}

/* --- 2. INPUTS & FORMS --- */

[placeholder="Enter your email"] {
    font-family: var(--font-label-cta);
    text-transform: initial !important;
    font-weight: 400;
    color: var(--color-racing-green) !important;
    font-size: 14px;
}

.field__input::placeholder {
    color: rgba(var(--color-heading) / 1) !important;
}

.product-form__submit.btn.button--full-width.btn.btn-primary,
.select__select {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    justify-content: space-between;
}

/* --- 3. COMPONENT SPECIFIC HACKS --- */

/* Slideshow */
.slideshow-item__subheading.sub-heading {
    color: white !important;
}

/* Icons */
div.header__search > drawer-button > img {
    width: 20px !important;
}

#cart-icon-bubble > img {
    width: 30px !important;
}

.menu-drawer__menu-item, .menu-drawer__account   {
  font-family: var(--font-label-cta) !important;
  text-transform: uppercase;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* Footer */
.footer__content-top ul li a {
  line-height: 22px !important;
}
@media(max-width: 767px) {
    .footer-block .footer-block__heading {
        padding: .3em 0 !important;
    }
}

.scroll-to-top__button {
  background: var(--color-lemon-yellow) !important;
}

/* Newsletter Specifics */
.newsletter-form__message-error {
  color: #FF0000;
  font-family: var(--font-label-cta) !important;
}
.form__message .icon circle, svg.icon.icon-error{
  display: none !important;
}


.newsletter__subheading.sub-heading {
    font-family: "Helvetica Neue";
  font-size: var(--cta-small-size);
  font-weight: 300;
  text-transform: initial !important;
  letter-spacing: 0;
  line-height: var(--cta-large-lh);
}

@media (max-width: 768px) {
 
  .newsletter__content {
    padding-left: 8px;
    padding-right: 8px;
  }
}

#accepts_marketing_checkbox {
  line-height: var(--cta-small-lh) !important;
  padding-top: .8em;
}
/* --- 4. LAYOUT & SPACING --- */

@media (width >= 64rem) {
    .lg\:max-w-4xl {
        max-width: 745px;
    }
}

#shopify-section-template--19398721011781__text_with_icons_jRy8aw {
    margin-top: -30px;
}

#shopify-section-template--19398721011781__text_with_icons_jRy8aw > div > div > div {
    max-width: 70rem !important;
}

.fieldset.flex {
    padding-left: 15px;
    padding-right: 15px;
}

/* --- 5. PSEUDO-ELEMENTS (Graphic Injections) --- */

/* Decorative Waves/Images */
#custom-block-text_H8Fbmb > div > div > div::after,
#custom-block-text_99HVXy > div > div::after,
#custom-block-text_ejetF6 div div div::after,
#custom-block-text_ejetF6 > div > div > div::after,
#custom-block-text_EamypY > div > div > div::after {
  content: "";
  display: block;
  width: 200px;
  height: 100px;
  margin-top: -1rem;
  background: url("/cdn/shop/files/d89efbd7798ddaaba4dea7ec9ca41379c4b1c208_9de1830d-b245-4671-a60b-06e5cbe91965.png?v=1769482468&width=1080") no-repeat center / contain;
}

/* Photo Credits */
#custom-block-image_gNeYYP > div > div > div::after,
#custom-block-image_e7Bg8w > div > div > div::after,
#custom-block-image_qxiJEj > div > div > div::after,
#custom-block-image_hCqCam > div > div > div::after{
  content: "PHOTO BY LENA HENTSCHEL / Instagram @HOLALENITA";
  font-family: var(--font-label-cta);
  display: block;
  margin-top: 0.5rem;
  font-size: 11px;
  line-height: 1.4;
  color: var(--color-racing-green);
}

#custom-block-image_gNeYYP > div > div > div::after {
  font-size: 12px;
  padding-left: 30px;
}

/* --- 6. MOBILE RESPONSIVENESS & PDP TOGGLES --- */

@media (max-width: 768px) {
    account-icon {
        padding-right: 10px;
    }
    
    /* PDP: Hide Product Info on Mobile */
    /* #ProductInfo-template--20020504428613__main > p, */
    #ProductInfo-template--20020504428613__main > h1 {
        display: none;
    }
}

@media (min-width: 749px) {
    /* PDP: Hide Rich Text on Desktop */
    #shopify-section-template--20020504428613__rich_text_L64DhK > div > div > div > div > div > div > p, 
    #shopify-section-template--20020504428613__rich_text_L64DhK > div > div > div > div > div > div > h2 {
        display: none;
    }
}



.form__label-value {
  display: none !important;
}
/* Cart Drawer Fixes */
#CartDrawer > div.drawer__inner > div.drawer__inner-empty > div > div > a {
    letter-spacing: 0;
}

/* Collective */
@media(min-width: 768px){
.brand-vendor__grid {
    justify-content: center;
}
}

/* 1. MOBILE (Phones up to 767px) */
@media (max-width: 767px) {
  #custom-block-text_rGjVDw h3 {
    margin-top: 8px;
    line-height: 36px;
    /* You might want to add a font-size here too! e.g., font-size: 28px; */
  }
  #custom-block-text_rGjVDw div {
    margin-top: 0;
  }
}




/* Tablet & iPad Pro Portrait */
@media (min-width: 767px) and (max-width: 1024px) {

      #custom-block-text_rGjVDw h3 {
        font-size: 28px;
        line-height: 38px;
        margin-top: 10px;
    }
  #custom-block-text_rGjVDw div {
    margin-top: 0;
  }
  #custom-block-text_rGjVDw > div > div {
    padding: 20px;
  }

  .footer__content-bottom .flex-1.flex-col.gap-y-6.order-last {
    flex-wrap: wrap;
    order: -1;
    justify-content: space-between;
  }
  
#custom-block-image_rJaxHN {
    width: 60% !important;
    padding-right: 0;
  }

  #custom-block-text_rGjVDw {
    width: 40% !important;
  }

      /* PDP: Hide Rich Text on Desktop */
    #shopify-section-template--20020504428613__rich_text_L64DhK > div > div > div > div > div > div > p, 
    #shopify-section-template--20020504428613__rich_text_L64DhK > div > div > div > div > div > div > h2 {
        display: block;
    }
        .product__info-wrapper {
          padding-inline-start: 0 !important;
        }

}
/* Custom Breakpoint (768px to 1023px) */
@media (min-width: 768px) and (max-width: 1024px) {
        #custom-block-text_rGjVDw h3 {
        font-size: 38px;
        margin-top: 10px;
    }
#ProductInfo-template--20020504428613__main > h1,
#ProductInfo-template--20020504428613__main > p {
  display: none;
}

#shopify-section-template--20020504428613__rich_text_L64DhK h2{
  font-size: 40px;
}

#shopify-section-template--20020504428613__rich_text_L64DhK p {
  font-size: 20px;
}

/* --- SMALL LAPTOPS (1025px to 1279px) --- */
@media (min-width: 1024px) and (max-width: 1279px) {
  #custom-block-text_rGjVDw h3 {
    font-size: 48px; /* A happy medium! */
    line-height: 56px;
    margin-top: 8px;
  }
  #custom-block-text_rGjVDw div {
    margin-top: 0;
  }
  #custom-block-text_rGjVDw > div > div {
    padding: 40px 30px; /* Gives the text a little room to breathe on the sides */
  }

        /* PDP: Hide Rich Text on Desktop */
  #shopify-section-template--20020504428613__rich_text_L64DhK div{
  display: none !important;
}
#ProductInfo-template--20020504428613__main > h1,
#ProductInfo-template--20020504428613__main > p {
  display: block;
}

#ProductInfo-template--20020504428613__main > h1 {
  font-size: 38px !important;
}

}

/* --- LARGE DESKTOPS (1280px and up) --- */
@media (min-width: 1280px) {
  #custom-block-text_rGjVDw h3 {
    font-size: 60px;
    line-height: 70px;
    margin-top: 8px;
  }
  #custom-block-text_rGjVDw div {
    margin-top: 0;
  }
  #custom-block-text_rGjVDw > div > div {
    padding: 60px 40px; /* Full padding for big screens */
  }
}

/* --- EXTRA LARGE MONITORS (1440px and up) --- */
@media (min-width: 1440px) {
  #custom-block-text_rGjVDw h3 {
    font-size: 76px; /* Super-sized for big displays */
    line-height: 86px;
    margin-top: 8px;
  }
  #custom-block-text_rGjVDw div {
    margin-top: 0;
  }
  #custom-block-text_rGjVDw > div > div {
    padding: 80px 60px; /* Generous breathing room */
  }
}

/* --- Force side-by-side product layout on Tablets/iPad Air --- */
@media screen and (min-width: 768px) and (max-width: 989px) {
  /* 1. Change the main product container from stacked (column) to side-by-side (row) */
  .product.flex-col {
    flex-direction: row !important;
    align-items: flex-start;
  }

  /* 2. Force the image wrapper to respect the 50% width set in your inline styles */
  .product .product__media-wrapper {
    max-width: var(--media-width, 50%) !important;
    flex: 0 0 var(--media-width, 50%) !important;
    padding-inline-start: 0; /* resets any weird mobile padding */
  }

  /* 3. Force the text/info wrapper to take up the remaining space */
  .product .product__info-wrapper {
    max-width: calc(100% - var(--media-width, 50%)) !important;
    flex: 1 1 auto !important;
    padding-left: 40px !important; /* Adds breathing room between image and text. Adjust if needed! */
  }
}

/* --- IPAD/TABLET BEHAVIOR: FORCE HORIZONTAL SCROLL FOR BRAND ALPHABET --- */
@media (max-width: 1024px) {
  .brand-vendor__grid {
    flex-wrap: nowrap !important; /* Prevents the letters from stacking on multiple lines */
    overflow-x: auto !important;  /* Turns on horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* Ensures smooth, momentum-based scrolling on iPads/iPhones */
    padding-bottom: 10px; /* Gives a little breathing room so the scrollbar doesn't overlap the letters */
  }

  /* Optional: This hides the ugly visual scrollbar while keeping the swipe-to-scroll functionality */
  .brand-vendor__grid::-webkit-scrollbar {
    display: none;
  }
  .brand-vendor__grid {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
}