/** Shopify CDN: Minification failed

Line 1573:1 Expected "}" to go with "{"

**/
:root,
:root body,
.color-scheme-5,
[class*="color-scheme"] {
  --color-button: #39C5EF !important;
  --color-button-text: #FFFFFF !important;
  --gradient-button: none !important;
}

/* ATC button direct override */
button[name="add"],
button.add-to-cart-button,
#ProductSubmitButton,
[id*="ProductSubmitButton"],
.button--primary,
form[action="/cart/add"] button[type="submit"] {
  background: #39C5EF !important;
  background-color: #39C5EF !important;
  --color-button: #39C5EF !important;
  --gradient-button: none !important;
  border: none !important;
}

/* Hamburger direct override */
button.header__icon--menu,
button[aria-label="Find Your Case"],
.header__icon--menu,
side-drawer-opener button {
  background: transparent !important;
  background-color: transparent !important;
  --color-button: transparent !important;
  --gradient-button: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Bottom nav — kill cyan active state */
.bottom-nav__item svg,
.bottom-nav__item.is-active svg,
.bottom-nav__item--active svg,
[class*="bottom-nav"] a svg,
[class*="bottom-nav"] button svg {
  color: #888888 !important;
  stroke: #888888 !important;
  fill: none !important;
}

/* ── StayClassy v3.0 — Ella HaloThemes ── */
/* ── StayClassy v3.0 — Ella HaloThemes ── */

/* ══════════════════════════════════════
   COLLECTION CARDS
══════════════════════════════════════ */
.card-product__wrapper {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #F0EEF8 !important;
  background: #FFFFFF !important;
}
.card-wrapper:hover .card-product__wrapper {
  box-shadow: 0 6px 24px rgba(57,197,239,0.10) !important;
  transform: translateY(-2px) !important;
  transition: all 0.2s ease !important;
}

/* ══════════════════════════════════════
   VENDOR LABEL
══════════════════════════════════════ */
.card--block-vendor,
.card--block-vendor a,
.card--block-vendor div,
.card--block-vendor span,
.product-item__vendor {
  color: #D94F6B !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}
product-recommendations .caption-with-letter-spacing.light {
  color: #D94F6B !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

/* ══════════════════════════════════════
   TITLE
══════════════════════════════════════ */
.product-item__name {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1A1230 !important;
  line-height: 1.35 !important;
}

/* ══════════════════════════════════════
   PRICE
══════════════════════════════════════ */
.price-item--sale {
  color: #D94F6B !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
.price-item--regular {
  display: none !important;
}

/* ══════════════════════════════════════
   FEATURE PILLS
══════════════════════════════════════ */
.sc-pills {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 6px 0 !important;
  width: 100% !important;
}
.sc-pill {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #4A4458 !important;
  background: #F7F6FF !important;
  border: 0.5px solid #DDD9F5 !important;
  padding: 3px 9px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
@media (max-width: 749px) {
  .sc-pills {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: max-content !important;
  }
}

/* ══════════════════════════════════════
   BADGES
══════════════════════════════════════ */
.product-item__badge--sale {
  background: #D94F6B !important;
  color: transparent !important;
  font-size: 0 !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  line-height: 1 !important;
}
.product-item__badge--sale::after {
  content: 'Buy 1 Get 1' !important;
  color: #FFFFFF !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}
.product-item__badge--new {
  background: #1A1230 !important;
  color: #FFFFFF !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
}

/* ══════════════════════════════════════
   JUDGE.ME STARS
══════════════════════════════════════ */
.jdgm-prev-badge {
  display: block !important;
  margin: 4px 0 5px !important;
}
.jdgm-prev-badge__stars {
  color: #F5A800 !important;
  font-size: 12px !important;
}
.jdgm-prev-badge[data-number-of-reviews="0"] {
  display: none !important;
}

/* ══════════════════════════════════════
   SCROLLBAR
══════════════════════════════════════ */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { background: #D4D0F5; border-radius: 3px; }

/* ══════════════════════════════════════
   TRUST ROW (product page under ATC)
══════════════════════════════════════ */
.sc-trust-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 0 !important;
  margin-top: 10px !important;
  padding: 10px 0 !important;
  border-top: 0.5px solid #F0EEF8 !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
.sc-trust-row::-webkit-scrollbar {
  display: none !important;
}

/* ══════════════════════════════════════
   ANNOUNCEMENT BAR
══════════════════════════════════════ */
#shopify-section-sections--19603027132529__announcement_bar_4tGfEp,
[class*="announcement-bar"],
.section-announcement-bar {
  background: #111111 !important;
}

/* ══════════════════════════════════════
   HEADER — ALL ICONS (consolidated)
══════════════════════════════════════ */

/* Strip backgrounds from all header buttons */
header .header__column-action,
header .header__column-action.button,
header a.header__column-action,
header button.header__column-action {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* All header SVGs — thin white stroke */
header svg {
  stroke-width: 1.2 !important;
  stroke: rgba(255,255,255,0.80) !important;
  fill: none !important;
  color: rgba(255,255,255,0.80) !important;
}

/* SVG inner elements — path, circle, line */
header svg path,
header svg circle,
header svg line,
header svg polyline,
header svg rect {
  stroke: rgba(255,255,255,0.80) !important;
  stroke-width: 1.2 !important;
  fill: none !important;
}

/* Hamburger — fill-based, use opacity instead */
.header__hamburger svg,
.header__hamburger svg path,
button[aria-label*="menu" i] svg,
button[aria-label*="menu" i] svg path {
  stroke: none !important;
  fill: rgba(255,255,255,0.75) !important;
  opacity: 1 !important;
}

/* Search button */
header button[type="submit"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ══════════════════════════════════════
   CART ICON — kill purple box (exact Ella fix)
══════════════════════════════════════ */
button.cart-icon--drawer,
button.cart-icon--drawer.button,
button.header__icon.cart-icon--drawer,
.cart-icon--drawer {
  --color-button: transparent !important;
  --gradient-button: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px !important;
}
#cart-icon-bubble {
  background: transparent !important;
  background-color: transparent !important;
}
.cart-count-bubble {
  background: #D94F6B !important;
  background-color: #D94F6B !important;
  border-radius: 50% !important;
}

/* ══════════════════════════════════════
   QUANTITY STEPPER
══════════════════════════════════════ */
body .quantity,
body quantity-input {
  --color-button: #FFFFFF !important;
  --color-button-text: #1A1230 !important;
  --gradient-button: none !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 36px !important;
  width: 100px !important;
  border: 1.5px solid #1A1230 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}
body .quantity__button,
body quantity-input button {
  --color-button: #FFFFFF !important;
  --gradient-button: none !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #1A1230 !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 0 !important;
  cursor: pointer !important;
}
body .quantity__button svg,
body quantity-input button svg {
  stroke: #1A1230 !important;
  fill: none !important;
  width: 13px !important;
  height: 13px !important;
  color: #1A1230 !important;
}
body .quantity__input {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #1A1230 !important;
  border: none !important;
  box-shadow: none !important;
  width: 36px !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 0 !important;
}

/* ══════════════════════════════════════
   CART DRAWER
══════════════════════════════════════ */
/* Cart drawer quantity — small branded */
cart-drawer .quantity,
cart-drawer quantity-input {
  display: inline-flex !important;
  height: 28px !important;
  width: 80px !important;
  border: 1px solid #39C5EF !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #fff !important;
}
cart-drawer .quantity__button,
cart-drawer quantity-input button {
  width: 24px !important;
  min-width: 24px !important;
  height: 100% !important;
  background: #fff !important;
  border: none !important;
  color: #39C5EF !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
}
cart-drawer .quantity__button svg,
cart-drawer quantity-input button svg {
  stroke: #39C5EF !important;
  width: 10px !important;
  height: 10px !important;
}
cart-drawer .quantity__input {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #1A1230 !important;
  text-align: center !important;
  border: none !important;
  background: #fff !important;
  width: 28px !important;
  padding: 0 !important;
}

/* Checkout button — purple fill */
#CartDrawer-Checkout {
  background: #39C5EF !important;
  color: #FFFFFF !important;
  width: 100% !important;
  min-width: 100% !important;
  border-radius: 8px !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  font-weight: 700 !important;
}

/* View Cart button — outline */
#CartDrawer-Viewcart {
  background: #FFFFFF !important;
  color: #39C5EF !important;
  border: 2px solid #39C5EF !important;
  width: 100% !important;
  min-width: 100% !important;
  border-radius: 8px !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  margin-top: 8px !important;
  font-weight: 700 !important;
}

/* Remove item button — no circle */
button.button.button-close-circle,
button.button-unstyled.button-close-circle,
.button-close-circle {
  --color-button: transparent !important;
  --gradient-button: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  min-width: unset !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
button.button.button-close-circle svg,
button.button-unstyled.button-close-circle svg,
.button-close-circle svg {
  stroke: #999999 !important;
  fill: none !important;
  width: 13px !important;
  height: 13px !important;
  color: #999999 !important;
}

/* Cart drawer close (X) button */
cart-drawer button[aria-label*="lose"],
cart-drawer .cart-drawer__close {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 4px !important;
}
cart-drawer button[aria-label*="lose"] svg,
cart-drawer .cart-drawer__close svg {
  stroke: #1A1230 !important;
  fill: none !important;
  color: #1A1230 !important;
}
/* ── MOBILE HEADER — hamburger + search purple box fix ── */
.header__hamburger,
button.header__hamburger,
.header__hamburger.button,
button[aria-label*="menu" i],
button[aria-label*="Menu" i],
.header__icon--search,
button.header__icon--search,
button[aria-label*="search" i],
button[aria-label*="Search" i],
.header__search-toggle,
.search-modal__toggle {
  --color-button: transparent !important;
  --gradient-button: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px !important;
}
/* ── ACCOUNT + CART ICONS — match menu/search weight ── */
a.header__icon--account svg,
a.header__icon--account svg path,
a.header__icon--account svg circle,
a.header__icon--account svg rect,
a.header__icon--account svg ellipse {
  stroke: rgba(255,255,255,0.78) !important;
  stroke-width: 0.9 !important;
  fill: none !important;
}

button.cart-icon--drawer svg,
button.cart-icon--drawer svg path,
button.cart-icon--drawer svg circle,
button.cart-icon--drawer svg rect,
button.cart-icon--drawer svg line,
button.cart-icon--drawer svg polyline {
  stroke: rgba(255,255,255,0.78) !important;
  stroke-width: 0.9 !important;
  fill: none !important;
}
/* ── ACCOUNT + CART — reduce icon size to match menu/search ── */
a.header__icon--account svg,
button.cart-icon--drawer svg {
  width: 21px !important;
  height: 21px !important;
}
/* ── BOTTOM NAV — cart icon shape fix ── */
.bottom-nav__item--cart svg,
.mobile-nav__cart svg,
.site-footer-bottom-nav [href*="cart"] svg,
nav[class*="bottom"] a[href*="cart"] svg,
.bottom-toolbar a[href*="cart"] svg,
.mobile-bottom-nav a[href*="cart"] svg {
  stroke-width: 1.2 !important;
  stroke: currentColor !important;
  fill: none !important;
  width: 22px !important;
  height: 22px !important;
}
/* ── CART COUNT BUBBLE — perfect circle ── */
.cart-count-bubble,
#cart-icon-bubble .cart-count-bubble,
.cart-icon-bubble .cart-count-bubble {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: #D94F6B !important;
}
.cart-count-bubble span,
.cart-count-bubble .visually-hidden ~ span,
#cart-icon-bubble .cart-count-bubble span:not(.visually-hidden) {
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #FFFFFF !important;
}
/* ── CART DRAWER RECOMMENDATIONS ── */
.drawer__cart-items-recommendations-wrapper {
  max-height: 260px !important;
  overflow: hidden !important;
}
.drawer__cart-items-recommendations-wrapper .splide__arrow {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
}
.drawer__cart-items-recommendations-wrapper .splide__arrow svg {
  width: 12px !important;
  height: 12px !important;
}

/* ── HIDE TAXES TEXT ── */
/* ── HIDE TAXES TEXT — stronger selectors ── */
cart-drawer .tax-note,
cart-drawer [class*="tax"],
cart-drawer [class*="shipping-note"],
cart-drawer .cart__tax-note,
cart-drawer small,
cart-drawer p.caption-large,
.drawer__footer p.caption-large,
.drawer__footer small,
.drawer__footer [class*="tax"] {
  display: none !important;
}
/* ── CART ITEM PROPERTIES — compact text ── */
.cart-item__details .product-option,
.cart-item__details dl,
.cart-item__details dt,
.cart-item__details dd,
cart-drawer .cart-item__details p,
cart-drawer [class*="product-option"],
cart-drawer .cart-item__properties {
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: #888888 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ── CART ITEM PROPERTIES — no truncation ── */
cart-drawer .cart-item__details .product-option dd,
cart-drawer .cart-item__details dl dd,
cart-drawer [class*="cart-item"] dd,
cart-drawer [class*="cart-item"] .product-option {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}
/* ── CART DRAWER — product title ── */
cart-drawer .cart-item__name,
cart-drawer .cart-item__name a,
cart-drawer a.cart-item__name {
  color: #1A1230 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}
/* ── PRODUCT PAGE — price size ── */
span.price.price-item.price-item--sale.price-item--last {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #D94F6B !important;
}
/* Fix estimated total visibility */
.cart-drawer__footer {
  padding-top: 12px !important;
  border-top: 1px solid #f0edfb !important;
}

.totals {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 8px 0 !important;
}

.totals__total {
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

.totals__total-value {
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Fix total hidden issue - force footer always visible */
.cart-drawer__footer,
.cart-purchase-conditions {
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important;
}

.section--main-cart {
  display: flex !important;
  flex-direction: column !important;
}
/* Trust bar — force single row on mobile */
@media (max-width: 749px) {
  .sc-trust-row {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }
  .sc-trust-row > * {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }
}
/* Cart drawer trust bar */
.sc-cart-trust {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 4px 0 !important;
  padding: 12px 16px !important;
  border-top: 0.5px solid #F0EEF8 !important;
  border-bottom: 0.5px solid #F0EEF8 !important;
  margin-bottom: 8px !important;
}
.sc-cart-trust-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #1A1230 !important;
  padding: 0 10px !important;
  white-space: nowrap !important;
}
.sc-cart-trust-divider {
  width: 1px !important;
  height: 14px !important;
  background: #D9D6E8 !important;
  flex-shrink: 0 !important;
}
/* Cart trust bar — single line */
.sc-cart-trust {
  flex-wrap: nowrap !important;
  justify-content: center !important;
  padding: 10px 8px !important;
}
.sc-cart-trust-item {
  font-size: 10px !important;
  padding: 0 6px !important;
  gap: 4px !important;
}
.sc-cart-trust-item svg {
  width: 11px !important;
  height: 11px !important;
  flex-shrink: 0 !important;
}
.sc-cart-trust {
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.sc-cart-trust::-webkit-scrollbar {
  display: none !important;
}
.sc-cart-trust {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
/* Sticky ATC Bar — mobile only */
.sc-sticky-atc {
  display: none;
}

@media (max-width: 749px) {
  .sc-sticky-atc {
    display: flex;
    position: fixed;
    bottom: 65px;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    border-top: 1px solid #e8e4f8;
    padding: 8px 12px;
    gap: 8px;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
  }

  .sc-sticky-atc__btn {
    flex: 1;
    height: 48px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.5px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }

  .sc-sticky-atc__btn--atc {
    background: #39C5EF;
    color: #fff;
  }

  .sc-sticky-atc__btn--buy {
    display: none !important;
  }

  .sc-sticky-atc__btn--atc {
    flex: 0 0 60%;
  }

  .sc-sticky-atc__price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    padding-left: 4px;
  }

  .sc-sticky-atc__price-label {
    font-size: 10px;
    color: #9E99BB;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 3px;
  }

  .sc-sticky-atc__price-value {
    font-size: 18px;
    font-weight: 800;
    color: #1A1230;
    line-height: 1;
  }

  .sc-sticky-atc__btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  /* Hide when original ATC is visible */
  .sc-sticky-atc.sc-sticky-hidden {
    display: none !important;
  }

  /* Push page content up so sticky bar doesn't overlap */
  body {
    padding-bottom: 80px;
  }
/* Product card — CoverCart style */
.card-wrapper .card {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #f0edf8 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  background: #fff !important;
}

/* Vendor — pink uppercase */
.card--block-vendor a,
.card--block-vendor span,
.caption-with-letter-spacing {
  color: #D94F6B !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Card info padding */
.card__information,
.card-information {
  padding: 10px 14px 12px !important;
}

/* Product title */
.card__heading a,
.card__heading {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1A1230 !important;
  margin: 4px 0 !important;
  line-height: 1.4 !important;
}

/* Badges */
.sc-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 6px 0 4px !important;
}

.sc-pill {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #4A4458 !important;
  background: #F7F6FF !important;
  border: 0.5px solid #DDD9F5 !important;
  padding: 3px 9px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
}

/* Price */
.card-information .price,
.card-information .price__regular,
.card-information .price-item--regular {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #D94F6B !important;
}

/* Sale/compare price */
.card-information .price__sale .price-item--sale {
  color: #D94F6B !important;
  font-weight: 800 !important;
}

.card-information .price__sale .price-item--regular {
  color: #aaa !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

/* Spacing between vendor → badges → title → price */
.card--block-vendor {
  margin-bottom: 2px !important;
}

/* Remove gap between card image and info */
.card__inner + .card__content {
  margin-top: 0 !important;
}
/* Vendor text — single line, smaller */
.card--block-vendor a,
.card--block-vendor span,
.caption-with-letter-spacing {
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* Fix badge overflow on cards */
.card__information .sc-pills,
.card-information .sc-pills {
  overflow: hidden !important;
  flex-wrap: nowrap !important;
  max-width: 90% !important;
}

.card__information .sc-pill,
.card-information .sc-pill {
  font-size: 9px !important;
  padding: 2px 7px !important;
  max-width: calc(50% - 4px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/* ── PRODUCT CARDS FINAL FIX ── */
/* ── PRODUCT CARDS V3 ── */
.card-wrapper .card {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid #f0edf8 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  background: #fff !important;
}

.card__information {
  padding: 8px 10px 12px 10px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  overflow: hidden !important;
}

.card-information {
  box-sizing: border-box !important;
  width: 100% !important;
  overflow: hidden !important;
}

.card--block-vendor {
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.card--block-vendor a,
.card--block-vendor span,
.card--block-vendor div,
.caption-with-letter-spacing {
  color: #D94F6B !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.sc-pills {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  margin: 5px 0 4px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.sc-pill {
  font-size: 9px !important;
  font-weight: 600 !important;
  color: #4A4458 !important;
  background: #F7F6FF !important;
  border: 0.5px solid #DDD9F5 !important;
  padding: 2px 4px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.card__heading a,
.card__heading {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #1A1230 !important;
  margin: 4px 0 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.card-information .price .price-item--regular,
.card-information .price__regular .price-item,
.card-information .price-item--sale {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #D94F6B !important;
}

.card-information .price__sale .price-item--regular {
  color: #aaa !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}
/* ── ANDROID CARD FIX ── */
@media (max-width: 390px) {
  .card--block-vendor a,
  .card--block-vendor span,
  .card--block-vendor div,
  .caption-with-letter-spacing {
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
  }

  .sc-pill {
    font-size: 8px !important;
    padding: 2px 3px !important;
  }

  .card__information {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
.sc-pills {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  margin: 5px 0 4px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.sc-pill {
  font-size: 9px !important;
  font-weight: 600 !important;
  color: #4A4458 !important;
  background: #F7F6FF !important;
  border: 0.5px solid #DDD9F5 !important;
  padding: 2px 4px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
/* Uniform card info spacing across all sections */
.recently-viewed-products .card__information,
.related-products .card__information,
.product-recommendations .card__information,
.collection .card__information {
  padding: 8px 10px 12px 10px !important;
}

.recently-viewed-products .card-information,
.related-products .card-information,
.product-recommendations .card-information,
.collection .card-information {
  padding: 0 !important;
  margin: 0 !important;
}

.recently-viewed-products .sc-pills,
.related-products .sc-pills,
.product-recommendations .sc-pills,
.collection .sc-pills {
  margin: 5px 0 4px !important;
}
/* Badges desktop fix */
@media (min-width: 750px) {
  .sc-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }

  .sc-pill {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: fit-content !important;
    padding: 3px 10px !important;
    font-size: 11px !important;
  }
}
/* ══════════════════════════════════════
   GLOBAL CARD — universal fix (all sections)
   Covers: Best Seller, New Arrivals, Featured,
   Collection grid, Slider, Recommendations — everything
══════════════════════════════════════ */
[class*="card-product-information"] {
  --gap: 4px !important;
  --padding-block-start: 8px !important;
  --padding-block-end: 10px !important;
}

/* Also catch Ella's layout-panel-flex wrapper */
[class*="layout-panel-flex--column"] {
  --gap: 4px !important;
}

/* Ensure heading margin stays tight everywhere */
.card__heading,
.card__heading a,
[class*="card__heading"] {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

/* Vendor → always zero bottom margin */
[class*="card--block-vendor"],
.card--block-vendor {
  margin-bottom: 0 !important;
}

/* Pills → consistent tight margin everywhere */
.sc-pills {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
/* Deskmat description container fix */
.product-details .product-description,
.product-details .rte {
  overflow: hidden !important;
  max-width: 100% !important;
}

.product-details .rte > div,
.product-details .rte > * {
  max-width: 100% !important;
  width: 100% !important;
}
/* Bottom nav — kill cyan active state */
.bottom-nav__item.is-active svg,
.bottom-nav__item--active svg,
nav.bottom-nav a.active svg,
.mobile-bottom-nav a[aria-current] svg,
[class*="bottom-nav"] a svg {
  color: inherit !important;
  stroke: inherit !important;
  fill: inherit !important;
}
/* ── TOOLBAR MOBILE — kill cyan active state on account/cart ── */
.toolbar-mobile .t-button,
.toolbar-mobile .toolbar__item,
.toolbar__item.t-button {
  --color-button: transparent !important;
  --gradient-button: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.toolbar-mobile .t-button svg,
.toolbar-mobile .toolbar__item svg {
  stroke: currentColor !important;
  fill: none !important;
  color: inherit !important;
}
/* ── MOBILE HEADER — hamburger + search purple box fix ── */
.header__hamburger,
button.header__hamburger,
button[aria-label*="menu" i],
button[aria-label*="Menu" i],
.header__search-toggle,
.search-modal__toggle {
  --color-button: transparent !important;
  --gradient-button: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px !important;
}
/* ── CART DRAWER EMPTY — Continue shopping button ── */
a.button[href="/collections/all"],
.cart-drawer__empty-content a.button,
#CartDrawer a.button,
.drawer__inner-empty a.button {
  background: #39C5EF !important;
  background-color: #39C5EF !important;
  --color-button: #39C5EF !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}
/* ── CART PAGE MOBILE ── */
@media (max-width: 749px) {
  .template-cart {
    overflow-x: hidden !important;
  }

  .cart-items.cart-items__table,
  table.cart-items {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .cart-items.cart-items__table caption,
  .cart-items.cart-items__table thead {
    display: none !important;
  }

  .cart-items.cart-items__table tbody {
    display: block !important;
    width: 100% !important;
  }

  .cart-items.cart-items__table tr.cart-item {
    display: grid !important;
    grid-template-columns: 90px 1fr 36px !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "img details remove"
      "img price   remove"
      "img qty     ."    !important;
    column-gap: 10px !important;
    row-gap: 6px !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #f0edf8 !important;
    background: #fff !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .cart-item__media {
    grid-area: img !important;
    width: 90px !important;
    align-self: start !important;
  }

  .cart-item__details {
    grid-area: details !important;
    min-width: 0 !important;
    overflow: hidden !important;
    align-self: start !important;
  }

  .cart-item__price {
    display: none !important;
  }

  .cart-item__totals {
    grid-area: price !important;
    align-self: start !important;
  }

  .cart-item__quantity {
    grid-area: qty !important;
    align-self: start !important;
  }

  .cart-item__remove {
    grid-area: remove !important;
    align-self: start !important;
    justify-self: end !important;
  }

  .cart-item__name,
  .cart-item__name a {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0A0A0A !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-decoration: none !important;
  }

  .cart-item__details .product-option {
    font-size: 11px !important;
    color: #888 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  .cart-item__totals .price-item--regular,
  .cart-item__totals s,
  .cart-item__totals del {
    display: none !important;
  }

  .cart-item__totals .price-item--sale,
  .cart-item__totals .price-item--last {
    color: #D94F6B !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }
/* ── JUDGE.ME BADGE — all card contexts ── */
.jdgm-prev-badge {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 4px !important;
}

.jdgm-prev-badge__stars {
  font-size: 12px !important;
}

.jdgm-prev-badge__text {
  font-size: 11px !important;
  color: #666 !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

/* Hide badge if 0 reviews */
.jdgm-prev-badge[data-number-of-reviews="0"] {
  display: none !important;
}
/* Hide internal preview URL field */
[data-option-name="_preview_url"],
.gpo-option-wrapper[data-name="_preview_url"] {
  display: none !important;
}
/* Hide empty recommendations wrapper in cart */
.drawer__cart-items-recommendations-wrapper:empty,
.drawer__cart-items-recommendations-wrapper:not(:has(*)) {
  display: none;
}
.drawer__cart-items-recommendations-wrapper:empty,
.drawer__cart-items-recommendations-wrapper:not(:has(*)) {
  display: none !important;
  height: 0 !important;
}

/* Cart savings bar fixes */
#sc-fill {
  min-width: 4px;
  transition: width 0.6s ease !important;
  display: block !important;
  height: 100% !important;
}


cart-drawer, #CartDrawer, .cart-drawer { overflow: visible !important; }
/* Cart drawer CTA buttons always visible */

.cart__viewcart-button {
  display: block !important;
  margin-top: 8px !important;
}
.cart-purchase-conditions {
  padding-bottom: env(safe-area-inset-bottom, 16px) !important;
}

.cart__ctas-drawer {
  padding-bottom: 16px !important;
}
/* Hide collection description - SEO only */
body.template-collection rte-formatter.flex.rte {
  display: none !important;
}

/* Remove extra spacing on collection pages */
.collection-header {
  padding-bottom: 0 !important;
}

/* Remove top padding on collection page wrapper */
.template-collection.collection-wrapper {
  padding-top: 8px !important;
}

/* Trust badges on collection pages */
.sc-collection-trust {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 8px 0 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.sc-collection-trust::-webkit-scrollbar {
  display: none;
}

.sc-collection-trust span {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #f5f5f5;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 500;
  color: #111;
  white-space: nowrap;
  flex-shrink: 0;
}

@media (min-width: 750px) {
  .sc-collection-trust span {
    font-size: 12px;
    padding: 5px 12px;
  }
}
/* ── CART DRAWER — space cleanup ── */

/* Remove trust bar */
.sc-cart-trust {
  display: none !important;
}

/* Reduce CTA bottom padding */
.cart__ctas-drawer {
  padding-bottom: 16px !important;
}

/* Mystery gift — compact strip */
cart-drawer [style*="background:#0f1929"],
cart-drawer [style*="background: #0f1929"] {
  padding: 7px 14px !important;
  border-radius: 8px !important;
  margin: 0 0 8px !important;
}

/* Tighten drawer footer top spacing */
.cart-drawer__footer {
  padding-top: 8px !important;
}

/* Kill empty recommendations gap */
.drawer__cart-items-recommendations-wrapper {
  display: none !important;
}
/* ── CART DRAWER — kill empty gap ── */
.drawer__cart-items-recommendations-wrapper {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* VIEW CART — fix cut off */
.cart__ctas-drawer {
  padding-bottom: 20px !important;
}

/* Tighten mystery gift spacing */
.drawer__footer {
  padding-top: 0 !important;
}
/* ── CART DRAWER — hide duplicate line total (shows when qty=1) ── */
cart-drawer .cart-item__totals {
  display: none !important;
}
/* ── CART DRAWER — VIEW CART full visibility ── */
.cart__ctas-drawer {
  padding-bottom: env(safe-area-inset-bottom, 20px) !important;
}
/* ── CART DRAWER — VIEW CART above bottom nav ── */
.cart__ctas-drawer {
  padding-bottom: 70px !important;
}
/* ── BMSC — compact mobile ── */
@media (max-width: 749px) {
  .sc-bmsc-card {
    padding: 12px 12px 10px !important;
    border-radius: 12px !important;
  }
  .sc-bmsc-header {
    margin-bottom: 7px !important;
    gap: 8px !important;
  }
  .sc-bmsc-icon-wrap {
    width: 32px !important;
    height: 32px !important;
    font-size: 15px !important;
    border-radius: 8px !important;
  }
  .sc-bmsc-title {
    font-size: 13px !important;
    margin-bottom: 1px !important;
  }
  .sc-bmsc-subtitle {
    font-size: 10px !important;
  }
  .sc-bmsc-tiers {
    gap: 5px !important;
    margin-bottom: 9px !important;
  }
  .sc-bmsc-tier {
    padding: 7px 3px !important;
    border-radius: 9px !important;
  }
  .sc-bmsc-tier-pill {
    font-size: 9px !important;
    padding: 2px 5px !important;
    margin-bottom: 4px !important;
  }
  .sc-bmsc-tier-value {
    font-size: 10px !important;
    margin-bottom: 2px !important;
  }
  .sc-bmsc-tier-price {
    font-size: 9px !important;
  }
  .sc-bmsc-footer {
    padding-top: 8px !important;
    gap: 5px !important;
  }
  .sc-bmsc-footer-text {
    font-size: 10px !important;
  }
  .sc-bmsc-footer-dot {
    width: 4px !important;
    height: 4px !important;
  }
  .sc-bmsc-wrapper {
    margin: 8px 0 !important;
  }
}
/* ── TRUST BAR — hide on mobile (sticky ATC covers it) ── */
@media (max-width: 749px) {
  .sc-trust-grid {
    display: none !important;
  }
}