/** Shopify CDN: Minification failed

Line 1195:1 Unexpected "{"

**/
/* ===================== */
/* Mason's Custom Edits  */
/* ===================== */

/* Hides the large price element */
.f-price--large {
  display: none !important;
}

/* Styles the product info wrapper with padding, rounded corners, and a subtle drop shadow */
.product__info-wrapper {
  background: #fff;
  border: 1.5px solid #e5e5e5;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
  max-width: 800px;
  margin: 0 auto;
}

/* Adds a smooth transition effect to custom variant images (used when variants swap images) 
.custom-variant-image img {
  transition: 0.25s ease;
}

*/

/* Disables smooth scrolling and animations for product media gallery */
.product__media-list {
  scroll-behavior: auto !important;
  transition: none !important;
}

/* Hides the thumbnail navigation gallery below product images 
[id^="GalleryThumbnails-"] {
  display: none !important;
}
*/
/* Hides the page title from popup modals (cleaner appearance) */
.product__popup-page-title {
  display: none !important;
}

/* Adds spacing and centers layout for any downloadable content wrapper */
.downloadable-wrapper {
  margin: 24px 0;
  text-align: center;
}

/* Styles downloadable images with a dashed border and hover-ready transition */
.downloadable-img {
  width: 100%;
  max-width: 500px;
  height: auto;
  cursor: pointer;
  border: 2px dashed #ccc;
  padding: 12px;
  border-radius: 8px;
  transition: transform 0.2s ease;
}

/* TEST Adjusts popup buttons to appear INLINE with spacing 
.product__block--popup {
  display: inline-block !important;
  margin-right: 12px !important;
}
*/

/* TEST Styles the custom popup CTA button on product info page 
.product__block--popup button {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 800;
  cursor: pointer;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease-in-out;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
*/

/* Enables extra hover layer effect (if a ::before overlay exists) */
.product__block--popup button:hover::before {
  opacity: 1;
}


/* Adds hover interaction to popup button with lift and stronger shadow */
.product__block--popup button:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
}


/* Adds base border/shadow to swatch options for cleaner appearance */
.swatch-color {
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px;
}


/* On hover, adds a bold black ring and slight zoom to color swatches */
.swatch-color:hover {
  box-shadow: 0 0 0 2px #000;
  transform: scale(1.04);
  z-index: 1;
}


/* Home Collection Card Styling – Mason's Sauce */
.collection-card__wrapper {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border-radius: 2px;
  overflow: hidden;
}

