/* استایل پایه فروشگاه پاندا اکانت — نسخه کارکردی اولیه */
.panda-shop { direction: rtl; font-family: 'Vazirmatn', Tahoma, sans-serif; }

.panda-services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.panda-service-card { display: block; border: 1px solid #e4e4e7; border-radius: 14px; padding: 20px; text-decoration: none; color: inherit; transition: 0.2s; }
.panda-service-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.08); transform: translateY(-2px); }
.panda-service-card-logo { width: 56px; height: 56px; border-radius: 12px; object-fit: cover; margin-bottom: 12px; }
.panda-service-card-placeholder { display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 22px; }
.panda-service-card-body h3 { margin: 0 0 6px; font-size: 16px; }
.panda-service-card-body p { margin: 0 0 10px; font-size: 13px; color: #71717a; }
.panda-price-from { font-size: 13px; font-weight: 700; color: #16a34a; }

.panda-service-header { display: flex; gap: 16px; align-items: center; margin-bottom: 24px; }
.panda-service-header-logo { width: 72px; height: 72px; border-radius: 14px; object-fit: cover; }

.panda-plans-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.panda-plan-card { border: 1.5px solid #e4e4e7; border-radius: 14px; padding: 18px; text-align: center; }
.panda-plan-disabled { opacity: 0.5; }
.panda-plan-price { font-size: 20px; margin: 10px 0; }
.panda-plan-note { font-size: 12px; color: #71717a; }
.panda-btn { display: inline-block; width: 100%; padding: 10px; border-radius: 8px; border: none; background: #16a34a; color: #fff; font-weight: 700; cursor: pointer; }
.panda-btn-disabled { background: #d4d4d8; cursor: not-allowed; }
.panda-btn-primary { margin-top: 10px; }

.panda-cart-table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.panda-cart-table td { padding: 10px; border-bottom: 1px solid #e4e4e7; font-size: 14px; }
.panda-cart-total { text-align: left; font-size: 16px; margin-bottom: 20px; }

.panda-field { margin-bottom: 12px; }
.panda-field label { display: block; font-size: 13px; margin-bottom: 4px; }
.panda-field input { width: 100%; padding: 9px 12px; border-radius: 8px; border: 1.5px solid #e4e4e7; }

.panda-result { text-align: center; padding: 40px 20px; }
.panda-result-success h2 { color: #16a34a; }
.panda-result-failed h2 { color: #dc2626; }

.panda-empty { text-align: center; color: #71717a; padding: 30px; }