/** Shopify CDN: Minification failed

Line 391:0 Unexpected "{"
Line 392:0 Unexpected "0%"
Line 395:0 Unexpected "100%"
Line 420:8 Expected identifier but found "\"✨ ✨ ✨\""
Line 442:0 Unexpected "0%"
Line 444:0 Unexpected "100%"
Line 1335:0 Unexpected "{"
Line 1341:0 Unexpected "}"

**/
/* =========================
SRLC BOUTIQUE OVERLAY
Scarlett Rose Little Collective
========================= */

/* Luxury Floral Background */

body{
background:#f7c6d3;
}

/* Luxury Typography */

h1,h2,h3,h4{
font-family:"Playfair Display", serif;
color:#c96f8d;
letter-spacing:.5px;
}

/* Pearl Buttons */

button,
.btn,
.button{
background:linear-gradient(#f7c6d3,#e9a8bc);
border-radius:30px;
border:none;
color:white;
font-weight:600;
padding:12px 22px;
box-shadow:0 6px 14px rgba(0,0,0,.08);
transition:all .25s ease;
}

button:hover{
transform:translateY(-3px);
box-shadow:0 12px 24px rgba(0,0,0,.15);
}

/* Product Cards */

.card,
.product-card,
.grid-product,
.product-grid-item{
border:2px solid #f7c6d3;
border-radius:20px;
box-shadow:0 8px 20px rgba(0,0,0,.06);
transition:all .25s ease;
position:relative;
}

/* Sparkle Hover Effect */

.product-card:hover::after,
.grid-product:hover::after{
content:"✨";
position:absolute;
top:10px;
right:10px;
font-size:18px;
animation:sparkle 1.2s infinite alternate;
}

@keyframes sparkle{
0%{opacity:.4; transform:scale(.8);}
100%{opacity:1; transform:scale(1.2);}
}

/* Lace Section Divider */

.srlc-lace{
height:40px;
margin:50px 0;
background:repeating-linear-gradient(
90deg,
#f7c6d3,
#f7c6d3 8px,
transparent 8px,
transparent 16px
);
opacity:.6;
}

/* Floral Corner Decorations */

body::before,
body::after{
content:"🌸";
position:fixed;
font-size:42px;
opacity:.12;
z-index:0;
}

body::before{
top:25px;
left:25px;
}

body::after{
bottom:25px;
right:25px;
}
.product-card:hover::before,
.grid-product:hover::before{

content:"✨✨✨";

position:absolute;

bottom:10px;

left:10px;

font-size:14px;

animation:sparkleTrail .8s linear infinite;

}

@keyframes sparkleTrail{

0%{opacity:.2; transform:translateX(0)}

50%{opacity:1; transform:translateX(5px)}

100%{opacity:.2; transform:translateX(0)}

}
body{

border:18px solid transparent;

border-image:linear-gradient(
45deg,
#ffd6e6,
#f7c6d3,
#f3a9bf
) 30 round;

}
.product-card,
.grid-product{

background:white;

border:2px dashed #f7c6d3;

padding:10px;

}

.product-card img{

border:6px solid #ffe6f0;

}
/* SRLC Glitter Shimmer Buttons */

button,
.btn,
.button,
.product-form__submit{

position:relative;

overflow:hidden;

}

button::after,
.btn::after,
.button::after,
.product-form__submit::after{

content:"";

position:absolute;

top:0;
left:-120%;

width:120%;
height:100%;

background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.6),
transparent
);

transform:skewX(-20deg);

animation:buttonShimmer 4s infinite;

}

@keyframes buttonShimmer{

0%{
left:-120%;
}

50%{
left:120%;
}

100%{
left:120%;
}

}
/* SRLC Cart Icon */

.icon-cart svg{
display:none;
}

.icon-cart::after{
content:"🦋";
font-size:22px;
}
/* SRLC Search Icon */

.icon-search svg{
display:none;
}

.icon-search::after{
content:"🌸";
font-size:20px;
}
/* SRLC Account Icon */

.icon-account svg{
display:none;
}

.icon-account::after{
content:"🎀";
font-size:20px;
}
/* SRLC Dropdown Arrows */

.icon-caret svg{
display:none;
}

.icon-caret::after{
content:"✨";
font-size:16px;
}
/* =========================
SRLC Featured Products Section
========================= */

/* Section Frame */

.featured-collection,
#shopify-section-featured-collection{

