:root{
--primary-blue:#C99B55;--strong-blue:#D7AC79;--deep-navy:#000000;--secondary-navy:#000000;--heading-dark:#000000;--body-text:#575A67;--page-background:#FAFBFC;--white:#FFFFFF;--muted-text:#9BA0AB;--light-blue:#E2C8A8;--border-blue:#E8D6BF;--medium-blue:#D8B78F;
}
.rrd{--blue:#D7AC79;--blue2:#000000;--navy:#000000;--ink:#000000;--muted:#D7AC79;--line:#E8D6BF;--card:#FFFFFF;--bg:#FAFBFC;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;padding:14px 0 36px}.rrd *{box-sizing:border-box}.rrd button,.rrd input,.rrd select{font:inherit}.rrd-shell{width:min(calc(100% - 40px),1180px);margin:auto}.rrd-breadcrumb{display:flex;gap:11px;align-items:center;font-size:12px;margin:0 0 20px;color:#D7AC79}.rrd-breadcrumb a{color:#D7AC79;text-decoration:none}.rrd-heading{text-align:center;margin-bottom:18px}.rrd-heading h1{margin:0;color:#000000;font-size:31px;line-height:1.16;font-weight:800;letter-spacing:-.5px}.rrd-rating{display:flex;justify-content:center;align-items:center;gap:11px;margin:8px 0 6px}.rrd-stars{color:#C99B55;font-size:21px;letter-spacing:1px}.rrd-score{border:1.5px solid var(--blue);color:#D7AC79;border-radius:16px;padding:1px 11px;font-weight:800;font-size:14px}.rrd-heading p{margin:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#000000}.rrd-heading p i{color:#D7AC79;font-size:16px}.rrd-grid{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(310px,.92fr);gap:18px;align-items:start}.rrd-left,.rrd-side{display:grid;gap:16px}.rrd-card{background:#FFFFFF;border:1px solid #FAFBFC;border-radius:11px;box-shadow:0 7px 22px rgba(6,40,84,.07);overflow:hidden}.rrd-card h2{font-size:19px;line-height:1.28;margin:0;color:#000000;font-weight:800}.rrd-gallery{padding:10px}.rrd-stage{height:355px;position:relative;overflow:hidden;border-radius:8px;background:#FAFBFC}.rrd-stage>img{width:100%;height:100%;display:block;object-fit:cover;transition:opacity .25s,transform .45s}.rrd-stage.is-changing>img{opacity:.4;transform:scale(1.012)}.rrd-arrow{position:absolute;top:50%;transform:translateY(-50%);width:39px;height:39px;border-radius:50%;border:0;background:#FFFFFF;color:#D7AC79;box-shadow:0 4px 15px #0003;cursor:pointer;display:grid;place-items:center;z-index:2}.rrd-prev{left:11px}.rrd-next{right:11px}.rrd-dots{display:none}.rrd-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.rrd-thumbs button{height:77px;padding:0;border:2px solid transparent;border-radius:7px;background:#FAFBFC;overflow:hidden;cursor:pointer}.rrd-thumbs button.is-active{border-color:#D7AC79}.rrd-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.rrd-types,.rrd-about,.rrd-rooms{padding:19px 20px}.rrd-chips{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 10px}.rrd-chips span{font-size:10px;font-weight:800;color:#FFFFFF;padding:5px 13px;border-radius:15px;background:#D7AC79}.rrd-chips span:nth-child(3){background:#C99B55}.rrd-chips span:nth-child(4){background:#C99B55}.rrd-excellent{font-size:17px;padding:2px 0 11px;border-bottom:1px solid var(--line)}.rrd-excellent strong{color:#D7AC79}.rrd-amenities{display:grid;grid-template-columns:repeat(4,1fr);padding-top:13px;gap:12px}.rrd-amenities span{display:flex;align-items:center;gap:9px;font-size:13px}.rrd-amenities i{font-size:16px;color:#111}.rrd-about h2{display:flex;align-items:center;gap:9px}.rrd-heading-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#D7AC79;color:#FFFFFF}.rrd-about p{margin:10px 0 0;color:#000000;font-size:14px;line-height:1.65}.rrd-read{border:0;background:none;color:#D7AC79;font-weight:800;padding:10px 0 0;cursor:pointer}.rrd-room{display:grid;grid-template-columns:155px minmax(0,1fr) 180px;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.rrd-room:first-child{border-top:0}.rrd-room-gallery{position:relative;height:108px;border-radius:8px;overflow:hidden;background:#FAFBFC;cursor:zoom-in}.rrd-room-gallery img{width:100%;height:100%;object-fit:cover;display:block}.rrd-room-nav{position:absolute;inset:auto 6px 6px;display:flex;justify-content:space-between;pointer-events:none}.rrd-room-nav button{pointer-events:auto;width:27px;height:27px;border:0;border-radius:50%;background:#FFFFFF;color:#D7AC79;box-shadow:0 2px 8px #0003;cursor:pointer}.rrd-room-count{position:absolute;right:7px;top:7px;background:#000000CC;color:#FFFFFF;padding:2px 7px;border-radius:10px;font-size:9px;font-weight:700}.rrd-room-name{font-size:16px;font-weight:800;color:#000000;margin-bottom:9px}.rrd-room-features{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:7px 13px;font-size:12px}.rrd-room-features span{display:flex;gap:8px;align-items:center}.rrd-room-price{text-align:right}.rrd-room-price b{display:block;color:#D7AC79;font-size:12px}.rrd-room-price small{display:block;font-size:9px;margin:2px 0 8px}.rrd-room-price button,.rrd-submit{border:0;background:#D7AC79;color:#FFFFFF;border-radius:5px;font-weight:700;cursor:pointer}.rrd-room-price button{height:35px;width:170px;font-size:11px}.rrd-form-card{position:sticky;top:12px;overflow:visible}.rrd-form-title{height:49px;background:linear-gradient(135deg,#000000,#000000);color:#FFFFFF;display:flex;align-items:center;justify-content:center;gap:9px;font-size:17px;font-weight:800;border-radius:10px 10px 0 0}.rrd-form-card form{padding:14px 16px 13px}.rrd-field{margin-bottom:10px}.rrd-field label{display:block;font-size:11px;font-weight:700;margin:0 0 5px;color:#000000}.rrd-control{position:relative}.rrd-control input,.rrd-control select{width:100%;height:42px;border:1px solid #E8D6BF;border-radius:5px;background:#FFFFFF;padding:0 38px 0 12px;color:#222;outline:0;font-size:12px;transition:.2s}.rrd-control input:focus,.rrd-control select:focus{border-color:#D7AC79;box-shadow:0 0 0 3px #C99B551A}.rrd-control i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9BA0AB;pointer-events:auto;cursor:pointer}.rrd-select select{appearance:none}.rrd-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rrd-field small{display:none;color:#C99B55;font-size:10px;margin-top:4px}.rrd-field.has-error small{display:block}.rrd-field.has-error input,.rrd-field.has-error select{border-color:#C99B55;background:#FFFFFF}.rrd-submit{width:100%;height:40px;font-size:11px}.rrd-success{display:none;background:#FAFBFC;color:#C99B55;padding:9px;border-radius:5px;margin-top:9px;font-size:11px}.rrd-trust{border-top:1px solid #FAFBFC;display:grid;grid-template-columns:repeat(4,1fr);padding:12px 5px}.rrd-trust>div{text-align:center;border-right:1px solid #FAFBFC}.rrd-trust>div:last-child{border:0}.rrd-trust span{margin:auto auto 6px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#FAFBFC;color:#D7AC79;font-size:16px}.rrd-trust b{font-size:8px;line-height:1.35}.rrd-help{padding:18px;display:flex;justify-content:space-between;align-items:center;min-height:190px}.rrd-help h2{font-size:20px}.rrd-help h3{font-size:13px;margin:4px 0 19px}.rrd-help p{display:flex;align-items:center;gap:9px;font-size:12px;margin:12px 0}.rrd-help p i{width:28px;height:28px;border-radius:50%;background:#FAFBFC;color:#D7AC79;display:grid;place-items:center}.rrd-help a{color:inherit;text-decoration:none}.rrd-help img{width:92px}.rrd-included,.rrd-location{padding:18px}.rrd-included ul{list-style:none;padding:8px 0 0;margin:0}.rrd-included li{font-size:13px;margin:9px 0;padding-left:27px;position:relative}.rrd-included li:before{content:'✓';position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:#C99B55;color:#FFFFFF;display:grid;place-items:center;font-size:11px;font-weight:900}.rrd-map{height:255px;position:relative;border-radius:7px;overflow:hidden;margin-top:12px}.rrd-map>img{width:100%;height:100%;object-fit:cover}.rrd-map-info{position:absolute;left:12px;top:12px;background:#FFFFFF;padding:11px;border-radius:6px;box-shadow:0 4px 14px #0002;display:grid;gap:5px;font-size:9px}.rrd-map-info span{font-size:8px}.rrd-map-info strong{color:#C99B55}.rrd-reveal{opacity:0;transform:translateY(8px);transition:.45s ease}.rrd-reveal.is-visible{opacity:1;transform:none}.rrd-mobile-bar{display:none}.ui-datepicker{font-family:Inter,Arial,sans-serif!important;font-size:13px!important;z-index:100005!important;border:0!important;box-shadow:0 12px 32px #00000033!important;padding:8px!important}.ui-datepicker .ui-datepicker-header{background:#D7AC79!important;border:0!important;color:#FFFFFF!important}.ui-datepicker .ui-state-disabled{opacity:.28!important}.ui-datepicker .ui-state-active{background:#D7AC79!important;color:#FFFFFF!important;border-color:#D7AC79!important}
.rrd-lightbox{position:fixed;inset:0;background:#24160FED;z-index:100100;display:none;align-items:center;justify-content:center;padding:28px}.rrd-lightbox.is-open{display:flex}.rrd-lightbox img{max-width:min(1100px,88vw);max-height:88vh;object-fit:contain;transform:scale(1);transition:transform .2s}.rrd-lightbox-close,.rrd-lightbox-prev,.rrd-lightbox-next{position:absolute;border:0;background:#FFFFFF;color:#000000;cursor:pointer;z-index:2}.rrd-lightbox-close{right:24px;top:18px;width:42px;height:42px;border-radius:50%;font-size:28px}.rrd-lightbox-prev,.rrd-lightbox-next{top:50%;width:44px;height:44px;border-radius:50%}.rrd-lightbox-prev{left:24px}.rrd-lightbox-next{right:24px}
@media(max-width:980px){.rrd-shell{width:calc(100% - 28px)}.rrd-grid{grid-template-columns:minmax(0,1.5fr) 300px;gap:13px}.rrd-heading h1{font-size:27px}.rrd-room{grid-template-columns:130px 1fr}.rrd-room-price{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #E8D6BF;padding-top:9px}.rrd-stage{height:325px}.rrd-amenities{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.rr-detail-header{height:64px}.rr-detail-header .wrap{width:100%;padding:0 12px}.rr-detail-header .brand-img{width:38px}.rr-detail-header .brand-copy{font-size:15px}.rr-detail-header .phone-link{font-size:12px}.rrd{padding:10px 0 78px;width:100%}.rrd-shell{width:100%;padding:0 10px}.rrd-breadcrumb{font-size:10px;gap:7px;white-space:nowrap;overflow:hidden;margin-bottom:12px}.rrd-heading{margin-bottom:14px;padding:0 3px}.rrd-heading h1{font-size:21px}.rrd-heading p{font-size:10px;line-height:1.45;align-items:flex-start}.rrd-grid{display:flex;flex-direction:column;width:100%}.rrd-left,.rrd-side{display:contents}.rrd-gallery{order:1}.rrd-types{order:2}.rrd-about{order:3}.rrd-rooms{order:4}.rrd-help{order:5}.rrd-included{order:6}.rrd-location{order:7}.rrd-form-card{order:8;position:static}.rrd-card{width:100%;max-width:100%;border-radius:9px}.rrd-stage{height:58vw;min-height:215px;max-height:350px}.rrd-thumbs{grid-template-columns:repeat(5,minmax(74px,1fr));gap:6px;overflow-x:auto}.rrd-thumbs button{height:58px}.rrd-types,.rrd-about,.rrd-rooms,.rrd-included,.rrd-location{padding:16px}.rrd-card h2{font-size:18px}.rrd-chips span{font-size:9px}.rrd-amenities{grid-template-columns:repeat(2,1fr)}.rrd-about p{font-size:13px}.rrd-room{grid-template-columns:145px minmax(0,1fr);gap:12px;padding:15px 0}.rrd-room-gallery{height:105px}.rrd-room-name{font-size:15px}.rrd-room-features{font-size:11px;grid-template-columns:1fr}.rrd-room-price{grid-column:1/-1}.rrd-help{min-height:180px;padding:17px}.rrd-help h2{font-size:19px}.rrd-help h3{font-size:13px}.rrd-help p{font-size:12px}.rrd-help img{width:82px}.rrd-included li{font-size:13px}.rrd-map{height:250px}.rrd-form-title{height:50px;font-size:17px}.rrd-form-card form{padding:15px}.rrd-control input,.rrd-control select{height:44px;font-size:13px}.rrd-trust b{font-size:9px}.rrd-mobile-bar{display:grid;grid-template-columns:.8fr 1.2fr;position:fixed;left:0;right:0;bottom:0;z-index:99990;background:#FFFFFF;box-shadow:0 -6px 24px #0003;padding:8px 9px calc(8px + env(safe-area-inset-bottom))}.rrd-mobile-bar a,.rrd-mobile-bar button{height:44px;border:0;display:flex;align-items:center;justify-content:center;gap:7px;color:#FFFFFF;text-decoration:none;font-weight:800;font-size:12px}.rrd-mobile-bar a{background:#000000;border-radius:6px 0 0 6px}.rrd-mobile-bar button{background:#D7AC79;border-radius:0 6px 6px 0}.footer{padding-bottom:58px}.rrd-lightbox{padding:12px}.rrd-lightbox img{max-width:96vw;max-height:82vh}.rrd-lightbox-prev{left:8px}.rrd-lightbox-next{right:8px}}
@media(max-width:430px){.rrd-shell{padding:0 8px}.rr-detail-header .brand-img{width:34px}.rr-detail-header .brand-copy{font-size:13px}.rr-detail-header .phone-link{font-size:11px}.rrd-heading h1{font-size:19px}.rrd-two{grid-template-columns:1fr 1fr;gap:8px}.rrd-stage{height:61vw;min-height:205px}.rrd-thumbs{grid-template-columns:repeat(5,76px)}.rrd-room{grid-template-columns:122px minmax(0,1fr);gap:10px}.rrd-room-gallery{height:96px}.rrd-room-features{font-size:10px}.rrd-room-price{display:grid;grid-template-columns:1fr;gap:7px;text-align:left}.rrd-room-price button{width:100%;height:38px}.rrd-help{align-items:flex-start}.rrd-help img{width:66px}.rrd-help p{font-size:11px}.rrd-map{height:235px}.footer-top-inner{align-items:flex-start}.footer-nav{gap:10px!important}}
@media(max-width:360px){.rrd-shell{padding:0 6px}.rrd-heading h1{font-size:18px}.rr-detail-header .phone-link{font-size:10px}.rrd-card h2{font-size:17px}.rrd-room{grid-template-columns:112px 1fr}.rrd-room-gallery{height:90px}.rrd-help img{display:none}.rrd-two{grid-template-columns:1fr}.rrd-trust b{font-size:8px}}
@media(min-width:1500px){.rrd-shell{width:min(calc(100% - 70px),1220px)}.rrd-grid{grid-template-columns:minmax(0,1.85fr) 355px}.rrd-stage{height:390px}.rrd-heading h1{font-size:34px}.rrd-room{grid-template-columns:165px 1fr 190px}}
@media(prefers-reduced-motion:reduce){.rrd-reveal{opacity:1;transform:none;transition:none}.rrd-stage>img{transition:none}}

/* v4 responsive polish */
.rrd-heading-icon{flex:0 0 35px}
.rrd-help p span{font-weight:600}.rrd-help p a{font-weight:800;color:#000000}.rrd-help h3{font-weight:700;color:#000000}
@media(max-width:760px){
      /*.rr-inner-footer__top , .rr-inner-footer__bottom{ display:none;}*/
      
  .rrd-types,.rrd-about,.rrd-rooms,.rrd-help,.rrd-included,.rrd-location{padding:18px 16px}
  .rrd-card h2{font-size:18px;line-height:1.3}
  .rrd-types h2{padding-right:2px}
  .rrd-chips{gap:7px;margin:12px 0 11px}.rrd-chips span{font-size:8.5px;padding:5px 10px}
  .rrd-about h2{align-items:flex-start;gap:10px}.rrd-heading-icon{width:30px;height:30px;flex-basis:30px;font-size:13px;margin-top:1px}.rrd-about h2{font-size:17px}
  .rrd-room{grid-template-columns:minmax(145px,42%) minmax(0,1fr);gap:14px;align-items:start}
  .rrd-room-gallery{width:100%;height:auto;aspect-ratio:4/3;min-height:112px}
  .rrd-room-info{min-width:0;padding-right:0}.rrd-room-name{font-size:16px;line-height:1.3;margin:2px 0 10px}.rrd-room-features{font-size:11.5px;gap:7px;grid-template-columns:1fr}.rrd-room-features span{min-width:0}
  .rrd-room-price{width:100%;padding-top:11px;margin-top:1px}.rrd-room-price b{font-size:12.5px}.rrd-room-price small{font-size:9px}.rrd-room-price button{width:100%;height:39px;font-size:11px}
  .rrd-help{min-height:0;align-items:center;gap:12px}.rrd-help>div{min-width:0;flex:1}.rrd-help h2{font-size:20px}.rrd-help h3{font-size:14px;margin:5px 0 16px}.rrd-help p{font-size:13px;margin:11px 0;line-height:1.4}.rrd-help p i{flex:0 0 30px;width:30px;height:30px}.rrd-help p span{min-width:0}.rrd-help p a{font-size:13px;overflow-wrap:anywhere}.rrd-help img{flex:0 0 78px;width:78px}
}
@media(max-width:430px){
  .rrd-types,.rrd-about,.rrd-rooms,.rrd-help,.rrd-included,.rrd-location{padding:16px 14px}
  .rrd-types h2{font-size:17px}.rrd-chips span{font-size:8px;padding:5px 9px}
  .rrd-about h2{font-size:16.5px}.rrd-heading-icon{width:28px;height:28px;flex-basis:28px}
  .rrd-room{grid-template-columns:minmax(132px,43%) minmax(0,1fr);gap:12px}.rrd-room-gallery{min-height:104px}.rrd-room-name{font-size:15px}.rrd-room-features{font-size:10.5px}
  .rrd-help{padding:16px 14px}.rrd-help h2{font-size:19px}.rrd-help h3{font-size:13.5px}.rrd-help p,.rrd-help p a{font-size:12.5px}.rrd-help img{flex-basis:64px;width:64px}
}
@media(max-width:370px){.rrd-room{grid-template-columns:125px minmax(0,1fr);gap:10px}.rrd-room-features{font-size:10px}.rrd-help img{display:none}}

/* v5 final layout corrections */
.rrd-map iframe{display:block;width:100%;height:100%;border:0}
.rrd-help p{white-space:nowrap}.rrd-help p span{display:flex;align-items:center;gap:4px;white-space:nowrap}.rrd-help p a{white-space:nowrap}
.rrd-about h2{line-height:1.25}.rrd-about h2 .rrd-heading-icon{align-self:flex-start}
@media(max-width:760px){
    .rrd-chips { display:none;}
  .rrd-about h2{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;font-size:17px;line-height:1.3}
  .rrd-heading-icon{width:30px;height:30px;min-width:30px}
  .rrd-room{grid-template-columns:minmax(155px,47%) minmax(0,1fr);gap:12px;align-items:start}
  .rrd-room-gallery{aspect-ratio:4/3;min-height:116px;width:100%}
  .rrd-room-info{width:100%;min-width:0}.rrd-room-name{margin:1px 0 8px;font-size:15.5px;white-space:normal}.rrd-room-features{grid-template-columns:1fr;gap:6px;font-size:11px;line-height:1.3}
  .rrd-room-price{grid-column:1/-1;margin-top:0;padding-top:10px}
  .rrd-help p{white-space:normal}.rrd-help p span{display:flex;flex-wrap:nowrap;white-space:nowrap}.rrd-help p a{white-space:nowrap;font-size:13px}
  .rrd-map{height:280px}
}
@media(max-width:430px){
  .rrd-about h2{grid-template-columns:28px minmax(0,1fr);font-size:16px}.rrd-heading-icon{width:28px;height:28px;min-width:28px}
  .rrd-room{grid-template-columns:minmax(145px,48%) minmax(0,1fr);gap:10px}.rrd-room-gallery{min-height:110px}.rrd-room-name{font-size:14.5px}.rrd-room-features{font-size:10.25px;gap:5px}
  .rrd-help p span{font-size:12px}.rrd-help p a{font-size:12px}.rrd-map{height:260px}
}
@media(max-width:370px){.rrd-room{grid-template-columns:minmax(136px,48%) minmax(0,1fr);gap:9px}.rrd-room-gallery{min-height:103px}.rrd-room-features{font-size:9.6px}.rrd-help p span,.rrd-help p a{font-size:11px}}

/* ===== FINAL V6 MOBILE ROOM CARD + TYPOGRAPHY OVERRIDES ===== */
@media (max-width:760px){
  .rrd{font-size:15px;line-height:1.58}
  .rrd-card h2{font-size:19px;line-height:1.28}
  .rrd-types,.rrd-about,.rrd-rooms,.rrd-help,.rrd-included,.rrd-location{padding:18px 16px}
  .rrd-about p{font-size:13.5px;line-height:1.68}
  .rrd-excellent{font-size:15.5px}
  .rrd-amenities span{font-size:12.5px}
  .rrd-chips span{font-size:9.5px;padding:6px 10px}

  .rrd-room{display:block;width:100%;padding:18px 0;border-top:1px solid var(--line)}
  .rrd-room:first-child{border-top:0}
  .rrd-room-gallery{width:100%;height:auto!important;min-height:0!important;aspect-ratio:16/9;margin:0 0 13px;border-radius:9px;overflow:hidden}
  .rrd-room-gallery img{width:100%;height:100%;object-fit:cover}
  .rrd-room-info{width:100%;padding:0 2px}
  .rrd-room-name{font-size:17px;line-height:1.3;margin:0 0 11px;text-align:left;font-weight:800}
  .rrd-room-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px;row-gap:9px;font-size:12.5px!important;line-height:1.35}
  .rrd-room-features span{display:flex;align-items:center;gap:8px;min-width:0}
  .rrd-room-features i{font-size:13px;flex:0 0 16px}
  .rrd-room-price{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center!important;border-top:1px dashed #E8D6BF;margin-top:14px;padding-top:13px!important;gap:2px}
  .rrd-room-price b{font-size:13.5px!important;line-height:1.35}
  .rrd-room-price small{font-size:9.5px!important;margin:2px 0 9px!important}
  .rrd-room-price button{width:min(100%,360px)!important;height:42px!important;font-size:12.5px!important;margin:0 auto}
  .rrd-room-counter{font-size:10px}
  .rrd-room-arrow{width:36px;height:36px;font-size:14px}

  .rrd-help h2{font-size:20px}.rrd-help h3{font-size:14px}.rrd-help p{font-size:13px;line-height:1.4}.rrd-help p a,.rrd-help p span{font-size:13px;font-weight:700}
  .rrd-included li{font-size:13.5px}
  .rrd-location h2{font-size:20px}
}
@media (max-width:430px){
  .rrd-shell{padding:0 8px}
  .rrd-card h2{font-size:18px}
  .rrd-room{padding:17px 0}
  .rrd-room-gallery{aspect-ratio:16/9;margin-bottom:12px}
  .rrd-room-name{font-size:16.5px}
  .rrd-room-features{font-size:12px!important;column-gap:12px;row-gap:8px}
  .rrd-room-price b{font-size:13px!important}
  .rrd-about p{font-size:13px}
}
@media (max-width:350px){
  .rrd-room-features{grid-template-columns:1fr!important}
}

/* ===== FINAL V7 POLISH ===== */
.rrd-safe-note{text-transform:capitalize;margin:0 16px 12px;padding:10px 12px;border:1px solid #E8D6BF;background:#FAFBFC;border-radius:7px;color:#000000;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10.5px;font-weight:700;text-align:center}.rrd-safe-note i{color:#D7AC79;font-size:14px}
.rrd-room-name{display:inline-flex;align-items:center;gap:7px;background:#FAFBFC;border:1px solid #E8D6BF;color:#000000;border-radius:6px;padding:6px 10px;font-size:15px;line-height:1.2;margin-bottom:10px}.rrd-room-name:before{content:'Room Category';font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.45px;color:#D7AC79;background:#FFFFFF;border:1px solid #E8D6BF;border-radius:4px;padding:4px 15px}
.rrd-location{margin-top:0}.rrd-location h2{display:flex;align-items:center;gap:8px}.rrd-location h2:before{content:'\f3c5';font-family:'Font Awesome 6 Free';font-weight:900;color:#D7AC79;font-size:17px}
@media(min-width:761px){.rrd-left>.rrd-location{display:block}.rrd-map{height:330px}}
@media(max-width:760px){
  .rrd-heading h1{font-size:clamp(15px,5.15vw,21px)!important;white-space:nowrap;letter-spacing:-.55px;line-height:1.15}
  .rrd-about h2{font-size:17px!important;line-height:1.28}.rrd-about p{font-size:13.5px!important}
  .rrd-room-name{display:flex;width:max-content;max-width:100%;font-size:17px!important;padding:12px 10px;margin:0 0 12px}.rrd-room-name:before{font-size:8px}
  .rrd-room-features{font-size:13px!important}.rrd-room-price b{font-size:14px!important}.rrd-room-price small{font-size:10px!important}
  .rrd-safe-note{font-size:11.5px;margin:0 15px 13px;padding:11px}
  .rrd-left>.rrd-location{order:99;margin-top:0}.rrd-map{height:285px}
}
@media(max-width:430px){
  .rrd-heading h1{font-size:clamp(14px,5.15vw,18px)!important;letter-spacing:-.6px}
  .rrd-about h2{font-size:16.5px!important}.rrd-room-name{font-size:16.5px!important}.rrd-room-features{font-size:12.5px!important}.rrd-map{height:265px}
}
@media(max-width:360px){.rrd-heading h1{font-size:13.6px!important;letter-spacing:-.65px}.rrd-room-name{font-size:16px!important}}




/* =========================================================
   ROOMS RESERVATION
   INNER PAGE HEADER + FOOTER FINAL OVERRIDES
   Paste this at the VERY END of detail-v3.css
   ========================================================= */


/* =========================================================
   1. HEADER
   ========================================================= */

.site-shell > .topbar.wrap{
    width:100% !important;
    max-width:none !important;
    min-height:92px !important;

    margin:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    padding-left:max(
        28px,
        calc((100vw - 1320px) / 2)
    ) !important;

    padding-right:max(
        28px,
        calc((100vw - 1320px) / 2)
    ) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:30px !important;

    background:
        linear-gradient(
            110deg,
            #000000 0%,
            #000000 50%,
            #000000 100%
        ) !important;

    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    position:relative !important;
    z-index:100 !important;
}


/* HEADER LOGO */

.site-shell > .topbar .brand{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:auto !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    text-decoration:none !important;
    flex:0 0 auto !important;
}


.site-shell > .topbar .brand-img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:238px !important;
    max-height:66px !important;

    object-fit:contain !important;
}


/* PHONE */

.site-shell > .topbar .phone-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    gap:10px !important;

    color:#ffffff !important;
    text-decoration:none !important;

    font-family:"Inter",sans-serif !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:700 !important;

    white-space:nowrap !important;

    margin:0 !important;
    padding:0 !important;
}


.site-shell > .topbar .phone-link strong{
    color:#ffffff !important;
    font-size:inherit !important;
    font-weight:700 !important;
    line-height:1 !important;
}


.site-shell > .topbar .phone-fa{
    width:36px !important;
    height:36px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 36px !important;

    color:#D7AC79 !important;

    border:2px solid #D7AC79 !important;
    border-radius:50% !important;

    background:transparent !important;
}


.site-shell > .topbar .phone-fa i{
    color:#D7AC79 !important;
    font-size:15px !important;
    line-height:1 !important;
}



/* =========================================================
   2. PAGE START AFTER HEADER
   ========================================================= */

.site-shell > main.rrd{
    margin-top:0 !important;
}



/* =========================================================
   3. FOOTER MAIN
   ========================================================= */

.site-shell > .footer{
    width:100% !important;
    margin:38px 0 0 !important;

    font-family:"Inter",sans-serif !important;

    position:relative !important;
    z-index:10 !important;

    overflow:hidden !important;
}



/* =========================================================
   FOOTER BLUE TOP AREA
   ========================================================= */

.site-shell > .footer .footer-top{
    width:100% !important;

    background:
        linear-gradient(
            90deg,
            #D7AC79 0%,
            #D7AC79 48%,
            #D7AC79 100%
        ) !important;

    border:0 !important;
}


.site-shell > .footer .footer-top-inner{
    width:100% !important;
    max-width:1320px !important;

    min-height:112px !important;

    margin:0 auto !important;

    padding:18px 28px !important;

    display:grid !important;
    grid-template-columns:260px minmax(0,1fr) !important;

    align-items:center !important;

    column-gap:55px !important;
}


/* FOOTER LOGO */

.site-shell > .footer .brand-footer{
    width:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    margin:0 !important;
    padding:0 !important;
}


.site-shell > .footer .footer-brand-img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:230px !important;
    max-height:70px !important;

    object-fit:contain !important;
}



/* =========================================================
   FOOTER NAVIGATION
   ========================================================= */

.site-shell > .footer .footer-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    flex-wrap:wrap !important;

    row-gap:12px !important;
    column-gap:0 !important;

    margin:0 !important;
    padding:0 !important;
}


.site-shell > .footer .footer-nav a{
    position:relative !important;

    display:inline-flex !important;
    align-items:center !important;

    color:#ffffff !important;

    text-decoration:none !important;

    font-family:"Inter",sans-serif !important;
    font-size:14px !important;
    line-height:1.3 !important;
    font-weight:500 !important;

    white-space:nowrap !important;

    margin:0 !important;
    padding:3px 17px !important;

    opacity:1 !important;

    transition:
        opacity .25s ease,
        transform .25s ease !important;
}


.site-shell > .footer .footer-nav a:hover{
    opacity:.82 !important;
    transform:translateY(-1px) !important;
}


.site-shell > .footer .footer-nav a:not(:last-child)::after{
    content:"" !important;

    position:absolute !important;

    right:0 !important;
    top:50% !important;

    width:1px !important;
    height:18px !important;

    background:rgba(255,255,255,.75) !important;

    transform:translateY(-50%) !important;
}



/* =========================================================
   FOOTER DARK BOTTOM
   ========================================================= */

.site-shell > .footer .footer-bottom{
    width:100% !important;

    background:
        linear-gradient(
            110deg,
            #000000 0%,
            #000000 52%,
            #000000 100%
        ) !important;

    border:0 !important;
}


.site-shell > .footer .footer-bottom-inner{
    width:100% !important;
    max-width:1320px !important;

    min-height:165px !important;

    margin:0 auto !important;

    padding:28px 28px 30px !important;

    display:grid !important;

    grid-template-columns:
        285px
        1px
        minmax(0,1fr) !important;

    align-items:center !important;

    column-gap:38px !important;
}



/* =========================================================
   TRIPADVISOR AREA
   ========================================================= */

.site-shell > .footer .rating-block{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    gap:14px !important;

    margin:0 !important;
    padding:0 !important;
}


.site-shell > .footer .rating-block small{
    color:#ffffff !important;

    font-family:"Inter",sans-serif !important;

    font-size:12px !important;
    line-height:1.55 !important;
    font-weight:500 !important;

    margin:0 !important;
}


.site-shell > .footer .tripadvisor-img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:190px !important;
    max-height:58px !important;

    object-fit:contain !important;

    margin:0 !important;
}



/* DIVIDER */

.site-shell > .footer .footer-vline{
    display:block !important;

    width:1px !important;
    height:90px !important;

    background:rgba(255,255,255,.28) !important;

    margin:0 !important;
}



/* =========================================================
   WE ACCEPT AREA
   IMPORTANT: PAYMENT IMAGE IS KEPT LARGE
   ========================================================= */

.site-shell > .footer .payments{
    width:100% !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:flex-start !important;
    justify-content:center !important;

    gap:15px !important;

    margin:0 !important;
    padding:0 !important;
}


.site-shell > .footer .payments small{
    display:block !important;

    color:#ffffff !important;

    font-family:"Inter",sans-serif !important;

    font-size:14px !important;
    line-height:1 !important;
    font-weight:600 !important;

    margin:0 !important;
}


/*
   This was becoming tiny because some old rule
   was restricting image height/width.

   These rules intentionally override it.
*/

.site-shell > .footer .payments-img{
    display:block !important;

    width:min(100%, 650px) !important;
    max-width:650px !important;

    height:auto !important;
    max-height:none !important;
    min-height:0 !important;

    object-fit:contain !important;
    object-position:left center !important;

    margin:0 !important;

    transform:none !important;
}



/* =========================================================
   4. LARGE DESKTOP
   ========================================================= */

@media (min-width:1500px){

    .site-shell > .topbar.wrap{
        min-height:96px !important;

        padding-left:max(
            40px,
            calc((100vw - 1380px) / 2)
        ) !important;

        padding-right:max(
            40px,
            calc((100vw - 1380px) / 2)
        ) !important;
    }


    .site-shell > .topbar .brand-img{
        max-width:250px !important;
    }


    .site-shell > .topbar .phone-link{
        font-size:18px !important;
    }


    .site-shell > .footer .footer-top-inner,
    .site-shell > .footer .footer-bottom-inner{
        max-width:1380px !important;
    }


    .site-shell > .footer .footer-top-inner{
        grid-template-columns:280px minmax(0,1fr) !important;
    }


    .site-shell > .footer .footer-brand-img{
        max-width:245px !important;
    }


    .site-shell > .footer .footer-nav a{
        font-size:14.5px !important;
        padding-left:19px !important;
        padding-right:19px !important;
    }


    .site-shell > .footer .payments-img{
        width:min(100%, 700px) !important;
        max-width:700px !important;
    }
}



/* =========================================================
   5. LAPTOP / SMALL DESKTOP
   ========================================================= */

@media (max-width:1200px){

    .site-shell > .topbar.wrap{
        padding-left:28px !important;
        padding-right:28px !important;
    }


    .site-shell > .footer .footer-top-inner,
    .site-shell > .footer .footer-bottom-inner{
        padding-left:28px !important;
        padding-right:28px !important;
    }


    .site-shell > .footer .footer-top-inner{
        grid-template-columns:220px minmax(0,1fr) !important;
        column-gap:25px !important;
    }


    .site-shell > .footer .footer-brand-img{
        max-width:205px !important;
    }


    .site-shell > .footer .footer-nav a{
        font-size:13px !important;
        padding-left:11px !important;
        padding-right:11px !important;
    }


    .site-shell > .footer .footer-bottom-inner{
        grid-template-columns:250px 1px minmax(0,1fr) !important;
        column-gap:28px !important;
    }


    .site-shell > .footer .payments-img{
        width:min(100%, 580px) !important;
        max-width:580px !important;
    }
}



/* =========================================================
   6. TABLET
   ========================================================= */

@media (max-width:900px){

    .site-shell > .topbar.wrap{
        min-height:78px !important;

        padding-left:20px !important;
        padding-right:20px !important;
    }


    .site-shell > .topbar .brand-img{
        max-width:190px !important;
        max-height:55px !important;
    }


    .site-shell > .topbar .phone-link{
        font-size:15px !important;
        gap:8px !important;
    }


    .site-shell > .topbar .phone-fa{
        width:32px !important;
        height:32px !important;
        flex-basis:32px !important;
    }


    /* FOOTER BLUE */

    .site-shell > .footer .footer-top-inner{
        min-height:0 !important;

        grid-template-columns:1fr !important;

        justify-items:center !important;

        row-gap:22px !important;

        padding:24px 20px !important;
    }


    .site-shell > .footer .brand-footer{
        justify-content:center !important;
    }


    .site-shell > .footer .footer-brand-img{
        max-width:215px !important;
    }


    .site-shell > .footer .footer-nav{
        justify-content:center !important;
        width:100% !important;
    }


    .site-shell > .footer .footer-nav a{
        font-size:13px !important;

        padding-left:13px !important;
        padding-right:13px !important;
    }


    /* FOOTER BOTTOM */

    .site-shell > .footer .footer-bottom-inner{
        min-height:0 !important;

        grid-template-columns:220px 1px minmax(0,1fr) !important;

        column-gap:24px !important;

        padding:28px 20px !important;
    }


    .site-shell > .footer .payments-img{
        width:100% !important;
        max-width:500px !important;
    }
}



/* =========================================================
   7. MOBILE
   ========================================================= */

@media (max-width:600px){

    .site-shell > .topbar.wrap{
        width:100% !important;

        min-height:68px !important;

        padding:8px 13px !important;

        gap:10px !important;

        overflow:hidden !important;
    }


    .site-shell > .topbar .brand{
        min-width:0 !important;
        max-width:52% !important;
    }


    .site-shell > .topbar .brand-img{
        width:auto !important;
        height:auto !important;

        max-width:155px !important;
        max-height:49px !important;
    }


    .site-shell > .topbar .phone-link{
        min-width:0 !important;

        gap:6px !important;

        font-size:12.5px !important;
        font-weight:700 !important;

        flex-shrink:1 !important;
    }


    .site-shell > .topbar .phone-fa{
        width:27px !important;
        height:27px !important;

        flex:0 0 27px !important;

        border-width:1.5px !important;
    }


    .site-shell > .topbar .phone-fa i{
        font-size:11px !important;
    }


    /* =====================
       MOBILE FOOTER BLUE
       ===================== */

    .site-shell > .footer{
        margin-top:26px !important;
    }


    .site-shell > .footer .footer-top-inner{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;

        min-height:0 !important;

        padding:22px 16px 25px !important;

        gap:22px !important;
    }


    .site-shell > .footer .brand-footer{
        width:100% !important;
        justify-content:flex-start !important;
    }


    .site-shell > .footer .footer-brand-img{
        max-width:190px !important;
        max-height:61px !important;
    }


    .site-shell > .footer .footer-nav{
        width:100% !important;

        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:11px 18px !important;

        align-items:start !important;
        justify-content:stretch !important;
    }


    .site-shell > .footer .footer-nav a{
        width:100% !important;

        padding:0 !important;

        display:block !important;

        font-size:12.5px !important;
        line-height:1.35 !important;
        font-weight:500 !important;

        white-space:normal !important;

        text-align:left !important;
    }


    .site-shell > .footer .footer-nav a::after{
        display:none !important;
    }


    /* =====================
       MOBILE FOOTER BOTTOM
       ===================== */

    .site-shell > .footer .footer-bottom-inner{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;

        align-items:stretch !important;

        min-height:0 !important;

        padding:24px 16px 30px !important;

        gap:25px !important;
    }


    .site-shell > .footer .rating-block{
        width:100% !important;

        align-items:flex-start !important;

        gap:12px !important;
    }


    .site-shell > .footer .rating-block small{
        font-size:11.5px !important;
        line-height:1.5 !important;
    }


    .site-shell > .footer .tripadvisor-img{
        max-width:175px !important;
        max-height:54px !important;
    }


    .site-shell > .footer .footer-vline{
        width:100% !important;
        height:1px !important;

        background:rgba(255,255,255,.20) !important;
    }


    .site-shell > .footer .payments{
        width:100% !important;

        align-items:flex-start !important;

        gap:14px !important;
    }


    .site-shell > .footer .payments small{
        font-size:13px !important;
    }


    /*
       IMPORTANT:
       Mobile par payment image ko bhi
       tiny nahi hone dena.
    */

    .site-shell > .footer .payments-img{
        width:100% !important;
        max-width:100% !important;

        height:auto !important;
        max-height:none !important;

        object-fit:contain !important;
        object-position:left center !important;
    }
}



/* =========================================================
   8. VERY SMALL MOBILE
   ========================================================= */

@media (max-width:390px){

    .site-shell > .topbar.wrap{
        padding-left:10px !important;
        padding-right:10px !important;
    }


    .site-shell > .topbar .brand{
        max-width:50% !important;
    }


    .site-shell > .topbar .brand-img{
        max-width:142px !important;
    }


    .site-shell > .topbar .phone-link{
        font-size:11.5px !important;
        gap:5px !important;
    }


    .site-shell > .topbar .phone-fa{
        width:24px !important;
        height:24px !important;
        flex-basis:24px !important;
    }


    .site-shell > .footer .footer-nav{
        gap:10px 12px !important;
    }


    .site-shell > .footer .footer-nav a{
        font-size:12px !important;
    }
}



/* =========================================================
   9. REMOVE ACCIDENTAL GLOBAL IMG RESTRICTIONS
   ONLY FOR HEADER / FOOTER
   ========================================================= */

.site-shell > .topbar img,
.site-shell > .footer img{
    opacity:1 !important;
    filter:none !important;
}


.site-shell > .footer img{
    transform:none !important;
}


/* Prevent detail-page image rules from resizing footer assets */
.rrd img{
    /* detail page rules can remain untouched */
}

.site-shell > .footer .tripadvisor-img,
.site-shell > .footer .payments-img,
.site-shell > .footer .footer-brand-img,
.site-shell > .topbar .brand-img{
    aspect-ratio:auto !important;
}
/* =========================================================
   FINAL V8 - ROOM SLIDER SMOOTH + CENTERED NAV FIX
   Keep this block at the VERY END of detail-v3.css
   ========================================================= */
#rrdRoomList .rrd-room-gallery{
  position:relative!important;
  overflow:visible!important;
}
#rrdRoomList .rrd-room-stage{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#FAFBFC!important;
}
#rrdRoomList .rrd-room-stage>img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:1!important;
  transform:scale(1)!important;
  transition:opacity .28s ease,transform .42s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity,transform!important;
  backface-visibility:hidden!important;
}
#rrdRoomList .rrd-room-stage.is-changing>img{
  opacity:.18!important;
  transform:scale(1.025)!important;
}

