/** Shopify CDN: Minification failed

Line 804:0 Unexpected "<"
Line 804:95 Unexpected "<"

**/
/* ================================================================
   PEMBE RUTIN v4 — "NEON GLAM, EL İŞÇİLİĞİ"
   ----------------------------------------------------------------
   • Satın al linkleri  : <a class="buy"> ve büyük CTA'lara ödeme
                          ürün linkini yapıştır (yorumla işaretli)
   • Görseller          : .ph işaretli kutulara fotoğraflarını koy
   • Kampanya tarihi    : aşağıda JS'te KAMPANYA_BITIS değişkeni
   ================================================================ */

:root{
  color-scheme: only light;
  --noir:#1B0E15; --noir-2:#291420; --noir-3:#3A1728;
  --neon:#FF2E88; --neon-deep:#C2255C; --glow:rgba(255,46,136,.55);
  --silk:#FFF8F6; --satin:#FBE9EE; --petal:#F6CFDA;
  --gold:#D8B878; --gold-dim:rgba(216,184,120,.35);
  --ink:#3A2230; --ink-soft:#63424F; --line:#F1DAE1;

  --display:"Italiana", serif;
  --accent:"Cormorant Garamond", serif;
  --body:"Figtree", sans-serif;

  --wrap:1240px; --gut:clamp(20px,4.5vw,60px);
  --r-lg:24px; --r-md:18px; --r-pill:100px;
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; scroll-padding-top:130px; }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

html{ background:var(--silk); }
body{
  font-family:var(--body); background:var(--silk); color:var(--ink);
  line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; }
.wrap{ max-width:var(--wrap); margin:0 auto; padding:0 var(--gut); }

::selection{ background:var(--neon); color:#fff; }
::-webkit-scrollbar{ width:11px; }
::-webkit-scrollbar-track{ background:var(--satin); }
::-webkit-scrollbar-thumb{ background:linear-gradient(var(--neon),var(--neon-deep)); border-radius:10px; border:2px solid var(--satin); }
:focus-visible{ outline:2px solid var(--neon); outline-offset:3px; border-radius:4px; }

h1,h2{ font-family:var(--display); font-weight:400; line-height:1.02; }
h3,h4{ font-family:var(--accent); font-weight:600; }
.it{ font-family:var(--accent); font-style:italic; font-weight:500; }

.eyebrow{
  display:inline-flex; align-items:center; gap:.7rem;
  font-size:.7rem; letter-spacing:.34em; text-transform:uppercase; font-weight:700;
}
.eyebrow::before{ content:"✦"; font-size:.8rem; }

/* ============ AÇILIŞ PERDESİ ============ */
#veil{
  position:fixed; inset:0; z-index:999; background:var(--noir);
  display:flex; align-items:center; justify-content:center; flex-direction:column; gap:1rem;
  transition:opacity .6s ease, visibility .6s;
}
#veil.gone{ opacity:0; visibility:hidden; }
#veil .vbrand{ font-family:var(--display); font-size:clamp(2rem,6vw,3.4rem); color:#fff; letter-spacing:.08em; }
#veil .vbrand em{ font-family:var(--accent); font-style:italic; color:var(--neon); }
#veil .vline{ width:120px; height:1px; background:linear-gradient(90deg,transparent,var(--neon),transparent); animation:vgrow 1.1s ease forwards; }
@keyframes vgrow{ from{ transform:scaleX(0);} to{ transform:scaleX(1);} }

.skip{ position:fixed; top:-60px; left:12px; z-index:300; background:var(--neon); color:#fff;
  padding:.6rem 1.2rem; border-radius:var(--r-pill); font-weight:700; font-size:.85rem; transition:top .2s; }
.skip:focus{ top:12px; }

