/* Dijital Pazar Alanı · ziyaretçi sayfaları */

:root {
  --kagit: #fbf8f1;
  --kagit-2: #f3eee2;
  --kart: #ffffff;
  --murekkep: #1d261e;
  --soluk: #5b675c;
  --cizgi: #e4dccb;
  --yesil: #2f6b3f;
  --yesil-koyu: #1f4a2c;
  --yesil-acik: #e3eedb;
  --kiremit: #c4592f;
  --kiremit-acik: #f8e3d8;
  --bugday: #e8b84a;
  --bugday-acik: #fbf0d3;
  --hata: #b3261e;
  --golge: 0 1px 2px rgba(29, 38, 30, .06), 0 8px 24px -8px rgba(29, 38, 30, .16);
  --yaricap: 16px;
  --baslik-font: "Fraunces", Georgia, "Times New Roman", serif;
  --govde-font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0;
  background: var(--kagit);
  color: var(--murekkep);
  font: 400 1rem/1.65 var(--govde-font);
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
a { color: var(--yesil); text-underline-offset: 3px; }
a:hover { color: var(--yesil-koyu); }
h1, h2, h3 { font-family: var(--baslik-font); font-weight: 600; line-height: 1.15; margin: 0; letter-spacing: -.01em; }
p { margin: 0 0 1em; }
:focus-visible { outline: 3px solid var(--bugday); outline-offset: 2px; border-radius: 4px; }

.kap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.gizli-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: absolute; left: -999px; top: 8px; background: var(--murekkep); color: #fff; padding: 8px 14px; border-radius: 8px; z-index: 100; }
.atla:focus { left: 8px; }

.duyuru { background: var(--bugday); color: var(--murekkep); text-align: center; font-weight: 600; font-size: .92rem; padding: 8px 16px; }

/* ---------- düğmeler ---------- */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 12px 24px; border-radius: 999px; border: 2px solid var(--yesil-koyu);
  background: var(--yesil-koyu); color: #fff; font: 700 1rem/1.2 var(--govde-font);
  text-decoration: none; cursor: pointer; transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.dugme:hover { background: var(--yesil); border-color: var(--yesil); color: #fff; transform: translateY(-1px); box-shadow: 0 6px 18px -8px rgba(31, 74, 44, .6); }
.dugme-ikincil { background: transparent; color: var(--yesil-koyu); }
.dugme-ikincil:hover { background: var(--yesil-acik); color: var(--yesil-koyu); border-color: var(--yesil-koyu); }
.dugme-kucuk { min-height: 40px; padding: 8px 18px; font-size: .95rem; }
.dugme-acik { background: var(--bugday); border-color: var(--bugday); color: var(--murekkep); }
.dugme-acik:hover { background: #f1c865; border-color: #f1c865; color: var(--murekkep); }
.dugme-cizgi { background: transparent; border-color: rgba(255, 255, 255, .55); color: #fff; }
.dugme-cizgi:hover { background: rgba(255, 255, 255, .1); border-color: #fff; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- üst menü ---------- */
.ust { position: sticky; top: 0; z-index: 50; background: rgba(251, 248, 241, .92); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 72px; }
.marka { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--murekkep); }
.marka:hover { color: var(--murekkep); }
.marka-ad { font-family: var(--baslik-font); font-weight: 600; font-size: 1.28rem; letter-spacing: -.01em; white-space: nowrap; }
.marka-ad em { font-style: italic; color: var(--kiremit); }
.logo-isaret { flex: none; border-radius: 11px; }
.ana-menu { display: flex; align-items: center; gap: 28px; }
.ana-menu ul { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; }
.ana-menu ul a { color: var(--murekkep); text-decoration: none; font-weight: 600; font-size: .96rem; padding: 6px 0; border-bottom: 2px solid transparent; }
.ana-menu ul a:hover, .ana-menu ul a[aria-current="page"] { border-bottom-color: var(--kiremit); color: var(--murekkep); }
.menu-dugme { display: none; width: 44px; height: 44px; border: 1px solid var(--cizgi); background: var(--kart); border-radius: 12px; cursor: pointer; position: relative; }
.menu-cizgi, .menu-cizgi::before, .menu-cizgi::after { position: absolute; left: 12px; width: 18px; height: 2px; background: var(--murekkep); border-radius: 2px; transition: transform .2s ease, opacity .2s ease; }
.menu-cizgi { top: 21px; }
.menu-cizgi::before, .menu-cizgi::after { content: ""; left: 0; }
.menu-cizgi::before { top: -6px; }
.menu-cizgi::after { top: 6px; }
.menu-dugme[aria-expanded="true"] .menu-cizgi { background: transparent; }
.menu-dugme[aria-expanded="true"] .menu-cizgi::before { transform: translateY(6px) rotate(45deg); }
.menu-dugme[aria-expanded="true"] .menu-cizgi::after { transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 960px) {
  .menu-dugme { display: block; }
  .ana-menu {
    position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column; align-items: stretch; gap: 16px;
    padding: 16px 20px 24px; background: var(--kagit); border-bottom: 1px solid var(--cizgi);
    box-shadow: 0 16px 24px -16px rgba(0, 0, 0, .2);
    display: none;
  }
  .ana-menu.acik { display: flex; }
  .ana-menu ul { flex-direction: column; gap: 0; }
  .ana-menu ul a { display: block; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
  .ana-menu ul a:hover, .ana-menu ul a[aria-current="page"] { border-bottom-color: var(--cizgi); color: var(--kiremit); }
}
@media (max-width: 420px) { .marka-ad { font-size: 1.1rem; } }

/* ---------- karşılama ---------- */
.karsilama {
  position: relative; overflow: hidden;
  background:
    radial-gradient(900px 420px at 88% 8%, rgba(232, 184, 74, .22), transparent 60%),
    radial-gradient(700px 400px at 4% 100%, rgba(47, 107, 63, .12), transparent 60%),
    var(--kagit);
}
.karsilama::after { /* tarla sıraları */
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 10px;
  background: repeating-linear-gradient(90deg, var(--yesil-koyu) 0 40px, var(--bugday) 40px 80px, var(--kiremit) 80px 120px);
  opacity: .9;
}
.karsilama-ic { display: grid; grid-template-columns: 1.2fr .8fr; gap: 48px; align-items: center; padding-top: 72px; padding-bottom: 96px; }
.ust-etiket { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; color: var(--yesil); background: var(--yesil-acik); padding: 6px 14px; border-radius: 999px; margin-bottom: 28px; }
.nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--yesil); box-shadow: 0 0 0 4px rgba(47, 107, 63, .18); }
.slogan { font-size: clamp(2rem, 3.9vw, 3.35rem); font-weight: 600; line-height: 1.1; margin-bottom: 28px; }
.slogan-satir { display: flex; align-items: center; flex-wrap: nowrap; gap: 0 .3em; white-space: nowrap; }
@media (max-width: 600px) { .slogan-satir { flex-wrap: wrap; white-space: normal; } .slogan { font-size: clamp(2rem, 9vw, 2.6rem); } }
.slogan-satir > span:last-child { font-style: italic; }
.slogan-satir:nth-child(1) > span:last-child { color: var(--yesil); }
.slogan-satir:nth-child(2) > span:last-child { color: #a8761a; }
.slogan-satir:nth-child(3) > span:last-child { color: var(--kiremit); }
.ok { display: inline-block; width: .9em; height: .5em; position: relative; flex: none; }
.ok::before { content: ""; position: absolute; left: 0; right: .14em; top: 50%; height: .07em; min-height: 2px; background: currentColor; opacity: .45; transform: translateY(-50%); }
.ok::after { content: ""; position: absolute; right: .02em; top: 50%; width: .22em; height: .22em; border-top: .07em solid currentColor; border-right: .07em solid currentColor; opacity: .45; transform: translateY(-50%) rotate(45deg); }
.giris-yazi { font-size: 1.14rem; color: var(--soluk); max-width: 34em; margin-bottom: 32px; }
.guvenceler { list-style: none; padding: 0; margin: 28px 0 0; display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: .93rem; font-weight: 600; color: var(--soluk); }
.guvenceler li { display: flex; align-items: center; gap: 8px; }
.guvenceler li::before { content: ""; width: 18px; height: 18px; border-radius: 50%; background: var(--yesil-acik) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%232f6b3f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; }

/* karşılama örnek kartları */
.karsilama-gorsel { position: relative; min-height: 640px; }
.ornek-kart { position: absolute; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 18px; box-shadow: var(--golge); padding: 18px; }
.ornek-etiket { position: absolute; top: -11px; right: 16px; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; background: var(--murekkep); color: #fff; padding: 3px 10px; border-radius: 999px; }
.ornek-vitrin { top: 0; left: 0; width: 80%; transform: rotate(-1.5deg); z-index: 1; }
.tarayici { display: flex; align-items: center; gap: 6px; background: var(--kagit-2); border-radius: 10px; padding: 8px 10px; margin-bottom: 16px; font-size: .74rem; }
.tarayici span { width: 8px; height: 8px; border-radius: 50%; background: var(--cizgi); }
.tarayici b { margin-left: 6px; font-weight: 600; color: var(--soluk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ornek-uretici { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.ornek-uretici strong { display: block; font-family: var(--baslik-font); font-size: 1.15rem; }
.ornek-uretici small { color: var(--soluk); font-size: .85rem; }
.ornek-avatar, .uretici-avatar { width: 46px; height: 46px; flex: none; border-radius: 14px; display: grid; place-items: center; font-weight: 700; color: #fff; background: linear-gradient(135deg, var(--bugday), var(--kiremit)); }
.ornek-urunler { list-style: none; margin: 0; padding: 0; }
.ornek-urunler li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0; border-top: 1px dashed var(--cizgi); font-weight: 600; font-size: .95rem; }
.stok { font-style: normal; font-size: .76rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.stok-var { background: var(--yesil-acik); color: var(--yesil); }
.stok-az { background: var(--bugday-acik); color: #8a5d00; }
.stok-yok { background: #eeeae3; color: #7a7468; }
.ornek-ilan { right: 0; top: 300px; width: 66%; z-index: 2; transform: rotate(1.8deg); background: var(--bugday-acik); border-color: #f0dca6; }
.ilan-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.ilan-ust small { color: var(--soluk); font-weight: 600; font-size: .8rem; }
.rozet { display: inline-block; font-size: .74rem; font-weight: 700; letter-spacing: .03em; padding: 3px 10px; border-radius: 999px; background: var(--murekkep); color: #fff; }
.rozet-yesil { background: var(--yesil); }
.rozet-kiremit { background: var(--kiremit); }
.rozet-bugday { background: var(--bugday); color: var(--murekkep); }
.ilan-metin { font-family: var(--baslik-font); font-size: 1.12rem; line-height: 1.35; margin-bottom: 8px; }
.ilan-hedef { font-size: .86rem; color: var(--soluk); margin: 0; }
.ornek-mesaj { left: 0; top: 500px; width: 58%; padding: 14px; z-index: 3; transform: rotate(-.8deg); display: grid; gap: 8px; }
.balon { margin: 0; padding: 10px 14px; border-radius: 14px 14px 14px 4px; background: var(--kagit-2); font-size: .88rem; line-height: 1.45; }
.balon-cevap { justify-self: end; border-radius: 14px 14px 4px 14px; background: var(--yesil-koyu); color: #fff; max-width: 85%; }

@media (max-width: 1080px) {
  .karsilama-ic { grid-template-columns: 1fr; gap: 40px; padding-top: 48px; padding-bottom: 72px; }
  .karsilama-gorsel { min-height: 0; display: grid; gap: 22px; max-width: 520px; }
  .ornek-kart { position: relative; inset: auto; width: auto; transform: none; }
  .ornek-mesaj { display: none; }
}

/* ---------- genel bölüm ---------- */
.bolum { padding: 96px 0; }
.bolum-ust { font-weight: 700; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; color: var(--kiremit); margin-bottom: 12px; }
.bolum-baslik { font-size: clamp(1.8rem, 3.6vw, 2.75rem); margin-bottom: 20px; }
.bolum-yazi { font-size: 1.08rem; color: var(--soluk); max-width: 38em; }
@media (max-width: 640px) { .bolum { padding: 64px 0; } }

.ilkeler { background: var(--kart); border-bottom: 1px solid var(--cizgi); }
.ilke-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }
.ilke { padding: 28px; border: 1px solid var(--cizgi); border-radius: var(--yaricap); background: var(--kagit); }
.ilke h3 { font-size: 1.35rem; margin: 18px 0 8px; }
.ilke p { color: var(--soluk); margin: 0; }
.ilke-simge { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--yesil-acik); color: var(--yesil); }
.ilke:nth-child(2) .ilke-simge { background: var(--bugday-acik); color: #8a5d00; }
.ilke:nth-child(3) .ilke-simge { background: var(--kiremit-acik); color: var(--kiremit); }
.ilke-simge svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 860px) { .ilke-izgara { grid-template-columns: 1fr; } }

/* ---------- üretici / tüketici tarafları ---------- */
.taraf-ic { display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: start; }
.taraf-ters .taraf-metin { order: 2; }
.taraf-alt { margin-top: 48px; }
.taraf-tuketici { background: var(--kagit-2); }
.ozellikler { list-style: none; padding: 0; margin: 32px 0 0; display: grid; gap: 18px; }
.ozellikler li { display: grid; gap: 2px; padding-left: 30px; position: relative; }
.ozellikler li::before { content: ""; position: absolute; left: 0; top: 6px; width: 14px; height: 14px; border-radius: 4px; background: var(--yesil); transform: rotate(45deg) scale(.8); }
.taraf-tuketici .ozellikler li::before { background: var(--kiremit); }
.ozellikler b { font-size: 1.05rem; }
.ozellikler span { color: var(--soluk); }
.adres-ornek { font-weight: 700; color: var(--murekkep); background: var(--bugday-acik); padding: 1px 6px; border-radius: 6px; white-space: nowrap; }
.adres-ornek em { font-style: normal; color: var(--soluk); font-weight: 600; }

.adimlar { list-style: none; margin: 0; padding: 32px; background: var(--yesil-koyu); color: #f1ede3; border-radius: 22px; display: grid; gap: 4px; position: relative; }
.adimlar li { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 18px 0; position: relative; }
.adimlar li + li { border-top: 1px solid rgba(255, 255, 255, .12); }
.adim-no { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; font-family: var(--baslik-font); font-weight: 700; font-size: 1.25rem; background: var(--bugday); color: var(--murekkep); }
.adimlar h3 { font-size: 1.2rem; color: #fff; margin: 4px 0 4px; }
.adimlar p { margin: 0; color: rgba(241, 237, 227, .78); font-size: .96rem; }

.pano-onizleme { background: #b98a55; background: linear-gradient(160deg, #c49663, #a8773f); border-radius: 22px; padding: 26px; box-shadow: inset 0 0 0 8px rgba(0, 0, 0, .08), var(--golge); display: grid; gap: 14px; }
.pano-baslik { display: flex; justify-content: space-between; align-items: baseline; color: #fff; font-family: var(--baslik-font); font-size: 1.4rem; font-weight: 600; margin: 0 0 4px; }
.pano-baslik small { font-family: var(--govde-font); font-size: .74rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .85; }
.pano-ilan { background: #fffdf6; border-radius: 6px; padding: 16px 18px 14px; box-shadow: 0 2px 0 rgba(0, 0, 0, .08), 0 8px 16px -10px rgba(0, 0, 0, .5); position: relative; }
.pano-ilan::before { content: ""; position: absolute; top: -6px; left: 50%; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: var(--kiremit); box-shadow: inset -2px -2px 0 rgba(0, 0, 0, .2); }
.pano-ilan:nth-child(odd) { transform: rotate(-.8deg); }
.pano-ilan:nth-child(even) { transform: rotate(.7deg); }
.pano-ilan p { margin: 10px 0 6px; font-weight: 600; line-height: 1.45; }
.pano-ilan small { color: var(--soluk); font-weight: 600; }
@media (max-width: 960px) {
  .taraf-ic { grid-template-columns: 1fr; gap: 40px; }
  .taraf-ters .taraf-metin { order: 0; }
  .adimlar { padding: 20px 22px; }
}

/* ---------- kimler ---------- */
.kimler-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px; }
.kimler-kutu { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 20px; padding: 28px; border-top: 6px solid var(--yesil); }
.kimler-tuketici { border-top-color: var(--kiremit); }
.kimler-kutu h3 { font-size: 1.4rem; margin-bottom: 16px; }
.tip-listesi { list-style: none; margin: 0; padding: 0; display: grid; }
.tip-listesi li { display: grid; gap: 2px; padding: 12px 0; border-top: 1px solid var(--cizgi); }
.tip-listesi b { font-weight: 700; }
.tip-listesi span { color: var(--soluk); font-size: .93rem; }
@media (max-width: 860px) { .kimler-izgara { grid-template-columns: 1fr; } }

/* ---------- vitrin kartları ---------- */
.vitrinler { background: var(--kart); border-top: 1px solid var(--cizgi); }
.bolum-bas-satir { display: flex; justify-content: space-between; align-items: end; gap: 16px; flex-wrap: wrap; margin-bottom: 32px; }
.bolum-bas-satir .bolum-baslik { margin-bottom: 0; }
.bagla-ok { font-weight: 700; text-decoration: none; white-space: nowrap; }
.bagla-ok::after { content: " →"; }
.uretici-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 18px; }
.uretici-kart { display: grid; grid-template-columns: 46px 1fr; grid-template-rows: auto auto auto; column-gap: 14px; align-items: center; padding: 20px; border: 1px solid var(--cizgi); border-radius: var(--yaricap); background: var(--kagit); text-decoration: none; color: var(--murekkep); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.uretici-kart:hover { transform: translateY(-2px); box-shadow: var(--golge); border-color: #d5c9ad; color: var(--murekkep); }
.uretici-kart .uretici-avatar { grid-row: 1 / 3; }
.uretici-kart strong { font-family: var(--baslik-font); font-size: 1.12rem; line-height: 1.25; }
.uretici-kart small { color: var(--soluk); font-weight: 600; }
.uretici-adres { grid-column: 1 / -1; margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--cizgi); font-size: .85rem; font-weight: 600; color: var(--yesil); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- SSS ---------- */
.sss-ic { display: grid; grid-template-columns: .8fr 1.2fr; gap: 56px; }
.sss-liste { display: grid; gap: 12px; }
.sss details { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 14px; padding: 0 22px; }
.sss summary { cursor: pointer; list-style: none; padding: 18px 32px 18px 0; font-weight: 700; font-size: 1.04rem; position: relative; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: ""; position: absolute; right: 4px; top: 50%; width: 10px; height: 10px; margin-top: -7px; border-right: 2px solid var(--kiremit); border-bottom: 2px solid var(--kiremit); transform: rotate(45deg); transition: transform .2s ease; }
.sss details[open] summary::after { transform: rotate(-135deg); margin-top: -2px; }
.sss details p { color: var(--soluk); margin: 0 0 20px; }
@media (max-width: 860px) { .sss-ic { grid-template-columns: 1fr; gap: 24px; } }

/* ---------- katıl şeridi ---------- */
.katil { background: var(--yesil-koyu); color: #f1ede3; padding: 88px 0; position: relative; overflow: hidden; }
.katil::before { content: ""; position: absolute; right: -120px; top: -120px; width: 420px; height: 420px; border-radius: 50%; border: 60px solid rgba(232, 184, 74, .12); }
.katil-ic { position: relative; text-align: center; display: grid; justify-items: center; }
.katil h2 { font-size: clamp(1.9rem, 4vw, 3rem); color: #fff; margin-bottom: 16px; }
.katil p { max-width: 34em; color: rgba(241, 237, 227, .8); font-size: 1.08rem; margin-bottom: 28px; }
.katil .dugmeler { justify-content: center; }

/* ---------- alt bilgi ---------- */
.alt { background: #172a1c; color: rgba(241, 237, 227, .8); padding-top: 64px; }
.alt a { color: #f1ede3; text-decoration: none; }
.alt a:hover { color: var(--bugday); }
.alt .marka, .alt .marka:hover { color: #fff; }
.alt-ic { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; padding-bottom: 40px; }
.alt-slogan { margin-top: 18px; font-family: var(--baslik-font); font-style: italic; font-size: 1.1rem; line-height: 1.5; color: rgba(241, 237, 227, .7); }
.alt-baslik { font-family: var(--govde-font); font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--bugday); margin-bottom: 14px; }
.alt-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; overflow-wrap: anywhere; }
.alt-not { border-top: 1px solid rgba(255, 255, 255, .1); padding-top: 20px; padding-bottom: 28px; font-size: .86rem; }
.alt-not p { margin: 0; }
@media (max-width: 760px) { .alt-ic { grid-template-columns: 1fr; gap: 28px; } }

/* =================== iç sayfalar =================== */
.sayfa-bas { padding: 56px 0 40px; background: var(--kagit-2); border-bottom: 1px solid var(--cizgi); }
.sayfa-bas h1 { font-size: clamp(2rem, 4.2vw, 3rem); margin-bottom: 12px; }
.sayfa-bas p { color: var(--soluk); font-size: 1.08rem; max-width: 40em; margin: 0; }
.sayfa-govde { padding: 48px 0 96px; }

/* sekmeler (başvuru) */
.sekmeler { display: inline-flex; gap: 6px; padding: 6px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 999px; margin-top: 28px; flex-wrap: wrap; }
.sekmeler a { padding: 10px 20px; border-radius: 999px; text-decoration: none; font-weight: 700; color: var(--soluk); }
.sekmeler a[aria-current="page"] { background: var(--yesil-koyu); color: #fff; }

/* formlar */
.form-duzen { display: grid; grid-template-columns: 1fr 320px; gap: 48px; align-items: start; }
.form-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 20px; padding: 32px; box-shadow: var(--golge); }
.form-kart h2 { font-size: 1.5rem; margin-bottom: 6px; }
.form-kart > p { color: var(--soluk); }
.form-bolum { border: 0; padding: 0; margin: 28px 0 0; min-width: 0; }
.form-bolum legend { font-weight: 700; font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; color: var(--kiremit); margin-bottom: 14px; padding: 0; }
.alanlar { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; }
.alan { display: grid; gap: 6px; min-width: 0; }
.alan-genis { grid-column: 1 / -1; }
.alan label, .alan .etiket { font-weight: 700; font-size: .93rem; }
.alan .zorunlu { color: var(--kiremit); }
.alan small { color: var(--soluk); font-size: .84rem; }
input[type=text], input[type=email], input[type=tel], input[type=password], select, textarea {
  width: 100%; min-height: 48px; padding: 11px 14px; border: 1.5px solid #d6ccb6; border-radius: 12px;
  background: #fffefb; color: var(--murekkep); font: 500 1rem/1.4 var(--govde-font); transition: border-color .15s ease, box-shadow .15s ease;
}
textarea { min-height: 120px; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--yesil); box-shadow: 0 0 0 4px rgba(47, 107, 63, .15); }
select:disabled { opacity: .6; }
.alan-hatali input, .alan-hatali select, .alan-hatali textarea { border-color: var(--hata); }
.alan-hata { color: var(--hata); font-weight: 600; font-size: .86rem; }
.adres-kutu { display: flex; align-items: stretch; border: 1.5px solid #d6ccb6; border-radius: 12px; background: #fffefb; overflow: hidden; }
.adres-kutu:focus-within { border-color: var(--yesil); box-shadow: 0 0 0 4px rgba(47, 107, 63, .15); }
.adres-kutu input { border: 0; border-radius: 0; box-shadow: none !important; min-width: 0; flex: 1; text-align: right; padding-right: 2px; }
.adres-kutu span { display: flex; align-items: center; padding: 0 14px 0 0; color: var(--soluk); font-weight: 600; white-space: nowrap; }
.onay-satir { display: flex; gap: 12px; align-items: flex-start; font-size: .95rem; cursor: pointer; }
.onay-satir input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--yesil); flex: none; }
.onaylar { display: grid; gap: 14px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--cizgi); }
.form-alt { margin-top: 28px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.form-alt small { color: var(--soluk); }
.bal-kupu { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.sayac { text-align: right; }
@media (max-width: 960px) { .form-duzen { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .alanlar { grid-template-columns: 1fr; } .form-kart { padding: 22px 18px; } .adres-kutu span { font-size: .85rem; padding-right: 10px; } }

.kutu-uyari, .kutu-tamam, .kutu-bilgi { border-radius: 14px; padding: 16px 18px; margin-bottom: 20px; font-weight: 600; }
.kutu-uyari { background: #fbe4e1; color: #7c1d16; border: 1px solid #f1bcb5; }
.kutu-uyari ul { margin: 6px 0 0; padding-left: 20px; font-weight: 500; }
.kutu-tamam { background: var(--yesil-acik); color: var(--yesil-koyu); border: 1px solid #c4dbb5; }
.kutu-bilgi { background: var(--bugday-acik); color: #6d4a00; border: 1px solid #f0dca6; font-weight: 500; }

.yan-kart { background: var(--yesil-koyu); color: rgba(241, 237, 227, .85); border-radius: 20px; padding: 28px; position: sticky; top: 96px; }
.yan-kart h3 { color: #fff; font-size: 1.3rem; margin-bottom: 14px; }
.yan-kart ol, .yan-kart ul { margin: 0; padding-left: 20px; display: grid; gap: 10px; }
.yan-kart li::marker { color: var(--bugday); font-weight: 700; }
.yan-kart p { margin: 16px 0 0; font-size: .92rem; }
@media (max-width: 960px) { .yan-kart { position: static; } }

.tesekkur { max-width: 640px; margin: 0 auto; text-align: center; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 24px; padding: 48px 32px; box-shadow: var(--golge); }
.tesekkur-simge { width: 72px; height: 72px; margin: 0 auto 20px; border-radius: 50%; background: var(--yesil-acik); display: grid; place-items: center; color: var(--yesil); }
.tesekkur-simge svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.tesekkur h2 { font-size: 1.9rem; margin-bottom: 12px; }
.tesekkur p { color: var(--soluk); }
.tesekkur .dugmeler { justify-content: center; margin-top: 24px; }

/* üreticiler listesi */
.suzgec { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.suzgec a { padding: 8px 16px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--kart); text-decoration: none; color: var(--murekkep); font-weight: 600; font-size: .92rem; }
.suzgec a[aria-current="true"] { background: var(--yesil-koyu); border-color: var(--yesil-koyu); color: #fff; }
.bos-durum { text-align: center; padding: 56px 24px; border: 2px dashed var(--cizgi); border-radius: 20px; color: var(--soluk); }
.bos-durum h2 { font-size: 1.5rem; color: var(--murekkep); margin-bottom: 10px; }

/* düz metin sayfaları (KVKK) */
.metin { max-width: 760px; }
.metin h2 { font-size: 1.4rem; margin: 36px 0 12px; }
.metin p, .metin li { color: #384238; }
.metin ul { padding-left: 22px; }

/* =================== vitrin (üretici sayfası) =================== */
.vitrin-bas { background: var(--yesil-koyu); color: #f1ede3; padding: 64px 0 56px; position: relative; overflow: hidden; }
.vitrin-bas::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: repeating-linear-gradient(90deg, var(--bugday) 0 36px, var(--kiremit) 36px 72px); }
.vitrin-bas-ic { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.vitrin-avatar { width: 96px; height: 96px; border-radius: 26px; display: grid; place-items: center; font-family: var(--baslik-font); font-size: 2.2rem; font-weight: 700; color: var(--murekkep); background: linear-gradient(135deg, var(--bugday), #f4d487); flex: none; }
.vitrin-bas h1 { font-size: clamp(2rem, 4.6vw, 3.2rem); color: #fff; margin-bottom: 10px; }
.vitrin-bilgi { display: flex; flex-wrap: wrap; gap: 8px 18px; font-weight: 600; color: rgba(241, 237, 227, .85); }
.vitrin-bilgi span { display: inline-flex; align-items: center; gap: 6px; }
.vitrin-govde { display: grid; grid-template-columns: 1fr 340px; gap: 40px; padding: 48px 0 96px; align-items: start; }
.vitrin-bolum { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 20px; padding: 28px; margin-bottom: 24px; }
.vitrin-bolum h2 { font-size: 1.4rem; margin-bottom: 14px; }
.vitrin-bolum p { white-space: pre-line; color: #384238; }
.vitrin-yakinda { border-style: dashed; background: transparent; text-align: center; color: var(--soluk); }
.iletisim-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.iletisim-liste a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--kagit); border: 1px solid var(--cizgi); text-decoration: none; color: var(--murekkep); font-weight: 600; overflow-wrap: anywhere; }
.iletisim-liste a:hover { border-color: var(--yesil); }
.iletisim-liste svg { width: 20px; height: 20px; flex: none; fill: none; stroke: var(--yesil); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 960px) { .vitrin-govde { grid-template-columns: 1fr; } }