.date-arrival-card{display:block;padding:27px;margin-bottom:20px}
.date-arrival-card .last-minute-badge{margin-bottom:16px}
.arrival-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.arrival-heading p{margin:0;font-size:calc(12px * var(--scale));color:#465c4b}
.arrival-heading h4{margin:0;font:calc(28px * var(--scale))/1.3 var(--serif)}
.stay-length-options{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stay-length-options legend{font-size:calc(12px * var(--scale));font-weight:500;margin-bottom:12px;padding:0}
.stay-length-choice{display:block;position:relative;min-width:0;cursor:pointer}
.stay-length-choice input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.stay-length-label{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #bfccb9;border-radius:14px;padding:16px 8px;background:#f6f8f0;color:#233f33;transition:background .2s,color .2s,border-color .2s;min-height:100%;text-align:center}
.stay-length-label strong{font:calc(24px * var(--scale))/1.25 var(--serif)}
.stay-length-label small{font:calc(12px * var(--scale))/1.4 var(--sans)}
.stay-length-label>span{font-size:calc(11px * var(--scale));line-height:1.5}
.stay-length-label b{font-size:calc(13px * var(--scale));font-weight:600;margin-top:4px;line-height:1.5}
.stay-length-choice:hover .stay-length-label{border-color:#42685b;background:#e9efdf}
.stay-length-choice input:checked+.stay-length-label{background:#2b4b3d;border-color:#2b4b3d;color:#fffef8;box-shadow:0 2px 0 #163529}
.stay-length-choice input:focus-visible+.stay-length-label{outline:3px solid #a67933;outline-offset:3px}
.arrival-price-basis{font-size:calc(11px * var(--scale));line-height:1.7;color:#465c4b;margin:13px 0 20px}
.date-variant{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;scroll-margin-top:145px}
.date-variant[hidden]{display:none!important}
.date-variant>*{min-width:0}
.stay-length-options~.date-variant{border-top:1px solid var(--line);padding-top:22px}
.date-variant .date-title{margin:0}
.date-variant .button{align-self:center;white-space:normal}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){
 .date-arrival-card{padding:21px}
 .arrival-heading{display:block;margin-bottom:18px}
 .arrival-heading h4{font-size:calc(26px * var(--scale));margin-top:5px}
 .stay-length-options{gap:8px}
 .stay-length-label{padding:13px 5px;border-radius:11px}
 .stay-length-label strong{font-size:calc(22px * var(--scale))}
 .stay-length-label small{display:block;font-size:calc(10px * var(--scale))}
 .stay-length-label>span{font-size:calc(9px * var(--scale))}
 .stay-length-label b{font-size:calc(11px * var(--scale))}
 .date-variant{grid-template-columns:minmax(0,1fr);gap:17px;scroll-margin-top:115px}
 .date-variant .date-price{display:block}
 .date-variant .date-price strong{margin-top:7px}
 .arrival-price-basis{font-size:calc(10px * var(--scale))}
 html[data-reading-scale="140"] .stay-length-options,html[data-reading-scale="160"] .stay-length-options{grid-template-columns:1fr}
 html[data-reading-scale="140"] .stay-length-label,html[data-reading-scale="160"] .stay-length-label{flex-direction:row;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:13px}
 html[data-reading-scale="140"] .stay-length-label small,html[data-reading-scale="160"] .stay-length-label small{display:inline}
}
@media(prefers-reduced-motion:reduce){.stay-length-label{transition:none}}