/* نوار چسبان موبایل */
.amp-ts-mobile-nav {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9990;
	background: #fff;
	box-shadow: 0 -1px 0 rgba(0,0,0,.06), 0 -4px 24px rgba(14,26,46,.10);
	padding-bottom: env(safe-area-inset-bottom, 0);
	direction: rtl;
}

@media (max-width: 900px) {
	.amp-ts-mobile-nav {
		display: flex;
	}

	body {
		padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
	}
}

.amp-ts-nav-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 4px 9px;
	text-decoration: none !important;
	color: #9AA5B8;
	gap: 4px;
	transition: color .15s;
	min-width: 0;
	position: relative;
	font-family: 'Peyda', Tahoma, sans-serif;
}

.amp-ts-nav-item.is-active {
	color: #C9A227;
}

.amp-ts-nav-item:hover {
	color: #C9A227;
	text-decoration: none !important;
}

.amp-ts-nav-icon {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex-shrink: 0;
}

.amp-ts-nav-icon svg {
	width: 22px;
	height: 22px;
	display: block;
}

.amp-ts-nav-label {
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 56px;
	text-align: center;
}

/* Cart badge */
.amp-ts-cart-badge {
	position: absolute;
	top: -5px;
	left: -6px;
	background: #C9A227;
	color: #0E1A2E;
	font-size: 9px;
	font-weight: 800;
	min-width: 16px;
	height: 16px;
	border-radius: 8px;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	line-height: 1;
	border: 1.5px solid #fff;
}

/* ===================================================================
   منوی کشویی موبایل (Drawer)
   فقط زیر ۱۰۲۴ پیکسل نمایش داده می‌شود
   =================================================================== */

.amp-dw,
.amp-dw-overlay { display: none; }

