/** Shopify CDN: Minification failed

Line 24:13 Unexpected "{"
Line 24:22 Expected ":"
Line 35:13 Unexpected "{"
Line 35:22 Expected ":"
Line 41:13 Unexpected "{"
Line 41:22 Expected ":"
Line 46:13 Unexpected "{"
Line 46:22 Expected ":"
Line 55:13 Unexpected "{"
Line 55:22 Expected ":"
... and 379 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:featured-collection (INDEX:43, SCOPED:FALSE) */
/* ============================
   CUSTOM STARS (ONLY THIS SECTION)
============================ */
#m-section--{{ section.id }} .custom-card-stars{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  margin-top:8px;
  line-height:1;
  width:100%;
  text-align:center;
  margin-bottom: -5px !important;
}
#m-section--{{ section.id }} .custom-card-stars__icons{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
}
#m-section--{{ section.id }} .custom-card-stars__icons .s{
  line-height:1;
  font-size:18px;
  color:#000;
}
#m-section--{{ section.id }} .custom-card-stars__value{
  font-size:15px;
  font-weight:500;
  color:#000;
}

/* ============================
   MOBILE ARROWS (ONLY THIS SECTION)
============================ */
#m-section--{{ section.id }} .m-scroll-arrow{ display:none; }

@media (max-width:768px){
  #m-section--{{ section.id }} .m-mixed-layout__outer{
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  #m-section--{{ section.id }} .m-scroll-arrow{
    display:flex;
    position:absolute;
    top:128px;
    background:#FF6BFF;
    color:#fff;
    border:none;
    cursor:pointer;
    border-radius:50%;
    box-shadow:0 2px 6px rgba(0,0,0,0.2);
    z-index:5;
    width:38px;
    height:38px;
    font-size:28px;
    align-items:center;
    justify-content:center;
  }

  #m-section--{{ section.id }} .m-mixed-layout--mobile-scroll .m-mixed-layout__inner{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
  }

  #m-section--{{ section.id }} .m-mixed-layout--mobile-scroll .m-product-card{
    flex:0 0 100%;
    max-width:100%;
    scroll-snap-align:start;
  }

  #m-section--{{ section.id }} .m-mixed-layout--mobile-scroll .m-mixed-layout__inner::-webkit-scrollbar{ display:none; }
  #m-section--{{ section.id }} .m-mixed-layout--mobile-scroll .m-mixed-layout__inner{
    -ms-overflow-style:none;
    scrollbar-width:none;
  }

  #m-section--{{ section.id }} .m-scroll-arrow--left{ left:0; }
  #m-section--{{ section.id }} .m-scroll-arrow--right{ right:0; }

  #m-section--{{ section.id }} .m-scroll-arrow:disabled{
    opacity:0.4;
    cursor:not-allowed;
    pointer-events:auto;
  }
}

/* ============================
   ✅ PREFILLED PROGRESS BAR + ARROWS (ONLY THIS SECTION)
============================ */
#m-section--{{ section.id }} .m-scroll-controls{ display:none; }

#m-section--{{ section.id }} .m-scroll-controls{
  align-items:center;
  gap:14px;
  margin-top:12px;
}

#m-section--{{ section.id }} .m-scroll-progress{
  position:relative;
  flex:1 1 auto;
  height:6px;
  border-radius:999px;
  background:rgba(0,0,0,.10);
  overflow:hidden;
  cursor:pointer;
}

#m-section--{{ section.id }} .m-scroll-progress-fill{
  position:absolute;
  left:0; top:0; bottom:0;
  width: var(--m-scroll-prefill);
  border-radius:999px;
  background: var(--m-scroll-accent);
  transition: width 140ms ease;
}

#m-section--{{ section.id }} .m-scroll-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.10);
  box-shadow:0 10px 22px rgba(0,0,0,.10);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ✅ remove weird grey shadow/glow around pill + buttons */
#m-section--{{ section.id }} .m-scroll-pill{ box-shadow: none !important; }

#m-section--{{ section.id }} .m-scroll-pill__btn{
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}

