/* ==========================================================================
   Cordial Türkiye — tasarım sistemi

   Kurumsal kimlik (logo, kırmızı #e83628) Cordial'ın; tasarım dili bu sitenin.
   cordial.nl bir fotoğraf broşürü gibi kurulmuş: koyu fotoğraf üstüne yazı,
   eşit kart ızgaraları. Bu site teknik bir doküman gibi kurulur — çünkü satış
   argümanı "hattınıza geliyoruz, ölçüyoruz" ve tasarımın da öyle konuşması gerekir.

   · Zemin: kâğıt tonu (#f2efe9) — sattığımız şeyin yapıştırdığı malzeme
   · Tipografi: Archivo (başlık) / IBM Plex Sans (metin) / IBM Plex Mono (veri)
   · Kırmızı tek vurgu rengi; kalan her şey sessiz
   ========================================================================== */

:root{
  --kirmizi:#e83628;
  --kirmizi-koyu:#b4241a;
  --murekkep:#1b1a19;
  --murekkep-2:#33302c;
  --gri-metin:#57524a;
  --gri-soluk:#8b8579;

  --kagit:#efeeea;
  --kagit-alt:#e4e2dc;
  --beyaz:#ffffff;
  --cizgi:#d5d2ca;
  --cizgi-soluk:#e3e1da;

  --olcu:1220px;
  --bosluk:clamp(60px,8vw,110px);

  --font-baslik:Archivo,"Helvetica Neue",Arial,sans-serif;
  --font-metin:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --font-veri:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;

  /* Derinlik: tek bir yükseklik basamağı, iki yoğunlukta. */
  --golge-1:0 1px 2px rgba(27,26,25,.04), 0 3px 10px rgba(27,26,25,.05);
  --golge-2:0 2px 4px rgba(27,26,25,.05), 0 14px 32px rgba(27,26,25,.11);
  --gecis:.32s cubic-bezier(.2,.7,.3,1);
  --murekkep-dip:#131210;

  /* Oluklu mukavva dokusu — koyu bantlarda yüzeye doku verir. */
  --oluk:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 9px);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

body{
  margin:0;
  background:var(--kagit);
  color:var(--murekkep);
  font-family:var(--font-metin);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block;}

h1,h2,h3,h4{
  font-family:var(--font-baslik);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.02em;
  margin:0;
  text-wrap:balance;
}
h1{font-size:clamp(36px,5vw,60px);}
h2{font-size:clamp(26px,3.2vw,38px);}
h3{font-size:clamp(19px,2vw,23px);font-weight:600;letter-spacing:-.012em;}
h4{font-size:18px;font-weight:600;letter-spacing:-.008em;}

p{margin:0 0 18px;}
p:last-child{margin-bottom:0;}

a{color:var(--kirmizi-koyu);text-decoration:none;}
a:hover{text-decoration:underline;text-underline-offset:3px;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--kirmizi);outline-offset:2px;
}
strong{font-weight:600;}

