/* family · sections/flat-modal.css
   попап квартиры: слайдер, стрелки, спеки, цены */

/* ============ попап квартиры ============ */
.flat-modal{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:1rem;
  opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;}
.flat-modal.is-open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .25s ease,visibility 0s;}
.flat-modal-bg{position:absolute;inset:0;background:rgba(15,22,18,.6);}
.flat-modal-box{position:relative;z-index:1;background:var(--paper);border-radius:.75rem;overflow-y:auto;
  width:100%;max-width:64rem;max-height:92vh;
  transform:translateY(14px);transition:transform .25s ease;}
.flat-modal.is-open .flat-modal-box{transform:none;}
.flat-modal-box>div{min-width:0;} /* грид-колонки могут сжиматься — иначе Swiper распирает левую своей intrinsic-шириной */
.modal-swiper{width:100%;height:100%;}
.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:2.4rem;height:2.4rem;border-radius:.4rem;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(23,36,29,.45);background:rgba(255,255,255,.7);color:var(--ink);
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;}
.modal-arrow:hover{background:var(--pine);border-color:var(--pine);color:#fff;}
.modal-prev{left:.8rem}
.modal-next{right:.8rem}
.modal-swiper .swiper-slide{height:100%;overflow:hidden;}
.spec{display:flex;align-items:baseline;gap:.6rem;font-size:.9rem;}
.spec i{flex:1;border-bottom:1px dotted rgba(23,36,29,.3);transform:translateY(-.25em);}
.flat-modal .swiper-pagination-bullet{background:var(--ink);}
@media (prefers-reduced-motion: reduce){
  .flat-modal,.flat-modal-box,.card-label,.card-cta,.card-arrow{transition:none;}
}