#m-section--{{ section.id }} .m-scroll-pill__btn:focus,
#m-section--{{ section.id }} .m-scroll-pill__btn:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

#m-section--{{ section.id }} .m-scroll-pill__btn{
  width:20px;
  height:20px;
  border-radius:999px;
  border:0;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#111;
  transition: transform .12s ease, opacity .12s ease;
}
#m-section--{{ section.id }} .m-scroll-pill__btn:active{ transform: scale(.96); }
#m-section--{{ section.id }} .m-scroll-pill__btn[disabled]{ opacity:.35; cursor:not-allowed; }
#m-section--{{ section.id }} .m-scroll-pill__btn svg{ width:18px; height:18px; }

/* ✅ Desktop horizontal scroll ONLY when NOT using Swiper (slider stays untouched) */
@media (min-width: 769px){
  #m-section--{{ section.id }} .m-mixed-layout__inner:not(.swiper-wrapper){
    display:flex !important;
    gap: var(--column-gap);
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    scrollbar-width:none;
    padding-bottom: 8px;
  }
  #m-section--{{ section.id }} .m-mixed-layout__inner:not(.swiper-wrapper)::-webkit-scrollbar{ display:none; }
}

/* ============================
   TABS (WAVYTALK STYLE) - ONLY THIS SECTION
============================ */
#m-section--{{ section.id }} .m-fc-tabs{
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding:10px 2px 6px;
  margin: 6px 0 16px;
}
#m-section--{{ section.id }} .m-fc-tabs::-webkit-scrollbar{ display:none; }
#m-section--{{ section.id }} .m-fc-tabs{ scrollbar-width:none; }

#m-section--{{ section.id }} .m-fc-tab{
  background:transparent;
  border:none;
  padding:0;
  cursor:pointer;
  font: inherit;
  color:#111;
  font-weight:500;
  font-size:7px;
  white-space:nowrap;
  position:relative;
  opacity:.65;
}
#m-section--{{ section.id }} .m-fc-tab.is-active{ opacity:1; }
#m-section--{{ section.id }} .m-fc-tab.is-active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:#111;
  border-radius:2px;
}

@media (max-width:768px){
  #m-section--{{ section.id }} .m-fc-tabs{ gap:18px; }
  #m-section--{{ section.id }} .m-fc-tab{ font-size:14px; }
}

/* ✅ Remove ONLY the small pill arrows (keep progress bar + scrolling) */
/* ❌ CHANGED: do NOT hide pill — we need WTM arrows */
#m-section--{{ section.id }} .m-scroll-pill{ display:inline-flex !important; }

/* ============================
   ✅ DESKTOP: show arrows next to progress bar (Wavytalk style)
============================ */
@media (min-width: 769px){
  #m-section--{{ section.id }} .m-scroll-controls{
    display:flex !important;
    align-items:center;
    gap:14px;
    margin-top: 28px !important;
  }

  #m-section--{{ section.id }} .m-scroll-progress{ flex: 1 1 auto; }

  #m-section--{{ section.id }} .m-scroll-pill{
    display:inline-flex !important;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:999px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(0,0,0,.10);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 10px 22px rgba(0,0,0,.10);
  }

  #m-section--{{ section.id }} .m-scroll-pill__btn{
    width:20px;
    height:20px;
    border-radius:999px;
    border:0;
    background:transparent;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#111;
    transition: transform .12s ease, opacity .12s ease;
  }
  #m-section--{{ section.id }} .m-scroll-pill__btn:active{ transform: scale(.96); }
  #m-section--{{ section.id }} .m-scroll-pill__btn[disabled]{ opacity:.35; cursor:not-allowed; }
  #m-section--{{ section.id }} .m-scroll-pill__btn svg{ width:18px; height:18px; }
}

@media (max-width: 768px){
  #m-section--{{ section.id }} .m-scroll-pill{ display:inline-flex !important; }
}

/* Keep the progress bar visible */
#m-section--{{ section.id }} .m-scroll-controls{ display:flex; }

