/* سطح‌ها */
  .panel { border-radius: 1.25rem; background: rgba(18,22,28,.9); border: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(6px); }
  .soft  { border-radius: .875rem; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.10); }

  /* دکمه‌ها */
  .btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; height:3rem; padding:0 1.1rem; border-radius: .9rem; font-weight:800; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:#fff; transition:.2s; }
  .btn:hover{ background:rgba(255,255,255,.1); }
  .btn-primary{ background:#b1e346; color:#0b0e12; border-color:rgba(177,227,70,.4); }
  .btn-primary:hover{ filter:brightness(.95); }

  /* فرم تیره (حذف سفیدی select با !important) */
  .form-dark input[type="text"],
  .form-dark input[type="number"],
  .form-dark input[type="email"],
  .form-dark input[type="url"],
  .form-dark input[type="search"],
  .form-dark textarea,
  .form-dark select{
    width:100%; height:2.9rem; border-radius:.9rem; padding:.6rem .9rem;
    background: rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#fff !important; outline: none;
  }
  .form-dark textarea{ height:8rem; resize:vertical; }
  .form-dark ::placeholder{ color: rgba(255,255,255,.6); }

  /* فلش select سفارشی */
  .form-dark select{
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
    padding-inline-end:2rem;
    background-image:
      linear-gradient(45deg,transparent 50%,#cbd5e1 50%),
      linear-gradient(135deg,#cbd5e1 50%,transparent 50%);
    background-position:
      calc(100% - 18px) calc(50% - 4px),
      calc(100% - 12px) calc(50% - 4px);
    background-size:6px 6px,6px 6px; background-repeat:no-repeat;
  }

  /* ردیف‌های مشخصات */
  .specs{ display:grid; grid-template-columns: 1fr 1fr; gap:.5rem 1rem; }
  .specs .row{ display:flex; justify-content:space-between; gap:1rem; padding:.6rem .8rem; }
  .specs .label{ color:#cbd5e1; font-size:.9rem; }
  .specs .value{ color:#fff; font-weight:700; }
  @media (max-width: 768px){ .specs{ grid-template-columns: 1fr; } }

  /* برچسب ویژگی‌ها */
  .tag{ display:inline-flex; align-items:center; padding:.35rem .7rem; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); font-size:.78rem; }
  .tag-accent{ background:rgba(177,227,70,.12); border-color:rgba(177,227,70,.35); color:#b1e346; }

  /* امتیاز ستاره‌ای */
  .stars{ color:#fbbf24; display:flex; align-items:center; gap:.25rem; }

  /* کارت نظر */
  .review{ border-radius:.9rem; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); padding:1rem; }

  /* فاصله بندی کلی */
  .section-title{ font-weight:800; }

  /* تیره‌سازی قطعی سلکت‌ها (حتی با استایل‌های پیش‌فرض مرورگر/Tailwind) */
.form-dark select,
.form-dark select:focus,
.form-dark select:active {
  background-color: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* رنگ پس‌زمینه‌ی گزینه‌ها داخل منو */
.form-dark select option {
  background-color: #0f141a; /* نزدیک پس‌زمینه صفحه */
  color: #fff;
}

/* فلش سفارشی */
.form-dark select {
  padding-inline-end: 2rem !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #cbd5e1 50%),
    linear-gradient(135deg, #cbd5e1 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 4px),
    calc(100% - 12px) calc(50% - 4px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* کروم/سافاری Autofill */
.form-dark input:-webkit-autofill,
.form-dark select:-webkit-autofill,
.form-dark textarea:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,.06) inset !important;
  -webkit-text-fill-color:#fff !important;
}
/* ستاره‌ای کردن رادیوها */
.rating-stars{display:inline-flex;flex-direction:row-reverse;gap:.25rem}
.rating-stars input{display:none}
.rating-stars label{font-size:1.35rem;cursor:pointer;color:#64748b;transition:.15s}
.rating-stars label::before{content:"★"}
/* حالت انتخاب و هاور */
.rating-stars input:checked ~ label,
.rating-stars label:hover,
.rating-stars label:hover ~ label{color:#fbbf24}
  .stars { letter-spacing: .5px; color:#fbbf24; }