/**
 * Asya Boldorg — alt-urun frontend content blocks (e-ticaret layout).
 *
 * Tasarım kuralları:
 *  - Tema CSS'i ile çakışmasın diye kapsamlı namespace (.asya-product-block).
 *  - Tema'nın anchor renklerini ezmek için seçici buton kuralları !important kullanır
 *    (sadece CTA içindeki anchor'lar için, dar kapsamlı).
 *  - Mobile-first; 768px+ hero 2 kolon.
 *  - JavaScript yoksa tab paneli noscript fallback ile tüm panelleri açık gösterir.
 */

/* CSS değişkenleri (tek noktadan renk kontrolü) */
.asya-product-block {
	--asya-bg: #ffffff;
	--asya-text: #1d2327;
	--asya-muted: #50575e;
	--asya-border: #e2e4e7;
	--asya-accent: #2271b1;
	--asya-accent-hover: #135e96;

	/* CTA bloğu (koyu zemin) */
	--asya-cta-bg: #1d2327;
	--asya-cta-text: #ffffff;
	--asya-cta-muted: rgba(255, 255, 255, 0.78);
	--asya-cta-btn-bg: rgba(255, 255, 255, 0.12);
	--asya-cta-btn-bg-hover: rgba(255, 255, 255, 0.22);
	--asya-cta-btn-border: rgba(255, 255, 255, 0.22);
	--asya-cta-primary: #2271b1;
	--asya-cta-primary-hover: #135e96;
	--asya-cta-whatsapp: #25d366;
	--asya-cta-whatsapp-hover: #1da851;

	/* Tabs */
	--asya-tab-active: #2271b1;
	--asya-tab-bg: #f6f7f7;

	margin: 32px 0;
	color: var(--asya-text);
	font-family: inherit;
	line-height: 1.6;
}

/* =====================================================================
 * HERO (görsel + bilgi)
 * ===================================================================== */
.asya-product-block__hero {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	align-items: start;
	margin-bottom: 32px;
}

@media (min-width: 768px) {
	.asya-product-block__hero {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 40px;
	}

	.asya-product-block__hero--no-media {
		grid-template-columns: 1fr;
	}
}

.asya-product-block__media {
	display: block;
	background: var(--asya-tab-bg);
	border: 1px solid var(--asya-border);
	border-radius: 8px;
	overflow: hidden;
	padding: 16px;
	text-align: center;
}

.asya-product-block__image,
.asya-product-block__media img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 4px;
}

.asya-product-block__info {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.asya-product-block__lead {
	font-size: 1.05em;
	line-height: 1.65;
	color: var(--asya-text);
	margin: 0;
}

/* Eski post_content fallback — bullet list / paragraf desteği */
.asya-product-block__lead--legacy {
	font-size: 1em;
}

.asya-product-block__lead--legacy p,
.asya-product-block__lead--legacy ul,
.asya-product-block__lead--legacy ol {
	margin: 0 0 12px;
}

.asya-product-block__lead--legacy p:last-child,
.asya-product-block__lead--legacy ul:last-child,
.asya-product-block__lead--legacy ol:last-child {
	margin-bottom: 0;
}

.asya-product-block__lead--legacy ul,
.asya-product-block__lead--legacy ol {
	padding-left: 22px;
}

.asya-product-block__lead--legacy li {
	margin-bottom: 4px;
}

.asya-product-block__lead--legacy img {
	max-width: 100%;
	height: auto;
}

.asya-product-block__meta-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	border-top: 1px solid var(--asya-border);
	border-bottom: 1px solid var(--asya-border);
	padding: 16px 0 !important;
}

@media (min-width: 480px) {
	.asya-product-block__meta-list {
		grid-template-columns: 1fr 1fr;
		gap: 8px 24px;
	}
}

.asya-product-block__meta-list li {
	margin: 0;
	padding: 0;
	font-size: 0.95em;
	display: flex;
	gap: 8px;
	align-items: baseline;
}

.asya-product-block__meta-list li::before {
	content: none !important;
}

.asya-product-block__meta-label {
	color: var(--asya-muted);
	font-weight: 500;
	flex-shrink: 0;
}