/* Reset old .rrd-room-nav inset/flex rules completely */
#rrdRoomList .rrd-room-stage>.rrd-room-nav{
  position:absolute!important;
  inset:auto!important;
  top:50%!important;
  bottom:auto!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid rgba(201,155,85,.12)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  color:#D7AC79!important;
  box-shadow:0 5px 18px rgba(0,0,0,.22)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  z-index:8!important;
  cursor:pointer!important;
  opacity:.98!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
#rrdRoomList .rrd-room-stage>.rrd-room-nav:hover{
  background:#D7AC79!important;
  color:#FFFFFF!important;
  transform:translateY(-50%) scale(1.06)!important;
  box-shadow:0 6px 20px rgba(201,155,85,.32)!important;
}
#rrdRoomList .rrd-room-stage>.rrd-room-nav:active{
  transform:translateY(-50%) scale(.96)!important;
}
#rrdRoomList .rrd-room-stage>.rrd-room-nav i{
  display:block!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:13px!important;
  line-height:1!important;
  transform:none!important;
  pointer-events:none!important;
}
#rrdRoomList .rrd-room-stage>.rrd-room-prev{left:8px!important;right:auto!important}
#rrdRoomList .rrd-room-stage>.rrd-room-next{right:8px!important;left:auto!important}
#rrdRoomList .rrd-room-count{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:9!important;
  min-width:38px!important;
  text-align:center!important;
  pointer-events:none!important;
}

