/* Özel tema (mağazaya özel; TEMA-AYD-TASARIM-2026-10-03.md). vitrin.css'ten SONRA, layout'un :root satırından ÖNCE yüklenir.
   KURALLAR: yalnız tabanın belirteçleri (zemin, metin, köşe, gölge) ve kendi sınıfları yazılır; --brand / --brand-metin / --brand-yazi /
   --odak / --yazi YAZILMAZ (mağaza rengi + kontrast ayardan, TemaSecimiTest). Dış kaynak, @import yok. Eski temadan kural KOPYALANMAZ,
   yalnız ölçüler alınır (float/sabit genişlik yerine ızgara). Sade bileşenini ezen kural birleşik seçiciyle ve tabandaki AYNI medya
   sorgusunda yazılır (H24). Renk çiftleri [K 05.10 Erdem "evet hepsini yap" — eski sitedeki gibi, ölçümle]: turuncu düğme/rozet/sekme
   üstünde BEYAZ kalın yazı (--ayd-turuncu-metin; 3,09:1 — büyük/kalın yazı ölçütü 3:1; eski sitede de beyazdı, siyah "koyu" görünüyordu),
   turuncu şerit ve alt bilgideki küçük yazı ile camgöbeği üstünde LACİVERT (5,8:1 · 7,3:1), kremde lacivert (16,6:1). --brand-metin
   tanımlanmaz (taban kuralı kalır); AYD bileşenleri kendi değişkenini kullanır. Küçültme yok. */

/* yazı tipleri [K 04.10 Erdem "yazı tiplerini indir"]: Shantell Sans + Nunito (SIL OFL 1.1, yazi/OFL-*.txt), Google Fonts'tan indirildi,
   YERELDEN sunulur (ziyaretçi IP'si yurt dışına gitmez, font-src 'self'). Değişken ağırlık 400–800; latin + latin-ext (ğ ş ı İ) alt
   kümeleri unicode-range ile: tarayıcı yalnız gerekeni indirir. Dosya değişirse ADI değişir (nginx 7 gün önbellek). */
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('yazi/nunito-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('yazi/nunito-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Shantell Sans'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('yazi/shantell-sans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Shantell Sans'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('yazi/shantell-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --ayd-krem: #fffaf6;
  --ayd-lacivert: #050e5b;
  --ayd-ikinci: #29b9c1;
  --ayd-ikinci-metin: #050e5b;   /* camgöbeğinde lacivert 7,3:1 (siyah 8,8 — eski sitede beyazdı; koyu görünüyordu) */
  --ayd-turuncu-metin: #ffffff;  /* turuncu zeminde beyaz kalın (eski site) */
  --ayd-kenar: #dddddd;
  --ayd-halka-1: #f79500; --ayd-halka-2: #47ad49; --ayd-halka-3: #cf99cc; --ayd-halka-4: #f33a63; --ayd-halka-5: #5da5cc;
  --ayd-golge: 0 8px 24px rgb(149 157 165 / .2);
  --ayd-vurgu: 'Shantell Sans', var(--yazi);   /* başlık, menü, fiyat, düğme (el yazısı havası) */
  --ayd-govde: 'Nunito', var(--yazi);          /* gövde, açıklama, form (eski sitede de Nunito) */
  --metin: #434b53;                         /* beyazda 8,86:1 · kremde 8,55:1 */
  --r-2: 10px; --r-3: 20px;
  --golge-2: var(--ayd-golge);
}