/* ===== ROUND STAR (svgrepo) — FORCE SIZE + FIX HALF STAR ===== */
#m-section--{{ section.id }} .custom-card-stars .star{
  position:relative;
  width:14px;
  height:14px;
  flex:0 0 14px;
  display:inline-block;
  line-height:0;
}

/* IMPORTANT: override theme img rules */
#m-section--{{ section.id }} .custom-card-stars .star img{
  width:14px !important;
  height:14px !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
}

/* empty star look */
#m-section--{{ section.id }} .custom-card-stars .star--empty img{ opacity:.25; }

/* full star look */
#m-section--{{ section.id }} .custom-card-stars .star--full img{ opacity:1; }

/* half star background = WHITE with BLACK outline */
#m-section--{{ section.id }} .custom-card-stars .star--half .star-bg{
  position:absolute;
  inset:0;
  opacity:1;
  filter:
    brightness(0) invert(1)
    drop-shadow(1px 0 0 #000)
    drop-shadow(-1px 0 0 #000)
    drop-shadow(0 1px 0 #000)
    drop-shadow(0 -1px 0 #000);
}
#m-section--{{ section.id }} .custom-card-stars .star--half .star-bg{
  transform: scale(0.83);
  transform-origin: center;
}

#m-section--{{ section.id }} .custom-card-stars .star--half .star-fill{
  position:absolute;
  inset:0;
  width:50%;
  height:100%;
  overflow:hidden;
}

#m-section--{{ section.id }} .custom-card-stars .star--half .star-fg{
  position:absolute;
  inset:0;
}

/* ✅ keep stars + rating number on one line */
#m-section--{{ section.id }} .custom-card-stars{
  flex-wrap: nowrap !important;
  align-items: center !important;
}

#m-section--{{ section.id }} .custom-card-stars__icons{
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

#m-section--{{ section.id }} .custom-card-stars__value{
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* ============================
   🔥 NUCLEAR PRICE WEIGHT (THIS SECTION ONLY)
============================ */
#m-section--{{ section.id }} .m-product-card .m-price,
#m-section--{{ section.id }} .m-product-card .m-price * ,
#m-section--{{ section.id }} .m-product-card .price,
#m-section--{{ section.id }} .m-product-card .price * ,
#m-section--{{ section.id }} .m-product-card [class*="price"] ,
#m-section--{{ section.id }} .m-product-card [class*="price"] *{
  font-weight: 500 !important;
}
#m-section--{{ section.id }} .m-product-card__title,
#m-section--{{ section.id }} .m-product-card__name{
  line-height: 1.1;
}

/* =========================================================
   ✅ CHANGE ONLY: MAKE ARROWS IDENTICAL TO WTM (PILLS REMOVED)
   - NO pill wrapper look
   - Milky circles
   - Mobile 40px, Desktop 44px
   - Dark icon + thin stroke
   - Removes grey tap shadow/flash
========================================================= */
#m-section--{{ section.id }} .m-scroll-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap: 10px !important;

  /* remove pill wrapper look */
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  font-size: 0 !important;
  line-height: 0 !important;
}

#m-section--{{ section.id }} .m-scroll-pill__btn{
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  background: rgba(255,255,255,.78) !important;

  box-shadow: 0 10px 25px rgba(0,0,0,.08) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;

  /* WTM icon tone */
  color: rgba(0,0,0,.9) !important;

  transition: transform .12s ease, background .12s ease, box-shadow .12s ease, opacity .12s ease !important;

  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#m-section--{{ section.id }} .m-scroll-pill__btn:hover{
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.10) !important;
}

#m-section--{{ section.id }} .m-scroll-pill__btn:active{
  transform: scale(.96) !important;
}

#m-section--{{ section.id }} .m-scroll-pill__btn:focus,
#m-section--{{ section.id }} .m-scroll-pill__btn:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

#m-section--{{ section.id }} .m-scroll-pill__btn[disabled]{
  opacity: .35 !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.06) !important;
}

#m-section--{{ section.id }} .m-scroll-pill__btn svg{
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

