/* -------------------------
   Title
------------------------- */
.section-title {background:var(--primary-400) url(/images/background-footer.webp); background-size:auto 600px; color:var(--neutral-100); padding:4rem 0; padding-top:calc(var(--header-height) + 4rem);}
.icon-list {display: flex; flex-direction: column; gap:1rem;}
.icon-list .icon {display:flex; column-gap:1rem;}
.icon-list .icon:not(:first-child) {border-top:1px solid var(--primary-400); padding-top:1rem;}
.icon-list .icon>div:nth-child(1) {flex:0 0 32px;}
.icon-list[data-size='xl'] .icon>div:nth-child(1) {flex:0 0 60px;}


/* -------------------------
   Table
------------------------- */
.table {width:100%; max-width:480px; border-collapse:collapse; margin-bottom:1.75rem;}
.table th {color:var(--neutral-100); font-weight:var(--fw-medium); border-bottom:2px solid var(--primary-300); padding:1rem 0; text-align:left; background:#565452; font-size:1rem;}
.table td {border-bottom:1px solid var(--primary-300); padding:1rem 0; transition:background-color .6s ease-out;}
.table th:nth-child(1),
.table td:nth-child(1) {font-weight:var(--fw-medium);}
.table th,
.table td {padding-left:0.5rem;}
.table th:last-child,
.table td:last-child {padding-right:0.5rem;}
.table tr:hover td {background-color:var(--primary-300);}


/* -------------------------
   Floor Plans and Zoom
------------------------- */
.section-floor-plans {background:var(--neutral-400);}
.zoom-container {overflow:hidden; position:relative; width:100%; background:var(--neutral-100); border:10px solid var(--neutral-100);}
.zoom {width:100%; height:100%;}
.zoom img {width:100%; height:100%; object-fit:contain; display:block;}
.section-floor-plans .zoom-container {height:400px;}
.zoom-controls {margin-top:1rem; display:inline-flex; border:1px solid var(--primary-400); height:50px; border-radius:24px; align-items:center; padding:0 3px; column-gap:1rem;}

.btn-zoom {border-radius:50%; background-color:var(--primary-400); position:relative; color:var(--neutral-100); width:44px; height:44px; transition:var(--transition-default); cursor:pointer; display:flex; justify-content:center; align-items:center; font-size:28px;}
.btn-zoom:hover {background-color:var(--primary-300);}
.btn-zoom::before,
.btn-zoom::after {content:''; width:10px; height:2px; background:var(--neutral-100); position:absolute; top:50%; left:50%; translate:-50% -50%; transition:rotate 0.3s ease-out;}
.btn-zoom::after {rotate:90deg;}
.btn-zoom.zoom-out::after {rotate:0deg;}
.btn-zoom.disabled {opacity:0.5; pointer-events:none; cursor:default;}

@media (min-width:768px) {
    .section-floor-plans .zoom-container {height:auto;}
}