/* =====================================================================
   YELLOW BELL — AESTHETIC THEME LAYER (loads after styles.css)
   Palette · glow · glass · dome shapes · 3D tilt · butterflies ·
   colour swatches · size pills · add-to-bag motion.
   Pro UI structure, tracking, checkout & Google Sheets logic untouched.
   ===================================================================== */
:root{
  --color-ivory:#fbf7f3;--color-bone:#f4ebe7;--color-sand:#ead9d1;
  --color-ink:#352b30;--color-stone:#806f75;--color-mist:#a8979c;
  --color-bell:#c88b68;--color-bell-deep:#9b6046;--color-rose:#c4607a;--color-sage:#80656b;
  --yb-cream:#fbf7f3;--yb-paper:#fbf7f3;--yb-green:#4f3840;--yb-gold:#c88b68;
  --yb-glass-white:rgba(255,255,255,.58);--yb-line:rgba(255,255,255,.86);
  --yb-ink:#352b30;
  --gold:#c88b68;--gold-2:#f0c5a6;--gold-dark:#9b6046;
  --mauve:#80656b;--mauve-dark:#4f3840;
  --glass-bg:rgba(255,255,255,.58);--glass-bd:rgba(255,255,255,.88);
  --glass-sh:0 24px 70px rgba(92,61,70,.12);
  --yb-accent:#c88b68;
}