background:#fff0f6;

border-radius:25px;

padding:40px;

margin-top:40px;

box-shadow:0 12px 30px rgba(0,0,0,.06);

position:relative;

}

/* Floral Corners */

.featured-collection::before{
content:"🌸";
position:absolute;
top:-10px;
left:-10px;
font-size:32px;
opacity:.6;
}

.featured-collection::after{
content:"🦋";
position:absolute;
bottom:-10px;
right:-10px;
font-size:28px;
opacity:.7;
}

/* Section Title */

.featured-collection h2{

font-family:"Playfair Display", serif;

color:#c96f8d;

font-size:34px;

text-align:center;

margin-bottom:30px;

position:relative;

}

/* Sparkle Accent */

.featured-collection h2::after{

content:" ✨";

font-size:18px;

}

/* Product Cards */

.featured-collection .card,
.featured-collection .grid-product{

border:2px solid #f7c6d3;

border-radius:20px;

padding:10px;

background:white;

box-shadow:0 10px 24px rgba(0,0,0,.08);

transition:all .25s ease;

}

/* Product Hover */

.featured-collection .card:hover,
.featured-collection .grid-product:hover{

transform:translateY(-6px);

box-shadow:0 18px 36px rgba(0,0,0,.12);

}

/* Lace Divider */

.featured-collection::before{

content:"";

display:block;

height:30px;

background:repeating-linear-gradient(
90deg,
#f7c6d3,
#f7c6d3 6px,
transparent 6px,
transparent 12px
);

opacity:.5;

margin-bottom:25px;

}
{
0%{
transform:translateY(110vh) rotate(0deg);
}
100%{
transform:translateY(-10vh) rotate(360deg);
}
}
@keyframes fallPetal{

0%{
transform:translateY(-10vh) rotate(0deg);
}

100%{
transform:translateY(110vh) rotate(360deg);
}

}
/* SRLC sparkle twinkles */

.banner::after{

content:"";

display:none;

}

content:"✨ ✨ ✨";

position:absolute;

top:30px;

left:50%;

transform:translateX(-50%);

font-size:18px;

opacity:.6;

animation:sparkleTwinkle 2s infinite alternate;

pointer-events:none;

}

@keyframes sparkleTwinkle{

0%{opacity:.3}

100%{opacity:1}

}
/* Butterfly hover effect */

.product-card:hover::before,
.grid-product:hover::before{

content:"🦋";

position:absolute;

top:10px;

left:10px;

font-size:18px;

animation:butterflyPop .6s ease;

}

@keyframes butterflyPop{

0%{transform:scale(.3); opacity:0}

100%{transform:scale(1); opacity:1}

}
/* =========================
SRLC BOUTIQUE PRODUCT CARDS
========================= */

.card,
.product-card,
.grid-product,
.product-grid-item{

background:#fff0f6;

border-radius:22px;

border:2px solid #f7c6d3;

padding:12px;

box-shadow:0 12px 24px rgba(0,0,0,.08);

transition:all .3s ease;

position:relative;

}

/* Floral accent */

.card::after,
.product-card::after{

content:"🌸";

position:absolute;

bottom:8px;

right:10px;

font-size:16px;

opacity:.7;

}

/* Hover animation */

.card:hover,
.product-card:hover{

transform:translateY(-8px) scale(1.02);

box-shadow:0 20px 40px rgba(0,0,0,.15);

}

/* Image styling */

.card img,
.product-card img{

border-radius:16px;

}

/* Product title */

.card__heading,
.product-title{

font-family:"Playfair Display", serif;

color:#c96f8d;

font-weight:600;

}

/* Price styling */

.price{

color:#7f9c7b;

font-weight:600;

}

/* Add to cart button inside cards */

.card button{

margin-top:10px;

}
/* =========================
SRLC COLLECTION PAGE STYLE
========================= */

/* Collection page background */

.template-collection{

background:#fff6fa;

padding-top:20px;

}

/* Collection title */

.collection-hero__title{

font-family:"Playfair Display", serif;

color:#c96f8d;

font-size:38px;

text-align:center;

position:relative;

}

/* Butterfly accent */

.collection-hero__title::after{

content:" 🦋";

font-size:20px;

}

/* Lace divider under title */

.collection-hero{

border-bottom:2px dashed #f7c6d3;

padding-bottom:25px;

margin-bottom:30px;

}

/* Product grid container */