#rrdRoomList .rrd-room-thumbs{
  scroll-behavior:smooth!important;
  overscroll-behavior-x:contain!important;
}
#rrdRoomList .rrd-room-thumbs button{
  opacity:.72!important;
  transform:translateZ(0)!important;
  transition:border-color .2s ease,opacity .2s ease,transform .2s ease!important;
}
#rrdRoomList .rrd-room-thumbs button:hover{opacity:1!important}
#rrdRoomList .rrd-room-thumbs button.is-active{
  opacity:1!important;
  border-color:#D7AC79!important;
  transform:translateY(-1px)!important;
}

/* Main property gallery: smooth image change and clean arrows */
.rrd-gallery .rrd-stage>img{
  opacity:1;
  transform:scale(1);
  transition:opacity .30s ease,transform .48s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity,transform;
}
.rrd-gallery .rrd-stage.is-changing>img{opacity:.16!important;transform:scale(1.018)!important}
.rrd-gallery .rrd-arrow{
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;line-height:1!important
}
.rrd-gallery .rrd-arrow i{position:static!important;transform:none!important;line-height:1!important;pointer-events:none!important}

@media(max-width:760px){
  #rrdRoomList .rrd-room-stage>.rrd-room-nav{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  #rrdRoomList .rrd-room-stage>.rrd-room-prev{left:9px!important}
  #rrdRoomList .rrd-room-stage>.rrd-room-next{right:9px!important}
}