/* ---------------------------------------------------------------- temel */
body.vitrin { font-family: var(--ayd-govde); }
body.vitrin { background: var(--ayd-krem); }   /* [K 05.10] eski sitede sayfa zemini baştan sona krem (ölçüldü #fffaf6); kartlar --zemin (beyaz) kalır */
body.vitrin { overflow-x: clip; }   /* tam genişlik "Neden" görseli yatay kaydırma üretmesin (clip kaydırma kabı DEĞİL: yapışkan başlık bozulmaz) */   /* --yazi (layout) yedek yığın olarak kalır; tema yazı tipi ayarını göstermez */
h1, h2, h3, .btn, .ayd-dugme { font-family: var(--ayd-vurgu); }
.v-sayfa-bas h1, .v-ust-satir h1, .v-yazi h1, .v-urun-bilgi h1 { color: var(--ayd-lacivert); }

/* ---------------------------------------------------------------- üst bant (turuncu) */
.ayd-serit { background: var(--brand); color: var(--ayd-lacivert); font-size: var(--fs-1); }
.ayd-serit-ic { display: flex; align-items: center; justify-content: space-between; gap: var(--a-4); min-height: 36px; }
.ayd-serit-iletisim { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 var(--a-5); }
.ayd-serit a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 0; color: inherit; text-decoration: none; font-weight: 600; }
.ayd-serit a:hover { text-decoration: underline; }
.ayd-serit-bag { white-space: nowrap; }
.ayd-serit a:focus-visible { outline-color: var(--ayd-lacivert); }
@media (max-width: 39.99em) { .ayd-serit { display: none; } }   /* telefonda başlık kısa kalsın: bağlantılar hesap menüsünde */

