@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Lora:wght@400;500;600;700&display=swap');
:root{
  --pink:#ee3aa9;
  --hot:#ff4f9a;
  --purple:#7c2cff;
  --blue:#21b8ff;
  --ink:#211628;
  --muted:#6f6276;
  --paper:#fff7fb;
  --white:#ffffff;
  --line:rgba(33,22,40,.12);
  --shadow:0 22px 60px rgba(124,44,255,.18);
  --shadow-hot:0 24px 70px rgba(238,58,169,.26);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1160px, calc(100% - 32px));margin:0 auto}
.section-pad{padding:88px 0}
.site-header{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:14px clamp(16px, 4vw, 48px);
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:-.03em}
.logo-mark{
  width:38px;height:38px;border-radius:14px;
  display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));
  box-shadow:0 12px 28px rgba(238,58,169,.28);
}
.nav{display:flex;gap:24px;font-size:14px;color:var(--muted);font-weight:700}
.nav a:hover{color:var(--pink)}
.header-cta{padding:11px 18px;border-radius:999px;background:#211628;color:#fff;font-weight:800;font-size:14px}
.btn{
  border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:46px;padding:13px 22px;border-radius:999px;font-weight:900;letter-spacing:-.01em;
  transition:.2s ease;white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn.primary{color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:var(--shadow-hot)}
.btn.outline{color:#fff;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.12)}
.btn.ghost{background:#f6edf4;color:var(--ink)}
.btn.large{min-height:56px;padding:16px 28px}
.btn.full{width:100%;min-height:56px}
.hero{
  min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden;
  color:#fff;background:radial-gradient(circle at 12% 12%, #ff89d0 0, rgba(255,137,208,0) 28%),
             radial-gradient(circle at 86% 18%, #31c5ff 0, rgba(49,197,255,0) 30%),
             linear-gradient(135deg,#ee3aa9 0%, #a135ff 52%, #1db4ff 100%);
}
.hero:before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle at 20px 20px, rgba(255,255,255,.18) 0 2px, transparent 3px);
  background-size:48px 48px;opacity:.45;
}
.hero-bg{position:absolute;border-radius:999px;filter:blur(10px);opacity:.45;background:rgba(255,255,255,.22)}
.hero-bg.one{width:420px;height:420px;left:-150px;bottom:-110px}
.hero-bg.two{width:520px;height:520px;right:-180px;top:120px}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.12);font-weight:800;font-size:14px}
.eyebrow span{width:10px;height:10px;border-radius:999px;background:#fff;box-shadow:0 0 22px #fff}
h1{font-size:clamp(42px, 7vw, 78px);line-height:.94;margin:22px 0 20px;letter-spacing:-.07em;max-width:820px}
.lead{font-size:clamp(18px,2vw,23px);max-width:680px;margin:0 0 30px;color:rgba(255,255,255,.9)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:640px}
.trust-row div{padding:18px;border-radius:24px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px)}
.trust-row strong{display:block;font-size:27px;line-height:1}
.trust-row span{display:block;color:rgba(255,255,255,.8);font-size:13px;margin-top:7px}
.product-stage{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;padding:24px 0;isolation:isolate;overflow:hidden;border-radius:46px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.38) 0,rgba(255,225,243,.24) 30%,rgba(126,31,95,.16) 58%,rgba(52,16,62,.06) 100%)}
.product-stage:before{content:"";position:absolute;z-index:0;width:min(560px,104%);height:min(560px,104%);border-radius:48% 52% 44% 56%;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,148,211,.18));border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 0 80px rgba(255,255,255,.25),0 42px 110px rgba(33,22,40,.22);transform:translateY(10px) rotate(-5deg);backdrop-filter:blur(2px)}
.product-stage:after{content:"";position:absolute;z-index:1;bottom:58px;width:min(310px,62%);height:52px;border-radius:999px;background:radial-gradient(circle,rgba(33,22,40,.35) 0,rgba(33,22,40,.16) 42%,transparent 72%);filter:blur(7px)}
.halo{position:absolute;z-index:0;width:530px;height:530px;border-radius:999px;background:radial-gradient(circle,#fff 0,#ffd9f1 30%,rgba(255,255,255,.20) 57%,transparent 72%);filter:blur(4px);opacity:.95}
.halo:before,.halo:after{content:"";position:absolute;inset:auto;border-radius:58% 42% 64% 36% / 48% 58% 42% 52%;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,126,202,.22) 52%,rgba(124,24,105,.08));filter:blur(.2px);opacity:.9}
.halo:before{width:310px;height:520px;left:-62px;top:2px;transform:rotate(16deg);box-shadow:inset -24px 0 56px rgba(255,255,255,.24)}
.halo:after{width:310px;height:520px;right:-62px;top:2px;transform:rotate(-16deg) scaleX(-1);box-shadow:inset 24px 0 56px rgba(255,255,255,.24)}
.bottle{position:relative;z-index:2;height:min(420px,52vh);width:auto;max-width:96%;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 42px 30px rgba(33,22,40,.34)) drop-shadow(0 8px 18px rgba(255,255,255,.24));transform:translateX(8px) rotate(-1deg)}
.floating-card{position:absolute;z-index:3;display:grid;gap:3px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 18px 48px rgba(33,22,40,.2);border:1px solid rgba(255,255,255,.72)}
.floating-card strong{font-size:15px}.floating-card span{font-size:12px;color:var(--muted)}
.card-left{left:8px;top:132px}.card-right{right:4px;bottom:136px}
.notice-bar{background:#211628;color:#fff;padding:18px 0}
.notice-content{display:flex;gap:14px;align-items:flex-start}.notice-content span{font-weight:900;color:#ff80c8}.notice-content p{margin:0;color:rgba(255,255,255,.88)}
.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:start}
.section-kicker{color:var(--pink);font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin-bottom:10px}
h2{font-size:clamp(34px,4.5vw,54px);line-height:1.02;letter-spacing:-.055em;margin:0 0 18px}
p{color:var(--muted);font-size:17px}.accent-text{padding:18px 20px;border-left:5px solid var(--pink);background:var(--paper);border-radius:0 18px 18px 0;color:#4f3f58;font-weight:700}
.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{padding:24px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(33,22,40,.07)}
.info-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#ffe1f2,#e6f7ff);font-weight:1000;color:var(--pink)}
.info-card h3{font-size:21px;margin:18px 0 8px;letter-spacing:-.03em}.info-card p{font-size:15px;margin:0}
.gradient-section{background:linear-gradient(135deg,#2a1636 0,#7c2cff 44%,#ee3aa9 100%);color:#fff;position:relative;overflow:hidden}.gradient-section:after{content:"";position:absolute;inset:auto -120px -240px auto;width:560px;height:560px;border-radius:999px;background:rgba(33,184,255,.32);filter:blur(8px)}
.section-head{text-align:center;max-width:780px;margin:0 auto 38px}.section-head p{margin:0 auto}.section-head.light p,.section-head.light .section-kicker{color:rgba(255,255,255,.82)}.section-head.light .section-kicker{color:#b9ecff}
.ingredient-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ingredient-card{padding:20px;border-radius:24px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px)}
.ingredient-card b{display:block;font-size:18px;margin-bottom:6px}.ingredient-card span{font-size:14px;color:rgba(255,255,255,.78)}
.usage-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.package-card{padding:18px;border-radius:34px;background:linear-gradient(135deg,#fff3fb,#eefaff);box-shadow:var(--shadow);border:1px solid var(--line)}.package-card img{border-radius:22px;background:#fff}.steps{display:grid;gap:14px;margin:28px 0}.step{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 44px rgba(33,22,40,.06)}.step span{flex:0 0 42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--blue));color:#fff;font-weight:1000}.step p{margin:0;color:var(--ink);font-weight:750}.soft-warning{padding:18px;border-radius:22px;background:#fff8df;border:1px solid #ffe48d;color:#6b4d00;font-weight:750}
.male-angle{background:#fff7fb}.male-card{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:42px;border-radius:36px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.check-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.check-list li{position:relative;padding:16px 18px 16px 48px;border-radius:20px;background:linear-gradient(135deg,#fff7fb,#f2fbff);font-weight:800;color:#4a3a52}.check-list li:before{content:"✓";position:absolute;left:18px;top:14px;color:var(--pink);font-weight:1000}
.reviews-section{background:#fcfcfe}.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.review-card{padding:26px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(33,22,40,.06)}.review-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}.avatar{width:64px;height:64px;border-radius:999px;object-fit:cover;flex:0 0 64px;box-shadow:0 10px 24px rgba(33,22,40,.12)}.review-top h3{font-size:20px;margin:0 0 4px;letter-spacing:-.03em}.review-top .meta{font-size:14px;color:var(--muted);font-weight:700}.review-card p{font-size:17px;line-height:1.5;margin:0 0 16px}.review-actions{display:flex;gap:18px;align-items:center;padding-top:14px;border-top:1px solid var(--line);color:#5b4c67;font-weight:800}.review-actions span{display:inline-flex;align-items:center;gap:8px}
.faq-section{background:#f8fbff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:24px;background:#fff;text-align:left;padding:20px 22px;cursor:pointer;box-shadow:0 12px 34px rgba(33,22,40,.05)}.faq-item span{display:block;font-weight:1000;font-size:18px;letter-spacing:-.02em}.faq-item small{display:none;margin-top:12px;color:var(--muted);font-size:15px;line-height:1.55}.faq-item[aria-expanded="true"]{border-color:rgba(238,58,169,.45);box-shadow:0 18px 50px rgba(238,58,169,.12)}.faq-item[aria-expanded="true"] small{display:block}
.order-section{background:radial-gradient(circle at 10% 0,#ffe4f4 0,transparent 30%),linear-gradient(135deg,#fff,#f1fbff)}.order-grid{display:grid;grid-template-columns:1fr .9fr;gap:44px;align-items:center}.mini-benefits{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.mini-benefits span{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;color:#4a3a52}.order-form{padding:28px;border-radius:32px;background:#fff;box-shadow:var(--shadow-hot);border:1px solid rgba(238,58,169,.18);display:grid;gap:15px}.order-form label{display:grid;gap:7px;font-weight:850;color:#3a2c41}.order-form input,.order-form select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:16px;padding:0 14px;font:inherit;background:#fff;color:var(--ink);outline:none}.order-form input:focus,.order-form select:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(238,58,169,.12)}.checkbox{grid-template-columns:22px 1fr!important;align-items:start;font-weight:650!important;color:var(--muted)!important;font-size:14px}.checkbox input{width:18px;min-height:18px;margin-top:3px;accent-color:var(--pink)}.form-note{font-size:13px;margin:0;text-align:center}.form-note.success{color:#1a7f44;font-weight:850}.footer{background:#211628;color:#fff;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:32px}.footer p{font-size:14px;color:rgba(255,255,255,.72);margin:8px 0 0}.footer strong{color:#fff}.footer-logo{color:#fff}.sticky-cta{position:fixed;z-index:18;right:18px;bottom:18px;padding:14px 20px;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-weight:1000;box-shadow:var(--shadow-hot);display:none}
.age-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(33,22,40,.74);backdrop-filter:blur(14px)}.age-gate.hidden{display:none}.age-card{width:min(520px,100%);padding:34px;border-radius:34px;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.35);text-align:center}.age-badge{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;margin:0 auto 18px;color:#fff;font-weight:1000;font-size:24px;background:linear-gradient(135deg,var(--pink),var(--purple))}.age-card h2{font-size:34px}.age-card p{margin:0 0 22px}.age-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media (max-width: 980px){.nav{display:none}.hero{min-height:auto}.hero-grid,.two-col,.usage-grid,.male-card,.faq-grid,.order-grid{grid-template-columns:1fr}.product-stage{min-height:560px}.bottle{height:364px;transform:translateX(0) rotate(-1deg)}.info-cards{grid-template-columns:1fr}.ingredient-grid{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.sticky-cta{display:inline-flex}.header-cta{display:none}}
@media (max-width: 620px){.section-pad{padding:62px 0}.site-header{padding:12px 16px}.hero-actions{display:grid}.trust-row{grid-template-columns:1fr}.product-stage{min-height:430px;padding:8px 0 20px}.product-stage:before{width:360px;height:360px}.product-stage:after{bottom:36px}.bottle{height:301px;max-width:94%;transform:translateX(0) rotate(-1deg)}.floating-card{display:none}.ingredient-grid{grid-template-columns:1fr}.notice-content{display:block}.age-card h2{font-size:28px}h1{font-size:43px}.lead{font-size:17px}.order-form{padding:20px;border-radius:26px}}




/* Hero visual using the provided promo photo integrated into the first screen */
.hero{
  background:
    radial-gradient(circle at 70% 42%, rgba(255, 95, 186, .54) 0, rgba(255, 95, 186, .20) 32%, transparent 58%),
    radial-gradient(circle at 18% 20%, rgba(255, 92, 176, .24) 0, transparent 32%),
    radial-gradient(circle at 92% 5%, rgba(37, 0, 26, .92) 0, rgba(37, 0, 26, 0) 28%),
    linear-gradient(135deg,#250013 0%, #610530 34%, #9f1059 64%, #250014 100%);
}
.hero:before{
  background:
    linear-gradient(118deg, transparent 0 18%, rgba(255,255,255,.055) 28%, transparent 42%),
    repeating-linear-gradient(35deg, rgba(255,255,255,.035) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(118deg, rgba(24,0,18,.06) 0 1px, transparent 1px 9px);
  background-size:100% 100%, auto, auto;
  opacity:.46;
}
.hero:after{
  content:"";
  position:absolute;
  inset:auto -12% -24% 36%;
  height:48%;
  border-radius:58% 42% 0 0 / 100% 100% 0 0;
  background:
    radial-gradient(ellipse at 30% 25%, rgba(255,185,228,.42), transparent 42%),
    linear-gradient(140deg, rgba(255,30,133,.28), rgba(82,0,40,.36) 55%, rgba(255,104,192,.18));
  filter:blur(.4px);
  transform:rotate(-4deg);
  opacity:.88;
}
.hero-bg.one{
  width:640px;height:640px;left:-220px;bottom:-210px;
  background:rgba(255,58,154,.18);
}
.hero-bg.two{
  width:640px;height:640px;right:-220px;top:60px;
  background:rgba(91,0,49,.34);
}
.hero-grid{grid-template-columns:.98fr 1.02fr;gap:34px}
.hero-copy{position:relative;z-index:3}
.passion-scene{
  position:relative;
  min-height:640px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  isolation:isolate;
  overflow:visible;
  border-radius:0;
  background:transparent;
}
.product-stage:before,
.product-stage:after,
.halo,
.bottle,
.floating-card,
.hero-composite,
.product-core,
.stage-card,
.stage-benefits,
.bottle-live,
.product-glow{display:none!important}
.passion-scene:before{
  content:"";
  display:block!important;
  position:absolute;
  z-index:0;
  inset:2% -4% 6% -2%;
  background:
    radial-gradient(circle at 50% 40%, rgba(255, 220, 242, .70) 0, rgba(255, 96, 189, .34) 24%, rgba(142, 0, 75, .14) 44%, transparent 70%),
    linear-gradient(124deg, transparent 0 18%, rgba(255, 178, 225, .18) 32%, rgba(109, 0, 59, .04) 50%, transparent 72%);
  border-radius:46% 54% 43% 57% / 46% 45% 55% 54%;
  filter:blur(.2px);
}
.passion-scene:after{
  content:"";
  display:block!important;
  position:absolute;
  z-index:0;
  left:6%;
  right:0;
  bottom:9%;
  height:28%;
  border-radius:48% 52% 0 0 / 100% 100% 0 0;
  background:
    linear-gradient(170deg, rgba(255,180,225,.44), rgba(196,27,118,.22) 42%, rgba(68,0,34,.16) 100%),
    repeating-linear-gradient(118deg, rgba(255,255,255,.08) 0 2px, rgba(255,255,255,0) 2px 18px);
  box-shadow:inset 0 28px 52px rgba(255,205,236,.14), inset 0 -42px 80px rgba(44,0,27,.24);
  transform:rotate(-4deg);
  opacity:.88;
}
.hero-photo-shell{
  position:relative;
  z-index:2;
  width:min(700px, 112%);
  margin:0 auto;
  isolation:isolate;
  overflow:visible;
}
.hero-photo-shell:before{
  content:"";
  position:absolute;
  inset:8% 10% 10%;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.68) 0, rgba(255, 151, 211, .48) 28%, rgba(238, 58, 169, .26) 54%, transparent 80%);
  filter:blur(40px);
  z-index:0;
}
.hero-photo-shell:after{
  content:"";
  position:absolute;
  inset:-8% -10% -6%;
  background:
    radial-gradient(circle at 12% 40%, rgba(255,255,255,.16), transparent 22%),
    radial-gradient(circle at 85% 52%, rgba(255,145,212,.14), transparent 18%),
    linear-gradient(to right, rgba(93,7,47,.74) 0%, rgba(93,7,47,0) 16%, rgba(47,0,24,0) 84%, rgba(35,0,18,.78) 100%),
    linear-gradient(to bottom, rgba(121,22,76,.34) 0%, rgba(121,22,76,0) 16%, rgba(70,0,35,0) 84%, rgba(53,0,26,.40) 100%),
    radial-gradient(circle at 50% 48%, transparent 42%, rgba(67,0,36,.12) 68%, rgba(37,0,19,.42) 100%);
  z-index:3;
  pointer-events:none;
  filter:blur(14px);
  mix-blend-mode:normal;
}
.hero-promo-photo{
  position:relative;
  z-index:2;
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  border:0;
  border-radius:0;
  background:transparent;
  filter:drop-shadow(0 42px 34px rgba(19,0,14,.24)) drop-shadow(0 10px 24px rgba(255,199,234,.14));
  transform:translateX(6px) scale(1.05);
  -webkit-mask-image:radial-gradient(ellipse at center, rgba(0,0,0,1) 34%, rgba(0,0,0,.98) 52%, rgba(0,0,0,.84) 66%, rgba(0,0,0,.48) 78%, rgba(0,0,0,.14) 90%, transparent 100%);
  mask-image:radial-gradient(ellipse at center, rgba(0,0,0,1) 34%, rgba(0,0,0,.98) 52%, rgba(0,0,0,.84) 66%, rgba(0,0,0,.48) 78%, rgba(0,0,0,.14) 90%, transparent 100%);
}
@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .passion-scene{min-height:650px;max-width:720px;margin:0 auto;width:100%}
  .hero-photo-shell{width:min(760px, 100%)}
  .hero-promo-photo{transform:none}
}
@media (max-width: 620px){
  .hero:after{height:36%;left:-28%;right:-28%;bottom:-11%}
  .passion-scene{min-height:460px;margin-top:6px}
  .passion-scene:before{inset:3% -12% 3% -12%}
  .passion-scene:after{left:-6%;right:-6%;bottom:9%;height:26%}
  .hero-photo-shell{width:100%}
  .hero-photo-shell:before{inset:14% 10% 16%}
  .hero-photo-shell:after{inset:-2% -3%}
  .hero-promo-photo{width:100%;transform:none}
}

.hero-promo-photo-blur{
  position:absolute;
  inset:2% -1% auto auto;
  z-index:1;
  width:100%;
  transform:translateX(8px) scale(1.16);
  opacity:.78;
  filter:blur(42px) saturate(1.22) brightness(1.08);
  -webkit-mask-image:radial-gradient(ellipse at center, rgba(0,0,0,.98) 26%, rgba(0,0,0,.88) 46%, rgba(0,0,0,.50) 68%, rgba(0,0,0,.16) 84%, transparent 100%);
  mask-image:radial-gradient(ellipse at center, rgba(0,0,0,.98) 26%, rgba(0,0,0,.88) 46%, rgba(0,0,0,.50) 68%, rgba(0,0,0,.16) 84%, transparent 100%);
}
@media (max-width: 980px){
  .hero-promo-photo-blur{transform:scale(1.13);opacity:.72}
}
@media (max-width: 620px){
  .hero-photo-shell:before{inset:12% 8% 14%}
  .hero-photo-shell:after{inset:-6% -7% -4%}
  .hero-promo-photo{transform:none}
  .hero-promo-photo-blur{transform:scale(1.1);opacity:.62}
}


/* Final hero background: clean image background + editable HTML/CSS content */
.hero{
  min-height:880px;
  background-color:#4f032a;
  background-image:
    linear-gradient(90deg, rgba(36,0,23,.18) 0%, rgba(48,0,28,.10) 34%, rgba(35,0,19,.04) 100%),
    url("assets/hero-bg-clean.png");
  background-repeat:no-repeat,no-repeat;
  background-size:cover, 100% 100%!important;
  background-position:center center, center top!important;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(29,0,18,.28) 0%, rgba(29,0,18,.13) 42%, rgba(29,0,18,.05) 100%),
    radial-gradient(circle at 67% 44%, rgba(255,76,174,.15), transparent 32%);
  opacity:1!important;
  pointer-events:none;
}
.hero:after{display:none!important;content:none!important}
.hero-bg{display:none!important}
.hero-grid{
  position:relative;
  z-index:2;
  grid-template-columns:.96fr 1.04fr;
  gap:34px;
  min-height:690px;
  align-items:center;
}
.hero-copy{position:relative;z-index:3;max-width:760px}
.eyebrow{font-size:16px;padding:11px 18px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px)}
h1{font-size:clamp(52px, 6.25vw, 90px);line-height:.92;margin:32px 0 26px;letter-spacing:-.075em;max-width:780px}
.lead{font-size:clamp(19px, 1.75vw, 28px);line-height:1.45;max-width:760px;margin-bottom:38px;color:rgba(255,255,255,.94)}
.hero-actions{gap:20px;margin-bottom:40px}
.btn.large{min-height:72px;padding:18px 36px;font-size:21px}
.trust-row{max-width:760px;gap:16px}
.trust-row div{padding:22px 24px;border-radius:28px;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.24)}
.trust-row strong{font-size:34px}.trust-row span{font-size:15px}
.passion-scene{
  position:relative!important;
  min-height:690px!important;
  width:100%;
  display:block!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
  isolation:isolate;
}
.passion-scene:before,
.passion-scene:after,
.product-stage:before,
.product-stage:after,
.hero-photo-shell,
.hero-promo-photo,
.hero-promo-photo-blur,
.halo,
.bottle,
.floating-card,
.hero-composite{display:none!important;content:none!important}
.product-core{
  position:absolute!important;
  top:52%!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  width:min(360px,56%)!important;
}
.product-glow{
  position:absolute!important;
  inset:auto!important;
  width:150%!important;
  aspect-ratio:1!important;
  border-radius:999px!important;
  z-index:-1!important;
  background:radial-gradient(circle, rgba(255,255,255,.86) 0, rgba(255,151,211,.46) 28%, rgba(238,58,169,.18) 54%, transparent 75%)!important;
  filter:blur(10px)!important;
}
.bottle-live{
  display:block!important;
  width:auto!important;
  height:min(520px,66vh)!important;
  max-width:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 40px 34px rgba(19,0,14,.34)) drop-shadow(0 10px 24px rgba(255,199,234,.18))!important;
}
.product-stage .stage-card{
  position:absolute!important;
  z-index:4!important;
  display:grid!important;
  gap:6px!important;
  padding:18px 22px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.94)!important;
  color:#1f1726!important;
  box-shadow:0 22px 48px rgba(24,0,22,.22)!important;
  backdrop-filter:blur(8px)!important;
  border:1px solid rgba(255,255,255,.72)!important;
}
.product-stage .stage-card strong{font-size:20px!important;line-height:1.15!important;letter-spacing:-.035em!important;color:#1f1726!important}
.product-stage .stage-card span{font-size:16px!important;color:#4f465a!important;font-weight:650!important}
.product-stage .stage-card-left{left:4%!important;top:28%!important;max-width:270px!important}
.product-stage .stage-card-right{right:-1%!important;top:62%!important;max-width:300px!important}
.product-stage .stage-benefits{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  bottom:38px!important;
  transform:translateX(-50%)!important;
  width:min(540px,92%)!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:20px!important;
  color:#ffc0e7!important;
  text-align:center!important;
}
.product-stage .stage-benefits div{display:grid!important;place-items:center!important;gap:5px!important;min-width:0!important}
.product-stage .stage-benefits span{font-size:50px!important;line-height:1!important;font-weight:300!important;text-shadow:0 0 18px rgba(255,151,211,.42)!important;color:#ffb1df!important}
.product-stage .stage-benefits small{font-size:15px!important;font-weight:850!important;white-space:nowrap!important;color:#ffaddd!important;text-shadow:0 2px 12px rgba(24,0,22,.32)!important}
@media (max-width: 1180px){
  .hero{min-height:820px;background-size:cover, 100% 100%!important;background-position:center center, center center!important}
  h1{font-size:clamp(48px, 6vw, 76px)}
  .btn.large{min-height:62px;font-size:18px}
  .product-core{width:min(320px,58%)!important}
  .bottle-live{height:min(470px,60vh)!important}
  .product-stage .stage-card-left{left:2%!important;top:30%!important}
  .product-stage .stage-card-right{right:-1%!important;top:63%!important}
  .product-stage .stage-benefits{bottom:44px!important;width:min(500px,94%)!important}
}
@media (max-width: 980px){
  .hero{min-height:auto;background-size:cover, 100% 100%!important;background-position:center top, center 64%!important}
  .hero-grid{grid-template-columns:1fr;min-height:0;gap:24px}
  .passion-scene{min-height:520px!important;max-width:720px;margin:0 auto}
  .product-core{top:49%!important;width:min(300px,52%)!important}
  .bottle-live{height:min(420px,52vh)!important}
  .product-stage .stage-card-left{left:2%!important;top:21%!important;max-width:220px!important}
  .product-stage .stage-card-right{right:2%!important;top:56%!important;max-width:240px!important}
  .product-stage .stage-benefits{left:52%!important;bottom:16px!important;width:min(520px,96%)!important}
}
@media (max-width: 620px){
  .hero{background-size:cover, 100% 100%!important;background-position:center top, center top!important}
  .hero:before{background:linear-gradient(180deg, rgba(28,0,17,.54), rgba(28,0,17,.20) 42%, rgba(28,0,17,.42));}
  h1{font-size:43px}.lead{font-size:17px}
  .btn.large{min-height:56px;font-size:16px;padding:15px 22px}
  .passion-scene{min-height:420px!important}
  .product-core{top:45%!important;width:min(230px,48%)!important}
  .bottle-live{height:min(320px,42vh)!important}
  .product-stage .stage-card{padding:12px 14px!important;border-radius:18px!important}
  .product-stage .stage-card strong{font-size:16px!important}.product-stage .stage-card span{font-size:12px!important}
  .product-stage .stage-card-left{left:0!important;top:17%!important;max-width:168px!important}
  .product-stage .stage-card-right{right:0!important;top:55%!important;max-width:188px!important}
  .product-stage .stage-benefits{bottom:0!important;width:100%!important;gap:8px!important}
  .product-stage .stage-benefits span{font-size:30px!important}
  .product-stage .stage-benefits small{font-size:11px!important;white-space:normal!important;line-height:1.15!important}
}


/* Compact first screen: reduced hero height so the stretched background looks cleaner */
.hero.section-pad{
  padding:34px 0 26px!important;
}
.hero{
  min-height:470px!important;
}
.hero-grid{
  min-height:360px!important;
  gap:24px!important;
  align-items:center!important;
}
.hero-copy{
  max-width:620px!important;
}
.eyebrow{
  font-size:15px!important;
  padding:10px 16px!important;
}
h1{
  font-size:clamp(38px,5.1vw,68px)!important;
  line-height:.94!important;
  margin:18px 0 16px!important;
  max-width:620px!important;
}
.lead{
  font-size:clamp(16px,1.35vw,21px)!important;
  line-height:1.38!important;
  max-width:560px!important;
  margin-bottom:22px!important;
}
.hero-actions{
  margin-bottom:22px!important;
  gap:14px!important;
}
.btn.large{
  min-height:58px!important;
  padding:15px 28px!important;
  font-size:18px!important;
}
.trust-row{
  max-width:560px!important;
  gap:12px!important;
}
.trust-row div{
  padding:14px 16px!important;
  border-radius:22px!important;
}
.trust-row strong{
  font-size:26px!important;
}
.trust-row span{
  font-size:13px!important;
}
.passion-scene{
  min-height:360px!important;
}
.product-core{
  width:min(250px,44%)!important;
  left:55%!important;
  top:52%!important;
}
.bottle-live{
  height:min(330px,43vh)!important;
}
.product-stage .stage-card{
  padding:14px 18px!important;
  border-radius:20px!important;
}
.product-stage .stage-card strong{
  font-size:18px!important;
}
.product-stage .stage-card span{
  font-size:14px!important;
}
.product-stage .stage-card-left{
  left:4%!important;
  top:24%!important;
  max-width:230px!important;
}
.product-stage .stage-card-right{
  right:1%!important;
  top:58%!important;
  max-width:250px!important;
}
.product-stage .stage-benefits{
  bottom:4px!important;
  width:min(470px,92%)!important;
  gap:14px!important;
}
.product-stage .stage-benefits span{
  font-size:40px!important;
}
.product-stage .stage-benefits small{
  font-size:13px!important;
}
@media (max-width:1180px){
  .hero.section-pad{padding:30px 0 24px!important}
  .hero{min-height:440px!important}
  .hero-grid{min-height:330px!important}
  .h1,h1{font-size:clamp(36px,5.4vw,60px)!important}
  .product-core{width:min(220px,42%)!important}
  .bottle-live{height:min(300px,38vh)!important}
}
@media (max-width:980px){
  .hero.section-pad{padding:42px 0 30px!important}
  .hero{min-height:auto!important}
  .hero-grid{min-height:0!important;gap:24px!important}
  .hero-copy{max-width:none!important}
  .lead{max-width:none!important}
  .passion-scene{min-height:410px!important}
  .product-core{width:min(230px,46%)!important;top:48%!important}
  .bottle-live{height:min(320px,40vh)!important}
}
@media (max-width:620px){
  .hero.section-pad{padding:28px 0 18px!important}
  .passion-scene{min-height:360px!important}
  .product-core{width:min(190px,44%)!important;top:45%!important}
  .bottle-live{height:min(250px,32vh)!important}
  .product-stage .stage-card-left{top:18%!important;max-width:150px!important}
  .product-stage .stage-card-right{top:53%!important;max-width:170px!important}
  .product-stage .stage-benefits span{font-size:28px!important}
  .product-stage .stage-benefits small{font-size:10px!important}
}


/* Fine-tune hero composition: larger bottle shifted left, icons placed lower */
.product-core{
  width:min(295px,48%)!important;
  top:50%!important;
}
.bottle-live{
  height:min(360px,46vh)!important;
}
.product-stage .stage-benefits{
  left:50%!important;
  bottom:-20px!important;
  width:min(520px,96%)!important;
  gap:16px!important;
}
.product-stage .stage-card-left{
  left:3%!important;
}
.product-stage .stage-card-right{
  right:-1%!important;
}
@media (max-width:1180px){
  .product-core{
    width:min(255px,46%)!important;
    top:50%!important;
  }
  .bottle-live{height:min(328px,41vh)!important}
  .product-stage .stage-benefits{bottom:-12px!important;width:min(500px,96%)!important}
}
@media (max-width:980px){
  .product-core{
    width:min(245px,48%)!important;
    top:47%!important;
  }
  .bottle-live{height:min(332px,41vh)!important}
  .product-stage .stage-benefits{bottom:-6px!important;width:min(500px,98%)!important}
}
@media (max-width:620px){
  .product-core{
    width:min(200px,46%)!important;
    top:44%!important;
  }
  .bottle-live{height:min(265px,33vh)!important}
  .product-stage .stage-benefits{bottom:-2px!important;width:100%!important}
}


/* Final adjustment: product further left, benefit icons lower and clear of bottle/text */
.product-core{
  top:50%!important;
  width:min(305px,49%)!important;
}
.bottle-live{
  height:min(368px,47vh)!important;
}
.product-stage .stage-benefits{
  left:50%!important;
  bottom:-38px!important;
  width:min(560px,98%)!important;
  gap:18px!important;
}
.product-stage .stage-card-left{left:2%!important}
.product-stage .stage-card-right{right:-1%!important}
@media (max-width:1180px){
  .product-core{
    width:min(268px,47%)!important;
  }
  .bottle-live{height:min(338px,42vh)!important}
  .product-stage .stage-benefits{bottom:-24px!important;width:min(520px,98%)!important}
}
@media (max-width:980px){
  .product-core{
    left:50%!important;
    width:min(248px,48%)!important;
  }
  .bottle-live{height:min(330px,40vh)!important}
  .product-stage .stage-benefits{bottom:-14px!important;width:min(510px,100%)!important}
}
@media (max-width:620px){
  .product-core{
    top:44%!important;
    width:min(198px,46%)!important;
  }
  .bottle-live{height:min(258px,32vh)!important}
  .product-stage .stage-benefits{bottom:-8px!important;width:100%!important;gap:10px!important}
}


/* Final cleanup: hide benefit icons and shift product further left */
.product-stage .stage-benefits{
  display:none!important;
}



/* Remove gray oval under bottle by covering the bottom edge with matching silk tone */
.product-core::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  width:76%;
  height:16px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(194,34,101,.98) 0%, rgba(148,13,70,.98) 65%, rgba(116,7,52,.92) 100%);
  box-shadow:0 0 18px rgba(197,36,104,.45);
  z-index:6;
  pointer-events:none;
}
@media (max-width:1180px){
  .product-core::after{bottom:9px;width:76%;height:14px;}
}
@media (max-width:980px){
  .product-core::after{bottom:8px;width:74%;height:13px;}
}
@media (max-width:620px){
  .product-core::after{bottom:7px;width:74%;height:12px;}
}


/* Remove all visual support/shadow under the bottle */
.product-core::after{
  display:none!important;
  content:none!important;
}
.product-glow{
  display:none!important;
}
.bottle-live{
  filter:none!important;
  box-shadow:none!important;
}



/* Sensual luxury editorial typography — readable, no italic headings */
:root{
  --font-sensual-head:"Cormorant Garamond", "Bodoni 72", "Didot", Georgia, "Times New Roman", serif;
  --font-readable-serif:"Lora", Georgia, "Times New Roman", serif;
}
body,
button,
input,
select,
textarea{
  font-family:var(--font-readable-serif)!important;
}
body{
  font-weight:400;
  letter-spacing:.003em;
  line-height:1.6;
}
h1,
h2,
h3,
.logo,
.logo-mark,
.eyebrow,
.section-kicker,
.trust-row strong,
.ingredient-card b,
.step span,
.review-top h3,
.age-badge,
.age-card h2,
.footer strong{
  font-family:var(--font-sensual-head)!important;
  font-style:normal!important;
  font-weight:700;
  letter-spacing:-.025em;
}
h1{
  letter-spacing:-.045em;
  text-shadow:0 8px 34px rgba(30,0,18,.28);
}
h2{
  letter-spacing:-.032em;
}
h3,
.review-top h3{
  letter-spacing:-.018em;
}
.logo span:not(.logo-mark){
  text-transform:uppercase;
  letter-spacing:.055em;
  font-style:normal!important;
}
.logo-mark{
  font-size:24px;
  font-style:normal!important;
  letter-spacing:-.04em;
}
.nav,
.header-cta,
.btn,
.trust-row span,
.order-form label,
.review-actions,
.mini-benefits span,
.check-list li,
.step p,
.form-note,
.faq-item span{
  font-family:var(--font-readable-serif)!important;
  font-style:normal!important;
  font-weight:700;
  letter-spacing:.002em;
}
.section-kicker{
  letter-spacing:.13em;
  font-weight:700;
}
p,
.lead,
.notice-content p,
.info-card p,
.ingredient-card span,
.review-card p,
.faq-item small,
.footer p{
  font-family:var(--font-readable-serif)!important;
  font-style:normal!important;
  font-weight:400;
}
.lead{
  font-weight:500;
  letter-spacing:.001em;
}



/* Removed hero info cards */
.hero-actions{margin-bottom:0!important}

/* Final adjustment: first screen 10% taller + more voluptuous hero background */
.hero.section-pad{
  padding-top:38px!important;
  padding-bottom:30px!important;
}
.hero{
  min-height:520px!important;
}
.hero-grid{
  min-height:396px!important;
}
.passion-scene{
  min-height:396px!important;
}
@media (max-width:1180px){
  .hero{min-height:484px!important;}
  .hero-grid,.passion-scene{min-height:360px!important;}
}
@media (max-width:980px){
  .hero.section-pad{padding-top:46px!important;padding-bottom:34px!important;}
  .passion-scene{min-height:430px!important;}
}
@media (max-width:620px){
  .hero.section-pad{padding-top:32px!important;padding-bottom:22px!important;}
  .passion-scene{min-height:380px!important;}
}


/* Final replacement: use generated background above in the first screen */
.hero{
  background-image:
    linear-gradient(90deg, rgba(36,0,23,.18) 0%, rgba(48,0,28,.10) 34%, rgba(35,0,19,.04) 100%),
    url("assets/hero-bg-clean.png")!important;
  background-size:cover, 100% 100%!important;
  background-position:center center, center top!important;
}
.hero.section-pad{
  padding-top:38px!important;
  padding-bottom:30px!important;
}
.hero{
  min-height:520px!important;
}
.hero-grid{
  min-height:396px!important;
}
.passion-scene{
  min-height:396px!important;
}

/* User request: make the first block 20% taller so the background fits fully and looks better */
.hero.section-pad{
  padding-top:42px!important;
  padding-bottom:34px!important;
}
.hero{
  min-height:624px!important;
}
.hero-grid{
  min-height:476px!important;
}
.passion-scene{
  min-height:476px!important;
}
@media (max-width:1180px){
  .hero{min-height:580px!important;}
  .hero-grid,.passion-scene{min-height:432px!important;}
}
@media (max-width:980px){
  .hero.section-pad{padding-top:50px!important;padding-bottom:38px!important;}
  .passion-scene{min-height:516px!important;}
}
@media (max-width:620px){
  .hero.section-pad{padding-top:36px!important;padding-bottom:26px!important;}
  .passion-scene{min-height:456px!important;}
}


/* Inserted clean transparent bottle asset */
.product-core::after{
  display:none!important;
  content:none!important;
}
.product-glow{
  display:none!important;
}
.bottle-live{
  filter:none!important;
  box-shadow:none!important;
  background:transparent!important;
}


/* Redesigned ingredients block with molecule-inspired styling */
#ingredients{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 18%, rgba(95, 227, 255, .16) 0, transparent 20%),
    radial-gradient(circle at 84% 16%, rgba(255, 126, 225, .22) 0, transparent 24%),
    radial-gradient(circle at 68% 72%, rgba(146, 112, 255, .18) 0, transparent 26%),
    linear-gradient(135deg, #24133f 0%, #5321b8 42%, #a434d2 74%, #ea5ab2 100%)!important;
}
#ingredients:before,
#ingredients:after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
#ingredients:before{
  width:380px;
  height:380px;
  left:-110px;
  bottom:-140px;
  background:radial-gradient(circle, rgba(255,255,255,.12) 0, rgba(130,221,255,.10) 26%, transparent 68%);
  filter:blur(6px);
}
#ingredients:after{
  width:300px;
  height:300px;
  right:-90px;
  top:-90px;
  background:radial-gradient(circle, rgba(255,255,255,.10) 0, rgba(255,133,224,.14) 30%, transparent 70%);
  filter:blur(8px);
}
#ingredients .container{
  position:relative;
  z-index:1;
}
#ingredients .section-head{
  max-width:980px;
  margin:0 auto 46px;
}
#ingredients .section-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
}
#ingredients .section-kicker:before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:#9ee8ff;
  box-shadow:0 0 0 7px rgba(158,232,255,.16), 0 0 24px rgba(158,232,255,.65);
}
#ingredients h2{
  max-width:980px;
  margin:18px auto 16px;
  letter-spacing:-.04em;
}
#ingredients .section-head p{
  font-size:18px;
  color:rgba(255,255,255,.82);
}
#ingredients .ingredient-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  padding:18px 10px 8px;
}
#ingredients .ingredient-grid:before{
  content:"";
  position:absolute;
  inset:94px 11% 92px;
  background:
    linear-gradient(90deg, transparent 0 2%, rgba(181,226,255,.18) 2% 48%, transparent 48% 52%, rgba(181,226,255,.18) 52% 98%, transparent 98%) center 30% / 100% 2px no-repeat,
    linear-gradient(90deg, transparent 0 2%, rgba(255,189,240,.16) 2% 48%, transparent 48% 52%, rgba(255,189,240,.16) 52% 98%, transparent 98%) center 72% / 100% 2px no-repeat;
  opacity:.9;
  pointer-events:none;
}
#ingredients .ingredient-card{
  position:relative;
  min-height:146px;
  padding:28px 22px 24px 72px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 20px 50px rgba(16, 9, 44, .22), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
  overflow:visible;
}
#ingredients .ingredient-card:before{
  content:"";
  position:absolute;
  left:24px;
  top:32px;
  width:18px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(135deg, #9ee8ff, #ffd1f6);
  box-shadow:0 0 0 8px rgba(255,255,255,.06), 0 0 26px rgba(170,226,255,.45);
}
#ingredients .ingredient-card:after{
  content:"";
  position:absolute;
  right:-24px;
  top:40px;
  width:24px;
  height:2px;
  background:linear-gradient(90deg, rgba(167,224,255,.75), rgba(255,193,237,.55));
  box-shadow:0 0 14px rgba(190,226,255,.35);
}
#ingredients .ingredient-card:nth-child(4n):after{
  display:none;
}
#ingredients .ingredient-card:nth-child(1),
#ingredients .ingredient-card:nth-child(3),
#ingredients .ingredient-card:nth-child(6),
#ingredients .ingredient-card:nth-child(8){
  transform:translateY(-8px);
}
#ingredients .ingredient-card:nth-child(2),
#ingredients .ingredient-card:nth-child(4),
#ingredients .ingredient-card:nth-child(5),
#ingredients .ingredient-card:nth-child(7){
  transform:translateY(8px);
}
#ingredients .ingredient-card b{
  display:block;
  margin-bottom:10px;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.03em;
  color:#fff;
}
#ingredients .ingredient-card span{
  display:block;
  font-size:16px;
  line-height:1.45;
  color:rgba(255,255,255,.82);
}
@media (max-width:1180px){
  #ingredients .ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #ingredients .ingredient-grid:before{display:none;}
  #ingredients .ingredient-card:after{display:none;}
  #ingredients .ingredient-card{min-height:132px;}
  #ingredients .ingredient-card b{font-size:25px;}
}
@media (max-width:620px){
  #ingredients .section-head{margin-bottom:28px;}
  #ingredients .section-head p{font-size:16px;}
  #ingredients .ingredient-grid{grid-template-columns:1fr;gap:16px;padding:8px 0 0;}
  #ingredients .ingredient-card,
  #ingredients .ingredient-card:nth-child(n){
    transform:none;
    min-height:auto;
    padding:22px 18px 20px 64px;
    border-radius:24px;
  }
  #ingredients .ingredient-card b{font-size:23px;}
  #ingredients .ingredient-card span{font-size:15px;}
  #ingredients .ingredient-card:before{left:20px;top:26px;width:16px;height:16px;}
}