.collection .grid{

background:#fff0f6;

border-radius:25px;

padding:25px;

box-shadow:0 12px 24px rgba(0,0,0,.06);

}

/* Filter / sorting bar */

.facets-container{

background:#ffe6f0;

border-radius:20px;

padding:10px;

margin-bottom:20px;

}

/* Hover sparkle on collection products */

.collection .card:hover::before{

content:"✨";

position:absolute;

top:10px;

left:10px;

font-size:18px;

animation:sparklePop .6s ease;

}

@keyframes sparklePop{

0%{opacity:0; transform:scale(.5)}

100%{opacity:1; transform:scale(1)}

}
/* =========================
SRLC HEADER STYLE
========================= */

/* Header background */

.header{

background:#ffe6f0;

border-bottom:2px solid #f7c6d3;

box-shadow:0 4px 12px rgba(0,0,0,.05);

}

/* Navigation menu */

.header__menu-item{

font-family:"Playfair Display", serif;

color:#c96f8d;

font-weight:600;

letter-spacing:.5px;

position:relative;

}

/* Lace hover underline */

.header__menu-item::after{

content:"";

position:absolute;

width:0%;

height:2px;

left:0;

bottom:-4px;

background:#f7c6d3;

transition:width .3s ease;

}

.header__menu-item:hover::after{

width:100%;

}

/* Menu hover sparkle */

.header__menu-item:hover{

color:#e88cab;

}

/* Cart icon styling */

.icon-cart{

color:#c96f8d;

}

/* Cart hover */

.icon-cart:hover{

transform:scale(1.1);

}

/* Header icons spacing */

.header__icons{

gap:16px;

}

/* Search icon color */

.icon-search{

color:#c96f8d;

}
/* =========================
SRLC PRODUCT PAGE STYLE
========================= */

/* Product page background */

.template-product{

background:#fff6fa;

}

/* Product container */

.product{

background:#fff0f6;

border-radius:25px;

padding:30px;

box-shadow:0 12px 24px rgba(0,0,0,.06);

}

/* Product title */

.product__title{

font-family:"Playfair Display", serif;

color:#c96f8d;

font-size:34px;

position:relative;

}

/* Sparkle accent */

.product__title::after{

content:" ✨";

font-size:18px;

}

/* Price styling */

.price{

color:#7f9c7b;

font-weight:600;

font-size:20px;

}

/* Lace divider under price */

.price::after{

content:"";

display:block;

margin-top:10px;

border-bottom:2px dashed #f7c6d3;

}

/* Product images */

.product img{

border-radius:20px;

border:2px solid #f7c6d3;

}

/* Add to cart button area */

.product-form__buttons{

position:relative;

}

/* Butterfly accent */

.product-form__buttons::after{

content:"🦋";

position:absolute;

right:-10px;

top:-10px;

font-size:20px;

}
/* =========================
SRLC FOOTER STYLE
========================= */

/* Lace divider above footer */

.footer::before{

content:"";

display:block;

height:2px;

border-top:2px dashed #f7c6d3;

margin-bottom:25px;

}

/* Footer background */

.footer{

background:#ffe6f0;

padding-top:40px;

}

/* Footer headings */

.footer__heading{

font-family:"Playfair Display", serif;

color:#c96f8d;

}

/* Footer links */

.footer a{

color:#c96f8d;

transition:all .2s ease;

}

/* Sparkle hover */

.footer a:hover{

color:#e88cab;

}

/* Social icons */

.footer .icon{

color:#c96f8d;

}

/* Butterfly accent near social icons */

.footer__content-bottom::after{

content:" 🦋";

font-size:18px;

margin-left:8px;

}

/* Copyright text */

.footer__copyright{

color:#7f9c7b;

font-weight:500;

}
/* SRLC Glitter Background */

body{

background-color:#fff6fa;

background-image:
radial-gradient(rgba(255,255,255,.6) 1px, transparent 1px),
radial-gradient(rgba(255,255,255,.4) 1px, transparent 1px);

background-size:30px 30px;

}
/* Banner butterflies */

.banner::before{

content:"🦋 🦋";

position:absolute;

top:20px;

right:40px;

font-size:24px;

opacity:.7;

animation:bannerButterfly 8s ease-in-out infinite;

}

@keyframes bannerButterfly{

0%{transform:translateY(0)}

50%{transform:translateY(-10px)}

100%{transform:translateY(0)}

}
/* Floral page corners */

