/* ============================================================================
   Sagrosa — sayfa-iletisim.css (şablon: iletisim; temel.njk site.css'ten sonra bağlar)
   İletişim sayfası: Koç / Sabancı iç sayfa kalıbı. Ölçek ve renkler site.css tokens'tan; yön özellikleri
   MANTIKSAL (RTL için dir="rtl" yeter). Bölümler: 1 iletişim bilgileri (adres, iki kol, saatler, harita)
   · 2 form bandı (gri bant, iki beyaz kutu) · 3 kalan bölümler (sol başlık / sağ metin) · 4 duyarlı · 5 yazdırma
   ========================================================================== */

/* 0. SAYFA BAŞI: iletişimde fotoğraf bandı ince şerit (4:1), bilgiler ilk ekrana yaklaşır */
.s-body--iletisim .s-page-head__img{aspect-ratio:4/1;max-height:320px}

/* 1. İLETİŞİM BİLGİLERİ ---------------------------------------------------- */
.s-ct{padding-block:72px 96px}
.s-ct__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px 88px;align-items:start}
.s-ct__title{font-size:30px;font-weight:400;line-height:1.2;letter-spacing:-.005em}
.s-eyebrow+.s-ct__title{margin-block-start:12px}
.s-ct__lead{color:var(--s-body);font-size:17px;line-height:1.6;margin-block-start:12px;max-width:640px}
.s-ct__label{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--s-body);line-height:1.4}
:lang(ar) .s-ct__label{letter-spacing:0;text-transform:none}

.s-ct__addr{margin-block-start:36px}
.s-ct__lines{font-size:18px;line-height:1.5;color:var(--s-txt);margin-block-start:6px}
.s-ct__dir{font-size:15px;line-height:1.55;color:var(--s-body);margin-block-start:10px;max-width:600px}
.s-ct__dir b{font-weight:500;color:var(--s-txt)}

.s-ct__branches{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-block-start:40px}
.s-ct__branch{border-block-start:1px solid var(--s-hair);padding-block-start:22px;display:flex;flex-direction:column;min-width:0}
.s-ct__branch-title{font-size:20px;font-weight:500;line-height:1.3;color:var(--s-navy)}
.s-ct__branch--gida .s-ct__branch-title{color:var(--s-bordo)}
.s-ct__dl{flex:1}
.s-ct__dl dt{margin-block-start:18px}
.s-ct__dl dd{font-size:18px;line-height:1.5;color:var(--s-txt);margin-block-start:4px;overflow-wrap:anywhere}
.s-ct__tel,.s-ct__dl .s-ct__tel{font-size:28px;font-weight:500;line-height:1.2;color:var(--s-navy)}
.s-ct__mail small{display:block;font-size:13px;font-weight:400;line-height:1.4;color:var(--s-body);margin-block-start:2px}
.s-ct__dl a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--s-gold)}
.s-ct__btn{margin-block-start:28px;align-self:flex-start}

.s-ct__hours{margin-block-start:36px;border-block-start:1px solid var(--s-hair);padding-block-start:22px}
.s-ct__hours-text{font-size:17px;line-height:1.6;color:var(--s-body);margin-block-start:6px;max-width:600px}
.s-ct__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:36px}

/* YOL TARİFİ KARTI — harita GÖMÜLMEZ (üçüncü taraf iframe yok, 7 Eylül kararı).
   Eskiden burada boş gri bir "fotoğraf yer tutucu" bloğu vardı ve yarım kalmış görünüyordu;
   artık sütunun tamamı tek bir kasıtlı kart: üstte konum imi + etiket, altında adres bağlantısı. */
