/* ==========================================================================
   HK Cat Litter — içerik sayfaları (ic.css'ten sonra)
   01. Blog kartı (.bk) — blog, arama sonrası, sipariş sonrası öneriler
   02. Blog listesi (.bl)
   03. Yazı detay (.yz)
   04. Hakkımızda (.hk)
   05. İletişim (.il)
   06. Sıkça sorulan sorular (.ss)
   07. 404 (.yok)
   08. Yasal metinler (.ys)
   ========================================================================== */

/* ===== 01. BLOG KARTI ================================================== */
.bk {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(27, 31, 22, 0.1);
  overflow: hidden;
  transition: transform var(--t) var(--ease), box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);
}
.bk:hover { transform: translateY(-4px); border-color: rgba(242, 109, 31, 0.35); box-shadow: 0 26px 50px -32px rgba(23, 28, 16, 0.6); }
.bk__gorsel { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--cream-2); }
.bk__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s var(--ease); }
.bk:hover .bk__gorsel img { transform: scale(1.05); }
.bk__govde { flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 20px 22px 22px; }
.bk__govde em {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-style: normal;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--k, var(--olive-600));
}
.bk__govde em::before { content: ''; width: 16px; height: 3px; border-radius: 3px; background: currentColor; }
.bk__govde b { font-size: clamp(17px, 1.3vw, 19px); font-weight: 600; line-height: 1.3; letter-spacing: -0.015em; color: var(--ink); }
.bk__govde > span { font-size: 14px; line-height: 1.6; color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bk__alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 14px; font-size: 13px; color: var(--ink-2); }
.bk__alt i { font-style: normal; display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--olive-800); }
.bk__alt i svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 1.9; fill: none; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--t) var(--ease); }
.bk:hover .bk__alt i { color: var(--orange-600); }
.bk:hover .bk__alt i svg { transform: translateX(4px); }

