/* ==========================================================================
   پنل مشتری — نادی‌کالا
   --------------------------------------------------------------------------
   دامنهٔ این فایل فقط داخل .cp-wrap است تا با استایل هیچ‌کدام از پنج قالب
   تداخل نکند. متغیر --cp-accent را site/customer/lib.plx از رنگ برندِ
   فروشگاه پر می‌کند، پس همین فایل روی همهٔ فروشگاه‌های همکار هم‌رنگ می‌شود.
   ========================================================================== */

/* پشتیبانِ رنگ برند.
   site/customer/lib.plx مقدار واقعی را از رنگِ همان فروشگاه (--theme-deafult
   قالب) حساب می‌کند و روی :root می‌گذارد. این‌ها فقط پشتیبان‌اند تا اگر
   صفحه‌ای آن تزریق را نداشت، دکمه‌ها بی‌رنگ (سفید روی سفید) نشوند.
   --theme-deafult نامش همین است؛ غلطِ املایی در قالب‌های اصلی است و عوض
   کردنش یعنی دست‌زدن به پنج قالب. */
:root{
	--cp-accent:var(--theme-deafult,#1f7a5a);
	--cp-accent-d:var(--theme-deafultborder,#186047);
	--cp-accent-fg:#fff;
	--cp-accent-soft:rgba(31,122,90,.10);
	--cp-accent-line:rgba(31,122,90,.30);
}

.cp-wrap{
	--cp-bg:#f4f6f8;
	--cp-card:#fff;
	--cp-line:#e5e9ee;
	--cp-text:#1b2330;
	--cp-dim:#6b7787;
	--cp-radius:14px;
	--cp-shadow:0 1px 2px rgba(20,30,45,.05), 0 6px 20px rgba(20,30,45,.05);

	background:var(--cp-bg);
	color:var(--cp-text);
	padding:22px 0 46px;
	font-size:14px;
	line-height:1.85;
	direction:rtl;
	text-align:right;
}
.cp-wrap *{box-sizing:border-box;}
.cp-wrap a{text-decoration:none;color:inherit;}
.cp-ico{flex-shrink:0;vertical-align:-.18em;}

/* ---------- چیدمان ---------- */
.cp-grid{display:flex;gap:20px;align-items:flex-start;}
.cp-side{width:250px;flex-shrink:0;position:sticky;top:14px;}
.cp-main{flex:1;min-width:0;}

/* ---------- کارت کاربر ---------- */
.cp-user{
	background:var(--cp-card);border:1px solid var(--cp-line);
	border-radius:var(--cp-radius);box-shadow:var(--cp-shadow);
	padding:20px 14px;text-align:center;margin-bottom:12px;
}
.cp-avatar{position:relative;display:inline-block;cursor:pointer;margin:0 0 10px;}
.cp-avatar img{
	width:92px;height:92px;border-radius:50%;object-fit:cover;
	border:3px solid #fff;box-shadow:0 0 0 2px var(--cp-accent);
	display:block;
}
.cp-avatar input{display:none;}
.cp-avatar-edit{
	position:absolute;inset-inline-start:2px;bottom:2px;
	width:28px;height:28px;border-radius:50%;
	background:var(--cp-accent);color:#fff;
	display:flex;align-items:center;justify-content:center;
	border:2px solid #fff;font-style:normal;
}
/* نام و نام خانوادگیِ درشت از این کارت برداشته شد؛ کاربر نامِ خودش را
   می‌داند و آن سطر فقط جا می‌گرفت. فقط آواتار و شمارهٔ حساب می‌ماند. */
.cp-user{padding:18px 14px 14px;}
.cp-user-mob{display:block;color:var(--cp-dim);font-size:12.5px;direction:ltr;font-weight:700;}

/* ---------- منوی کناری ---------- */
.cp-nav{
	background:var(--cp-card);border:1px solid var(--cp-line);
	border-radius:var(--cp-radius);box-shadow:var(--cp-shadow);
	overflow:hidden;
}
.cp-nav-item{
	display:flex;align-items:center;gap:11px;
	padding:13px 16px;border-bottom:1px solid var(--cp-line);
	color:var(--cp-text);transition:background .15s,color .15s;
	position:relative;
}
.cp-nav-item:last-child{border-bottom:0;}
.cp-nav-item:hover{background:#f7f9fb;color:var(--cp-accent);}
.cp-nav-item.cp-on{color:var(--cp-accent);background:var(--cp-accent-soft);font-weight:700;}
.cp-nav-item.cp-on::before{
	content:"";position:absolute;inset-inline-end:0;top:8px;bottom:8px;
	width:3px;border-radius:3px;background:var(--cp-accent);
}
.cp-nav-out{color:#b4232b;}
.cp-nav-out:hover{background:#fdf3f3;color:#b4232b;}
/* یک شماره می‌تواند هم حساب مشتری داشته باشد هم پنل همکار فروش؛ راهِ
   رفتن به آن یکی باید پیدا باشد وگرنه کاربر فکر می‌کند پنلش پاک شده. */
.cp-nav-hk{color:#8a5a00;background:#fffaf0;}
.cp-nav-hk:hover{background:#fff3dc;color:#8a5a00;}

/* ---------- چیپ‌های موبایل ---------- */
.cp-chips{display:none;gap:8px;overflow-x:auto;padding:2px 0 12px;-webkit-overflow-scrolling:touch;}
.cp-chips::-webkit-scrollbar{display:none;}
.cp-chip{
	display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
	padding:8px 14px;border-radius:999px;font-size:13px;
	background:var(--cp-card);border:1px solid var(--cp-line);color:var(--cp-dim);
}
.cp-chip.cp-on{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-fg);font-weight:700;}

/* ---------- کارت ---------- */
.cp-card{
	background:var(--cp-card);border:1px solid var(--cp-line);
	border-radius:var(--cp-radius);box-shadow:var(--cp-shadow);
	padding:18px;margin-bottom:14px;
}
.cp-card-head{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	margin:-4px 0 14px;
}
.cp-card-head h2{font-size:16px;font-weight:800;margin:0;display:flex;align-items:center;gap:8px;}
.cp-card-head a{font-size:12.5px;color:var(--cp-accent);font-weight:700;}

/* ---------- کاشی‌های آماری ---------- */
.cp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;}
.cp-stat{
	background:var(--cp-card);border:1px solid var(--cp-line);
	border-radius:var(--cp-radius);box-shadow:var(--cp-shadow);
	padding:16px;display:flex;align-items:center;gap:12px;
}
.cp-stat-ico{
	width:44px;height:44px;border-radius:12px;flex-shrink:0;
	display:flex;align-items:center;justify-content:center;
	/* رنگِ ثابت اول می‌آید تا مرورگرهای بدون color-mix هم پس‌زمینه داشته باشند */
	background:var(--cp-accent-soft);
	color:var(--cp-accent);
}
.cp-stat-t{font-size:12px;color:var(--cp-dim);display:block;line-height:1.5;}
.cp-stat-v{font-size:17px;font-weight:800;display:block;line-height:1.5;}
.cp-stat-v small{font-size:11px;font-weight:400;color:var(--cp-dim);}

/* ---------- بج وضعیت ---------- */
.cp-badge{
	display:inline-flex;align-items:center;gap:5px;
	padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;
	border:1px solid transparent;white-space:nowrap;
}
.cp-badge-ok{background:#e8f6ee;color:#1a7a45;border-color:#c6e8d5;}
.cp-badge-ship{background:#e8f1fd;color:#1856a8;border-color:#c8ddf8;}
.cp-badge-wait{background:#fdf3e3;color:#95610d;border-color:#f6e0b8;}
.cp-badge-danger{background:#fdecec;color:#b4232b;border-color:#f7cdcd;}
.cp-badge-muted{background:#f0f2f5;color:#6b7787;border-color:#e0e4ea;}

/* ---------- کارت سفارش ---------- */
.cp-order{
	border:1px solid var(--cp-line);border-radius:12px;
	padding:14px;margin-bottom:10px;background:#fff;
}
.cp-order:last-child{margin-bottom:0;}
.cp-order-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.cp-order-id{font-weight:800;font-size:13.5px;}
.cp-order-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--cp-dim);font-size:12.5px;}
.cp-order-meta b{color:var(--cp-text);font-weight:700;}

.cp-dim{color:var(--cp-dim);font-size:12.5px;}
.cp-ltr{direction:ltr;display:inline-block;unicode-bidi:embed;}

/* ---------- فیلترها ---------- */
.cp-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:4px;}
.cp-filter{
	padding:6px 14px;border-radius:999px;font-size:12.5px;white-space:nowrap;
	border:1px solid var(--cp-line);color:var(--cp-dim);background:#fff;
}
.cp-filter.cp-on{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-fg);font-weight:700;}

/* ---------- کارت سفارش (فهرست) ---------- */
.cp-order-link{display:block;transition:border-color .15s,box-shadow .15s;}
.cp-order-link:hover{border-color:var(--cp-accent);box-shadow:0 4px 14px rgba(20,30,45,.07);}
.cp-order-id .cp-ico{color:var(--cp-dim);}
.cp-order-body{display:flex;align-items:center;gap:14px;}
.cp-order-body .cp-order-meta{flex:1;}
.cp-order-go{color:var(--cp-dim);flex-shrink:0;}
.cp-thumbs{display:flex;align-items:center;gap:-8px;flex-shrink:0;}
.cp-thumbs img{
	width:46px;height:46px;border-radius:9px;object-fit:cover;
	border:2px solid #fff;box-shadow:0 1px 4px rgba(20,30,45,.12);
	margin-inline-start:-12px;background:#f4f6f8;
}
.cp-thumbs img:first-child{margin-inline-start:0;}
.cp-more{
	font-size:11.5px;font-weight:700;color:var(--cp-dim);
	background:#eef1f5;border-radius:9px;padding:4px 7px;margin-inline-start:4px;
}

/* ---------- صفحه‌بندی ---------- */
.cp-pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:16px;}
.cp-page{
	min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
	border:1px solid var(--cp-line);border-radius:9px;font-size:13px;background:#fff;
}
.cp-page.cp-on{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-fg);font-weight:700;}

/* ---------- سربرگ جزئیات ---------- */
.cp-od-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;}
.cp-od-head h2{font-size:17px;font-weight:800;margin:4px 0 2px;}
.cp-back{font-size:12.5px;color:var(--cp-accent);font-weight:700;display:inline-flex;align-items:center;gap:3px;}

/* ---------- تایم‌لاین ---------- */
.cp-tl{display:flex;align-items:flex-start;padding:6px 0 2px;}
.cp-tl-i{flex:1;text-align:center;position:relative;color:#b9c2cd;}
.cp-tl-i::before{
	content:"";position:absolute;top:15px;height:2px;background:#e5e9ee;
	inset-inline-start:50%;width:100%;
}
.cp-tl-i:last-child::before{display:none;}
.cp-tl-dot{
	width:32px;height:32px;border-radius:50%;background:#fff;
	border:2px solid #e5e9ee;color:#b9c2cd;
	display:inline-flex;align-items:center;justify-content:center;
	position:relative;z-index:1;
}
.cp-tl-t{display:block;font-size:11.5px;margin-top:6px;}
.cp-tl-done{color:var(--cp-accent);}
.cp-tl-done .cp-tl-dot{border-color:var(--cp-accent);color:var(--cp-accent);}
.cp-tl-done::before{background:var(--cp-accent);}
.cp-tl-now{color:var(--cp-accent);font-weight:800;}
.cp-tl-now .cp-tl-dot{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-fg);}
.cp-tl-off{
	display:flex;align-items:center;gap:8px;background:#f4f6f8;
	border-radius:10px;padding:12px 14px;color:var(--cp-dim);font-size:13px;
}

/* ---------- قلم سفارش ---------- */
.cp-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--cp-line);}
.cp-item:last-child{border-bottom:0;padding-bottom:0;}
.cp-item>img{width:62px;height:62px;border-radius:10px;object-fit:cover;background:#f4f6f8;flex-shrink:0;}
.cp-item-b{flex:1;min-width:0;}
.cp-item-b b{font-size:13.5px;display:block;line-height:1.7;}
.cp-item-var{display:block;font-size:12px;color:var(--cp-dim);}
.cp-item-p{font-weight:800;font-size:13.5px;white-space:nowrap;}
.cp-item-p small{font-weight:400;color:var(--cp-dim);font-size:11px;}
.cp-dot{
	width:11px;height:11px;border-radius:50%;display:inline-block;
	vertical-align:-1px;margin-inline-end:4px;border:1px solid rgba(0,0,0,.12);
}

/* ---------- صورت‌حساب ---------- */
.cp-sum div{display:flex;justify-content:space-between;padding:7px 0;font-size:13.5px;}
.cp-sum span{color:var(--cp-dim);}
.cp-sum-off b{color:#1a7a45;}
.cp-sum-total{border-top:1px dashed var(--cp-line);margin-top:6px;padding-top:12px !important;font-size:15px !important;}
.cp-sum-total b{font-size:16px;font-weight:800;}
.cp-sum-pay .cp-ok{color:#1a7a45;}
.cp-sum-pay .cp-no{color:#b4232b;}

/* ---------- کلید/مقدار ---------- */
.cp-kv{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;}
.cp-kv-wide{grid-column:1/-1;}
.cp-kv div{display:flex;flex-direction:column;gap:1px;}
.cp-kv span{font-size:11.5px;color:var(--cp-dim);}
.cp-kv b{font-size:13.5px;font-weight:700;line-height:1.8;}

/* ---------- رهگیری پستی ---------- */
.cp-track{
	display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
	margin-top:16px;padding:12px 14px;border-radius:12px;
	background:#f7f9fb;border:1px dashed var(--cp-line);
}
.cp-track-code{font-size:15px;font-weight:800;letter-spacing:.5px;}

/* ---------- کیف پول ---------- */
.cp-wallet{display:flex;gap:22px;align-items:stretch;}
.cp-wallet-bal{
	flex:0 0 240px;border-radius:12px;padding:20px;
	display:flex;flex-direction:column;justify-content:center;
	background:var(--cp-accent-soft);
	border:1px solid var(--cp-line);
}
.cp-wallet-bal b{font-size:26px;font-weight:800;color:var(--cp-accent);line-height:1.5;}
.cp-wallet-bal small{font-size:13px;font-weight:400;}
.cp-wallet-form{flex:1;min-width:0;}
.cp-amounts{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 14px;}
.cp-amount{
	padding:6px 13px;border-radius:999px;font-size:12.5px;cursor:pointer;
	border:1px solid var(--cp-line);background:#fff;color:var(--cp-dim);
	transition:border-color .15s,color .15s;
}
.cp-amount:hover{border-color:var(--cp-accent);color:var(--cp-accent);}
.cp-wallet-form .cp-btn{width:100%;}

/* ---------- تراکنش ---------- */
.cp-tx{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--cp-line);}
.cp-tx-link{display:block;}
.cp-tx-link:hover .cp-tx b{color:var(--cp-accent);}
.cp-tx-link:last-child .cp-tx,.cp-tx:last-child{border-bottom:0;}
.cp-tx-ico{
	width:38px;height:38px;border-radius:11px;flex-shrink:0;
	display:flex;align-items:center;justify-content:center;
}
.cp-tx-in{background:#e8f6ee;color:#1a7a45;}
.cp-tx-out{background:#f0f2f5;color:#5c6775;}
.cp-tx-b{flex:1;min-width:0;}
.cp-tx-b b{display:block;font-size:13.5px;line-height:1.7;}
.cp-tx-b span{display:block;font-size:11.5px;color:var(--cp-dim);}
.cp-tx-p{font-weight:800;font-size:14px;white-space:nowrap;}
.cp-tx-p small{font-weight:400;font-size:11px;color:var(--cp-dim);}
.cp-tx-p.cp-in{color:#1a7a45;}
.cp-tx-p.cp-out{color:#1b2330;}
.cp-tx-note{margin:14px 0 0;text-align:center;}

/* ---------- نوار کارها ---------- */
.cp-actions{display:flex;gap:10px;flex-wrap:wrap;}
.cp-actions .cp-btn{flex:1;min-width:150px;}

/* ---------- دکمه ---------- */
.cp-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:7px;
	padding:9px 18px;border-radius:10px;font-size:13px;font-weight:700;
	border:1px solid var(--cp-line);background:#fff;color:var(--cp-text);
	cursor:pointer;transition:filter .15s,background .15s;
}
.cp-btn:hover{background:#f7f9fb;}
.cp-btn-accent{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-fg);}
.cp-btn-accent:hover{background:var(--cp-accent-d);border-color:var(--cp-accent-d);color:var(--cp-accent-fg);}
.cp-btn-sm{padding:6px 12px;font-size:12px;border-radius:8px;}
.cp-btn-danger{color:#b4232b;border-color:#f0cfcf;}
.cp-btn-danger:hover{background:#fdf3f3;}

/* ---------- هشدار ---------- */
.cp-alert{
	display:flex;align-items:flex-start;gap:10px;
	border-radius:var(--cp-radius);padding:14px 16px;margin-bottom:14px;
	border:1px solid;font-size:13.5px;
}
.cp-alert-danger{background:#fdecec;border-color:#f7cdcd;color:#8e1c23;}
.cp-alert-ok{background:#e8f6ee;border-color:#c6e8d5;color:#146138;}
.cp-alert .cp-btn{margin-inline-start:auto;flex-shrink:0;}

/* ---------- حالت خالی ---------- */
.cp-empty{
	text-align:center;padding:44px 20px;color:var(--cp-dim);
	display:flex;flex-direction:column;align-items:center;gap:8px;
}
.cp-empty .cp-ico{color:#c3ccd6;}
.cp-empty b{font-size:15px;color:var(--cp-text);}
.cp-empty span{font-size:13px;max-width:340px;}
.cp-empty .cp-btn{margin-top:8px;}

/* ---------- فرم ---------- */
.cp-main .form-control{
	border:1px solid var(--cp-line);border-radius:10px;
	padding:9px 12px;height:auto;font-size:13.5px;background:#fff;
	width:100%;color:var(--cp-text);
}
.cp-main .form-control:focus{
	border-color:var(--cp-accent);outline:none;
	box-shadow:0 0 0 3px var(--cp-accent-soft);
}
.cp-main label{font-size:12.5px;color:var(--cp-dim);margin-bottom:5px;display:block;font-weight:700;}
.cp-main h3{font-size:16px;font-weight:800;margin:0 0 14px;}

/* ---------- جدول‌های قدیمی که هنوز بازنویسی نشده‌اند ---------- */
.cp-main table.table{font-size:13px;margin-bottom:0;}
.cp-main table.table th{
	background:#f7f9fb;border-bottom:1px solid var(--cp-line);
	font-weight:700;font-size:12.5px;color:var(--cp-dim);white-space:nowrap;
}
.cp-main table.table td,.cp-main table.table th{padding:11px 10px;vertical-align:middle;border-top:0;}
.cp-main table.table tbody tr{border-bottom:1px solid var(--cp-line);}

/* ---------- دسترسی سریع ---------- */
.cp-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.cp-quick-i{
	border:1px solid var(--cp-line);border-radius:12px;padding:14px 12px;
	display:flex;flex-direction:column;gap:2px;text-align:center;align-items:center;
	transition:border-color .15s,background .15s;
}
.cp-quick-i:hover{border-color:var(--cp-accent);background:var(--cp-accent-soft);}
.cp-quick-i .cp-ico{color:var(--cp-accent);margin-bottom:4px;}
.cp-quick-i b{font-size:13px;}
.cp-quick-i span{font-size:11.5px;color:var(--cp-dim);}

/* ---------- صفحهٔ همکار ---------- */
.cp-hk{max-width:760px;margin:0 auto;}
.cp-hk-head{display:flex;gap:14px;align-items:flex-start;}
.cp-hk-head .cp-ico{color:var(--cp-accent);flex-shrink:0;margin-top:2px;}
.cp-hk-head b{display:block;font-size:16px;font-weight:800;margin-bottom:4px;}
.cp-hk-head span{font-size:13.5px;color:var(--cp-dim);line-height:1.9;}
.cp-hk-cta{width:100%;margin-top:16px;}

/* ---------- شبکهٔ فرم ---------- */
.cp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-bottom:16px;}
.cp-form-wide{grid-column:1/-1;}
.cp-form-grid small{display:block;margin-top:4px;font-size:11.5px;line-height:1.7;}
.cp-modal-body{background:transparent;padding:18px;}

/* ---------- آدرس‌ها ---------- */
.cp-addr-add{margin-bottom:14px;}
.cp-addr-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cp-addr{border:1px solid var(--cp-line);border-radius:12px;padding:14px;background:#fff;}
.cp-addr-def{border-color:var(--cp-accent);box-shadow:0 0 0 1px var(--cp-accent) inset;}
.cp-addr-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
.cp-addr-top b{font-size:13.5px;display:inline-flex;align-items:center;gap:5px;}
.cp-addr-top .cp-ico{color:var(--cp-accent);}
.cp-addr-b span{display:block;font-size:12px;color:var(--cp-dim);}
.cp-addr-b p{margin:4px 0;font-size:13px;line-height:1.9;}
.cp-addr-a{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;}
.cp-addr-a .cp-btn{flex:1;min-width:auto;}

/* ---------- ایمیل و تولد ---------- */
.cp-email-row{display:flex;gap:9px;align-items:center;}
.cp-email-row .form-control{flex:1;min-width:0;}
.cp-email-row .cp-btn,.cp-email-row .cp-badge{flex-shrink:0;}
.cp-birth{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}

/* ---------- علاقه‌مندی‌ها ---------- */
.cp-wish{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cp-wish-i{
	display:flex;gap:12px;align-items:center;
	border:1px solid var(--cp-line);border-radius:12px;padding:12px;background:#fff;
}
.cp-wish-gone{opacity:.75;justify-content:space-between;}
.cp-wish-img{flex-shrink:0;}
.cp-wish-img img{width:70px;height:70px;border-radius:10px;object-fit:cover;background:#f4f6f8;}
.cp-wish-b{flex:1;min-width:0;}
.cp-wish-b b{font-size:13px;display:block;line-height:1.7;}
.cp-wish-p{display:flex;align-items:center;gap:7px;margin:3px 0;flex-wrap:wrap;}
.cp-wish-p b{font-size:14px;font-weight:800;}
.cp-wish-old{font-size:11.5px;color:var(--cp-dim);text-decoration:line-through;}
.cp-wish-off{
	font-size:11px;font-weight:800;color:#fff;background:#d33;
	border-radius:6px;padding:1px 6px;
}
.cp-wish-a{display:flex;flex-direction:column;gap:6px;flex-shrink:0;}

/* ---------- اطلاع‌رسانی‌ها ---------- */
.cp-noti-a{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0;}

/* ---------- دیدگاه‌ها ---------- */
.cp-rev{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--cp-line);}
.cp-rev:last-child{border-bottom:0;}
.cp-rev>img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#f4f6f8;flex-shrink:0;}
.cp-rev-b{flex:1;min-width:0;}
.cp-rev-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.cp-rev-top b{font-size:13.5px;}
.cp-rev-b p{margin:6px 0 4px;font-size:13px;line-height:1.95;color:#333c49;}
.cp-stars{display:inline-flex;gap:1px;font-size:14px;line-height:1;}
.cp-stars i{font-style:normal;color:#d8dee6;}
.cp-stars i.on{color:#f2b01e;}

/* ==========================================================================
   ورود / ثبت‌نام
   ========================================================================== */
.cp-auth-wrap{padding:34px 0 60px;}
.cp-auth{
	max-width:430px;margin:0 auto;background:var(--cp-card);
	border:1px solid var(--cp-line);border-radius:18px;
	box-shadow:0 2px 6px rgba(20,30,45,.05),0 18px 44px rgba(20,30,45,.07);
	padding:26px 24px 24px;
}
.cp-auth-tabs{display:flex;background:#f0f3f6;border-radius:12px;padding:4px;margin-bottom:22px;}
.cp-auth-tab{
	flex:1;padding:10px;border:0;background:transparent;border-radius:9px;
	font-size:13.5px;font-weight:700;color:var(--cp-dim);cursor:pointer;
	font-family:inherit;transition:background .15s,color .15s;
}
.cp-auth-tab:hover{color:var(--cp-accent);}
/* تبِ انتخاب‌شده رنگِ فروشگاه می‌گیرد و متنش سفید می‌شود */
.cp-auth-tab.cp-on{
	background:var(--cp-accent);color:var(--cp-accent-fg);
	box-shadow:0 2px 8px rgba(20,30,45,.16);
}
.cp-auth-tab.cp-on:hover{color:var(--cp-accent-fg);}
.cp-auth-form{display:none;}
.cp-auth-form.cp-on{display:block;}
.cp-auth-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 16px;}
.cp-auth-row a{font-size:12.5px;color:var(--cp-accent);font-weight:700;}
.cp-btn-lg{width:100%;padding:12px;font-size:14px;border-radius:12px;}
.cp-btn-ghost{width:100%;background:transparent;border-color:transparent;color:var(--cp-dim);margin-top:8px;}
.cp-btn-ghost:hover{background:#f4f6f8;}

/* ---------- فیلد و خطای زیرِ آن ---------- */
.cp-field{margin-bottom:14px;}
.cp-field label{font-size:12.5px;color:var(--cp-dim);font-weight:700;margin-bottom:5px;display:block;}
.cp-err{display:none;font-size:12px;color:#c62b35;margin-top:5px;line-height:1.7;}
.cp-err.cp-on{display:block;}
.cp-err.cp-ok-msg{color:#1a7a45;}
.form-control.cp-bad{border-color:#e08a8a;}
.form-control.cp-bad:focus{box-shadow:0 0 0 3px rgba(198,43,53,.12);}

/* ---------- رمز با چشم ---------- */
.cp-pass{position:relative;}
.cp-pass .form-control{padding-inline-start:42px;}
.cp-eye{
	position:absolute;inset-inline-start:6px;top:50%;transform:translateY(-50%);
	width:32px;height:32px;border:0;background:transparent;color:#9aa5b1;
	display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;
}
.cp-eye:hover{background:#f0f3f6;color:var(--cp-text);}
.cp-eye.cp-on{color:var(--cp-accent);}

/* ---------- چک‌باکس ---------- */
.cp-check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;margin-bottom:14px;font-weight:400;color:var(--cp-text);}
.cp-check input{width:17px;height:17px;accent-color:var(--cp-accent);flex-shrink:0;cursor:pointer;margin:0;}
.cp-check a{color:var(--cp-accent);font-weight:700;}
.cp-check-inline{margin-bottom:0;background:#f7f9fb;border:1px solid var(--cp-line);border-radius:10px;padding:11px 13px;}

/* ==========================================================================
   آواتار SVG
   ========================================================================== */
.cp-avatar-svg{display:inline-block;line-height:0;}
.cp-avatar-svg .cp-av-svg{display:block;width:100%;height:100%;}
.cp-avatar-lg{width:92px;height:92px;margin-bottom:10px;}
.cp-avatar-lg .cp-av-svg{border-radius:50%;box-shadow:0 4px 14px rgba(20,30,45,.14);}

/* ==========================================================================
   تب‌های سفارش
   ========================================================================== */
.cp-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;-webkit-overflow-scrolling:touch;}
.cp-tabs::-webkit-scrollbar{display:none;}
.cp-tab{
	flex:1;min-width:112px;display:flex;align-items:center;justify-content:center;gap:6px;
	padding:11px 10px;border:1px solid var(--cp-line);border-radius:12px;background:#fff;
	font-size:13px;color:var(--cp-dim);white-space:nowrap;transition:all .15s;
}
.cp-tab .cp-ico{opacity:.75;}
.cp-tab b{
	font-size:11.5px;font-weight:800;background:#eef1f5;color:var(--cp-dim);
	border-radius:999px;padding:1px 7px;min-width:22px;text-align:center;
}
.cp-tab:hover{border-color:var(--cp-accent);color:var(--cp-accent);}
.cp-tab.cp-on{background:var(--cp-accent);border-color:var(--cp-accent);color:var(--cp-accent-fg);font-weight:700;}
.cp-tab.cp-on .cp-ico{opacity:1;}
.cp-tab.cp-on b{background:rgba(255,255,255,.26);color:var(--cp-accent-fg);}

.cp-order-badges{display:flex;gap:6px;flex-wrap:wrap;}
.cp-order-desc{font-size:12.5px;color:var(--cp-dim);margin:0 0 10px;line-height:1.85;}

/* ==========================================================================
   کاشی‌های آماری رنگی
   ========================================================================== */
.cp-stat-ico svg{width:100%;height:100%;display:block;}
.cp-ico-wallet,.cp-ico-bag,.cp-ico-heart,.cp-ico-ok,.cp-ico-store,.cp-ico-bell{
	background:transparent !important;padding:0;
}
.cp-stats-4{grid-template-columns:repeat(4,1fr);}

/* ==========================================================================
   بخش‌های مشخصات فردی
   ========================================================================== */
.cp-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 14px;}
.cp-sec-head h2{font-size:15.5px;font-weight:800;margin:0;display:flex;align-items:center;gap:8px;}
.cp-sec-head .cp-ico{color:var(--cp-accent);}
/* روی دسکتاپ فرمِ یک‌فیلدی نباید تا انتهای کارت کش بیاید؛ همین باعث
   می‌شد بخش «شغل» و «ایمیل» یک اینپوتِ ۹۰۰ پیکسلی داشته باشند. */
.cp-sec-form{display:none;max-width:720px;}
.cp-sec.cp-editing .cp-sec-view{display:none;}
.cp-sec.cp-editing .cp-sec-form{display:block;}
.cp-sec.cp-editing{border-color:var(--cp-accent);box-shadow:0 0 0 1px var(--cp-accent) inset;}
.cp-sec-actions{display:flex;gap:9px;margin-top:6px;}
.cp-sec-actions .cp-btn{flex:0 0 auto;}
.cp-sec-actions .cp-btn-ghost{width:auto;margin-top:0;}
.cp-empty-v{color:#a8b2bd;font-weight:400;}
.cp-hint{
	display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;
	font-size:12px;color:var(--cp-dim);line-height:1.85;
}
.cp-hint .cp-ico{flex-shrink:0;margin-top:3px;}
.cp-sec-off{opacity:.85;background:#fafbfc;}
.cp-legal-note{margin:0 0 14px;line-height:2;}
.cp-sec-off .cp-btn[disabled]{opacity:.5;cursor:not-allowed;}

/* ---------- کد یک‌بارمصرف ---------- */
.cp-otp-box{margin-top:14px;padding-top:14px;border-top:1px dashed var(--cp-line);}
.cp-otp{display:flex;gap:9px;justify-content:center;margin:10px 0;}
.cp-otp-d{
	width:52px;height:56px;text-align:center;font-size:22px;font-weight:800;
	border:1px solid var(--cp-line);border-radius:12px;background:#fff;color:var(--cp-text);
}
.cp-otp-d:focus{border-color:var(--cp-accent);outline:none;box-shadow:0 0 0 3px var(--cp-accent-soft);}
.cp-otp-busy{opacity:.55;pointer-events:none;}
/* مهلتِ ماندن روی صفحه بعد از تأیید کد.
   عمداً نه قرمز است نه هشدار — یک اطلاعِ خنثا، وگرنه کاربر وسط ثبت‌نام
   دستپاچه می‌شود. زمان فقط به دقیقه نوشته می‌شود، نه ثانیه. */
.cp-otp-ok{
	display:block;margin:10px 0 0;padding:10px 12px;border-radius:10px;
	background:#f6f8fa;border:1px solid var(--cp-line);
	font-size:12.5px;color:var(--cp-dim);line-height:1.95;
}

/* ---------- صفحهٔ همکار ---------- */
.cp-hk-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.cp-hk-id{display:flex;align-items:center;gap:14px;}
.cp-hk-id .cp-avatar-lg{width:66px;height:66px;margin:0;}
.cp-hk-id b{display:block;font-size:16px;font-weight:800;}
.cp-hk-id .cp-dim{display:block;font-size:12px;}
.cp-hk-hero .cp-btn-lg{width:auto;}
.cp-hk-stars{font-size:15px;margin-top:2px;}
.cp-note{
	display:flex;gap:10px;align-items:flex-start;background:#fff8e8;
	border:1px solid #f3e2bc;color:#7a5a12;border-radius:var(--cp-radius);
	padding:13px 15px;margin-bottom:14px;font-size:13px;line-height:1.9;
}
.cp-note .cp-ico{flex-shrink:0;margin-top:3px;}
.cp-hk-foot{text-align:center;margin:6px 0 0;}

/* ---------- دکمهٔ فقط‌آیکون ---------- */
.cp-btn-icon{width:40px;padding:0;height:40px;flex:0 0 40px !important;}
.cp-wish-cart{flex:1;}
.cp-wish-a{flex-direction:row !important;align-items:stretch;}

/* ---------- دیالوگ تأیید ---------- */
.cp-modal{
	position:fixed;inset:0;z-index:99999;
	background:rgba(15,22,32,.5);
	display:flex;align-items:center;justify-content:center;padding:18px;
	direction:rtl;
}
.cp-modal-box{
	background:#fff;border-radius:16px;padding:22px;
	width:100%;max-width:400px;text-align:center;
	box-shadow:0 20px 60px rgba(10,18,30,.28);
	animation:cpPop .16s ease-out;
}
@keyframes cpPop{from{transform:scale(.94);opacity:0;}to{transform:scale(1);opacity:1;}}
.cp-modal-t{display:block;font-size:16px;font-weight:800;margin-bottom:6px;color:#1b2330;}
.cp-modal-d{font-size:13.5px;color:#6b7787;margin:0 0 18px;line-height:1.8;}
.cp-modal-a{display:flex;gap:10px;}
.cp-modal-a .cp-btn{flex:1;}

/* ---------- اسپینر ---------- */
.cp-spin{
	display:inline-block;width:16px;height:16px;border-radius:50%;
	border:2px solid #d8dee6;border-top-color:var(--cp-accent,#1f7a5a);
	animation:cpSpin .7s linear infinite;vertical-align:-3px;
}
@keyframes cpSpin{to{transform:rotate(360deg);}}

/* ==========================================================================
   رنگِ هر بخش
   --------------------------------------------------------------------------
   وقتی کاربر روی کاشیِ «کیف پول» می‌زند، انتظار دارد داخل همان صفحه هم
   همان آبی را ببیند نه رنگِ عمومیِ فروشگاه را. این سه بخش آیکونِ رنگیِ
   مخصوص خودشان را دارند (nk_cp_svg_wallet/bag/heart) و رنگشان همان است.
   دامنه فقط .cp-main است تا منوی کناری رنگِ فروشگاه را نگه دارد.
   ========================================================================== */
.cp-p-upprice .cp-main{
	--cp-accent:#3d7bfd; --cp-accent-d:#2b5fd9; --cp-accent-fg:#fff;
	--cp-accent-soft:rgba(61,123,253,.10); --cp-accent-line:rgba(61,123,253,.30);
}
.cp-p-orders .cp-main{
	--cp-accent:#12a594; --cp-accent-d:#0e7f73; --cp-accent-fg:#fff;
	--cp-accent-soft:rgba(18,165,148,.10); --cp-accent-line:rgba(18,165,148,.30);
}
.cp-p-wishlist .cp-main{
	--cp-accent:#f0416a; --cp-accent-d:#d42f56; --cp-accent-fg:#fff;
	--cp-accent-soft:rgba(240,65,106,.10); --cp-accent-line:rgba(240,65,106,.30);
}
/* بقیهٔ بخش‌ها (آدرس، مشخصات، دیدگاه‌ها) رنگِ خودِ فروشگاه را نگه می‌دارند؛
   کاشیِ رنگی ندارند و رنگِ دلبخواهی دادن به آن‌ها فقط پنل را شلوغ می‌کرد. */

/* ---------- ابزار ---------- */
.cp-hide{display:none !important;}
.cp-mono{font-variant-numeric:tabular-nums;letter-spacing:.6px;}
.cp-field-half{max-width:380px;}
.cp-birth{max-width:460px;}

/* ==========================================================================
   فرم آدرس
   ========================================================================== */
.cp-af{max-width:720px;}
.cp-af-sec{
	border:1px solid var(--cp-line);border-radius:12px;
	padding:14px 16px;margin-bottom:12px;background:#fcfdfe;
}
.cp-af-t{
	display:flex;align-items:center;gap:8px;
	font-size:13.5px;font-weight:800;margin-bottom:12px;color:var(--cp-text);
}
.cp-af-n{
	width:22px;height:22px;border-radius:50%;flex-shrink:0;
	display:inline-flex;align-items:center;justify-content:center;
	background:var(--cp-accent);color:var(--cp-accent-fg);
	font-size:11.5px;font-weight:800;
}
.cp-af .cp-form-grid{margin-bottom:0;}
.cp-af-3{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px 18px;}
.cp-area{min-height:64px;resize:vertical;line-height:1.9;}

/* ---------- انتخابِ تکه‌ای (عنوان آدرس / گیرنده) ---------- */
.cp-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.cp-picks-2{grid-template-columns:repeat(2,1fr);}
.cp-picks-3{grid-template-columns:repeat(3,1fr);}
.cp-pick{margin:0;cursor:pointer;font-weight:400;}
.cp-pick input{position:absolute;opacity:0;width:0;height:0;}
.cp-pick span{
	display:flex;align-items:center;justify-content:center;gap:7px;
	padding:11px 8px;border:1px solid var(--cp-line);border-radius:10px;
	background:#fff;font-size:13px;color:var(--cp-dim);
	transition:border-color .15s,color .15s,background .15s;
}
.cp-pick span .cp-ico{opacity:.8;}
.cp-pick:hover span{border-color:var(--cp-accent-line);color:var(--cp-accent);}
.cp-pick input:checked + span{
	border-color:var(--cp-accent);background:var(--cp-accent-soft);
	color:var(--cp-accent);font-weight:700;
}
.cp-pick input:disabled + span{opacity:.45;cursor:not-allowed;}
.cp-pick input:focus-visible + span{box-shadow:0 0 0 3px var(--cp-accent-soft);}

.cp-af-me{
	display:flex;align-items:center;gap:7px;flex-wrap:wrap;
	margin:12px 0 0;padding:10px 12px;border-radius:10px;
	background:var(--cp-accent-soft);font-size:12.5px;color:var(--cp-text);
}
.cp-af-me .cp-ico{color:var(--cp-accent);}
.cp-af-me b{font-weight:700;}
.cp-af-warn{background:#fff8e8;color:#7a5a12;}
.cp-af-warn .cp-ico{color:#c08a12;}
.cp-af-warn a{color:#7a5a12;text-decoration:underline;font-weight:700;}
.cp-af-other{margin-top:14px;}
.cp-af-def{background:#fff;}
.cp-af-def .cp-check-inline{background:#fff;}
.cp-af-def small{display:block;margin-top:7px;}

/* ==========================================================================
   کارت آدرس
   ========================================================================== */
.cp-addr-line{margin-bottom:10px;}
.cp-addr-k{
	display:flex;align-items:center;gap:5px;
	font-size:11.5px;color:var(--cp-dim);margin-bottom:2px;
}
.cp-addr-k .cp-ico{color:var(--cp-dim);}
.cp-addr-b p{margin:0;font-size:13px;line-height:1.95;}
.cp-addr-mini{
	display:flex;flex-wrap:wrap;gap:6px 8px;
	border-top:1px dashed var(--cp-line);padding-top:10px;
}
.cp-addr-mini span{
	display:inline-flex;align-items:center;gap:5px;
	font-size:12px;color:var(--cp-text);
	background:#f6f8fa;border-radius:8px;padding:4px 9px;
}
.cp-addr-mini i{font-style:normal;color:var(--cp-dim);font-size:11px;}
.cp-addr-me{
	font-size:10.5px;font-weight:800;color:var(--cp-accent);
	background:var(--cp-accent-soft);border-radius:6px;padding:1px 6px;
}
.cp-addr-a .cp-btn-icon{flex:0 0 36px !important;height:36px;width:36px;}

/* ==========================================================================
   شمارهٔ کارت و شبا
   ========================================================================== */
.cp-bankin{position:relative;display:flex;align-items:center;}
.cp-bankin .form-control{flex:1;min-width:0;padding-inline-end:44px;}
.cp-bankin-ir .form-control{padding-inline-start:48px;}
.cp-ir{
	position:absolute;inset-inline-start:1px;top:1px;bottom:1px;
	width:44px;display:flex;align-items:center;justify-content:center;
	background:#f0f3f6;border-radius:9px 0 0 9px;
	font-weight:800;font-size:13px;color:var(--cp-dim);
	pointer-events:none;letter-spacing:.5px;
}
html[dir="rtl"] .cp-ir,.cp-wrap .cp-ir{border-radius:0 9px 9px 0;}
.cp-bank-out{
	position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);
	display:none;pointer-events:none;
}
.cp-bank-out.cp-on{display:block;}
.nk-bank-chip{
	display:inline-flex;align-items:center;gap:6px;
	background:#fff;border:1px solid var(--cp-line);border-radius:999px;
	padding:2px 9px 2px 3px;font-size:11.5px;white-space:nowrap;
	box-shadow:0 1px 3px rgba(20,30,45,.08);
	border-color:color-mix(in srgb,var(--nkb,#999) 35%,#e5e9ee);
}
.nk-bank-chip b{font-weight:700;color:var(--cp-text);}
.nk-bank-logo{border-radius:50%;background:#fff;display:block;flex-shrink:0;}
.cp-kv .nk-bank-chip{margin-top:4px;}
.cp-bad-bank .nk-bank-chip{opacity:.5;}

/* ==========================================================================
   بازیابی رمز — سه گام
   ========================================================================== */
.cp-rc-resend{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0;flex-wrap:wrap;}
.cp-rc-resend a{color:var(--cp-accent);font-weight:700;}
.cp-rc-resend span{color:var(--cp-dim);}
.recoverform .cp-otp,.registerform .cp-otp{margin:14px 0 4px;}
.rcPick .cp-picks{margin-bottom:6px;}

/* شمارهٔ تأییدشده در بالای گام دوم ثبت‌نام */
.cp-mobbar{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	background:var(--cp-accent-soft);border-radius:10px;
	padding:10px 13px;margin-bottom:18px;font-size:13px;
}
.cp-mobbar span{display:inline-flex;align-items:center;gap:6px;}
.cp-mobbar .cp-ico{color:var(--cp-accent);}
.cp-mobbar b{font-weight:800;}
.cp-mobbar a{color:var(--cp-accent);font-weight:700;font-size:12.5px;white-space:nowrap;}

/* ==========================================================================
   انتخاب نقش — «یک شماره، دو حساب»
   ========================================================================== */
.cp-role{max-width:620px;margin:0 auto;}
.cp-role-intro{margin-bottom:18px;}
.cp-role-intro b{display:block;font-size:17px;font-weight:800;margin-bottom:8px;}
.cp-role-intro p{margin:0;font-size:13px;color:var(--cp-dim);line-height:2.1;}
.cp-role-intro p b{display:inline;font-size:inherit;}

.cp-role-grid{display:grid;gap:12px;}
.cp-role-card{
	position:relative;display:grid;gap:4px;
	grid-template-columns:52px 1fr auto;grid-template-rows:auto auto auto;
	align-items:center;
	border:1px solid var(--cp-line);border-radius:14px;padding:16px;background:#fff;
	transition:border-color .15s,box-shadow .15s,transform .1s;
}
.cp-role-card:hover{border-color:var(--cp-accent);box-shadow:0 6px 20px rgba(20,30,45,.09);}
.cp-role-card:active{transform:translateY(1px);}
.cp-role-ico{grid-row:1/4;grid-column:1;width:46px;height:46px;flex-shrink:0;}
.cp-role-ico svg{width:100%;height:100%;display:block;}
.cp-role-card b{grid-column:2;font-size:15px;font-weight:800;}
.cp-role-d{grid-column:2;font-size:12px;color:var(--cp-dim);line-height:1.9;}
.cp-role-card .cp-badge{grid-column:2;justify-self:start;margin-top:5px;}
.cp-role-go{grid-column:3;grid-row:1/4;color:var(--cp-dim);}

/* یادآوریِ قفل‌بودنِ نقش */
.cp-role-lock{
	display:flex;align-items:flex-start;gap:9px;
	margin:16px 0 0;padding:13px 15px;border-radius:12px;
	background:#f6f8fa;border:1px solid var(--cp-line);
	font-size:12.5px;color:var(--cp-dim);line-height:2;
}
.cp-role-lock .cp-ico{flex-shrink:0;margin-top:5px;color:var(--cp-dim);}
.cp-role-lock b{color:var(--cp-text);font-weight:800;}
.cp-role-lock code{
	background:#fff;border:1px solid var(--cp-line);border-radius:6px;
	padding:1px 7px;font-size:12px;color:var(--cp-text);
}

/* ==========================================================================
   موبایل
   ========================================================================== */
@media (max-width:991px){
	.cp-chips{display:flex;}
	.cp-side{display:none;}
	.cp-grid{display:block;}
	.cp-stats{grid-template-columns:1fr 1fr;}
	.cp-quick{grid-template-columns:1fr 1fr;}
	.cp-wrap{padding:14px 0 34px;}
	.cp-card{padding:15px;border-radius:12px;}
}
@media (max-width:520px){
	.cp-stats{grid-template-columns:1fr;}
	.cp-stat{padding:13px;}
	.cp-order-meta{gap:10px;}
	.cp-alert{flex-wrap:wrap;}
	.cp-alert .cp-btn{margin-inline-start:0;width:100%;}
	.cp-kv{grid-template-columns:1fr;}
	.cp-order-body{flex-wrap:wrap;}
	.cp-thumbs{order:-1;}
	.cp-order-go{display:none;}
	.cp-tl-t{font-size:10.5px;}
	.cp-tl-dot{width:28px;height:28px;}
	.cp-tl-i::before{top:13px;}
	.cp-actions .cp-btn{min-width:100%;}
	.cp-item>img{width:52px;height:52px;}
	.cp-wallet-bal b{font-size:22px;}
}
@media (max-width:767px){
	.cp-wallet{flex-direction:column;gap:16px;}
	.cp-wallet-bal{flex:none;text-align:center;padding:16px;}
	.cp-form-grid{grid-template-columns:1fr;}
	.cp-addr-list{grid-template-columns:1fr;}
	.cp-wish{grid-template-columns:1fr;}
	.cp-noti-a{flex-direction:row;align-items:center;}
	.cp-stats-4{grid-template-columns:1fr 1fr;}
	.cp-hk-hero{flex-direction:column;align-items:stretch;}
	.cp-hk-hero .cp-btn-lg{width:100%;}
	.cp-auth{padding:22px 18px 20px;border-radius:16px;box-shadow:none;}
	.cp-auth-wrap{padding:16px 0 40px;}
	.cp-tab{min-width:104px;font-size:12.5px;padding:10px 8px;}
	.cp-otp-d{width:46px;height:50px;font-size:19px;}
	.cp-sec-head h2{font-size:14.5px;}
	.cp-email-row{flex-wrap:wrap;}
	.cp-email-row .form-control{flex:1 1 100%;}

	/* فرم آدرس روی موبایل */
	.cp-af-3{grid-template-columns:1fr 1fr;}
	.cp-af-3 .cp-field:last-child{grid-column:1/-1;}
	.cp-picks-3{grid-template-columns:1fr;}
	.cp-field-half{max-width:none;}
	.cp-af-sec{padding:13px;}
	.cp-addr-mini{flex-direction:column;align-items:flex-start;}
	.cp-addr-mini span{width:100%;}
}
@media (max-width:420px){
	.cp-picks{grid-template-columns:1fr;}
	.cp-af-3{grid-template-columns:1fr;}
	.cp-otp-d{width:42px;height:46px;font-size:18px;}
	.cp-role-go{display:none;}
	.cp-role-card{grid-template-columns:44px 1fr;}
	.cp-role-ico{width:40px;height:40px;}
}

/* ==========================================================================
   چاپ فاکتور — «چاپ فاکتور» در صفحهٔ جزئیات همین را تولید می‌کند.
   به‌جای ساختِ یک صفحهٔ جدا، همین صفحه برای چاپ تمیز می‌شود.
   ========================================================================== */
@media print{
	body *{visibility:hidden !important;}
	.cp-wrap,.cp-wrap *{visibility:visible !important;}
	.cp-wrap{position:absolute;inset-inline-start:0;top:0;width:100%;background:#fff;padding:0;}
	.cp-side,.cp-chips,.cp-noprint,.cp-back,.cp-alert,.cp-track .cp-btn{display:none !important;}
	.cp-grid{display:block;}
	.cp-card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid;margin-bottom:10px;}
	.cp-order-go{display:none;}
	a[href]::after{content:none !important;}
}