/* ---------------------------------------------------------------- başlık (krem) */
.v-ust { background: var(--ayd-krem); border-bottom: 1px solid #f1e6dc; }
.ayd-ust-ic { position: relative; display: flex; align-items: center; gap: var(--a-2); min-height: 64px; padding-block: var(--a-2); }
.ayd-ust-ic :focus-visible { outline-color: var(--ayd-lacivert); }
.ayd-ust-ic .v-logo { grid-area: auto; flex: 0 1 auto; color: var(--ayd-lacivert); }
@media (min-width: 40em) { .ayd-ust-ic .v-logo img { height: 44px; max-width: 150px; } }
@media (max-width: 39.99em) { .ayd-ust-ic .v-logo img { max-width: 100%; } }   /* H24: Sade'nin telefon yüksekliği (32 px) kalır; kırpılmaz, küçülür */
.ayd-ikonlar { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.ayd-ikonlar .v-hesap { grid-area: auto; }
.ayd-ikonlar .v-hesap-bag { min-width: 44px; justify-content: center; color: var(--ayd-lacivert); font-weight: 700; }   /* dokunma hedefi ≥44 px */
.ayd-ikonlar .v-hesap-bag:hover { background: rgb(5 14 91 / .06); }
.ayd-ikonlar .v-hesap-ad { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ayd-ikonlar .v-hesap .v-yalniz-genis { display: none; }
@media (min-width: 62.5em) {
  .ayd-ust-ic { gap: var(--a-4); min-height: 96px; }
  .ayd-ust-ic .v-logo img { height: 64px; max-width: 200px; }
}

/* hamburger (telefon) + menü */
.ayd-cekmece > summary { list-style: none; }
.ayd-cekmece > summary::-webkit-details-marker { display: none; }
.ayd-cekmece-dugme { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r-2); color: var(--ayd-lacivert); cursor: pointer; }
.ayd-cekmece-dugme:hover { background: rgb(5 14 91 / .06); }
.ayd-menu.v-menu { border-top: 0; }
.ayd-menu-liste { list-style: none; margin: 0; padding: 0; }
.ayd-menu-liste a { display: block; color: var(--ayd-lacivert); font-family: var(--ayd-vurgu); font-weight: 700; text-decoration: none;
  border-bottom: 3px solid transparent; }
.ayd-menu-liste a:hover { text-decoration: underline; text-underline-offset: 4px; }
.ayd-menu-liste a[aria-current] { border-bottom-color: var(--ayd-lacivert); }   /* gösterge kremde lacivert (turuncu 2,98:1 kalırdı) */
@media (max-width: 62.49em) {
  /* YEDEK (:has() yok): menü akışta alt satırda, içeriği iter, örtmez; işe yaramayan hamburger gizli. `@supports not` YAZILMAZ
     (selector() tanımayan tarayıcı bloğun tamamını atar) — yedek varsayılan kuraldır. */
  .ayd-ust-ic { flex-wrap: wrap; }
  .ayd-cekmece { display: none; }
  .ayd-menu { flex: 1 1 100%; order: 1; background: var(--ayd-krem); }
  .ayd-menu-liste a { padding: 12px var(--a-4); min-height: 48px; border-bottom: 1px solid #f1e6dc; font-size: var(--fs-3); }
  .ayd-menu-liste a[aria-current] { border-left: 4px solid var(--ayd-lacivert); border-bottom-color: #f1e6dc; }
  @supports selector(:has(*)) {
    .ayd-ust-ic { flex-wrap: nowrap; }
    .ayd-cekmece { display: block; }
    .ayd-menu { position: absolute; left: 0; right: 0; top: 100%; z-index: 35; display: none;
      border-bottom: 1px solid #f1e6dc; box-shadow: 0 12px 24px rgb(0 0 0 / .08); }
    .ayd-ust-ic:has(.ayd-cekmece[open]) .ayd-menu { display: block; }
  }
}
@media (min-width: 56.25em) and (max-width: 62.49em) {   /* yapışkan başlık + çekmece: panel ekrana sığsın, kendi içinde kaysın */
  .ayd-menu { max-height: calc(100vh - 6.5rem); max-height: calc(100dvh - 6.5rem); overflow-y: auto; }
  .ayd-menu-liste a:focus-visible { outline-offset: -3px; }
}
@media (min-width: 62.5em) {
  .ayd-cekmece { display: none; }
  .ayd-menu { flex: 1 1 auto; min-width: 0; }
  .ayd-menu-liste { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 var(--a-1); }
  .ayd-menu-liste a { padding: 12px 10px 9px; font-size: var(--fs-3); }
}

/* arama paneli */
.ayd-ara-menu > summary { list-style: none; cursor: pointer; }
.ayd-ara-menu > summary::-webkit-details-marker { display: none; }
.ayd-ara-panel { position: absolute; right: 0; top: calc(100% + 6px); z-index: 40; width: min(92vw, 26rem); padding: var(--a-3);
  background: var(--zemin); border: 1px solid var(--kenar); border-radius: var(--r-2); box-shadow: var(--ayd-golge); }
.ayd-ara-panel .v-ara { max-width: none; }
@media (max-width: 39.99em) {   /* telefonda büyütece değil başlığa yaslan (yoksa sol kenar ekran dışına taşar) */
  .v-acilir-menu.ayd-ara-menu { position: static; }
  .ayd-ara-panel { left: var(--a-2); right: var(--a-2); width: auto; }
}

/* ---------------------------------------------------------------- ana sayfa */
/* krem bant başlığa yapışsın: ana sayfanın ilk görünen bölümü (karşılama yoksa önünde yalnız gizli h1 vardır) */
.v-ana > .ayd-tanitim:first-child, .v-ana > .ayd-kategori-bolum:first-child, .v-ana > .gizli:first-child + .ayd-kategori-bolum { margin-top: calc(-1 * var(--a-5)); }
.ayd-tanitim, .ayd-kategori-bolum { background: var(--ayd-krem); box-shadow: 0 0 0 100vmax var(--ayd-krem); clip-path: inset(0 -100vmax); }
.ayd-tanitim { padding: var(--a-7) 0 var(--a-6); text-align: center; }
.ayd-tanitim h1 { margin: 0 auto var(--a-3); max-width: 22ch; font-size: var(--fs-7); color: var(--ayd-lacivert); }
/* vurgulu devam (eski sitedeki "Hemen Ulaşın"): ikinci satırda turuncu — büyük kalın başlık [K 05.10 Erdem] */
.ayd-vurgu { display: block; font-style: normal; color: var(--brand); }
.ayd-tanitim-metin { min-width: 0; }
.ayd-tanitim-alt { margin: 0 auto var(--a-4); max-width: 40rem; font-size: var(--fs-4); color: var(--metin); }
.ayd-tanitim-govde { max-width: 40rem; margin: 0 auto var(--a-5); color: var(--ayd-lacivert); }   /* eski sitede gövde lacivert */
.ayd-tanitim-govde p { margin: 0 0 var(--a-3); }
.ayd-tanitim-dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--a-3); margin: 0; }
.ayd-tanitim-gorsel { display: block; width: 100%; max-width: 30rem; height: auto; margin: var(--a-6) auto 0; }
@media (min-width: 56.25em) {   /* eski sitedeki gibi: metin solda, görsel sağda */
  .ayd-tanitim-gorselli { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: var(--a-7); align-items: center; text-align: left; }
  .ayd-tanitim-gorselli h1, .ayd-tanitim-gorselli .ayd-tanitim-alt, .ayd-tanitim-gorselli .ayd-tanitim-govde { margin-left: 0; }
  .ayd-tanitim-gorselli .ayd-tanitim-dugmeler { justify-content: flex-start; }
  .ayd-tanitim-gorselli .ayd-tanitim-gorsel { margin: 0; justify-self: center; }
}
.btn { border-radius: var(--r-2); }
.btn:not(.btn-ghost) { color: var(--ayd-turuncu-metin); font-weight: 700; }
.v-rozet.indirim, .sayfalama-oge.aktif, .v-sepet-adet, .v-wa { color: var(--ayd-turuncu-metin); }
.ayd-tanitim .btn { background: var(--ayd-lacivert); border-color: var(--ayd-lacivert); color: #ffffff; }   /* 17,2:1 */
.ayd-tanitim .ayd-btn-cizgi { background: transparent; color: var(--ayd-lacivert); }   /* eski sitede Hakkımızda çizgili, İletişim dolu */
.ayd-tanitim :focus-visible, .ayd-kategori-bolum :focus-visible { outline-color: var(--ayd-lacivert); }   /* kremde turuncu odak 2,98:1 */
.ayd-kategori-bolum { padding: var(--a-6) 0 var(--a-7); margin-bottom: var(--a-7); }

.v-bolum-bas h2 { color: var(--odak); font-size: var(--fs-6); }   /* büyük kalın başlık: beyazda ≥3:1 yeter (--odak ayardan) */
.ayd-kategori-bolum .v-bolum-bas, .v-ana > .v-bolum > .v-bolum-bas { justify-content: center; flex-wrap: wrap; text-align: center; }
.ayd-kategori-bolum .v-bolum-bas h2 { color: var(--brand); }   /* [K 05.10 Erdem] eski sitedeki gibi turuncu (kremde 2,98:1, büyük kalın başlık) */
.ayd-alt-baslik { flex-basis: 100%; margin: 0; color: var(--ayd-lacivert); font-size: var(--fs-2); }   /* bölüm başlığının altındaki kısa satır (eski site) */

.ayd-kategoriler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); gap: var(--a-4); }
/* kutu ve daire rengi sırayla 5 süs rengi (--halka); metin rengi ayrı (lacivert) — süs rengi metne geçmez */
.ayd-kategoriler > li:nth-child(5n+2) { --halka: var(--ayd-halka-2); }
.ayd-kategoriler > li:nth-child(5n+3) { --halka: var(--ayd-halka-3); }
.ayd-kategoriler > li:nth-child(5n+4) { --halka: var(--ayd-halka-4); }
.ayd-kategoriler > li:nth-child(5n) { --halka: var(--ayd-halka-5); }
.ayd-kategori { display: flex; flex-direction: column; align-items: center; gap: var(--a-3); height: 100%; padding: var(--a-5) var(--a-3);
  background: var(--zemin); border: 2px solid var(--halka, var(--ayd-halka-1)); border-radius: var(--r-3); color: var(--metin); text-decoration: none; text-align: center; }
.ayd-kategori-simge { display: grid; place-items: center; width: 96px; height: 96px; border: 2px dashed var(--halka, var(--ayd-halka-1)); border-radius: 50%;
  color: var(--halka, var(--ayd-halka-1)); }
.ayd-kategori-simge .ayd-ikon { width: 44px; height: 44px; }
.ayd-kategori-ad { font-family: var(--ayd-vurgu); font-weight: 800; font-size: var(--fs-4); color: var(--ayd-lacivert); overflow-wrap: anywhere; }
.ayd-kategori:hover { border-color: var(--brand); }
.ayd-kategori:hover .ayd-kategori-ad { text-decoration: underline; }
.ayd-kategori:focus-visible { outline-color: var(--ayd-lacivert); outline-offset: 3px; }
@media (max-width: 39.99em) {   /* telefonda iki sütun, simge solda: ürünler ekranın altına itilmesin */
  .ayd-kategori-bolum { padding: var(--a-5) 0 var(--a-5); margin-bottom: var(--a-6); }
  .ayd-kategoriler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--a-2); }
  .ayd-kategori { flex-direction: row; gap: var(--a-2); padding: 6px var(--a-2); text-align: left; border-radius: var(--r-2); }
  .ayd-kategori-simge { width: 40px; height: 40px; flex: none; }
  .ayd-kategori-simge .ayd-ikon { width: 22px; height: 22px; }
  .ayd-kategori-ad { font-size: var(--fs-2); }
}

