@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101820;--muted:#64717c;--yellow:#ffc928;--yellow2:#ffb800;--paper:#f7f8fa;--line:#e7ebef;--navy:#111d2b;--white:#fff;--green:#20b96b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.topbar{background:#101820;color:#d8e0e7;font-size:13px;padding:10px 0}.topbar .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar strong{color:var(--yellow)}
header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #edf0f2}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.5px}.brand img{width:52px;height:52px}.brand small{display:block;font:700 10px 'DM Sans';letter-spacing:2px;color:#7b8791;margin-top:2px}.navlinks{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.navlinks a:hover{color:#d99b00}.navcall{background:var(--yellow);padding:13px 18px;border-radius:12px;font-weight:800;white-space:nowrap}.menu{display:none;background:none;border:0;font-size:27px}
.hero{background:linear-gradient(110deg,rgba(13,24,36,.96),rgba(13,24,36,.82)),url('../galeri/salih-oto-galeri-03.jpg') center/cover;min-height:570px;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,201,40,.18);border-radius:50%;right:-110px;top:35px;box-shadow:0 0 0 45px rgba(255,201,40,.035),0 0 0 95px rgba(255,201,40,.025)}.hero-content{position:relative;z-index:1;max-width:680px;padding:76px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:2px;background:var(--yellow)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-1.3px}h1{font-size:clamp(38px,5.4vw,68px);line-height:1.06;margin:20px 0}h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:18px;line-height:1.7;color:#d1d9e0;max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:12px;font-weight:800;font-size:14px;transition:.2s;cursor:pointer;border:0}.btn:hover{transform:translateY(-2px)}.btn-yellow{background:var(--yellow);color:#111}.btn-outline{border:1px solid rgba(255,255,255,.35);color:#fff}.btn-dark{background:var(--navy);color:#fff}.btn-green{background:var(--green);color:#fff}.hero-note{margin-top:26px;color:#aeb9c3;font-size:13px}
.trustbar{background:var(--yellow);padding:19px 0}.trustgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trust{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800}.trust b{font-size:22px}
section{padding:82px 0}.section-head{text-align:center;max-width:680px;margin:0 auto 42px}.section-head .eyebrow{justify-content:center}.section-head h2{font-size:clamp(29px,4vw,43px);margin:15px 0}.section-head p{color:var(--muted);line-height:1.7}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;box-shadow:0 12px 35px rgba(16,24,32,.04)}.service-icon{width:54px;height:54px;border-radius:15px;background:#fff4cb;display:grid;place-items:center;font-size:25px}.service h3{font-size:21px;margin:20px 0 9px}.service p{color:var(--muted);line-height:1.65;font-size:14px;margin:0}.service a{display:inline-block;margin-top:18px;font-weight:800;font-size:13px;color:#a97700}
.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.visual{min-height:390px;border-radius:24px;background:linear-gradient(135deg,#182635,#253b4d);position:relative;overflow:hidden;display:grid;place-items:center;color:white}.visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.visual .visual-label{position:absolute;left:22px;bottom:22px;background:var(--yellow);color:#111;padding:13px 17px;border-radius:10px;font-weight:800}.copy h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:14px 0}.copy p{color:var(--muted);line-height:1.8}.checks{list-style:none;padding:0;margin:22px 0}.checks li{margin:12px 0;font-weight:700}.checks li:before{content:"✓";display:inline-grid;place-items:center;background:#e8f8ef;color:#159653;border-radius:50%;width:23px;height:23px;margin-right:10px}
.areas{background:var(--paper)}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.area{padding:20px;background:white;border:1px solid var(--line);border-radius:14px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.area span{color:#d99b00}
.cta{background:var(--navy);color:#fff;text-align:center;padding:65px 20px}.cta h2{font-size:clamp(28px,4vw,42px);margin:0 0 12px}.cta p{color:#c4cdd5;margin:0 auto;max-width:600px;line-height:1.7}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-card{background:var(--paper);border-radius:18px;padding:28px}.contact-card h3{margin-top:0}.contact-card p{color:var(--muted);line-height:1.7}.address{font-weight:700;line-height:1.8}
footer{background:#0b131c;color:#b9c3cc;padding:35px 0;font-size:13px}.footerrow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footerrow strong{color:white}
.subhero{background:linear-gradient(110deg,#101d2a,#26394a);color:white;padding:72px 0}.subhero h1{font-size:clamp(36px,5vw,56px);margin:15px 0}.subhero p{color:#c8d1d9;max-width:680px;line-height:1.7}.crumb{font-size:13px;color:#c4ccd3}.crumb a{color:var(--yellow)}
.floating{position:fixed;z-index:30;right:22px;bottom:22px;display:flex;flex-direction:column;gap:10px}.floatbtn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;box-shadow:0 8px 24px #0003}.float-wa{background:#20b96b}.float-call{background:#182838}.float-loc{background:#f0b900;color:#111}
@media(max-width:850px){.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu{display:block}.navcall{display:none}.hero{min-height:540px}.services{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:30px}.area-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.trustgrid{grid-template-columns:1fr;gap:12px}.trust{justify-content:flex-start}.visual{min-height:280px}}
@media(max-width:480px){.container{width:min(100% - 30px,1160px)}.hero-content{padding:60px 0}.hero p{font-size:16px}.btn{width:100%}.area-grid{grid-template-columns:1fr}.floating{right:13px;bottom:13px}.floatbtn{width:50px;height:50px}}

/* Fotoğraf galerisi */
.sok-gallery{background:#f5f7fa;padding:78px 0;color:#172033}
.sok-gallery__head{text-align:center;max-width:760px;margin:0 auto 34px}
.sok-gallery__head h2{font-size:clamp(29px,4vw,43px);line-height:1.15;margin:14px 0 10px;color:#111d2b}
.sok-gallery__head p{margin:0;color:#64717c;line-height:1.7}
.sok-gallery__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sok-gallery__item{position:relative;display:block;width:100%;padding:0;border:0;border-radius:15px;overflow:hidden;background:#dce2e9;aspect-ratio:4/3;cursor:zoom-in;box-shadow:0 8px 25px rgba(16,24,32,.10)}
.sok-gallery__item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.sok-gallery__item:hover img{transform:scale(1.055)}
.sok-gallery__zoom{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111;font-size:25px;line-height:1;opacity:0;transform:translateY(5px);transition:.2s}
.sok-gallery__item:hover .sok-gallery__zoom,.sok-gallery__item:focus-visible .sok-gallery__zoom{opacity:1;transform:none}
.sok-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(8,13,22,.95);display:none;align-items:center;justify-content:center;padding:60px 70px}
.sok-lightbox.is-open{display:flex}
.sok-lightbox__image{max-width:min(1100px,90vw);max-height:82vh;object-fit:contain;border-radius:8px}
.sok-lightbox button{position:absolute;border:0;color:#fff;background:rgba(255,255,255,.16);cursor:pointer;border-radius:50%;display:grid;place-items:center}
.sok-lightbox__close{right:24px;top:20px;width:44px;height:44px;font-size:32px}
.sok-lightbox__prev,.sok-lightbox__next{top:50%;width:48px;height:48px;font-size:38px;transform:translateY(-50%)}
.sok-lightbox__prev{left:18px}.sok-lightbox__next{right:18px}
@media(max-width:900px){.sok-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:600px){.sok-gallery{padding:54px 0}.sok-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sok-gallery__item{border-radius:10px}.sok-gallery__head p{font-size:14px}.sok-lightbox{padding:50px 12px}.sok-lightbox__prev{left:5px}.sok-lightbox__next{right:5px}}

/* Mobilde ekranin altinda sabit, yanyana hizli iletisim cubugu */
.floating{position:fixed;z-index:1000;right:22px;bottom:22px;display:flex;flex-direction:column;gap:10px}
.floatbtn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-size:14px;font-weight:800;box-shadow:0 8px 24px #0003;border:0;cursor:pointer;text-decoration:none}
.float-icon{font-size:20px;line-height:1}
.float-wa{background:#20b96b}.float-call{background:#e32935}.float-loc{background:#111;color:#fff}
@media(max-width:600px){
 body{padding-bottom:82px}
 .floating{left:0;right:0;bottom:0;width:100%;padding:9px 10px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:rgba(255,255,255,.97);border-top:1px solid #e7ebef;box-shadow:0 -8px 28px rgba(10,20,30,.13);backdrop-filter:blur(12px)}
 .floatbtn{width:100%;height:52px;border-radius:11px;display:flex;flex-direction:row;gap:6px;font-size:12px;white-space:nowrap;box-shadow:none;padding:0 5px}
 .float-icon{font-size:17px}
 .float-call{background:#e32935}.float-wa{background:#20b96b}.float-loc{background:#111;color:#fff}
 .floatbtn:active{transform:scale(.98)}
}

/* Masaüstü: hızlı iletişim butonlarını yatay, okunaklı ve şık bir gruba dönüştür */
@media (min-width:601px){
 .floating{
  right:28px;bottom:26px;left:auto;width:auto;
  display:flex;flex-direction:row;align-items:center;gap:9px;
  padding:9px;background:rgba(255,255,255,.96);
  border:1px solid rgba(16,24,32,.08);border-radius:18px;
  box-shadow:0 12px 38px rgba(12,22,32,.18);
  backdrop-filter:blur(14px)
 }
 .floating .floatbtn{
  width:auto;min-width:145px;height:52px;padding:0 17px;
  display:inline-flex;flex-direction:row;align-items:center;justify-content:center;
  gap:9px;border-radius:12px;font-size:14px;font-weight:800;
  letter-spacing:.1px;white-space:nowrap;box-shadow:none;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease
 }
 .floating .floatbtn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 6px 16px rgba(0,0,0,.13)}
 .floating .float-icon{font-size:19px}
 .floating .float-call{background:#e32935;color:#fff}
 .floating .float-wa{background:#20b96b;color:#fff}
 .floating .float-loc{background:#111;color:#fff}
}

/* Ana girişteki konum butonu: beyaz zemin üzerinde koyu yazı */
.hero .btn-outline[data-location]{
 background:#fff;color:#111d2b;border:1px solid #fff;
}
.hero .btn-outline[data-location]:hover{background:#f2f4f6;color:#111d2b}