/* Molecule-style ingredients block */
#ingredients{
  position:relative;
}
#ingredients .molecule-composition{
  position:relative;
  z-index:2;
}
#ingredients .molecule-stage{
  position:relative;
  min-height:900px;
  max-width:1120px;
  margin:0 auto;
}
#ingredients .molecule-orbit,
#ingredients .molecule-links{
  position:absolute;
  inset:0;
  pointer-events:none;
}
#ingredients .molecule-orbit{
  left:50%;
  top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 0 1px rgba(176,224,255,.05) inset;
}
#ingredients .orbit-1{width:660px;height:660px;}
#ingredients .orbit-2{width:420px;height:420px;border-color:rgba(255,255,255,.08);}
#ingredients .molecule-links{
  background:
    linear-gradient(rgba(175,225,255,.22), rgba(175,225,255,.22)) center top 132px / 2px calc(50% - 132px) no-repeat,
    linear-gradient(rgba(175,225,255,.22), rgba(175,225,255,.22)) center bottom 132px / 2px calc(50% - 132px) no-repeat,
    linear-gradient(90deg, rgba(175,225,255,.22), rgba(255,194,236,.22)) left 132px center / calc(50% - 132px) 2px no-repeat,
    linear-gradient(90deg, rgba(255,194,236,.22), rgba(175,225,255,.22)) right 132px center / calc(50% - 132px) 2px no-repeat,
    linear-gradient(45deg, transparent calc(50% - 1px), rgba(255,255,255,.13) calc(50% - 1px), rgba(255,255,255,.13) calc(50% + 1px), transparent calc(50% + 1px)) center / 100% 100% no-repeat,
    linear-gradient(-45deg, transparent calc(50% - 1px), rgba(255,255,255,.13) calc(50% - 1px), rgba(255,255,255,.13) calc(50% + 1px), transparent calc(50% + 1px)) center / 100% 100% no-repeat;
  opacity:.55;
}
#ingredients .molecule-hub,
#ingredients .molecule-node{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#fff;
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease, border-color .28s ease;
}
#ingredients .molecule-hub{
  width:270px;
  height:270px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.28), rgba(255,255,255,.10) 48%, rgba(255,255,255,.06) 100%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 28px 70px rgba(14, 10, 46, .30), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(14px);
  padding:26px;
  z-index:3;
}
#ingredients .hub-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 14px;
  border-radius:999px;
  margin-bottom:14px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.14);
  color:#bff3ff;
}
#ingredients .molecule-hub strong{
  font-size:34px;
  line-height:1.03;
  letter-spacing:-.04em;
}
#ingredients .molecule-hub small{
  display:block;
  margin-top:12px;
  font-size:15px;
  line-height:1.45;
  color:rgba(255,255,255,.78);
}
#ingredients .molecule-node{
  width:205px;
  height:205px;
  padding:22px;
  transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1);
  background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.09));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 20px 46px rgba(16, 9, 44, .24), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
  z-index:2;
}
#ingredients .molecule-node:before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  pointer-events:none;
}
#ingredients .molecule-node:hover{
  transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1.12);
  box-shadow:0 26px 70px rgba(16, 9, 44, .34), 0 0 0 1px rgba(255,255,255,.10) inset;
  background:linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.11));
  border-color:rgba(194,240,255,.44);
  z-index:5;
}
#ingredients .molecule-node b{
  display:block;
  font-size:27px;
  line-height:1.06;
  margin-bottom:10px;
  letter-spacing:-.03em;
  color:#fff;
}
#ingredients .molecule-node span{
  display:block;
  font-size:15px;
  line-height:1.42;
  color:rgba(255,255,255,.82);
}
#ingredients .node-1{--x:0px;--y:-332px;}
#ingredients .node-2{--x:235px;--y:-235px;}
#ingredients .node-3{--x:332px;--y:0px;}
#ingredients .node-4{--x:235px;--y:235px;}
#ingredients .node-5{--x:0px;--y:332px;}
#ingredients .node-6{--x:-235px;--y:235px;}
#ingredients .node-7{--x:-332px;--y:0px;}
#ingredients .node-8{--x:-235px;--y:-235px;}
@media (max-width:1180px){
  #ingredients .molecule-stage{min-height:1160px;}
  #ingredients .orbit-1{width:560px;height:560px;}
  #ingredients .orbit-2{width:360px;height:360px;}
  #ingredients .molecule-hub{width:230px;height:230px;}
  #ingredients .molecule-hub strong{font-size:30px;}
  #ingredients .molecule-node{width:186px;height:186px;}
  #ingredients .molecule-node b{font-size:24px;}
  #ingredients .molecule-node span{font-size:14px;}
  #ingredients .node-1{--x:0px;--y:-286px;}
  #ingredients .node-2{--x:202px;--y:-202px;}
  #ingredients .node-3{--x:286px;--y:0px;}
  #ingredients .node-4{--x:202px;--y:202px;}
  #ingredients .node-5{--x:0px;--y:286px;}
  #ingredients .node-6{--x:-202px;--y:202px;}
  #ingredients .node-7{--x:-286px;--y:0px;}
  #ingredients .node-8{--x:-202px;--y:-202px;}
}
@media (max-width:980px){
  #ingredients .molecule-stage{
    min-height:auto;
    display:grid;
    gap:18px;
    max-width:740px;
  }
  #ingredients .molecule-orbit,
  #ingredients .molecule-links{display:none;}
  #ingredients .molecule-hub,
  #ingredients .molecule-node{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:auto;
    min-height:0;
    border-radius:30px;
    transform:none!important;
  }
  #ingredients .molecule-hub{
    padding:28px 24px;
    order:0;
  }
  #ingredients .molecule-node{
    padding:24px 22px;
    align-items:flex-start;
    text-align:left;
  }
  #ingredients .molecule-node:before{border-radius:22px;}
}
@media (max-width:620px){
  #ingredients .molecule-stage{gap:14px;}
  #ingredients .molecule-hub{padding:24px 18px;border-radius:24px;}
  #ingredients .molecule-hub strong{font-size:27px;}
  #ingredients .molecule-hub small{font-size:14px;}
  #ingredients .molecule-node{padding:20px 18px;border-radius:22px;}
  #ingredients .molecule-node b{font-size:22px;}
  #ingredients .molecule-node span{font-size:14px;}
}