/* ---------------------------------------------------------------- ürün kartı */
@media (min-width: 40em) { .v-izgara { grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: var(--a-6) var(--a-5); } }
.ayd-kart { position: relative; display: flex; flex-direction: column; height: 100%; padding: var(--a-3); background: var(--zemin);
  border: 1px solid transparent; border-radius: var(--r-3); box-shadow: var(--ayd-golge); }   /* saydam kenarlık: Windows karşıtlık kipinde gölge silinir, kenarlık görünür */
.ayd-kart > .v-kart { flex: 1 1 auto; gap: var(--a-2); }
.ayd-kart .v-kart-gorsel { border: 0; border-radius: var(--r-3); }
.ayd-kart .v-kart-ad { text-align: center; font-weight: 700; font-size: var(--fs-3); }
.ayd-kart .v-kart-fiyat { justify-content: center; }
.ayd-kart .v-fiyat { font-size: var(--fs-4); }
.ayd-dugme { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; min-height: 40px; margin: var(--a-1) 0 0; padding: 0 var(--a-2);
  border: 1px solid transparent; border-radius: var(--r-2); background: var(--brand); color: var(--ayd-turuncu-metin); font: inherit; font-family: var(--ayd-vurgu);
  font-weight: 800; font-size: var(--fs-2); cursor: pointer; }
