/* ORFARMA ürün kartı eylemleri, favori bildirimi ve karşılaştırma tepsisi (seostim wishlist + compare; Figma 📄 09 kalp
   bileşeni #I78:1884;5:32, 📄 10 tepsi 82:2302; d3-favori-karsilastir). kart.css ile aynı paketlerde (liste, ürün,
   anasayfa, favoriler/karşılaştır); kart.css'in ayrı yüklendiği ekranlarda (sepet) yanında yüklenir
   (inc/favori-karsilastir.php). Kart işaretlemesi woocommerce/content-product.php → `orfarma_kart_eylemleri`. */

/* ── Kart: kalp ve karşılaştır düğmeleri (görsel alanının sağ üstü; rozet solda) ─────────────────────────────────── */
.orf-kart__eylemler {
	position: absolute; top: 16px; right: 16px; z-index: 2; display: flex; flex-direction: column; gap: 8px;
}
.seostim-kalp, .seostim-karsilastir-dugme {
	position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0;
	border: 0; border-radius: 50%; background: var(--orf-beyaz); color: var(--orf-murekkep); cursor: pointer;
	transition: color 0.15s, background 0.15s; /* Figma kalp gölgesiz (§140 T03) */
}
.seostim-kalp:hover, .seostim-karsilastir-dugme:hover { color: var(--orf-kirmizi-derin); }
.seostim-kalp svg, .seostim-karsilastir-dugme svg { display: block; width: 20px; height: 20px; }
.seostim-kalp[aria-pressed="true"] { color: var(--orf-kirmizi-derin); }
.seostim-kalp[aria-pressed="true"] svg path { fill: currentColor; }
.seostim-karsilastir-dugme[aria-pressed="true"] { background: var(--orf-murekkep); color: var(--orf-beyaz); }
.seostim-karsilastir-dugme svg { width: 18px; height: 18px; }
/* Ürün sayfası kalbi (tema düğmesi, sprite <use>): basılıyken dolu kalp — sprite simgesi dışarıdan doldurulamadığı için
   simgenin yerine aynı çizimin dolu maskesi. */
