/* MERLAKA — accommodation page */
.stay-page{background:#f9f6f0;color:#26382d}
.stay-page .header{background:#f8f3e9}
.stay-page .ac-wrap{max-width:1360px;margin:auto;padding:0 clamp(21px,5.3vw,90px)}
.stay-page h1,.stay-page h2,.stay-page h3,.stay-page p{margin-top:0}
.stay-page h1,.stay-page h2{font-weight:500;letter-spacing:-.045em}
.stay-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:#9d8760;margin:0 0 21px}
.stay-hero{background:#213a30;color:#f8f4ea;padding:clamp(40px,6vw,90px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}
.stay-hero::after{position:absolute;content:'0 1 2 3 4 6';font-size:clamp(130px,25vw,380px);letter-spacing:.07em;line-height:.9;right:-18px;bottom:-80px;color:rgba(255,255,255,.023);pointer-events:none;white-space:nowrap}
.stay-hero-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,.94fr);gap:clamp(28px,5vw,84px);align-items:center;position:relative;z-index:1}
.stay-hero .stay-kicker{color:#c9b48d}
.stay-hero h1{font-size:clamp(42px,5.5vw,80px);line-height:1.04;margin-bottom:29px}
.stay-hero h1 em{font-style:normal;font-weight:400;color:#d9c09a}
.stay-hero p.stay-lead{font-size:clamp(14px,1.35vw,17px);line-height:1.95;max-width:620px;color:#e8e8df;margin:0 0 35px}
.stay-hero .stay-btn{background:#dbc39f;color:#213a30}
.stay-hero-photo{position:relative;margin:0}
.stay-hero-photo img{width:100%;height:clamp(370px,38vw,555px);object-fit:cover;object-position:center 55%;border-radius:0 150px 0 0}
.stay-hero-photo figcaption{font-size:11px;letter-spacing:.08em;margin-top:11px;color:#dad9cf}
.stay-button-row{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.stay-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 24px;background:#263f34;color:#fff;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;min-height:48px;transition:background .2s,color .2s,transform .2s}
.stay-btn:hover{background:#a38d6b;color:#fff;transform:translateY(-1px)}
.stay-text-link{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:6px;letter-spacing:.03em}
.stay-index{background:#f0e9dd;padding:31px 0;border-bottom:1px solid #dfd8cb}
.stay-index-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.stay-index-title{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#51665b}
.stay-index-links{display:flex;gap:10px;flex-wrap:wrap}
.stay-index-links a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #b8b9aa;font-size:13px;font-weight:600}
.stay-index-links a:hover{background:#2b493d;color:white;border-color:#2b493d}
.stay-rooms{padding:85px 0 58px}
.stay-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:64px}
.stay-intro h2{font-size:clamp(38px,4.5vw,62px);line-height:1.12;max-width:600px;margin:0}
.stay-intro p{line-height:1.8;max-width:350px;font-size:13px;color:#54665a;margin:0}
.stay-room{padding-bottom:75px;margin-bottom:75px;border-bottom:1px solid #d8d8ce;scroll-margin-top:100px}
.stay-room:last-child{margin-bottom:0;border-bottom:0;padding-bottom:15px}
.stay-room-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.stay-room-number{font-size:11px;letter-spacing:.2em;font-weight:700;color:#aa8d69;margin-bottom:12px}
.stay-room-head h3{font-size:clamp(31px,4vw,52px);line-height:1.1;font-weight:500;letter-spacing:-.035em;margin:0}
.stay-capacity{display:inline-flex;align-items:center;gap:9px;min-height:34px;letter-spacing:.05em;font-size:11px;line-height:1.5;font-weight:700;color:#466053;border:1px solid #bcc9bc;padding:9px 14px}
.stay-gallery{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(200px,.9fr);grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(410px,41vw,600px);gap:13px}
.stay-photo{border:0;padding:0;background:#e4dace;cursor:zoom-in;position:relative;overflow:hidden;display:block;width:100%;height:100%}
.stay-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}
.stay-photo:hover img{transform:scale(1.035)}
.stay-photo:first-child{grid-row:1/3}
.stay-photo span{position:absolute;left:17px;bottom:17px;font-size:10px;font-weight:700;letter-spacing:.1em;background:rgba(24,40,32,.82);color:#fff;padding:10px 13px;text-transform:uppercase}
.stay-gallery.single-photo{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;height:570px}
.stay-gallery.single-photo .stay-photo:first-child{grid-row:auto}
.stay-gallery.two-photos{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:1fr}
.stay-gallery.two-photos .stay-photo:first-child{grid-row:auto}
.stay-gallery.four-photos{grid-template-rows:repeat(3,minmax(0,1fr))}.stay-gallery.four-photos .stay-photo:first-child{grid-row:1/4}
.stay-room-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-top:19px}
.stay-room-text{max-width:850px;line-height:1.8;color:#516055;font-size:13px}
.stay-room-text p{margin:0}
.stay-room .stay-text-link{white-space:nowrap;color:#264438}
.stay-facts{background:#e9e4d9;padding:90px 0}
.stay-facts-top{text-align:center;max-width:720px;margin:0 auto 48px}
.stay-facts h2{font-size:clamp(38px,4.2vw,61px);line-height:1.12;margin-bottom:16px}
.stay-facts-top p{font-size:13px;line-height:1.9;color:#5d645a}
.stay-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stay-price{background:#faf8f2;padding:clamp(24px,3.5vw,45px);min-height:238px;display:flex;flex-direction:column;justify-content:space-between}
.stay-price .label{font-size:12px;color:#6e726a;letter-spacing:.07em;font-weight:700;text-transform:uppercase}
.stay-price .amount{font-size:clamp(37px,4vw,58px);font-weight:500;letter-spacing:-.055em;margin:19px 0 8px}
.stay-price .note{font-size:12px;color:#5b685d;line-height:1.7;margin:0}
.stay-price.highlight{background:#2b473b;color:white}
.stay-price.highlight .note,.stay-price.highlight .label{color:#d5e0d3}
.stay-price-after{margin:16px 0 0;font-size:12px;text-align:center;color:#526255;line-height:1.8}
.stay-info{padding:85px 0;background:#fbf9f4}
.stay-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,7vw,120px)}
.stay-info h2{font-size:clamp(35px,3.5vw,51px);margin:0 0 25px}
.stay-info ul{padding:0;margin:0;list-style:none}
.stay-info li{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e1dfd4;padding:14px 0;font-size:12px;line-height:1.6;color:#4f6155}
.stay-info li strong{font-weight:700;color:#263b2f;text-align:right;max-width:60%}
.stay-info-note{font-size:11px;line-height:1.7;color:#667064;margin-top:20px}
.stay-cta{background:#213a30;color:#f9f5eb;text-align:center;padding:90px 20px 96px}
.stay-cta .stay-kicker{color:#d4bc95}
.stay-cta h2{font-size:clamp(39px,5vw,66px);line-height:1.1;max-width:780px;margin:0 auto 21px}
.stay-cta p{max-width:690px;font-size:13px;line-height:1.8;margin:0 auto 31px;color:#e2e7df}
.stay-cta .stay-button-row{justify-content:center}
.stay-cta .stay-btn{background:#dec39b;color:#1c382d}
.stay-cta .stay-second{background:transparent;color:#f3e8d7;border:1px solid #768c7b}
.stay-lightbox[hidden]{display:none!important}
.stay-lightbox{position:fixed;z-index:1000;inset:0;background:rgba(11,24,18,.96);display:grid;grid-template-columns:68px minmax(0,1fr) 68px;align-items:center;justify-items:center;padding:48px 10px 72px}
.stay-lightbox img{max-height:calc(100vh - 135px);max-width:100%;height:auto;width:auto;object-fit:contain;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.stay-lightbox button{border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#fff;width:42px;height:42px;font-size:27px;line-height:1;cursor:pointer}
.stay-lightbox-close{position:absolute;right:25px;top:23px}
.stay-lightbox-caption{position:absolute;bottom:26px;color:#efede3;font-size:12px;letter-spacing:.04em;text-align:center;padding:0 70px}
.stay-page .footer{background:#142f26;color:#f7f3ea}
.stay-page .footer-links a:hover{color:#e4bc85}
@media(max-width:900px){.stay-hero-grid{grid-template-columns:1fr;gap:35px}.stay-hero-photo img{height:430px;border-radius:0 115px 0 0}.stay-intro{display:block}.stay-intro p{margin-top:20px}.stay-gallery{height:460px}.stay-info-grid{gap:30px}}
@media(max-width:600px){.stay-hero{padding:52px 0}.stay-hero h1{font-size:43px}.stay-hero-photo img{height:365px}.stay-index-inner{align-items:start}.stay-index-title{width:100%}.stay-rooms{padding:55px 0 30px}.stay-intro{margin-bottom:42px}.stay-room{padding-bottom:46px;margin-bottom:47px}.stay-room-head{display:block}.stay-capacity{margin-top:16px}.stay-gallery{grid-template-columns:1fr 1fr;grid-template-rows:1fr .53fr;height:490px;gap:7px}.stay-photo:first-child{grid-column:1/3;grid-row:1}.stay-photo:nth-child(2){grid-column:1;grid-row:2}.stay-photo:nth-child(3){grid-column:2;grid-row:2}.stay-gallery.two-photos{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:340px}.stay-gallery.two-photos .stay-photo:first-child{grid-column:1;grid-row:1}.stay-gallery.two-photos .stay-photo:nth-child(2){grid-column:2;grid-row:1}.stay-gallery.four-photos{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr .40fr;height:520px}.stay-gallery.four-photos .stay-photo:first-child{grid-column:1/4;grid-row:1}.stay-gallery.four-photos .stay-photo:nth-child(2){grid-column:1;grid-row:2}.stay-gallery.four-photos .stay-photo:nth-child(3){grid-column:2;grid-row:2}.stay-gallery.four-photos .stay-photo:nth-child(4){grid-column:3;grid-row:2}.stay-gallery.single-photo{height:420px}.stay-room-bottom{display:block}.stay-room .stay-text-link{display:inline-block;margin-top:16px}.stay-facts,.stay-info{padding:58px 0}.stay-price-grid{grid-template-columns:1fr}.stay-price{min-height:180px}.stay-info-grid{grid-template-columns:1fr;gap:48px}.stay-lightbox{grid-template-columns:39px 1fr 39px;padding:20px 4px 75px}.stay-lightbox button{width:36px;height:36px}.stay-lightbox-close{top:12px;right:12px}.stay-lightbox img{max-height:calc(100vh - 100px)}.stay-lightbox-caption{bottom:16px}}
@media(prefers-reduced-motion:reduce){.stay-photo img,.stay-btn{transition:none}}

.stay-email-contact{margin:20px 0 0;text-align:center;font-size:13px;overflow-wrap:anywhere;}
.stay-email-contact a{text-decoration:underline;text-underline-offset:4px;}