.collection-card__wrapper:hover {
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.collection-card__image img {
  transition: transform 0.3s ease;
  will-change: transform;
}

.collection-card__wrapper:hover .collection-card__image img {
  transform: scale(1.03);
}

.collection-card__wrapper:hover .collection-card__title {
  color: #000;
}

.swiper-button {
  transition: all 0.2s ease;
  border-radius: 50%;
  background: white;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.swiper-button:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.btn--static,
.btn--static:hover,
.modal .btn--static:hover {
  background: var(--color-button) !important;
  color: #111 !important;
  box-shadow: none !important;
  transition: none !important;
  transform: none !important;
}

/* Price "Starts at $X" */
.f-price-item--regular::before {
  content: "Starting at";
  color: #c64129;
  margin-right: 2px;
}

.f-price__regular{
  font-size: 1.4rem;
  font-weight: 400;
}



.accordion-details__summary h2 {
  font-size: 18px;
  font-weight: 600;
}


/* Collection page swatch more" */
.swatch-more .reversed-link__text {
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 30px;
  font-weight: 600;
  border: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}


.swatch-more:hover .reversed-link__text {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}


/* Constrain variant dropdown width on product page */
@media screen and (min-width: 768px) {
  .product-form__input--dropdown .select {
    max-width: 460px;
    width: 100%;
  }

  .product-form__input--dropdown {
    margin-bottom: 2.5rem !important;
  }


  /* Reduce space between stacked collapsible tabs */
  .product__block--collapsible_tab + .product__block--collapsible_tab {
    margin-top: 0.15rem;
  }

  /* Optional: spacing inside the tab content */
  .accordion-details__content {
    padding-top: 1.12rem;
    padding-bottom: 0.25rem;
    font-size: 1.5rem;
  }
}


/* === HEADER STYLING CLEANUP === */

/* Hide Cart Icon */
.cart-drawer-button {
  display: none !important;
}

/* Center Search Bar (Desktop) */
.header__search {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 600px;
  width: 100%;
  z-index: 10;
}

/* === MOBILE (max-width: 768px) === */
@media (max-width: 768px) {
  /* Turn the top into a 3-col grid so the logo truly centers */
  header[data-section-id] .header__top {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important; /* L | center | R */
    grid-auto-rows: minmax(48px, auto) !important;
    align-items: center !important;
    column-gap: 12px !important;
    padding: 8px 12px !important;
    position: relative !important;
  }

  /* Left icons (hamburger) */
  header[data-section-id] .header__icons--left {
    grid-column: 1 !important;
    justify-self: start !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  /* Centered logo (no absolute/transform tricks) */
  header[data-section-id] .header__logo {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 1 !important;
    text-align: center !important;
  }

  /* Only show mobile logo image on phones */
  header[data-section-id] .header__logo--desktop { display: none !important; }
  header[data-section-id] .header__logo--mobile  {
    display: inline-block !important;
    height: auto !important;
    width: auto !important;
  }

  /* Right icons */
  header[data-section-id] .header__icons--right {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* Search: full width, own row under the top row */
  header[data-section-id] .header__search {
    grid-column: 1 / -1 !important;      /* span all 3 columns (new row) */
    width: 100% !important;
    max-width: 420px !important;         /* keeps it from bleeding */
    justify-self: center !important;
    position: static !important;
    transform: none !important;
  }

  /* Make sure the form fills the constrained width */
  header[data-section-id] .header__search form,
  header[data-section-id] .header__search .search__form {
    width: 100% !important;
    max-width: 100% !important;
  }
}



/* === DESKTOP (min-width: 1024px) === */
@media (min-width: 1024px) {
  .header__top,
  .header__bottom,
  .mega-menu__wrapper,
  .mega-menu__content {
    max-width: 1400px;
    margin: 0 auto;
    padding-inline: 2rem;
  }

  .header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    position: relative;
  }

  .header__logo,
  .header__icons {
    flex: 1;
  }

  .header__search {
    flex: 2;
    display: flex;
    justify-content: center;
  }

  .header__search .search__form {
    max-width: 600px;
    width: 100%;
  }
}

/* === XL SCREENS (min-width: 1600px) === */
@media (min-width: 1600px) {
  .header__top,
  .header__bottom,
  .mega-menu__wrapper,
  .mega-menu__content {
    max-width: 1600px;
    padding-inline: 3rem;
  }
}

/* === BREADCRUMB ALIGNMENT === */
.section-breadcrumb {
  max-width: 1400px;
  margin: 0 auto;
  padding-inline: 2rem;
  padding-block: 0.5rem;
}

@media (min-width: 1600px) {
  .section-breadcrumb {
    max-width: 1600px;
    padding-inline: 3rem;
  }
}


/* === PAGE SECTION CONTAINER ALIGNMENT === */

.page-width,
.section__container {
  max-width: 1400px;
  margin: 0 auto;
  padding-inline: 2rem;
}

@media (min-width: 1600px) {
  .page-width,
  .section__container {
    max-width: 1600px;
    padding-inline: 3rem;
  }
}


/* === MEGA MENU UNLINK TOP 

.mega-menu__link--top {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;
}
  
=== */

/* === FOOTER SECTION STYLING === */


/* FOOTER MENU STYLING TO MATCH NAV */


@media (min-width: 1440px) {
.footer-block__heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
  margin-bottom: 0.5rem;
  color: var(--color-foreground, #000);
}

.footer-accordion-details summary {
  cursor: pointer;
}

.footer-block.footer-block--menu ul.linklist--vertical a {
  font-size: 14px;
  text-decoration: none;
  color: var(--color-subtext, #555);
  transition: color 0.2s ease;
}

.footer-block.footer-block--menu ul.linklist--vertical a:hover {
  color: var(--color-foreground, #000);
}

/* OPTIONAL – ALIGNMENT & SPACING */
.footer-block.footer-block--menu {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.footer-accordion-details {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 0.75rem;
}

.footer-accordion-details .accordion-details__summary {
  align-items: center;
}

.footer-accordion-details svg.icon-plus-toggle {
  width: 1rem;
  height: 1rem;
}

}

   
.footer__copyright-content {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0;
  color: #555;
}
/* === centered socials with side lines === */
.footer__bottom-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  width: 100%;
  padding-block: 0.75rem;
}

/* line on each side */
.footer__bottom-row::before,
.footer__bottom-row::after {
  content: "";
  flex: 1 1 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
  max-width: 30ch; /* controls line length */
}

/* social list centered */
.footer__list-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0 0.5rem; /* little space between lines & icons */
}

/* leave your social button sizes exactly as they are */



/* === MULTI-COLUMN IN THE FOOTER SECTION STYLING  === */

.multicolumn__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding-block: 1.5rem;
}
.multicolumn-card-wrapper {
  flex: 0 1 160px;
  display: flex;
  justify-content: center;
}
.multicolumn-card__image img {
  max-width: 120px;
  height: auto;
  object-fit: contain;
  margin-inline: auto;
  display: block;
  opacity: 0.95;
  transition: transform 0.2s ease, opacity 0.2s ease;
}




/* === Sidebar wrapper & stack (outside the nav card) === */
.collection-sidebar { position: sticky; top: 18px; }
.sidebar-stack > * + * { margin-top: 14px; } /* gap between nav and filters */

/* === Collection sidebar nav card === */
.collection-sidebar-nav {
  position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 14px;
  padding: 1.4rem 1.1rem 1.2rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}

@media (min-width: 992px) {
  .collection-sidebar-nav:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.07);
    border-color: rgba(0, 0, 0, 0.08);
  }
}

/* Header */
.collection-sidebar-nav h2 {
  font-size: 1.55rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 1rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #111;
  padding-bottom: 0.35rem;
  border-bottom: 1.5px solid rgba(17, 17, 17, 0.93);
}

/* List structure */
.collection-sidebar-nav ul { list-style: none; margin: 0; padding: 0; }
.collection-sidebar-nav ul > li + li { margin-top: .4rem; }

/* Links */
.collection-sidebar-nav a {
  display: block;
  color: #111;
  text-decoration: none;
  line-height: 1.55;
  border-radius: 6px;
  padding: .3rem .45rem;
  transition: background-color .2s ease, color .2s ease;
  font-size: 1.55rem;
}
.collection-sidebar-nav a:hover { background: rgba(0, 0, 0, 0.04); }

/* Accordion summary */
.collection-sidebar-nav .cat__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: .25rem 0;
}
.collection-sidebar-nav .cat__summary > a {
  flex: 1;
  font-weight: 600;
  font-size: 1.45rem;
}