/* ============================================================
   FINAL GALLERY FIX 2026-09-01
   Main thumbs: always ONE row + manual horizontal drag/scroll.
   Room galleries: only one clean image visible; HTML thumbs remain
   in markup as the image source list for JS/lightbox.
============================================================ */
#rrdRoot #rrdThumbs.rrd-thumbs{
  display:flex!important;
  flex-wrap:nowrap!important;
  grid-template-columns:none!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  touch-action:pan-x;
  cursor:grab;
}
#rrdRoot #rrdThumbs.rrd-thumbs::-webkit-scrollbar{display:none}
#rrdRoot #rrdThumbs.rrd-thumbs:active{cursor:grabbing}
#rrdRoot #rrdThumbs.rrd-thumbs>button{
  flex:0 0 clamp(118px,19%,155px)!important;
  width:clamp(118px,19%,155px)!important;
  min-width:118px!important;
  height:77px!important;
  margin:0!important;
}

/* Room thumbnail data stays in HTML but is not visually stacked. */
#rrdRoot #rrdRoomList .rrd-room-thumbs{
  display:none!important;
}
#rrdRoot #rrdRoomList .rrd-room-gallery{
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#FAFBFC!important;
}
#rrdRoot #rrdRoomList .rrd-room-stage{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:8px!important;
  cursor:zoom-in!important;
  touch-action:pan-y!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