/* ---------- yerleşim ---------- */
.kap{width:100%;max-width:var(--olcu);margin:0 auto;padding:0 26px;}
.bolum{padding:var(--bosluk) 0;}
.bolum--beyaz{background:var(--beyaz);}
.bolum--koyu{background:var(--murekkep);color:#e8e4dd;background-image:var(--oluk);}
.bolum--koyu h2,.bolum--koyu h3{color:#fff;}
.bolum--koyu a{color:#ff8b7e;}
.olcu-metin{max-width:66ch;}

/* Üst yazı: kırmızı çizgi + mono etiket. Sitenin tekrar eden imzası. */
.ustyazi{
  font-family:var(--font-veri);
  font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;
  color:var(--kirmizi-koyu);margin:0 0 16px;
  display:flex;align-items:center;gap:11px;
}
.ustyazi::before{content:"";width:22px;height:2px;background:var(--kirmizi);flex:none;}
.bolum--koyu .ustyazi{color:#ff8b7e;}

.ozet{margin-top:18px;color:var(--gri-metin);}
.ozet--gen{margin-top:28px;max-width:66ch;}
.ozet--yalin{margin-top:0;}
.ozet--kucuk{margin:0;font-size:15px;}
.bolum--koyu .ozet{color:#bdb7ae;}

.bolum-bas{margin-bottom:46px;max-width:60ch;}
.bolum-bas p{color:var(--gri-metin);font-size:19px;margin-top:16px;}
.bolum--koyu .bolum-bas p{color:#bdb7ae;}

/* ---------- başlık ---------- */
.ust{
  position:sticky;top:0;z-index:50;
  background:var(--kagit);
  border-bottom:1px solid var(--cizgi);
  transition:box-shadow var(--gecis);
}
.ust--kaydi{box-shadow:0 10px 30px -12px rgba(27,26,25,.28);}
.ust__ic{display:flex;align-items:center;gap:30px;min-height:74px;transition:min-height var(--gecis);}
.ust--kaydi .ust__ic{min-height:64px;}
.ust__logo{display:flex;align-items:center;flex:none;}
.ust__logo svg{height:32px;width:auto;}
.ust__nav{margin-left:auto;display:flex;align-items:center;gap:2px;}
.ust__nav a{
  font-family:var(--font-baslik);font-size:16px;font-weight:600;letter-spacing:-.005em;
  color:var(--murekkep);padding:9px 14px;border-bottom:2px solid transparent;
}
.ust__nav a:hover{color:var(--kirmizi-koyu);text-decoration:none;}
.ust__nav a[aria-current]{border-bottom-color:var(--kirmizi);color:var(--kirmizi-koyu);}
.ust__tel{
  font-family:var(--font-veri)!important;font-weight:500!important;font-size:14px!important;
  color:var(--murekkep);padding:9px 0 9px 18px;margin-left:12px;
  border-left:1px solid var(--cizgi);white-space:nowrap;border-bottom:0!important;
}
.ust__ac{display:none;}
.atla{position:absolute;left:-9999px;top:0;background:var(--kirmizi);color:#fff;padding:12px 20px;z-index:100;font-weight:600;}
.atla:focus{left:0;}

/* ---------- düğmeler ---------- */
.dugme{
  display:inline-flex;align-items:center;gap:10px;position:relative;
  font-family:var(--font-baslik);font-size:17px;font-weight:600;
  padding:15px 28px;border:2px solid var(--kirmizi);background:var(--kirmizi);color:#fff;
  cursor:pointer;box-shadow:var(--golge-1);
  transition:background var(--gecis),border-color var(--gecis),color var(--gecis),
             transform var(--gecis),box-shadow var(--gecis);
}
.dugme::after{
  content:"";width:15px;height:8px;flex:none;background:currentColor;
  clip-path:polygon(0 3px,10px 3px,10px 0,15px 4px,10px 8px,10px 5px,0 5px);
  transition:transform var(--gecis);
}
.dugme--cizgi::after{display:none;}
.dugme:hover{background:var(--kirmizi-koyu);border-color:var(--kirmizi-koyu);color:#fff;text-decoration:none;
  transform:translateY(-2px);box-shadow:var(--golge-2);}
.dugme:hover::after{transform:translateX(5px);}
.dugme--cizgi{background:transparent;color:var(--murekkep);border-color:var(--murekkep);box-shadow:none;}
.dugme--cizgi:hover{background:var(--murekkep);border-color:var(--murekkep);color:#fff;box-shadow:var(--golge-1);}
.bolum--koyu .dugme--cizgi{color:#fff;border-color:rgba(255,255,255,.5);}
.bolum--koyu .dugme--cizgi:hover{background:#fff;color:var(--murekkep);border-color:#fff;}
.dugme-grup{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}

/* ---------- giriş ----------
   Yazı solda kâğıt zeminde, fotoğraf sağda ekranın kenarına taşarak.
   Fotoğrafın üstüne yazı yazılmıyor; onun yerine fotoğraf künyeleniyor. */
.giris{
  position:relative;overflow:hidden;
  background:var(--kagit);
  --tasma:calc((100vw - min(100vw, var(--olcu))) / 2 + 26px);
}
/* Bölümü kapatan kırmızı bant — markanın sayfadaki en güçlü tek hamlesi. */
.giris::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--kirmizi);z-index:3;}
.giris__ic{
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  gap:clamp(32px,4vw,52px);align-items:stretch;
  max-width:var(--olcu);margin:0 auto;
  padding:clamp(44px,4.6vw,68px) 26px 0;
}
.giris__metin{max-width:52ch;align-self:center;padding-bottom:clamp(44px,4.6vw,68px);}
.giris h1{margin-bottom:20px;font-size:clamp(36px,4.9vw,66px);line-height:1.02;letter-spacing:-.028em;}
.giris__ozet{font-size:clamp(17px,1.4vw,19px);color:var(--gri-metin);max-width:54ch;}
.giris .dugme-grup{margin-top:28px;}

.giris__gorsel{position:relative;margin-right:calc(-1 * var(--tasma));}
.giris__gorsel img{
  width:100%;height:100%;object-fit:cover;
  min-height:clamp(360px,44vw,580px);
}
/* fotoğraf künyesi — süs değil, fotoğrafın nerede çekildiğini söyler */
.giris__not{
  position:absolute;left:0;bottom:0;
  background:var(--murekkep);color:#d6d1c8;
  font-family:var(--font-veri);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:9px 16px;margin:0;
  border-left:3px solid var(--kirmizi);
}

/* hattını seç: hero'nun asıl işi ziyaretçiyi doğru sayfaya indirmek */
.giris__hatlar{
  border-top:1px solid var(--cizgi);
  margin-top:30px;padding-top:18px;
  display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px;
}
.giris__hatlar > span{
  font-family:var(--font-veri);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gri-soluk);width:100%;
}
.giris__hatlar a{
  font-family:var(--font-baslik);font-weight:600;font-size:16px;color:var(--murekkep);
  border-bottom:2px solid var(--cizgi);padding-bottom:2px;
}
.giris__hatlar a:hover{color:var(--kirmizi-koyu);border-bottom-color:var(--kirmizi);text-decoration:none;}

.giris--yalin .giris__ic{grid-template-columns:1fr;padding-bottom:clamp(52px,6vw,88px);}
.giris--yalin .giris__metin{max-width:46ch;padding-bottom:0;}

.kirinti{font-family:var(--font-veri);font-size:12px;color:var(--gri-soluk);margin:0 0 18px;}
.kirinti a{color:var(--gri-metin);}
.kirinti span{margin:0 7px;}

/* ---------- künye şeridi: sayfanın teknik özeti ---------- */
.veri{
  background:var(--beyaz);position:relative;z-index:2;
  box-shadow:var(--golge-1);
}
.veri__ic{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));
  gap:0;
}
.veri__ic > div{
  padding:26px 24px 28px;border-right:1px solid var(--cizgi-soluk);
  text-align:center;
}
.veri__ic > div:last-child{border-right:0;}
.veri dt{
  font-family:var(--font-veri);font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--gri-soluk);margin-bottom:5px;
}
.veri dd{margin:0;font-family:var(--font-baslik);font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.012em;}

/* ---------- uygulama satırları: kart ızgarası değil, seçim listesi ---------- */
.secim{border-top:1px solid var(--murekkep);}
.secim__satir{
  display:grid;grid-template-columns:168px minmax(0,1.6fr) minmax(0,1fr) auto;
  gap:30px;align-items:center;
  padding:22px 22px 22px 24px;border-bottom:1px solid var(--cizgi);
  position:relative;background:transparent;
  transition:background var(--gecis),box-shadow var(--gecis),transform var(--gecis);
}
/* Kırmızı gösterge: satırın üstüne gelince yukarıdan aşağı çizilir. */
.secim__satir::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--kirmizi);
  transform:scaleY(0);transform-origin:top;transition:transform var(--gecis);
}
.secim__satir:hover{background:var(--beyaz);box-shadow:var(--golge-2);transform:translateX(2px);}
.secim__satir:hover::before{transform:scaleY(1);}
.secim__gorsel{width:168px;aspect-ratio:4/3;object-fit:cover;transition:filter var(--gecis);
  filter:saturate(.72) contrast(1.02);}
.secim__satir:hover .secim__gorsel{filter:none;}
.secim__ad{font-family:var(--font-baslik);font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-.015em;margin:0 0 4px;}
.secim__ad a::after{content:"";position:absolute;inset:0;}
.secim__ad a{color:var(--murekkep);}
.secim__satir:hover .secim__ad a{color:var(--kirmizi-koyu);text-decoration:none;}
.secim__not{color:var(--gri-metin);font-size:16px;margin:0;}
.secim__hat{
  font-family:var(--font-veri);font-size:12.5px;color:var(--gri-soluk);line-height:1.5;
}
.secim__hat b{display:block;color:var(--murekkep);font-weight:500;}
.secim__ok{font-family:var(--font-baslik);font-weight:700;color:var(--kirmizi);font-size:22px;
  transition:transform var(--gecis);}
.secim__satir:hover .secim__ok{transform:translateX(7px);}

/* ---------- kartlar (yalnız gerçekten eşdeğer nesneler için) ---------- */
.izgara{display:grid;gap:clamp(16px,2vw,24px);}
.izgara--3{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));}
.izgara--2{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));}
.kart{
  background:var(--beyaz);padding:30px 28px 32px;display:flex;flex-direction:column;gap:11px;
  position:relative;border:1px solid var(--cizgi-soluk);box-shadow:var(--golge-1);
  transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis);
}
.kart:has(.kart__ort):hover{transform:translateY(-4px);box-shadow:var(--golge-2);border-color:var(--cizgi);}
.kart__gorsel{margin:-31px -29px 6px;aspect-ratio:16/10;overflow:hidden;background:var(--kagit-alt);}
.kart__gorsel img{width:100%;height:100%;object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.7,.3,1);}
.kart:hover .kart__gorsel img{transform:scale(1.045);}
.kart h3{margin-top:14px;}
.kart p{color:var(--gri-metin);font-size:16px;flex:1;}
.kart__bag{font-family:var(--font-baslik);font-weight:600;font-size:16px;color:var(--kirmizi-koyu);
  display:inline-flex;align-items:center;gap:7px;transition:gap var(--gecis);}
