/** Shopify CDN: Minification failed

Line 1468:0 Unexpected "@media"

**/
/***** LITTLELUNDSCO — EXPANSE CONVERSION OVERRIDES (single source of truth) *****/

/* ---------- Brand Palette & Tokens ---------- */
:root{
  --llc-gold:#b28a5b;            /* brand gold */
  --llc-gold-2:#cba46d;          /* hover gold */
  --llc-cream:#faf7f3;           /* background cream */
  --llc-ink:#3f372a;             /* primary text */
  --llc-muted:#8a7f6f;           /* secondary text */
  --llc-line:rgba(178,165,91,.22);
  --llc-soft:rgba(178,165,91,.08);
}

/* ---------- Global Polish ---------- */
html,body{background:#fff;}
body{-webkit-font-smoothing:antialiased;line-height:1.6;color:var(--llc-ink);}
h1,h2,h3{letter-spacing:.2px;font-weight:700;color:var(--llc-ink);}
h4,h5,h6{letter-spacing:.2px;color:var(--llc-ink);}
p,span,label,li{color:var(--llc-ink);}
a{text-underline-offset:2px;text-decoration-thickness:1px;}
a:hover{text-decoration:underline;}
.card,.product-card{border-radius:10px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.04);}
.card:hover,.product-card:hover{transform:translateY(-2px);transition:transform .2s ease;}
.media,.card__media,.product__media{border-radius:10px;overflow:hidden}

