.zi-selection{background:#f5f9fa;color:#173b47;padding:50px 0 40px;font-family:Inter,system-ui,sans-serif;overflow-wrap:anywhere}
.zi-selection *{box-sizing:border-box}
.zi-selection [hidden]{display:none!important}
.zi-selection-shell{width:100%;max-width:1800px;margin:auto;padding-inline:clamp(20px,4.5vw,96px)}
.zi-selection-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}
.zi-selection-eyebrow{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#5a717b;margin:0 0 10px}
.zi-selection h2{font-size:clamp(1.9rem,2.4vw,2.9rem);font-weight:500;letter-spacing:-.04em;line-height:1.15;color:#173b47;margin:0}
.zi-selection-controls{display:flex;gap:8px;flex-shrink:0}
.zi-selection-controls button{width:44px;height:44px;background:transparent;border:1px solid #c9d8dd;border-radius:50%;font-size:1.1rem;color:#173b47;cursor:pointer}
.zi-selection-controls button:hover:not(:disabled){background:#173b47;color:#fff;border-color:#173b47}
.zi-selection-controls button:disabled{opacity:.35;cursor:default}
.zi-selection-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b6cbd3 transparent;padding:0 0 14px;align-items:stretch}
.zi-selection-card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start;margin:0;display:flex}
.zi-selection-card>a{display:flex;flex-direction:column;width:100%;text-decoration:none;color:#173b47;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e1eaed;transition:border-color .15s}
.zi-selection-card>a:hover{color:#173b47;border-color:#a1bdc9;text-decoration:none}
.zi-selection-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#dce8ec}
.zi-selection-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.zi-selection-card>a:hover .zi-selection-image{transform:scale(1.025)}
.zi-selection-badge{position:absolute;top:14px;left:14px;background:#173b47f0;border:1px solid #ffffff80;color:#fff;letter-spacing:.06em;font-size:.66rem;padding:7px 11px;border-radius:3px}
.zi-selection-body{padding:18px;display:flex;flex-direction:column;flex:1}
.zi-selection-type{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#526d78;margin-bottom:12px}
.zi-selection-tier{color:#756039;background:#f6f0e2;border-radius:3px;padding:4px 7px;white-space:nowrap}
.zi-selection-location{font-size:.72rem;line-height:1.5;color:#637b84;margin:0 0 10px}
.zi-selection h3{font-size:1.02rem;line-height:1.4;font-weight:500;color:#173b47;margin:0 0 22px;letter-spacing:-.02em}
.zi-selection-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}
.zi-selection-footer strong{font-size:.85rem;font-weight:600;color:#173b47}
.zi-selection-open{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #d6e2e7;border-radius:50%}
.zi-selection-catalog{display:inline-flex;align-items:center;gap:18px;font-size:.78rem;font-weight:600;color:#214e60;text-decoration:none;margin-top:20px}
.zi-selection-catalog:hover{color:#173b47;text-decoration:underline;text-underline-offset:4px}
.zi-selection :is(a,button,[tabindex]):focus-visible{outline:3px solid #b2894f;outline-offset:3px}
@media(max-width:1199px){.zi-selection-card{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:991px){.zi-selection-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:575px){.zi-selection{padding-top:34px;padding-bottom:30px}.zi-selection-header{align-items:center}.zi-selection h2{font-size:1.9rem}.zi-selection-eyebrow{font-size:.6rem}.zi-selection-track{gap:16px}.zi-selection-card{flex-basis:88%}.zi-selection-controls button{width:40px;height:40px}.zi-selection-body{padding:16px}}
@media(prefers-reduced-motion:reduce){.zi-selection-image,.zi-selection-card>a{transition:none}.zi-selection-card>a:hover .zi-selection-image{transform:none}}