/* Chevron */
.collection-sidebar-nav .cat__chevron {
  width: 11px;
  height: 11px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  opacity: 0.55;
  transition: transform .25s ease, opacity .25s ease;
}
.collection-sidebar-nav details[open] .cat__chevron { transform: rotate(45deg); opacity: 0.9; }

/* Child lists */
.collection-sidebar-nav .cat__content > ul {
  margin-top: .35rem;
  padding-left: .9rem;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}

/* Child links */
.collection-sidebar-nav .cat__content a {
  font-size: 1.45rem;
  opacity: .9;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .25rem 0;
  transition: color .2s ease;
}

/* Dot before child links */
.collection-sidebar-nav .cat__content a::before {
  content: "";
  flex: 0 0 6px;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;
  opacity: .25;
  margin-top: .2em; /* keeps dot steady when text is bold */
}

/* Active link (slightly stronger than filters) */
.collection-sidebar-nav a.font-bold {
  background: rgba(255, 102, 0, 0.10); /* stronger than filters’ 0.08 */
  color: rgb(255, 102, 0);
  font-weight: 700;
  border-radius: 6px;
  position: relative;
}

/* Expand animation + internal scroll for tall trees */
.collection-sidebar-nav .cat__content {
  overflow: hidden;
  max-height: 0;
  transition: max-height .35s ease;
}
.collection-sidebar-nav details[open] .cat__content { max-height: 650px; }
.collection-sidebar-nav details[open] .cat__content > ul {
  max-height: 420px;            /* scroll inside, not the whole page */
  overflow: auto;
}


/* --- Parent row spacing fix --- */
.collection-sidebar-nav .cat__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: .25rem 0;
  gap: .4rem; /* adds breathing room between link + chevron */
}

/* Limit hover background to text zone only */
.collection-sidebar-nav .cat__summary > a {
  flex: 1;
  padding: .4rem .65rem .4rem .55rem; /* some inner padding */
  border-radius: 6px;
  transition: background-color .2s ease, color .2s ease;
}



/* Keep the chevron neatly spaced */
.collection-sidebar-nav .cat__chevron {
  margin-right: .25rem;
  width: 11px;
  height: 11px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  opacity: .55;
  flex-shrink: 0; /* prevents it from compressing on narrow screens */
  transition: transform .25s ease, opacity .25s ease;
}
.collection-sidebar-nav details[open] .cat__chevron {
  transform: rotate(45deg);
  opacity: .9;
}


/* Mobile */
@media (max-width: 768px) {
  .collection-sidebar-nav { border-radius: 10px; padding: 1rem .85rem; }
  .collection-sidebar-nav h2 { font-size: 1.05rem; }
  .collection-sidebar-nav a,
  .collection-sidebar-nav .cat__summary > a { font-size: .98rem; }
}







/* ======================= */
/*  MIDNITE SNAX MEGA MENU */
.header__menu {
  font-size: 16px;
  text-transform: none;
}

.mega-menu__link--top {
  font-size: clamp(12px, 0.9vw, 14px);
  font-weight: 700;
  line-height: 1.35;
}

.mega-menu__item-child {
  font-size: clamp(10px, 0.85vw, 12px);
}

.header__top {
  display: flex;
  align-items: center;
}

.header-cta {
  position: relative;
  z-index: 2;
  margin-left: 16px;
}


