/* ============================================================================
   MOONSTAR GYM — Bordo · Kırmızı · Beyaz
   Krem zemin + hafif doku, renkli bölümler, katmanlı kartlar.
   Tek dosya, harici bağımlılık yok (hız = SEO).
   ========================================================================= */

/* ------------------------------------------------------------ 1. DEĞİŞKENLER */
:root{
  --kirmizi:#C8102E;          /* ana vurgu — butonlar (beyaz yazı 5,9:1) */
  --kirmizi-koyu:#A30D25;
  --bordo:#7A1426;            /* başlık vurgusu, link, ikon */
  --bordo-koyu:#5A0E1C;
  --bordo-derin:#2E0810;      /* koyu bölümler */
  --bordo-gece:#1D0509;       /* footer */
  --pembe:#FF9AA6;            /* koyu zeminde vurgu */
  --sis:rgba(200,16,46,.08);

  --krem:#FBF8F6;             /* sayfa zemini */
  --gul:#F7EDEF;              /* renkli bölüm zemini */
  --kagit:#FFFFFF;

  --yazi:#211417;
  --yazi-2:#54474A;
  --yazi-3:#6A5C60;
  --ters:#FFF6F7;
  --ters-2:#E9CDD2;

  --cizgi:rgba(122,20,38,.12);
  --cizgi-koyu:rgba(255,255,255,.13);

  --r:18px;
  --r-sm:11px;
  --golge:0 1px 2px rgba(46,8,16,.05),0 14px 34px -18px rgba(46,8,16,.28);
  --golge-guclu:0 2px 4px rgba(46,8,16,.06),0 26px 50px -22px rgba(46,8,16,.42);
  --golge-kirmizi:0 12px 28px -12px rgba(200,16,46,.55);

  --en:1180px;
  --gecis:.24s cubic-bezier(.4,0,.2,1);
  --f-baslik:"Oswald","Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --f-metin:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  --doku:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .08 0 0 0 0 .15 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  --nokta:radial-gradient(rgba(122,20,38,.13) 1px,transparent 1.4px);
}

