/* Reflex e-ticaret teması v3
   Renk: Reflex grisi (sosyal medya postlarındaki zemin) + beyaz + siyah + logo bronzu. Yazı: Montserrat.
   Motif: gerçek parmak izi (parmak-izi.svg), zeminle çok düşük kontrastta. */
:root {
  --gri: #EDEDEE;
  --gri-2: #F5F5F6;
  --gri-3: #E4E4E6;
  --metin: #1C1712;
  --ikincil: #6B6B6E;
  --cizgi: #E2E2E4;
  --bronz-acik: #B99B72;
  --siyah: #2A211A;
  --kahve: #2A211A;
  --kahve-2: #3A2E25;
  --yari: 16px;
  --yari-k: 10px;
  --gecis: .28s cubic-bezier(.2,.7,.2,1);
  --golge: 0 24px 50px -28px rgba(0,0,0,.28);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 15.5px; line-height: 1.6; color: var(--metin); background: #fff; -webkit-font-smoothing: antialiased; font-weight: 500; }
img, video { max-width: 100%; display: block; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, p, dl, dd, figure { margin: 0; }
input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--bronz); outline-offset: 2px; }
.atla { position: absolute; left: -999px; top: 0; background: #fff; padding: 10px 16px; z-index: 100; }
.atla:focus { left: 8px; top: 8px; }
.kap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 40px; }
.kap--dar { max-width: 880px; }
.ikon { flex: none; }
.bos { color: var(--ikincil); grid-column: 1 / -1; }