.asya-product-block__meta-value {
	color: var(--asya-text);
	font-weight: 600;
}

/* Marka adı → marka archive / manuel landing (ürün hero + spec tablosu) */
.asya-product-block__brand-link,
.asya-product-block__brand-link:link,
.asya-product-block__brand-link:visited {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted var(--asya-accent);
	font-weight: 600;
}

.asya-product-block__brand-link:hover,
.asya-product-block__brand-link:focus-visible {
	color: var(--asya-accent) !important;
	border-bottom-style: solid;
}

/* =====================================================================
 * CTA (sağ kolon — info içinde)
 * ===================================================================== */
.asya-product-block__cta {
	background: var(--asya-cta-bg);
	color: var(--asya-cta-text);
	padding: 24px;
	border-radius: 8px;
	margin-top: 8px;
}

.asya-product-block__cta-title {
	color: var(--asya-cta-text) !important;
	margin: 0 0 8px;
	font-size: 1.25em;
	line-height: 1.3;
}

.asya-product-block__cta-text {
	color: var(--asya-cta-muted) !important;
	margin: 0 0 16px;
	font-size: 0.95em;
	line-height: 1.55;
}

.asya-product-block__cta-actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

@media (min-width: 480px) {
	.asya-product-block__cta-actions {
		grid-template-columns: 1fr 1fr;
	}
}

/*
 * Buton renkleri: tema'nın `a { color: ... }` kuralını ezmek için !important
 * kullanılır. Kapsam .asya-product-block__cta-btn ile dar tutulur, başka
 * link rengini etkilemez.
 */
.asya-product-block__cta a.asya-product-block__cta-btn,
.asya-product-block__cta a.asya-product-block__cta-btn:link,
.asya-product-block__cta a.asya-product-block__cta-btn:visited,
.asya-product-block__cta a.asya-product-block__cta-btn:hover,
.asya-product-block__cta a.asya-product-block__cta-btn:focus,
.asya-product-block__cta a.asya-product-block__cta-btn:active {
	color: var(--asya-cta-text) !important;
	text-decoration: none !important;
}

.asya-product-block__cta-btn {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 12px 16px;
	background: var(--asya-cta-btn-bg);
	border: 1px solid var(--asya-cta-btn-border);
	border-radius: 6px;
	transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
	text-align: left;
	min-height: 56px;
	justify-content: center;
}

.asya-product-block__cta-btn:hover,
.asya-product-block__cta-btn:focus-visible {
	background: var(--asya-cta-btn-bg-hover);
	border-color: rgba(255, 255, 255, 0.4);
	transform: translateY(-1px);
}

.asya-product-block__cta-btn--primary {
	background: var(--asya-cta-primary);
	border-color: var(--asya-cta-primary);
}

.asya-product-block__cta-btn--primary:hover,
.asya-product-block__cta-btn--primary:focus-visible {
	background: var(--asya-cta-primary-hover);
	border-color: var(--asya-cta-primary-hover);
}

.asya-product-block__cta-btn--whatsapp {
	background: var(--asya-cta-whatsapp);
	border-color: var(--asya-cta-whatsapp);
}

.asya-product-block__cta-btn--whatsapp:hover,
.asya-product-block__cta-btn--whatsapp:focus-visible {
	background: var(--asya-cta-whatsapp-hover);
	border-color: var(--asya-cta-whatsapp-hover);
}

.asya-product-block__cta-btn-label {
	font-size: 0.78em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.85;
	color: inherit;
}

.asya-product-block__cta-btn-value {
	font-size: 0.98em;
	font-weight: 600;
	color: inherit;
}

.asya-product-block__cta-meta {
	margin: 16px 0 0;
	font-size: 0.9em;
	color: var(--asya-cta-muted);
}

.asya-product-block__cta-meta a,
.asya-product-block__cta-meta a:link,
.asya-product-block__cta-meta a:visited {
	color: var(--asya-cta-text) !important;
	text-decoration: underline !important;
}

.asya-product-block__cta-meta a:hover,
.asya-product-block__cta-meta a:focus-visible {
	color: var(--asya-cta-text) !important;
	text-decoration: none !important;
}