.kart:hover .kart__bag{gap:13px;}
.kart a.kart__ort::after{content:"";position:absolute;inset:0;}

/* koyu bantta yüzeyler */
.bolum--koyu .kart{background:var(--murekkep-dip);border-color:#35322d;box-shadow:none;color:#d8d3cb;}
.bolum--koyu .kart p{color:#a9a49b;}
.bolum--koyu .kutu{background:var(--murekkep-dip);box-shadow:none;}
.bolum--koyu tbody tr:hover{background:rgba(255,255,255,.04);}
.bolum--koyu .adimlar li:hover{background:rgba(255,255,255,.04);}
.bolum--koyu .secim__satir:hover{background:rgba(255,255,255,.05);box-shadow:none;}

/* ---------- iki sütun ---------- */
.ikili{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(32px,5vw,68px);align-items:center;}
.ikili--ust{align-items:start;}

/* ---------- özellik listesi ---------- */
.ozellik{list-style:none;margin:0;padding:0;display:grid;gap:24px;}
.ozellik li{padding-left:26px;position:relative;}
.ozellik li::before{content:"";position:absolute;left:0;top:.6em;width:12px;height:2px;background:var(--kirmizi);}
.ozellik strong{font-family:var(--font-baslik);font-size:18px;font-weight:600;display:block;margin-bottom:3px;}
.ozellik span{color:var(--gri-metin);font-size:16px;}
.bolum--koyu .ozellik span{color:#bdb7ae;}

/* ---------- adım listesi ---------- */
.adimlar{list-style:none;counter-reset:adim;margin:0;padding:0;border-top:1px solid var(--murekkep);}
.adimlar li{
  counter-increment:adim;padding:24px 20px 24px 82px;position:relative;
  border-bottom:1px solid var(--cizgi);
}
.adimlar li{transition:background var(--gecis);}
.adimlar li:hover{background:var(--beyaz);}
.adimlar li::before{
  content:counter(adim,decimal-leading-zero);
  position:absolute;left:0;top:20px;
  font-family:var(--font-baslik);font-size:30px;font-weight:700;color:var(--kirmizi);
  letter-spacing:-.03em;line-height:1;opacity:.9;
}
.adimlar strong{font-family:var(--font-baslik);font-size:19px;font-weight:600;display:block;margin-bottom:4px;}
.adimlar span{color:var(--gri-metin);font-size:16px;}

/* ---------- tablo ---------- */
.tablo-kap{overflow-x:auto;border-top:2px solid var(--murekkep);}
tbody tr{transition:background var(--gecis);}
tbody tr:hover{background:var(--beyaz);}
.bolum--beyaz tbody tr:hover{background:var(--kagit);}
table{border-collapse:collapse;width:100%;min-width:540px;font-size:16px;}
th{
  font-family:var(--font-veri);font-size:11.5px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gri-soluk);text-align:left;
  padding:13px 22px 13px 0;border-bottom:1px solid var(--cizgi);
}
td{padding:16px 22px 16px 0;border-bottom:1px solid var(--cizgi-soluk);vertical-align:top;line-height:1.5;}
th:last-child,td:last-child{padding-right:0;}
td strong{font-family:var(--font-baslik);font-size:17px;font-weight:600;}

/* ---------- bilgi kutusu ---------- */
.kutu{border-left:4px solid var(--kirmizi);background:var(--beyaz);padding:26px 30px;margin:34px 0;
  box-shadow:var(--golge-1);}
.kutu p{font-size:16px;}
.kutu__bas{font-family:var(--font-baslik);font-weight:600;font-size:18px;margin-bottom:7px;display:block;}
.bolum--beyaz .kutu{background:var(--kagit);}

/* ---------- kanıt şeridi ---------- */
.kanit{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:0;
  border-top:1px solid var(--murekkep);border-bottom:1px solid var(--cizgi);
}
.kanit div{
  padding:26px 24px 28px;border-right:1px solid var(--cizgi-soluk);
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  text-align:center;
}
.kanit div:last-child{border-right:0;}
.kanit b{
  font-family:var(--font-baslik);font-size:clamp(32px,3.8vw,46px);font-weight:700;
  color:var(--kirmizi);display:block;line-height:1.02;letter-spacing:-.03em;
}
.kanit span{
  font-family:var(--font-veri);font-size:12px;color:var(--gri-soluk);
  display:block;margin-top:10px;line-height:1.5;max-width:22ch;
}

/* ---------- form ---------- */
.form{display:grid;gap:20px;}
.form__satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px;}
.alan{display:flex;flex-direction:column;gap:7px;}
.alan label{font-family:var(--font-baslik);font-weight:600;font-size:16px;}
.alan label i{font-style:normal;color:var(--kirmizi);}
.alan input,.alan select,.alan textarea{
  font-family:var(--font-metin);font-size:16px;color:var(--murekkep);
  padding:12px 14px;border:1px solid var(--cizgi);background:var(--beyaz);border-radius:0;width:100%;
}
.alan textarea{min-height:120px;resize:vertical;}
.alan small{color:var(--gri-soluk);font-size:14px;}
.onay{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--gri-metin);}
.onay input{margin-top:5px;flex:none;width:18px;height:18px;accent-color:var(--kirmizi);}