/* ===== 02. BLOG LİSTESİ ================================================ */
.bl { padding: clamp(36px, 4vw, 64px) 0 clamp(56px, 6vw, 96px); }
.bl-one {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  border-radius: 26px;
  overflow: hidden;
  background: var(--olive-900);
  color: var(--on-dark);
  margin-bottom: clamp(32px, 3.6vw, 52px);
  transition: box-shadow var(--t) var(--ease);
}
.bl-one:hover { box-shadow: 0 40px 70px -40px rgba(23, 28, 16, 0.7); }
.bl-one__gorsel { position: relative; min-height: 360px; overflow: hidden; }
.bl-one__gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); }
.bl-one:hover .bl-one__gorsel img { transform: scale(1.04); }
.bl-one__rozet { position: absolute; top: 18px; left: 18px; z-index: 1; padding: 7px 12px; border-radius: 999px; background: var(--orange); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; }
.bl-one__yazi { display: flex; flex-direction: column; justify-content: center; gap: 16px; padding: clamp(26px, 3.4vw, 52px); }
.bl-one__yazi em { font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--orange-300); }
.bl-one__yazi h2 { font-size: clamp(26px, 2.6vw, 38px); letter-spacing: -0.03em; line-height: 1.08; color: var(--on-dark-strong); }
.bl-one__yazi p { margin: 0; font-size: 15.5px; line-height: 1.7; }
.bl-one__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; }
.bl-one__meta span { display: inline-flex; align-items: center; gap: 6px; }
.bl-one__meta svg { width: 15px; height: 15px; stroke: var(--orange-300); stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.bl-one .dg { align-self: flex-start; }
@media (max-width: 900px) { .bl-one { grid-template-columns: minmax(0, 1fr); } .bl-one__gorsel { min-height: 0; aspect-ratio: 3 / 2; } }

.bl-arac { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.bl-arac .sekme { margin: 0; flex: 1; min-width: 0; }
.bl-arac .sekme__btn i { width: 8px; height: 8px; border-radius: 50%; background: var(--k, var(--clay)); }
.bl-ara { position: relative; flex: none; width: 260px; }
.bl-ara svg { position: absolute; left: 14px; top: 50%; width: 17px; height: 17px; transform: translateY(-50%); stroke: var(--ink-2); stroke-width: 1.8; fill: none; stroke-linecap: round; }
.bl-ara .girdi { height: 46px; padding-left: 40px; border-radius: 999px; background: #fff; }
.bl-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.bl-izgara > [hidden] { display: none; }
.bl-bos { grid-column: 1 / -1; }

.sayfalama { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: clamp(32px, 3.6vw, 52px); }
.sayfalama a, .sayfalama span {
  display: grid;
  place-items: center;
  min-width: 44px;
  height: 44px;
  padding: 0 10px;
  border-radius: 12px;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--ink-2);
  border: 1px solid transparent;
  transition: all var(--t-fast) var(--ease);
}
.sayfalama a:hover { border-color: rgba(27, 31, 22, 0.16); color: var(--ink); }
.sayfalama [aria-current] { background: var(--olive-900); color: #fff; }
.sayfalama svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.9; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.sayfalama .is-pasif { opacity: 0.35; pointer-events: none; }
.sayfalama__not { margin: 12px 0 0; text-align: center; font-size: 13px; color: var(--ink-2); }

.konu-dizin { padding: clamp(56px, 6vw, 96px) 0; background: var(--cream); }
.konu-dizin__izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 28px; }
.konu-dizin h3 { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 2px solid var(--k); font-size: 16px; letter-spacing: -0.01em; }
.konu-dizin ul { display: grid; gap: 8px; }
.konu-dizin a { font-size: 14px; color: var(--ink-2); transition: color var(--t-fast) var(--ease); }
.konu-dizin a:hover { color: var(--orange-600); }
@media (max-width: 1000px) {
  .bl-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .konu-dizin__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bl-arac { flex-direction: column; align-items: stretch; }
  .bl-ara { width: 100%; }
}
@media (max-width: 620px) {
  .bl-izgara { grid-template-columns: minmax(0, 1fr); }
  .konu-dizin__izgara { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}

/* ===== 03. YAZI DETAY ================================================== */
.okuma-bar { position: fixed; left: 0; top: 0; z-index: 80; height: 3px; width: 100%; background: linear-gradient(90deg, var(--olive-600), var(--orange)); transform-origin: left; transform: scaleX(0); pointer-events: none; }

.yz-bas { padding: clamp(18px, 1.8vw, 26px) 0 0; background: var(--cream); overflow-x: clip; }
.yz-bas__ic { max-width: 900px; margin: clamp(26px, 3vw, 44px) auto 0; text-align: center; }
.yz-kat { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: #fff; font-size: 12.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--k, var(--olive-700)); border: 1px solid rgba(27, 31, 22, 0.08); }
.yz-kat::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.yz-bas h1 { margin-top: 18px; font-size: clamp(32px, 4.4vw, 60px); letter-spacing: -0.042em; line-height: 1.03; }
.yz-bas__ozet { max-width: 60ch; margin: 18px auto 0; font-size: clamp(16px, 1.2vw, 18.5px); line-height: 1.65; color: var(--ink-2); }
.yz-meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 22px; margin: 22px 0 0; font-size: 13.5px; color: var(--ink-2); }
.yz-meta span { display: inline-flex; align-items: center; gap: 7px; }
.yz-meta svg { width: 16px; height: 16px; stroke: var(--olive-600); stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.yz-meta b { color: var(--ink); font-weight: 600; }
.yz-kapak { position: relative; max-width: 1100px; margin: clamp(30px, 3.4vw, 48px) auto 0; }
.yz-kapak::before { content: ''; position: absolute; left: -100vw; right: -100vw; bottom: 0; height: 50%; background: #fff; z-index: 0; }
.yz-kapak img { position: relative; z-index: 1; width: 100%; aspect-ratio: 16 / 8; object-fit: cover; border-radius: 26px; box-shadow: 0 40px 80px -50px rgba(23, 28, 16, 0.7); }

.yz { padding: clamp(40px, 4.4vw, 72px) 0 clamp(56px, 6vw, 96px); }
.yz__duzen { display: grid; grid-template-columns: 240px minmax(0, 720px) 1fr; gap: clamp(28px, 4vw, 64px); justify-content: center; }
.yz__yan { position: sticky; top: 90px; align-self: start; display: grid; gap: 26px; }
.yz-icindekiler p { margin: 0 0 12px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--olive-600); }
.yz-icindekiler ol { display: grid; gap: 2px; border-left: 2px solid var(--cream-2); counter-reset: ic; }
.yz-icindekiler a { position: relative; display: block; padding: 6px 0 6px 14px; margin-left: -2px; border-left: 2px solid transparent; font-size: 13.5px; line-height: 1.4; color: var(--ink-2); transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease); }
.yz-icindekiler a:hover { color: var(--ink); }
.yz-icindekiler a.is-aktif { color: var(--ink); font-weight: 500; border-color: var(--orange); }
.yz-paylas p { margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--olive-600); }
.yz-paylas div { display: flex; gap: 8px; }
.yz-paylas a, .yz-paylas button { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(27, 31, 22, 0.14); color: var(--ink); transition: all var(--t-fast) var(--ease); }
.yz-paylas a:hover, .yz-paylas button:hover { background: var(--olive-900); border-color: var(--olive-900); color: #fff; }
.yz-paylas svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.yz-paylas .is-tamam { background: var(--orange); border-color: var(--orange); color: #fff; }

/* makale tipografisi */
.yz-metin { font-size: 17.5px; line-height: 1.8; color: #2E3327; }
.yz-metin > * + * { margin-top: 1.1em; }
.yz-metin p { margin-bottom: 0; }
.yz-metin > :first-child { margin-top: 0; }
.yz-metin h2 + *, .yz-metin h3 + * { margin-top: 0.55em; }
.yz-metin h2 { margin-top: 2.2em; font-size: clamp(25px, 2.2vw, 31px); letter-spacing: -0.03em; line-height: 1.15; color: var(--ink); scroll-margin-top: 100px; }
.yz-metin h3 { margin-top: 1.8em; font-size: 20px; letter-spacing: -0.02em; color: var(--ink); }
.yz-metin a { color: var(--olive-800); font-weight: 500; text-decoration: underline; text-decoration-color: rgba(242, 109, 31, 0.5); text-underline-offset: 3px; text-decoration-thickness: 1.5px; transition: color var(--t-fast) var(--ease); }
.yz-metin a:hover { color: var(--orange-600); }
.yz-metin strong { color: var(--ink); font-weight: 600; }
.yz-metin ul, .yz-metin ol:not([class]) { display: grid; gap: 10px; padding-left: 0; }
.yz-metin ul li, .yz-metin ol:not([class]) li { position: relative; padding-left: 26px; }
.yz-metin ul li::before { content: ''; position: absolute; left: 4px; top: 0.72em; width: 8px; height: 8px; border-radius: 50%; background: var(--orange); }
.yz-metin ol:not([class]) { counter-reset: l; }
.yz-metin ol:not([class]) li { counter-increment: l; }
.yz-metin ol:not([class]) li::before { content: counter(l) '.'; position: absolute; left: 0; font-weight: 600; color: var(--orange-600); }

.yz-cevap { position: relative; padding: 24px 26px 24px 30px; border-radius: 20px; background: var(--olive-900); color: var(--on-dark); font-size: 17px; line-height: 1.75; }
.yz-cevap::before { content: ''; position: absolute; left: 0; top: 24px; bottom: 24px; width: 4px; border-radius: 0 4px 4px 0; background: var(--orange); }
.yz-cevap__et { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--orange-300); }
.yz-cevap strong { color: var(--on-dark-strong); }
.yz-cevap p { margin: 0; }

.yz-adim { display: grid; gap: 0; counter-reset: a; }
.yz-adim li { position: relative; display: grid; gap: 2px; padding: 0 0 18px 52px; counter-increment: a; font-size: 16px; line-height: 1.6; color: var(--ink-2); }
.yz-adim li::before { content: counter(a); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--cream-2); font-size: 14px; font-weight: 600; color: var(--olive-800); }
.yz-adim li:not(:last-child)::after { content: ''; position: absolute; left: 16px; top: 38px; bottom: 4px; width: 2px; background: var(--cream-2); }
.yz-adim strong { display: block; font-size: 16.5px; color: var(--ink); }

.yz-olgu { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border-radius: 18px; overflow: hidden; background: rgba(27, 31, 22, 0.1); border: 1px solid rgba(27, 31, 22, 0.1); }
.yz-olgu > div { display: grid; gap: 4px; padding: 16px 18px; background: var(--cream); }
.yz-olgu b { font-size: 11.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--olive-600); }
.yz-olgu span { font-size: 16px; font-weight: 600; color: var(--ink); line-height: 1.3; }
@media (max-width: 640px) { .yz-olgu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.yz-tablo { overflow-x: auto; border-radius: 16px; border: 1px solid rgba(27, 31, 22, 0.12); }
.yz-tablo table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 14.5px; line-height: 1.5; }
.yz-tablo th { padding: 13px 16px; background: var(--olive-900); color: var(--on-dark-strong); font-weight: 600; text-align: left; font-size: 13.5px; }
.yz-tablo td { padding: 12px 16px; border-top: 1px solid var(--line); vertical-align: top; }
.yz-tablo tr:nth-child(even) td { background: var(--cream); }
.yz-tablo td:first-child { font-weight: 600; color: var(--ink); }

.yz-kutu { padding: 20px 22px; border-radius: 18px; background: var(--orange-50); border: 1px solid rgba(242, 109, 31, 0.24); font-size: 16px; line-height: 1.7; }
.yz-kutu strong:first-child { display: block; margin-bottom: 4px; color: var(--orange-600); }

.yz-sss { display: grid; border-top: 1px solid var(--line); }
.yz-sss details { border-bottom: 1px solid var(--line); }
.yz-sss summary { position: relative; padding: 18px 44px 18px 0; font-size: 17px; font-weight: 600; color: var(--ink); cursor: pointer; list-style: none; }
.yz-sss summary::-webkit-details-marker { display: none; }
.yz-sss summary::after { content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(27, 31, 22, 0.16); font-weight: 400; font-size: 20px; line-height: 1; transition: all var(--t) var(--ease); }
.yz-sss details[open] summary::after { content: '−'; background: var(--orange); border-color: var(--orange); color: #fff; }
.yz-sss details p { margin: -4px 0 18px; font-size: 16px; color: var(--ink-2); }

/* yazının içindeki ürün kutusu */
.yz-urun { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 22px; align-items: center; padding: 18px; border-radius: 22px; background: linear-gradient(110deg, var(--cream), #fff); border: 1px solid rgba(27, 31, 22, 0.1); }
.yz-urun__gorsel { display: grid; place-items: end center; height: 150px; padding: 10px 0; border-radius: 16px; background: radial-gradient(55% 35% at 50% 92%, rgba(27, 31, 22, 0.16), transparent 70%), #fff; }
.yz-urun__gorsel img { height: 100%; width: auto; object-fit: contain; }
.yz-urun em { font-style: normal; font-size: 11.5px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--orange-600); }
.yz-urun b { display: block; margin: 4px 0 6px; font-size: 19px; letter-spacing: -0.02em; color: var(--ink); }
.yz-urun p { margin: 0 0 12px; font-size: 14.5px; line-height: 1.55; color: var(--ink-2); }
.yz-urun__fiyat { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 14px; }
.yz-urun__fiyat strong { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; }
.yz-urun__fiyat s { font-size: 14px; color: var(--ink-2); }
.yz-urun__fiyat span { font-size: 13.5px; color: var(--ink-2); }
.yz-urun__eylem { display: flex; flex-wrap: wrap; gap: 8px; }
.yz-metin .yz-urun a { text-decoration: none; }
@media (max-width: 560px) { .yz-urun { grid-template-columns: minmax(0, 1fr); } .yz-urun__gorsel { height: 170px; } }

.yz-kaynak { font-size: 14px; color: var(--ink-2); padding-top: 18px; border-top: 1px dashed rgba(27, 31, 22, 0.16); }

.yz-yazar { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 18px; align-items: center; margin-top: 48px; padding: 22px; border-radius: 20px; background: var(--cream); }
.yz-yazar__logo { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; border: 1px solid rgba(27, 31, 22, 0.1); }
.yz-yazar__logo img { width: 44px; height: auto; }
.yz-yazar b { font-size: 16px; }
.yz-yazar p { margin: 4px 0 0; font-size: 14px; line-height: 1.6; color: var(--ink-2); }

.yz-gecis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.yz-gecis a { display: grid; gap: 6px; padding: 18px 20px; border-radius: 18px; border: 1px solid rgba(27, 31, 22, 0.12); transition: border-color var(--t) var(--ease); }
.yz-gecis a:hover { border-color: var(--orange); }
.yz-gecis span { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-2); }
.yz-gecis span svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 1.9; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.yz-gecis b { font-size: 15.5px; line-height: 1.35; }
.yz-gecis a:last-child { text-align: right; }
.yz-gecis a:last-child span { justify-content: flex-end; }

@media (max-width: 1200px) { .yz__duzen { grid-template-columns: 220px minmax(0, 1fr); } }
@media (max-width: 1000px) {
  .yz__duzen { grid-template-columns: minmax(0, 1fr); max-width: 720px; margin: 0 auto; }
  .yz__yan { position: static; order: -1; }
  .yz-icindekiler { padding: 18px 20px; border-radius: 18px; background: var(--cream); }
  .yz-icindekiler ol { border: 0; }
  .yz-icindekiler a { padding-left: 0; border: 0; }
  .yz-paylas { display: none; }
}
@media (max-width: 560px) {
  .yz-metin { font-size: 16.5px; }
  .yz-kapak img { border-radius: 16px; aspect-ratio: 3 / 2; }
  .yz-gecis { grid-template-columns: minmax(0, 1fr); }
  .yz-gecis a:last-child { text-align: left; }
  .yz-gecis a:last-child span { justify-content: flex-start; }
}

/* ===== 04. HAKKIMIZDA ================================================== */
.hk-acilis { padding: clamp(56px, 6vw, 104px) 0; }
.hk-acilis__ic { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); align-items: end; }
.hk-acilis__buyuk { margin: 0; font-size: clamp(26px, 2.8vw, 40px); font-weight: 500; line-height: 1.25; letter-spacing: -0.03em; color: var(--ink); }
.hk-acilis__buyuk em { font-style: normal; color: var(--orange); }
.hk-acilis__sag p { margin: 0 0 14px; color: var(--ink-2); line-height: 1.75; }
.hk-sayi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(40px, 4.4vw, 68px); border-top: 1px solid var(--line); }
.hk-sayi div { padding: 26px 24px 0 0; }
.hk-sayi div + div { padding-left: 24px; border-left: 1px solid var(--line); }
.hk-sayi b { display: block; font-size: clamp(36px, 4vw, 58px); font-weight: 600; letter-spacing: -0.045em; line-height: 1; color: var(--ink); }
.hk-sayi b small { font-size: 0.45em; letter-spacing: -0.02em; color: var(--orange); }
.hk-sayi span { display: block; margin-top: 10px; font-size: 14px; line-height: 1.5; color: var(--ink-2); }
@media (max-width: 900px) {
  .hk-acilis__ic { grid-template-columns: minmax(0, 1fr); }
  .hk-sayi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-sayi div:nth-child(3) { padding-left: 0; border-left: 0; }
  .hk-sayi div:nth-child(n+3) { margin-top: 20px; }
}

.hk-serit { position: relative; margin: 0; }
.hk-serit img { width: 100%; height: clamp(300px, 41.6vw, 800px); object-fit: cover; }
.hk-serit figcaption { position: absolute; left: max(var(--gutter), calc((100% - var(--wrap)) / 2 + var(--gutter))); bottom: 24px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: rgba(23, 28, 16, 0.5); backdrop-filter: blur(10px); color: #fff; font-size: 13px; }
.hk-serit figcaption svg { width: 15px; height: 15px; stroke: var(--orange-300); stroke-width: 1.7; fill: none; }

.hk-zincir { padding: clamp(56px, 6vw, 104px) 0; background: var(--cream); }
.hk-zincir__liste { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; counter-reset: z; }
.hk-zincir__liste::before { content: ''; position: absolute; top: 27px; left: 28px; right: 12%; height: 2px; background: repeating-linear-gradient(90deg, var(--clay) 0 8px, transparent 8px 14px); }
.hk-zincir__liste li { position: relative; }
.hk-zincir__no { position: relative; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--olive-900); color: var(--on-dark-strong); font-size: 16px; font-weight: 600; box-shadow: 0 0 0 8px var(--cream); }
.hk-zincir__liste li:last-child .hk-zincir__no { background: var(--orange); }
.hk-zincir__liste b { display: block; margin: 20px 0 6px; font-size: 18px; letter-spacing: -0.02em; }
.hk-zincir__liste p { margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--ink-2); }
.hk-zincir__alinti { max-width: 760px; margin: clamp(40px, 4.4vw, 64px) 0 0; padding-left: 22px; border-left: 3px solid var(--orange); font-size: clamp(18px, 1.6vw, 22px); line-height: 1.55; color: var(--ink); }
.hk-zincir__alinti b { font-weight: 600; }
@media (max-width: 900px) {
  .hk-zincir__liste { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .hk-zincir__liste::before { top: 28px; bottom: 28px; left: 27px; right: auto; width: 2px; height: auto; background: repeating-linear-gradient(180deg, var(--clay) 0 8px, transparent 8px 14px); }
  .hk-zincir__liste li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 0 18px; padding-bottom: 24px; }
  .hk-zincir__no { grid-row: span 2; }
  .hk-zincir__liste b { margin: 6px 0 4px; }
}

.hk-mv { padding: clamp(56px, 6vw, 104px) 0; }
.hk-mv__ic { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.hk-mv__ic > div { padding: 0 clamp(20px, 3vw, 52px); }
.hk-mv__ic > div:first-child { padding-left: 0; }
.hk-mv__ic > div + div { border-left: 1px solid var(--line); }
.hk-mv em { font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--orange-600); }
.hk-mv h2 { margin: 12px 0 14px; font-size: clamp(24px, 2.2vw, 32px); letter-spacing: -0.03em; }
.hk-mv p { margin: 0; color: var(--ink-2); line-height: 1.75; }
@media (max-width: 800px) {
  .hk-mv__ic { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .hk-mv__ic > div { padding: 0; }
  .hk-mv__ic > div + div { border-left: 0; padding-top: 36px; border-top: 1px solid var(--line); }
}

.hk-deger { padding: clamp(56px, 6vw, 104px) 0; background: var(--olive-950); color: var(--on-dark); }
.hk-deger .bolum-bas h2 { color: var(--on-dark-strong); }
.hk-deger .bolum-bas p { color: var(--on-dark); }
.hk-deger .bolum-bas__eyebrow { color: var(--orange-300); }
.hk-deger__liste { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.hk-deger__liste li { padding: 6px 24px 0; }
.hk-deger__liste li:first-child { padding-left: 0; }
.hk-deger__liste li + li { border-left: 1px solid var(--line-dark); }
.hk-deger__liste svg { width: 34px; height: 34px; stroke: var(--orange-300); stroke-width: 1.3; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.hk-deger__liste b { display: block; margin: 18px 0 8px; font-size: 17px; color: var(--on-dark-strong); letter-spacing: -0.015em; }
.hk-deger__liste p { margin: 0; font-size: 14px; line-height: 1.65; }
@media (max-width: 1100px) {
  .hk-deger__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 0; }
  .hk-deger__liste li:nth-child(odd) { padding-left: 0; border-left: 0; }
}
@media (max-width: 600px) { .hk-deger__liste { grid-template-columns: minmax(0, 1fr); } .hk-deger__liste li { padding: 0; border-left: 0 !important; } }

.hk-yer { padding: clamp(56px, 6vw, 104px) 0; }
.hk-yer__ic { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.hk-yer__kart { position: relative; display: grid; gap: 10px; padding: clamp(24px, 2.6vw, 36px); border-radius: 24px; border: 1px solid rgba(27, 31, 22, 0.12); overflow: hidden; }
.hk-yer__kart::after { content: attr(data-ulke); position: absolute; right: -6px; bottom: -22px; font-size: 110px; font-weight: 700; letter-spacing: -0.06em; color: rgba(27, 31, 22, 0.045); line-height: 1; pointer-events: none; }
.hk-yer__kart em { font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--orange-600); }
.hk-yer__kart h3 { font-size: 24px; letter-spacing: -0.025em; }
.hk-yer__kart p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--ink-2); }
.hk-yer__kart a { font-weight: 600; color: var(--ink); }
@media (max-width: 760px) { .hk-yer__ic { grid-template-columns: minmax(0, 1fr); } }

.cta-bant { padding: clamp(40px, 4.4vw, 64px) 0; }
.cta-bant__ic { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: clamp(28px, 3.4vw, 52px); border-radius: 28px; background: radial-gradient(70% 140% at 100% 0%, rgba(242, 109, 31, 0.35), transparent 60%), var(--olive-900); color: var(--on-dark); }
.cta-bant h2 { font-size: clamp(24px, 2.4vw, 34px); letter-spacing: -0.03em; color: var(--on-dark-strong); }
.cta-bant p { margin: 8px 0 0; }
.cta-bant__dg { display: flex; flex-wrap: wrap; gap: 10px; }

/* ===== 05. İLETİŞİM ==================================================== */
.il { padding: clamp(36px, 4vw, 64px) 0 clamp(56px, 6vw, 96px); }
.il__ic { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(22px, 3vw, 48px); align-items: start; }
.il-kanal { display: grid; gap: 10px; }
.il-kanal a, .il-kanal > div { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 16px 18px; border-radius: 18px; border: 1px solid rgba(27, 31, 22, 0.12); transition: border-color var(--t) var(--ease), background var(--t) var(--ease); }
.il-kanal a:hover { border-color: var(--orange); background: #FFFAF6; }
.il-kanal i { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--cream-2); }
.il-kanal i svg { width: 22px; height: 22px; stroke: var(--olive-800); stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.il-kanal small { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); }
.il-kanal b { display: block; margin-top: 2px; font-size: 16px; font-weight: 600; line-height: 1.4; }
.il-kanal span.il-kanal__alt { display: block; font-size: 13px; color: var(--ink-2); }
.il-kanal > * > svg:last-child { width: 18px; height: 18px; stroke: var(--ink-2); stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--t) var(--ease); }
.il-kanal a:hover > svg:last-child { transform: translateX(3px); stroke: var(--orange-600); }
.il-saat { margin-top: 16px; padding: 18px 20px; border-radius: 18px; background: var(--cream); }
.il-saat b { display: block; margin-bottom: 10px; font-size: 14.5px; }
.il-saat dl { display: grid; gap: 6px; margin: 0; font-size: 14px; }
.il-saat dl div { display: flex; justify-content: space-between; }
.il-saat dt { color: var(--ink-2); }
.il-saat dd { margin: 0; font-weight: 500; }
.il-saat .is-simdi dd::after { content: ' · şu an açık'; color: #3A5A1F; font-weight: 600; }
.il-form { padding: clamp(22px, 2.6vw, 36px); }
.il-form h2 { font-size: clamp(22px, 2vw, 28px); letter-spacing: -0.025em; }
.il-form > p { margin: 6px 0 22px; color: var(--ink-2); font-size: 14.5px; }
.il-form [data-il-sip][hidden] { display: none; }

.il-harita { position: relative; margin-top: clamp(28px, 3vw, 44px); height: 380px; border-radius: 24px; overflow: hidden; background:
  radial-gradient(circle at 1px 1px, rgba(27, 31, 22, 0.12) 1px, transparent 0) 0 0 / 18px 18px,
  linear-gradient(135deg, #EDE6D6, #F7F3EA); }
.il-harita__yol { position: absolute; inset: 0; width: 100%; height: 100%; }
.il-harita__pin { position: absolute; left: 50%; top: 44%; transform: translate(-50%, -100%); display: grid; justify-items: center; gap: 10px; }
.il-harita__pin i { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--orange); box-shadow: 0 16px 30px -10px rgba(242, 109, 31, 0.8); }
.il-harita__pin i svg { width: 24px; height: 24px; transform: rotate(45deg); stroke: #fff; stroke-width: 1.8; fill: none; }
.il-harita__kart { position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%); display: flex; align-items: center; gap: 16px; width: min(560px, calc(100% - 32px)); padding: 14px 14px 14px 20px; border-radius: 18px; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); box-shadow: 0 20px 40px -24px rgba(23, 28, 16, 0.5); }
.il-harita__kart p { flex: 1; margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--ink-2); }
.il-harita__kart b { display: block; color: var(--ink); font-size: 14.5px; }
.il-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 1000px) { .il__ic { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) {
  .il-harita { height: 420px; }
  .il-harita__kart { flex-direction: column; align-items: stretch; }
  .il-kanal a, .il-kanal > div { grid-template-columns: 44px minmax(0, 1fr); }
  .il-kanal > * > svg:last-child { display: none; }
}

.toptan { padding: clamp(48px, 5vw, 80px) 0; background: var(--cream); }
.toptan__ic { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; }
.toptan h2 { font-size: clamp(24px, 2.4vw, 34px); letter-spacing: -0.03em; }
.toptan p { margin: 10px 0 0; max-width: 62ch; color: var(--ink-2); line-height: 1.7; }
.toptan ul { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 16px; }
.toptan li { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; color: var(--ink); }
.toptan li svg { width: 16px; height: 16px; stroke: var(--olive-600); stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 800px) { .toptan__ic { grid-template-columns: minmax(0, 1fr); } }

/* ===== 06. SIKÇA SORULAN SORULAR ======================================= */
.ss-ara { position: relative; max-width: 640px; margin-top: 26px; }
.ss-ara svg { position: absolute; left: 18px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); stroke: var(--olive-600); stroke-width: 1.8; fill: none; stroke-linecap: round; }
.ss-ara .girdi { height: 58px; padding-left: 52px; border-radius: 16px; background: #fff; font-size: 17px; box-shadow: 0 18px 40px -28px rgba(10, 13, 7, 0.6); }
.sb--koyu .ss-ara .girdi { border-color: transparent; }
.ss { padding: clamp(36px, 4vw, 64px) 0 clamp(56px, 6vw, 96px); }
.ss__ic { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); align-items: start; }
.ss-konu { position: sticky; top: 90px; display: grid; gap: 2px; }
.ss-konu button { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 14px; border-radius: 12px; font-size: 14.5px; text-align: left; color: var(--ink-2); transition: all var(--t-fast) var(--ease); }
.ss-konu button:hover { background: var(--cream); color: var(--ink); }
.ss-konu button[aria-pressed="true"] { background: var(--olive-900); color: #fff; }
.ss-konu em { font-style: normal; min-width: 24px; padding: 1px 7px; border-radius: 999px; background: var(--cream-2); font-size: 12px; font-weight: 600; text-align: center; color: var(--ink-2); }
.ss-konu button[aria-pressed="true"] em { background: var(--orange); color: #fff; }
.ss-grup + .ss-grup { margin-top: 40px; }
.ss-grup[hidden] { display: none; }
.ss-grup h2 { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; font-size: clamp(21px, 1.8vw, 25px); letter-spacing: -0.025em; }
.ss-grup h2 svg { width: 24px; height: 24px; stroke: var(--orange-600); stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ss-soru { border-bottom: 1px solid var(--line); }
.ss-soru[hidden] { display: none; }
.ss-soru summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 19px 0; font-size: 16.5px; font-weight: 500; line-height: 1.4; cursor: pointer; list-style: none; }
.ss-soru summary::-webkit-details-marker { display: none; }
.ss-soru summary i { position: relative; flex: none; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(27, 31, 22, 0.16); transition: background var(--t) var(--ease), border-color var(--t) var(--ease), transform var(--t) var(--ease); }
.ss-soru summary i::before, .ss-soru summary i::after { content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.6px; margin: -0.8px 0 0 -6px; border-radius: 2px; background: var(--ink); transition: transform var(--t) var(--ease), background var(--t) var(--ease); }
.ss-soru summary i::after { transform: rotate(90deg); }
.ss-soru[open] summary i { background: var(--orange); border-color: var(--orange); transform: rotate(180deg); }
.ss-soru[open] summary i::before, .ss-soru[open] summary i::after { background: #fff; }
.ss-soru[open] summary i::after { transform: rotate(0); }
.ss-soru__cevap { padding: 0 48px 20px 0; font-size: 15.5px; line-height: 1.75; color: var(--ink-2); }
.ss-soru__cevap p { margin: 0 0 10px; }
.ss-soru__cevap a { color: var(--olive-800); font-weight: 500; border-bottom: 1px solid rgba(27, 31, 22, 0.25); }
.ss-soru__cevap a:hover { color: var(--orange-600); border-color: var(--orange); }
.ss-bos[hidden] { display: none; }
@media (max-width: 900px) {
  .ss__ic { grid-template-columns: minmax(0, 1fr); }
  .ss-konu { position: static; display: flex; overflow-x: auto; gap: 6px; scrollbar-width: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); }
  .ss-konu::-webkit-scrollbar { display: none; }
  .ss-konu button { flex: none; border: 1px solid rgba(27, 31, 22, 0.14); border-radius: 999px; white-space: nowrap; }
}

/* ===== 07. 404 ========================================================= */
.yok { position: relative; overflow: hidden; padding: clamp(40px, 5vw, 80px) 0 clamp(56px, 6vw, 96px); background: var(--cream); }
.yok__ic { position: relative; z-index: 1; display: grid; justify-items: center; text-align: center; }
.yok__sayi { position: relative; display: flex; align-items: center; justify-content: center; gap: clamp(8px, 1vw, 16px); font-size: clamp(120px, 20vw, 260px); font-weight: 700; line-height: 0.85; letter-spacing: -0.06em; color: var(--olive-900); }
.yok__sifir { position: relative; display: grid; place-items: center; width: 0.72em; height: 0.9em; border-radius: 50%; background: var(--orange); box-shadow: inset 0 -0.06em 0 rgba(0, 0, 0, 0.12); }
.yok__sifir svg { width: 52%; height: 52%; fill: #fff; animation: yokPati 3.2s var(--ease) infinite; }
@keyframes yokPati { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(8deg) translateY(-4px); } }
.yok h1 { margin-top: clamp(26px, 3vw, 40px); font-size: clamp(28px, 3.4vw, 46px); letter-spacing: -0.035em; }
.yok p { max-width: 52ch; margin: 14px 0 0; font-size: 16.5px; line-height: 1.65; color: var(--ink-2); }
.yok .ar-form { width: min(560px, 100%); margin-top: 28px; }
.yok__hizli { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
.yok__iz { position: absolute; inset: 0; pointer-events: none; }
.yok__iz svg { position: absolute; width: 26px; height: 26px; fill: var(--clay); opacity: 0; animation: izBelir 6s linear infinite; }
@keyframes izBelir { 0% { opacity: 0; } 8% { opacity: 0.55; } 60% { opacity: 0.35; } 100% { opacity: 0; } }
.yok-oneri { padding: clamp(56px, 6vw, 96px) 0; }

/* ===== 08. YASAL METİNLER ============================================== */
.ys-bas .sb__sag { display: flex; gap: 10px; }
.ys-meta { display: flex; flex-wrap: wrap; gap: 6px 20px; margin-top: 16px; font-size: 13.5px; color: var(--ink-2); }
.ys-meta span { display: inline-flex; align-items: center; gap: 7px; }
.ys-meta svg { width: 16px; height: 16px; stroke: var(--olive-600); stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ys { padding: clamp(36px, 4vw, 64px) 0 clamp(56px, 6vw, 96px); }
.ys__ic { display: grid; grid-template-columns: 280px minmax(0, 780px); gap: clamp(28px, 5vw, 80px); justify-content: center; }
.ys__yan { position: sticky; top: 90px; align-self: start; display: grid; gap: 26px; max-height: calc(100vh - 110px); overflow-y: auto; scrollbar-width: thin; }
.ys-belge p, .ys-bolum p { margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--olive-600); }
.ys-belge ul { display: grid; gap: 2px; }
.ys-belge a { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 10px; font-size: 14px; color: var(--ink-2); transition: all var(--t-fast) var(--ease); }
.ys-belge a svg { width: 17px; height: 17px; flex: none; stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ys-belge a:hover { background: var(--cream); color: var(--ink); }
.ys-belge a[aria-current] { background: var(--olive-900); color: #fff; }
.ys-bolum ol { display: grid; gap: 1px; border-left: 2px solid var(--cream-2); }
.ys-bolum a { display: block; padding: 5px 0 5px 12px; margin-left: -2px; border-left: 2px solid transparent; font-size: 13px; line-height: 1.4; color: var(--ink-2); }
.ys-bolum a:hover { color: var(--ink); }
.ys-bolum a.is-aktif { color: var(--ink); border-color: var(--orange); font-weight: 500; }

.ys-metin { font-size: 15.5px; line-height: 1.8; color: #34392D; counter-reset: md; }
.ys-metin > p { margin: 0 0 14px; }
.ys-metin section { padding-top: 8px; scroll-margin-top: 96px; }
.ys-metin section + section { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--line); }
.ys-metin h2 { position: relative; display: flex; align-items: baseline; gap: 14px; margin: 0 0 14px; font-size: clamp(19px, 1.6vw, 23px); letter-spacing: -0.02em; line-height: 1.3; color: var(--ink); }
.ys-metin h2 .ys-no { flex: none; min-width: 34px; font-size: 14px; font-weight: 600; color: var(--orange-600); font-variant-numeric: tabular-nums; }
.ys-bag { margin-left: auto; opacity: 0; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: var(--ink-2); transition: opacity var(--t-fast) var(--ease), background var(--t-fast) var(--ease); }
.ys-bag svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ys-metin h2:hover .ys-bag, .ys-bag:focus-visible { opacity: 1; }
.ys-bag:hover { background: var(--cream-2); color: var(--orange-600); }
.ys-bag.is-tamam { opacity: 1; background: var(--olive-900); color: #fff; }
.ys-metin h3 { margin: 18px 0 8px; font-size: 16px; color: var(--ink); }
.ys-metin p { margin: 0 0 12px; }
.ys-metin ul, .ys-metin ol { display: grid; gap: 8px; margin: 0 0 14px; }
.ys-metin ul li { position: relative; padding-left: 20px; }
.ys-metin ul li::before { content: ''; position: absolute; left: 2px; top: 0.75em; width: 6px; height: 6px; border-radius: 50%; background: var(--clay); }
.ys-metin ol { counter-reset: yl; }
.ys-metin ol li { position: relative; padding-left: 30px; counter-increment: yl; }
.ys-metin ol li::before { content: '(' counter(yl, lower-alpha) ')'; position: absolute; left: 0; font-weight: 600; color: var(--olive-700); }
.ys-metin strong, .ys-metin b { color: var(--ink); font-weight: 600; }
.ys-metin a { color: var(--olive-800); font-weight: 500; border-bottom: 1px solid rgba(27, 31, 22, 0.25); }
.ys-metin a:hover { color: var(--orange-600); border-color: var(--orange); }
.ys-kunye { width: 100%; margin: 6px 0 16px; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(27, 31, 22, 0.12); border-radius: 16px; overflow: hidden; font-size: 14.5px; }
.ys-kunye th, .ys-kunye td { padding: 11px 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--line); }
.ys-kunye tr:first-child th, .ys-kunye tr:first-child td { border-top: 0; }
.ys-kunye th { width: 34%; background: var(--cream); color: var(--ink); font-weight: 600; }
.ys-tablo { overflow-x: auto; margin: 6px 0 16px; border: 1px solid rgba(27, 31, 22, 0.12); border-radius: 16px; }
.ys-tablo table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 13.5px; line-height: 1.5; }
.ys-tablo th { padding: 11px 14px; background: var(--olive-900); color: var(--on-dark-strong); text-align: left; font-weight: 600; }
.ys-tablo td { padding: 10px 14px; border-top: 1px solid var(--line); vertical-align: top; }
.ys-tablo tr:nth-child(even) td { background: var(--cream); }
.ys-not { display: flex; gap: 12px; margin: 6px 0 16px; padding: 14px 16px; border-radius: 14px; background: var(--orange-50); border: 1px solid rgba(242, 109, 31, 0.22); font-size: 14.5px; line-height: 1.6; }
.ys-not svg { flex: none; width: 20px; height: 20px; margin-top: 2px; stroke: var(--orange-600); stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ys-form { margin: 6px 0 16px; padding: 22px 24px; border: 1.5px dashed rgba(196, 174, 140, 0.95); border-radius: 18px; background: #FFFDF8; font-size: 14.5px; }
.ys-form h3 { margin-top: 0; }
.ys-form dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 16px; margin: 12px 0 0; }
.ys-form dt { font-weight: 600; color: var(--ink); }
.ys-form dd { margin: 0; border-bottom: 1px dotted var(--clay); min-height: 1.6em; }
.ys-son { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13.5px; color: var(--ink-2); }
.ys-dolgu { padding: 0 5px; border-radius: 5px; background: #FFF4D6; color: #7A5B00; font-weight: 600; font-size: 0.92em; }
@media (max-width: 1000px) {
  .ys__ic { grid-template-columns: minmax(0, 1fr); max-width: 780px; margin: 0 auto; }
  .ys__yan { position: static; max-height: none; }
  .ys-bolum { display: none; }
  .ys-belge ul { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); }
  .ys-belge ul::-webkit-scrollbar { display: none; }
  .ys-belge a { white-space: nowrap; border: 1px solid rgba(27, 31, 22, 0.12); border-radius: 999px; }
  .ys-bag { opacity: 1; }
}
@media print {
  .ys__yan, .ys-bag, .ys-bas .sb__sag { display: none !important; }
  .ys__ic { display: block; }
  .ys-metin { font-size: 11.5pt; color: #000; }
}