/* =====================================================================
 * TABS (Teknik Özellikler / SSS)
 * ===================================================================== */
.asya-product-block__tabs {
	margin-top: 32px;
}

.asya-tabs__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	border-bottom: 2px solid var(--asya-border);
	margin-bottom: 24px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE/Edge */
}

.asya-tabs__nav::-webkit-scrollbar {
	display: none;
}

/*
 * Tema button override:
 *   Tema [type=button], button { color:#c36; border:1px solid #c36; ... } gibi global
 *   kurallar veriyor. Tab nav butonlarını her durumda sıfırlayıp kendi stilimize zorlamak
 *   için yüksek specificity + !important kullanıyoruz. Kapsam dar (sadece tab nav).
 */
.asya-tabs__nav button.asya-tabs__button,
.asya-tabs__nav button.asya-tabs__button:link,
.asya-tabs__nav button.asya-tabs__button:visited,
.asya-tabs__nav button.asya-tabs__button:hover,
.asya-tabs__nav button.asya-tabs__button:focus,
.asya-tabs__nav button.asya-tabs__button:active {
	-webkit-appearance: none !important;
	appearance: none !important;
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-bottom: 3px solid transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 12px 20px !important;
	margin: 0 0 -2px 0 !important;
	font-family: inherit !important;
	font-size: 1em !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--asya-muted) !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	transition: color 0.15s ease, border-color 0.15s ease !important;
}

.asya-tabs__nav button.asya-tabs__button:hover,
.asya-tabs__nav button.asya-tabs__button:focus {
	color: var(--asya-text) !important;
	border-bottom-color: var(--asya-border) !important;
}

.asya-tabs__nav button.asya-tabs__button:focus-visible {
	outline: 2px solid var(--asya-accent) !important;
	outline-offset: 2px !important;
}

.asya-tabs__nav button.asya-tabs__button.is-active,
.asya-tabs__nav button.asya-tabs__button.is-active:hover,
.asya-tabs__nav button.asya-tabs__button.is-active:focus {
	color: var(--asya-tab-active) !important;
	border-bottom-color: var(--asya-tab-active) !important;
}

.asya-tabs__panel {
	animation: asya-fade-in 0.2s ease;
}

.asya-tabs__panel[hidden] {
	display: none !important;
}