/* Enhanced molecule connections + visuals */
#ingredients .molecule-node{
  overflow:visible;
}
#ingredients .molecule-node::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:var(--link-length, 170px);
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,.60), rgba(168,227,255,.76) 45%, rgba(255,194,236,.72) 100%);
  box-shadow:0 0 16px rgba(176,224,255,.30);
  transform:translateY(-50%) rotate(var(--angle)) translateX(calc(var(--node-size, 102px) / 2));
  transform-origin:0 50%;
  z-index:-1;
  opacity:.92;
}
#ingredients .molecule-node::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:16px;
  height:16px;
  margin:-8px 0 0 -8px;
  border-radius:50%;
  background:radial-gradient(circle, #ffffff 0, #b8f2ff 42%, #7f66ff 100%);
  box-shadow:0 0 0 8px rgba(255,255,255,.07), 0 0 22px rgba(190,226,255,.48);
}
#ingredients .molecule-node .node-visual{
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  margin:0 auto 14px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.26), rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 12px 28px rgba(16,9,44,.18);
}
#ingredients .molecule-node .node-visual img{
  width:58px;
  height:58px;
  display:block;
}
#ingredients .molecule-node:hover .node-visual{
  transform:scale(1.08);
  transition:transform .28s ease;
}
#ingredients .node-1{--x:0px;--y:-332px;--angle:90deg;--link-length:198px;--node-size:205px;}
#ingredients .node-2{--x:235px;--y:-235px;--angle:135deg;--link-length:145px;--node-size:205px;}
#ingredients .node-3{--x:332px;--y:0px;--angle:180deg;--link-length:198px;--node-size:205px;}
#ingredients .node-4{--x:235px;--y:235px;--angle:225deg;--link-length:145px;--node-size:205px;}
#ingredients .node-5{--x:0px;--y:332px;--angle:270deg;--link-length:198px;--node-size:205px;}
#ingredients .node-6{--x:-235px;--y:235px;--angle:315deg;--link-length:145px;--node-size:205px;}
#ingredients .node-7{--x:-332px;--y:0px;--angle:0deg;--link-length:198px;--node-size:205px;}
#ingredients .node-8{--x:-235px;--y:-235px;--angle:45deg;--link-length:145px;--node-size:205px;}
#ingredients .node-1::after,#ingredients .node-5::after{background:linear-gradient(90deg, rgba(179,232,255,.75), rgba(255,194,236,.45));}
#ingredients .node-3::after,#ingredients .node-7::after{background:linear-gradient(90deg, rgba(255,194,236,.55), rgba(179,232,255,.75));}
@media (max-width:1180px){
  #ingredients .molecule-node .node-visual{width:66px;height:66px;margin-bottom:12px;}
  #ingredients .molecule-node .node-visual img{width:52px;height:52px;}
  #ingredients .node-1{--x:0px;--y:-286px;--angle:90deg;--link-length:176px;--node-size:186px;}
  #ingredients .node-2{--x:202px;--y:-202px;--angle:135deg;--link-length:124px;--node-size:186px;}
  #ingredients .node-3{--x:286px;--y:0px;--angle:180deg;--link-length:176px;--node-size:186px;}
  #ingredients .node-4{--x:202px;--y:202px;--angle:225deg;--link-length:124px;--node-size:186px;}
  #ingredients .node-5{--x:0px;--y:286px;--angle:270deg;--link-length:176px;--node-size:186px;}
  #ingredients .node-6{--x:-202px;--y:202px;--angle:315deg;--link-length:124px;--node-size:186px;}
  #ingredients .node-7{--x:-286px;--y:0px;--angle:0deg;--link-length:176px;--node-size:186px;}
  #ingredients .node-8{--x:-202px;--y:-202px;--angle:45deg;--link-length:124px;--node-size:186px;}
}
@media (max-width:980px){
  #ingredients .molecule-node::after{display:none;}
  #ingredients .molecule-node::before{left:24px;top:24px;margin:0;width:14px;height:14px;}
  #ingredients .molecule-node .node-visual{margin:0 0 14px;}
}
@media (max-width:620px){
  #ingredients .molecule-node .node-visual{width:58px;height:58px;}
  #ingredients .molecule-node .node-visual img{width:46px;height:46px;}
}


