/* =====================================================
   DERMAVISE — Modern Kurumsal Tema
   ===================================================== */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  font-size:16px;line-height:1.6;color:#1a1a1f;background:#fafaf7;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none;transition:color .2s}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:700;letter-spacing:-.01em;color:#0e0e10;line-height:1.15}
.container{max-width:1240px;margin:0 auto;padding:0 24px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#B08D57;padding:6px 14px;border:1px solid rgba(176,141,87,.3);border-radius:100px;background:rgba(176,141,87,.05);margin-bottom:16px}
.eyebrow i{font-size:.75rem}

:root{
  --gold:#B08D57;
  --gold2:#8a6d41;
  --gold-light:#D4AF7A;
  --dark:#0e0e10;
  --dark2:#1f1f23;
  --cream:#faf6ec;
  --cream2:#f5ebdc;
  --muted:#6b6b75;
  --light:#f0e8d8;
  --line:#ecd9b6;
  --shadow-sm:0 1px 3px rgba(14,14,16,.06),0 1px 2px rgba(14,14,16,.08);
  --shadow-md:0 10px 30px rgba(14,14,16,.08),0 4px 12px rgba(14,14,16,.06);
  --shadow-lg:0 25px 60px rgba(14,14,16,.12),0 10px 24px rgba(14,14,16,.08);
  --shadow-gold:0 20px 50px rgba(176,141,87,.25);
  --radius:16px;
  --radius-lg:24px;
}

/* ---------- HEADER ---------- */
.hd{position:sticky;top:0;z-index:100;background:rgba(250,250,247,.88);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(14,14,16,.06)}
.hd-inner{max-width:1240px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:32px}
.logo{display:flex;align-items:center;gap:10px;font-family:'Playfair Display',serif;font-size:1.28rem;font-weight:800;color:var(--dark);letter-spacing:.5px;flex-shrink:0}
.logo-mark{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;box-shadow:var(--shadow-gold)}
.logo-txt{letter-spacing:2px;font-size:1.02rem}
.nav{display:flex;gap:4px;flex:1;justify-content:center}
.nav a{padding:10px 18px;font-size:.92rem;font-weight:500;color:#2a2a32;border-radius:100px;transition:all .2s;position:relative}
.nav a:hover{background:rgba(176,141,87,.08);color:var(--gold2)}
.nav a.on{background:var(--dark);color:#fff}
.hd-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;padding:11px 22px;border-radius:100px;font-weight:600;font-size:.9rem;box-shadow:var(--shadow-gold);transition:transform .18s,box-shadow .18s;flex-shrink:0}
.hd-cta:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(176,141,87,.38)}
.hd-bg{display:none;background:none;border:none;font-size:1.3rem;color:var(--dark);cursor:pointer;padding:8px;margin-left:auto}
@media(max-width:900px){
  .nav{position:fixed;top:71px;left:0;right:0;background:#fff;flex-direction:column;padding:18px;gap:2px;box-shadow:var(--shadow-md);border-bottom:1px solid #eee;transform:translateY(-120%);transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:99}
  body.navOn .nav{transform:translateY(0)}
  .nav a{padding:14px 16px;font-size:1rem;border-radius:12px}
  .hd-bg{display:block}
  .hd-cta span{display:none}
  .hd-cta{padding:11px 13px}
}

/* ---------- HERO ---------- */
.hero{position:relative;padding:90px 0 110px;overflow:hidden;background:
  radial-gradient(ellipse at 20% 10%,rgba(176,141,87,.08) 0%,transparent 50%),
  radial-gradient(ellipse at 85% 60%,rgba(212,175,122,.1) 0%,transparent 55%),
  linear-gradient(180deg,#fafaf7 0%,#f5ebdc30 100%)}
.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(176,141,87,.15),transparent 60%);z-index:0;animation:heroFloat 18s ease-in-out infinite}
@keyframes heroFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,20px) scale(1.08)}}
.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}
.hero-h1{font-size:3.4rem;letter-spacing:-.02em;margin-bottom:22px;line-height:1.08}
.hero-h1 .ac{color:var(--gold);font-style:italic;position:relative;display:inline-block}
.hero-h1 .ac::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:8px;background:rgba(176,141,87,.18);z-index:-1;border-radius:4px}
.hero-sub{font-size:1.1rem;color:var(--muted);margin-bottom:36px;max-width:540px;line-height:1.7}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:100px;font-weight:600;font-size:.98rem;cursor:pointer;border:none;transition:all .22s;font-family:inherit}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;box-shadow:var(--shadow-gold)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(176,141,87,.4)}
.btn-ghost{background:#fff;color:var(--dark);border:1.5px solid #e5e5e5;box-shadow:var(--shadow-sm)}
.btn-ghost:hover{border-color:var(--dark);background:var(--dark);color:#fff}
.hero-meta{display:flex;gap:36px;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(14,14,16,.08)}
.hero-meta-item{display:flex;flex-direction:column;gap:4px}
.hero-meta-item strong{font-family:'Playfair Display',serif;font-size:2.1rem;font-weight:700;color:var(--dark);line-height:1}
.hero-meta-item span{font-size:.8rem;color:var(--muted);letter-spacing:.3px}
.hero-visual{position:relative;height:540px}
.hero-img{position:absolute;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.hero-img-1{top:0;left:10%;width:66%;height:330px;z-index:2;background:linear-gradient(135deg,#f5ebdc,#e8d5b0);display:flex;align-items:center;justify-content:center}
.hero-img-2{bottom:0;right:0;width:58%;height:300px;z-index:3;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;color:#fff}
.hero-img i{font-size:7rem;opacity:.9}
.hero-img-1 i{color:var(--gold)}
.hero-badge{position:absolute;bottom:60px;left:-10px;background:#fff;padding:18px 22px;border-radius:18px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:14px;z-index:4;animation:badgeFloat 4s ease-in-out infinite}
@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-badge .hb-ic{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.hero-badge .hb-txt strong{display:block;font-family:'Playfair Display',serif;font-size:1rem;color:var(--dark)}
.hero-badge .hb-txt span{font-size:.75rem;color:var(--muted)}
@media(max-width:900px){
  .hero{padding:50px 0 60px}
  .hero .container{grid-template-columns:1fr;gap:50px}
  .hero-h1{font-size:2.3rem}
  .hero-sub{font-size:1rem}
  .hero-visual{height:400px}
  .hero-img i{font-size:5rem}
  .hero-badge{bottom:40px;left:-5px;padding:14px 18px}
  .hero-meta{gap:24px}
  .hero-meta-item strong{font-size:1.7rem}
}

/* ---------- SECTION ---------- */
.sec{padding:100px 0;position:relative}
.sec-sm{padding:70px 0}
.sec-hd{text-align:center;max-width:720px;margin:0 auto 60px}
.sec-hd h2{font-size:2.4rem;margin-bottom:14px;letter-spacing:-.015em}
.sec-hd p{font-size:1.02rem;color:var(--muted);line-height:1.7}
@media(max-width:700px){
  .sec{padding:64px 0}
  .sec-hd h2{font-size:1.8rem}
  .sec-hd p{font-size:.95rem}
}

/* ---------- STATS STRIP ---------- */
.stats{background:var(--dark);color:#fff;padding:54px 0;position:relative;overflow:hidden}
.stats::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.stats-item strong{display:block;font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.stats-item span{display:block;margin-top:8px;font-size:.82rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.55)}
@media(max-width:700px){
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}
  .stats-item strong{font-size:2rem}
}

/* ---------- SERVICES ---------- */
.srv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.srv{background:#fff;border-radius:var(--radius-lg);padding:34px 28px;border:1px solid rgba(14,14,16,.06);box-shadow:var(--shadow-sm);transition:all .28s;position:relative;overflow:hidden}
.srv::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transform:translateX(-100%);transition:transform .35s}
.srv:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.srv:hover::before{transform:translateX(0)}
.srv-ic{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,rgba(176,141,87,.08),rgba(212,175,122,.14));color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:22px;transition:all .28s}
.srv:hover .srv-ic{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;transform:rotate(-6deg) scale(1.05)}
.srv h3{font-size:1.25rem;margin-bottom:10px}
.srv p{color:var(--muted);font-size:.93rem;line-height:1.65}
.srv-more{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:.82rem;font-weight:600;color:var(--gold);letter-spacing:.3px}
.srv:hover .srv-more i{transform:translateX(4px)}
.srv-more i{transition:transform .2s}

/* ---------- BRANCHES MAP / CITIES ---------- */
.cmap{background:linear-gradient(180deg,#fff 0%,#faf6ec 100%);position:relative;overflow:hidden}
.cmap::after{content:'';position:absolute;top:-100px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(176,141,87,.08),transparent 60%)}
.cities-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1000px;margin:0 auto;position:relative;z-index:1}
.city-pill{background:#fff;border:1px solid #ead9b6;padding:10px 20px;border-radius:100px;font-size:.92rem;font-weight:600;color:var(--dark);display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm);transition:all .22s;cursor:pointer}
.city-pill:hover{background:var(--dark);color:#fff;border-color:var(--dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.city-pill .ct{background:var(--gold);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:100px;min-width:22px;text-align:center}
.city-pill:hover .ct{background:var(--gold-light)}

/* ---------- BRANCH CARDS ---------- */
.b-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;margin-top:36px}
.bcard{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(14,14,16,.06);box-shadow:var(--shadow-sm);transition:all .26s;display:flex;flex-direction:column}
.bcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:transparent}
.bcard-top{height:140px;background:linear-gradient(135deg,#1f1f23,var(--dark));position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:18px 20px;overflow:hidden}
.bcard-top::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(176,141,87,.3),transparent 55%);opacity:.9}
.bcard-top::after{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,122,.3),transparent 65%)}
.bcard-city{position:relative;z-index:2;color:rgba(255,255,255,.65);font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}
.bcard-name{position:relative;z-index:2;color:#fff;font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:700;letter-spacing:.2px;line-height:1.2}
.bcard-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.62rem;font-weight:700;padding:4px 10px;border-radius:100px;letter-spacing:.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;z-index:3;box-shadow:0 4px 12px rgba(34,197,94,.4)}
.bcard-badge i{font-size:.55rem}
.bcard-body{padding:20px 22px;flex:1;display:flex;flex-direction:column;gap:10px}
.bcard-row{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:#4a4a55;line-height:1.5}
.bcard-row i{color:var(--gold);width:16px;font-size:.85rem;margin-top:3px;flex-shrink:0}
.bcard-acts{display:flex;gap:8px;margin-top:auto;padding-top:18px;border-top:1px dashed #eadbc0}
.bcard-acts a{flex:1;text-align:center;padding:10px 10px;border-radius:10px;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}
.bcard-acts .b-book{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;box-shadow:0 6px 18px rgba(176,141,87,.35)}
.bcard-acts .b-book:hover{transform:translateY(-1px)}
.bcard-acts .b-call{background:#faf6ec;color:var(--dark);border:1px solid #eadbc0}
.bcard-acts .b-call:hover{background:var(--dark);color:#fff;border-color:var(--dark)}
.bcard-acts .b-map{background:#f0f0f2;color:#4a4a55;border:1px solid #e2e2e7;width:42px;flex:0 0 42px;padding:10px}
.bcard-acts .b-map:hover{background:#4a4a55;color:#fff}

/* ---------- BRANCHES LIST PAGE ---------- */
.page-hero{padding:70px 0 40px;background:linear-gradient(180deg,#faf6ec,#fafaf7);text-align:center;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse at 20% 30%,rgba(176,141,87,.1),transparent 60%),
  radial-gradient(ellipse at 80% 70%,rgba(212,175,122,.08),transparent 55%)}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:2.8rem;margin-bottom:16px}
.page-hero p{font-size:1.05rem;color:var(--muted);max-width:660px;margin:0 auto}
@media(max-width:700px){.page-hero{padding:45px 0 30px}.page-hero h1{font-size:1.9rem}}

.search-bar{max-width:620px;margin:34px auto 0;position:relative}
.search-bar input{width:100%;padding:18px 56px 18px 52px;border-radius:100px;border:1.5px solid #eadbc0;background:#fff;font-size:1rem;font-family:inherit;box-shadow:var(--shadow-sm);transition:border .2s,box-shadow .2s;color:var(--dark)}
.search-bar input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(176,141,87,.12),var(--shadow-md)}
.search-bar .s-ic{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.1rem}
.search-bar .s-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#f0e8d8;border:none;color:#4a4a55;cursor:pointer;display:none;align-items:center;justify-content:center}
.search-bar .s-clear.on{display:flex}

/* City filter chips */
.city-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:1080px;margin:26px auto 0;padding:0 20px}
.city-chip{background:#fff;border:1px solid #e9dcc0;padding:8px 16px;border-radius:100px;font-size:.84rem;font-weight:500;color:#4a4a55;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}
.city-chip:hover{border-color:var(--gold);color:var(--gold2)}
.city-chip.on{background:var(--dark);color:#fff;border-color:var(--dark)}
.city-chip .n{font-size:.7rem;color:var(--gold);font-weight:700}
.city-chip.on .n{color:var(--gold-light)}

.city-group{margin-top:50px}
.city-group-hdr{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #eadbc0}
.city-group-hdr h2{font-size:1.6rem;margin:0}
.city-group-hdr .cnt{margin-left:auto;color:var(--gold2);font-size:.85rem;font-weight:600;background:rgba(176,141,87,.1);padding:4px 12px;border-radius:100px}

/* ---------- BRANCH DETAIL PAGE ---------- */
.bd-hero{background:linear-gradient(135deg,var(--dark),var(--dark2));color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}
.bd-hero::before{content:'';position:absolute;top:-10%;right:-5%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(176,141,87,.2),transparent 60%)}
.bd-hero::after{content:'';position:absolute;bottom:-20%;left:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,122,.12),transparent 55%)}
.bd-hero .container{position:relative;z-index:1}
.bd-breadcrumb{color:rgba(255,255,255,.6);font-size:.82rem;margin-bottom:18px}
.bd-breadcrumb a{color:var(--gold-light)}
.bd-breadcrumb a:hover{color:#fff}
.bd-hero h1{color:#fff;font-size:2.8rem;margin-bottom:10px}
.bd-hero .sub{font-size:1rem;color:rgba(255,255,255,.65);margin-bottom:32px}
.bd-actions{display:flex;gap:12px;flex-wrap:wrap}
.bd-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;margin-top:-40px;position:relative;z-index:2;align-items:stretch;padding-bottom:80px}
.bd-info{background:#fff;border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow-lg)}
.bd-info h3{font-size:1.2rem;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #eadbc0}
.bd-row{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px dashed #f0e8d8}
.bd-row:last-child{border:none}
.bd-row-ic{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,rgba(176,141,87,.1),rgba(212,175,122,.18));color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem}
.bd-row-mid{flex:1}
.bd-row-lbl{font-size:.7rem;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:2px;font-weight:600}
.bd-row-val{font-size:.95rem;font-weight:500;color:var(--dark);line-height:1.5}
.bd-map{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;min-height:440px;display:flex;flex-direction:column}
.bd-map iframe{border:none;flex:1;min-height:380px;width:100%}
.bd-map-foot{padding:16px 22px;border-top:1px solid #eadbc0;display:flex;justify-content:center}
@media(max-width:860px){
  .bd-hero h1{font-size:2rem}
  .bd-grid{grid-template-columns:1fr;margin-top:-30px;gap:24px;padding-bottom:60px}
  .bd-info,.bd-map{min-height:auto}
}

/* Big CTA block */
.cta-blk{background:linear-gradient(135deg,var(--dark) 0%,#2a2a30 100%);color:#fff;border-radius:var(--radius-lg);padding:60px 50px;text-align:center;position:relative;overflow:hidden;margin:60px 0}
.cta-blk::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(176,141,87,.2),transparent 55%),radial-gradient(ellipse at 70% 80%,rgba(212,175,122,.12),transparent 55%)}
.cta-blk>*{position:relative;z-index:1}
.cta-blk h2{color:#fff;font-size:2.2rem;margin-bottom:12px}
.cta-blk p{color:rgba(255,255,255,.7);max-width:540px;margin:0 auto 28px;font-size:1rem}
@media(max-width:700px){.cta-blk{padding:42px 24px}.cta-blk h2{font-size:1.5rem}}

/* ---------- TESTIMONIALS ---------- */
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tst{background:#fff;padding:30px 28px;border-radius:var(--radius-lg);border:1px solid rgba(14,14,16,.06);box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s;position:relative}
.tst:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.tst .q{position:absolute;top:-16px;left:22px;width:44px;height:44px;background:var(--gold);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:1.8rem;font-weight:700;box-shadow:var(--shadow-gold)}
.tst-stars{color:#fbbf24;margin-bottom:14px;font-size:.85rem;letter-spacing:2px;margin-top:14px}
.tst-txt{color:#4a4a55;font-size:.95rem;line-height:1.6;margin-bottom:20px}
.tst-who{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px dashed #eadbc0}
.tst-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.tst-nam{font-weight:600;color:var(--dark);font-size:.92rem}
.tst-loc{font-size:.76rem;color:var(--muted)}
@media(max-width:860px){.tst-grid{grid-template-columns:1fr}}

/* ---------- WHY ---------- */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.why{text-align:center;padding:30px 22px}
.why-ic{width:72px;height:72px;margin:0 auto 18px;border-radius:22px;background:linear-gradient(135deg,rgba(176,141,87,.1),rgba(212,175,122,.2));color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.6rem}
.why h4{font-size:1.1rem;margin-bottom:10px}
.why p{font-size:.9rem;color:var(--muted);line-height:1.6}
@media(max-width:860px){.why-grid{grid-template-columns:repeat(2,1fr);gap:16px}.why{padding:20px 12px}}

/* ---------- FOOTER ---------- */
.ft{background:var(--dark);color:#fff;padding:70px 0 0;position:relative;overflow:hidden}
.ft::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.ft-grid{max-width:1240px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:50px}
.ft-logo{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#fff}
.ft-logo .logo-mark{width:36px;height:36px;font-size:1rem}
.ft-about{font-size:.9rem;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:22px;max-width:420px}
.ft-soc{display:flex;gap:10px}
.ft-soc a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;transition:all .2s}
.ft-soc a:hover{background:var(--gold);color:#fff}
.ft-col h4{color:#fff;font-family:'Inter',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}
.ft-col a{display:block;color:rgba(255,255,255,.6);font-size:.88rem;margin-bottom:10px;transition:color .2s}
.ft-col a:hover{color:var(--gold-light)}
.ft-bottom{max-width:1240px;margin:50px auto 0;padding:22px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:10px}
@media(max-width:860px){
  .ft-grid{grid-template-columns:1fr 1fr;gap:40px}
  .ft-bottom{text-align:center;justify-content:center}
}
@media(max-width:480px){.ft-grid{grid-template-columns:1fr}}

/* ---------- FAB WhatsApp ---------- */
.fab-wa{position:fixed;bottom:24px;right:24px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:0 10px 30px rgba(37,211,102,.45);z-index:90;transition:transform .2s}
.fab-wa:hover{transform:scale(1.08)}
.fab-wa::before{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid #25d366;opacity:.5;animation:waPulse 2s infinite}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.35);opacity:0}}
@media(max-width:700px){.fab-wa{bottom:18px;right:18px;width:54px;height:54px;font-size:1.5rem}}

/* ---------- UTIL ---------- */
.tc{text-align:center}
.mt-lg{margin-top:44px}
.hide-sm{}
@media(max-width:700px){.hide-sm{display:none!important}}

/* Custom scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#f0e8d8}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--gold2)}

/* Fade-in animations */
.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.8,.2,1)}
.reveal.on{opacity:1;transform:translateY(0)}

/* ========== HERO PHOTO ========== */
.hero-photo{position:absolute;top:0;left:6%;right:6%;height:520px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#f5ebdc,#e8d5b0)}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,14,16,.25))}
.hero-badge-2{top:30px;right:-15px;left:auto;bottom:auto;animation-delay:-1s}
@media(max-width:900px){.hero-photo{height:100%;left:0;right:0}}

/* ========== SERVICE CARDS WITH IMAGE ========== */
.srv-img{padding:0;display:flex;flex-direction:column;overflow:hidden}
.srv-img .srv-cover{width:100%;height:190px;overflow:hidden;background:#f5ebdc;position:relative}
.srv-img .srv-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.srv-img:hover .srv-cover img{transform:scale(1.07)}
.srv-img .srv-body{padding:28px 26px}
.srv-img .srv-ic{width:52px;height:52px;margin-top:-52px;position:relative;z-index:2;border:4px solid #fff;background:#fff;box-shadow:var(--shadow-md);font-size:1.25rem;margin-bottom:16px}
.srv-img:hover .srv-ic{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff}

/* ========== BRANCH CARDS WITH IMAGE ========== */
.bcard-img{position:relative}
.bcard-img .bcard-cover{width:100%;height:180px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--dark),var(--dark2))}
.bcard-img .bcard-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;opacity:.9}
.bcard-img:hover .bcard-cover img{transform:scale(1.06);opacity:1}
.bcard-img .bcard-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,14,16,.55))}
.bcard-img .bcard-top{height:auto;background:transparent;padding:18px 22px 0}
.bcard-img .bcard-top::before,.bcard-img .bcard-top::after{display:none}
.bcard-img .bcard-city{color:var(--muted);letter-spacing:1.2px}
.bcard-img .bcard-name{color:var(--dark)}

/* ========== ABOUT STRIP (homepage + hakkımızda) ========== */
.abt-strip{background:linear-gradient(180deg,#fff,#faf6ec)}
.abt-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.abt-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;padding:54px 40px;min-height:380px;display:flex;align-items:flex-end;box-shadow:0 30px 60px -20px rgba(14,14,16,.35);color:#fff}
.abt-card-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a20 0%,#0e0e10 40%,#2a1e12 100%);z-index:0}
.abt-card-bg::before{content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,122,.35),transparent 65%)}
.abt-card-bg::after{content:'';position:absolute;bottom:-100px;left:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(176,141,87,.22),transparent 65%)}
.abt-card-inner{position:relative;z-index:1;width:100%}
.abt-badge{width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:28px;box-shadow:0 10px 30px rgba(176,141,87,.4)}
.abt-stat{margin-bottom:28px}
.abt-stat-val{font-family:'Playfair Display',serif;font-size:5rem;font-weight:700;background:linear-gradient(135deg,#f5ebdc,var(--gold-light) 60%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:.95;letter-spacing:-.02em}
.abt-stat-lbl{font-size:.82rem;color:rgba(255,255,255,.7);letter-spacing:2.5px;text-transform:uppercase;margin-top:10px;font-weight:600}
.abt-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}
.abt-mini-stats > div strong{display:block;font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--gold-light);line-height:1;font-weight:700}
.abt-mini-stats > div span{display:block;font-size:.7rem;color:rgba(255,255,255,.55);letter-spacing:1.4px;text-transform:uppercase;margin-top:6px;font-weight:600}
.abt-text h2{font-size:2.2rem;margin-bottom:18px}
.abt-text .abt-lead{font-family:'Playfair Display',serif;font-size:1.18rem;color:var(--dark);font-style:italic;margin-bottom:20px;line-height:1.5}
.abt-text p{font-size:1rem;color:#4a4a55;line-height:1.75;margin-bottom:14px}
@media(max-width:900px){
  .abt-grid{grid-template-columns:1fr;gap:36px}
  .abt-card{min-height:auto;padding:40px 28px}
  .abt-stat-val{font-size:3.6rem}
  .abt-text h2{font-size:1.7rem}
  .abt-mini-stats{gap:14px}
  .abt-mini-stats > div strong{font-size:1.25rem}
}

/* Old about image layout kept for /hakkimizda page */
.abt-visual{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.abt-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.abt-float{position:absolute;left:24px;bottom:24px;background:#fff;border-radius:18px;padding:18px 24px;box-shadow:var(--shadow-lg);min-width:160px;text-align:center}
.abt-float-val{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.abt-float-lbl{font-size:.72rem;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-weight:600}
@media(max-width:900px){.abt-visual img{aspect-ratio:16/10}.abt-float{left:14px;bottom:14px;padding:14px 18px}.abt-float-val{font-size:1.7rem}}

/* ========== PAGE HERO WITH IMAGE ========== */
.pg-hero{padding:100px 0 80px;background-size:cover;background-position:center;color:#fff;text-align:center;position:relative}
.pg-hero h1{color:#fff;font-size:3rem;margin-bottom:14px;letter-spacing:-.01em}
.pg-hero p{color:rgba(255,255,255,.82);font-size:1.1rem;max-width:720px;margin:0 auto;line-height:1.65}
.pg-hero-img{min-height:360px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:700px){.pg-hero{padding:60px 0 48px}.pg-hero h1{font-size:2.1rem}.pg-hero p{font-size:.98rem}}

/* ========== SERVICES LIST (hizmetler page) ========== */
.srv-list{display:flex;flex-direction:column;gap:80px}
.srv-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.srv-row-r{direction:rtl}
.srv-row-r > *{direction:ltr}
.srv-row-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3}
.srv-row-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}
.srv-row:hover .srv-row-img img{transform:scale(1.04)}
.srv-row-body h2{font-size:2rem;margin-bottom:16px}
.srv-row-body p{color:#4a4a55;font-size:1rem;line-height:1.7;margin-bottom:18px}
.srv-ic-lg{width:74px;height:74px;font-size:1.65rem;margin-bottom:18px}
.srv-features{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.srv-features li{display:flex;align-items:flex-start;gap:8px;font-size:.92rem;color:#3a3a45;padding:8px 0}
.srv-features li i{color:var(--gold);margin-top:3px;flex-shrink:0}
@media(max-width:860px){
  .srv-list{gap:50px}
  .srv-row{grid-template-columns:1fr;gap:28px}
  .srv-row-r{direction:ltr}
  .srv-row-body h2{font-size:1.5rem}
  .srv-features{grid-template-columns:1fr}
}

/* ========== CONTACT GRID ========== */
.ct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.ct-card{background:#fff;border-radius:var(--radius-lg);padding:34px 28px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid rgba(14,14,16,.06);transition:all .28s;display:flex;flex-direction:column;align-items:center;gap:10px;color:inherit}
.ct-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.ct-ic{width:72px;height:72px;border-radius:22px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:6px;box-shadow:var(--shadow-md)}
.ct-card h3{font-size:1.2rem;margin-bottom:4px}
.ct-card p{font-size:.88rem;color:var(--muted);line-height:1.55}
.ct-card strong{color:var(--gold2);font-size:1rem;margin-top:8px}
.ct-cities{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1000px;margin:0 auto}

/* ========== AVATAR IMAGE ========== */
.tst-av-img{padding:0;overflow:hidden}
.tst-av-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}

/* ========== ADMIN NOTICE ========== */
.adm-banner{background:linear-gradient(135deg,var(--dark),#1c1c22);color:#fff;padding:10px 18px;text-align:center;font-size:.8rem;letter-spacing:.3px}
.adm-banner a{color:var(--gold-light);font-weight:600;margin-left:8px}

/* ========== CSS for responsive service images on mobile ========== */
@media(max-width:700px){
  .srv-img .srv-cover{height:170px}
  .bcard-img .bcard-cover{height:150px}
}