/* ----------------------------------------------------------------- 2. RESET */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{
  margin:0;color:var(--yazi);font-family:var(--f-metin);font-size:16.5px;line-height:1.72;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  background:var(--doku),var(--krem);
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{font-family:var(--f-baslik);font-weight:600;line-height:1.1;margin:0 0 .5em;
  letter-spacing:.005em;text-transform:uppercase;color:var(--yazi)}
h1{font-size:clamp(2.1rem,5.3vw,3.95rem);letter-spacing:-.012em}
h2{font-size:clamp(1.65rem,3.4vw,2.65rem)}
h3{font-size:clamp(1.1rem,1.85vw,1.36rem)}
h4{font-size:1rem;letter-spacing:.04em}
p{margin:0 0 1.05em}
strong{color:var(--yazi);font-weight:650}
:focus-visible{outline:3px solid var(--kirmizi);outline-offset:3px;border-radius:4px}
::selection{background:var(--kirmizi);color:#fff}

/* -------------------------------------------------------------- 3. YARDIMCI */
.kapsayici{width:100%;max-width:var(--en);margin-inline:auto;padding-inline:20px}
.dar{max-width:840px}
.bolum{padding:clamp(60px,8vw,110px) 0;position:relative}
.bolum--alt{
  background:var(--nokta) 0 0/22px 22px,linear-gradient(180deg,var(--gul),#FBF3F4);
  border-block:1px solid var(--cizgi);
}
.bolum--koyu{
  color:var(--ters);
  background:
    radial-gradient(70% 90% at 100% 0%,rgba(200,16,46,.38),transparent 60%),
    radial-gradient(60% 80% at 0% 100%,rgba(122,20,38,.55),transparent 62%),
    linear-gradient(160deg,#3A0A14,var(--bordo-derin));
}
.bolum--koyu h2,.bolum--koyu h3{color:#fff}
.bolum--koyu p,.bolum--koyu li{color:var(--ters-2)}
.bolum--koyu strong{color:#fff}
.vurgu{color:var(--kirmizi)}
.gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
a.gizli:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;clip:auto;margin:0;
  padding:12px 20px;background:var(--kirmizi);color:#fff;border-radius:8px;font-weight:700;z-index:1000}

.bolum-bas{margin-bottom:clamp(34px,4.4vw,58px)}
.bolum-bas--orta{text-align:center;max-width:760px;margin-inline:auto}
.etiket{
  display:inline-flex;align-items:center;gap:10px;font-family:var(--f-baslik);font-size:.8rem;
  font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--kirmizi);margin-bottom:14px;
}
.etiket::before,.bolum-bas--orta .etiket::after{
  content:"";width:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--kirmizi),var(--bordo));
}
.bolum-bas p{color:var(--yazi-2);font-size:1.05rem;max-width:66ch;margin-bottom:0}
.bolum-bas--orta p{margin-inline:auto}
.bolum--koyu .etiket,.hero .etiket,.ig-band .etiket{color:var(--pembe)}
.cta .etiket{color:#fff}
.cta .etiket::before,.cta .etiket::after{background:#fff}
.bolum--koyu .etiket::before,.bolum--koyu .etiket::after,
.ig-band .etiket::before{background:var(--pembe)}

/* --------------------------------------------------------------- 4. BUTONLAR */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;
  border-radius:var(--r-sm);font-family:var(--f-baslik);font-weight:600;font-size:.95rem;
  letter-spacing:.1em;text-transform:uppercase;transition:var(--gecis);white-space:nowrap;
  border:2px solid transparent;
}
.btn svg{width:18px;height:18px;flex:none}
.btn--kirmizi{background:linear-gradient(180deg,#D4163A,var(--kirmizi));color:#fff;box-shadow:var(--golge-kirmizi)}
.btn--kirmizi:hover{background:linear-gradient(180deg,var(--kirmizi),var(--kirmizi-koyu));transform:translateY(-2px)}
.btn--cerceve{border-color:var(--bordo);color:var(--bordo);background:rgba(255,255,255,.6)}
.btn--cerceve:hover{background:var(--bordo);color:#fff;transform:translateY(-2px)}
.btn--wa{background:#25D366;color:#04250F}
.btn--wa:hover{filter:brightness(1.06);transform:translateY(-2px)}
.hero .btn--cerceve,.bolum--koyu .btn--cerceve,.cta .btn--cerceve{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}
.hero .btn--cerceve:hover,.bolum--koyu .btn--cerceve:hover,.cta .btn--cerceve:hover{background:#fff;color:var(--bordo)}
.btn--blok{width:100%}
.btn-grup{display:flex;flex-wrap:wrap;gap:12px}

/* --------------------------------------------------------- 5. KAMPANYA ŞERİDİ */
.duyuru{background:linear-gradient(90deg,var(--bordo),var(--kirmizi));color:#fff;text-align:center;
  padding:9px 20px;font-size:.85rem;font-weight:500}
.duyuru b{font-weight:700}
.duyuru a{text-decoration:underline;text-underline-offset:3px}

/* ------------------------------------------------------------------- 6. HEADER */
.header{
  position:sticky;top:0;z-index:900;background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--cizgi);transition:var(--gecis);
}
.header::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--bordo),var(--kirmizi),var(--bordo))}
.header.kaydi{background:rgba(255,255,255,.98);box-shadow:0 8px 26px -16px rgba(46,8,16,.4)}
.header__ic{display:flex;align-items:center;gap:18px;height:76px}
.marka{display:flex;align-items:center;gap:11px;flex:none;margin-right:auto}
.marka__mark{width:48px;height:48px;flex:none}
.marka__yazi{display:flex;flex-direction:column;line-height:1}
.marka__ad{font-family:var(--f-baslik);font-weight:700;font-size:1.22rem;letter-spacing:.04em;text-transform:uppercase;color:var(--yazi)}
.marka__ad i{font-style:normal;color:var(--kirmizi)}
.marka__alt{font-size:.58rem;letter-spacing:.26em;color:var(--yazi-3);text-transform:uppercase;margin-top:4px}

.menu{display:flex;align-items:center;gap:2px}
.menu>li{position:relative}
.menu a{display:block;padding:10px 12px;border-radius:9px;font-family:var(--f-baslik);font-size:.87rem;
  font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--yazi-2);transition:var(--gecis)}
.menu a:hover,.menu a.aktif{color:var(--bordo);background:var(--sis)}
.menu__ok{display:inline-block;margin-left:5px;font-size:.6em;vertical-align:middle;opacity:.7}
.altmenu{
  position:absolute;top:calc(100% + 8px);left:-8px;min-width:278px;background:#fff;
  border:1px solid var(--cizgi);border-top:3px solid var(--kirmizi);border-radius:var(--r);
  padding:8px;box-shadow:var(--golge-guclu);opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--gecis);
}
.menu>li:hover>.altmenu,.menu>li:focus-within>.altmenu{opacity:1;visibility:visible;transform:translateY(0)}
.altmenu a{padding:10px 12px;font-size:.87rem;letter-spacing:.01em;color:var(--yazi);text-transform:none;font-family:var(--f-metin);font-weight:600}
.altmenu a:hover{color:var(--kirmizi);background:var(--sis)}
.altmenu a span{display:block;font-size:.76rem;color:var(--yazi-3);font-weight:400;margin-top:1px}

.header__cta{display:flex;align-items:center;gap:10px;flex:none}
.tel-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:var(--r-sm);
  background:linear-gradient(180deg,#D4163A,var(--kirmizi));color:#fff;font-family:var(--f-baslik);
  font-weight:600;letter-spacing:.04em;font-size:.94rem;transition:var(--gecis);box-shadow:var(--golge-kirmizi)}
.tel-btn:hover{background:var(--kirmizi-koyu)}
.tel-btn svg{width:16px;height:16px}
.ig-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:var(--r-sm);
  border:2px solid var(--cizgi);color:var(--yazi);font-family:var(--f-baslik);font-weight:600;
  letter-spacing:.04em;font-size:.9rem;transition:var(--gecis);background:#fff}
.ig-btn:hover{border-color:transparent;color:#fff;background:linear-gradient(45deg,#F09433,#E6683C 25%,#DC2743 50%,#CC2366 75%,#BC1888)}
.ig-btn svg{width:17px;height:17px}

.hamburger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--cizgi);border-radius:10px;background:#fff}
.hamburger span{display:block;width:20px;height:2px;background:var(--bordo);border-radius:2px;position:relative;transition:var(--gecis)}
.hamburger span::before,.hamburger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--bordo);border-radius:2px;transition:var(--gecis)}
.hamburger span::before{top:-6.5px}
.hamburger span::after{top:6.5px}
.hamburger[aria-expanded="true"] span{background:transparent}
.hamburger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.hamburger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

/* ------------------------------------------------------------------ 7. HERO */
.hero{position:relative;overflow:hidden;color:var(--ters);display:flex;align-items:center;
  min-height:clamp(520px,76vh,780px);background:var(--bordo-derin)}
.hero__fon{position:absolute;inset:0;z-index:0}
.hero__fon img{width:100%;height:100%;object-fit:cover;opacity:.38}
.hero__fon::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(46,8,16,.96) 0%,rgba(90,14,28,.78) 55%,rgba(122,20,38,.45) 100%)}
.hero--fotosuz{
  background:
    radial-gradient(80% 100% at 92% 8%,rgba(230,30,60,.5) 0%,transparent 55%),
    radial-gradient(70% 90% at 10% 100%,rgba(122,20,38,.7) 0%,transparent 60%),
    linear-gradient(135deg,#4A0D19 0%,#2E0810 60%,#1D0509 100%);
}
.hero::after{   /* sağda büyük silik amblem */
  content:"";position:absolute;z-index:1;right:-6%;top:50%;width:min(620px,58vw);aspect-ratio:1;
  transform:translateY(-50%);background:url("../img/mark.svg") center/contain no-repeat;opacity:.1;pointer-events:none;
}
.hero__cizgi{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(115deg,transparent 0 40px,rgba(255,255,255,.035) 40px 42px)}
.hero__ic{position:relative;z-index:2;padding-block:clamp(64px,8vw,100px)}
.hero__metin{max-width:760px}
.hero h1{margin-bottom:20px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero h1 .satir{display:block}
.hero h1 .satir.vurgu{color:var(--pembe)}
.hero__giris{font-size:clamp(1rem,1.6vw,1.17rem);color:var(--ters-2);max-width:58ch;margin-bottom:30px}
.hero__giris strong{color:#fff}
.hero__rozet{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:6px 16px 6px 7px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:.8rem;
  letter-spacing:.06em;text-transform:uppercase;color:#fff;font-family:var(--f-baslik);font-weight:500;backdrop-filter:blur(6px)}
.hero__rozet b{background:#fff;color:var(--kirmizi);padding:4px 11px;border-radius:100px;font-size:.74rem;font-weight:700}
.hero__alt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px;max-width:720px}
.hero__alt div{padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.hero__alt b{display:block;font-family:var(--f-baslik);font-size:1.9rem;font-weight:700;line-height:1;color:#fff}
.hero__alt span{font-size:.72rem;color:var(--ters-2);letter-spacing:.1em;text-transform:uppercase}

/* Sayfa başlığı (iç sayfalar) */
.sayfabas{position:relative;overflow:hidden;padding:clamp(44px,5.5vw,76px) 0 clamp(40px,5vw,62px);
  border-bottom:1px solid var(--cizgi);
  background:
    radial-gradient(55% 120% at 100% 0%,rgba(200,16,46,.14),transparent 60%),
    var(--nokta) 0 0/22px 22px,
    linear-gradient(180deg,var(--gul),var(--krem));
}
.sayfabas::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--kirmizi),var(--bordo))}
.sayfabas::after{content:"";position:absolute;right:-60px;bottom:-80px;width:300px;height:300px;
  background:url("../img/mark.svg") center/contain no-repeat;opacity:.07;pointer-events:none}
.sayfabas h1{margin-bottom:14px;max-width:20ch;position:relative}
.sayfabas p{color:var(--yazi-2);max-width:62ch;font-size:1.06rem;margin-bottom:0;position:relative}
.sayfabas .btn-grup{margin-top:26px;position:relative}
.kirinti{font-size:.8rem;color:var(--yazi-3);margin-bottom:18px;position:relative}
.kirinti ol{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kirinti li:not(:last-child)::after{content:"›";margin-left:8px;color:var(--kirmizi)}
.kirinti a:hover{color:var(--kirmizi)}
.kirinti [aria-current]{color:var(--bordo);font-weight:600}

/* -------------------------------------------------------------- 8. IZGARALAR */
.izgara{display:grid;gap:clamp(16px,2vw,24px)}
.izgara--2{grid-template-columns:repeat(2,1fr)}
.izgara--3{grid-template-columns:repeat(3,1fr)}
.izgara--4{grid-template-columns:repeat(4,1fr)}
.ikili{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4.5vw,64px);align-items:center}
.ikili--tek{grid-template-columns:1fr;max-width:840px}
.ikili--ters .ikili__gorsel{order:-1}
.ikili__gorsel{border-radius:var(--r);overflow:hidden;box-shadow:var(--golge-guclu);outline:6px solid #fff}
.ikili__gorsel img{width:100%;aspect-ratio:4/3.1;object-fit:cover}

/* --------------------------------------------------------------- 9. KARTLAR */
.kart{position:relative;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:28px;
  transition:var(--gecis);box-shadow:var(--golge);overflow:hidden;color:var(--yazi)}
.kart::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--kirmizi),var(--bordo));transform:scaleX(0);transform-origin:left;transition:var(--gecis)}
.kart:hover{transform:translateY(-4px);box-shadow:var(--golge-guclu)}
.kart:hover::before{transform:scaleX(1)}
.kart h3{margin-bottom:8px;color:var(--yazi)}
.kart p{color:var(--yazi-2);font-size:.95rem;margin-bottom:0}
.kart__ikon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;
  color:#fff;background:linear-gradient(145deg,var(--kirmizi),var(--bordo));box-shadow:0 8px 18px -8px rgba(200,16,46,.6)}
.kart__ikon svg{width:24px;height:24px}
.kart__link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--f-baslik);
  font-size:.84rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--kirmizi)}