/* ---------- iletişim kutusu ---------- */
.iletisim-kart{background:var(--beyaz);border:1px solid var(--cizgi-soluk);padding:34px 32px;
  display:grid;gap:22px;align-content:start;box-shadow:var(--golge-1);}
.etiket{
  font-family:var(--font-veri);font-size:11px;font-weight:500;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gri-soluk);margin-bottom:6px;
}
.bolum--koyu .etiket{color:#8f8981;}

.iletisim-kart dt{
  font-family:var(--font-veri);font-size:11px;font-weight:500;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gri-soluk);margin-bottom:4px;
}
.iletisim-kart dd{margin:0;font-size:17px;}

/* ---------- altbilgi ---------- */
.alt{background:var(--murekkep);background-image:var(--oluk);color:#b8b2a8;
  padding:64px 0 0;font-size:15px;border-top:4px solid var(--kirmizi);}
.alt__izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:40px;padding-bottom:46px;}
.alt h4{
  color:#fff;font-family:var(--font-veri);font-size:12px;font-weight:500;
  letter-spacing:.13em;text-transform:uppercase;margin-bottom:16px;
}
.alt a{color:#b8b2a8;}
.alt a:hover{color:#fff;}
.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.alt__logo svg{height:30px;width:auto;margin-bottom:18px;}
.alt__logo svg path{fill:#fff;}
.alt__logo svg path[fill="#e83628"]{fill:#e83628;}
.alt__kunye{
  border-top:1px solid #35322d;padding:22px 0 28px;
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-family:var(--font-veri);font-size:12.5px;color:#7d776d;
}
.alt__temsilci{
  background:var(--murekkep-dip);padding:15px 26px;font-size:13.5px;color:#7d776d;
  display:flex;align-items:center;justify-content:center;
}
.alt__temsilci a{color:#b8b2a8;text-decoration:underline;text-underline-offset:2px;}
.alt__yapimci{display:inline-flex;align-items:center;gap:9px;color:#7d776d;text-decoration:none;flex:none;}
.alt__yapimci:hover{text-decoration:none;color:#b8b2a8;}
.alt__yapimci span{font-family:var(--font-veri);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;}
.alt__yapimci img{height:20px;width:auto;opacity:.8;transition:opacity .15s ease;}
.alt__yapimci:hover img{opacity:1;}

/* ---------- mobil ---------- */
@media (max-width:960px){
  .giris__ic{grid-template-columns:1fr;gap:0;padding:38px 26px 0;}
  .giris__metin{max-width:38ch;padding-bottom:34px;}
  .giris__gorsel{margin:0 -26px;}
  .giris__gorsel img{min-height:0;aspect-ratio:16/9;}
  .giris__hatlar{margin-top:28px;}
  .veri__ic > div{border-right:0;border-bottom:1px solid var(--cizgi-soluk);padding:16px 0 18px;}
  .veri__ic > div:last-child{border-bottom:0;}
  .kanit div{border-right:0;border-bottom:1px solid var(--cizgi-soluk);padding:22px 0 24px;}
  .kanit div:last-child{border-bottom:0;}
}
@media (max-width:900px){
  .ust__nav{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--kagit);border-bottom:1px solid var(--cizgi);
    flex-direction:column;align-items:stretch;gap:0;padding:6px 0 14px;
  }
  .ust__nav[data-acik="true"]{display:flex;}
  .ust__nav a{padding:14px 26px;border-bottom:1px solid var(--cizgi-soluk);border-left:3px solid transparent;}
  .ust__nav a[aria-current]{border-bottom-color:var(--cizgi-soluk);border-left-color:var(--kirmizi);}
  .ust__tel{border-left:0;padding:14px 26px;margin:0;}
  .ust__ac{
    display:flex;align-items:center;gap:9px;margin-left:auto;
    font-family:var(--font-baslik);font-size:16px;font-weight:600;
    background:none;border:1px solid var(--cizgi);padding:9px 14px;color:var(--murekkep);
  }
  .ust__ic{position:relative;}
}
@media (max-width:720px){
  .secim__satir{grid-template-columns:104px 1fr;gap:18px;align-items:start;padding:20px 14px 20px 18px;}
  .secim__gorsel{width:104px;}
  .secim__satir:hover{transform:none;}
  .secim__hat{grid-column:2;}
  .secim__ok{display:none;}
}
@media (max-width:560px){
  body{font-size:16px;}
  .kart{padding:26px 22px 28px;}
  .kart__gorsel{margin:-26px -22px 6px;}
  .adimlar li{padding:22px 0 22px 62px;}
}