/* Thin arrow stroke (WTM) */
#m-section--{{ section.id }} .m-scroll-pill__btn svg path{
  stroke-width: 1 !important;
}

/* Mobile override (WTM) */
@media (max-width: 768px){
  #m-section--{{ section.id }} .m-scroll-pill__btn{
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    color: rgba(0,0,0,.92) !important;
  }

  #m-section--{{ section.id }} .m-scroll-pill__btn svg{
    width: 18px !important;
    height: 18px !important;
  }
}

/* Desktop icon a touch bigger (WTM) */
@media (min-width: 769px){
  #m-section--{{ section.id }} .m-scroll-pill__btn svg{
    width: 20px !important;
    height: 20px !important;
  }
}
/* ✅ MOBILE: pull ENTIRE section UP (THIS SECTION ONLY) */
@media (max-width: 768px){
  #m-section--{{ section.id }}{
    margin-top: -24px !important; /* adjust if needed */
  }
}
/* =========================================================
   ✅ AURA: QUICK ADD BUTTON (match wavytalk look)
   THIS SECTION ONLY
========================================================= */

/* Buton/pill (wrapper) */
#m-section--{{ section.id }} .m-product-card__media .m-product-card__action a,
#m-section--{{ section.id }} .m-product-card__media .m-product-card__action button,
#m-section--{{ section.id }} .m-product-card__media .m-product-card__action .m-button{
  border-radius: 999px !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.06) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  padding: 6px 8px !important;
}

/* Text + icon layout */
#m-section--{{ section.id }} .m-add-to-cart--text{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;

  font-size: 16px !important;
  font-weight: 400 !important;
  color: #222 !important;
}

/* Icon circle wrapper */
#m-section--{{ section.id }} .m-add-to-cart--text .carticon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  flex: 0 0 44px !important;
}

/* SVG size */
#m-section--{{ section.id }} .m-add-to-cart--text .carticon svg{
  width: 34px !important;
  height: 34px !important;
  display: block !important;
}

/* Pink background in SVG (rect fill is hardcoded) */
#m-section--{{ section.id }} .m-add-to-cart--text .carticon svg rect{
  fill: #FF6BFF !important;
}

/* Bag icon color */
#m-section--{{ section.id }} .m-add-to-cart--text .carticon svg path{
  fill: #000 !important;
}

/* Mobile tweaks */
@media (max-width: 768px){
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action a,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action button,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action .m-button{
    padding: 2px 4px !important;
  }

  #m-section--{{ section.id }} .m-add-to-cart--text{
    font-size: 15px !important;
  }

  #m-section--{{ section.id }} .m-add-to-cart--text .carticon{
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
  }

  #m-section--{{ section.id }} .m-add-to-cart--text .carticon svg{
    width: 32px !important;
    height: 32px !important;
  }
}
/* =========================================================
   AURA — DESKTOP: Quick add appears ONLY on hover over IMAGE
   MOBILE: always visible
   (THIS SECTION ONLY)
========================================================= */

/* DESKTOP: hide EVERYTHING related to quick add in the media area */
@media (min-width: 769px){
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__quick-add,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__button,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__atc,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__atc-button,
  #m-section--{{ section.id }} .m-product-card__media .m-product-quick-add,
  #m-section--{{ section.id }} .m-product-card__media [data-quick-add],
  #m-section--{{ section.id }} .m-product-card__media form[action*="/cart/add"]{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease !important;
  }

  /* SHOW ONLY when hovering the IMAGE LINK area */
  #m-section--{{ section.id }} .m-product-card__media > a.m-product-card__link:hover ~ .m-product-card__action,
  #m-section--{{ section.id }} .m-product-card__media:hover .m-product-card__action,
  #m-section--{{ section.id }} .m-product-card__media:hover .m-product-card__quick-add,
  #m-section--{{ section.id }} .m-product-card__media:hover .m-product-card__button,
  #m-section--{{ section.id }} .m-product-card__media:hover .m-product-card__atc,
  #m-section--{{ section.id }} .m-product-card__media:hover .m-product-card__atc-button,
  #m-section--{{ section.id }} .m-product-card__media:hover .m-product-quick-add,
  #m-section--{{ section.id }} .m-product-card__media:hover [data-quick-add],
  #m-section--{{ section.id }} .m-product-card__media:hover form[action*="/cart/add"]{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
}