.kart__link::after{content:"→";transition:var(--gecis)}
.kart:hover .kart__link::after,.brans:hover .kart__link::after,.yazi-kart:hover .kart__link::after{transform:translateX(4px)}

.brans{position:relative;border-radius:var(--r);overflow:hidden;min-height:310px;display:flex;align-items:flex-end;
  transition:var(--gecis);isolation:isolate;box-shadow:var(--golge);
  background:linear-gradient(155deg,#5A0E1C,var(--bordo-derin))}
.brans img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.brans::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(46,8,16,.15) 0%,rgba(46,8,16,.78) 58%,rgba(29,5,9,.96) 100%)}
.brans--fotosuz::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(100% 80% at 100% 0%,rgba(230,30,60,.55) 0%,transparent 62%),
  repeating-linear-gradient(115deg,transparent 0 26px,rgba(255,255,255,.04) 26px 27px)}
.brans:hover{transform:translateY(-4px);box-shadow:var(--golge-guclu)}
.brans:hover img{transform:scale(1.06)}
.brans__ic{padding:26px;position:relative;z-index:1}
.brans__ust{display:inline-block;font-family:var(--f-baslik);font-size:.7rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
  padding:4px 10px;border-radius:100px;margin-bottom:10px}
.brans h3{margin-bottom:7px;color:#fff}
.brans p{color:var(--ters-2);font-size:.9rem;margin-bottom:0}
.brans .kart__link{margin-top:13px;color:var(--pembe)}

/* -------------------------------------------------------- 10. ÖZELLİK LİSTESİ */
.onay{display:grid;gap:13px;margin:20px 0}
.onay li{position:relative;padding-left:32px;color:var(--yazi-2);font-size:.97rem}
.onay li::before{content:"";position:absolute;left:0;top:.36em;width:20px;height:20px;border-radius:50%;
  background:linear-gradient(145deg,var(--kirmizi),var(--bordo))}
.onay li::after{content:"";position:absolute;left:7px;top:.66em;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg)}
.onay li b,.onay li strong{color:var(--yazi)}
.onay li a{color:var(--kirmizi);text-decoration:underline;text-underline-offset:3px}
.bolum--koyu .onay li{color:var(--ters-2)}
.bolum--koyu .onay li b,.bolum--koyu .onay li strong{color:#fff}
.bolum--koyu .onay li::before{background:#fff}
.bolum--koyu .onay li::after{border-color:var(--kirmizi)}
.bolum--koyu .onay li a{color:var(--pembe)}

/* ------------------------------------------------------------ 11. İSTATİSTİK */
.sayilar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sayilar div{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:28px 20px;text-align:center;box-shadow:var(--golge);color:var(--yazi)}
.sayilar b{display:block;font-family:var(--f-baslik);font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1;margin-bottom:8px;color:var(--kirmizi)}
.sayilar span{font-size:.78rem;color:var(--yazi-3);letter-spacing:.12em;text-transform:uppercase}

.serit{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.serit > div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 14px;
  background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);color:var(--yazi)}
.serit .kart__ikon{margin:0}
.serit b{font-family:var(--f-baslik);font-size:.96rem;letter-spacing:.05em;text-transform:uppercase;color:var(--yazi)}
.serit small{color:var(--yazi-2);font-size:.83rem;line-height:1.5}

.yas{display:grid;gap:14px}
.yas li{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);
  padding:20px 24px;box-shadow:var(--golge);position:relative;overflow:hidden;color:var(--yazi)}