@keyframes asya-fade-in {
	from { opacity: 0; transform: translateY(4px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* JS yoksa tüm panelleri göster */
.no-js .asya-tabs__nav,
html.no-js .asya-tabs__nav {
	display: none;
}

.no-js .asya-tabs__panel,
html.no-js .asya-tabs__panel {
	display: block !important;
}

/* =====================================================================
 * Single section (tek tab varsa nav gizli, başlıkla render)
 * ===================================================================== */
.asya-product-block__section {
	margin-top: 32px;
}

.asya-product-block__title {
	font-size: 1.5em;
	margin: 0 0 16px;
	color: var(--asya-text);
}

/* =====================================================================
 * Spec table
 * ===================================================================== */
.asya-product-block__spec-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-size: 0.95em;
}

.asya-product-block__spec-table th,
.asya-product-block__spec-table td {
	padding: 12px 16px;
	border: 1px solid var(--asya-border);
	text-align: left;
	vertical-align: top;
}

.asya-product-block__spec-table th {
	background: var(--asya-tab-bg);
	font-weight: 600;
	color: var(--asya-muted);
	width: 35%;
	white-space: nowrap;
}

.asya-product-block__spec-table tr:nth-child(even) td {
	background: rgba(0, 0, 0, 0.015);
}

@media (max-width: 480px) {
	.asya-product-block__spec-table th {
		width: 45%;
		white-space: normal;
	}
}

/* =====================================================================
 * FAQ accordion
 * ===================================================================== */
.asya-product-block__faq-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.asya-product-block__faq-item {
	border: 1px solid var(--asya-border);
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

.asya-product-block__faq-item[open] {
	border-color: var(--asya-border);
}

.asya-product-block__faq-question {
	padding: 14px 18px;
	font-weight: 600;
	cursor: pointer;
	color: var(--asya-text);
	background: var(--asya-tab-bg);
	list-style: none;
	position: relative;
	padding-right: 44px;
	transition: background 0.15s ease;
}

.asya-product-block__faq-question::-webkit-details-marker {
	display: none;
}

.asya-product-block__faq-question::after {
	content: "+";
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4em;
	font-weight: 400;
	color: var(--asya-accent);
	line-height: 1;
	transition: transform 0.2s ease;
}

.asya-product-block__faq-item[open] .asya-product-block__faq-question::after {
	content: "−";
}

.asya-product-block__faq-question:hover {
	background: #ebedef;
}

.asya-product-block__faq-answer {
	padding: 14px 18px 18px;
	color: var(--asya-text);
	background: #fff;
}

.asya-product-block__faq-answer p:last-child {
	margin-bottom: 0;
}

/* =====================================================================
 * HUB (urunler / kategori) sayfası blokları
 * ===================================================================== */
.asya-hub-block {
	--asya-bg: #ffffff;
	--asya-text: #1d2327;
	--asya-muted: #50575e;
	--asya-border: #e2e4e7;
	--asya-accent: #2271b1;
	--asya-accent-hover: #135e96;
	--asya-tab-bg: #f6f7f7;

	/* CTA değişkenleri — alt-urun ile aynı (hub CTA da .asya-product-block__cta class'ı kullanıyor) */
	--asya-cta-bg: #1d2327;
	--asya-cta-text: #ffffff;
	--asya-cta-muted: rgba(255, 255, 255, 0.78);
	--asya-cta-btn-bg: rgba(255, 255, 255, 0.12);
	--asya-cta-btn-bg-hover: rgba(255, 255, 255, 0.22);
	--asya-cta-btn-border: rgba(255, 255, 255, 0.22);
	--asya-cta-primary: #2271b1;
	--asya-cta-primary-hover: #135e96;
	--asya-cta-whatsapp: #25d366;
	--asya-cta-whatsapp-hover: #1da851;

	margin: 24px 0 32px;
	color: var(--asya-text);
	font-family: inherit;
	line-height: 1.6;
}

/* Hub CTA içindeki link override'larını .asya-hub-block scope'unda da uygula */
.asya-hub-block .asya-product-block__cta a.asya-product-block__cta-btn,
.asya-hub-block .asya-product-block__cta a.asya-product-block__cta-btn:link,
.asya-hub-block .asya-product-block__cta a.asya-product-block__cta-btn:visited,
.asya-hub-block .asya-product-block__cta a.asya-product-block__cta-btn:hover,
.asya-hub-block .asya-product-block__cta a.asya-product-block__cta-btn:focus,
.asya-hub-block .asya-product-block__cta a.asya-product-block__cta-btn:active {
	color: var(--asya-cta-text) !important;
	text-decoration: none !important;
}

/* ---------- Hub Lead (üst intro) ---------- */
.asya-hub-block__lead {
	font-size: 1.08em;
	line-height: 1.6;
	color: var(--asya-text);
	margin: 0 0 24px;
	padding: 16px 20px;
	background: var(--asya-tab-bg);
	border-left: 4px solid var(--asya-accent);
	border-radius: 4px;
}

/* ---------- Collapse (mevcut content "Devamını Oku") ---------- */
.asya-hub-block__collapse {
	position: relative;
	margin: 0 0 32px;
}

.asya-hub-block__collapse-inner {
	max-height: 320px;
	overflow: hidden;
	transition: max-height 0.4s ease;
}

.asya-hub-block__collapse.is-open .asya-hub-block__collapse-inner {
	max-height: 8000px;
}

/* Açıklama içindeki paragraf/başlık tutarlı boşluk */
.asya-hub-block__collapse-inner > *:first-child {
	margin-top: 0;
}
.asya-hub-block__collapse-inner > *:last-child {
	margin-bottom: 0;
}

/* Alt fade — kapalıyken */
.asya-hub-block__collapse-fade {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 44px; /* button'un üstünde */
	height: 80px;
	pointer-events: none;
	background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90% );
	transition: opacity 0.25s ease;
}

.asya-hub-block__collapse.is-open .asya-hub-block__collapse-fade {
	opacity: 0;
}

/* Toggle butonu — tema button override (.asya-hub-block + .asya-marka-archive: hub dışı collapse) */
.asya-hub-block button.asya-hub-block__collapse-toggle,
.asya-hub-block button.asya-hub-block__collapse-toggle:link,
.asya-hub-block button.asya-hub-block__collapse-toggle:visited,
.asya-hub-block button.asya-hub-block__collapse-toggle:hover,
.asya-hub-block button.asya-hub-block__collapse-toggle:focus,
.asya-hub-block button.asya-hub-block__collapse-toggle:active,
.asya-marka-archive button.asya-hub-block__collapse-toggle,
.asya-marka-archive button.asya-hub-block__collapse-toggle:link,
.asya-marka-archive button.asya-hub-block__collapse-toggle:visited,
.asya-marka-archive button.asya-hub-block__collapse-toggle:hover,
.asya-marka-archive button.asya-hub-block__collapse-toggle:focus,
.asya-marka-archive button.asya-hub-block__collapse-toggle:active {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 12px auto 0 !important;
	padding: 10px 20px !important;
	background: var(--asya-accent) !important;
	background-color: var(--asya-accent) !important;
	border: 1px solid var(--asya-accent) !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: 0.95em !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer !important;
	transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease !important;
	position: relative;
	z-index: 2;
}

.asya-hub-block button.asya-hub-block__collapse-toggle:hover,
.asya-hub-block button.asya-hub-block__collapse-toggle:focus-visible,
.asya-marka-archive button.asya-hub-block__collapse-toggle:hover,
.asya-marka-archive button.asya-hub-block__collapse-toggle:focus-visible {
	background: var(--asya-accent-hover) !important;
	border-color: var(--asya-accent-hover) !important;
	transform: translateY(-1px) !important;
	color: #ffffff !important;
}

/* Toggle butonu collapse'in altında ortalansın */
.asya-hub-block__collapse {
	display: flex;
	flex-direction: column;
}

.asya-hub-block__collapse > .asya-hub-block__collapse-toggle,
.asya-marka-archive .asya-hub-block__collapse > .asya-hub-block__collapse-toggle {
	align-self: center;
}

/*
 * Marka archive: tema `#primary button` vb. bazen plugin seçicisini ezer →
 * "Devamını Oku" hiç görünmüyor. main#primary ile özgüllük + z-index + görünürlük.
 */
main#primary.asya-marka-archive .asya-hub-block__collapse {
	display: flex;
	flex-direction: column;
	overflow: visible;
}

main#primary.asya-marka-archive .asya-hub-block__collapse-fade {
	z-index: 1;
}