body::before{

content:"🌸";

position:fixed;

top:20px;

left:20px;

font-size:36px;

opacity:.2;

pointer-events:none;

}

body::after{

content:"🌸";

position:fixed;

bottom:20px;

right:20px;

font-size:36px;

opacity:.2;

pointer-events:none;

}
/* =========================
SRLC HERO BANNER FRAME
========================= */

.banner{

position:relative;

border-radius:30px;

overflow:hidden;

margin:50px auto;

box-shadow:0 15px 40px rgba(0,0,0,.1);

}

/* Floral corner decorations */

.banner::before{

content:"🌸";

position:absolute;

top:10px;

left:15px;

font-size:34px;

opacity:.8;

}

.banner::after{

content:"🌸";

position:absolute;

bottom:10px;

right:15px;

font-size:34px;

opacity:.8;

}

/* Soft boutique glow */

.banner img{
border-radius:30px;
}
/* =========================
SRLC ANNOUNCEMENT BAR
========================= */

.announcement-bar{

background:linear-gradient(
90deg,
#f7c6d3,
#ffd6e6,
#f7c6d3
);

color:#7f9c7b;

font-family:"Playfair Display", serif;

font-weight:600;

letter-spacing:.5px;

position:relative;

}

/* =========================
SRLC HERO BANNER SOFT GLOW
========================= */

.banner{

position:relative;

border-radius:30px;

overflow:hidden;

box-shadow:0 0 40px rgba(247,198,211,.6);

}

/* dreamy glow behind banner */

.banner::before{

content:"";

position:absolute;

top:-40px;

left:-40px;

right:-40px;

bottom:-40px;

background:radial-gradient(
circle,
rgba(255,220,235,.6) 0%,
rgba(255,220,235,.3) 40%,
transparent 70%
);

z-index:-1;

}
/* =========================
SRLC HERO BANNER SPACING FIX
========================= */

.banner{

margin-top:0;

}

/* reduce spacing under header */

.main-content{

margin-top:-10px;

}
/* =========================
SRLC HEADER WIDTH ALIGNMENT
========================= */

/* widen header container */

.header__inner{

max-width:1400px;

margin:0 auto;

padding-left:20px;

padding-right:20px;

}

/* keep logo + menu aligned */

.header{

width:100%;

}

/* =========================
SRLC MENU BUTTERFLY HOVER
========================= */

.header__menu-item{

position:relative;

}

/* butterfly hover */

.header__menu-item:hover::after{

content:"🦋";

position:absolute;

top:-8px;

right:-18px;

font-size:16px;

opacity:.9;

animation:menuButterfly .4s ease;

}

@keyframes menuButterfly{

0%{

transform:scale(.3) rotate(-20deg);

opacity:0;

}

100%{

transform:scale(1) rotate(0deg);

opacity:1;

}

}
/* =========================
SRLC LOGO ENHANCEMENT
========================= */

.header__heading-logo{

filter: drop-shadow(0 4px 8px rgba(0,0,0,.15));

}

/* soft glow around logo */

.header__heading-link{

position:relative;

}

.header__heading-link::after{

content:"";

position:absolute;

top:-8px;

left:-8px;

right:-8px;

bottom:-8px;

background:radial-gradient(
circle,
rgba(255,220,235,.6) 0%,
rgba(255,220,235,.3) 40%,
transparent 70%
);

z-index:-1;

border-radius:20px;

}

/* product cards */

.card,
.product-card{

border-radius:18px;

padding:8px;

}

/* product images */

.card img{

border-radius:14px;

}

/* navigation spacing */

.header__menu-item{

padding:10px 0;

font-size:16px;

}
{

opacity:.5;

}

}
/* =========================
SRLC BOUTIQUE DROPDOWN MENU
========================= */

.header__submenu{

background:#fff0f6;

border-radius:18px;

padding:10px;

box-shadow:0 10px 25px rgba(0,0,0,.12);

border:1px solid #f7c6d3;

}

/* dropdown links */

.header__submenu .header__menu-item{

font-family:"Playfair Display", serif;

color:#c96f8d;

padding:8px 12px;

border-radius:10px;

transition:all .2s ease;

}

/* hover effect */

.header__submenu .header__menu-item:hover{

background:#ffe6f0;

transform:translateX(4px);

}

/* =========================
SRLC MENU ICON ALIGNMENT
========================= */


