/** Shopify CDN: Minification failed

Line 25:0 All "@import" rules must come first
Line 827:61 Unexpected ".5"

**/
/* ============================================
   SIDESTREET BEVERAGES - CUSTOM STYLES
   Organized by: Universal > Homepage > Product Pages
   ============================================ */

/* ============================================
   UNIVERSAL STYLES - APPLY SITE-WIDE
   ============================================ */

/* Collection product grid (main-collection-product-grid section only) */
.collection-product-grid__content {
  max-width: 1200px;
  width: 100%;
}

/* --- Typography & Fonts --- */

/* Google Fonts: Gasoek One, Archivo Black, DM Sans */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:ital,opsz,wght@0,9..40,400&family=Gasoek+One&display=swap');

/* Gasoek One utility class for selective use */
.gasoek-headline {
  font-family: 'Gasoek One', sans-serif;
}

/* Reduce body text size site-wide */
.rte p {
  font-size: .95em; 
  line-height: 1.4;
}


/* --- Button Styles --- */

/* Reduce push-btn button sizes */
.push-btn__surface {
  padding: 12px 28px !important;
  font-size: .8em !important;
}

/* Mobile button adjustments */
@media screen and (max-width: 749px) {
  .push-btn__surface {
    padding: 10px 24px !important;
    font-size: .75em !important;
  }
}


/* --- Header Navigation --- */

/* Style nav links - smaller and bolder */
#shopify-section-sections--25787087487341__header nav[role="navigation"] a {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  color: #139b99 !important;
}

/* Desktop: Move navigation to right */
@media (min-width: 990px) {
  /* Force the header to use flexbox properly */
  #shopify-section-sections--25787087487341__header #headerContainer > .flex {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  /* Reset the nav container width */
  #shopify-section-sections--25787087487341__header .hidden.lg\:block {
    width: auto !important;
    max-width: none !important;
    flex: 0 1 auto !important;
    text-align: left !important;
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 1rem !important;
  }

  /* Logo stays on left */
  #shopify-section-sections--25787087487341__header .w-1\/3.grow:first-child {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin-right: 0 !important;
  }

  /* Icons container on far right */
  #shopify-section-sections--25787087487341__header .w-1\/3.grow:last-child {
    order: 3 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: 0 !important;
  }

  /* Remove center alignment from nav */
  #shopify-section-sections--25787087487341__header nav ul {
    justify-content: flex-end !important;
  }
}

/* Header icons - Reduce size and apply teal color */
#shopify-section-sections--25787087487341__header .theme-icon {
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #139b99 !important;
}

/* Target icon wrapper spans */
#shopify-section-sections--25787087487341__header .h-7.w-7 {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

/* Ensure the stroke color is applied */
#shopify-section-sections--25787087487341__header .theme-icon path {
  stroke: #139b99 !important;
}


/* --- Footer Styling --- */

/* Make tagline bolder */
#shopify-section-sections--25787087389037__footer .inline-rte {
  font-weight: 700 !important;
  letter-spacing:-.02em !important;
}

/* Make footer links bolder */
#shopify-section-sections--25787087389037__footer .secondary-text-link {
  font-weight: 700 !important;
  color: #139b99 !important;
  font-size:.9em !important;
}

/* Footer - Mobile Centering */
@media screen and (max-width: 749px) {
  /* Center the tagline */
  #shopify-section-sections--25787087389037__footer .space-y-5.lg\:col-span-4:first-child .inline-rte.break-words {
    text-align: center !important;
  }
  
  /* Center the social icons container */
  #shopify-section-sections--25787087389037__footer .space-y-5.lg\:col-span-4:first-child ul.-mx-2.-mt-2.flex.flex-wrap.justify-start.lg\:justify-start {
    justify-content: center !important;
  }
}

/* Style disclaimer */
/* Desktop */
@media screen and (min-width: 750px) {
#shopify-section-sections--25787087389037__custom_liquid_4yVHVr {
  text-align: center !important;
  font-size: 0.9rem !important;
}
}
/* Mobile */
@media screen and (max-width: 749px) {
  #shopify-section-sections--25787087389037__custom_liquid_4yVHVr {
  text-align: center !important;
  font-size: 0.6rem !important;
}
}
/* Adjust disclaimer padding */
#shopify-section-sections--25787087389037__custom_liquid_4yVHVr .py-section-vertical-spacing { 
  padding-top: 0 !important;
}

/* ============================================
   HOMEPAGE STYLES
   ============================================ */

/* --- Hero Slideshow --- */

/* Gasoek One headline styling */
[id*="hero_slideshow"] .inline-heading-rte.font-heading.heading-standard {
  font-family: 'Gasoek One', sans-serif !important;
  letter-spacing: .025em !important;
  line-height: 1.1;
}