.orf-urun-sepet__favori { position: relative; }
.orf-urun-sepet__favori[aria-pressed="true"] .orf-ikon { visibility: hidden; }
.orf-urun-sepet__favori[aria-pressed="true"]::before {
	content: ""; position: absolute; top: 50%; left: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20C12 20 4.6 15.5 2.8 10.9C1.6 7.6 3.7 4.5 7.1 4.5C9.1 4.5 10.7 5.6 12 7.5C13.3 5.6 14.9 4.5 16.9 4.5C20.3 4.5 22.4 7.6 21.2 10.9C19.4 15.5 12 20 12 20Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20C12 20 4.6 15.5 2.8 10.9C1.6 7.6 3.7 4.5 7.1 4.5C9.1 4.5 10.7 5.6 12 7.5C13.3 5.6 14.9 4.5 16.9 4.5C20.3 4.5 22.4 7.6 21.2 10.9C19.4 15.5 12 20 12 20Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Kartta rozet ile sağ üstteki düğmeler çakışmasın: uzun rozet metni alt satıra iner. */
.orf-kart__gorsel:has(> .orf-kart__eylemler) > .orf-kart__rozet { max-width: calc(100% - 80px); }
/* Telefonda da 40 px, kenardan 16 (Figma Kompakt kart 62:1789; §140 T03); dokunma alanı 44. */
@media (max-width: 767px) {
	.seostim-kalp::before, .seostim-karsilastir-dugme::before { content: ""; position: absolute; inset: -2px; }
}

/* ── Sepette "Favorilere taşı" (Figma 📄 03 / 📄 23; yalnız geniş ekranda, mobil satırda yok) ─────────────────────── */
.seostim-favoriye-tasi {
	display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 0; border: 0; background: none;
	color: var(--orf-metin-2); font-weight: 600; font-size: var(--orf-metin-mikro-boyut); line-height: var(--orf-metin-mikro-satir); cursor: pointer;
}
.seostim-favoriye-tasi:hover { color: var(--orf-kirmizi-derin); text-decoration: underline; text-underline-offset: 3px; }
.seostim-favoriye-tasi svg { width: 14px; height: 14px; }
@media (max-width: 767px) {
	.seostim-favoriye-tasi { display: none; }
}

/* ── Favori bildirimi (alt orta; Figma 📄 23 başarı kutusu dili) ─────────────────────────────────────────────────── */
.seostim-bildirim {
	position: fixed; left: 50%; bottom: 24px; z-index: 44; width: min(560px, calc(100% - 32px)); transform: translateX(-50%);
}
.seostim-bildirim[hidden] { display: none; }
.seostim-bildirim__kutu {
	position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 14px 52px 14px 48px;
	border-radius: var(--orf-yaricap-kucuk); background: var(--orf-yaprak-acik); color: var(--orf-murekkep); box-shadow: var(--orf-golge-yuzen);
	font-weight: 500; font-size: var(--orf-metin-nav-boyut); line-height: 22px;
}
.seostim-bildirim__kutu::before {
	content: ""; position: absolute; top: 15px; left: 16px; width: 20px; height: 20px; background-color: var(--orf-murekkep);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5L9.5 17L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5L9.5 17L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.seostim-bildirim__kutu.is-hata { background: var(--orf-kirmizi-acik); }
.seostim-bildirim__kutu.is-hata::before {
	background-color: var(--orf-kirmizi-derin);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E");
}
.seostim-bildirim__metin { margin: 0; }
.seostim-bildirim__eylem:empty { display: none; }
.seostim-bildirim__dugme {
	padding: 0; border: 0; background: none; color: var(--orf-kirmizi-derin); font: inherit; font-weight: 700;
	text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
.seostim-bildirim__kapat {
	position: absolute; top: 9px; right: 10px; display: inline-flex; align-items: center; justify-content: center;
	width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--orf-yaricap-kapsul); background: transparent; color: var(--orf-murekkep); cursor: pointer;
}
.seostim-bildirim__kapat:hover { background: rgb(30 26 26 / 0.08); }
/* Alt konum: telefonda/tablette alt menünün (liste ekranları; ürün sayfasında yalnız tablette) ya da ürün sayfasının
   satın alma çubuğunun üstü; tepsi açıkken bildirim tepsinin de üstünde. */
@media (max-width: 1023px) {
	.seostim-bildirim { bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
	body.orf-alt-menulu .seostim-bildirim { bottom: calc(var(--orf-alt-menu-alan, 96px) + 8px + env(safe-area-inset-bottom, 0px)); }
	body.seostim-favori-cubuklu .seostim-bildirim { bottom: calc(101px + env(safe-area-inset-bottom, 0px)); }
	body.seostim-tepsi-acik .seostim-bildirim { bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
	body.orf-alt-menulu.seostim-tepsi-acik .seostim-bildirim { bottom: calc(var(--orf-alt-menu-alan, 96px) + 80px + env(safe-area-inset-bottom, 0px)); }
}
@media (min-width: 768px) and (max-width: 1023px) {
	body.orf-alt-menulu-tablet .seostim-bildirim { bottom: calc(var(--orf-alt-menu-alan, 96px) + 8px + env(safe-area-inset-bottom, 0px)); }
	body.orf-alt-menulu-tablet.seostim-tepsi-acik .seostim-bildirim { bottom: calc(var(--orf-alt-menu-alan, 96px) + 80px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 767px) {
	body.orf-urun-cubuk-acik .seostim-bildirim { bottom: calc(101px + env(safe-area-inset-bottom, 0px)); }
	body.orf-urun-cubuk-acik.seostim-tepsi-acik .seostim-bildirim { bottom: calc(173px + env(safe-area-inset-bottom, 0px)); }
}
@media (min-width: 1024px) {
	body.seostim-tepsi-acik .seostim-bildirim { bottom: 124px; }
}

/* Üst bilgi kalbinde sayı (ayar: SEOSTİM › Favoriler › Number on the header heart; varsayılan kapalı — Figma'da yok). */
.site-header__favori { position: relative; }
.site-header__favori .seostim-favori-rozet, .orf-alt-menu__oge .seostim-favori-rozet {
	position: absolute; top: 4px; right: 1px; display: inline-flex; align-items: center; justify-content: center;
	min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--orf-kirmizi-derin); color: var(--orf-beyaz);
	font-weight: 700; font-size: 10px; line-height: 12px;
}

/* ── Karşılaştırma tepsisi (Figma 82:2304 geniş, 82:2332 dar) ─────────────────────────────────────────────────────── */
.seostim-tepsi {
	position: fixed; left: 50%; bottom: 24px; z-index: 39; display: flex; align-items: center; gap: 16px;
	width: min(var(--orf-izgara-icerik, 1280px), calc(100% - 2 * var(--orf-izgara-kenar, 80px))); min-height: 84px; padding: 14px 16px 14px 24px;
	border-radius: 24px; background: var(--orf-murekkep); color: var(--orf-beyaz); box-shadow: var(--orf-golge-yuzen); transform: translateX(-50%);
}
.seostim-tepsi[hidden] { display: none; }
.seostim-tepsi__bas { display: flex; flex-direction: column; gap: 2px; flex: none; margin: 0; }
.seostim-tepsi__ad { font-weight: 700; font-size: 16px; line-height: 20px; }
.seostim-tepsi__sayi { font-weight: 600; font-size: var(--orf-metin-mikro-boyut); line-height: 16px; letter-spacing: 0.02em; }
.seostim-tepsi__yuvalar { display: flex; gap: 10px; flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; list-style: none; }
.seostim-tepsi__yuvalar li {
	display: inline-flex; flex: none; align-items: center; justify-content: center; width: 56px; height: 56px; overflow: hidden;
	border-radius: 14px; background: var(--orf-beyaz); color: var(--orf-murekkep); font-weight: 700;
}
.seostim-tepsi__yuvalar img { width: 48px; height: 48px; object-fit: contain; }
.seostim-tepsi__yuvalar li.is-bos {
	background: transparent; border: 1.2px dashed var(--orf-metin-3);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
	background-position: center; background-repeat: no-repeat; background-size: 20px;
}
.seostim-tepsi__temizle {
	flex: none; padding: 0; border: 0; background: none; color: var(--orf-beyaz); font-weight: 600; font-size: 15px; line-height: 20px; cursor: pointer;
}
.seostim-tepsi__temizle:hover { text-decoration: underline; text-underline-offset: 3px; }
.seostim-tepsi__git.orf-buton { flex: none; min-height: 44px; padding: 0 16px 0 20px; font-size: 15px; }
.seostim-tepsi__git.orf-buton:hover { background: var(--orf-beyaz); color: var(--orf-murekkep); }
/* Dar hâl: telefonda her zaman, geniş ekranda kaydırırken (compare-tray.js → .is-dar) */
.seostim-tepsi.is-dar { width: auto; min-height: 64px; padding: 10px 10px 10px 12px; gap: 10px; }
.seostim-tepsi.is-dar .seostim-tepsi__bas, .seostim-tepsi.is-dar .seostim-tepsi__temizle, .seostim-tepsi.is-dar .seostim-tepsi__yuvalar li.is-bos { display: none; }
.seostim-tepsi.is-dar .seostim-tepsi__yuvalar { flex: none; gap: 6px; }
.seostim-tepsi.is-dar .seostim-tepsi__yuvalar li { width: 40px; height: 40px; }
.seostim-tepsi.is-dar .seostim-tepsi__yuvalar img { width: 32px; height: 32px; }
.seostim-tepsi.is-dar .seostim-tepsi__git { margin-left: 49px; }
/* Masaüstü sağ kenar dizisi tepsinin üstüne çıkar (çakışma yok) */
@media (min-width: 1024px) {
	body.seostim-tepsi-acik .orf-kenar { bottom: 124px; }
	body.seostim-tepsi-acik .site-footer { padding-bottom: 108px; }
}
@media (max-width: 1023px) {
	.seostim-tepsi, .seostim-tepsi.is-dar {
		bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: auto; max-width: calc(100% - 32px);
		min-height: 64px; padding: 10px 10px 10px 12px; gap: 10px;
	}
	body.orf-alt-menulu .seostim-tepsi { bottom: calc(var(--orf-alt-menu-alan, 96px) + env(safe-area-inset-bottom, 0px)); }
	.seostim-tepsi__bas, .seostim-tepsi__temizle, .seostim-tepsi__yuvalar li.is-bos { display: none; }
	.seostim-tepsi__yuvalar { flex: none; gap: 6px; }
	.seostim-tepsi__yuvalar li { width: 40px; height: 40px; }
	.seostim-tepsi__yuvalar img { width: 32px; height: 32px; }
	.seostim-tepsi__git.orf-buton, .seostim-tepsi.is-dar .seostim-tepsi__git { margin-left: 24px; }
	body.seostim-tepsi-acik .site-footer { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
	body.orf-alt-menulu.seostim-tepsi-acik .site-footer { padding-bottom: calc(var(--orf-alt-menu-alan, 96px) + 72px + env(safe-area-inset-bottom, 0px)); }
}
@media (min-width: 768px) and (max-width: 1023px) {
	body.orf-alt-menulu-tablet .seostim-tepsi { bottom: calc(var(--orf-alt-menu-alan, 96px) + env(safe-area-inset-bottom, 0px)); }
	body.orf-alt-menulu-tablet.seostim-tepsi-acik .site-footer { padding-bottom: calc(var(--orf-alt-menu-alan, 96px) + 72px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 767px) {
	/* Ürün sayfası telefonda: sabit satın alma çubuğu (93 px) açıkken onun üstünde */
	body.orf-urun-cubuk-acik .seostim-tepsi { bottom: calc(101px + env(safe-area-inset-bottom, 0px)); }
	body.orf-urun-cubuklu.seostim-tepsi-acik .site-footer { padding-bottom: calc(173px + env(safe-area-inset-bottom, 0px)); }
}
/* Çerez bandı açıkken tepsi beklemede (bant kendi düğmeleriyle altta) */
body:has(.cmplz-cookiebanner.cmplz-show) .seostim-tepsi { display: none; }
@media (prefers-reduced-motion: no-preference) {
	.seostim-tepsi { transition: width 0.2s ease, padding 0.2s ease; }
}

/* ── Hızlı bakış (📄 26 Figma 150:2246 masaüstü pencere 960 px, 151:3431 telefon alttan sayfa; bileşen seti 148:2593
   "ürün kartındaki göz düğmesi"; sahibin Figma'ya dönüş kararı 01.11.2026, karar sapmaları #7 / eksik bölümler #28).
   seostim quick-view: göz düğmesi seostim_quick_view_button() (kartta kalp ve karşılaştırın altında), pencereyi
   assets/js/quick-view.js kurar, içerik tema şablonundan (seostim/quick-view/quick-view.php). Karartma, kaydırma kilidi
   ve taban global.css'teki dialog.orf-katman. Renkler sitenin belirteçleri (sahip: "Renkler böyle kalsın"; düğme
   kırmızısı --orf-kirmizi-derin, küçük gri metin --orf-metin-2), ölçüler Figma'dan. ───────────────────────────── */

/* Kart: göz düğmesi — kalp ve karşılaştır gibi beyaz yuvarlak. Betik hazır olunca görünür (JS yokken ölü düğme yok). */
.seostim-hizli-bakis {
	position: relative; display: none; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0;
	border: 0; border-radius: 50%; background: var(--orf-beyaz); color: var(--orf-murekkep); cursor: pointer;
	transition: color 0.15s, background 0.15s; /* kalp gibi gölgesiz (§140 T03) */
}
html.seostim-hb-hazir .seostim-hizli-bakis { display: inline-flex; }
.seostim-hizli-bakis:hover { color: var(--orf-kirmizi-derin); }
.seostim-hizli-bakis svg { display: block; width: 20px; height: 20px; }
.seostim-hizli-bakis[aria-busy="true"] { cursor: progress; }
.seostim-hizli-bakis[aria-busy="true"] svg { display: none; }
/* Telefonda kalp ve karşılaştırla aynı 40 px sütun (Figma Kompakt kart kalbi 40; §140 T03); dokunma alanı 44. */
@media (max-width: 767px) {
	.seostim-hizli-bakis::before { content: ""; position: absolute; inset: -2px; }
}

/* Pencere (masaüstü 960 × içerik; 32 px iç boşluk, 28 px köşe, yüzen gölge; ortada) */
dialog.orf-katman.seostim-hb {
	inset: 0; width: min(960px, calc(100% - 48px)); height: fit-content; max-height: calc(100dvh - 32px); margin: auto;
	overflow-y: auto; border-radius: var(--orf-yaricap-kart); box-shadow: var(--orf-golge-yuzen);
	opacity: 0; transform: translateY(12px);
	transition: opacity var(--orf-gecis), transform var(--orf-gecis), overlay var(--orf-gecis) allow-discrete, display var(--orf-gecis) allow-discrete;
}
dialog.orf-katman.seostim-hb[open] { opacity: 1; transform: none; }
@starting-style {
	dialog.orf-katman.seostim-hb[open] { opacity: 0; transform: translateY(12px); }
}
.seostim-hb__ic { position: relative; display: flex; flex-direction: column; gap: 24px; padding: 32px; }
.seostim-hb__tutamac { display: none; }
.seostim-hb__kapat {
	position: absolute; top: 24px; right: 24px; z-index: 2; display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: var(--orf-krem); color: var(--orf-murekkep); cursor: pointer;
}
.seostim-hb__kapat:hover { background: var(--orf-kum); }
.seostim-hb__kapat svg { display: block; width: 24px; height: 24px; }
/* Üst bölüm: görsel 400 × 440 (beyaz kutu, 1 px çizgi, 20 px köşe, sığdırılmış) + bilgi sütunu 464; aralık 32 / 14 */
.seostim-hb__ust {
	display: grid; grid-template-columns: minmax(0, 400fr) minmax(0, 464fr); grid-template-rows: auto 1fr; gap: 14px 32px; align-items: start;
}
.seostim-hb__gorsel {
	grid-column: 1; grid-row: 1 / span 2; overflow: hidden; aspect-ratio: 400 / 440; padding: 24px;
	border: 1px solid var(--orf-cizgi); border-radius: 20px; background: var(--orf-beyaz);
}
.seostim-hb__gorsel img, .seostim-hb__gorsel .orf-yer-tutucu { display: block; width: 100%; height: 100%; object-fit: contain; }
.seostim-hb__bas { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.seostim-hb__govde { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.seostim-hb__bas > *, .seostim-hb__govde > * { margin: 0; }
.seostim-hb__ust-etiket {
	padding-right: 48px; font-family: var(--orf-font-etiket); font-weight: 700; font-size: var(--orf-metin-eyebrow-boyut);
	line-height: var(--orf-metin-eyebrow-satir); letter-spacing: 0.14em; text-transform: uppercase; color: var(--orf-kirmizi-derin);
}
.seostim-hb__ad {
	font-family: var(--orf-font-display); font-weight: 600; font-size: var(--orf-metin-h3-boyut); line-height: var(--orf-metin-h3-satir);
	letter-spacing: -0.005em; color: var(--orf-murekkep);
}
.seostim-hb__ad a { color: inherit; text-decoration: none; }
.seostim-hb__fiyat { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.seostim-hb__tutar {
	display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0;
	font-weight: 800; font-size: var(--orf-metin-fiyat-boyut); line-height: var(--orf-metin-fiyat-satir); color: var(--orf-murekkep);
}
.seostim-hb__tutar ins { text-decoration: none; color: inherit; }
.seostim-hb__tutar del { font-weight: 600; font-size: 15px; line-height: 20px; color: var(--orf-metin-2); }
.seostim-hb__kdv { font-weight: 600; font-size: var(--orf-metin-mikro-boyut); line-height: var(--orf-metin-mikro-satir); letter-spacing: 0.02em; color: var(--orf-metin-2); }
.seostim-hb__aciklama { font-weight: 500; font-size: var(--orf-metin-govde-s-boyut); line-height: var(--orf-metin-govde-s-satir); color: var(--orf-metin-2); }
.seostim-hb__cipler { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.seostim-hb__cip {
	display: inline-flex; align-items: center; min-height: 28px; margin: 0; padding: 4px 12px; border-radius: var(--orf-yaricap-kapsul);
	background: var(--orf-krem); color: var(--orf-murekkep); font-weight: 600; font-size: var(--orf-metin-mikro-boyut); line-height: 16px; letter-spacing: 0.02em;
}
/* Satın alma satırı: adet seçici 124 × 44 (Figma 38:1727; mini sepetteki bileşen), Sepete ekle 56, kalp 52 */
.seostim-hb__sepet { display: flex; align-items: center; gap: 12px; }
.seostim-hb .seostim-hb__adet { width: 124px; height: 44px; }
.seostim-hb .seostim-hb__adet-alan {
	width: 40px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; text-align: center;
	font-family: var(--orf-font-ui); font-weight: 700; font-size: var(--orf-metin-govde-m-boyut); line-height: 20px; color: var(--orf-murekkep);
	-moz-appearance: textfield; appearance: textfield;
}
.seostim-hb .seostim-hb__adet-alan::-webkit-inner-spin-button,
.seostim-hb .seostim-hb__adet-alan::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.seostim-hb .seostim-hb__ekle.orf-buton { flex: 1 1 auto; min-width: 0; min-height: 56px; padding: 0 24px 0 28px; gap: 10px; }
.seostim-hb .seostim-hb__ekle.orf-buton.is-yukleniyor { background: var(--orf-kirmizi-derin); color: var(--orf-beyaz); cursor: progress; }
.seostim-hb .seostim-hb__favori { flex: none; width: 52px; height: 52px; border: 1px solid var(--orf-cizgi); box-shadow: none; }
.seostim-hb .seostim-hb__favori svg { width: 24px; height: 24px; }
.seostim-hb__hata { font-weight: 600; font-size: var(--orf-metin-govde-s-boyut); line-height: 20px; color: var(--orf-kirmizi-derin); }
.seostim-hb__hata:empty { display: none; }
.seostim-hb .stock { font-weight: 600; font-size: var(--orf-metin-govde-s-boyut); line-height: 20px; color: var(--orf-metin-2); }
.seostim-hb .stock.out-of-stock { color: var(--orf-kirmizi-derin); }
/* Kargo satırı (Figma "Bilgi Satırı" 72:1944) ve ürün sayfası bağlantısı */
.seostim-hb__kargo { display: flex; align-items: center; gap: 12px; }
.seostim-hb__kargo-ikon {
	display: inline-flex; flex: none; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%;
	background: var(--orf-krem); color: var(--orf-murekkep);
}
.seostim-hb__kargo-ikon svg { display: block; width: 18px; height: 18px; }
.seostim-hb__kargo-metin { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.seostim-hb__kargo-baslik { font-weight: 600; font-size: var(--orf-metin-nav-boyut); line-height: 20px; color: var(--orf-murekkep); }
.seostim-hb__kargo-alt { font-weight: 500; font-size: var(--orf-metin-govde-s-boyut); line-height: 20px; color: var(--orf-metin-2); }
.seostim-hb__baglanti {
	position: relative; display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
	font-weight: 600; font-size: var(--orf-metin-nav-boyut); line-height: 20px; color: var(--orf-kirmizi-derin); text-decoration: none;
}
.seostim-hb__baglanti::after { content: ""; position: absolute; inset: -12px 0; }
.seostim-hb__baglanti:hover { color: var(--orf-kirmizi-derin); text-decoration: underline; text-underline-offset: 3px; }
.seostim-hb__baglanti svg { display: block; flex: none; width: 16px; height: 16px; }
.seostim-hb__baglanti-kisa { display: none; }
.seostim-hb .orf-uyari-kutusu { margin: 0; }
/* Tablet: aynı pencere, dar sütunlar */
@media (min-width: 768px) and (max-width: 1023px) {
	.seostim-hb__ic { padding: 28px; }
	.seostim-hb__ust { column-gap: 24px; }
	.seostim-hb__kapat { top: 20px; right: 20px; }
	.seostim-hb .seostim-hb__ekle.orf-buton { padding-inline: 16px; }
}
/* Telefon: alttan sayfa (Figma 151:3591: üst köşeler 28, iç boşluk 10 16 24, aralık 14, tutamaç 40 × 4; görsel 104 × 120,
   bilgi sütunu ve kapat 36 px; ad Urbanist 700 20/26; kalp ve kargo satırı yok, kısa bağlantı). Tutamaçtan aşağı
   çekince kapanır (quick-view.js). */
@media (max-width: 767px) {
	dialog.orf-katman.seostim-hb {
		inset: auto 0 0; width: 100%; max-height: calc(100dvh - 24px); margin: 0;
		border-radius: var(--orf-yaricap-kart) var(--orf-yaricap-kart) 0 0; opacity: 1; transform: translateY(100%);
		transition: transform var(--orf-gecis), overlay var(--orf-gecis) allow-discrete, display var(--orf-gecis) allow-discrete;
	}
	dialog.orf-katman.seostim-hb[open] { transform: none; }
	@starting-style {
		dialog.orf-katman.seostim-hb[open] { transform: translateY(100%); }
	}
	.seostim-hb__ic { gap: 14px; padding: 10px 16px calc(24px + env(safe-area-inset-bottom, 0px)); }
	.seostim-hb__tutamac { display: block; flex: none; align-self: center; width: 40px; height: 4px; border-radius: 2px; background: var(--orf-cizgi); touch-action: none; }
	.seostim-hb__tutamac::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 28px; touch-action: none; }
	.seostim-hb__kapat { top: 20px; right: 16px; width: 36px; height: 36px; }
	.seostim-hb__kapat::before { content: ""; position: absolute; inset: -4px; }
	.seostim-hb__ust { grid-template-columns: 104px minmax(0, 1fr); grid-template-rows: auto auto; gap: 14px; }
	.seostim-hb__gorsel { grid-row: 1; width: 104px; height: 120px; aspect-ratio: auto; padding: 6px; border-radius: 16px; }
	.seostim-hb__bas { gap: 6px; padding-right: 40px; }
	.seostim-hb__govde { grid-column: 1 / -1; }
	.seostim-hb__ust-etiket { padding-right: 0; }
	.seostim-hb__ust-etiket-ust { display: none; }
	.seostim-hb__ad { font-family: var(--orf-font-ui); font-weight: 700; font-size: var(--orf-metin-h4-boyut); line-height: var(--orf-metin-h4-satir); letter-spacing: 0; }
	.seostim-hb .seostim-hb__favori, .seostim-hb__kargo { display: none; }
	.seostim-hb__baglanti-uzun { display: none; }
	.seostim-hb__baglanti-kisa { display: inline; }
}
@media (prefers-reduced-motion: reduce) {
	dialog.orf-katman.seostim-hb { transition: none; }
}
/* ── sayfa-08-11 BAŞ: 📄10 karşılaştırma tepsisi Figma dönüşü (82:2304 geniş, 82:2332 dar; KARARLAR 140b). ── */
/* p10-27 '3 / 4 ürün' ve 'Temizle' beyaz %70. p10-6 boş yuva kesik kenarı 1,2 px 5/4. */
.seostim-tepsi__sayi, .seostim-tepsi__temizle { color: rgb(255 255 255 / 0.7); }
.seostim-tepsi__temizle:hover { color: var(--orf-beyaz); }
.seostim-tepsi__yuvalar li.is-bos { border: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect style='x:0.6px;y:0.6px;width:calc(100%25 - 1.2px);height:calc(100%25 - 1.2px)' rx='14' ry='14' fill='none' stroke='%238E8682' stroke-width='1.2' stroke-dasharray='5 4'/%3E%3C/svg%3E"); background-position: center, 0 0; background-size: 20px, 100% 100%; }
/* p10-28 / p10-e1 dar tepsi (82:2332: 358×64, düğme oksuz 125 px): telefonda alt menüyle aynı genişlik (kenarlardan 16), taşma yok;
   1440'ta kaydırırken de ok gizli. */
.seostim-tepsi.is-dar .seostim-tepsi__git > svg { display: none; }
@media (max-width: 1023px) {
	.seostim-tepsi, .seostim-tepsi.is-dar { right: 16px; left: 16px; width: auto; max-width: none; justify-content: space-between; transform: none; }
	.seostim-tepsi__git.orf-buton, .seostim-tepsi.is-dar .seostim-tepsi__git { margin-left: auto; }
	.seostim-tepsi__git > svg { display: none; }
}
/* ── sayfa-08-11 SON ── */