.ayd-kart > .v-kart:hover .ayd-dugme-incele, .ayd-dugme-sepet:hover { background-image: linear-gradient(rgb(0 0 0 / .08), rgb(0 0 0 / .08)); }
.ayd-kart .v-kart-pasif .ayd-dugme-incele { background: var(--yuzey-3); color: var(--metin); }
/* hızlı sepet [K 04.10]: camgöbeği, yazı lacivert (7,3:1; [K 05.10]); masaüstünde İncele ile yan yana (form bağlantının dışında, kart köşesine yaslı) */
.ayd-kart-sepet { margin: 0; }
.ayd-dugme-sepet { background: var(--ayd-ikinci); color: var(--ayd-ikinci-metin); white-space: nowrap; }
@media (min-width: 30em) {   /* eski sitedeki oran: İncele %40, Sepete ekle %60; tek satır, alttan hizalı */
  .ayd-kart-hizli .ayd-dugme-incele { width: calc(40% - 4px); }
  .ayd-kart-hizli .ayd-kart-sepet { position: absolute; right: var(--a-3); bottom: var(--a-3); width: calc((100% - 2 * var(--a-3)) * .6 - 4px); }
  .ayd-kart-hizli .ayd-dugme-sepet { margin-top: 0; padding: 0 4px; font-size: .8125rem; }
}
@media (max-width: 29.99em) { .ayd-kart-sepet { margin-top: var(--a-2); } }   /* dar telefonda alt alta */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .ayd-kart .v-kart-gorsel > img { transition: transform .25s ease; }
  .ayd-kart:hover .v-kart-gorsel > img { transform: scale(1.05); }
}