/* ============ TICKER ============ */
.ticker{ background:var(--neon); color:#fff; overflow:hidden; font-size:.75rem; letter-spacing:.24em; text-transform:uppercase; font-weight:800; }
.ticker-inner{ display:flex; width:max-content; animation:slide 26s linear infinite; }
.ticker span{ padding:.58rem 2rem; white-space:nowrap; }
@keyframes slide{ to{ transform:translateX(-50%);} }
/* kayan şeritler her cihazda akar */

/* ============ HEADER ============ */
header{ position:sticky; top:0; z-index:100; background:rgba(27,14,21,.78); backdrop-filter:blur(18px); border-bottom:1px solid transparent; transition:.3s; }
header.scrolled{ border-bottom-color:rgba(255,46,136,.25); }
.nav{ display:flex; align-items:center; justify-content:space-between; height:78px; }
.brand{ font-family:var(--display); font-size:1.7rem; color:#fff; letter-spacing:.06em; display:flex; align-items:baseline; gap:.35rem; }
.brand em{ font-family:var(--accent); font-style:italic; color:var(--neon); }
.nav-links{ display:flex; gap:2.3rem; align-items:center; }
.nav-links a{ font-size:.88rem; font-weight:500; color:#E9CBD8; transition:.2s; }
.nav-links a:hover{ color:#fff; text-shadow:0 0 14px var(--glow); }
.nav-cta{
  border:1px solid var(--neon); color:#fff!important; padding:.55rem 1.4rem; border-radius:var(--r-pill);
  font-size:.76rem; letter-spacing:.16em; text-transform:uppercase; font-weight:800;
  box-shadow:0 0 18px -6px var(--glow), inset 0 0 12px -8px var(--glow); transition:.25s;
}
.nav-cta:hover{ background:var(--neon); box-shadow:0 0 30px -4px var(--glow); text-shadow:none; }
.burger{ display:none; background:none; border:0; cursor:pointer; padding:8px; }
.burger span{ display:block; width:24px; height:2px; background:#fff; margin:5px 0; border-radius:2px; transition:.3s; }
.burger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger.open span:nth-child(2){ opacity:0; }
.burger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ============ HERO ============ */
.hero{
  background:
    radial-gradient(ellipse 75% 60% at 50% 120%, #4A142C 0%, transparent 62%),
    linear-gradient(180deg, var(--noir) 0%, var(--noir-2) 100%);
  color:#fff; position:relative; overflow:hidden;
  padding:clamp(60px,8.5vw,110px) 0 clamp(90px,12vw,160px); text-align:center;
}
.petals,.sparks{ position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.petal{ position:absolute; top:-6%; width:14px; height:11px; border-radius:60% 40% 55% 45%;
  background:linear-gradient(140deg,#FFC7DC,#FF7EB4); animation:fall linear infinite; }
@keyframes fall{ 0%{ transform:translateY(-4vh) rotate(0) translateX(0);} 100%{ transform:translateY(115vh) rotate(340deg) translateX(6vw);} }
.spark{ position:absolute; width:5px; height:5px; background:#fff; border-radius:50%;
  box-shadow:0 0 8px 2px rgba(255,255,255,.7); animation:twinkle ease-in-out infinite; }
@keyframes twinkle{ 0%,100%{ opacity:0; transform:scale(.4);} 50%{ opacity:.9; transform:scale(1);} }

.hero .wrap{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; }
.hero .eyebrow{ color:var(--gold); }
.hero h1{
  font-size:clamp(3.2rem,9.6vw,7.8rem); margin:1.1rem 0 .3rem; color:#fff;
  text-shadow:0 0 70px rgba(255,46,136,.3);
}
.hero h1 .hl{ position:relative; display:inline-block; }
.hero h1 .hl::after{
  content:""; position:absolute; left:-2%; right:-2%; bottom:.08em; height:.16em;
  background:linear-gradient(90deg,transparent,var(--neon),transparent); opacity:.85;
  filter:blur(1px); border-radius:4px;
}
.hero .tag{ font-family:var(--accent); font-style:italic; font-size:clamp(1.25rem,2.6vw,1.95rem); color:var(--petal); margin-bottom:2.6rem; }
.hero .tag b{ color:var(--neon); font-style:italic; text-shadow:0 0 20px var(--glow); }

/* neon halo — imza */
.halo-stage{ position:relative; width:min(430px,78vw); margin:0 auto 2.8rem; }
.halo{ position:absolute; inset:-7%; border-radius:50%; border:3px solid var(--neon);
  box-shadow:0 0 24px var(--glow),0 0 70px var(--glow),inset 0 0 24px var(--glow),inset 0 0 70px rgba(255,46,136,.3);
  animation:pulse 3.6s ease-in-out infinite; }
.halo.h2x{ inset:-14%; opacity:.4; animation-delay:1.2s; }
.halo.h3x{ inset:-21%; opacity:.16; animation-delay:2.1s; }
@keyframes pulse{ 0%,100%{ transform:scale(1); opacity:1;} 50%{ transform:scale(1.035); opacity:.72;} }
.halo-stage .ph{
  position:relative; z-index:2; aspect-ratio:1/1; border-radius:50%; overflow:hidden;
  background:radial-gradient(circle at 50% 32%, #5E2140, #291420 72%);
  display:flex; align-items:center; justify-content:center;
  font-size:.78rem; color:#F3B9CF; letter-spacing:.06em; text-align:center; padding:2rem;
}
/* GÖRSEL: neon reel'deki magenta ceketli kare (1:1). İçine:
   <img src="foto.jpg" alt="" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover"> */

.hero-actions{ display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; }
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:1.05rem 2.5rem; border-radius:var(--r-pill); font-size:.82rem;
  letter-spacing:.18em; text-transform:uppercase; font-weight:800; cursor:pointer;
  transition:.25s; border:1px solid transparent; position:relative; overflow:hidden;
}
.btn-neon{ background:var(--neon); color:#fff; box-shadow:0 0 26px -4px var(--glow),0 14px 34px -12px rgba(255,46,136,.5); }
.btn-neon::after{ content:""; position:absolute; top:0; left:-80%; width:50%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-20deg); animation:shine 3.6s ease-in-out infinite; }
@keyframes shine{ 0%,55%{ left:-80%; } 85%,100%{ left:130%; } }
.btn-neon:hover{ transform:translateY(-2px); box-shadow:0 0 42px -2px var(--glow); }
.btn-ghostw{ border-color:rgba(255,255,255,.42); color:#fff; }
.btn-ghostw:hover{ border-color:#fff; background:rgba(255,255,255,.08); }

.hero-stats{ display:flex; gap:clamp(1.6rem,5vw,4.2rem); margin-top:3.2rem; flex-wrap:wrap; justify-content:center; }
.hero-stats div{ text-align:center; position:relative; }
.hero-stats div+div::before{ content:""; position:absolute; left:calc(-1 * clamp(.8rem,2.5vw,2.1rem)); top:50%; transform:translateY(-50%); width:1px; height:60%; background:var(--gold-dim); }
.hero-stats b{ font-family:var(--display); font-size:1.75rem; color:#fff; display:block; line-height:1.1; }
.hero-stats small{ font-size:.74rem; letter-spacing:.2em; text-transform:uppercase; color:#E3BCCE; }

/* ============ MARQUEE ============ */
.marquee{ background:var(--silk); border-block:1px solid var(--line); overflow:hidden;
  font-family:var(--display); font-size:clamp(1.3rem,2.6vw,2rem); color:var(--ink); }
.marquee-inner{ display:flex; width:max-content; animation:slide 34s linear infinite; }
.marquee span{ padding:1.1rem 1.6rem; white-space:nowrap; }
.marquee i{ color:var(--neon); font-style:normal; }

/* ============ GERİ SAYIM ============ */
.count{ background:linear-gradient(90deg,var(--satin),#FDEFF3 55%,var(--satin)); padding:1.15rem var(--gut); }
.count .in{ max-width:var(--wrap); margin:0 auto; display:flex; align-items:center; justify-content:center; gap:clamp(1rem,3vw,2.4rem); flex-wrap:wrap; }
.count .lbl{ font-family:var(--accent); font-style:italic; font-size:1.15rem; color:var(--neon-deep); }
.count .cells{ display:flex; gap:.55rem; }
.cell{ background:#fff; border:1px solid var(--line); border-radius:12px; min-width:64px; padding:.5rem .4rem .4rem; text-align:center; box-shadow:0 10px 22px -14px rgba(194,37,92,.35); }
.cell b{ font-family:var(--display); font-size:1.55rem; display:block; line-height:1; color:var(--neon-deep); }
.cell small{ font-size:.64rem; letter-spacing:.22em; text-transform:uppercase; color:var(--ink-soft); }

/* ============ NEDEN BİZ ============ */
.why{ padding:clamp(72px,9vw,124px) 0; }
.shop-head{ text-align:center; max-width:660px; margin:0 auto clamp(44px,6vw,66px); }
.shop-head .eyebrow{ color:var(--neon-deep); }
.shop-head h2{ font-size:clamp(2.5rem,5.2vw,4.2rem); margin:.9rem 0 .6rem; }
.shop-head p{ color:var(--ink-soft); font-weight:400; }
.why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2vw,26px); }
.why-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:1.9rem 1.5rem 1.7rem; text-align:center; transition:.3s;
}
.why-card:hover{ transform:translateY(-6px); border-color:var(--petal); box-shadow:0 26px 48px -26px rgba(194,37,92,.35); }
.why-card .ic{ width:52px; height:52px; margin:0 auto 1rem; display:grid; place-items:center;
  background:linear-gradient(150deg,var(--satin),#FDF2F5); border-radius:50%; border:1px solid var(--line); }
.why-card .ic svg{ width:24px; height:24px; stroke:var(--neon-deep); fill:none; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.why-card h3{ font-size:1.28rem; margin-bottom:.35rem; }
.why-card p{ font-size:.92rem; color:var(--ink-soft); font-weight:400; }

/* ============ ÜRÜNLER ============ */
.shop{ padding:clamp(20px,3vw,40px) 0 clamp(76px,9vw,130px); }
.pgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,2.6vw,32px); }
.pcard{
  background:#fff; border-radius:var(--r-lg); overflow:hidden; position:relative;
  border:1px solid var(--line); display:flex; flex-direction:column;
  transition:transform .3s ease, box-shadow .3s ease;
}
.pcard:hover{ transform:translateY(-8px); box-shadow:0 0 0 1.5px var(--neon), 0 32px 62px -26px rgba(255,46,136,.42); }
.pmedia{ aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.pmedia .ph{ font-size:.74rem; color:var(--neon-deep); opacity:.65; text-align:center; padding:1rem; }
.pmedia::after{ /* parlama süpürmesi */
  content:""; position:absolute; top:0; left:-70%; width:45%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-18deg); transition:left .6s ease; pointer-events:none;
}
.pcard:hover .pmedia::after{ left:130%; }
.bg1{ background:linear-gradient(150deg,#FCE9ED,#F6D5DE); }
.bg2{ background:linear-gradient(150deg,#FBE2E8,#F2CBD8); }
.bg3{ background:linear-gradient(150deg,#FDEBEE,#F5D2DB); }
.bg4{ background:linear-gradient(150deg,#FBE6EA,#F3CEDA); }
.bg5{ background:linear-gradient(150deg,#EFE6F8,#DFD0F0); }
.pbadge{ position:absolute; top:14px; left:14px; z-index:2; background:#fff;
  font-size:.67rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  padding:.36rem .78rem; border-radius:var(--r-pill); color:var(--ink);
  box-shadow:0 6px 16px -8px rgba(58,34,48,.4); }
.pbadge.hot{ background:var(--neon); color:#fff; box-shadow:0 0 18px -4px var(--glow); }
.pbody{ padding:1.25rem 1.35rem 1.4rem; display:flex; flex-direction:column; flex:1; }
.prate{ display:flex; align-items:center; gap:.45rem; font-size:.72rem; color:var(--ink-soft); margin-bottom:.35rem; }
.prate .s{ color:var(--gold); letter-spacing:.14em; }
.pbody h3{ font-size:1.42rem; margin-bottom:.2rem; }
.pbody .sub{ font-size:.92rem; color:var(--ink-soft); margin-bottom:.9rem; font-weight:400; }
.pdetails{ margin-bottom:1rem; }
.pdetails summary{ list-style:none; cursor:pointer; font-size:.76rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:var(--neon-deep); display:inline-flex; align-items:center; gap:.4rem; }
.pdetails summary::-webkit-details-marker{ display:none; }
.pdetails summary::after{ content:"↓"; transition:transform .25s; }
.pdetails[open] summary::after{ transform:rotate(180deg); }
.pdetails ul{ list-style:none; margin-top:.6rem; }
.pdetails li{ font-size:.88rem; color:var(--ink-soft); padding:.28rem 0; border-bottom:1px dashed var(--line); display:flex; gap:.55rem; }
.pdetails li::before{ content:"✦"; color:var(--neon); font-size:.7rem; }
.pfoot{ display:flex; align-items:center; justify-content:space-between; gap:.8rem; margin-top:auto; }
.pprice{ font-family:var(--accent); font-weight:600; font-size:1.55rem; white-space:nowrap; }
.pprice small{ display:block; font-family:var(--body); font-size:.75rem; font-weight:400; color:var(--ink-soft); text-decoration:line-through; line-height:1.1; }
.buy{ background:var(--ink); color:#fff; padding:.72rem 1.35rem; border-radius:var(--r-pill);
  font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; font-weight:800; transition:.25s; text-align:center; }
.buy:hover{ background:var(--neon); box-shadow:0 0 20px -4px var(--glow); }

/* set kartı */
.pcard.setcard{ background:linear-gradient(165deg,var(--noir-2),var(--noir-3)); border-color:transparent; }
.pcard.setcard:hover{ box-shadow:0 0 0 1.5px var(--gold), 0 32px 62px -26px rgba(216,184,120,.4); }
.setcard .pbody{ justify-content:center; min-height:320px; gap:.7rem; }
.setcard .eyebrow{ color:var(--gold); }
.setcard h3{ color:#fff; font-size:1.85rem; }
.setcard .sub{ color:#E5C3D4; }
.setcard .pprice{ color:#fff; }
.setcard .pprice small{ color:#A87F92; }

/* ============ ÇOK SATAN SPOT ============ */
.spot{
  background:
    radial-gradient(ellipse 60% 70% at 80% 50%, #4A142C 0%, transparent 65%),
    linear-gradient(180deg,var(--noir-2),var(--noir));
  color:#fff; padding:clamp(80px,10vw,144px) 0; overflow:hidden;
}
.spot .wrap{ display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(40px,6vw,90px); align-items:center; }
.spot .eyebrow{ color:var(--gold); }
.spot h2{ font-size:clamp(2.6rem,5vw,4.4rem); color:#fff; margin:1rem 0 1rem; }
.spot h2 .it{ color:var(--neon); text-shadow:0 0 26px var(--glow); }
.spot p.d{ color:#E4C4D2; max-width:48ch; font-weight:400; margin-bottom:1.6rem; }
.spot ul.fx{ list-style:none; margin-bottom:2rem; }
.spot ul.fx li{ padding:.52rem 0; border-bottom:1px solid var(--gold-dim); display:flex; gap:.8rem; font-size:.95rem; color:#F3DCE5; }
.spot ul.fx li::before{ content:"✦"; color:var(--gold); }
.spot .price-row{ display:flex; align-items:center; gap:1.2rem; margin-bottom:1.8rem; flex-wrap:wrap; }
.spot .now{ font-family:var(--display); font-size:2.9rem; }
.spot .was{ color:#B98CA0; text-decoration:line-through; }
.spot .chip{ background:var(--neon); font-size:.7rem; font-weight:800; letter-spacing:.12em; padding:.36rem .85rem; border-radius:var(--r-pill); box-shadow:0 0 16px -4px var(--glow); }
.spot-media .halo-stage{ width:min(470px,100%); margin:0; }

/* ============ 3 ADIM ============ */
.steps{ padding:clamp(76px,9vw,130px) 0; background:var(--satin); }
.steps-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2.6vw,30px); counter-reset:adim; }
.step{
  background:#fff; border-radius:var(--r-lg); padding:2.1rem 1.8rem 1.9rem; position:relative;
  box-shadow:0 20px 44px -28px rgba(194,37,92,.3); counter-increment:adim; overflow:hidden;
}
.step::before{
  content:counter(adim, decimal-leading-zero); position:absolute; top:-14px; right:6px;
  font-family:var(--display); font-size:5.4rem; color:var(--satin); line-height:1; z-index:0;
}
.step > *{ position:relative; z-index:1; }
.step .sicon{ font-size:1.6rem; margin-bottom:.8rem; }
.step h3{ font-size:1.45rem; margin-bottom:.4rem; }
.step p{ font-size:.9rem; color:var(--ink-soft); font-weight:400; }
.step .tip{ margin-top:1rem; padding:.7rem .9rem; background:var(--satin); border-radius:12px; font-size:.8rem; color:var(--neon-deep); }
.step .tip b{ font-weight:700; }

/* ============ YORUMLAR ============ */
.reviews{ padding:clamp(76px,9vw,130px) 0; }
.rgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2.4vw,30px); }
.rcard{
  background:#fff; border-radius:var(--r-lg); padding:2rem 1.8rem 1.7rem; position:relative;
  display:flex; flex-direction:column; gap:.9rem; border:1px solid var(--line);
  box-shadow:0 20px 44px -28px rgba(156,27,73,.22);
}
.rcard::before{ content:"“"; position:absolute; top:.4rem; right:1.2rem; font-family:var(--accent);
  font-size:4.6rem; color:var(--satin); line-height:1; }
.stars{ color:var(--gold); letter-spacing:.26em; font-size:.9rem; }
.rcard p{ font-family:var(--accent); font-style:italic; font-size:1.24rem; line-height:1.45; position:relative; }
.rfoot{ display:flex; align-items:center; gap:.8rem; margin-top:auto; }
.avatar{ width:38px; height:38px; border-radius:50%; display:grid; place-items:center;
  background:linear-gradient(140deg,var(--neon),var(--neon-deep)); color:#fff;
  font-weight:800; font-size:.85rem; }
.rfoot .who{ font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); line-height:1.35; }
.rfoot .who b{ display:block; color:var(--ink); letter-spacing:.06em; }

/* ============ INSTAGRAM ============ */
.insta{ padding:clamp(70px,9vw,120px) 0; background:linear-gradient(180deg,var(--silk),var(--satin)); }
.igrid{ display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.itile{
  aspect-ratio:1/1; border-radius:var(--r-md); position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center; transition:.3s;
  font-size:.68rem; color:var(--neon-deep); text-align:center; padding:.6rem;
}
/* GÖRSEL: her .itile içine bir Instagram karesi koy */
.itile:hover{ transform:scale(1.045); box-shadow:0 18px 36px -18px rgba(255,46,136,.5); }
.itile .ig{ position:absolute; inset:0; display:grid; place-items:center; background:rgba(27,14,21,.55);
  color:#fff; font-size:1.3rem; opacity:0; transition:.3s; }
.itile:hover .ig{ opacity:1; }
.insta .follow{ text-align:center; margin-top:2.2rem; }

/* ============ HEDİYE ============ */
.gift{ padding:clamp(76px,9vw,124px) 0; }
.gift .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px,6vw,80px); align-items:center; }
.gift-media .box{
  aspect-ratio:4/3; border-radius:var(--r-lg); position:relative; overflow:hidden;
  background:linear-gradient(155deg,#FBE3E9,#F3CFDA 55%,#EBD9F0);
  box-shadow:0 36px 70px -30px rgba(156,27,73,.4);
  display:flex; align-items:center; justify-content:center;
  font-size:.78rem; color:var(--neon-deep); text-align:center;
}
.gift-media .box::before{ content:""; position:absolute; inset:12px; border:1px solid var(--gold); pointer-events:none; border-radius:calc(var(--r-lg) - 8px); }
/* GÖRSEL: hediye paketi / kutu fotoğrafın (4:3) */
.gift-copy .eyebrow{ color:var(--neon-deep); }
.gift-copy h2{ font-size:clamp(2.3rem,4.4vw,3.6rem); margin:.9rem 0 1rem; }
.gift-copy p{ color:var(--ink-soft); font-weight:400; margin-bottom:1rem; max-width:50ch; }
.gift-copy .mini{ display:flex; gap:1.6rem; margin-top:1.6rem; flex-wrap:wrap; }
.gift-copy .mini div{ font-size:.85rem; color:var(--ink-soft); }
.gift-copy .mini b{ display:block; font-family:var(--accent); font-size:1.2rem; color:var(--ink); }

/* ============ SSS ============ */
.faq{ padding:clamp(70px,9vw,120px) 0; background:var(--satin); }
.faq-list{ max-width:800px; margin:0 auto; background:#fff; border-radius:var(--r-lg); padding:1rem 2rem; box-shadow:0 26px 54px -34px rgba(156,27,73,.3); }
.faq details{ border-bottom:1px solid var(--line); }
.faq details:last-child{ border-bottom:0; }
.faq summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center;
  padding:1.25rem .2rem; font-family:var(--accent); font-weight:600; font-size:1.28rem; transition:color .2s; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; font-family:var(--body); font-weight:400; font-size:1.6rem; color:var(--neon); transition:transform .25s; }
.faq details[open] summary::after{ transform:rotate(45deg); }
.faq summary:hover{ color:var(--neon-deep); }
.faq .ans{ padding:0 .2rem 1.35rem; color:var(--ink-soft); max-width:64ch; font-weight:400; }

/* ============ SON ÇAĞRI ============ */
.final{
  background:
    radial-gradient(ellipse 55% 80% at 50% 125%, #5E1836 0%, transparent 70%),
    linear-gradient(180deg,var(--noir),var(--noir-2));
  color:#fff; text-align:center; padding:clamp(80px,10vw,144px) var(--gut); position:relative; overflow:hidden;
}
.final .eyebrow{ color:var(--gold); }
.final h2{ font-size:clamp(2.8rem,6.6vw,5.6rem); color:#fff; margin:1rem 0 .6rem; }
.final h2 .it{ color:var(--neon); text-shadow:0 0 30px var(--glow); }
.final p{ color:#E4C4D2; margin-bottom:2.3rem; font-weight:400; }

/* ============ FOOTER ============ */
footer.site{ background:var(--noir); color:#D9BECB; padding:clamp(52px,6vw,74px) 0 5.4rem; border-top:1px solid rgba(255,255,255,.06); }
.ftop{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:2rem; padding-bottom:2.6rem; border-bottom:1px solid rgba(255,255,255,.08); }
.ftop .brand{ font-size:1.5rem; }
.fdesc{ font-size:.88rem; margin-top:.9rem; max-width:32ch; color:#A87F92; font-weight:400; }
.fcol h4{ font-family:var(--body); font-size:.68rem; letter-spacing:.26em; text-transform:uppercase; color:var(--gold); margin-bottom:1.1rem; font-weight:800; }
.fcol a{ display:block; font-size:.9rem; margin-bottom:.6rem; transition:color .2s; font-weight:400; }
.fcol a:hover{ color:#fff; }
.fbottom{ display:flex; justify-content:space-between; align-items:center; padding-top:1.6rem; flex-wrap:wrap; gap:1rem; }
.fbottom p{ font-size:.78rem; color:#8E6A7C; }
.fbottom .soc{ display:flex; gap:1.3rem; font-size:.84rem; }
.fbottom .soc a:hover{ color:#fff; }

/* yukarı dön */
#toTop{
  position:fixed; right:18px; bottom:84px; z-index:90; width:46px; height:46px;
  border-radius:50%; border:1px solid var(--neon); background:rgba(27,14,21,.8);
  color:#fff; font-size:1.1rem; cursor:pointer; opacity:0; visibility:hidden;
  transition:.3s; backdrop-filter:blur(8px); box-shadow:0 0 18px -6px var(--glow);
}
#toTop.show{ opacity:1; visibility:visible; }
#toTop:hover{ background:var(--neon); }

/* mobil yapışkan satın al */
.mbar{
  position:fixed; left:0; right:0; bottom:0; z-index:95; display:none;
  background:rgba(27,14,21,.92); backdrop-filter:blur(14px);
  padding:.7rem var(--gut) calc(.7rem + env(safe-area-inset-bottom));
  border-top:1px solid rgba(255,46,136,.3);
  align-items:center; justify-content:space-between; gap:1rem;
}
.mbar .t{ color:#fff; font-size:.8rem; line-height:1.3; }
.mbar .t b{ color:var(--neon); }
.mbar .btn{ padding:.75rem 1.5rem; font-size:.72rem; }

/* ============ ÖNCESİ / SONRASI ============ */
.ba-sec{ padding:clamp(76px,9vw,130px) 0; }
.ba-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(36px,5vw,72px); align-items:center; }
.ba{
  position:relative; aspect-ratio:4/5; border-radius:var(--r-lg); overflow:hidden;
  box-shadow:0 36px 70px -30px rgba(156,27,73,.4); user-select:none; touch-action:none;
}
.ba .side{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:.8rem; color:var(--neon-deep); text-align:center; }
/* GÖRSEL: .before = düz saç, .after = bukleli sabah — aynı kişi, aynı ışık */
.ba .before{ background:linear-gradient(150deg,#EFE0E6,#E2CBD6); }
.ba .after{ background:linear-gradient(150deg,#FBDCE6,#F3B9CF); clip-path:inset(0 0 0 var(--cut,50%)); }
.ba .lbl{ position:absolute; top:14px; z-index:3; background:rgba(27,14,21,.72); color:#fff;
  font-size:.64rem; letter-spacing:.18em; text-transform:uppercase; font-weight:800;
  padding:.36rem .8rem; border-radius:var(--r-pill); backdrop-filter:blur(6px); }
.ba .lbl.l{ left:14px; } .ba .lbl.r{ right:14px; }
.ba .handle{
  position:absolute; top:0; bottom:0; left:var(--cut,50%); width:2px; background:#fff;
  z-index:4; box-shadow:0 0 14px rgba(255,46,136,.8); transform:translateX(-1px);
}
.ba .knob{
  position:absolute; top:50%; left:var(--cut,50%); transform:translate(-50%,-50%); z-index:5;
  width:46px; height:46px; border-radius:50%; background:var(--neon); color:#fff;
  display:grid; place-items:center; font-size:.85rem; letter-spacing:.05em;
  box-shadow:0 0 22px -2px var(--glow); cursor:ew-resize; border:2px solid #fff;
}
.ba-copy .eyebrow{ color:var(--neon-deep); }
.ba-copy h2{ font-size:clamp(2.3rem,4.6vw,3.8rem); margin:.9rem 0 1rem; }
.ba-copy p{ color:var(--ink-soft); font-weight:400; margin-bottom:1rem; max-width:48ch; }
.ba-note{ font-size:.84rem; color:var(--ink-soft); margin-top:.6rem; }

/* ============ KARŞILAŞTIRMA ============ */
.cmp-sec{ padding:0 0 clamp(76px,9vw,130px); }
.cmp{ max-width:860px; margin:0 auto; border-radius:var(--r-lg); overflow:hidden;
  border:1px solid var(--line); box-shadow:0 26px 54px -34px rgba(156,27,73,.35); }
.cmp table{ width:100%; border-collapse:collapse; background:#fff; }
.cmp th,.cmp td{ padding:1rem 1.2rem; text-align:center; font-size:.92rem; border-bottom:1px solid var(--line); }
.cmp th{ font-family:var(--accent); font-size:1.15rem; font-weight:600; }
.cmp td:first-child,.cmp th:first-child{ text-align:left; font-weight:600; color:var(--ink); }
.cmp .us{ background:linear-gradient(180deg,#FFF2F6,#FFE9F0); }
.cmp th.us{ color:var(--neon-deep); }
.cmp .ok{ color:#1B9E62; font-weight:800; }
.cmp .no{ color:#C2255C; font-weight:800; }
.cmp tr:last-child td{ border-bottom:0; }

/* ============ VİDEOLAR (UGC) ============ */
.vids{ padding:clamp(76px,9vw,124px) 0; background:var(--noir); color:#fff; }
.vids .shop-head h2{ color:#fff; }
.vids .shop-head p{ color:#C99BAF; }
.vids .eyebrow{ color:var(--gold); }
.vgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.2vw,26px); }
.vtile{
  aspect-ratio:9/16; border-radius:var(--r-md); position:relative; overflow:hidden;
  background:linear-gradient(160deg,#3A1728,#291420);
  border:1px solid rgba(255,46,136,.3); display:flex; align-items:center; justify-content:center;
  flex-direction:column; gap:.9rem; font-size:.74rem; color:#E4A9C3; text-align:center; padding:1rem;
  transition:.3s;
}
/* VIDEO: her kutuya bir dikey video (9:16) — reels'lerinden en iyi 3'ü.
   <video src="video.mp4" muted loop playsinline autoplay
          style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover"></video> */
.vtile:hover{ transform:translateY(-6px); box-shadow:0 0 0 1.5px var(--neon), 0 26px 50px -22px var(--glow); }
.vtile .play{ width:54px; height:54px; border-radius:50%; background:var(--neon); display:grid;
  place-items:center; font-size:1.1rem; color:#fff; box-shadow:0 0 22px -2px var(--glow); }

/* ============ WHATSAPP ============ */
#wa{
  position:fixed; left:18px; bottom:18px; z-index:95; display:flex; align-items:center; gap:.6rem;
  background:#25D366; color:#fff; padding:.7rem 1.15rem; border-radius:var(--r-pill);
  font-weight:800; font-size:.82rem; box-shadow:0 14px 30px -10px rgba(37,211,102,.6);
  transition:.25s;
}
#wa:hover{ transform:translateY(-2px); box-shadow:0 18px 36px -10px rgba(37,211,102,.7); }
#wa svg{ width:19px; height:19px; fill:#fff; }
@media (max-width:640px){ #wa{ bottom:calc(78px + env(safe-area-inset-bottom)); left:12px; padding:.65rem .95rem; } }

/* ============ POPUP ============ */
#pop{
  position:fixed; inset:0; z-index:200; display:none; align-items:center; justify-content:center;
  background:rgba(27,14,21,.66); backdrop-filter:blur(6px); padding:var(--gut);
}
#pop.show{ display:flex; }
.pop-card{
  background:#fff; border-radius:var(--r-lg); max-width:430px; width:100%;
  padding:2.4rem 2.2rem 2.2rem; text-align:center; position:relative;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.5);
}
.pop-card::before{ content:""; position:absolute; inset:9px; border:1px solid var(--gold); border-radius:calc(var(--r-lg) - 6px); pointer-events:none; }
.pop-x{ position:absolute; top:10px; right:14px; z-index:2; background:none; border:0; font-size:1.5rem; color:var(--ink-soft); cursor:pointer; }
.pop-card .eyebrow{ color:var(--neon-deep); }
.pop-card h3{ font-family:var(--display); font-weight:400; font-size:2.1rem; margin:.7rem 0 .4rem; }
.pop-card p{ font-size:.9rem; color:var(--ink-soft); font-weight:400; margin-bottom:1.3rem; }
.pop-card input{
  width:100%; padding:.85rem 1.1rem; border:1.5px solid var(--line); border-radius:var(--r-pill);
  font-family:var(--body); font-size:.92rem; margin-bottom:.7rem; text-align:center;
}
.pop-card input:focus{ outline:2px solid var(--neon); border-color:transparent; }
.pop-card .btn{ width:100%; }
.pop-card .tiny{ font-size:.74rem; color:var(--ink-soft); margin-top:.8rem; margin-bottom:0; }

/* kurdele & instagram detayları */
.bow-svg{ width:26px; height:auto; margin-left:.3rem; vertical-align:middle;
  transform:rotate(-8deg) translateY(-2px); transform-origin:center;
  filter:drop-shadow(0 0 7px rgba(255,46,136,.55)); }
.brand:hover .bow-svg{ animation:bow-sway .7s ease; }
@keyframes bow-sway{ 0%,100%{ transform:rotate(-8deg) translateY(-2px);} 35%{ transform:rotate(6deg) translateY(-3px) scale(1.08);} 70%{ transform:rotate(-12deg) translateY(-2px);} }
#veil .bow-svg{ width:34px; }
a.eyebrow{ transition:.25s; }
a.eyebrow:hover{ color:#fff; text-shadow:0 0 14px var(--glow); }
.ig-ic{ width:16px; height:16px; margin-left:.15rem; }

/* ============ İMZA DOKUNUŞLAR ============ */
/* neon okuma çubuğu */
#sbar{ position:fixed; top:0; left:0; height:3px; width:0; z-index:400;
  background:linear-gradient(90deg,var(--neon),var(--gold)); box-shadow:0 0 10px var(--glow); }

/* imleci takip eden ışıltı halkası (yalnız fare olan cihazlarda) */
#cur{ display:none; }
@media (pointer:fine){
  #cur{ display:block; position:fixed; top:0; left:0; width:34px; height:34px;
    border:1.5px solid var(--neon); border-radius:50%; pointer-events:none; z-index:399;
    transform:translate(-50%,-50%); box-shadow:0 0 14px -3px var(--glow);
    transition:width .25s, height .25s, background .25s, opacity .35s; opacity:0; }
  #cur.on{ opacity:.9; }
  #cur.big{ width:58px; height:58px; background:rgba(255,46,136,.08); }
}

/* mıknatıs butonlar */
@media (pointer:fine){ .btn,.buy{ will-change:transform; } }

/* fistolu bölüm kenarı — saten bölümlerin üst dantel geçişi */
.steps,.faq{ position:relative; }
.steps::before,.faq::before{
  content:""; position:absolute; top:-1px; left:0; right:0; height:22px; z-index:2;
  background-image:radial-gradient(circle at 15px 0, var(--silk) 14px, transparent 15px);
  background-size:30px 22px; background-repeat:repeat-x;
}

/* kayan şeritler üzerine gelince durur (okunabilsin) */
.ticker:hover .ticker-inner,.marquee:hover .marquee-inner{ animation-play-state:paused; }

/* ============ TASARIM KATMANI v9 ============ */
/* kinetik hero harfleri */
.k{ display:inline-block; opacity:0; transform:translateY(.55em) rotate(5deg);
  animation:kup .75s cubic-bezier(.2,.75,.2,1) forwards; animation-delay:var(--d,0s); white-space:pre; }
@keyframes kup{ to{ opacity:1; transform:none; } }

/* bölüm arkası dev hayalet başlıklar (Rhode tarzı tip-mimari) */
.shop-head{ position:relative; isolation:isolate; }
.ghost{
  position:absolute; left:50%; top:-.68em; transform:translateX(-50%);
  font-family:var(--display); font-size:clamp(4.6rem,13vw,10rem); line-height:1;
  color:transparent; -webkit-text-stroke:1.5px var(--petal); text-stroke:1.5px var(--petal);
  opacity:.28; z-index:-1; white-space:nowrap; pointer-events:none; user-select:none;
  letter-spacing:.04em;
}
.on-dark .ghost{ -webkit-text-stroke-color:rgba(255,46,136,.22); opacity:.6; }

/* koyu bölümlerde sinematik film greni */
.hero::after,.spot::after,.vids::after,.final::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.05; z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hero .wrap,.spot .wrap,.vids .wrap,.final>*{ position:relative; z-index:2; }

/* ürün görselinde lüks hover yakınlaşması */
.pmedia>*{ transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.pcard:hover .pmedia>*{ transform:scale(1.05); }

/* bento: çok satan geniş vitrin kartı */
@media (min-width:961px){
  .pcard.wide{ grid-column:span 2; display:grid; grid-template-columns:1fr 1fr; }
  .pcard.wide .pmedia{ aspect-ratio:auto; height:100%; min-height:340px; }
  .pcard.wide .pbody{ padding:1.8rem 1.9rem; }
  .pcard.wide h3{ font-size:1.9rem; }
  .pcard.wide .sub{ font-size:.95rem; }
}

/* ============ ÜRÜN ODAĞI (link ile gelen) ============ */
.focus-chip{
  display:inline-flex; align-items:center; gap:.55rem; margin:-1.4rem 0 2rem;
  background:rgba(255,46,136,.14); border:1px solid var(--neon);
  color:#fff; font-size:.82rem; font-weight:600; padding:.5rem 1.1rem; border-radius:var(--r-pill);
  box-shadow:0 0 18px -6px var(--glow);
}
.focus-chip b{ color:var(--neon); }
.pcard.focus{
  box-shadow:0 0 0 2px var(--neon), 0 34px 66px -26px var(--glow);
  transform:translateY(-6px);
}
.pcard.focus::after{
  content:"Vitrindeki ürün"; position:absolute; top:-12px; left:50%; transform:translateX(-50%);
  background:var(--neon); color:#fff; font-size:.6rem; font-weight:800; letter-spacing:.16em;
  text-transform:uppercase; padding:.3rem .8rem; border-radius:var(--r-pill); z-index:3;
  box-shadow:0 0 16px -4px var(--glow); white-space:nowrap;
}

/* ============ BELGE PENCERESİ (gizlilik / sözleşme / iade) ============ */
#docm{ position:fixed; inset:0; z-index:210; display:none; align-items:center; justify-content:center;
  background:rgba(27,14,21,.7); backdrop-filter:blur(6px); padding:var(--gut); }
#docm.show{ display:flex; }
.doc-card{ background:#fff; border-radius:var(--r-lg); max-width:640px; width:100%; max-height:82vh;
  display:flex; flex-direction:column; box-shadow:0 40px 90px -30px rgba(0,0,0,.5); position:relative; }
.doc-head{ padding:1.4rem 1.8rem 1rem; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; }
.doc-head h3{ font-family:var(--display); font-weight:400; font-size:1.6rem; }
.doc-x{ background:none; border:0; font-size:1.6rem; color:var(--ink-soft); cursor:pointer; line-height:1; }
.doc-body{ padding:1.2rem 1.8rem 1.8rem; overflow-y:auto; font-size:.93rem; color:var(--ink-soft); font-weight:400; }
.doc-body h4{ font-family:var(--body); font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--neon-deep); margin:1.1rem 0 .4rem; font-weight:800; }
.doc-body p{ margin-bottom:.7rem; }
.doc-body .warn{ background:var(--satin); border:1px solid var(--petal); border-radius:12px; padding:.8rem 1rem; font-size:.8rem; color:var(--neon-deep); margin-bottom:1rem; }

/* ============ REVEAL ============ */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .75s ease, transform .75s ease; }
.reveal.in{ opacity:1; transform:none; }
.reveal.d1{ transition-delay:.08s; } .reveal.d2{ transition-delay:.16s; } .reveal.d3{ transition-delay:.24s; }

/* ============ RESPONSIVE ============ */
@media (max-width:1020px){
  .why-grid{ grid-template-columns:repeat(2,1fr); }
  .igrid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:960px){
  .pgrid{ grid-template-columns:repeat(2,1fr); }
  .rgrid,.steps-grid{ grid-template-columns:1fr; max-width:580px; margin-inline:auto; }
  .spot .wrap,.gift .wrap{ grid-template-columns:1fr; }
  .spot-media,.gift-media{ max-width:440px; margin:0 auto; width:100%; }
  .ftop{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .nav-links{ position:fixed; top:78px; left:0; right:0; background:var(--noir);
    flex-direction:column; padding:1.6rem var(--gut); gap:1.2rem;
    transform:translateY(-160%); transition:transform .35s ease; z-index:99;
    border-bottom:1px solid rgba(255,46,136,.25); }
  .nav-links.open{ transform:none; }
  .burger{ display:block; }
  .pgrid{ grid-template-columns:1fr; }
  .why-grid{ grid-template-columns:1fr; max-width:420px; margin-inline:auto; }
  .igrid{ grid-template-columns:repeat(2,1fr); }
  .ftop{ grid-template-columns:1fr; }
  .mbar{ display:flex; }
  #toTop{ bottom:calc(84px + env(safe-area-inset-bottom)); }
}

/* ============ ULTRA KATMAN ============ */
/* header kaydırınca zarifçe küçülür */
header .nav{ transition:height .3s ease; }
header.scrolled .nav{ height:62px; }
header .brand{ transition:font-size .3s ease; }
header.scrolled .brand{ font-size:1.4rem; }

/* ters yönlü ikinci şerit */
.marquee.rev{ background:var(--satin); font-family:var(--accent); font-style:italic;
  font-size:clamp(1.05rem,2vw,1.5rem); color:var(--neon-deep); border-top:0;
  background-image:linear-gradient(var(--satin),var(--satin)); }
.marquee.rev .marquee-inner{ animation-direction:reverse; animation-duration:40s; }

/* 3D eğilen ürün kartları */
@media (pointer:fine){
  .pcard{ transform-style:preserve-3d; }
}

/* tık ışıltısı */
.spk{ position:fixed; width:8px; height:8px; pointer-events:none; z-index:500;
  background:var(--neon); border-radius:50%; box-shadow:0 0 8px var(--glow);
  animation:spk .7s ease-out forwards; }
@keyframes spk{ to{ transform:translate(var(--sx),var(--sy)) scale(0); opacity:0; } }

/* dinamik kargo notu */
.kargo-not{ margin-top:1.1rem; font-size:.86rem; color:#F3CFDD;
  display:inline-flex; align-items:center; gap:.45rem; }
.kargo-not b{ color:var(--neon); }
.kargo-not .dot{ width:8px; height:8px; border-radius:50%; background:#3DDC84;
  box-shadow:0 0 8px #3DDC84; animation:pulse 2s ease-in-out infinite; }

/* hızlı bakış modali */
#qv{ position:fixed; inset:0; z-index:205; display:none; align-items:center; justify-content:center;
  background:rgba(27,14,21,.7); backdrop-filter:blur(8px); padding:var(--gut); }
#qv.show{ display:flex; }
.qv-card{ background:#fff; background-image:linear-gradient(#fff,#fff); border-radius:var(--r-lg);
  max-width:760px; width:100%; max-height:86vh; overflow-y:auto;
  display:grid; grid-template-columns:1fr 1fr; box-shadow:0 40px 90px -30px rgba(0,0,0,.55); position:relative; }
.qv-x{ position:absolute; top:10px; right:14px; z-index:3; background:#fff; border:1px solid var(--line);
  width:34px; height:34px; border-radius:50%; font-size:1.2rem; color:var(--ink); cursor:pointer; }
.qv-media{ min-height:320px; display:flex; align-items:center; justify-content:center;
  font-size:.78rem; color:var(--neon-deep); text-align:center; padding:1rem; }
.qv-body{ padding:2rem 1.9rem; display:flex; flex-direction:column; gap:.7rem; }
.qv-body h3{ font-size:1.8rem; }
.qv-body ul{ list-style:none; margin:.4rem 0 .8rem; }
.qv-body li{ padding:.4rem 0; border-bottom:1px dashed var(--line); font-size:.9rem;
  color:var(--ink-soft); display:flex; gap:.55rem; }
.qv-body li::before{ content:"✦"; color:var(--neon); }
.qv-price{ font-family:var(--accent); font-size:1.9rem; font-weight:600; }
.qv-price small{ font-family:var(--body); font-size:.85rem; color:var(--ink-soft);
  text-decoration:line-through; margin-left:.5rem; font-weight:400; }
.pmedia{ cursor:zoom-in; }
@media (max-width:680px){ .qv-card{ grid-template-columns:1fr; } .qv-media{ min-height:230px; } }

/* footer güven rozetleri */
.trust-chips{ display:flex; gap:.7rem; flex-wrap:wrap; justify-content:center; padding:1.6rem 0 .4rem; }
.trust-chips span{ border:1px solid rgba(216,184,120,.4); color:var(--gold-soft, #E3D2AC);
  font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700;
  padding:.45rem 1rem; border-radius:var(--r-pill); }

/* ============ SON CİLA KATMANI ============ */
/* hero'da yavaşça süzülen aurora ışığı */
.aurora{ position:absolute; inset:-20%; pointer-events:none; filter:blur(70px); opacity:.5; z-index:0; }
.aurora i{ position:absolute; border-radius:50%; }
.aurora i:nth-child(1){ width:44vw; height:44vw; left:-6%; top:8%;
  background:radial-gradient(circle,#FF2E88 0%,transparent 65%);
  animation:aur1 16s ease-in-out infinite alternate; }
.aurora i:nth-child(2){ width:36vw; height:36vw; right:-4%; top:26%;
  background:radial-gradient(circle,#8B5CF6 0%,transparent 65%); opacity:.6;
  animation:aur2 21s ease-in-out infinite alternate; }
.aurora i:nth-child(3){ width:30vw; height:30vw; left:34%; bottom:-8%;
  background:radial-gradient(circle,#D8B878 0%,transparent 62%); opacity:.35;
  animation:aur1 24s ease-in-out infinite alternate-reverse; }
@keyframes aur1{ to{ transform:translate(9vw,6vh) scale(1.14); } }
@keyframes aur2{ to{ transform:translate(-8vw,5vh) scale(1.1); } }

/* ışıltıyla taranan altın-pembe yazılar */
.glow-word{
  background:linear-gradient(100deg,#FF7EB4 15%,#FFD9A0 38%,#FF2E88 55%,#FF7EB4 80%);
  background-size:220% 100%; -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  animation:gsweep 5.5s linear infinite;
}
@keyframes gsweep{ to{ background-position:-220% 0; } }

/* dengeli başlık satırları (yarım kelime sarkmasın) */
h1,h2,h3,.shop-head p{ text-wrap:balance; }
body{ font-feature-settings:"liga","kern"; }

/* FOTOĞRAF HAZIR KATMANI — görselleri koyduğun an otomatik cilalanır */
.pmedia img,.frame img,.halo-stage .ph img,.qv-media img,.ba .side img,
.itile img,.vtile video,.gift-media .box img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:saturate(1.06) contrast(1.03) brightness(1.01);
}
.pmedia,.qv-media,.ba .side,.itile{ position:relative; }
.halo-stage .ph img{ border-radius:50%; }

/* ============ SANA HANGİSİ? TESTİ ============ */
.quiz{ padding:clamp(72px,9vw,124px) 0; background:var(--satin);
  background-image:linear-gradient(var(--satin),var(--satin)); position:relative; }
.quiz::before{ content:""; position:absolute; top:-1px; left:0; right:0; height:22px; z-index:2;
  background-image:radial-gradient(circle at 15px 0, var(--silk) 14px, transparent 15px);
  background-size:30px 22px; background-repeat:repeat-x; }
.quiz-card{ max-width:640px; margin:0 auto; background:#fff;
  background-image:linear-gradient(#fff,#fff); border-radius:var(--r-lg);
  padding:2.4rem 2.2rem; box-shadow:0 30px 60px -34px rgba(156,27,73,.4); text-align:center; position:relative; }
.quiz-card::before{ content:""; position:absolute; inset:10px; border:1px solid var(--gold);
  border-radius:calc(var(--r-lg) - 7px); pointer-events:none; opacity:.6; }
.q-dots{ display:flex; gap:.5rem; justify-content:center; margin-bottom:1.4rem; }
.q-dots i{ width:9px; height:9px; border-radius:50%; background:var(--petal); transition:.3s; }
.q-dots i.on{ background:var(--neon); box-shadow:0 0 10px var(--glow); transform:scale(1.25); }
.q-soru{ font-family:var(--accent); font-weight:600; font-size:1.6rem; margin-bottom:1.4rem; }
.q-ops{ display:flex; flex-direction:column; gap:.65rem; }
.q-op{ border:1.5px solid var(--line); background:#fff; border-radius:var(--r-pill);
  padding:.9rem 1.3rem; font-family:var(--body); font-size:.95rem; font-weight:600;
  color:var(--ink); cursor:pointer; transition:.22s; }
.q-op:hover{ border-color:var(--neon); background:#FFF2F7; transform:translateY(-2px);
  box-shadow:0 10px 22px -12px var(--glow); }
.q-geri{ margin-top:1.1rem; background:none; border:0; color:var(--ink-soft);
  font-size:.8rem; cursor:pointer; text-decoration:underline; }
.q-sonuc h3{ font-size:1.9rem; margin:.4rem 0 .3rem; }
.q-sonuc .neden{ color:var(--ink-soft); font-size:.94rem; margin-bottom:1rem; }
.q-sonuc .q-fiyat{ font-family:var(--accent); font-size:1.8rem; font-weight:600; margin-bottom:1.2rem; }
.q-sonuc .q-fiyat small{ font-family:var(--body); font-size:.85rem; color:var(--ink-soft);
  text-decoration:line-through; margin-left:.5rem; font-weight:400; }
.q-sonuc .alt{ display:block; margin-top:1rem; font-size:.82rem; color:var(--ink-soft); }
.q-sonuc .alt a{ color:var(--neon-deep); font-weight:700; text-decoration:underline; }

/* ============ ZORLA-KARANLIK-MOD KALKANI ============
   Bazı önizleyiciler/tarayıcılar düz açık zeminleri zorla karartır;
   background-image olarak tanımlanan zeminlere dokunmazlar. */
html,body,.marquee{ background-image:linear-gradient(var(--silk),var(--silk)); }
.steps,.faq{ background-image:linear-gradient(var(--satin),var(--satin)); }
.count{ background-image:linear-gradient(90deg,var(--satin),#FDEFF3 55%,var(--satin)); }
.insta{ background-image:linear-gradient(180deg,var(--silk),var(--satin)); }
.why-card,.pcard:not(.setcard),.rcard,.step,.faq-list,.cmp table,.doc-card,.pop-card,.cell{
  background-image:linear-gradient(#fff,#fff);
}
.cmp .us{ background-image:linear-gradient(180deg,#FFF2F6,#FFE9F0); }

/* --- ikinci style blogu --- */
<noscript>.reveal{opacity:1;transform:none}#veil{display:none}.focus-chip[hidden]{display:none}</noscript>