/* GameVia Helper — استایل عناصر فروشگاه */

.gvh-icon{display:inline-block;vertical-align:middle;flex:none}

/* دکمه‌های واتساپ و تماس */
.gvh-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.gvh-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .2s;border:0;cursor:pointer}
.gvh-btn:hover{transform:translateY(-2px)}
.gvh-btn--wa{background:#25d366;color:#fff}
.gvh-btn--wa:hover{color:#fff;box-shadow:0 8px 20px rgba(37,211,102,.4)}
.gvh-btn--bale{background:#159bd7;color:#fff}
.gvh-btn--bale:hover{color:#fff;box-shadow:0 8px 20px rgba(21,155,215,.4)}
.gvh-btn--call{background:transparent;color:inherit;border:1.5px solid rgba(128,128,128,.35)}
.gvh-btn--call:hover{border-color:#25d366;color:#25d366}

/* بج ویژگی‌ها (گارانتی/ریجن/ظرفیت) */
.gvh-attrs{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.gvh-attr{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.12);color:inherit}
.gvh-attr b{font-weight:700}
.gvh-attr .gvh-icon{width:16px;height:16px;opacity:.85}

/* نمادهای اعتماد */
.gvh-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;padding:16px;border:1px solid rgba(128,128,128,.2);border-radius:14px}
.gvh-trust__item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}
.gvh-trust__item .gvh-icon{width:20px;height:20px;color:#25d366;flex:none}

/* شمارنده بازدید */
.gvh-views{display:inline-flex;align-items:center;gap:6px;font-size:13px;opacity:.85}
.gvh-views .gvh-icon{width:16px;height:16px}

/* دکمه‌های شناور (واتساپ + بله) */
.gvh-float-wrap{position:fixed;bottom:22px;left:22px;z-index:9999;display:flex;flex-direction:column;gap:12px}
.gvh-float{width:56px;height:56px;border-radius:50%;color:#fff;display:grid;place-items:center;transition:transform .2s;animation:gvh-pop .4s ease}
.gvh-float:hover{transform:scale(1.08);color:#fff}
.gvh-float--wa{background:#25d366;box-shadow:0 8px 24px rgba(37,211,102,.5)}
.gvh-float--bale{background:#159bd7;box-shadow:0 8px 24px rgba(21,155,215,.5)}
.gvh-float .gvh-icon{width:30px;height:30px}
@keyframes gvh-pop{from{transform:scale(0)}to{transform:scale(1)}}

/* ============================================================
   حساب کاربری، ثبت‌نام و صفحه شخصی
   ============================================================ */

.gv-hint{display:block;font-size:12px;color:var(--muted,#9b9ba6);margin-top:6px;line-height:1.8}
.gv-hint--box{background:rgba(255,31,69,.08);border:1px solid rgba(255,31,69,.25);border-radius:10px;padding:10px 14px;margin:10px 0 16px}

/* فرم‌ها */
.gv-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.gv-field label{font-size:13.5px;font-weight:700;color:inherit}
.gv-field input{background:rgba(255,255,255,.04);border:1px solid rgba(128,128,128,.28);border-radius:12px;
	padding:12px 14px;color:inherit;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}
.gv-field input:focus{outline:0;border-color:#ff1f45;box-shadow:0 0 0 3px rgba(255,31,69,.18)}
.gv-field input:disabled{opacity:.6;cursor:not-allowed}

.gv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}
.gv-field--full{grid-column:1/-1}

.gv-btn-save{background:linear-gradient(135deg,#ff1f45,#ff6a3d);color:#fff;border:0;border-radius:999px;
	padding:13px 34px;font-weight:700;font-size:14.5px;font-family:inherit;cursor:pointer;
	transition:transform .15s,box-shadow .2s;margin-top:8px}
.gv-btn-save:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,31,69,.45)}

/* کارت باشگاه مشتریان */
.gv-club{position:relative;overflow:hidden;border-radius:18px;padding:24px;margin-bottom:28px;
	background:linear-gradient(135deg,rgba(255,31,69,.16),rgba(255,106,61,.08));
	border:1px solid rgba(255,31,69,.3);box-shadow:0 0 30px rgba(255,31,69,.12)}
.gv-club::after{content:"";position:absolute;top:-60px;inset-inline-end:-40px;width:200px;height:200px;
	border-radius:50%;background:radial-gradient(circle,rgba(255,31,69,.35),transparent 70%);pointer-events:none}
.gv-club__head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px;position:relative}
.gv-club__label{font-size:12.5px;opacity:.75;display:block}
.gv-club__name{font-size:20px;font-weight:900;margin:2px 0 0}
.gv-club__tier{padding:7px 20px;border-radius:999px;font-weight:900;font-size:13.5px;letter-spacing:.3px;
	background:linear-gradient(135deg,#b06b2e,#e0a86a);color:#2b1500;box-shadow:0 0 16px rgba(224,168,106,.4)}
.gv-club[data-tier="silver"] .gv-club__tier{background:linear-gradient(135deg,#8f9099,#dfe1e8);color:#22242b;box-shadow:0 0 16px rgba(223,225,232,.4)}
.gv-club[data-tier="gold"] .gv-club__tier{background:linear-gradient(135deg,#d4a017,#ffe066);color:#3a2a00;box-shadow:0 0 20px rgba(255,224,102,.55)}

.gv-club__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}
.gv-stat{text-align:center;background:rgba(0,0,0,.28);border-radius:14px;padding:14px 10px}
.gv-stat__num{display:block;font-size:19px;font-weight:900;line-height:1.5;font-variant-numeric:tabular-nums}
.gv-stat__num .amount,.gv-stat__num bdi{font-size:16px}
.gv-stat__lbl{font-size:12px;opacity:.7}

.gv-club__progress{margin-top:18px;position:relative}
.gv-club__bar{height:8px;border-radius:999px;background:rgba(0,0,0,.35);overflow:hidden;margin-bottom:8px}
.gv-club__bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff1f45,#ff6a3d);
	box-shadow:0 0 12px rgba(255,31,69,.7);transition:width .6s ease}
.gv-club__progress small{font-size:12.5px;opacity:.8}

.gv-profile__title{font-size:17px;font-weight:900;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid rgba(128,128,128,.22)}

@media (max-width:640px){
	.gv-grid{grid-template-columns:1fr}
	.gv-club__stats{grid-template-columns:1fr;gap:10px}
	.gv-stat{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
	.gv-stat__num{font-size:17px}
}

/* پنل مدیریت */
.gvh-check{display:inline-block;margin:4px 0}
input.ltr{direction:ltr;text-align:left}

@media (max-width:520px){
	.gvh-trust{grid-template-columns:1fr}
	.gvh-float-wrap{bottom:16px;left:16px}
	.gvh-float{width:50px;height:50px}
	.gvh-float .gvh-icon{width:26px;height:26px}
}