/* ---------- Announcement Bar (high-contrast & slim) ---------- */
.announcement-bar{
  background:linear-gradient(90deg,#efe6d4,#f6eee2,#efe6d4)!important;
  color:#a6793e!important;font-weight:600!important;letter-spacing:.3px;
  text-transform:uppercase;text-align:center;padding:8px 0;border-bottom:1px solid var(--llc-line)!important;
}
.announcement-bar a{color:var(--llc-gold)!important;text-decoration:none;}
.announcement-bar a:hover{color:var(--llc-gold-2)!important;}

/* ---------- Header: transparent on Home, cream elsewhere ---------- */
.template-index #shopify-section-header,
.template-index .header,.template-index .header-wrapper{
  background:transparent!important;box-shadow:none!important;
}
.template-index .header::before,.template-index .shopify-section-header::before{content:none!important;}
body:not(.template-index) .header,body:not(.template-index) .header-wrapper{
  background:#ffffff!important;border-bottom:1px solid #eee;box-shadow:0 6px 20px rgba(0,0,0,.04);
}
.header a,.header .header__menu-item,.header .header__icon,.header .header__icon svg{
  color:var(--llc-ink)!important;fill:var(--llc-ink)!important;
}
.header a:hover,.header .header__menu-item:hover{color:var(--llc-gold)!important;text-decoration:none;}
.header .search__input{background:#f7f4ee!important;border:1px solid var(--llc-line)!important}

/* ---------- Hero Legibility ---------- */
.hero__text-wrapper,.banner__content{
  text-shadow:0 1px 10px rgba(0,0,0,.15);
}
@media(min-width:750px){ .hero .button{font-size:1.05rem!important;padding:.9rem 1.3rem!important; } }

/* ---------- Buttons (Primary = gold, Secondary = outline) ---------- */
.button,.shopify-payment-button__button,input[type="submit"],button[type="submit"]{
  background:var(--llc-gold)!important;color:#fff!important;border:none;border-radius:10px;
  font-weight:700;letter-spacing:.3px;transition:all .25s ease;box-shadow:0 6px 18px var(--llc-soft);
}
.button:hover,.shopify-payment-button__button:hover,input[type="submit"]:hover,button[type="submit"]:hover{
  background:var(--llc-gold-2)!important;transform:translateY(-1px);box-shadow:0 10px 24px var(--llc-soft);
}
.button--secondary, .button--tertiary{
  background:#fff!important;color:var(--llc-ink)!important;border:1px solid var(--llc-line)!important;box-shadow:none;
}
.button--secondary:hover,.button--tertiary:hover{color:var(--llc-gold)!important;border-color:var(--llc-gold)!important}

/* ---------- Forms ---------- */
input[type="text"],input[type="email"],input[type="search"],textarea,select{border-radius:8px;border:1px solid var(--llc-line);}
input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px rgba(178,165,91,.25);border-color:var(--llc-gold)}

/* ---------- Footer ---------- */
.footer{background:var(--llc-cream)!important;border-top:1px solid var(--llc-line)}
.footer h2,.footer h3,.footer__title{color:var(--llc-gold)!important;font-weight:700;letter-spacing:.4px;text-transform:uppercase;font-size:.9rem}
.footer a{color:var(--llc-ink)!important;text-decoration:none}
.footer a:hover{color:var(--llc-gold)!important}

/* ---------- Price, Sale & Savings (conversion first) ---------- */
.price .price__compare,
.product-card__price .price__compare,
.card__information .price__compare{
  display:inline-block!important;text-decoration:line-through!important;color:#9a948a!important;margin-right:6px;font-weight:500!important;
}
.price .price__current,
.product-card__price .price__current,
.card__information .price__current{color:var(--llc-gold)!important;font-weight:800!important}
.price--on-sale,.product-card__price--on-sale,.card__information .price--on-sale{display:flex;flex-direction:column;align-items:flex-start}
.price .price__sale-savings{color:var(--llc-ink)!important;font-weight:600!important;margin-left:4px}

/* Sale badge */
.badge--sale,.price__badge--sale,[data-badge="sale"]{
  background:rgba(178,165,91,.12)!important;color:#a07c3f!important;border:1px solid var(--llc-line)!important;
  font-size:.72rem!important;font-weight:700!important;letter-spacing:.4px!important;text-transform:uppercase;
  padding:3px 7px!important;border-radius:999px!important;
}

/* ---------- Collection Grid: 2-per-row on mobile ---------- */
@media(max-width:749px){
  body.template-collection .product-grid .grid__item,
  body.template-collection .grid--view-items .grid__item{width:50%!important;max-width:50%!important}
}

/* ---------- Product Page (PDP) polish ---------- */
/* Variant (size) pills — only highlight when truly selected */
.product-form__input input[type="radio"]+label,
.swatch input[type="radio"]+label,
.variant-input input[type="radio"]+label{
  background:#f8f4ec!important;border:1px solid #d8ccb5!important;color:var(--llc-ink)!important;
  border-radius:10px!important;padding:10px 12px!important;font-weight:600!important;transition:background .15s,border-color .15s;
}
.product-form__input .is-active,.product-form__input .is-selected,
.variant-input .is-active,.variant-input .is-selected,
.swatch .is-active,.swatch .is-selected{
  background:transparent!important;border-color:#d8ccb5!important;color:inherit!important;
}
.product-form__input input[type="radio"]:checked+label,
.swatch input[type="radio"]:checked+label,
.variant-input input[type="radio"]:checked+label{
  background:#efe6d3!important;border-color:var(--llc-gold)!important;box-shadow:0 0 0 2px var(--llc-gold) inset!important;
}
.product-form__input input[type="radio"]{position:absolute;opacity:0;pointer-events:none;}
.product__inventory .icon-bullet{background:var(--llc-gold)!important}

/* PDP price emphasis */
.product__price .price__current{font-size:1.4rem!important}

/* Sticky Add-To-Cart zone pop */
.shopify-payment-button,.product-form__buttons button{border-radius:12px!important}
.product__info-wrapper{scroll-margin-top:120px}

/* ---------- Social Proof / Reviews ---------- */
.reputon-reviews-widget{max-width:1100px!important;margin:0 auto!important;padding:8px 0!important}
.reputon-review-card,.review-card,.loox-review{
  background:#fff!important;border:1px solid var(--llc-line)!important;border-radius:12px!important;
  box-shadow:0 2px 10px rgba(178,165,91,.08)!important;padding:16px 18px!important;margin:14px 0!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.reputon-review-card:hover,.review-card:hover,.loox-review:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(178,165,91,.15)!important}
.reputon-stars svg,.icon--star{color:var(--llc-gold)!important;fill:var(--llc-gold)!important}

/* ---------- Trust Row (icons/mini-badges you add in a section) ---------- */
.section--trust, .icons-row{
  background:#fff;border:1px solid var(--llc-line);border-radius:12px;padding:10px 14px;margin:8px 0;
  box-shadow:0 2px 12px rgba(0,0,0,.03)
}
.section--trust .icon, .icons-row svg{color:var(--llc-gold);fill:var(--llc-gold)}

/* ---------- Cards & CTAs inside product grids ---------- */
.card__information .card__heading a{color:var(--llc-ink)!important;text-decoration:none}
.card__information .button{margin-top:8px}

/* ---------- Cart drawer: make checkout button pop ---------- */
.cart__checkout-button,.drawer .cart__checkout{background:var(--llc-gold)!important;color:#fff!important;border-radius:12px!important}
.cart__checkout-button:hover{background:var(--llc-gold-2)!important}

/* ---------- Misc quality-of-life ---------- */
.section{scroll-margin-top:90px}
hr{border-color:var(--llc-line)}
/* Hide duplicate collection descriptions in hero areas */
.collection-hero__description,.collection__description--overlay,
.template-collection .collection__description--top{display:none!important}

/* ===== LITTLELUNDSCO — PERFECT HEADER (EXPANSE) ===== */

/* Background */
.header, .header-wrapper, .header__inner {
  background:#faf7f3!important;
}

/* Navigation text */
.site-nav__item a {
  color:#3a3a3a!important;
  text-decoration:none!important;
}
.site-nav__item a:hover,
.site-nav__item a:focus {
  color:#b28a5b!important;
}

/* Icons (cart, search, account) */
.header__icon svg {
  stroke:#3a3a3a!important;
  fill:transparent!important;
}
.header__icon:hover svg {
  stroke:#b28a5b!important;
}

/* Cart bubble */
.cart-count-bubble, .cart-dot {
  background:#b28a5b!important;
  color:#fff!important;
}

/* Boutique header spacing (luxury feel) */
.header__inner {
  padding:22px 20px!important;
}
@media (max-width:768px){
  .header__inner {padding:16px 14px!important;}
}

/* Soft sticky shadow when scrolling */
.header-wrapper--sticky .header {
  box-shadow:0 6px 20px rgba(0,0,0,.09)!important;
}

/* Dropdown menu panel styling */
.site-nav__dropdown,
.site-nav__dropdown .site-nav__dropdown-inner {
  background:#ffffff!important;
  border:1px solid rgba(178,165,91,.25)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.08)!important;
}

/* Safety if overlay ever gets toggled on accidentally */
.header--overlay .site-nav__item a,
.header--overlay .header__icon svg {
  color:#3a3a3a!important;
  stroke:#3a3a3a!important;
}
/* Force header icons to charcoal */
.header__icon svg,
.header__icon path {
  stroke:#3a3a3a !important;
  fill:transparent !important;
}
.header__icon:hover svg,
.header__icon:hover path {
  stroke:#b28a5b !important;
}

/* Subtle header height refinement (luxury balance) */
.header__inner {
  padding-top:18px !important;
  padding-bottom:18px !important;
}
@media (max-width:768px){
  .header__inner {
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
}

/* FORCE HEADER ICONS TO CHARCOAL, OVERRIDES COLOR SCHEME */
.header .header__icon svg,
.header .header__icon path,
.header .header__icon use {
  stroke:#3a3a3a !important;
  fill:none !important;
}

/* Hover → Gold (brand signature) */
.header .header__icon:hover svg,
.header .header__icon:hover path,
.header .header__icon:hover use {
  stroke:#b28a5b !important;
}
/* === HERO POLISH === */
.hero__text-content, .hero__content, .slideshow__text-content {
  max-width: 420px !important; /* clean readable text column */
  margin-left: 0 !important;
}

@media (min-width: 768px) {
  .hero__text-content, .hero__content, .slideshow__text-content {
    margin-top: 40px !important; /* move text up for balance */
  }
}

/* Headline styling */
.hero__title, .slideshow__title {
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: .4px !important;
}
/* === HERO BUTTON — LUXE BOUTIQUE STYLE === */
.hero__button,
.slideshow__button,
.hero .button,
.slideshow .button {
  background: transparent !important;
  border: 1.8px solid #b28a5b !important;
  color: #b28a5b !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-weight: 500 !important;
  letter-spacing: .4px !important;
  text-transform: none !important;
  transition: all .25s ease!important;
}

/* Hover / Tap Interaction */
.hero__button:hover,
.slideshow__button:hover,
.hero .button:hover,
.slideshow .button:hover {
  background: #b28a5b !important;
  color: #fff !important;
  border-color: #b28a5b !important;
}
/* REAL HERO BUTTON OVERRIDE FOR EXPANSE */
.hero .button,
.slideshow .button,
.hero .button--primary,
.slideshow .button--primary {
  background: transparent !important;
  border: 2px solid #b28a5b !important;
  color: #b28a5b !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 500 !important;
  letter-spacing: .4px !important;
  text-transform: none !important;
  display: inline-block !important;
  transition: all .25s ease !important;
}

/* Hover state */
.hero .button:hover,
.slideshow .button:hover,
.hero .button--primary:hover,
.slideshow .button--primary:hover {
  background: #b28a5b !important;
  color: #fff !important;
  border-color: #b28a5b !important;
}
/* === HERO CTA — FORCE OUTLINE (works with any scheme) === */
.hero .button,
.hero .button--primary,
.slideshow .button,
.slideshow .button--primary,
.content-over-media .button,
.content-over-media .button--primary {
  background: transparent !important;
  border: 2px solid #b28a5b !important;
  color: #b28a5b !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 500 !important;
  letter-spacing: .4px !important;
  text-transform: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: all .25s ease !important;
}
.hero .button:hover,
.hero .button--primary:hover,
.slideshow .button:hover,
.slideshow .button--primary:hover,
.content-over-media .button:hover,
.content-over-media .button--primary:hover {
  background: #b28a5b !important;
  color: #fff !important;
  border-color: #b28a5b !important;
}

/* === HERO BUTTON: FORCE OUTLINE STYLE ONLY IN HERO === */
.hero .button,
.hero .button--primary,
.hero .button--secondary {
  background: transparent !important;
  border: 2px solid #b28a5b !important;
  color: #b28a5b !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-weight: 500 !important;
  letter-spacing: .4px !important;
  text-transform: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Hover state */
.hero .button:hover,
.hero .button--primary:hover,
.hero .button--secondary:hover {
  background: #b28a5b !important;
  color: #ffffff !important;
  border-color: #b28a5b !important;
}
/* === FORCE HERO BUTTON TO OUTLINE STYLE (fixes Scheme 21 variable override) === */
.hero .button--scheme-21,
.hero .button,
.hero .button--primary,
.hero .button--secondary {
  background-color: transparent !important;
  background: transparent !important;
  border: 2px solid #b28a5b !important;
  color: #b28a5b !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-weight: 500 !important;
  letter-spacing: .4px !important;
  text-transform: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Override the Scheme 21 color variables *inside the hero only* */
.hero {
  --color-button-background: transparent !important;
  --color-button-text: #b28a5b !important;
}

/* Hover */
.hero .button--scheme-21:hover,
.hero .button:hover,
.hero .button--primary:hover,
.hero .button--secondary:hover {
  background-color: #b28a5b !important;
  color: #ffffff !important;
  border-color: #b28a5b !important;
}
/* FINAL HERO BUTTON OUTLINE OVERRIDE */
.hero .button,
.hero .button--primary,
.hero .button--secondary,
.hero .button--scheme-21 {
  background: transparent !important;
  border: 2px solid #b28a5b !important;
  color: #b28a5b !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 500 !important;
  letter-spacing: .4px !important;
  text-transform: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Hover state */
.hero .button:hover,
.hero .button--primary:hover,
.hero .button--secondary:hover,
.hero .button--scheme-21:hover {
  background: #b28a5b !important;
  color: #ffffff !important;
}
/* === HERO TEXT SPACING + PREMIUM TYPE STYLE === */
.hero__text-content, .slideshow__text-content {
  max-width: 420px !important;
  margin-top: 14px !important; /* lift text up slightly */
  margin-left: 0 !important;
}

/* Headline refinement — less letter spacing = more luxury */
.hero__title, .slideshow__title {
  letter-spacing: 0.2px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

/* Mobile specific balance */
@media (max-width: 768px){
  .hero__text-content, .slideshow__text-content {
    max-width: 85% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px !important;
  }
}
​Kade Lundberg​
/* === HERO SPACING + FOCAL CROP === */

/* Lift text block slightly for balance */
.hero__text-content, .slideshow__text-content {
  margin-top: 6px !important;
}

/* Reduce spacing below headline */
.hero__title, .slideshow__title {
  margin-bottom: 10px !important;
}

/* Image focal point: bias upward toward hands & bracelets */
.hero__image,
.slideshow__image,
.content-over-media__image {
  object-position: center 30% !important;
}

/* Mobile refinement — slightly more crop toward center */
@media (max-width: 768px) {
  .hero__image,
  .slideshow__image,
  .content-over-media__image {
    object-position: center 24% !important;
  }
}
/* === CENTER HERO TEXT FOR EMOTIONAL FOCUS === */
.hero__text-content, .slideshow__text-content {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center the button under it */
.hero .button,
.hero .button--primary,
.hero .button--secondary,
.hero .button--scheme-21 {
  display: inline-block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* === FINAL LITTLELUNDSCO HERO REFINEMENT === */

/* Raise text slightly on mobile */
@media (max-width: 768px){
  .hero__text-content, .slideshow__text-content {
    margin-top: -8px !important;
  }
}

/* Slightly reduce mobile headline size for boutique elegance */
@media (max-width: 768px){
  .hero__title, .slideshow__title {
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
  }
}

/* Adjust hero image crop to bring hand + bracelet into ideal focal position */
.hero__image,
.slideshow__image,
.content-over-media__image {
  object-position: center 22% !important;
}

@media (max-width: 768px){
  .hero__image,
  .slideshow__image,
  .content-over-media__image {
    object-position: center 19% !important;
  }
}
/* === DESKTOP HERO POSITIONING + FOCAL CROP === */

/* Lift hero text block on desktop */
@media (min-width: 769px){
  .hero__text-content, .slideshow__text-content {
    margin-top: -18px !important;
    max-width: 480px !important;
  }
}

/* Desktop crop: shift focal point upward slightly */
@media (min-width: 769px){
  .hero__image,
  .slideshow__image,
  .content-over-media__image {
    object-position: center 28% !important;
  }
}
/* === Desktop hero text lift === */
@media (min-width: 992px){
  .hero__text-content, .slideshow__text-content {
    margin-top: -50px !important;  /* adjust lift amount */
  }
}

/* === Desktop hero focal point refinement === */
@media (min-width: 992px){
  .hero__image,
  .slideshow__image,
  .content-over-media__image {
    object-position: center 32% !important;
  }
}
/* FINAL HERO DESKTOP TEXT POSITION FIX */
@media (min-width: 992px){
  .hero__text-content,
  .slideshow__text-content {
    margin-top: -140px !important; /* adjust hero text upward */
  }
}

/* ——— LittleLundsCo: Final Desktop Hero (centered, luxe) ——— */
@media (min-width: 992px){
  /* Center + lift the text block */
  .hero__text-content, .slideshow__text-content{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:-140px !important;   /* tweak to -120/-160 if needed */
    max-width:560px !important;
  }
  /* Center the CTA under the copy */
  .hero .button, .slideshow .button,
  .hero .button--primary, .slideshow .button--primary{
    display:inline-block !important;
    margin:14px auto 0 !important;
  }
  /* Nudge image focal point upward for bracelet/hand emphasis */
  .hero__image, .slideshow__image, .content-over-media__image{
    object-position:center 32% !important;
  }
}
@media (min-width: 992px){
  .hero__text-content, .slideshow__text-content{
    margin-top:-280px !important; /* FINAL LIFT VALUE */
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:560px !important;
  }
}
/* Lift hero text on DESKTOP only */
@media screen and (min-width: 749px) {
  .hero__text-content,
  .slideshow__text-content,
  .banner__content {
    margin-top: -60px !important; /* adjust this number up/down */
  }
}
/* Soft text-readability gradient behind hero text */
.hero__inner, .slideshow__text-wrapper {
  position: relative;
}

.hero__inner::before, .slideshow__text-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55%;
  background: linear-gradient(to top, rgba(0,0,0,0.32), rgba(0,0,0,0));
  pointer-events: none;
  z-index: 0;
}

.hero__text, .slideshow__text-content, .hero__content {
  position: relative;
  z-index: 2;
}
/* Stronger soft fade behind hero text for readability */
.hero__inner, .slideshow__text-wrapper {
  position: relative;
}

.hero__inner::before, .slideshow__text-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65%;
  background: linear-gradient(to top, rgba(0,0,0,0.42), rgba(0,0,0,0.18), rgba(0,0,0,0));
  pointer-events: none;
  z-index: 0;
}

.hero__text, .slideshow__text-content, .hero__content {
  position: relative;
  z-index: 2;
}
/* Move hero text slightly upward */
.hero__content,
.slideshow__text-content {
  transform: translateY(-6%);
}

@media(max-width: 768px) {
  .hero__content,
  .slideshow__text-content {
    transform: translateY(-10%);
  }
}
/* Raise hero text for better visibility */
.hero__content,
.slideshow__text-content {
  transform: translateY(-14%) !important;
}

/* Mobile adjustment */
@media(max-width: 768px) {
  .hero__content,
  .slideshow__text-content {
    transform: translateY(-22%) !important;
  }
}
/* Move hero text UP on desktop */
.slideshow__text-content,
.hero__content,
.slideshow__slide .content-container,
.hero .hero__inner .content-container {
  margin-top: -80px !important;
}

/* Move hero text UP more on mobile */
@media (max-width: 768px) {
  .slideshow__text-content,
  .hero__content,
  .slideshow__slide .content-container,
  .hero .hero__inner .content-container {
    margin-top: -120px !important;
  }
}
/* LittleLundsCo — FINAL desktop hero text lift (Expanse) */
@media (min-width: 992px){
  .slideshow__text-content,
  .slideshow__slide .content-container,
  .hero .hero__inner .content-container {
    margin-top: -140px !important;   /* tweak to -160/-120 if needed */
  }
  /* tighter gap above button */
  .slideshow__text-content .button,
  .hero .content-container .button { margin-top: 12px !important; }
}

/* Mobile lift (keeps mobile balanced) */
@media (max-width: 768px){
  .slideshow__text-content,
  .slideshow__slide .content-container,
  .hero .hero__inner .content-container {
    margin-top: -180px !important;
  }
}
/* === LIFT HERO TEXT FOR LITTLELUNDSCO (EXPANSE) === */
.hero__content,
.slideshow__text-content {
  transform: translateY(-60px);
}

/* Mobile adjustment */
@media screen and (max-width: 749px) {
  .hero__content,
  .slideshow__text-content {
    transform: translateY(-40px);
  }
}
/* LITTLELUNDSCO — reliable hero text lift (Expanse) */

/* Desktop */
@media (min-width: 990px){
  .slideshow .slideshow__slide .content-container,
  .content-over-media .content-container {
    position: relative !important;
    top: -70px !important;        /* tweak: -60 / -80 if needed */
  }
}

/* Mobile */
@media (max-width: 989px){
  .slideshow .slideshow__slide .content-container,
  .content-over-media .content-container {
    position: relative !important;
    top: -36px !important;        /* tweak: -28 / -44 if needed */
  }
}
/* LITTLELUNDSCO — stronger mobile hero text lift */
@media (max-width: 989px){
  .slideshow .slideshow__slide .content-container,
  .content-over-media .content-container {
    position: relative !important;
    top: -54px !important; /* adjust if needed */
  }
}
/* Final hero text position fix (Expanse) */
@media (max-width: 989px){
  .slideshow .slideshow__slide .content-container,
  .content-over-media .content-container {
    position: relative !important;
    top: -135px !important; /* move text upward */
  }
}
/* LittleLundsCo - Mobile Hero Heading Fix */
@media screen and (max-width: 600px) {
  .slideshow__text h2,
  .slideshow__text .h1,
  .slideshow-block__heading {
    font-size: 32px !important; /* adjust size */
    line-height: 1.2 !important;
  }
}


/* Soft readability boost on hero text */
.slideshow__text h2,
.slideshow__text .h1,
.slideshow-block__heading,
.slideshow__text p {
  text-shadow: 0 2px 6px rgba(0,0,0,0.28) !important;
}

/* Slight image fade behind text (does NOT darken the whole image) */
.slideshow__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.18);
  pointer-events: none;
}

/* Mobile-only text background boost */
@media (max-width: 749px) {
  .slideshow__text {
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0.25) 60%,
      rgba(0,0,0,0.45) 100%
    );
    padding-bottom: 18px !important;
    padding-top: 6px !important;
  }

  .slideshow__text h2,
  .slideshow__text .h1,
  .slideshow-block__heading,
  .slideshow__text p {
    color: #ffffff !important;
    text-shadow: 0 2px 5px rgba(0,0,0,0.45) !important;
  }
}
/* Mobile Hero Text Contrast Boost */
@media (max-width: 749px) {
  .slideshow__text-wrapper,
  .slideshow__text-content,
  .slideshow__text {
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0.25) 45%,
      rgba(0,0,0,0.45) 100%
    ) !important;
    padding: 16px 12px 26px !important;
    border-radius: 0;
  }

  .slideshow__text h2,
  .slideshow__text .h1,
  .slideshow__text p {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0,0,0,0.55) !important;
  }

  /* Slightly reduce heading on mobile to fit nicer */
  .slideshow__heading,
  .slideshow-block__heading {
    font-size: 1.55rem !important;
    line-height: 1.25 !important;
  }
}
/* — Final mobile polish for hero — */
@media (max-width: 749px) {
  /* put a gentle gradient only behind the text content */
  .slideshow__text { position: relative; }
  .slideshow__text::before {
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.32) 45%,
      rgba(0,0,0,.52) 100%
    );
    pointer-events: none; z-index: 0;
  }
  .slideshow__text > * { position: relative; z-index: 1; }

  /* slightly smaller heading so the wrap looks intentional */
  .slideshow__heading,
  .slideshow-block__heading,
  .slideshow__text .h1 {
    font-size: 1.45rem !important;   /* was ~1.55–1.6 */
    line-height: 1.25 !important;
    letter-spacing: .2px;
    margin-top: 4px;
  }

  /* tighten paragraph a hair for clarity */
  .slideshow__text p {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    margin-bottom: 10px !important;
  }

  /* optional: more elegant mobile button */
  .slideshow__text .button {
    padding: 10px 14px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
  }

  /* ensure text is crisp on light areas */
  .slideshow__text h2,
  .slideshow__text .h1,
  .slideshow__text p {
    color: #fff !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.5) !important;
  }
}