/* improve emoji alignment */

.header__menu-item{

line-height:1;

}
/* =========================
SRLC HEADER TIGHTENING
========================= */

.header{

padding-top:8px;
padding-bottom:8px;

}
/* =========================
SRLC FEATURED PRODUCTS FRAME
========================= */

.featured-products{

background:#fff0f6;

border-radius:25px;

padding:30px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

margin-top:40px;

}
/* SRLC page background */

body{

background:#fff6fa;

}
/* Featured products title */

h2{

text-align:center;

font-family:"Playfair Display", serif;

color:#c96f8d;

}
/* Section divider */

.shopify-section{

margin-top:40px;

}
/* Banner divider */

.banner{

margin-bottom:30px;

}
/* =========================
SRLC HEADER NAVIGATION STYLE
========================= */

.header__menu-item{

font-size:16px;

font-weight:600;

letter-spacing:.4px;

padding-left:14px;
padding-right:14px;

font-family:"Playfair Display", serif;

color:#c96f8d;

}

/* menu hover */

.header__menu-item:hover{

color:#e88cab;

}
/* =========================
SRLC FEATURED PRODUCTS AREA
========================= */

.featured-products{

background:#fff0f6;

border-radius:30px;

padding:35px;

box-shadow:0 12px 30px rgba(0,0,0,.08);

margin-top:40px;

}
/* featured products title */

h2{

font-family:"Playfair Display", serif;

font-size:28px;

color:#c96f8d;

text-align:center;

margin-bottom:25px;

}
/* product grid spacing */

.grid{

gap:22px;

}
/* keep navigation in one line */

.header__inline-menu{

white-space:nowrap;

}
/* SRLC header width fix */

.header__inner{

max-width:1400px;

margin:0 auto;

padding-left:20px;
padding-right:20px;

}
/* keep navigation on one line */

.header__inline-menu{

flex-wrap:nowrap;

}
/* =========================
SRLC NAVIGATION FIX
========================= */

/* keep menu items in one row */

.header__inline-menu ul{
display:flex;
flex-wrap:nowrap;
}

/* tighten spacing between menu items */

.header__menu-item{
padding-left:10px;
padding-right:10px;
font-size:15px;
}
/* SRLC floating homepage logo */

.srlc-floating-logo{

text-align:center;

margin-top:40px;
margin-bottom:20px;

}

.srlc-floating-logo img{

max-width:650px;

width:90%;

filter:drop-shadow(0 15px 30px rgba(0,0,0,.15));

}
/* remove extra space around custom liquid section */

.shopify-section:has(.srlc-floating-logo){
padding-top:10px;
padding-bottom:0px;
}/* remove extra space around custom liquid section */

.shopify-section:has(.srlc-floating-logo){
padding-top:10px;
padding-bottom:0px;
}
/* SRLC dreamy boutique background */