/* Smaller composition wheel: reduced about 2x for desktop */
#ingredients .molecule-stage{
  min-height:520px!important;
  max-width:760px!important;
}
#ingredients .orbit-1{width:340px!important;height:340px!important;}
#ingredients .orbit-2{width:220px!important;height:220px!important;}
#ingredients .molecule-hub{
  width:146px!important;
  height:146px!important;
  padding:16px!important;
}
#ingredients .hub-kicker{
  min-height:22px!important;
  padding:4px 10px!important;
  margin-bottom:8px!important;
  font-size:10px!important;
}
#ingredients .molecule-hub strong{
  font-size:18px!important;
}
#ingredients .molecule-hub small{
  margin-top:8px!important;
  font-size:10px!important;
  line-height:1.3!important;
}
#ingredients .molecule-node{
  width:108px!important;
  height:108px!important;
  padding:12px!important;
}
#ingredients .molecule-node b{
  font-size:13px!important;
  margin-bottom:5px!important;
  line-height:1.05!important;
}
#ingredients .molecule-node span{
  font-size:9px!important;
  line-height:1.2!important;
}
#ingredients .molecule-node .node-visual{
  width:40px!important;
  height:40px!important;
  margin:0 auto 6px!important;
}
#ingredients .molecule-node .node-visual img{
  width:28px!important;
  height:28px!important;
}
#ingredients .molecule-node::before{
  width:10px!important;
  height:10px!important;
  margin:-5px 0 0 -5px!important;
  box-shadow:0 0 0 5px rgba(255,255,255,.07), 0 0 16px rgba(190,226,255,.40)!important;
}
#ingredients .molecule-node::after{
  height:3px!important;
  box-shadow:0 0 10px rgba(176,224,255,.24)!important;
}
#ingredients .node-1{--x:0px;--y:-170px;--angle:90deg;--link-length:116px;--node-size:108px;}
#ingredients .node-2{--x:120px;--y:-120px;--angle:135deg;--link-length:78px;--node-size:108px;}
#ingredients .node-3{--x:170px;--y:0px;--angle:180deg;--link-length:116px;--node-size:108px;}
#ingredients .node-4{--x:120px;--y:120px;--angle:225deg;--link-length:78px;--node-size:108px;}
#ingredients .node-5{--x:0px;--y:170px;--angle:270deg;--link-length:116px;--node-size:108px;}
#ingredients .node-6{--x:-120px;--y:120px;--angle:315deg;--link-length:78px;--node-size:108px;}
#ingredients .node-7{--x:-170px;--y:0px;--angle:0deg;--link-length:116px;--node-size:108px;}
#ingredients .node-8{--x:-120px;--y:-120px;--angle:45deg;--link-length:78px;--node-size:108px;}
@media (max-width:1180px){
  #ingredients .molecule-stage{
    min-height:480px!important;
    max-width:680px!important;
  }
  #ingredients .orbit-1{width:300px!important;height:300px!important;}
  #ingredients .orbit-2{width:196px!important;height:196px!important;}
  #ingredients .molecule-hub{width:132px!important;height:132px!important;}
  #ingredients .molecule-hub strong{font-size:16px!important;}
  #ingredients .molecule-hub small{font-size:9px!important;}
  #ingredients .molecule-node{width:100px!important;height:100px!important;padding:10px!important;}
  #ingredients .molecule-node b{font-size:12px!important;}
  #ingredients .molecule-node span{font-size:8px!important;}
  #ingredients .molecule-node .node-visual{width:36px!important;height:36px!important;}
  #ingredients .molecule-node .node-visual img{width:24px!important;height:24px!important;}
  #ingredients .node-1{--x:0px;--y:-150px;--angle:90deg;--link-length:102px;--node-size:100px;}
  #ingredients .node-2{--x:106px;--y:-106px;--angle:135deg;--link-length:70px;--node-size:100px;}
  #ingredients .node-3{--x:150px;--y:0px;--angle:180deg;--link-length:102px;--node-size:100px;}
  #ingredients .node-4{--x:106px;--y:106px;--angle:225deg;--link-length:70px;--node-size:100px;}
  #ingredients .node-5{--x:0px;--y:150px;--angle:270deg;--link-length:102px;--node-size:100px;}
  #ingredients .node-6{--x:-106px;--y:106px;--angle:315deg;--link-length:70px;--node-size:100px;}
  #ingredients .node-7{--x:-150px;--y:0px;--angle:0deg;--link-length:102px;--node-size:100px;}
  #ingredients .node-8{--x:-106px;--y:-106px;--angle:45deg;--link-length:70px;--node-size:100px;}
}
/* keep stacked mobile layout unchanged */
/* mobile stacked layout remains controlled by earlier breakpoints */


