/* Bubbly "candlelit dressing room" theme: editorial serif, blush/champagne/wine/gold, soft glows, three ornaments. Loaded last. */
@font-face{font-family:'Bubbly Serif';src:url('/fonts/playfair-display-latin-600-normal.woff2') format('woff2');font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:'Bubbly Serif';src:url('/fonts/playfair-display-latin-600-italic.woff2') format('woff2');font-weight:500 700;font-style:italic;font-display:swap}
@font-face{font-family:'Bubbly Serif';src:url('/fonts/playfair-display-latin-400-italic.woff2') format('woff2');font-weight:300 450;font-style:italic;font-display:swap}

:root{
  --wine:#5b1a33;--wine-deep:#40111f;--wine-soft:#7a2a49;
  --blush:#f9e4ea;--blush-2:#fdf3f6;--champagne:#f3e6d3;--gold:#c9a35b;--gold-soft:#e7d3a8;
  --ink:#3a1a28;--deep:#5b1a33;--line:#ead8df;--soft:#f9e4ea;
  --serif:'Bubbly Serif','Playfair Display',Georgia,'Times New Roman',serif;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .1 0 0 0 0 .2 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 18'%3E%3Cpath d='M2 11 C 22 11, 34 4, 50 9' fill='none' stroke='%23c9a35b' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M118 11 C 98 11, 86 4, 70 9' fill='none' stroke='%23c9a35b' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M60 15 C 52 9, 52 3.5, 56.5 3.5 C 58.6 3.5, 60 5.2, 60 6.6 C 60 5.2, 61.4 3.5, 63.5 3.5 C 68 3.5, 68 9, 60 15 Z' fill='%23d91465'/%3E%3C/svg%3E");
}
body{background:var(--blush-2);color:var(--ink)}

/* Headlines: editorial serif */
h1,.hero-copy h1,.section-head h2,.discovery-heading h2,.discovery-card h2,.boutique .section-head h2,.social-club h2,.pinterest-discovery h2,.stylist-head h2,dialog h2,.seo-guide-article h1,.seo-guide-article h2,.category-section .section-head h2,.guide-links h2,.guide-links h3,.boutique-edit h3,.boutique-match h3{font-family:var(--serif);font-weight:600;letter-spacing:-.5px}
.hero-copy h1{letter-spacing:-1px;line-height:1.02;color:var(--wine-deep)}
.hero-copy h1 em,h1 em{font-style:italic;font-weight:600;color:var(--pink)}
.section-head h2,.discovery-heading h2{letter-spacing:-.4px}
.eyebrow{color:var(--pink);letter-spacing:2.2px}

/* Ornament 1: heart flourish under section titles */
.section-head h2::after,.discovery-heading h2::after,.seo-guide-article h1::after{content:'';display:block;width:120px;height:18px;margin:10px 0 2px;background:var(--heart) no-repeat left center/contain}
.home-edit .section-head h2::after{margin-left:0}

/* Ornament 2: sparkle on the featured budget chip */
.boutique-chips .boutique-chip-feature::before{content:'\2726';margin-right:6px;color:var(--gold);font-size:12px}

/* Ornament 3: gold rule with center dot between sections */
.discovery-heading,.boutique:not(.home-edit):not(.guide-products),.social-club,.pinterest-discovery{position:relative}
.discovery-heading::before,.boutique:not(.home-edit):not(.guide-products)::before{content:'';display:block;height:9px;margin:0 auto 28px;max-width:360px;background:
  radial-gradient(circle,var(--gold) 0 3px,transparent 3.5px) center/9px 9px no-repeat,
  linear-gradient(90deg,transparent,var(--gold-soft) 20%,var(--gold-soft) 46%,transparent 46%,transparent 54%,var(--gold-soft) 54%,var(--gold-soft) 80%,transparent) center/100% 1px no-repeat}
.boutique:not(.home-edit):not(.guide-products)::before{position:absolute;top:-24px;left:0;right:0;margin:0 auto}

