/* پایه‌ی ورودی‌ها */
  .plate-group > :is(input,select){
    height:48px; background:#fff; border:1px solid rgba(24,24,27,.2);
    text-align:center; font-size:16px; line-height:48px; padding:0 12px;
    margin-left:-1px; border-radius:0; outline:none;
    transition:box-shadow .15s, border-color .15s;
  }

  /* پرچم: چسبیده + لبه چپ کاملاً صاف */
  .plate-group .flag{
    border:1px solid rgba(24,24,27,.2);
    margin-right:-1px;           /* چسبیدن به اولین فیلد */
    border-radius:0;             /* همه صاف؛ مخصوصاً سمت چپ */
  }

  /* اولین فیلد کنار پرچم: سمت چپ (چسبیده به پرچم) صاف بماند */
  .plate-group > input:first-of-type,
  .plate-group > select:first-of-type{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
  }

  /* وسطی‌ها صاف و چسبیده */
  .plate-group > select,
  .plate-group > input:nth-of-type(2){
    border-radius:0;
  }

  /* آخرین فیلد (ایران/سریال): فقط گوشه‌های راست گرد */
  .plate-group > input:last-of-type{
    border-top-right-radius:12px;
    border-bottom-right-radius:12px;
  }

  /* فوکوس با رنگ برند */
  .plate-group > :is(input,select):focus{
    border-color:#2b4dff;
    box-shadow:0 0 0 2px rgba(43,77,255,.12);
    z-index:1;
  }

  /* عرض‌های پیشنهادی */
  .plate-group > input:first-of-type{ width:4.5rem; } /* دو رقم */
  .plate-group > select{ width:3.5rem; }              /* حرف */
  .plate-group > input:nth-of-type(2){ width:6rem; }  /* سه رقم */
  .plate-group > input:last-of-type{ width:5.5rem; }  /* ایران/سریال */

  /* حرکت بی‌نهایت نوار لوگو */
  @keyframes marqueeX {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); } /* نصفِ کل عرض چون دو لیست تکراری داریم */
  }
  .marquee-track {
    width: max-content; /* به اندازه محتوا */
    animation: marqueeX 30s linear infinite;
  }
  /* توقف حرکت هنگام هاور روی نوار (دلخواه) */
  .marquee-track:hover { animation-play-state: paused; }

  /* احترام به reduced-motion */
  @media (prefers-reduced-motion: reduce) {
    .marquee-track { animation: none; }
  }