/* Larger header on desktop screens */
@media screen and (min-width: 750px) {
  .px-section .inline-heading-rte.font-heading.heading-standard {
    font-size: 4.25em !important;
  }
  
  /* Subhead width - MOVED INSIDE DESKTOP MEDIA QUERY */
  .inline-rte {
    max-width: 400px !important;
    font-size: 1.25rem !important;
  }

  /* Collection image hero: must beat .inline-rte + .px-section heading rules above */
  section.iwto-shop-hero .inline-heading-rte.font-heading.heading-standard {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  section.iwto-shop-hero .inline-rte,
  section.iwto-shop-hero .inline-rte p {
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 17px !important;
  }
}

/* Collection shop hero: larger headline/body from lg breakpoint; mobile/tablet stay 28px / 17px */
@media screen and (min-width: 990px) {
  section.iwto-shop-hero .inline-heading-rte.font-heading.heading-standard {
    font-size: 48px !important;
    line-height: 1.15 !important;
  }

  section.iwto-shop-hero .inline-rte,
  section.iwto-shop-hero .inline-rte p {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }
}

/* Hero slideshow custom arrows */
#shopify-section-template--25787086274925__hero_slideshow_gKPnxa .controls {
  margin-bottom: 6rem !important;
}

#shopify-section-template--25787086274925__hero_slideshow_gKPnxa .splide__arrow svg {
  display: none !important;
}

#shopify-section-template--25787086274925__hero_slideshow_gKPnxa .splide__arrow .push-btn__surface {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#shopify-section-template--25787086274925__hero_slideshow_gKPnxa .splide__arrow .push-btn__surface span {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 30px !important;
  height: 30px !important;
  display: block !important;
}

/* Left arrow */
#shopify-section-template--25787086274925__hero_slideshow_gKPnxa .splide__arrow--prev .push-btn__surface span {
  background-image: url('/cdn/shop/files/SS-004_Web_Arrow_Left.png?v=1764710364') !important;
}

/* Right arrow */
#shopify-section-template--25787086274925__hero_slideshow_gKPnxa .splide__arrow--next .push-btn__surface span {
  background-image: url('/cdn/shop/files/SS-004_Web_Arrow_Right.png?v=1764710344') !important;
}

/* Hide slideshow arrows on mobile */
@media (max-width: 989px) {
  #shopify-section-template--25787086274925__hero_slideshow_gKPnxa .splide__arrows {
    display: none;
  }
}

/* Mobile centering */
@media (max-width: 989px) {
  #shopify-section-template--25787086274925__hero_slideshow_gKPnxa .place-content-center-start {
    place-content: center !important;
    text-align: center !important;
  }
  
  /* Center the flex container */
  #shopify-section-template--25787086274925__hero_slideshow_gKPnxa .justify-start {
    justify-content: center !important;
  }
  
  /* Center the text content */
  #shopify-section-template--25787086274925__hero_slideshow_gKPnxa .text-left {
    text-align: center !important;
  }
  
  /* Center the heading */
  #shopify-section-template--25787086274925__hero_slideshow_gKPnxa .inline-heading-rte {
    text-align: center !important;
    font-size: 2.75em !important;
  }
  
  /* Center the description text */
  #shopify-section-template--25787086274925__hero_slideshow_gKPnxa .inline-rte {
    text-align: center !important;
  }
  
  /* Center the button container */
  #shopify-section-template--25787086274925__hero_slideshow_gKPnxa .relative.z-10.mt-5 {
    text-align: center !important;
  }
}

/* ======= Featured Collection / Product Showcase ======== */

#shopify-section-template--25787086274925__featured_collection_PwdtdW span[data-product-price] {
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 1rem !important;
  margin-top: 0.75rem !important;
  font-weight: 600 !important;
  display: inline-block !important;
}

/* header sizing */
#shopify-section-template--25787086274925__featured_collection_PwdtdW .inline-heading-rte {
  font-size: 1.75em !important;
}
@media (max-width: 990px) {
#shopify-section-template--25787086274925__featured_collection_PwdtdW .inline-heading-rte{
  font-size: 1.25em !important;
 padding-top: 1.5rem !important;}
}
/* Add space between product image and product info */
#shopify-section-template--25787086274925__featured_collection_PwdtdW .product-tile__container {
  padding-top: 1.5rem !important;
}

/* Product name styling - All products */
#shopify-section-template--25787086274925__featured_collection_PwdtdW .product-tile h3,
[id*="featured_collection"] .product-tile h3 {
  font-family: 'Archivo Black', sans-serif !important;
  padding-top: .5em !important;
  font-size: 1.1em !important;
  text-transform: uppercase;
}
@media (min-width: 990px) {
  #shopify-section-template--25787086274925__featured_collection_PwdtdW .section-content {
    max-width: none !important;
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
/* Individual product colors */

/* Lemon Tea - Blue #0082c3 */
#shopify-section-template--25787086274925__featured_collection_PwdtdW a[href*="lemon-tea"] h3 {
  color: #0082c3 !important;
}
#shopify-section-template--25787086274925__featured_collection_PwdtdW a[href*="lemon-tea"] + .product-callout,
[href*="lemon-tea"] ~ * .product-callout {
  color: #0082c3 !important;
}