/* Masthead + nav: deep wine instead of near-black */
.masthead{background:radial-gradient(ellipse at 15% -40%,#7a2a49 0,transparent 60%),linear-gradient(120deg,var(--wine-deep),var(--wine) 60%,#6d2140)}
.masthead .logo{color:#ffb3d1}
.saved-nav{border-color:#c98aa5;border-radius:999px}
#savedCount{display:inline-block;margin-left:6px;min-width:20px;padding:0 6px;border-radius:999px;background:#ffffff22;font-size:.9em;text-align:center}
.section-tabs{background:#fffdfdf2}
.section-tabs a{color:var(--ink)}
.section-tabs a[aria-selected=true]{color:var(--pink);border-bottom-color:var(--pink)}

/* Hero: candlelit glow, grain, arch-framed full look */
.editorial-hero{position:relative;background:
  radial-gradient(ellipse 70% 90% at 22% 30%,#fffaf6 0,#fdeef2 45%,transparent 75%),
  radial-gradient(ellipse 60% 80% at 85% 85%,#f3e6d3 0,transparent 70%),
  linear-gradient(135deg,#fbe6ec,#f6e8dc);border-radius:0}
.editorial-hero::after{content:'';position:absolute;inset:0;background:var(--grain);opacity:.05;pointer-events:none;mix-blend-mode:multiply}
.hero-copy,.hero-fashion{position:relative;z-index:1}
.hero-copy p{color:#6e4f5d}
.hero-cta{background:var(--wine);color:#fff;border-radius:999px;padding:16px 28px;box-shadow:0 10px 24px #5b1a3326;transition:background .2s,transform .2s}
.hero-cta:hover{background:var(--pink);transform:translateY(-1px)}
.hero-secondary{color:var(--wine);text-decoration-color:var(--gold)}
.hero-fashion{padding:34px 9% 22px;background:none}
.hero-frame{background:#2a1520;border-radius:999px 999px 22px 22px / 260px 260px 22px 22px;box-shadow:0 0 0 6px #fff9,0 0 0 7px var(--gold-soft),0 24px 50px #5b1a3333;min-height:0;aspect-ratio:836/941;flex:none;width:100%;max-width:460px;margin:0 auto}
/* Show the dinner + rooftop looks head to knee (image is four side-by-side looks) */
.hero-frame img{position:absolute;top:0;left:-50%;width:200%;height:auto;transform:none}
.hero-fashion figcaption{background:none;color:#8a6a78;font-size:10.5px;margin-top:12px}

/* Discovery + cards */
.discovery-card{border-top:1px solid var(--gold-soft);background:transparent}
.discovery-card:hover{border-color:var(--pink)}
.discovery-action{color:var(--wine);text-decoration-color:var(--gold)}
.primary,.amazon-find .primary,.boutique-card .primary{background:var(--wine);color:#fff;border-radius:999px}
.primary:hover,.amazon-find .primary:hover,.boutique-card .primary:hover{background:var(--pink)}
.secondary{border-radius:999px;color:var(--wine);border-color:var(--line)}
.boutique{background:radial-gradient(ellipse at 80% 0%,#fffaf7,var(--blush) 70%,#f6e6dc);border-color:var(--line)}
.boutique.home-edit{background:transparent;border:0;padding-left:0;padding-right:0}
.boutique-card{background:radial-gradient(circle at 25% 10%,#fff 10%,#fdf3f6 75%);box-shadow:inset 0 0 0 1px #f1e0e7,0 10px 22px #5b1a3310}
.boutique-store.boutique-coutr{background:var(--wine)}
.boutique-chips button[aria-pressed="true"]{background:var(--wine);border-color:var(--wine)}
.boutique-chips .boutique-chip-feature{background:var(--champagne);border-color:var(--gold-soft);color:var(--wine)}
.boutique-chips .boutique-chip-feature[aria-pressed="true"]{background:var(--wine);color:#fff;border-color:var(--wine)}
.boutique-chips .boutique-chip-feature[aria-pressed="true"]::before{color:#f0d79c}
footer{background:linear-gradient(180deg,var(--blush-2),var(--champagne))}

/* Mobile bottom bar: readable on wine */
.mobile-dock{background:var(--wine-deep);border-top:1px solid #7a2a49}
.mobile-dock a,.mobile-dock button,.mobile-dock .plain{color:#fff}
.mobile-dock a:nth-child(2),.mobile-dock button:nth-child(2){background:var(--blush);color:var(--wine)}
.mobile-dock span{background:var(--pink);color:#fff}

@media(max-width:750px){
  .hero-copy h1{font-size:42px;letter-spacing:-.6px}
  .hero-fashion{padding:6px 22px 18px}
  .hero-frame{aspect-ratio:3/4;max-width:340px;border-radius:999px 999px 18px 18px / 190px 190px 18px 18px}
  .hero-frame img{left:-200%;width:400%}
  .section-head h2::after,.discovery-heading h2::after{width:100px;height:15px}
}
@media(prefers-reduced-motion:reduce){.hero-cta{transition:none}.hero-cta:hover{transform:none}}
.masthead .brand-quote span{color:#ffb3d1}
.masthead .brand-quote span::before{content:' '}
@media(min-width:751px){.hero-copy h1{font-size:clamp(40px,4.4vw,64px)}}

/* Update 3: gentle motion */
.boutique-card,.opener-piece,.discovery-card,.guide-tile,.mood-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
@media(hover:hover){
  .boutique-card:hover,.opener-piece:hover,.guide-tile:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #f1e0e7,0 16px 30px #5b1a331c}
  .discovery-card:hover{transform:translateY(-2px)}
}
.bubbly-shimmer{position:relative;overflow:hidden}
.bubbly-shimmer::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffffb0 45%,#fff3d6aa 55%,transparent 80%);transform:translateX(-120%);animation:bubbly-shine .65s ease-out forwards;pointer-events:none;border-radius:inherit}
@keyframes bubbly-shine{to{transform:translateX(120%)}}
.heart-burst{position:fixed;width:0;height:0;z-index:80;pointer-events:none}
.heart-burst span{position:absolute;left:-6px;top:-8px;font-size:15px;line-height:1;opacity:0;animation:bubbly-heart .9s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes bubbly-heart{0%{opacity:0;transform:translate(0,0) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.05) rotate(12deg)}}

/* Update 3: mood swatch-cards in the opener */
.mood-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:920px}
.opener-chips .mood-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:0;padding:12px 12px 14px;border-radius:22px;background:#fff;border:1px solid #ead5dd;color:var(--deep);text-align:left;font-weight:400}
.mood-card strong{font-size:15px;font-weight:700}
.mood-card small{font-size:12px;line-height:1.35;color:#7a5a68}
.mood-swatch{display:block;width:100%;height:46px;border-radius:14px;margin-bottom:6px;box-shadow:inset 0 0 0 1px #0000000d}
.mood-coffee .mood-swatch{background:radial-gradient(circle at 75% 30%,#fffaf2 0 14%,transparent 15%),linear-gradient(120deg,#f6ecdf,#e3cdb2 55%,#c7a888)}
.mood-dinner .mood-swatch{background:radial-gradient(circle at 78% 35%,#f3d79a 0 7%,#c9a35b55 12%,transparent 30%),linear-gradient(120deg,#7a2a49,#5b1a33 55%,#3a0f20)}
.mood-night .mood-swatch{background:radial-gradient(circle at 20% 70%,#f0c96a 0 2%,transparent 3%),radial-gradient(circle at 45% 55%,#ffe3a0 0 1.6%,transparent 2.6%),radial-gradient(circle at 70% 75%,#f0c96a 0 2%,transparent 3%),radial-gradient(circle at 85% 50%,#fff2c4 0 1.4%,transparent 2.4%),linear-gradient(180deg,#141a35,#26305a 70%,#3b3f6e)}
.mood-casual .mood-swatch{background:linear-gradient(120deg,#cfe3ee,#f3eef4 45%,#f9e4ea 70%,#f4c9d6)}
.opener-chips .mood-card[aria-pressed=true]{background:#fff;color:var(--deep);border-color:var(--wine);box-shadow:0 0 0 2px var(--wine),0 12px 24px #5b1a331f}
.opener-chips .mood-card[aria-pressed=true] strong::after{content:' \2713';color:var(--pink)}
@media(hover:hover){.opener-chips .mood-card:hover{transform:translateY(-2px);border-color:#d8b3c3}}
@media(max-width:750px){.mood-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-swatch{height:38px}}
@media(prefers-reduced-motion:reduce){
  .boutique-card,.opener-piece,.discovery-card,.guide-tile,.mood-card{transition:none}
  .boutique-card:hover,.opener-piece:hover,.guide-tile:hover,.discovery-card:hover,.opener-chips .mood-card:hover{transform:none}
  .bubbly-shimmer::after,.heart-burst{display:none}
}
.date-opener h2,.opener-look-head h3{font-family:var(--serif);font-weight:600;letter-spacing:-.4px;color:var(--wine-deep)}