/* ==========================================================================
   Altora Çocuk Kuaförü — site.css
   Orijinal WordPress/Elementor sayfasının statik kopyası. Ölçü ve renkler
   canlı sitede tarayıcıda ÖLÇÜLEREK alındı (kaynak/orijinal-site/olcumler-390-1440.txt).
   Kırılımlar (Elementor ile aynı): mobil ≤767px · tablet 768–1024px · masaüstü ≥1025px
   ========================================================================== */

/* ---------- Fontlar (kendi sunucumuzda, Latin + Türkçe alt küme) ---------- */
@font-face{font-family:"Rubik";src:url(/assets/fonts/rubik.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Nunito";src:url(/assets/fonts/nunito.woff2) format("woff2");font-weight:200 1000;font-display:swap}
@font-face{font-family:"Patrick Hand";src:url(/assets/fonts/patrickhand.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Patrick Hand SC";src:url(/assets/fonts/patrickhandsc.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Gloria Hallelujah";src:url(/assets/fonts/gloriahallelujah.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(/assets/fonts/poppins-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(/assets/fonts/poppins-600.woff2) format("woff2");font-weight:600;font-display:swap}
/* Yalnız Galeri başlık yazısı (300). Kaynak: orijinal sitenin kullandığı Google dosyaları (düz,
   latin + latin-ext birleşik, hinting korunmuş); ölçüleri GitHub'daki Open Sans ile aynı. */
@font-face{font-family:"Open Sans";src:url(/assets/fonts/opensans-300.woff2) format("woff2");font-weight:300;font-display:swap}

:root{
  --c-primary:#d2900c;   /* altın — bağlantılar, hover */
  --c-secondary:#118ab2; /* mavi — düğme */
  --c-text:#6e6e6e;
  --c-accent:#073b4c;    /* koyu petrol — başlıklar */
  --c-navy:#003a57;      /* menü aktif/hover zemini */
  --c-orange:#e98c09;    /* mobil menü zemini */
  --c-hover:#eea100;     /* hero düğmeleri hover */
  --c-blue:#30acdb;
  --c-red:#db3056;
  --c-teal:#17bebb;
  --f-body:"Rubik",sans-serif;
  --f-hand:"Patrick Hand",sans-serif;
  --f-hand-sc:"Patrick Hand SC",sans-serif;
  --f-gloria:"Gloria Hallelujah",sans-serif;
  --f-nunito:"Nunito",sans-serif;
  --f-poppins:"Poppins",sans-serif;
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-padding-top:86px}
/* scroll-padding-top = yapışkan başlık (74/60/99px) + 12px: sayfa içi çapalar (#iletisim) ve randevu
   iframe'inin kendi içinden yaptığı odak/scrollIntoView kaydırmaları hedefi başlığın ALTINA getirir */
@media (max-width:1024px){html{scroll-padding-top:72px}}
@media (max-width:767px){html{scroll-padding-top:111px}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* Orijinalde satır yüksekliği 1.5em olarak verildiği için 25.5px MUTLAK değer
   olarak miras kalır (21px'lik yazı da 25.5px satır aralığı alır). */
body{margin:0;background:#fff;color:var(--c-text);font-family:var(--f-body);font-size:17px;font-weight:400;line-height:25.5px;overflow-x:clip;-webkit-font-smoothing:antialiased}
p{margin:0 0 14.4px}
a{color:var(--c-primary);text-decoration:none}
img{display:block;max-width:100%;height:auto;border:0}
picture{display:contents}
h1,h2,h3{margin:0;font-weight:inherit}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
svg{display:block}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:10000;background:#fff;color:#000;padding:10px 16px}
.skip:focus{left:10px;top:10px}
:focus-visible{outline:2px solid var(--c-secondary);outline-offset:2px}

.wrap{max-width:1140px;margin:0 auto}
@media (max-width:1024px){.wrap{max-width:1024px}}
@media (max-width:767px){.wrap{max-width:767px}}

/* Elementor hover animasyonları */
.float{transition:transform .3s ease-out}
.float:hover,.float:focus-visible,.float:active{transform:translateY(-8px)}
.grow{transition:transform .3s}
.grow:hover,.grow:focus-visible,.grow:active{transform:scale(1.1)}

/* ---------- Düğmeler ---------- */
.btn{display:inline-block;font-family:var(--f-hand-sc);font-size:17px;font-weight:600;line-height:1.3;letter-spacing:.8px;text-transform:uppercase;text-align:center;color:#fff;border:0;border-radius:30px;padding:19px 25px}
.btn:hover,.btn:focus-visible{color:#fff;background-color:var(--c-hover)}
.btn--sky{background-color:rgba(0,172,255,.75)}
.btn--orange{background-color:#ec9111}
.btn--red{background-color:#c21f1f}
.btn--ghost{background-color:transparent;border:1px solid #fff;padding:17px 35px}
.btn--ghost:hover,.btn--ghost:focus-visible{border-color:var(--c-hover)}
.btn--teal{background-color:var(--c-secondary);border:1px solid var(--c-secondary);font-family:var(--f-hand);font-weight:700;padding:15px 18px}
.btn--teal:hover,.btn--teal:focus-visible{background-color:var(--c-primary);border-color:var(--c-primary)}
/* Elementor kitinin varsayılan düğmesi (alt sayfalar): Rubik 13px, mavi, hover altın */
.btn--kit{font-family:var(--f-body);font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.8px;background-color:var(--c-secondary);border:1px solid var(--c-secondary);padding:12px 20px;transition:background-color .3s,border-color .3s}
.btn--kit:hover,.btn--kit:focus-visible{background-color:var(--c-primary);border-color:var(--c-primary)}
.btn--buyuk{padding:17px 35px}

/* ---------- Dalga (mountains) şekilleri ---------- */
.shape{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;direction:ltr;pointer-events:none;z-index:1}
.shape--top{top:-1px}
.shape--bottom{bottom:-1px;transform:rotate(180deg)}
.shape svg{position:relative;left:50%;transform:translateX(-50%);width:calc(100% + 1.3px);height:auto;fill:#fff}

/* ---------- Ayırıcı (kıvrımlı çizgi + kalem) ----------
   Elementor: ayırıcı toplam %30 genişlik = desen + 10px boşluk + 19px ikon */
.divider{display:flex;align-items:center;padding:13px 0;margin-bottom:10px}
.divider__line{flex:0 0 calc(30% - 29px);height:18.3px;background-color:var(--dv);-webkit-mask:url(/assets/img/kivrim.svg) repeat-x 0 0/21.5px 100%;mask:url(/assets/img/kivrim.svg) repeat-x 0 0/21.5px 100%}
.divider__icon{width:19px;height:19px;margin-left:10px;fill:rgba(0,0,0,.47);flex-shrink:0}
.divider--orange{--dv:rgba(253,122,0,.77)}
.divider--grey{--dv:rgba(0,0,0,.47)}

/* ==========================================================================
   ÜST ÇUBUK (yalnız masaüstü)
   ========================================================================== */
.topbar{display:none}
@media (min-width:1025px){
  .topbar{display:block;background:#00405c;padding:7px 15px}
  .topbar__in{max-width:1280px;margin:0 auto;display:flex;align-items:center}
  .topbar__info{flex:0 0 88%;display:flex;margin:0 -25px}
  .topbar__info li{display:flex;align-items:center;margin:0 25px;color:#ddd}
  .topbar__info svg{width:20px;height:20px;fill:#cca663}
  .topbar__info span{padding-left:5px}
  .topbar__social{flex:1;display:flex;justify-content:flex-end;gap:14px}
  .topbar__social span{display:flex;width:17px;height:17px}
  .topbar__social svg{width:17px;height:17px;fill:#fff;transition:fill .3s}
  .topbar__social span:hover svg{fill:var(--c-accent)}
}

/* ==========================================================================
   BAŞLIK + MENÜ
   ========================================================================== */
.header{position:sticky;top:0;z-index:99;background:#fff;box-shadow:0 0 38px rgba(0,0,0,.1);padding:2px}
.header__in{max-width:1140px;margin:0 auto;display:flex;align-items:center}
.header__logo{flex:0 0 17%;display:flex;justify-content:center}
.header__logo img{width:70px}
/* Orijinalde menü bileşeni sütunun %99.703'ü genişlikte ve -100px sağ boşlukla taşıyor:
   liste sağ kenarı = sütun sağı - %0.297 + 100px (2026-10-02 ölçümü: 1100/1280/1440px) */
.nav{flex:0 0 83%;display:flex;justify-content:flex-end}
.nav__list{display:flex;align-items:center;margin-right:calc(.297% - 100px)}
.nav__toggle{display:none}
.nav__list>li{position:relative}
.nav__link{position:relative;z-index:0;display:flex;align-items:center;font-family:var(--f-nunito);font-size:17px;font-weight:700;line-height:20px;color:#000;padding:25px 12px;white-space:nowrap;transition:color .3s}
.nav__link::before{content:"";position:absolute;left:0;right:0;bottom:0;top:100%;z-index:-1;background:var(--c-navy);transition:top .3s}
.nav__link:hover,.nav__link:focus-visible,.nav__link.is-active,.has-sub:hover>.nav__link{color:#fff}
.nav__link:hover::before,.nav__link:focus-visible::before,.nav__link.is-active::before,.has-sub:hover>.nav__link::before{top:0}
/* Orijinalde ok simgesi "fill" ile boyanır, hover rengi yalnızca yazıya uygulanır: ok siyah kalır */
.nav__arrow{width:12px;height:12px;margin-left:10px;fill:#000}
/* masaüstü alt menü */
.nav__sub{position:absolute;left:0;top:100%;min-width:12em;font-size:13px;background:var(--c-orange);z-index:9997;display:none}
.has-sub:hover>.nav__sub,.has-sub:focus-within>.nav__sub,.has-sub.is-open>.nav__sub{display:block}
.nav__sub a{display:flex;justify-content:center;white-space:nowrap;color:#fff;font-family:var(--f-body);font-size:16px;font-weight:600;line-height:20px;padding:18px 24px;transition:background-color .4s}
.nav__sub a:hover,.nav__sub a:focus-visible,.nav__sub a.is-active{background-color:var(--c-navy)}

/* tablet + mobil: hamburger menü */
@media (max-width:1024px){
  .header{padding:10px}
  .header__logo{flex-basis:15%}
  .nav{flex:1 1 auto}
  .nav__list{margin-right:0}
  .nav__toggle{display:flex;align-items:center;justify-content:center;padding:5.5px;border-radius:3px;color:#000;margin-left:auto}
  .nav__toggle svg{width:22px;height:22px;fill:currentColor}
  .nav__toggle:hover{color:var(--c-navy)}
  .nav__ic-close{display:none!important}
  .nav__toggle[aria-expanded="true"] .nav__ic-open{display:none!important}
  .nav__toggle[aria-expanded="true"] .nav__ic-close{display:block!important}
  .nav__list{position:absolute;left:0;right:0;top:calc(50% + 26.5px);display:block;background:var(--c-orange);overflow:hidden;max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s;z-index:9997}
  .nav.is-open .nav__list{max-height:calc(100vh - 90px);overflow-y:auto;transform:scaleY(1)}
  .nav__link{width:100%;justify-content:center;font-size:16px;font-weight:600;color:#fff;padding:19px 24px}
  .nav__link::before{display:none}
  .nav__link.is-active,.nav__link:hover,.nav__link:focus-visible,.has-sub.is-open>.nav__link{background-color:var(--c-navy)}
  .nav__arrow{height:16px;width:10px;fill:#fff}
  .nav__sub,.has-sub:hover>.nav__sub,.has-sub:focus-within>.nav__sub{position:static;display:block;min-width:0;max-height:0;overflow:hidden;transition:max-height .25s ease}
  .has-sub.is-open>.nav__sub{max-height:300px}
  .nav__sub a{padding:19px 24px}
  .has-sub:hover>.nav__link{background-color:transparent}
  .has-sub.is-open>.nav__link{background-color:var(--c-navy)}
}
@media (max-width:767px){
  .header{padding:20px}
  .nav__list{top:calc(50% + 41.5px)}
  .header__logo{flex:0 0 20%;justify-content:flex-start}
  .header__logo img{width:84%}
  .nav{flex:0 0 79%}
}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{position:relative;padding:142px 15px 436px;overflow:hidden}
.hero__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:0}
/* Üst kısım beyazdan maviye geçen katman (güncel Elementor ayarı, 2026-09-29 ölçümü) */
.hero::before{content:"";position:absolute;inset:0;z-index:1;background-image:linear-gradient(180deg,#fff 2%,rgba(0,83,189,.54) 35%)}
.hero__in{position:relative;z-index:2;max-width:1279px;margin:0 auto;padding-top:98px}
.hero__kicker{font-family:var(--f-hand-sc);font-size:13px;font-weight:600;line-height:1.3;letter-spacing:1.5px;text-transform:uppercase;color:var(--c-hover)}
.hero__lead{margin:20px 0 0;font-family:var(--f-gloria);font-size:21px;color:#fff;text-shadow:0 -1px 15px #000}
.hero__btns{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;margin-top:32.5px}
@media (max-width:1024px){
  .hero{padding:50px 15px}
}
@media (max-width:767px){
  .hero{padding:23px 15px 82px}
  .hero::before{background-image:linear-gradient(180deg,#fff 0%,rgba(0,83,189,.54) 65%)}
  .hero__in{padding-top:0}
  .hero__kicker,.hero__lead{text-align:center}
  .hero__btns{flex-direction:column;align-items:stretch}
  .hero__btns .btn{width:100%}
}

/* ==========================================================================
   HAKKIMIZDA
   ========================================================================== */
.about{position:relative;background:#fff;padding:70px 0}
.about__grid{display:flex}
.about__text{position:relative;width:50%;padding:10px}
.about__media{position:relative;z-index:1;width:50%;padding:10px;display:flex;justify-content:center;align-items:flex-start}
.about__media img{width:77%;border-radius:20px}
.about__title{margin-bottom:20px;font-family:var(--f-hand);font-size:45px;font-weight:700;line-height:1.3;text-transform:capitalize;color:#15739b}
.about__body{display:flow-root;margin-bottom:20px;color:rgba(0,0,0,.58)}
.about__body strong{font-weight:700}
.bubble{display:none}
@media (min-width:1025px){
  .bubble{display:block;position:absolute;border-radius:50%;pointer-events:none}
  .bubble--big{left:513px;top:52px;width:349px;height:341px;background-image:linear-gradient(180deg,rgba(219,48,86,.19) 0%,rgba(251,139,36,.26) 100%)}
  .bubble--small{left:1003px;top:-14px;width:115px;height:111px;z-index:2;background-image:linear-gradient(180deg,rgba(219,48,86,.6) 0%,rgba(251,139,36,.43) 100%)}
}
@media (max-width:1024px){
  .about__title{font-size:35px}
}
@media (max-width:767px){
  .about{padding:86px 0 28px}
  .about__grid{flex-direction:column}
  .about__text{width:100%;margin-top:-48px;padding:10px;display:flex;flex-direction:column}
  .about__title{font-size:30px}
  .about__text .btn{align-self:center;font-size:14px;margin-bottom:20px}
  .about__media{width:100%;padding:10px}
}

/* ==========================================================================
   PARALAKS ZEMİNLER (Elementor "motion effects" karşılığı, JS ile kaydırılır)
   Katman bölümden uzun (%140 / %165), görsel katmanı "cover" ile doldurur.
   Kayma değerleri canlı sitede ölçüldü (site.js > 3).
   ========================================================================== */
.parallax{position:absolute;inset:0;overflow:hidden;z-index:0}
.parallax__layer{display:block;position:absolute;left:0;top:0;width:100%;will-change:transform;transition:transform 1s cubic-bezier(0,.33,.07,1.03)}
.parallax__layer img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.parallax::after{content:"";position:absolute;inset:0}

/* ==========================================================================
   GOOGLE YORUMLARI (Trustindex widget'ının statik karşılığı)
   ========================================================================== */
.reviews{position:relative;padding:107px 0}
.reviews .parallax__layer{height:140%}
.reviews .parallax__layer img{object-position:50% 0}
.reviews .parallax::after{background:#000;opacity:.32}
.reviews .shape--top svg{width:calc(123% + 1.3px);height:56px}
.reviews .shape--bottom svg{width:calc(123% + 1.3px);height:46px;transform:translateX(-50%) rotateY(180deg)}
.reviews__in{position:relative;z-index:2;padding:10px;margin-bottom:-10px}
@media (max-width:767px){
  .reviews{margin-bottom:46px}
}

.ti{container-type:inline-size;margin-bottom:15px;font-family:var(--f-poppins);font-size:14px;font-weight:700;line-height:1.4;color:#000}
.ti p{margin:0}
.ti__summary{text-align:center;line-height:1.45}
.ti__rating{font-size:24px;font-weight:600;line-height:1.4;margin-bottom:6px!important}
.ti__stars{display:flex;align-items:center;height:17px;line-height:17px}
.ti__stars svg{width:17px;height:17px;margin-right:1px}
.ti__stars--lg{justify-content:center;height:30px;margin-bottom:5px!important}
.ti__stars--lg svg{width:30px;height:30px}
.ti__count{font-size:14px;line-height:22px}
.ti__count strong{font-weight:700}
.ti__logo{display:flex;justify-content:center;margin-top:5px!important}
.ti__logo svg{width:110px;height:35px}
.ti__slider{position:relative}
.ti__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:5px 0 1px;margin:0 -8px}
.ti__track::-webkit-scrollbar{display:none}
.ti__item{flex:0 0 100%;min-width:0;padding:0 8px;scroll-snap-align:start}
.ti__card{position:relative;background:#f4f4f4;border-radius:12px;padding:20px}
.ti__head{display:flex;align-items:center;height:40px}
.ti__avatar{flex:0 0 40px;width:40px;height:40px;border-radius:50%;margin-right:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;background:#5e97f6}
.ti__avatar--2{background:#ef6c00}.ti__avatar--3{background:#7b1fa2}.ti__avatar--4{background:#00897b}
.ti__avatar--5{background:#558b2f}.ti__avatar--6{background:#c2185b}.ti__avatar--7{background:#3949ab}.ti__avatar--8{background:#6d4c41}
.ti__who{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.ti__name{font-size:15px;font-weight:600;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:25px}
.ti__date{font-size:13px;line-height:18.2px;color:#767676}
.ti__src{position:absolute;top:20px;right:20px;width:20px;height:20px}
.ti__card .ti__stars{margin:11px 0!important}
.ti__ok{width:15px!important;height:15px!important;margin-left:7px}
.ti__text{font-size:15px;line-height:21.75px;height:87px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;transition:height .5s}
.ti__card.is-open .ti__text{-webkit-line-clamp:unset;height:auto}
.ti__more{position:relative;display:block;width:100%;text-align:left;padding:8px 0 0;font-size:13.5px;font-weight:400;line-height:19.6px;color:rgba(0,0,0,.5)}
.ti__more[hidden]{display:none}
.ti__nav{display:none;position:absolute;top:50%;z-index:2;width:30px;height:30px;margin-top:-15px;border-radius:15px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.ti__nav::before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border:solid #000;border-width:2px 2px 0 0;transform:translate(-65%,-50%) rotate(45deg)}
.ti__nav--prev{left:-8px}
.ti__nav--prev::before{transform:translate(-35%,-50%) rotate(-135deg)}
.ti__nav--next{right:-8px}
.ti__line{position:relative;width:150px;height:3px;margin:20px auto;border-radius:3px;background:rgba(87,87,87,.35)}
.ti__dot{position:absolute;top:0;left:0;height:3px;width:12.5%;border-radius:3px;background:#575757;transition:left .3s}
/* genişliğe göre sütun sayısı (Trustindex: kart hedef genişliği 275px).
   Orijinal ölçüm (1120px kap): özet 245px + 20px kenar boşlukları, kaydırıcı 835px. */
.ti__in{display:flex;flex-wrap:wrap}
.ti__summary{flex:0 0 100%;margin-bottom:30px}
.ti__slider{flex:0 0 100%;min-width:0;margin-bottom:30px}
@container (min-width:550px){
  .ti__in{align-items:flex-start;flex-wrap:nowrap}
  .ti__summary{flex:0 0 245px;margin:54px 20px 0}
  .ti__slider{flex:1 1 0;min-width:0;margin-bottom:0}
  .ti__item{flex-basis:100%}
  .ti__nav{display:block}
  .ti__line{display:none}
}
@container (min-width:825px){
  .ti__item{flex-basis:50%}
  .ti__track{margin:0 8px}
  .ti__nav--prev{left:0}
  .ti__nav--next{right:0}
}
@container (min-width:1100px){
  .ti__item{flex-basis:33.333%}
}

/* ==========================================================================
   ÖZELLİK KARTLARI
   ========================================================================== */
.features{position:relative;z-index:90;padding:62px 0 109px}
.features__grid{display:flex;align-items:stretch}
.feature{position:relative;z-index:9;width:30.6%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px;border:5px solid transparent;border-radius:30px;color:#fff;transition:background .3s,border .5s,border-radius .5s,box-shadow .5s}
.feature:hover{border-color:#fb8b24}
.feature--blue{background-color:var(--c-blue);transition:background .3s,border .7s,border-radius .7s,box-shadow .7s}
.feature--red{background-color:var(--c-red);margin-left:4%}
.feature--teal{background-color:var(--c-teal);margin-left:4.2%}
/* Orijinalde ikon <figure> içinde satır içi <img>: altında ~7px satır boşluğu oluşuyor */
.feature__img{display:block;width:39%}
.feature__img img{display:inline-block;vertical-align:baseline;width:auto;max-width:100%;border-radius:30px;transition-duration:.3s}
.feature__title{align-self:stretch;margin:8px 0 16px;font-family:var(--f-hand);font-size:24px;font-weight:700;line-height:1.3;text-transform:capitalize;color:#fff}
.feature__title--bold{font-weight:600}
.feature__text{align-self:stretch;margin:0;color:#fff}
@media (max-width:767px){
  .features{padding:0 0 30px}
  .features__grid{flex-direction:column}
  .feature{width:100%;margin-left:0}
}

/* ==========================================================================
   SAYAÇLAR
   ========================================================================== */
.stats{position:relative;padding:170px 0;background-color:var(--c-teal)}
.stats .parallax__layer{height:165%}
.stats .parallax__layer img{object-position:0 0}
.stats .parallax::after{background:#000;opacity:.13}
.stats .shape svg{width:calc(112% + 1.3px);height:59px}
.stats__grid{position:relative;z-index:2;display:flex}
.stat{width:33.333%;padding:10px}
.stat__box{margin:0;display:flex;flex-direction:column;background:var(--c-blue);padding:30px;border-radius:10px;color:#fff;font-family:var(--f-nunito)}
.stat__num{display:flex;font-size:69px;font-weight:900;line-height:1}
.stat__num::before{content:"";flex-grow:1}
.stat__suf{flex-grow:1;text-align:start}
.stat__label{display:flex;justify-content:center;text-align:center;font-size:26px;font-weight:600;line-height:2.5}
/* Ağlamadan Çocuk Traşı sayfasındaki kopya: karartma katmanı yok, kutular turkuaz */
.stats--makale .parallax::after{opacity:0}
.stats--makale .stat__box{background:var(--c-teal)}
@media (max-width:767px){
  .stats{padding:50px 0}
  .stats__grid{flex-direction:column}
  .stat{width:100%}
}

/* ==========================================================================
   İLETİŞİM
   ========================================================================== */
.contact-intro{padding:53px 0 30px}
.contact-intro .wrap{padding:10px}
.contact-intro__title{margin-bottom:20px;font-family:var(--f-body);font-size:45px;font-weight:700;line-height:1.3;text-transform:capitalize;color:var(--c-accent)}
.contact-intro__text{margin:0 0 14.4px}

.contact{position:relative;display:flow-root;margin:-53px 0}
.contact__box{display:flow-root;margin:60px 61px;padding:0 26px;background:var(--c-blue);border-radius:30px;color:#fff}
.contact__row{display:flex}
.contact__row:first-child{padding-top:20px}
.contact__col{width:50%;padding:10px}
.contact__h{margin-bottom:20px;font-family:var(--f-hand);font-size:18px;font-weight:600;line-height:1.3;text-transform:uppercase;color:#fff}
.contact__h--sc{font-family:var(--f-hand-sc)}
/* Elementor metin bileşeni: paragrafların alt boşluğu (14.4px) bileşenin İÇİNDE
   kalır (flow-root), bileşenler arası 20px eklenir. */
.contact__txt{display:flow-root;margin-bottom:20px}
.contact__txt:last-child{margin-bottom:0}
.contact__txt p{margin:0 0 14.4px}
.contact__txt strong{font-weight:700}
.contact__closed{margin-top:-18px}
.contact__box a{color:inherit}
.contact__box a:hover{text-decoration:underline}
.social{display:flex;flex-wrap:wrap}
.social__i{display:flex;align-items:center;justify-content:center;color:#fff}
.social--contact{gap:8px}
.social--contact .social__i{width:40px;height:40px;border-radius:50%;background:var(--c-red)}
.social--contact .social__i svg{width:20px;height:20px;fill:#fff}
.social--contact .social__i--fb{background:#006e98}
.social--contact .social__i--ig{background:#000}
.social--contact .social__i:hover{background:#fff}
.social--contact .social__i:hover svg{fill:var(--c-red)}
.contact__map{height:300px;margin-bottom:26px;border-radius:27px;overflow:hidden;line-height:0}
.contact__map iframe{width:100%;height:100%;border:0}
@media (max-width:1024px){
  .social--contact .social__i{width:32px;height:32px}
  .social--contact .social__i svg{width:16px;height:16px}
  .contact-intro__title{font-size:35px}
}
@media (max-width:767px){
  .contact-intro{padding:21px 0 30px}
  .contact-intro__title{font-size:30px}
  .contact{padding-top:14px}
  .contact__box{margin:12px;padding:20px 20px 34px}
  .contact__row{flex-direction:column}
  .contact__row:first-child{padding-top:3px}
  .contact__col{width:100%;text-align:center}
  .contact__row:first-child .contact__col:nth-child(2){padding:6px}
  .contact__txt--narrow{width:296px}
  .social--contact{justify-content:center}
  .contact__map{border-radius:39px}
}

/* ==========================================================================
   ALT BİLGİ
   ========================================================================== */
/* position:relative: orijinalde alt bilgi, iletişim bölümünün -53px taşan alt kısmını örter */
.footer{position:relative;background:#fff;padding:49px 0 58px;text-align:center}
.footer .wrap{padding:0 10px}
.footer__logo{display:flex;justify-content:center;padding-bottom:19px}
.footer__logo img{width:144px;border-radius:30px}
.social--footer{justify-content:center;gap:20px}
.social--footer .social__i{padding:11px;border-radius:10%}
.social--footer .social__i svg{width:22px;height:22px;fill:#287097}
.social--footer .social__i:hover{background:#fff}
.social--footer .social__i:hover svg{fill:#37302f}
.footer__links{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -12.5px 30px}
.footer__links li{margin:0 12.5px;font-size:14px}
.footer__links a{font-size:14px;color:#000;transition:color .3s}
.footer__links a:hover{color:#ff7657}
@media (max-width:1024px){
  .footer{padding:40px}
  .footer__links{margin:0 -7.5px 30px}
  .footer__links li{margin:0 7.5px}
}
@media (max-width:767px){
  .footer{padding:30px}
  .footer .wrap{padding:0}
  .footer__logo{padding-bottom:0}
  .social--footer{gap:10px;margin-bottom:20px}
  .social--footer .social__i{padding:7.5px}
  .social--footer .social__i svg{width:15px;height:15px}
}

/* Alt sayfaların alt bilgisi (Galeri, Ağlamadan): 5 ikon, "Powered By" yok. Orijinalde en altta
   beyaz zemin üstünde %50 beyaz (görünmeyen) "ALTORA © 2024" yazısı var: kapladığı 39.9px boşluk korunur. */
.footer--sayfa{padding-bottom:97.9px}
@media (max-width:1024px){.footer--sayfa{padding-bottom:79.9px}}
@media (max-width:767px){
  .footer--sayfa{padding-bottom:69.9px}
  .footer--sayfa .footer__logo{padding-bottom:19px}
}

/* ==========================================================================
   ALT SAYFALAR (2026-10-01): Ekibimiz · Galeri · Ağlamadan Çocuk Traşı · İptal
   Orijinal sayfaların Elementor CSS'inden + tarayıcıda ölçülerek. Kit
   varsayılanları: başlık (h2) Rubik 700, 45/35/30px, satır 1.3, #073b4c.
   ========================================================================== */
/* ---------- Sayfa girişi (Ekibimiz, Ağlamadan): ana sayfa "Hakkımızda"nın
   kit varsayılanlı hâli — gri ayırıcı, %86 metin, farklı kabarcık konumu ---------- */
.giris{position:relative;padding:70px 0}
.giris__grid{display:flex;align-items:flex-start}
.giris__metin{position:relative;width:50%;padding:10px}
.giris__gorsel{position:relative;z-index:1;width:50%;padding:10px}
.giris__gorsel img{margin:0 auto;border-radius:20px}
.giris__gorsel--ekip img{width:316px;height:407px;object-fit:cover}
.giris__gorsel--makale img{width:768px}
.giris__baslik{margin-bottom:20px;font-size:45px;font-weight:700;line-height:1.3;color:var(--c-accent)}
.giris__ana{display:block;text-transform:capitalize}
.giris__ust{display:block;margin-bottom:10px;font-size:17px}
.giris__yazi{width:86%;display:flow-root}
.giris__yazi strong{font-weight:700}
.giris__yazi--dar{display:none}
.giris .btn--kit{margin-top:20px}
@media (min-width:1025px){
  .giris .bubble--big{left:480px;top:14px;width:403px;height:384px}
  .giris .bubble--small{left:1049px;top:46px}
}
@media (max-width:1024px){
  .giris__grid{flex-direction:column}
  .giris__metin,.giris__gorsel{width:100%}
  .giris__gorsel--ekip{display:none}
  .giris__baslik{font-size:35px}
  .giris__ust{font-size:15px}
}
@media (max-width:767px){
  .giris__baslik{font-size:30px}
  .giris__ust{font-size:16px}
  .giris__yazi--genis{display:none}
  .giris__yazi--dar{display:flow-root}
  .giris__gorsel--makale{margin:10px 0 -74px}
}

/* ---------- Ağlamadan Çocuk Traşı: 8 madde ----------
   Orijinalde tek metin bileşeni: <p><strong>başlık</strong><br>metin</p>. Burada başlıklar
   arama motorları için <h2>; görünüm aynı (kalın, aynı satır, başlıkla metin arası boşluksuz).
   Üst 35px = sütun 10px + 5px ara boşluk + 20px bileşen aralığı (5px'lik ara boşluk mobilde gizli). */
.maddeler{position:relative;padding-bottom:70px}
.maddeler__in{padding:35px 10px 10px}
.madde{font-size:17px;font-weight:700;line-height:25.5px}
.maddeler__in p{margin:0 0 14.4px}
.maddeler__in strong{font-weight:700}
@media (max-width:767px){
  .maddeler{padding-bottom:30px}
  .maddeler__in{padding-top:10px}
}

/* ---------- Ekibimiz: personel kartları ----------
   Orijinalde iki satır (iki Elementor bölümü), sütun boşluğu 15px. Fotoğraflar
   şeffaf PNG; bazıları yukarı taşırılmış (negatif kenar boşluğu). Alt boşluk
   150px = 70px + orijinaldeki 4 boş randevu kabının (4 x 20px) yeri. */
.ekip{position:relative;padding-bottom:150px}
.ekip__grid{display:flex;flex-wrap:wrap}
.uye{position:relative;width:50%;padding:15px}
.uye__foto{width:100%;margin-bottom:45px;border-radius:30px}
.uye--ramazan .uye__foto{margin-bottom:40px}
.uye--mehmet .uye__foto,.uye--imdat .uye__foto{margin-top:-64px}
.uye--ali{margin-top:48px;padding:0}
.uye--ali .uye__foto{width:54%;margin:-35px auto 45px}
.uye__kart{padding:30px;border-radius:20px;background-color:#fff6f8;box-shadow:0 0 10px -32px rgba(0,0,0,.14);transition:background-color .3s,box-shadow .3s}
.uye__kart:hover{background-color:#f8eee5;box-shadow:0 4px 8px rgba(0,0,0,.1)}
.uye__ad{margin-bottom:8px;font-size:20px;font-weight:700;line-height:1.3;color:#333}
.uye__unvan{margin:0 0 16px;font-family:var(--f-nunito);font-size:16px;font-weight:700;line-height:1.3;color:var(--c-blue)}
@media (max-width:1024px){
  .uye{width:100%}
  .uye__ad{font-size:17px}
}
@media (max-width:767px){
  .ekip{margin-top:-77px;padding-bottom:110px}
  .uye--imdat{margin-top:-2px}
  .uye__ad{font-size:18px}
}

/* ---------- Galeri ---------- */
.galeri-ust{position:relative;background-color:#f28d00;padding:150px 0 0;color:#fff;text-align:center}
.galeri-ust::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(223,0,110,0) 0%,#df006e 100%);opacity:.75}
.galeri-ust__in{position:relative;max-width:1140px;margin:0 auto;padding:0 200px 300px}
.galeri-ust__baslik{font-size:60px;font-weight:700;line-height:1.3;text-transform:capitalize;color:#fff}
.galeri-ust__yazi{margin:30px 0 14.4px;font-family:"Open Sans",sans-serif;font-size:24px;font-weight:300;line-height:1.5}
/* z-index YOK: fotoğraf blokları bu bölüme 200px taşar; doküman sırasıyla dalganın ve iç kutunun
   ÜSTÜNDE kalmalı (z-index verilirse dalga fotoğrafları örter, iç kutu tıklamaları yutar) */
.galeri-ust .shape{z-index:auto}
.galeri-ust .shape svg{width:calc(150% + 1.3px);height:100px}
/* Fotoğraf blokları bir önceki bölüme 200px taşar. Sol: büyük fotoğraf (sütun içi 10px +
   5px ara boşluk); sağ: 2 sütunlu ızgara, 10px aralık, satırlar en uzun öğe kadar. */
.galeri{position:relative;display:flow-root;padding:0 0 150px}
.galeri--2{background-color:#fff;padding:150px 0}
.galeri__blok{display:flex;align-items:flex-start;max-width:1140px;margin:-200px auto 0}
.galeri--2 .galeri__blok{margin-bottom:-57px}
.galeri__buyuk{flex:0 0 50%;padding:10px 15px 10px 10px}
/* Orijinal küçük resimler tam 3:4 (768x1024); bizim dosyalar 800x1067 (yuvarlama) → oran CSS'te sabit */
.galeri img{aspect-ratio:3/4;object-fit:cover}
.galeri .galeri__oge--yatay img{aspect-ratio:4/3}
.galeri__buyuk img{width:100%;border-radius:30px}
.galeri__izgara{flex:0 0 50%;padding-left:5px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.galeri__oge img{width:100%;border-radius:15px}
.galeri a{display:block}
@media (max-width:1024px){
  .galeri-ust{padding:40px 40px 100px}
  .galeri-ust__in{padding:0}
  .galeri-ust .shape svg{height:75px}
  .galeri,.galeri--2{padding:40px}
  .galeri__blok,.galeri--2 .galeri__blok{margin:0 auto}
}
@media (max-width:767px){
  .galeri-ust{padding:30px 30px 50px}
  .galeri-ust__baslik{font-size:30px}
  .galeri-ust__yazi{font-size:20px}
  .galeri-ust .shape svg{height:40px}
  .galeri,.galeri--2{padding:30px}
  .galeri__blok{flex-direction:column}
  .galeri__buyuk,.galeri__izgara{flex-basis:auto;width:100%}
  .galeri__izgara{padding-left:0;grid-template-columns:1fr}
}

/* ---------- İptal ---------- */
.iptal{padding:70px 0 30px}
.iptal__grid{display:flex;align-items:center}
.iptal__metin,.iptal__gorsel{width:50%;padding:10px}
.iptal__baslik{margin-bottom:20px;font-size:45px;font-weight:700;line-height:1.3;text-transform:capitalize;text-align:center;color:var(--c-accent)}
.iptal__yazi{width:100.361%;display:flow-root}
.iptal__gorsel img{width:calc(100% - 78px);margin:39px;aspect-ratio:791/733}  /* küçük varyantın yuvarlanmış oranı değil, asıl oran */
@media (max-width:1024px){
  .iptal__grid{flex-wrap:wrap}
  .iptal__metin{width:100%}
  .iptal__baslik{font-size:35px}
}
@media (max-width:767px){
  .iptal{padding:30px 0}
  .iptal__gorsel{display:none}
  .iptal__baslik{font-size:30px}
  .iptal__yazi{text-align:center}
}

/* ---------- Randevu (randevu.id ekranı iframe içinde; site.js > 7) ----------
   Kullanıcı isteği (2026-10-02): sayfada YALNIZ randevu ekranı var (başlık/yazı yok; h1 .sr-only).
   Yükseklik: site.js "ekranı doldurur" (görünür alan − iframe'in üstü; 2026-10-04) → randevu ekranı kendi
   içinde kayar, Geri/Devam çubuğu (randevu.id "sticky bottom-0") ekranın altına yapışır. 560px yalnız yükleme
   sırasında / JS yokken. */
.randevu{padding:40px 0 70px}
.randevu .wrap{padding:0 10px}
.randevu__alan{position:relative;min-height:560px}
.randevu__alan.is-hazir{min-height:0}
.randevu__cerceve{display:block;width:100%;border:0;border-radius:16px;background:transparent}
.randevu__yukleniyor{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;margin:0;padding:20px;text-align:center;color:#64748b;background:#fff}
.randevu__alan.is-hazir .randevu__yukleniyor{display:none}
.randevu__yedek{padding:60px 10px;text-align:center}
.randevu__yedek p{margin:0 0 24px}
.randevu__yedek p:last-child{margin:0}
/* Bu sayfada sabit iletişim düğmesinin "Bizimle İletişime Geçin!" balonu randevu satırlarını örtüyordu:
   yalnız balon gizli, yuvarlak düğme kalır */
.sayfa-randevu .chat:not(.was-opened) .chat__tip{display:none}
/* Geri/Devam çubuğu (73px) ekranın altına yapışık: yuvarlak düğme "Devam et"in üstüne düşmesin (tablet/mobilde
   iframe tam genişlik; masaüstünde düğme iframe'in dışında kalıyor) */
@media (max-width:1024px){.sayfa-randevu .chat{bottom:97px}}
@media (max-width:767px){.randevu{padding:16px 0 30px}}

/* ---------- TABLET (768–1024px) — yatay tutulan telefonlar da buraya girer ----------
   Orijinalde bu aralıkta çok sütunlu bölümler alt alta dizilir. */
@media (min-width:768px) and (max-width:1024px){
  .header__logo{flex:0 0 15%}
  .header__logo img{width:36%}
  /* Orijinal: menü bileşeni %45 sütunda, -282px sağ taşmayla */
  .nav{flex:0 0 45%}
  .nav__toggle{margin-right:-281px}
  .about__grid{flex-direction:column}
  .about__text,.about__media{width:100%}
  .about__text{display:flex;flex-direction:column}
  .about__text .btn{align-self:center;margin-bottom:20px}
  .features__grid{flex-direction:column}
  .feature,.feature--red,.feature--teal{width:100%;margin-left:0}
  .stats__grid{flex-direction:column}
  .stat{width:100%}
  .contact__row .contact__col:nth-child(2){padding-left:20px}
}

/* ==========================================================================
   SABİT İLETİŞİM DÜĞMESİ (Chaty karşılığı)
   ========================================================================== */
.chat{position:fixed;right:29px;bottom:25px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}
.chat__list{position:absolute;right:0;bottom:0;width:44px;height:44px}
.chat__ch{position:absolute;right:0;bottom:0;width:44px;height:44px;border-radius:50%;box-shadow:0 16px 24px rgba(73,104,126,.16);opacity:0;visibility:hidden;transition:transform .3s,opacity .3s,visibility .3s}
.chat__ch svg{width:44px;height:44px}
.chat.is-open .chat__ch{opacity:1;visibility:visible}
.chat.is-open .chat__ch:nth-child(1){transform:translateY(-156px)}
.chat.is-open .chat__ch:nth-child(2){transform:translateY(-104px)}
.chat.is-open .chat__ch:nth-child(3){transform:translateY(-52px)}
.chat__ch::after{content:attr(data-tip);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#fff;color:#202020;font-size:17px;line-height:21px;padding:5px 15px;border-radius:10px;box-shadow:0 1.93px 7.74px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:opacity .2s}
.chat__ch:hover::after,.chat__ch:focus-visible::after{opacity:1;visibility:visible}
.chat__main{position:relative;display:block;width:44px;height:44px}
.chat__btn{position:absolute;inset:0;border-radius:50%;background:#4f6aca;box-shadow:0 16px 24px rgba(73,104,126,.16)}
.chat__btn svg{width:44px;height:44px}
.chat__ic-close{display:none}
.chat.is-open .chat__ic-open{display:none}
.chat.is-open .chat__ic-close{display:block}
.chat__badge{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#ff6060;color:#fff;font-size:10px;line-height:16px;text-align:center}
.chat.was-opened .chat__badge{display:none}
.chat__tip{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#fff;color:#202020;font-size:17px;line-height:21px;padding:5px 15px;border-radius:10px;box-shadow:0 1.93px 7.74px rgba(0,0,0,.15)}
.chat__tip::after{content:"";position:absolute;left:100%;top:50%;margin-top:-6px;border:6px solid transparent;border-left-color:#fff;border-right:0}
.chat.was-opened:not(.is-open) .chat__tip{opacity:0;visibility:hidden;transition:opacity .2s}
.chat.was-opened:not(.is-open) .chat__main:hover .chat__tip{opacity:1;visibility:visible}
@media (prefers-reduced-motion:no-preference){
  .chat:not(.was-opened) .chat__btn{animation:waggle 5s ease-in-out 3s infinite}
}
@keyframes waggle{
  0%,20%,100%{transform:none}
  2%{transform:rotate(-15deg)}
  5%{transform:rotate(12deg)}
  8%{transform:rotate(-10deg)}
  11%{transform:rotate(6deg)}
  14%{transform:rotate(-3deg)}
}

/* ==========================================================================
   FOTOĞRAF GÖRÜNTÜLEYİCİ (Elementor lightbox karşılığı) — Galeri, site.js > 8
   Orijinalden ölçüldü: perde %80 siyah, sol üstte sayaç (15px beyaz), sağ üstte
   44px'lik araç düğmeleri (20px ikon), resim kenarlardan 70px (mobilde yanlar 0),
   ok alanları genişliğin %15'i (mobil %20, ikon kenarda). Paylaş menüsü beyaz kutu.
   ========================================================================== */
.lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:rgba(0,0,0,.8);color:rgba(237,237,237,.9);font-family:var(--f-body);-webkit-user-select:none;user-select:none}
.lb::backdrop{background:transparent}
html.lb-acik{overflow:hidden}
.lb__sayac{position:absolute;left:20px;top:19px;z-index:3;margin:0;font-size:15px;line-height:23px;color:#fff}
.lb__araclar{position:absolute;top:7px;right:9px;z-index:4;display:flex}
.lb__dugme{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:inherit;transition:color .3s}
.lb__dugme:hover{color:#fff}
.lb__dugme svg{width:20px;height:20px;fill:currentColor}
.lb__dugme[hidden]{display:none}
.lb__ikon-2,.lb.is-yakin .lb__yakin .lb__ikon-1,.lb.is-tam .lb__tam .lb__ikon-1{display:none}
.lb.is-yakin .lb__yakin .lb__ikon-2,.lb.is-tam .lb__tam .lb__ikon-2{display:block}
.lb__sahne{position:absolute;inset:0;z-index:1;display:flex;padding:70px;overflow:hidden}
.lb__resim{margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lb.is-yakin .lb__sahne{padding:0;overflow:auto;cursor:grab}
.lb.is-yakin .lb__resim{max-width:none;max-height:none}
.lb__ok{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;width:15%;color:inherit}
.lb__ok svg{width:25px;height:25px;fill:currentColor}
.lb__ok--geri{left:0}
.lb__ok--ileri{right:0}
.lb.is-yakin .lb__ok,.lb.is-tek .lb__ok{display:none}
.lb__karart{position:absolute;inset:0;z-index:3;background:rgba(0,0,0,.5)}
.lb__menu{position:absolute;top:60px;right:56px;z-index:5;width:200px;padding:14px 20px;border-radius:3px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.3)}
.lb__menu::before{content:"";position:absolute;top:-7px;right:12px;border:7px solid transparent;border-top:0;border-bottom-color:#fff}
.lb__menu a{display:flex;align-items:center;font-size:12px;line-height:30px;color:#0c0d0e}
.lb__menu a:hover{color:var(--c-primary)}
.lb__menu svg{flex:0 0 15px;width:15px;height:15px;margin-right:9px}
@media (max-width:767px){
  .lb__sahne{padding:70px 0}
  .lb__ok{width:20%}
  .lb__ok--geri{justify-content:flex-start}
  .lb__ok--ileri{justify-content:flex-end}
}
@media (prefers-reduced-motion:no-preference){
  .lb__resim.is-ileri{animation:lbIleri .35s ease-out}
  .lb__resim.is-geri{animation:lbGeri .35s ease-out}
}
@keyframes lbIleri{from{opacity:0;transform:translate3d(30%,0,0)}to{opacity:1;transform:none}}
@keyframes lbGeri{from{opacity:0;transform:translate3d(-30%,0,0)}to{opacity:1;transform:none}}

/* ==========================================================================
   GİRİŞ ANİMASYONLARI (Elementor "Motion Effects > Entrance Animation")
   data-anim / data-anim-tablet / data-anim-mobile + data-anim-delay (ms).
   Öğe görünür alana girince JS "is-shown animated <ad>" sınıflarını ekler.
   JS yoksa / hareket azaltma açıksa hiçbir şey gizlenmez.
   ========================================================================== */
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
  @media (min-width:1025px){
    [data-anim]:not([data-anim="none"]):not(.is-shown){visibility:hidden}
  }
  @media (min-width:768px) and (max-width:1024px){
    [data-anim-tablet]:not([data-anim-tablet="none"]):not(.is-shown),
    [data-anim]:not([data-anim-tablet]):not([data-anim="none"]):not(.is-shown){visibility:hidden}
  }
  @media (max-width:767px){
    [data-anim-mobile]:not([data-anim-mobile="none"]):not(.is-shown),
    [data-anim-tablet]:not([data-anim-mobile]):not([data-anim-tablet="none"]):not(.is-shown),
    [data-anim]:not([data-anim-mobile]):not([data-anim-tablet]):not([data-anim="none"]):not(.is-shown){visibility:hidden}
  }
  /* JS hiç çalışmazsa 3 sn sonra her şeyi göster */
  html:not(.anim-ready) [data-anim],html:not(.anim-ready) [data-anim-mobile],html:not(.anim-ready) [data-anim-tablet]{animation:anim-yedek 0s 3s forwards}
}
@keyframes anim-yedek{to{visibility:visible}}
.animated{animation-duration:1.25s;animation-fill-mode:backwards}
.animated[data-anim-slow]{animation-duration:2s}
.animated[data-anim-fast]{animation-duration:.75s}
.slideInUp{animation-name:slideInUp}
.fadeIn{animation-name:fadeIn}
.fadeInUp{animation-name:fadeInUp}
.fadeInDown{animation-name:fadeInDown}
.fadeInLeft{animation-name:fadeInLeft}
.fadeInRight{animation-name:fadeInRight}
.slideInRight{animation-name:slideInRight}
.zoomInLeft{animation-name:zoomInLeft}
.zoomInRight{animation-name:zoomInRight}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
@media (prefers-reduced-motion:reduce){
  .animated{animation:none!important}
  *{transition-duration:0s!important}
}

/* ---------- 404 sayfası ---------- */
.bulunamadi{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;text-align:center}
.bulunamadi__logo img{width:144px}
.bulunamadi__baslik{font-family:var(--f-hand);font-size:35px;font-weight:700;line-height:1.3;color:#15739b}