/* Passionfruit Tangerine - Pink #b24377 */
#shopify-section-template--25787086274925__featured_collection_PwdtdW a[href*="passionfruit-tangerine"] h3 {
  color: #b24377 !important;
}
#shopify-section-template--25787086274925__featured_collection_PwdtdW a[href*="passionfruit-tangerine"] + .product-callout,
[href*="passionfruit-tangerine"] ~ * .product-callout {
  color: #b24377 !important;
}

/* Blackberry Shot - Purple #2a284b */
#shopify-section-template--25787086274925__featured_collection_PwdtdW a[href*="blackberry-shot"] h3 {
  color: #2a284b !important;
}
#shopify-section-template--25787086274925__featured_collection_PwdtdW a[href*="blackberry-shot"] + .product-callout,
[href*="blackberry-shot"] ~ * .product-callout {
  color: #2a284b !important;
}

/* Citrus Mixer - Green #219385 */
#shopify-section-template--25787086274925__featured_collection_PwdtdW a[href*="citrus-mixer"] h3 {
  color: #219385 !important;
}
#shopify-section-template--25787086274925__featured_collection_PwdtdW a[href*="citrus-mixer"] + .product-callout,
[href*="citrus-mixer"] ~ * .product-callout {
  color: #219385 !important;
}

/* Product callout base styling */
#shopify-section-template--25787086274925__featured_collection_PwdtdW .product-callout {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  font-weight: 600;
}


/* --- Product Variant Selector - Pill Style --- */

/* Horizontal pill layout */
#shopify-section-template--25787086274925__featured_collection_PwdtdW .variant-input-wrap {
  display: flex !important;
  gap: 0.35rem !important; /* Reduced from 0.5rem */
  flex-wrap: nowrap !important;
  margin-bottom: 1rem !important;
}

/* Variant pill buttons styling */
#shopify-section-template--25787086274925__featured_collection_PwdtdW .variant-input label {
 background-color: transparent !important;
  border: 2px solid transparent !important;
  color: currentColor !important;
  padding: 0.2rem 0.6rem !important; /* Reduced from 0.5rem 1rem */
  min-width: 2rem !important; /* Reduced from 3rem */
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  border-radius: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem !important; /* Slightly smaller text */
}

/* Variant pill hover state */
#shopify-section-template--25787086274925__featured_collection_PwdtdW .variant-input label:hover {
  border-color: rgba(var(--color-scheme-text), 0.3) !important;
}

/* Selected variant pill state */
#shopify-section-template--25787086274925__featured_collection_PwdtdW .variant-input input:checked + label {
  border-color: rgb(var(--color-scheme-text)) !important;
  background-color: rgba(var(--color-scheme-text), 0.05) !important;
}


/* Remove default styles that conflict with pill design */
#shopify-section-template--25787086274925__featured_collection_PwdtdW .variant-input .sr-only:not(:focus):not(:active) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  clip: rect(0, 0, 0, 0) !important;
  overflow: hidden !important;
}


/* --- Benefits + Info Section (Image with Highlights) --- */

/* Image with highlights section custom arrows */
#shopify-section-template--25787086274925__image-with-highlights .controls {
  margin-bottom: 3rem !important;
}

#shopify-section-template--25787086274925__image-with-highlights .splide__arrow svg {
  display: none !important;
}

#shopify-section-template--25787086274925__image-with-highlights .splide__arrow .push-btn__surface {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#shopify-section-template--25787086274925__image-with-highlights .splide__arrow .push-btn__surface span {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 30px !important;
  height: 30px !important;
  display: block !important;
}

/* Left arrow */
#shopify-section-template--25787086274925__image-with-highlights .splide__arrow--prev .push-btn__surface span {
  background-image: url('/cdn/shop/files/SS-004_Web_Arrow_Left.png?v=1764710364') !important;
}

/* Right arrow */
#shopify-section-template--25787086274925__image-with-highlights .splide__arrow--next .push-btn__surface span {
  background-image: url('/cdn/shop/files/SS-004_Web_Arrow_Right.png?v=1764710344') !important;
}


/* Callout headlines */
#shopify-section-template--25787086274925__image-with-highlights .col-span-1 h2.font-heading.heading-secondary,
#shopify-section-template--25787086274925__image-with-highlights .splide__slide h2.font-heading.heading-secondary {
  font-size: 1.1rem !important;
  line-height: 1.1em !important;
}

/* Callout body text */
#shopify-section-template--25787086274925__image-with-highlights .col-span-1 .inline-rte,
#shopify-section-template--25787086274925__image-with-highlights .splide__slide .inline-rte {
  color: #139b99 !important;
  font-size: .85rem !important;
}

