/* فایل واکنش‌گرای فهرست شهرها: جدا از فایل اصلی تا با قالب و افزونه‌ها تداخل نکند.
   با Container Query به عرض خود ستون واکنش نشان می‌دهد (سایدبار، ستون المنتور، موبایل). */
@container (min-width:440px){
  .fcl--c2 .fcl-list{grid-template-columns:1fr 1fr}
}
@container (max-width:260px){
  .fcl .fcl-item{gap:8px;padding:5px 8px}
  .fcl--md{--fcl-ico:38px;--fcl-fs:18px}
  .fcl--lg{--fcl-ico:44px;--fcl-fs:20px}
}
@container (max-width:200px){
  .fcl .fcl-item:hover .fcl-name{transform:scale(1.12)}
}
@supports not (container-type:inline-size){
  @media (min-width:600px){.fcl--c2 .fcl-list{grid-template-columns:1fr 1fr}}
}
@media (hover:none){
  /* روی لمس، حالت بزرگ‌نمایی نام ثابت نمی‌ماند */
  .fcl .fcl-item:hover{background:var(--fcl-bg,#fff);border-color:rgba(0,0,0,.09);border-inline-start-color:var(--c)}
  .fcl .fcl-item:hover .fcl-name{color:var(--c);transform:none}
  .fcl .fcl-item:hover .fcl-ico{transform:none;border-color:var(--c)}
  .fcl .fcl-item:active{background:var(--c)}
  .fcl .fcl-item:active .fcl-name{color:#fff}
}
@media (prefers-reduced-motion:reduce){
  .fcl .fcl-item,.fcl .fcl-ico,.fcl .fcl-name{transition:none}
}