/* MOBILE: always visible */
@media (max-width: 768px){
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__quick-add,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__button,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__atc,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__atc-button,
  #m-section--{{ section.id }} .m-product-card__media .m-product-quick-add,
  #m-section--{{ section.id }} .m-product-card__media [data-quick-add],
  #m-section--{{ section.id }} .m-product-card__media form[action*="/cart/add"]{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}
/* =========================================================
   AURA (THIS SECTION ONLY) — FORCE CART ICON ON DESKTOP
   Fix: some products (variants) don't render .carticon in quick add
   Solution: always draw the icon via CSS ::after and hide real .carticon on desktop
========================================================= */

@media (min-width: 769px){

  /* 1) Hide the real injected icon (so we don't get duplicates) */
  #m-section--{{ section.id }} .m-product-card__media .m-add-to-cart--text .carticon{
    display: none !important;
  }

  /* 2) Make room for our CSS icon */
  #m-section--{{ section.id }} .m-product-card__media .m-add-to-cart--text{
    position: relative !important;
    padding-right: 56px !important;
    min-height: 44px !important; /* so it has room */
  }

  /* 3) Draw the icon ALWAYS via CSS */
  #m-section--{{ section.id }} .m-product-card__media .m-add-to-cart--text::after{
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 44px 44px !important;

    /* your exact icon baked into the image */
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2239%22%20height%3D%2239%22%20viewBox%3D%220%200%2039%2039%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2239%22%20height%3D%2239%22%20rx%3D%2210%22%20fill%3D%22%23FF6BFF%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.6164%2011.6667C20.2674%2011.6667%2020.8917%2011.9301%2021.352%2012.3989C21.8123%2012.8677%2022.0709%2013.5036%2022.0709%2014.1667V15H17.1618V14.1667C17.1618%2013.5036%2017.4204%2012.8677%2017.8808%2012.3989C18.3411%2011.9301%2018.9654%2011.6667%2019.6164%2011.6667ZM15.5255%2015V14.1667C15.5255%2013.0616%2015.9565%2012.0018%2016.7237%2011.2204C17.4909%2010.439%2018.5314%2010%2019.6164%2010C20.7014%2010%2021.7419%2010.439%2022.5091%2011.2204C23.2763%2012.0018%2023.7073%2013.0616%2023.7073%2014.1667V15H26.98L28.2122%2026.2983C28.2631%2026.7642%2028.2169%2027.2358%2028.0766%2027.6823C27.9364%2028.1288%2027.7052%2028.5402%2027.3983%2028.8895C27.0914%2029.2388%2026.7156%2029.5183%2026.2954%2029.7097C25.8753%2029.901%2025.4202%2029.9999%2024.9599%2030H14.2728C13.8126%2029.9999%2013.3575%2029.901%2012.9373%2029.7097C12.5172%2029.5183%2012.1414%2029.2388%2011.8344%2028.8895C11.5275%2028.5402%2011.2964%2028.1288%2011.1561%2027.6823C11.0159%2027.2358%2010.9697%2026.7642%2011.0206%2026.2983L12.2527%2015.0033V15H15.5255ZM13.7165%2016.6667L12.6463%2026.4825C12.6195%2026.7156%2012.642%2026.9518%2012.7123%2027.1753C12.7826%2027.3988%2012.899%2027.6044%2013.0537%2027.7783C13.3679%2028.1358%2013.8016%2028.3333%2014.2728%2028.3333H24.9599C25.4312%2028.3333%2025.8648%2028.1358%2026.179%2027.7783C26.494%2027.42%2026.6388%2026.96%2026.5865%2026.4825L25.5155%2016.6667H23.7073V20H22.0709V16.6667H17.1618V20H15.5255V16.6667H13.7165Z%22%20fill%3D%22black%22/%3E%3C/svg%3E") !important;

    pointer-events: none !important;
    z-index: 5 !important;
  }
}