#rrdRoot #rrdRoomList .rrd-room-stage>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  margin:0!important;
  padding:0!important;
  transform:scale(1)!important;
  opacity:1;
  transition:opacity .22s ease,transform .32s ease!important;
  pointer-events:none!important;
}
#rrdRoot #rrdRoomList .rrd-room-stage.is-changing>img{opacity:.35!important;transform:scale(1.015)!important}
#rrdRoot #rrdRoomList .rrd-room-stage:hover>img{transform:scale(1.025)!important}
#rrdRoot #rrdRoomList .rrd-room-stage.is-changing:hover>img{transform:scale(1.015)!important}

/* Visible breathing space between every room category. */
#rrdRoot #rrdRoomList .rrd-room{
  margin:0!important;
  padding-top:18px!important;
  padding-bottom:18px!important;
}
#rrdRoot #rrdRoomList .rrd-room+.rrd-room{border-top:1px solid #E8D6BF!important}

@media(max-width:760px){
  #rrdRoot #rrdThumbs.rrd-thumbs{gap:8px!important}
  #rrdRoot #rrdThumbs.rrd-thumbs>button{flex-basis:92px!important;width:92px!important;min-width:92px!important;height:62px!important}
  #rrdRoot #rrdRoomList .rrd-room{padding-top:18px!important;padding-bottom:18px!important}
  #rrdRoot #rrdRoomList .rrd-room-gallery{margin-bottom:14px!important}
}

