/* ==========================================================================
   Ürün sayfası
   ========================================================================== */
.urun { padding-bottom: 8px; }
.urun__yol { padding: 12px 0 10px; }
.urun__ust { display: grid; gap: 16px; }
@media (min-width: 900px) {
	.urun__ust { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 32px; align-items: start; }
}
@media (min-width: 1200px) { .urun__ust { grid-template-columns: 600px minmax(0, 1fr); gap: 44px; } }

/* Galeri */
.galeri { position: relative; min-width: 0; }
.galeri__iz {
	display: grid; grid-auto-flow: column; grid-auto-columns: 100%; overflow-x: auto; scroll-snap-type: x mandatory;
	scrollbar-width: none; border-radius: var(--r3); background: #fff; box-shadow: var(--golge); outline-offset: -3px;
}
.galeri__iz::-webkit-scrollbar { display: none; }
.galeri__oge { margin: 0; scroll-snap-align: start; aspect-ratio: 3 / 4; background: var(--krem-koyu); }
.galeri__oge a { display: block; height: 100%; cursor: zoom-in; }
.galeri__oge img { width: 100%; height: 100%; object-fit: cover; }
.galeri__rozet { position: absolute; top: 12px; right: 12px; font-size: 13px; padding: 6px 11px; }
.galeri__kucukler { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; scrollbar-width: none; }
.galeri__kucuk { flex: none; width: 64px; height: 84px; padding: 0; border: 2px solid transparent; border-radius: 12px; overflow: hidden; background: #fff; opacity: .7; transition: opacity var(--hiz), border-color var(--hiz); }
.galeri__kucuk img { width: 100%; height: 100%; object-fit: cover; }
.galeri__kucuk.is-aktif { border-color: var(--pembe); opacity: 1; }
.galeri__not { margin: 10px 0 0; padding: 9px 12px; border: 1px solid var(--pembe-2); border-radius: 12px; background: #fff; font-size: 13px; font-style: italic; color: var(--yazi-2); text-align: center; }
@media (min-width: 900px) { .galeri { position: sticky; top: calc(var(--ust-y) + 16px); } }

/* Büyütme penceresi */
.buyut { position: fixed; inset: 0; z-index: 400; background: rgba(15, 10, 12, .94); display: grid; }
.buyut__iz { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.buyut__iz::-webkit-scrollbar { display: none; }
.buyut__oge { scroll-snap-align: center; display: grid; place-items: center; overflow: auto; padding: 56px 8px 24px; }
.buyut__oge img { max-width: 100%; max-height: calc(100vh - 90px); width: auto; height: auto; object-fit: contain; touch-action: pinch-zoom; }
.buyut__kapat { position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; place-items: center; width: 46px; height: 46px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; }
.buyut__ok { position: absolute; top: 50%; z-index: 2; display: none; place-items: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; transform: translateY(-50%); }
.buyut__ok--sol { left: 16px; } .buyut__ok--sag { right: 16px; }
@media (min-width: 900px) { .buyut__ok { display: grid; } }

/* Satın alma kutusu */
.satin-al { min-width: 0; padding: 18px 16px; background: #fff; border-radius: var(--r3); box-shadow: var(--golge); }
@media (min-width: 900px) { .satin-al { padding: 26px 26px 22px; } }
.satin-al__ad { font-size: clamp(1.35rem, 1.15rem + 1vw, 1.9rem); margin: 0 0 6px; }
.satin-al__kod { margin: 0 0 12px; font-size: 14px; color: var(--yazi-3); }
.satin-al__kod strong { color: var(--yazi-2); }
.satin-al__fiyat { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-bottom: 16px; font: 700 1.6rem/1.2 var(--font-baslik); color: var(--pembe); }
.satin-al__fiyat del { font-size: 1.05rem; font-weight: 400; }
.satin-al__fiyat ins { color: var(--pembe); }
.satin-al__fiyat .rozet { font-size: 13px; }
.satin-al__fiyat .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.satin-al__form { display: grid; gap: 10px; }
.satin-al__form .secenekler { margin-bottom: 4px; }
.satin-al__satir { display: flex; gap: 10px; }
.satin-al__satir .adet { flex: none; height: 54px; border-radius: 12px; }
.satin-al__satir .adet input { height: 52px; }
.satin-al__satir .adet-adim { height: 52px; }
.satin-al__ekle { flex: 1; }
.satin-al__kargo-cubuk { margin-top: 14px; }
.satin-al__kargo-cubuk .kargo-cubuk { margin: 0; }
.satin-al__kargo { display: flex; align-items: center; gap: 10px; margin: 14px 0 0; padding: 12px 14px; border: 1.5px dashed var(--cizgi); border-radius: 14px; font-size: 14.5px; }
.satin-al__kargo .ikon { color: var(--pembe); }
.satin-al__kargo strong { color: var(--pembe); }
.uretiliyor { display: grid; gap: 10px; margin-bottom: 14px; padding: 14px; border-radius: 14px; background: var(--krem); }
.uretiliyor p { margin: 0; }
.uretiliyor .buton { justify-self: start; }
/* Gelince haber ver (e-posta) */
.stok-haber { display: grid; gap: 6px; margin: 0; }
.stok-haber__satir { display: flex; flex-wrap: wrap; gap: 8px; }
.stok-haber__satir input { flex: 1 1 200px; min-width: 0; height: 46px; padding: 0 14px; border: 1.5px solid var(--cizgi); border-radius: var(--hap); background: #fff; font: 500 15px/1 var(--font-metin); color: var(--yazi); }
.stok-haber__satir input:focus { outline: none; border-color: var(--pembe); box-shadow: 0 0 0 3px var(--pembe-acik); }
.stok-haber__satir .buton { flex: none; }
.stok-haber__not { margin: 0; font-size: 12.5px; color: var(--yazi-3); }
.stok-haber__sonuc { margin: 0; padding: 10px 14px; border-radius: 12px; font-weight: 600; }
.stok-haber__sonuc--ok { background: #e3f1e5; color: #2f7d43; }
.stok-haber__sonuc--hata { background: var(--pembe-acik); color: var(--pembe-koyu); }
.stok-haber .talep-bal { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.kampanyalar { display: grid; gap: 8px; margin: 14px 0 0; }
.kampanyalar li { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 12px; background: var(--pembe-zemin); font: 500 14.5px/1.3 var(--font-baslik); }
.kampanyalar .ikon { color: var(--pembe); }

.kisa-aciklama { margin-top: 18px; color: var(--yazi-2); font-size: 15.5px; }
.kisa-aciklama p { margin: 0 0 .8em; }
.kisa-aciklama p:has(> img.alignnone), .kisa-aciklama p:first-child:has(img) { display: flex; flex-wrap: wrap; gap: 8px; }
.kisa-aciklama img.alignnone, .kisa-aciklama img[width="80"] { width: 64px; height: auto; margin: 0; border-radius: 10px; }
.kisa-aciklama ul { list-style: disc; padding-left: 20px; display: grid; gap: 6px; }
.kisa-aciklama blockquote { margin: 12px 0; padding: 6px 0 6px 14px; border-left: 3px solid var(--pembe); font: 500 16px/1.4 var(--font-baslik); color: var(--yazi); }
.kisa-aciklama strong { color: var(--yazi); }

.paylas { display: flex; justify-content: flex-end; margin-top: 12px; }
.paylas__dugme { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--yazi-2); font: 500 14px/1 var(--font-baslik); }
.paylas__dugme:hover { background: var(--krem); }
.paylas__dugme .ikon { width: 18px; height: 18px; }

/* Açıklama akordeonları */
.urun__detay { margin-top: 18px; display: grid; gap: 10px; }
.akordeon { background: #fff; border-radius: var(--r2); box-shadow: var(--golge); overflow: hidden; }
.akordeon summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; padding: 0 18px; font: 600 17px/1.2 var(--font-baslik); color: var(--pembe); cursor: pointer; list-style: none; }
.akordeon summary::-webkit-details-marker { display: none; }
.akordeon summary .ikon { transition: transform var(--hiz); }
.akordeon[open] summary .ikon { transform: rotate(180deg); }
.akordeon__icerik { padding: 0 18px 18px; }
@media (min-width: 900px) { .urun__detay { margin-top: 28px; } .akordeon__icerik { padding: 0 26px 24px; } }

/* Yapışkan satın alma çubuğu (telefon) */
.yapiskan-al {
	position: fixed; left: 0; right: 0; bottom: calc(var(--sekme-y) + env(safe-area-inset-bottom)); z-index: 85;
	display: flex; align-items: center; gap: 12px; padding: 10px var(--kenar); background: #fff; border-top: 1px solid var(--cizgi);
	box-shadow: 0 -8px 22px rgba(60, 30, 20, .1); transform: translateY(110%); visibility: hidden; transition: transform .28s, visibility .28s;
}
.yapiskan-al.is-acik { transform: none; visibility: visible; }
.yapiskan-al__bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.yapiskan-al__ad { font: 500 14px/1.25 var(--font-baslik); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yapiskan-al__fiyat { font: 700 16px/1.3 var(--font-baslik); color: var(--pembe); }
.yapiskan-al__fiyat del { font-size: 13px; font-weight: 400; }
.yapiskan-al__fiyat .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.yapiskan-al .buton { flex: none; }
@media (min-width: 1024px) { .yapiskan-al { bottom: 0; padding-inline: max(var(--kenar), calc((100vw - var(--sar)) / 2 + var(--kenar))); } }