main#primary.asya-marka-archive button.asya-hub-block__collapse-toggle,
main#primary.asya-marka-archive button.asya-hub-block__collapse-toggle:link,
main#primary.asya-marka-archive button.asya-hub-block__collapse-toggle:visited,
main#primary.asya-marka-archive button.asya-hub-block__collapse-toggle:hover,
main#primary.asya-marka-archive button.asya-hub-block__collapse-toggle:focus,
main#primary.asya-marka-archive button.asya-hub-block__collapse-toggle:active {
	display: inline-flex !important;
	opacity: 1 !important;
	visibility: visible !important;
	height: auto !important;
	min-height: 44px !important;
	width: auto !important;
	max-width: none !important;
	clip: auto !important;
	clip-path: none !important;
	transform: none;
	position: relative !important;
	z-index: 4 !important;
	background: var(--asya-accent) !important;
	background-color: var(--asya-accent) !important;
	border: 1px solid var(--asya-accent) !important;
	color: #ffffff !important;
	padding: 10px 20px !important;
	margin: 12px auto 0 !important;
	font-size: 0.95em !important;
	line-height: 1.4 !important;
	cursor: pointer !important;
}

main#primary.asya-marka-archive button.asya-hub-block__collapse-toggle:hover,
main#primary.asya-marka-archive button.asya-hub-block__collapse-toggle:focus-visible {
	background: var(--asya-accent-hover) !important;
	border-color: var(--asya-accent-hover) !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
}