/* Benefits callout arrows */
#shopify-section-template--25787086274925__image-with-highlights .grid-cols-4 {
  position: relative;
}

#shopify-section-template--25787086274925__image-with-highlights .col-span-1 > div {
  position: relative;
}

/* Arrow 1 - Top Left */
#shopify-section-template--25787086274925__image-with-highlights .col-span-1:first-child > div:first-child::after {
  content: '';
  position: absolute;
  width: 120px;
  height: 100px;
  background-image: url('/cdn/shop/files/SS_CalloutArrow1.svg?v=1764797226');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: -140px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 5;
}

/* Arrow 2 - Bottom Left */
#shopify-section-template--25787086274925__image-with-highlights .col-span-1:first-child > div:last-child::after {
  content: '';
  position: absolute;
  width: 120px;
  height: 100px;
  background-image: url('/cdn/shop/files/SS_CalloutArrow2.svg?v=1764797226');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: -140px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 5;
}

/* Arrow 3 - Top Right */
#shopify-section-template--25787086274925__image-with-highlights .col-span-1:last-child > div:first-child::after {
  content: '';
  position: absolute;
  width: 120px;
  height: 100px;
  background-image: url('/cdn/shop/files/SS_CalloutArrow3.svg?v=1764797226');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  left: -140px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 5;
}


/* Arrow 4 - Bottom Right */
#shopify-section-template--25787086274925__image-with-highlights .col-span-1:last-child > div:last-child::after {
  content: '';
  position: absolute;
  width: 120px;
  height: 100px;
  background-image: url('/cdn/shop/files/SS_CalloutArrow4.svg?v=1764797226');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  left: -140px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 5;
}

/* Hide arrows on mobile */
@media (max-width: 989px) {
  #shopify-section-template--25787086274925__image-with-highlights .col-span-1 > div::after {
    display: none !important;
  }
}

/* Fix header width */
#shopify-section-template--25787086274925__image-with-highlights .inline-heading-rte {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
/* Image with highlights section - Mobile only styling */
@media screen and (max-width: 749px) {
  /* Headline line-height */
  #shopify-section-template--25787086274925__image-with-highlights .inline-heading-rte  {
    line-height: 1.2 !important;
  }
  
  /* Make can image smaller on mobile */
  #shopify-section-template--25787086274925__image-with-highlights .image-with-highlights__media img {
    max-width: 80% !important;
    margin: 0 auto !important;
  }
}


/* Benefits Section - Center arrows on mobile */
@media (max-width: 989px) {
  #shopify-section-template--25787086274925__image-with-highlights .splide__arrows .controls {
    margin-left: auto;
    margin-right: auto;
  }
}


/* ============================================
FEELING / EXPERIENCE SECTION 
============================================*/

/* Remove the max-width constraint - let it be full width */
#shopify-section-template--25787086274925__image_with_text_8MPrgQ .section-content {
  max-width: none !important;
  padding-left: 3rem !important;
  padding-right: 2rem !important;
}

@media (max-width: 1024px) {
  #shopify-section-template--25787086274925__image_with_text_8MPrgQ .section-content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

#shopify-section-template--25787086274925__image_with_text_8MPrgQ .inline-heading-rte {
  font-size: 2.25em !important;
  color: #139b99;
  line-height:2rem;
  max-width: 300px;
}
/* Reduce space between curved text and image with text sections */

/* Remove bottom spacing of curved text section */
#shopify-section-template--25787086274925__curved-text {
  padding-bottom: 0 !important;
  margin-bottom: -2rem !important;
}

/* Remove top spacing of image with text section */
#shopify-section-template--25787086274925__image_with_text_8MPrgQ {
  padding-top: 0 !important;
  margin-top: -2rem !important;
}

/* Mobile adjustments */
@media (max-width: 989px) {
  #shopify-section-template--25787086274925__curved-text {
    padding-bottom: 0 !important;
    margin-bottom: -1.5rem !important;
  }
  
  #shopify-section-template--25787086274925__image_with_text_8MPrgQ {
    padding-top: 0 !important;
    margin-top: -1.5rem !important;
  }
}



/* ============================================
Image With Text Overlay Section
============================================*/

#shopify-section-template--25787086274925__image_with_text_overlay_RpNjF6 .inline-heading-rte {
font-family: "Gasoek One", sans-serif !important;
  line-height: 1;
  letter-spacing: 0.01rem !important;
}

@media (max-width: 990px){
  #shopify-section-template--25787086274925__image_with_text_overlay_RpNjF6 .inline-heading-rte {
  font-size:2.5em !important;
}}

/* Fix mobile text overlay*/
#shopify-section-template--25787086274925__image_with_text_overlay_RpNjF6 .section-content > div:first-child {
  position: relative;
}

#shopify-section-template--25787086274925__image_with_text_overlay_RpNjF6 .lg\:hidden.max-w-lg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  width: 90%;
  max-width: 28rem;
}

