/*
 * En Doğru Seçim alt teması — compare
 * Karşılaştırma sayfası (ürün detayındaki karşılaştırma bölümü dahil).
 *
 * style.css'ten taşındı (1.4.72): yalnızca gereken sayfalarda, style.css'ten SONRA yüklenir
 * (bkz. functions.php endogrusecim_child_css_parts). Tipografi yalnızca --es-fs-* token'larıyla.
 */
/* ===== Karşılaştırma sayfası ===== */
.es-cmp-page{padding-block:24px 96px}
.es-cmp-page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
	flex-wrap:wrap;margin-bottom:20px}
.es-cmp-page__head h1{margin:0}
.es-cmp-page__sub{color:var(--es-muted);font-size:var(--es-fs-md);margin:6px 0 0}
.es-cmp-page__notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;
	padding:12px 14px;border-radius:12px;font-size:var(--es-fs-md);line-height:1.5;
	color:var(--es-warn-text,#92400e);background:var(--es-warn-bg,#fef3c7);
	border:1px solid color-mix(in srgb,var(--es-warn-text,#92400e) 22%,transparent)}
.es-cmp-page__notice svg{flex:0 0 auto;width:18px;height:18px;margin-top:1px}
.es-cmp-page__add{min-height:40px;padding:9px 16px;font-size:var(--es-fs-md)}
.es-cmp-page__add svg{width:15px;height:15px}

/* Hazır karşılaştırmalar (iç bağlantı ağı) */
.es-cmp-hub{margin-top:40px}
.es-cmp-hub__title{font-size:var(--es-fs-lg);margin:0 0 14px}
.es-cmp-hub__list{list-style:none;margin:0;padding:0;display:grid;gap:8px;
	grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.es-cmp-hub__list a{display:block;padding:11px 14px;border:1px solid var(--es-border);
	border-radius:12px;background:var(--es-surface);color:var(--es-text);text-decoration:none;
	font-size:var(--es-fs-md);line-height:1.4;transition:border-color .15s,background .15s}
.es-cmp-hub__list a:hover{border-color:var(--es-primary);background:var(--es-surface-2)}

/* Boş durum */
.es-compare-empty{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;
	padding:56px 24px;color:var(--es-muted);background:var(--es-surface-2);
	border:1px dashed var(--es-border-strong);border-radius:var(--es-radius)}
.es-compare-empty__ico{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;
	background:var(--es-surface);border:1px solid var(--es-border);color:var(--es-primary)}
.es-compare-empty__ico svg{width:28px;height:28px}
.es-compare-empty p{margin:0;font-size:var(--es-fs-base);max-width:38ch}

/* ---- Düzen: sol panel + içerik ---- */
.es-cmp{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
@media(min-width:900px){.es-cmp{grid-template-columns:212px minmax(0,1fr);gap:24px}}

.es-cmp__side{display:flex;flex-direction:column;gap:12px}
@media(min-width:900px){.es-cmp__side{position:sticky;top:88px}}
.es-cmp__catchip{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;
	padding:9px 12px;border-radius:10px;background:var(--es-surface);border:1px solid var(--es-primary);
	color:var(--es-primary);font-size:var(--es-fs-sm);font-weight:700}
.es-cmp__catchip span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;
	border-radius:var(--es-pill);background:var(--es-primary);color:#fff;font-size:var(--es-fs-2xs);font-weight:800}
.es-cmp__filter{border:1px solid var(--es-border);border-radius:12px;background:var(--es-surface);
	margin:0;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.es-cmp__filter-legend{font-size:var(--es-fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;
	color:var(--es-muted);padding:0;margin-bottom:6px}
.es-cmp__clear{font-size:var(--es-fs-sm);color:var(--es-muted);text-decoration:none;text-align:center;
	padding:8px 10px;border-radius:8px;transition:color .15s,background .15s}
.es-cmp__clear:hover{color:var(--es-danger);background:var(--es-danger-tint)}

/* ---- Kaydırma alanı + kolon şablonu ---- */
.es-cmp__main{min-width:0}
.es-cmp__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
	scrollbar-width:thin;padding-bottom:4px}
.es-cmp__inner{--es-label-w:150px;--es-colw:230px;
	min-width:calc(var(--es-label-w) + var(--es-cols,2) * var(--es-colw))}

/* ---- Ürün kartları ---- */
.es-cmp__cards{display:grid;grid-template-columns:var(--es-label-w) repeat(var(--es-cols,2),var(--es-colw));
	gap:12px;align-items:stretch;margin-bottom:18px}
.es-cmp__cards-spacer{display:block}
.es-cmp-card{display:flex;flex-direction:column;gap:9px;padding:12px;
	background:var(--es-surface);border:1px solid var(--es-border);border-radius:var(--es-radius);
	transition:border-color .16s,box-shadow .16s}
.es-cmp-card:hover{border-color:var(--es-border-strong);box-shadow:var(--es-shadow-sm)}
.es-cmp-card.is-winner{border-color:var(--es-primary);
	box-shadow:0 0 0 3px color-mix(in srgb,var(--es-primary) 16%,transparent)}

.es-cmp-card__media{position:relative}
/* Beyaz plaka + sabit yükseklik → oranı ne olursa olsun tüm görseller aynı boyutta */
.es-cmp-card__thumb{box-sizing:border-box;display:flex;align-items:center;justify-content:center;
	height:var(--es-thumb-h,160px);width:100%;padding:6px;background:#fff;
	border:1px solid var(--es-border);border-radius:12px;overflow:hidden;
	transition:border-color .16s}
.es-cmp-card__thumb:hover{border-color:var(--es-primary)}
.es-cmp-card__thumb img{height:100%;width:auto}
.es-cmp-card__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
	display:block;margin:auto;transition:transform .22s cubic-bezier(.4,0,.2,1)}
.es-cmp-card__thumb:hover .es-cmp-card__img{transform:scale(1.05)}
.es-cmp-card__noimg{display:grid;place-items:center;width:100%;height:100%;
	color:#CBD5E1;background:#F8FAFC;border-radius:8px}
.es-cmp-card__noimg svg{width:32px;height:32px}

.es-cmp-card__winner{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;
	gap:4px;padding:4px 9px;border-radius:var(--es-pill);background:var(--es-primary);color:#fff;
	font-size:var(--es-fs-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;
	box-shadow:0 2px 8px color-mix(in srgb,var(--es-primary) 40%,transparent)}
.es-cmp-card__winner svg{width:10px;height:10px}
.es-cmp-card__remove{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;
	border-radius:50%;display:grid;place-items:center;text-decoration:none;
	background:color-mix(in srgb,var(--es-surface) 92%,transparent);
	backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
	border:1px solid var(--es-border);color:var(--es-muted);opacity:0;transform:scale(.8);
	transition:opacity .15s,transform .15s,background .15s,color .15s,border-color .15s}
.es-cmp-card__remove svg{width:10px;height:10px}
.es-cmp-card__media:hover .es-cmp-card__remove,
.es-cmp-card__remove:focus-visible{opacity:1;transform:scale(1)}
.es-cmp-card__remove:hover{background:var(--es-danger);border-color:var(--es-danger);color:#fff}
@media(hover:none){.es-cmp-card__remove{opacity:1;transform:scale(1)}}

.es-cmp-card__name{font-size:var(--es-fs-md);font-weight:700;line-height:1.35;color:var(--es-text);
	text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;
	overflow:hidden;min-height:2.5em}
.es-cmp-card__name:hover{color:var(--es-primary)}
.es-cmp-card__rate{display:inline-flex;align-items:center;gap:6px;font-size:var(--es-fs-sm);color:var(--es-muted)}
.es-cmp-card__rate strong{color:var(--es-text);font-weight:800;font-variant-numeric:tabular-nums}

/* Mağaza teklifleri */
.es-cmp-card__offers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.es-cmp-offer{display:flex;align-items:center;justify-content:space-between;gap:8px;
	padding:7px 0;text-decoration:none;border-bottom:1px solid var(--es-border)}
.es-cmp-card__offers li:last-child .es-cmp-offer{border-bottom:0}
.es-cmp-offer__store{display:flex;flex-direction:column;min-width:0;
	font-size:var(--es-fs-sm);font-weight:700;color:var(--es-primary);line-height:1.25;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.es-cmp-offer__store em{font-style:normal;font-size:var(--es-fs-2xs);font-weight:500;color:var(--es-muted)}
.es-cmp-offer__right{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.es-cmp-offer__price{font-size:var(--es-fs-md);font-weight:800;color:var(--es-text);font-variant-numeric:tabular-nums}
.es-cmp-offer__badge{font-size:var(--es-fs-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;
	color:#fff;background:var(--es-success);padding:3px 6px;border-radius:var(--es-pill)}
.es-cmp-offer__chev{width:13px;height:13px;color:var(--es-border-strong);transition:transform .15s,color .15s}
.es-cmp-offer:hover .es-cmp-offer__price{color:var(--es-primary)}
.es-cmp-offer:hover .es-cmp-offer__chev{color:var(--es-primary);transform:translateX(2px)}

.es-cmp-card__price{display:flex;flex-direction:column;gap:1px}
.es-cmp-card__price-lbl{font-size:var(--es-fs-2xs);font-weight:700;text-transform:uppercase;
	letter-spacing:.07em;color:var(--es-muted)}
.es-cmp-card__price strong{font-size:var(--es-fs-lg);font-weight:800;font-variant-numeric:tabular-nums}
.es-cmp-card__cta{margin-top:auto;min-height:40px;width:100%;padding:9px 12px;font-size:var(--es-fs-md)}

/* ---- Özellik grupları ---- */
.es-cmp-group{border:1px solid var(--es-border);border-radius:12px;background:var(--es-surface);
	overflow:hidden;margin-bottom:12px}
.es-cmp-group__head{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;
	padding:11px 14px;background:var(--es-surface-2);border-bottom:1px solid transparent;
	font-size:var(--es-fs-sm);font-weight:700;color:var(--es-text);user-select:none;
	position:sticky;left:0;transition:background .15s}
.es-cmp-group__head::-webkit-details-marker{display:none}
.es-cmp-group__head:hover{background:var(--es-surface-3)}
.es-cmp-group__caret{width:15px;height:15px;color:var(--es-primary);flex:0 0 auto;
	transform:rotate(-90deg);transition:transform .2s}
.es-cmp-group[open] .es-cmp-group__caret{transform:rotate(0)}
.es-cmp-group[open] .es-cmp-group__head{border-bottom-color:var(--es-border)}

.es-cmp-row{display:grid;grid-template-columns:var(--es-label-w) repeat(var(--es-cols,2),var(--es-colw));
	align-items:center;border-bottom:1px solid var(--es-border)}
.es-cmp-group__body .es-cmp-row:last-child{border-bottom:0}
.es-cmp-row:nth-child(even){background:color-mix(in srgb,var(--es-surface-2) 45%,var(--es-surface))}
.es-cmp-row:hover{background:color-mix(in srgb,var(--es-primary-tint) 32%,var(--es-surface))}
.es-cmp-row__label{position:sticky;left:0;z-index:1;padding:11px 14px;
	background:inherit;font-size:var(--es-fs-xs);color:var(--es-muted);font-weight:600;line-height:1.35;
	border-right:1px solid var(--es-border)}
.es-cmp-row__val{padding:11px 14px;font-size:var(--es-fs-sm);color:var(--es-text);line-height:1.4;
	word-break:break-word;border-right:1px solid var(--es-border)}
.es-cmp-row__val:last-child{border-right:0}
.es-cmp-row__val.is-winner{background:color-mix(in srgb,var(--es-primary-tint) 40%,transparent)}
.es-cmp-row__na{color:var(--es-border-strong)}

/* Var / Yok */
.es-cmp-bool{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.es-cmp-bool svg{width:15px;height:15px;flex:0 0 auto}
.es-cmp-bool--yes{color:var(--es-success)}
.es-cmp-bool--no{color:var(--es-danger)}

/* "Sadece farklı olanlar" */
.es-cmp.is-diff-only .es-cmp-row[data-es-diff="0"]{display:none}
.es-cmp__nodiff{margin:0;padding:26px 16px;text-align:center;color:var(--es-muted);font-size:var(--es-fs-md);
	background:var(--es-surface-2);border:1px dashed var(--es-border-strong);border-radius:12px}

/* ---- Mobil ---- */
@media(max-width:899px){
	.es-cmp__side{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
	.es-cmp__filter{flex:1 1 auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px;
		padding:10px 12px}
	.es-cmp__filter-legend{display:none}
	.es-cmp__clear{margin-left:auto}
}
@media(max-width:760px){
	.es-cmp-page{padding-block:16px 90px}
	.es-cmp__inner{--es-label-w:112px;--es-colw:178px;--es-thumb-h:128px}
	.es-cmp-card{padding:10px;gap:8px}
	.es-cmp-card__name{font-size:var(--es-fs-sm)}
	.es-cmp-card__cta{min-height:38px;font-size:var(--es-fs-sm);padding:8px 10px}
	.es-cmp-row__label,.es-cmp-row__val{padding:10px}
	.es-cmp-row__label{font-size:var(--es-fs-xs)}
	.es-cmp-row__val{font-size:var(--es-fs-sm)}
	.es-cmp-offer__store{font-size:var(--es-fs-xs)}
	.es-cmp-offer__price{font-size:var(--es-fs-sm)}
	.es-cmp-card__winner{font-size:var(--es-fs-2xs);padding:3px 7px;top:6px;left:6px}
	.es-cmp-card__remove{top:6px;right:6px;width:24px;height:24px}
}
@media(max-width:420px){
	.es-cmp__inner{--es-label-w:96px;--es-colw:158px;--es-thumb-h:112px}
	.es-cmp-offer__badge{display:none}
}
:focus-visible{outline:2px solid var(--es-primary);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}