:root{--green:#103424;--ink:#103424;--orange:#e27643;--cream:#f3eedf}
body{background:var(--green)}
.hero{height:94svh;min-height:760px;max-height:1050px;background:var(--green)}
.hero::after{background:linear-gradient(180deg,#081d1840,#0b211a25 25%,#061e1780 100%)}
.hero::before{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:105px;background:url('../images/bg-top-fotos.png') center top/100% 100% no-repeat;z-index:2;pointer-events:none}
.navigation{height:155px;width:92%;max-width:1600px;border:0;gap:25px}
.nav-side{font-size:11px;letter-spacing:1px;width:200px}
.nav-pill{display:flex;align-items:center;justify-content:space-between;background:var(--cream);border-radius:90px;width:720px;min-height:88px;padding:0 35px;gap:25px;color:#a64420}
.nav-pill>a:not(.brand){font-size:11px;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}
.brand{background:none;padding:0}.brand img{width:260px}.compass{width:75px;margin-left:90px;margin-right:35px}
.hero-copy{left:5%;right:5%;top:32%;text-align:center}
.hero-copy h1{font-size:clamp(50px,5.7vw,84px);line-height:1.15;letter-spacing:-1px;text-shadow:0 2px 25px #08241b55}
.hero-copy .eyebrow{font-size:11px;letter-spacing:3px}.hero-copy>p:not(.eyebrow){margin:23px 0 27px;font-size:15px}
.button{border-radius:40px;font-size:12px;padding:15px 27px}.hero .button{color:#fff;background:#ad4a25}.hero .button:hover{background:#c3562e}
.hero-bottom{bottom:105px;left:6%;letter-spacing:1.8px;font-size:9px;width:88%}
.forest-content{position:relative;color:var(--cream);isolation:isolate;overflow:hidden}
.forest-content::before{content:'';position:absolute;right:-150px;top:-140px;width:700px;height:1200px;background:url('contours.svg') center/cover;opacity:.12;z-index:-1;pointer-events:none}
.intro{display:block;text-align:center;padding:58px 0 50px;max-width:830px;position:relative}
.intro h2{font-size:clamp(40px,4vw,58px);color:var(--orange)}
.intro h2 br{display:none}.intro em{color:var(--cream);display:block;margin-top:8px}
.intro .eyebrow{margin-bottom:20px;color:#bccbb5}.intro>p{max-width:660px;margin:27px auto 0;color:#d6ddcc;font-size:14px}
.trail-marker{display:block;color:var(--orange);font-size:9px;letter-spacing:2px;margin-bottom:28px}
.intro .trail-marker:after{content:'';display:block;height:40px;width:1px;border-right:1px dashed #e2764370;margin:15px auto 0}
.cabins{gap:55px;padding-bottom:115px}.photo-button{border-radius:18px;height:420px}.photo-label{border-radius:20px;padding:6px 15px;font-size:9px}.photo-open{background:#103424ce;border:1px solid #ffffff40;border-radius:30px;padding:7px 15px}
.cabin-heading h3{color:var(--orange);font-size:46px}.cabin-heading>span{color:#becbb7}.cabin>p{color:#dae0d1}.features{color:#d0dac6}.text-link{border-color:#ffffff35}.cabin .text-link{color:var(--cream)}.cabin .text-link:hover{color:var(--orange)}.cabin small{color:#b3c3a9}.features span:before{color:var(--orange)}
.experience{background:var(--cream);color:var(--green);position:relative;padding:90px 6%;gap:8%;grid-template-columns:1fr 1fr}
.experience::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:37px;background:var(--green);clip-path:polygon(0 0,100% 0,100% 60%,98% 54%,96% 65%,93% 35%,90% 50%,88% 30%,85% 59%,81% 42%,78% 76%,75% 51%,72% 67%,68% 49%,65% 72%,63% 46%,60% 90%,56% 60%,53% 80%,49% 46%,45% 70%,42% 45%,38% 80%,35% 64%,31% 84%,27% 50%,24% 68%,21% 40%,17% 60%,14% 41%,11% 70%,8% 42%,5% 68%,2% 55%,0 70%)}
.experience-photo{transform:rotate(-2deg);padding:10px;background:#fffdf6;box-shadow:0 12px 24px #203a2d18;align-self:center}.experience-photo img{height:490px}.experience-copy{padding:30px 0;max-width:450px}.experience-copy h2{font-size:52px}.experience-copy em{color:#a94c28}.experience-copy>p:not(.eyebrow){color:#586551}.experience-copy .text-link{border-color:#10342440}.experience .eyebrow{font-size:10px}.experience .trail-marker{color:#a94c28}
.destination{max-width:none;width:100%;padding:70px 6% 105px;background:var(--cream);position:relative;overflow:hidden;isolation:isolate}
.destination:before{content:'';position:absolute;width:500px;height:850px;top:-380px;left:-260px;background:url('contours.svg') center/contain;opacity:.35;transform:rotate(45deg);z-index:-1}
.destination h2{font-size:49px}.destination em{color:#a94c28}.destination .trail-marker{color:#a94c28}.destination .eyebrow{display:none}.destination>p:not(.eyebrow){color:#586551}
.booking{position:relative;isolation:isolate;background:url('assets/booking-background.webp') center/cover;min-height:490px;padding:125px 0 75px;border:0;color:var(--cream);margin-top:-40px;clip-path:polygon(0 4%,2% 2%,4% 5%,7% 3%,9% 6%,12% 4%,15% 7%,17% 4%,20% 6%,23% 2%,25% 5%,28% 3%,31% 6%,34% 4%,38% 7%,41% 3%,44% 5%,47% 1%,50% 3%,53% 0,57% 2%,60% 1%,63% 4%,66% 2%,69% 5%,72% 3%,75% 6%,78% 3%,81% 5%,84% 2%,87% 5%,90% 3%,93% 6%,96% 3%,98% 4%,100% 2%,100% 100%,0 100%)}
.booking-shade{position:absolute;inset:0;background:#08221980;z-index:-1}.booking-inner{gap:12%;grid-template-columns:1.2fr 1fr}.booking h2{font-size:51px}.booking p:not(.eyebrow){color:#e0e6d9}.booking .eyebrow{color:#f3b08a}.booking form{background:#103424e6;border:1px solid #d0dac650;padding:28px;border-radius:16px}.booking select{color:var(--cream);border-color:#cbd7bf80}.booking option{background:var(--green)}.booking form .button{background:var(--cream);color:var(--green);margin-top:8px}.booking form small{color:#cbd7bf}
footer{color:#cbd7bf;padding:36px 0 20px}.footer-brand img{width:130px}.version-links{display:flex;flex-direction:column;gap:10px}footer small{color:#b1c1a6;border-color:#cbd7bf30}dialog .gallery-top h2{color:var(--green)}
.booking{clip-path:none;mask-image:url('../images/bg-top-fotos.png'),linear-gradient(#000,#000);mask-size:100% 110px,100% calc(100% - 80px);mask-position:center top,center bottom;mask-repeat:no-repeat}
@media(min-width:1600px){.hero-copy{left:5%}.hero-bottom{left:6%;max-width:none}}
@media(max-width:1100px){.nav-side{display:none}.navigation{justify-content:center}.compass{margin:0 0 0 20px;width:60px}.nav-pill{width:650px}.nav-pill .brand img{width:230px}.experience-copy h2{font-size:42px}.booking h2{font-size:43px}}
@media(max-width:700px){.hero{height:92svh;min-height:730px}.navigation{height:120px;width:92%}.compass{display:none}.nav-pill{width:100%;padding:7px 13px;gap:9px;min-height:74px}.nav-pill .brand img{width:155px}.nav-pill>a:not(.brand){font-size:8px;letter-spacing:0;white-space:normal;max-width:65px;text-align:center;line-height:1.5}.hero-copy{top:27%;left:6%;right:6%}.hero-copy h1{font-size:45px;letter-spacing:-.6px}.hero-copy .eyebrow{font-size:8px;letter-spacing:2px}.hero-copy>p:not(.eyebrow){font-size:13px;margin:23px 0}.hero-bottom{bottom:100px;font-size:8px;letter-spacing:.7px}.hero-bottom a{font-size:8px}.hero-bottom a span{margin-left:8px}.hero:before{height:80px;background-size:200% 100%;background-position:35% top}.intro{padding:30px 0 40px}.intro h2{font-size:37px}.intro>p{font-size:13px}.cabins{gap:50px;padding-bottom:65px}.photo-button{height:360px}.cabin-heading h3{font-size:39px}.experience{padding:65px 6% 40px;gap:24px;grid-template-columns:1fr}.experience-photo img{height:350px}.experience-copy{padding:20px 0 0}.experience-copy h2{font-size:40px}.destination{padding:30px 6% 90px}.destination h2{font-size:35px}.booking{padding:100px 0 45px;clip-path:polygon(0 2%,5% 1%,10% 3%,15% 2%,20% 4%,25% 1%,30% 3%,35% 2%,40% 4%,45% 2%,50% 0,55% 2%,60% 1%,65% 3%,70% 2%,75% 4%,80% 2%,85% 3%,90% 1%,95% 3%,100% 2%,100% 100%,0 100%)}.booking-inner{grid-template-columns:1fr;gap:30px}.booking h2{font-size:38px}.booking form{padding:22px}.footer-brand img{width:100px}footer{align-items:center;font-size:9px}.version-links{max-width:170px}}
@media(max-width:700px){.booking{clip-path:none;mask-size:200% 90px,100% calc(100% - 60px)}}
/* Refinamento das galerias e chamadas de reserva. */
.hero-bottom{justify-content:flex-end}
.cabin-heading h3{font-size:clamp(28px,3vw,43px)}
.photo-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.photo-thumbnails button{position:relative;display:block;padding:0;border:0;border-radius:10px;overflow:hidden;background:#0c281d;aspect-ratio:1.45;color:#fff}
.photo-thumbnails img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.photo-thumbnails button:hover img{transform:scale(1.05)}
.more-photos{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#071b1466;font-size:11px;text-shadow:0 1px 6px #000}
.more-photos b{font-size:34px;line-height:1.2;font-weight:400}
.calendar-icon{width:22px;height:22px;flex-shrink:0;display:inline-block;vertical-align:middle}
.unit-links{gap:18px}.unit-links .text-link{gap:10px}
.contact-phone{display:inline-flex;flex-direction:column;margin-top:25px;font-family:Karelle,Georgia,serif;font-size:33px;line-height:1.5}
.contact-phone span{font-family:Inter,Arial,sans-serif;font-size:9px;letter-spacing:2px;color:#f3b08a}
.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:8;display:flex;align-items:center;gap:10px;background:#17633e;color:#fff;border:1px solid #b8d7ba70;border-radius:40px;padding:13px 20px;box-shadow:0 4px 20px #0004;font-size:12px}
.floating-whatsapp img{width:26px;height:26px}.floating-whatsapp:hover{background:#227c51}
body:has(dialog[open]){overflow:hidden}footer{padding-bottom:100px}
@media(max-width:700px){.cabin-heading h3{font-size:30px}.photo-thumbnails{gap:8px;margin-top:8px}.photo-thumbnails button{aspect-ratio:1.15}.unit-links .text-link{font-size:11px}.unit-links{gap:12px}.calendar-icon{width:20px;height:20px}.floating-whatsapp{bottom:18px;right:18px;padding:14px}.floating-whatsapp span{display:none}.contact-phone{font-size:30px}.more-photos{font-size:9px}.more-photos b{font-size:28px}}
@media(prefers-reduced-motion:reduce){.photo-thumbnails img{transition:none}}
/* Foto em meia tela, como na primeira proposta. */
.experience{grid-template-columns:1fr 1fr;gap:0;padding:0;background:var(--green);color:var(--cream)}
.experience::before{display:none}
.experience-photo{transform:none;padding:0;background:none;box-shadow:none;align-self:stretch}
.experience-photo img{width:100%;height:100%;min-height:650px;object-fit:cover}
.experience-copy{padding:80px 12%;max-width:none;align-self:center}
.experience-copy em{color:#b9c1a4}
.experience-copy>p:not(.eyebrow){color:#d1d7cb}
.experience-copy .text-link{border-color:#ffffff40}
@media(max-width:1000px){.experience-photo img{min-height:590px}.experience-copy{padding:45px 10%}}
@media(max-width:700px){.experience{grid-template-columns:1fr}.experience-photo img{height:390px;min-height:0}.experience-copy{padding:50px 6%}}
.stay-dates{margin:8px 0 0;padding:0;border:0;min-width:0}.stay-dates legend{font-size:9px;letter-spacing:1.5px;margin-bottom:10px}.stay-dates legend span{letter-spacing:0;text-transform:none;color:#cbd7bf}.date-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.date-fields label{display:block;font-size:11px;letter-spacing:0;margin-bottom:5px}.date-fields input{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid #cbd7bf70;border-radius:7px;background:#103424;color:var(--cream);color-scheme:dark;font:inherit;font-size:13px;padding:10px 8px}.date-fields input:focus-visible{outline:2px solid #f3b08a;outline-offset:3px}.stay-dates>small{display:block;margin-top:9px;line-height:1.5}
/* Meia tela com a paleta clara da seção de Urubici. */
.experience{background:var(--cream);color:var(--green)}
.experience-copy em{color:#a94c28}
.experience-copy>p:not(.eyebrow){color:#586551}
.experience-copy .text-link{border-color:#10342440}
/* Vista ampla da propriedade: a mata e as montanhas enquadram a hospedagem. */
.hero-image{object-position:center 60%}
.hero::after{background:linear-gradient(180deg,#081d1820,transparent 35%,#061e1720 100%)}
@media(max-width:700px){.hero-image{object-position:52% center}}
/* Enquadramento central preservado nas telas largas e verticais. */
.hero-image{object-position:50% 50%}
@media(max-width:700px){.hero-image{object-position:50% 50%}}
.developer-credit{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.developer-credit>span:first-child{font-size:8px;letter-spacing:1.5px;color:#cbd7bf}.developer-logo{position:relative;display:block;width:170px}.developer-logo img{display:block;width:100%;height:auto}.developer-logo .developer-logo-white{position:absolute;inset:0;filter:brightness(0) invert(1);clip-path:inset(0 0 0 24%)}
@media(max-width:700px){.developer-logo{width:140px}}
/* Diferenciais visíveis e informações completas sob demanda. */
.cabins{align-items:start}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:24px 0;font-size:12px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.feature-grid span{padding:12px 8px 12px 0}.feature-grid span:before{color:var(--orange);margin-right:8px}.amenities{margin:20px 0;color:#dae0d1;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}.amenities summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;padding:16px 0;font-size:12px;list-style:none;color:var(--cream)}.amenities summary::-webkit-details-marker{display:none}.amenities summary::after{content:'+';font-size:24px;line-height:1;color:var(--orange)}.amenities[open] summary::after{content:'−'}.amenities summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.amenities-content{padding:0 0 20px;font-size:12px}.amenities-content h4{color:var(--cream);font-size:12px;font-weight:400;margin:20px 0 8px}.amenities-content ul{padding-left:18px;margin:0}.amenities-content li{margin:5px 0}.amenities-content li::marker{color:var(--orange)}.access-note{border-left:2px solid var(--orange);padding:2px 0 2px 16px;margin:24px 0;font-size:12px;color:#d6ddcc}.access-note strong{font-size:12px;font-weight:400;color:#f3b08a;display:block;margin-bottom:6px}.tv-note{margin-top:20px;color:#d6ddcc}.amenities+.text-link{border-top:0}
@media(max-width:700px){.feature-grid{font-size:11px;gap:0 8px}}
/* Delimita os detalhes expandidos e separa a ação de reserva. */
.amenities-content{border-left:2px solid var(--orange);padding:0 0 0 18px;margin:4px 0 24px}
.amenities-content h4:first-child{margin-top:0}
.amenities-content .access-note{border:0;padding:0;margin:0 0 24px}
.cabin .availability-cta{display:flex;width:fit-content;max-width:100%;margin:24px 0 0 auto;padding:12px 19px;justify-content:flex-end;gap:13px;border:1px solid #d8c5a26b;border-radius:30px;background:var(--cream);color:var(--green);font-size:12px;line-height:1.5}
.cabin .availability-cta:hover{background:#e4dac5;color:var(--green);border-color:#e4dac5}
.cabin .availability-cta:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.cabin .availability-cta+small{margin-top:16px}
.cabin .availability-cta{margin-left:0;margin-right:auto;justify-content:flex-start}
.faq-section{background:var(--cream);color:var(--green);padding:0 0 110px}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:9%;align-items:start}.faq-section .eyebrow{color:#a94c28}.faq-section h2{font-size:42px}.faq-list details{border-bottom:1px solid #10342430}.faq-list details:first-child{border-top:1px solid #10342430}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;cursor:pointer;list-style:none;font-size:13px;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:#a94c28;font-size:24px}.faq-list details[open] summary:after{content:'−'}.faq-list p{border-left:2px solid #a94c28;padding-left:16px;margin:0 0 23px;color:#586551;font-size:13px}.faq-list summary:focus-visible{outline:2px solid #a94c28;outline-offset:3px}@media(max-width:700px){.faq-layout{grid-template-columns:1fr;gap:28px}.faq-section{padding-bottom:90px}.faq-section h2{font-size:35px}}
/* Título 10% menor e chamada compacta para a seção abaixo. */
.hero-copy h1{font-size:clamp(45px,5.13vw,75.6px)}
.hero-copy .button{width:fit-content;max-width:100%;gap:12px;padding:13px 20px;justify-content:center}
@media(max-width:700px){.hero-copy h1{font-size:40.5px}}
/* Chamada consistente com os botões das cabanas. */
.experience-copy .planning-cta{display:flex;width:fit-content;max-width:100%;margin-top:24px;padding:12px 19px;gap:13px;justify-content:flex-start;border:1px solid #10342440;border-radius:30px;background:var(--green);color:var(--cream);font-size:12px;line-height:1.5}
.experience-copy .planning-cta:hover{background:#20513a;color:var(--cream)}
/* Faixa de assinatura compacta. */
footer.wrap{padding:22px 0;gap:20px;align-items:center;min-height:0}
footer .footer-brand img{width:78px}
footer .copyright{font-size:10px;color:#cbd7bf;line-height:1.6}
footer .developer-logo{width:132px}
footer .developer-credit{gap:5px}
footer .developer-credit>span:first-child{font-size:7px;letter-spacing:1px}
@media(max-width:700px){footer.wrap{padding:20px 0 85px;gap:16px;justify-content:space-between}footer .footer-brand img{width:64px}footer .developer-logo{width:120px}footer .copyright{order:2;width:100%;font-size:9px;text-align:center}}
@media(min-width:701px){.floating-whatsapp{bottom:calc(24px + var(--footer-lift,0px));transition:bottom .18s ease-out,background .2s ease}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp{transition:none}}
/* Mais respiro para a marca dentro do menu no desktop. */
@media(min-width:701px){.nav-pill .brand img{width:230px}}
@media(min-width:701px) and (max-width:1100px){.nav-pill .brand img{width:205px}}
/* Sem contorno após abrir fotos com mouse/toque; foco preservado no teclado. */
[data-gallery]:focus:not(:focus-visible),[data-gallery].pointer-opened:focus{outline:none;box-shadow:none}
.cabin-price{margin-top:26px;color:var(--cream)}
.cabin-price p{font-size:13px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.cabin-price strong{font-family:Karelle,Georgia,serif;font-size:32px;font-weight:400;color:var(--orange);line-height:1.2}
.cabin .cabin-price small{margin-top:7px;font-size:11px;line-height:1.6;color:#cbd7bf}
.cabin-price+.availability-cta{margin-top:16px}
.cabin-price .price-period{font-size:12px;color:#cbd7bf;font-weight:400}
/* Controle de detalhes separado visualmente do conteúdo e da reserva. */
.cabin .amenities{border:0;margin:22px 0}
.cabin .amenities summary{background:#234b38;border:1px solid #ffffff18;border-radius:10px;padding:15px 18px;color:var(--cream);transition:background .18s ease}
.cabin .amenities summary:hover{background:#2c5943}
.cabin .amenities summary::after{color:var(--orange);flex-shrink:0}
.cabin .amenities[open] summary{background:#234b38}
.cabin .amenities-content{margin:20px 0 24px 18px;padding-left:18px}
@media(prefers-reduced-motion:reduce){.cabin .amenities summary{transition:none}}
.cancellation-policy{border-left:2px solid #a94c28;padding-left:16px;margin-bottom:23px;font-size:13px;color:#586551}.cancellation-policy ul{padding-left:18px;margin:0 0 16px}.cancellation-policy li{margin-bottom:10px}.faq-list .cancellation-policy p{border:0;padding:0;margin:12px 0}.stay-dates #dates-warning{color:#ffd1b5;font-size:12px}.stay-dates #dates-warning[hidden]{display:none}.date-fields input[aria-invalid="true"]{border-color:#ffb88f}
/* Ícones consistentes, inclusive nos controles nativos do iOS. */
.booking select{appearance:none;-webkit-appearance:none;padding-right:34px;font-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3eedf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:20px}
.date-control{position:relative;background:#103424;border-radius:7px}
.date-control::after{content:'';position:absolute;right:11px;top:50%;transform:translateY(-50%);width:19px;height:19px;pointer-events:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3eedf' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 2v6M17 2v6M3 11h18'/%3E%3C/svg%3E")}
.date-fields .date-control input{appearance:none;-webkit-appearance:none;position:relative;background:transparent;font-size:16px;min-height:46px;padding:10px 35px 10px 10px;text-align:left}
.date-control input::-webkit-date-and-time-value{text-align:left;min-height:24px}
.date-control input::-webkit-calendar-picker-indicator{position:absolute;right:0;top:0;width:36px;height:100%;padding:0;margin:0;opacity:0;cursor:pointer}
.date-placeholder{position:absolute;left:11px;right:35px;top:50%;transform:translateY(-50%);font-size:14px;color:#cbd7bf;pointer-events:none;display:none}
.date-control.is-empty:not(:focus-within) .date-placeholder{display:block}
.date-control.is-empty:not(:focus-within) input{color:transparent}
.date-control.is-empty:not(:focus-within) input::-webkit-datetime-edit{opacity:0}
@media(max-width:420px){.date-fields{grid-template-columns:1fr;gap:12px}}

/* Smaller booking background on mobile; preserve centered cover framing. */
@media(max-width:700px){.booking{background-image:url('assets/booking-background-1000.webp')}}

.holiday-tip{display:flex;align-items:baseline;gap:10px;margin:0 0 20px;padding:12px 16px;border-left:3px solid var(--orange);border-radius:0 8px 8px 0;background:#e2764318;color:var(--cream);font-size:13px;line-height:1.6}
.holiday-tip strong{flex-shrink:0;color:#f3b08a;font-size:10px;letter-spacing:1px;text-transform:uppercase}

.cabin-media{position:relative}
.tour-button{position:absolute;right:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 17px;border:1px solid #f3eedf70;border-radius:30px;background:#103424ed;color:var(--cream);font-size:12px;line-height:1.4;cursor:pointer}
.tour-button:hover{background:#234b38}.tour-button span{color:#f3b08a;font-size:13px}
.tour-button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.tour-dialog{width:min(430px,calc(100vw - 24px));max-height:calc(100svh - 24px);padding:0;border:1px solid #f3eedf30;border-radius:16px;background:#103424;color:var(--cream);overflow:auto}
.tour-dialog::backdrop{background:#05120fee}
.tour-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}
.tour-header h2{font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400;margin:0}
.tour-header button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;color:var(--cream);background:#ffffff12;line-height:1;cursor:pointer}
.tour-header button svg{display:block;width:20px;height:20px}
.cabin>.cabin-heading{margin:0 0 20px}
.cabin>.holiday-tip{margin-top:22px}
@media(max-width:700px){.cabins{row-gap:68px}.cabin>.cabin-heading{margin-bottom:18px}}
@media(min-width:701px){.cabin{display:flex;flex-direction:column}.cabin>.cabin-media{order:-2}.cabin>.photo-thumbnails{order:-1}.cabin>.cabin-heading{margin:26px 0 17px}.cabin>.holiday-tip{margin-top:0}.cabin>.availability-cta{align-self:flex-start}}
.tour-header button:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
#tour-player{display:block;width:100%;height:min(calc(100svh - 110px),740px);object-fit:contain;background:#000}
#tour-error{padding:12px 18px;font-size:13px;line-height:1.5}
@media(max-width:700px){.tour-button{right:12px;bottom:12px;padding:10px 14px}.tour-dialog{width:calc(100vw - 16px);max-height:calc(100svh - 16px)}}