/* Top bar items (both mega + normal dropdowns) + mega menu section headers */
.font-navigation {
  font-size: clamp(14px, 0.9vw, 16px);
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
  margin-bottom: 0; /* prevents top bar shift */
  color: var(--color-foreground, #000);
}




/* PRODUCT CARDS */
/* ===== PRODUCT CARD — CONSOLIDATED FIX (use this only) ===== */

/* Stretch each grid cell and let the card fill it */
.f-column.product-column { display:flex; }
.product-card { width:100%; height:100%; }

/* Card shell (same vibe as child cards) */
.product-card__wrapper{
  display:flex; flex-direction:column; height:100%;
  border:1px solid rgba(0,0,0,.08); border-radius:12px; background:#fff;
  padding:.75rem; transition:transform .15s, box-shadow .15s, border-color .15s;
}
.product-card:hover .product-card__wrapper{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  border-color:rgba(0,0,0,.12);
}

/* --- CONTENT --- */
.product-card__info{
  display:flex; flex-direction:column; align-items:center; gap:.25rem;
  text-align:center;
}

/* Title clamp so rows stay even */
.product-card__title{
  margin:0; font-size:1.4rem; font-weight:600; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:calc(1em * 1.35 * 2);
}

/* Price compact + centered */
.product-card .f-price{ margin-top:.1rem; justify-content:center; }

/* Optional: simplify grid UI */
.product-card__compare,
.product-card__list-actions{ display:none !important; }






/* === S&D Facets — mirror sidebar card look, robust to Tailwind === */

/* Card shell (applies whether or not it's inside #FacetFiltersContainer) */
#FacetFiltersContainer form[is="facet-form"],
form[is="facet-form"].face-form {
  background:#fff;
  border:1px solid rgba(0,0,0,0.05);
  border-radius:14px;
  padding:1.4rem 1.1rem 1.2rem;
  box-shadow:0 4px 10px rgba(0,0,0,.04);
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}

@media (min-width: 992px){
  #FacetFiltersContainer form[is="facet-form"]:hover,
  form[is="facet-form"].face-form:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,.07);
    border-color: rgba(0,0,0,0.08);
  }
}

/* Header title */
.facet-heading,
#FacetFiltersContainer form[is="facet-form"] > header .h6,
form[is="facet-form"].face-form > header .h6 {
  font-size:1.55rem;
  font-weight:700;
  text-align:center;
  margin:0 0 1rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#111;
  padding-bottom:.35rem;
  border-bottom:1.5px solid rgba(17,17,17,.93);
}

/* Group cards */
#FacetFiltersContainer .facet-accordion-details,
.facets-drawer .facet-accordion-details,
form[is="facet-form"].face-form .facet-accordion-details {
  border:1px solid rgba(0,0,0,.06);
  border-radius:10px;
  padding:10px 12px;
  background:#fff;
  margin:0 0 .6rem 0;
}

/* Group header + chevron */
#FacetFiltersContainer .facet-accordion-details > .accordion-details__summary,
.facets-drawer .facet-accordion-details > .accordion-details__summary,
form[is="facet-form"].face-form .facet-accordion-details > .accordion-details__summary {
  padding:.25rem 0;
  display:flex; align-items:center; justify-content:space-between;
  cursor:pointer;
}
#FacetFiltersContainer .facet-accordion-details > .accordion-details__summary .h6,
.facets-drawer .facet-accordion-details > .accordion-details__summary .h6,
form[is="facet-form"].face-form .facet-accordion-details > .accordion-details__summary .h6 {
  font-weight:700; font-size:1.45rem; margin:0; color:#111;
}

/* Hide built-in plus */
#FacetFiltersContainer .facet-accordion-details > .accordion-details__summary svg,
.facets-drawer .facet-accordion-details > .accordion-details__summary svg,
form[is="facet-form"].face-form .facet-accordion-details > .accordion-details__summary svg {
  display:none;
}

/* Custom chevron */
#FacetFiltersContainer .facet-accordion-details > .accordion-details__summary::after,
.facets-drawer .facet-accordion-details > .accordion-details__summary::after,
form[is="facet-form"].face-form .facet-accordion-details > .accordion-details__summary::after {
  content:""; width:11px; height:11px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform: rotate(-45deg);
  opacity:.55; transition: transform .25s ease, opacity .25s ease;
}

/* Open state */
#FacetFiltersContainer .facet-accordion-details[aria-expanded="true"] > .accordion-details__summary::after,
.facets-drawer .facet-accordion-details[aria-expanded="true"] > .accordion-details__summary::after,
form[is="facet-form"].face-form .facet-accordion-details[aria-expanded="true"] > .accordion-details__summary::after,
#FacetFiltersContainer .facet-accordion-details[open] > .accordion-details__summary::after,
.facets-drawer .facet-accordion-details[open] > .accordion-details__summary::after,
form[is="facet-form"].face-form .facet-accordion-details[open] > .accordion-details__summary::after {
  transform: rotate(45deg);
  opacity:.9;
}