/* =========================================================
   FINAL MOBILE FIX — shrink entire Add to Cart pill height
   THIS SECTION ONLY
========================================================= */
@media (max-width: 768px){

  /* 1️⃣ pill container */
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action a,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action button{
    padding: 2px 4px !important;      /* 👈 MAIN HEIGHT CONTROL */
    min-height: auto !important;
  }

  /* 2️⃣ text line-height */
  #m-section--{{ section.id }} .m-add-to-cart--text{
    font-size: 14px !important;
    line-height: 1 !important;        /* 👈 KILLS EXTRA HEIGHT */
  }

  /* 3️⃣ icon circle */
  #m-section--{{ section.id }} .m-add-to-cart--text .carticon{
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }

  /* 4️⃣ svg inside circle */
  #m-section--{{ section.id }} .m-add-to-cart--text .carticon svg{
    width: 26px !important;
    height: 26px !important;
  }

}
/* =========================================================
   MOBILE — fully rounded pill + icon + svg
   THIS SECTION ONLY
========================================================= */
@media (max-width: 768px){

  /* 1️⃣ pill (buton) */
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action a,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action button{
    border-radius: 999px !important;     /* pill round */
    overflow: hidden !important;         /* clip inside */
  }

  /* 2️⃣ text wrapper (no sharp edges inside) */
  #m-section--{{ section.id }} .m-add-to-cart--text{
    border-radius: 999px !important;
  }

  /* 3️⃣ icon circle wrapper */
  #m-section--{{ section.id }} .m-add-to-cart--text .carticon{
    border-radius: 999px !important;     /* perfect circle */
    overflow: hidden !important;
  }

  /* 4️⃣ SVG itself (safety clamp) */
  #m-section--{{ section.id }} .m-add-to-cart--text .carticon svg{
    border-radius: 999px !important;
    overflow: hidden !important;
    display: block !important;
  }

  /* 5️⃣ SVG rect (pink background) */
  #m-section--{{ section.id }} .m-add-to-cart--text .carticon svg rect{
    rx: 999 !important;
    ry: 999 !important;
  }
}
/* =========================================================
   MOBILE — EXTRA rounded pill (optical capsule look)
   THIS SECTION ONLY
========================================================= */
@media (max-width: 768px){

  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action a,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action button{
    border-radius: 9999px !important;   /* 👈 stronger than 999 */
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* smooth inner content so it follows the curve */
  #m-section--{{ section.id }} .m-add-to-cart--text{
    border-radius: 9999px !important;
  }

  /* icon bubble should feel glued into the pill */
  #m-section--{{ section.id }} .m-add-to-cart--text .carticon{
    border-radius: 9999px !important;
  }
}
@media (max-width: 768px){

  /* PILL (butonul) - height real */
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action a,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action button,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action .m-button{
    padding: 4px 8px !important;      /* <- aici il faci mai mic */
    border-radius: 9999px !important; /* <- super rounded */
    min-height: 0 !important;
    height: auto !important;
  }

  /* WRAPPER text - asta iti tine inaltimea daca ramane mare */
  #m-section--{{ section.id }} .m-product-card__media .m-add-to-cart--text{
    min-height: 0 !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  /* ICON - asta umfla pill-ul cel mai des */
  #m-section--{{ section.id }} .m-product-card__media .m-add-to-cart--text .carticon{
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
  }

  #m-section--{{ section.id }} .m-product-card__media .m-add-to-cart--text .carticon svg{
    width: 26px !important;
    height: 26px !important;
    display: block !important;
  }

  /* text un pic mai compact */
  #m-section--{{ section.id }} .m-product-card__media .m-add-to-cart--text{
    font-size: 15px !important;
     font-weight: 500 !important;  /* 400 normal | 500 medium | 600 semi-bold */
  }
}
@media (max-width: 768px){

  /* PILL - elementul clickabil */
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action .m-button,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action a,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action button{
    border-radius: 9999px !important;
    overflow: hidden !important;
  }

  /* ✅ AICI era buba: inner wrapper care îți “păstrează colțuri” optic */
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action .m-add-to-cart--text{
    border-radius: 9999px !important;
    overflow: hidden !important;
  }
}
@media (max-width: 768px){
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action .m-button,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action a,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action button{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media (max-width: 768px){

  /* ⬅️ ASTA este pill-ul real */
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action{
    border-radius: 9999px !important;
    overflow: hidden !important;
  }

  /* redundanță de siguranță */
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action a,
  #m-section--{{ section.id }} .m-product-card__media .m-product-card__action button{
    border-radius: 9999px !important;
  }
}
@media (max-width: 768px){

  /* TEXTUL REAL "Adaugă în coș" */
  #m-section--{{ section.id }}
  .m-product-card__media
  .m-product-card__action
  .m-add-to-cart--text{
    font-size: 14px !important;   /* 👈 AICI SE VEDE */
    font-weight: 500 !important;
    line-height: 1 !important;
  }
}

/* =========================================================
   ✅ AURA (THIS SECTION ONLY) — WavyTalk title/subtitle/stars layout
   - removes underline
   - forces subtitle ABOVE stars (even if DOM is wrong) via flex order
   - matches spacing/typography closer to screenshot
========================================================= */

#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__info{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* ✅ Remove ANY underline on title link (idle/hover/focus) */
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__title a,
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__name{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__title a:hover,
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__title a:focus,
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__title a:focus-visible{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ✅ If your theme renders an underline via pseudo elements */
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__title a::after,
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__name::after{
  content: none !important;
  display: none !important;
}

/* ✅ Hide AirReviews stars in THIS section (you’re injecting your own stars) */
#m-section--{{ section.id }} .m-product-card--style-4 .AirReviews-Widget{
  display: none !important;
}

/* ✅ ORDER: Title -> Subtitle -> Stars -> Price */
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__title{ order: 10 !important; }
#m-section--{{ section.id }} .m-product-card--style-4 .aura-fc-subtitle{ order: 20 !important; }
#m-section--{{ section.id }} .m-product-card--style-4 .custom-card-stars{ order: 30 !important; }
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__price{ order: 40 !important; }

/* ✅ Typography + spacing (mobile first) */
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__title{
  margin: -10px 0 0 !important;
  line-height: 1.25 !important;
   overflow: visible !important;
}
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__title a{
  font-size: 20px !important;      /* WavyTalk big title */
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.22 !important;
}

/* ✅ Subtitle (must have this class on the subtitle element) */
#m-section--{{ section.id }} .m-product-card--style-4 .aura-fc-subtitle{
  margin-top: 8px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  color: #1d161d !important;
}

/* ✅ Stars line spacing */
#m-section--{{ section.id }} .m-product-card--style-4 .custom-card-stars{
  margin-top: 5px !important;
  margin-bottom: 2px !important;
  justify-content: flex-start !important;
}
#m-section--{{ section.id }} .m-product-card--style-4 .custom-card-stars__value{
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #111 !important;
}