@media (min-width: 990px) {
  #shopify-section-template--25787086274925__image_with_text_overlay_RpNjF6 .lg\:hidden.max-w-lg {
    position: static;
    transform: none;
  }
}
/* Make image fill container height to prevent background showing through */
#shopify-section-template--25787086274925__image_with_text_overlay_RpNjF6 .object-wrapper img {
  height: 100%;
  object-fit: cover;
}

/* Ensure the wrapper has proper height */
#shopify-section-template--25787086274925__image_with_text_overlay_RpNjF6 .object-wrapper {
  height: 100%;
}

/* Remove padding from text overlay container on mobile to prevent background showing */
@media (max-width: 989px) {
  #shopify-section-template--25787086274925__image_with_text_overlay_RpNjF6 .px-section.py-section-vertical-spacing {
    padding: 0 !important;
  }
}


/* ===================================
   COLLECTION/SHOP PAGE STYLES
   =================================== */


#shopify-section-template--25787086111085__image_with_text_overlay_LKJXtn .inline-heading-rte.font-heading.heading-standard {
  font-family: "Gasoek One", sans-serif !important;
  letter-spacing: 0.01em !important;
  line-height: 4rem;
}

@media (max-width: 990px) {
   #shopify-section-template--25787086111085__image_with_text_overlay_LKJXtn .inline-heading-rte.font-heading.heading-standard {
    font-size: 3em !important;
   }
  }
  
/* Product titles */
#shopify-section-template--25787086111085__product-grid .product-tile h3 {
  font-family: 'Archivo Black', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 1em !important;
}

#shopify-section-template--25787086111085__product-grid .product-callout {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  margin-top: 0.5rem;
  font-weight: 600;
}

#shopify-section-template--25787086111085__product-grid .product-tile span[data-product-price] {
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: .9rem !important;
  margin-top: 1rem !important;
  font-weight: 600 !important;
  display: inline-block !important;
}


@media (min-width: 990px) {
  #shopify-section-template--25787086111085__product-grid .section-content {
    max-width: none !important;
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
} 

  

/* --- Product Variant Selector - Pill Style --- */

/* Horizontal pill layout */
#shopify-section-template--25787086111085__product-grid .variant-input-wrap {
  display: flex !important;
  gap: 0.35rem !important; /* Reduced from 0.5rem */
  flex-wrap: nowrap !important;
  margin-bottom: 1rem !important;
}

/* Variant pill buttons styling */
#shopify-section-template--25787086111085__product-grid .variant-input label {
 background-color: transparent !important;
  border: 2px solid transparent !important;
  color: currentColor !important;
  padding: 0.2rem 0.6rem !important; /* Reduced from 0.5rem 1rem */
  min-width: 2rem !important; /* Reduced from 3rem */
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  border-radius: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Variant pill hover state */
#shopify-section-template--25787086111085__product-grid .variant-input label:hover {
  border-color: rgba(var(--color-scheme-text), 0.3) !important;
}



/* Selected variant pill state */
#shopify-section-template--25787086111085__product-grid .variant-input input:checked + label {
  border-color: rgb(var(--color-scheme-text)) !important;
  background-color: rgba(var(--color-scheme-text), 0.05) !important;
}


/* Remove default styles that conflict with pill design */
#shopify-section-template--25787086111085__product-grid .variant-input .sr-only:not(:focus):not(:active) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  clip: rect(0, 0, 0, 0) !important;
  overflow: hidden !important;
}
/* Add space between product image and product info */
#shopify-section-template--25787086111085__product-grid .product-tile__container {
  padding-top: 1.5rem !important;
}

/* Product name styling - All products */
#shopify-section-template--25787086111085__product-grid .product-tile h3,
[id*="featured_collection"] .product-tile h3 {
  font-family: 'Archivo Black', sans-serif !important;
  padding-top: .5em !important;
  font-size: 1.1em !important;
  text-transform: uppercase;
}

#shopify-section-template--25787086111085__product-grid .mt-2.5 inline-block{
  font-family: 'Archivo Black', sans-serif !important;
  padding-top: .5em !important;
  font-size: 1.1em !important;
  text-transform: uppercase;

}

/* Individual product colors */

/* Lemon Tea - Blue #0082c3 */
#shopify-section-template--25787086111085__product-grid a[href*="lemon-tea"] h3 {
  color: #0082c3 !important;
}
#shopify-section-template--25787086111085__product-grid a[href*="lemon-tea"] + .product-callout,
[href*="lemon-tea"] ~ * .product-callout {
  color: #0082c3 !important;
}

/* Passionfruit Tangerine - Pink #b24377 */
#shopify-section-template--25787086111085__product-grid a[href*="passionfruit-tangerine"] h3 {
  color: #b24377 !important;
}
#shopify-section-template--25787086111085__product-grid a[href*="passionfruit-tangerine"] + .product-callout,
[href*="passionfruit-tangerine"] ~ * .product-callout {
  color: #b24377 !important;
}