/* Content spacing */
#FacetFiltersContainer .accordion-details__content,
.facets-drawer .accordion-details__content,
form[is="facet-form"].face-form .accordion-details__content {
  margin-top:.35rem;
}

/* === Items (checkbox rows) === */
#FacetFiltersContainer .filter-item > label.reversed-link,
.facets-drawer .filter-item > label.reversed-link,
form[is="facet-form"].face-form .filter-item > label.reversed-link {
  display:flex; align-items:center; gap:.5rem;
  border-radius:6px; padding:.28rem .45rem;
  font-size:1.45rem; color:#111; cursor:pointer;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
#FacetFiltersContainer .filter-item > label.reversed-link:hover,
.facets-drawer .filter-item > label.reversed-link:hover,
form[is="facet-form"].face-form .filter-item > label.reversed-link:hover {
  background: rgba(0,0,0,.04);
}

/* Active / disabled / count */
#FacetFiltersContainer .filter-item > input:checked + label.reversed-link,
.facets-drawer .filter-item > input:checked + label.reversed-link,
form[is="facet-form"].face-form .filter-item > input:checked + label.reversed-link {
  background: rgba(255,102,51,.08);
  color: rgb(255,102,0);
  font-weight:700;
}
#FacetFiltersContainer .filter-item > input[disabled]:not(:checked) + label.reversed-link,
.facets-drawer .filter-item > input[disabled]:not(:checked) + label.reversed-link,
form[is="facet-form"].face-form .filter-item > input[disabled]:not(:checked) + label.reversed-link {
  opacity:.45; cursor:not-allowed;
}
#FacetFiltersContainer .filter-item .count,
.facets-drawer .filter-item .count,
form[is="facet-form"].face-form .filter-item .count {
  margin-left:auto;
  opacity:.6;
  font-size:1.25rem;
  font-weight:400;
}

/* === Swatches === */
#FacetFiltersContainer .swatches .filter-item > label.reversed-link,
.facets-drawer .swatches .filter-item > label.reversed-link,
form[is="facet-form"].face-form .swatches .filter-item > label.reversed-link {
  padding:6px; border-radius:8px; justify-content:flex-start;
}
#FacetFiltersContainer .swatches .swatch-color,
.facets-drawer .swatches .swatch-color,
form[is="facet-form"].face-form .swatches .swatch-color {
  width:28px; height:28px; border-radius:6px;
  border:1px solid #e6e6e6;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease;
}
#FacetFiltersContainer .swatches label.reversed-link:hover .swatch-color,
.facets-drawer .swatches label.reversed-link:hover .swatch-color,
form[is="facet-form"].face-form .swatches label.reversed-link:hover .swatch-color {
  box-shadow:0 0 0 2px #000, 0 1px 2px rgba(0,0,0,.12);
  transform:scale(1.04);
  z-index:1;
}

/* === Price inputs + slider === */
#FacetFiltersContainer .accordion-details__content--price .facet-input-wrapper .facet-range__input,
.facets-drawer .accordion-details__content--price .facet-input-wrapper .facet-range__input,
form[is="facet-form"].face-form .accordion-details__content--price .facet-input-wrapper .facet-range__input {
  width:100%;
  padding:8px 10px;
  border:1px solid #e6e6e6;
  border-radius:8px;
  font-size:14px;
}
#FacetFiltersContainer .accordion-details__content--price .facet-range__symbol,
.facets-drawer .accordion-details__content--price .facet-range__symbol,
form[is="facet-form"].face-form .accordion-details__content--price .facet-range__symbol {
  color:#666;
}

/* === Subtext (make filters match sidebar typography) === */
#FacetFiltersContainer .text-subtext,
.facets-drawer .text-subtext,
form[is="facet-form"].face-form .text-subtext {
  font-size:1.45rem;
  opacity:.9;
  font-weight:500;
  letter-spacing:.02em;
  line-height:1.4;
}
#FacetFiltersContainer .reversed-link__text,
.facets-drawer .reversed-link__text,
form[is="facet-form"].face-form .reversed-link__text {
  font-size:inherit;
  color:inherit;
  font-weight:inherit;
  opacity:inherit;
}

/* === Active chips === */
.active-facets, .facets-active {
  display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 16px;
}
.active-facets a[is="facet-remove"], .facets-active a[is="facet-remove"] {
  border:1px solid #e6e6e6;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
}

/* Drawer padding */
.facets-drawer form[is="facet-form"] {
  border-radius:14px;
  padding:1rem .85rem;
}

/* Mobile scale */
@media (max-width: 768px){
  #FacetFiltersContainer .facet-accordion-details > .accordion-details__summary .h6,
  .facets-drawer .facet-accordion-details > .accordion-details__summary .h6,
  form[is="facet-form"].face-form .facet-accordion-details > .accordion-details__summary .h6 {
    font-size:1.05rem;
  }
  #FacetFiltersContainer .filter-item > label.reversed-link,
  .facets-drawer .filter-item > label.reversed-link,
  form[is="facet-form"].face-form .filter-item > label.reversed-link {
    font-size:.98rem;
  }
}

/* Subtle divider between top-level parents only */
.collection-sidebar-nav > nav > ul > li + li {
  border-top: 1px solid rgba(0,0,0,0.06);
  margin-top: 0.45rem;
  padding-top: 0.45rem;
}

/* No divider for subcategories */
.collection-sidebar-nav .cat__content li + li {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}



/* === Sidebar scrolling fix === */
.collection-sidebar {
  position: sticky;
  top: 18px;
  max-height: calc(100vh - 24px); /* keeps it inside the viewport */
  overflow-y: auto;               /* makes it scrollable if too tall */
  overscroll-behavior: contain;   /* smoother scroll feel */
  scrollbar-width: thin;          /* for Firefox */
}

/* Optional: prettier scrollbar (WebKit browsers) */
.collection-sidebar::-webkit-scrollbar {
  width: 6px;
}
.collection-sidebar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.collection-sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.25);
}