/* ---------------------------------------------------------------- liste, kategori, ürün, okuma */
.v-sayfa-bas h1, .v-ust-satir h1 { padding-bottom: var(--a-2); border-bottom: 1px solid var(--ayd-kenar); }
.v-sayfa-bas + .v-ust-satir, .v-cipler + .v-ust-satir { padding: var(--a-2) var(--a-3); background: var(--yuzey-2); border-radius: var(--r-2); }
.v-galeri-ana { border-color: var(--ayd-kenar); }
.v-urun-fiyat .v-fiyat { color: var(--ayd-lacivert); font-family: var(--ayd-vurgu); }
@media (min-width: 56.25em) { .v-urun-detay { grid-template-columns: minmax(0, 1fr); } }   /* açıklama + özellikler alt alta, tam genişlik */
.v-urun-detay > section > h2 { display: inline-block; margin: 0; padding: var(--a-2) var(--a-4); background: var(--brand); color: var(--ayd-turuncu-metin);
  border-radius: var(--r-2) var(--r-2) 0 0; font-size: var(--fs-3); }
.v-urun-detay > section > h2 + * { margin-top: 0; padding: var(--a-4); border: 1px solid var(--ayd-kenar); border-radius: 0 var(--r-2) var(--r-2) var(--r-2); }
.v-blog-kart { text-align: center; }
.v-blog-kart-baslik { color: var(--ayd-lacivert); }
.v-hata-kod { color: var(--ayd-lacivert); font-family: var(--ayd-vurgu); }
.card { border-color: var(--ayd-kenar); }
.sayfalama-oge { border-radius: var(--r-2); }

/* ---------------------------------------------------------------- alt bilgi */
.ayd-slogan { background: var(--ayd-ikinci); color: var(--ayd-ikinci-metin); }
.ayd-slogan p { margin-block: 0; padding-block: var(--a-3); text-align: center; font-family: var(--ayd-vurgu); font-weight: 700; font-size: var(--fs-3); }
.v-alt { margin-top: var(--a-7); background: var(--brand); color: var(--ayd-lacivert); border-top: 0; }   /* [K 05.10] siyah yerine lacivert (5,8:1) */   /* slogan bandı footer'ın ilk çocuğu */
.v-alt :focus-visible { outline-color: var(--ayd-lacivert); }
.v-alt h2 { color: inherit; font-size: var(--fs-3); }
.v-alt .v-alt-liste a, .v-alt .v-sosyal a { color: inherit; }
.v-alt .v-alt-liste a:hover, .v-alt .v-sosyal a:hover { color: inherit; text-decoration: underline; }
/* [K 05.10 Erdem "footer bölümü yüksekliği daha kısa olsun"] (ölçüldü: masaüstü 508+115 px, telefon 943+115 px): Kurumsal da iki sütun,
   telefonda iki liste YAN YANA (her biri tek sütun), daha dar boşluklar; satır 30 px (dokunma hedefi ≥24 px, WCAG 2.5.8) */
