/* =========================================================
   SVETEC — refined enhancements
   (hero motion, availability interactions, progress, tweaks)
   ========================================================= */

/* ---------- Hero: slow elegant settle ---------- */
@media (prefers-reduced-motion: no-preference){
  body.fx-hero .phero-bg img{will-change:transform;animation:svKB 13s cubic-bezier(.18,.52,.24,1) both}
}
@keyframes svKB{from{transform:scale(1.075)}to{transform:scale(1.001)}}

/* ---------- Facts: stable digits during count-up ---------- */
.facts .f b{font-variant-numeric:tabular-nums}

/* ---------- Availability: discreet summary chip ---------- */
.avail-sum{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.2rem;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brown);border:1px solid rgba(210,180,140,.55);padding:.55rem .95rem;background:var(--warm,#FDFCF0)}
.avail-sum .dot{width:7px;height:7px;border-radius:50%;background:var(--gold,#C79A4B)}

/* ---------- Availability: interactive rows ---------- */
.avail tbody tr{transition:background .25s ease}
.avail tbody tr[data-plan-i]{cursor:pointer}
.avail tbody tr.is-sold td{opacity:.55}
.avail-hint{margin-top:.9rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stone,#A9A9A9)}

/* ---------- Availability: cards variant ---------- */
.avail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(210,180,140,.5);border:1px solid rgba(210,180,140,.5)}
.avail-cards .acard{background:var(--ivory,#FAF9F6);padding:1.6rem 1.5rem;display:flex;flex-direction:column;gap:1.05rem;transition:background .3s ease}
.avail-cards .acard:hover{background:var(--warm,#FDFCF0)}
.avail-cards .ac-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.avail-cards .ac-u{font-family:'Playfair Display',serif;font-size:1.7rem;color:var(--primary)}
.avail-cards .ac-status{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.avail-cards .ac-specs{font-size:.85rem;color:var(--ink-variant);display:flex;flex-wrap:wrap;gap:.35rem .55rem}
.avail-cards .ac-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(210,180,140,.4);padding-top:1rem}
.avail-cards .ac-price{font-weight:600;color:var(--primary)}
.avail-cards .ac-plan{background:none;border:0;padding:0;font:600 .68rem 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--brown);cursor:pointer;display:inline-flex;align-items:center;gap:.4em}
.avail-cards .ac-plan:hover{color:var(--primary)}
.avail-cards .acard.is-sold{opacity:.6}
@media(max-width:900px){.avail-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.avail-cards{grid-template-columns:1fr}}

/* ---------- Follow the build (social) ---------- */
.follow-band{border:1px solid rgba(210,180,140,.5);background:var(--warm,#FDFCF0);display:flex;align-items:center;justify-content:space-between;gap:1.4rem 2.5rem;padding:clamp(1.6rem,3vw,2.4rem) clamp(1.6rem,3.5vw,2.6rem);flex-wrap:wrap}
.follow-band h3{font-family:'Playfair Display',serif;font-size:clamp(1.3rem,2.2vw,1.7rem);color:var(--primary);margin:.9rem 0 .5rem;font-weight:500}
.follow-band p{color:var(--ink-variant);margin:0;max-width:46ch;line-height:1.6}
.follow-band .fb-actions{display:flex;gap:.8rem;flex-wrap:wrap}
.follow-band .fb-actions svg{flex:0 0 auto}

/* ---------- Tweaks panel ---------- */
.sv-tweaks{position:fixed;top:18px;right:18px;z-index:9999;width:250px;background:#fff;border:1px solid rgba(120,108,92,.25);box-shadow:0 18px 50px rgba(30,20,10,.18);font:400 13px/1.45 'Inter',sans-serif;color:#33210D;display:none}
.sv-tweaks.open{display:block}
.sv-tweaks header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(120,108,92,.18)}
.sv-tweaks header b{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.sv-tweaks header button{background:none;border:0;font-size:16px;cursor:pointer;color:#8a7a66;padding:2px 4px}
.sv-tweaks .row{padding:11px 14px;border-bottom:1px solid rgba(120,108,92,.1)}
.sv-tweaks .row:last-child{border-bottom:0}
.sv-tweaks label.t{display:block;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8a7a66;margin-bottom:7px}
.sv-tweaks .seg{display:flex;border:1px solid rgba(120,108,92,.3)}
.sv-tweaks .seg button{flex:1;background:none;border:0;padding:7px 0;font:600 11px 'Inter',sans-serif;letter-spacing:.06em;color:#6b5b48;cursor:pointer}
.sv-tweaks .seg button.on{background:#4B3621;color:#fff}
.sv-tweaks .sw{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}
.sv-tweaks .sw .lbl{font-size:12.5px;color:#33210D}
.sv-tweaks .sw .tr{width:34px;height:19px;border-radius:19px;background:#d9d2c6;position:relative;transition:background .2s;flex:0 0 auto}
.sv-tweaks .sw .tr::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:left .2s}
.sv-tweaks .sw.on .tr{background:#4B3621}
.sv-tweaks .sw.on .tr::after{left:17px}