
/* ASTRA visual 2026-11-09: append after the assembled s-1109.css. */
*,*::before,*::after{box-sizing:border-box}
header.top{min-width:0;max-width:100%;flex-wrap:wrap}
.top .gnav{min-width:0;flex-wrap:wrap;gap:12px}.top .gnav>a,.top summary{white-space:normal;overflow-wrap:anywhere}
.top select{max-width:min(180px,100%)}
.fvin,.fvin form{min-width:0;max-width:100%}.fvt{overflow-wrap:anywhere;text-wrap:balance}
.qregs{display:flex;flex-wrap:wrap;overflow:visible;gap:8px}.qreg{white-space:normal;max-width:100%;overflow-wrap:anywhere}
.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.card{min-width:0}.card .thumb{position:relative;aspect-ratio:16/9;height:auto;flex-shrink:0;overflow:hidden}.card .thumb img{display:block;width:100%;height:100%;object-fit:cover}
.card h3{position:relative;overflow-wrap:anywhere}.card img{max-width:100%}
.art,.prose,main{min-width:0}.art img{max-width:100%;height:auto}.art iframe{max-width:100%}
.destination-heading .heroT{overflow-wrap:anywhere;font-size:clamp(24px,3vw,36px)}
[dir=rtl] .destination-heading .heroT{text-align:right}[dir=rtl] .planning-flow{text-align:start}
@media(max-width:1100px) and (min-width:701px){header.top{display:grid;grid-template-columns:minmax(160px,1fr) minmax(100px,180px)}.top .gnav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap}.top select{grid-column:2;grid-row:1}}
@media(max-width:700px){.fvin{padding:28px 18px}.fv{min-height:460px}.qreg{font-size:14px;padding:8px 12px}.top .gnav{max-width:100%}.full-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