body{
background: radial-gradient(circle at top, #fff0f6 0%, #ffe4ee 40%, #fff7fb 100%);
}

/* floral corner decorations */

body::after{
content:"";

position:fixed;

bottom:0;
right:0;

width:300px;
height:300px;

background:url('https://cdn.shopify.com/s/files/1/0000/files/floral-corner.png') no-repeat;

background-size:contain;

opacity:.35;

pointer-events:none;

z-index:-1;
}
/* Remove Shopify white content background */

.main-content,
.shopify-section,
.section{
background: transparent !important;
}
/* SRLC dreamy boutique background */

body{

background:
radial-gradient(circle at top, #ffd6e8 0%, #ffc2dc 35%, #ffe8f3 70%, #fff6fa 100%);

}
/* SRLC site background */

body,
.gradient,
.color-background-1{

background: radial-gradient(circle at top,
#ffd6e8 0%,
#ffc2dc 35%,
#ffe4f1 65%,
#fff5fa 100%) !important;

}
/* SRLC luxury lace background */

body,
.gradient,
.color-background-1{

background:
linear-gradient(rgba(255,245,250,.92), rgba(255,245,250,.92)),
url("https://www.transparenttextures.com/patterns/cream-pixels.png");

background-size: cover;

}
/* SRLC global boutique background */

:root {
--gradient-background: radial-gradient(circle at top,
#ffd6e8 0%,
#ffc2dc 40%,
#ffe4f1 70%,
#fff5fa 100%);
}
/* SRLC featured products container */

.featured-products,
#shopify-section-featured-products{

background:#fff0f6;

border-radius:30px;

padding:35px;

box-shadow:0 18px 40px rgba(0,0,0,.08);

margin-top:40px;

margin-bottom:60px;

}

/* section title */

#shopify-section-featured-products h2{

font-family:"Playfair Display", serif;

font-size:28px;

color:#c96f8d;

text-align:center;

margin-bottom:25px;

}
/* SRLC lace product frames */

.card,
.product-card,
.grid-product{

background:#ffffff;

border:2px solid #f7c6d3;

border-radius:22px;

padding:10px;

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

position:relative;

}

/* lace corner accents */

.card::before,
.product-card::before{

content:"🌸";

position:absolute;

top:6px;
right:10px;

font-size:14px;

opacity:.6;

}
/* SRLC lace divider under logo */

.srlc-floating-logo::after{

content:"❀ ❀ ❀ ❀ ❀";

display:block;

text-align:center;

font-size:22px;

color:#f3a3c3;

margin-top:18px;

letter-spacing:12px;

opacity:.85;

}
/* ===== SRLC RIBBON ANNOUNCEMENT (INTEGRATED HEADER) ===== */

.announcement-bar {
  position: relative;
  z-index: 3;
  background: transparent !important;
  box-shadow: none !important;
}

/* ribbon container */
.announcement-bar__message {
  display: inline-block;
  background: linear-gradient(90deg, #f7c6d3, #fdd6e6, #f7c6d3);
  color: #7f5c7b;
  font-family: "Playfair Display", serif;
  font-size: 14px;
  padding: 10px 30px;
  border-radius: 20px;
  position: relative;
  margin: 10px auto -20px auto; /* pulls it into header */
  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
}

/* center it */
.announcement-bar {
  text-align: center;
}
/* ribbon tails */
.announcement-bar__message::before,
.announcement-bar__message::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 10px solid transparent;
}

.announcement-bar__message::before {
  left: -18px;
  border-right-color: #f7c6d3;
}

.announcement-bar__message::after {
  right: -18px;
  border-left-color: #f7c6d3;
}
/* lace edge under ribbon */
.announcement-bar::after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: url('YOUR-LACE-IMAGE-URL') repeat-x center;
  background-size: contain;
  margin-top: -5px;
}
#shopify-section-header {
  margin-top: 10px;
}
/* ===== SRLC HEADER RIBBON ===== */

.srlc-header-ribbon {
  text-align: center;
  background: linear-gradient(90deg, #f7c6d3, #fdd6e6, #f7c6d3);
  color: #7f5c7b;
  font-family: "Playfair Display", serif;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 20px;
  max-width: 700px;

  /* FIXED SPACING */
  margin: 10px auto 15px auto;

  box-shadow: 0 6px 12px rgba(0,0,0,0.08);
  position: relative;
  z-index: 5;
}
/* move logo down inside header */
.header__heading {
  margin-top: 25px !important;
}
/* match header background to green sections */
.header-wrapper {
  background-color: #a8b5a2 !important; /* your green */
}
/* add subtle diagonal lines like your sections */
.header-wrapper {
  background-color: #a8b5a2 !important;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,0.08) 0px,
    rgba(255,255,255,0.08) 2px,
    transparent 2px,
    transparent 6px
  );
}
.header {
  background: transparent !important;
}
.header-wrapper {
  border-radius: 20px;
}
/* make header content full width INSIDE the section */
.header-wrapper .page-width {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.header-wrapper {
  background-color: #a8b5a2 !important;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,0.08) 0px,
    rgba(255,255,255,0.08) 2px,
    transparent 2px,
    transparent 6px
  );
}
.header-wrapper {
  border-radius: 0 0 20px 20px;
}
/* soft fade between announcement + header */
.header-wrapper {
  position: relative;
  z-index: 1;
}

.header-wrapper::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(
    to bottom,
    #f8d7e1 0%,
    rgba(248, 215, 225, 0) 100%
  );
  pointer-events: none;
}
/* make sure header allows overlays */
.header-wrapper {
  position: relative;
  z-index: 1;
}

