:root {
      --gold: #C9A84C;
      --gold-light: #E8C97A;
      --gold-dark: #9A7230;
      --dark: #0D0D0D;
      --dark2: #161616;
      --dark3: #1E1E1E;
      --dark4: #2A2A2A;
      --mid: #3A3A3A;
      --text: #E8E4DC;
      --text-muted: #9A9488;
      --white: #FDFAF4;
    }
    *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
    html { scroll-behavior: smooth; }
    body { background: var(--dark); color: var(--text); font-family: 'DM Sans', sans-serif; overflow-x: hidden; }
    h1,h2,h3,h4 { font-family: 'Cormorant Garamond', serif; }

    /* ── SCROLLBAR ── */
    ::-webkit-scrollbar { width:5px; }
    ::-webkit-scrollbar-track { background: var(--dark2); }
    ::-webkit-scrollbar-thumb { background: var(--gold-dark); border-radius:3px; }

    /* ── NAVBAR ── */
    nav {
      position: fixed; top:0; left:0; right:0; z-index:1000;
      display:flex; align-items:center; justify-content:space-between;
      padding:0 5%;
      height: 102px;
      background: rgba(13,13,13,0.88);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(201,168,76,0.15);
      transition: background 0.4s;
    }
    nav.scrolled { background: rgba(13,13,13,0.97); }
    .nav-logo {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.55rem;
      font-weight: 600;
      letter-spacing: 0.04em;
      color: var(--white);
    }
    .nav-logo span { color: var(--gold); }
    .nav-links { display:flex; gap:2rem; list-style:none; }
    .nav-links a {
      color: var(--text-muted);
      text-decoration:none;
      font-size:0.82rem;
      letter-spacing:0.12em;
      text-transform:uppercase;
      transition: color 0.3s;
      font-weight:500;
    }
    .nav-links a:hover { color: var(--gold); }
    .nav-cta {
      background: var(--gold);
      color: var(--dark);
      padding: 9px 22px;
      font-size: 0.78rem;
      font-weight:600;
      letter-spacing:0.1em;
      text-transform:uppercase;
      text-decoration:none;
      transition: background 0.3s, transform 0.2s;
    }
    .nav-cta:hover { background: var(--gold-light); transform: translateY(-1px); }
    .hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }
    .hamburger span { width:24px; height:2px; background: var(--gold); transition:0.3s; }

    /* ── HERO SLIDER ── */
    #hero {
      position:relative; height:100vh; overflow:hidden;
    }
    .slide {
      position:absolute; inset:0;
      background-size:cover; background-position:center;
      opacity:0; transition: opacity 1.2s ease;
    }
    .slide.active { opacity:1; }
    .slide::after {
      content:'';
      position:absolute; inset:0;
      background: linear-gradient(135deg, rgba(13,13,13,0.78) 0%, rgba(13,13,13,0.35) 60%, rgba(13,13,13,0.6) 100%);
    }
    .slide-1 { background-image: url('../img/gallery/1.jpeg?w=1800&q=85'); }
    .slide-2 { background-image: url('../img/gallery/3.jpeg?w=1800&q=85'); }
    .slide-3 { background-image: url('../img/gallery/7.jpeg?w=1800&q=85'); }
    .slide-4 { background-image: url('../img/gallery/8.jpeg?w=1800&q=85'); }
    .hero-content {
      position:relative; z-index:2;
      height:100%; display:flex; flex-direction:column;
      justify-content:center; padding: 0 8%;
    }
    .hero-eyebrow {
      font-size:0.72rem; letter-spacing:0.3em; text-transform:uppercase;
      color: var(--gold); font-weight:500; margin-bottom:1.2rem;
      opacity:0; animation: fadeUp 0.9s 0.3s forwards;
    }
    .hero-title {
      font-size: clamp(2.8rem, 7vw, 6.5rem);
      font-weight:300; line-height:1.05;
      color: var(--white);
      opacity:0; animation: fadeUp 0.9s 0.5s forwards;
    }
    .hero-title em { font-style:italic; color: var(--gold-light); }
    .hero-subtitle {
      margin-top:1.2rem; max-width:500px;
      color: rgba(232,228,220,0.72); font-size:1.05rem; line-height:1.7; font-weight:300;
      opacity:0; animation: fadeUp 0.9s 0.7s forwards;
    }
    .hero-btns {
      margin-top:2.5rem; display:flex; gap:1rem;
      opacity:0; animation: fadeUp 0.9s 0.9s forwards;
    }
    .btn-primary {
      background: var(--gold); color: var(--dark);
      padding:13px 34px; font-size:1rem;
      letter-spacing:0.12em; text-transform:uppercase; font-weight:600;
      text-decoration:none; transition: all 0.3s;
    }
    .btn-primary:hover { background: var(--gold-light); transform:translateY(-2px); }
    .btn-outline {
      border: 1px solid rgba(201,168,76,0.5); color: var(--gold);
      padding:13px 34px; font-size:1rem;
      letter-spacing:0.12em; text-transform:uppercase; font-weight:500;
      text-decoration:none; transition: all 0.3s;
    }
    .btn-outline:hover { border-color: var(--gold); background: rgba(201,168,76,0.08); }
    .slide-dots {
      position:absolute; bottom:40px; left:8%; z-index:3;
      display:flex; gap:10px;
    }
    .dot {
      width:28px; height:2px; background: rgba(201,168,76,0.3);
      cursor:pointer; transition:all 0.3s;
    }
    .dot.active { background: var(--gold); width:48px; }
    .slide-counter {
      position:absolute; bottom:40px; right:8%; z-index:3;
      font-size:0.75rem; letter-spacing:0.2em; color: var(--text-muted);
    }
    @keyframes fadeUp { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:none; } }

    /* ── SECTION HEADER ── */
    .section-header { text-align:center; margin-bottom:3.5rem; }
    .eyebrow {
      display:inline-block; font-size:0.7rem; letter-spacing:0.3em;
      text-transform:uppercase; color: var(--gold); font-weight:500;
      margin-bottom:1rem;
    }
    .section-title {
      font-size: clamp(2rem, 4vw, 3.2rem);
      font-weight:300; color: var(--white); line-height:1.15;
    }
    .section-title em { font-style:italic; color: var(--gold-light); }
    .divider {
      width:50px; height:1px; background: var(--gold);
      margin:1.2rem auto 0; opacity:0.7;
    }

    /* ── ABOUT STRIP ── */
    #about-strip {
      background: var(--dark2);
      border-top:1px solid rgba(201,168,76,0.12);
      border-bottom:1px solid rgba(201,168,76,0.12);
      padding: 28px 8%;
      display:flex; align-items:center; justify-content:space-between; gap:2rem;
      flex-wrap:wrap;
    }
    .strip-item { display:flex; align-items:center; gap:14px; }
    .strip-icon { font-size:1.6rem; }
    .strip-item h4 { font-size:1rem; font-weight:600; color: var(--white); }
    .strip-item p { font-size:0.78rem; color: var(--text-muted); letter-spacing:0.05em; }
    .strip-divider { width:1px; height:40px; background: rgba(201,168,76,0.2); }

    /* ── WELCOME ── */
    #welcome { padding: 100px 8%; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
    .welcome-img {
      position:relative;
    }
    .welcome-img img {
      width:100%; height:500px; object-fit:cover;
      display:block;
    }
    .welcome-img::before {
      content:'';
      position:absolute; top:-20px; left:-20px;
      width:60%; height:60%;
      border: 1px solid rgba(201,168,76,0.3);
      z-index:-1;
    }
    .welcome-img::after {
      content:'';
      position:absolute; bottom:-20px; right:-20px;
      width:60%; height:60%;
      border: 1px solid rgba(201,168,76,0.15);
      z-index:-1;
    }
    .welcome-badge {
      position:absolute; bottom:-20px; left:30px;
      background: var(--gold); color: var(--dark);
      padding:16px 22px; font-family:'Cormorant Garamond',serif;
    }
    .welcome-badge .num { font-size:2rem; font-weight:600; line-height:1; }
    .welcome-badge .lbl { font-size:0.7rem; letter-spacing:0.1em; text-transform:uppercase; }
    .welcome-text h2 { font-size:clamp(1.9rem,3vw,2.8rem); font-weight:300; line-height:1.2; margin-bottom:1.5rem; }
    .welcome-text p { color: var(--text-muted); line-height:1.9; font-size:0.95rem; margin-bottom:1.2rem; }
    .welcome-features { display:flex; flex-direction:column; gap:0.7rem; margin:2rem 0; }
    .feat-item { display:flex; align-items:center; gap:12px; font-size:0.88rem; color: var(--text-muted); }
    .feat-dot { width:6px; height:6px; background: var(--gold); flex-shrink:0; }

    /* ── ROOMS ── */
    #rooms { padding:100px 8%; background: var(--dark2); }
    .rooms-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5px; margin-top:3.5rem; }
    .room-card { position:relative; overflow:hidden; cursor:pointer; }
    .room-card img { width:100%; height:380px; object-fit:cover; display:block; transition: transform 0.7s ease; }
    .room-card:hover img { transform:scale(1.06); }
    .room-overlay {
      position:absolute; inset:0;
      background: linear-gradient(to top, rgba(13,13,13,0.92) 0%, rgba(13,13,13,0.2) 60%, transparent 100%);
      display:flex; flex-direction:column; justify-content:flex-end; padding:30px;
      transition:background 0.4s;
    }
    .room-card:hover .room-overlay { background: linear-gradient(to top, rgba(13,13,13,0.97) 0%, rgba(13,13,13,0.4) 70%, transparent 100%); }
    .room-tag {
      font-size:0.65rem; letter-spacing:0.25em; text-transform:uppercase;
      color: var(--gold); font-weight:500; margin-bottom:8px;
    }
    .room-name { font-size:1.5rem; font-weight:300; color: var(--white); margin-bottom:6px; }
    .room-desc { font-size:0.82rem; color: var(--text-muted); line-height:1.6; max-height:0; overflow:hidden; transition:max-height 0.4s ease; }
    .room-card:hover .room-desc { max-height:80px; }
    .room-link {
      margin-top:14px; font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase;
      color: var(--gold); text-decoration:none; opacity:0; transition:opacity 0.3s;
    }
    .room-card:hover .room-link { opacity:1; }

    /* ── STATS ── */
    #stats {
      padding:80px 8%;
      display:flex; justify-content:space-between; flex-wrap:wrap; gap:2rem;
      background: var(--dark);
      border-top:1px solid rgba(201,168,76,0.1);
      border-bottom:1px solid rgba(201,168,76,0.1);
    }
    .stat-item { text-align:center; flex:1; min-width:140px; }
    .stat-num {
      font-family:'Cormorant Garamond',serif; font-size:3.5rem;
      font-weight:300; color: var(--gold);
      line-height:1;
    }
    .stat-label { font-size:0.75rem; letter-spacing:0.18em; text-transform:uppercase; color: var(--text-muted); margin-top:8px; }

    /* ── CORPORATE HALL ── */
    #corporate { padding:100px 8%; }
    .corporate-layout { display:grid; grid-template-columns:1fr 1fr; gap:5%; align-items:center; }
    .corp-images { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
    .corp-images img { width:100%; object-fit:cover; display:block; }
    .corp-images img:first-child { grid-column:span 2; height:260px; }
    .corp-images img:not(:first-child) { height:160px; }
    .corp-text h2 { font-size:clamp(1.9rem,3vw,2.8rem); font-weight:300; line-height:1.2; margin-bottom:1.2rem; }
    .corp-text p { color: var(--text-muted); line-height:1.9; font-size:0.93rem; margin-bottom:1.5rem; }
    .corp-amenities { display:grid; grid-template-columns:1fr 1fr; gap:0.7rem; margin:1.5rem 0 2rem; }
    .amenity { display:flex; align-items:center; gap:10px; font-size:0.83rem; color: var(--text-muted); }
    .amenity-icon { font-size:1rem; }

    /* ── FACILITIES ── */
    #facilities { padding:100px 8%; background: var(--dark2); }
    .fac-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:3.5rem; }
    .fac-card {
      background: var(--dark3);
      padding:40px 28px; text-align:center;
      border:1px solid rgba(201,168,76,0); transition:all 0.4s;
      position:relative; overflow:hidden;
    }
    .fac-card::before {
      content:''; position:absolute; bottom:0; left:0; right:0; height:2px;
      background: var(--gold); transform:scaleX(0); transition:transform 0.4s;
    }
    .fac-card:hover { background: var(--dark4); border-color: rgba(201,168,76,0.15); transform:translateY(-4px); }
    .fac-card:hover::before { transform:scaleX(1); }
    .fac-icon { font-size:2.2rem; margin-bottom:18px; }
    .fac-card h3 { font-size:1.15rem; font-weight:400; color: var(--white); margin-bottom:10px; }
    .fac-card p { font-size:0.82rem; color: var(--text-muted); line-height:1.7; }

    /* ── GALLERY ── */
    #gallery { padding:100px 8%; }
    .gallery-masonry {
      columns:4; column-gap:8px; margin-top:3.5rem;
    }
    .gallery-item {
      break-inside:avoid; margin-bottom:8px;
      position:relative; overflow:hidden; cursor:pointer;
    }
    .gallery-item img { width:100%; display:block; transition:transform 0.6s ease; }
    .gallery-item:hover img { transform:scale(1.05); }
    .gallery-item::after {
      content:'⊕'; position:absolute; inset:0;
      background:rgba(201,168,76,0.18);
      display:flex; align-items:center; justify-content:center;
      font-size:2rem; color: var(--gold);
      opacity:0; transition:opacity 0.3s;
    }
    .gallery-item:hover::after { opacity:1; }

    /* ── TESTIMONIALS ── */
    #testimonials { padding:100px 8%; background: var(--dark2); }
    .testi-track-wrap { overflow:hidden; position:relative; margin-top:3.5rem; }
    .testi-track { display:flex; gap:1.5rem; transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94); }
    .testi-card {
      min-width: calc(33.333% - 1rem);
      background: var(--dark3);
      padding:40px 36px;
      border:1px solid rgba(201,168,76,0.1);
      position:relative;
      flex-shrink:0;
    }
    .testi-quote { font-family:'Cormorant Garamond',serif; font-size:5rem; line-height:0.6; color: var(--gold); opacity:0.4; margin-bottom:20px; }
    .testi-text { font-size:0.93rem; color: var(--text-muted); line-height:1.8; font-style:italic; margin-bottom:24px; }
    .testi-author { display:flex; align-items:center; gap:14px; }
    .testi-avatar { width:44px; height:44px; border-radius:50%; background: var(--gold-dark); display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-size:1.2rem; color: var(--dark); font-weight:600; }
    .testi-name { font-size:0.88rem; font-weight:500; color: var(--white); }
    .testi-role { font-size:0.75rem; color: var(--text-muted); letter-spacing:0.08em; }
    .stars { color: var(--gold); font-size:0.75rem; margin-bottom:4px; }
    .testi-nav { display:flex; justify-content:center; gap:10px; margin-top:2.5rem; }
    .testi-btn {
      width:42px; height:42px;
      border:1px solid rgba(201,168,76,0.3);
      background:none; color: var(--gold); cursor:pointer;
      font-size:1rem; transition:all 0.3s;
    }
    .testi-btn:hover { background: var(--gold); color: var(--dark); }

    /* ── CTA BANNER ── */
    #cta-banner {
      padding:100px 8%;
      background: linear-gradient(135deg, var(--dark2) 0%, var(--dark3) 100%);
      text-align:center;
      border-top:1px solid rgba(201,168,76,0.12);
      position:relative; overflow:hidden;
    }
    #cta-banner::before {
      content:'';
      position:absolute; inset:0;
      background: radial-gradient(ellipse 60% 60% at 50% 50%, rgba(201,168,76,0.06) 0%, transparent 70%);
    }
    #cta-banner h2 { font-size:clamp(2rem,4vw,3.5rem); font-weight:300; margin-bottom:1rem; position:relative; }
    #cta-banner p { color: var(--text-muted); max-width:500px; margin:0 auto 2.5rem; line-height:1.8; position:relative; }
    .cta-btns { display:flex; justify-content:center; gap:1.2rem; position:relative; flex-wrap:wrap; }

    /* ── CONTACT ── */
    #contact { padding:100px 8%; }
    .contact-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:80px; align-items:start; }
    .contact-info h2 { font-size:clamp(1.9rem,3vw,2.8rem); font-weight:300; margin-bottom:1.5rem; }
    .contact-info p { color: var(--text-muted); line-height:1.9; font-size:0.93rem; margin-bottom:2rem; }
    .contact-details { display:flex; flex-direction:column; gap:1.2rem; }
    .contact-item { display:flex; gap:16px; align-items:flex-start; }
    .contact-icon { font-size:1.1rem; margin-top:2px; }
    .contact-item h4 { font-size:1rem; letter-spacing:0.15em; text-transform:uppercase; color: var(--gold); margin-bottom:4px; }
    .contact-item p { font-size:0.9rem; color: var(--text-muted); line-height:1.6; }
    .contact-form { display:flex; flex-direction:column; gap:1rem; }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
    .form-group { display:flex; flex-direction:column; gap:6px; }
    .form-group label { font-size:0.72rem; letter-spacing:0.15em; text-transform:uppercase; color: var(--text-muted); }
    .form-group input, .form-group select, .form-group textarea {
      background: var(--dark2); border:1px solid rgba(201,168,76,0.15);
      color: var(--white); padding:12px 16px; font-family:'DM Sans',sans-serif; font-size:0.9rem;
      outline:none; transition:border-color 0.3s;
    }
    .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--gold); }
    .form-group select option { background: var(--dark2); }
    .form-group textarea { height:110px; resize:none; }

    /* ── FOOTER ── */
    footer {
      background: var(--dark2);
      border-top:1px solid rgba(201,168,76,0.12);
      padding:60px 8% 30px;
    }
    .footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:50px; margin-bottom:50px; }
    .footer-brand .nav-logo { font-size:1.5rem; margin-bottom:1rem; }
    .footer-brand p { font-size:0.85rem; color: var(--text-muted); line-height:1.8; max-width:260px; }
    .footer-col h4 { font-size:0.75rem; letter-spacing:0.2em; text-transform:uppercase; color: var(--gold); margin-bottom:1.2rem; }
    .footer-col ul { list-style:none; display:flex; flex-direction:column; gap:0.6rem; }
    .footer-col ul a { color: var(--text-muted); text-decoration:none; font-size:0.87rem; transition:color 0.3s; }
    .footer-col ul a:hover { color: var(--gold); }
    .social-links { display:flex; gap:12px; margin-top:1.5rem; }
    .social-link {
      width:38px; height:38px;
      border:1px solid rgba(201,168,76,0.25);
      display:flex; align-items:center; justify-content:center;
      color: var(--text-muted); text-decoration:none; font-size:0.9rem;
      transition:all 0.3s;
    }
    .social-link:hover { background: var(--gold); color: var(--dark); border-color: var(--gold); }
    .footer-bottom {
      border-top:1px solid rgba(201,168,76,0.08);
      padding-top:24px;
      display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem;
      font-size:0.78rem; color: var(--text-muted);
    }
    .footer-bottom a { color: var(--gold); text-decoration:none; }

    /* ── INNER PAGE STYLES ── */
    .page { display:none; }
    .page.active { display:block; }
    .inner-hero {
      height:55vh; display:flex; align-items:flex-end; padding:0 8% 60px;
      background-size:cover; background-position:center;
      position:relative; margin-top:72px;
    }
    .inner-hero::after {
      content:''; position:absolute; inset:0;
      background: linear-gradient(to top, rgba(13,13,13,0.85) 0%, rgba(13,13,13,0.3) 100%);
    }
    .inner-hero-content { position:relative; z-index:2; }
    .inner-hero-content .eyebrow { margin-bottom:8px; }
    .inner-hero-content h1 { font-size:clamp(2.2rem,5vw,4.5rem); font-weight:300; color: var(--white); }
    .breadcrumb { font-size:0.78rem; color: var(--text-muted); margin-top:10px; }
    .breadcrumb span { color: var(--gold); }
    .page-section { padding:80px 8%; }
    .page-section.alt { background: var(--dark2); }

    /* ── ROOMS INNER ── */
    .room-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:80px; padding-bottom:80px; border-bottom:1px solid rgba(201,168,76,0.1); }
    .room-detail-grid:last-child { border-bottom:none; margin-bottom:0; }
    .room-detail-grid.reverse { direction:rtl; }
    .room-detail-grid.reverse > * { direction:ltr; }
    .room-gallery { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
    .room-gallery img { width:100%; height:220px; object-fit:cover; display:block; }
    .room-gallery img:first-child { grid-column:span 2; height:300px; }
    .room-detail-text h2 { font-size:clamp(1.8rem,3vw,2.5rem); font-weight:300; margin-bottom:1rem; }
    .room-detail-text p { color: var(--text-muted); line-height:1.9; font-size:0.93rem; margin-bottom:1.5rem; }
    .room-amenities-list { display:grid; grid-template-columns:1fr 1fr; gap:0.6rem; margin-bottom:2rem; }
    .room-am { display:flex; align-items:center; gap:10px; font-size:0.83rem; color: var(--text-muted); }
    .room-am::before { content:''; width:5px; height:5px; background: var(--gold); flex-shrink:0; }

    /* ── CORPORATE INNER ── */
    .seating-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; margin-top:2rem; }
    .seat-card { background: var(--dark3); padding:28px; border:1px solid rgba(201,168,76,0.1); }
    .seat-card h3 { font-size:1.1rem; font-weight:400; color: var(--gold); margin-bottom:8px; }
    .seat-card p { font-size:0.83rem; color: var(--text-muted); line-height:1.7; }

    /* ── LIGHTBOX ── */
    #lightbox {
      display:none; position:fixed; inset:0; z-index:9999;
      background:rgba(0,0,0,0.92); align-items:center; justify-content:center;
    }
    #lightbox.open { display:flex; }
    #lightbox img { max-width:90vw; max-height:90vh; object-fit:contain; }
    #lightbox-close {
      position:absolute; top:20px; right:28px;
      font-size:2rem; color: var(--gold); cursor:pointer;
      background:none; border:none;
    }

    /* ── BACK TO TOP ── */
    #back-top {
      position:fixed; bottom:30px; right:30px; z-index:500;
      width:44px; height:44px;
      background: var(--gold); color: var(--dark);
      border:none; cursor:pointer; font-size:1rem;
      display:none; align-items:center; justify-content:center;
      transition:all 0.3s;
    }
    #back-top.visible { display:flex; }
    #back-top:hover { background: var(--gold-light); transform:translateY(-3px); }

    /* ── RESPONSIVE ── */
    @media (max-width:1024px) {
      .fac-grid { grid-template-columns:repeat(2,1fr); }
      .gallery-masonry { columns:3; }
      .footer-grid { grid-template-columns:1fr 1fr; }
    }
    @media (max-width:768px) {
      .nav-links, .nav-cta { display:none; }
      .hamburger { display:flex; }
      #welcome, .corporate-layout, .contact-grid, .room-detail-grid { grid-template-columns:1fr; gap:40px; }
      .rooms-grid { grid-template-columns:1fr; }
      .testi-card { min-width:calc(90% - 0.5rem); }
      .form-row { grid-template-columns:1fr; }
      .footer-grid { grid-template-columns:1fr; }
      .gallery-masonry { columns:2; }
      .fac-grid { grid-template-columns:1fr 1fr; }
      #about-strip { flex-direction:column; }
      .strip-divider { display:none; }
      .room-detail-grid.reverse { direction:ltr; }
    }