/* Refined molecule wheel: +30% size, edge-to-edge links, lighter connections, more realistic visuals */
#ingredients .molecule-links{
  display:none!important;
}
#ingredients .molecule-stage{
  min-height:690px!important;
  max-width:980px!important;
}
#ingredients .orbit-1{width:442px!important;height:442px!important;}
#ingredients .orbit-2{width:286px!important;height:286px!important;}
#ingredients .molecule-hub{
  width:190px!important;
  height:190px!important;
  padding:20px!important;
}
#ingredients .hub-kicker{
  min-height:26px!important;
  padding:4px 12px!important;
  margin-bottom:10px!important;
  font-size:11px!important;
}
#ingredients .molecule-hub strong{font-size:24px!important;}
#ingredients .molecule-hub small{margin-top:8px!important;font-size:12px!important;line-height:1.35!important;}
#ingredients .molecule-node{
  width:140px!important;
  height:140px!important;
  padding:16px!important;
  z-index:3!important;
}
#ingredients .molecule-node .node-visual{
  width:52px!important;
  height:52px!important;
  margin:0 auto 8px!important;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.28), rgba(255,255,255,.12))!important;
}
#ingredients .molecule-node .node-visual img{width:44px!important;height:44px!important;}
#ingredients .molecule-node b{font-size:17px!important;margin-bottom:6px!important;line-height:1.02!important;}
#ingredients .molecule-node span{font-size:11px!important;line-height:1.22!important;}
#ingredients .molecule-node::before{
  width:10px!important;
  height:10px!important;
  margin:-5px 0 0 -5px!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.06), 0 0 14px rgba(190,226,255,.32)!important;
}
#ingredients .molecule-node::after{
  height:3px!important;
  background:linear-gradient(90deg, rgba(255,255,255,.30), rgba(168,227,255,.38) 45%, rgba(255,194,236,.36) 100%)!important;
  box-shadow:0 0 8px rgba(176,224,255,.14)!important;
  opacity:.46!important;
}
#ingredients .molecule-node:hover{
  transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1.12)!important;
}
#ingredients .node-1{--x:0px;--y:-221px;--angle:90deg;--link-length:56px;--node-size:140px;}
#ingredients .node-2{--x:156px;--y:-156px;--angle:135deg;--link-length:50px;--node-size:140px;}
#ingredients .node-3{--x:221px;--y:0px;--angle:180deg;--link-length:56px;--node-size:140px;}
#ingredients .node-4{--x:156px;--y:156px;--angle:225deg;--link-length:50px;--node-size:140px;}
#ingredients .node-5{--x:0px;--y:221px;--angle:270deg;--link-length:56px;--node-size:140px;}
#ingredients .node-6{--x:-156px;--y:156px;--angle:315deg;--link-length:50px;--node-size:140px;}
#ingredients .node-7{--x:-221px;--y:0px;--angle:0deg;--link-length:56px;--node-size:140px;}
#ingredients .node-8{--x:-156px;--y:-156px;--angle:45deg;--link-length:50px;--node-size:140px;}
@media (max-width:1180px){
  #ingredients .molecule-stage{min-height:620px!important;max-width:900px!important;}
  #ingredients .orbit-1{width:408px!important;height:408px!important;}
  #ingredients .orbit-2{width:264px!important;height:264px!important;}
  #ingredients .molecule-hub{width:176px!important;height:176px!important;}
  #ingredients .molecule-hub strong{font-size:22px!important;}
  #ingredients .molecule-hub small{font-size:11px!important;}
  #ingredients .molecule-node{width:130px!important;height:130px!important;padding:14px!important;}
  #ingredients .molecule-node .node-visual{width:48px!important;height:48px!important;}
  #ingredients .molecule-node .node-visual img{width:40px!important;height:40px!important;}
  #ingredients .molecule-node b{font-size:16px!important;}
  #ingredients .molecule-node span{font-size:10px!important;}
  #ingredients .node-1{--x:0px;--y:-204px;--angle:90deg;--link-length:52px;--node-size:130px;}
  #ingredients .node-2{--x:144px;--y:-144px;--angle:135deg;--link-length:46px;--node-size:130px;}
  #ingredients .node-3{--x:204px;--y:0px;--angle:180deg;--link-length:52px;--node-size:130px;}
  #ingredients .node-4{--x:144px;--y:144px;--angle:225deg;--link-length:46px;--node-size:130px;}
  #ingredients .node-5{--x:0px;--y:204px;--angle:270deg;--link-length:52px;--node-size:130px;}
  #ingredients .node-6{--x:-144px;--y:144px;--angle:315deg;--link-length:46px;--node-size:130px;}
  #ingredients .node-7{--x:-204px;--y:0px;--angle:0deg;--link-length:52px;--node-size:130px;}
  #ingredients .node-8{--x:-144px;--y:-144px;--angle:45deg;--link-length:46px;--node-size:130px;}
}
/* stacked mobile layout still uses the earlier mobile rules */