/* ✅ Price spacing (under stars like screenshot) */
#m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__price{
  margin-top: 4px !important;
}

/* Desktop tweaks */
@media (min-width: 769px){
  #m-section--{{ section.id }} .m-product-card--style-4 .m-product-card__title a{
    font-size: 30px !important;
  }
  #m-section--{{ section.id }} .m-product-card--style-4 .aura-fc-subtitle{
    font-size: 20px !important;
  }
}
/* ============================
   AURA — PRICE SIZES (THIS SECTION ONLY)
   Mobile + Desktop
============================ */

/* Base (applies to both unless overridden) */
#m-section--{{ section.id }} .m-product-card__price{
  line-height: 1.1 !important;
}
/* =========================
   AURA PRICE SIZE — EXACT TARGET
   ONLY THIS SECTION
========================= */

/* MOBILE */
@media (max-width:768px){

  /* current price */
  #m-section--{{ section.id }} .m-price-item--sale{
    font-size: 16px !important;
  }

  /* compare at price */
  #m-section--{{ section.id }} .m-price-item--compare{
    font-size: 13px !important;
  }
}


/* DESKTOP */
@media (min-width:769px){

  /* current price */
  #m-section--{{ section.id }} .m-price-item--sale{
    font-size: 22px !important;
  }

  /* compare at price */
  #m-section--{{ section.id }} .m-price-item--compare{
    font-size: 16px !important;
  }
}
/* =========================================================
   ✅ WavyTalk Arrow Shadow Match (THIS SECTION ONLY)
   - soft floating shadow like screenshot
   - keeps milky circle + light border
========================================================= */
#m-section--{{ section.id }} .m-scroll-pill{
  /* no pill wrapper styling at all */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#m-section--{{ section.id }} .m-scroll-pill__btn{
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(0,0,0,.06) !important;

  /* ✅ screenshot-like shadow: soft + airy (2-layer) */
  box-shadow:
    0 12px 28px rgba(0,0,0,.08),
    0 2px 6px rgba(0,0,0,.04) !important;

  filter: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

