/* Jahan Shoofazh independent Elementor product offers — 1.22.0 */

.jspanel-offers{
	--jspanel-offers-items:4;
	--jspanel-offers-gap:14px;
	position:relative;
	width:100%;
	padding:18px;
	border:1px solid var(--jspanel-line,#e7e9ec);
	border-radius:18px;
	background:var(--jspanel-surface,#fff);
	color:var(--jspanel-ink,#17181b);
}
.jspanel-offers-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:18px;
	margin:0 0 15px;
}
.jspanel-offers-heading{
	flex:0 0 auto;
}
.jspanel-offers-heading h2{
	margin:0!important;
	color:var(--jspanel-ink,#17181b)!important;
	font-size:20px!important;
	font-weight:900!important;
	line-height:1.45!important;
}
.jspanel-offers-heading p{
	margin:5px 0 0!important;
	color:var(--jspanel-muted,#72757b)!important;
	font-size:10.5px;
	line-height:1.7;
}
.jspanel-offers-tabs{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:4px;
	max-width:100%;
	overflow-x:auto;
	scrollbar-width:none;
}
.jspanel-offers-tabs::-webkit-scrollbar{display:none}
.jspanel-offers-tab{
	position:relative;
	flex:none;
	min-height:35px;
	margin:0!important;
	padding:6px 11px!important;
	border:0!important;
	border-radius:9px!important;
	background:transparent!important;
	color:#70747a!important;
	font:inherit!important;
	font-size:10.5px!important;
	font-weight:750!important;
	line-height:1.4!important;
	box-shadow:none!important;
	cursor:pointer;
	transition:background .18s ease,color .18s ease;
}
.jspanel-offers-tab:hover{
	background:var(--jspanel-soft,#f7f8fa)!important;
	color:#44484d!important;
}
.jspanel-offers-tab.is-active{
	background:rgba(var(--jspanel-primary-rgb,230,57,70),.075)!important;
	color:var(--jspanel-primary,#e63946)!important;
}
.jspanel-offers-tab.is-active::after{
	content:"";
	position:absolute;
	right:12px;
	bottom:1px;
	left:12px;
	height:2px;
	border-radius:999px;
	background:currentColor;
}
.jspanel-offers-panel[hidden]{
	display:none!important;
}
.jspanel-offers-panel{
	position:relative;
}
.jspanel-offers-viewport{
	width:100%;
	overflow:hidden;
}
.jspanel-offers-track{
	display:flex!important;
	align-items:stretch!important;
	gap:var(--jspanel-offers-gap)!important;
	width:100%;
	margin:0!important;
	padding:1px!important;
	overflow-x:auto;
	overflow-y:hidden;
	scroll-behavior:smooth;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
	list-style:none!important;
}
.jspanel-offers-track::-webkit-scrollbar{display:none}
.jspanel-offers-track>.jspanel-product-card{
	flex:0 0 calc((100% - (var(--jspanel-offers-items) - 1) * var(--jspanel-offers-gap)) / var(--jspanel-offers-items))!important;
	width:auto!important;
	max-width:none!important;
	height:auto!important;
	scroll-snap-align:start;
}
.jspanel-offers-track>.jspanel-product-card .jspanel-pcard{
	height:100%;
}
.jspanel-offers-arrows{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:5px;
	margin-top:11px;
}
.jspanel-offers-arrows button{
	display:grid;
	place-items:center;
	width:32px;
	height:32px;
	margin:0!important;
	padding:0!important;
	border:1px solid var(--jspanel-line,#e5e7eb)!important;
	border-radius:9px!important;
	background:var(--jspanel-surface,#fff)!important;
	color:#666a70!important;
	box-shadow:none!important;
	cursor:pointer;
	transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.jspanel-offers-arrows button:hover{
	border-color:#d5d7da!important;
	background:var(--jspanel-soft,#f7f8fa)!important;
	color:var(--jspanel-primary,#e63946)!important;
}
.jspanel-offers-arrows svg{
	width:15px;
	height:15px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.jspanel-offers-empty{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:180px;
	padding:25px;
	border:1px dashed var(--jspanel-line,#e5e7eb);
	border-radius:13px;
	background:var(--jspanel-soft,#f7f8fa);
	color:var(--jspanel-muted,#72757b);
	font-size:11px;
}

/* Dark mode is entirely variable-led, with explicit tab contrast. */
html.jspanel-theme-dark .jspanel-offers{
	background:#171a1e!important;
	border-color:#2c3035!important;
	color:#eef1f4!important;
}
html.jspanel-theme-dark .jspanel-offers-tab{
	color:#a7adb4!important;
}
html.jspanel-theme-dark .jspanel-offers-tab:hover{
	background:#20242a!important;
	color:#eef1f4!important;
}
html.jspanel-theme-dark .jspanel-offers-tab.is-active{
	background:rgba(var(--jspanel-primary-rgb,230,57,70),.12)!important;
	color:var(--jspanel-primary,#e63946)!important;
}
html.jspanel-theme-dark .jspanel-offers-arrows button{
	background:#1b1e22!important;
	border-color:#30353a!important;
	color:#c5cad0!important;
}
html.jspanel-theme-dark .jspanel-offers-arrows button:hover{
	background:#20242a!important;
	border-color:#3a4047!important;
	color:var(--jspanel-primary,#e63946)!important;
}
html.jspanel-theme-dark .jspanel-offers-empty{
	background:#1b1e22!important;
	border-color:#30353a!important;
	color:#9da3aa!important;
}

@media(max-width:767px){
	.jspanel-offers{
		padding:12px;
		border-radius:14px;
	}
	.jspanel-offers-head{
		display:block;
		margin-bottom:12px;
	}
	.jspanel-offers-heading h2{
		font-size:17px!important;
	}
	.jspanel-offers-tabs{
		justify-content:flex-start;
		margin-top:10px;
	}
	.jspanel-offers-tab{
		min-height:32px;
		padding:5px 9px!important;
		font-size:9.5px!important;
	}
	.jspanel-offers-arrows{
		display:none;
	}
}