/* Esma Sultan — WooCommerce ürün kartları
   Kurumsal renk: #15322d */

/* GÜVENLİK: eklenti kapsamındaki inline SVG'ler asla taşmasın */
.esma-add svg{width:18px;height:18px;max-width:18px;max-height:18px}

.esma-grid,
ul.products.esma-grid{
	--esma-green:#15322d;
	--esma-green-deep:#0e241f;
	--esma-green-soft:#e6ece8;
	--esma-cream:#f7f4ee;
	--esma-stone:#f1ede6;
	--esma-sand:#e4dccf;
	--esma-ink:#1b1a17;
	--esma-ink-3:#8d887f;
	--esma-copper:#c59d6d;
	--esma-r:6px;
	--esma-font:"Plus Jakarta Sans","Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;

	list-style:none;
	display:grid !important;
	grid-template-columns:repeat(4,1fr);
	gap:48px 32px;
	margin:0 0 32px;
	padding:0;
}
.esma-grid.esma-cols-1{grid-template-columns:repeat(1,1fr)}
.esma-grid.esma-cols-2{grid-template-columns:repeat(2,1fr)}
.esma-grid.esma-cols-3{grid-template-columns:repeat(3,1fr)}
.esma-grid.esma-cols-4{grid-template-columns:repeat(4,1fr)}
.esma-grid.esma-cols-5{grid-template-columns:repeat(5,1fr)}
.esma-grid.esma-cols-6{grid-template-columns:repeat(6,1fr)}

/* WooCommerce'in kendi float/column genişliklerini sıfırla — CLEAN: border/zemin yok */
.esma-grid li.product,
.esma-grid li.esma-card{
	background:transparent;
	border:0;
	border-radius:0;
	padding:0;
	display:flex;
	flex-direction:column;
	box-shadow:none;
	font-family:var(--esma-font);
}
.esma-card:hover{transform:none}

/* Görsel — #eef2ee zemin, tek yuvarlak blok */
.esma-thumb-wrap{
	position:relative;
	border-radius:var(--esma-r);
	aspect-ratio:4/5;
	background:#eef2ee;
	overflow:hidden;
	display:grid;
	place-items:center;
	margin-bottom:16px;
}
.esma-thumb{display:block;width:100%;height:100%}
.esma-thumb-wrap img{
	position:absolute;
	inset:0;
	width:92%;
	height:92%;
	margin:4%;
	object-fit:contain;
	background:transparent;
	image-rendering:-webkit-optimize-contrast;
	image-rendering:auto;
	transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.esma-card:hover .esma-thumb-wrap img{transform:scale(1.05)}

/* Kategori etiketi — sol üst */
.esma-tag{
	position:absolute;
	top:14px;left:14px;
	z-index:2;
	background:rgba(255,255,255,.75);
	color:var(--esma-green);
	font-size:11px;
	font-weight:600;
	line-height:1;
	padding:5px 11px;
	border-radius:6px;
	letter-spacing:.03em;
	-webkit-backdrop-filter:blur(4px);
	backdrop-filter:blur(4px);
}

/* Gövde — 10px yatay padding (başlık, alt satır, fiyat, buton dahil) */
.esma-body{display:flex;flex-direction:column;flex:1;padding:0 10px}

/* Başlık + alt satır */
.esma-title-link{text-decoration:none}
.esma-title{
	font-size:16px;
	font-weight:700;
	letter-spacing:-.015em;
	line-height:1.3;
	color:var(--esma-ink);
	margin:0 0 5px;
}
.esma-sub{
	font-size:13px;
	line-height:1.5;
	color:var(--esma-ink-3);
	margin:0 0 18px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:2.7em;
}

/* Alt satır: fiyat + yuvarlak + butonu */
.esma-foot{
	margin-top:auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
.esma-price{
	font-family:var(--esma-font);
	font-weight:800;
	font-size:19px;
	letter-spacing:-.01em;
	color:var(--esma-green);
	line-height:1;
}
.esma-price .woocommerce-Price-amount{font-weight:800}
.esma-price del{
	color:var(--esma-ink-3);
	font-weight:400;
	font-size:12px;
	margin-right:4px;
}
.esma-price ins{text-decoration:none}
/* Başlangıç fiyatı — büyük fiyat + altında minik "başlayan fiyat" */
.esma-price-from{display:inline-flex;flex-direction:column;line-height:1.1}
.esma-price-from .esma-price-main{
	font-weight:800;
	font-size:19px;
	letter-spacing:-.01em;
	color:var(--esma-green);
	order:1;
}
.esma-price-from .esma-price-note{
	font-weight:500;
	font-size:10.5px;
	color:var(--esma-ink-3);
	letter-spacing:.02em;
	margin-top:2px;
	order:2;
}

.esma-add{
	flex:none;
	width:44px;height:44px;
	border-radius:6px;
	background:var(--esma-green);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	transition:background .2s,transform .2s;
}
.esma-add svg{display:block;width:19px;height:19px;stroke:#fff;fill:none}
.esma-add:hover{background:var(--esma-copper);transform:translateY(-1px)}
.esma-add.loading{opacity:.6;pointer-events:none}
.esma-add.added svg{display:none}
.esma-add.added::after{
	content:"\2713";
	font-size:16px;
	font-weight:700;
	line-height:1;
	color:#fff;
}

/* WooCommerce'in eklediği "Sepeti görüntüle" bağlantısını kartta gizle */
.esma-card a.added_to_cart{display:none}

/* Responsive */
@media (max-width:1024px){
	.esma-grid,ul.products.esma-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px}
}
@media (max-width:600px){
	.esma-grid,ul.products.esma-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px}
	.esma-title{font-size:14px}
	.esma-price,.esma-price-from .esma-price-main{font-size:16px}
	.esma-add{width:38px;height:38px}
	.esma-body{padding:0 6px}
}

/* ============================================================
   FLATSOME UYUMU
   ============================================================ */

/* Flatsome görsel hover gölgesi / gradient'ini kaldır */
.esma-thumb-wrap .box-image,
.esma-thumb-wrap:before,
.esma-thumb-wrap:after{
	background:none !important;
	box-shadow:none !important;
}
.esma-thumb-wrap img{box-shadow:none !important;filter:none !important}

/* Görsel kutusu zemini her koşulda #eef2ee kalsın */
.esma-card .esma-thumb-wrap,
.esma-card .esma-thumb-wrap a,
.esma-card .esma-thumb-wrap .esma-thumb{
	background:#eef2ee !important;
	background-image:none !important;
}
.esma-card .esma-thumb-wrap *{background-image:none !important}
.esma-card .esma-thumb-wrap::before,
.esma-card .esma-thumb-wrap::after{content:none !important;display:none !important}

/* Footer/fiyat her koşulda görünsün */
.esma-card .esma-foot{display:flex !important;visibility:visible !important;opacity:1 !important}
.esma-card .esma-price{display:inline-flex !important;visibility:visible !important}
.esma-card .esma-price *{color:inherit !important}
.esma-card .esma-price .esma-price-note{color:var(--esma-ink-3) !important}
.esma-card .esma-title{display:block !important}

/* Tema li.product'a sabit yükseklik/absolute verirse sıfırla */
ul.products.esma-grid li.esma-card{
	width:auto !important;
	max-width:none !important;
	flex:none !important;
	height:auto !important;
	min-height:0 !important;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
	position:relative !important;
	overflow:visible !important;
	opacity:1 !important;
	transform:none !important;
	animation:none !important;
}