/* ==========================================================================
   پیشنهاد شگفت‌انگیز - نسخه‌ی تمام‌عرض (edge-to-edge)
   طراحی اصلی جعبه (رنگ، آیکون‌های تزئینی، بج تخفیف، تایمر) دست نخورده باقی
   می‌ماند - این فایل فقط اجازه می‌دهد کل بخش، عرض واقعی صفحه را بگیرد
   (به‌جای محدود شدن داخل max-width: 1200px کانتینر اصلی سایت).
   ========================================================================== */

.amazingOfferSection.container-fluid{
	padding-left:0;
	padding-right:0;
	overflow:visible;
}

.amazingOffer--full{
	width:100%;
	padding:34px clamp(16px, 3vw, 40px);
}

.amazingOffer--full .amazingOffer__box{
	width:100%;
	border-radius:0;
	background:#fff;   /* حذف قاب طلایی/برنزی دور جعبه */
	padding:0;
	gap:0;
	overflow:visible;  /* تا دکمه‌های اسلایدر بریده نشوند */
}
.amazingOffer--full .amazingOffer__list{
	border-radius:0;
}
.amazingOffer--full .amazingOffer__side{
	border-radius:0;
}

/* دکمه‌های قبلی/بعدی اسلایدر - چون این پنل روی زمینه سفید است باید خودشان رنگی باشند */
.amazingOffer--full .amazingOffer__list .rbArrow{
	background:var(--helma-jean-navy);
	color:#fff;
	box-shadow:0 6px 16px rgba(43,58,128,.28);
}
.amazingOffer--full .amazingOffer__list .rbArrow:hover{
	background:var(--helma-jean-gold);
	color:#fff;
}
.amazingOffer--full .amazingOffer__list .rbArrow--prev{ right:10px; }
.amazingOffer--full .amazingOffer__list .rbArrow--next{ left:10px; }

/* دکمه‌های قبلی/بعدی داخل پنل کناری (زیر عنوان "شگفت‌انگیز") */
.amazingOffer__side--nav{
	position:relative;
	display:flex;
	justify-content:center;
	gap:10px;
	margin-top:14px;
}
.amazingOffer__side--nav .rbArrow{
	position:static;
	transform:none;
	width:38px; height:38px;
	background:rgba(255,255,255,.92);
	color:var(--helma-jean-navy);
	border-radius:10px;
	box-shadow:0 4px 10px rgba(0,0,0,.12);
}
.amazingOffer__side--nav .rbArrow svg{ width:20px; height:20px; }
.amazingOffer__side--nav .rbArrow:hover{
	background:#fff;
	color:var(--helma-jean-gold);
	transform:none;
}

/* ---------------------------------------------------------------------
   دکمه‌های بنفش گرادیانی - حالا در سراسر سایت (کارت محصولات + مشاهده همه)
   --------------------------------------------------------------------- */
.products .btn,
.amazingOffer__side--btn,
.newProSection__header--btn,
.blogSection__header--btn{
	background:linear-gradient(135deg,#a78bfa,#7c5cf0);
	border:none;
	border-radius:12px;
	color:#fff;
	box-shadow:0 10px 22px rgba(124,92,240,.35);
	transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	padding:0 16px;
}
.products .btn:hover,
.products .btn:focus,
.amazingOffer__side--btn:hover,
.newProSection__header--btn:hover,
.blogSection__header--btn:hover{
	background:linear-gradient(135deg,#b39cfb,#8a6bf3);
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 14px 28px rgba(124,92,240,.45);
}
.amazingOffer__side--btn{
	box-shadow:0 10px 22px rgba(0,0,0,.18);
}

/* روی صفحه‌های بزرگ، پنل کناری کمی بزرگ‌تر و خواناتر می‌شود */
@media (min-width:993px){
	.amazingOffer--full .amazingOffer__side{ width:280px; flex:0 0 280px; padding:34px 26px; }
	.amazingOffer--full .amazingOffer__side--title{ font-size:26px; }
	.amazingOffer--full .amazingOffer__side--title span{ font-size:30px; }
	.amazingOffer--full .amazingOffer__list{ padding:20px; }
}

@media (max-width:600px){
	.amazingOffer--full{ padding:20px 12px; }
}