html{scroll-behavior:smooth}

a{text-decoration:none;color:inherit}

/* NAV */
nav{background:var(--beyaz);border-bottom:1px solid var(--kenar);height:64px;position:sticky;top:0;z-index:100;display:flex;align-items:center;padding:0 40px;gap:16px;box-shadow:0 1px 8px rgba(42,53,71,.06)}
.nav-logo img{height:38px}
.nav-ayrac{width:1px;height:28px;background:var(--kenar);margin:0 6px}
.nav-links{display:flex;gap:2px;list-style:none;flex:1;margin-left:4px}
.nav-links a{font-size:13px;font-weight:500;color:var(--soluk);padding:7px 14px;border-radius:8px;transition:all .18s;display:block}
.nav-links a:hover{background:var(--mavi-g);color:var(--mavi)}
.nav-right{display:flex;gap:8px;align-items:center}
.btn-out{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:600;color:var(--text);background:transparent;border:1.5px solid var(--kenar);border-radius:8px;padding:8px 18px;cursor:pointer;transition:all .18s}
.btn-out:hover{border-color:var(--mavi);color:var(--mavi)}
.btn-fill{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:600;color:#fff;background:var(--mavi);border:none;border-radius:8px;padding:9px 20px;cursor:pointer;transition:all .18s;box-shadow:0 4px 12px rgba(27,122,255,.25)}
.btn-fill:hover{background:var(--mavi-d)}

/* HERO */
.hero{background:var(--beyaz);border-bottom:1px solid var(--kenar);padding:56px 40px 48px}
.hero-ic{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}
.hero-rozet{display:inline-flex;align-items:center;gap:7px;background:var(--mavi-g);border:1px solid rgba(27,122,255,.15);border-radius:100px;padding:5px 14px;font-size:11px;font-weight:700;color:var(--mavi);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}
.hero-rozet::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--yesil);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,4.5vw,56px);font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-1px;margin-bottom:16px}
.hero h1 .tur{color:var(--turuncu)}
.hero-alt{font-size:15px;font-weight:300;color:var(--soluk);line-height:1.8;max-width:440px;margin-bottom:28px}
.arama-kutu{display:flex;background:var(--bg);border:1.5px solid var(--kenar);border-radius:12px;overflow:hidden;transition:border-color .2s}
.arama-kutu:focus-within{border-color:var(--mavi);box-shadow:0 0 0 3px var(--mavi-g)}
.arama-kutu input{flex:1;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;border:none;outline:none;padding:13px 16px;color:var(--text);background:transparent}
.arama-kutu input::placeholder{color:var(--soluk)}
.arama-kutu select{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;border:none;border-left:1px solid var(--kenar);background:var(--beyaz);color:var(--soluk);padding:13px 12px;outline:none;cursor:pointer}
.arama-kutu button{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;color:#fff;background:var(--turuncu);border:none;padding:13px 22px;cursor:pointer;transition:background .18s}
.arama-kutu button:hover{background:var(--turuncu-d)}
.hero-stats{display:flex;gap:0;margin-top:28px;border:1px solid var(--kenar);border-radius:12px;overflow:hidden;background:var(--beyaz)}
.hs{flex:1;padding:14px 18px;text-align:center;border-right:1px solid var(--kenar)}
.hs:last-child{border-right:none}
.hs-sayi{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:var(--text)}
.hs-sayi span{color:var(--mavi)}
.hs-label{font-size:11px;color:var(--soluk);margin-top:2px}

/* Hero sağ */
.hero-sag{position:relative}
.hero-kart{background:var(--beyaz);border:1px solid var(--kenar);border-radius:16px;padding:20px;box-shadow:0 8px 32px rgba(42,53,71,.08)}
.hero-kart-baslik{font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.hero-kart-baslik::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--yesil);animation:blink 2s infinite}
.menu-onizleme{display:flex;flex-direction:column;gap:10px}
.mo-item{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:10px;padding:10px}
.mo-gorsel{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.mo-bilgi{flex:1}
.mo-ad{font-size:13px;font-weight:600;color:var(--text)}
.mo-fiyat{font-family:'Playfair Display',serif;font-size:14px;font-weight:700;color:var(--mavi);margin-top:2px}
.mo-ekle{width:28px;height:28px;border-radius:7px;background:var(--turuncu);border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hero-rozet2{position:absolute;top:-16px;right:20px;background:var(--mavi);color:#fff;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;box-shadow:0 4px 16px rgba(27,122,255,.3);display:flex;align-items:center;gap:6px}

/* BÖLÜM */
.bolum{padding:56px 40px}
.bolum-ic{max-width:1160px;margin:0 auto}
.bolum-ust{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}
.bolum-etiket{font-size:11px;font-weight:700;color:var(--mavi);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
.bolum-h2{font-family:'Playfair Display',serif;font-size:clamp(20px,2.8vw,30px);font-weight:700;color:var(--text);letter-spacing:-.3px}
.tumu{font-size:13px;font-weight:600;color:var(--mavi);transition:opacity .18s}
.tumu:hover{opacity:.7}

/* KATEGORİLER */
.kat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kat-kart{background:var(--beyaz);border:1.5px solid var(--kenar);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.kat-kart:hover{border-color:var(--mavi);box-shadow:0 8px 24px rgba(27,122,255,.10);transform:translateY(-3px)}
.kat-emoji{font-size:36px;width:64px;height:64px;background:var(--mavi-g);border-radius:16px;display:flex;align-items:center;justify-content:center}
.kat-ad{font-size:13px;font-weight:700;color:var(--text)}
.kat-sayi{font-size:11px;color:var(--soluk);margin-top:2px}

/* FİRMALAR */
.rest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rest-kart{background:var(--beyaz);border:1.5px solid var(--kenar);border-radius:14px;overflow:hidden;transition:all .2s;cursor:pointer;display:block}
.rest-kart:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(27,58,92,.10);border-color:var(--mavi)}
.rk-gorsel{height:130px;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative}
.rk-rozet{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;display:flex;align-items:center;gap:5px}
.rk-rozet.qr{background:var(--mavi);color:#fff}
.rk-rozet.qr::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--yesil)}
.rk-rozet.yeni{background:var(--turuncu);color:#fff}
.rk-body{padding:16px}
.rk-ust{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}
.rk-ad{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;color:var(--text);line-height:1.2}
.rk-puan{font-size:12px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:3px}
.rk-puan span{color:var(--turuncu)}
.rk-kat{font-size:11px;color:var(--soluk);margin-bottom:12px}
.rk-alt{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--kenar)}
.rk-konum{font-size:11px;color:var(--soluk)}
.rk-btn{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:600;color:var(--mavi);background:var(--mavi-g);border:1px solid rgba(27,122,255,.2);border-radius:6px;padding:5px 12px;cursor:pointer;transition:all .18s}
.rk-btn:hover{background:rgba(27,122,255,.18)}

/* NASIL ÇALIŞIR */
.nasil{background:var(--beyaz);border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar)}
.adim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:0;overflow:hidden}
.adim{padding:40px 32px;border-right:1px solid var(--kenar);position:relative}
.adim:last-child{border-right:none}
.adim-no{font-family:'Playfair Display',serif;font-size:48px;font-weight:700;color:var(--mavi-g);line-height:1;margin-bottom:16px}
.adim-ikon{width:44px;height:44px;background:var(--turuncu-g);border:1px solid rgba(244,121,32,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}
.adim-baslik{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px}
.adim-acik{font-size:13px;color:var(--soluk);line-height:1.75}

/* CTA */
.cta{background:var(--mavi);padding:56px 40px}
.cta-ic{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.cta-etiket{font-size:11px;font-weight:700;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.cta-h2{font-family:'Playfair Display',serif;font-size:clamp(22px,3vw,36px);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.3px;margin-bottom:12px}
.cta-alt{font-size:14px;font-weight:300;color:rgba(255,255,255,.6);line-height:1.75;max-width:400px}
.cta-form{display:flex;gap:8px;flex-shrink:0}
.cta-input{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:12px 16px;color:#fff;outline:none;width:220px;transition:border-color .2s}
.cta-input::placeholder{color:rgba(255,255,255,.45)}
.cta-input:focus{border-color:rgba(255,255,255,.6)}
.cta-btn{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;color:var(--mavi);background:#fff;border:none;border-radius:8px;padding:12px 22px;cursor:pointer;transition:all .18s;white-space:nowrap}
.cta-btn:hover{background:var(--bg)}

/* FOOTER */
footer{background:var(--text);padding:48px 40px 24px}
.footer-ic{max-width:1160px;margin:0 auto}
.footer-ust{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-logo img{height:34px;margin-bottom:14px}
.footer-acik{font-size:12px;color:rgba(255,255,255,.3);line-height:1.7;max-width:220px}
.footer-baslik{font-size:11px;font-weight:700;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:13px;color:rgba(255,255,255,.35);transition:color .18s}
.footer-links a:hover{color:rgba(255,255,255,.75)}
.footer-alt{display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.2)}

/* Renk paleti firma görselleri için */
.bg1{background:linear-gradient(135deg,#e8f4ff,#c8e0ff)}
.bg2{background:linear-gradient(135deg,#fff3e8,#ffe0c8)}
.bg3{background:linear-gradient(135deg,#e8fff8,#c8ffe8)}
.bg4{background:linear-gradient(135deg,#f8e8ff,#e8c8ff)}
.bg5{background:linear-gradient(135deg,#fff8e8,#ffe8c8)}
.bg6{background:linear-gradient(135deg,#e8f0ff,#c8d8ff)}

@media(max-width:1000px){
  nav{padding:0 16px}.nav-links{display:none}
  .hero{padding:36px 20px}.hero-ic{grid-template-columns:1fr;gap:28px}.hero-sag{display:none}
  .bolum{padding:40px 20px}
  .kat-grid{grid-template-columns:repeat(2,1fr)}
  .rest-grid{grid-template-columns:1fr 1fr}
  .adim-grid{grid-template-columns:1fr}
  .adim{border-right:none;border-bottom:1px solid var(--kenar)}
  .adim:last-child{border-bottom:none}
  .cta{padding:36px 20px}.cta-ic{flex-direction:column}.cta-form{flex-direction:column;width:100%}.cta-input{width:100%}
  .footer-ust{grid-template-columns:1fr 1fr}
  .nasil{padding:0 20px}
}