/* Update molecule ingredients: more realistic visuals + 80% more transparent connections */
#ingredients .molecule-node .node-visual{
  width:58px!important;
  height:58px!important;
  margin:0 auto 10px!important;
  background:radial-gradient(circle at 28% 28%, rgba(255,255,255,.35), rgba(255,255,255,.14) 58%, rgba(255,255,255,.08) 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 12px 24px rgba(38,20,77,.18)!important;
}
#ingredients .molecule-node .node-visual img{
  width:48px!important;
  height:48px!important;
}
#ingredients .molecule-node::after{
  background:linear-gradient(90deg, rgba(255,255,255,.12), rgba(181,233,255,.14) 48%, rgba(255,200,239,.12) 100%)!important;
  box-shadow:none!important;
  opacity:.18!important;
}
#ingredients .molecule-node::before{
  box-shadow:0 0 0 4px rgba(255,255,255,.04), 0 0 10px rgba(190,226,255,.18)!important;
}
#ingredients .molecule-node:hover .node-visual{
  transform:scale(1.1)!important;
}
@media (max-width:1180px){
  #ingredients .molecule-node .node-visual{width:54px!important;height:54px!important;}
  #ingredients .molecule-node .node-visual img{width:44px!important;height:44px!important;}
}
@media (max-width:620px){
  #ingredients .molecule-node .node-visual{width:50px!important;height:50px!important;}
  #ingredients .molecule-node .node-visual img{width:40px!important;height:40px!important;}
}


/* Compact 2-row ingredients block */
#ingredients{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
#ingredients .molecule-composition,
#ingredients .molecule-stage,
#ingredients .molecule-orbit,
#ingredients .molecule-links,
#ingredients .molecule-hub,
#ingredients .molecule-node{
  display:none!important;
}
#ingredients .ingredients-compact{
  max-width:1180px;
  margin:0 auto;
}
#ingredients .ingredients-compact-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin:0 auto 26px;
}
#ingredients .compact-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
  color:#c8f6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:12px;
}
#ingredients .ingredients-compact-head strong{
  display:block;
  color:#fff;
  font-size:32px;
  line-height:1.05;
  letter-spacing:-.04em;
}
#ingredients .ingredients-compact-head small{
  display:block;
  margin-top:10px;
  color:rgba(255,255,255,.76);
  font-size:16px;
  line-height:1.35;
}
#ingredients .ingredients-compact-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}
#ingredients .compact-ingredient-card{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:116px;
  padding:16px 16px;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 16px 38px rgba(16,9,44,.18), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  transition:transform .22s ease, box-shadow .22s ease;
}
#ingredients .compact-ingredient-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(16,9,44,.24), inset 0 1px 0 rgba(255,255,255,.16);
}
#ingredients .compact-visual{
  width:66px;
  height:66px;
  flex:0 0 66px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 28% 28%, rgba(255,255,255,.35), rgba(255,255,255,.14) 58%, rgba(255,255,255,.08) 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 10px 24px rgba(38,20,77,.16);
}
#ingredients .compact-visual img{
  width:54px;
  height:54px;
  display:block;
}
#ingredients .compact-ingredient-card b{
  display:block;
  color:#fff;
  font-size:22px;
  line-height:1.02;
  letter-spacing:-.03em;
  margin-bottom:6px;
}
#ingredients .compact-ingredient-card span{
  display:block;
  color:rgba(255,255,255,.80);
  font-size:14px;
  line-height:1.3;
}
@media (max-width:1180px){
  #ingredients .ingredients-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  #ingredients{padding-top:56px!important;padding-bottom:56px!important;}
  #ingredients .ingredients-compact-head strong{font-size:28px;}
  #ingredients .ingredients-compact-head small{font-size:14px;}
  #ingredients .ingredients-compact-grid{grid-template-columns:1fr;gap:14px;}
  #ingredients .compact-ingredient-card{min-height:104px;padding:14px;gap:12px;border-radius:20px;}
  #ingredients .compact-visual{width:58px;height:58px;flex-basis:58px;}
  #ingredients .compact-visual img{width:46px;height:46px;}
  #ingredients .compact-ingredient-card b{font-size:19px;}
  #ingredients .compact-ingredient-card span{font-size:13px;}
}


/* Add short explanatory notes to compact ingredient cards */
#ingredients .compact-ingredient-card{
  align-items:flex-start!important;
  min-height:136px!important;
}
#ingredients .compact-ingredient-card > div{
  display:flex;
  flex-direction:column;
}
#ingredients .compact-note{
  display:block;
  margin-top:8px;
  color:#d9f4ff;
  font-style:normal;
  font-weight:700;
  font-size:13px;
  line-height:1.22;
  letter-spacing:.01em;
}
@media (max-width:700px){
  #ingredients .compact-ingredient-card{
    min-height:120px!important;
  }
  #ingredients .compact-note{
    margin-top:6px;
    font-size:12px;
  }
}


