/* Hisu 3D — ortak stil. Kaynak: _tasarim-tur1 maketlerinin <style> blokları (masaüstü) + -mobil dosyalarının kuralları (≤760 px). */
body{margin:0;background:#F8FAFC;color:#0D0D0D;font-family:"Outfit","Neue Einstellung",system-ui,sans-serif;font-size:17px;line-height:28px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
h1,h2,h3,.lbl,.btn,.badge{font-family:"Jost","Futura",sans-serif;font-weight:700}
h1{font-size:48px;line-height:56px;margin:0;text-wrap:balance}
h2{font-size:36px;line-height:44px;margin:0;text-wrap:balance}
h3{font-size:24px;line-height:32px;margin:0}
p{margin:0;text-wrap:pretty}
figure{margin:0}
a{color:#0D0D0D;text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:#475569}
.lbl{font-size:13px;line-height:18px;letter-spacing:.14em}
.mut{color:#475569}
.sm{font-size:14px;line-height:22px}
.wrap{max-width:1440px;margin:0 auto;padding-left:80px;padding-right:80px;box-sizing:border-box;width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:8px;font-size:16px;line-height:20px;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;box-sizing:border-box;cursor:pointer;white-space:nowrap}
.btn-p{background:#0052FF;color:#FFFFFF}
.btn-p:hover{color:#FFFFFF}
.btn-s{background:transparent;color:#0D0D0D;border-color:#0D0D0D}
.btn-s:hover{background:#0D0D0D;color:#F8FAFC}
.btn-d{background:transparent;color:#F8FAFC;border-color:#F8FAFC}
.btn-d:hover{background:#F8FAFC;color:#0D0D0D}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:4px;font-size:13px;line-height:18px;letter-spacing:.1em}
.card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;box-sizing:border-box}
.ic{width:24px;height:24px;fill:none;stroke:#94A3B8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic-a{stroke:#0052FF}
.ic-s{width:18px;height:18px}
.nav a{text-decoration:none;font-size:16px;line-height:24px;padding:10px 0}
.nav a:hover,.nav a[aria-current]{text-decoration:underline}
details{border-bottom:1px solid #E2E8F0}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-weight:700}
summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(180deg)}
.dark{background:#0D0D0D;color:#F8FAFC}
.dark a{color:#F8FAFC}
.dark .mut{color:#CBD5E1}
table{border-collapse:collapse;width:100%;font-size:14px;line-height:20px}
th{font-family:"Jost","Futura",sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;text-align:left;padding:12px 16px 12px 0;border-bottom:1px solid #0D0D0D}
td{padding:16px 16px 16px 0;border-bottom:1px solid #E2E8F0;vertical-align:top}

/* Fotoğraf: maketteki çerçeveyi doldurur */
.photo{display:block;width:100%;height:100%;object-fit:cover}

/* Hamburger ve mobil menü paneli */
.menu-m{display:none}
.menu-m .i-close{display:none}
.menu-m[aria-expanded="true"] .i-open{display:none}
.menu-m[aria-expanded="true"] .i-close{display:block}
.mpanel{border-top:1px solid #E2E8F0;background:#F8FAFC}
.mpanel[hidden]{display:none}
.mpanel ul{list-style:none;margin:0;padding:0}
.mpanel li a{display:flex;align-items:center;gap:6px;min-height:52px;font-size:17px;line-height:24px;text-decoration:none;border-bottom:1px solid #E2E8F0}
.mpanel li a[aria-current]{text-decoration:underline}
.mpanel .btn{width:100%;margin:16px 0 24px}
.mbar{display:none}
@media (max-width:1100px){.nav{display:none !important}.menu-m{display:inline-flex}}
@media (min-width:1101px){.mpanel{display:none !important}}

/* ≤760 px: -mobil.html dosyalarının düzeni */
@media (max-width:760px){
.wrap{padding-left:16px;padding-right:16px}
h1{font-size:36px;line-height:44px}
h2{font-size:28px;line-height:36px}
h3{font-size:22px;line-height:30px}
.btn{min-height:52px;padding:0 20px}
summary{gap:16px;padding:18px 0;min-height:44px}

/* Header: sabit değil; logo solda, hamburger sağda (48×48) */
.site-hdr{position:static !important}
.hdr-row{justify-content:space-between;gap:16px !important}
.hdr-logo{margin-left:-10px}
.hdr-cta{display:none !important}
.menu-m{width:48px;height:48px;min-height:48px;padding:0 !important}

/* Bölüm boşlukları */
.hero{padding-top:40px !important;padding-bottom:48px !important;gap:32px !important}
.sec{padding-top:64px !important;padding-bottom:64px !important;gap:32px !important}
.sec-s{padding-top:56px !important;padding-bottom:56px !important;gap:20px !important}
.hero-fig{height:260px !important}
.hero-fig-c{height:240px !important}
.cta-row{flex-direction:column;align-items:stretch;align-self:stretch;gap:12px !important;padding-top:4px !important}
.hide-m{display:none !important}
.pad-m{padding:24px !important}
.pad-m20{padding:20px !important}

/* Rozet şeridi: 2 sütun */
.stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.stats>div{padding:20px 0 !important;border-left:0 !important;border-bottom:1px solid #E2E8F0}
.stats>div:nth-child(even){padding-left:16px !important;border-left:1px solid #E2E8F0 !important}
.stats>div:last-child{grid-column:span 2;border-bottom:0}
.stats>div>span:first-child{font-size:28px !important;line-height:36px !important}

/* Yolculuk: dikey zaman çizgisi */
.journey{display:flex !important;flex-direction:column;gap:0 !important}
.journey>li{display:grid !important;grid-template-columns:12px minmax(0,1fr);column-gap:16px;row-gap:4px !important;padding-right:0 !important}
.journey>li>div:first-child{grid-row:1/span 4;grid-column:1;flex-direction:column;align-items:center !important;margin-right:0 !important;padding-top:4px}
.journey>li>div:first-child>span:last-child:not(:first-child){width:1px !important;height:auto !important;flex:1}
.journey>li>:not(:first-child){grid-column:2}
.journey>li>a{justify-self:start}
.journey>li:not(:last-child)>a{margin-bottom:28px}

/* Markalar: 2 sütun */
.brands{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px !important;font-size:18px !important;line-height:28px !important}

/* İlkeler ve kurumsal adımlar */
.principles>div{padding:20px 0 !important;border-left:0 !important}
.steps>li{padding:16px 0 !important;gap:16px !important}

/* Galeri: 2 sütun */
.gallery{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.gallery .shot{height:140px !important}
.gallery figure{gap:6px !important}

/* Son çağrı */
.cta-end{align-items:stretch !important;text-align:left !important}
.stack-m{flex-direction:column;align-items:stretch !important;gap:20px !important}

/* Teknik servis ve 404: tek ekran */
.ts-main{align-items:stretch !important;justify-content:flex-start !important;text-align:left !important;gap:20px !important;padding-top:56px !important;padding-bottom:56px !important}
.trust{flex-direction:column;margin-top:24px !important;border-bottom:0 !important}
.trust>li{flex:none !important;justify-content:flex-start !important;gap:12px !important;padding:18px 0 !important;border-left:0 !important;border-bottom:1px solid #E2E8F0}
.foot-c{flex-direction:column;gap:8px !important;padding-bottom:104px !important}

/* Footer */
.foot-in{padding-top:48px !important;padding-bottom:96px !important;gap:32px !important}
.foot-nav{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px !important}
.foot-nav>.lbl{grid-column:span 2}

/* Alt sabit çubuk + WhatsApp düğmesi onun üstünde */
.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;box-sizing:border-box;padding:12px 16px 16px;background:#F8FAFC;border-top:1px solid #E2E8F0}
.mbar .btn{flex:1}
body.has-bar{padding-bottom:81px}
.wa-fab{right:16px !important}
body.has-bar .wa-fab{bottom:93px !important}
}

/* Gizlilik metni (760 px sütun) */
.kvkk{display:flex;flex-direction:column;gap:12px;color:#475569}
.kvkk h2{font-size:24px;line-height:32px;color:#0D0D0D}
.kvkk strong{color:#0D0D0D}
.kvkk .card{color:#0D0D0D}
.kvkk ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
@media (max-width:760px){.kvkk h2{font-size:22px;line-height:30px}}