/* lace divider (WORKING version) */
.header-wrapper::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 40px;

  background-image: url("/cdn/shop/files/ChatGPT_Image_Mar_29_2026_11_54_21_AM.png?v=1774799675");
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;

  pointer-events: none;
  z-index: 5;
}
.header-wrapper::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 30px;

  background: linear-gradient(
    to bottom,
    #f8d7e1 0%,
    rgba(248, 215, 225, 0) 100%
  );

  z-index: 2;
  pointer-events: none;
}
.section-header::after {
  content: "";
  position: absolute;
  top: -26px;
  left: 0;
  width: 100%;
  height: 60px;

  background-image: url("/cdn/shop/files/ChatGPT_Image_Mar_29_2026_11_54_21_AM.png?v=1774799675");
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;

  z-index: 10;
  pointer-events: none;
}
.section-header::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 50px;

  background: linear-gradient(
    to bottom,
    #f8d7e1 0%,
    rgba(248, 215, 225, 0) 100%
  );

  z-index: 5;
  pointer-events: none;
}
.header-wrapper {
  background-blend-mode: soft-light;
}
.srlc-header-ribbon {
  box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}
.section-header::after {
  filter: drop-shadow(0 0 6px rgba(255, 192, 203, 0.4));
}
/* OUTER TILE (pink frame) */
.ai-collection-scroll-item {
  background: #f8e4ea;
  border-radius: 22px;
  padding: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

/* INNER IMAGE FRAME (green area) */
.ai-collection-scroll-image-wrapper {
  background-color: #a8b5a2;
  border-radius: 16px;
  padding: 6px;
  overflow: hidden;

  background-image: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,0.08) 0px,
    rgba(255,255,255,0.08) 2px,
    transparent 2px,
    transparent 6px
  );
}

/* IMAGE */
.ai-collection-scroll-image-wrapper img {
  border-radius: 12px;
}

/* TEXT OVERLAY */
.ai-collection-scroll-overlay {
  font-family: "Playfair Display", serif;
  color: white;
  text-shadow: 0 2px 6px rgba(0,0,0,0.25);
  font-size: 18px;
}

/* HOVER */
.ai-collection-scroll-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 28px rgba(0,0,0,0.12);
}
/* grid layout */
.srlc-categories {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 20px 0;
}

/* tile */
.srlc-cat {
  text-decoration: none;
  text-align: center;
  background: #f8e4ea;
  border-radius: 22px;
  padding: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

/* inner image frame */
.srlc-cat img {
  width: 100%;
  border-radius: 16px;
  padding: 6px;
  background: #a8b5a2;

  background-image: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,0.08) 0px,
    rgba(255,255,255,0.08) 2px,
    transparent 2px,
    transparent 6px
  );
}

/* text */
.srlc-cat span {
  display: block;
  margin-top: 8px;
  font-family: "Playfair Display", serif;
  color: #d88fa3;
}

/* hover */
.srlc-cat:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 28px rgba(0,0,0,0.12);
}

/* mobile */
@media (max-width: 768px) {
  .srlc-categories {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* ===== SRLC CATEGORY TILE GLOW UP ===== */

/* outer card */
.collection-list .card {
  background: #f8e4ea;
  border-radius: 26px;
  padding: 14px;
  box-shadow: 0 12px 24px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

/* inner frame */
.collection-list .card__inner {
  background: #a8b5a2;
  border-radius: 18px;
  padding: 8px;

  background-image: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,0.06) 0px,
    rgba(255,255,255,0.06) 2px,
    transparent 2px,
    transparent 6px
  );
}

/* image */
.collection-list .media {
  border-radius: 14px;
  overflow: hidden;
}

/* text */
.collection-list .card__heading {
  font-family: "Playfair Display", serif;
  color: #d88fa3;
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}

/* hover effect */
.collection-list .card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 30px rgba(0,0,0,0.12);
}
/* ===== FORCE STYLE CATEGORY TILES ===== */

/* outer tile */
.collection-scroll__item,
.collection-scroll .card,
.collection-scroll a {
  background: #f8e4ea !important;
  padding: 12px !important;
  border-radius: 24px !important;
  box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
}

/* inner image wrapper */
.collection-scroll img {
  border-radius: 16px !important;
  padding: 6px !important;
  background: #a8b5a2 !important;

  background-image: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,0.06) 0px,
    rgba(255,255,255,0.06) 2px,
    transparent 2px,
    transparent 6px
  ) !important;
}

/* text */
.collection-scroll h3,
.collection-scroll .card__heading {
  color: #d88fa3 !important;
  text-align: center !important;
  font-family: "Playfair Display", serif !important;
}
.collection-scroll * {
  background: red !important;
}