/* Beautified compact ingredients cards */
#ingredients .ingredients-compact{
  max-width:1220px!important;
}
#ingredients .ingredients-compact-head{
  margin:0 auto 34px!important;
}
#ingredients .compact-badge{
  box-shadow:0 8px 20px rgba(24,12,62,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
#ingredients .ingredients-compact-head strong{
  text-shadow:0 8px 24px rgba(17,8,48,.18);
}
#ingredients .ingredients-compact-grid{
  gap:20px!important;
}
#ingredients .compact-ingredient-card{
  position:relative;
  overflow:hidden;
  align-items:flex-start!important;
  min-height:150px!important;
  padding:18px 18px 18px 16px!important;
  gap:16px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 34%),
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.08) 55%, rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 42px rgba(16,9,44,.22), inset 0 1px 0 rgba(255,255,255,.14)!important;
}
#ingredients .compact-ingredient-card::before{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  right:-38px;
  top:-42px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.18) 0%, rgba(255,255,255,.02) 64%, transparent 70%);
  pointer-events:none;
}
#ingredients .compact-ingredient-card::after{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(201,246,255,.0), rgba(201,246,255,.65) 18%, rgba(255,213,240,.65) 82%, rgba(255,213,240,.0));
  opacity:.72;
}
#ingredients .compact-ingredient-card:hover{
  transform:translateY(-4px) scale(1.01)!important;
  box-shadow:0 24px 54px rgba(16,9,44,.26), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
#ingredients .compact-visual{
  width:74px!important;
  height:74px!important;
  flex:0 0 74px!important;
  background:radial-gradient(circle at 28% 28%, rgba(255,255,255,.42), rgba(255,255,255,.16) 56%, rgba(255,255,255,.08) 100%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 14px 28px rgba(38,20,77,.18)!important;
}
#ingredients .compact-visual img{
  width:58px!important;
  height:58px!important;
}
#ingredients .compact-ingredient-card > div{
  flex:1 1 auto;
  min-width:0;
  min-height:100%;
}
#ingredients .compact-ingredient-card b{
  margin-bottom:6px!important;
  font-size:21px!important;
  line-height:1.02!important;
  text-wrap:balance;
}
#ingredients .compact-ingredient-card span{
  color:rgba(255,255,255,.78)!important;
  font-size:14px!important;
  line-height:1.28!important;
}
#ingredients .compact-note{
  display:inline-flex!important;
  align-items:center;
  width:fit-content;
  max-width:100%;
  margin-top:12px!important;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(220,244,255,.12);
  border:1px solid rgba(220,244,255,.16);
  color:#eefbff!important;
  font-size:12px!important;
  line-height:1.18!important;
  font-weight:800!important;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
@media (max-width:1180px){
  #ingredients .ingredients-compact-grid{gap:18px!important;}
}
@media (max-width:700px){
  #ingredients .ingredients-compact-head{margin-bottom:24px!important;}
  #ingredients .compact-ingredient-card{
    min-height:132px!important;
    padding:15px 15px 15px 14px!important;
    gap:13px!important;
    border-radius:22px!important;
  }
  #ingredients .compact-ingredient-card::after{top:14px;bottom:14px;}
  #ingredients .compact-visual{
    width:64px!important;
    height:64px!important;
    flex-basis:64px!important;
  }
  #ingredients .compact-visual img{
    width:50px!important;
    height:50px!important;
  }
  #ingredients .compact-ingredient-card b{font-size:19px!important;}
  #ingredients .compact-ingredient-card span{font-size:13px!important;}
  #ingredients .compact-note{
    margin-top:10px!important;
    padding:6px 10px;
    font-size:11px!important;
  }
}


/* Replace middle ingredient descriptions with short benefit text and remove lower note pills */
#ingredients .compact-note{
  display:none!important;
}
#ingredients .compact-ingredient-card{
  min-height:118px!important;
  align-items:center!important;
}
#ingredients .compact-ingredient-card span{
  color:rgba(255,255,255,.88)!important;
  font-weight:800!important;
  font-size:15px!important;
  line-height:1.25!important;
}
@media (max-width:700px){
  #ingredients .compact-ingredient-card{
    min-height:104px!important;
  }
  #ingredients .compact-ingredient-card span{
    font-size:13px!important;
  }
}


/* Romantic soft background for the usage block */
.usage{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 110, 194, .22) 0%, rgba(255, 110, 194, 0) 34%),
    radial-gradient(circle at 88% 18%, rgba(124, 44, 255, .18) 0%, rgba(124, 44, 255, 0) 36%),
    linear-gradient(135deg, #fff7fb 0%, #fff 42%, #f4ecff 100%)!important;
}
.usage:before{
  content:"";
  position:absolute;
  right:-120px;
  top:-80px;
  width:520px;
  height:520px;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 34%, rgba(255,255,255,.38), transparent 32%),
    linear-gradient(135deg, rgba(255,70,166,.28), rgba(124,44,255,.14));
  filter:blur(2px);
  opacity:.68;
  pointer-events:none;
}
.usage:after{
  content:"";
  position:absolute;
  left:-170px;
  bottom:-160px;
  width:620px;
  height:360px;
  border-radius:60% 40% 0 0 / 100% 100% 0 0;
  background:
    radial-gradient(ellipse at 38% 24%, rgba(255,185,228,.36), transparent 42%),
    linear-gradient(145deg, rgba(255,45,150,.18), rgba(116,20,90,.10) 56%, rgba(255,120,210,.12));
  transform:rotate(-7deg);
  opacity:.80;
  pointer-events:none;
}
.usage .container{
  position:relative;
  z-index:1;
}
.usage .package-card{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.92), rgba(255,255,255,.62) 48%, rgba(255,245,252,.48) 100%),
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,234,248,.62))!important;
  border:1px solid rgba(238,58,169,.18)!important;
  box-shadow:0 24px 70px rgba(238,58,169,.14), 0 18px 54px rgba(124,44,255,.10)!important;
}
.usage .step{
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(10px);
}
.usage .soft-warning{
  background:rgba(255,248,223,.86)!important;
  backdrop-filter:blur(8px);
}
@media (max-width:700px){
  .usage:before{
    width:360px;
    height:360px;
    right:-170px;
    top:40px;
  }
  .usage:after{
    width:430px;
    height:240px;
    left:-180px;
    bottom:-120px;
  }
}


/* Tasteful feminine silhouette in the usage block */
.usage:before{
  content:"";
  position:absolute;
  right:-42px;
  top:24px;
  width:min(560px, 38vw);
  height:min(660px, 78%);
  border-radius:0;
  background:
    url("assets/usage-feminine-silhouette.svg") center right / contain no-repeat,
    radial-gradient(circle at 55% 42%, rgba(255,95,186,.24), transparent 56%);
  filter:blur(.2px);
  opacity:.72;
  pointer-events:none;
}
.usage:after{
  content:"";
  position:absolute;
  left:-170px;
  bottom:-160px;
  width:620px;
  height:360px;
  border-radius:60% 40% 0 0 / 100% 100% 0 0;
  background:
    radial-gradient(ellipse at 38% 24%, rgba(255,185,228,.36), transparent 42%),
    linear-gradient(145deg, rgba(255,45,150,.18), rgba(116,20,90,.10) 56%, rgba(255,120,210,.12));
  transform:rotate(-7deg);
  opacity:.80;
  pointer-events:none;
}
.usage .usage-grid{
  position:relative;
  z-index:1;
}
@media (max-width:980px){
  .usage:before{
    right:-170px;
    top:110px;
    width:520px;
    height:560px;
    opacity:.36;
  }
}
@media (max-width:700px){
  .usage:before{
    right:-210px;
    top:140px;
    width:460px;
    height:520px;
    opacity:.28;
  }
}


/* Updated safe feminine silhouette: fitted top, more visible in the usage block */
.usage:before{
  width:min(610px, 42vw)!important;
  height:min(700px, 82%)!important;
  right:-30px!important;
  top:10px!important;
  opacity:.82!important;
  background:
    url("assets/usage-feminine-silhouette.svg") center right / contain no-repeat,
    radial-gradient(circle at 55% 42%, rgba(255,95,186,.24), transparent 56%)!important;
}
@media (max-width:980px){
  .usage:before{
    right:-190px!important;
    top:100px!important;
    width:560px!important;
    height:600px!important;
    opacity:.38!important;
  }
}
@media (max-width:700px){
  .usage:before{
    right:-230px!important;
    top:130px!important;
    width:490px!important;
    height:540px!important;
    opacity:.30!important;
  }
}


/* Updated usage packaging image */
.package-card img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}


/* Purchase-oriented order block tweaks */
.order-copy h2{max-width: 620px;}
.order-copy p{max-width: 680px;}
.mini-benefits span{
  box-shadow: 0 8px 18px rgba(73, 35, 102, .06);
}
.order-form select,
.order-form input{
  background:#fff;
}


/* Sensual premium background for reviews block */
.reviews-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 104, 190, .20) 0%, rgba(255, 104, 190, 0) 34%),
    radial-gradient(circle at 84% 30%, rgba(126, 44, 255, .16) 0%, rgba(126, 44, 255, 0) 38%),
    linear-gradient(135deg, #fff8fc 0%, #fff 42%, #f7efff 100%)!important;
}
.reviews-section:before{
  content:"";
  position:absolute;
  right:-130px;
  top:-70px;
  width:560px;
  height:560px;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 34%, rgba(255,255,255,.40), transparent 34%),
    linear-gradient(135deg, rgba(255,70,166,.24), rgba(124,44,255,.13));
  filter:blur(2px);
  opacity:.72;
  pointer-events:none;
}
.reviews-section:after{
  content:"";
  position:absolute;
  left:-180px;
  bottom:-150px;
  width:680px;
  height:380px;
  border-radius:62% 38% 0 0 / 100% 100% 0 0;
  background:
    radial-gradient(ellipse at 34% 22%, rgba(255,185,228,.42), transparent 42%),
    linear-gradient(145deg, rgba(255,45,150,.20), rgba(116,20,90,.11) 56%, rgba(255,120,210,.14));
  transform:rotate(-7deg);
  opacity:.82;
  pointer-events:none;
}
.reviews-section .container{
  position:relative;
  z-index:1;
}
.reviews-section .section-head{
  position:relative;
  z-index:2;
}
.reviews-section .review-card{
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(12px);
  border:1px solid rgba(238,58,169,.14)!important;
  box-shadow:0 22px 62px rgba(238,58,169,.10), 0 14px 40px rgba(124,44,255,.07)!important;
}
.reviews-section .review-card:hover{
  transform:translateY(-3px);
  transition:transform .22s ease, box-shadow .22s ease;
  box-shadow:0 28px 72px rgba(238,58,169,.14), 0 18px 48px rgba(124,44,255,.10)!important;
}
@media (max-width:700px){
  .reviews-section:before{
    width:360px;
    height:360px;
    right:-180px;
    top:40px;
  }
  .reviews-section:after{
    width:430px;
    height:250px;
    left:-190px;
    bottom:-120px;
  }
}


/* Final order block background */
.order-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(255,255,255,.49) 0%, rgba(255,255,255,.35) 42%, rgba(255,244,250,.52) 100%),
    url("assets/order-bg-sensual.png") center center / cover no-repeat!important;
}
.order-section .container{
  position:relative;
  z-index:1;
}
.order-copy{
  padding:28px;
  border-radius:32px;
  background:rgba(255,255,255,.36);
  border:1px solid rgba(255,255,255,.58);
  backdrop-filter:blur(10px);
  box-shadow:0 20px 60px rgba(167,64,132,.10);
}
.order-form{
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(14px);
}
@media (max-width:980px){
  .order-section{
    background:
      linear-gradient(180deg, rgba(255,255,255,.57) 0%, rgba(255,245,251,.55) 100%),
      url("assets/order-bg-sensual.png") left center / cover no-repeat!important;
  }
  .order-copy{
    padding:24px;
  }
}
@media (max-width:700px){
  .order-copy{
    padding:20px;
  }
}