/* Blackberry Shot - Purple #2a284b */
#shopify-section-template--25787086111085__product-grid a[href*="blackberry-shot"] h3 {
  color: #2a284b !important;
}
#shopify-section-template--25787086111085__product-grid a[href*="blackberry-shot"] + .product-callout,
[href*="blackberry-shot"] ~ * .product-callout {
  color: #2a284b !important;
}

/* Citrus Mixer - Green #219385 */
#shopify-section-template--25787086111085__product-grid a[href*="citrus-mixer"] h3 {
  color: #219385 !important;
}
#shopify-section-template--25787086111085__product-grid a[href*="citrus-mixer"] + .product-callout,
[href*="citrus-mixer"] ~ * .product-callout {
  color: #219385 !important;
}

/* --- Button Styles --- */

/* Reduce push-btn button sizes */
#shopify-section-template--25787086111085__product-grid .push-btn{
  padding: 12px 28px !important;
  font-size: .8em !important;
}

/* Mobile button adjustments */
@media screen and (max-width: 749px) {
  .push-btn__surface {
    padding: 10px 24px !important;
    font-size: .75em !important;
  }
}


   /* ========================================
   Mobile Specific Style
   ==========================================*/

   /* Center buttons on mobile */
@media screen and (max-width: 749px) {
  .push-btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
  }
  
  /* Center button containers if needed */
  .mt-5:has(.push-btn),
  div:has(.push-btn) {
    text-align: center;
  }
}

/* Force text overlay on mobile */
@media (max-width: 989px) {
  .image-with-text-overlay .image-with-text-overlay__content {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
  }
}




/* ===========================
   CONTACT PAGE STYLES
   =========================== */

/* Contact Page - Override max-width and create grid layout */
#shopify-section-template--25787086504301__main .section-content {
  max-width: 1400px !important;
}

/* Desktop: Two-column layout */
@media (min-width: 1024px) {
  #shopify-section-template--25787086504301__main .section-content > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;

  }
  
/* Add image after the form wrapper */
#shopify-section-template--25787086504301__main .section-content > div::after {
  content: '';
  background-image: url('/cdn/shop/files/SS_Contact_runner.png?v=1765228943');
  background-size: contain;  /* Changed from cover to contain */
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 600px;
  border-radius: 12px;
}
}

/* Contact Page Typography */
#shopify-section-template--25787086504301__main h1 {
  font-family: 'Gasoek One', sans-serif;
  color: #1b5cbc;
  font-size: 48px;
  letter-spacing:.01em !important;
  text-align: left !important;
  margin-bottom: 30px;
}

/* Form Input Styling */
#shopify-section-template--25787086504301__main .input {
  background-color: #f5f3e8;
  border: 2px solid #1b5cbc;
  border-radius: 50px;
  padding: 16px 24px;
  font-family: 'Archivo', sans-serif;
  font-size: 16px;
}

#shopify-section-template--25787086504301__main textarea.input {
  border-radius: 24px;
  min-height: 200px;
  padding: 20px 24px;
}

/* Form Labels */
#shopify-section-template--25787086504301__main label {
  font-family: 'Archivo', sans-serif;
  color: #1b5cbc;
  font-weight: 600;
}

/* Submit Button */
#shopify-section-template--25787086504301__main .push-btn__surface {
  background-color: #1b5cbc;
  color: white;
  border: none;
  border-radius: 50px;
  padding: 18px 40px;
  font-family: 'Archivo', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#shopify-section-template--25787086504301__main .push-btn__surface:hover {
  background-color: #1b5cbc;
}

/* Mobile: Keep single column, hide pseudo-element image */
@media (max-width: 1023px) {
  #shopify-section-template--25787086504301__main .section-content > div::after {
    display: none;
  }
  
  #shopify-section-template--25787086504301__main h1 {
    text-align: center !important;
    font-size: 36px;
  }
}

/* Policy Styling */

/* ============================================
   POLICY PAGES STYLING
   ============================================ */

.shopify-policy__container {
  max-width: 850px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Archivo', sans-serif;
  color: #312b67;
  line-height: 1.6;
}


/* Target ONLY paragraphs that contain <em> tags (the "Last updated" line) */
.shopify-policy__body .rte > p:first-of-type:has(em) {
  font-size: 0.875rem;
  color: #139b99;
  font-style: italic;
  margin-bottom: 30px;
  text-align: center;
}

.shopify-policy__title {
  font-size: 2.5rem;
  margin-bottom: 30px;
  color: #312b67;
}

.shopify-policy__body h2 {
  font-size: 1.8rem;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #312b67;
}

.shopify-policy__body h3 {
  font-size: 1.4rem;
  margin-top: 30px;
  margin-bottom: 15px;
}

.shopify-policy__body p {
  margin-bottom: 20px;
  font-size: 1rem;
}

.shopify-policy__body ul,
.shopify-policy__body ol {
  margin-bottom: 20px;
  padding-left: 30px;
}

