/** Shopify CDN: Minification failed

Line 411:18 Unexpected ".5"

**/
/* ==============================================
   Refined Multi-Column Styling for Section Only
   ============================================== */

/* === Reduce outer section vertical spacing === */
.section-blends.section-full {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* === Constrain width and center section (desktop only) === */
@media (min-width: 768px) {
  .section-blends .multi-column {
    max-width: 1000px;
    margin-inline: auto;
    padding-inline: 1rem;
  }
}

/* === Ensure scroll functionality on mobile === */
.section-blends .multi-column {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  display: grid;
  grid-auto-flow: column;
  scroll-snap-type: x mandatory;
  gap: var(--multi-column-list-gap);
}

/* === Snap each card to start of scroll === */
.section-blends .multi-column__item {
  scroll-snap-align: start;
  background-color: #f3f1ee;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* === Section header: tighten spacing === */
.section-blends .section-header {
  margin-bottom: 0.25rem;
}
.section-blends .section-header h2.h2 {
  font-size: clamp(1.5rem, 2.8vw, 2.25rem);
  line-height: 1.2;
  margin-bottom: 0.25rem;
}
.section-blends .section-header p {
  font-size: 1rem;
  margin-bottom: 0;
  line-height: 1.5;
}

/* === Mobile-specific typography tweaks === */
@media (max-width: 640px) {
  .section-blends .section-header h2.h2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
  .section-blends .section-header p {
    font-size: 0.95rem;
    line-height: 1.4;
  }
}

/* === Make video full width of card === */
.section-blends .multi-column__item video,
.section-blends .multi-column__item video-media {
  width: 100% !important;
  height: auto;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 0;
}

/* === Card content block below video === */
.section-blends .multi-column__item .v-stack {
  padding: 0.25rem 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: center;
}

/* === Card title === */
.section-blends .multi-column__item .h5,
.section-blends .multi-column__item h1,
.section-blends .multi-column__item h2,
.section-blends .multi-column__item h3,
.section-blends .multi-column__item h4,
.section-blends .multi-column__item h5,
.section-blends .multi-column__item h6 {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}

/* === Card description === */
.section-blends .multi-column__item .prose p {
  font-size: 1rem;
  margin: 0;
  color: #333;
  line-height: 1.4;
}
/* === Payment Icons Grid Fix === */
.custom-payment-icons-wrapper {
  text-align: center;
  margin-top: 1.5rem;
}

.custom-payment-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-payment-icons li {
  list-style: none; /* ✅ Removes bullets */
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 6px;
  background-color: #fff;
  width: 60px;
  height: 40px;
  padding: 6px;
  box-shadow: 0 0 1px rgba(0,0,0,0.08);
}

.custom-payment-icon {
  width: 100%;
  height: auto;
}



/* === Lower "Choose Your DOORDOCK" Button Styling === */
button[data-shopify-editor-block*="button_Kc6GiT"] {
  font-size: 16px !important;
  font-family: "Noto Sans Medium", sans-serif !important;

  padding: 26px 62px !important; /* desktop */
  border-radius: 8px !important;
  border: 0.5px solid #D18F1B !important;

  background-color: #D18F1B !important;
  color: #FFFFFF !important;

  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Responsive (mobile) adjustments */
@media (max-width: 749px) {
  button[data-shopify-editor-block*="button_Kc6GiT"] {
    padding: 22px 50px !important;
  }
}

/* Hover effect to match upper button */
button[data-shopify-editor-block*="button_Kc6GiT"]:hover {
  background-color: #FFFFFF !important;
  color: #D18F1B !important;
}


/* === Video Hero  Styling - Meet DOORDOCK === */

.content-over-media {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.content-over-media .place-self-center {
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 2;
  width: 90%;
  color: white;
}

/* Updated heading: less bold */
.content-over-media .place-self-center .h1 {
  font-size: 2rem;
  font-weight: 600; /* reduced from 700 */
  margin-bottom: 0.25rem;
  color: white;
}

/* Updated subheading: moved up */
.content-over-media .place-self-center .bold {
  font-size: 1.125rem;
  font-weight: 400; /* cleaner, lighter subheading */
  margin-top: 0.25rem; /* closer to heading */
  color: white;
}

@media screen and (min-width: 768px) {
  .content-over-media .place-self-center .h1 {
    font-size: 3rem;
  }

  .content-over-media .place-self-center .bold {
    font-size: 1.5rem;
  }
}

/* Rounded corners for video */
video,
video-media {
  border-radius: 12px;
  overflow: hidden;
}
/* ===========================
   MEDIA WITH TEXT — CARDS (scoped)
   Section: shopify-section-template--25992441200978__media_with_text_kNcBBe
   =========================== */

#shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__item,
#shopify-section-template--25992439136594__media_with_text_eWzwyr .media-with-text__item {
  /* Card sizing + spacing (desktop) */
  max-width: 900px;          /* ← per your spec */
  margin: 0.5rem auto;         /* reduced vertical spacing between cards */
  border-radius: 16px;       /* unified rounding for video + content */
  overflow: hidden;          /* clips inner corners */
  /* DO NOT set background here (keeps only the content side colored) */
  /* DO NOT force layout (preserves theme grid + video width slider + position toggle) */
  gap: 0 !important;         /* remove horizontal space between media & content */
  column-gap: 0 !important;  /* for grid-based themes */
}

/* Ensure no stray margins create gaps inside the card */
#shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__media,
#shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__content {
  margin: 0 !important;
}

/* Make media fill its allocated grid/flex area without distortion */
#shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__media video,
#shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__media video-media,
#shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Content padding & type (desktop) */
#shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__content {
  padding: 2.25rem 2.5rem !important;  /* comfy spacing */
  /* honor existing bg/text coming from bg-custom/text-custom */
}

/* Typography tweaks */
#shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__content .subheading {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

#shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__content .h2 {
  font-size: 1.75rem;   /* ~28px */
  font-weight: 600;     /* less bold per request */
  line-height: 1.4;
  margin-bottom: 1rem;
}

#shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__content p:not(.subheading):not(.h2) {
  font-size: 1rem;
  line-height: 1.75;
  margin: 0;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  #shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__item {
    border-radius: 12px;
    max-width: 100%;
    margin: 0.75rem auto;  /* reduced spacing between stacked cards */
    gap: 0 !important;     /* keep media & content touching */
  }

  #shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__content {
    padding: 1.5rem !important;
  }

  #shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__content .subheading {
    font-size: 0.75rem;
  }
  #shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__content .h2 {
    font-size: 1.5rem;
  }
  #shopify-section-template--25992441200978__media_with_text_kNcBBe .media-with-text__content p:not(.subheading):not(.h2) {
    font-size: 0.95rem;
  }
}



/* ==========================================================
   DOORDOCK Featured / Collection — single editable scope
   HOW TO USE:
   - For Featured Collection sections, add: .section:has(#scroll-area-template--XXXX__featured_collection_YYYY)
   - For Main Collection sections, add the section id directly: #shopify-section-template--XXXX__main
   ========================================================== */

:root { --ddock-accent: #D18F1B; }

@supports selector(:has(*)) {
  :is(
    /* Featured collections (scroll areas) */
    .section:has(#scroll-area-template--25992439136594__featured_collection_PwXR6t),
    .section:has(#scroll-area-template--25992438874450__featured_collection_feJ7xb),
    .section:has(#scroll-area-template--25992441200978__featured_collection_dWqHPf),
    .section:has(#scroll-area-template--25992438939986__featured_collection_Q4fEq8),
    .section:has(#scroll-area-template--25992439005522__featured_collection_gUermA)

    /* Main collection (collection page) */
    , #shopify-section-template--25992438579538__main
  ) {

    /* ---------- WIDTH + HEADER ALIGNMENT ---------- */
    .section-stack {
      max-width: 960px;
      margin-inline: auto;
      padding-inline: 24px;
    }
    @media (max-width: 749.98px) {
      .section-stack { padding-inline: 12px; }
    }

    /* ---------- DESKTOP CARD WRAP @ 960px ---------- */
    @media (min-width: 1000px) {
      /* Constrain the scroll area and center it */
      .floating-controls-container .scroll-area,
      .scrollable-with-controls .scroll-area {
        max-width: 960px;
        margin-inline: auto;
      }

      /* Neutralize the theme’s full-bleed behavior */
      .scroll-area.bleed { width: auto; }

      /* Make the product-card sizing logic use the same 960px container */
      product-list.product-list {
        --container-inner-width: 960px !important;   /* overrides inline style in the section */
        --product-list-items-per-row: 2 !important;  /* lock to two cards across on desktop */
      }
    }

    /* Center header (ignored where not present) */
    section-header { display: block; text-align: center; }
    section-header .prose { margin-inline: auto; max-width: 780px; }
    section-header .prose .subheading { margin: 0 0 .35rem; line-height: 1.2; }
    section-header .prose .h2 { margin: .15rem 0 .5rem; line-height: 1.1; }
    section-header .prose p:not(.subheading) { margin: 0 0 1rem; }

    @media (min-width: 990px) {
      section-header .prose .subheading { font-size: 1.25rem; font-weight: 700; }
      section-header .prose .h2 { font-size: clamp(2rem, 2.6vw, 2.75rem); }
      section-header .prose p:not(.subheading) { font-size: 1.125rem; margin-bottom: 1.4rem; }
    }

    /* ---------- MOBILE IMAGE SIZE: reduce gutters/gaps ---------- */
    .floating-controls-container .scroll-area { padding-inline: 0; }
    @media (max-width: 749.98px) {
      product-list.product-list { gap: 12px; }
    }

    

    /* ---------- TITLES & PRICES ---------- */
    .product-card__title { margin-top: .9rem; margin-bottom: .25rem; line-height: 1.25; }
    .price-list { display: inline-flex; align-items: baseline; gap: 10px; }

    .price-list sale-price,
    .price-list .text-on-sale { font-weight: 800; font-size: 1.25rem; line-height: 1; }

    @media (min-width: 990px) {
      .price-list sale-price,
      .price-list .text-on-sale { font-size: 1.375rem; }
    }

    .price-list compare-at-price,
    .price-list .line-through { opacity: .65; text-decoration: line-through; font-weight: 500; font-size: .95rem; }

    /* ---------- (Optional) slightly tighter gap below cards ---------- */
    .v-stack.gap-0.5 { gap: 6px; }
  }
}

/* =========================================================
   DOORDOCK – PDP tweaks (Impact)
   - Bigger sale/current price
   - Price + Quantity on one line (desktop)
   - Tighter vertical spacing between the blue-outlined blocks
   ========================================================= */

/* ---------- 1) Bigger red/current price ---------- */
.shopify-section--main-product .price-list .price-list__current,
.shopify-section--main-product .price-list .price-item--sale,
.shopify-section--main-product .price-list .price--highlight .price {
  font-size: clamp(26px, 2.6vw, 36px) !important;
  line-height: 1.08 !important;
  font-weight: 800;
}

/* Make compare-at a touch smaller so the current price pops */
.shopify-section--main-product .price-list .price-list__compare,
.shopify-section--main-product .price-list .price-item--regular {
  font-size: clamp(12px, 1vw, 15px) !important;
  opacity: .75;
}

/* ---------- 3) Reduce vertical spacing between content blocks ---------- */
/* Each blue box is a direct child of the product-info stack */
.shopify-section--main-product .product-info > * + * {
  margin-top: 6px !important;     /* tighter than theme default */
}

/* ---------- 2) Put Price and Quantity on one line (desktop) ---------- */
@media (min-width: 1000px) {
  /* Turn the two wrappers into inline boxes using :has() so we don't rely on theme-specific class names */
  .shopify-section--main-product .product-info > *:has(.price-list),
  .shopify-section--main-product .product-info > *:has(.quantity-selector),
  .shopify-section--main-product .product-info > *:has(quantity-selector),
  .shopify-section--main-product .product-info > *:has(quantity-input),
  .shopify-section--main-product .product-info > *:has([name="quantity"]) {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    max-width: none !important;
    vertical-align: middle;
  }

  /* Space between the two blocks */
  .shopify-section--main-product .product-info > *:has(.price-list) {
    margin-right: 18px !important;
  }

  /* Prevent the quantity control from stretching full width */
  .shopify-section--main-product .product-info quantity-selector,
  .shopify-section--main-product .product-info quantity-input,
  .shopify-section--main-product .product-info .quantity-selector {
    max-width: 210px;
  }
}
/* =========================================================
   DOORDOCK – Force bigger, bold current price (all viewports)
   Works with Impact's price-list markup regardless of inner classes
   ========================================================= *

/* Make the first price inside the price list (the current/sale one) bigger + bold */
.shopify-section--main-product .product-info .price-list > *:first-child,
.shopify-section--main-product .product-info .price-list > *:first-child .price,
.shopify-section--main-product .product-info .price-list > *:first-child [class*="price"] {
  font-size: clamp(26px, 2.6vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
}

/* Keep the compare-at / crossed price smaller so the main price stands out */
.shopify-section--main-product .product-info .price-list > *:not(:first-child),
.shopify-section--main-product .product-info .price-list s {
  font-size: clamp(12px, 1.1vw, 16px) !important;
  font-weight: 500;
  opacity: .85;
}


/* Remove top padding from the first section on all pages and devices */
.shopify-section:first-child .section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* ===========================================================
   FIX: Force SQUARE corners on specific Image-with-text-overlay sections
   (won't affect any other sections)
   =========================================================== */

:is(
  #shopify-section-template--25992438874450__image_with_text_overlay_MreFgT,
  #shopify-section-template--25992438874450__image_with_text_overlay_ki8dMB,
  #shopify-section-template--25992438939986__image_with_text_overlay_dgADGB,
  #shopify-section-template--25992438939986__image_with_text_overlay_4rPeLi,
  #shopify-section-template--25992439136594__image_with_text_overlay_GTXPJE,
  #shopify-section-template--25992439005522__image_with_text_overlay_NPhFCy,
  #shopify-section-template--25992438972754__image_with_text_overlay_X6YQJT
) .content-over-media {
  border-radius: 0 !important;
  overflow: visible !important; /* prevent clip from rounded parents */
}

/* Ensure inner media stays square too */
:is(
  #shopify-section-template--25992438874450__image_with_text_overlay_MreFgT,
  #shopify-section-template--25992438874450__image_with_text_overlay_ki8dMB,
  #shopify-section-template--25992438939986__image_with_text_overlay_dgADGB,
  #shopify-section-template--25992438939986__image_with_text_overlay_4rPeLi,
  #shopify-section-template--25992439136594__image_with_text_overlay_GTXPJE,
  #shopify-section-template--25992439005522__image_with_text_overlay_NPhFCy,
  #shopify-section-template--25992438972754__image_with_text_overlay_X6YQJT
) .content-over-media img,
:is(
  #shopify-section-template--25992438874450__image_with_text_overlay_MreFgT,
  #shopify-section-template--25992438874450__image_with_text_overlay_ki8dMB,
  #shopify-section-template--25992438939986__image_with_text_overlay_dgADGB,
  #shopify-section-template--25992438939986__image_with_text_overlay_4rPeLi,
  #shopify-section-template--25992439136594__image_with_text_overlay_GTXPJE,
  #shopify-section-template--25992439005522__image_with_text_overlay_NPhFCy,
  #shopify-section-template--25992438972754__image_with_text_overlay_X6YQJT
) .content-over-media video,
:is(
  #shopify-section-template--25992438874450__image_with_text_overlay_MreFgT,
  #shopify-section-template--25992438874450__image_with_text_overlay_ki8dMB,
  #shopify-section-template--25992438939986__image_with_text_overlay_dgADGB,
  #shopify-section-template--25992438939986__image_with_text_overlay_4rPeLi,
  #shopify-section-template--25992439136594__image_with_text_overlay_GTXPJE,
  #shopify-section-template--25992439005522__image_with_text_overlay_NPhFCy,
  #shopify-section-template--25992438972754__image_with_text_overlay_X6YQJT
) .content-over-media video-media,
:is(
  #shopify-section-template--25992438874450__image_with_text_overlay_MreFgT,
  #shopify-section-template--25992438874450__image_with_text_overlay_ki8dMB,
  #shopify-section-template--25992438939986__image_with_text_overlay_dgADGB,
  #shopify-section-template--25992438939986__image_with_text_overlay_4rPeLi,
  #shopify-section-template--25992439136594__image_with_text_overlay_GTXPJE,
  #shopify-section-template--25992439005522__image_with_text_overlay_NPhFCy,
  #shopify-section-template--25992438972754__image_with_text_overlay_X6YQJT
) .content-over-media picture,
:is(
  #shopify-section-template--25992438874450__image_with_text_overlay_MreFgT,
  #shopify-section-template--25992438874450__image_with_text_overlay_ki8dMB,
  #shopify-section-template--25992438939986__image_with_text_overlay_dgADGB,
  #shopify-section-template--25992438939986__image_with_text_overlay_4rPeLi,
  #shopify-section-template--25992439136594__image_with_text_overlay_GTXPJE,
  #shopify-section-template--25992439005522__image_with_text_overlay_NPhFCy,
  #shopify-section-template--25992438972754__image_with_text_overlay_X6YQJT
) .content-over-media.rounded-lg,
:is(
  #shopify-section-template--25992438874450__image_with_text_overlay_MreFgT,
  #shopify-section-template--25992438874450__image_with_text_overlay_ki8dMB,
  #shopify-section-template--25992438939986__image_with_text_overlay_dgADGB,
  #shopify-section-template--25992438939986__image_with_text_overlay_4rPeLi,
  #shopify-section-template--25992439136594__image_with_text_overlay_GTXPJE,
  #shopify-section-template--25992439005522__image_with_text_overlay_NPhFCy,
  #shopify-section-template--25992438972754__image_with_text_overlay_X6YQJT
) .content-over-media .shadow-block {
  border-radius: 0 !important;
}