/* ============================================================
   VISNE ACADEMY — V2  |  style.css
   Yeni nesil statik tasarım — HTML/CSS/JS
   Palet: Vişne (#f2503f) + Gece Laciverti (#101d28)
   ============================================================ */

/* ---------- 0. Reset & Tokens ---------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root{
  --ink:        #0e1a24;
  --ink-2:      #16222d;
  --ink-3:      #1f2f3c;
  --cherry:     #f2503f;
  --cherry-d:   #d63a2c;
  --cherry-t:   #fdece9;
  --gold:       #e8b04b;
  --bg:         #f5f7f8;
  --card:       #ffffff;
  --line:       #e4eaee;
  --line-d:     rgba(255,255,255,.08);
  --head:       #101d28;
  --text:       #54646f;
  --muted:      #8296a1;
  --t-inv:      #b9c6cf;

  --ff-head: "Sora", "Segoe UI", sans-serif;
  --ff-body: "Inter", "Segoe UI", sans-serif;

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;

  --sh-sm: 0 2px 10px rgba(16,29,40,.06);
  --sh-md: 0 12px 34px rgba(16,29,40,.10);
  --sh-lg: 0 24px 60px rgba(16,29,40,.16);

  --tr: .3s cubic-bezier(.4,0,.2,1);
  --container: 1240px;
}

html { scroll-behavior: smooth; }
body{
  font-family: var(--ff-body);
  font-size: 16px;
  line-height: 1.75;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button { font: inherit; cursor: pointer; border: 0; background: none; }
h1,h2,h3,h4,h5,h6{ font-family: var(--ff-head); color: var(--head); line-height:1.25; font-weight:700; }
::selection{ background: var(--cherry); color:#fff; }

/* ---------- 1. Utilities ---------- */
.container{ width:100%; max-width:var(--container); margin-inline:auto; padding-inline:24px; }
.section{ padding: 96px 0; }
.section--tight{ padding: 64px 0; }
.section--dark{ background: var(--bg); }
.section--dark h2, .section--dark h3{ color:var(--head); }
.section--dark p{ color: var(--text); }
.section--alt{ background:#fff; }

.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font: 600 12.5px/1 var(--ff-head);
  letter-spacing:.22em; text-transform:uppercase;
  color: var(--cherry); margin-bottom:18px;
}
.eyebrow::before{
  content:""; width:26px; height:2px; flex:none;
  background: linear-gradient(90deg, var(--cherry), #ff8a76); border-radius:2px;
}
.eyebrow--center{ justify-content:center; }
.eyebrow--center::after{ content:""; width:26px; height:2px; background:var(--cherry); border-radius:2px; }

.sec-title{ font-size: clamp(28px, 4vw, 44px); letter-spacing:-.02em; margin-bottom:16px; }
.sec-lead{ max-width: 640px; font-size:17px; }
.sec-head{ margin-bottom: 52px; }
.sec-head--center{ text-align:center; }
.sec-head--center .sec-lead{ margin-inline:auto; }
.sec-head--split{ display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; }

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding: 15px 30px; border-radius: 999px;
  font: 600 15px/1 var(--ff-head);
  transition: var(--tr); white-space:nowrap;
}
.btn svg{ width:16px; height:16px; transition: transform var(--tr); }
.btn:hover svg{ transform: translateX(4px); }
.btn--primary{ background: var(--cherry); color:#fff; box-shadow: 0 10px 24px rgba(242,80,63,.35); }
.btn--primary:hover{ background: var(--cherry-d); transform: translateY(-2px); }
.btn--dark{ background: var(--ink); color:#fff; }
.btn--dark:hover{ background: var(--ink-3); transform: translateY(-2px); }
.btn--ghost{ border:1.5px solid var(--line); color: var(--head); background:#fff; }
.btn--ghost:hover{ border-color: var(--cherry); color: var(--cherry); transform: translateY(-2px); }
.btn--light{ background:#fff; color: var(--head); }
.btn--light:hover{ background: var(--cherry); color:#fff; transform: translateY(-2px); }
.btn--sm{ padding: 11px 22px; font-size:13.5px; }

/* Reveal on scroll (varyantlı) */
.rv{ opacity:0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.rv-left{ transform: translateX(-44px); }
.rv-right{ transform: translateX(44px); }
.rv-zoom{ transform: scale(.92); }
.rv.in{ opacity:1; transform:none; }
.rv-d1{ transition-delay:.1s; } .rv-d2{ transition-delay:.2s; } .rv-d3{ transition-delay:.3s; }

/* Başlık altı çizgi animasyonu */
.sec-title{ position:relative; }
.rv.in .sec-title::after, .sec-title.in::after{ transform:scaleX(1); }

/* Parlayan CTA butonu */
.btn--glow{ position:relative; overflow:hidden; }
.btn--glow::after{
  content:""; position:absolute; top:0; bottom:0; width:44px;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
  transform: skewX(-20deg); left:-70px;
  animation: shine 3.2s ease-in-out infinite;
}
@keyframes shine{ 0%,55%{ left:-70px; } 85%,100%{ left:130%; } }

/* Dekoratif süzülen vişneler */
.deco-cherry{
  position:absolute; z-index:1; pointer-events:none; opacity:.14;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.6 2.4c-2.9 1.7-4.8 4.6-5.3 8.1' fill='none' stroke='%23f2503f' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c1.9 2.4 2.9 5.3 2.9 8.2' fill='none' stroke='%23f2503f' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c2.2-1 4.7-.7 6.5.7-1.9 1.3-4.4 1.6-6.5.7z' fill='%232f9e5f'/%3E%3Ccircle cx='7' cy='15.6' r='4.5' fill='%23f2503f'/%3E%3Ccircle cx='15.8' cy='14.9' r='3.9' fill='%23d63a2c'/%3E%3C/svg%3E") no-repeat center/contain;
}
.deco-cherry--1{ width:54px; height:54px; top:14%; right:6%; animation: drift 9s ease-in-out infinite; }
.deco-cherry--2{ width:34px; height:34px; bottom:20%; left:4%; animation: drift 7s ease-in-out 1.4s infinite; }
.deco-cherry--3{ width:26px; height:26px; top:56%; right:40%; animation: drift 11s ease-in-out .7s infinite; }
@keyframes drift{
  0%,100%{ transform: translateY(0) rotate(-6deg); }
  50%{ transform: translateY(-22px) rotate(8deg); }
}

/* ---------- 2. Topbar (kompakt) ---------- */
.topbar{
  background: linear-gradient(92deg, var(--cherry-d), var(--cherry) 55%, #f96a54);
  color:#ffe3df; font-size:12.5px;
}
.topbar__in{ display:flex; align-items:center; justify-content:space-between; min-height:34px; gap:12px; }
.topbar__brand{
  display:inline-flex; align-items:center; gap:8px;
  font: italic 600 15px/1 "Playfair Display", Georgia, serif;
  color:#fff; letter-spacing:.06em;
  text-shadow:0 1px 6px rgba(0,0,0,.18);
}
.topbar__brand i{
  width:15px; height:15px; flex:none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.6 2.4c-2.9 1.7-4.8 4.6-5.3 8.1' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c1.9 2.4 2.9 5.3 2.9 8.2' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c2.2-1 4.7-.7 6.5.7-1.9 1.3-4.4 1.6-6.5.7z' fill='white'/%3E%3Ccircle cx='7' cy='15.6' r='4.5' fill='white'/%3E%3Ccircle cx='15.8' cy='14.9' r='3.9' fill='white'/%3E%3C/svg%3E") no-repeat center/contain;
  animation: float 4s ease-in-out infinite;
}
.topbar__brand .amp{ color:#ffd9d4; font-size:12px; letter-spacing:.3em; text-transform:uppercase; font-style:normal; font-family:var(--ff-head); font-weight:600; }
.topbar__right{ display:flex; align-items:center; gap:14px; }
.topbar__note{ display:inline-flex; align-items:center; gap:6px; color:#ffe3df; }
.topbar__note b{ color:#fff; font-weight:700; letter-spacing:.02em; }
.topbar .socials{ padding-left:12px; border-left:1px solid rgba(255,255,255,.25); }
.socials{ display:flex; gap:4px; }
.socials a{
  width:24px; height:24px; display:grid; place-items:center;
  border-radius:7px; color:#ffe3df; transition: var(--tr);
}
.socials a:hover{ background: rgba(255,255,255,.18); color:#fff; transform:translateY(-1px); }
.socials svg{ width:13px; height:13px; }

/* ---------- 3. Header / Nav ---------- */
.header{
  position: sticky; top:0; z-index:120;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  border-bottom:1px solid var(--line);
  transition: box-shadow var(--tr);
}
.header.scrolled{ box-shadow: var(--sh-md); }
.header__in{ display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:84px; }
.brand img{ height:52px; width:auto; }
.nav{ display:flex; align-items:center; gap:2px; }
.nav > li{ position:relative; }
.nav a{
  display:block; padding: 12px 13px;
  font: 600 14.5px/1 var(--ff-head); color: var(--head);
  border-radius: 10px; transition: var(--tr); white-space:nowrap;
}
@media (max-width:1180px){ .nav a{ padding:12px 9px; font-size:14px; } }
.nav > li > a:hover, .nav > li > a.active{ color: var(--cherry); }
.nav > li > a.active{ background: var(--cherry-t); }
.nav__caret{ display:inline-block; margin-left:5px; width:9px; height:9px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px); }
.dropdown{
  position:absolute; top: calc(100% + 10px); left:8px; min-width:230px;
  background:#fff; border:1px solid var(--line); border-radius: var(--r-md);
  box-shadow: var(--sh-lg); padding:8px;
  opacity:0; visibility:hidden; transform: translateY(12px);
  transition: var(--tr);
}
.nav li:hover .dropdown, .nav li:focus-within .dropdown{ opacity:1; visibility:visible; transform:none; }
.dropdown a{ padding:11px 14px; border-radius:10px; font-weight:500; display:flex; align-items:center; gap:10px; }
.dropdown a::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--cherry); opacity:.4; transition:var(--tr); }
.dropdown a:hover{ background: var(--cherry-t); color: var(--cherry); }
.dropdown a:hover::before{ opacity:1; }
.header__cta{ display:flex; align-items:center; gap:14px; }
.header__phone{ display:flex; align-items:center; gap:10px; font:700 15px var(--ff-head); color:var(--head); transition:var(--tr); white-space:nowrap; flex-shrink:0; }
.header__phone:hover{ color: var(--cherry); }
.header__phone svg{ width:34px; height:34px; padding:8px; background:var(--cherry-t); color:var(--cherry); border-radius:10px; }

/* Burger */
.burger{ display:none; flex:none; width:44px; height:44px; border-radius:12px; border:1px solid var(--line); position:relative; z-index:130; background:#fff; }
.burger span{ display:block; width:20px; height:2px; background:var(--head); margin:4px auto; border-radius:2px; transition: var(--tr); }
.burger.open span:nth-child(1){ transform: translateY(6px) rotate(45deg); }
.burger.open span:nth-child(2){ opacity:0; }
.burger.open span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }

/* Mobile drawer */
.drawer{
  position:fixed; inset:0; z-index:125; pointer-events:none; overflow:hidden;
}
.drawer__bg{ position:absolute; inset:0; background:rgba(14,26,36,.5); opacity:0; transition:var(--tr); }
.drawer__panel{
  position:absolute; top:0; right:0; height:100%; width:min(340px, 88%);
  background:#fff; padding: 96px 26px 32px;
  transform: translateX(100%); transition: transform .38s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;
}
.drawer.open{ pointer-events:auto; }
.drawer.open .drawer__bg{ opacity:1; }
.drawer.open .drawer__panel{ transform:none; }
.drawer nav a{
  display:block; padding:13px 6px; font:600 16px var(--ff-head); color:var(--head);
  border-bottom:1px solid var(--line);
}
.drawer nav a.active, .drawer nav a:hover{ color: var(--cherry); }
.drawer nav .sub a{ font-weight:500; font-size:14.5px; padding-left:22px; color:var(--text); }
.drawer .btn{ margin-top:22px; width:100%; }

/* ---------- 4. Hero (Home — açık tema) ---------- */
.hero{
  position:relative; background: linear-gradient(180deg, #fff 0%, #fdf5f3 55%, var(--bg) 100%);
  color: var(--head); overflow:hidden;
}
.hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(900px 500px at 88% -12%, rgba(242,80,63,.10), transparent 60%),
    radial-gradient(700px 420px at -10% 112%, rgba(232,176,75,.08), transparent 60%);
}
.hero__grid{
  position:relative; display:grid; grid-template-columns: 1.05fr .95fr;
  gap: 56px; align-items:center; padding: 88px 0 100px;
}
.hero__eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  background:#fff; border:1px solid var(--line);
  padding: 9px 18px; border-radius:999px; box-shadow: var(--sh-sm);
  font: 600 12.5px/1 var(--ff-head); letter-spacing:.2em; text-transform:uppercase; color:var(--cherry);
  margin-bottom: 26px;
}
.hero__eyebrow::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--cherry); box-shadow:0 0 0 4px rgba(242,80,63,.18); animation:pulse 2s infinite; }
.hero h1{
  color: var(--head); font-size: clamp(34px, 5vw, 58px); letter-spacing:-.02em; margin-bottom:22px;
}
.hero h1 em{ font-style:normal; color: var(--cherry); position:relative; }
.hero__desc{ font-size:17.5px; color: var(--text); max-width:540px; margin-bottom:34px; }
.hero__actions{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:44px; }
.hero__chips{ display:flex; gap:10px; flex-wrap:wrap; }
.hero__chips a{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 18px; border-radius:999px; font:600 13.5px var(--ff-head);
  background:#fff; border:1px solid var(--line); color:var(--head);
  box-shadow: var(--sh-sm); transition: var(--tr);
}
.hero__chips a:hover{ background:var(--cherry); border-color:var(--cherry); color:#fff; transform:translateY(-2px); }
.hero__chips svg{ width:14px; height:14px; color:var(--cherry); }
.hero__chips a:hover svg{ color:#fff; }
/* hero giriş animasyonu */
@keyframes heroIn{ from{ opacity:0; transform:translateY(26px);} to{ opacity:1; transform:none;} }

/* ---------- Hero Slider (yumuşak geçiş + sabit yükseklik) ---------- */
.hero-slides{ display:grid; grid-template-columns:100%; position:relative; }
.hero-slide .hero__grid{ min-width:0; }
.hero-slide .hero__grid > *{ min-width:0; }
.hero-slide{
  grid-area:1/1; width:100%; min-width:0; max-width:100%;
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateX(46px);
  transition: opacity .65s cubic-bezier(.4,0,.2,1), transform .65s cubic-bezier(.4,0,.2,1), visibility 0s .65s;
}
.hero-slide.is-active{
  opacity:1; visibility:visible; pointer-events:auto; transform:none;
  transition: opacity .65s cubic-bezier(.4,0,.2,1), transform .65s cubic-bezier(.4,0,.2,1), visibility 0s;
  z-index:2;
}
.hero-slide.is-leaving{ transform:translateX(-46px); }
.hero-h{
  font-family:var(--ff-head); font-weight:700; line-height:1.25;
  color:var(--head); font-size: clamp(34px, 5vw, 58px); letter-spacing:-.02em; margin-bottom:22px;
}
/* slayt aktif olunca katmanlar sırayla girer (her geçişte yeniden oynar) */
.hero-slide.is-active .sa{ animation: heroIn .7s cubic-bezier(.4,0,.2,1) both; }
.hero-slide.is-active .sa-1{ animation-delay:0s; }
.hero-slide.is-active .sa-2{ animation-delay:.09s; }
.hero-slide.is-active .sa-3{ animation-delay:.18s; }
.hero-slide.is-active .sa-4{ animation-delay:.27s; }
.hero-slide.is-active .sa-5{ animation-delay:.36s; }
.hero-slide.is-active .sa-6{ animation-delay:.45s; }
.hero-slide.is-active .hero__visual{ animation: heroIn .9s .22s cubic-bezier(.4,0,.2,1) both; }
/* Ken Burns: slayt görselinde yavaş zoom */
.hero-slide.is-active .hero__img img{ animation: kenburns 9s ease-out both; }
@keyframes kenburns{ from{ transform:scale(1.1);} to{ transform:scale(1);} }

/* slider nav */
.hero-nav{
  position:relative; z-index:3; display:flex; align-items:center; justify-content:center;
  gap:18px; padding-bottom:34px; margin-top:-26px;
}
.hero-nav__arrow{
  width:42px; height:42px; border-radius:12px; display:grid; place-items:center;
  background:#fff; border:1px solid var(--line); color:var(--head);
  box-shadow:var(--sh-sm); transition:var(--tr);
}
.hero-nav__arrow svg{ width:17px; height:17px; }
.hero-nav__arrow[data-hero-prev] svg{ transform:rotate(180deg); }
.hero-nav__arrow:hover{ background:var(--cherry); border-color:var(--cherry); color:#fff; transform:translateY(-2px); }
.hero-nav__bullets{ display:flex; gap:4px; }
.hero-nav__bullets button{
  width:42px; height:24px; position:relative; background:none;
}
.hero-nav__bullets button::before{
  content:""; position:absolute; left:4px; right:4px; top:9px; height:6px;
  border-radius:999px; background:var(--line); transition:var(--tr);
}
.hero-nav__bullets button i{
  position:absolute; left:4px; top:9px; height:6px; width:0;
  background:var(--cherry); border-radius:999px; max-width:calc(100% - 8px);
}
.hero-nav__bullets button.is-active i{ animation: bulletfill var(--slide-ms, 6500ms) linear forwards; }
@keyframes bulletfill{ from{ width:0; } to{ width:calc(100% - 8px); } }
.hero-nav__bullets button:hover::before{ background:#f3c9c4; }

.hero__visual{ position:relative; }
.hero__img{
  border-radius: var(--r-xl); overflow:hidden; box-shadow: var(--sh-lg);
  border:1px solid var(--line); transform: rotate(1.5deg);
}
.hero__img img{ width:100%; height:460px; object-fit:cover; }
.hero__card{
  position:absolute; background:#fff; color:var(--head);
  border-radius: var(--r-md); box-shadow: var(--sh-lg);
  padding:16px 20px; display:flex; align-items:center; gap:14px;
}
.hero__card--1{ left:-28px; bottom:34px; animation: float 5s ease-in-out infinite; }
.hero__card--2{ right:-14px; top:26px; animation: float 6s ease-in-out 1s infinite; }
.hero__card b{ font:700 17px var(--ff-head); display:block; }
.hero__card span{ font-size:12.5px; color:var(--muted); }
.hero__card .ic{
  width:44px; height:44px; border-radius:12px; display:grid; place-items:center;
  background: var(--cherry-t); color: var(--cherry);
}
.hero__card .ic svg{ width:22px; height:22px; }
@keyframes float{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-12px);} }

/* Ticker (açık) */
.ticker{ background:#fff; border-block:1px solid var(--line); overflow:hidden; position:relative; }
.ticker__track{ display:flex; gap:0; width:max-content; animation: ticker 30s linear infinite; }
.ticker:hover .ticker__track{ animation-play-state:paused; }
.ticker span{
  display:inline-flex; align-items:center; gap:14px; padding: 13px 26px;
  font: 600 13px/1 var(--ff-head); letter-spacing:.14em; text-transform:uppercase; color:var(--muted);
  white-space:nowrap;
}
.ticker span::after{
  content:""; width:13px; height:13px; display:inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.6 2.4c-2.9 1.7-4.8 4.6-5.3 8.1' fill='none' stroke='%23f2503f' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c1.9 2.4 2.9 5.3 2.9 8.2' fill='none' stroke='%23f2503f' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c2.2-1 4.7-.7 6.5.7-1.9 1.3-4.4 1.6-6.5.7z' fill='%232f9e5f'/%3E%3Ccircle cx='7' cy='15.6' r='4.5' fill='%23f2503f'/%3E%3Ccircle cx='15.8' cy='14.9' r='3.9' fill='%23d63a2c'/%3E%3C/svg%3E") no-repeat center/contain;
}
@keyframes ticker{ to{ transform: translateX(-50%); } }

/* ---------- 5. Page hero (iç sayfalar — açık) ---------- */
.page-hero{
  position:relative; overflow:hidden; padding: 72px 0;
  background: linear-gradient(180deg, #fff 0%, #fdf5f3 70%, var(--bg) 100%) !important;
  border-bottom:1px solid var(--line);
}
.page-hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(700px 340px at 90% -20%, rgba(242,80,63,.10), transparent 60%),
    radial-gradient(500px 280px at 0% 120%, rgba(232,176,75,.07), transparent 60%);
}
.page-hero .container{ position:relative; }
.page-hero .page-hero__title{ font-family:var(--ff-head); font-weight:700; line-height:1.25; color:var(--head); font-size: clamp(30px, 4.4vw, 46px); letter-spacing:-.02em; margin-bottom:14px; animation: heroIn .6s cubic-bezier(.4,0,.2,1) both; }
.breadcrumb{ display:flex; align-items:center; gap:10px; font:600 13.5px var(--ff-head); color:var(--muted); flex-wrap:wrap; animation: heroIn .6s .1s cubic-bezier(.4,0,.2,1) both; }
.breadcrumb a:hover{ color:var(--cherry); }
.breadcrumb .sep{ color: var(--cherry); }
.breadcrumb .cur{ color:var(--head); }

/* ---------- 6. Services ---------- */
.svc-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:28px; }
.svc-card{
  background: var(--card); border:1px solid var(--line); border-radius: var(--r-lg);
  overflow:hidden; position:relative; transition: var(--tr);
  display:flex; flex-direction:column;
}
.svc-card:hover{ transform: translateY(-8px); box-shadow: var(--sh-lg); border-color:transparent; }
.svc-card__media{ position:relative; overflow:hidden; }
.svc-card__media img{ width:100%; height:230px; object-fit:cover; transition: transform .6s ease; }
.svc-card:hover .svc-card__media img{ transform: scale(1.06); }
.svc-card__num{
  position:absolute; top:16px; left:16px;
  background: rgba(14,26,36,.82); color:#fff; backdrop-filter: blur(6px);
  font: 700 13px var(--ff-head); letter-spacing:.08em;
  padding: 7px 13px; border-radius: 999px;
}
.svc-card__body{ padding: 28px; flex:1; display:flex; flex-direction:column; }
.svc-card h3{ font-size:21px; margin-bottom:10px; transition:var(--tr); }
.svc-card:hover h3{ color: var(--cherry); }
.svc-card p{ font-size:15px; flex:1; }
.svc-card__link{
  margin-top:20px; display:inline-flex; align-items:center; gap:8px;
  font:600 14px var(--ff-head); color: var(--head);
}
.svc-card__link svg{ width:15px; height:15px; color:var(--cherry); transition: transform var(--tr); }
.svc-card:hover .svc-card__link{ color: var(--cherry); }
.svc-card:hover .svc-card__link svg{ transform: translateX(5px); }

/* CTA strip */
.cta-strip{ background: linear-gradient(96deg, var(--cherry), #e0392a 60%, #c72e21); border-radius: var(--r-lg); position:relative; overflow:hidden; }
.cta-strip::before{
  content:""; position:absolute; inset:0;
  background: radial-gradient(420px 200px at 90% 20%, rgba(255,255,255,.18), transparent 60%);
}
.cta-strip__in{
  position:relative; display:flex; align-items:center; justify-content:space-between;
  gap:28px; padding: 44px 52px; flex-wrap:wrap;
}
.cta-strip p{ color:#ffe3df; font:600 13px/1 var(--ff-head); text-transform:uppercase; letter-spacing:.18em; margin-bottom:8px; }
.cta-strip h3{ color:#fff; font-size: clamp(22px, 3vw, 32px); letter-spacing:-.01em; }

/* ---------- 7. About / Danışmanlık split ---------- */
.split{ display:grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items:center; }
.split__media{ position:relative; }
.split__media .main{
  border-radius: var(--r-xl); overflow:hidden; box-shadow: var(--sh-lg);
}
.split__media .main img{ width:100%; height:520px; object-fit:cover; }
.split__badge{
  position:absolute; right:-18px; bottom:40px;
  background: linear-gradient(135deg, var(--cherry), var(--cherry-d)); color:#fff; border-radius: var(--r-md);
  padding: 22px 26px; box-shadow: 0 16px 40px rgba(242,80,63,.35); text-align:center;
  animation: float 6s ease-in-out infinite;
}
.split__badge b{ display:block; font:700 30px var(--ff-head); color:#fff; }
.split__badge span{ font-size:12.5px; color:#ffe3df; letter-spacing:.06em; }
.split__body .sec-title{ margin-bottom:20px; }
.split__body > p{ margin-bottom:16px; }
.feature-list{ margin: 26px 0 32px; display:grid; gap:14px; }
.feature-list li{ display:flex; gap:14px; align-items:flex-start; }
.feature-list .tick{
  flex:none; width:26px; height:26px; margin-top:3px; border-radius:8px;
  display:grid; place-items:center; background:var(--cherry-t); color:var(--cherry);
}
.feature-list .tick svg{ width:14px; height:14px; }
.feature-list b{ color: var(--head); font-family:var(--ff-head); font-size:15.5px; }
.feature-list a{ transition:var(--tr); }
.feature-list a:hover b{ color: var(--cherry); }

/* ---------- 8. MDV band (açık) ---------- */
.mdv{ position:relative; overflow:hidden; background:#fdf5f3; border-block:1px solid var(--line); }
.mdv::before{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(rgba(242,80,63,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(242,80,63,.06) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(800px 500px at 70% 40%, #000 30%, transparent 75%);
}
.mdv .container{ position:relative; }
.mdv__tag{
  display:inline-flex; align-items:center; gap:9px;
  background: #fff; border:1px solid rgba(242,80,63,.35);
  color:var(--cherry); padding: 8px 16px; border-radius:999px; box-shadow:var(--sh-sm);
  font:600 12px/1 var(--ff-head); letter-spacing:.18em; text-transform:uppercase;
  margin-bottom:20px;
}
.mdv__grid{ display:grid; grid-template-columns: 1fr .92fr; gap:60px; align-items:center; }
.mdv__body h2{ color:var(--head); font-size: clamp(28px, 3.6vw, 42px); letter-spacing:-.02em; margin-bottom:18px; }
.mdv__body h2 em{ font-style:normal; color:var(--cherry); }
.mdv__body p{ color:var(--text); }
.mdv__points{ margin: 28px 0 34px; display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; }
.mdv__points li{ display:flex; align-items:center; gap:11px; color:var(--head); font:600 14.5px var(--ff-head); }
.mdv__points svg{ flex:none; width:19px; height:19px; color: var(--cherry); }
.mdv__media{ position:relative; }
.mdv__media img{ border-radius: var(--r-xl); box-shadow: var(--sh-lg); border:1px solid var(--line); width:100%; }
.mdv__price-tag{
  position:absolute; left:-20px; bottom:-22px;
  background:#fff; border-radius:var(--r-md); box-shadow:var(--sh-lg);
  padding: 18px 24px;
}
.mdv__price-tag small{ display:block; font:600 11.5px var(--ff-head); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:4px; }
.mdv__price-tag del{ color:var(--muted); font-size:14px; margin-right:8px; }
.mdv__price-tag b{ font:700 22px var(--ff-head); color:var(--cherry); }
.save-chip{
  display:block; margin-top:8px; width:max-content;
  background:#e7f6ed; color:#1d8a4e; border:1px solid #bfe7cf;
  font:700 11px/1 var(--ff-head); letter-spacing:.06em; text-transform:uppercase;
  padding:6px 12px; border-radius:999px;
}

/* MDV canlı sinyal panosu (ürün çıktısı mock) */
.signal-card{
  position:absolute; top:26px; right:-22px; z-index:3; width:214px;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-md);
  box-shadow:var(--sh-lg); padding:16px 18px;
  animation: float 6s ease-in-out 1s infinite;
}
.signal-card__top{
  display:flex; align-items:center; gap:8px;
  font:700 12.5px var(--ff-head); color:var(--head);
  padding-bottom:12px; margin-bottom:10px; border-bottom:1px solid var(--line);
}
.live-dot{ width:9px; height:9px; border-radius:50%; background:#2ecc71; box-shadow:0 0 0 0 rgba(46,204,113,.5); animation: livedot 1.8s infinite; }
@keyframes livedot{ 0%{ box-shadow:0 0 0 0 rgba(46,204,113,.5);} 70%{ box-shadow:0 0 0 7px rgba(46,204,113,0);} 100%{ box-shadow:0 0 0 0 rgba(46,204,113,0);} }
.signal-card__row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 0; font-size:13px; color:var(--muted); }
.signal-card__row b{ font:700 13px var(--ff-head); color:var(--head); display:inline-flex; align-items:center; gap:5px; }
.signal-card__row b svg{ width:13px; height:13px; }
.signal-card__row b{ transition: opacity .25s ease; }
.signal-card__row b.up{ color:#1d8a4e; }
.signal-card__row b.mid{ color:#d68a1d; }
.signal-card__row b.down{ color:#d63a2c; }
.signal-card{ transition: transform .25s cubic-bezier(.4,0,.2,1); }
.vcard{ will-change: transform; }

/* ---------- 9. Pricing ---------- */
.pricing-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; align-items:stretch; }
.price-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding: 38px 34px; position:relative; display:flex; flex-direction:column;
  transition: var(--tr);
}
.price-card:hover{ transform: translateY(-8px); box-shadow: var(--sh-lg); }
.price-card--hot{ border:2px solid var(--cherry); box-shadow: var(--sh-md); }
.price-card__flag{
  position:absolute; top:-15px; left:50%; transform:translateX(-50%);
  background: var(--cherry); color:#fff; font:700 12px/1 var(--ff-head);
  letter-spacing:.12em; text-transform:uppercase;
  padding: 8px 20px; border-radius:999px; box-shadow: 0 8px 20px rgba(242,80,63,.4);
}
.price-card h3{ font-size:19px; margin-bottom:18px; }
.price-card__price{ display:flex; align-items:baseline; gap:10px; margin-bottom:6px; }
.price-card__price del{ color:var(--muted); font-size:16px; }
.price-card__price b{ font:700 40px/1 var(--ff-head); color:var(--head); letter-spacing:-.02em; }
.price-card__price .cur{ font:700 20px var(--ff-head); color:var(--cherry); }
.price-card__per{ font-size:13px; color:var(--muted); margin-bottom:24px; }
.price-card ul{ display:grid; gap:11px; margin-bottom:30px; flex:1; }
.price-card li{ display:flex; gap:10px; font-size:14.5px; align-items:flex-start; }
.price-card li svg{ flex:none; width:17px; height:17px; color:var(--cherry); margin-top:4px; }
.price-card .btn{ width:100%; }

/* ---------- 10. Blog / Duyurular ---------- */
.post-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:28px; }
.post-grid--2{ grid-template-columns: repeat(2, 1fr); }
.post-card{
  background:#fff; border:1px solid var(--line); border-radius: var(--r-lg);
  overflow:hidden; display:flex; flex-direction:column; transition: var(--tr);
}
.post-card:hover{ transform: translateY(-8px); box-shadow: var(--sh-lg); }
.post-card__media{ position:relative; overflow:hidden; }
.post-card__media img{ width:100%; height:210px; object-fit:cover; transition: transform .6s ease; }
.post-card:hover .post-card__media img{ transform: scale(1.06); }
.post-card__cat{
  position:absolute; left:16px; bottom:16px;
  background: var(--cherry); color:#fff; font:700 11px/1 var(--ff-head);
  letter-spacing:.1em; text-transform:uppercase;
  padding: 7px 13px; border-radius:999px;
}
.post-card__body{ padding: 26px 28px 28px; flex:1; display:flex; flex-direction:column; }
.post-card__meta{ display:flex; gap:14px; font:600 12px var(--ff-head); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:12px; flex-wrap:wrap; }
.post-card__meta svg{ width:13px; height:13px; color:var(--cherry); margin-right:5px; vertical-align:-2px; }
.post-card h3{ font-size:17.5px; line-height:1.45; margin-bottom:12px; flex:1; }
.post-card h3 a{ transition: var(--tr); }
.post-card h3 a:hover{ color: var(--cherry); }
.post-card__more{ display:inline-flex; align-items:center; gap:7px; font:600 13.5px var(--ff-head); color:var(--cherry); }
.post-card__more svg{ width:14px; height:14px; transition: transform var(--tr); }
.post-card:hover .post-card__more svg{ transform: translateX(4px); }

/* Blog filtre */
.filter-bar{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:40px; }
.filter-bar button{
  padding: 10px 20px; border-radius:999px; border:1.5px solid var(--line);
  background:#fff; font:600 13.5px var(--ff-head); color:var(--text); transition: var(--tr);
}
.filter-bar button:hover{ border-color: var(--cherry); color:var(--cherry); }
.filter-bar button.active{ background: var(--cherry); border-color:var(--cherry); color:#fff; }

/* ---------- 11. Prose (yazı & yasal içerik) ---------- */
.prose{ max-width: 800px; }
.prose > * + *{ margin-top: 1.15em; }
.prose h2{ font-size:26px; margin-top:1.7em; }
.prose h3{ font-size:21px; margin-top:1.5em; }
.prose h4{ font-size:18px; margin-top:1.4em; }
.prose strong{ color: var(--head); }
.prose a{ color: var(--cherry); font-weight:600; }
.prose a:hover{ text-decoration:underline; }
.prose ul, .prose ol{ padding-left: 22px; display:grid; gap:8px; }
.prose ul li{ list-style: none; position:relative; padding-left:22px; }
.prose ul li::before{
  content:""; position:absolute; left:0; top:7px;
  width:13px; height:13px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.6 2.4c-2.9 1.7-4.8 4.6-5.3 8.1' fill='none' stroke='%23f2503f' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c1.9 2.4 2.9 5.3 2.9 8.2' fill='none' stroke='%23f2503f' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c2.2-1 4.7-.7 6.5.7-1.9 1.3-4.4 1.6-6.5.7z' fill='%232f9e5f'/%3E%3Ccircle cx='7' cy='15.6' r='4.5' fill='%23f2503f'/%3E%3Ccircle cx='15.8' cy='14.9' r='3.9' fill='%23d63a2c'/%3E%3C/svg%3E") no-repeat center/contain;
}
.prose ol{ counter-reset: li; }
.prose ol li{ list-style: decimal; color: var(--text); }
.prose img{ border-radius: var(--r-md); margin-block:8px; }
.prose blockquote{
  border-left: 4px solid var(--cherry); background: #fff;
  padding: 22px 26px; border-radius: 0 var(--r-md) var(--r-md) 0;
  font-style: italic; color: var(--head);
}
.prose table{ width:100%; border-collapse:collapse; font-size:14.5px; }
.prose table th, .prose table td{ border:1px solid var(--line); padding:10px 14px; text-align:left; }
.prose table th{ background: var(--cherry-t); color: var(--head); font-family: var(--ff-head); }

/* Post düzeni */
.post-layout{ display:grid; grid-template-columns: minmax(0,1fr) 340px; gap: 56px; align-items:start; }
.post-hero-img{ border-radius: var(--r-lg); overflow:hidden; box-shadow: var(--sh-md); margin-bottom:36px; }
.post-hero-img img{ width:100%; max-height:460px; object-fit:cover; }
.post-meta-line{ display:flex; gap:18px; flex-wrap:wrap; font:600 12.5px var(--ff-head); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:24px; }
.post-meta-line svg{ width:14px; height:14px; color:var(--cherry); margin-right:6px; vertical-align:-2px; }

.sidebar{ display:grid; gap:28px; position:sticky; top:110px; }
.widget{ background:#fff; border:1px solid var(--line); border-radius: var(--r-lg); padding: 30px; }
.widget h4{ font-size:17px; margin-bottom:18px; padding-bottom:14px; border-bottom:2px solid var(--cherry-t); position:relative; }
.widget h4::after{ content:""; position:absolute; left:0; bottom:-2px; width:44px; height:2px; background:var(--cherry); }
.widget ul{ display:grid; gap:4px; }
.widget ul a{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding: 10px 12px; border-radius:10px; font-size:14.5px; font-weight:500; transition: var(--tr);
}
.widget ul a:hover{ background:var(--cherry-t); color:var(--cherry); }
.widget .mini{ display:grid; gap:16px; }
.widget .mini a{ display:flex; gap:14px; align-items:center; }
.widget .mini img{ flex:none; width:70px; height:70px; object-fit:cover; border-radius:12px; }
.widget .mini b{ font:600 13.5px/1.45 var(--ff-body); color:var(--head); display:block; transition:var(--tr); }
.widget .mini a:hover b{ color: var(--cherry); }
.widget .mini span{ font-size:12px; color:var(--muted); }
.widget--cta{
  background: linear-gradient(135deg, var(--cherry), var(--cherry-d)); border:0; text-align:center;
  box-shadow: 0 14px 34px rgba(242,80,63,.3);
}
.widget--cta h4{ color:#fff; border:0; padding:0; }
.widget--cta h4::after{ display:none; }
.widget--cta p{ color:#ffe3df; font-size:14px; margin-bottom:18px; }
.widget--cta .btn--primary{ background:#fff; color:var(--head); box-shadow:none; }
.widget--cta .btn--primary:hover{ background:var(--ink); color:#fff; }

/* Prev / Next */
.post-nav{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:56px; }
.post-nav a{
  border:1px solid var(--line); background:#fff; border-radius: var(--r-md);
  padding: 20px 24px; transition: var(--tr); display:block;
}
.post-nav a:hover{ border-color:var(--cherry); box-shadow: var(--sh-md); }
.post-nav .lbl{ font:600 11.5px var(--ff-head); letter-spacing:.14em; text-transform:uppercase; color:var(--cherry); display:block; margin-bottom:6px; }
.post-nav b{ font:600 14.5px/1.5 var(--ff-body); color:var(--head); }
.post-nav .next{ text-align:right; }

/* ---------- 12. Shop ---------- */
.shop-layout{ display:grid; grid-template-columns: minmax(0,1fr) 320px; gap:48px; align-items:start; }
.product-card{
  background:#fff; border:1px solid var(--line); border-radius: var(--r-lg);
  overflow:hidden; transition: var(--tr); position:relative; max-width:560px;
}
.product-card:hover{ transform:translateY(-6px); box-shadow: var(--sh-lg); }
.product-card__sale{
  position:absolute; top:18px; left:18px; z-index:2;
  background:var(--cherry); color:#fff; font:700 12px/1 var(--ff-head); letter-spacing:.08em;
  padding:8px 15px; border-radius:999px; text-transform:uppercase;
}
.product-card img{ width:100%; aspect-ratio:1; object-fit:cover; }
.product-card__body{ padding: 28px; }
.product-card__cat{ font:600 12px var(--ff-head); letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; display:block; }
.product-card h3{ font-size:20px; margin-bottom:12px; }
.product-card h3 a:hover{ color:var(--cherry); }
.price-line{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.price-line del{ color:var(--muted); }
.price-line ins{ text-decoration:none; font:700 24px var(--ff-head); color:var(--cherry); }
.price-line small{ font-size:12px; color:var(--muted); font-weight:600; }
.product-card .btn{ margin-top:20px; width:100%; }

/* Ürün detay */
.product-hero{ display:grid; grid-template-columns: .92fr 1.08fr; gap:56px; align-items:start; }
.product-gallery{ position:sticky; top:110px; }
.product-gallery .main{ border-radius: var(--r-lg); overflow:hidden; border:1px solid var(--line); box-shadow: var(--sh-md); }
.product-gallery .thumbs{ display:flex; gap:12px; margin-top:14px; }
.product-gallery .thumbs button{ border:2px solid var(--line); border-radius:12px; overflow:hidden; width:86px; transition:var(--tr); }
.product-gallery .thumbs button.active, .product-gallery .thumbs button:hover{ border-color:var(--cherry); }
.product-info h1{ font-size: clamp(26px, 3vw, 36px); letter-spacing:-.02em; margin: 10px 0 18px; }
.product-info .price-line ins{ font-size:34px; }
.product-info__desc{ margin: 22px 0 26px; }
.stock-note{ display:inline-flex; align-items:center; gap:8px; font:600 13px var(--ff-head); color:#1d8a4e; background:#e7f6ed; padding:8px 16px; border-radius:999px; margin-bottom:22px; }
.stock-note::before{ content:""; width:8px; height:8px; border-radius:50%; background:#1d8a4e; }
.product-info .meta{ border-top:1px solid var(--line); margin-top:28px; padding-top:20px; display:grid; gap:8px; font-size:14px; }
.product-info .meta b{ color:var(--head); }
.buy-row{ display:flex; gap:14px; flex-wrap:wrap; }

/* Tabs */
.tabs{ margin-top:72px; }
.tabs__nav{ display:flex; gap:8px; border-bottom:2px solid var(--line); flex-wrap:wrap; }
.tabs__nav button{
  padding: 14px 26px; font:600 15px var(--ff-head); color:var(--text);
  border-radius: 12px 12px 0 0; position:relative; transition:var(--tr);
}
.tabs__nav button.active{ color: var(--cherry); }
.tabs__nav button.active::after{ content:""; position:absolute; left:0; right:0; bottom:-2px; height:2.5px; background:var(--cherry); }
.tabs__panel{ display:none; padding-top:36px; }
.tabs__panel.active{ display:block; animation: fadeIn .45s ease; }
@keyframes fadeIn{ from{ opacity:0; transform: translateY(10px);} to{ opacity:1; transform:none;} }

/* ---------- 13. İletişim ---------- */
.contact-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:28px; }
.contact-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding: 36px 32px; text-align:center; transition: var(--tr);
}
.contact-card:hover{ transform:translateY(-6px); box-shadow:var(--sh-lg); }
.contact-card .ic{
  width:64px; height:64px; margin:0 auto 20px; border-radius:18px;
  display:grid; place-items:center; background:var(--cherry-t); color:var(--cherry);
}
.contact-card .ic svg{ width:28px; height:28px; }
.contact-card h3{ font-size:18px; margin-bottom:8px; }
.contact-card p, .contact-card a{ font-size:15px; }
.contact-card a:hover{ color: var(--cherry); }

.contact-split{ display:grid; grid-template-columns: .9fr 1.1fr; gap:56px; align-items:center; }
.form{ background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding: 44px; box-shadow: var(--sh-sm); }
.form__row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form .field{ margin-bottom:18px; }
.form label{ display:block; font:600 13.5px var(--ff-head); color:var(--head); margin-bottom:8px; }
.form input, .form textarea{
  width:100%; padding: 14px 18px; border:1.5px solid var(--line); border-radius:12px;
  font: 15px var(--ff-body); color:var(--head); background:var(--bg);
  transition: var(--tr); outline:none;
}
.form input:focus, .form textarea:focus{ border-color: var(--cherry); background:#fff; box-shadow: 0 0 0 4px rgba(242,80,63,.12); }
.form textarea{ min-height:140px; resize:vertical; }
.form__ok{
  display:none; margin-top:16px; padding:14px 18px; border-radius:12px;
  background:#e7f6ed; color:#1d8a4e; font-weight:600; font-size:14.5px;
}
.form__ok.show{ display:block; animation: fadeIn .4s ease; }

/* ---------- 14. Footer (açık, yenilendi) ---------- */
.footer{ background:#fff; color: var(--text); position:relative; overflow:hidden; border-top:1px solid var(--line); }
.footer__cta{
  position:relative; margin-top:56px; border-radius:var(--r-lg); overflow:hidden;
  background: linear-gradient(96deg, var(--cherry), #e0392a 60%, #c72e21);
  display:flex; align-items:center; justify-content:space-between;
  gap:24px; flex-wrap:wrap; padding: 40px 48px;
  box-shadow: 0 18px 44px rgba(242,80,63,.28);
}
.footer__cta::before{
  content:""; position:absolute; inset:0;
  background: radial-gradient(420px 200px at 88% 20%, rgba(255,255,255,.2), transparent 60%);
}
.footer__cta > *{ position:relative; }
.footer__cta h2{ color:#fff; font-size: clamp(22px,3vw,34px); letter-spacing:-.01em; }
.footer__cta h2 em{ font-style:normal; color: #ffe3df; }
.footer__cta small{ display:block; font:600 12.5px var(--ff-head); letter-spacing:.2em; text-transform:uppercase; color:#ffd9d4; margin-bottom:8px; }
.footer__grid{
  position:relative; display:grid; grid-template-columns: 1.35fr .8fr .95fr 1.1fr;
  gap: 44px; padding: 56px 0 44px;
}
.footer__brand img{ height:52px; margin-bottom:18px; }
.footer__brand p{ font-size:14px; margin-bottom:20px; max-width:340px; color:var(--text); }
.footer .socials a{ color:var(--muted); border:1px solid var(--line); width:32px; height:32px; border-radius:10px; }
.footer .socials{ gap:8px; padding:0; border:0; }
.footer .socials a:hover{ background:var(--cherry); border-color:var(--cherry); color:#fff; }
.footer h4{ color:var(--head); font-size:15px; letter-spacing:.04em; margin-bottom:18px; position:relative; padding-bottom:10px; }
.footer h4::after{ content:""; position:absolute; left:0; bottom:0; width:30px; height:2.5px; border-radius:2px; background:var(--cherry); }
.footer__links{ display:grid; gap:10px; }
.footer__links a{ font-size:14px; display:inline-flex; align-items:center; gap:9px; color:var(--text); transition: var(--tr); }
.footer__links a::before{ content:""; width:5px; height:5px; border-radius:50%; background:var(--cherry); opacity:.45; transition:var(--tr); }
.footer__links a:hover{ color:var(--cherry); transform: translateX(3px); }
.footer__links a:hover::before{ opacity:1; }
.footer__contact{ display:grid; gap:14px; font-size:14px; }
.footer__contact li{ display:flex; gap:12px; align-items:flex-start; }
.footer__contact svg{ flex:none; width:34px; height:34px; padding:8px; border-radius:10px; background:var(--cherry-t); color:var(--cherry); }
.footer__contact b{ display:block; color:var(--head); font:600 13px var(--ff-head); margin-bottom:2px; }
.footer__contact a:hover{ color:var(--cherry); }
.footer__pay{ margin-top:6px; }
.footer__pay img{ max-height:30px; width:auto; }

/* footer güvenli ödeme şeridi */
.footer__pay-strip{
  position:relative; margin-top:8px;
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  padding:22px 26px; border:1px solid var(--line); border-radius:var(--r-md);
  background:linear-gradient(180deg,#fff,#fdf5f3);
}
.footer__pay-badges{ display:flex; align-items:center; gap:12px; }
.pay-logo{
  height:40px; min-width:56px; padding:0 12px; border-radius:10px;
  background:#fff; border:1px solid var(--line); box-shadow:var(--sh-sm);
  display:inline-flex; align-items:center; justify-content:center; transition:var(--tr);
}
.pay-logo:hover{ transform:translateY(-3px); box-shadow:var(--sh-md); }
.pay-logo svg{ height:22px; width:auto; }
.pay-logo--iban{ font:800 14px var(--ff-head); letter-spacing:.06em; color:var(--ink); }
.footer__trust{ display:flex; align-items:center; gap:10px 22px; flex-wrap:wrap; }
.footer__trust span{
  display:inline-flex; align-items:center; gap:8px;
  font:600 12.5px var(--ff-head); letter-spacing:.02em; color:var(--head);
}
.footer__trust svg{ width:16px; height:16px; color:#1d8a4e; }
@media (max-width:640px){
  .footer__pay-strip{ flex-direction:column; align-items:flex-start; gap:16px; padding:18px 18px; }
  .footer__trust{ gap:8px 16px; }
  .footer__trust span{ font-size:11.5px; }
}
.footer__disc{
  position:relative; font-size:12px; color:var(--muted); line-height:1.7;
  border-top:1px solid var(--line); padding: 22px 0;
}
.footer__bottom{
  position:relative; border-top:1px solid var(--line);
  padding: 20px 0;
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; flex-wrap:wrap; font-size:13px; color:var(--muted);
}
.footer__bottom a{ color:var(--head); font-weight:600; }
.footer__bottom a:hover{ color: var(--cherry); }

/* ---------- 15. Yardımcılar ---------- */
.to-top{
  position:fixed; right:22px; bottom:22px; z-index:110;
  width:46px; height:46px; border-radius:14px;
  background: var(--cherry); color:#fff; display:grid; place-items:center;
  box-shadow: var(--sh-lg); opacity:0; visibility:hidden; transform: translateY(14px);
  transition: var(--tr);
}
.to-top.show{ opacity:1; visibility:visible; transform:none; }
.to-top:hover{ background: var(--cherry-d); }
.to-top svg{ width:18px; height:18px; }

/* Cookie bar */
.cookiebar{
  position:fixed; left:20px; right:20px; bottom:20px; z-index:140;
  max-width:640px; margin-inline:auto;
  background:#fff; border:1px solid var(--line); border-radius: var(--r-md);
  box-shadow: var(--sh-lg); padding: 22px 26px;
  display:none;
}
.cookiebar.show{ display:block; animation: fadeIn .5s ease; }
.cookiebar p{ font-size:13.5px; margin-bottom:14px; }
.cookiebar p a{ color:var(--cherry); font-weight:600; }
.cookiebar__row{ display:flex; gap:10px; flex-wrap:wrap; }

/* Satın alma modal */
.modal{
  position:fixed; inset:0; z-index:150; display:none;
  align-items:center; justify-content:center; padding:20px;
}
.modal.open{ display:flex; }
.modal__bg{ position:absolute; inset:0; background:rgba(14,26,36,.6); backdrop-filter: blur(4px); }
.modal__box{
  position:relative; background:#fff; border-radius: var(--r-lg);
  max-width:460px; width:100%; padding: 40px 36px; box-shadow: var(--sh-lg);
  animation: fadeIn .35s ease; text-align:center;
}
.modal__close{ position:absolute; top:14px; right:14px; width:38px; height:38px; border-radius:11px; background:var(--bg); display:grid; place-items:center; transition:var(--tr); }
.modal__close:hover{ background: var(--cherry-t); color:var(--cherry); }
.modal__box .ic{ width:64px; height:64px; margin:0 auto 18px; border-radius:18px; background:var(--cherry-t); color:var(--cherry); display:grid; place-items:center; }
.modal__box .ic svg{ width:30px; height:30px; }
.modal__box h3{ font-size:21px; margin-bottom:10px; }
.modal__box p{ font-size:14.5px; margin-bottom:22px; }
.modal__box .btn{ width:100%; margin-bottom:10px; }

/* 404 */
.err-wrap{ text-align:center; padding: 40px 0 20px; }
.err-wrap img{ max-width:480px; margin:0 auto 30px; border-radius:var(--r-lg); }
.err-wrap h1{ font-size: clamp(30px,4vw,44px); margin-bottom:14px; }
.err-wrap p{ max-width:480px; margin:0 auto 28px; }

/* Sayfalama benzeri etiket */
.count-note{ font:600 13px var(--ff-head); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:28px; }

/* ---------- 16. Responsive ---------- */
@media (max-width: 1100px){
  .hero__grid{ grid-template-columns:1fr; padding:72px 0 84px; }
  .hero__visual{ max-width:640px; }
  .hero__card--1{ left:8px; }
  .hero__card--2{ right:8px; }
  .svc-grid, .pricing-grid, .post-grid, .contact-grid{ grid-template-columns: repeat(2,1fr); }
  .mdv__grid, .split, .contact-split, .product-hero{ grid-template-columns:1fr; gap:48px; }
  .post-layout, .shop-layout{ grid-template-columns:1fr; }
  .sidebar{ position:static; }
  .product-gallery{ position:static; }
  .footer__grid{ grid-template-columns:1fr 1fr; }
  .split__media .main img{ height:420px; }
}
@media (max-width: 900px){
  .nav, .header__phone{ display:none; }
  .burger{ display:block; }
}
@media (max-width: 640px){
  .section{ padding: 64px 0; }
  .svc-grid, .pricing-grid, .post-grid, .contact-grid, .footer__grid, .post-nav, .form__row, .mdv__points{ grid-template-columns:1fr; }
  .topbar__note{ display:none; }
  .hero__img img{ height:320px; }
  .split__media .main img{ height:320px; }
  .split__badge{ right:10px; bottom:-20px; }
  .cta-strip__in{ padding: 34px 28px; }
  .form{ padding: 30px 22px; }
  .hero__card{ display:none; }
  .brand img{ height:44px; }
  .footer__cta{ padding: 30px 26px; margin-top:44px; }
  .footer__grid{ gap:34px; padding:44px 0 36px; }
  .hero__grid{ padding: 56px 0 72px; }
  .ld-hero{ padding: 56px 0 64px; }
  .page-hero{ padding: 52px 0; }
  .sec-head{ margin-bottom:36px; }
  .ld-sec-head{ margin-bottom:38px; }
  .form input, .form textarea{ font-size:16px; }
  .deco-cherry{ display:none; }
  .signal-card{ position:static; width:auto; right:auto; top:auto; margin-top:16px; animation:none; }
  .bridge-note{ font-size:14px; padding:18px 20px; }
  .bridge-note a{ display:flex; justify-content:center; margin:8px 0 0; }

  /* mobil slider: kompakt, metin odaklı */
  .hero--slider .hero__visual{ display:none; }
  .hero--slider .hero__grid{ grid-template-columns:1fr; padding:40px 0 46px; gap:0; }
  .hero--slider .hero-h, .hero--slider h1{ font-size:clamp(27px,7.4vw,34px); margin-bottom:14px; }
  .hero--slider .hero__desc{ font-size:15px; margin-bottom:22px; }
  .hero--slider .hero__actions{ margin-bottom:20px; gap:10px; }
  .hero--slider .hero__actions .btn{ padding:13px 22px; font-size:14px; }
  .hero--slider .hero__chips{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:6px;
    scrollbar-width:none; -webkit-overflow-scrolling:touch; max-width:100%; }
  .hero--slider .hero__chips::-webkit-scrollbar{ display:none; }
  .hero--slider .hero__chips a{ flex:none; }
  .hero-nav{ margin-top:-8px; padding-bottom:26px; }
}
@media (max-width:1100px) and (min-width:641px){
  .signal-card{ right:10px; top:12px; }
}

/* ============================================================
   17. KURUMSAL EK KATMAN — animasyonlu hero, stat bandı
   ============================================================ */

/* Hero canvas (canlı grafik animasyonu) */
.hero{ isolation:isolate; }
.market-canvas{
  position:absolute; inset:0; width:100%; height:100%;
  z-index:0; opacity:.55; pointer-events:none;
}
.hero::before{ z-index:1; }
.hero .container{ position:relative; z-index:2; }
.hero__badges{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:26px; }
.hero__badges span{
  display:inline-flex; align-items:center; gap:8px;
  font:600 12px/1 var(--ff-head); letter-spacing:.1em; text-transform:uppercase;
  color:var(--text); background:#fff;
  border:1px solid var(--line); padding:8px 14px; border-radius:999px; box-shadow:var(--sh-sm);
}
.hero__badges svg{ width:13px; height:13px; color:var(--cherry); }

/* Gradyan başlık vurgusu (animasyonlu şimşek) */
.grad-text{
  background: linear-gradient(94deg, var(--cherry) 0%, #ff8a76 30%, var(--cherry-d) 60%, var(--cherry) 100%);
  background-size: 220% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent !important;
  animation: shimmer 5s ease-in-out infinite;
}
@keyframes shimmer{ 0%,100%{ background-position:0% 0; } 50%{ background-position:100% 0; } }

/* Stat bandı (açık) */
.stat-band{
  position:relative; z-index:2;
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  background:var(--line); border-block:1px solid var(--line);
}
.stat{ background:#fff; padding:32px 20px; text-align:center; transition:var(--tr); }
.stat:hover{ background:#fdf5f3; }
.stat b{
  display:block; font:700 clamp(28px,3.4vw,42px)/1.1 var(--ff-head);
  color:var(--head); letter-spacing:-.02em;
}
.stat b .sfx{ color:var(--cherry); }
.stat span{ font:600 12.5px var(--ff-head); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }

/* Kurumsal güven bandı */
.trust-band{ display:flex; align-items:center; justify-content:center; gap:18px 46px; flex-wrap:wrap; padding:26px 0; }
.trust-band span{ display:inline-flex; align-items:center; gap:10px; font:600 13px var(--ff-head); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.trust-band svg{ width:17px; height:17px; color:var(--cherry); }

/* ============================================================
   18. MDV LANDING PAGE (mdv.html — açık tema)
   ============================================================ */
.ld-header{
  position:sticky; top:0; z-index:120;
  background:rgba(255,255,255,.92); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.ld-header__in{ display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:72px; }
.ld-header .brand img{ height:44px; }
.ld-nav{ display:flex; align-items:center; gap:2px; }
.ld-nav a{
  padding:10px 14px; font:600 13.5px var(--ff-head); color:var(--head);
  border-radius:10px; transition:var(--tr);
}
.ld-nav a:hover{ color:var(--cherry); background:var(--cherry-t); }
.ld-back{ display:inline-flex; align-items:center; gap:8px; font:600 13px var(--ff-head); color:var(--muted); transition:var(--tr); }
.ld-back:hover{ color:var(--cherry); }
.ld-back svg{ width:14px; height:14px; transform:rotate(180deg); }

/* Landing hero (açık) */
.ld-hero{
  position:relative; overflow:hidden; padding:88px 0 84px; isolation:isolate;
  background: linear-gradient(180deg, #fff 0%, #fdf5f3 55%, var(--bg) 100%);
  color:var(--head);
}
.ld-hero::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:
    radial-gradient(1000px 540px at 82% -12%, rgba(242,80,63,.10), transparent 60%),
    radial-gradient(760px 480px at 0% 112%, rgba(232,176,75,.08), transparent 60%);
}
.ld-hero .container{ position:relative; z-index:2; }
.ld-hero__grid{ display:grid; grid-template-columns:1.06fr .94fr; gap:60px; align-items:center; }
.ld-hero h1{ color:var(--head); font-size:clamp(34px,4.6vw,56px); letter-spacing:-.025em; margin-bottom:20px; animation:heroIn .7s .05s cubic-bezier(.4,0,.2,1) both; }
.ld-hero__sub{ font-size:17.5px; color:var(--text); max-width:560px; margin-bottom:32px; animation:heroIn .7s .15s cubic-bezier(.4,0,.2,1) both; }
.ld-hero .ld-kicker{ animation:heroIn .7s cubic-bezier(.4,0,.2,1) both; }
.ld-hero .hero__badges{ animation:heroIn .7s .22s cubic-bezier(.4,0,.2,1) both; }
.ld-hero .hero__actions{ animation:heroIn .7s .3s cubic-bezier(.4,0,.2,1) both; }
.ld-hero__visual{ animation:heroIn .9s .2s cubic-bezier(.4,0,.2,1) both; }
.ld-kicker{
  display:inline-flex; align-items:center; gap:10px;
  background:#fff; border:1px solid rgba(242,80,63,.35);
  color:var(--cherry); padding:9px 18px; border-radius:999px; box-shadow:var(--sh-sm);
  font:600 12px/1 var(--ff-head); letter-spacing:.2em; text-transform:uppercase;
  margin-bottom:24px;
}
.ld-kicker::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--cherry); box-shadow:0 0 0 4px rgba(242,80,63,.22); animation:pulse 2s infinite; }
@keyframes pulse{ 0%,100%{ box-shadow:0 0 0 4px rgba(242,80,63,.22);} 50%{ box-shadow:0 0 0 9px rgba(242,80,63,.05);} }
.ld-hero__visual{ position:relative; }
.ld-hero__visual > img{
  border-radius:var(--r-xl); border:1px solid var(--line);
  box-shadow:var(--sh-lg); animation:float 7s ease-in-out infinite;
}
.ld-float{
  position:absolute; background:rgba(255,255,255,.94); backdrop-filter:blur(8px);
  border:1px solid var(--line); border-radius:var(--r-md);
  padding:14px 18px; display:flex; align-items:center; gap:12px;
  box-shadow:var(--sh-lg); color:var(--head);
}
.ld-float .dot{ width:10px; height:10px; border-radius:50%; flex:none; }
.ld-float b{ font:700 14px var(--ff-head); display:block; }
.ld-float span{ font-size:11.5px; color:var(--muted); }
.ld-float--1{ top:22px; left:-26px; animation:float 5.5s ease-in-out .4s infinite; }
.ld-float--2{ bottom:64px; right:-20px; animation:float 6.5s ease-in-out 1.1s infinite; }
.ld-float--3{ bottom:-18px; left:34px; animation:float 6s ease-in-out .8s infinite; }

/* Bölüm başlığı */
.ld-sec-head{ text-align:center; max-width:760px; margin:0 auto 56px; }
.ld-sec-head h2{ color:var(--head); font-size:clamp(26px,3.6vw,40px); letter-spacing:-.02em; margin-bottom:14px; }
.ld-sec-head h2 em{ font-style:normal; color:var(--cherry); }
.ld-sec-head p{ color:var(--text); font-size:16.5px; }

/* Vektör ailesi kartları (açık) */
.ld-family{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ld-card{
  position:relative; background:#fff; border:1px solid var(--line);
  border-radius:var(--r-lg); padding:36px 30px; transition:var(--tr); overflow:hidden;
}
.ld-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg, var(--cherry), transparent 70%);
  opacity:0; transition:var(--tr);
}
.ld-card:hover{ transform:translateY(-8px); border-color:transparent; box-shadow:var(--sh-lg); }
.ld-card:hover::before{ opacity:1; }
.ld-card .ic{
  width:56px; height:56px; border-radius:16px; margin-bottom:22px;
  display:grid; place-items:center; background:var(--cherry-t);
  color:var(--cherry); transition:var(--tr);
}
.ld-card:hover .ic{ background:var(--cherry); color:#fff; transform:rotate(-6deg) scale(1.05); }
.ld-card .ic svg{ width:26px; height:26px; }
.ld-card h3{ color:var(--head); font-size:19px; margin-bottom:10px; }
.ld-card h3.vec-h{ font-size:23px; line-height:1.15; }
.ld-card h3.vec-h small{ display:block; font:800 11.5px var(--ff-head); letter-spacing:.2em; text-transform:uppercase; color:var(--cherry); margin-bottom:4px; }
.ld-card .tagx{ display:inline-block; font:600 10.5px/1 var(--ff-head); letter-spacing:.14em; text-transform:uppercase; color:#a8842f; border:1px solid rgba(232,176,75,.5); background:rgba(232,176,75,.1); border-radius:999px; padding:5px 11px; margin-bottom:14px; }
.ld-card p{ color:var(--text); font-size:14.5px; }
.ld-card ul{ margin-top:16px; display:grid; gap:9px; }
.ld-card ul li{ display:flex; gap:9px; align-items:flex-start; color:var(--head); font-size:13.5px; }
.ld-card ul svg{ flex:none; width:15px; height:15px; color:var(--cherry); margin-top:3px; }

/* Adımlar (nasıl çalışır — açık) */
.ld-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; counter-reset:step; }
.ld-step{ position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:34px 26px; transition:var(--tr); }
.ld-step:hover{ transform:translateY(-6px); box-shadow:var(--sh-md); border-color:rgba(242,80,63,.35); }
.ld-step__num{
  counter-increment:step; display:grid; place-items:center;
  width:46px; height:46px; border-radius:14px; margin-bottom:20px;
  background:linear-gradient(135deg, var(--cherry), var(--cherry-d));
  font:700 18px var(--ff-head); color:#fff; box-shadow:0 8px 22px rgba(242,80,63,.35);
  transition:var(--tr);
}
.ld-step:hover .ld-step__num{ transform:rotate(-8deg) scale(1.08); }
.ld-step__num::before{ content:counter(step, decimal-leading-zero); }
.ld-step h3{ color:var(--head); font-size:16.5px; margin-bottom:9px; }
.ld-step p{ color:var(--text); font-size:13.8px; }

/* Özellik ızgarası (açık) */
.ld-feats{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.ld-feat{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-md);
  padding:26px 22px; transition:var(--tr);
}
.ld-feat:hover{ border-color:rgba(242,80,63,.35); transform:translateY(-4px); box-shadow:var(--sh-md); }
.ld-feat .ic{ width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:var(--cherry-t); color:var(--cherry); margin-bottom:16px; transition:var(--tr); }
.ld-feat:hover .ic{ background:var(--cherry); color:#fff; }
.ld-feat .ic svg{ width:21px; height:21px; }
.ld-feat h4{ color:var(--head); font-size:15px; margin-bottom:7px; }
.ld-feat p{ color:var(--text); font-size:13px; line-height:1.6; }

/* Webhook / kod paneli */
.ld-code-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.code-panel{
  background:#0a141d; border:1px solid var(--line-d); border-radius:var(--r-lg);
  overflow:hidden; box-shadow:var(--sh-lg); font-family:"Consolas","Courier New",monospace;
}
.code-panel__bar{ display:flex; align-items:center; gap:8px; padding:14px 18px; border-bottom:1px solid var(--line-d); }
.code-panel__bar i{ width:11px; height:11px; border-radius:50%; }
.code-panel__bar i:nth-child(1){ background:#f2503f; }
.code-panel__bar i:nth-child(2){ background:#e8b04b; }
.code-panel__bar i:nth-child(3){ background:#2ecc71; }
.code-panel__bar span{ margin-left:8px; font:600 11.5px var(--ff-head); letter-spacing:.08em; color:#8fa1ad; }
.code-panel pre{
  margin:0; padding:22px 24px; font-size:13px; line-height:1.85; color:#c7d3db;
  min-height:330px; white-space:pre-wrap; word-break:break-word;
}
.code-panel .k{ color:#7dd3fc; } .code-panel .s{ color:#fca5a1; } .code-panel .n{ color:#e8b04b; }
.type-caret::after{ content:"▌"; color:var(--cherry); animation:blink 1s steps(1) infinite; }
@keyframes blink{ 50%{ opacity:0; } }
.ld-code-body h2{ color:var(--head); font-size:clamp(24px,3vw,36px); letter-spacing:-.02em; margin-bottom:16px; }
.ld-code-body p{ color:var(--text); margin-bottom:14px; }
.ld-code-body p strong{ color:var(--head) !important; }
.ld-code-body .mdv__points{ grid-template-columns:1fr; margin:22px 0 0; }

/* Chip bulutu (kimler için — açık) */
.ld-chips{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.ld-chips span{
  display:inline-flex; align-items:center; gap:9px;
  background:#fff; border:1px solid var(--line); color:var(--head);
  font:600 14px var(--ff-head); padding:13px 22px; border-radius:999px;
  box-shadow:var(--sh-sm); transition:var(--tr);
}
.ld-chips span:hover{ border-color:rgba(242,80,63,.5); transform:translateY(-3px); box-shadow:var(--sh-md); }
.ld-chips svg{ width:16px; height:16px; color:var(--cherry); }

/* SSS (açık) */
.faq{ max-width:780px; margin:0 auto; display:grid; gap:14px; }
.faq__item{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; transition:var(--tr); }
.faq__item.open{ border-color:rgba(242,80,63,.5); box-shadow:var(--sh-md); }
.faq__q{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:20px 24px; text-align:left; font:600 15.5px var(--ff-head); color:var(--head);
}
.faq__q .pl{ flex:none; width:26px; height:26px; border-radius:9px; display:grid; place-items:center; background:var(--cherry-t); color:var(--cherry); transition:transform var(--tr); }
.faq__q .pl svg{ width:14px; height:14px; }
.faq__item.open .pl{ transform:rotate(45deg); }
.faq__a{ max-height:0; overflow:hidden; transition:max-height .45s ease; }
.faq__a > div{ padding:0 24px 22px; color:var(--text); font-size:14.5px; line-height:1.75; }

/* Landing CTA final (açık) */
.ld-final{
  position:relative; border-radius:var(--r-xl); overflow:hidden;
  background:linear-gradient(115deg, #fff, #fdf5f3);
  border:1px solid var(--line); box-shadow:var(--sh-md); padding:64px 56px; text-align:center;
}
.ld-final::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(560px 260px at 50% 0%, rgba(242,80,63,.08), transparent 70%);
}
.ld-final > *{ position:relative; }
.ld-final h2{ color:var(--head); font-size:clamp(26px,3.4vw,40px); letter-spacing:-.02em; margin-bottom:14px; }
.ld-final p{ color:var(--text); max-width:560px; margin:0 auto 30px; }
.ld-final .hero__actions{ justify-content:center; margin-bottom:0; }

/* Uyarı kutusu (açık) */
.ld-notice{
  background:#fdf8ec; border:1px solid rgba(232,176,75,.4);
  border-radius:var(--r-md); padding:26px 30px; color:#8a7332;
  font-size:13px; line-height:1.8;
}
.ld-notice h4{ color:#a8842f; font-size:14px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:10px; display:flex; align-items:center; gap:9px; }
.ld-notice h4 svg{ width:16px; height:16px; }
.ld-notice + .ld-notice{ margin-top:16px; }

@media (max-width:1100px){
  .ld-hero__grid, .ld-code-grid{ grid-template-columns:1fr; gap:48px; }
  .ld-family, .ld-feats{ grid-template-columns:repeat(2,1fr); }
  .ld-steps{ grid-template-columns:repeat(2,1fr); }
  .stat-band{ grid-template-columns:repeat(2,1fr); }
  .ld-float--1{ left:6px; } .ld-float--2{ right:6px; }
}
@media (max-width:640px){
  .ld-family, .ld-feats, .ld-steps{ grid-template-columns:1fr; }
  .stat-band{ grid-template-columns:1fr 1fr; }
  .ld-nav{ display:none; }
  .ld-final{ padding:44px 26px; }
  .ld-float{ display:none; }
  .code-panel pre{ min-height:380px; }
}

/* ============================================================
   19. VİŞNE MARKA KATMANI — filigranlar
   ============================================================ */
.page-hero::after, .footer::after, .ld-final::after, .mdv::after{
  content:""; position:absolute; pointer-events:none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.6 2.4c-2.9 1.7-4.8 4.6-5.3 8.1' fill='none' stroke='%23f2503f' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c1.9 2.4 2.9 5.3 2.9 8.2' fill='none' stroke='%23f2503f' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c2.2-1 4.7-.7 6.5.7-1.9 1.3-4.4 1.6-6.5.7z' fill='%23f2503f'/%3E%3Ccircle cx='7' cy='15.6' r='4.5' fill='none' stroke='%23f2503f' stroke-width='1.4'/%3E%3Ccircle cx='15.8' cy='14.9' r='3.9' fill='none' stroke='%23f2503f' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat center/contain;
}
.page-hero::after{ right:4%; top:50%; transform:translateY(-50%) rotate(12deg); width:220px; height:220px; opacity:.07; animation: float 8s ease-in-out infinite; }
.footer::after{ right:-40px; top:120px; width:380px; height:380px; opacity:.04; transform:rotate(-10deg); }
.ld-final::after{ left:-30px; bottom:-40px; width:240px; height:240px; opacity:.06; transform:rotate(-14deg); }
.mdv::after{ right:2%; bottom:-60px; width:280px; height:280px; opacity:.05; transform:rotate(10deg); }

/* ============================================================
   20. HİZMET SIDEBAR — ikonlu kartlar
   ============================================================ */
.svc-side{ display:grid; gap:12px; }
.svc-side a{
  display:flex; align-items:center; gap:15px;
  padding:15px 16px; border:1.5px solid var(--line); border-radius:14px;
  transition: var(--tr); background:var(--bg);
}
.svc-side .ic{
  flex:none; width:46px; height:46px; border-radius:13px;
  display:grid; place-items:center;
  background:#fff; border:1px solid var(--line); color:var(--muted);
  transition: var(--tr);
}
.svc-side .ic svg{ width:22px; height:22px; }
.svc-side b{ display:block; font:600 14.5px var(--ff-head); color:var(--head); transition:var(--tr); }
.svc-side small{ font-size:12px; color:var(--muted); }
.svc-side .go{ margin-left:auto; flex:none; width:20px; height:20px; color:var(--line); transition:var(--tr); }
.svc-side .go svg{ width:100%; height:100%; }
.svc-side a:hover{ border-color:var(--cherry); transform:translateX(4px); background:#fff; }
.svc-side a:hover .ic{ background:var(--cherry-t); border-color:transparent; color:var(--cherry); }
.svc-side a:hover b, .svc-side a:hover .go{ color:var(--cherry); }
.svc-side a.active{ border-color:var(--cherry); background:#fff; box-shadow:var(--sh-sm); }
.svc-side a.active .ic{ background:var(--cherry); border-color:var(--cherry); color:#fff; }
.svc-side a.active b{ color:var(--cherry); }
.svc-side a.active .go{ color:var(--cherry); }

/* ============================================================
   21. VEKTÖR VİTRİNİ — tek paket, üç vektör
   ============================================================ */
.vshow{ position:relative; overflow:hidden; }
.vshow-panel{
  position:relative; background:linear-gradient(180deg,#fff, #fdf5f3);
  border:1px solid var(--line); border-radius:var(--r-xl);
  padding:36px 36px 30px; box-shadow:var(--sh-md);
}
.vshow-panel__tag{
  position:absolute; top:-16px; left:50%; transform:translateX(-50%);
  background:linear-gradient(92deg, var(--cherry), var(--cherry-d)); color:#fff;
  font:700 12.5px/1 var(--ff-head); letter-spacing:.14em; text-transform:uppercase;
  padding:10px 24px; border-radius:999px; box-shadow:0 10px 24px rgba(242,80,63,.35);
  white-space:nowrap;
}
.vgrid{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.vjoin{
  position:absolute; top:42%; z-index:3; width:34px; height:34px;
  display:grid; place-items:center; border-radius:50%;
  background:var(--cherry); color:#fff; font:700 20px/1 var(--ff-head);
  box-shadow:0 6px 16px rgba(242,80,63,.4);
  animation: pulse 2.4s infinite;
}
.vjoin--1{ left:calc(33.33% - 22px); }
.vjoin--2{ left:calc(66.66% - 12px); }
.vcard__inc{
  position:absolute; top:14px; right:14px; z-index:2;
  display:inline-flex; align-items:center; gap:6px;
  background:#e7f6ed; color:#1d8a4e; border:1px solid #bfe7cf;
  font:700 10.5px/1 var(--ff-head); letter-spacing:.1em; text-transform:uppercase;
  padding:6px 11px; border-radius:999px;
}
.vcard__inc svg{ width:11px; height:11px; }
/* paket barı */
.vpack-bar{
  margin-top:30px; padding-top:26px; border-top:1px dashed var(--line);
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
}
.vpack-bar__price small{ display:block; font:600 11.5px var(--ff-head); letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin-bottom:6px; }
.vpack-bar__price del{ color:var(--muted); font-size:16px; margin-right:10px; }
.vpack-bar__price b{ font:700 32px var(--ff-head); color:var(--cherry); letter-spacing:-.02em; }
.vpack-bar__price .kdv{ font-size:12px; color:var(--muted); font-weight:600; margin-left:8px; }
.vcard{
  position:relative; background:#fff; border:1px solid var(--line);
  border-radius:var(--r-lg); padding:30px 28px 0; overflow:hidden;
  transition:var(--tr); box-shadow:var(--sh-sm);
}
.vcard:hover{ transform:translateY(-10px) rotate(-.4deg); box-shadow:var(--sh-lg); }
.vcard::before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:var(--vc, var(--cherry)); }
.vcard--spot{ --vc:#2f7fe0; }
.vcard--plus{ --vc:#f2503f; }
.vcard--viop{ --vc:#16222d; }
.vcard__logo{
  display:flex; align-items:center; gap:6px;
  font:800 30px/1 var(--ff-head); color:var(--head); letter-spacing:-.02em;
}
.vcard__logo svg{ width:26px; height:26px; color:var(--vc); }
.vcard__name{
  display:block; font:600 12px var(--ff-head); letter-spacing:.28em;
  text-transform:uppercase; color:var(--vc); margin:8px 0 6px;
  padding-bottom:12px; border-bottom:2px solid var(--vc);
  width:max-content;
}
.vcard > p{ font-size:14px; margin-top:14px; min-height:48px; }
.vchart{ display:block; width:calc(100% + 56px); margin:18px -28px 0; height:120px; }
.vchart .vline{
  fill:none; stroke:var(--vc); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:480; stroke-dashoffset:480;
  animation: drawline 6s ease-in-out infinite;
}
.vchart .varea{ fill:var(--vc); opacity:.08; }
.vchart .vgridline{ stroke:var(--line); stroke-width:1; }
@keyframes drawline{
  0%{ stroke-dashoffset:480; }
  55%,88%{ stroke-dashoffset:0; }
  100%{ stroke-dashoffset:0; opacity:.2; }
}
/* koyu tema (landing) */
.vshow--dark .vcard{ background:var(--ink-2); border-color:var(--line-d); box-shadow:none; }
.vshow--dark .vcard__logo{ color:#fff; }
.vshow--dark .vcard > p{ color:var(--t-inv); }
.vshow--dark .vcard--viop{ --vc:#dfe7ec; }
.vshow--dark .vchart .vgridline{ stroke:rgba(255,255,255,.06); }
.vshow--dark .vcard:hover{ border-color:rgba(242,80,63,.4); }

/* ÜRÜN kimlik rozeti (hizmetten ayrı) */
.product-badge{
  display:inline-flex; align-items:center; gap:9px; margin-bottom:20px;
  background:linear-gradient(92deg, var(--cherry), var(--cherry-d)); color:#fff;
  font:700 12px var(--ff-head); letter-spacing:.14em; text-transform:uppercase;
  padding:10px 20px; border-radius:999px; box-shadow:0 10px 24px rgba(242,80,63,.32);
}
.product-badge svg{ width:16px; height:16px; }

/* ürün etiketi */
.vgrid-label, .vfeat-group__label{
  display:inline-flex; align-items:center; gap:9px;
  font:700 12px var(--ff-head); letter-spacing:.16em; text-transform:uppercase; color:var(--cherry);
  margin-bottom:16px;
}
.vgrid-label::before, .vfeat-group__label::before{
  content:""; width:20px; height:2px; background:var(--cherry); border-radius:2px;
}
.vgrid-label{ margin-top:4px; }

/* iki gruplu özellik alanı */
.vfeat-grid{ display:grid; grid-template-columns:1fr 1fr; gap:34px 46px; margin-top:46px; }
.vfeat-group__label{ margin-bottom:18px; }
.vfeats{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.vfeat{
  display:flex; align-items:center; gap:13px;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  padding:15px 16px; transition:var(--tr);
}
.vfeat:hover{ transform:translateY(-4px); box-shadow:var(--sh-md); border-color:var(--cherry-t); }
.vfeat .ic{
  flex:none; width:42px; height:42px; border-radius:12px; display:grid; place-items:center;
  background:var(--cherry-t); color:var(--cherry); transition:var(--tr);
}
.vfeat:hover .ic{ background:var(--cherry); color:#fff; transform:rotate(-6deg); }
.vfeat .ic svg{ width:21px; height:21px; }
.vfeat b{ display:block; font:700 13.5px/1.3 var(--ff-head); color:var(--head); }
.vfeat small{ font-size:11.5px; color:var(--muted); line-height:1.4; }

/* ============================================================
   23. MDV DERİN İÇERİK — Ok vs Gerekçe, SLX, zincir
   ============================================================ */
/* karşılaştırma ızgarası */
.vs-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:26px; align-items:stretch; }
.vs-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:30px 28px; position:relative; display:flex; flex-direction:column;
}
.vs-card--bad{ background:var(--bg); }
.vs-card--good{ border:2px solid var(--cherry); box-shadow:var(--sh-md); }
.vs-card__label{
  display:inline-block; width:max-content; font:700 11.5px var(--ff-head);
  letter-spacing:.12em; text-transform:uppercase; color:var(--muted);
  background:#fff; border:1px solid var(--line); border-radius:999px;
  padding:7px 14px; margin-bottom:20px;
}
.vs-card__label--good{ background:var(--cherry); border-color:var(--cherry); color:#fff; }
.vs-arrow-demo{
  text-align:center; padding:26px 0 20px; border:1px dashed var(--line);
  border-radius:var(--r-md); margin-bottom:20px; background:#fff;
}
.vs-arrow{ display:block; font-size:44px; line-height:1; color:#2f9e5f; animation:float 3s ease-in-out infinite; }
.vs-arrow-demo b{ display:block; font:800 20px var(--ff-head); color:var(--head); margin-top:6px; }
.vs-arrow-demo small{ color:var(--muted); font-size:12.5px; }
.vs-list{ display:grid; gap:9px; }
.vs-list li{
  position:relative; padding-left:24px; font-size:14px; color:var(--text);
}
.vs-list li::before{ content:"✕"; position:absolute; left:2px; color:#d63a2c; font-weight:700; }
.vs-note{ margin-top:16px; font-size:13.5px; color:var(--text); }
.vs-note strong{ color:var(--head); }

/* senaryo kartı (MDV çıktısı mock) */
.scen-card{
  border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden;
  background:#fff; box-shadow:var(--sh-sm);
}
.scen-card__head{
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
  background:#e7f6ed; border-bottom:1px solid #bfe7cf; padding:13px 18px;
}
.scen-dir{ font:800 15px var(--ff-head); color:#1d8a4e; }
.scen-q{ font:600 11.5px var(--ff-head); letter-spacing:.06em; text-transform:uppercase; color:#1d8a4e; }
.scen-card__row{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 18px; border-bottom:1px solid var(--line); font-size:13.5px; color:var(--muted);
}
.scen-card__row:last-child{ border-bottom:0; }
.scen-card__row b{ font:600 13px var(--ff-head); color:var(--head); text-align:right; }
.scen-card__row b.ok{ color:#1d8a4e; }

/* zayıf koşullar (dürüst kayıp haritası) */
.weak-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.weak-card{
  background:#fff; border:1px solid var(--line); border-left:4px solid var(--gold);
  border-radius:var(--r-md); padding:26px 24px; transition:var(--tr);
}
.weak-card:hover{ transform:translateY(-4px); box-shadow:var(--sh-md); }
.weak-card .ic{
  width:42px; height:42px; border-radius:12px; display:grid; place-items:center;
  background:rgba(232,176,75,.14); color:#a8842f; margin-bottom:14px;
}
.weak-card .ic svg{ width:20px; height:20px; }
.weak-card h4{ font-size:15.5px; margin-bottom:8px; color:var(--head); }
.weak-card p{ font-size:13.5px; color:var(--text); line-height:1.65; }

/* güvenlik zinciri */
.chain{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:8px;
}
.chain span{
  background:#fff; border:1.5px solid var(--line); border-radius:999px;
  padding:9px 15px; font:600 12.5px var(--ff-head); color:var(--head);
  transition:var(--tr);
}
.chain span:hover{ border-color:var(--cherry); color:var(--cherry); transform:translateY(-2px); }
.chain i{ color:var(--cherry); font-style:normal; font-weight:700; }

/* 7 adımlı akış + motto kartı */
.ld-steps--flow .ld-step--motto{
  background:linear-gradient(135deg, var(--cherry), var(--cherry-d));
  border-color:transparent;
}
.ld-step--motto h3{ color:#fff; font-size:17px; line-height:1.4; }
.ld-step--motto p{ color:#ffe3df; }

@media (max-width:900px){
  .vs-grid{ grid-template-columns:1fr; }
  .weak-grid{ grid-template-columns:1fr; }
}

/* güven mini satırı */
.trust-mini{
  display:flex; gap:8px 16px; flex-wrap:wrap; justify-content:center;
  margin-top:14px; padding-top:14px; border-top:1px dashed var(--line);
  width:100%;
}
.trust-mini span{
  display:inline-flex; align-items:center; gap:6px;
  font:600 11.5px var(--ff-head); letter-spacing:.06em; text-transform:uppercase; color:var(--muted);
}
.trust-mini svg{ width:14px; height:14px; color:#1d8a4e; }

/* mobil sabit satın alma çubuğu (landing + ürün) */
.buy-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:115;
  display:none; align-items:center; justify-content:space-between; gap:14px;
  background:rgba(255,255,255,.96); backdrop-filter:blur(12px);
  border-top:1px solid var(--line); box-shadow:0 -8px 30px rgba(16,29,40,.12);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));
}
.buy-bar__price{ display:flex; align-items:baseline; gap:8px; }
.buy-bar__price del{ color:var(--muted); font-size:12.5px; }
.buy-bar__price b{ font:700 20px var(--ff-head); color:var(--cherry); }
.buy-bar__price small{ font-size:10.5px; color:var(--muted); font-weight:600; }
@media (max-width:900px){
  .buy-bar{ display:flex; }
  body:has(.buy-bar) .to-top{ bottom:78px; }
}


/* ödeme: satın alma modu sekmeleri */
.co-tabs{
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:18px;
}
.co-tabs button{
  text-align:left; padding:15px 18px; border-radius:14px;
  background:#fff; border:2px solid var(--line); transition:var(--tr); cursor:pointer;
}
.co-tabs button b{ display:block; font:700 14px var(--ff-head); color:var(--head); margin-bottom:3px; }
.co-tabs button small{ font-size:12px; color:var(--muted); line-height:1.4; display:block; }
.co-tabs button:hover{ border-color:rgba(242,80,63,.45); transform:translateY(-2px); }
.co-tabs button.on{
  border-color:var(--cherry); background:#fffbfa; box-shadow:var(--sh-sm);
  position:relative;
}
.co-tabs button.on::after{
  content:"✓"; position:absolute; top:10px; right:12px;
  width:20px; height:20px; border-radius:50%; background:var(--cherry); color:#fff;
  font:700 12px/20px var(--ff-head); text-align:center;
}
.co-tabs button.on b{ color:var(--cherry); }
.co-pane{ animation: fadeIn .3s ease; }
@media (max-width:700px){
  .co-tabs{ grid-template-columns:1fr; gap:8px; }
  .co-tabs button{ padding:13px 16px; }
  .co-tabs button.on::after{ top:50%; transform:translateY(-50%); }
}

/* kaydırma ilerleme çubuğu */
.scroll-progress{
  position:fixed; top:0; left:0; height:3px; width:0%;
  background: linear-gradient(90deg, var(--cherry), #ff8a76);
  z-index:200; pointer-events:none;
  box-shadow: 0 0 8px rgba(242,80,63,.4);
}

/* ============================================================
   24. TAM GENİŞLİK CTA + MOBİL HİZMET KARUSELİ + DUYURULAR
   ============================================================ */
/* tam genişlik CTA şeridi */
.cta-strip--full{
  display:block; border-radius:0; margin:0; width:100%;
}
.cta-strip--full .cta-strip__in{ padding:52px 24px; }

/* mobil hizmet karuseli */
@media (max-width:860px){
  .svc-grid{
    display:flex !important; grid-template-columns:none !important;
    overflow-x:auto; scroll-snap-type:x mandatory;
    gap:16px; padding:4px 4px 8px;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  .svc-grid::-webkit-scrollbar{ display:none; }
  .svc-card{ flex:0 0 84%; scroll-snap-align:center; }
  .svc-card__media img{ height:190px; }
}
.svc-dots{ display:none; }
@media (max-width:860px){
  .svc-dots{ display:flex; justify-content:center; gap:8px; margin-top:18px; }
  .svc-dots button{
    width:26px; height:20px; position:relative; background:none;
  }
  .svc-dots button::before{
    content:""; position:absolute; left:4px; right:4px; top:8px; height:5px;
    border-radius:999px; background:var(--line); transition:var(--tr);
  }
  .svc-dots button.on::before{ background:var(--cherry); }
}

/* duyuru zaman çizelgesi */
.ann-list{ position:relative; max-width:860px; margin:0 auto; }
.ann-list::before{
  content:""; position:absolute; left:19px; top:8px; bottom:8px; width:2px;
  background:linear-gradient(180deg, var(--cherry), var(--line));
}
.ann{
  position:relative; padding:0 0 34px 62px;
}
.ann__dot{
  position:absolute; left:8px; top:4px; width:24px; height:24px; border-radius:50%;
  background:#fff; border:2px solid var(--cherry);
  display:grid; place-items:center; z-index:2;
}
.ann__dot::after{ content:""; width:8px; height:8px; border-radius:50%; background:var(--cherry); }
.ann--pinned .ann__dot{ background:var(--cherry); }
.ann--pinned .ann__dot::after{ background:#fff; }
.ann__card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-md);
  padding:24px 28px; transition:var(--tr);
}
.ann__card:hover{ transform:translateY(-4px); box-shadow:var(--sh-md); border-color:rgba(242,80,63,.35); }
.ann--pinned .ann__card{ border:2px solid var(--cherry); box-shadow:var(--sh-md); }
.ann__meta{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:10px;
}
.ann__date{
  font:700 12px var(--ff-head); letter-spacing:.08em; text-transform:uppercase; color:var(--cherry);
}
.ann__tag{
  font:600 10.5px var(--ff-head); letter-spacing:.1em; text-transform:uppercase;
  background:var(--cherry-t); color:var(--cherry); border-radius:999px; padding:5px 11px;
}
.ann__tag--gold{ background:rgba(232,176,75,.14); color:#a8842f; }
.ann__tag--pin{ background:var(--cherry); color:#fff; }
.ann h3{ font-size:18px; margin-bottom:8px; }
.ann h3 a:hover{ color:var(--cherry); }
.ann p{ font-size:14.5px; color:var(--text); }
.ann .btn{ margin-top:16px; }
@media (max-width:640px){
  .ann{ padding-left:48px; }
  .ann-list::before{ left:13px; }
  .ann__dot{ left:2px; }
  .ann__card{ padding:20px 20px; }
}

/* ============================================================
   25. SATIN ALMA AKIŞI — sepet, ödeme, havale, hesap
   ============================================================ */
/* header sepet butonu */
.cart-btn{
  position:relative; width:44px; height:44px; border-radius:12px;
  display:grid; place-items:center; border:1px solid var(--line); background:#fff;
  color:var(--head); transition:var(--tr); flex:none;
}
.cart-btn:hover{ border-color:var(--cherry); color:var(--cherry); }
.cart-btn svg{ width:20px; height:20px; }
.cart-btn b{
  position:absolute; top:-6px; right:-6px; min-width:19px; height:19px;
  border-radius:999px; background:var(--cherry); color:#fff;
  font:700 11px/19px var(--ff-head); text-align:center; padding:0 4px;
  box-shadow:0 4px 10px rgba(242,80,63,.4);
}
.cart-btn b:empty, .cart-btn b[data-zero]{ display:none; }

/* akış adımları */
.flow-steps{
  display:flex; align-items:center; justify-content:center; gap:0;
  margin-bottom:44px; flex-wrap:wrap;
}
.flow-step{
  display:flex; align-items:center; gap:10px;
  font:600 13.5px var(--ff-head); color:var(--muted);
}
.flow-step .n{
  width:32px; height:32px; border-radius:50%; display:grid; place-items:center;
  background:#fff; border:2px solid var(--line); font:700 14px var(--ff-head); color:var(--muted);
}
.flow-step.on{ color:var(--head); }
.flow-step.on .n{ background:var(--cherry); border-color:var(--cherry); color:#fff; box-shadow:0 6px 16px rgba(242,80,63,.35); }
.flow-step.done .n{ background:#e7f6ed; border-color:#1d8a4e; color:#1d8a4e; }
.flow-sep{ width:46px; height:2px; background:var(--line); margin:0 12px; }

/* sepet */
.cart-wrap{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:36px; align-items:start; }
.cart-line{
  display:flex; gap:20px; align-items:center;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:20px;
}
.cart-line img{ width:96px; height:96px; object-fit:cover; border-radius:12px; flex:none; border:1px solid var(--line); }
.cart-line__body{ flex:1; min-width:0; }
.cart-line__body h3{ font-size:16.5px; margin-bottom:4px; }
.cart-line__body small{ color:var(--muted); font-size:12.5px; display:block; }
.cart-line__price{ text-align:right; flex:none; }
.cart-line__price del{ display:block; color:var(--muted); font-size:13px; }
.cart-line__price b{ font:700 19px var(--ff-head); color:var(--cherry); }
.cart-remove{
  flex:none; width:36px; height:36px; border-radius:10px; display:grid; place-items:center;
  color:var(--muted); border:1px solid var(--line); transition:var(--tr);
}
.cart-remove:hover{ color:#fff; background:var(--cherry); border-color:var(--cherry); }
.cart-remove svg{ width:16px; height:16px; }
.cart-empty{
  text-align:center; background:#fff; border:1px dashed var(--line); border-radius:var(--r-lg);
  padding:64px 24px;
}
.cart-empty .ic{ width:72px; height:72px; margin:0 auto 18px; border-radius:20px; background:var(--cherry-t); color:var(--cherry); display:grid; place-items:center; }
.cart-empty .ic svg{ width:34px; height:34px; }
.cart-empty h3{ font-size:20px; margin-bottom:8px; }
.cart-empty p{ margin-bottom:22px; }

.summary-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:28px; position:sticky; top:110px;
}
.summary-card h3{ font-size:17px; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid var(--line); }
.summary-row{ display:flex; justify-content:space-between; gap:12px; padding:7px 0; font-size:14.5px; color:var(--text); }
.summary-row b{ color:var(--head); }
.summary-row--total{ border-top:1px dashed var(--line); margin-top:10px; padding-top:16px; font-size:16px; }
.summary-row--total b{ font:700 24px var(--ff-head); color:var(--cherry); }
.summary-card .btn{ width:100%; margin-top:18px; }
.summary-note{ font-size:12px; color:var(--muted); margin-top:12px; text-align:center; }

/* ödeme yöntemleri */
.pay-methods{ display:grid; gap:14px; }
.pay-method{
  position:relative; display:flex; gap:16px; align-items:flex-start;
  background:#fff; border:2px solid var(--line); border-radius:var(--r-md);
  padding:20px 22px; cursor:pointer; transition:var(--tr);
}
.pay-method:hover{ border-color:rgba(242,80,63,.4); }
.pay-method.selected{ border-color:var(--cherry); box-shadow:var(--sh-sm); background:#fffbfa; }
.pay-method input{ position:absolute; opacity:0; pointer-events:none; }
.pay-method .radio{
  flex:none; width:22px; height:22px; border-radius:50%; border:2px solid var(--line);
  display:grid; place-items:center; margin-top:2px; transition:var(--tr);
}
.pay-method.selected .radio{ border-color:var(--cherry); }
.pay-method.selected .radio::after{ content:""; width:10px; height:10px; border-radius:50%; background:var(--cherry); }
.pay-method .ic{
  flex:none; width:44px; height:44px; border-radius:12px; display:grid; place-items:center;
  background:var(--cherry-t); color:var(--cherry);
}
.pay-method .ic svg{ width:22px; height:22px; }
.pay-method h4{ font-size:15.5px; margin-bottom:3px; }
.pay-method p{ font-size:13px; color:var(--text); }
.pay-method--disabled{ cursor:not-allowed; opacity:.62; background:var(--bg); pointer-events:none; }
.pay-method--disabled .ic{ background:var(--line); color:var(--muted); }
.soon-badge{
  margin-left:auto; flex:none; align-self:center;
  background:rgba(232,176,75,.15); color:#a8842f; border:1px solid rgba(232,176,75,.45);
  font:700 11px/1 var(--ff-head); letter-spacing:.1em; text-transform:uppercase;
  padding:7px 13px; border-radius:999px;
}

/* onay kutuları */
.agree-row{ display:flex; gap:11px; align-items:flex-start; font-size:13.5px; color:var(--text); margin-top:14px; }
.agree-row input{ width:18px; height:18px; margin-top:2px; accent-color:var(--cherry); flex:none; }
.agree-row a{ color:var(--cherry); font-weight:600; }

/* havale / sipariş onay */
.order-hero{
  text-align:center; max-width:640px; margin:0 auto 44px;
}
.order-hero .ok-ic{
  width:84px; height:84px; margin:0 auto 20px; border-radius:50%;
  background:#e7f6ed; color:#1d8a4e; display:grid; place-items:center;
  animation: pop .5s cubic-bezier(.34,1.56,.64,1) both;
}
.order-hero .ok-ic svg{ width:40px; height:40px; }
@keyframes pop{ from{ transform:scale(.4); opacity:0; } to{ transform:scale(1); opacity:1; } }
.order-hero h1, .order-hero .h1x{ font-family:var(--ff-head); font-weight:700; font-size:clamp(26px,3.4vw,36px); color:var(--head); margin-bottom:10px; }
.order-no{
  display:inline-block; margin-top:8px; background:#fff; border:1px dashed var(--cherry);
  color:var(--cherry); font:700 15px var(--ff-head); letter-spacing:.06em;
  border-radius:999px; padding:10px 22px;
}
.iban-card{
  background:#fff; border:2px solid var(--cherry); border-radius:var(--r-lg);
  padding:32px; max-width:640px; margin:0 auto; box-shadow:var(--sh-md);
}
.iban-card h3{ display:flex; align-items:center; gap:10px; font-size:18px; margin-bottom:18px; }
.iban-card h3 svg{ width:22px; height:22px; color:var(--cherry); }
.iban-row{ display:flex; justify-content:space-between; gap:14px; padding:11px 0; border-bottom:1px solid var(--line); font-size:14.5px; flex-wrap:wrap; }
.iban-row:last-of-type{ border-bottom:0; }
.iban-row span{ color:var(--muted); }
.iban-row b{ color:var(--head); font-family:var(--ff-head); word-break:break-all; text-align:right; }
.iban-copy{
  display:inline-flex; align-items:center; gap:8px; margin-top:16px; width:100%;
  justify-content:center;
}
.havale-note{
  max-width:640px; margin:20px auto 0;
}
@media (max-width:900px){
  .cart-wrap{ grid-template-columns:1fr; }
  .summary-card{ position:static; }
  .flow-sep{ width:20px; margin:0 6px; }
  .flow-step span.lbl{ display:none; }
  .flow-step.on span.lbl{ display:inline; }
}

/* blog öne çıkan yazı */
.blog-feat{
  display:grid; grid-template-columns:1.1fr .9fr; gap:0;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  overflow:hidden; transition:var(--tr); box-shadow:var(--sh-sm);
}
.blog-feat:hover{ transform:translateY(-6px); box-shadow:var(--sh-lg); }
.blog-feat__media{ position:relative; overflow:hidden; min-height:300px; }
.blog-feat__media img{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; transition:transform .7s ease; }
.blog-feat:hover .blog-feat__media img{ transform:scale(1.05); }
.blog-feat__media .post-card__cat{ z-index:2; }
.blog-feat__body{ padding:38px 40px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.blog-feat__body h2{ font-size:clamp(20px,2.4vw,27px); line-height:1.35; }
.blog-feat:hover .blog-feat__body h2{ color:var(--cherry); }
.blog-feat__body p{ color:var(--text); font-size:14.5px; }
@media (max-width:860px){
  .blog-feat{ grid-template-columns:1fr; }
  .blog-feat__media{ min-height:210px; }
  .blog-feat__body{ padding:26px 24px; }
}

/* mobil menü MDV banner */
.drawer-mdv{
  display:flex; gap:14px; align-items:center; margin-top:20px;
  background:linear-gradient(135deg,#fff,#fdf5f3);
  border:2px solid var(--cherry); border-radius:var(--r-md);
  padding:14px; box-shadow:var(--sh-md);
}
.drawer-mdv img{ width:74px; height:74px; object-fit:cover; border-radius:12px; flex:none; }
.drawer-mdv__body b{ display:block; font:700 14.5px var(--ff-head); color:var(--head); }
.drawer-mdv__body small{ display:block; color:var(--muted); font-size:12px; margin-top:2px; }
.drawer-mdv__body small em{ font-style:normal; color:var(--cherry); font-weight:700; }


/* ============================================================
   26. ANİMASYON KATMANI 2 — ürün alanı & mikro etkileşimler
   ============================================================ */
/* TP✓/SLX sonuç şeridi (şeffaflık animasyonu) */
.result-strip{
  position:absolute; left:14px; right:14px; bottom:86px;
  background:rgba(255,255,255,.94); backdrop-filter:blur(8px);
  border:1px solid var(--line); border-radius:12px;
  padding:9px 12px 7px; overflow:hidden; box-shadow:var(--sh-md);
}
.result-strip__track{
  display:flex; gap:7px; width:max-content;
  animation: ticker 24s linear infinite;
}
.result-strip span{
  flex:none; font:700 10.5px/1 var(--ff-head); letter-spacing:.04em;
  padding:5px 9px; border-radius:7px;
}
.result-strip .tp{ background:#e7f6ed; color:#1d8a4e; border:1px solid #bfe7cf; }
.result-strip .slx{ background:#fdecea; color:#c0392b; border:1px solid #f2c4be; }
.result-strip small{
  display:block; margin-top:6px; font-size:10.5px; color:var(--muted);
  letter-spacing:.04em; text-align:center;
}
@media (max-width:640px){ .result-strip{ position:static; margin-top:12px; } }

/* kriter rozetleri */
.crit-chips{ display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
.crit-chips span{
  display:inline-flex; align-items:baseline; gap:6px;
  background:#fff; border:1px solid var(--line); border-radius:12px;
  padding:10px 16px; font:600 12.5px var(--ff-head); color:var(--muted);
  letter-spacing:.04em; text-transform:uppercase; transition:var(--tr);
}
.crit-chips span:hover{ transform:translateY(-3px); border-color:var(--cherry); box-shadow:var(--sh-sm); }
.crit-chips b{ font:700 19px var(--ff-head); color:var(--cherry); }

/* bölüm başlığı alt çizgisi — görününce çizilir */
.sec-title::after{
  content:""; display:block; width:52px; height:3px; border-radius:3px;
  background:linear-gradient(90deg, var(--cherry), #ff8a76);
  margin-top:12px; transform:scaleX(0); transform-origin:left;
  transition: transform .8s cubic-bezier(.4,0,.2,1) .25s;
}
.sec-head--center .sec-title::after{ margin-inline:auto; transform-origin:center; }
.rv.in .sec-title::after, .in .sec-title::after{ transform:scaleX(1); }

/* hizmet kartı parıltı süpürmesi */
.svc-card__media::after{
  content:""; position:absolute; top:0; bottom:0; width:60px; left:-90px;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent);
  transform:skewX(-18deg); transition:none; z-index:2;
}
.svc-card:hover .svc-card__media::after{ left:130%; transition:left .8s ease; }

/* stat hover + buton bas hissi */
.stat{ cursor:default; }
.stat:hover b .sfx{ animation:pulse 1s; }
.btn:active{ transform:scale(.965) !important; }

/* ============================================================
   27. "OK DEĞİL, GEREKÇE" CANLI DEMO
   ============================================================ */
/* sol: gerekçesiz ok — anlamsızca yön değiştirir */
.vs-arrow-demo{ position:relative; }
.vs-arrow-demo .vs-q{
  position:absolute; top:6px; right:10px; width:36px; height:36px;
  display:grid; place-items:center; font:800 17px var(--ff-head);
  color:var(--cherry); background:var(--cherry-t);
  border:1px solid rgba(242,80,63,.22); border-radius:50%;
  animation: qsoft 3.4s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes qsoft{
  0%,100%{ transform:scale(.94); opacity:.55; box-shadow:0 0 0 0 rgba(242,80,63,.16); }
  50%{ transform:scale(1); opacity:1; box-shadow:0 0 0 9px rgba(242,80,63,0); }
}
.vs-arrow.flip-down{ color:#d63a2c !important; }
.vs-arrow{ transition:color .3s ease; }
.vs-arrow-demo b{ transition:color .3s ease; }
.vs-arrow-demo b.flip-down{ color:#d63a2c; }

/* sağ: MDV senaryosu — satırlar sırayla değerlendirilir */
.scen-card__row{ position:relative; opacity:.35; transition:opacity .4s ease, background .4s ease; }
.scen-card__row.lit{ opacity:1; background:#fbfff9; }
.scen-card__row.lit b.ok{ animation: okpop .45s cubic-bezier(.34,1.56,.64,1); }
@keyframes okpop{ from{ transform:scale(.6); } to{ transform:scale(1); } }
.scen-card__head{ transition: box-shadow .5s ease; }
.scen-card.done{ box-shadow:0 0 0 3px rgba(47,158,95,.25), var(--sh-md); }
.scen-card.done .scen-card__head{ box-shadow: inset 0 0 30px rgba(47,158,95,.12); }
.scen-card{ transition: box-shadow .6s ease; }
/* değerlendirme imleci */
.scen-card__row.lit::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:#1d8a4e; animation: fadeIn .4s ease;
}


/* ============================================================
   28. MEGA MENÜ
   ============================================================ */
.dropdown--mega{ min-width:330px; padding:10px; }
.dropdown--mega a{
  display:flex; align-items:center; gap:13px; padding:11px 13px;
}
.dropdown--mega a::before{ display:none; }
.dropdown--mega .dd-ic{
  flex:none; width:40px; height:40px; border-radius:11px;
  display:grid; place-items:center; background:var(--cherry-t); color:var(--cherry);
  transition:var(--tr);
}
.dropdown--mega .dd-ic svg{ width:19px; height:19px; }
.dropdown--mega a:hover .dd-ic{ background:var(--cherry); color:#fff; transform:rotate(-6deg); }
.dropdown--mega .dd-tx{ min-width:0; }
.dropdown--mega .dd-tx b{ display:block; font:600 14px var(--ff-head); color:var(--head); transition:var(--tr); }
.dropdown--mega a:hover .dd-tx b{ color:var(--cherry); }
.dropdown--mega .dd-tx small{ display:block; font-size:12px; color:var(--muted); line-height:1.45; margin-top:2px; }
.dropdown--mega .dd-foot{ border-top:1px solid var(--line); margin-top:6px; padding-top:6px; }
.dropdown--mega .dd-all{
  display:block; text-align:center; font:600 13px var(--ff-head); color:var(--cherry);
  padding:9px; border-radius:9px;
}
.dropdown--mega .dd-all:hover{ background:var(--cherry-t); }
/* ürün kartlı dropdown */
.dropdown--product{ min-width:350px; left:auto; right:0; }
.dd-product a{ align-items:center; background:linear-gradient(135deg,#fff,#fdf5f3); border:1px solid var(--line); border-radius:12px; margin-bottom:6px; }
.dd-product img{ width:64px; height:64px; object-fit:cover; border-radius:10px; flex:none; }
.dd-price{ display:block; margin-top:5px; font-size:12.5px; color:var(--muted); }
.dd-price em{ font:700 15px var(--ff-head); color:var(--cherry); font-style:normal; }

/* breadcrumb alanı: daha kompakt + vişne tam görünür */
.page-hero{ padding:44px 0 !important; }
.page-hero .page-hero__title{ font-size:clamp(26px,3.6vw,38px); margin-bottom:10px; }
.page-hero::after{ top:46%; width:150px; height:150px; opacity:.07; }
@media (max-width:640px){
  .page-hero{ padding:34px 0 !important; }
  .page-hero::after{ width:96px; height:96px; top:44%; }
}


/* ============================================================
   29. BÜLTEN BANDI + CAPTCHA
   ============================================================ */
.nl-band{
  background:linear-gradient(135deg,#fdf5f3,#fff);
  border-top:1px solid var(--line); padding:56px 0;
  position:relative; overflow:hidden;
}
.nl-band::after{
  content:""; position:absolute; right:-30px; top:-30px; width:200px; height:200px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.6 2.4c-2.9 1.7-4.8 4.6-5.3 8.1' fill='none' stroke='%23f2503f' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c1.9 2.4 2.9 5.3 2.9 8.2' fill='none' stroke='%23f2503f' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='7' cy='15.6' r='4.5' fill='none' stroke='%23f2503f' stroke-width='1.4'/%3E%3Ccircle cx='15.8' cy='14.9' r='3.9' fill='none' stroke='%23f2503f' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat center/contain;
  opacity:.06; transform:rotate(14deg); pointer-events:none;
}
.nl-band__in{ display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:center; position:relative; }
.nl-band__tx h2{ font-size:clamp(22px,3vw,32px); letter-spacing:-.01em; margin:6px 0 10px; }
.nl-band__tx h2 em{ font-style:normal; color:var(--cherry); }
.nl-band__tx p{ color:var(--text); font-size:14.5px; }
.nl-form__row{ display:flex; gap:10px; }
.nl-form__row input{
  flex:1; padding:15px 20px; border:2px solid var(--line); border-radius:999px;
  font:15px var(--ff-body); color:var(--head); background:#fff; outline:none; transition:var(--tr);
}
.nl-form__row input:focus{ border-color:var(--cherry); box-shadow:0 0 0 4px rgba(242,80,63,.12); }
.nl-form__row .btn{ flex:none; }
.nl-msg{ margin-top:12px; font:600 13.5px var(--ff-head); padding:11px 16px; border-radius:12px; }
.nl-msg.ok{ background:#e7f6ed; color:#1d8a4e; }
.nl-msg.err{ background:#fdecea; color:#c0392b; }
.nl-kvkk{ margin-top:12px; font-size:12px; color:var(--muted); }
.nl-kvkk a{ color:var(--cherry); font-weight:600; }
.captcha-row label b{ color:var(--cherry); font-size:15px; }
@media (max-width:860px){
  .nl-band{ padding:44px 0; }
  .nl-band__in{ grid-template-columns:1fr; gap:22px; }
  .nl-form__row{ flex-direction:column; }
  .nl-form__row .btn{ width:100%; }
}


/* ============================================================
   30. MOBİL ORAN/ORANTI CİLASI
   ============================================================ */
@media (max-width:640px){
  /* slayt geçişi mobilde daha kısa mesafe — taşma hissi yok */
  .hero-slide{ transform:translateX(22px); }
  .hero-slide.is-leaving{ transform:translateX(-22px); }
  .hero-slide.is-active{ transform:none; }

  /* çip bandı: sağda 'devamı var' fade ipucu */
  .hero--slider .hero__chips{
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 88%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0, #000 88%, transparent 100%);
    scroll-snap-type: x proximity;
  }
  .hero--slider .hero__chips a{ scroll-snap-align: start; }

  /* başlık satır yüksekliği ve boşluk ritmi */
  .hero--slider .hero-h, .hero--slider h1{ line-height:1.28; }
  .hero--slider .hero__desc{ line-height:1.68; }

  /* bölüm boşluk ritmi: ardışık alanlar orantılı */
  .stat-band .stat{ padding:24px 14px; }
  .stat b{ font-size:26px; }
  .stat span{ font-size:11px; letter-spacing:.1em; }
  .sec-lead{ font-size:15px; }
  .vshow-panel{ padding:22px 14px 18px; }
  .crit-chips span{ padding:9px 13px; font-size:11.5px; }
  .crit-chips b{ font-size:16px; }
  .mdv .container{ display:flex; flex-direction:column; }
}


/* ============================================================
   31. ÜRÜN DOKÜMANLARI
   ============================================================ */
.doc-badge{ display:inline-flex; align-items:center; gap:8px; background:var(--cherry); color:#fff;
  font:800 11px var(--ff-head); letter-spacing:.16em; text-transform:uppercase; padding:7px 14px;
  border-radius:30px; margin-bottom:14px; }
.doc-wrap{ max-width:900px; }
.doc-meta{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:34px; }
.doc-meta > div{ background:var(--card, #fff); border:1px solid var(--line, #e4eaee); border-radius:14px; padding:14px 18px; }
.doc-meta small{ display:block; font:800 10.5px var(--ff-head); letter-spacing:.14em; text-transform:uppercase; color:var(--cherry); margin-bottom:5px; }
.doc-meta b{ font:600 13.5px/1.5 var(--ff-head); color:var(--head); }
.doc-body h2{ font-size:23px; margin:38px 0 14px; color:var(--head); }
.doc-body h3{ font-size:17px; margin:26px 0 10px; color:var(--head); }
.doc-note{ border:1px solid var(--line, #e4eaee); border-left:4px solid var(--muted, #8296a1); background:var(--card, #fff);
  border-radius:12px; padding:16px 20px; margin:18px 0; }
.doc-note b{ display:block; font:800 13px var(--ff-head); color:var(--head); margin-bottom:6px; }
.doc-note p{ margin:0; font-size:14.5px; line-height:1.7; }
.doc-note--ok{ border-left-color:#1e9e6a; }
.doc-note--warn{ border-left-color:#e8a13c; }
.doc-note--danger{ border-left-color:var(--cherry); }
.doc-fn{ font-size:13px; color:var(--muted); border-left:3px solid var(--line, #e4eaee); padding-left:14px; line-height:1.65; }
.doc-tbl-wrap{ overflow-x:auto; margin:16px 0; border:1px solid var(--line, #e4eaee); border-radius:12px; }
.doc-tbl{ width:100%; border-collapse:collapse; background:var(--card, #fff); font-size:13.5px; min-width:560px; }
.doc-wrap .doc-tbl th, .prose .doc-tbl th{ background:var(--ink, #16222d); color:#fff; text-align:left; font:800 12px var(--ff-head);
  letter-spacing:.06em; padding:11px 16px; }
.doc-wrap .doc-tbl td, .prose .doc-tbl td{ padding:11px 16px; border-top:1px solid var(--line, #e4eaee); vertical-align:top; line-height:1.6; color:var(--text, #3d4b55); }
.doc-wrap .doc-tbl td:first-child, .prose .doc-tbl td:first-child{ font-weight:700; color:var(--head); white-space:normal; }
.doc-nav{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:44px; }
.doc-nav a{ background:var(--card, #fff); border:1px solid var(--line, #e4eaee); border-radius:14px; padding:16px 18px;
  transition:.25s; display:block; }
.doc-nav a:hover{ border-color:var(--cherry); transform:translateY(-3px); box-shadow:0 12px 26px rgba(16,29,40,.08); }
.doc-nav small{ display:block; font:800 10.5px var(--ff-head); letter-spacing:.14em; text-transform:uppercase; color:var(--cherry); margin-bottom:5px; }
.doc-nav b{ font:700 14px/1.45 var(--ff-head); color:var(--head); }
.docs-list{ display:grid; gap:18px; max-width:860px; margin:0 auto; }
.docs-card{ display:flex; gap:22px; align-items:flex-start; background:var(--card, #fff); border:1px solid var(--line, #e4eaee);
  border-radius:18px; padding:26px 30px; transition:.25s; }
.docs-card:hover{ border-color:var(--cherry); transform:translateY(-4px); box-shadow:0 16px 34px rgba(16,29,40,.09); }
.docs-card__no{ font:800 34px var(--ff-head); color:var(--cherry); opacity:.25; line-height:1; flex:0 0 auto; }
.docs-card h3{ font-size:19px; color:var(--head); margin-bottom:8px; }
.docs-card p{ font-size:14.5px; line-height:1.7; color:var(--muted); margin-bottom:12px; }
.docs-card__cta{ display:inline-flex; align-items:center; gap:7px; font:800 13px var(--ff-head); color:var(--cherry); }
.docs-card__cta svg{ width:15px; height:15px; }
.docs-mini{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px; }
.docs-mini a{ display:block; background:var(--card, #fff); border:1px solid var(--line, #e4eaee); border-radius:14px;
  padding:16px 18px; transition:.25s; }
.docs-mini a:hover{ border-color:var(--cherry); transform:translateY(-3px); }
.docs-mini small{ display:block; font:800 10.5px var(--ff-head); letter-spacing:.14em; text-transform:uppercase; color:var(--cherry); margin-bottom:5px; }
.docs-mini b{ font:700 14px/1.45 var(--ff-head); color:var(--head); display:block; margin-bottom:4px; }
.docs-mini span{ font-size:12.5px; color:var(--muted); line-height:1.55; }
@media (max-width:760px){
  .doc-meta, .doc-nav, .docs-mini{ grid-template-columns:1fr; }
  .docs-card{ padding:20px; gap:14px; }
  .docs-card__no{ font-size:26px; }
}


/* ============================================================
   32. ANA SAYFA REV-1: BÜYÜK TICKER BANDI
   ============================================================ */
.ticker--band{ border-block:1px solid var(--line); }
.ticker--band .ticker__track{ animation-duration: 36s; }
.ticker--band span{
  font: 700 clamp(17px, 2vw, 22px)/1 var(--ff-head);
  letter-spacing:.1em; color:var(--head); padding: 26px 32px; gap:18px;
}
.ticker--band span::after{ width:18px; height:18px; }
@media (max-width:640px){
  .ticker--band span{ padding:20px 22px; }
}

@media (max-width:1100px){ .header__phone{ display:none; } }

/* ============================================================
   33. MDV GEREKÇE BÖLÜMÜ VURGULARI (REV)
   ============================================================ */
.ld-sec-head .vs-lead{
  font:700 clamp(18px, 2.2vw, 23px)/1.5 var(--ff-head); color:var(--head);
  margin-bottom:14px;
}
.ld-sec-head .vs-lead em{ color:var(--cherry); font-style:normal; }
.vs-why{
  display:flex; align-items:center; justify-content:center; gap:10px; margin-top:12px;
  font:800 clamp(17px, 1.9vw, 21px)/1.2 var(--ff-head);
}
.vs-why .q{ color:var(--head); }
.vs-why .a{ color:#d63a2c; border-bottom:3px solid rgba(214,58,44,.35); padding-bottom:2px; }


/* Ana sayfa MDV maddeleri: uzun değer önermeleri tek sütun, tek satır */
.mdv .mdv__body .mdv__points{ grid-template-columns:1fr; }


/* ============================================================
   34. MDV REKLAM HERO — ÜRÜN + FİYAT KARTI
   ============================================================ */
.ld-hero--offer .ld-hero__grid{ grid-template-columns:1.02fr .98fr; gap:52px; }
.ld-hero--offer h1{ font-size:clamp(30px,4vw,46px); line-height:1.16; }
.ld-hero--offer .ld-hero__sub{ font-size:16.5px; margin-bottom:22px; }

.offer-list{ list-style:none; display:grid; gap:10px; margin:0 0 24px; }
.offer-list li{
  display:flex; align-items:flex-start; gap:10px;
  font:500 15px/1.5 var(--ff-body); color:var(--text);
}
.offer-list li b{ color:var(--head); font-weight:700; }
.offer-list svg{ width:17px; height:17px; flex:none; margin-top:3px; color:var(--cherry); }

.offer-card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--r-xl);
  box-shadow:var(--sh-lg); overflow:hidden; position:relative; z-index:2;
  animation:heroIn .9s .2s cubic-bezier(.4,0,.2,1) both;
}
.offer-card__media{ position:relative; background:linear-gradient(135deg,#fff,#fdf5f3); }
.offer-card__media img{ width:100%; height:auto; display:block; }
.offer-card__flag{
  position:absolute; top:14px; left:14px; background:var(--cherry); color:#fff;
  font:800 12px var(--ff-head); letter-spacing:.04em; padding:7px 14px; border-radius:30px;
  box-shadow:0 6px 16px rgba(242,80,63,.34);
}
.offer-card__body{ padding:22px 24px 24px; border-top:1px solid var(--line); }
.offer-card__eyebrow{
  display:block; font:800 11px var(--ff-head); letter-spacing:.14em; text-transform:uppercase;
  color:var(--cherry); margin-bottom:8px;
}
.offer-card__title{ font-size:19px; line-height:1.35; margin-bottom:14px; color:var(--head); }
.offer-card__price{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.offer-card__price del{ color:var(--muted); font:600 17px var(--ff-head); }
.offer-card__price b{ font:800 clamp(30px,3.6vw,38px)/1 var(--ff-head); color:var(--head); letter-spacing:-.02em; }
.offer-card__price .kdv{ font:600 12px var(--ff-head); color:var(--muted); }
.offer-card__actions{ display:grid; gap:10px; }
.offer-card__actions .btn{ width:100%; justify-content:center; }
.offer-card__mini{ list-style:none; display:flex; gap:14px; flex-wrap:wrap; margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
.offer-card__mini li{ display:inline-flex; align-items:center; gap:6px; font:600 12.5px var(--ff-head); color:var(--muted); }
.offer-card__mini svg{ width:13px; height:13px; color:#1d8a4e; }

.ld-hero--offer .ld-float--1{ top:auto; bottom:-18px; left:-26px; }
.ld-hero--offer .ld-float--3{ top:-16px; right:-22px; }

@media (max-width:1100px){
  /* Reklam sayfası: mobilde ürün ve fiyat kartı başlığın hemen altında görünsün */
  .ld-hero--offer .ld-hero__grid{ display:flex; flex-direction:column; gap:24px; }
  .ld-hero--offer .ld-hero__grid > div:first-child{ display:contents; }
  .ld-hero--offer .ld-kicker{ order:1; }
  .ld-hero--offer h1{ order:2; margin-bottom:0; }
  .ld-hero--offer .ld-hero__visual{ order:3; max-width:460px; width:100%; margin-inline:auto; }
  .ld-hero--offer .ld-hero__sub{ order:4; margin-bottom:0; }
  .ld-hero--offer .offer-list{ order:5; margin-bottom:0; }
  .ld-hero--offer .hero__badges{ order:6; margin-bottom:0; }
  .ld-hero--offer .ld-float{ display:none; }
}
@media (max-width:1100px){
  /* görsel kısaltılır ki fiyat ve satın alma butonu ilk ekrana girsin */
  .ld-hero--offer .offer-card__media img{ max-height:230px; width:auto; margin-inline:auto; object-fit:contain; }
  .ld-hero--offer .offer-card__media{ display:flex; justify-content:center; padding:8px 0; }
  .ld-hero--offer .ld-hero__sub{ font-size:15.5px; }
}
@media (max-width:640px){
  .ld-hero--offer .offer-card__body{ padding:18px; }
  .ld-hero--offer .offer-card__media img{ max-height:190px; }
  .offer-list li{ font-size:14.5px; }
  .offer-card__mini{ gap:10px; }
}


@media (max-width:1100px){
  /* reklam sayfasında ilk ekran: başlık + fiyat + satın alma butonu */
  .ld-hero--offer{ padding:34px 0 54px; }
  .ld-hero--offer h1{ font-size:clamp(26px,6.4vw,34px); }
  .ld-hero--offer .ld-kicker{ margin-bottom:6px; }
}


/* ============================================================
   35. HIZLI BİLGİ KUTUSU (yapay zekâ / arama motoru için alıntılanabilir özet)
   ============================================================ */
.keyfacts{
  background:var(--card); border:1px solid var(--line); border-left:4px solid var(--cherry);
  border-radius:var(--r-lg); padding:28px 32px; max-width:900px; margin:0 auto;
  box-shadow:var(--sh-sm);
}
.keyfacts__h{ font-size:clamp(20px,2.4vw,25px); margin-bottom:12px; color:var(--head); }
.keyfacts__h span{ color:var(--cherry); font-weight:700; }
.keyfacts__lead{ font-size:16px; line-height:1.75; color:var(--text); margin-bottom:20px; }
.keyfacts__lead strong{ color:var(--head); }
.keyfacts__dl{ display:grid; gap:0; margin:0; border-top:1px solid var(--line); }
.keyfacts__dl > div{
  display:grid; grid-template-columns:200px 1fr; gap:16px;
  padding:11px 0; border-bottom:1px solid var(--line-s, #eef2f5);
}
.keyfacts__dl dt{ font:700 13px/1.5 var(--ff-head); color:var(--cherry); margin:0; }
.keyfacts__dl dd{ font-size:14.5px; line-height:1.6; color:var(--text); margin:0; }
@media (max-width:640px){
  .keyfacts{ padding:20px; }
  .keyfacts__dl > div{ grid-template-columns:1fr; gap:3px; padding:10px 0; }
}


/* ============================================================
   36. DÖNÜŞÜM UX PAKETİ: bölüm nav + yapışkan CTA + kıyas + okuma çubuğu
   ============================================================ */
section[id], div[id]{ scroll-margin-top:118px; }

.pagebar{
  position:fixed; top:0; left:0; height:3px; width:0; z-index:200;
  background:linear-gradient(90deg, var(--cherry), var(--gold));
  transition:width .12s linear; pointer-events:none;
}

.subnav{
  position:sticky; top:84px; z-index:110;
  background:rgba(255,255,255,.94); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.subnav__in{ display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; padding-block:0; }
.subnav__in::-webkit-scrollbar{ display:none; }
.subnav a{
  flex:none; padding:13px 15px; font:600 13.5px var(--ff-head); color:var(--muted);
  border-bottom:2.5px solid transparent; transition:color .2s, border-color .2s; white-space:nowrap;
}
.subnav a:hover{ color:var(--head); }
.subnav a.on{ color:var(--cherry); border-bottom-color:var(--cherry); }
.subnav .subnav__buy{ color:var(--cherry); font-weight:800; }

.mdv-ctabar{
  position:fixed; left:0; right:0; bottom:0; z-index:130;
  background:rgba(255,255,255,.97); backdrop-filter:blur(14px);
  border-top:1px solid var(--line); box-shadow:0 -10px 34px rgba(16,29,40,.12);
  transform:translateY(110%); transition:transform .3s cubic-bezier(.4,0,.2,1);
}
.mdv-ctabar.show{ transform:none; }
.mdv-ctabar__in{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:12px; }
.mdv-ctabar__tx b{ display:block; font:700 14.5px var(--ff-head); color:var(--head); }
.mdv-ctabar__tx del{ color:var(--muted); font-size:12.5px; }
.mdv-ctabar__tx em{ font:800 18px var(--ff-head); font-style:normal; color:var(--cherry); }
.mdv-ctabar__tx span{ font-size:12px; color:var(--muted); }
.mdv-ctabar__btns{ display:flex; gap:10px; flex:none; }
.btn--sm-r{ padding:11px 20px; }

.cmp-wrap{ overflow-x:auto; border:1px solid var(--line); border-radius:var(--r-lg); background:#fff; box-shadow:var(--sh-sm); max-width:980px; margin-inline:auto; }
.cmp{ width:100%; border-collapse:collapse; font-size:14px; min-width:680px; }
.cmp th{
  background:var(--ink); color:#fff; font:700 12.5px var(--ff-head); letter-spacing:.05em;
  text-align:left; padding:14px 18px;
}
.cmp th.cmp__hl{ background:var(--cherry); text-align:center; }
.cmp td{ padding:13px 18px; border-top:1px solid var(--line); color:var(--text); line-height:1.5; }
.cmp td:first-child{ font-weight:600; color:var(--head); }
.cmp td.cmp__hl{ background:#fff8f7; text-align:center; font-weight:800; }
.cmp td.yes{ color:#1d8a4e; font-size:16px; }
.cmp td.no{ color:#c9d2d8; text-align:center; }
.cmp td.mid{ color:var(--muted); font-size:13px; }
.cmp tr:hover td{ background:#fdfaf9; }
.cmp tr:hover td.cmp__hl{ background:#feefec; }

@media (max-width:900px){
  .subnav{ top:0; }
  section[id], div[id]{ scroll-margin-top:64px; }
  .mdv-ctabar__tx b{ font-size:13px; }
  .mdv-ctabar__tx span{ display:block; }
  .mdv-ctabar__btns .btn--ghost{ display:none; }
  .btn--sm-r{ padding:11px 16px; font-size:13px; }
}

/* Sepet/ödeme: masaüstünde sipariş özeti kaydırmada sabit kalsın */
@media (min-width:901px){
  .summary-card{ position:sticky; top:104px; }
}


/* ============================================================
   37. WHATSAPP BUTONU
   ============================================================ */
.wa-btn{
  position:fixed; left:20px; bottom:20px; z-index:125;
  display:inline-flex; align-items:center; gap:9px;
  background:#25d366; color:#fff; padding:12px 18px 12px 14px; border-radius:40px;
  font:700 14px var(--ff-head); box-shadow:0 10px 26px rgba(37,211,102,.4);
  transition:transform .2s, box-shadow .2s, bottom .3s cubic-bezier(.4,0,.2,1);
}
.wa-btn:hover{ transform:translateY(-3px); box-shadow:0 14px 32px rgba(37,211,102,.5); color:#fff; }
.wa-btn svg{ width:22px; height:22px; }
body.ctabar-on .wa-btn{ bottom:96px; }
@media (max-width:640px){
  .wa-btn{ padding:13px; left:16px; bottom:16px; }
  .wa-btn span{ display:none; }
  body.ctabar-on .wa-btn{ bottom:102px; }
}

/* hareket duyarlılığı (erişilebilirlik) */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important; scroll-behavior:auto !important;
  }
  .rv{ opacity:1 !important; transform:none !important; }
}

/* ============================================================
   22. TEK PAKET KARTI
   ============================================================ */
.single-pack{
  display:grid; grid-template-columns:1.15fr .85fr; gap:0;
  background:#fff; border:2px solid var(--cherry); border-radius:var(--r-xl);
  overflow:hidden; box-shadow:var(--sh-lg); position:relative;
}
.single-pack__info{ padding:44px 44px 40px; }
.single-pack__info h3{ font-size:clamp(22px,2.6vw,30px); letter-spacing:-.01em; margin-bottom:10px; color:var(--head); }
.single-pack__info > p{ color:var(--text); margin-bottom:24px; }
.single-pack__feats{
  display:grid; grid-template-columns:1fr 1fr; gap:11px 20px;
}
.single-pack__feats li{ display:flex; gap:9px; align-items:flex-start; font-size:14px; color:var(--head); }
.single-pack__feats li svg{ flex:none; width:17px; height:17px; color:var(--cherry); margin-top:3px; }
.single-pack__price{
  background:linear-gradient(180deg, #fdf5f3, #fff);
  border-left:1px dashed var(--line);
  padding:44px 40px; display:flex; flex-direction:column; align-items:center;
  justify-content:center; text-align:center; gap:6px; position:relative;
}
.single-pack__price .flag{
  position:absolute; top:18px; right:18px;
  background:var(--cherry); color:#fff; font:700 11.5px/1 var(--ff-head);
  letter-spacing:.1em; text-transform:uppercase; padding:8px 15px; border-radius:999px;
  box-shadow:0 8px 20px rgba(242,80,63,.35); animation:pulse 2.4s infinite;
}
.single-pack__price small{ font:600 12px var(--ff-head); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.single-pack__price del{ color:var(--muted); font-size:17px; }
.single-pack__price b{ font:700 clamp(38px,4vw,50px)/1.05 var(--ff-head); color:var(--cherry); letter-spacing:-.03em; }
.single-pack__price .kdv{ font-size:12.5px; color:var(--muted); font-weight:600; margin-bottom:10px; }
.single-pack__price .lic{ font-size:12.5px; color:var(--text); margin-bottom:16px; max-width:230px; }
.single-pack__price .btn{ width:100%; }
.single-pack__price .btn + .btn{ margin-top:10px; }
@media (max-width:900px){
  .single-pack{ grid-template-columns:1fr; }
  .single-pack__price{ border-left:0; border-top:1px dashed var(--line); }
  .single-pack__info{ padding:32px 26px; }
  .single-pack__price{ padding:32px 26px; }
}
@media (max-width:640px){
  .single-pack__feats{ grid-template-columns:1fr; }
  .vshow-panel{ padding:26px 18px 22px; }
  .vjoin{ display:none; }
}

/* Visne Academy köprü notu (ürün ↔ danışmanlık) */
.bridge-note{
  margin-top:32px; text-align:center;
  font:500 15px/1.7 var(--ff-body); color:var(--text);
  max-width:660px; margin-inline:auto;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-md);
  padding:20px 26px; box-shadow:var(--sh-sm);
}
.bridge-note strong{ color:var(--cherry); font-family:var(--ff-head); }
.bridge-note a{
  display:inline-flex; align-items:center; gap:6px;
  font:600 14px var(--ff-head); color:var(--head); margin-left:6px;
  border-bottom:2px solid var(--cherry-t); transition:var(--tr);
}
.bridge-note a svg{ width:14px; height:14px; color:var(--cherry); transition:transform var(--tr); }
.bridge-note a:hover{ color:var(--cherry); }
.bridge-note a:hover svg{ transform:translateX(4px); }

/* birleşik vektör alanı — MDV bandına yapışık */
.section.mdv{ padding-bottom:64px; }
.vshow--joined{ padding-top:48px; padding-bottom:64px; }

/* erişilebilir odak halkası (klavye) */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline:3px solid rgba(242,80,63,.45); outline-offset:2px; border-radius:6px;
}

/* form hata vurgusu */
.field-error{ border-color:#d63a2c !important; background:#fdecea !important; }
.field-error:focus{ box-shadow:0 0 0 4px rgba(214,58,44,.15) !important; }

/* ödeme: üye girişi akordeonu + misafir rozeti */
.login-hint{
  background:linear-gradient(135deg,#fff,#fdf5f3);
  border:1px solid var(--line); border-radius:var(--r-md);
  margin-bottom:18px; overflow:hidden; transition:var(--tr);
}
.login-hint.open{ border-color:rgba(242,80,63,.4); box-shadow:var(--sh-md); }
.login-hint__head{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:17px 22px; text-align:left; font:500 14.5px var(--ff-body); color:var(--text);
}
.login-hint__head b{ color:var(--cherry); font-family:var(--ff-head); }
.login-hint__head .pl{
  flex:none; width:28px; height:28px; border-radius:9px; display:grid; place-items:center;
  background:var(--cherry-t); color:var(--cherry); transition:transform var(--tr);
}
.login-hint__head .pl svg{ width:14px; height:14px; }
.login-hint.open .pl{ transform:rotate(45deg); }
.login-hint__head span:first-child{ display:inline-flex; align-items:center; gap:11px; }
.login-hint__head span:first-child > svg{
  flex:none; width:38px; height:38px; padding:9px; border-radius:11px;
  background:var(--cherry); color:#fff; box-shadow:0 6px 14px rgba(242,80,63,.3);
}
.login-hint__body{ display:none; padding:22px; border-top:1px solid var(--line); background:#fff; }
.login-hint.open .login-hint__body{ display:block; animation:fadeIn .35s ease; }
.guest-badge{
  display:inline-flex; align-items:center; gap:7px;
  background:#e7f6ed; color:#1d8a4e; border:1px solid #bfe7cf;
  font:600 12px var(--ff-head); padding:7px 13px; border-radius:999px;
}
.guest-badge svg{ width:13px; height:13px; }

/* ---------- Giriş / kayıt ekranı bileşenleri ---------- */
.input-ic{ position:relative; }
.input-ic > svg{
  position:absolute; left:17px; top:50%; transform:translateY(-50%);
  width:19px; height:19px; color:var(--muted); pointer-events:none;
}
.input-ic input{ padding-left:48px !important; }
/* giriş inputları daha büyük ve ferah */
.login-hint .input-ic input, .auth-card .input-ic input{
  padding-top:17px; padding-bottom:17px; font-size:15.5px; border-radius:14px;
}
.login-hint .field label, .auth-card .field label{ font-size:14px; margin-bottom:9px; }
.login-hint .input-ic .pw-toggle, .auth-card .input-ic .pw-toggle{ width:40px; height:40px; right:9px; }
.input-ic .pw-toggle{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:34px; height:34px; border-radius:9px; display:grid; place-items:center;
  color:var(--muted); transition:var(--tr);
}
.input-ic .pw-toggle:hover{ color:var(--cherry); background:var(--cherry-t); }
.input-ic .pw-toggle svg{ width:17px; height:17px; }
.auth-aux{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin:2px 0 16px; flex-wrap:wrap;
}
.auth-aux label{
  display:inline-flex; align-items:center; gap:8px;
  font:500 13px var(--ff-body); color:var(--text); cursor:pointer;
}
.auth-aux input{ width:16px; height:16px; accent-color:var(--cherry); }
.auth-aux a{ font:600 13px var(--ff-head); color:var(--cherry); }
.auth-aux a:hover{ text-decoration:underline; }
.auth-divider{
  display:flex; align-items:center; gap:14px; margin:18px 0;
  font:600 11.5px var(--ff-head); letter-spacing:.14em; text-transform:uppercase; color:var(--muted);
}
.auth-divider::before, .auth-divider::after{ content:""; flex:1; height:1px; background:var(--line); }
.info-banner{
  display:none; align-items:flex-start; gap:11px; margin-top:16px;
  background:#fdf8ec; border:1px solid rgba(232,176,75,.45); border-radius:12px;
  padding:13px 16px; font-size:13.5px; color:#8a7332; line-height:1.6;
}
.info-banner.show{ display:flex; animation:fadeIn .35s ease; }
.info-banner svg{ flex:none; width:17px; height:17px; color:#a8842f; margin-top:2px; }
/* hesap sayfası kartı */
.auth-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  box-shadow:var(--sh-md); overflow:hidden;
}
.auth-card .tabs__nav{ background:var(--bg); border-bottom:1px solid var(--line); padding:8px 8px 0; }
.auth-card .tabs__panel{ padding:30px 30px 34px; }
.auth-card .form{ border:0; padding:0; box-shadow:none; background:none; }
.auth-head{ text-align:center; margin-bottom:22px; }
.auth-head .ic{
  width:56px; height:56px; margin:0 auto 12px; border-radius:16px;
  background:linear-gradient(135deg,var(--cherry),var(--cherry-d)); color:#fff;
  display:grid; place-items:center; box-shadow:0 10px 24px rgba(242,80,63,.35);
}
.auth-head .ic svg{ width:26px; height:26px; }
.auth-head h2{ font-size:21px; margin-bottom:4px; }
.auth-head p{ font-size:13.5px; color:var(--muted); }
.auth-switch{ text-align:center; margin-top:18px; font-size:13.5px; color:var(--text); }
.auth-switch a{ color:var(--cherry); font-weight:700; cursor:pointer; }
.auth-switch a:hover{ text-decoration:underline; }
@media (max-width:640px){
  .login-hint__body{ padding:18px 16px; }
  .auth-card .tabs__panel{ padding:24px 18px 28px; }
}

/* ödeme notu */
.pay-note{
  text-align:center; margin-top:26px;
  font:600 13px var(--ff-head); letter-spacing:.08em; text-transform:uppercase; color:#8fa1ad;
}
.pay-note svg{ width:15px; height:15px; vertical-align:-3px; color:var(--cherry); margin-right:4px; }

/* motto şeridi */
.vmotto{
  display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap;
  margin-top:44px; padding-top:32px; border-top:1px solid var(--line);
}
.vshow--dark .vmotto{ border-top-color:var(--line-d); }
.vmotto span{
  font:700 14px var(--ff-head); letter-spacing:.34em; text-transform:uppercase; color:var(--head);
}
.vshow--dark .vmotto span{ color:#dfe7ec; }
.vmotto i{
  width:14px; height:14px; flex:none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.6 2.4c-2.9 1.7-4.8 4.6-5.3 8.1' fill='none' stroke='%23f2503f' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c1.9 2.4 2.9 5.3 2.9 8.2' fill='none' stroke='%23f2503f' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M12.6 2.4c2.2-1 4.7-.7 6.5.7-1.9 1.3-4.4 1.6-6.5.7z' fill='%232f9e5f'/%3E%3Ccircle cx='7' cy='15.6' r='4.5' fill='%23f2503f'/%3E%3Ccircle cx='15.8' cy='14.9' r='3.9' fill='%23d63a2c'/%3E%3C/svg%3E") no-repeat center/contain;
}

@media (max-width:1100px){
  .vgrid{ grid-template-columns:repeat(3,1fr); }
  .vfeat-grid{ grid-template-columns:1fr; gap:28px; }
}
@media (max-width:860px){ .vgrid{ grid-template-columns:1fr; } }
@media (max-width:640px){
  .vfeats{ grid-template-columns:1fr; }
  .vmotto{ gap:14px; }
  .vmotto span{ letter-spacing:.2em; font-size:12.5px; }
  .page-hero::after{ width:130px; height:130px; opacity:.05; }
  .vshow-panel__tag{ font-size:11px; padding:8px 16px; letter-spacing:.08em; }
  .vpack-bar__price b{ font-size:26px; }
  .vpack-bar .hero__actions{ width:100%; }
  .vpack-bar .hero__actions .btn{ width:100%; }
  .product-badge{ font-size:11px; padding:9px 16px; }
}