/* Cache Generated at 2026-06-05 23:36:09 | Post: 17 | Template: .twig, page.twig, default.twig */
 .unit-modal { position: fixed; inset: 0; width: min(880px, 100% - 2rem); max-height: min(640px, 100vh - 2rem); padding: 0; margin: auto; border: none; background-color: #fff; color: var(--color-text); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3); overflow: hidden; /* Layout rules stay here (not on [open]) so they remain applied during the discrete exit transition. */ flex-direction: column; opacity: 1; transform: translateY(0); transition: opacity 220ms ease, transform 260ms ease, overlay 220ms ease allow-discrete, display 220ms ease allow-discrete; } .unit-modal[open] { display: flex; } @starting-style { .unit-modal[open] { opacity: 0; transform: translateY(12px); } } .unit-modal::backdrop { background-color: rgba(8, 42, 58, 0.7); transition: opacity 220ms ease, overlay 220ms ease allow-discrete, display 220ms ease allow-discrete; } @starting-style { .unit-modal[open]::backdrop { opacity: 0; } } /* Close button */ .unit-modal__close { position: absolute; top: 0.75rem; right: 0.75rem; z-index: 2; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; background: transparent; border: none; color: #fff; padding: 0; cursor: pointer; transition: opacity 200ms; } .unit-modal__close:hover { opacity: 0.7; } .unit-modal__close-icon { display: block; width: 1.25rem; height: 1.25rem; position: relative; } .unit-modal__close-icon::before, .unit-modal__close-icon::after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: currentColor; border-radius: 9px; } .unit-modal__close-icon::before { transform: rotate(45deg); } .unit-modal__close-icon::after { transform: rotate(-45deg); } /* Header band — matches the dark .fp__head on the floor plan cards */ .unit-modal__header { padding: 1.5rem 2rem; background-color: var(--color-primary); color: #fff; } .unit-modal__name { font-size: 1.75rem; font-weight: 800; text-transform: uppercase; color: #fff; margin: 0 0 0.25rem; line-height: 1.1; } .unit-modal__info { font-size: 0.95rem; color: #fff; letter-spacing: 0.04em; opacity: 0.85; } /* Body — scrollable list of units */ .unit-modal__body { flex: 1 1 auto; overflow-y: auto; padding: 0 1.5rem; } @media (min-width: 576px) { .unit-modal__body { padding: 0 2rem; } } .unit-modal__list { list-style: none; padding: 0; margin: 0; } .unit-modal__row { padding: 1.5rem 0; border-bottom: 1px solid var(--color-quaternary-lighter); display: grid; grid-template-columns: 1fr; gap: 1rem; align-items: center; } .unit-modal__row:last-child { border-bottom: none; } @media (min-width: 576px) { .unit-modal__row { grid-template-columns: 1fr auto; gap: 2rem; } } .unit-modal__row-data { display: grid; grid-template-columns: auto 1fr; gap: 1.75rem; } .unit-modal__field { display: block; } .unit-modal__label { display: block; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-quaternary-darker); margin-bottom: 0.25rem; } .unit-modal__value { display: block; font-size: 1.125rem; font-weight: 700; color: var(--color-primary); line-height: 1.2; } .unit-modal__price { display: inline-flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; } .unit-modal__price-old { color: var(--color-quaternary-darker); font-weight: 500; text-decoration: line-through; text-decoration-thickness: 1.5px; } .unit-modal__price-new { color: #c92a2a; } .unit-modal__special { display: inline-flex; align-items: center; gap: 0.35rem; margin-top: 0.4rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #c92a2a; } .unit-modal__special::before { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: currentColor; } .unit-modal__row-action { display: flex; flex-direction: column; align-items: stretch; gap: 0.4rem; } @media (min-width: 576px) { .unit-modal__row-action { align-items: flex-end; } } .unit-modal__row-action .btn { width: 100%; min-width: 0; max-width: 12rem; height: 3rem; font-size: 0.875rem; letter-spacing: 0.05em; text-transform: uppercase; } .unit-modal__availability { font-size: 0.8125rem; color: var(--color-quaternary-darker); } .unit-modal__empty { text-align: center; padding: 3rem 1rem; color: var(--color-quaternary-darker); font-size: 1rem; }  .pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:rgba(79, 79, 79, 0.4);--pswp-preloader-color-secondary:rgba(255, 255, 255, 0.9);--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color)}.pswp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--pswp-root-z-index);display:none;touch-action:none;outline:0;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:transparent}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{transform:translateZ(0);will-change:opacity}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__bg,.pswp__container,.pswp__content,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__button,.pswp__container,.pswp__counter,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{margin:auto;font-size:1em;line-height:1;color:var(--pswp-error-text-color)}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{position:relative;display:block;width:50px;height:60px;padding:0;margin:0;overflow:hidden;cursor:pointer;background:0 0;border:0;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none}.pswp__button:active,.pswp__button:focus,.pswp__button:hover{transition:none;padding:0;background:0 0;border:0;box-shadow:none;opacity:1}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary)}.pswp__icn{position:absolute;top:14px;left:9px;width:32px;height:32px;overflow:hidden;pointer-events:none}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}.pswp__img--with-bg,div.pswp__img--placeholder{background:var(--pswp-placeholder-bg)}.pswp__top-bar{position:absolute;left:0;top:0;width:100%;height:60px;display:flex;flex-direction:row;justify-content:flex-end;z-index:10;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{position:absolute;top:0;width:75px;height:100px;top:50%;margin-top:-50px}.pswp__button--arrow:disabled{display:none;cursor:default}.pswp__button--arrow .pswp__icn{top:50%;margin-top:-30px;width:60px;height:60px;background:0 0;border-radius:0}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{right:auto;left:0}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scale(-1,1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{position:relative;overflow:hidden;width:50px;height:60px;margin-right:auto}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:pswp-clockwise .6s linear infinite}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pswp__counter{height:30px;margin-top:15px;margin-inline-start:20px;font-size:14px;line-height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85}.pswp--one-slide .pswp__counter{display:none}  .copyright { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 12px; line-height: 1; padding: 1rem var(--x-gap); color: #fff; background-color: #121212; } .copyright img { height: 1.1em; vertical-align: middle; }