/* Ensure inner cards (nav + filters) don't double-scroll */
.sidebar-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.sidebar-stack > * {
  max-height: none; /* prevent nested overflow collisions */
}




/* Hide the desktop Filter button */
@media (min-width: 1024px) { 
  .hidden.xl\:flex .facet-drawer-button {
    display: none !important;
  }
}




/* ==========================================
   Modern, Sleek, Subtle-Color Cards (Low Motion)
   + Page Heading styling (aligned + no title underline)
   ========================================== */

/* Palette — tasteful, not flashy */
.main-blog.section {
  --surface: #f7f8fb;
  --surface-2: #eef1f6;
  --border: #e3e7ef;
  --shadow: 0 6px 18px rgba(16, 24, 40, 0.08);
  --text-strong: #0f172a;
  --text-body: #475569;
  --accent-1: #9ac7ff;
  --accent-2: #b6e3d9;
  --accent-3: #f7d3a5;
  --radius: 14px;
}


.main-blog.section .main-blog__heading h2.hd2 {
  font-size: clamp(2.2rem, 2.5vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.1;
  color: var(--text-strong);
  margin: 0 0 0.85em 0;
  position: relative;
  background: linear-gradient(90deg, #0f172a 0%, #334155 50%, #0f172a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-blog.section .main-blog__heading h2.hd2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  width: 120px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--accent-1), var(--accent-2), var(--accent-3));
  opacity: 0.8;
}



/* === Card === */
.main-blog.section .article-card.article-card--standard {
  position: relative;
  width: 100%;                /* fill grid cell */
  max-width: none;            /* prevent chip width */
  border-radius: var(--radius);
  border: 1px solid var(--border);
  overflow: hidden;
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.main-blog.section .article-card.article-card--standard:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.10);
  border-color: #d8deea;
}

/* thin accent bar */
.main-blog.section .article-card.article-card--standard::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent-1) 0%, var(--accent-2) 45%, var(--accent-3) 100%);
  opacity: .55;
}

/* image */
.main-blog.section .article-card__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4/3;
  display: block;
}

/* content */
.main-blog.section .article-card__content {
  padding: 18px 18px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  background: #000;
}

/* title */
.main-blog.section .article-card__title a.reversed-link {
  margin: 0;
  color: #fff;
  font-weight: 800;
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  line-height: 1.25;
  letter-spacing: 0.2px;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

 {
  color: inherit;
  text-decoration: none;
}
.main-blog.section .article-card__title a.reversed-link:hover { opacity: .9; }

/* text */
.main-blog.section .article-card__excerpt,
.main-blog.section .article-card__meta,
.main-blog.section .article-card .rte * {
  color: var(--text-body);
  font-size: .92rem;
  line-height: 1.55;
  max-width: 90%;
}

/* optional tags */
.main-blog.section .article-card__meta .tag,
.main-blog.section .article-card .tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 9999px;
  font-size: .78rem;
  font-weight: 700;
  color: var(--text-strong);
  background: linear-gradient(180deg, #fdfefe, #eef2f7);
  border: 1px solid #e6ebf3;
}

/* reduce motion */
@media (prefers-reduced-motion: reduce) {
  .main-blog.section * { transition: none !important; }
}

/* mobile */
@media (max-width: 640px) {
  .main-blog.section .article-card__title a.reversed-link {font-size: 1.78rem;}
  .main-blog.section .main-blog__heading h2.hd2::after { width: 80px; height: 2px; }
}







/* ===== ORDERING INFORMATION PAGE ONLY ===== */
#ordering-info-page .accordion-details__summary {
  position: relative;
  background-color: #f9fafb;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 18px 22px;
  font-weight: 600;
  transition: background-color .2s ease, box-shadow .2s ease;
  cursor: pointer;
}
#ordering-info-page .accordion-details__summary:hover {
  background-color: #eef2ff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