.shopify-policy__body li {
  margin-bottom: 10px;
}

.shopify-policy__body a {
  color: #0082c3;
  text-decoration: underline;
}

.shopify-policy__body a:hover {
  color: #219385;
}

/* Search Filters */
.coa-filters {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 0 40px; /* Add horizontal padding on desktop */
}

/* Table Styling */
.coa-table-wrapper {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin: 0 40px; /* Add horizontal margin to match filters */
}


/* Mobile responsive */
@media (max-width: 768px) {
  .shopify-policy__container {
    padding: 30px 15px;
  }
  
  .shopify-policy__title {
    font-size: 2rem;
  }
  
  .shopify-policy__body h2 {
    font-size: 1.5rem;
  }
}

/* FAQs PAGE */

/* FAQs Page - Center subtitle */
#shopify-section-template--26400467943789__faq_KriHyD .inline-rte.mt-5.text-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  font-size: 1.2rem !important;
}

/* FAQs Page - Headline Size */
#shopify-section-template--26400467943789__faq_KriHyD  .inline-heading-rte {
  font-size:2.25em!important;
}

/* FAQs Page - Improve line spacing for multi-line titles */
#shopify-section-template--26400467943789__faq_KriHyD button.font-heading {
  line-height: 1.5 !important;
  font-size: 1.15rem !important;
      font-weight: 200!important;
}

#shopify-section-template--26400467943789__faq_KriHyD button.font-heading span.break-words {
  line-height: 1.5 !important;
    font-size: 1.15rem !important;
      font-weight: 200!important;
}

/* FAQs Page - Change card background and text color*/
#shopify-section-template--26400467943789__faq_KriHyD li.card,
#shopify-section-template--26400467943789__faq_KriHyD .card__surface {
  background-color: #139b99 !important;
}

#shopify-section-template--26400467943789__faq_KriHyD li.card button,
#shopify-section-template--26400467943789__faq_KriHyD li.card .break-words,
#shopify-section-template--26400467943789__faq_KriHyD .rte {
  color: #faf9db !important;

}

/* FAQs Page - Round card corners */
#shopify-section-template--26400467943789__faq_KriHyD li.card,
#shopify-section-template--26400467943789__faq_KriHyD .card__surface {
  border-radius: 15px !important;
  overflow: hidden !important;
}




/* ======= ABOUT PAGE STYLING ======= */


/* About page - Top section font style */
#shopify-section-template--25787086438765__image_with_text_overlay_hPfRzG .inline-heading-rte.font-heading.heading-standard {
  font-family: "Gasoek One", sans-serif !important;
  letter-spacing: 0.025em !important;
  line-height: 1em;
}

@media (max-width: 990px) {
  #shopify-section-template--25787086438765__image_with_text_overlay_hPfRzG .inline-heading-rte.font-heading.heading-standard {
    font-family: "Gasoek One", sans-serif !important;
    font-size: 2.5em !important;
  }
}

/* About Page - Mobile Image with Text Adjustments */
@media screen and (max-width: 749px) {
  /* Hide the image on mobile */
  #shopify-section-template--25787086438765__image-with-text-0 .media {
    display: none !important;
  }
  
  /* Center the text content */
  #shopify-section-template--25787086438765__image-with-text-0 .text-left {
    text-align: center !important;
  }
  
  /* Center the flex container */
  #shopify-section-template--25787086438765__image-with-text-0 .flex.items-center {
    justify-content: center !important;
  }
  
  /* Add line height to the headline */
  #shopify-section-template--25787086438765__image-with-text-0 h2 {
    line-height: 1.3 !important;
  }
  
  /* Set padding Mobile */
  #shopify-section-template--25787086438765__image-with-text-0 .section-content {
    padding-top: 5px !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}



/* Desktop only - First and Second sections */
@media (min-width: 990px) {
  #shopify-section-template--25787086438765__image-with-text-0 h2.inline-heading-rte {
    font-size: 1.85em !important;
    line-height: 1.1em;
  }
#shopify-section-template--25787086438765__image-with-text-0 .py-section-vertical-spacing {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
}

  #shopify-section-template--25787086438765__image_with_text_K8yy8h h2.inline-heading-rte {
    font-size: 2.25em !important;
    line-height: 1.1em;
  }
}



/* About page - Second section padding with shape dividers */
#shopify-section-template--25787086438765__image_with_text_K8yy8h .py-section-vertical-spacing {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/* Mobile adjustments */
@media (max-width: 990px) {
  #shopify-section-template--25787086438765__image_with_text_K8yy8h .py-section-vertical-spacing {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

/* H4 sizing */
#shopify-section-template--25787086438765__image_with_text_K8yy8h .rte.mt-5.max-w-2xl h4 {
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}


/* ======= About Page - Featured Collection ======== */