/* Final update: new image background for the "Як приймати" block */
.usage{
  position:relative!important;
  overflow:hidden!important;
  min-height:650px;
  padding-top:96px!important;
  padding-bottom:96px!important;
  background:
    linear-gradient(90deg,
      rgba(255,245,250,.02) 0%,
      rgba(255,245,250,.06) 36%,
      rgba(255,238,247,.58) 55%,
      rgba(255,226,240,.92) 72%,
      rgba(255,220,235,.98) 100%),
    url("assets/usage-bg-vagenta.png") left center / cover no-repeat!important;
}
.usage:before,
.usage:after{
  content:none!important;
  display:none!important;
  background:none!important;
}
.usage .usage-grid{
  position:relative!important;
  z-index:2!important;
  grid-template-columns:1.02fr .98fr!important;
  align-items:center!important;
  gap:46px!important;
}
.usage .package-card{
  min-height:430px!important;
  opacity:0!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.usage .package-card img{
  display:none!important;
}
.usage .usage-grid > div:last-child{
  padding:34px 34px 32px!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 28px 82px rgba(197,45,128,.18), 0 10px 36px rgba(92,28,79,.08)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.usage .section-kicker{
  width:max-content;
  max-width:100%;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 10px 28px rgba(230,55,157,.12);
}
.usage h2{
  max-width:520px;
  text-shadow:0 2px 0 rgba(255,255,255,.55);
}
.usage .steps{
  margin:26px 0!important;
}
.usage .step{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 16px 42px rgba(206,58,143,.12)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.usage .soft-warning{
  background:rgba(255,249,225,.90)!important;
  border-color:rgba(255,220,120,.76)!important;
  box-shadow:0 14px 34px rgba(128,89,20,.08)!important;
}
@media (max-width:1100px){
  .usage{
    background-position:26% center!important;
  }
  .usage .usage-grid{
    grid-template-columns:.9fr 1.1fr!important;
    gap:34px!important;
  }
  .usage .usage-grid > div:last-child{
    padding:30px!important;
  }
}
@media (max-width:980px){
  .usage{
    min-height:auto!important;
    padding-top:420px!important;
    padding-bottom:64px!important;
    background:
      linear-gradient(180deg,
        rgba(255,236,245,.12) 0%,
        rgba(255,229,240,.28) 38%,
        rgba(255,226,239,.93) 62%,
        rgba(255,236,245,1) 100%),
      url("assets/usage-bg-vagenta.png") left top / auto 470px no-repeat!important;
  }
  .usage .usage-grid{
    display:block!important;
  }
  .usage .package-card{
    display:none!important;
  }
  .usage .usage-grid > div:last-child{
    max-width:720px!important;
    margin:0 auto!important;
  }
}
@media (max-width:560px){
  .usage{
    padding-top:330px!important;
    padding-bottom:52px!important;
    background:
      linear-gradient(180deg,
        rgba(255,236,245,.08) 0%,
        rgba(255,229,240,.22) 34%,
        rgba(255,226,239,.95) 58%,
        rgba(255,236,245,1) 100%),
      url("assets/usage-bg-vagenta.png") 0 top / auto 360px no-repeat!important;
  }
  .usage .usage-grid > div:last-child{
    padding:22px 18px!important;
    border-radius:26px!important;
  }
  .usage .step{
    padding:15px!important;
    gap:12px!important;
  }
  .usage .step span{
    flex-basis:38px!important;
    height:38px!important;
  }
}

/* User update 2026-05-29: clean replacement background for "Як приймати" */
.usage{
  background: url("assets/usage-bg-vagenta.png") left center / cover no-repeat!important;
  background-color:#ffd8e8!important;
}
.usage:before,
.usage:after{
  content:none!important;
  display:none!important;
  background:none!important;
}
.usage .package-card{
  opacity:0!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.usage .package-card img{
  display:none!important;
}
.usage .usage-grid > div:last-child{
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
@media (max-width:980px){
  .usage{
    background: url("assets/usage-bg-vagenta.png") left top / auto 470px no-repeat!important;
    background-color:#ffdeeb!important;
  }
}
@media (max-width:560px){
  .usage{
    background: url("assets/usage-bg-vagenta.png") left top / auto 360px no-repeat!important;
    background-color:#ffdeeb!important;
  }
}

/* User update 2026-05-29: reduce "Як приймати" block height by ~30% */
.usage{
  min-height:455px!important;
  padding-top:67px!important;
  padding-bottom:67px!important;
}
.usage .package-card{
  min-height:300px!important;
}
.usage .usage-grid{
  gap:34px!important;
}
.usage .usage-grid > div:last-child{
  padding:24px 28px!important;
  border-radius:28px!important;
}
.usage h2{
  font-size:clamp(30px,3.4vw,44px)!important;
  margin-bottom:12px!important;
}
.usage .section-kicker{
  margin-bottom:8px!important;
}
.usage .steps{
  gap:10px!important;
  margin:18px 0!important;
}
.usage .step{
  padding:12px 14px!important;
  border-radius:18px!important;
  gap:12px!important;
}
.usage .step span{
  flex:0 0 36px!important;
  height:36px!important;
  border-radius:12px!important;
}
.usage .soft-warning{
  padding:14px 16px!important;
  border-radius:18px!important;
}
@media (max-width:980px){
  .usage{
    min-height:auto!important;
    padding-top:294px!important;
    padding-bottom:45px!important;
    background:url("assets/usage-bg-vagenta.png") left top / auto 329px no-repeat!important;
    background-color:#ffdeeb!important;
  }
  .usage .usage-grid > div:last-child{
    padding:22px 24px!important;
  }
}
@media (max-width:560px){
  .usage{
    padding-top:231px!important;
    padding-bottom:36px!important;
    background:url("assets/usage-bg-vagenta.png") left top / auto 252px no-repeat!important;
    background-color:#ffdeeb!important;
  }
  .usage .usage-grid > div:last-child{
    padding:18px 16px!important;
    border-radius:24px!important;
  }
  .usage .step{
    padding:12px!important;
  }
}


/* User update 2026-05-29: add attached images beautifully into review comments */
.review-media{
  margin:14px 0 4px;
  padding:10px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,118,198,.10), rgba(134,115,255,.08));
  border:1px solid rgba(236,76,173,.16);
  box-shadow:0 16px 38px rgba(238,58,169,.10);
}
.review-photo{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  object-fit:contain;
  background:#f7eef4;
}
@media (max-width:560px){
  .review-media{
    padding:8px;
    border-radius:18px;
  }
  .review-photo{
    border-radius:14px;
  }
}


/* User update 2026-05-29: reduce review images by 2-3x without cropping */
.review-media{
  display:flex;
  justify-content:center;
  align-items:center;
}
.review-photo{
  width:min(42%, 220px);
  max-width:100%;
  height:auto;
  margin:0 auto;
}
@media (max-width:980px){
  .review-photo{
    width:min(50%, 220px);
  }
}
@media (max-width:560px){
  .review-photo{
    width:min(62%, 220px);
  }
}


/* User update 2026-05-29: make all review images the same displayed size, like the first one */
.review-media{
  min-height:320px;
}
.review-photo{
  width:220px!important;
  height:300px!important;
  max-width:100%;
  object-fit:contain!important;
  object-position:center center;
  margin:0 auto;
}
@media (max-width:560px){
  .review-media{
    min-height:270px;
  }
  .review-photo{
    width:180px!important;
    height:245px!important;
  }
}


/* User update 2026-05-29: refreshed "Для кого" block with new copy */
.for-whom{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 18%, rgba(255,64,170,.16), transparent 32%),
    radial-gradient(circle at 88% 26%, rgba(96,185,255,.14), transparent 34%),
    linear-gradient(135deg, #fff7fc 0%, #fff 42%, #fff2fa 100%);
}
.for-whom:before{
  content:"";
  position:absolute;
  inset:auto -120px -180px auto;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,76,178,.18), transparent 68%);
  pointer-events:none;
}
.for-whom-grid{
  position:relative;
  z-index:1;
  align-items:center;
}
.for-whom-copy{
  padding:34px 36px;
  border-radius:34px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(238,58,169,.12);
  box-shadow:0 24px 70px rgba(238,58,169,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.for-whom-copy h2{
  margin-bottom:14px;
}
.for-whom-copy .lead-text{
  display:inline-flex;
  margin:0 0 18px;
  padding:10px 16px;
  border-radius:999px;
  color:#8a125a;
  font-weight:950;
  background:linear-gradient(135deg, rgba(255,82,184,.14), rgba(96,185,255,.14));
  border:1px solid rgba(238,58,169,.16);
}
.for-whom-copy p:not(.lead-text){
  font-size:18px;
  line-height:1.62;
}
.for-whom-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.for-whom-card{
  position:relative;
  min-height:226px;
  padding:24px 22px 22px;
  border-radius:28px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(238,58,169,.14);
  box-shadow:0 18px 52px rgba(33,22,40,.07);
  overflow:hidden;
}
.for-whom-card:before{
  content:"";
  position:absolute;
  top:-60px;
  right:-60px;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,82,184,.16), transparent 70%);
}
.for-whom-card span{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:14px;
  border-radius:15px;
  color:#fff;
  font-weight:1000;
  background:linear-gradient(135deg,var(--pink),var(--blue));
  box-shadow:0 12px 28px rgba(238,58,169,.20);
}
.for-whom-card h3{
  position:relative;
  margin:0 0 10px;
  font-size:20px;
  letter-spacing:-.03em;
}
.for-whom-card p{
  position:relative;
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.48;
  font-weight:650;
}
@media (max-width:980px){
  .for-whom-copy{
    padding:28px 24px;
  }
  .for-whom-cards{
    grid-template-columns:1fr;
  }
  .for-whom-card{
    min-height:auto;
  }
}
@media (max-width:560px){
  .for-whom-copy{
    padding:22px 18px;
    border-radius:26px;
  }
  .for-whom-copy p:not(.lead-text){
    font-size:16px;
  }
  .for-whom-card{
    padding:20px 18px;
    border-radius:24px;
  }
}


/* User update 2026-05-29: remove extra note in "Для кого" and add decorative icons */
.for-whom-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.for-whom-card .for-whom-badge{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:0;
  border-radius:15px;
  color:#fff;
  font-weight:1000;
  background:linear-gradient(135deg,var(--pink),var(--blue));
  box-shadow:0 12px 28px rgba(238,58,169,.20);
}
.for-whom-card .for-whom-icon{
  display:inline-grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  color:#8e1660;
  font-size:24px;
  line-height:1;
  background:linear-gradient(135deg, rgba(255,98,188,.14), rgba(96,185,255,.18));
  border:1px solid rgba(238,58,169,.14);
  box-shadow:0 12px 30px rgba(109,77,133,.10);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.for-whom-card h3{
  margin-top:0;
}
@media (max-width:560px){
  .for-whom-card-head{
    margin-bottom:12px;
  }
  .for-whom-card .for-whom-icon{
    width:46px;
    height:46px;
    font-size:21px;
    border-radius:16px;
  }
}