/* adiv2 — adiyorem.com.tr (önek ad-) */
:root {
	--ay-yesil: #6ca42d;
	--ay-yesil-koyu: #578a20;
	--ay-kirmizi: #e3000f;
	--ay-kahve: #6b2a0f;
	--ay-yazi: #333;
	--ay-gri: #f1f1f1;
	--ay-cizgi: #e2e2e2;
	--ay-golge: 0 6px 24px rgba(0, 0, 0, .08);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 130px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }
body { margin: 0; font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; line-height: 1.65; color: var(--ay-yazi); background: #fff; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3 { margin: 0; line-height: 1.2; }
p { margin: 0 0 1em; }
button { font: inherit; color: inherit; cursor: pointer; }
:focus-visible { outline: 2px solid var(--ay-yesil); outline-offset: 3px; }
.ay-atla { position: absolute; left: -9999px; top: 0; z-index: 100; padding: 10px 16px; background: var(--ay-yazi); color: #fff; }
.ay-atla:focus { left: 10px; top: 10px; }
.ay-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ay-kap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Düğme: yeşil, köşeli, ok çizgili */
.ay-dugme { display: inline-flex; align-items: center; gap: 16px; min-height: 55px; padding: 10px 40px; background: var(--ay-yesil); color: #fff; font-size: 14px; transition: background-color .2s; }
.ay-dugme svg { width: 42px; transition: transform .25s; }
.ay-dugme:hover { background: var(--ay-yesil-koyu); }
.ay-dugme:hover svg { transform: translateX(5px); }
.ay-dugme-koyu { background: #3d3d3d; }
.ay-dugme-koyu:hover { background: #222; }

/* Üst bölüm */
.ay-ust { position: sticky; top: 0; z-index: 40; display: flex; align-items: stretch; height: 120px; background: #fff; transition: box-shadow .25s, height .25s; }
.ay-ust.is-golgeli { box-shadow: 0 6px 22px rgba(0, 0, 0, .08); }
.ay-logo { flex: 0 0 auto; display: flex; align-items: center; padding: 0 30px 0 40px; }
.ay-logo img { width: 220px; transition: width .25s; }
.ay-ust-orta { flex: 1; display: flex; flex-direction: column; min-width: 0; padding-right: 30px; }
.ay-ust-satir { display: flex; justify-content: flex-end; align-items: center; gap: 30px; height: 58px; border-bottom: 1px solid #e8e8e8; font-size: 12.5px; text-transform: uppercase; color: #555; white-space: nowrap; transition: height .25s, opacity .25s; }
.ay-ust-satir a:hover { color: var(--ay-yesil); }
.ay-ust-tel { display: inline-flex; align-items: center; gap: 8px; }
.ay-ust-tel svg { width: 15px; color: #444; }
.ay-menu { flex: 1; display: flex; justify-content: flex-end; align-items: stretch; gap: 42px; }
.ay-menu a { position: relative; display: flex; align-items: center; font-size: 13.5px; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; white-space: nowrap; transition: color .2s; }
.ay-menu a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: var(--ay-kirmizi); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.ay-menu a:hover::after, .ay-menu a.is-aktif::after { transform: scaleX(1); }
.ay-menu a:hover { color: var(--ay-yesil); }
.ay-menu .ay-menu-b2b { gap: 8px; letter-spacing: 0; font-weight: 700; font-size: 15px; }
.ay-menu .ay-menu-b2b::after { display: none; }
.ay-menu-b2b img { width: 20px; }
.ay-ust-sag { position: relative; flex: 0 0 60px; display: flex; flex-direction: column; }
.ay-panel-ac, .ay-ara-ac { flex: 1; display: grid; place-items: center; border: 0; color: #fff; transition: background-color .2s; }
.ay-panel-ac { background: #8d8d8d; align-content: center; gap: 5px; }
.ay-panel-ac span { display: block; width: 22px; height: 2px; background: #fff; }
.ay-panel-ac span:nth-child(2) { width: 16px; justify-self: end; }
.ay-panel-ac span:nth-child(3) { width: 12px; justify-self: end; }
.ay-panel-ac:hover { background: #6f6f6f; }
.ay-ara-ac { background: var(--ay-kirmizi); }
.ay-ara-ac svg { width: 22px; }
.ay-ara-ac:hover { background: #c4000d; }
.ay-ara { position: absolute; right: 0; top: 60px; z-index: 2; display: flex; width: min(640px, 92vw); height: 60px; background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, .15); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .25s, visibility .25s, transform .25s; }
.ay-ara.is-acik { opacity: 1; visibility: visible; transform: none; }
.ay-ara input { flex: 1; min-width: 0; padding: 0 20px; border: 0; font: inherit; font-size: 15px; }
.ay-ara input:focus { outline: 0; }
.ay-ara button { flex: 0 0 60px; border: 0; background: var(--ay-gri); display: grid; place-items: center; }
.ay-ara button svg { width: 20px; }
.ay-ara .ay-ara-git { background: var(--ay-kirmizi); color: #fff; }
.ay-ust.is-golgeli { height: 84px; }
.ay-ust.is-golgeli .ay-logo img { width: 160px; }
.ay-ust.is-golgeli .ay-ust-satir { height: 0; opacity: 0; overflow: hidden; border: 0; }
.ay-ust.is-golgeli .ay-ust-sag { flex-direction: row; flex-basis: 120px; }
.ay-ust.is-golgeli .ay-ara { top: 84px; }

/* Yan panel */
.ay-panel { position: fixed; top: 0; right: 0; bottom: 0; z-index: 60; width: min(420px, 90vw); background: #3c6a12; color: #fff; overflow-y: auto; transform: translateX(105%); visibility: hidden; transition: transform .35s, visibility .35s; }
.ay-panel.is-acik { transform: none; visibility: visible; }
.ay-panel-ic { padding: 30px 40px 40px; }
.ay-panel-kapat { position: absolute; right: 18px; top: 18px; width: 44px; height: 44px; padding: 10px; border: 0; background: none; color: #fff; }
.ay-panel-logo { width: 200px; margin-bottom: 30px; }
.ay-panel-menu, .ay-panel-hizli { display: flex; flex-direction: column; }
.ay-panel-menu a { padding: 10px 0; font-size: 18px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, .15); }
.ay-panel-hizli { margin-top: 24px; }
.ay-panel-hizli a { padding: 6px 0; font-size: 13px; text-transform: uppercase; opacity: .85; }
.ay-panel a:hover { color: #d8f0b8; }
.ay-panel-bayi { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; font-weight: 700; }
.ay-panel-bayi svg { width: 20px; }
.ay-panel-bilgi { margin: 30px 0 0; padding: 0; list-style: none; font-size: 14px; }
.ay-panel-bilgi li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; padding: 7px 0; }
.ay-panel-bilgi svg { width: 18px; margin-top: 2px; }
.ay-perde { position: fixed; inset: 0; z-index: 55; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
body.is-panel-acik .ay-perde { opacity: 1; visibility: visible; }
body.is-panel-acik { overflow: hidden; }

/* Vitrin */
.ay-vitrin { position: relative; display: grid; background: #222; }
.ay-vitrin-oge { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .9s, visibility .9s; }
.ay-vitrin-oge.is-aktif { opacity: 1; visibility: visible; }
.ay-vitrin .ay-vitrin-oge img { width: 100%; aspect-ratio: 2.09; object-fit: cover; }
.ay-vitrin-ok { position: absolute; top: 50%; z-index: 2; width: 34px; height: 68px; margin-top: -34px; padding: 4px; border: 0; background: none; color: #fff; opacity: .7; }
.ay-vitrin-ok:hover { opacity: 1; }
.ay-vitrin-geri { left: 30px; }
.ay-vitrin-ileri { right: 30px; }

/* Ürün grupları */
.ay-gruplar { position: relative; z-index: 3; margin-top: -145px; }
.ay-grup-baslik { display: inline-flex; align-items: center; gap: 8px; height: 60px; padding: 0 40px; background: var(--ay-yesil); color: #fff; }
.ay-grup-baslik h2 { font-size: 16px; font-weight: 600; margin-right: 16px; }
.ay-grup-baslik button { width: 24px; height: 30px; padding: 3px; border: 0; background: none; color: #fff; }
.ay-serit { display: grid; grid-auto-flow: column; grid-auto-columns: 25%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; background: var(--ay-gri); }
.ay-serit::-webkit-scrollbar { display: none; }
.ay-grup { scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 34px 14px 40px; border-right: 1px solid #ddd; text-align: center; }
.ay-grup h3 { min-height: 58px; font-size: 19px; font-weight: 400; }
.ay-grup img { width: 100%; aspect-ratio: 261 / 173; object-fit: cover; }
.ay-grup .ay-dugme { padding: 10px 40px; margin-top: auto; }

/* Franchise başvurusu */
.ay-basvuru { position: relative; padding: 120px 0 130px; margin-top: -30px; background: linear-gradient(180deg, #8a8a8a 0, #a9a9a9 30%, #e9e9e9 72%, #fff 100%); overflow: hidden; }
.ay-basvuru::before { content: ''; position: absolute; right: -10%; top: -30%; width: 70%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 65%); }
.ay-basvuru-ic { position: relative; display: grid; grid-template-columns: 5fr 7fr; gap: 0; }
.ay-basvuru-sol img { width: 182px; margin-bottom: 30px; }
.ay-basvuru-iri { font-size: clamp(42px, 5.6vw, 80px); font-weight: 800; letter-spacing: -.03em; line-height: 1; color: #2d2d2d; margin-bottom: 36px; }
.ay-basvuru-sol p:last-child { font-size: 15px; }
.ay-basvuru-sag h1 { font-size: clamp(26px, 3vw, 42px); font-weight: 500; color: #fff; text-transform: uppercase; margin-bottom: 8px; }
.ay-basvuru-alt { font-size: 12px; color: #fff; margin-bottom: 26px; }

/* Çekirdek form (franchise / iletişim) */
.ay-form form .row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
.ay-form [class*="col-"] { min-width: 0; }
.ay-form .col-12, .ay-form .col-lg-12 { grid-column: 1 / -1; }
.ay-form .d-none { display: none; }
.ay-form .col-md-8 { grid-column: 1; }
.ay-form .col-4:not(.col-lg-4) { grid-column: 2; display: flex; justify-content: flex-end; align-items: flex-start; }
.ay-form input[type="text"], .ay-form input[type="email"], .ay-form select, .ay-form textarea { width: 100%; height: 68px; padding: 0 28px; border: 0; border-radius: 12px; background: #fff; font: inherit; font-size: 19px; color: var(--ay-yazi); box-shadow: 0 2px 12px rgba(0, 0, 0, .05); }
.ay-form select { font-size: 16px; padding: 0 12px; appearance: auto; }
.ay-form textarea { height: 170px; padding: 20px 28px; resize: vertical; }
.ay-form input:focus, .ay-form select:focus, .ay-form textarea:focus { outline: 2px solid var(--ay-yesil); }
.ay-form input::placeholder, .ay-form textarea::placeholder { color: #888; opacity: 1; }
.ay-form .h-buton { display: inline-flex; align-items: center; min-height: 57px; padding: 10px 46px; border: 0; background: var(--ay-yesil); color: #fff; font-size: 14px; transition: background-color .2s; }
.ay-form .h-buton:hover { background: var(--ay-yesil-koyu); }
.ay-form .h-buton .dizi { display: flex; align-items: center; gap: 14px; }
.ay-form .h-buton svg { width: 42px; height: auto; }
.ay-form .h-buton svg * { fill: #fff; stroke: #fff; }
.ay-form-acik input[type="text"], .ay-form-acik input[type="email"], .ay-form-acik select, .ay-form-acik textarea { height: 52px; font-size: 14px; border: 1px solid #ececec; box-shadow: none; border-radius: 6px; padding: 0 16px; }
.ay-form-acik textarea { height: 140px; padding: 14px 16px; }
.ay-form-acik form .row { gap: 18px; }
.ay-form-acik .col-md-8, .ay-form-acik .col-4:not(.col-lg-4) { grid-column: 1 / -1; justify-content: flex-start; }

/* Bölümler */
.ay-bolum { padding: 50px 0 40px; }
.ay-gri { background: var(--ay-gri); }
.ay-yesil-baslik { font-size: clamp(36px, 4vw, 58px); font-weight: 800; letter-spacing: -.04em; color: var(--ay-yesil); margin-bottom: 10px; }
.ay-bolum-yazi { max-width: 560px; margin-bottom: 40px; }
.ay-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 30px; }
.ay-kart { display: block; padding: 45px; margin-bottom: 30px; background: #fff; box-shadow: var(--ay-golge); transition: box-shadow .25s; }
.ay-kart:hover { box-shadow: 0 12px 36px rgba(0, 0, 0, .14); }
.ay-kart-resim { display: block; overflow: hidden; margin-bottom: 20px; }
.ay-kart-resim img { width: 100%; aspect-ratio: 275 / 107; object-fit: cover; transition: transform .5s; }
.ay-kart:hover .ay-kart-resim img { transform: scale(1.04); }
.ay-kart h2, .ay-kart h3 { font-size: 20px; font-weight: 300; letter-spacing: -.02em; line-height: 1.5; }
.ay-kart:hover h2, .ay-kart:hover h3 { color: var(--ay-yesil); }

/* Hakkımızda */
.ay-hakkinda { position: relative; padding: 70px 0 30px; overflow: hidden; }
.ay-hakkinda::before, .ay-hakkinda::after { content: ''; position: absolute; border-radius: 50%; filter: blur(40px); background: rgba(160, 160, 160, .35); pointer-events: none; }
.ay-hakkinda::before { left: -5%; top: 10%; width: 45%; height: 60%; }
.ay-hakkinda::after { right: -5%; top: 0; width: 60%; height: 55%; background: rgba(150, 150, 150, .3); }
.ay-hakkinda-ic { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 20px; }
.ay-hakkinda-ic p { font-size: 15px; line-height: 1.6; margin-bottom: 46px; }
.ay-hakkinda-ic img { width: 100%; }

/* Şubeler bölümü ve harita */
.ay-subeler { padding: 50px 0 70px; }
.ay-subeler-ic { display: grid; grid-template-columns: 7fr 4fr; gap: 60px; align-items: center; }
.ay-subeler-yazi h2 { font-size: clamp(36px, 4vw, 54px); font-weight: 800; letter-spacing: -.04em; color: var(--ay-kahve); margin-bottom: 20px; }
.ay-subeler-yazi p { margin-bottom: 22px; }
.ay-harita svg { width: 100%; height: auto; display: block; }
.ay-harita path { fill: #dcdbdb; stroke: #fff; stroke-width: .8; transition: fill .5s; }
.ay-harita text { display: none; font-family: 'Montserrat', sans-serif; font-size: 11px; pointer-events: none; }
.ay-harita-sus g.is-yanik path { fill: #e41d3d; }
.ay-harita-sube { margin: 40px 0 20px; }
.ay-harita-sube path { fill: #ede6e1; cursor: pointer; }
.ay-harita-sube g.is-bayi path { fill: #d3e4c4; }
.ay-harita-sube .ay-etiketler text { display: block; fill: #000; font-size: 11px; }
.ay-harita-sube g:hover path { fill: #b9d79e; }
.ay-harita-sube g.is-secili path { fill: var(--ay-yesil); }

.ay-sube-sonuc { scroll-margin-top: 130px; }
.ay-sube-sonuc h2 { font-size: 24px; font-weight: 700; margin: 20px 0 16px; }
.ay-tablo { overflow-x: auto; margin-bottom: 40px; }
.ay-tablo table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ay-tablo th, .ay-tablo td { padding: 12px 14px; border-bottom: 1px solid var(--ay-cizgi); text-align: left; vertical-align: top; }
.ay-tablo th { background: var(--ay-gri); font-weight: 600; white-space: nowrap; }
.ay-tablo tr:hover td { background: #fafafa; }
.ay-tablo a { color: var(--ay-yesil); font-weight: 600; white-space: nowrap; }

/* Alt bilgi */
.ay-alt { background: var(--ay-gri); padding: 70px 0 0; font-size: 13px; }
.ay-alt-izgara { display: grid; grid-template-columns: 2fr 1.3fr 3fr 1.2fr; gap: 40px; padding-bottom: 60px; }
.ay-alt-firma img { width: 165px; margin-bottom: 30px; }
.ay-alt-firma p { margin-bottom: 18px; max-width: 220px; }
.ay-alt-firma a { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; font-weight: 600; }
.ay-alt-firma svg { width: 15px; flex: 0 0 15px; }
.ay-alt-sutun h2 { font-size: 15px; font-weight: 600; margin-bottom: 8px; }
.ay-alt ul { margin: 0; padding: 0; list-style: none; }
.ay-alt li { padding: 4px 0; }
.ay-alt-urunler ul { columns: 2; column-gap: 20px; }
.ay-alt a:hover { color: var(--ay-yesil); }
.ay-alt-sosyal { display: flex; gap: 16px; padding-top: 26px; }
.ay-alt-sosyal svg { width: 24px; color: #333; }
.ay-alt-sosyal a:hover svg { color: var(--ay-yesil); }
.ay-alt-son { padding: 18px 0; background: #fff; font-size: 12.5px; }

/* Çerez bandı */
.ay-cerez { position: fixed; right: 0; bottom: 50px; z-index: 50; width: min(576px, 100%); padding: 50px 60px 40px; background: #fff; box-shadow: 0 10px 40px rgba(0, 0, 0, .15); animation: ay-gir .5s ease-out; }
@keyframes ay-gir { from { transform: translateX(60px); opacity: 0; } to { transform: none; opacity: 1; } }
.ay-cerez .ay-cerez-baslik { font-size: 38px; font-weight: 700; line-height: 1.2; margin-bottom: 10px; }
.ay-cerez p { font-size: 15px; }
.ay-cerez-alt { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.ay-cerez-kapat { width: 60px; height: 60px; padding: 18px; border: 0; background: var(--ay-kirmizi); color: #fff; }

/* Yüzen düğmeler (kendi görselleri) */
.ay-yuzen { position: fixed; right: 0; bottom: 30px; z-index: 45; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; pointer-events: none; }
.ay-yuzen a { pointer-events: auto; display: block; width: 350px; margin-right: -140px; transition: margin-right .4s ease; }
.ay-yuzen a:hover, .ay-yuzen a:focus-visible { margin-right: -64px; }
.ay-yuzen .ay-yuzen-fr { margin-right: -160px; }

/* Açılış pencereleri */
.ay-acilis { width: min(440px, calc(100% - 40px)); padding: 0; border: 0; background: transparent; overflow: visible; }
.ay-acilis::backdrop { background: rgba(0, 0, 0, .65); }
.ay-acilis img { width: 100%; max-height: 85vh; object-fit: contain; border-radius: 6px; }
.ay-acilis-kapat { position: absolute; top: -14px; right: -14px; z-index: 1; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #000; font-size: 24px; line-height: 36px; }
.ay-acilis-reklam { width: min(700px, calc(100% - 40px)); }
.ay-acilis-reklam-ic img { width: 100%; height: auto !important; }

/* İç sayfa bandı */
.ay-bant { background: linear-gradient(180deg, var(--ay-gri) 0 40px, transparent 40px); padding-bottom: 10px; }
.ay-kirinti { display: flex; justify-content: flex-end; align-items: center; gap: 8px; height: 40px; font-size: 13px; }
.ay-kirinti a { font-weight: 600; }
.ay-kirinti a:hover { color: var(--ay-yesil); }
.ay-kirinti svg { width: 13px; }
.ay-bant h1, .ay-bant-baslik { margin: 0; display: flex; align-items: center; min-height: 88px; padding: 16px 20px; background: var(--ay-yesil); color: #fff; font-size: clamp(24px, 2.6vw, 34px); font-weight: 300; }
.ay-sekmeler { border-bottom: 1px solid var(--ay-cizgi); }
.ay-sekmeler .ay-kap { display: flex; flex-wrap: wrap; gap: 0 44px; }
.ay-sekmeler a { position: relative; padding: 22px 0; font-size: 17px; color: #444; transition: color .2s; }
.ay-sekmeler a::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--ay-yesil); transform: scaleX(0); transition: transform .25s; }
.ay-sekmeler a:hover, .ay-sekmeler a.is-aktif { color: var(--ay-yesil); }
.ay-sekmeler a.is-aktif::after, .ay-sekmeler a:hover::after { transform: scaleX(1); }
.ay-sayfa { padding: 60px 0 90px; }
.ay-orta-yazi { text-align: center; }
.ay-metin { font-size: 15px; line-height: 1.7; }
.ay-metin > :last-child { margin-bottom: 0; }
.ay-metin h2 { font-size: 26px; font-weight: 600; margin: 1.2em 0 .5em; }
.ay-metin h3 { font-size: 21px; font-weight: 600; margin: 1.1em 0 .5em; }
.ay-metin img { display: inline-block; }
.ay-metin a { color: var(--ay-yesil); text-decoration: underline; }
.ay-metin table { width: 100%; border-collapse: collapse; }
.ay-metin td, .ay-metin th { padding: 8px; border: 1px solid var(--ay-cizgi); }
.ay-kurumsal { padding: 30px 0 50px; }
.ay-kurumsal + .ay-kurumsal { border-top: 1px solid var(--ay-cizgi); }
.ay-kucuk-baslik { font-size: 22px; font-weight: 700; margin: 0 0 4px; }
.ay-kirmizi-baslik { font-size: clamp(28px, 3vw, 36px); font-weight: 800; letter-spacing: -.04em; color: #e2183d; margin-bottom: 40px; }
.ay-galeri { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-top: 30px; }
.ay-galeri a { overflow: hidden; border-radius: 10px; }
.ay-galeri img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .5s; }
.ay-galeri a:hover img { transform: scale(1.04); }
.ay-belgeler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 24px; margin-top: 30px; }
.ay-belge { display: grid; grid-template-columns: minmax(0, 1fr) 126px; align-items: center; gap: 16px; min-height: 242px; padding: 30px 40px; background: var(--ay-gri); transition: background-color .2s; }
.ay-belge span { font-size: 20px; line-height: 1.5; text-transform: uppercase; }
.ay-belge img { width: 126px; max-height: 180px; object-fit: contain; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, .1); }
.ay-belge:hover { background: #e7e7e7; }
.ay-yazi-resim { width: 100%; margin-bottom: 40px; }
.ay-sss { background: #fff; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, .1); overflow: hidden; }
.ay-soru + .ay-soru { border-top: 1px solid #e6e6e6; }
.ay-soru summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 30px 42px; cursor: pointer; list-style: none; }
.ay-soru summary::-webkit-details-marker { display: none; }
.ay-soru summary h2 { font-size: 19px; font-weight: 500; }
.ay-soru summary svg { flex: 0 0 18px; width: 18px; transition: transform .25s; }
.ay-soru[open] { background: #f8f8f8; }
.ay-soru[open] summary h2 { color: var(--ay-yesil); }
.ay-soru[open] summary svg { transform: rotate(180deg); }
.ay-soru .ay-metin { padding: 0 42px 30px; }
.ay-sayfalama { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 40px; }
.ay-sayfalama a { min-width: 44px; height: 44px; display: grid; place-items: center; background: var(--ay-gri); font-weight: 600; }
.ay-sayfalama a.is-aktif, .ay-sayfalama a:hover { background: var(--ay-yesil); color: #fff; }

/* Ürünler */
.ay-urunler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 24px; }
.ay-urun { display: flex; flex-direction: column; align-items: center; padding: 34px 2px 40px; background: var(--ay-gri); text-align: center; transition: background-color .2s; }
.ay-urun h2 { min-height: 70px; padding: 0 20px; font-size: 20px; font-weight: 700; }
.ay-urun-fiyat { display: block; margin: 10px 0 24px; font-size: 13px; }
.ay-urun img { width: 100%; border-radius: 10px; border: 2px solid #fff; transition: transform .4s; }
.ay-urun:hover { background: #e7e7e7; }
.ay-urun:hover img { transform: scale(1.02); }
.ay-urun-detay { display: grid; grid-template-columns: 1fr 1fr; gap: 60px 120px; align-items: start; }
.ay-urun-resimler { position: relative; display: grid; border: 1px solid #ddd; }
.ay-urun-resimler .ay-vitrin-oge img { width: 100%; }
.ay-urun-resimler .ay-vitrin-ok { color: #fff; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5)); }
.ay-urun-bilgi .ay-kirmizi-baslik { margin-bottom: 24px; }
.ay-urun-bilgi .ay-metin { margin-bottom: 20px; }
.ay-urun-bilgi .ay-urun-fiyat { font-size: 16px; font-weight: 600; margin: 0 0 24px; }
.ay-benzer { margin-top: 110px; }
.ay-benzer .ay-yesil-baslik { margin-bottom: 40px; }
.ay-benzer-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ay-benzer-kart { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 50px; align-items: center; padding: 15px; border: 1px solid #ddd; transition: border-color .2s; }
.ay-benzer-kart img { width: 100%; aspect-ratio: 209 / 139; object-fit: cover; }
.ay-benzer-kart b { display: block; font-size: 20px; color: #e2183d; margin-bottom: 18px; }
.ay-devami { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 600; }
.ay-devami i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #e2183d; color: #fff; transition: transform .25s; }
.ay-devami svg { width: 14px; }
.ay-benzer-kart:hover { border-color: #e2183d; }
.ay-benzer-kart:hover .ay-devami i { transform: rotate(45deg); }

/* İletişim */
.ay-iletisim { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.ay-adres { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #ddd; }
.ay-adres h2 { font-size: 20px; font-weight: 700; margin-bottom: 4px; }
.ay-adres p { font-size: 13px; margin-bottom: 14px; }
.ay-adres a { display: flex; align-items: center; gap: 8px; font-size: 13px; padding: 4px 0; }
.ay-adres svg { width: 14px; flex: 0 0 14px; }
.ay-adres a:hover { color: var(--ay-yesil); }
.ay-iletisim-sosyal { display: flex; gap: 16px; }
.ay-iletisim-sosyal svg { width: 24px; }
.ay-iletisim-form { padding: 40px; background: #fff; box-shadow: 0 10px 40px rgba(0, 0, 0, .1); }
.ay-iletisim-form h2 { font-size: 22px; font-weight: 700; margin-bottom: 24px; }
.ay-harita-alan { margin-top: 60px; }
.ay-harita-alan iframe { display: block; width: 100%; height: 420px; border: 0; }

/* Görsel büyütme */
.ay-buyut { position: fixed; inset: 0; z-index: 90; margin: 0; display: grid; place-items: center; padding: 50px 60px; background: rgba(10, 10, 10, .9); }
.ay-buyut img { max-width: 100%; max-height: 100%; object-fit: contain; }
.ay-buyut button { position: absolute; width: 48px; height: 48px; padding: 10px; border: 0; background: none; color: #fff; }
.ay-buyut [data-kapat] { top: 10px; right: 10px; }
.ay-buyut [data-onceki] { left: 8px; top: 50%; transform: translateY(-50%); }
.ay-buyut [data-sonraki] { right: 8px; top: 50%; transform: translateY(-50%); }

@media (max-width: 1299px) {
	.ay-menu { gap: 26px; }
	.ay-menu a { letter-spacing: .18em; font-size: 12.5px; }
	.ay-ust-satir { gap: 18px; font-size: 11.5px; }
	.ay-logo { padding-left: 20px; }
	.ay-logo img { width: 180px; }
	.ay-urun-detay { gap: 50px; }
}
@media (max-width: 1099px) {
	.ay-ust-satir a:not(.ay-ust-tel) { display: none; }
	.ay-menu { gap: 18px; }
	.ay-menu a { letter-spacing: .08em; }
	.ay-serit { grid-auto-columns: 33.333%; }
	.ay-belgeler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ay-alt-izgara { grid-template-columns: 1fr 1fr; }
}

/* Tablet ve telefon */
@media (max-width: 991px) {
	html { scroll-padding-top: 80px; }
	body { font-size: 15px; }
	.ay-ust, .ay-ust.is-golgeli { height: 70px; }
	.ay-logo { padding: 0 16px; margin-right: auto; }
	.ay-logo img, .ay-ust.is-golgeli .ay-logo img { width: 140px; }
	.ay-ust-orta { display: none; }
	.ay-ust-sag, .ay-ust.is-golgeli .ay-ust-sag { flex-direction: row; flex-basis: 140px; }
	.ay-ara, .ay-ust.is-golgeli .ay-ara { top: 70px; }

	.ay-vitrin .ay-vitrin-oge img { aspect-ratio: 1.5; }
	.ay-vitrin-ok { width: 24px; height: 48px; margin-top: -24px; }
	.ay-vitrin-geri { left: 10px; }
	.ay-vitrin-ileri { right: 10px; }
	.ay-gruplar { margin-top: -60px; }
	.ay-grup-baslik { padding: 0 20px; height: 54px; }
	.ay-serit { grid-auto-columns: 78%; }
	.ay-grup h3 { min-height: 0; font-size: 17px; }

	.ay-basvuru { padding: 60px 0 70px; margin-top: 0; }
	.ay-basvuru-ic { grid-template-columns: 1fr; gap: 30px; }
	.ay-basvuru-iri { margin-bottom: 16px; }
	.ay-form form .row { grid-template-columns: 1fr; gap: 14px; }
	.ay-form .col-md-8, .ay-form .col-4:not(.col-lg-4) { grid-column: 1; justify-content: flex-start; }
	.ay-form input[type="text"], .ay-form input[type="email"], .ay-form select { height: 56px; font-size: 16px; padding: 0 18px; }

	.ay-kartlar { grid-template-columns: 1fr; }
	.ay-kart { padding: 24px; margin-bottom: 20px; }
	.ay-hakkinda-ic { grid-template-columns: 1fr; }
	.ay-hakkinda-ic p { margin-bottom: 24px; }
	.ay-subeler-ic { grid-template-columns: 1fr; gap: 30px; }
	.ay-alt { padding: 50px 0 0; }
	.ay-alt-izgara { padding-bottom: 40px; }
	.ay-alt-izgara { grid-template-columns: 1fr; gap: 24px; }
	.ay-alt-son { padding-bottom: 130px; }
	.ay-cerez { bottom: 0; padding: 26px 20px 20px; }
	.ay-cerez .ay-cerez-baslik { font-size: 24px; }
	.ay-cerez p { font-size: 13px; }
	.ay-cerez-kapat { width: 50px; height: 50px; padding: 14px; }
	.ay-yuzen { bottom: 14px; }
	.ay-yuzen a { width: 210px; margin-right: -86px; }
	.ay-yuzen .ay-yuzen-fr { margin-right: -96px; }

	.ay-bant h1, .ay-bant-baslik { min-height: 64px; padding: 14px 16px; }
	.ay-kirinti { justify-content: flex-start; overflow: hidden; white-space: nowrap; }
	.ay-sekmeler .ay-kap { flex-wrap: nowrap; overflow-x: auto; gap: 0 26px; scrollbar-width: none; }
	.ay-sekmeler a { flex: 0 0 auto; padding: 16px 0; font-size: 15px; }
	.ay-sayfa { padding: 40px 0 60px; }
	.ay-belgeler { grid-template-columns: 1fr; }
	.ay-belge { grid-template-columns: minmax(0, 1fr) 96px; min-height: 0; padding: 20px; }
	.ay-belge span { font-size: 16px; }
	.ay-belge img { width: 96px; }
	.ay-soru summary { padding: 22px 20px; }
	.ay-soru summary h2 { font-size: 16px; }
	.ay-soru .ay-metin { padding: 0 20px 22px; }
	.ay-urunler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
	.ay-urun { padding: 20px 2px 22px; }
	.ay-urun h2 { min-height: 0; padding: 0 10px; font-size: 16px; }
	.ay-urun-fiyat { margin: 6px 0 14px; }
	.ay-urun-detay { grid-template-columns: 1fr; gap: 30px; }
	.ay-benzer { margin-top: 60px; }
	.ay-benzer-izgara { grid-template-columns: 1fr; }
	.ay-benzer-kart { grid-template-columns: 120px minmax(0, 1fr); gap: 20px; }
	.ay-benzer-kart b { font-size: 17px; margin-bottom: 8px; }
	.ay-iletisim { grid-template-columns: 1fr; gap: 30px; }
	.ay-iletisim-form { padding: 24px 18px; }
	.ay-harita-alan iframe { height: 300px; }
	.ay-tablo table { font-size: 13px; }
}