/* subtle lift on hover (desktop only) */
@media (hover:hover) and (pointer:fine){
  #m-section--{{ section.id }} .m-scroll-pill__btn:hover{
    background: rgba(255,255,255,.86) !important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.10),
      0 3px 8px rgba(0,0,0,.05) !important;
  }
}

/* pressed */
#m-section--{{ section.id }} .m-scroll-pill__btn:active{
  transform: scale(.96) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.07),
    0 2px 5px rgba(0,0,0,.04) !important;
}

/* IMPORTANT: don't let your earlier "mobile shadow killer" remove it */
@media (max-width: 768px){
  #m-section--{{ section.id }} .m-scroll-pill__btn,
  #m-section--{{ section.id }} .m-scroll-pill__btn:hover,
  #m-section--{{ section.id }} .m-scroll-pill__btn:active,
  #m-section--{{ section.id }} .m-scroll-pill__btn:focus,
  #m-section--{{ section.id }} .m-scroll-pill__btn:focus-visible{
    /* re-assert the shadow on mobile */
    box-shadow:
      0 12px 28px rgba(0,0,0,.08),
      0 2px 6px rgba(0,0,0,.04) !important;
  }
}
/* =========================================================
   ✅ FIX: allow arrow shadows to show (your current CSS clips them)
   - overflow hidden on .m-mixed-layout__outer kills the shadow
========================================================= */
@media (max-width: 768px){
  #m-section--{{ section.id }} .m-mixed-layout__outer{
    overflow: hidden !important; /* was hidden in your CSS */
  }

  /* keep the scroll rail itself controlled */
  #m-section--{{ section.id }} [data-m-scroll-rail]{
    overflow-x: auto !important;
  }
}

/* =========================================================
   ✅ FORCE WavyTalk-style floating shadows (ALL devices)
   - uses BOTH box-shadow + filter drop-shadow (iOS renders nicer)
   - overrides your earlier "shadow remover" block
========================================================= */
#m-section--{{ section.id }} .m-scroll-pill__btn{
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(0,0,0,.06) !important;

  /* WavyTalk floating shadow */
  box-shadow:
    0 10px 25px rgba(0,0,0,.08),
    0 2px 6px rgba(0,0,0,.04) !important;

  /* extra pop on iOS Safari */
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.08)) !important;

  outline: none !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

/* keep wrapper clean (no pill background) */
#m-section--{{ section.id }} .m-scroll-pill{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* hover lift */
@media (hover:hover) and (pointer:fine){
  #m-section--{{ section.id }} .m-scroll-pill__btn:hover{
    box-shadow:
      0 14px 32px rgba(0,0,0,.10),
      0 3px 8px rgba(0,0,0,.05) !important;
    filter: drop-shadow(0 14px 20px rgba(0,0,0,.10)) !important;
  }
}
/* END_SECTION:featured-collection */