/* Add cue text */
#ordering-info-page .accordion-details__summary::after {
  content: "Click to view";
  font-size: 0.8rem;
  font-weight: 500;
  color: #6b7280;
  margin-left: 8px;
}

/* Caret-style icon behavior */
#ordering-info-page .icon-plus-toggle {
  width: 18px;
  height: 18px;
  transform: rotate(90deg);
  transition: transform .25s ease;
}
#ordering-info-page details[open] .icon-plus-toggle {
  transform: rotate(-90deg);
}

/* Darker arrow look */
#ordering-info-page .icon-plus-toggle path {
  stroke: #111827;
  stroke-width: 2;
}

/* Active/open state */
#ordering-info-page details[open] .accordion-details__summary {
  background-color: #e0e7ff;
  border-color: #818cf8;
  color: #111827;
}
#ordering-info-page details[open] .accordion-details__summary::after {
  content: "Click to collapse";
  color: #4b5563;
}

/* Animate content on open */
#ordering-info-page details[open] .accordion-details__content {
  animation: fadeSlide .25s ease;
}
@keyframes fadeSlide {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}





/* ===========================
   OUR STORY — POLISHED MODERN VERSION
   =========================== */
#shopify-section-template--19777535115519__rich_text_kyFd96 .section.section-rich-text {
  background: #fff;
  padding-inline: max(1.5rem, 5vw);
}

/* Card container */
#shopify-section-template--19777535115519__rich_text_kyFd96 .rich-text__box {
  max-width: 78ch;
  margin-inline: auto;
  padding: clamp(2rem, 4vw, 3rem);
  background: #ffffff;
  border: 1px solid rgba(17, 24, 39, 0.06);
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.04);
}

/* Heading */
#shopify-section-template--19777535115519__rich_text_kyFd96 .rich-text__heading.h1 {
  font-size: clamp(2.2rem, 2.5vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.1;
  color: #0f172a;
  margin: 0 0 0.85em 0;
  text-align: center;
  position: relative;
}

/* Gradient underline centered */
#shopify-section-template--19777535115519__rich_text_kyFd96 .rich-text__heading.h1::after {
  content: "";
  display: block;
  height: 4px;
  width: 80px;
  margin: 0.6rem auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg,rgb(187, 188, 215),rgb(158, 169, 158));
}

/* Paragraph styling */
#shopify-section-template--19777535115519__rich_text_kyFd96 .rich-text__text {
  color: #374151;
  font-size: 14px;
  line-height: 1.8;
  text-wrap: pretty;
  max-width: 70ch;
  margin-inline: auto;
}

#shopify-section-template--19777535115519__rich_text_kyFd96 .rich-text__text p {
  margin: 0 0 1.25em;
}

#shopify-section-template--19777535115519__rich_text_kyFd96 .rich-text__text p {
  color: #1f2937;
  font-size: 14px;
  line-height: 1.85;
}

/* Motion-element fallback (static) */
#shopify-section-template--19777535115519__rich_text_kyFd96 motion-element.block {
  display: block;
  opacity: 1;
  transform: none;
}

/* Large screens: subtle upscale */
@media (min-width: 1440px) {
  #shopify-section-template--19777535115519__rich_text_kyFd96 .rich-text__box {
    max-width: 82ch;
    padding: 3.25rem;
  }
  #shopify-section-template--19777535115519__rich_text_kyFd96 .rich-text__heading.h1 {
    font-size: 3.2rem;
  }
  #shopify-section-template--19777535115519__rich_text_kyFd96 .rich-text__text {
    font-size: 1.25rem;
    line-height: 1.9;
  }
}




/* ==========================================
   HOLIDAY STOCK DESIGNS HEADER STYLING
   Matches blog heading gradient + centers content
   Fixed clipping from underline with bottom padding
   ========================================== */

/* Center everything inside this content block */
.article__block.article__content.rte.text-subtext {
  text-align: center;
}

/* === H1 headline styling ===
   - Gradient text (same as blog headings)
   - Padding-bottom prevents descenders (y, g, p) from clipping
   - Inline-block allows centered underline
*/
.article__block.article__content.rte.text-subtext h1 {
  display: inline-block;
  margin: 2rem auto 1rem;
  padding-bottom: 0.3em; /* ✅ fixes cut-off text issue */
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.015em;
  font-size: clamp(2.2rem, 2.5vw, 3rem);
  background: linear-gradient(90deg, #0f172a, #334155, #0f172a);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  position: relative;
}

/* === Gradient underline accent ===
   - 3px bar centered under H1
   - Uses brand accent gradient
*/
.article__block.article__content.rte.text-subtext h1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  width: 120px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, #9ac7ff, #b6e3d9, #f7d3a5);
  opacity: 0.8;
}

/* === Optional ===
   Centers inline image below header if present
*/
.article__block.article__content.rte.text-subtext img {
  margin: 1.5rem auto;
  display: block;
}