/* Yazı */
.ustyazi { font-size: 12.5px; font-weight: 700; color: var(--bronz); margin-bottom: 12px; text-transform: uppercase; letter-spacing: .14em; }
.ustyazi--acik { color: var(--bronz-acik); }
.bolum { padding: 80px 0; }
.bolum--gri { background: var(--gri-2); }
.bolum__bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 38px; flex-wrap: wrap; }
.bolum__baslik { font-size: clamp(28px, 2.9vw, 42px); line-height: 1.1; font-weight: 800; letter-spacing: -.02em; }
.bolum__alt { color: var(--ikincil); max-width: 440px; }
.bolum__tumu { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14.5px; padding-bottom: 4px; border-bottom: 1.5px solid currentColor; }
.bolum__tumu .ikon { transition: transform var(--gecis); }
.bolum__tumu:hover { color: var(--bronz); }
.bolum__tumu:hover .ikon { transform: translateX(4px); }
.zengin p + p { margin-top: 1em; }
.zengin { color: #48484B; }

/* Düğmeler */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 30px; border-radius: 999px; font-weight: 700; font-size: 14.5px; letter-spacing: .01em; transition: background var(--gecis), color var(--gecis), border-color var(--gecis), transform var(--gecis), box-shadow var(--gecis); white-space: nowrap; }
.dugme:active { transform: scale(.98); }
.dugme--dolu { background: var(--siyah); color: #fff; }
.dugme--dolu:hover { background: var(--bronz); }
.dugme--bronz { background: var(--bronz); color: #fff; }
.dugme--bronz:hover { background: var(--siyah); }
.dugme--cizgi { border: 1.5px solid var(--siyah); }
.dugme--cizgi:hover { background: var(--siyah); color: #fff; }
.dugme--acik { background: #fff; color: var(--siyah); }
.dugme--acik:hover { background: var(--siyah); color: #fff; }
.dugme--tam { width: 100%; }
.dugme-ikon { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; transition: color var(--gecis), background var(--gecis), border-color var(--gecis); }
.dugme-ikon:hover { color: var(--bronz); }
.dugme-ikon--cerceve { border: 1.5px solid var(--cizgi); width: 50px; height: 50px; }
.dugme-ikon--cerceve:hover { background: var(--siyah); color: #fff; border-color: var(--siyah); }

/* Parmak izi (ortak) */
.iz-zemin { position: absolute; pointer-events: none; background: var(--parmak-izi) center / contain no-repeat; }

/* Duyuru bandı */
.bant { background: var(--siyah); color: #EDEDED; overflow: hidden; font-size: 12.5px; font-weight: 600; letter-spacing: .02em; }
.bant__iz { display: flex; width: max-content; animation: kay 40s linear infinite; }
.bant:hover .bant__iz { animation-play-state: paused; }
.bant__liste { display: flex; flex: none; }
.bant__liste li { display: flex; align-items: center; height: 38px; padding: 0 28px; white-space: nowrap; }
.bant__liste li::after { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--bronz-acik); margin-left: 56px; }
@keyframes kay { to { transform: translateX(-50%); } }

/* Üst bilgi */
.ust { position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,.96); backdrop-filter: blur(10px); border-bottom: 1px solid var(--cizgi); }
.ust__ic { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 40px; height: 84px; }
.ust__logo img { height: 57px; width: auto; }
.ust__menu-dugme { display: none; }
.ust__nav { display: flex; align-items: stretch; justify-content: center; gap: 36px; height: 100%; }
.nav__oge { display: flex; align-items: center; position: relative; }
.nav__oge--mega { position: static; }
.nav__oge > a { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 14.5px; height: 100%; position: relative; }
.nav__oge > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 26px; height: 1.5px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform var(--gecis); }
.nav__oge:hover > a::after { transform: scaleX(1); }
.ust__araclar { display: flex; align-items: center; gap: 4px; }
.ust__sepet-adet { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--bronz); color: #fff; font-size: 10.5px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.ust__sepet-adet[data-bos] { display: none; }
.nav__acilir, .mega { position: absolute; top: 100%; background: #fff; box-shadow: var(--golge); border-top: 1px solid var(--cizgi); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity var(--gecis), transform var(--gecis), visibility var(--gecis); }
.nav__oge:hover .nav__acilir, .nav__oge:hover .mega, .nav__oge:focus-within .nav__acilir, .nav__oge:focus-within .mega { opacity: 1; visibility: visible; transform: none; }
.nav__acilir { left: -22px; min-width: 220px; padding: 12px 0; border-radius: 0 0 var(--yari-k) var(--yari-k); }
.nav__acilir a { display: block; padding: 9px 22px; font-size: 14.5px; font-weight: 600; }
.nav__acilir a:hover { color: var(--bronz); }
.mega { left: 0; right: 0; padding: 32px 0 0; }
.mega__ic { display: block; }
.mega__aileler { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.mega__kart { position: relative; overflow: hidden; display: flex; flex-direction: column; aspect-ratio: 5 / 6; padding: 20px 16px 0; border-radius: var(--yari); background: var(--gri); transition: background var(--gecis); }
.mega__kart::before { content: ""; position: absolute; right: -60px; top: -50px; width: 200px; height: 270px; background: var(--parmak-izi) center / contain no-repeat; opacity: .55; pointer-events: none; }
.mega__kart:hover { background: #E6E6E8; }
.mega__gorsel { position: relative; z-index: 1; flex: 1; display: flex; align-items: center; justify-content: center; padding: 14px 14% 22px; min-height: 0; }
.mega__gorsel img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 10px 10px rgba(40,30,20,.16)); transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.mega__kart:hover .mega__gorsel img { transform: translateY(-6px) scale(1.03); }
.mega__ad { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.mega__ad strong { font-weight: 800; font-size: 17px; letter-spacing: -.01em; }
.mega__ad .ikon { opacity: 0; transform: translateX(-6px); transition: opacity var(--gecis), transform var(--gecis); color: var(--bronz); }
.mega__kart:hover .mega__ad .ikon { opacity: 1; transform: none; }
.mega__alt { position: relative; font-size: 12.5px; color: var(--ikincil); margin-top: 4px; }
.mega__alt-serit { display: flex; gap: 32px; padding-top: 18px; padding-bottom: 18px; margin-top: 18px; border-top: 1px solid var(--cizgi); font-size: 14px; font-weight: 500; color: var(--ikincil); }
.mega__alt-serit a:hover { color: var(--bronz); }

/* Mobil menü + çekmeceler */
.mobil-menu, .cekmece { position: fixed; inset: 0; z-index: 60; visibility: hidden; overflow: hidden; }
.mobil-menu__perde, .cekmece__perde { position: absolute; inset: 0; background: rgba(0,0,0,.42); opacity: 0; transition: opacity var(--gecis); }
.mobil-menu__panel { position: absolute; left: 0; top: 0; bottom: 0; width: min(340px, 88vw); background: #fff; padding: 18px 22px 40px; overflow: auto; transform: translateX(-100%); transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.cekmece__panel { position: absolute; right: 0; top: 0; bottom: 0; width: min(440px, 94vw); background: #fff; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.acik.mobil-menu, .acik.cekmece { visibility: visible; }
.acik .mobil-menu__perde, .acik .cekmece__perde { opacity: 1; }
.acik .mobil-menu__panel, .acik .cekmece__panel { transform: none; }
.mobil-menu__bas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.mobil-menu__etiket { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: var(--bronz); margin: 26px 0 6px; }
.mobil-menu__panel li a { display: block; padding: 12px 0; font-weight: 700; font-size: 16.5px; border-bottom: 1px solid var(--cizgi); }
.cekmece__bas { display: flex; justify-content: space-between; align-items: center; padding: 18px 24px; border-bottom: 1px solid var(--cizgi); }
.cekmece__bas h2 { font-size: 19px; font-weight: 800; }
.cekmece__bas h2 span { color: var(--ikincil); font-weight: 600; font-size: 14px; }
.cekmece__liste { flex: 1; overflow: auto; padding: 8px 24px; }
.cekmece__bos { padding: 48px 0; text-align: center; color: var(--ikincil); }
.satir { display: grid; grid-template-columns: 84px 1fr auto; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--cizgi); align-items: start; }
.satir__gorsel { background: var(--gri); border-radius: var(--yari-k); aspect-ratio: 1; overflow: hidden; }
.satir__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.satir__ad { font-weight: 700; font-size: 14.5px; line-height: 1.35; }
.satir__varyant { font-size: 12.5px; color: var(--ikincil); margin: 2px 0 10px; }
.satir__fiyat { font-weight: 800; white-space: nowrap; }
.satir__sil { color: var(--ikincil); display: inline-flex; margin-top: 10px; }
.cekmece__alt { padding: 20px 24px 24px; border-top: 1px solid var(--cizgi); background: var(--gri-2); }
.cekmece__toplam { display: flex; justify-content: space-between; font-size: 16px; }
.cekmece__toplam strong { font-weight: 800; font-size: 20px; }
.cekmece__not { font-size: 12.5px; color: var(--ikincil); margin: 4px 0 16px; }
.cekmece__sepet { display: block; text-align: center; margin-top: 12px; font-size: 13.5px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* Adet */
.adet { display: inline-flex; align-items: center; border: 1.5px solid var(--cizgi); border-radius: 999px; height: 56px; background: #fff; }
.adet button { width: 46px; height: 100%; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; }
.adet button:hover { color: var(--bronz); }
.adet input[type="number"] { width: 40px; text-align: center; border: 0; background: none; font-weight: 800; padding: 0; border-radius: 0; -moz-appearance: textfield; appearance: textfield; }
.adet input::-webkit-outer-spin-button, .adet input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.adet--kucuk { height: 36px; }
.adet--kucuk button { width: 32px; }
.adet--kucuk input { width: 28px; font-size: 14px; }

/* Banner kaydırıcı */
.afis-kap { padding-top: 20px; }
.afis { position: relative; background: var(--gri); overflow: hidden; border-radius: var(--yari); }
.afis__iz { position: relative; aspect-ratio: 1920 / 815; }
.afis__slayt { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .8s ease, visibility .8s; }
.afis__slayt.aktif { opacity: 1; visibility: visible; }
.afis__slayt img { width: 100%; height: 100%; object-fit: cover; }
.afis__metin { position: absolute; left: 6%; bottom: 14%; display: grid; gap: 18px; justify-items: start; }
.afis__baslik { font-size: clamp(30px, 4vw, 60px); font-weight: 800; color: #fff; line-height: 1.05; max-width: 560px; }
.afis__alt { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 14px; }
.afis__ray { display: flex; gap: 10px; flex: 0 1 420px; min-width: 0; }
.afis__parca { position: relative; flex: 1 1 0; height: 32px; }
.afis__parca::before, .afis__parca span { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; border-radius: 2px; }
.afis__parca::before { background: #D2D2D5; }
.afis__parca span { display: block; background: var(--siyah); transform: scaleX(0); transform-origin: left center; }
.afis__parca.gecti span { transform: scaleX(1); }
.afis__parca.aktif span { animation: afis-dol 6.5s linear forwards; }
.afis--dur .afis__parca.aktif span { animation-play-state: paused; }
@keyframes afis-dol { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* Hareketli özellik bandı */
.sbant { border-top: 1px solid var(--cizgi); overflow: hidden; background: #fff; }
.sbant__iz { display: flex; width: max-content; animation: kay 80s linear infinite; }
.sbant:hover .sbant__iz { animation-play-state: paused; }
.sbant__liste { display: flex; flex: none; align-items: center; }
.sbant__liste li { padding: 26px 46px; }
.sbant__liste a { display: block; transition: transform var(--gecis); }
.sbant__liste a:hover { transform: scale(1.05); }
.sbant__liste img { display: block; height: 44px; width: auto; }
.obant { border-top: 1px solid var(--cizgi); overflow: hidden; background: #fff; }
.obant__iz { display: flex; width: max-content; animation: kay 70s linear infinite; }
.obant:hover .obant__iz { animation-play-state: paused; }
.obant__liste { display: flex; flex: none; }
.obant__liste li { display: flex; align-items: center; gap: 12px; padding: 14px 36px; font-weight: 600; font-size: 13.5px; color: var(--ikincil); white-space: nowrap; }

/* Ürün kartı */
.izgara--urun { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 22px; }
.izgara--uc { grid-template-columns: repeat(3, 1fr); }
.kart { display: flex; flex-direction: column; min-width: 0; }
.kart[hidden] { display: none; }
.kart__gorsel { position: relative; border-radius: var(--yari); aspect-ratio: 1; overflow: hidden; background: var(--gri); }
.kart__gorsel > a { display: block; width: 100%; height: 100%; }
.kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: opacity .45s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.kart:hover .kart__gorsel img { transform: scale(1.045); }
.kart__gorsel-2 { position: absolute; inset: 0; opacity: 0; }
.kart:hover .kart__gorsel-2 { opacity: 1; }
.kart__rozet { position: absolute; left: 14px; top: 14px; background: #fff; color: var(--siyah); font-size: 11.5px; font-weight: 700; padding: 6px 12px; border-radius: 999px; text-transform: uppercase; letter-spacing: .08em; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.kart__akan { position: absolute; left: 12px; right: 12px; bottom: 12px; transition: opacity var(--gecis); background: #fff; border-radius: 999px; overflow: hidden; font-size: 12.5px; font-weight: 700; padding: 8px 0; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.kart__akan > span { display: inline-flex; gap: 16px; white-space: nowrap; animation: kay 9s linear infinite; padding-left: 16px; }
.kart__akan i { width: 6px; height: 6px; border-radius: 50%; background: var(--bronz); display: inline-block; align-self: center; }
.kart__hizli { position: absolute; right: 12px; bottom: 12px; width: 42px; height: 42px; border-radius: 50%; background: #fff; color: var(--siyah); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px rgba(0,0,0,.10); opacity: 0; transform: translateY(6px) scale(.9); transition: opacity var(--gecis), transform var(--gecis), background var(--gecis), color var(--gecis); }
.kart__hizli b { position: absolute; right: 7px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: var(--bronz); color: #fff; font-size: 11px; line-height: 14px; font-weight: 700; text-align: center; }
.kart:hover .kart__hizli, .kart__hizli:focus-visible { opacity: 1; transform: none; }
.kart:hover .kart__akan { opacity: 0; }
.kart__hizli:hover { background: var(--siyah); color: #fff; }
.kart__govde { padding-top: 16px; display: flex; flex-direction: column; flex: 1; }
.kart__aile { font-size: 11.5px; font-weight: 700; color: var(--bronz); text-transform: uppercase; letter-spacing: .12em; }
.kart__ad { font-size: 15.5px; font-weight: 600; line-height: 1.35; margin-top: 6px; letter-spacing: -.005em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; }
.kart__ad a:hover { color: var(--bronz); }
.kart__alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 10px; }
.fiyat__guncel { font-size: 18px; font-weight: 800; letter-spacing: -.01em; }
.fiyat__eski { color: var(--ikincil); font-size: 14px; margin-right: 8px; font-weight: 600; }
.kart__renkler { display: flex; gap: 6px; }
.kart__renkler a { width: 16px; height: 16px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.14); outline: 1.5px solid transparent; outline-offset: 2px; transition: outline-color var(--gecis); }
.kart__renkler a.aktif, .kart__renkler a:hover { outline-color: var(--siyah); }
.kart__paket { font-size: 12.5px; color: var(--ikincil); font-weight: 600; }
.kart__ekle { width: 44px; height: 44px; border-radius: 50%; background: var(--siyah); color: #fff; display: inline-flex; align-items: center; justify-content: center; transition: background var(--gecis); flex: none; }
.kart__ekle:hover { background: var(--bronz); }
.kart__ekle--kucuk { width: 38px; height: 38px; }

/* Ürün kaydırıcı */
.kaydirici__iz { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 22px) / 4); gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.kaydirici__iz::-webkit-scrollbar { display: none; }
.kaydirici__iz > * { scroll-snap-align: start; }
.kart__rozet--beden { min-width: 38px; text-align: center; background: var(--siyah); color: #fff; }
.kaydirici__iz--vitrin { grid-auto-flow: row; grid-template-columns: calc((100% - 3 * 22px) / 4) 1fr; overflow: visible; }
.vitrin { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; padding: 26px; border-radius: var(--yari); background: #fff; border: 1px solid var(--cizgi); }
.bolum--gri .vitrin { border-color: transparent; }
.vitrin__gorsel { position: relative; display: block; border-radius: var(--yari-k); overflow: hidden; background: var(--gri); }
.vitrin__gorsel img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.vitrin__gorsel:hover img { transform: scale(1.04); }
.vitrin__govde { padding-right: 18px; }
.vitrin__ad { margin-top: 10px; font-size: clamp(22px, 2.2vw, 30px); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.vitrin__ozet { margin-top: 10px; color: var(--ikincil); font-size: 15.5px; }
.vitrin__ozellikler { margin: 22px 0 24px; }
.vitrin__bedenler { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.vitrin__bedenler span { margin-right: 6px; font-size: 13px; font-weight: 700; color: var(--ikincil); }
.vitrin__bedenler button { min-width: 48px; height: 40px; padding: 0 14px; border-radius: 999px; border: 1.5px solid var(--cizgi); font-weight: 700; font-size: 14px; transition: border-color var(--gecis), background var(--gecis), color var(--gecis); }
.vitrin__bedenler button:hover { border-color: var(--siyah); }
.vitrin__bedenler button.aktif { background: var(--siyah); border-color: var(--siyah); color: #fff; }
.vitrin__alt { display: flex; align-items: baseline; gap: 14px; margin-top: 24px; }
.vitrin__alt .fiyat__guncel { font-size: 26px; }
.vitrin__dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.tanitim { position: relative; border-radius: var(--yari); overflow: hidden; color: #fff; display: block; min-height: 100%; aspect-ratio: auto; background: var(--siyah); }
.tanitim img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.tanitim:hover img { transform: scale(1.05); }
.tanitim::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.62) 0, rgba(0,0,0,.2) 38%, rgba(0,0,0,0) 58%, rgba(0,0,0,.5) 100%); }
.tanitim__metin { position: absolute; left: 30px; right: 30px; top: 30px; z-index: 1; display: grid; gap: 8px; }
.tanitim__metin em { font-style: normal; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: #E7D7C1; }
.tanitim__metin strong { font-size: clamp(24px, 2.2vw, 32px); font-weight: 800; line-height: 1.12; letter-spacing: -.02em; }
.tanitim__git { position: absolute; left: 30px; bottom: 28px; z-index: 1; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14.5px; }
.kaydirici__alt { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.kaydirici__cubuk { flex: 1; height: 2px; background: var(--cizgi); position: relative; overflow: hidden; }
.kaydirici__cubuk span { position: absolute; left: 0; top: 0; bottom: 0; width: 25%; background: var(--siyah); transition: transform .2s linear, width .2s; }
.kaydirici__oklar { display: flex; gap: 10px; }

/* Malzeme rehberi (açık zemin) */
.malzeme { background: #fff; padding: 80px 0; position: relative; }
.malzeme__bas { text-align: center; margin-bottom: 44px; display: grid; justify-items: center; }
.malzeme__sekmeler { display: inline-flex; gap: 4px; flex-wrap: wrap; justify-content: center; background: var(--gri-2); padding: 6px; border-radius: 999px; margin-top: 28px; box-shadow: 0 1px 0 var(--cizgi); }
.malzeme__sekmeler button { display: grid; text-align: center; padding: 10px 22px; border-radius: 999px; font-weight: 700; font-size: 14px; color: var(--ikincil); transition: background var(--gecis), color var(--gecis); line-height: 1.25; white-space: nowrap; }
.malzeme__sekmeler button em { font-style: normal; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--bronz); }
.malzeme__sekmeler button.aktif { background: var(--kahve); color: #fff; }
.malzeme__sekmeler button.aktif em { color: var(--bronz-acik); }
.malzeme .malzeme__panel { grid-template-columns: 1.1fr 1fr; gap: 72px; align-items: center; }
.malzeme .malzeme__panel.aktif { display: grid; animation: belir .5s ease both; }
@keyframes belir { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.malzeme__gorsel { position: relative; border-radius: var(--yari); overflow: hidden; background: var(--gri); aspect-ratio: 5 / 4; }
.malzeme__gorsel > img { width: 100%; height: 100%; object-fit: cover; }
.malzeme__kutu { position: absolute; left: 18px; bottom: 18px; display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,.95); backdrop-filter: blur(8px); padding: 8px 18px 8px 8px; border-radius: var(--yari-k); box-shadow: 0 10px 30px -12px rgba(0,0,0,.25); transition: transform var(--gecis); }
.malzeme__kutu:hover { transform: translateY(-3px); }
.malzeme__kutu img { width: 64px; height: 64px; border-radius: 8px; object-fit: cover; background: var(--gri); }
.malzeme__kutu span { display: grid; font-weight: 700; font-size: 14.5px; line-height: 1.3; }
.malzeme__kutu em { font-style: normal; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--bronz); }
.malzeme__metin h3 { font-size: clamp(26px, 2.4vw, 36px); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.malzeme__aciklama { color: #48484B; margin: 16px 0 26px; font-size: 16px; max-width: 520px; }
.malzeme__ozellikler { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 26px; margin-bottom: 34px; }
.malzeme__ozellikler li { position: relative; padding-left: 28px; font-weight: 600; font-size: 14.5px; }
.malzeme__ozellikler li::before { content: ""; position: absolute; left: 0; top: 3px; width: 17px; height: 17px; border-radius: 50%; background: var(--bronz) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 11px no-repeat; }
.kiyas { margin-top: 96px; }
.kiyas__bas { text-align: center; margin-bottom: 40px; }
.kiyas__bas h3 { font-size: clamp(24px, 2.2vw, 32px); font-weight: 800; letter-spacing: -.02em; }
.kiyas__bas p { color: var(--ikincil); font-size: 13.5px; margin-top: 10px; }
.kiyas__kartlar { display: grid; grid-template-columns: 1.15fr 1fr 1fr 1fr; gap: 16px; align-items: start; }
.kiyas__kart { position: relative; background: var(--gri-2); border-radius: var(--yari); padding: 30px 26px 16px; border: 1px solid transparent; }
.kiyas__kart h4 { font-size: 20px; font-weight: 800; margin-bottom: 14px; position: relative; }
.kiyas__kart--vurgu { background: var(--kahve); color: #fff; border-color: var(--kahve); transform: translateY(-12px); box-shadow: 0 30px 60px -30px rgba(42,33,26,.6); overflow: hidden; }
.kiyas__kart--vurgu::after { content: ""; position: absolute; right: -80px; bottom: -90px; width: 260px; height: 290px; background: var(--parmak-izi) center / contain no-repeat; opacity: .08; pointer-events: none; }
.kiyas__rozet { position: absolute; right: 22px; top: 28px; font-size: 10.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--kahve); background: var(--bronz-acik); padding: 5px 10px; border-radius: 999px; }
.kiyas__kart ul { display: grid; position: relative; }
.kiyas__kart li { display: grid; grid-template-columns: 22px 1fr; column-gap: 12px; padding: 13px 0; border-top: 1px solid var(--cizgi); font-size: 13.5px; }
.kiyas__kart--vurgu li { border-top-color: rgba(255,255,255,.12); }
.kiyas__kart li::before { content: ""; grid-row: span 2; width: 20px; height: 20px; border-radius: 50%; margin-top: 2px; background: var(--gri) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E") center / 11px no-repeat; }
.kiyas__kart li.kiyas__iyi::before { background: #E5EFE6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F7A45' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 11px no-repeat; }
.kiyas__kart li.kiyas__kotu::before { background: #F5E6E2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A3432F' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m7 7 10 10M17 7 7 17'/%3E%3C/svg%3E") center / 10px no-repeat; }
.kiyas__kart--vurgu li.kiyas__iyi::before { background-color: var(--bronz); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E"); }
.kiyas__kart li span { color: var(--ikincil); font-size: 12px; font-weight: 600; }
.kiyas__kart--vurgu li span { color: rgba(255,255,255,.6); }
.kiyas__kart li strong { font-weight: 700; }
.kiyas__yok strong { color: #A9A9AD; font-weight: 500; }

/* Renk karşılaştırma */
.oncesonra__bas { text-align: center; max-width: 640px; margin: 0 auto 40px; }
.oncesonra__bas > p:not(.ustyazi) { color: #48484B; margin-top: 14px; font-size: 16.5px; }
.karsilastir { position: relative; border-radius: var(--yari); overflow: hidden; background: #fff; user-select: none; }
.karsilastir--genis { aspect-ratio: 3120 / 1060; box-shadow: 0 0 0 1px var(--cizgi); }
.karsilastir img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.karsilastir__arka { position: absolute; inset: 0; }
.karsilastir__on { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--konum)) 0 0); }
.karsilastir__on img { position: absolute; inset: 0; }
.karsilastir__etiket { position: absolute; bottom: 22px; background: var(--kahve); color: #fff; font-size: 12px; font-weight: 700; padding: 8px 14px; border-radius: 999px; text-transform: uppercase; letter-spacing: .1em; }
.karsilastir__etiket--sol { left: 22px; } .karsilastir__etiket--sag { right: 22px; }
.karsilastir__tutamak { position: absolute; top: 0; bottom: 0; left: var(--konum); width: 2px; background: var(--kahve); transform: translateX(-1px); pointer-events: none; }
.karsilastir__tutamak > span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; border-radius: 50%; background: var(--kahve); color: #fff; display: flex; align-items: center; justify-content: center; gap: 2px; box-shadow: 0 0 0 8px rgba(42,33,26,.12); }
.karsilastir__aralik { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; margin: 0; }
.oncesonra__alt { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 26px; flex-wrap: wrap; }
.renk-cipler { display: flex; gap: 10px; flex-wrap: wrap; }
.renk-cipler button { display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px 10px 10px; border-radius: 999px; border: 1.5px solid var(--cizgi); font-weight: 700; font-size: 14px; transition: border-color var(--gecis), background var(--gecis); }
.renk-cipler button i { width: 22px; height: 22px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.renk-cipler button.aktif { border-color: var(--kahve); background: var(--gri-2); }

/* Beden bandı */
.bbant { padding-top: 0; }
.bbant__ic { position: relative; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 48px; background: var(--gri); border-radius: var(--yari); padding: 52px 60px; overflow: hidden; }
.bbant__iz { position: absolute; left: -80px; top: -140px; width: 420px; height: 470px; background: var(--parmak-izi) center / contain no-repeat; opacity: .9; }
.bbant__metin { position: relative; display: grid; gap: 8px; max-width: 520px; }
.bbant__metin em { font-style: normal; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: var(--bronz); }
.bbant__metin strong { font-size: clamp(24px, 2.4vw, 34px); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.bbant__metin > span { color: var(--ikincil); }
.bbant__bedenler { position: relative; display: flex; gap: 10px; }
.bbant__bedenler span { width: 56px; height: 56px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; transition: transform .35s cubic-bezier(.2,.7,.2,1), background var(--gecis), color var(--gecis); transition-delay: calc(var(--i) * 40ms); }
.bbant__ic:hover .bbant__bedenler span { transform: translateY(-6px); }
.bbant__ic:hover .bbant__bedenler span:nth-child(3) { background: var(--siyah); color: #fff; }

/* Kullanım alanları */
.alanlar__izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.alan { position: relative; aspect-ratio: 4 / 5; border-radius: var(--yari); overflow: hidden; color: #fff; display: block; }
.alan img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.alan::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.62) 0, rgba(0,0,0,.1) 40%, rgba(0,0,0,0) 60%); }
.alan:hover img { transform: scale(1.05); }
.alan__ust, .alan__alt { position: absolute; left: 30px; right: 30px; z-index: 1; }
.alan__ust { bottom: 86px; display: flex; align-items: baseline; gap: 12px; }
.alan__ust strong { font-size: clamp(28px, 2.6vw, 40px); font-weight: 800; letter-spacing: -.02em; line-height: 1; }
.alan__ust em { font-weight: 500; font-size: 16px; opacity: .85; font-style: italic; }
.alan__alt { bottom: 28px; display: flex; align-items: center; justify-content: space-between; gap: 14px; font-size: 14.5px; color: rgba(255,255,255,.9); }
.alan__git { flex: none; width: 46px; height: 46px; border-radius: 50%; background: #fff; color: var(--siyah); display: inline-flex; align-items: center; justify-content: center; transition: background var(--gecis), color var(--gecis); }
.alan:hover .alan__git { background: var(--bronz); color: #fff; }

/* Kullanıcı videoları */
.reels__oklar { display: flex; gap: 10px; }
.reels__iz { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 20px) / 4); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
.reels__iz::-webkit-scrollbar { display: none; }
.reel { scroll-snap-align: start; background: #fff; border-radius: var(--yari); overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 1px 0 var(--cizgi); }
.reel__kisi { display: flex; align-items: center; gap: 12px; padding: 14px 16px; }
.reel__avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--gri); display: flex; align-items: center; justify-content: center; font-weight: 800; color: var(--bronz); flex: none; box-shadow: inset 0 0 0 1.5px var(--bronz-acik); }
.reel__kimlik { display: grid; line-height: 1.25; min-width: 0; }
.reel__kimlik strong { font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reel__kimlik span { font-size: 12.5px; color: var(--ikincil); }
.reel__alan { margin-left: auto; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--bronz); background: var(--gri-2); padding: 5px 10px; border-radius: 999px; }
.reel__video .reel__alan { position: absolute; left: 14px; top: 14px; z-index: 1; margin: 0; background: rgba(255,255,255,.92); }
.reel__video { position: relative; aspect-ratio: 9 / 14; background: var(--gri); cursor: pointer; overflow: hidden; }
.reel__video video, .reel__video img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.reel__ses { position: absolute; right: 14px; bottom: 14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.92); display: flex; align-items: center; justify-content: center; padding-left: 3px; transition: opacity var(--gecis); }
.reel__video.sesli .reel__ses { opacity: 0; }
.reel__alinti { padding: 16px 18px 6px; font-size: 14px; color: #3E3E41; line-height: 1.55; font-style: italic; }
.reel__urun { display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; margin: 10px 12px 12px; padding: 8px 8px 8px 8px; background: var(--gri-2); border-radius: var(--yari-k); margin-top: auto; }
.reel__urun img { width: 48px; height: 48px; border-radius: 8px; object-fit: cover; }
.reel__urun a { display: grid; min-width: 0; }
.reel__urun strong { font-size: 13px; font-weight: 600; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reel__urun span { font-size: 13.5px; font-weight: 800; }

/* Film */
.film { position: relative; display: block; width: 100%; border-radius: var(--yari); overflow: hidden; aspect-ratio: 16 / 9; background: #000; }
.film img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.film:hover img { transform: scale(1.03); }
.film iframe, .film video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.film__oynat { position: absolute; left: 50%; top: 50%; width: 78px; height: 78px; margin: -39px 0 0 -39px; border-radius: 50%; background: #fff; color: var(--siyah); display: flex; align-items: center; justify-content: center; padding-left: 4px; transition: transform var(--gecis), background var(--gecis), color var(--gecis); box-shadow: 0 0 0 10px rgba(255,255,255,.25); }
.film:hover .film__oynat { transform: scale(1.08); background: var(--bronz); color: #fff; }
.film__yazi { position: absolute; left: 22px; bottom: 18px; color: #fff; font-weight: 700; font-size: 14.5px; text-shadow: 0 1px 12px rgba(0,0,0,.5); }
.film-kutu { position: fixed; inset: 0; z-index: 90; background: rgba(0,0,0,.82); display: flex; align-items: center; justify-content: center; padding: 24px; }
.film-kutu[hidden] { display: none; }
.film-kutu__ic { position: relative; width: min(1100px, 100%); aspect-ratio: 16 / 9; background: #000; border-radius: var(--yari); overflow: hidden; }
.film-kutu__ic .dugme-ikon { position: absolute; right: 10px; top: 10px; z-index: 2; background: rgba(255,255,255,.9); }
.film-kutu__alan iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Marka özeti */
.mozet__ic { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center; }
.mozet__gorsel { position: relative; border-radius: var(--yari); overflow: hidden; aspect-ratio: 5 / 4; }
.mozet__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.mozet__film { position: absolute; left: 22px; bottom: 22px; display: inline-flex; align-items: center; gap: 10px; background: #fff; border-radius: 999px; padding: 12px 20px 12px 14px; font-weight: 700; font-size: 14px; transition: background var(--gecis), color var(--gecis); }
.mozet__film:hover { background: var(--siyah); color: #fff; }
.mozet { overflow: hidden; }
.mozet__metin { position: relative; }
.mozet__iz { position: absolute; right: -40px; top: -80px; width: 300px; height: 340px; background: var(--parmak-izi) center / contain no-repeat; filter: invert(1); opacity: .05; }
.mozet__metin > p:not(.ustyazi) { color: #48484B; margin: 18px 0 30px; font-size: 16.5px; max-width: 500px; position: relative; }
.mozet__sayilar { display: flex; gap: 44px; margin-bottom: 34px; position: relative; }
.mozet__sayilar dt { font-size: 40px; font-weight: 800; letter-spacing: -.03em; line-height: 1; }
.mozet__sayilar dd { font-size: 13px; color: var(--ikincil); font-weight: 600; margin-top: 8px; }

/* Instagram akışı */
.igakis { padding: 80px 0 0; }
.igakis__sag { display: flex; align-items: center; gap: 22px; }
.igakis__hesap { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14.5px; border-bottom: 1.5px solid currentColor; padding-bottom: 3px; transition: color var(--gecis); }
.igakis__hesap:hover { color: var(--bronz); }
.igakis__iz { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 18px) / 4); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.igakis__iz::-webkit-scrollbar { display: none; }
.igakis__kare { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--yari); background: var(--gri); scroll-snap-align: start; }
.igakis__kare img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.igakis__ikon { position: absolute; right: 14px; top: 14px; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.92); color: var(--siyah); display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(-4px); transition: opacity var(--gecis), transform var(--gecis); }
.igakis__kare:hover .igakis__ikon { opacity: 1; transform: none; }
.igakis__kare:hover img { transform: scale(1.04); }

/* Hizmet şeridi */
.guven { padding: 48px 0 60px; }
.guven__ic { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.guven__oge { display: flex; align-items: center; gap: 18px; }
.guven__ikon { width: 64px; height: 64px; border-radius: 50%; border: 1.5px solid var(--cizgi); display: flex; align-items: center; justify-content: center; flex: none; color: var(--bronz); }
.guven__oge strong { display: block; font-size: 15.5px; font-weight: 700; }
.guven__oge span { font-size: 13.5px; color: var(--ikincil); }

/* Belgeler */
.belgeler { padding: 60px 0; border-top: 1px solid var(--cizgi); }
.belgeler .bolum__bas { margin-bottom: 22px; }
.belgeler .bolum__baslik { font-size: 24px; }
.belgeler__liste { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.belgeler__liste li { background: var(--gri-2); border-radius: var(--yari-k); padding: 18px 18px 16px; display: grid; gap: 2px; }
.belgeler__liste strong { font-size: 16px; font-weight: 800; line-height: 1.25; }
.belgeler__liste span { font-size: 12.5px; color: var(--ikincil); line-height: 1.4; }
.belgeler--tam { padding: 96px 0; }
.belgeler--tam .bolum__baslik { font-size: clamp(28px, 2.9vw, 42px); }
.belgeler--tam .belgeler__liste, .belgeler__liste--ic { grid-template-columns: repeat(3, 1fr); }

/* Blog */
.blogozet__izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.yazi { display: grid; gap: 8px; align-content: start; }
.yazi__gorsel { border-radius: var(--yari); overflow: hidden; aspect-ratio: 16 / 10; margin-bottom: 8px; }
.yazi__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.yazi:hover img { transform: scale(1.04); }
.yazi time, .duzyazi time { font-size: 12.5px; color: var(--ikincil); font-weight: 600; }
.yazi strong { font-size: 18px; font-weight: 700; line-height: 1.35; }

/* Alt bilgi */
.alt { background: var(--siyah); color: #D9D9DB; position: relative; overflow: hidden; }
/* Katalog kapağındaki gibi logonun parmak izi: bronz, yalnız sağ alt köşede, kenardan taşar */
.alt::before { content: ""; position: absolute; right: -120px; bottom: -170px; width: 440px; height: 590px; background: var(--bronz); -webkit-mask: var(--parmak-izi) center / contain no-repeat; mask: var(--parmak-izi) center / contain no-repeat; opacity: .2; pointer-events: none; }
.alt > * { position: relative; z-index: 1; }
.alt__bulten { display: flex; justify-content: space-between; align-items: center; gap: 40px; padding-top: 60px; padding-bottom: 54px; border-bottom: 1px solid rgba(255,255,255,.1); flex-wrap: wrap; position: relative; }
.alt__bulten h2 { font-size: clamp(22px, 2vw, 30px); font-weight: 800; color: #fff; }
.alt__bulten p { color: rgba(255,255,255,.6); margin-top: 6px; }
.alt__bulten-form { display: flex; gap: 10px; flex: 1; max-width: 520px; }
.alt__bulten-form input[type="email"] { flex: 1; min-width: 0; height: 54px; border: 1.5px solid rgba(255,255,255,.18); border-radius: 999px; background: transparent; color: #fff; padding: 0 22px; font-weight: 600; }
.alt__bulten-form input[type="email"]::placeholder { color: rgba(255,255,255,.45); }
.alt__bulten-form input[type="email"]:focus { border-color: var(--bronz-acik); outline: 0; }
.alt__ust { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; padding-top: 56px; padding-bottom: 52px; position: relative; }
.alt__marka p { margin: 18px 0 22px; color: rgba(255,255,255,.6); max-width: 340px; font-size: 14.5px; }
.alt__iletisim { display: grid; gap: 10px; font-size: 14px; }
.alt__iletisim li { display: flex; gap: 10px; align-items: flex-start; }
.alt__iletisim .ikon { color: var(--bronz-acik); margin-top: 2px; }
.alt__sutun h3 { font-size: 12px; font-weight: 700; color: var(--bronz-acik); margin-bottom: 16px; text-transform: uppercase; letter-spacing: .14em; }
.alt__sutun li + li { margin-top: 10px; }
.alt__sutun a { font-size: 14.5px; font-weight: 500; color: rgba(255,255,255,.85); }
.alt a:hover { color: var(--bronz-acik); }
.alt__telif { display: grid; gap: 6px; }
.alt__telif p:first-child { color: var(--bronz-acik); }
.alt__taban { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 22px; padding-bottom: 26px; border-top: 1px solid rgba(255,255,255,.1); font-size: 13px; color: rgba(255,255,255,.45); position: relative; flex-wrap: wrap; }
.alt__sosyal { display: flex; gap: 22px; font-weight: 600; color: #fff; }

/* Sayfa başlığı ve kırıntı */
.kirinti { display: flex; gap: 8px; font-size: 13px; color: var(--ikincil); flex-wrap: wrap; font-weight: 500; }
.kirinti a:hover { color: var(--metin); }
.sayfabas { background: var(--gri); padding: 56px 0 64px; position: relative; overflow: hidden; }
.sayfabas::after { content: ""; position: absolute; right: -60px; top: -120px; width: 420px; height: 470px; background: var(--parmak-izi) center / contain no-repeat; opacity: .9; pointer-events: none; }
.sayfabas__ic { position: relative; z-index: 1; }
.sayfabas h1 { font-size: clamp(34px, 4vw, 56px); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; margin-top: 18px; }
.sayfabas p { margin-top: 14px; font-size: 17px; color: #48484B; max-width: 580px; }
.sayfabas__gorsel { display: none; }

/* Hakkımızda */
.metingorsel__ic { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; align-items: center; }
.metingorsel--ters .metingorsel__gorsel { order: -1; }
.metingorsel__metin .zengin { margin-top: 20px; font-size: 16.5px; }
.metingorsel__gorsel img { border-radius: var(--yari); width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.misyon { background: var(--gri-2); }
.misyon__ic { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.misyon article { background: #fff; border-radius: var(--yari); padding: 44px 46px; }
.misyon h2 { font-size: 13px; font-weight: 700; margin-bottom: 16px; color: var(--bronz); text-transform: uppercase; letter-spacing: .14em; }
.misyon p { color: #2E2E30; font-size: 18px; line-height: 1.6; font-weight: 500; }
.tesis__izgara { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 250px; gap: 14px; }
.tesis__kare { position: relative; border-radius: var(--yari); overflow: hidden; }
.tesis__kare--1 { grid-column: span 2; grid-row: span 2; }
.tesis__kare--4, .tesis__kare--5, .tesis__kare--6 { grid-column: span 2; }
.tesis__kare img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.tesis__kare:hover img { transform: scale(1.04); }
.tesis__kare figcaption { position: absolute; left: 16px; bottom: 14px; color: #fff; font-size: 13.5px; font-weight: 700; text-shadow: 0 1px 10px rgba(0,0,0,.6); }
.marka { background: var(--gri-2); }
.marka__ic { display: grid; grid-template-columns: 1fr 1.25fr; gap: 72px; align-items: center; padding-top: 96px; padding-bottom: 96px; }
.marka h2 { font-size: clamp(28px, 2.9vw, 42px); line-height: 1.1; font-weight: 800; letter-spacing: -.02em; }
.marka .zengin { margin-top: 18px; font-size: 16.5px; max-width: 480px; }
.marka__sayilar { display: flex; gap: 44px; margin: 32px 0 34px; }
.marka__sayilar dt { font-size: 40px; font-weight: 800; letter-spacing: -.03em; line-height: 1; }
.marka__sayilar dd { font-size: 13px; color: var(--ikincil); font-weight: 600; margin-top: 6px; }
.marka .dugme--acik-cizgi { border: 1.5px solid var(--siyah); }
.marka__kolaj { display: grid; grid-template-columns: 1.6fr 1fr; grid-template-rows: 1fr 1fr; gap: 14px; height: 520px; }
.marka__film { grid-row: span 2; aspect-ratio: auto; height: 100%; }
.marka__kolaj > img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--yari); }

/* E-katalog sayfası */
.ksayfa__ic { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }
.ksayfa__kapak { background: var(--gri); border-radius: var(--yari); padding: 48px; display: flex; justify-content: center; }
.ksayfa__kapak img { width: 100%; border-radius: 6px; box-shadow: 0 30px 60px -25px rgba(0,0,0,.4); transform: rotate(-3deg); transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.ksayfa__kapak:hover img { transform: rotate(0) scale(1.02); }
.ksayfa__metin > p:not(.ustyazi) { color: #48484B; margin: 18px 0 24px; font-size: 16.5px; }
.ksayfa__metin .onay-liste { margin-bottom: 34px; }
.ksayfa__dugmeler { display: flex; gap: 12px; flex-wrap: wrap; }

/* İletişim */
.iletisim__ic { display: grid; grid-template-columns: 1fr 1.25fr; gap: 80px; }
.iletisim__bilgi ul { display: grid; gap: 24px; margin: 30px 0 30px; }
.iletisim__bilgi li { display: flex; gap: 16px; }
.iletisim__bilgi .ikon { color: var(--bronz); margin-top: 3px; }
.iletisim__bilgi strong { display: block; font-size: 12px; color: var(--ikincil); font-weight: 700; margin-bottom: 4px; text-transform: uppercase; letter-spacing: .12em; }
.iletisim__bilgi li a, .iletisim__bilgi li span { display: block; font-size: 16.5px; font-weight: 600; }
.toptan { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: var(--yari); background: var(--gri-2); margin-bottom: 24px; transition: background var(--gecis); }
.toptan:hover { background: var(--gri); }
.toptan__ikon { width: 48px; height: 48px; border-radius: 50%; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
.toptan > span:nth-child(2) { display: grid; flex: 1; }
.toptan strong { font-weight: 700; }
.toptan > span:nth-child(2) span { font-size: 13.5px; color: var(--ikincil); }
.iletisim__form { background: var(--gri-2); border-radius: var(--yari); padding: 44px; }
.iletisim__form form { display: grid; gap: 18px; margin-top: 26px; }
.form__satir { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
label { font-size: 13px; font-weight: 700; display: grid; gap: 7px; }
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], select, textarea { width: 100%; border: 1.5px solid var(--cizgi); border-radius: var(--yari-k); padding: 14px 16px; background: #fff; font-weight: 500; font-size: 15.5px; transition: border-color var(--gecis); }
input:focus, select:focus, textarea:focus { border-color: var(--siyah); outline: 0; }
.iletisim__form .dugme { justify-self: start; }
.form__bilgi { font-weight: 700; color: #2F6B3A; }
.arama-form { display: flex; gap: 12px; margin: 24px 0 40px; max-width: 620px; }

/* Beden rehberi */
.bhesap__ic { display: grid; grid-template-columns: 1fr 1.1fr; gap: 72px; align-items: start; }
.bhesap__hesap { background: var(--gri); border-radius: var(--yari); padding: 36px; position: sticky; top: 110px; }
.bhesap__yontem { display: flex; background: #fff; border-radius: 999px; padding: 5px; margin-bottom: 24px; }
.bhesap__yontem button { flex: 1; height: 44px; border-radius: 999px; font-weight: 700; font-size: 14px; color: var(--ikincil); transition: background var(--gecis), color var(--gecis); }
.bhesap__yontem button.aktif { background: var(--siyah); color: #fff; }
.bhesap__cizim { display: grid; justify-items: center; gap: 12px; color: #9A9A9E; margin-bottom: 20px; }
.bhesap__cizim svg { width: 190px; height: auto; }
.bhesap__olcu { stroke: var(--bronz); stroke-width: 3; transition: opacity var(--gecis); }
.bhesap[data-yontem="genislik"] .bhesap__olcu--cevre, .bhesap:not([data-yontem]) .bhesap__olcu--cevre, .bhesap[data-yontem="cevre"] .bhesap__olcu--genislik { opacity: 0; }
.bhesap__cizim figcaption { text-align: center; font-size: 14px; color: #48484B; max-width: 360px; }
.bhesap__girdi span { display: flex; align-items: center; background: #fff; border-radius: var(--yari-k); padding-right: 16px; }
.bhesap__girdi input { border: 0 !important; font-size: 22px; font-weight: 800; padding: 16px 18px; background: transparent; }
.bhesap__girdi em { font-style: normal; font-weight: 700; color: var(--ikincil); }
.bhesap__sonuc { display: flex; align-items: center; gap: 18px; margin-top: 18px; background: var(--siyah); color: #fff; border-radius: var(--yari-k); padding: 18px 22px; }
.bhesap__harf { font-size: 40px; font-weight: 900; min-width: 64px; line-height: 1; color: var(--bronz-acik); }
.bhesap__yazi { font-size: 14px; color: rgba(255,255,255,.85); }
.bhesap__alt { color: var(--ikincil); margin: 14px 0 26px; }
.bhesap__tablo .teknik tr.secili th, .bhesap__tablo .teknik tr.secili td { background: var(--gri); color: var(--metin); }
.bhesap__tablo h3 { font-size: 18px; font-weight: 800; margin: 40px 0 14px; }
.bhesap__urunler li { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--cizgi); font-size: 14.5px; }
.bhesap__urunler strong { font-weight: 700; }
.bhesap__urunler span { color: var(--ikincil); font-weight: 600; }
.bhesap .karsilastirma__not { color: var(--ikincil); }

/* Düz yazı */
.duzyazi h1 { font-size: clamp(30px, 3.4vw, 46px); font-weight: 800; letter-spacing: -.02em; line-height: 1.1; margin-bottom: 24px; }
.duzyazi__gorsel { border-radius: var(--yari); margin-bottom: 28px; }
.duzyazi .dugme { margin-top: 22px; }
.sepet-toplam { margin: 22px 0; font-size: 18px; }

/* Onay listesi, teknik tablo */
.onay-liste { display: grid; gap: 12px; align-content: start; }
.onay-liste li { padding-left: 30px; position: relative; font-weight: 600; }
.onay-liste li::before { content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--siyah) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 11px no-repeat; }
.teknik { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.teknik th, .teknik td { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--cizgi); }
.teknik th { font-weight: 600; color: var(--ikincil); width: 42%; }
.teknik td { font-weight: 700; }
.teknik thead th { font-size: 12px; text-transform: uppercase; letter-spacing: .12em; color: var(--ikincil); background: var(--gri-2); }

/* Koleksiyon */
.koleksiyon__bas { padding: 0; } /* eski başlık */
.koleksiyon__bas .kap > div { background: var(--gri); border-radius: 0 0 var(--yari) var(--yari); padding: 44px 48px 48px; position: relative; overflow: hidden; }
.koleksiyon__bas .kap > div::after { content: ""; position: absolute; right: -40px; top: -100px; width: 360px; height: 400px; background: var(--parmak-izi) center / contain no-repeat; opacity: .9; }
.koleksiyon__bas h1 { font-size: clamp(34px, 4vw, 54px); font-weight: 800; letter-spacing: -.03em; margin-top: 14px; line-height: 1.05; position: relative; z-index: 1; }
.koleksiyon__aciklama { margin-top: 12px; color: #48484B; max-width: 640px; font-size: 16px; position: relative; z-index: 1; }
.koleksiyon__bas .kirinti { position: relative; z-index: 1; }
.koleksiyon__ic { display: grid; grid-template-columns: 250px 1fr; gap: 52px; padding-top: 40px; padding-bottom: 100px; align-items: start; }
.filtre { position: sticky; top: 110px; }
.filtre__bas { display: none; }
.filtre__grup { border-top: 1px solid var(--cizgi); padding: 16px 0; }
.filtre__grup:first-of-type { border-top: 0; padding-top: 0; }
.filtre__grup summary { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 14.5px; cursor: pointer; list-style: none; }
.filtre__grup summary::-webkit-details-marker { display: none; }
.filtre__grup[open] summary .ikon { transform: rotate(180deg); }
.filtre__grup ul { display: grid; gap: 10px; margin-top: 14px; }
.filtre__grup label { display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 14.5px; cursor: pointer; }
.filtre__grup input { width: 18px; height: 18px; accent-color: var(--siyah); }
.filtre__grup em { margin-left: auto; font-style: normal; font-size: 12.5px; color: var(--ikincil); }
.arac { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; font-size: 14px; color: var(--ikincil); font-weight: 600; }
.arac__filtre { display: none; align-items: center; gap: 8px; font-weight: 700; color: var(--metin); }
.arac__sirala { margin-left: auto; display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--metin); }
.arac__sirala select { width: auto; padding: 10px 14px; font-size: 14px; border-radius: 999px; }
.sayfalama { margin-top: 48px; text-align: center; }

/* ÜRÜN SAYFASI */
.urun { padding: 18px 0 0; }
.urun .kirinti { margin-bottom: 20px; }
.urun__ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; align-items: start; }
/* Galeri: ana görsel üstte, küçük görseller altında yatay */
.urun__galeri { display: grid; grid-template-columns: 1fr; gap: 14px; max-width: 580px; }
.urun__bilgi { position: sticky; top: 100px; max-width: 520px; }
.urun__alt { display: grid; gap: 14px; margin-top: 28px; }
.akordeon { border-top: 1px solid var(--cizgi); }
.akordeon:last-child { border-bottom: 1px solid var(--cizgi); }
.akordeon summary { display: flex; justify-content: space-between; align-items: center; padding: 22px 4px; font-weight: 700; font-size: 17px; cursor: pointer; list-style: none; }
.akordeon summary::-webkit-details-marker { display: none; }
.akordeon summary .ikon { transition: transform var(--gecis); }
.akordeon[open] summary .ikon { transform: rotate(45deg); }
.akordeon__ic { padding: 0 4px 26px; }
.akordeon__ic.urun__aciklama { display: grid; grid-template-columns: 1fr; gap: 22px; }
.pkart--kisa { display: grid; grid-template-columns: 1fr 1fr; margin-top: 22px; }
.pkart--kisa li { padding: 13px 16px; font-size: 13px; gap: 10px; }
.pkart--kisa li + li { border-top: 0; }
.pkart--kisa li:nth-child(n+3) { border-top: 1px solid var(--cizgi); }
.pkart--kisa li:nth-child(even) { border-left: 1px solid var(--cizgi); }

.urun__galeri:not(:has(.urun__kucukler)) { grid-template-columns: 1fr; }
.urun__ana-gorsel { order: 0; border-radius: var(--yari); overflow: hidden; aspect-ratio: 1; background: var(--gri); position: relative; cursor: zoom-in; }
.urun__ana-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease, opacity .3s ease; transform-origin: var(--zx, 50%) var(--zy, 50%); }
.urun__ana-gorsel.zum img { transform: scale(1.9); }
.urun__ana-rozetler { position: absolute; left: 18px; top: 18px; display: flex; gap: 8px; z-index: 1; }
.urun__ana-rozetler span { background: #fff; font-size: 11.5px; font-weight: 700; padding: 7px 12px; border-radius: 999px; text-transform: uppercase; letter-spacing: .08em; }
.urun__kucukler { display: grid; grid-auto-flow: column; grid-auto-columns: 84px; justify-content: start; gap: 12px; }
.urun__kucukler button { border-radius: var(--yari-k); overflow: hidden; aspect-ratio: 1; box-shadow: inset 0 0 0 2px transparent; transition: box-shadow var(--gecis), opacity var(--gecis); background: var(--gri); opacity: .7; }
.urun__kucukler button.aktif, .urun__kucukler button:hover { box-shadow: 0 0 0 2px var(--siyah); opacity: 1; }
.urun__kucukler img { width: 100%; height: 100%; object-fit: cover; }
.urun__bilgi { padding-top: 6px; }
.urun__ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.urun__aile { font-size: 12px; font-weight: 700; color: var(--bronz); text-transform: uppercase; letter-spacing: .14em; }
.urun__stok { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2F6B3A; }
.urun__stok::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #3FA35B; box-shadow: 0 0 0 4px rgba(63,163,91,.18); animation: nabiz 1.8s ease-in-out infinite; }
@keyframes nabiz { 50% { box-shadow: 0 0 0 7px rgba(63,163,91,0); } }
.urun__ad { font-size: clamp(26px, 2.3vw, 34px); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; margin-top: 10px; }
.urun__ozet { margin-top: 12px; color: #48484B; font-size: 16px; }
.urun__rozetler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.urun__rozetler li { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; padding: 8px 13px; border-radius: 999px; background: var(--gri-2); }
.urun__rozetler .ikon { color: var(--bronz); }
.urun__fiyat { display: flex; align-items: baseline; gap: 12px; margin-top: 22px; flex-wrap: wrap; }
.urun__fiyat .fiyat__guncel { font-size: 32px; letter-spacing: -.03em; }
.urun__kademe { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding-bottom: 24px; border-bottom: 1px solid var(--cizgi); font-size: 13.5px; font-weight: 600; color: var(--ikincil); }
.urun__kademe .ikon { color: var(--bronz); flex: none; }
.urun__kademe em { font-style: normal; color: var(--bronz); font-weight: 700; }
.urun__kademe em[hidden] { display: none; }
.urun__birim { font-size: 13.5px; color: var(--ikincil); font-weight: 600; }
.urun__tasarruf { margin-left: auto; font-size: 12.5px; font-weight: 700; color: #fff; background: var(--bronz); padding: 6px 12px; border-radius: 999px; }
.urun__tasarruf[hidden] { display: none; }
.secenek { margin-top: 24px; }
.secenek__bas { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; }
.secenek__ad { font-size: 13.5px; font-weight: 700; color: var(--metin); }
.secenek__ad strong { color: var(--ikincil); font-weight: 600; margin-left: 6px; }
.secenek__link { font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; border-bottom: 1.5px solid currentColor; }
.secenek__link:hover { color: var(--bronz); }
.secenek__renkler { display: flex; gap: 10px; flex-wrap: wrap; }
.renk-nokta { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--cizgi); transition: box-shadow var(--gecis); }
.renk-nokta span { width: 32px; height: 32px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.secenek > .secenek__ad { margin-bottom: 12px; }
.renk-nokta.aktif, .renk-nokta:hover { box-shadow: inset 0 0 0 2px var(--siyah); }

.secenek__dugmeler { display: flex; gap: 8px; flex-wrap: wrap; }
.beden { display: block; cursor: pointer; }
.beden input, .paket input { position: absolute; opacity: 0; pointer-events: none; }
.beden span { display: inline-flex; min-width: 66px; height: 50px; padding: 0 18px; align-items: center; justify-content: center; border: 1.5px solid var(--cizgi); border-radius: var(--yari-k); font-weight: 700; font-size: 14.5px; transition: border-color var(--gecis), background var(--gecis), color var(--gecis); }
.beden:hover span { border-color: var(--siyah); }
.beden input:checked + span { background: var(--siyah); border-color: var(--siyah); color: #fff; }
.beden input:focus-visible + span, .paket input:focus-visible ~ .paket__ic { outline: 2px solid var(--bronz); outline-offset: 2px; }
.urun__satin { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin-top: 28px; }
.urun__guvence { display: grid; gap: 12px; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--cizgi); }
.urun__guvence li { display: flex; align-items: center; gap: 12px; font-size: 13.5px; font-weight: 600; color: #48484B; }
.urun__guvence .ikon { color: var(--bronz); flex: none; }
.urun__ekle { min-height: 56px; font-size: 15px; }
.urun__ekle[disabled] { background: #B9B9BC; cursor: not-allowed; }
.urun__hemen { grid-column: 1 / -1; min-height: 56px; }
.urun__teslimat { display: grid; gap: 12px; margin-top: 22px; padding: 18px 20px; background: var(--gri-2); border-radius: var(--yari-k); font-size: 13.5px; }
.urun__teslimat li { display: flex; align-items: center; gap: 12px; }
.urun__teslimat .ikon { color: var(--bronz); }
.urun__teslimat strong { font-weight: 700; }
.urun__toptan { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 13.5px; font-weight: 700; color: var(--ikincil); }
.urun__toptan:hover { color: var(--metin); }
.urun__toptan svg { color: #25D366; }
.urun__odeme { display: flex; gap: 8px; align-items: center; margin-top: 16px; flex-wrap: wrap; }
.urun__odeme span { font-size: 11px; font-weight: 800; letter-spacing: .04em; padding: 6px 10px; border: 1px solid var(--cizgi); border-radius: 6px; color: var(--ikincil); }

/* Ürün hikâyesi, vurgular, SSS */
.vurgular { padding: 88px 0; }
.vurgular__izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.vurgu { background: var(--gri-2); border-radius: var(--yari); padding: 30px 26px 28px; position: relative; overflow: hidden; transition: background var(--gecis), transform var(--gecis); }
.vurgu:hover { background: var(--gri); transform: translateY(-4px); }
.vurgu__ikon { width: 54px; height: 54px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; color: var(--bronz); margin-bottom: 26px; }
.vurgu strong { display: block; font-size: 17px; font-weight: 800; letter-spacing: -.01em; line-height: 1.3; }
.vurgu p { font-size: 14px; color: var(--ikincil); margin-top: 8px; }
.hikaye { padding-bottom: 40px; }
.hikaye__blok { display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch; background: var(--gri-2); border-radius: var(--yari); overflow: hidden; margin-bottom: 20px; }
.hikaye__blok:nth-child(even) .hikaye__gorsel { order: 2; }
.hikaye__gorsel { min-height: 460px; position: relative; background: var(--gri); }
.hikaye__gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 30% center; }
.hikaye__metin { padding: 64px 64px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
.hikaye__metin::after { content: ""; position: absolute; right: -90px; bottom: -120px; width: 300px; height: 340px; background: var(--parmak-izi) center / contain no-repeat; filter: invert(1); opacity: .045; }
.hikaye__metin h3 { font-size: clamp(24px, 2.2vw, 32px); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.hikaye__metin p { color: #48484B; margin-top: 16px; font-size: 16px; max-width: 460px; }
.sss__ic { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.sss__ic > div:first-child p { color: var(--ikincil); margin-top: 14px; }
.sss__liste details { border-bottom: 1px solid var(--cizgi); }
.sss__liste summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; font-weight: 700; font-size: 16px; cursor: pointer; list-style: none; }
.sss__liste summary::-webkit-details-marker { display: none; }
.sss__liste summary .ikon { transition: transform var(--gecis); flex: none; }
.sss__liste details[open] summary .ikon { transform: rotate(45deg); }
.sss__liste details p { padding: 0 40px 22px 0; color: #48484B; }
.urun__detay { margin-top: 96px; }
.detay-sekmeler { display: flex; gap: 36px; border-bottom: 1px solid var(--cizgi); margin-bottom: 36px; overflow-x: auto; }
.detay-sekmeler button { font-size: 16px; font-weight: 700; padding: 16px 0; color: var(--ikincil); border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.detay-sekmeler button.aktif { color: var(--metin); border-bottom-color: var(--siyah); }
.sekme-icerik { display: none; }
.sekme-icerik.aktif { display: block; }
.urun__sekmeler { margin-top: 88px; }
.sekme__basliklar { display: flex; gap: 40px; border-bottom: 1px solid var(--cizgi); margin-bottom: 40px; overflow-x: auto; scrollbar-width: none; }
.sekme__basliklar::-webkit-scrollbar { display: none; }
.sekme__basliklar button { font-size: 16px; font-weight: 700; padding: 0 0 16px; color: var(--ikincil); border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; transition: color var(--gecis), border-color var(--gecis); }
.sekme__basliklar button:hover { color: var(--metin); }
.sekme__basliklar button.aktif { color: var(--metin); border-bottom-color: var(--bronz); }
.sekme__basliklar button:focus { outline: none; }
.sekme__basliklar button:focus-visible { color: var(--metin); text-decoration: underline; text-underline-offset: 6px; }
/* Sekme çubuğunun alt çizgisi yeter: panel içindeki ilk akordeonun üst çizgisi tekrar etmesin */
.sekme__panel > .akordeon:first-child, .sekme__panel .akordeon:first-of-type { border-top: 0; }
.sekme__panel[hidden] { display: none; }
.urun__sekmeler { padding-bottom: 72px; border-bottom: 1px solid var(--cizgi); }
.sekme__panel { padding-bottom: 8px; }
.sekme__panel .teknik { max-width: 760px; }
.urun__aciklama { display: grid; grid-template-columns: 1.1fr 1fr; gap: 72px; }
.urun__aciklama .zengin { font-size: 16px; line-height: 1.7; color: #48484B; }
.urun__not { display: flex; gap: 14px; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--cizgi); font-size: 14px; color: var(--ikincil); }
.urun__not .ikon { color: var(--bronz); flex: none; margin-top: 2px; }
.urun__not strong { display: block; color: var(--metin); font-size: 15px; margin-bottom: 4px; }
.urun__sss { max-width: 860px; }
.urun__sss .akordeon summary { font-size: 16px; }
.belgeler__liste--ic { margin-top: 24px; }
.yapiskan-ekle { position: fixed; left: 0; right: 0; bottom: 0; z-index: 35; background: rgba(255,255,255,.97); backdrop-filter: blur(10px); box-shadow: 0 -1px 0 var(--cizgi), 0 -12px 30px -18px rgba(0,0,0,.2); transform: translateY(110%); transition: transform var(--gecis); }
.yapiskan-ekle.acik { transform: none; }
.yapiskan-ekle__ic { display: flex; align-items: center; gap: 18px; height: 84px; }
.yapiskan-ekle img { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; background: var(--gri); }
.yapiskan-ekle__ad { flex: 1; min-width: 0; display: grid; }
.yapiskan-ekle__ad strong { font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yapiskan-ekle__ad span { font-size: 13px; color: var(--ikincil); }
.yapiskan-ekle__fiyat { font-size: 20px; font-weight: 800; }
.vitrin--ilgili { padding-top: 40px; }

/* Bildirim */
.bildirim { position: fixed; left: 50%; bottom: 100px; transform: translate(-50%, 20px); background: var(--siyah); color: #fff; padding: 13px 22px; border-radius: 999px; font-weight: 600; font-size: 14px; opacity: 0; transition: opacity var(--gecis), transform var(--gecis); z-index: 80; pointer-events: none; }
.bildirim.acik { opacity: 1; transform: translate(-50%, 0); }

/* Duyarlı */
@media (max-width: 1180px) {
  .ust__nav { display: none; }
  .ust__menu-dugme { display: inline-flex; }
  .ust__ic { grid-template-columns: auto 1fr auto; gap: 12px; height: 70px; }
  .ust__logo img { height: 45px; }
  .izgara--urun { grid-template-columns: repeat(3, 1fr); }
  .kaydirici__iz { grid-auto-columns: calc((100% - 2 * 22px) / 3); }
  .reels__iz { grid-auto-columns: calc((100% - 2 * 20px) / 3); }
  .belgeler__liste { grid-template-columns: repeat(3, 1fr); }
  .vurgular__izgara { grid-template-columns: repeat(2, 1fr); }
  .igakis__iz { grid-auto-columns: calc((100% - 2 * 18px) / 3); }
  .guven__ic { grid-template-columns: repeat(2, 1fr); }
  .mozet__ic, .oncesonra__ic, .metingorsel__ic, .iletisim__ic, .malzeme__panel, .ksayfa__ic, .marka__ic { gap: 44px; }
  .alt__ust { grid-template-columns: 1fr 1fr; }
  .koleksiyon__ic { grid-template-columns: 1fr; }
  .filtre { position: fixed; inset: 0 auto 0 0; width: min(330px, 88vw); background: #fff; z-index: 70; padding: 18px 22px 40px; overflow: auto; transform: translateX(-100%); transition: transform .35s cubic-bezier(.2,.7,.2,1); top: 0; }
  .filtre.acik { transform: none; box-shadow: 0 0 0 100vmax rgba(0,0,0,.42); }
  .filtre__bas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; font-size: 18px; }
  .arac__filtre { display: inline-flex; }
  .urun__ic { gap: 40px; }
  .urun__galeri { top: 90px; }
}
@media (max-width: 860px) {
  .kap { padding: 0 16px; }
  .bolum, .vurgular { padding: 52px 0; }
  .bolum__bas { margin-bottom: 24px; }
  .ust__ic { height: 62px; }
  .ust__logo img { height: 39px; }
  .afis__alt .kaydirici__oklar { display: none; }
  .afis__ray { flex: 1 1 auto; }
  .afis__alt { margin-top: 6px; }
  .obant__liste li { padding: 12px 20px; font-size: 12.5px; gap: 10px; }
  .izgara--urun, .izgara--uc { grid-template-columns: 1fr 1fr; gap: 28px 12px; }
  .kaydirici__iz { grid-auto-columns: 70%; margin: 0 -16px; padding: 0 16px; scroll-padding-left: 16px; gap: 12px; }
  .tanitim { min-height: 420px; }
  .kart__ad { font-size: 14.5px; }
  .fiyat__guncel { font-size: 16px; }
  .kart__hizli { opacity: 1; transform: none; width: 38px; height: 38px; right: 10px; bottom: 10px; }
  .kart__rozet { left: 10px; top: 10px; font-size: 10.5px; padding: 5px 10px; }
  .kart__akan { display: none; }
  .malzeme { padding: 52px 0; }
  .malzeme__sekmeler button { white-space: nowrap; }
  .malzeme .malzeme__panel.aktif { grid-template-columns: 1fr; gap: 28px; }
  .kiyas__kartlar { grid-template-columns: 1fr; }
  .kiyas__kart--vurgu { transform: none; }
  .malzeme__sekmeler { display: flex; width: 100%; overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; border-radius: var(--yari); scrollbar-width: none; }
  .dagitim__kart { grid-template-columns: 1fr; padding: 36px 24px 20px; }
  .dagitim__sahne { min-height: 200px; }
  .dagitim__arac-kap { width: 100%; margin: 0; }
  .karsilastir--genis { aspect-ratio: 4 / 3; }
  .karsilastir--genis img { object-position: 35% center; }
  .malzeme__ozellikler { grid-template-columns: 1fr; }

  .oncesonra__ic, .mozet__ic, .metingorsel__ic, .iletisim__ic, .misyon__ic, .urun__aciklama, .ksayfa__ic, .bhesap__ic, .sss__ic, .marka__ic { grid-template-columns: 1fr; gap: 32px; }
  .bbant__ic { grid-template-columns: 1fr; padding: 36px 26px; gap: 22px; }
  .bbant__bedenler span { width: 46px; height: 46px; font-size: 13.5px; }
  .alanlar__izgara { display: flex; overflow-x: auto; margin: 0 -16px; padding: 0 16px; gap: 12px; scroll-snap-type: x mandatory; scroll-padding-left: 16px; scrollbar-width: none; }
  .alan { flex: 0 0 80%; scroll-snap-align: start; }
  .reels__iz { grid-auto-columns: 78%; margin: 0 -16px; padding: 0 16px 4px; scroll-padding-left: 16px; gap: 12px; }
  .reels__oklar { display: none; }
  .mozet__sayilar, .marka__sayilar { gap: 26px; }
  .mozet__sayilar dt, .marka__sayilar dt { font-size: 32px; }
  .igakis { padding-top: 64px; }
  .igakis__iz { grid-auto-columns: 72%; gap: 12px; margin: 0 -16px; padding: 0 16px; scroll-padding-left: 16px; }
  .igakis__sag .kaydirici__oklar { display: none; }
  .guven__ic { grid-template-columns: 1fr; gap: 16px; }
  .belgeler__liste, .belgeler--tam .belgeler__liste, .belgeler__liste--ic { grid-template-columns: 1fr 1fr; gap: 10px; }
  .blogozet__izgara { display: flex; overflow-x: auto; margin: 0 -16px; padding: 0 16px 6px; gap: 14px; scroll-snap-type: x mandatory; scroll-padding-left: 16px; scrollbar-width: none; }
  .yazi { flex: 0 0 78%; scroll-snap-align: start; }
  .alt__bulten { flex-direction: column; align-items: stretch; gap: 20px; }
  .alt__bulten-form { max-width: none; }
  .alt__ust { grid-template-columns: 1fr 1fr; gap: 32px 20px; padding-top: 44px; }
  .alt__marka { grid-column: 1 / -1; }
  .tesis__izgara { grid-template-columns: 1fr 1fr; grid-auto-rows: 150px; gap: 10px; }
  .tesis__kare--4, .tesis__kare--5, .tesis__kare--6 { grid-column: span 1; }
  .tesis__kare--1 { grid-row: span 1; }
  .marka__kolaj { height: 360px; order: -1; }
  .iletisim__form { padding: 26px 20px; }
  .form__satir { grid-template-columns: 1fr; }
  .koleksiyon__bas .kap > div { padding: 28px 22px 30px; }
  .bhesap__hesap { position: static; padding: 24px; }
  .urun__ic { grid-template-columns: 1fr; gap: 26px; }
  .urun__galeri { grid-template-columns: 1fr; }
  .urun__bilgi { position: static; }
  .urun__sol { display: contents; }
  .urun__alt { order: 3; }
  .pkart--kisa { grid-template-columns: 1fr; }
  .pkart--kisa li:nth-child(even) { border-left: 0; }
  .pkart--kisa li + li { border-top: 1px solid var(--cizgi); }
  .urun__stok { font-size: 0; gap: 0; }
  .urun__stok::after { content: 'Stokta'; font-size: 12.5px; margin-left: 8px; }
  .urun__ana-gorsel { order: 0; }
  .urun__kucukler { grid-auto-columns: 70px; }
  .vurgular__izgara { grid-template-columns: 1fr 1fr; gap: 10px; }
  .vurgu { padding: 22px 18px; }
  .vurgu__ikon { margin-bottom: 16px; }
  .hikaye__blok { grid-template-columns: 1fr; }
  .hikaye__blok:nth-child(even) .hikaye__gorsel { order: 0; }
  .hikaye__gorsel { min-height: 300px; }
  .hikaye__metin { padding: 36px 26px; }
  .urun__detay { margin-top: 64px; }
  .yapiskan-ekle__ic { height: 72px; gap: 12px; }
  .yapiskan-ekle img, .yapiskan-ekle__fiyat { display: none; }
  .yapiskan-ekle .dugme { min-height: 48px; padding: 0 22px; }
  .sayfabas { padding: 40px 0 44px; }
}

/* Ürün sayfası bilgi kartları (ince kenar, yumuşak köşe) */
.pkartlar { display: grid; gap: 14px; margin-top: 26px; }
.pkart { border: 1px solid var(--cizgi); border-radius: var(--yari); background: #fff; }
.pkart--bilgi { display: flex; gap: 16px; padding: 20px 22px; }
.pkart--bilgi .ikon, .pkart__bas .ikon, .pkart--sss summary .ikon:first-child { color: var(--bronz); margin-top: 2px; }
.pkart--bilgi strong { font-weight: 700; font-size: 15px; }
.pkart--bilgi p { font-size: 13.5px; color: var(--ikincil); margin-top: 4px; line-height: 1.55; }
.pkart--liste li { display: flex; align-items: center; gap: 16px; padding: 16px 22px; font-size: 14.5px; font-weight: 600; }
.pkart--liste li + li { border-top: 1px solid var(--cizgi); }
.pkart--liste .ikon { color: var(--metin); }
.pkart--birlikte { overflow: hidden; }
.pkart__bas { display: flex; gap: 14px; padding: 16px 22px; background: var(--gri-2); border-bottom: 1px solid var(--cizgi); }
.pkart__bas div { display: grid; }
.pkart__bas strong { font-weight: 700; font-size: 15px; }
.pkart__bas span { font-size: 13px; color: var(--ikincil); }
.pkart__urun { display: grid; grid-template-columns: 76px 1fr auto; gap: 18px; align-items: center; padding: 18px 22px; }
.pkart__urun img { width: 76px; height: 76px; border-radius: var(--yari-k); object-fit: cover; background: var(--gri); }
.pkart__urun a { display: grid; min-width: 0; }
.pkart__urun a strong { font-weight: 700; font-size: 15px; }
.pkart__urun a span { font-weight: 800; font-size: 15px; }
.pkart__urun a em { font-style: normal; font-size: 12.5px; color: var(--ikincil); }
.pkart__urun .dugme { min-height: 44px; padding: 0 22px; font-size: 13.5px; }
.pkart--sss summary { display: flex; align-items: center; gap: 14px; padding: 18px 22px; cursor: pointer; list-style: none; background: var(--gri-2); border-radius: var(--yari); }
.pkart--sss[open] summary { border-radius: var(--yari) var(--yari) 0 0; border-bottom: 1px solid var(--cizgi); }
.pkart--sss summary::-webkit-details-marker { display: none; }
.pkart--sss summary strong { flex: 1; font-weight: 700; font-size: 15px; }
.pkart--sss summary .ikon:last-child { transition: transform var(--gecis); }
.pkart--sss[open] summary .ikon:last-child { transform: rotate(180deg); }
.pkart__soru { padding: 16px 22px; }
.pkart__soru + .pkart__soru { border-top: 1px solid var(--cizgi); }
.pkart__soru strong { font-size: 14px; font-weight: 700; }
.pkart__soru p { font-size: 13.5px; color: var(--ikincil); margin-top: 4px; }
.shopify-payment-button, .odeme-onizleme { grid-column: 1 / -1; }
.odeme-onizleme { min-height: 56px; border-radius: 999px; border: 1.5px solid var(--siyah); font-weight: 700; display: flex; align-items: center; justify-content: center; font-size: 15px; }
.odeme-onizleme:hover { background: var(--siyah); color: #fff; }

/* Güvence satırı */
.guvence { padding: 80px 0; }
.guvence__baslik { text-align: center; font-size: clamp(26px, 2.6vw, 38px); font-weight: 700; letter-spacing: -.02em; margin-bottom: 64px; }
.guvence__izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; text-align: center; }
.guvence__oge { display: grid; justify-items: center; gap: 12px; }
.guvence__oge .ikon { color: var(--bronz); stroke-width: 1.3; margin-bottom: 8px; }
.guvence__oge strong { font-size: 19px; font-weight: 700; }
.guvence__oge span { font-size: 14px; color: var(--ikincil); max-width: 260px; line-height: 1.55; }

/* Tarifler */
.tarifler { overflow: hidden; }
.tarifler__bas { text-align: center; margin-bottom: 44px; }
.tarifler__bas > p:not(.ustyazi) { color: var(--ikincil); margin-top: 12px; font-size: 16px; }
.tarifler__iz { display: flex; justify-content: safe center; gap: 28px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0 max(40px, calc((100vw - 1440px) / 2 + 40px)) 12px; scrollbar-width: none; }
.tarifler__iz::-webkit-scrollbar { display: none; }
.tarif { flex: 0 0 280px; scroll-snap-align: center; display: grid; gap: 14px; justify-items: center; }
.tarif img { width: 280px; height: 280px; object-fit: cover; border-radius: 34%; transition: transform .5s cubic-bezier(.2,.7,.2,1), box-shadow var(--gecis), filter var(--gecis); filter: saturate(.85); }
.tarif span { font-weight: 700; font-size: 15px; color: var(--ikincil); transition: color var(--gecis); }
.tarif:hover img { transform: translateY(-6px); }
.tarif.aktif img { filter: none; box-shadow: 0 0 0 4px #fff, 0 0 0 6px var(--bronz); }
.tarif.aktif span { color: var(--metin); }
.tarif-yorum { display: none; text-align: center; max-width: 820px; margin: 48px auto 0; }
.tarif-yorum.aktif { display: block; animation: belir .5s ease both; }
.tarif-yorum__kisi { display: none; }
.tarif-yorum__kisi .reel__avatar { width: 58px; height: 58px; font-size: 20px; }
.tarif-yorum__kisi strong { display: block; font-size: 17px; font-weight: 700; }
.tarif-yorum__kisi em { font-style: normal; font-size: 13.5px; color: var(--ikincil); }
.tarif-yorum__baslik { font-size: clamp(24px, 2.2vw, 32px); font-weight: 800; letter-spacing: -.02em; }
.tarif-yorum__metin { margin: 12px auto 0; font-size: 17px; line-height: 1.6; color: #48484B; max-width: 640px; }
.tarif-yorum__alt { display: flex; justify-content: center; align-items: center; gap: 28px; margin-top: 26px; flex-wrap: wrap; }
.tarif-yorum__urun { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; color: var(--ikincil); padding: 6px 20px 6px 6px; background: var(--gri-2); border-radius: 999px; text-align: left; transition: background var(--gecis); }
.tarif-yorum__urun:hover { background: var(--gri); }
.tarif-yorum__urun span { display: grid; line-height: 1.3; }
.tarif-yorum__urun img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.tarif-yorum__urun strong { color: var(--metin); font-size: 14px; }
.tarifler__kontrol { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 30px; }
.tarifler__noktalar button { background: var(--cizgi); box-shadow: none; }
.tarifler__noktalar button.aktif { background: var(--siyah); }

/* Dağıtım ağı */
.dagitim__kart { position: relative; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 20px; background: var(--gri); border-radius: var(--yari); padding: 64px 40px 64px 64px; overflow: hidden; }
.dagitim__iz { position: absolute; left: -120px; bottom: -180px; width: 520px; height: 580px; background: var(--parmak-izi) center / contain no-repeat; opacity: .9; pointer-events: none; }
.dagitim__metin { position: relative; z-index: 1; }
.dagitim__metin > p:not(.ustyazi) { color: #48484B; margin: 16px 0 28px; font-size: 16.5px; max-width: 420px; }
.dagitim__maddeler { display: grid; grid-template-columns: 1fr 1fr; max-width: 470px; border-top: 1px solid rgba(42,33,26,.12); padding-top: 26px; }
.dagitim__maddeler li { display: grid; gap: 12px; align-content: start; padding-right: 22px; }
.dagitim__maddeler li + li { padding: 0 0 0 22px; border-left: 1px solid rgba(42,33,26,.12); }
.dagitim__maddeler .ikon { width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: var(--kahve); color: #fff; box-sizing: border-box; }
.dagitim__maddeler span { display: grid; gap: 4px; font-size: 13.5px; line-height: 1.5; color: var(--ikincil); }
.dagitim__maddeler strong { color: var(--metin); font-size: 15.5px; font-weight: 700; }
.dagitim__sahne { position: relative; align-self: stretch; display: flex; align-items: center; min-height: 380px; }
/* Yol çizgisi sabit ve görselle birlikte ölçeklenir: tekerlerin bastığı hizada (görselin alt kenarı) */
.dagitim__arac-kap { position: relative; display: block; width: 94%; margin-left: 2%; }
.dagitim__yol { position: absolute; left: -4%; right: -4%; bottom: 0.2%; height: 3px; background: repeating-linear-gradient(90deg, rgba(42,33,26,.22) 0 26px, transparent 26px 48px); }
.dagitim__arac { position: relative; z-index: 1; display: block; width: 100%; max-width: none; filter: drop-shadow(0 26px 18px rgba(0,0,0,.2)); }

/* İkiye bölünmüş sayfa başlığı */
.sayfabas2 { display: grid; grid-template-columns: 1fr 1fr; min-height: 380px; }
.sayfabas2__sol { background: var(--siyah); color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 60px 40px; }
.sayfabas2__sol .kirinti { color: rgba(255,255,255,.55); justify-content: center; }
.sayfabas2__sol h1 { font-size: clamp(38px, 4vw, 58px); font-weight: 800; letter-spacing: -.03em; margin-top: 16px; }
.sayfabas2__sol p { margin-top: 14px; color: rgba(255,255,255,.75); font-size: 17px; max-width: 460px; }
.sayfabas2__sag { position: relative; background: var(--gri); display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 60px; }
.sayfabas2__iz { position: absolute; right: -90px; top: 50%; width: 380px; height: 500px; transform: translateY(-50%); background: var(--bronz); -webkit-mask: var(--parmak-izi) center / contain no-repeat; mask: var(--parmak-izi) center / contain no-repeat; opacity: .16; pointer-events: none; }
.sayfabas2__slogan { position: relative; font-size: clamp(26px, 2.8vw, 42px); font-weight: 700; letter-spacing: -.02em; text-align: center; line-height: 1.2; max-width: 520px; }

@media (max-width: 1180px) {
  .guvence__izgara { grid-template-columns: 1fr 1fr; gap: 44px 24px; }
  .dagitim__daire { width: 420px; height: 420px; }
}
@media (max-width: 860px) {
  .guvence { padding: 52px 0; }
  .guvence__baslik { margin-bottom: 40px; }
  .guvence__izgara { gap: 34px 16px; }
  .guvence__oge strong { font-size: 16px; }
  .tarif { flex-basis: 200px; }
  .tarif img { width: 200px; height: 200px; }
  .tarif-yorum__metin { font-size: 17px; }
  .dagitim { padding: 60px 0 70px; }
  .dagitim__daire { width: 320px; height: 320px; left: -60px; top: 30%; }
  .dagitim__ic { grid-template-columns: 1fr; padding-top: 40px; }
  .dagitim__metin { padding-left: 0; }
  .dagitim__arac { width: 100%; margin: 0; }
  .sayfabas2 { grid-template-columns: 1fr; }
  .sayfabas2__sag { min-height: 200px; padding: 40px 24px; }
  .pkart__urun { grid-template-columns: 60px 1fr; }
  .pkart__urun img { width: 60px; height: 60px; }
  .pkart__urun .dugme { grid-column: 1 / -1; }
}

/* Koleksiyon: liste üstü kategori görseli */
.kafis { position: relative; margin-top: 24px; border-radius: var(--yari); overflow: hidden; aspect-ratio: 1920 / 560; background: var(--gri); color: #fff; }
.kafis img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kafis::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.55) 0, rgba(0,0,0,.15) 45%, rgba(0,0,0,0) 70%); }
.kafis__metin { position: absolute; left: 56px; bottom: 50px; z-index: 1; max-width: 520px; }
.kafis .kirinti { color: rgba(255,255,255,.75); }
.kafis h1 { font-size: clamp(36px, 4.6vw, 68px); font-weight: 900; letter-spacing: -.03em; line-height: 1; margin-top: 14px; text-transform: uppercase; }
.kafis__aciklama { margin-top: 12px; color: rgba(255,255,255,.88); font-size: 16px; }
.kafis--sade { aspect-ratio: auto; color: var(--metin); padding: 44px 48px; }
.kafis--sade::after { display: none; }
.kafis--sade .kafis__metin { position: static; }
.kafis--sade .kirinti { color: var(--ikincil); }
.kbaslik { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 28px 0 8px; flex-wrap: wrap; }
.kbaslik h2 { font-size: 24px; font-weight: 700; }
.kbaslik h2 span { color: var(--ikincil); font-weight: 600; }
.kbaslik__araclar { display: flex; align-items: center; gap: 28px; }
.kbaslik__filtre { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15px; }
.kbaslik .arac__sirala { margin-left: 0; }
.koleksiyon__ic { padding-top: 20px; transition: grid-template-columns var(--gecis); }
.koleksiyon.filtre-gizli .koleksiyon__ic { grid-template-columns: 0 1fr; gap: 0; }
.koleksiyon.filtre-gizli .filtre { opacity: 0; visibility: hidden; }
.koleksiyon.filtre-gizli .izgara--uc { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1180px) { .kbaslik__filtre { display: none; } }
@media (max-width: 860px) {
  /* mobilde başlık görselin altında; görsel ürün grubunun durduğu sağ bölgeden kırpılır */
  .kafis { aspect-ratio: auto; margin-top: 12px; background: none; color: var(--metin); overflow: visible; }
  .kafis::after { display: none; }
  .kafis img { position: static; display: block; aspect-ratio: 16 / 10; border-radius: var(--yari); object-position: 80% center; }
  .kafis__metin { position: static; max-width: none; padding: 18px 2px 0; }
  .kafis .kirinti { color: var(--ikincil); }
  .kafis h1 { margin-top: 8px; }
  .kafis__aciklama { color: var(--ikincil); }
  .kbaslik h2 { font-size: 19px; }
  .kbaslik__araclar { gap: 14px; width: 100%; justify-content: space-between; }
}

@media (max-width: 860px) {
  .dagitim__kart { grid-template-columns: 1fr; padding: 36px 24px 24px; gap: 8px; }
  .dagitim__sahne { min-height: 0; padding-top: 10px; }
  .dagitim__arac-kap { width: 100%; margin: 0; }
  .dagitim__maddeler { max-width: none; }
  .dagitim__maddeler li { padding-right: 16px; }
  .dagitim__maddeler li + li { padding-left: 16px; }
  .kiyas { margin-top: 64px; }
}

/* v5: mobil arama, dönen duyuru */
.ust__mobil-arama { display: none; }
.bant__tek { display: none; }

/* Kurumsal satış bandı */
.vaat__ic { position: relative; overflow: hidden; display: grid; grid-template-columns: 260px 1fr; align-items: center; gap: 48px; padding: 56px 60px; border-radius: var(--yari); background: var(--kahve); color: #fff; }
.vaat__iz { position: absolute; right: -30px; bottom: -120px; width: 300px; height: 400px; background: var(--parmak-izi) center / contain no-repeat; opacity: .06; pointer-events: none; }
.vaat__logo img { width: 190px; height: auto; display: block; }
.vaat__liste { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); }
.vaat__oge { padding: 4px 34px; border-left: 1px solid rgba(255,255,255,.12); }
.vaat__ikon { width: 58px; height: 58px; margin-bottom: 20px; border-radius: 50%; border: 1px solid rgba(201,171,130,.45); background: rgba(201,171,130,.08); display: flex; align-items: center; justify-content: center; color: #D4B68C; }
.vaat__ikon .ikon { width: 27px; height: 27px; stroke-width: 1.4; }
.vaat__oge strong { display: block; font-size: 18px; font-weight: 700; letter-spacing: -.01em; }
.vaat__oge p { margin-top: 8px; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.66); max-width: 250px; }

/* Tarifler (dergi düzeni) */
.tarifler__izgara { display: grid; grid-template-columns: 1.35fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 18px; height: 640px; }
.tkart { position: relative; border-radius: var(--yari); overflow: hidden; background: var(--gri); min-height: 0; }
.tkart--buyuk { grid-row: span 2; }
.tkart__gorsel { position: absolute; inset: 0; display: block; }
.tkart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.tkart:hover .tkart__gorsel img { transform: scale(1.05); }
.tkart::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(28,23,18,.78) 0, rgba(28,23,18,.25) 45%, rgba(28,23,18,0) 70%); pointer-events: none; }
.tkart__metin { position: absolute; left: 22px; right: 22px; bottom: 20px; z-index: 1; color: #fff; display: grid; gap: 6px; justify-items: start; }
.tkart--buyuk .tkart__metin { left: 34px; right: 34px; bottom: 32px; gap: 10px; }
.tkart__kategori { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #E9D8BF; }
.tkart h3 { font-size: 19px; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; }
.tkart--buyuk h3 { font-size: clamp(26px, 2.4vw, 36px); }
.tkart__metin > p { color: rgba(255,255,255,.85); font-size: 15px; max-width: 440px; }
.tkart__detay { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding-bottom: 3px; border-bottom: 1.5px solid currentColor; color: #fff; font-size: 13.5px; font-weight: 700; justify-self: start; }
.tkart__detay .ikon { transition: transform var(--gecis); }
.tkart__detay:hover .ikon { transform: translateX(3px); }

/* Video oynat düğmesi */
.reel__ses { width: 44px; height: 44px; padding: 0 !important; background: rgba(255,255,255,.95); color: var(--kahve); box-shadow: 0 6px 18px -6px rgba(0,0,0,.35); }

@media (max-width: 1180px) {
  .ust__ic { grid-template-columns: 1fr auto; }
  .ust__araclar { gap: 0; }
  .tarifler__izgara { height: 560px; }
}
@media (max-width: 860px) {
  .ust__mobil-arama { display: flex; align-items: center; gap: 8px; padding-bottom: 12px; }
  .ust__mobil-arama input[type="search"] { flex: 1; min-width: 0; height: 46px; border: 0; background: var(--gri-2); border-radius: 10px; padding: 0 16px; font-size: 15px; font-weight: 500; }
  .ust__mobil-arama input[type="search"]:focus { box-shadow: 0 0 0 2px var(--kahve); }
  .ust__mobil-arama button { width: 46px; height: 46px; flex: none; border-radius: 10px; background: var(--gri-2); display: inline-flex; align-items: center; justify-content: center; margin-left: -58px; position: relative; background: transparent; }
  .ust__ic { height: 60px; }
  .ust__araclar .dugme-ikon:first-child { display: none; }
  .ust__hesap { display: inline-flex !important; }
  .bant__iz { display: none; }
  .bant__tek { display: grid; height: 38px; align-items: center; justify-items: center; padding: 0 16px; text-align: center; }
  .bant__tek span { grid-area: 1 / 1; opacity: 0; transform: translateY(6px); transition: opacity .45s ease, transform .45s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
  .bant__tek span.aktif { opacity: 1; transform: none; }
  .afis-kap { padding-top: 10px; }
  .afis__iz { aspect-ratio: 4 / 5; }
  .tarifler__izgara { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-template-rows: none; grid-auto-columns: 78%; height: auto; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -16px; padding: 0 16px; scroll-padding-left: 16px; gap: 12px; scrollbar-width: none; }
  .tarifler__izgara::-webkit-scrollbar { display: none; }
  .tkart, .tkart--buyuk { grid-row: auto; aspect-ratio: 4 / 5; scroll-snap-align: start; }
  .tkart--buyuk .tkart__metin, .tkart__metin { left: 20px; right: 20px; bottom: 20px; }
  .tkart--buyuk h3 { font-size: 22px; }
  .tkart__metin > p { display: none; }
  .kiyas__kartlar { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -16px; padding: 14px 16px 6px; scroll-padding-left: 16px; gap: 12px; scrollbar-width: none; }
  .kiyas__kartlar::-webkit-scrollbar { display: none; }
  .kiyas__kart { scroll-snap-align: start; }
  .kiyas__kart--vurgu { transform: none; }
  .bbant__ic { grid-template-columns: 1fr; padding: 30px 22px 26px; gap: 18px; }
  .bbant__iz { left: auto; right: -140px; top: -120px; width: 320px; height: 360px; opacity: .55; }
  .bbant__metin strong { font-size: 24px; }
  .bbant__bedenler { gap: 8px; }
  .bbant__bedenler span { width: 42px; height: 42px; font-size: 13px; }
  .bbant__ic .dugme { width: 100%; }
  .alt__taban { padding-bottom: 34px; flex-direction: column; align-items: flex-start; gap: 12px; }
}

@media (max-width: 860px) {
  .alt .alt__bulten { padding-top: 44px; padding-bottom: 36px; }
  .alt .alt__ust { padding-top: 40px; padding-bottom: 36px; }
  .alt .alt__taban { padding-top: 22px; padding-bottom: 40px; }
  .ust .ust__mobil-arama { padding-top: 0; padding-bottom: 12px; }
  .koleksiyon .koleksiyon__ic { padding-top: 16px; padding-bottom: 64px; }
}

@media (max-width: 1180px) {
  .vaat__ic { grid-template-columns: 1fr; gap: 30px; padding: 44px 36px; }
  .vaat__oge:first-child { border-left: 0; padding-left: 0; }
}
@media (max-width: 860px) {
  .vaat__ic { padding: 36px 24px 30px; gap: 26px; }
  .vaat__logo img { width: 140px; }
  .vaat__liste { grid-template-columns: 1fr; }
  .vaat__oge { display: grid; grid-template-columns: 48px 1fr; column-gap: 14px; padding: 18px 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
  .vaat__oge:first-child { padding-left: 0; }
  .vaat__ikon { grid-row: span 2; width: 48px; height: 48px; margin: 0; }
  .vaat__ikon .ikon { width: 21px; height: 21px; }
  .vaat__oge strong { font-size: 16px; }
  .vaat__oge p { margin-top: 4px; font-size: 13px; }
  .urun__bilgi { max-width: none; }
  .urun__sekmeler { margin-top: 56px; padding-bottom: 48px; }
  .sekme__basliklar { gap: 26px; margin: 0 -16px 28px; padding: 0 16px; }
  .sekme__basliklar button { font-size: 14.5px; }
  .renk-nokta { width: 42px; height: 42px; }
}

/* Sabit iletişim düğmesi (telefon + WhatsApp) */
.hizli-iletisim { pointer-events: none; position: fixed; right: 22px; bottom: calc(22px + env(safe-area-inset-bottom, 0px)); z-index: 34; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; transition: bottom var(--gecis); }
body:has(.yapiskan-ekle.acik) .hizli-iletisim { bottom: calc(100px + env(safe-area-inset-bottom, 0px)); }
.hizli-iletisim__secenekler { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.hizli-iletisim__dugme { position: relative; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 8px 22px -8px rgba(0,0,0,.35); opacity: 0; transform: translateY(12px) scale(.8); pointer-events: none; transition: opacity .25s ease, transform .25s cubic-bezier(.2,.7,.2,1); }
.hizli-iletisim__dugme--tel { background: var(--bronz); transition-delay: .04s; }
.hizli-iletisim__dugme--wa { background: #25D366; }
.hizli-iletisim__etiket { position: absolute; right: 62px; white-space: nowrap; background: #fff; color: var(--metin); font-size: 13px; font-weight: 700; padding: 7px 12px; border-radius: 8px; box-shadow: 0 6px 18px -8px rgba(0,0,0,.25); }
.hizli-iletisim.acik .hizli-iletisim__dugme { opacity: 1; transform: none; pointer-events: auto; }
.hizli-iletisim__ana { pointer-events: auto; width: 58px; height: 58px; border-radius: 50%; background: var(--bronz); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 26px -10px rgba(42,33,26,.6); transition: background var(--gecis), transform var(--gecis); }
.hizli-iletisim__ana:hover { background: var(--kahve); }
.hizli-iletisim__ikon-kapat, .hizli-iletisim.acik .hizli-iletisim__ikon-ac { display: none; }
.hizli-iletisim.acik .hizli-iletisim__ikon-kapat { display: block; }
@media (max-width: 860px) {
  .hizli-iletisim { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
  body:has(.yapiskan-ekle.acik) .hizli-iletisim { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
  .hizli-iletisim__ana { width: 52px; height: 52px; }
  .hizli-iletisim__dugme { width: 46px; height: 46px; }
  .hizli-iletisim__etiket { display: none; }
}
@media (prefers-reduced-motion: reduce) { .afis__parca.aktif span { animation: none; transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* Tek ürünlü kaydırıcı: vitrin (kaydırıcı kurallarından sonra gelmeli) */
@media (max-width: 1180px) {
  .kaydirici__iz--vitrin { grid-template-columns: calc((100% - 2 * 22px) / 3) 1fr; }
  .vitrin { gap: 26px; padding: 20px; }
  .vitrin__govde { padding-right: 4px; }
  .vitrin__ozellikler { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 860px) {
  .kaydirici__iz--vitrin { grid-template-columns: 1fr; margin: 0; padding: 0; gap: 14px; overflow: visible; }
  .vitrin { grid-template-columns: 1fr; gap: 20px; padding: 14px; }
  .vitrin__gorsel img { aspect-ratio: 4 / 3; }
  .vitrin__govde { padding: 0 4px 6px; }
  .vitrin__ozellikler { grid-template-columns: 1fr; }
  .vitrin__dugmeler .dugme { flex: 1; }
}
@media (max-width: 860px) {
  .sbant__liste li { padding: 18px 26px; }
  .sbant__liste img { height: 32px; }
}

/* Sayfa başına dön: sohbet düğmesinin üstünde; aşağı kaydırınca görünür, iletişim menüsü açıkken gizlenir */
.yukari { position: fixed; right: 26px; bottom: calc(22px + 58px + 14px + env(safe-area-inset-bottom, 0px)); z-index: 36; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; color: var(--kahve); border: 1px solid var(--cizgi); box-shadow: 0 8px 22px -10px rgba(42,33,26,.35); opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity var(--gecis), transform var(--gecis), background var(--gecis), color var(--gecis), bottom var(--gecis); }
.yukari.gorunur { opacity: 1; transform: none; pointer-events: auto; }
.yukari:hover { background: var(--kahve); color: #fff; border-color: var(--kahve); }
body:has(.hizli-iletisim.acik) .yukari { opacity: 0; pointer-events: none; }
body:has(.yapiskan-ekle.acik) .yukari { bottom: calc(100px + 58px + 14px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 860px) {
  .yukari { right: 17px; width: 46px; height: 46px; bottom: calc(14px + 52px + 12px + env(safe-area-inset-bottom, 0px)); }
  body:has(.yapiskan-ekle.acik) .yukari { bottom: calc(86px + 52px + 12px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 860px) { .alt::before { width: 260px; height: 350px; right: -90px; bottom: -110px; opacity: .22; } }

/* Koli ile alım bandı: gri kart, solda metin, sağda görsel kartın sağ yarısını doldurur */
.koli__kart { display: grid; grid-template-columns: 1fr 1.1fr; background: var(--gri); border-radius: var(--yari); overflow: hidden; min-height: 460px; }
.koli__metin { padding: 64px 48px 64px 64px; align-self: center; }
.koli__aciklama { color: #48484B; margin: 16px 0 22px; font-size: 16.5px; max-width: 440px; }
.koli__maddeler { display: grid; gap: 12px; margin-bottom: 30px; }
.koli__maddeler li { position: relative; padding-left: 28px; font-weight: 600; font-size: 14.5px; }
.koli__maddeler li::before { content: ""; position: absolute; left: 0; top: 3px; width: 17px; height: 17px; border-radius: 50%; background: var(--bronz) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 11px no-repeat; }
.koli__gorsel { position: relative; min-height: 320px; background: var(--gri-3); }
.koli__gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 860px) {
  .koli__kart { grid-template-columns: 1fr; min-height: 0; }
  .koli__gorsel { order: -1; aspect-ratio: 4 / 3; min-height: 0; }
  .koli__metin { padding: 30px 22px 32px; }
}

/* Paket satırları (Florex Kolli düzeni): alt alta, solda seçim, sağda fiyat */
.paketler { display: grid; gap: 10px; margin: 18px 0 18px; }
.paketler__bas { text-align: center; font-size: 13px; font-weight: 700; color: var(--ikincil); display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
.paketler__bas::before, .paketler__bas::after { content: ""; flex: 1; height: 1px; background: var(--cizgi); }
.paket { position: relative; cursor: pointer; display: block; }
.paket input { position: absolute; opacity: 0; pointer-events: none; }
.paket__ic { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 14px 18px; border-radius: var(--yari-k); border: 1.5px solid var(--cizgi); background: #fff; transition: border-color var(--gecis), background var(--gecis); }
.paket:hover .paket__ic { border-color: #BDBDC0; }
.paket input:checked + .paket__ic { border-color: var(--kahve); background: #F7F3EE; }
.paket input:focus-visible + .paket__ic { outline: 2px solid var(--bronz); outline-offset: 2px; }
.paket__daire { width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid #9A9A9E; position: relative; }
.paket input:checked + .paket__ic .paket__daire { border-color: var(--kahve); }
.paket input:checked + .paket__ic .paket__daire::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--kahve); }
.paket__sol { display: grid; gap: 3px; min-width: 0; }
.paket__ust { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.paket__ad { font-size: 15px; font-weight: 800; }
.paket__icerik { font-size: 13px; font-weight: 600; color: var(--ikincil); }
.paket__indirim { font-size: 11px; font-weight: 700; color: var(--bronz); border: 1px solid var(--bronz); padding: 1px 7px; border-radius: 6px; }
.paket__birim { font-size: 12px; color: var(--ikincil); }
.paket__fiyat { display: grid; justify-items: end; gap: 1px; }
.paket__fiyat b { font-size: 16px; font-weight: 800; white-space: nowrap; }
.paket__fiyat s { font-size: 12px; color: var(--ikincil); }
.paket__rozet { position: absolute; top: -9px; right: 14px; font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .03em; white-space: nowrap; background: var(--kahve); color: #fff; padding: 3px 10px; border-radius: 999px; }
.urun__kazanc { margin: -4px 0 14px; font-size: 13.5px; font-weight: 700; color: var(--bronz); }
@media (max-width: 860px) { .paket__ic { padding: 13px 14px; gap: 12px; } }

/* Son bölüm ile logo bandı arasında nefes payı */
main#icerik { padding-bottom: 72px; }
@media (max-width: 860px) { main#icerik { padding-bottom: 48px; } }

/* Aynı (beyaz) zeminli iki bölüm üst üste gelince iki boşluk toplanmasın: alttakinin üst boşluğu kısalır.
   Gri bölümler kendi bandını korur. */
main > .shopify-section:has(> :is(.bolum:not(.bolum--gri), .malzeme, .guvence)) + .shopify-section > :is(.bolum:not(.bolum--gri), .malzeme, .guvence, .igakis) { padding-top: 24px; }
@media (max-width: 860px) {
  main > .shopify-section:has(> :is(.bolum:not(.bolum--gri), .malzeme, .guvence)) + .shopify-section > :is(.bolum:not(.bolum--gri), .malzeme, .guvence, .igakis) { padding-top: 12px; }
}

/* Mobil araç bandı: tekerlekler kart kenarında kesilmesin, yol çizgisi araçtan taşmasın */
@media (max-width: 860px) {
  .dagitim__kart { padding-bottom: 30px; }
  .dagitim__sahne { padding: 18px 0 6px; overflow: visible; }
  .dagitim__yol { left: 0; right: 0; }
}

/* Mobil: malzeme sekmeleri kesilmesin, 2×2 ızgara */
@media (max-width: 860px) {
  .malzeme__sekmeler { display: grid; grid-template-columns: 1fr 1fr; width: 100%; overflow: visible; gap: 6px; border-radius: var(--yari); }
  .malzeme__sekmeler button { padding: 10px 8px; white-space: normal; border-radius: var(--yari-k); }
}

/* Banner yatay kaydırılabilir; dikey sayfa kaydırması serbest */
.afis { touch-action: pan-y; }

/* Mobil: beden düğmeleri tek satırda eşit (5 beden sığar) */
@media (max-width: 860px) {
  .secenek__dugmeler { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; }
  .secenek__dugmeler .beden span { min-width: 0; width: 100%; padding: 0 4px; height: 46px; }
}

/* ---------- 17 Eki 2026 revizeleri ---------- */
.alt__partner { font-size: 12.5px; color: rgba(255,255,255,.55); }
.alt__partner a { color: rgba(255,255,255,.8); text-decoration: underline; text-underline-offset: 3px; }
.alt__partner a:hover { color: var(--bronz-acik); }

/* Kart: tek ikonlu sepet düğmesi, tek renkli üründe beden listesi */
.kart__hizli b { display: none; }
.kart__hizli .ikon { stroke-width: 1.7; }
.kart__bedenler { display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; }
.kart__bedenler span { min-width: 26px; height: 22px; padding: 0 6px; border-radius: 6px; background: var(--gri-2); font-size: 11.5px; font-weight: 600; color: var(--ikincil); display: inline-flex; align-items: center; justify-content: center; }
.kart__bedenler span.aktif { background: var(--siyah); color: #fff; }

/* Hemen satın al (Shopify dinamik ödeme düğmesi) site düğmeleriyle aynı dilde */
.urun__satin .shopify-payment-button { grid-column: 1 / -1; }
.urun__satin .shopify-payment-button__button { min-height: 54px !important; border-radius: 999px !important; overflow: hidden; }
.urun__satin .shopify-payment-button__button--unbranded { background: #fff !important; color: var(--siyah) !important; border: 1.5px solid var(--siyah) !important; font-family: inherit !important; font-weight: 700 !important; font-size: 14.5px !important; letter-spacing: .01em; box-shadow: none !important; transition: background var(--gecis), color var(--gecis); }
.urun__satin .shopify-payment-button__button--unbranded:hover:not([disabled]) { background: var(--siyah) !important; color: #fff !important; }
.urun__satin .shopify-payment-button__more-options { display: none !important; }
.odeme-onizleme { grid-column: 1 / -1; min-height: 54px; border-radius: 999px; border: 1.5px solid var(--siyah); font-weight: 700; font-size: 14.5px; background: #fff; }

/* Ürün sekmeleri: tüm paneller aynı hizadan ve aynı genişlikte başlar */
.sekme__panel { max-width: 980px; }
.sekme__panel > :first-child, .sekme__panel .zengin > :first-child, .urun__aciklama > div > :first-child { margin-top: 0; }
.sekme__panel .teknik, .urun__sss { max-width: none; width: 100%; }
.sekme__panel > p.zengin { font-size: 16px; line-height: 1.7; color: #48484B; max-width: 760px; }
.belgeler__liste--ic { grid-template-columns: repeat(3, 1fr); margin-top: 28px; }
.urun__aciklama { grid-template-columns: 1.15fr 1fr; gap: 64px; }
.urun__sss .akordeon:first-child summary { padding-top: 0; }

/* Hızlı sepet penceresi */
.hb-kok { position: fixed; inset: 0; z-index: 80; display: flex; align-items: center; justify-content: center; padding: 24px; visibility: hidden; }
.hb-kok.acik { visibility: visible; }
.hb-kok__perde { position: absolute; inset: 0; background: rgba(20,16,12,.48); opacity: 0; transition: opacity .25s ease; }
.hb-kok.acik .hb-kok__perde { opacity: 1; }
.hb-kok__kutu { position: relative; width: min(920px, 100%); max-height: calc(100vh - 48px); overflow: auto; background: #fff; border-radius: 22px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.35); opacity: 0; transform: translateY(14px) scale(.985); transition: opacity .25s ease, transform .25s ease; }
.hb-kok.acik .hb-kok__kutu { opacity: 1; transform: none; }
.hb-kok__kapat { position: absolute; top: 14px; right: 14px; z-index: 2; background: #fff; }
.hb-kok__yukleniyor { padding: 120px 0; text-align: center; color: var(--ikincil); font-size: 14px; }
.hb { display: grid; grid-template-columns: 1fr 1fr; }
.hb__gorsel { background: var(--gri); border-radius: 22px 0 0 22px; display: flex; align-items: center; justify-content: center; padding: 28px; }
.hb__gorsel img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.hb__govde { padding: 36px 36px 32px; display: flex; flex-direction: column; }
.hb__ad { font-size: 21px; line-height: 1.3; font-weight: 700; margin: 6px 0 12px; padding-right: 36px; }
.hb__fiyat { display: flex; align-items: baseline; gap: 6px; font-size: 24px; font-weight: 800; padding-bottom: 20px; border-bottom: 1px solid var(--cizgi); }
.hb__fiyat small { font-size: 13px; font-weight: 500; color: var(--ikincil); }
.hb__secim { padding-top: 18px; }
.hb__etiket { font-size: 13.5px; color: var(--ikincil); margin-bottom: 10px; }
.hb__etiket b { color: var(--metin); font-weight: 700; }
.hb__etiket span { color: var(--ikincil); }
.hb__renkler { display: flex; gap: 10px; }
.hb__renkler button { width: 30px; height: 30px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); outline: 2px solid transparent; outline-offset: 3px; transition: outline-color var(--gecis); }
.hb__renkler button.aktif, .hb__renkler button:hover { outline-color: var(--siyah); }
.hb__bedenler { display: flex; flex-wrap: wrap; gap: 8px; }
.hb__bedenler button { min-width: 54px; height: 44px; padding: 0 14px; border-radius: 999px; border: 1.5px solid var(--cizgi); font-weight: 700; font-size: 14px; transition: border-color var(--gecis), background var(--gecis), color var(--gecis); }
.hb__bedenler button:hover { border-color: var(--siyah); }
.hb__bedenler button.aktif { background: var(--siyah); border-color: var(--siyah); color: #fff; }
.hb__bedenler button[disabled] { opacity: .4; text-decoration: line-through; }
.hb__ekle { display: grid; grid-template-columns: auto 1fr; gap: 10px; }
.hb__ekle .adet { height: 54px; }
.hb__not { margin-top: 12px; font-size: 12.5px; color: var(--ikincil); line-height: 1.5; }
.hb__detay { margin-top: auto; padding-top: 22px; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--metin); }
.hb__detay:hover { color: var(--bronz); }
@media (max-width: 760px) {
  .hb-kok { align-items: flex-end; padding: 0; }
  .hb-kok__kutu { border-radius: 20px 20px 0 0; max-height: 92vh; transform: translateY(40px); }
  .hb { grid-template-columns: 1fr; }
  .hb__gorsel { border-radius: 20px 20px 0 0; padding: 18px 25%; }
  .hb__govde { padding: 22px 18px 26px; }
  .hb__ad { font-size: 18px; }
  .belgeler__liste--ic { grid-template-columns: 1fr 1fr; }
}
/* Hikâye görselleri 5:4 sabit oran; görseller bu orana göre hazırlanır, kırpılıp ürün kesilmez */
.hikaye__gorsel { min-height: 0; aspect-ratio: 5 / 4; align-self: center; border-radius: var(--yari); overflow: hidden; }
.hikaye__gorsel img { object-position: center; }
@media (max-width: 900px) { .hikaye__gorsel { min-height: 0; } }

/* ---------- Tarifler: liste ---------- */
.tlist__bas h1 { max-width: 760px; }
.tlist__aciklama { margin-top: 16px; max-width: 620px; font-size: 17px; line-height: 1.6; color: #55555A; }
.tlist__cipler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.tlist__cipler a { padding: 9px 18px; border-radius: 999px; background: #fff; font-size: 14px; font-weight: 600; color: var(--metin); box-shadow: inset 0 0 0 1px var(--cizgi); transition: background var(--gecis), color var(--gecis); }
.tlist__cipler a:hover { box-shadow: inset 0 0 0 1px var(--siyah); }
.tlist__cipler a.aktif { background: var(--siyah); color: #fff; box-shadow: none; }
.tlist__govde { padding-top: 56px; padding-bottom: 80px; }
.tone { display: grid; grid-template-columns: 1.1fr 1fr; gap: 0; border-radius: var(--yari); overflow: hidden; background: var(--gri-2); margin-bottom: 64px; }
.tone__gorsel { display: block; aspect-ratio: 1; overflow: hidden; }
.tone__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.tone:hover .tone__gorsel img { transform: scale(1.04); }
.tone__metin { padding: clamp(28px, 4vw, 56px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 18px; }
.tone__metin .ustyazi { margin: 0; }
.tone h2 { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.08; font-weight: 800; letter-spacing: -.025em; }
.tone__ozet { font-size: 16.5px; line-height: 1.65; color: #55555A; max-width: 460px; }
.tlist__ara-baslik { font-size: 24px; font-weight: 800; letter-spacing: -.01em; margin-bottom: 24px; }
.tlist__izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 24px; }
.tk { display: grid; gap: 14px; align-content: start; }
.tk__gorsel { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: var(--yari); overflow: hidden; background: var(--gri); }
.tk__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.tk:hover .tk__gorsel img { transform: scale(1.05); }
.tk__kategori { position: absolute; left: 14px; top: 14px; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.94); font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bronz); }
.tk h3 { font-size: 19px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
.tk h3 a:hover { color: var(--bronz); }
.tk__govde { display: grid; gap: 8px; }
.tmeta { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13.5px; color: var(--ikincil); font-weight: 500; }
.tmeta li { display: inline-flex; align-items: center; gap: 6px; }
.tmeta .ikon { color: var(--bronz); }
.tlist__bos { padding: 40px 0; color: var(--ikincil); }
.tlist__bos a { color: var(--metin); text-decoration: underline; }
.tlist__bant { margin-top: 80px; padding: clamp(28px, 4vw, 48px); border-radius: var(--yari); background: var(--kahve); color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 32px; position: relative; overflow: hidden; }
.tlist__bant::after { content: ""; position: absolute; right: -50px; top: -80px; width: 300px; height: 340px; background: var(--parmak-izi) center / contain no-repeat; opacity: .08; filter: invert(1); pointer-events: none; }
.tlist__bant > * { position: relative; z-index: 1; }
.tlist__bant .ustyazi { color: var(--bronz-acik); }
.tlist__bant h2 { font-size: clamp(22px, 2.2vw, 30px); font-weight: 800; line-height: 1.2; letter-spacing: -.015em; max-width: 560px; }
.tlist__bant p:not(.ustyazi) { margin-top: 8px; color: rgba(255,255,255,.78); }

/* ---------- Tarifler: detay ---------- */
.tdetay__bas { background: var(--gri); padding: 40px 0 56px; position: relative; overflow: hidden; }
.tdetay__bas::after { content: ""; position: absolute; left: -90px; bottom: -160px; width: 420px; height: 470px; background: var(--parmak-izi) center / contain no-repeat; opacity: .7; pointer-events: none; }
.tdetay__bas-ic { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.tdetay__bas h1 { font-size: clamp(34px, 4vw, 56px); line-height: 1.05; font-weight: 800; letter-spacing: -.03em; margin-top: 18px; }
.tdetay__ozet { margin-top: 16px; font-size: 17px; line-height: 1.65; color: #55555A; max-width: 540px; }
.tdetay__meta { display: flex; flex-wrap: wrap; gap: 0; margin-top: 30px; background: #fff; border-radius: var(--yari-k); box-shadow: inset 0 0 0 1px var(--cizgi); }
.tdetay__meta li { flex: 1 1 0; min-width: 100px; display: grid; justify-items: start; gap: 2px; padding: 16px 18px; position: relative; }
.tdetay__meta li + li::before { content: ""; position: absolute; left: 0; top: 16px; bottom: 16px; width: 1px; background: var(--cizgi); }
.tdetay__meta .ikon { color: var(--bronz); margin-bottom: 6px; }
.tdetay__meta span { font-size: 12px; color: var(--ikincil); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.tdetay__meta strong { font-size: 16px; font-weight: 800; }
.tdetay__dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.tdetay__gorsel { border-radius: var(--yari); overflow: hidden; aspect-ratio: 1; box-shadow: 0 30px 60px -30px rgba(40,30,20,.35); }
.tdetay__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.tdetay__govde { display: grid; grid-template-columns: 380px 1fr; gap: clamp(32px, 5vw, 72px); align-items: start; padding-top: 64px; padding-bottom: 40px; }
.tdetay__yan { position: sticky; top: 110px; display: grid; gap: 16px; }
.tmalz { background: var(--gri-2); border-radius: var(--yari); padding: 26px 24px 18px; }
.tmalz__bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--cizgi); }
.tmalz h2 { font-size: 22px; font-weight: 800; letter-spacing: -.01em; }
.tmalz__porsiyon { display: inline-flex; align-items: center; gap: 4px; background: #fff; border-radius: 999px; padding: 4px; box-shadow: inset 0 0 0 1px var(--cizgi); font-size: 13px; color: var(--ikincil); white-space: nowrap; }
.tmalz__porsiyon button { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.tmalz__porsiyon button:hover { background: var(--gri); }
.tmalz__porsiyon b { color: var(--metin); font-weight: 800; }
.tmalz h3 { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--bronz); margin: 20px 0 6px; }
.tmalz ul { display: grid; }
.tmalz li + li { border-top: 1px dashed var(--cizgi); }
.tmalz label { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; cursor: pointer; font-size: 15px; line-height: 1.45; }
.tmalz input { position: absolute; opacity: 0; pointer-events: none; }
.tmalz__kutu { flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 6px; box-shadow: inset 0 0 0 1.5px #C9C9CC; background: #fff; display: inline-flex; align-items: center; justify-content: center; color: transparent; transition: background var(--gecis), box-shadow var(--gecis), color var(--gecis); }
.tmalz input:checked + .tmalz__kutu { background: var(--bronz); box-shadow: none; color: #fff; }
.tmalz input:checked ~ .tmalz__ad { color: var(--ikincil); text-decoration: line-through; text-decoration-color: rgba(0,0,0,.25); }
.tmalz input:focus-visible + .tmalz__kutu { outline: 2px solid var(--siyah); outline-offset: 2px; }
.tmalz__ad b { font-weight: 800; }
.turun { border-radius: var(--yari); padding: 20px; box-shadow: inset 0 0 0 1px var(--cizgi); display: grid; gap: 14px; }
.turun__etiket { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--bronz); }
.turun__kart { display: grid; grid-template-columns: 76px 1fr; gap: 14px; align-items: center; }
.turun__kart img { width: 76px; height: 76px; border-radius: 12px; background: var(--gri); object-fit: cover; }
.turun__kart strong { display: block; font-size: 14.5px; line-height: 1.35; font-weight: 700; }
.turun__kart em { display: block; margin-top: 4px; font-style: normal; font-size: 14px; font-weight: 800; }
.turun__kart:hover strong { color: var(--bronz); }
.turun .dugme { min-height: 48px; }
.tadim h2, .tipucu h2 { font-size: clamp(26px, 2.4vw, 34px); font-weight: 800; letter-spacing: -.02em; }
.tadim__not { margin-top: 6px; font-size: 14px; color: var(--ikincil); }
.tadim ol { margin-top: 28px; display: grid; gap: 14px; }
.tadim li { display: grid; grid-template-columns: 48px 1fr; gap: 20px; padding: 24px; border-radius: var(--yari); background: #fff; box-shadow: inset 0 0 0 1px var(--cizgi); cursor: pointer; transition: box-shadow var(--gecis), background var(--gecis); }
.tadim li:hover { box-shadow: inset 0 0 0 1px #C9C9CC; }
.tadim__no { width: 48px; height: 48px; border-radius: 50%; background: var(--siyah); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; transition: background var(--gecis); }
.tadim h3 { font-size: 18px; font-weight: 800; line-height: 1.3; margin: 10px 0 8px; }
.tadim li p { font-size: 16px; line-height: 1.7; color: #48484B; }
.tadim li.tamam { background: var(--gri-2); box-shadow: none; }
.tadim li.tamam .tadim__no { background: var(--bronz); font-size: 0; }
.tadim li.tamam .tadim__no::before { content: "✓"; font-size: 20px; }
.tadim li.tamam h3, .tadim li.tamam > div > p:not(.tadim__eldiven) { color: var(--ikincil); }
.tadim__eldiven { display: flex; gap: 12px; margin-top: 14px; padding: 14px 16px; border-radius: var(--yari-k); background: #F6EFE6; color: #5A4632 !important; font-size: 14.5px !important; line-height: 1.6 !important; }
.tadim__eldiven .ikon { flex: none; color: var(--bronz); margin-top: 2px; }
.tadim__eldiven strong { display: block; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--bronz); margin-bottom: 2px; }
.tipucu { margin-top: 48px; padding: 30px 32px; border-radius: var(--yari); background: var(--gri-2); }
.tipucu ul { margin-top: 18px; display: grid; gap: 12px; }
.tipucu li { position: relative; padding-left: 28px; font-size: 15.5px; line-height: 1.65; color: #48484B; }
.tipucu li::before { content: ""; position: absolute; left: 4px; top: 9px; width: 9px; height: 9px; border-radius: 50%; background: var(--bronz); }
.tdetay__icerik { margin-top: 40px; }
.tdiger { background: var(--gri-2); }
@media (max-width: 1000px) {
  .tlist__izgara { grid-template-columns: repeat(2, 1fr); }
  .tdetay__govde { grid-template-columns: 1fr; }
  .tdetay__yan { position: static; }
}
@media (max-width: 760px) {
  .tone { grid-template-columns: 1fr; margin-bottom: 40px; }
  .tone__gorsel { aspect-ratio: 4 / 3; }
  .tlist__izgara { grid-template-columns: 1fr; gap: 28px; }
  .tlist__govde { padding-top: 36px; }
  .tlist__bant { flex-direction: column; align-items: flex-start; margin-top: 56px; }
  .tdetay__bas { padding: 24px 0 36px; }
  .tdetay__bas-ic { grid-template-columns: 1fr; }
  .tdetay__gorsel { order: -1; aspect-ratio: 4 / 3; }
  .tdetay__meta li { flex: 1 1 33%; padding: 12px 14px; }
  .tdetay__meta li:nth-child(4)::before { display: none; }
  .tdetay__govde { padding-top: 36px; }
  .tadim li { grid-template-columns: 40px 1fr; gap: 14px; padding: 18px 16px; }
  .tadim__no { width: 40px; height: 40px; font-size: 16px; }
  .tadim h3 { margin-top: 7px; }
  .tipucu { padding: 24px 20px; }
}
@media print {
  .duyuru, .ust, .bant, .alt, .seri-bandi, .shopify-section-group-footer-group, .tdetay__dugmeler, .turun, .tdiger, .yukari, .tadim__not, .tmalz__porsiyon button, .tdetay__bas::after { display: none !important; }
  .tdetay__bas { background: none; padding: 0; }
  .tdetay__govde { grid-template-columns: 1fr 1.6fr; padding-top: 24px; }
  .tdetay__yan { position: static; }
  .tadim li { break-inside: avoid; box-shadow: none; padding: 10px 0; }
}
.tmalz__ad { font-weight: 450; }

/* ---------- Sepet: kargo çubuğu, çekmece bağlantıları, sepet sayfası ---------- */
.kargo-cubugu { margin-bottom: 16px; }
.kargo-cubugu p { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 13.5px; color: var(--metin); margin-bottom: 8px; }
.kargo-cubugu strong { font-weight: 800; }
.kargo-cubugu--tamam p { color: #2E7D4F; }
.kargo-cubugu__ray { display: block; height: 6px; border-radius: 999px; background: #E2E2E5; overflow: hidden; }
.kargo-cubugu__ray i { display: block; height: 100%; border-radius: inherit; background: var(--bronz); transition: width .4s ease; }
.kargo-cubugu--tamam .kargo-cubugu__ray i { background: #2E7D4F; }
.cekmece__baglantilar { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; font-size: 13.5px; font-weight: 700; }
.cekmece__baglantilar a { text-decoration: underline; text-underline-offset: 3px; }
.cekmece__baglantilar button { font-size: 12.5px; font-weight: 600; color: var(--ikincil); }
.cekmece__baglantilar button:hover { color: #B3261E; }
.sepetsayfa { padding: 36px 0 96px; }
.sepetsayfa__baslik { font-size: clamp(30px, 3.2vw, 44px); font-weight: 800; letter-spacing: -.025em; margin: 14px 0 32px; }
.sepetsayfa__baslik span { font-size: .5em; color: var(--ikincil); font-weight: 600; letter-spacing: 0; }
.sepetsayfa__bos { display: grid; justify-items: center; text-align: center; gap: 14px; padding: 64px 24px; border-radius: var(--yari); background: var(--gri-2); }
.sepetsayfa__bos .ikon { color: var(--bronz); }
.sepetsayfa__bos h2 { font-size: 24px; font-weight: 800; }
.sepetsayfa__bos p { max-width: 460px; color: var(--ikincil); }
.sepetsayfa__izgara { display: grid; grid-template-columns: 1fr 400px; gap: 48px; align-items: start; }
.sepetsayfa__satirlar { border-top: 1px solid var(--cizgi); }
.ssatir { display: grid; grid-template-columns: 120px 1fr auto; gap: 22px; padding: 24px 0; border-bottom: 1px solid var(--cizgi); transition: opacity .2s; }
.ssatir__gorsel { width: 120px; height: 120px; border-radius: var(--yari-k); overflow: hidden; background: var(--gri); }
.ssatir__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ssatir__bilgi { display: grid; gap: 4px; align-content: start; }
.ssatir__bilgi .kart__aile { margin: 0; }
.ssatir__ad { font-size: 16px; font-weight: 700; line-height: 1.35; }
.ssatir__ad:hover { color: var(--bronz); }
.ssatir__varyant { display: flex; gap: 14px; font-size: 13.5px; color: var(--ikincil); }
.ssatir__varyant b { color: var(--metin); font-weight: 700; }
.ssatir__alt { display: flex; align-items: center; gap: 16px; margin-top: 10px; flex-wrap: wrap; }
.adet--orta { height: 44px; }
.adet--orta button { width: 38px; }
.adet--orta input { width: 36px; font-size: 15px; }
.ssatir__birim { font-size: 13px; color: var(--ikincil); }
.ssatir__sag { display: grid; justify-items: end; align-content: space-between; gap: 8px; text-align: right; }
.ssatir__fiyat { display: grid; gap: 2px; }
.ssatir__fiyat s { font-size: 13px; color: var(--ikincil); }
.ssatir__fiyat strong { font-size: 18px; font-weight: 800; }
.ssatir__indirim { font-size: 12.5px; color: #2E7D4F; font-weight: 600; }
.ssatir__sil { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ikincil); }
.ssatir__sil:hover { color: #B3261E; }
.sepetsayfa__altlar { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; }
.sepetsayfa__devam, .sepetsayfa__bosalt { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.sepetsayfa__devam:hover { color: var(--bronz); }
.sepetsayfa__bosalt { color: var(--ikincil); }
.sepetsayfa__bosalt:hover { color: #B3261E; }
.sozet { position: sticky; top: 110px; padding: 28px; border-radius: var(--yari); background: var(--gri-2); }
.sozet h2 { font-size: 20px; font-weight: 800; margin-bottom: 18px; }
.sozet dl { display: grid; gap: 10px; padding: 16px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.sozet dl div { display: flex; justify-content: space-between; font-size: 14.5px; }
.sozet dt { color: var(--ikincil); }
.sozet dd { font-weight: 700; }
.sozet__indirim dd, .sozet__indirim dt { color: #2E7D4F; }
.sozet__toplam { display: flex; justify-content: space-between; align-items: baseline; padding: 18px 0 20px; }
.sozet__toplam span { font-size: 16px; font-weight: 700; }
.sozet__toplam small { font-size: 12px; color: var(--ikincil); font-weight: 500; }
.sozet__toplam strong { font-size: 26px; font-weight: 800; }
.sozet__guvence { display: grid; gap: 10px; margin-top: 20px; font-size: 13px; color: var(--ikincil); }
.sozet__guvence li { display: flex; align-items: center; gap: 10px; }
.sozet__guvence .ikon { color: var(--bronz); flex: none; }
@media (max-width: 960px) {
  .sepetsayfa__izgara { grid-template-columns: 1fr; gap: 28px; }
  .sozet { position: static; }
}
@media (max-width: 600px) {
  .sepetsayfa { padding: 24px 0 64px; }
  .ssatir { grid-template-columns: 84px 1fr; gap: 14px; }
  .ssatir__gorsel { width: 84px; height: 84px; }
  .ssatir__sag { grid-column: 2; justify-items: start; text-align: left; grid-auto-flow: column; justify-content: space-between; align-items: center; }
  .sozet { padding: 22px 18px; }
}
@media (max-width: 760px) {
  .tdetay__meta { display: grid; grid-template-columns: 1fr 1fr; }
  .tdetay__meta li { padding: 14px 16px; }
  .tdetay__meta li::before { display: none !important; }
  .tdetay__meta li:nth-child(even) { box-shadow: inset 1px 0 0 var(--cizgi); }
  .tdetay__meta li:nth-child(n+3) { border-top: 1px solid var(--cizgi); }
}
@media (max-width: 600px) {
  .ssatir__sag { display: flex; align-items: center; justify-content: space-between; }
  .ssatir__fiyat { display: flex; gap: 8px; align-items: baseline; }
  .ssatir__indirim { display: none; }
}