/* ============================================================
   FINAL DETAIL-PAGE LAYOUT SAFETY PATCH
   Prevents sidebar cards from sliding underneath a sticky form.
   ============================================================ */
.rrd .rrd-side{position:relative!important;isolation:isolate!important}
.rrd .rrd-form-card{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  overflow:hidden!important;
}
.rrd .rrd-help,.rrd .rrd-included{
  position:relative!important;
  z-index:1!important;
  clear:both!important;
}
.rrd .rrd-included ul{position:relative!important;z-index:1!important}
.rrd .rrd-included li{position:relative!important}

@media(max-width:760px){
  .rrd .rrd-form-card{position:static!important}
}
/* Requested hotel-detail quick contact controls */
.rrd-quick-float{position:fixed;right:14px;top:42%;z-index:90;display:grid;gap:8px}.rrd-quick-float a,.rrd-quick-float button{width:74px;height:64px;border:0;border-radius:8px;color:#FFFFFF;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:700 10px/1.1 Inter,Arial,sans-serif;box-shadow:0 5px 16px rgba(0,0,0,.18);cursor:pointer}.rrd-quick-float i{font-size:22px}.rrd-quick-wa{background:#C99B55}.rrd-quick-call{background:#D7AC79}.rrd-quick-enq{background:#C99B55}.rrd-qmodal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:18px}.rrd-qmodal.is-open{display:flex}.rrd-qmodal__box{width:min(460px,100%);max-height:calc(100vh - 30px);overflow:auto;background:#FFFFFF;border-radius:14px;padding:20px;position:relative}.rrd-qmodal__close{position:absolute;right:13px;top:9px;border:0;background:none;font-size:28px;cursor:pointer}.rrd-qmodal h2{margin:0 0 16px;color:#000000;font-size:22px}.rrd-qfield{margin-bottom:11px}.rrd-qfield label{display:block;font-size:11px;font-weight:700;margin-bottom:5px}.rrd-qfield input,.rrd-qfield select{width:100%;height:42px;border:1px solid #E8D6BF;border-radius:5px;padding:0 11px;font:12px Inter,Arial,sans-serif;background:#FFFFFF}.rrd-q2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rrd-qsubmit{width:100%;height:44px;border:0;border-radius:5px;background:#D7AC79;color:#FFFFFF;font-weight:800;cursor:pointer}.rrd-qsafe{margin-top:12px;padding:10px;background:#FAFBFC;border:1px solid #E8D6BF;border-radius:6px;font-size:10px;text-align:center;color:#000000}.rrd-qerror{color:#C99B55;font-size:10px;min-height:12px;display:block;margin-top:3px}.rrd-qstatus{display:none;margin-top:10px;font-size:11px;color:#C99B55}.rrd-mobile-bar{grid-template-columns:repeat(3,1fr)!important}.rrd-mobile-bar .rrd-mwa{background:#C99B55;color:#FFFFFF;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px}.rrd-mobile-bar .rrd-menq{border:0;background:#C99B55;color:#FFFFFF;font:inherit}
@media(max-width:760px){.rrd-quick-float{display:none}.rrd-mobile-bar a,.rrd-mobile-bar button{font-size:10px!important}.rrd-q2{grid-template-columns:1fr}}

/* Detail quick-contact visual polish */
.rrd-quick-float{gap:7px}
.rrd-quick-float a,.rrd-quick-float button{width:68px;height:58px;border-radius:10px;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.rrd-quick-float a:hover,.rrd-quick-float button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.22);filter:brightness(1.04)}
.rrd-quick-wa{background:linear-gradient(145deg,#C99B55,#C99B55)!important}
.rrd-quick-call{background:linear-gradient(145deg,#D7AC79,#000000)!important}
.rrd-quick-enq{background:linear-gradient(145deg,#C99B55,#C99B55)!important}
@media(max-width:760px){
 .rrd-mobile-bar{height:54px!important;box-shadow:0 -5px 18px rgba(0,0,0,.16)!important;background:#FFFFFF!important;padding:4px 6px!important;gap:5px!important}
 .rrd-mobile-bar a,.rrd-mobile-bar button{border-radius:7px!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:.05px;transition:transform .2s ease,filter .2s ease}
 .rrd-mobile-bar .rrd-mwa{background:linear-gradient(145deg,#C99B55,#C99B55)!important}
 .rrd-mobile-bar a:not(.rrd-mwa){background:linear-gradient(145deg,#D7AC79,#000000)!important;color:#FFFFFF!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
 .rrd-mobile-bar .rrd-menq{background:linear-gradient(145deg,#C99B55,#C99B55)!important}
 .rrd-mobile-bar i{font-size:12px!important}
}


/* ============================================================
   FINAL REQUESTED DETAIL QUICK CONTACT PALETTE / VALIDATION PATCH
   WhatsApp = green only; Call = navy; Quick Enquiry = site blue.
   ============================================================ */
.rrd-quick-wa{background:#C99B55!important}
.rrd-quick-call{background:#000000!important}
.rrd-quick-enq{background:#D7AC79!important}
.rrd-mobile-bar .rrd-mwa{background:#C99B55!important;color:#FFFFFF!important}
.rrd-mobile-bar a:not(.rrd-mwa){background:#000000!important;color:#FFFFFF!important}
.rrd-mobile-bar .rrd-menq{background:#D7AC79!important;color:#FFFFFF!important}
.rrd-qfield.has-error input,.rrd-qfield.has-error select{border-color:#C99B55!important;background:#FFFFFF!important;box-shadow:0 0 0 2px rgba(15,75,168,.06)!important}
.rrd-qfield input:focus,.rrd-qfield select:focus{outline:0;border-color:#D7AC79;box-shadow:0 0 0 3px rgba(201,155,85,.10)}


/* ============================================================
   FINAL DETAIL QUICK ACTIONS — requested only
   Exactly two actions: Call + Quick Enquiry.
   Approved blue/navy palette with light white border.
   ============================================================ */
.rrd-quick-float--two{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;right:14px!important;top:44%!important}
.rrd-quick-float--two .rrd-quick-call,.rrd-quick-float--two .rrd-quick-enq{display:flex!important;width:76px!important;height:58px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:8px!important;color:#FFFFFF!important;text-decoration:none!important;font:700 10px/1.1 Inter,Arial,sans-serif!important;box-shadow:0 5px 16px rgba(0,0,0,.16)!important;cursor:pointer!important;transform:none!important;filter:none!important}
.rrd-quick-float--two .rrd-quick-call{background:#000000!important}
.rrd-quick-float--two .rrd-quick-enq{background:#D7AC79!important}
.rrd-quick-float--two i{font-size:18px!important}
.rrd-mobile-bar--two{grid-template-columns:1fr 1fr!important;gap:5px!important}
.rrd-mobile-bar--two a,.rrd-mobile-bar--two button{height:44px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:7px!important;color:#FFFFFF!important;font-size:10.5px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-decoration:none!important}
.rrd-mobile-bar--two a{background:#000000!important}
.rrd-mobile-bar--two button{background:#D7AC79!important}
.rrd-mobile-bar--two i{font-size:12px!important}
@media(max-width:760px){.rrd-quick-float--two{display:none!important}.rrd-mobile-bar--two{display:grid!important}}

/* Detail form validation remains red border + inline message. */
.rrd-field.has-error .rrd-control{border-radius:5px!important;box-shadow:0 0 0 1px #C99B55!important}
.rrd-field.has-error input,.rrd-field.has-error select{border-color:#C99B55!important;background:#FFFFFF!important}
.rrd-field.has-error small{display:block!important;color:#C99B55!important;margin-top:4px!important}

/* FINAL REQUEST: semantic validation colors */
.has-error input,.has-error select,.rrd-field.has-error .rrd-control input,.rrd-field.has-error .rrd-control select,.cty-form-field.has-error input,.cty-form-field.has-error select{border-color:#dc2626!important;box-shadow:0 0 0 1px rgba(220,38,38,.08)!important}.has-error small,.rrd-field.has-error small,.cty-form-field.has-error small{color:#dc2626!important}.rrd-success{color:#16a34a!important;border:1px solid #16a34a!important;background:#FFFFFF!important}

/* v8.3 FINAL MOBILE WIDTH SAFETY — requested only */
@media(max-width:760px){
 html,body,.site-shell,#rrdRoot,.rrd,.rrd-shell,.rrd-grid,.rrd-left,.rrd-side{width:100%!important;max-width:100%!important;min-width:0!important}
 body{margin:0!important;overflow-x:hidden!important}
 .rrd{display:block!important;padding-left:0!important;padding-right:0!important}
 .rrd-shell{display:block!important;margin:0!important;padding:0 10px!important}
 .rrd-grid{display:flex!important;flex-direction:column!important;gap:12px!important}
 .rrd-left,.rrd-side{min-width:0!important;max-width:100%!important}
 .rrd-card,.rrd-gallery,.rrd-types,.rrd-about,.rrd-rooms,.rrd-help,.rrd-included,.rrd-location,.rrd-form-card{width:100%!important;max-width:100%!important;min-width:0!important}
 .rrd-stage{width:100%!important;min-width:0!important}
 .rrd-room{width:100%!important;min-width:0!important}
 .rrd-room>*{min-width:0!important}
 img,iframe{max-width:100%!important}
 #ui-datepicker-div.ui-datepicker{width:calc(100vw - 24px)!important;max-width:320px!important}
}
@media(max-width:430px){
 .rrd-shell{padding:0 8px!important}
 .rrd-room{grid-template-columns:minmax(108px,34%) minmax(0,1fr)!important}
 .rrd-room-price{grid-column:1/-1!important;width:100%!important}
}

/* v8.4 requested calendar presentation: only a slight height/readability increase */
#ui-datepicker-div.ui-datepicker{padding:9px!important}
#ui-datepicker-div.ui-datepicker td a,#ui-datepicker-div.ui-datepicker td span{min-height:25px!important;line-height:23px!important;padding:1px 4px!important;text-align:center!important}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header{min-height:31px!important;display:flex!important;align-items:center!important;justify-content:center!important}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,#ui-datepicker-div.ui-datepicker .ui-datepicker-next{top:3px!important}



/*whstapp & call*/
.call-icon {
    position: fixed;
    bottom: 60px;
    left: 20px;
    z-index: 999;
}

.whatsapp-float {
    position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 999;
}

/* CLIENT FINAL COLOR-ONLY OVERRIDE: approved golden hotel rating */
.rrd-stars{color:#C99B55!important}
.rrd-score{color:#C99B55!important;border-color:#C99B55!important;background:#FFFFFF!important}
.rrd-excellent strong{color:#C99B55!important}

/* CLIENT FINAL: PSD rating colors only */
.rrd-stars{color:#D99A2B!important}
.rrd-score{color:#C99B55!important;border-color:#C99B55!important;background:#FFFFFF!important}
.rrd-excellent strong{color:#C99B55!important}
.rrd-excellent b{color:#000000!important}

/* Final client color-only corrections */
.rrd-breadcrumb,.rrd-breadcrumb a,.rrd-breadcrumb span{color:#000000!important;}
.rrd-stars{display:inline-flex;align-items:center;color:#FFB000!important;}
.rrd-full-stars{color:#FFB000!important;}
.rrd-half-star{display:inline-block;color:transparent!important;background:linear-gradient(90deg,#FFB000 50%,#FFFFFF 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px #FFB000;}
.rrd-score{color:#000000!important;border-color:#E7B96D!important;background:#FFFFFF!important;}