/* ---------- BACKGROUND (fixed, behind everything) ---------- */
html{background:#fbf7f3}
body{background:transparent!important;color:var(--color-ink)}
.yb-bg{position:fixed;inset:0;z-index:-3;pointer-events:none;background:
  radial-gradient(1100px 650px at 6% 0%,#fff1e7 0%,transparent 62%),
  radial-gradient(900px 650px at 96% 18%,#eee7f1 0%,transparent 60%),
  radial-gradient(1000px 700px at 48% 100%,#f9eadf 0%,transparent 60%),#fbf7f3}
.yb-blob{position:fixed;z-index:-2;border-radius:50%;filter:blur(82px);opacity:.5;pointer-events:none;will-change:transform;animation:ybDrift 18s ease-in-out infinite alternate}
.yb-blob.b1{width:520px;height:520px;background:#f6cdb8;top:-120px;left:-120px}
.yb-blob.b2{width:460px;height:460px;background:#dcd2e4;top:30%;right:-160px;animation-delay:-6s}
.yb-blob.b3{width:420px;height:420px;background:#ead7cf;bottom:-150px;left:30%;animation-delay:-12s}
.yb-blob.b4{width:300px;height:300px;background:#fde3a7;top:55%;left:-90px;opacity:.38;animation-delay:-3s}
@keyframes ybDrift{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,40px) scale(1.12)}}
.yb-ribbon{position:fixed;z-index:-2;left:-10%;width:120%;height:220px;pointer-events:none;opacity:.55;filter:blur(28px);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),rgba(247,220,205,.75),rgba(255,255,255,.95),transparent);animation:ybRibbon 16s ease-in-out infinite alternate}
.yb-ribbon.r1{top:18%;transform:rotate(-6deg)}
.yb-ribbon.r2{top:62%;transform:rotate(5deg);opacity:.4;animation-delay:-8s}
@keyframes ybRibbon{to{translate:5% 18px}}
.yb-cursor-glow{position:fixed;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;z-index:-1;pointer-events:none;opacity:0;
  background:radial-gradient(circle,rgba(240,197,166,.42),rgba(253,227,167,.18) 40%,transparent 68%);transition:opacity .6s;will-change:transform}
.yb-cursor-glow.on{opacity:1}
@media(hover:none){.yb-cursor-glow{display:none}}

/* Pages become transparent so the aesthetic background shows through */
.yb-reference-page,.yb-product-page{background:transparent!important}
.yb-reference-page:before{background:radial-gradient(circle at 18% 22%,rgba(240,197,166,.16),transparent 26%),radial-gradient(circle at 84% 18%,rgba(220,210,228,.22),transparent 26%)!important}
.yb-liquid-backdrop span,.yb-liquid-backdrop i{border-color:rgba(255,255,255,.8);box-shadow:inset 0 0 40px rgba(255,255,255,.3),0 0 40px rgba(240,197,166,.18)}
.bg-bone{background:rgba(255,255,255,.5)!important}

/* ---------- BUTTERFLIES ---------- */
.yb-butterfly{position:fixed;z-index:1;left:0;top:0;pointer-events:none;width:34px;height:26px;opacity:.9;will-change:transform;filter:drop-shadow(0 6px 10px rgba(92,61,70,.16))}
.yb-butterfly svg{width:100%;height:100%;overflow:visible;animation:ybBob 2.6s ease-in-out infinite}
.yb-butterfly .wing{transform-box:fill-box;transform-origin:50% 50%;animation:ybFlap .5s ease-in-out infinite alternate}
.yb-butterfly .wing.r{transform-origin:0% 50%;animation-name:ybFlapR}
.yb-butterfly .wing.l{transform-origin:100% 50%;animation-name:ybFlapL}
@keyframes ybFlapL{from{transform:scaleX(1)}to{transform:scaleX(.28)}}
@keyframes ybFlapR{from{transform:scaleX(1)}to{transform:scaleX(.28)}}
@keyframes ybBob{50%{transform:translateY(-3px) rotate(4deg)}}
.yb-butterfly.burst{z-index:700}

/* ---------- NAVBAR : floating glass pill ---------- */
.navbar{background:rgba(255,255,255,.58)!important;border:1px solid var(--glass-bd)!important;border-radius:999px;margin:12px auto 0;width:min(1180px,94%);top:12px;
  box-shadow:0 18px 45px rgba(86,57,66,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}
.navbar .container-lux{max-width:none;padding-left:26px;padding-right:22px}
.nav-link{color:#5d4c52}
.nav-link:hover{background:rgba(200,139,104,.13)!important;border-color:rgba(200,139,104,.25)!important;color:var(--mauve-dark)}
.yb-icon-link{color:var(--mauve-dark);background:rgba(255,255,255,.62)}
.yb-icon-link:hover{background:rgba(200,139,104,.15)!important;box-shadow:0 10px 26px rgba(200,139,104,.3)!important}
.yb-count{background:linear-gradient(135deg,var(--gold-2),var(--gold))!important;color:#fff!important;box-shadow:0 0 0 2px #fff,0 4px 10px rgba(200,139,104,.45)!important}
.yb-count.pop,.yb-bag.pop .yb-count{animation:ybCount .55s var(--ease-lux)}
@keyframes ybCount{40%{transform:scale(1.8)}}
.yb-bag.pop svg{animation:ybBagShake .6s ease}
@keyframes ybBagShake{20%{transform:rotate(-14deg) scale(1.15)}45%{transform:rotate(11deg) scale(1.15)}70%{transform:rotate(-5deg)}}
.yb-dot-menu{background:rgba(255,255,255,.86)!important;border-radius:22px!important}
.yb-dot-menu a:hover{background:rgba(200,139,104,.13)!important}

/* ---------- GLOBAL SURFACES / BUTTONS ---------- */
::selection{background:var(--gold-2);color:var(--mauve-dark)}
.btn-dark{background:linear-gradient(135deg,#f2c9ad,var(--gold) 60%,var(--gold-dark))!important;color:#fff!important;box-shadow:0 14px 34px rgba(200,139,104,.35),inset 0 1px 0 rgba(255,255,255,.55)}
.btn-dark:hover{box-shadow:0 20px 44px rgba(200,139,104,.46)}
.btn-light{background:rgba(255,255,255,.78)!important;color:var(--mauve-dark)!important;backdrop-filter:blur(12px)}
.btn-outline{border-color:rgba(200,139,104,.6)!important;color:var(--mauve-dark)!important;background:rgba(255,255,255,.5)}
.btn-outline:hover{background:var(--gold)!important;color:#fff!important}
.eyebrow{color:var(--gold-dark)}
.field:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(200,139,104,.16)}
.toast{background:rgba(79,56,64,.88)!important;border-radius:999px!important;left:50%;right:auto;top:92px;bottom:auto;transform:translateX(-50%);z-index:950;padding:14px 26px;display:flex;gap:8px;align-items:center;box-shadow:0 20px 45px rgba(86,57,66,.25),0 0 30px rgba(240,197,166,.35)!important;animation:ybToast .5s var(--ease-lux) both}
.toast:before{content:"✨"}
@keyframes ybToast{from{opacity:0;transform:translate(-50%,-24px) scale(.94)}}

/* ---------- PRODUCT STAGE : dome shape + glow + 3D ---------- */
.yb-showcase-stage,.yb-glass-stage{transform-style:preserve-3d;transition:transform .35s ease-out;will-change:transform;
  transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.yb-glass-stage.is-leaving{transition:transform .8s var(--ease-lux)}
.yb-gallery-main{border-radius:300px 300px 38px 38px!important;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,245,241,.18))!important;
  box-shadow:inset 0 0 70px rgba(255,255,255,.78),0 32px 90px rgba(92,61,70,.2),0 0 60px color-mix(in srgb,var(--yb-accent) 38%,transparent)!important;
  border:1.5px solid rgba(255,255,255,.92);transform:translateZ(46px);animation:ybDomeIn 1.2s var(--ease-lux) both,ybFloat 7s ease-in-out 1.2s infinite}
@keyframes ybDomeIn{from{opacity:0;transform:translateZ(46px) translateY(40px) scale(.96)}}
@keyframes ybFloat{50%{translate:0 -9px}}
.yb-gallery-main:before{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%)!important;transform:translateX(-120%);animation:ybSheen 5.5s ease-in-out infinite 2s}
@keyframes ybSheen{to{transform:translateX(120%)}}
.yb-gallery-main-img{object-position:top}
.yb-water-rim{border-radius:310px 310px 46px 46px!important;border:2px solid rgba(255,255,255,.75)!important;
  box-shadow:inset 0 0 0 1px rgba(200,139,104,.28),0 0 0 1px color-mix(in srgb,var(--yb-accent) 60%,transparent),0 0 26px color-mix(in srgb,var(--yb-accent) 38%,transparent)!important;transition:box-shadow .6s;transform-style:preserve-3d}
.yb-water-rim.rim-one{translate:0 0 14px}.yb-water-rim.rim-two{translate:0 0 4px}.yb-water-rim.rim-three{translate:0 0 -10px}
.yb-glass-stage.is-tinting .yb-water-rim{animation:ybTint .9s var(--ease-lux)}
@keyframes ybTint{35%{box-shadow:0 0 0 3px var(--yb-accent),0 0 60px var(--yb-accent)}}
.yb-glass-stage:after{content:"";position:absolute;left:8%;right:8%;bottom:-18px;height:38px;border-radius:50%;z-index:0;filter:blur(2px);
  background:radial-gradient(ellipse,rgba(255,255,255,.95),color-mix(in srgb,var(--yb-accent) 35%,transparent) 60%,transparent 75%);box-shadow:0 22px 40px color-mix(in srgb,var(--yb-accent) 35%,transparent);transform:translateZ(-30px)}
.yb-gallery-arrow{background:rgba(255,255,255,.7)!important;color:var(--mauve-dark)!important;backdrop-filter:blur(10px)}
.yb-gallery-arrow:hover{background:var(--gold)!important;color:#fff!important;box-shadow:0 10px 24px rgba(200,139,104,.4)}
.yb-thumb{border-radius:16px!important;border:2px solid transparent!important;opacity:.8;transition:.35s}
.yb-thumb.is-active,.yb-thumb:hover{border-color:var(--gold)!important;opacity:1;transform:scale(1.06);box-shadow:0 8px 20px rgba(200,139,104,.35)}
.yb-product-code-pill{background:rgba(255,255,255,.62)!important;border:1px solid rgba(255,255,255,.9)!important;color:#59494e!important;border-radius:999px!important;backdrop-filter:blur(12px)}
.yb-product-code-pill strong{color:var(--mauve-dark)}

/* ---------- PRODUCT PANEL (glass) ---------- */
.yb-product-copy{background:var(--glass-bg);border:1px solid var(--glass-bd);border-radius:34px;padding:34px 30px;box-shadow:var(--glass-sh),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
.yb-collection-chip{background:rgba(200,139,104,.12)!important;color:var(--gold-dark)!important;border:1px solid rgba(200,139,104,.25)!important;border-radius:999px!important}
.yb-product-title{color:var(--mauve-dark)!important}
.yb-price-large{color:var(--gold)!important;font-weight:700;text-shadow:0 0 24px rgba(240,197,166,.7)}
.yb-product-desc{color:var(--color-stone)!important}
.yb-feature-row span{background:rgba(200,139,104,.10)!important;border:1px solid #fff;box-shadow:0 8px 20px rgba(120,80,60,.1);color:var(--mauve)!important;transition:.4s var(--ease-lux)}
.yb-feature-row div:hover span{transform:translateY(-4px) rotate(-6deg);box-shadow:0 14px 28px rgba(200,139,104,.3)}
.yb-feature-row strong{color:var(--mauve-dark)!important}
.yb-choice-block h3{color:var(--mauve-dark)!important;display:flex;align-items:baseline;gap:10px}
.yb-choice-block h3 em{font-family:"Great Vibes",cursive;font-style:normal;font-weight:400;font-size:24px;color:var(--gold);line-height:1;animation:ybFadeUp .5s both}
@keyframes ybFadeUp{from{opacity:0;transform:translateY(6px)}}
.yb-size-head a{color:var(--gold-dark)!important}

/* COLOUR CHOICE — glowing round swatches */
.yb-color-dots{gap:14px!important;flex-wrap:wrap}
.yb-color-dots button{position:relative;width:34px!important;height:34px!important;border-radius:50%!important;background:var(--sw,#f0e2d6)!important;border:3px solid #fff!important;
  box-shadow:0 0 0 1px #e3d6d0,0 6px 14px rgba(86,57,66,.12)!important;cursor:pointer;transition:transform .45s var(--ease-lux),box-shadow .45s}
.yb-color-dots button:hover{transform:translateY(-3px) scale(1.12)}
.yb-color-dots .is-active{outline:none!important;transform:scale(1.14);box-shadow:0 0 0 2px var(--gold),0 0 22px color-mix(in srgb,var(--sw) 70%,var(--gold)),0 8px 18px rgba(200,139,104,.35)!important}
.yb-color-dots .is-active:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--sw) 60%,var(--gold));opacity:0;animation:ybRipple 2.2s ease-out infinite}
@keyframes ybRipple{from{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}

/* SIZE CHOICE — soft glass pills with gold glow */
.yb-size-grid{gap:10px!important;flex-wrap:wrap}
.yb-size{width:66px!important;height:42px!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;color:#59494e!important;
  border:1px solid #fff!important;box-shadow:0 4px 12px rgba(0,0,0,.05)!important;font-size:13px!important;font-weight:600;letter-spacing:.03em;transition:.4s var(--ease-lux)}
.yb-size:hover{border-color:var(--gold)!important;transform:translateY(-3px)!important;background:#fff!important}
.yb-size.is-active{background:linear-gradient(135deg,var(--gold-2),var(--gold))!important;color:#fff!important;transform:translateY(-3px) scale(1.06)!important;
  box-shadow:0 12px 26px rgba(200,139,104,.46),0 0 0 4px rgba(240,197,166,.3)!important}

/* ADD TO BAG — gold glow button */
.yb-product-actions{display:grid;gap:12px;margin-top:20px}
.yb-main-action{border-radius:999px!important;background:linear-gradient(135deg,#f2c9ad,var(--gold) 60%,var(--gold-dark))!important;color:#fff!important;
  box-shadow:0 14px 34px rgba(200,139,104,.38),inset 0 1px 0 rgba(255,255,255,.55)!important;font-weight:600;letter-spacing:.02em}
.yb-main-action:hover{box-shadow:0 22px 46px rgba(200,139,104,.5),0 0 38px rgba(240,197,166,.6)!important}
.yb-main-action:after{background:rgba(255,255,255,.55)!important}
.yb-main-action-light{background:rgba(255,255,255,.7)!important;color:var(--mauve-dark)!important;border:1.5px solid rgba(200,139,104,.55)!important;box-shadow:0 10px 26px rgba(86,57,66,.08)!important}
.yb-main-action-light:hover{background:#fff!important;border-color:var(--gold)!important}
.yb-main-action.is-adding{animation:ybBtnPress .5s var(--ease-lux)}
.yb-main-action.is-added{background:linear-gradient(135deg,#9ec19a,#6f9a6c)!important;box-shadow:0 14px 34px rgba(111,154,108,.45)!important}
@keyframes ybBtnPress{30%{transform:scale(.95)}}
.yb-sold-action{background:#e7dcd8!important;color:#9a8c90!important;box-shadow:none!important}

/* flying product + sparkles (add-to-bag) */
.yb-fly{position:fixed;z-index:900;left:0;top:0;object-fit:cover;pointer-events:none;border-radius:50%;border:3px solid #fff;
  box-shadow:0 0 0 3px rgba(240,197,166,.7),0 14px 34px rgba(200,139,104,.55),0 0 40px rgba(246,196,69,.55);will-change:transform}
.yb-spark{position:fixed;z-index:899;width:8px;height:8px;border-radius:50%;pointer-events:none;background:#fff;box-shadow:0 0 12px 4px var(--gold-2),0 0 22px 6px rgba(246,196,69,.5)}
.yb-ripple{position:fixed;z-index:898;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid var(--gold);pointer-events:none;animation:ybRingOut .9s ease-out forwards}
@keyframes ybRingOut{to{transform:scale(4.2);opacity:0}}

/* ---------- BENEFIT STRIP, DETAILS, CARDS ---------- */
.yb-benefit-strip{background:var(--glass-bg)!important;border:1px solid var(--glass-bd)!important;border-radius:999px!important;box-shadow:var(--glass-sh)!important;backdrop-filter:blur(18px)}
.yb-benefit-strip strong{color:var(--mauve-dark)!important}
.yb-benefit-strip>div{border-color:rgba(0,0,0,.07)!important}
@media(max-width:767px){.yb-benefit-strip{border-radius:30px!important}.yb-product-copy{padding:26px 20px;border-radius:28px}.yb-gallery-main,.yb-water-rim{border-radius:200px 200px 30px 30px!important}}
.yb-details-copy em,.yb-section-heading em{font-family:"Great Vibes",cursive!important;font-style:normal!important;color:var(--mauve)!important;font-size:44px!important;line-height:1}
.yb-details-copy h2{color:var(--mauve-dark)!important}
.yb-details-copy>span,.yb-section-heading span{background:var(--gold)!important}
.yb-details-copy p{color:var(--color-stone)!important}
.yb-outline-btn{border:1.5px solid var(--mauve)!important;color:var(--mauve-dark)!important;border-radius:999px!important;background:rgba(255,255,255,.7)}
.yb-outline-btn:hover{background:var(--mauve)!important;color:#fff!important}
.yb-detail-gallery{background:var(--glass-bg);border:1px solid var(--glass-bd);border-radius:28px;padding:12px;box-shadow:var(--glass-sh)}
.yb-detail-card{border-radius:20px!important;overflow:hidden;transition:transform .5s var(--ease-lux),box-shadow .5s}
.yb-detail-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 22px 44px rgba(200,139,104,.28)}
.yb-related-card,.product-card{transition:transform .5s var(--ease-lux)}
.yb-related-img,.product-card-media{border-radius:26px!important;overflow:hidden;box-shadow:0 8px 30px rgba(86,57,66,.07);transition:box-shadow .5s,transform .5s var(--ease-lux)}
.yb-related-card:hover .yb-related-img,.product-card:hover .product-card-media{box-shadow:0 30px 70px rgba(92,61,70,.2),0 0 40px rgba(240,197,166,.45)}
.product-card-media{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.product-card-media.is-leaving{transition:transform .7s var(--ease-lux),box-shadow .5s}
.premium-frame:before{background:radial-gradient(180px circle at var(--mx) var(--my),rgba(240,197,166,.95),rgba(200,139,104,.35) 24%,transparent 62%)!important}
.premium-frame:after{background:radial-gradient(170px circle at var(--mx) var(--my),rgba(246,196,69,.95),rgba(200,139,104,.4) 30%,rgba(53,43,48,.08) 58%,transparent 76%)!important}
.yb-related-card h3,.product-card h3{color:var(--mauve-dark)}
.yb-related-card small,.product-card .yb-product-code-pill,.yb-product-code-pill{color:#7a5a05}
.product-card .yb-product-code-pill,.yb-related-card small{background:rgba(200,139,104,.13)!important;color:#80513e!important;border-radius:999px;padding:4px 12px}
.product-badge{background:rgba(255,255,255,.85)!important;color:var(--mauve-dark)}
.yb-related-arrows button{background:rgba(255,255,255,.7);border:1px solid #fff;border-radius:50%;color:var(--mauve-dark);box-shadow:0 6px 16px rgba(86,57,66,.08)}
.yb-related-arrows button:hover{background:var(--gold);color:#fff}
.yb-breadcrumb,.yb-breadcrumb a{color:var(--color-stone)!important}.yb-breadcrumb strong{color:var(--mauve-dark)!important}

/* ---------- CHECKOUT / BAG / TRACKING surfaces ---------- */
.yb-checkout-card,.yb-order-summary,.yb-track-card,.yb-status-card,.payment-box{background:var(--glass-bg)!important;border:1px solid var(--glass-bd)!important;border-radius:30px!important;box-shadow:var(--glass-sh),inset 0 1px 0 rgba(255,255,255,.85)!important;backdrop-filter:blur(18px)}
.yb-step{color:var(--gold)!important}
.yb-checkout-card h2,.yb-summary-total strong{color:var(--mauve-dark)!important}
.payment-method{border-radius:18px!important;transition:.35s var(--ease-lux)}
.payment-method:has(input:checked){border-color:var(--gold)!important;background:rgba(240,197,166,.25)!important;box-shadow:0 10px 26px rgba(200,139,104,.25)}
.yb-confirm-order{background:linear-gradient(135deg,#f2c9ad,var(--gold) 60%,var(--gold-dark))!important;color:#fff!important;border-radius:999px!important;box-shadow:0 14px 34px rgba(200,139,104,.38)!important}
.yb-confirm-order:hover{box-shadow:0 22px 46px rgba(200,139,104,.5),0 0 38px rgba(240,197,166,.6)!important}
.yb-summary-item img{border-radius:14px}

/* ---------- FOOTER : glass waves ---------- */
.yb-wave-footer{background:rgba(255,255,255,.5)!important;color:var(--mauve-dark)!important;backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.85)!important}
.yb-footer-links a,.yb-footer-brand p{color:var(--mauve-dark)!important}
.yb-footer-social a{background:rgba(255,255,255,.76)!important;color:var(--mauve-dark)!important;border-radius:50%;transition:.35s var(--ease-lux)}
.yb-footer-social a:hover{background:var(--gold)!important;color:#fff!important;transform:translateY(-4px);box-shadow:0 10px 22px rgba(200,139,104,.4)}
.yb-footer-tag{font-family:"Great Vibes",cursive;font-size:26px;color:var(--mauve)!important;line-height:1}
.yb-footer-tag em{font-style:normal}
.yb-bottom-waves span,.yb-footer-wave{background:linear-gradient(90deg,rgba(240,197,166,.35),rgba(220,210,228,.35))!important}

/* ---------- INTRO / LOADER (aesthetic motion on Pro logo) ---------- */
.yb-intro{background:radial-gradient(circle at 50% 40%,#fffaf6 0%,#f8eee7 55%,#eee0db 100%)!important}
.yb-intro-logo{filter:drop-shadow(0 0 18px rgba(200,139,104,.45)) drop-shadow(0 0 40px rgba(240,197,166,.35))}
.yb-intro-ring{border-color:rgba(200,139,104,.35)!important;box-shadow:0 0 60px rgba(240,197,166,.35),inset 0 0 55px rgba(255,255,255,.35)!important}
.yb-intro-caption{background:linear-gradient(90deg,#9a7c73,#c88b68 50%,#9a7c73);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:yb-caption 1s var(--ease-lux) .72s both,ybShimmer 2s linear infinite}
@keyframes ybShimmer{to{background-position:200% center}}
.yb-pulse{position:absolute;z-index:0;width:min(285px,64vw);aspect-ratio:1;border-radius:50%;border:2px solid rgba(200,139,104,.35);animation:ybPulse 1.9s ease-out infinite}
.yb-pulse.p2{animation-delay:.6s}.yb-pulse.p3{animation-delay:1.2s}
@keyframes ybPulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.55);opacity:0}}
.yb-intro-bar{width:220px;height:3px;border-radius:99px;background:rgba(0,0,0,.07);overflow:hidden;transition:opacity .4s}
.yb-intro-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-2));box-shadow:0 0 12px var(--gold-2);animation:ybBar 2.2s ease forwards}
@keyframes ybBar{to{width:100%}}
.yb-intro-spark{position:absolute;z-index:3;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px var(--gold-2);animation:ybSpark 1.6s ease-in-out infinite}
@keyframes ybSpark{0%,100%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}
.yb-intro.is-morphing .yb-intro-bar,.yb-intro.is-morphing .yb-pulse,.yb-intro.is-morphing .yb-intro-spark{opacity:0}

@media(prefers-reduced-motion:reduce){.yb-blob,.yb-ribbon,.yb-gallery-main,.yb-butterfly,.yb-butterfly *,.yb-pulse{animation:none!important}.yb-showcase-stage,.yb-glass-stage{transform:none}}

/* ---------- safety: sizing / contrast ---------- */
*,*::before,*::after{box-sizing:border-box}
.yb-product-hero>*{min-width:0}
.yb-product-copy{max-width:100%}
.navbar .nav-link{color:#5d4c52!important}
.navbar .nav-link:hover{color:var(--mauve-dark)!important}