/* فایل واکنش‌گرای نقشه: جدا از فایل اصلی تا با افزونه‌ها و قالب تداخل نکند.
   از Container Query استفاده می‌شود تا نقشه در ستون باریک هم درست چیده شود. */
@container (min-width:720px){
  .fmap-col-md-8{flex-basis:66.6667%;max-width:66.6667%}
  .fmap-col-md-4{flex-basis:33.3333%;max-width:33.3333%}
  .fmap-col-md-12{flex-basis:100%;max-width:100%}
  .fmap-list--cards{grid-template-columns:repeat(3,1fr)}
}
@container (min-width:1000px){
  .fmap-list--cards{grid-template-columns:repeat(4,1fr)}
}
@container (max-width:760px){
  .fmap--s4 .fmap-split{grid-template-columns:1fr}
  .fmap--s4 .fmap-mapcol{order:-1}
  .fmap--s4 .fmap-posts{min-height:0;max-height:440px}
  .fmap--s4 .fmap-posts__in{position:static;max-height:440px}
  .fmap--s4 .fmap-posts__list{max-height:360px}
}
@container (max-width:520px){
  .fmap{font-size:calc(var(--fmap-fs,15px) - 1px)}
  .fmap-select{width:100%;min-width:0}
  .fmap-bar{flex-direction:column;align-items:stretch;gap:4px}
  .fmap-c text{font-size:calc(var(--fs,14) * 1.4px);stroke-width:3.5}
  .fmap-list--chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .fmap-list--chips li{flex:none}
  .fmap--s3{padding:10px}
}
@container (max-width:360px){
  .fmap-list--cards{grid-template-columns:1fr}
}
/* مرورگرهای قدیمی بدون Container Query */
@supports not (container-type:inline-size){
  @media (min-width:768px){
    .fmap-col-md-8{flex-basis:66.6667%;max-width:66.6667%}
    .fmap-col-md-4{flex-basis:33.3333%;max-width:33.3333%}
    .fmap-list--cards{grid-template-columns:repeat(3,1fr)}
  }
  @media (max-width:760px){.fmap--s4 .fmap-split{grid-template-columns:1fr}.fmap--s4 .fmap-mapcol{order:-1}.fmap--s4 .fmap-posts__in{position:static;max-height:440px}}
}
@media (prefers-reduced-motion:reduce){
  .fmap-c text,.fmap-i,.fmap-c circle{transition:none}
  .fmap--s4 .fmap-posts.is-swap .fmap-posts__in{animation:none}
}
@media print{.fmap-bar,.fmap-list{display:none}}