/* ============================================================
   ÜRÜN DETAY — modül katmanı

   Devralınan themes/default/mods/products/product.css (610 satır)
   içeri alınıyor; sayfanın kendi düzeneği (zoom, galeri davranışı,
   sekmeler) korunuyor. Görünüm tasarıma layout katmanında çekiliyor
   (layouts/products/product.default.css) — o dosya daha sonra
   yüklendiği için ayrıntı kuralları orada.

   Burada yalnız sayfa çatısına ait olanlar var.
   ============================================================ */
@import url("/themes/default/mods/products/product.css");

/* Breadcrumb — listeleme sayfasıyla aynı dil */
.product-area-header .breadcrumb {
	padding: 14px 0 0;
	margin: 0;
	background: var(--breadcrumb-bg-color);
	font-size: 12.5px;
}
.product-area-header .breadcrumb a { color: var(--breadcrumb-color); font-weight: 500; }
.product-area-header .breadcrumb a:hover { color: var(--primary-color); }
.product-area-header .breadcrumb-item.active { color: var(--ink); font-weight: 600; }

/* Ürün rozetleri (indirim / yeni) */
.product-badges { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 12px; }
.product-badges .product-badge {
	display: inline-flex; align-items: center;
	font-size: 11.5px; font-weight: 800;
	padding: 4px 9px; border-radius: 6px;
	background: var(--accent-color); color: #fff;
}