.yas li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--kirmizi),var(--bordo))}
.yas b{font-family:var(--f-baslik);font-size:1.15rem;letter-spacing:.05em;color:var(--kirmizi);white-space:nowrap;min-width:110px}
.yas span{color:var(--yazi-2);font-size:.96rem}

/* ------------------------------------------------------------ 12. ADIM/SÜREÇ */
.adimlar{counter-reset:a}
.adim{position:relative;padding-left:68px;padding-bottom:32px}
.adim:last-child{padding-bottom:0}
.adim::before{counter-increment:a;content:counter(a,decimal-leading-zero);position:absolute;left:0;top:-2px;
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:linear-gradient(145deg,var(--kirmizi),var(--bordo));font-family:var(--f-baslik);font-weight:700;
  box-shadow:0 8px 18px -8px rgba(200,16,46,.6)}
.adim:not(:last-child)::after{content:"";position:absolute;left:23px;top:52px;bottom:6px;width:2px;background:linear-gradient(180deg,rgba(200,16,46,.35),transparent)}
.adim h3{margin-bottom:5px}
.adim p{color:var(--yazi-2);font-size:.95rem;margin-bottom:0}

/* ---------------------------------------------------- 13. GOOGLE PUANI/YORUM */
.puan-kart{display:flex;flex-wrap:wrap;align-items:center;gap:22px 34px;background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--r);padding:26px 30px;box-shadow:var(--golge-guclu);color:var(--yazi);position:relative;overflow:hidden}
.puan-kart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--kirmizi),var(--bordo))}
.puan-kart__sol{display:flex;align-items:center;gap:18px}
.puan-buyuk{font-family:var(--f-baslik);font-size:3.2rem;line-height:1;font-weight:700;color:var(--kirmizi)}
.puan-kart__bilgi{font-size:.92rem;color:var(--yazi-3)}
.puan-kart__bilgi b{display:block;color:var(--yazi);font-size:1rem}
.yildiz{color:#B07D00;letter-spacing:2px;font-size:1.1rem}
.puan-kart .btn{margin-left:auto}
.puan-kart .btn--cerceve{border-color:var(--bordo);color:var(--bordo)}
.puan-kart .btn--cerceve:hover{background:var(--bordo);color:#fff}

.yorum{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);
  padding:28px;transition:var(--gecis);box-shadow:var(--golge);color:var(--yazi);position:relative}
.yorum::after{content:"“";position:absolute;right:20px;top:4px;font-family:Georgia,serif;font-size:5rem;line-height:1;color:rgba(200,16,46,.1)}
.yorum:hover{box-shadow:var(--golge-guclu);transform:translateY(-3px)}
.yorum__ust{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.yorum p{color:var(--yazi-2);font-size:.96rem;flex:1;margin-bottom:14px}
.yorum__devam{display:inline-block;margin-top:-6px;margin-bottom:14px;font-size:.86rem;color:var(--kirmizi);text-decoration:underline;text-underline-offset:3px}
.yorum footer{display:flex;align-items:center;gap:12px;padding-top:15px;border-top:1px solid var(--cizgi)}
.yorum__bas{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;
  background:linear-gradient(145deg,var(--kirmizi),var(--bordo));font-family:var(--f-baslik);font-weight:700}
.yorum__ad{font-weight:600;font-size:.94rem;color:var(--yazi)}
.yorum__alt{font-size:.8rem;color:var(--yazi-3)}
.yorum__kaynak{font-size:.72rem;color:var(--yazi-3);letter-spacing:.08em;text-transform:uppercase}

/* ------------------------------------------------------------------ 14. SSS */
.sss{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);padding:6px 26px}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss details:last-child{border-bottom:0}
.sss summary{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 2px;cursor:pointer;
  list-style:none;font-family:var(--f-baslik);font-size:clamp(1rem,1.5vw,1.14rem);font-weight:500;text-transform:none;
  letter-spacing:.005em;transition:var(--gecis);color:var(--yazi)}
.sss summary::-webkit-details-marker{display:none}
.sss summary:hover,.sss details[open] summary{color:var(--kirmizi)}
.sss summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:var(--sis);color:var(--kirmizi);font-size:1.2rem;line-height:1;transition:var(--gecis)}
.sss details[open] summary::after{transform:rotate(45deg);background:var(--kirmizi);color:#fff}
.sss__cevap{padding:0 2px 22px;color:var(--yazi-2);max-width:88ch}
.sss__cevap p:last-child{margin-bottom:0}
.sss__cevap a{color:var(--kirmizi);text-decoration:underline;text-underline-offset:3px}

/* ------------------------------------------------------------- 15. CTA BANDI */
.cta{position:relative;overflow:hidden;border-radius:calc(var(--r) + 6px);padding:clamp(40px,5.5vw,68px);text-align:center;color:var(--ters);
  background:
    radial-gradient(80% 140% at 92% 0%,rgba(255,80,100,.45) 0%,transparent 55%),
    repeating-linear-gradient(115deg,transparent 0 34px,rgba(255,255,255,.04) 34px 36px),
    linear-gradient(135deg,var(--kirmizi) 0%,var(--bordo) 55%,var(--bordo-koyu) 100%);
  box-shadow:var(--golge-guclu)}
.cta h2{margin-bottom:12px;color:#fff}
.cta p{color:#F6DCE0;max-width:56ch;margin-inline:auto;margin-bottom:28px}
.cta .btn-grup{justify-content:center}
.cta .btn--kirmizi{background:#fff;color:var(--kirmizi);box-shadow:0 12px 28px -12px rgba(0,0,0,.4)}
.cta .btn--kirmizi:hover{background:#FFF0F2}

.kampanya{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;border:2px solid var(--kirmizi);border-radius:var(--r);
  padding:24px 28px;background:#fff;box-shadow:var(--golge)}
.kampanya__yuzde{font-family:var(--f-baslik);font-size:2.6rem;font-weight:700;line-height:1;color:var(--kirmizi);white-space:nowrap}
.kampanya h3{margin-bottom:5px}
.kampanya p{margin-bottom:0;color:var(--yazi-2);font-size:.95rem}
.kampanya .btn{margin-left:auto}

/* -------------------------------------------------------------- 16. İLETİŞİM */
.bilgi-satir{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid var(--cizgi);align-items:flex-start}
.bilgi-satir:last-child{border-bottom:0}
.bilgi-satir__ikon{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(145deg,var(--kirmizi),var(--bordo))}
.bilgi-satir__ikon svg{width:19px;height:19px}
.bilgi-satir h4{margin-bottom:2px;color:var(--kirmizi);font-size:.72rem;letter-spacing:.15em}
.bilgi-satir__deger{font-size:1.04rem;color:var(--yazi);font-weight:600}
a.bilgi-satir__deger:hover{color:var(--kirmizi)}
.bilgi-satir small{display:block;color:var(--yazi-3);font-size:.84rem;margin-top:3px;font-weight:400;line-height:1.5}
.bolum--koyu .bilgi-satir{border-bottom-color:var(--cizgi-koyu)}
.bolum--koyu .bilgi-satir__ikon{background:#fff;color:var(--kirmizi)}
.bolum--koyu .bilgi-satir h4{color:var(--pembe)}
.bolum--koyu .bilgi-satir__deger{color:#fff}
.bolum--koyu a.bilgi-satir__deger:hover{color:var(--pembe)}
.bolum--koyu .bilgi-satir small{color:var(--ters-2)}

.harita{border-radius:var(--r);overflow:hidden;border:1px solid var(--cizgi);background:#fff;box-shadow:var(--golge)}
.harita iframe{display:block;width:100%;min-height:420px;border:0}
.harita__bos{min-height:340px;display:grid;place-items:center;text-align:center;padding:30px;color:var(--yazi-3)}
.harita__bos code{color:var(--yazi);background:var(--gul);padding:1px 5px;border-radius:4px}
.harita__ac{width:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  text-align:center;padding:30px;transition:var(--gecis);
  background:
    repeating-linear-gradient(0deg,transparent 0 38px,rgba(122,20,38,.08) 38px 39px),
    repeating-linear-gradient(90deg,transparent 0 46px,rgba(122,20,38,.08) 46px 47px),
    radial-gradient(50% 60% at 50% 50%,#fff,var(--gul))}
.harita__ac:hover{filter:brightness(.98)}
.harita__pin{width:64px;height:64px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;color:#fff;
  background:linear-gradient(145deg,var(--kirmizi),var(--bordo));box-shadow:0 12px 26px -10px rgba(200,16,46,.7)}
.harita__pin svg{width:26px;height:26px;transform:rotate(45deg)}
.harita__ac-yazi b{display:block;font-family:var(--f-baslik);font-size:1.18rem;letter-spacing:.05em;text-transform:uppercase;color:var(--yazi)}
.harita__ac-yazi small{display:block;color:var(--yazi-2);font-size:.9rem;margin-top:4px}
.harita__alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:16px;padding:20px 24px;
  background:#fff;border:1px solid var(--cizgi);border-left:6px solid var(--kirmizi);border-radius:var(--r);box-shadow:var(--golge)}
.harita__alt strong{display:block;font-size:1.02rem}
.harita__alt span{color:var(--yazi-2);font-size:.92rem}

.form{display:grid;gap:15px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:26px;box-shadow:var(--golge)}
.alan{display:grid;gap:6px}
.alan label{font-size:.79rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bordo);font-weight:600}
.alan input,.alan select,.alan textarea{width:100%;padding:13px 15px;border-radius:var(--r-sm);background:var(--krem);
  border:1.5px solid var(--cizgi);color:var(--yazi);font-family:inherit;font-size:.97rem;transition:var(--gecis)}
.alan textarea{min-height:112px;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:0;border-color:var(--kirmizi);background:#fff;box-shadow:0 0 0 4px var(--sis)}
.alan input::placeholder,.alan textarea::placeholder{color:var(--yazi-3)}
.alan select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23C8102E' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:11px;padding-right:38px}
.form small{color:var(--yazi-3);font-size:.82rem}

/* ------------------------------------------------------------------ 17. BLOG */
.yazi-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;
  transition:var(--gecis);box-shadow:var(--golge);color:var(--yazi);position:relative}
.yazi-kart::before{content:"";height:5px;background:linear-gradient(90deg,var(--kirmizi),var(--bordo))}
.yazi-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-guclu)}
.yazi-kart__gorsel{aspect-ratio:16/9;overflow:hidden;background:var(--gul)}
.yazi-kart__gorsel img{width:100%;height:100%;object-fit:cover;transition:var(--gecis)}
.yazi-kart:hover .yazi-kart__gorsel img{transform:scale(1.04)}
.yazi-kart__ic{padding:24px;display:flex;flex-direction:column;flex:1}
.yazi-kart__ust{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--kirmizi);margin-bottom:9px;font-weight:600}
.yazi-kart h3{font-size:1.12rem;margin-bottom:9px;text-transform:none;letter-spacing:0;line-height:1.32}
.yazi-kart p{color:var(--yazi-2);font-size:.92rem;flex:1}

.makale{max-width:780px}
.bolum > .kapsayici > .makale{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);
  padding:clamp(24px,4.5vw,56px);margin-inline:auto}
.makale h2{margin-top:1.9em;text-transform:none;letter-spacing:-.005em}
.makale h2:first-child{margin-top:0}
.makale h3{margin-top:1.6em;text-transform:none;letter-spacing:0;color:var(--bordo)}
.makale p,.makale li{color:var(--yazi-2)}
.makale ul,.makale ol{margin:0 0 1.2em;padding-left:1.3em;display:grid;gap:9px}
.makale ul li{list-style:none;position:relative;padding-left:20px}
.makale ul li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--kirmizi)}
.makale ol{list-style:decimal;padding-left:1.4em}
.makale ol li{padding-left:6px}
.makale ol li::marker{color:var(--kirmizi);font-weight:700}
.makale a{color:var(--kirmizi);text-decoration:underline;text-underline-offset:3px}
.makale blockquote{margin:1.6em 0;padding:20px 24px;border-left:5px solid var(--kirmizi);background:var(--gul);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--yazi)}
.makale blockquote p:last-child{margin-bottom:0}
.makale table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.93rem;border-radius:var(--r-sm);overflow:hidden}
.makale th,.makale td{padding:12px 14px;border:1px solid var(--cizgi);text-align:left}
.makale th{background:linear-gradient(135deg,var(--bordo),var(--bordo-koyu));color:#fff;font-family:var(--f-baslik);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem}
.makale td{background:#fff}
.makale tbody tr:nth-child(even) td{background:#FDF7F8}
.makale strong{color:var(--yazi)}
.kutu{background:var(--gul);border:1px solid var(--cizgi);border-left:6px solid var(--kirmizi);border-radius:var(--r-sm);padding:24px;margin:1.7em 0}
.kutu h3{margin-top:0;color:var(--kirmizi);font-size:1.05rem}
.kutu p:last-child,.kutu ul:last-child{margin-bottom:0}

/* ------------------------------------------------------------- 18. INSTAGRAM */
.ig-band{padding-block:clamp(40px,5vw,64px);color:var(--ters);
  background:
    radial-gradient(60% 120% at 100% 50%,rgba(220,39,67,.35),transparent 60%),
    linear-gradient(135deg,#3A0A14,var(--bordo-derin))}
.ig-band__ic{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.ig-band__ikon{width:70px;height:70px;flex:none;border-radius:22px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(45deg,#F09433,#E6683C 25%,#DC2743 50%,#CC2366 75%,#BC1888);box-shadow:0 14px 30px -12px rgba(220,39,67,.7)}
.ig-band__ikon svg{width:34px;height:34px}
.ig-band__yazi{flex:1 1 320px}
.ig-band__yazi .etiket{margin-bottom:8px}
.ig-band h2{margin-bottom:8px;color:#fff;font-size:clamp(1.4rem,2.6vw,2rem)}
.ig-band h2 .vurgu{color:var(--pembe)}
.ig-band p{color:var(--ters-2);margin-bottom:0;max-width:56ch}
.ig-band .btn--kirmizi{background:#fff;color:var(--kirmizi)}
.ig-band .btn--kirmizi:hover{background:#FFF0F2}

/* --------------------------------------------------------------- 19. FOOTER */
.footer{color:#E4C7CC;padding:clamp(50px,6vw,78px) 0 0;position:relative;overflow:hidden;
  background:radial-gradient(60% 80% at 100% 0%,rgba(200,16,46,.2),transparent 60%),var(--bordo-gece)}
.footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--bordo),var(--kirmizi),var(--bordo))}
.footer__ust{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:42px}
.footer__marka{max-width:330px}
.footer .marka__ad{color:#fff}
.footer .marka__ad i{color:var(--pembe)}
.footer .marka__alt{color:#C9A9AF}
.footer__marka p{color:#E4C7CC;font-size:.91rem;margin-top:15px}
.footer h4{color:#fff;font-size:.8rem;letter-spacing:.18em;margin-bottom:16px}
.footer ul{display:grid;gap:10px}
.footer li a{color:#E4C7CC;font-size:.91rem;transition:var(--gecis)}
.footer li a:hover{color:#fff;padding-left:4px}
.footer address{font-style:normal;color:#E4C7CC;font-size:.91rem;line-height:1.8}
.footer address a:hover{color:#fff}
.footer address strong{color:#fff}
.sosyal{display:flex;gap:9px;margin-top:18px}
.sosyal a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;transition:var(--gecis)}
.sosyal a:hover{background:var(--kirmizi);transform:translateY(-2px)}
.sosyal svg{width:18px;height:18px}
.footer__bolge{color:#C9A9AF;font-size:.83rem;line-height:1.9;padding:16px 0 0;border-top:1px solid var(--cizgi-koyu)}
.footer__bolge b{color:#F2DDE0;font-weight:500}
.footer__alt{border-top:1px solid var(--cizgi-koyu);margin-top:16px;padding:20px 0 24px;display:flex;flex-wrap:wrap;gap:14px;
  justify-content:space-between;align-items:center;font-size:.83rem;color:#C9A9AF}
.footer__alt a{color:#C9A9AF}
.footer__alt a:hover{color:#fff}

/* --------------------------------------------------- 20. MOBİL ALT ÇUBUK / WA */
.wa-yuzen{position:fixed;right:20px;bottom:24px;z-index:850;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:#25D366;color:#fff;box-shadow:0 12px 28px -8px rgba(37,211,102,.6);transition:var(--gecis)}
.wa-yuzen:hover{transform:scale(1.08)}
.wa-yuzen svg{width:30px;height:30px}
.mobil-bar{display:none}

/* ------------------------------------------------------------ 21. DUYARLILIK */
@media (max-width:1080px){
  .izgara--4{grid-template-columns:repeat(2,1fr)}
  .serit{grid-template-columns:repeat(3,1fr)}
  .footer__ust{grid-template-columns:1fr 1fr;gap:34px}
  .ig-btn span{display:none}
  .ig-btn{padding:10px 12px}
}
@media (max-width:900px){
  .header__ic{height:66px;gap:10px}
  .hamburger{display:flex}
  .tel-btn span{display:none}
  .tel-btn{padding:11px 13px}
  .menu{position:fixed;top:66px;left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--doku),var(--krem);padding:16px 20px 96px;overflow-y:auto;overscroll-behavior:contain;
    transform:translateX(100%);visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s}
  .menu.acik{transform:translateX(0);visibility:visible}
  .menu>li{border-bottom:1px solid var(--cizgi)}
  .menu a{padding:16px 4px;font-size:1rem}
  .altmenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;border:0;
    border-left:3px solid var(--kirmizi);border-radius:0;margin:0 0 12px 6px;padding:0 0 0 14px;display:none}
  .menu>li.acik>.altmenu{display:block}
  .menu__ok{float:right;transition:var(--gecis)}
  .menu>li.acik .menu__ok{transform:rotate(180deg)}
  .ikili{grid-template-columns:1fr;gap:28px}
  .ikili--ters .ikili__gorsel{order:0}
  .izgara--3{grid-template-columns:repeat(2,1fr)}
  .sayilar{grid-template-columns:repeat(2,1fr)}
  .hero__alt{grid-template-columns:repeat(2,1fr)}
  .puan-kart .btn,.kampanya .btn{margin-left:0}
  .hero::after{opacity:.06;right:-30%}
}
@media (max-width:660px){
  body{font-size:16px}
  .izgara--2,.izgara--3,.izgara--4,.serit{grid-template-columns:1fr}
  .footer__ust{grid-template-columns:1fr;gap:30px}
  .hero{min-height:auto}
  .kart,.yorum,.puan-kart,.kampanya,.form{padding:22px}
  .sss{padding:4px 18px}
  .btn{padding:14px 20px;font-size:.9rem}
  .btn-grup .btn{flex:1 1 100%}
  .serit > div{flex-direction:row;text-align:left;align-items:center;gap:14px}
  .serit > div > div{flex:none}
  .yas li{flex-direction:column;align-items:flex-start;gap:4px}
  .harita__alt{flex-direction:column;align-items:stretch}
  .ig-band .btn{width:100%}
  .wa-yuzen{display:none}
  .header .ig-btn{display:none}   /* mobilde Instagram alt çubukta */
  .marka__mark{width:40px;height:40px}
  .marka__ad{font-size:1.08rem}
  .mobil-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;position:fixed;left:0;right:0;bottom:0;z-index:860;
    background:var(--cizgi);box-shadow:0 -8px 24px -12px rgba(46,8,16,.35)}
  .mobil-bar a{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 6px;font-family:var(--f-baslik);
    font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem}
  .mobil-bar a:first-child{background:var(--kirmizi);color:#fff}
  .mobil-bar a:nth-child(2){background:#25D366;color:#04250F}
  .mobil-bar__ig{background:linear-gradient(45deg,#F09433,#E6683C 25%,#DC2743 50%,#CC2366 75%,#BC1888);color:#fff}
  .mobil-bar svg{width:16px;height:16px}
  body{padding-bottom:52px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media print{
  .header,.footer,.wa-yuzen,.mobil-bar,.duyuru,.cta,.ig-band{display:none!important}
  body{background:#fff;color:#000}
}

/* --------------------------------------------- 22. GİRİŞ ANİMASYONU (hafif) */
.gorun{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.4,0,.2,1)}
.gorun.icerde{opacity:1;transform:none}