.ayd-alt-izgara { display: grid; gap: var(--a-4); padding-block: var(--a-5); }
@media (max-width: 39.99em) {
  .ayd-alt-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--a-3); }
  .ayd-alt-marka { grid-column: 1 / -1; }
  .ayd-alt-izgara .ayd-alt-iki { columns: 1; }
}
@media (min-width: 40em) { .ayd-alt-izgara { grid-template-columns: 1fr 1fr; } }
@media (min-width: 56.25em) { .ayd-alt-izgara { grid-template-columns: 1fr 1.3fr 1.3fr; } }
.v-alt .v-alt-liste a { padding-block: 4px; }
.ayd-alt-marka p { margin-block: var(--a-2); }
.ayd-alt-logo .v-logo { display: inline-flex; padding: var(--a-3) var(--a-4); background: #ffffff; border-radius: var(--r-3); color: var(--ayd-lacivert); }
.ayd-alt-logo .v-logo:focus-visible { outline-color: var(--ayd-lacivert); }
.ayd-alt-sutun { min-width: 0; }
.ayd-alt-iki { columns: 2; column-gap: var(--a-4); }
.ayd-alt-iki li { break-inside: avoid; }
.v-alt .v-alt-kunye { padding-block: var(--a-3); border-top: 1px solid rgb(5 14 91 / .2); }

.ayd-yukari { position: fixed; right: var(--a-4); bottom: var(--a-4); z-index: 19; display: grid; place-items: center; width: 44px; height: 44px;
  border: 2px solid var(--ayd-krem); border-radius: 50%; background: var(--ayd-lacivert); color: #ffffff; box-shadow: var(--ayd-golge); }   /* turuncu alt bilgide de görünsün; krem kenar: sayfa sonunda lacivert imza bandında da */
.ayd-yukari:focus-visible { outline-color: var(--ayd-lacivert); }
.v-wa:focus-visible { outline-color: var(--ayd-lacivert); }   /* turuncu alt bilgi + turuncu düğmede --odak 1:1 görünmezdi */
/* sayfa sonunda arkada lacivert imza bandı: lacivert halkanın etrafında krem hale (her iki zeminde de görünür; inceleme v10) */
.v-wa:focus-visible, .ayd-yukari:focus-visible { box-shadow: 0 0 0 7px var(--ayd-krem); }
/* Duyuru (kabukta, en üst): lacivert ince bant — turuncu iletişim bandından ayrışsın */
.v-duyuru { background: var(--ayd-lacivert); color: var(--ayd-krem); }
.v-duyuru :focus-visible { outline-color: var(--ayd-krem); }
/* Manşet [K 05.10 Erdem]: eski sitedeki gibi TAM GENİŞLİK, başlığa yapışık, köşesiz (body overflow-x: clip yatay kaydırmayı keser); oklar lacivert */
.v-ana > .v-manset { margin-inline: calc(50% - 50vw); }
.v-ana > .v-manset:first-child { margin-top: calc(-1 * var(--a-5)); }
.v-manset-liste { border-radius: 0; box-shadow: none; }
.v-manset-ok { color: var(--ayd-lacivert); }
/* "Neden biz" [K 05.10 Erdem]: eski sitedeki gibi TAM GENİŞLİK bant — arkada mağazanın yüklediği fotoğraf (Ayarlar → Ana sayfa; yoksa düz
   lacivert + CSS dalga), beyaz daire içinde simge (tema._neden_simge). Bant kabın içinde
   kalır; zemin rengi/görsel/katman 100vw'ye yayılır (body overflow-x: clip yatay kaydırmayı keser, clip-path dikeyde bantta kırpar). */
.v-neden { position: relative; isolation: isolate; margin-block: var(--a-7); padding: var(--a-7) 0 calc(var(--a-7) + 28px); text-align: center;
  background: var(--ayd-lacivert); color: #ffffff; box-shadow: 0 0 0 100vmax var(--ayd-lacivert); clip-path: inset(0 -100vmax); }
.v-neden.v-neden-gorselli { overflow: visible; border-radius: 0; padding: var(--a-7) 0 calc(var(--a-7) + 28px); }   /* tabanın kutu görünümü yerine */
.v-neden .v-neden-zemin, .v-neden.v-neden-gorselli::after { left: 50%; right: auto; width: 100vw; max-width: none; transform: translateX(-50%); }   /* max-width: genel img kuralı kaba kısardı (ölçüldü 1152 px) */
/* fotoğraflı: AYD fotoğrafında lacivert katman + turuncu dalgalar + saydam dalgalı kenar ZATEN var (eski sitenin nasil.png'si) → kendi
   katmanımız, dalgamız ve düz zeminimiz kapalı (yoksa koyulaşır, dalga ikilenir, saydam kenar lacivert görünür); bant fotoğrafın oranında */
.v-neden.v-neden-gorselli { min-height: calc(100vw * 600 / 1900); }   /* bant fotoğrafın oranında */
/* fotoğraf yüklenene ya da yüklenemezse (JS yoksa da) bant DÜZ LACİVERT kalır — beyaz yazı kremde kalmasın (görsel denetim 05.10: telefonda
   tembel yükleme anında okunmuyordu); tema.js fotoğraf yüklenince .ayd-zemin-hazir ekler → zemin saydam, dalgalı kenarlar krem */
.v-neden.v-neden-gorselli.ayd-zemin-hazir { background: transparent; box-shadow: none; }
.v-neden.v-neden-gorselli::after, .v-neden.v-neden-gorselli::before { content: none; }
.v-neden::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 100vw; height: 28px; transform: translateX(-50%);
  background: var(--brand); clip-path: ellipse(60% 100% at 30% 100%); }   /* eski sitenin turuncu dalgası */
.v-neden h2 { margin: 0 0 var(--a-2); color: #ffffff; font-size: var(--fs-6); }
.v-neden .v-neden-alt { margin: 0 0 var(--a-6); color: #ffffff; }
.v-neden .v-neden-liste { max-width: 62rem; margin-inline: auto; }
.v-neden .v-neden-madde { padding: 0 var(--a-3); border: 0; background: none; color: inherit; }
.v-neden .v-neden-madde h3 { color: #ffffff; font-size: var(--fs-4); }
.v-neden .v-neden-madde p { color: inherit; }
.ayd-neden-simge { display: grid; place-items: center; width: 76px; height: 76px; margin: 0 auto var(--a-3); border-radius: 50%; background: #ffffff;
  color: var(--ayd-lacivert); }
.v-neden :focus-visible { outline-color: #ffffff; }
@media (max-width: 39.99em) { .v-neden, .v-neden.v-neden-gorselli { padding: var(--a-6) 0 calc(var(--a-6) + 24px); } .ayd-neden-simge { width: 60px; height: 60px; } }
/* Kobimedya imzası (kabukta, sayfanın SON öğesi): lacivert bant · başa dön (16–60 px) / WhatsApp + başa dön (84–128 px) imzayı örtmesin */
.v-imza { border-top: 0; background: var(--ayd-lacivert); color: var(--ayd-krem); padding-bottom: 72px; }
.v-imza a { color: #fff; }
.v-imza :focus-visible { outline-color: var(--ayd-krem); }
/* masaüstünde sabit düğmeler sağ kenarda, imza yazısı ortada: örtüşme yok → alt boşluk gereksiz (telefonda 72/136 px kalır; alt bilgi kısalsın) */
@media (min-width: 62.5em) { .v-imza, body:has(> .v-wa) .v-imza { padding-bottom: 0; } }
body:has(> .v-wa) .v-imza { padding-bottom: 136px; }
#sayfa-basi:focus { outline: none; }
.ayd-yukari[hidden] { display: none; }
body:has(.v-wa) .ayd-yukari { bottom: 84px; }   /* WhatsApp düğmesiyle üst üste binmesin */