/* ===== Midnite Snax PDP Accordion — flat, clean ===== */

/* each accordion block */
.product__block--collapsible_tab {
  border-radius: 0; /* no rounded corners */
  border: 1px solid #e4e4e4; /* light gray border */
  background:rgb(250, 250, 250); /* subtle gray background */
  box-shadow: none; /* no elevation = flat look */
  overflow: hidden;
}

/* spacing between blocks */
.product__block--collapsible_tab + .product__block--collapsible_tab {
  margin-top: 0.25rem;
}

/* summary (header) */
.product__block--collapsible_tab .accordion-details__summary {
  padding: 1rem 1.2rem;
  cursor: pointer;
  transition: background 0.2s ease;
  list-style: none;
}

@media (hover:hover) {
  .product__block--collapsible_tab .accordion-details__summary:hover {
    background:rgb(236, 236, 236); /* slightly darker hover */
  }
}

/* open state (slightly more contrast) */
.product__block--collapsible_tab .accordion-details[open] > .accordion-details__summary {
  background: #ececec;
}




/* content */
.product__block--collapsible_tab .accordion-details__content {
  background: #fff;
  padding: 1rem 1.2rem;
  line-height: 1.6;
  color: rgb(var(--color-foreground));
  border-top: 1px solid #e4e4e4;
}

/* list clean-up */
.product__block--collapsible_tab .accordion-details__content .rte :where(ul, ol) {
  list-style-position: outside;
  padding-inline-start: 1.25rem;
  margin-block: 0.8rem;
}
.product__block--collapsible_tab .accordion-details__content .rte li {
  text-indent: -1rem;
  padding-left: 1rem;
  margin-block: 0.25rem;
}
.product__block--collapsible_tab .accordion-details__content .rte li::marker {
  color: #222;
  font-weight: 600;
}

/* accessibility */
@media (prefers-reduced-motion: reduce) {
  .product__block--collapsible_tab * { transition: none !important; }
}





/* ============================================
   CENTER CTA — MODERN COLOR-SHIFT ANIMATION
   No shadows. No glow. Clean + premium.
   ============================================ */

.ann-center-link {
  font-family:"Poppins", sans-serif;
  font-weight:700;
  cursor:pointer;
  color:#000; /* starts black */

  animation: centerColorShift 3s ease-in-out infinite;
  transition: color .25s ease;
}

/* Color cycle through brand colors */
@keyframes centerColorShift {
  0%   { color:#FF0000; }  
  50%  { color:#9B1313; }   
  100% { color:#FF0000; }   
}

/* Hover = snap instantly to accent color */
.ann-center-link:hover {
  color:#2323FF; 
  animation:none; /* pause animation on hover */
}



/* Make each slide the same height and let the card fill it */
.section-collection-list-slider .f-column.swiper-slide {
  display: flex;
  height: 100%;
}

/* CARD BASE */
.section-collection-list-slider .collection-card {
  display: flex;                 /* card itself is a flex container */
  flex: 1 1 auto;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.05);
  box-shadow: 0 6px 18px rgba(0,0,0,0.07);
  padding: 0;                    /* inner wrapper controls spacing */
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
  margin-right: 1px;
}

/* INNER WRAPPER – centers everything and makes heights consistent */
.section-collection-list-slider .collection-card__wrapper {
  flex: 1 1 auto;
  padding: 0.9rem 1rem 1.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;           /* center image + text horizontally */
  justify-content: flex-start;
  text-align: center;            /* center text */
  gap: 0.6rem;
  width: 100%;
}

/* IMAGE – truly centered */
.section-collection-list-slider .collection-card__image {
  justify-content: center;
  align-items: center;
}

.section-collection-list-slider .collection-card__image img {
  display: block;
  margin: 0 auto;
}

/* TEXT AREA – centered, consistent */
.section-collection-list-slider .collection-card__inner {
  width: 100%;
  margin-top: auto;              /* push title toward bottom for equal feel */
  display: flex;
  justify-content: center;
  text-align: center;
}

/* TITLE */
.section-collection-list-slider .collection-card__title {
  font-size: 1rem;               /* slightly smaller so it always fits */
  line-height: 1.2;
  font-weight: 600;
  margin: 0;
  max-width: 90%;
  word-wrap: break-word;
}

.section-collection-list-slider .collection-card__title span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}



/* =========================
   MOBILE: KEEP SWIPE
   ========================= */

@media (max-width: 1023.98px) {
  /* Let Swiper do its normal thing; we only tweak controls a bit */
  .section-collection-list-slider .swiper-show-nav-on-hover .swiper-controls {
    opacity: 1;
  }

  .section-collection-list-slider .swiper-controls {
    bottom: -2.3rem;
    top: auto;
    transform: none;
    justify-content: center;
    gap: 0.75rem;
  }

  .section-collection-list-slider .swiper-button {
    width: 2.2rem;
    height: 2.2rem;
  }
}