/* ---------- Section başlık (Tüm Ürünler / SSS) ---------- */
.asya-hub-block__section {
	margin: 40px 0;
}

.asya-hub-block__title {
	font-size: 1.5em;
	margin: 0 0 20px;
	color: var(--asya-text);
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
}

.asya-hub-block__count {
	font-size: 0.7em;
	font-weight: 400;
	color: var(--asya-muted);
}

/* ---------- Ürün Grid ---------- */
.asya-hub-block__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

@media (min-width: 600px) {
	.asya-hub-block__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}
}

@media (min-width: 960px) {
	.asya-hub-block__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* Kart — link, tüm kart tıklanabilir */
.asya-hub-block a.asya-hub-block__card,
.asya-hub-block a.asya-hub-block__card:link,
.asya-hub-block a.asya-hub-block__card:visited {
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 1px solid var(--asya-border);
	border-radius: 8px;
	overflow: hidden;
	color: var(--asya-text) !important;
	text-decoration: none !important;
	transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.asya-hub-block a.asya-hub-block__card:hover,
.asya-hub-block a.asya-hub-block__card:focus-visible {
	border-color: var(--asya-accent) !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(34, 113, 177, 0.12);
	color: var(--asya-text) !important;
	text-decoration: none !important;
}

.asya-hub-block__card-media {
	background: var(--asya-tab-bg);
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	overflow: hidden;
}

.asya-hub-block__card-media img,
.asya-hub-block__card-image {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

.asya-hub-block__card-body {
	padding: 14px 14px 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}

.asya-hub-block__card-brand {
	font-size: 0.78em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--asya-accent);
}

.asya-hub-block__card-title {
	font-size: 18px !important;
	font-weight: 600;
	line-height: 1.3 !important;
	margin: 0;
	color: var(--asya-text);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.asya-hub-block__card-cta {
	margin-top: auto;
	font-size: 0.85em;
	color: var(--asya-accent);
	font-weight: 600;
}

/* ---------- Hub CTA — alt-urun CTA stillerinin üzerine küçük tashih ---------- */
.asya-hub-block__cta {
	margin-top: 40px;
}

/* =====================================================================
   MARKA ARCHIVE (Faz 2B)
   /marka/{slug}/ adresinde plugin tarafından render edilir.
   Tema'nın header/footer/sidebar'ı korunur, sadece main alanı kontrol edilir.
   ===================================================================== */

.asya-marka-archive {
	padding: 24px 0 48px;
	/*
	 * CTA (.asya-product-block__cta) bu wrapper içinde; değişkenler yalnızca
	 * .asya-product-block / .asya-hub-block'ta tanımlıydı → marka sayfasında
	 * arka plan ve metin renkleri düşüyordu. Hub ile aynı token seti.
	 */
	--asya-bg: #ffffff;
	--asya-text: #1d2327;
	--asya-muted: #50575e;
	--asya-border: #e2e4e7;
	--asya-accent: #2271b1;
	--asya-accent-hover: #135e96;
	--asya-tab-bg: #f6f7f7;
	--asya-cta-bg: #1d2327;
	--asya-cta-text: #ffffff;
	--asya-cta-muted: rgba(255, 255, 255, 0.78);
	--asya-cta-btn-bg: rgba(255, 255, 255, 0.12);
	--asya-cta-btn-bg-hover: rgba(255, 255, 255, 0.22);
	--asya-cta-btn-border: rgba(255, 255, 255, 0.22);
	--asya-cta-primary: #2271b1;
	--asya-cta-primary-hover: #135e96;
	--asya-cta-whatsapp: #25d366;
	--asya-cta-whatsapp-hover: #1da851;

	color: var(--asya-text);
	font-family: inherit;
	line-height: 1.6;
}

/* Marka archive CTA — tema link renklerini hub ile aynı şekilde ez */
.asya-marka-archive .asya-product-block__cta a.asya-product-block__cta-btn,
.asya-marka-archive .asya-product-block__cta a.asya-product-block__cta-btn:link,
.asya-marka-archive .asya-product-block__cta a.asya-product-block__cta-btn:visited,
.asya-marka-archive .asya-product-block__cta a.asya-product-block__cta-btn:hover,
.asya-marka-archive .asya-product-block__cta a.asya-product-block__cta-btn:focus,
.asya-marka-archive .asya-product-block__cta a.asya-product-block__cta-btn:active {
	color: var(--asya-cta-text) !important;
	text-decoration: none !important;
}

.asya-marka-archive .asya-hub-block__cta {
	margin-top: 40px;
}

.asya-marka-archive__container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.asya-marka-archive__breadcrumb {
	margin-bottom: 16px;
	font-size: 0.85em;
	color: var(--asya-muted);
}

.asya-marka-archive__breadcrumb-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.asya-marka-archive__breadcrumb-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.asya-marka-archive__breadcrumb-item a {
	color: var(--asya-muted);
	text-decoration: none;
}

.asya-marka-archive__breadcrumb-item a:hover {
	color: var(--asya-accent);
}

.asya-marka-archive__breadcrumb-sep {
	color: var(--asya-border);
}

.asya-marka-archive__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--asya-border);
}

.asya-marka-archive__logo {
	flex: 0 0 auto;
	max-width: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid var(--asya-border);
	border-radius: 8px;
}

.asya-marka-archive__logo img {
	display: block;
	max-width: 100%;
	height: auto;
	max-height: 80px;
	width: auto;
}

.asya-marka-archive__heading {
	flex: 1 1 auto;
	min-width: 240px;
}

.asya-marka-archive__title {
	margin: 0 0 6px;
	font-size: 2em;
	line-height: 1.2;
	font-weight: 700;
	color: var(--asya-text);
}

.asya-marka-archive__subtitle {
	display: inline-block;
	margin-left: 6px;
	font-size: 0.6em;
	font-weight: 500;
	color: var(--asya-muted);
	letter-spacing: 0.02em;
}

.asya-marka-archive__count {
	margin: 0;
	font-size: 0.95em;
	color: var(--asya-muted);
}

.asya-marka-archive__count strong {
	color: var(--asya-accent);
	font-weight: 700;
}

.asya-marka-archive__lead {
	margin: 0 0 16px;
	font-size: 1.05em;
	line-height: 1.55;
	color: var(--asya-text);
}

.asya-marka-archive__description {
	margin: 0 0 20px;
	color: var(--asya-text);
	line-height: 1.6;
}

.asya-marka-archive__description p {
	margin: 0 0 0.8em;
}

.asya-marka-archive__empty {
	padding: 24px;
	background: #f8fafc;
	border: 1px dashed var(--asya-border);
	border-radius: 8px;
	color: var(--asya-muted);
	text-align: center;
}

@media (max-width: 600px) {
	.asya-marka-archive__title {
		font-size: 1.5em;
	}
	.asya-marka-archive__logo {
		max-width: 120px;
		padding: 8px 10px;
	}
	.asya-marka-archive__logo img {
		max-height: 50px;
	}
}

/* =====================================================================
   OTOMATİK İÇ LİNKLEME (Faz 3 — class-internal-linking.php)
   Marka & hub adlarını metin içinde otomatik link'e çevirir.
   ===================================================================== */

.asya-product-block .asya-auto-link,
.asya-hub-block .asya-auto-link,
.asya-product-block a.asya-auto-link:link,
.asya-product-block a.asya-auto-link:visited,
.asya-hub-block a.asya-auto-link:link,
.asya-hub-block a.asya-auto-link:visited {
	color: var(--asya-accent) !important;
	text-decoration: none !important;
	border-bottom: 1px dotted currentColor;
	transition: color 0.15s ease, border-color 0.15s ease;
}

.asya-product-block a.asya-auto-link:hover,
.asya-product-block a.asya-auto-link:focus-visible,
.asya-hub-block a.asya-auto-link:hover,
.asya-hub-block a.asya-auto-link:focus-visible {
	color: var(--asya-accent-hover) !important;
	border-bottom-style: solid;
	background: rgba(34, 113, 177, 0.06);
}