/* ============================================
   ŞUBELER — sayfa-özel stiller
   css/style.css'teki değişkenleri kullanır.
   ============================================ */

.subeler-hero{
  padding:220px 24px 60px;
  text-align:center;
  position:relative;
  background:var(--black);
  border-bottom:1px solid rgba(8,8,8,0.08);
}
.subeler-hero > *{position:relative; z-index:1;}
.subeler-hero h1{font-size:clamp(32px,5vw,52px); color:var(--off-white); max-width:20ch; margin:16px auto 0;}
.subeler-hero p{color:var(--metal); max-width:600px; margin:20px auto 0; font-size:16px;}

/* distinction notice */
.distinction-note{
  max-width:820px; margin:36px auto 0; padding:18px 22px;
  border-left:2px solid var(--gold); background:rgba(182,154,98,0.05);
  font-size:13.5px; color:var(--metal); line-height:1.6;
}
.distinction-note strong{color:var(--off-white);}

/* branch grid */
.subeler-shell{max-width:1180px; margin:0 auto; padding:48px 32px 140px;}
.subeler-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:28px;}
@media(max-width:860px){ .subeler-grid{grid-template-columns:1fr;} }

.branch-card{
  border:1px solid rgba(8,8,8,0.1); background:var(--charcoal);
  transition:border-color .25s, transform .25s;
}
.branch-card:hover{border-color:rgba(182,154,98,0.4); transform:translateY(-2px);}

.branch-cover{
  height:180px; position:relative; overflow:hidden;
  background:linear-gradient(135deg, rgba(197,22,29,0.14), rgba(23,23,23,1));
  display:flex; align-items:center; justify-content:center;
  border-bottom:1px solid rgba(8,8,8,0.08);
}
.branch-cover img{width:100%; height:100%; object-fit:cover; transition:transform .5s;}
.branch-card:hover .branch-cover img{transform:scale(1.05);}
.branch-cover span{font-family:var(--serif); font-style:italic; font-size:18px; color:rgba(8,8,8,0.6);}

.branch-body{padding:26px;}
.branch-eyebrow{font-family:var(--mono); font-size:11px; letter-spacing:0.1em; color:var(--gold); text-transform:uppercase; margin-bottom:8px;}
.branch-name{color:var(--white); font-size:22px; font-family:var(--serif); margin-bottom:14px;}

.branch-meta{display:flex; flex-direction:column; gap:8px; margin-bottom:16px;}
.branch-meta-row{display:flex; gap:10px; font-size:13.5px; color:var(--metal); line-height:1.5;}
.branch-meta-row .k{flex-shrink:0; width:78px; font-family:var(--mono); font-size:10.5px; letter-spacing:0.05em; text-transform:uppercase; color:rgba(168,168,168,0.6); padding-top:2px;}
.branch-meta-row .v{color:var(--off-white);}

.branch-services{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px;}
.branch-service-tag{
  font-family:var(--mono); font-size:10px; letter-spacing:0.06em; text-transform:uppercase;
  color:var(--metal); border:1px solid rgba(8,8,8,0.14); padding:5px 10px; border-radius:2px;
}

.branch-actions{display:flex; flex-wrap:wrap; gap:10px;}
.branch-btn{
  font-family:var(--mono); font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase;
  padding:11px 16px; border-radius:2px; text-align:center; flex:1; min-width:120px;
  border:1px solid rgba(8,8,8,0.18); color:var(--off-white);
  transition:border-color .2s, background .2s;
}
.branch-btn:hover{border-color:var(--gold); background:rgba(182,154,98,0.06);}
.branch-btn.is-disabled{color:var(--metal); border-color:rgba(8,8,8,0.08); pointer-events:none; opacity:0.6;}

.branch-sample-tag{
  display:inline-block; margin-top:16px; font-family:var(--mono); font-size:10px; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--red); border:1px solid rgba(197,22,29,0.4); padding:4px 9px; border-radius:2px;
}