.s-ct__mapcol{display:flex;flex-direction:column;min-width:0;border:1px solid var(--s-hair);background:#fff;align-self:start}
.s-ct__map{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:0;background:#fff;border-block-end:1px solid var(--s-hair);color:var(--s-navy);text-align:start;padding:18px 24px}
.s-ct__map::before{content:"";width:22px;height:22px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317294A' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.5c4.4-4.6 6.6-8.1 6.6-11.1a6.6 6.6 0 1 0-13.2 0c0 3 2.2 6.5 6.6 11.1z'/%3E%3Ccircle cx='12' cy='10.2' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
.s-ct__map-label{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--s-navy)}
.s-ct__map-label::after{content:none}
:lang(ar) .s-ct__map-label{letter-spacing:0;text-transform:none}
.s-ct__map .s-ph-note{text-align:center;max-width:360px}
.s-ct__map-link{font-size:13px;font-weight:400;color:var(--s-navy)}
.s-ct__map-link:hover{text-decoration:underline;text-decoration-color:var(--s-gold);text-underline-offset:4px}
.s-ct__map-link svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.6}
.s-ct__map-caption{margin:0;padding:18px 24px;font-size:15px;line-height:1.55}

/* 2. FORM BANDI ------------------------------------------------------------ */
.s-ct-forms{padding-block:80px 96px}
.s-ct-forms__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.s-ct-forms__grid--one{grid-template-columns:minmax(0,1fr);max-width:860px}
.s-ct-forms .s-form-sec{background:#fff;border:1px solid var(--s-hair);padding:40px 40px 44px;margin:0}
.s-ct-forms .s-form-sec__title{font-size:28px}
.s-ct-forms .s-form-sec__text{font-size:16px;margin-block-start:10px}
.s-ct-forms .s-form{max-width:none;margin-block-start:26px}
.s-ct-forms .s-form__grid{gap:18px 20px}

/* 3. KALAN BÖLÜMLER (sol başlık / sağ metin) ------------------------------- */
.s-content.s-ct-more{padding-block:72px 96px}
.s-ct-more .s-sec--text .s-sec__body{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:88px;row-gap:14px;align-items:start}
.s-ct-more .s-sec--text .s-sec__body>*{grid-column:2}
.s-ct-more .s-sec--text .s-sec__body>.s-eyebrow,.s-ct-more .s-sec--text .s-sec__body>.s-sec__title{grid-column:1}
.s-content.s-ct-more .s-sec__title{margin-block:0}
.s-content.s-ct-more .s-eyebrow+.s-sec__title{margin-block-start:12px}
.s-content.s-ct-more .s-tlink{margin-block-start:6px}
.s-content.s-ct-more .s-sec--text .s-sec__body+.s-stats{margin-block-start:40px}
.s-content.s-ct-more .s-sec+.s-sec{border-block-start:1px solid var(--s-hair);padding-block-start:56px}

/* 4. DUYARLI ---------------------------------------------------------------- */
@media (max-width:1100px){
  .s-ct__grid{grid-template-columns:1fr;gap:48px}
  .s-ct__map{min-height:0}
  .s-ct-forms__grid{grid-template-columns:1fr}
  .s-ct-forms .s-form-sec{padding:36px 32px 40px}
}
@media (max-width:900px){
  .s-ct-more .s-sec--text .s-sec__body{grid-template-columns:minmax(0,1fr);row-gap:12px}
  .s-ct-more .s-sec--text .s-sec__body>*,.s-ct-more .s-sec--text .s-sec__body>.s-eyebrow,.s-ct-more .s-sec--text .s-sec__body>.s-sec__title{grid-column:1}
}
@media (max-width:768px){
  .s-body--iletisim .s-page-head__img{aspect-ratio:16/9;max-height:none}
  .s-ct{padding-block:48px 64px}
  .s-ct__title{font-size:26px}
  .s-ct__addr{margin-block-start:28px}
  .s-ct__lines{font-size:17px}
  .s-ct__branches{grid-template-columns:1fr;gap:28px;margin-block-start:32px}
  .s-ct__tel,.s-ct__dl .s-ct__tel{font-size:24px}
  .s-ct__btn{align-self:stretch;margin-block-start:22px}
  .s-ct__hours{margin-block-start:28px}
  .s-ct__map{min-height:0;padding:16px 20px}
  .s-ct-forms{padding-block:56px 64px}
  .s-ct-forms .s-form-sec{padding:28px 20px 32px}
  .s-ct-forms .s-form-sec__title{font-size:24px}
  .s-ct-forms .s-form{margin-block-start:22px}
  .s-content.s-ct-more{padding-block:56px 64px}
  .s-content.s-ct-more .s-sec+.s-sec{padding-block-start:40px}
}

/* 5. YAZDIRMA --------------------------------------------------------------- */
@media print{
  .s-ct__grid,.s-ct-forms__grid{grid-template-columns:1fr}
  .s-ct__mapcol{border:1px solid #999}
  .s-ct__map{min-height:0;padding:12px;background:none;border-block-end:1px solid #999}
  .s-ct__map::before{display:none}
  .s-ct-forms{display:none}
}