/* === FINAL HERO FIX (LittleLundsCo) === */

.slideshow__text,
.slideshow-block__text {
  max-width: 320px;
  margin: 0 auto;
  text-align: center;
}

.slideshow__text p,
.slideshow-block__text p {
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #ffffff !important;
  text-shadow: 0px 2px 6px rgba(0,0,0,0.35) !important;
}

.slideshow__text .h1,
.slideshow-block__text .h1 {
  font-size: 26px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  text-shadow: 0px 2px 6px rgba(0,0,0,0.35) !important;
}

.slideshow__text .button,
.slideshow-block__text .button {
  background-color: #b28a5b !important;
  border-radius: 8px !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
}

/* Gradient overlay to make text ALWAYS readable */
.slideshow__text::before,
.slideshow-block__text::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.0) 20%,
    rgba(0,0,0,0.35) 80%
  );
  z-index: -1;
}

@media (max-width: 749px) {
  .slideshow__text .h1,
  .slideshow-block__text .h1 {
    font-size: 22px !important;
  }
}
/* Hero CTA button styling */
.hero__cta .button,
.button--primary {
  background-color: #b28a5b !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

.hero__cta .button:hover,
.button--primary:hover {
  background-color: #cba46d !important;
}
/* Add breathing room under hero */
.section-slideshow {
  margin-bottom: 38px !important;
}
/* Product card polish */
.product-card {
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid rgba(178,165,91,0.18) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  padding-bottom: 12px !important;
}

.product-card__title {
  font-weight: 600 !important;
  font-size: 14.5px !important;
}

.product-card__price {
  font-size: 14px !important;
  color: #b28a5b !important;
}

/* Sale price formatting */
.price .price__compare {
  text-decoration: line-through !important;
  color: #a0a0a0 !important;
  font-size: 12px !important;
}

.price .price__current {
  color: #b28a5b !important;
  font-weight: 600 !important;
}
/* Header clarity polish */
.header, .header--mobile {
  background-color: #faf7f3 !important;
}

.header__icon svg,
.header__icon,
.mobile-nav__toggle svg {
  color: #b28a5b !important;
  fill: #b28a5b !important;
  stroke: #b28a5b !important;
}

.header__inline-nav a,
.site-nav__link {
  color: #4a473f !important; /* soft warm charcoal for readability */
  font-weight: 500 !important;
}
/* === LittleLundsCo Product Card Polish === */
.product-card,
.card--product {
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(178,165,91,0.22) !important; /* soft gold tint */
  box-shadow: 0 2px 10px rgba(0,0,0,0.04) !important; /* soft depth */
  padding-bottom: 12px !important;
}

/* Product title */
.product-card__title,
.card-information__text {
  font-weight: 600 !important;
  font-size: 14.5px !important;
  color: #4a463e !important; /* warm neutral */
}

/* Price styling */
.price .price__current {
  color: #b28a5b !important; /* brand gold */
  font-weight: 600 !important;
}
.price .price__compare {
  text-decoration: line-through !important;
  color: #a8a8a8 !important;
  font-size: 13px !important;
}

/* Sale badge fix — soft gold */
.badge--sale,
.badge--light {
  background: #b28a5b !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  padding: 3px 8px !important;
  letter-spacing: 0.2px !important;
}
/* === LittleLundsCo Product Card Polish (Expanse Theme) === */

/* Product card container */
.card,
.product-card,
.card--standard {
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(178,165,91,0.22) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
  overflow: hidden !important;
}

/* Product titles */
.card__heading,
.product-card__title,
.card-information__text {
  color: #4a463e !important; /* warm soft neutral */
  font-weight: 600 !important;
  font-size: 14.5px !important;
}

/* Price styling */
.price__regular,
.price__current {
  color: #b28a5b !important; /* brand gold */
  font-weight: 600 !important;
}

.price__sale,
.price__compare-at {
  color: #a7a7a7 !important;
  font-size: 13px !important;
  text-decoration: line-through !important;
}

/* Sale badge */
.badge,
.badge--sale,
.card__badge {
  background: #b28a5b !important; /* soft gold */
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  padding: 4px 8px !important;
  letter-spacing: 0.3px !important;
}

/* Space between hero + best sellers */
.section-slideshow {
  margin-bottom: 38px !important;
}

/* === Override Expanse Circle Collection Images === */
.collection-list__image,
.collection-card__image,
.collection-grid-item__image,
.collection-card__image-wrapper,
.collection-list__item img {
  border-radius: 12px !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  mask-image: none !important; /* removes the forced circle crop */
  -webkit-mask-image: none !important;
}

/* Remove circular container mask */
.collection-list__image-container,
.collection-card__image-container,
.collection-grid-item__image-container {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Give the collection tiles the soft boutique border */
.collection-list__item,
.collection-grid-item {
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(178,165,91,0.22) !important;
  padding: 14px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
/* Add breathing room above Shop by Style section */
.section-collection-list {
  margin-top: 28px !important;
}

/* If Expanse uses a different section wrapper name (backup selector) */
.featured-collections {
  margin-top: 28px !important;
}


/* === LittleLundsCo Review Carousel Polish === */

/* Remove heavy card background */
.reputon-reviews-widget-slider .reputon-review-card,
.reputon-reviews-slider .reputon-review-card {
  background: #ffffff !important;
  border: 1px solid rgba(178,165,91,0.18) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
  padding: 14px !important;
}

/* Soften image corners */
.reputon-review-card img {
  border-radius: 10px !important;
}

/* Make text warm + readable */
.reputon-review-text {
  color: #4a463e !important;
  line-height: 1.5 !important;
  font-size: 15px !important;
}

.reputon-review-author {
  font-weight: 600 !important;
  color: #4a463e !important;
}

/* Reduce spacing above & below section */
.reputon-reviews-widget-slider,
.section-template--apps,
.section--apps {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* --- LittleLundsCo Review Carousel Polish (Matches Your Widget) --- */

.reputon-slider-card {
  background: #ffffff !important;
  border: 1px solid rgba(178,165,91,0.18) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

.reputon-slider-card img {
  border-radius: 10px !important;
}

.reputon-review-text {
  color: #4a463e !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.reputon-review-author {
  font-weight: 600 !important;
  color: #4a463e !important;
}

.reputon-reviews-widget-slider {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
/* --- LittleLundsCo Review Carousel Polish --- */

.reputon-slider-card {
  background: #ffffff !important;
  border: 1px solid rgba(178,165,91,0.18) !important; /* soft gold outline */
  border-radius: 14px !important;
  padding: 16px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* Round review images */
.reputon-slider-card img {
  border-radius: 10px !important;
}

/* Review text */
.reputon-review-text {
  color: #4a463e !important; /* warm neutral */
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* Reviewer name */
.reputon-review-author {
  font-weight: 600 !important;
  color: #4a463e !important;
}

/* Spacing to not feel squished */
.reputon-reviews-widget-slider {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
/* Space above & below "Loved by Thousands of Moms" header */
.section-rich-text {
  padding-top: 18px !important;
  padding-bottom: 10px !important;
}

/* Make the heading feel slightly softer + premium */
.section-rich-text h2,
.section-rich-text h3,
.section-rich-text h4 {
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
}
/* Add breathing room between "Loved by Thousands of Moms" and reviews */
.section-rich-text + .shopify-section {
  margin-top: 18px !important;
}

/* Slightly increase spacing above the heading */
.section-rich-text {
  padding-top: 20px !important;
}

.reputon_review_widget title,
.reputon_review_widget h2,
.reputon_review_widget h3 {
  text-align: center !important;
}
/* Add breathing room below the "Loved by Thousands of Moms" heading */
.section-rich-text {
  margin-bottom: 12px !important;
}

/* --- COLLECTION PAGE POLISH (LittleLundsCo) --- */

/* Remove heavy yellow card background */
.card--standard, .product-card, .card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Clean up the grid so it feels boutique */
.grid__item, .product-grid__item {
  padding: 8px !important;
}

/* Make product images larger and uniform */
.product-card__image, .card__media {
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Make SALE badge soft + premium */
.badge--sale, .price__badge-sale {
  background: var(--llc-cream) !important;
  color: var(--llc-gold) !important;
  border: 1px solid var(--llc-gold) !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  padding: 3px 6px !important;
}

/* Make price look refined */
.price .price__current {
  color: var(--llc-gold) !important;
  font-weight: 600 !important;
}
.price .price__compare {
  color: #b9b9b9 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
  margin-left: 4px !important;
}

/* Reduce "Save $X" shoutiness */
.price__sale .price__note {
  font-size: .80em !important;
  color: #8c8c8c !important;
  font-weight: 400 !important;
}
/* ---------- SALE BADGE STYLING (LittleLundsCo refined) ---------- */
.badge--sale,
.product-card__badge--sale {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  background-color: #b28a5b !important; /* brand gold */
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.08);
  z-index: 2;
}

/* ensure badge sits correctly on product cards */
.product-card {
  position: relative !important;
  overflow: hidden;
}
/* --- Undo global card positioning (fixes desktop feature tiles & reviews) --- */
.card { position: static !important; overflow: visible !important; }

/* --- Keep absolute positioning only on real product cards --- */
.product-card { position: relative !important; overflow: hidden !important; }
.product-card .card__inner,
.product-card .card__media { position: relative !important; }

/* --- SALE badge: top-right on product cards only --- */
.product-card .badge--sale,
.product-card .card__badge .badge--sale,
.product-card .product-card__badge--sale {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important; bottom: auto !important;
  background-color: #b28a5b !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase;
  padding: 4px 10px !important;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.08);
  z-index: 5 !important;
}

/* --- Desktop polish for Featured Collections grid --- */
@media (min-width: 990px) {
  .collection-list .grid { align-items: stretch; }
  .collection-list .card { height: 100% !important; }
}

/* --- Optional small hover lift on product SALE badge --- */
.product-card .badge--sale:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 6px rgba(0,0,0,0.12);
  transition: all 0.25s ease;
}
/* --- Fix for desktop Collection List (Shop by Style) layout --- */
.collection-list .card,
.collection-list .collection-card {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  height: 100% !important;
}

/* Make collection images align nicely in a row */
@media (min-width: 990px) {
  .collection-list .grid {
    align-items: stretch !important;
    justify-content: center !important;
    gap: 30px !important;
  }

  .collection-list .grid__item {
    flex: 1 1 30% !important; /* adjusts width per card */
    max-width: 350px !important;
  }
}

/* Optional: add subtle hover effect like Reverie Threads */
.collection-list .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
  transition: all 0.25s ease;
}

/* --- Fine-tune "Shop by Style" alignment and spacing --- */
.shopify-section[id*="collection-list"],
.shopify-section[id*="featured-collections"] {
  max-width: 1180px !important; /* matches Expanse site grid */
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* keep heading consistent with "Loved by Thousands of Moms" */
.shopify-section[id*="collection-list"] .section-header h2 {
  font-size: 1.9rem !important;
  font-weight: 700 !important;
  color: #3a3a3a !important;
  margin-bottom: 16px !important;
}

/* align collection cards evenly */
.collection-list .grid {
  justify-content: center !important;
  gap: 32px !important;
}

.collection-list .grid__item {
  max-width: 350px !important;
}

/* keep it responsive */
@media (max-width: 768px) {
  .collection-list .grid__item {
    max-width: 100% !important;
  }
}

​Kade​
/* --- Center "Shop by Style" collection tiles on desktop --- */
@media (min-width: 990px) {
  .collection-list .grid {
    justify-content: center !important;
    text-align: center !important;
  }

  .collection-list .grid__item {
    flex: 0 1 340px !important; /* sets consistent tile width */
  }

  .collection-list .card__information {
    text-align: center !important;
  }
}

/* --- Center and balance the "Shop by Style" tiles on desktop --- */
@media (min-width: 990px) {
  .collection-list .grid {
    justify-content: center !important;
    gap: 60px !important; /* space between the two tiles */
  }

  .collection-list .grid__item {
    flex: 0 1 380px !important; /* slightly larger tile width */
  }

  .collection-list .card__information {
    text-align: center !important;
  }
}

/* --- Optional: subtle hover lift for consistency with product cards --- */
.collection-list .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
  transition: all 0.25s ease;
}

/* --- Elegant hover polish for "Shop by Style" tiles --- */
.collection-list .card {
  position: relative !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.25s ease;
}

/* Subtle lift and shadow */
.collection-list .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
}

/* Soft gold overlay on hover */
.collection-list .card::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(178, 138, 91, 0); /* transparent by default */
  transition: background-color 0.3s ease;
  pointer-events: none;
}

.collection-list .card:hover::after {
  background-color: rgba(178, 138, 91, 0.12); /* 12% gold overlay */
}

/* Center and balance tiles on desktop */
@media (min-width: 990px) {
  .collection-list .grid {
    justify-content: center !important;
    gap: 60px !important;
  }

  .collection-list .grid__item {
    flex: 0 1 380px !important;
  }

  .collection-list .card__information {
    text-align: center !important;
  }
}

/* --- Final polish: smooth fade for gold hover overlay --- */
.collection-list .card {
  position: relative !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.collection-list .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
}

/* soft gold overlay with smooth fade */
.collection-list .card::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(178, 138, 91, 0);
  opacity: 0;
  transition: background-color 0.4s ease, opacity 0.4s ease;
  pointer-events: none;
}

.collection-list .card:hover::after {
  background-color: rgba(178, 138, 91, 0.12);
  opacity: 1;
}

/* centered layout (desktop only) */
@media (min-width: 990px) {
  .collection-list .grid {
    justify-content: center !important;
    gap: 60px !important;
  }
  .collection-list .grid__item {
    flex: 0 1 380px !important;
  }
  .collection-list .card__information {
    text-align: center !important;
  }
}

/* ---------- "Loved by Thousands of Moms" section styling ---------- */
.shopify-section:has(h2:contains("Loved by Thousands of Moms")) h2,
.shopify-section h2:has-text("Loved by Thousands of Moms") {
  position: relative;
  display: inline-block;
  font-size: 1.9rem !important;
  font-weight: 700 !important;
  color: #3a3a3a !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

/* Add subtle gold underline accent */
.shopify-section:has(h2:contains("Loved by Thousands of Moms")) h2::after,
.shopify-section h2:has-text("Loved by Thousands of Moms")::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background-color: #b28a5b; /* LittleLundsCo gold */
  border-radius: 2px;
}

/* Center the entire block for symmetry */
.shopify-section:has(h2:contains("Loved by Thousands of Moms")),
.shopify-section h2:has-text("Loved by Thousands of Moms") {
  text-align: center !important;
  margin: 0 auto !important;
  padding: 40px 0 20px !important;
}

/* --- Perfect 3-across alignment for Shop by Style --- */
@media (min-width: 990px) {
  .collection-list .grid {
    display: flex !important;
    justify-content: center !important;
    gap: 50px !important;
  }

  .collection-list .grid__item {
    flex: 0 1 320px !important; /* consistent tile width */
  }

  .collection-list .card__information {
    text-align: center !important;
  }
}

/* Subtle hover polish to match the rest of site */
.collection-list .card {
  position: relative;
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.collection-list .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
}

.collection-list .card::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(178, 138, 91, 0);
  opacity: 0;
  transition: background-color 0.4s ease, opacity 0.4s ease;
  pointer-events: none;
}

.collection-list .card:hover::after {
  background-color: rgba(178, 138, 91, 0.12); /* gold overlay */
  opacity: 1;
}
/* —— Center the 3 tiles in "Shop by Style" (Expanse grid fix) —— */
@media (min-width: 990px) {
  /* center the content row and kill the negative gutter */
  .shopify-section[id*="collection-list"] .page-width {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Expanse uses .grid with negative margin + item padding.
     We replace it with a clean flex row + gap so it truly centers. */
  .shopify-section[id*="collection-list"] .grid,
  .shopify-section[id*="collection-list"] [class*="grid"] {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 50px !important;
    margin-left: 0 !important;     /* remove negative gutter */
  }

  .shopify-section[id*="collection-list"] .grid__item {
    padding-left: 0 !important;     /* remove item gutter */
    flex: 0 1 320px !important;     /* consistent tile width */
  }

  .shopify-section[id*="collection-list"] .card__information {
    text-align: center !important;
  }
}

/* ---- Four-tile desktop layout for Shop by Style ---- */
@media (min-width: 990px) {
  .collection-list .grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 40px !important;
  }

  .collection-list .grid__item {
    flex: 0 1 260px !important;  /* adjust width per tile */
  }
}

/* keep two-column layout on tablets */
@media (max-width: 989px) and (min-width: 600px) {
  .collection-list .grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
    justify-items: center !important;
  }
}

/* --- Hard-center the entire "Shop by Style" block on desktop --- */
@media (min-width: 990px) {
  /* center the entire section wrapper */
  .shopify-section[id*="collection-list"] .page-width {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* center the grid of cards perfectly */
  .shopify-section[id*="collection-list"] .grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 45px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  /* make sure each tile is the same width */
  .shopify-section[id*="collection-list"] .grid__item {
    flex: 0 1 260px !important;
    padding: 0 !important;
  }

  /* center heading text */
  .shopify-section[id*="collection-list"] .section-header {
    text-align: center !important;
    margin-bottom: 22px !important;
  }
}