/* Esma Sultan — Ürün Slider'ı
   Elle kaydırma (scroll-snap + touch), masaüstü ok butonları, mobil uyumlu. */

.esma-slider{
	/* Mağaza kartlarıyla BİREBİR aynı değişkenler */
	--esma-green:#15322d;
	--esma-green-deep:#0e241f;
	--esma-copper:#c59d6d;
	--esma-ink:#1b1a17;
	--esma-ink-3:#8d887f;
	--esma-font:"Plus Jakarta Sans","Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;

	--sl-gap:32px;
	--sl-per:4;
	position:relative;
	font-family:var(--esma-font);
	max-width:1350px;
	margin:0 auto;
	padding:0 40px;
	box-sizing:border-box;
}
/* tema/blok kaynaklı dikey boşlukları sıfırla */
.esma-slider{padding-top:0;padding-bottom:0}
.esma-slider *{box-sizing:border-box}

/* Başlık satırı */
.esma-slider-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	margin-bottom:20px;
}
.esma-slider-eyebrow{
	font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--esma-copper);margin:0 0 8px;
}
.esma-slider-title{
	font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;
	color:var(--esma-green);margin:0;line-height:1.1;
}

/* Ok butonları */
.esma-slider-nav{display:flex;gap:10px;flex:none}
.esma-slider-nav button{
	width:46px !important;height:46px !important;min-height:0 !important;min-width:0 !important;
	border-radius:6px !important;border:1px solid #e4ded4 !important;
	background:#fff !important;color:var(--esma-green) !important;cursor:pointer;
	display:flex !important;align-items:center;justify-content:center;
	padding:0 !important;margin:0 !important;box-shadow:none !important;
	text-transform:none !important;letter-spacing:normal !important;
	transition:background .2s,color .2s,border-color .2s,opacity .2s;
}
.esma-slider-nav button:hover{background:var(--esma-green) !important;color:#fff !important;border-color:var(--esma-green) !important}
.esma-slider-nav button svg{width:20px !important;height:20px !important;display:block}
.esma-slider-nav button:disabled{opacity:.3;cursor:default;background:#fff !important;color:var(--esma-green) !important;border-color:#e4ded4 !important}

/* Başlıksız kullanımda oklar sağ üstte kayan konumda */
.esma-slider-nav--float{
	position:absolute;top:-12px;right:40px;transform:translateY(-100%);
}

/* Viewport + track (elle kaydırma) */
.esma-slider-viewport{
	overflow-x:auto;
	overflow-y:visible;
	-webkit-overflow-scrolling:touch;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;               /* Firefox */
	-ms-overflow-style:none;            /* IE/Edge */
	margin:0 -8px;                       /* kartların gölgesi/kenarı için nefes */
	padding:0 8px;
}
.esma-slider-viewport::-webkit-scrollbar{display:none} /* Chrome/Safari */

.esma-slider-track,
ul.products.esma-slider-track{
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	display:flex !important;
	flex-wrap:nowrap !important;
	gap:var(--sl-gap);
	width:auto !important;
	grid-template-columns:none !important;
}

/* Her kart sabit genişlik — per-view'e göre */
.esma-slider-track > li.product,
ul.products.esma-slider-track > li.product{
	flex:0 0 calc((100% - (var(--sl-per) - 1) * var(--sl-gap)) / var(--sl-per)) !important;
	max-width:calc((100% - (var(--sl-per) - 1) * var(--sl-gap)) / var(--sl-per)) !important;
	width:calc((100% - (var(--sl-per) - 1) * var(--sl-gap)) / var(--sl-per)) !important;
	scroll-snap-align:start;
	margin:0 !important;
	padding:0 !important;
	float:none !important;
	clear:none !important;
}

/* grabbing imleci (masaüstü sürükleme) */
.esma-slider-viewport.is-grabbing{cursor:grabbing;scroll-snap-type:none}
.esma-slider-viewport.is-grabbing *{pointer-events:none}

/* Responsive: per-view kırılımları */
@media (max-width:1024px){
	.esma-slider{--sl-per:3 !important;--sl-gap:24px;padding:0 24px}
	.esma-slider-nav--float{right:24px}
}
@media (max-width:768px){
	.esma-slider{--sl-per:2 !important;--sl-gap:20px;padding:0 20px}
	.esma-slider-nav--float{right:20px}
	.esma-slider-nav button{width:40px;height:40px}
}
@media (max-width:480px){
	/* Mobilde ~1.3 kart görünür (kaydırılabilir olduğu belli olsun) */
	.esma-slider{--sl-per:1.3 !important;--sl-gap:16px;padding:0 16px}
	.esma-slider-head{flex-wrap:wrap}
	/* mobilde okları gizle, sadece elle kaydırma */
	.esma-slider-nav{display:none}
	.esma-slider-title{font-size:22px}
}

/* ---- Slider içindeki kart iç düzenini garanti et (Flatsome ezmelerine karşı) ---- */
.esma-slider .esma-card{display:flex !important;flex-direction:column !important}
.esma-slider .esma-body{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;padding:0 10px !important}
.esma-slider .esma-foot{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	gap:10px !important;
	margin-top:auto !important;
	width:100% !important;
	visibility:visible !important;
	opacity:1 !important;
}
.esma-slider .esma-price{display:inline-flex !important;flex-direction:column;visibility:visible !important}
.esma-slider .esma-add{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:44px !important;height:44px !important;flex:none !important;
	border-radius:6px !important;
	background:var(--esma-green) !important;
	color:#fff !important;
	visibility:visible !important;opacity:1 !important;
	text-decoration:none !important;
}
.esma-slider .esma-add svg{width:19px !important;height:19px !important;stroke:#fff !important;display:block !important}
.esma-slider .esma-title{display:block !important;text-align:left !important}
.esma-slider .esma-sub{display:-webkit-box !important;text-align:left !important}
.esma-slider a.added_to_cart{display:none !important}