@media (max-width: 1024px) {

.amp-dw-overlay{
	display:block;
	position:fixed; inset:0; z-index:99990;
	background:rgba(14,26,46,.55);
	opacity:0; pointer-events:none;
	transition:opacity .28s ease;
	-webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
}
.amp-dw-overlay.is-open{ opacity:1; pointer-events:auto; }

.amp-dw{
	display:flex; flex-direction:column;
	position:fixed; top:0; bottom:0; z-index:99991;
	width:var(--amp-dw-width,65%);
	max-width:420px;
	background:#fff;
	font-family:'Peyda',Tahoma,sans-serif;
	box-shadow:0 0 40px rgba(14,26,46,.18);
	will-change:transform;
	transition:transform .32s cubic-bezier(.22,.8,.28,1);
	overscroll-behavior:contain;
}

/* ریست دکمه‌ها و لینک‌های داخل کشو — جلوگیری از غلبه‌ی استایل پوسته */
.amp-dw button{
	font-family:inherit; -webkit-appearance:none; appearance:none;
	border:0; background:none; box-shadow:none; text-shadow:none;
	letter-spacing:normal; text-transform:none;
}
.amp-dw a{ box-shadow:none; border:0; }

.amp-dw--right{ right:0; transform:translateX(101%); border-radius:18px 0 0 18px; }
.amp-dw--left { left:0;  transform:translateX(-101%); border-radius:0 18px 18px 0; }
.amp-dw.is-open{ transform:translateX(0); }

/* هنگام درگ، انیمیشن باید خاموش باشد تا حرکت به انگشت بچسبد */
.amp-dw.is-dragging{ transition:none; }

/* ---- سربرگ ---- */
.amp-dw-head{
	display:flex; align-items:center; justify-content:space-between;
	gap:12px; padding:16px 18px 14px;
	border-bottom:1px solid #EDE7D8; flex-shrink:0;
}
.amp-dw-logo{ display:block; line-height:0; }
.amp-dw-logo img{ max-height:34px; width:auto; display:block; }
.amp-dw-title{ font-size:16px; font-weight:800; color:#16213A; }

.amp-dw-close{
	flex-shrink:0 !important;
	width:36px !important; height:36px !important;
	min-width:0 !important; min-height:0 !important;
	border-radius:50% !important;
	background:#F6F4EE !important; background-image:none !important;
	border:0 !important; box-shadow:none !important; outline:none !important;
	padding:0 !important; margin:0 !important; cursor:pointer;
	display:flex !important; align-items:center; justify-content:center;
	color:#16213A !important;
	-webkit-appearance:none; appearance:none;
	transition:background .15s;
}
.amp-dw-close:hover{ background:#EDE7D8 !important; }
.amp-dw-close:focus-visible{ box-shadow:0 0 0 3px rgba(201,162,39,.3) !important; }
.amp-dw-close svg{ width:17px !important; height:17px !important; display:block; }

/* ---- حساب کاربری ---- */
.amp-dw-account{
	display:flex; align-items:center; gap:12px;
	padding:14px 18px; margin:0;
	background:#F9F8F4; border-bottom:1px solid #EDE7D8;
	text-decoration:none; flex-shrink:0;
}
.amp-dw-avatar{
	width:40px; height:40px; border-radius:50%;
	background:#fff; border:1px solid #EDE7D8;
	display:flex; align-items:center; justify-content:center;
	color:#C9A227; flex-shrink:0;
}
.amp-dw-avatar svg{ width:21px; height:21px; }
.amp-dw-account-text{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.amp-dw-account-text strong{
	font-size:13.5px; font-weight:700; color:#16213A;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.amp-dw-account-text small{ font-size:11.5px; color:#9AA5B8; }

/* ---- بدنه منو ---- */
.amp-dw-nav{
	flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch;
	padding:8px 0; overscroll-behavior:contain;
}
.amp-dw-list, .amp-dw-sub{ list-style:none; margin:0; padding:0; }

.amp-dw-item{ margin:0; }

.amp-dw-row{ display:flex; align-items:stretch; }

.amp-dw-link{
	flex:1 1 auto; display:block;
	padding:13px 18px;
	font-size:14px; font-weight:600; color:#16213A;
	text-decoration:none; line-height:1.7;
	transition:background .15s,color .15s;
}
.amp-dw-link:active,
.amp-dw-link:hover{ background:#F6F4EE; color:#C9A227; }

.amp-dw-toggle{
	flex:0 0 44px !important;
	width:44px !important; height:auto !important;
	min-width:0 !important; min-height:0 !important;
	align-self:stretch !important;
	background:transparent !important; background-image:none !important;
	border:0 !important; box-shadow:none !important; outline:none !important;
	padding:0 !important; margin:0 !important; cursor:pointer;
	display:flex !important; align-items:center; justify-content:center;
	color:#9AA5B8 !important;
	-webkit-appearance:none; appearance:none;
	border-inline-start:1px solid #F0EDE3 !important;
	transition:color .15s, transform .25s ease, background .15s;
}
.amp-dw-toggle:hover{ background:#F6F4EE !important; color:#C9A227 !important; }
.amp-dw-toggle:focus-visible{ box-shadow:inset 0 0 0 2px rgba(201,162,39,.3) !important; }
.amp-dw-toggle svg{ width:18px !important; height:18px !important; display:block; }
.amp-dw-toggle[aria-expanded="true"]{ color:#C9A227 !important; transform:rotate(180deg); }

/* زیرمنو */
.amp-dw-sub{ background:#FAFAF8; border-block:1px solid #F0EDE3; }
.amp-dw-sub .amp-dw-link{
	padding-inline-start:34px; font-size:13px; font-weight:500; color:#6B7386;
}
.amp-dw-sub .amp-dw-link::before{
	content:''; display:inline-block;
	width:4px; height:4px; border-radius:50%;
	background:#C9A227; opacity:.5;
	margin-inline-end:9px; vertical-align:middle;
}

/* سطح سوم (مثلاً برندها > کاسیو > کاسیو جی‌شاک) — تورفتگی بیشتر و پس‌زمینه تیره‌تر */
.amp-dw-sub .amp-dw-sub{ background:#F3F1EA; }
.amp-dw-sub .amp-dw-sub .amp-dw-link{
	padding-inline-start:52px; font-size:12.5px; color:#7B8397;
}
.amp-dw-sub .amp-dw-sub .amp-dw-link::before{
	width:3px; height:3px; opacity:.4;
}
/* دکمه آکاردئون سطح دوم (روی آیتم‌هایی مثل کاسیو که خودشان فرزند دارند) */
.amp-dw-sub .amp-dw-row .amp-dw-toggle{ flex:0 0 40px !important; width:40px !important; }

.amp-dw-empty{
	padding:26px 18px; text-align:center;
	font-size:12.5px; color:#9AA5B8; line-height:2.1;
}

/* ---- فوتر / شبکه‌های اجتماعی ---- */
.amp-dw-foot{
	flex-shrink:0; display:flex; align-items:center; justify-content:center;
	gap:10px; padding:14px 18px;
	border-top:1px solid #EDE7D8; background:#FAFAF8;
	padding-bottom:calc(14px + env(safe-area-inset-bottom));
}
.amp-dw-social{
	/* دکمه‌ی قرصی با آیکون + متن؛ متن برای دسترس‌پذیری و اعتماد لازم است */
	min-height:38px; border-radius:19px;
	padding:0 14px; gap:7px;
	background:#fff; border:1px solid #EDE7D8;
	display:inline-flex; align-items:center; justify-content:center;
	color:#16213A; text-decoration:none;
	font-size:12.5px; font-weight:600; line-height:1;
	transition:border-color .15s,color .15s,background .15s;
}
.amp-dw-social-label{ white-space:nowrap; }
.amp-dw-social:hover{ border-color:#C9A227; color:#C9A227; }
.amp-dw-social svg{ width:18px; height:18px; }

/* وقتی منو باز است، صفحه پشت آن نباید اسکرول شود */
body.amp-dw-open{ overflow:hidden; }

}

/* موبایل باریک — منو کمی عریض‌تر تا متن‌ها جا شوند */
@media (max-width: 360px) {
	.amp-dw{ width:max(var(--amp-dw-width,65%), 78%); }
}

/* دسترس‌پذیری: احترام به تنظیم «کاهش حرکت» سیستم */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* ===== صفحات بزرگ / تلویزیون: تمام‌عرض و وسط‌چین ===== */
/* نکته: پدینگ فقط روی .e-con-inner — روی #content هم بگذاریم دوبل می‌شود */
@media (min-width:1280px){
	.elementor .e-con.e-con-boxed{ --container-max-width:100% !important; }
	.elementor .e-con.e-con-boxed > .e-con-inner{
		max-width:100% !important;
		margin-inline:auto !important;
		padding-inline:28px !important;
	}
	body #content.site-main:not(.mg-blog){
		max-width:100% !important;
		margin-inline:auto !important;
		padding-inline:0 !important;
		box-sizing:border-box !important;
	}
	body .amp-brand, body .amp-pp, body .amp-cart, body .amp-checkout{
		max-width:100% !important;
		margin-inline:auto !important;
		padding-inline:28px !important;
		box-sizing:border-box !important;
	}
}
/* از 1440 به بالا گاتر بزرگ‌تر تا فلش‌های بیرونِ کاروسل (52px) جا شوند */
@media (min-width:1440px){
	.elementor .e-con.e-con-boxed > .e-con-inner{ padding-inline:56px !important; }
	body .amp-brand, body .amp-pp, body .amp-cart, body .amp-checkout{ padding-inline:56px !important; }
}
@media (min-width:1920px){
	.elementor .e-con.e-con-boxed > .e-con-inner{ padding-inline:64px !important; }
	body .amp-brand, body .amp-pp, body .amp-cart, body .amp-checkout{ padding-inline:64px !important; }
}
@media (min-width:2400px){
	.elementor .e-con.e-con-boxed > .e-con-inner{ padding-inline:80px !important; }
	body .amp-brand, body .amp-pp, body .amp-cart, body .amp-checkout{ padding-inline:80px !important; }
}

/* ===== AMP: hero full-bleed + brand card + shop-by-need ===== */
/* 1) کارت «مشاهده همه برندها» هم‌ارتفاع با بقیه کارت‌ها */
.elementor-element-1413cc1{ align-items:stretch !important; padding:0 !important; }
.elementor-element-f747f63{
	height:auto !important;
	min-height:100% !important;
	align-self:stretch !important;
	flex:1 1 auto !important;
	margin:0 !important;
}

/* 2) ارتفاع اسلایدر کمی بیشتر */
@media (min-width:1025px){
	.elementor-element-a0f4d2f .elementor-slides,
	.elementor-element-a0f4d2f .swiper-slide,
	.elementor-element-a0f4d2f .swiper-slide-bg,
	.elementor-element-a0f4d2f .swiper-slide-inner{ height:430px !important; }
}

/* 3) فاصلهٔ تنفسی بین اسلایدر و «انتخاب بر اساس برند» */
.elementor-element-b79b62f{ padding-top:52px !important; }

/* 2) اسلایدر هدر: تمام‌عرض بدون حاشیه چپ/راست */
@media (min-width:1025px){
	body{ overflow-x:clip; }
	.elementor-element-a0f4d2f{
		width:100vw !important;
		max-width:100vw !important;
		margin-inline:calc(50% - 50vw) !important;
	}
}

/* 4) «انتخاب بر اساس نیاز»: عریض‌تر و بلندتر روی صفحات بزرگ */
@media (min-width:1280px){
	.amp-sbn{ max-width:100% !important; padding-inline:24px !important; }
	.amp-sbn-grid{ gap:20px !important; }
	.amp-sbn-card{ height:262px !important; }
}
@media (min-width:1920px){
	.amp-sbn{ padding-inline:56px !important; }
	.amp-sbn-grid{ gap:24px !important; }
	.amp-sbn-card{ height:300px !important; }
}
@media (min-width:2400px){
	.amp-sbn{ padding-inline:72px !important; }
	.amp-sbn-card{ height:340px !important; }
}