/** Shopify CDN: Minification failed

Line 196:29 Expected identifier but found whitespace
Line 196:31 Unexpected "{"
Line 196:41 Expected ":"
Line 196:71 Expected ":"
Line 197:28 Expected identifier but found whitespace
Line 197:30 Unexpected "{"
Line 197:40 Expected ":"
Line 197:69 Expected ":"
Line 198:24 Expected identifier but found whitespace
Line 198:26 Unexpected "{"
... and 14 more hidden warnings

**/
/* ==================================================
   [Custom Modifications] – Variant Grid & Card Variant Styles
================================================== */

/* --- Text Selection Color --- */
::selection {
  background-color: #015EE3;
  color: white;
}

::-moz-selection {
  background-color: #015EE3;
  color: white;
}

/* --- Cookie Banner JavaScript Solution --- */
/* This ensures the cookie banner stays hidden after user interaction */
@media screen {
  /* First hide with CSS */
  .shopify-section-cookie-banner,
  #shopify-section-cookie-banner,
  .cookie-banner,
  .cookie-consent-banner,
  .cookie-consent-banner-wrapper,
  .shopify-privacy-banner,
  div[data-cookie-banner] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

/* Add CSS-based DOM manipulation to ensure banner is hidden */
@media screen {
  /* Create a CSS hook that injects JavaScript as a fallback */
  head {
    display: block;
  }
  
  head::after {
    content: "";
    display: none !important;
  }
  
  /* This acts as a safety net in addition to our JavaScript file */
  body::before {
    content: "";
    display: none;
  }
}

/* Ensure cookie banner stays hidden in all contexts */
body .shopify-section-cookie-banner,
body #shopify-section-cookie-banner,
body .cookie-banner,
body .cookie-consent-banner,
body .cookie-consent-banner-wrapper,
body .shopify-privacy-banner,
body div[data-cookie-banner] {
  display: none !important;
  visibility: hidden !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

/* Add script to handle cookie banner persistence */
/* Include this at the end of the file to ensure it loads after the page */
@media screen {
  @keyframes hideCookieBanner {
    to {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      height: 0 !important;
      overflow: hidden !important;
      pointer-events: none !important;
    }
  }
}

/* --- Variant Grid Container --- */
/* These rules set up a grid layout for our variant grid section. */
.featured-variant-grid .grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; /* Adjust spacing between items as needed */
}

@media screen and (min-width: 990px) {
  .featured-variant-grid .grid__item {
    flex: 0 0 calc(33.33% - 1rem); /* 3 columns on desktop */
  }
}

@media screen and (max-width: 989px) {
  .featured-variant-grid .grid__item {
    flex: 0 0 calc(50% - 1rem); /* 2 columns on smaller screens */
  }
}

/* --- Card Variant Styles --- */
.card-variant {
  /* Removed border */
  padding: 1rem;
  text-align: center;
  margin: 0.5rem;
}

.card-variant__image {
  width: 250px;       /* Adjust as needed */
  height: 350px;      /* Adjust as needed */
  object-fit: cover;
  display: block;
  margin: 0 auto 1rem;
}

.card-variant__title {
  font-size: 3.2rem;  /* 2x the previous 1.6rem */
  margin: 0.5rem 0;
}

/* ===================================================
   CUSTOM MODIFICATIONS FILE: custom-modifications.css
   ---------------------------------------------------
   This file contains all your custom overrides.
   It should be loaded after base.css in your theme.liquid.
================================================== */

/* === Variant Box Modifications === */
/* Remove border and double the font sizes for variant boxes */
.card-variant {
  border: none; /* remove border */
  font-size: 3.2rem; /* if the base is 1.6rem, 2x makes it 3.2rem */
}

.card-variant__title {
  font-size: 3.2rem; /* increase title size */
}

.card-variant__price {
  display: none; /* hide price */
}

/* Adjust image size if needed */
.card-variant__image {
  width: 240px;  /* increase width (example) */
  height: 300px; /* increase height (example) */
  object-fit: cover;
  object-position: center;
}

/* === Homepage Text Modifications === */
/* We want the tagline to be on a separate line above the main description.
   Increase its size and reduce the gap to the heading */
.image-with-text .rte--subhead {
  font-size: 2.5rem;    /* larger tagline */
  margin-top: 0.5rem;   /* less space from heading */
  margin-bottom: 0.5rem;
}

/* Limit the width of the longer description (caption) to about 20% */
.image-with-text .caption {
  max-width: 20%;
  margin: 0 auto;
}

/* === END: Larger Padding for Variants Section === */

/* ===================================================
   End of Custom Modifications
================================================== */

/* --- Section Spacing --- */
:root {
  --spacing-sections-desktop: {{ settings.spacing_sections_desktop }}px;
  --spacing-sections-mobile: {{ settings.spacing_sections_mobile }}px;
  --row-spacing-desktop: {{ settings.row_spacing_desktop | default: 60 }}px;
  --row-spacing-mobile: {{ settings.row_spacing_mobile | default: 40 }}px;
  --media-text-spacing-desktop: {{ settings.media_text_spacing_desktop | default: 30 }}px;
  --media-text-spacing-mobile: {{ settings.media_text_spacing_mobile | default: 20 }}px;
}

/* Apply spacing to sections */
.section {
  margin-top: var(--spacing-sections-mobile);
  margin-bottom: var(--spacing-sections-mobile);
}

@media screen and (min-width: 750px) {
  .section {
    margin-top: var(--spacing-sections-desktop);
    margin-bottom: var(--spacing-sections-desktop);
  }
}

/* --- Mobile Horizontal Scroll Fix --- */
html, body {
  overflow-x: hidden;
  width: 100%;
  position: relative;
}

/* Ensure all media elements don't overflow */
img, video, iframe {
  max-width: 100%;
  height: auto;
}

/* Fix for sections that might overflow */
.section {
  width: 100%;
  max-width: 100vw;
}

/* Ensure grid items don't overflow */
.grid {
  width: 100%;
  max-width: 100vw;
}

/* Fix for any absolute positioned elements */
[style*="position: absolute"] {
  max-width: 100vw;
}

/* Ensure tables don't cause horizontal scroll */
table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}

/* Fix for any flex containers */
.flex {
  flex-wrap: wrap;
  max-width: 100%;
}

/* Ensure product media doesn't overflow */
.product__media-wrapper,
.product__media-list,
.product__media-item {
  max-width: 100%;
}

/* Fix for any custom sections */
.section-padding {
  width: 100%;
  max-width: 100vw;
}

/* --- Mobile Row Content Fix --- */
@media screen and (max-width: 749px) {
  .multirow {
    display: block;
    width: 100%;
  }

  .multirow__inner {
    display: flex;
    flex-direction: column;
    gap: var(--row-spacing-mobile, 6rem);
  }

  .multirow__item {
    position: relative;
    width: 100%;
    margin: 0;
  }

  .multirow__item .media-wrapper {
    margin-bottom: var(--media-text-spacing-mobile, 2rem);
  }

  .multirow__text {
    padding: 0;
    margin: 0;
  }
}