/* Hide price on About page featured collection */
#shopify-section-template--25787086438765__featured_collection_QQrzPN span[data-product-price],
#shopify-section-template--25787086438765__featured_collection_QQrzPN .product-tile__price,
#shopify-section-template--25787086438765__featured_collection_QQrzPN .price,
#shopify-section-template--25787086438765__featured_collection_QQrzPN [class*="price"] {
  display: none !important;
  visibility: hidden !important;
}

/* Header sizing */
#shopify-section-template--25787086438765__featured_collection_QQrzPN .inline-heading-rte {
  font-size: 1.9em !important;
}

@media (max-width: 990px) {
  #shopify-section-template--25787086438765__featured_collection_QQrzPN .inline-heading-rte {
    font-size: 1.25em !important;
    padding-top: 1.5rem !important;
  }
}

/* Add space between product image and product info */
#shopify-section-template--25787086438765__featured_collection_QQrzPN .product-tile__container {
  padding-top: 1.5rem !important;
}

/* Product name styling */
#shopify-section-template--25787086438765__featured_collection_QQrzPN .product-tile h3 {
  font-family: 'Archivo Black', sans-serif !important;
  padding-top: .5em !important;
  font-size: 1.1em !important;
  text-transform: uppercase;
}

@media (min-width: 990px) {
  #shopify-section-template--25787086438765__featured_collection_QQrzPN .section-content {
    max-width: none !important;
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}


/* About page - Hide featured collection arrows on all devices */
#shopify-section-template--25787086438765__featured_collection_QQrzPN .splide__arrows,
#shopify-section-template--25787086438765__featured_collection_QQrzPN .splide__arrow,
#shopify-section-template--25787086438765__featured_collection_QQrzPN .controls {
  display: none !important;
  visibility: hidden !important;
}

@media (max-width: 990px) {
  #shopify-section-template--25787086438765__featured_collection_QQrzPN .splide__arrows,
  #shopify-section-template--25787086438765__featured_collection_QQrzPN .splide__arrow,
  #shopify-section-template--25787086438765__featured_collection_QQrzPN .controls {
    display: none !important;
    visibility: hidden !important;
  }
}

/* Product callout base styling */
#shopify-section-template--25787086438765__featured_collection_QQrzPN .product-callout {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.875rem !important;
  margin-top: 0.5rem;
  font-weight: 600;
}

@media (max-width: 990px) {
#shopify-section-template--25787086438765__featured_collection_QQrzPN .product-callout {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.7rem !important;
  margin-top: 0.5rem;
  font-weight: 600;
}
}

/* Individual product colors */

/* Lemon Tea - Blue #0082c3 */
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="lemon-tea"] h3 {
  color: #0082c3 !important;
}
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="lemon-tea"] + .product-callout,
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="lemon-tea"] ~ * .product-callout {
  color: #0082c3 !important;
}

/* Passionfruit Tangerine - Pink #b24377 */
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="passionfruit-tangerine"] h3 {
  color: #b24377 !important;
}
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="passionfruit-tangerine"] + .product-callout,
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="passionfruit-tangerine"] ~ * .product-callout {
  color: #b24377 !important;
}

/* Blackberry Shot - Purple #2a284b */
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="blackberry-shot"] h3 {
  color: #2a284b !important;
}
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="blackberry-shot"] + .product-callout,
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="blackberry-shot"] ~ * .product-callout {
  color: #2a284b !important;
}

/* Citrus Mixer - Green #219385 */
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="citrus-mixer"] h3 {
  color: #219385 !important;
}
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="citrus-mixer"] + .product-callout,
#shopify-section-template--25787086438765__featured_collection_QQrzPN a[href*="citrus-mixer"] ~ * .product-callout {
  color: #219385 !important;
} 

nav ul a.font-main {
  font-weight: 700 !important;
}

/* Image with text overlay — shop collection hero (section setting) */
section.iwto-shop-hero .object-wrapper[class*='object-wrapper']:not(.object-wrapper-none) {
  padding-top: 0 !important;
  height: 450px;
  max-height: 450px;
  overflow: hidden;
}

/* Shift focal point ~10% down from center (shows a bit more above the previous center) */
section.iwto-shop-hero .object-wrapper[class*='object-wrapper']:not(.object-wrapper-none) img {
  object-position: 50% 60%;
}

section.iwto-shop-hero .image-with-text-overlay__scrim {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: #00000080;
}

section.iwto-shop-hero .relative.z-10 .flex {
  width: 100%;
}

section.iwto-shop-hero [class*='max-w-lg'] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

section.iwto-shop-hero .relative.z-10 .flex > div {
  min-width: 0;
}

section.iwto-shop-hero .break-words {
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

section.iwto-shop-hero .inline-heading-rte.font-heading {
  color: #faf9db;
  text-align: center;
  font-family: 'Archivo Black', sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.04em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

section.iwto-shop-hero .inline-rte,
section.iwto-shop-hero .inline-rte p {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  box-sizing: border-box;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}