:root{--bg-deep-green: #1A2E1A;--bg-cream: #F5F0E8;--bg-off-white: #FAF8F4;--accent-gold: #C9A96E;--accent-gold-bright: #DBBF8A;--accent-gold-dim: #A08550;--card-dark: rgba(10, 25, 10, .75);--card-glass: rgba(255, 255, 255, .08);--text-cream: #F5F0E8;--text-charcoal: #1C1C1C;--text-muted: #7A7A6E;--gold-border: rgba(201, 169, 110, .3);--gold-border-bright: rgba(201, 169, 110, .6);--radius-card: 20px;--radius-pill: 50px;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .12);--shadow-gold: 0 4px 24px rgba(201, 169, 110, .15);--font-heading: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--font-arabic: "Scheherazade New", serif;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--backdrop-blur: blur(16px);--primary: var(--bg-deep-green);--primary-light: #2A422A;--primary-dark: #0F1D0F;--accent: var(--accent-gold)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-cream);color:var(--text-charcoal);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}.page-curtain{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-deep-green);z-index:100000;display:flex;align-items:center;justify-content:center;will-change:transform,opacity;transform:translateZ(0)}.page-curtain .curtain-logo{font-family:var(--font-heading);font-size:3rem;color:var(--accent-gold);font-weight:300;letter-spacing:.15em;opacity:0;will-change:opacity}.islamic-pattern-bg{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.06;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23C9A96E' stroke-width='0.5'%3E%3Cpolygon points='40,5 52,15 52,30 40,40 28,30 28,15'/%3E%3Cpolygon points='40,40 52,50 52,65 40,75 28,65 28,50'/%3E%3Cpolygon points='5,22 17,12 28,15 28,30 17,37 5,32'/%3E%3Cpolygon points='75,22 63,12 52,15 52,30 63,37 75,32'/%3E%3Cpolygon points='5,47 17,42 28,50 28,65 17,67 5,57'/%3E%3Cpolygon points='75,47 63,42 52,50 52,65 63,67 75,57'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;transform:translateZ(0);will-change:transform}.ornamental-divider{display:flex;align-items:center;justify-content:center;padding:20px 0;width:100%}.ornamental-divider svg{width:200px;height:auto}.star-border{width:100%;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='40' viewBox='0 0 60 40'%3E%3Cpolygon points='30,5 34,15 45,15 36,22 39,33 30,26 21,33 24,22 15,15 26,15' fill='none' stroke='%23C9A96E' stroke-width='0.8' opacity='0.5'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:18px 48px;display:flex;align-items:center;justify-content:space-between;transition:background .5s var(--transition-smooth),border-color .5s var(--transition-smooth);background:transparent;transform:translateZ(0)}.navbar.scrolled{background:#121e12fa;padding:14px 48px;border-bottom:1px solid var(--gold-border);box-shadow:0 4px 20px #0003}.navbar-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-size:1.7rem;font-weight:400;color:var(--text-cream);letter-spacing:.08em;text-transform:uppercase}.navbar-logo .logo-icon{width:36px;height:36px;color:var(--accent-gold)}.logo-text-group{display:flex;flex-direction:column;line-height:1}.logo-name{font-family:var(--font-heading);font-size:1.7rem;font-weight:400;color:var(--text-cream);letter-spacing:.08em}.logo-arabic-sub{font-family:var(--font-arabic);font-size:.8rem;color:var(--accent-gold);letter-spacing:0;text-transform:none;margin-top:2px}.footer-logo-text-group{display:flex;flex-direction:column;line-height:1}.footer-logo-arabic{font-family:var(--font-arabic);font-size:.75rem;color:var(--accent-gold);margin-top:2px}.nav-links{display:flex;align-items:center;gap:36px;list-style:none}.nav-links a{font-family:var(--font-body);font-size:.9rem;font-weight:400;color:var(--text-cream);letter-spacing:.04em;position:relative;padding-bottom:4px;transition:color .3s}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;height:1px;background:var(--accent-gold);transform:scaleX(0) translateZ(0);transform-origin:center;width:100%;transition:transform .4s var(--transition-smooth);will-change:transform}.nav-links a:hover:after{transform:scaleX(1) translateZ(0)}.nav-links a:hover{color:var(--accent-gold)}.btn-book-now{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-gold);background:transparent;border:1px solid var(--accent-gold);border-radius:var(--radius-pill);position:relative;overflow:hidden;transition:color .4s;z-index:1}.btn-book-now:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gold);z-index:-1;transform:scaleX(0) translateZ(0);transform-origin:left;transition:transform .4s var(--transition-smooth);will-change:transform}.btn-book-now:hover:after{transform:scaleX(1) translateZ(0)}.btn-book-now:hover{color:var(--bg-deep-green);border-color:var(--accent-gold)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-cream);transition:transform .3s,opacity .3s}.mobile-nav-overlay{position:fixed;inset:0;background:#1a2e1afa;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;pointer-events:none;transition:opacity .4s;transform:translateZ(0);will-change:opacity}.mobile-nav-overlay.open{opacity:1;pointer-events:all}.mobile-nav-overlay a{font-family:var(--font-heading);font-size:2rem;color:var(--text-cream);letter-spacing:.05em;transition:color .3s}.mobile-nav-overlay a:hover{color:var(--accent-gold)}.mobile-nav-close{position:absolute;top:24px;right:32px;background:none;border:none;color:var(--text-cream);font-size:2rem;line-height:1}.hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--bg-deep-green)}.hero-bg{position:absolute;inset:0;z-index:1;will-change:transform;transform:translateZ(0)}.hero-bg img{width:100%;height:100%;object-fit:cover;transform:translateZ(0)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a140ad9,#0a140a73,#0a140abf)}.hero-arabic-watermark{position:absolute;top:50%;left:15%;transform:translate(-20%,-50%) rotate(-2deg) translateZ(0);font-family:var(--font-arabic);font-size:clamp(10rem,22vw,28rem);color:var(--accent-gold);opacity:.07;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;animation:watermarkSway 8s ease-in-out infinite;animation-fill-mode:both;animation-timing-function:cubic-bezier(.25,.1,.25,1);line-height:1;will-change:transform}@keyframes watermarkSway{0%,to{transform:translate(-20%,-50%) rotate(-2deg) translateZ(0)}50%{transform:translate(-20%,-50%) rotate(2deg) translateZ(0)}}.hero-content{position:relative;z-index:3;width:100%;max-width:1400px;margin:0 auto;padding:100px 48px 0;display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-text{flex:1;max-width:600px}.hero-arabic-label{font-family:var(--font-arabic);font-size:1.2rem;color:var(--accent-gold);letter-spacing:.05em;margin-bottom:12px;display:block;will-change:transform,opacity}.hero-headline{font-family:var(--font-heading);font-size:clamp(3rem,5.5vw,4.8rem);font-weight:300;color:var(--text-cream);line-height:1.1;margin-bottom:24px}.hero-headline .word{display:inline-block;overflow:hidden}.hero-headline .word span{display:inline-block;will-change:transform,opacity;transform:translateZ(0)}.hero-subtext{font-size:1.05rem;color:#f5f0e8bf;max-width:460px;line-height:1.7;margin-bottom:36px}.hero-cta-row{display:flex;align-items:center;gap:20px}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;font-family:var(--font-body);font-size:.9rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--bg-deep-green);background:var(--accent-gold);border:none;border-radius:var(--radius-pill);position:relative;overflow:hidden;transition:transform .3s var(--transition-smooth);transform:translateZ(0);will-change:transform}.btn-primary:hover{transform:translateY(-2px) translateZ(0)}.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;font-family:var(--font-body);font-size:.9rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-cream);background:transparent;border:1px solid rgba(245,240,232,.3);border-radius:var(--radius-pill);transition:border-color .3s,color .3s}.btn-outline:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.hero-card-wrapper{position:relative;flex-shrink:0;width:420px}.booking-form-card{background:#0a190af2;border:1px solid rgba(201,169,110,.4);border-radius:20px;padding:32px;width:100%;color:var(--text-cream);will-change:transform;transform:translateZ(0)}.booking-form-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:400;margin-bottom:4px;color:var(--text-cream)}.booking-form-arabic{font-family:var(--font-arabic);font-size:.95rem;color:var(--accent-gold);margin-bottom:20px;display:block}.booking-form-error-banner{background:#c83c3c33;border:1px solid rgba(200,60,60,.5);color:#ff9a9a;padding:10px 14px;border-radius:10px;font-size:.85rem;margin-bottom:16px}.booking-field{margin-bottom:14px}.booking-field label{display:block;font-size:.81rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-cream);margin-bottom:6px;font-family:var(--font-body)}.booking-field .field-optional{font-weight:400;text-transform:none;letter-spacing:normal;font-size:.75rem;color:#f5f0e873}.booking-field input,.booking-field select,.booking-field textarea{width:100%;padding:12px 16px;background:#ffffff12;border:1px solid rgba(201,169,110,.3);border-radius:10px;color:#f5f0e8;font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .3s,box-shadow .3s}.booking-field input::placeholder,.booking-field textarea::placeholder{color:#f5f0e859}.booking-field input:focus,.booking-field select:focus,.booking-field textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px #c9a96e80}.booking-field select option{background:var(--bg-deep-green);color:var(--text-cream)}.booking-field textarea{resize:vertical;min-height:70px}.booking-field input.field-error,.booking-field select.field-error,.booking-field textarea.field-error{border-color:#e05252;box-shadow:0 0 0 2px #e052524d}.field-error-msg{display:block;font-size:.75rem;color:#ff9a9a;margin-top:4px}.booking-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-submit-booking{width:100%;padding:14px;margin-top:8px;font-family:var(--font-heading);font-size:1.1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bg-deep-green);background:var(--accent-gold);border:none;border-radius:12px;position:relative;overflow:hidden;z-index:1;transition:color .3s;transform:translateZ(0);will-change:transform}.btn-submit-booking:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--accent-gold-bright),#e0c88a,var(--accent-gold-bright));z-index:-1;transform:scaleX(0) translateZ(0);transform-origin:left;transition:transform .3s ease;will-change:transform}.btn-submit-booking:hover:after{transform:scaleX(1) translateZ(0)}.btn-submit-booking:disabled{opacity:.7;pointer-events:none}.booking-spinner{display:inline-block;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--bg-deep-green);border-right-color:var(--bg-deep-green);border-radius:50%;animation:bookingSpin .6s linear infinite}@keyframes bookingSpin{to{transform:rotate(360deg)}}.booking-success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:360px;gap:8px}.booking-success-check svg{margin-bottom:8px}.checkmark-path{stroke-dasharray:50;stroke-dashoffset:50;animation:checkmarkDraw .6s ease forwards .2s}@keyframes checkmarkDraw{to{stroke-dashoffset:0}}.booking-success-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:400;color:var(--accent-gold)}.booking-success-text{font-size:.9rem;color:#f5f0e8b3;margin-bottom:4px}.booking-success-arabic{font-family:var(--font-arabic);font-size:1.3rem;color:var(--accent-gold);display:block;margin-bottom:20px}.btn-book-again{padding:12px 28px;font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-gold);background:transparent;border:1px solid var(--accent-gold);border-radius:var(--radius-pill);transition:background .3s,color .3s}.btn-book-again:hover{background:var(--accent-gold);color:var(--bg-deep-green)}.rooms-section{padding:120px 0;background:var(--bg-off-white);position:relative;overflow:visible}.parallax-text-container{position:absolute;top:50%;left:0;width:200%;transform:translateY(-50%);pointer-events:none;z-index:0;white-space:nowrap;opacity:.15}.parallax-bg-text{font-family:Cormorant Garamond,serif;font-size:25vw;font-weight:700;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px var(--accent-gold);line-height:1;display:inline-block;letter-spacing:-2px}.section-header{text-align:center;margin-bottom:64px;will-change:transform,opacity;transform:translateZ(0)}.section-arabic-label{font-family:var(--font-arabic);font-size:1.1rem;color:var(--accent-gold);display:block;margin-bottom:8px}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,3.5vw,3rem);font-weight:400;color:var(--text-charcoal);line-height:1.15}.section-subtitle{font-size:1rem;color:var(--text-muted);margin-top:12px;max-width:560px;margin-inline:auto}.rooms-grid-wrapper{width:100%;padding:0 4vw 80px;display:flex;justify-content:center;position:relative;z-index:1}.rooms-grid-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;max-width:1600px}@media(max-width:1400px){.rooms-grid-layout{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.rooms-grid-layout{grid-template-columns:1fr;gap:20px}}.room-reveal{clip-path:inset(100% 0 0 0);transform:translateY(60px);will-change:transform,clip-path;transition:clip-path 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.room-reveal.revealed{clip-path:inset(-20% -20% -20% -20%);transform:translateY(0)}@keyframes antigravityFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.5deg)}}.float-anim{animation:antigravityFloat 6s ease-in-out infinite;will-change:transform}.float-anim.delay-0{animation-delay:0s}.float-anim.delay-1{animation-delay:-2s}.float-anim.delay-2{animation-delay:-4s}.float-anim.delay-3{animation-delay:-1.5s}.room-card-anim-wrapper{width:100%;position:relative}.room-card{width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #0000000a;transition:transform .4s ease,box-shadow .4s ease;position:relative;border:1px solid rgba(201,169,110,.1);transform:translateZ(0);display:flex;flex-direction:column}.room-card-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.room-card:hover{box-shadow:0 16px 40px #c9a96e1f;transform:translateY(-8px)}.room-card-image-wrapper{position:relative;width:100%;height:260px;overflow:hidden;clip-path:polygon(0% 12%,4% 6%,12% 2%,25% .5%,50% 0%,75% .5%,88% 2%,96% 6%,100% 12%,100% 100%,0% 100%)}.room-card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;will-change:transform;transform:translateZ(0)}.room-card:hover .room-card-image-wrapper img{transform:scale(1.08) translateZ(0)}.room-badge{position:absolute;top:18px;right:14px;z-index:2;background:var(--accent-gold);color:var(--bg-deep-green);font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);width:68px;height:68px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.room-card-info{padding:22px 20px 24px}.room-card-info h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:500;color:var(--text-charcoal);margin-bottom:4px}.room-card-info .room-price{font-family:var(--font-body);font-size:.875rem;color:#c9a96e;font-weight:600;margin-bottom:10px}.room-card-info p{font-family:var(--font-body);font-size:.8125rem;color:#666;line-height:1.6;margin-bottom:14px}.room-amenities{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.room-amenities span{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-charcoal);background:var(--bg-cream);border:1px solid rgba(201,169,110,.35);border-radius:20px}.btn-view-room{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-gold);background:transparent;border:1px solid var(--accent-gold);border-radius:var(--radius-pill);position:relative;overflow:hidden;transition:color .35s ease;z-index:1;text-decoration:none}.btn-view-room:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gold);z-index:-1;transform:scaleX(0) translateZ(0);transform-origin:left;transition:transform .35s ease;will-change:transform}.btn-view-room:hover:after,.btn-view-room:active:after{transform:scaleX(1) translateZ(0)}.btn-view-room:hover,.btn-view-room:active{color:var(--bg-deep-green)}.btn-explore-apt .apt-arrow{display:inline-block;transition:transform .35s ease}.btn-explore-apt:hover .apt-arrow{transform:translate(6px)}.testimonials-section{background:var(--bg-off-white);padding:80px 48px;position:relative}.testimonials-scroll-container{width:100%;max-width:1400px;margin:0 auto;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}.testimonials-infinite-track{display:flex;gap:32px;width:max-content;padding:20px 0;animation:testimonialScroll 45s linear infinite}.testimonials-infinite-track:hover{animation-play-state:paused}@keyframes testimonialScroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 16px))}}.testimonial-card{width:clamp(240px,70vw,300px);flex-shrink:0;background:#fff;border-radius:var(--radius-card);padding:22px 20px;box-shadow:0 4px 20px #0000000d;transition:transform .4s var(--transition-smooth);will-change:transform;transform:translateZ(0)}.testimonial-card:hover{transform:translateY(-5px) translateZ(0)}.testimonial-quote{font-family:var(--font-arabic);font-size:1.4rem;color:var(--accent-gold);line-height:1;margin-bottom:2px}.testimonial-card blockquote{font-size:.85rem;color:var(--text-charcoal);line-height:1.5;font-style:italic;margin-bottom:12px}.testimonial-stars{display:flex;gap:3px;margin-bottom:12px}.testimonial-stars svg{width:13px;height:13px;fill:var(--accent-gold)}.testimonial-author{display:flex;align-items:center;gap:10px}.testimonial-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--gold-border);flex-shrink:0}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-author-info h5{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--text-charcoal);margin-bottom:-2px}.testimonial-author-info span{font-size:.72rem;color:var(--text-muted)}.footer{background:var(--bg-deep-green);color:var(--text-cream);padding:0}.footer-inner{max-width:1300px;margin:0 auto;padding:60px 48px 40px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px}.footer-brand .footer-logo{font-family:var(--font-heading);font-size:1.6rem;font-weight:400;color:var(--text-cream);letter-spacing:.08em;margin-bottom:8px;display:flex;align-items:center;gap:10px}.footer-brand .footer-arabic-tagline{font-family:var(--font-arabic);font-size:1rem;color:var(--accent-gold);margin-bottom:16px;display:block}.footer-brand p{font-size:.85rem;color:#f5f0e880;line-height:1.7;max-width:300px}.footer-col h4{font-family:var(--font-heading);font-size:1.1rem;font-weight:500;color:var(--text-cream);margin-bottom:20px;letter-spacing:.04em}.footer-col a{display:block;font-size:.85rem;color:#f5f0e880;margin-bottom:10px;transition:color .3s}.footer-col a:hover{color:var(--accent-gold)}.footer-social{display:flex;gap:12px;margin-top:8px}.footer-social a{width:40px;height:40px;border-radius:50%;border:1px solid var(--gold-border);display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s,color .3s;margin-bottom:0}.footer-social a:hover{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-deep-green)}.footer-social a svg{width:16px;height:16px}.footer-bottom{border-top:1px solid rgba(245,240,232,.08);padding:20px 48px;text-align:center}.footer-bottom span{font-size:.8rem;color:#f5f0e859}.svg-divider-draw{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.5s cubic-bezier(.25,.1,.25,1)}.svg-divider-draw.visible{stroke-dashoffset:0}@media(max-width:1024px){.rooms-grid{grid-template-columns:repeat(2,1fr)}.hero-content{flex-direction:column;text-align:center;padding-top:140px}.hero-text{max-width:100%}.hero-subtext{margin-inline:auto}.hero-cta-row{justify-content:center}.hero-card-wrapper{width:100%;max-width:460px}.nav-links{display:none}.nav-toggle{display:flex}.btn-book-now{display:none}}@media(max-width:768px){.navbar{padding:14px 20px}.navbar.scrolled{padding:12px 20px}.hero-content{padding:0 20px}.hero-bg{will-change:auto}.rooms-section,.testimonials-section{padding:60px 20px}.rooms-grid,.testimonials-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;padding:40px 20px 30px}.section-title{font-size:2rem}.hero-headline{font-size:2.6rem}.islamic-pattern-bg{display:none}.booking-row{grid-template-columns:1fr}}@media(max-width:480px){.footer-inner{grid-template-columns:1fr}.hero-headline{font-size:2.2rem}}.dashboard-container{display:flex;height:100vh;width:100%;background-color:var(--bg-off-white);color:var(--text-charcoal);font-family:var(--font-sans);position:relative;overflow-x:hidden;overflow-y:hidden}.sidebar{width:280px;background-color:var(--bg-deep-green);color:var(--text-cream);display:flex;flex-direction:column;padding:24px;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:10;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.admin-brand{display:flex;align-items:center;gap:12px;color:var(--accent-gold);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;text-decoration:none;margin-bottom:40px}.sidebar nav{display:flex;flex-direction:column;gap:12px;flex:1}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#f5f0e8b3;text-decoration:none;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s ease;cursor:pointer}.nav-link:hover,.nav-link.active{background-color:#c9a96e1a;color:var(--accent-gold)}.nav-link-danger{color:#fca5a5!important}.nav-link-danger:hover{background-color:#ef44441a;color:#ef4444!important}.dashboard-content{flex:1;display:flex;flex-direction:column;padding:24px 16px;background-color:var(--bg-off-white);min-width:0;overflow-y:auto}@media(max-width:1024px){.dashboard-content{padding:24px}}@media(max-width:768px){.dashboard-container{display:flex!important;flex-direction:column!important;min-height:100vh!important;height:auto!important;overflow-y:visible!important}.dashboard-content{padding:20px 16px;flex:none!important;height:auto!important;overflow:visible!important}.dashboard-header{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:24px;position:relative;z-index:50}.header-left{justify-content:flex-start;width:100%;gap:12px}.header-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%;align-items:center}.btn-add-booking{flex:1;min-width:120px;height:44px;justify-content:center;padding:0 12px!important}.btn-refresh,.notification-pill{width:44px;height:44px;flex-shrink:0}.page-title{font-size:1.5rem}.btn-add-booking{width:100%;justify-content:center;padding:10px 12px!important}.btn-add-booking span{font-size:.8rem}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;background:#fff!important;border:1px solid #eef2f6!important;border-radius:12px!important;color:var(--primary)!important;cursor:pointer;position:relative;z-index:110!important;pointer-events:auto!important}.mobile-menu-btn:active{background:#f1f5f9!important;transform:scale(.95)}.notification-pill,.admin-avatar-pro,.btn-refresh{cursor:pointer!important;pointer-events:auto!important}.table-container th,.table-container td{padding:12px 14px;font-size:.85rem}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-left{display:flex;align-items:center;gap:1.25rem}.page-title{font-size:2rem;margin:0;color:var(--bg-deep-green);font-family:var(--font-heading);line-height:1.1}.page-title-group{display:flex;flex-direction:column;gap:2px}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.header-actions{display:flex;gap:.75rem;align-items:center}.notification-pill{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid #eef2f6;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-pill:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.notification-dot{position:absolute;top:10px;right:10px;width:9px;height:9px;background:#10b981;border:2px solid white;border-radius:50%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.table-header-pro{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.table-title{margin:0;font-size:1.1rem;font-family:var(--font-heading);color:var(--bg-deep-green);font-weight:600}.btn-view-all{padding:8px 16px;background:var(--bg-deep-green);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s}.btn-view-all:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000008;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;justify-content:center}.stat-label{font-size:.9rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.stat-value{font-size:2.2rem;font-family:var(--font-heading);color:var(--bg-deep-green);font-weight:600;line-height:1.2}.table-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000008;border:1px solid rgba(0,0,0,.04);overflow:hidden;margin-bottom:0;flex:1;display:flex;flex-direction:column}.table-container>div::-webkit-scrollbar{height:8px}.table-container>div::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container>div::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.table-container>div::-webkit-scrollbar-thumb:hover{background:var(--bg-deep-green)}.table-container table{width:100%;border-collapse:collapse;text-align:left}.table-container th{padding:12px 14px;font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid rgba(0,0,0,.04);background-color:#fafafa;white-space:nowrap;vertical-align:middle;position:sticky;top:0;z-index:10}.table-container td{padding:10px 12px;font-size:.85rem;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle}.table-container tr:last-child td{border-bottom:none}.table-container tbody tr:hover{background-color:#00000003}.loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:1.1rem;color:var(--text-muted)}.spin-icon{animation:dashboardSpin 1s infinite linear}@keyframes dashboardSpin{to{transform:rotate(360deg)}}.detail-page{max-width:1120px;margin:0 auto;padding:120px 24px 60px;font-family:var(--font-sans);color:var(--text-charcoal)}.detail-back{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:1rem;font-family:var(--font-sans);cursor:pointer;margin-bottom:24px;padding:0;text-decoration:underline}.detail-title{font-family:var(--font-serif);font-size:2rem;margin:0 0 8px}.detail-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.95rem}.detail-meta-left{display:flex;align-items:center;gap:8px}.detail-actions{display:flex;gap:16px}.detail-action-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:underline}.detail-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:8px;border-radius:16px;overflow:hidden;margin-bottom:48px}.detail-gallery .main-img{grid-column:1;grid-row:1 / span 2}.detail-gallery img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:opacity .2s}.detail-gallery img:hover{opacity:.9}.detail-body{display:flex;gap:80px;align-items:flex-start}.detail-info{flex:1}.host-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #EBEBEB;margin-bottom:32px}.host-text h2{font-size:1.35rem;margin:0 0 4px}.host-text p{color:#717171;margin:0}.host-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.highlight-list{padding-bottom:32px;border-bottom:1px solid #EBEBEB;margin-bottom:32px}.highlight-item{display:flex;gap:16px;margin-bottom:24px}.highlight-item:last-child{margin-bottom:0}.highlight-icon{color:var(--text-charcoal)}.highlight-item h4{margin:0 0 4px;font-size:1rem}.highlight-item p{margin:0;color:#717171;font-size:.9rem;line-height:1.4}.desc-section{padding-bottom:32px;border-bottom:1px solid #EBEBEB;margin-bottom:32px}.desc-section p{line-height:1.6;margin:0 0 16px}.show-more-btn{display:flex;align-items:center;gap:4px;background:none;border:none;font-weight:600;text-decoration:underline;cursor:pointer;padding:0}.amenities-section h3{font-size:1.35rem;margin:0 0 24px}.amenities-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.amenity-row{display:flex;align-items:center;gap:16px;color:#222}.show-amenities-btn{background:#fff;border:1px solid #222;border-radius:8px;padding:14px 24px;font-weight:600;cursor:pointer;transition:background .2s}.show-amenities-btn:hover{background:#f7f7f7}.booking-card{position:sticky;top:120px;width:370px;flex-shrink:0;background:#fff;border-radius:12px;padding:24px;box-shadow:0 6px 16px #0000001f;border:1px solid rgb(221,221,221)}.booking-price-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}.booking-price{font-size:1.35rem;font-weight:600}.booking-price span{font-size:1rem;font-weight:400;color:#717171}.booking-rating{font-size:.9rem;display:flex;align-items:center;gap:4px}.booking-fields{border:1px solid #B0B0B0;border-radius:8px;margin-bottom:16px;position:relative}.booking-dates{display:flex;border-bottom:1px solid #B0B0B0}.booking-field{flex:1;padding:12px 14px;display:flex;flex-direction:column;transition:background .2s}.booking-field:first-child{border-right:1px solid #B0B0B0}.booking-field label{font-size:.6rem;font-weight:800;margin-bottom:4px;color:#222;text-transform:uppercase;letter-spacing:.05em}.booking-field input,.booking-field select,.date-display{border:none;outline:none;font-size:.9rem;background:transparent;padding:0;font-family:inherit;color:#222;width:100%}.date-display{display:flex;justify-content:flex-start;align-items:center;min-height:20px;font-size:.85rem;color:#222}.date-display.placeholder{color:#717171}.reserve-btn{width:100%;background:var(--accent-gold);color:#fff;border:none;border-radius:8px;padding:14px;font-size:1rem;font-weight:600;cursor:pointer}.reserve-btn:hover{background:var(--accent-gold-dim)}.no-charge{text-align:center;font-size:.85rem;color:#717171;margin:16px 0}.price-breakdown{display:flex;flex-direction:column;gap:16px}.price-row{display:flex;justify-content:space-between;color:#222}.price-row.underline span:first-child{text-decoration:underline}.price-total{display:flex;justify-content:space-between;font-weight:600;padding-top:24px;border-top:1px solid #EBEBEB}.detail-bottom-bar{display:none}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #EBEBEB;padding-bottom:16px;margin-bottom:24px}.modal-header h2{font-size:1.1rem;font-weight:600}.modal-close{background:none;border:none;cursor:pointer}.modal-summary{display:flex;gap:16px;padding-bottom:24px;border-bottom:1px solid #EBEBEB;margin-bottom:24px}.modal-summary img{width:120px;height:90px;object-fit:cover;border-radius:8px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input{width:100%;padding:12px;border:1px solid #B0B0B0;border-radius:8px;font-size:1rem}.custom-calendar{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:380px;box-shadow:0 8px 30px #00000014;font-family:var(--font-body)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-month-year{font-weight:700;font-size:1.25rem;color:#1a2e1a}.calendar-nav-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#1a2e1a}.calendar-nav-btn:hover{background:#f7f7f7}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.calendar-day-label{text-align:center;font-size:.9rem;font-weight:500;color:#717171;padding:8px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:500;border-radius:50%;transition:all .2s;position:relative;color:#1a2e1a}.calendar-day:not(.empty):not(.disabled):hover{background:#f7f7f7}.calendar-day.selected{background:transparent!important;color:#1a2e1a!important;font-weight:700;outline:1.5px solid var(--accent-gold);outline-offset:-1px}.calendar-day.disabled{color:#d1d1d1;cursor:not-allowed}.calendar-day.today:not(.selected){color:var(--accent-gold);font-weight:700}.calendar-day.empty{cursor:default}.calendar-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:2000;animation:calendarFadeIn .3s ease-out;filter:drop-shadow(0 8px 28px rgba(0,0,0,.28))}.calendar-popover.align-right{left:auto;right:0}@keyframes calendarFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.booking-field.active{background:#fff;box-shadow:inset 0 0 0 2px #222;border-radius:8px}.amenities-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.amenities-modal-container{background:#fff;width:100%;max-width:600px;max-height:80vh;border-radius:24px;padding:32px;display:flex;flex-direction:column;position:relative;box-shadow:0 16px 48px #00000026}.amenities-modal-header{margin-bottom:24px}.amenities-modal-header h2{font-family:var(--font-heading);font-size:1.8rem;color:var(--text-charcoal);margin-bottom:8px}.modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-charcoal);display:flex;align-items:center;justify-content:center;margin-bottom:20px;margin-left:-8px;transition:opacity .2s}.modal-close-btn:hover{opacity:.6}.amenities-modal-list{overflow-y:auto;padding-right:8px}.amenity-modal-item{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #EBEBEB}.amenity-modal-item:last-child{border-bottom:none}.amenity-icon{color:var(--text-charcoal);display:flex;align-items:center;justify-content:center}.amenity-label{font-size:1rem;color:var(--text-charcoal);font-weight:400}html,body{overflow-x:hidden}.footer,.navbar,.mobile-nav-overlay{padding-bottom:env(safe-area-inset-bottom)}@media(max-width:768px){section{padding-left:16px!important;padding-right:16px!important}.rooms-section{padding-top:32px!important;padding-bottom:32px!important}.section-header{margin-bottom:24px!important}.section-title{font-size:22px!important}img{max-width:100%!important}.host-avatar{width:56px!important;height:56px!important}.search-bar-inner{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.search-item{width:100%!important}.search-bar form{flex-direction:column!important;gap:8px!important}.search-button-wrap{width:100%!important}.search-button{width:100%!important;min-height:48px!important}.react-datepicker-popper,.calendar-popover{position:fixed!important;left:50%!important;transform:translate(-50%)!important;max-width:calc(100vw - 32px)!important;z-index:9999!important}.react-datepicker,.calendar-container{max-height:80vh!important;overflow-y:auto!important}.react-datepicker__day,.calendar-day{min-width:44px!important;min-height:44px!important}.listing-grid,.rooms-grid{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important}.rooms-grid-wrapper{padding:0!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important}.rooms-grid-layout{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;gap:16px!important;padding:0 16px 24px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}.rooms-grid-layout::-webkit-scrollbar{display:none!important}.listing-card{width:100%!important;padding:16px!important;margin-bottom:20px}.room-card{min-width:85vw!important;max-width:85vw!important;scroll-snap-align:start!important;flex-shrink:0!important;padding:0!important;margin-bottom:0!important;border-radius:16px!important;box-shadow:0 4px 12px #0000000f!important}.room-card-image-wrapper{height:180px!important}.room-card-content{padding:12px!important}.room-card-title{font-size:18px!important;font-weight:600!important}.room-card-price{font-size:16px!important}.room-card-desc{font-size:13px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-bottom:12px!important}.room-badge{top:10px!important;right:10px!important;font-size:11px!important;padding:6px 10px!important;width:auto!important;height:auto!important;clip-path:none!important;border-radius:8px!important}.room-amenities-grid{grid-template-columns:1fr 1fr!important;gap:6px!important;margin-bottom:12px!important}.amenity-chip{font-size:12px!important}.room-card-footer{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding-top:12px!important}.room-guests{font-size:12px!important}.rooms-scroll-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:16px!important;padding-bottom:24px!important;width:100%!important}button.scroll-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#e0e0e0!important;border:none!important;padding:0!important;cursor:pointer!important;transition:all .3s ease!important}button.scroll-dot.active{background:var(--accent-gold)!important;transform:scale(1.2)!important;width:20px!important;border-radius:4px!important}.btn-primary,.btn-outline,.reserve-btn{width:100%!important;min-height:48px!important;display:flex!important;justify-content:center!important;align-items:center!important}.btn-view-room{width:100%!important;height:40px!important;min-height:40px!important;font-size:13px!important;letter-spacing:1px!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.booking-row{grid-template-columns:1fr!important;gap:12px!important}.booking-field input,.booking-field select,.booking-field textarea{width:100%!important;font-size:16px!important}iframe[src*="google.com/maps"]{width:100%!important;height:300px!important}.cancellation-policy-content,.cancellation-section p{font-size:14px!important;word-break:break-word!important}.dashboard-container{display:flex!important;flex-direction:column!important;min-height:100vh!important;height:auto!important}.sidebar{position:fixed!important;top:0!important;left:-300px!important;width:280px!important;height:100vh!important;background:var(--bg-deep-green)!important;z-index:9999!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;flex-direction:column!important;box-shadow:10px 0 30px #0000004d!important;visibility:hidden}.sidebar.mobile-open{left:0!important;visibility:visible}.mobile-close-btn{display:block!important;background:none;border:none;color:#fff;padding:4px;cursor:pointer}.admin-sidebar-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.mobile-menu-btn{display:block!important}.table-container{overflow-x:auto!important}table{min-width:600px!important}.testimonials-section{padding:32px 16px!important}.testimonials-grid{display:flex!important;flex-direction:row!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:16px!important;padding:8px 0 24px!important;margin:0!important;width:100%!important;scrollbar-width:none!important}.testimonials-grid::-webkit-scrollbar{display:none!important}.testimonial-card{min-width:85vw!important;max-width:85vw!important;flex-shrink:0!important;scroll-snap-align:center!important;padding:24px 20px!important;margin:0!important}.testimonial-quote{font-size:1.5rem!important;margin-bottom:0!important}.testimonial-card blockquote{font-size:.85rem!important;line-height:1.5!important;margin-bottom:12px!important}.testimonial-stars{margin-bottom:12px!important;gap:2px!important}.testimonial-stars svg{width:14px!important;height:14px!important}.testimonial-avatar{width:40px!important;height:40px!important}.testimonial-author-info h5{font-size:.9rem!important}.testimonial-author-info span{font-size:.7rem!important}.testimonials-dots{margin-top:0!important;gap:8px!important}.testimonials-dots .dot{width:8px!important;height:8px!important}.testimonials-dots .dot.active{width:20px!important}.footer-inner{grid-template-columns:1fr!important;padding:24px 16px!important;gap:16px!important}.footer-brand{margin-bottom:0!important}.footer-brand .footer-logo{margin-bottom:4px!important}.footer-brand .footer-arabic-tagline{margin-bottom:8px!important;font-size:.9rem!important}.footer-brand p{font-size:13px!important;line-height:1.5!important;margin-bottom:16px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-width:100%!important}.footer-inner{display:flex!important;flex-direction:column!important}.footer-col:nth-child(2),.footer-col:nth-child(3){display:block!important}@supports (display: grid){.footer-inner{display:grid!important;grid-template-columns:1fr!important}.footer-col-group-mobile{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;width:100%!important}}.footer-inner{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px 20px!important}.footer-brand,.footer-col:nth-child(4){grid-column:span 2!important}.footer-col h4{font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.footer-col a{font-size:13px!important;line-height:1.8!important;margin-bottom:4px!important}.footer-social{margin-top:4px!important;justify-content:center!important}.star-border{height:32px!important;background-size:16px!important;overflow:hidden!important}.footer-bottom{padding:12px 16px!important;border-top:1px solid rgba(255,255,255,.15)!important}.footer-bottom span{font-size:11px!important;opacity:.6!important;display:block!important}.checkout-page-content{padding:80px 16px 40px!important}.checkout-header{padding:12px 0!important;gap:12px!important;margin-bottom:24px!important}.checkout-title{font-size:20px!important}.checkout-step-card{padding:16px!important;border-radius:12px!important;gap:12px!important}.checkout-step-title{font-size:16px!important;font-weight:600!important}.checkout-success-badge{font-size:13px!important;gap:4px!important}.checkout-connected-text{font-size:12px!important;margin-top:4px!important;opacity:.7!important}.payment-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.payment-title{font-size:15px!important;font-weight:600!important}.payment-header button{width:100%!important;height:44px!important;border-radius:8px!important;font-size:14px!important;background:#1a1a1a!important;color:#fff!important}.checkout-secure-text{font-size:12px!important;color:#717171!important;margin-top:4px!important}.review-step-card[style*="opacity: 0.6"] .checkout-step-title{font-size:15px!important;opacity:.5!important}.checkout-lock-icon{width:16px!important;height:16px!important}.checkout-room-summary-card{padding:16px!important}.summary-room-info{gap:12px!important;align-items:center!important;padding-bottom:16px!important;margin-bottom:16px!important}.summary-room-img{width:80px!important;height:80px!important;border-radius:8px!important}.summary-label{font-size:11px!important;opacity:.6!important}.summary-title{font-size:14px!important;font-weight:600!important;margin-bottom:4px!important}.summary-details div:last-child{font-size:12px!important}}.checkout-success-page{min-height:100vh;background:var(--bg-deep-green);position:relative;z-index:10;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.checkout-success-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l15 30-15 30L15 30z' fill-opacity='0.03' fill='%23C9A96E'/%3E%3C/svg%3E");opacity:.2;pointer-events:none}.checkout-success-container{width:100%;max-width:540px;position:relative;z-index:2}.checkout-success-card{background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(201,169,110,.2);border-radius:28px;padding:48px 40px;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:slideUpFade .7s cubic-bezier(.16,1,.3,1) forwards}.icon-container-success{margin-bottom:24px;display:flex;justify-content:center}.check-circle-wrapper{width:88px;height:88px;background:#10b98114;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:scaleBounce .6s cubic-bezier(.34,1.56,.64,1) .2s both}.check-svg{width:44px;height:44px;stroke:#10b981}.check-svg path,.check-svg polyline{stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .8s cubic-bezier(.65,0,.45,1) .6s forwards}.success-title{font-family:var(--font-heading);font-size:2.4rem;color:var(--text-charcoal);margin-bottom:12px;font-weight:500;letter-spacing:.01em}.success-details-group{margin-bottom:32px}.success-room-type{font-family:var(--font-body);font-size:1.15rem;font-weight:600;color:var(--accent-gold-dim);margin-bottom:8px}.success-booking-summary{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;color:#666;margin-bottom:20px;flex-wrap:wrap}.summary-arrow{color:var(--accent-gold);opacity:.6}.summary-divider{opacity:.3}.success-price{color:var(--text-charcoal);font-weight:700;font-size:1.1rem}.success-confirmation-msg{font-size:.95rem;line-height:1.6;color:var(--text-muted);max-width:360px;margin:0 auto}.success-email{color:var(--text-charcoal);font-weight:600}.success-action-area{margin-top:8px}.btn-success-return{width:100%;max-width:280px;height:54px;background:var(--bg-deep-green);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.btn-success-return:hover{background:var(--accent-gold-dim);transform:translateY(-2px);box-shadow:0 8px 24px #a085504d}.btn-success-return:active{transform:translateY(0)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleBounce{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes drawCheck{to{stroke-dashoffset:0}}@media(max-width:768px){.checkout-success-page{padding:100px 16px 40px}.checkout-success-card{padding:36px 24px;border-radius:20px}.success-title{font-size:1.8rem}.check-circle-wrapper{width:72px;height:72px}.check-svg{width:36px;height:36px}.success-room-type{font-size:1rem}.btn-success-return{height:48px;font-size:.9rem}}.hide-desktop{display:none!important}.calendar-confirm-btn{display:none}.detail-header-compact{margin-bottom:24px}.gallery-dots{display:none}.desc-text.collapsed{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bottom-sheet-overlay,.sheet-drag-handle{display:none}.detail-gallery-container{position:relative}@media(max-width:900px){.detail-gallery{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:0!important;border-radius:0!important;margin-left:-16px!important;margin-right:-16px!important;padding:0!important;scrollbar-width:none!important;grid-template-columns:unset!important;grid-template-rows:unset!important}.detail-gallery::-webkit-scrollbar{display:none!important}.detail-gallery>img{flex:0 0 100%!important;scroll-snap-align:center!important;height:250px!important;object-fit:cover!important;display:block!important;border-radius:0!important}.detail-title{font-size:24px!important;margin-bottom:8px}.detail-meta{flex-wrap:nowrap;justify-content:space-between;width:100%}.hide-mobile{display:none!important}.detail-actions{display:flex;gap:12px}.detail-action-btn{padding:0;gap:4px;background:none;border:none;font-weight:500}.gallery-dots{display:flex!important;justify-content:center;gap:6px;position:absolute;bottom:12px;left:0;width:100%}.gallery-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#ffffff80!important;border:none!important;padding:0!important;cursor:pointer!important;transition:all .2s ease!important}.gallery-dot.active{background:#fff!important;transform:scale(1.3)!important}.amenities-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.amenity-row{gap:12px!important}.booking-container{position:fixed!important;bottom:-100vh!important;left:0!important;width:100%!important;z-index:1002!important;transition:bottom .3s cubic-bezier(.32,.72,0,1)!important}.booking-container.sheet-open{bottom:0!important}.bottom-sheet-overlay{display:block!important;position:fixed!important;inset:0!important;background:#00000080!important;z-index:-1!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s!important;height:100vh!important}.booking-container.sheet-open .bottom-sheet-overlay{opacity:1!important;pointer-events:auto!important}.booking-card{display:flex!important;flex-direction:column!important;position:relative!important;width:100%!important;margin:0!important;border-radius:20px 20px 0 0!important;max-height:90vh!important;overflow-y:auto!important;padding:24px 16px 48px!important;border:none!important;box-shadow:0 -4px 16px #0000001a!important;top:0!important}.sheet-drag-handle{display:flex!important;justify-content:center!important;padding-bottom:24px!important}.drag-bar{width:40px!important;height:4px!important;background:#ddd!important;border-radius:2px!important}.hide-mobile-sheet{display:none!important}.calendar-popover{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;transform:none!important;border-radius:0!important;padding:24px 16px!important;display:flex!important;flex-direction:column!important;background:#fff!important;z-index:2000!important}.hide-desktop{display:flex!important}.calendar-confirm-btn{display:block!important;width:100%!important;padding:14px!important;background:var(--accent-gold)!important;color:#fff!important;font-weight:600!important;border:none!important;border-radius:8px!important;margin-top:16px!important}.detail-info{margin-bottom:80px!important}.detail-bottom-bar{display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:16px 24px;border-top:1px solid #EBEBEB;z-index:1000}.detail-bottom-reserve{background:var(--accent-gold);color:#fff;padding:12px 24px;border-radius:8px;border:none;font-weight:600}}.checkout-main-wrapper{background:var(--bg-cream);min-height:100vh;padding:120px 24px 80px}.checkout-page-container{max-width:1200px;margin:0 auto}.checkout-header-section{display:flex;align-items:center;gap:20px;margin-bottom:48px}.checkout-back-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.05);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-charcoal)}.checkout-back-btn:hover{background:var(--bg-deep-green);color:#fff;transform:translate(-4px)}.checkout-page-title{font-family:var(--font-heading);font-size:2.8rem;color:var(--text-charcoal);margin:0;font-weight:400;letter-spacing:-.01em}.checkout-content-layout{display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:flex-start}.checkout-card-pro{background:#fff;border-radius:24px;padding:32px;border:1px solid #EBEBEB;box-shadow:0 4px 20px #00000008;margin-bottom:24px;transition:all .4s var(--transition-smooth)}.checkout-card-pro.active-step{border-color:var(--accent-gold);box-shadow:0 20px 40px #c9a96e1a}.checkout-card-pro.completed-step{border-color:#e2e8f0;opacity:1}.checkout-card-pro.locked-step{opacity:.5;background:#f9fafb}.step-card-header{display:flex;justify-content:space-between;align-items:center}.step-card-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:500;color:var(--text-charcoal);margin:0}.step-complete-badge{display:flex;align-items:center;gap:8px;color:#10b981;font-weight:600;font-size:.95rem;background:#10b9810d;padding:6px 12px;border-radius:50px}.step-lock-icon{color:#94a3b8}.step-content-expanded{margin-top:24px;animation:fadeIn .4s ease-out}.step-description{color:var(--text-muted);font-size:1rem;margin-bottom:24px}.checkout-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.input-group-pro{display:flex;flex-direction:column;gap:8px}.input-group-pro.full-width{grid-column:span 2}.input-group-pro label{font-size:.85rem;font-weight:600;color:var(--text-charcoal);text-transform:uppercase;letter-spacing:.05em}.input-group-pro input{padding:14px 18px;border-radius:12px;border:1px solid #E2E8F0;font-size:1rem;transition:all .2s ease}.input-group-pro input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 4px #c9a96e1a}.btn-step-continue{background:var(--bg-deep-green);color:#fff;padding:16px 32px;border-radius:12px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-step-continue:hover{background:var(--accent-gold-dim);transform:translateY(-2px)}.btn-step-action-sm{background:var(--text-charcoal);color:#fff;padding:8px 18px;border-radius:8px;border:none;font-weight:600;font-size:.9rem;cursor:pointer}.payment-gateway-info{background:#f8fafc;padding:24px;border-radius:16px;border:1px dashed #E2E8F0}.secure-badge{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--bg-deep-green);margin-bottom:8px}.pulse-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 #10b98166;animation:pulse 2s infinite}.payment-subtext{font-size:.9rem;color:var(--text-muted);margin:0}.review-summary-box{background:#f8fafc;border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.review-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-family:var(--font-body);font-size:.85rem;text-transform:none;color:var(--text-muted);letter-spacing:.02em;font-weight:400}.stat-value{font-family:var(--font-body);font-weight:400;color:var(--text-charcoal);font-size:1.05rem}.stat-value.highlight{font-family:var(--font-body);color:var(--accent-gold-dim);font-size:1.2rem;font-weight:400}.btn-final-confirm{width:100%;height:60px;background:var(--accent-gold);color:#fff;border-radius:14px;border:none;font-size:1.15rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease}.btn-final-confirm:hover{background:var(--accent-gold-dim);transform:scale(1.02)}.checkout-policy-text{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:16px}.sidebar-sticky-card{position:sticky;top:120px;background:#fff;border-radius:24px;border:1px solid #EBEBEB;padding:32px;box-shadow:0 10px 30px #0000000a}.sidebar-room-preview{display:flex;gap:20px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #F1F5F9}.preview-img-container{width:110px;height:110px;border-radius:16px;overflow:hidden;flex-shrink:0}.preview-img{width:100%;height:100%;object-fit:cover}.preview-info{display:flex;flex-direction:column;justify-content:center}.preview-location{font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.preview-title{font-family:var(--font-heading);font-size:1.35rem;line-height:1.2;margin:0 0 10px;font-weight:500}.preview-rating{display:flex;align-items:center;gap:4px;font-size:.85rem}.star-filled{color:var(--text-charcoal)}.rating-score{font-weight:700}.rating-count{color:var(--text-muted)}.price-details-section{margin-bottom:32px}.section-title-sm{font-family:var(--font-heading);font-size:1.4rem;margin-bottom:20px}.price-row{display:flex;justify-content:space-between;margin-bottom:14px;color:var(--text-charcoal);font-size:.95rem}.total-price-section{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:2px solid var(--bg-cream)}.total-label{font-family:var(--font-body);font-weight:700;font-size:1.2rem}.total-value{font-family:var(--font-body);font-weight:800;font-size:1.4rem;color:var(--bg-deep-green)}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@media(max-width:1024px){.checkout-content-layout{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.checkout-main-wrapper{padding:100px 16px 40px}.checkout-page-title{font-size:2rem}.checkout-input-grid{grid-template-columns:1fr}.input-group-pro.full-width{grid-column:span 1}.checkout-card-pro{padding:24px 20px;border-radius:18px}.sidebar-sticky-card{padding:24px 20px}.review-summary-box{grid-template-columns:1fr;gap:16px}}.host-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1.5px solid var(--accent-gold);flex-shrink:0}.host-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:var(--bg-cream);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--accent-gold);flex-shrink:0;transition:transform .3s var(--transition-smooth)}.host-avatar-placeholder:hover{transform:scale(1.05)}.admin-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.admin-modal-container{background:#fff;width:100%;max-width:580px;max-height:90vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.admin-modal-header{padding:20px 28px;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;flex-shrink:0}.admin-modal-header h2{font-family:var(--font-heading);font-size:1.6rem;color:var(--text-charcoal);margin-bottom:4px}.admin-modal-header p{font-size:.85rem;color:#64748b}.modal-close-icon{background:#fff;border:1px solid #e2e8f0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.modal-close-icon:hover{background:#f1f5f9;color:var(--text-charcoal)}.admin-modal-form{padding:20px 28px;overflow-y:auto;flex:1;display:flex;flex-direction:column}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.form-group-pro{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-group-pro label{font-size:.85rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:6px}.form-group-pro input,.form-group-pro select{padding:10px 14px;border-radius:10px;border:1.5px solid #e2e8f0;font-size:.9rem;transition:all .2s;background:#fbfcfe}.form-group-pro input:focus,.form-group-pro select:focus{border-color:var(--accent-gold);background:#fff;outline:none;box-shadow:0 0 0 4px #c9a96e1a}.admin-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;border-top:1px solid #f1f5f9;position:sticky;bottom:0;background:#fff;margin-left:-28px;margin-right:-28px;padding:16px 28px 12px}.btn-cancel{padding:12px 24px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-weight:600;color:#64748b;cursor:pointer}.btn-save{padding:12px 32px;border-radius:12px;border:none;background:var(--bg-deep-green);color:#fff;font-weight:600;cursor:pointer}.btn-save:hover{opacity:.9}.btn-save:disabled{opacity:.7;cursor:not-allowed}tbody tr{transition:background .2s,transform .2s;cursor:default}tbody tr:hover{background:#f8fafc!important}.btn-action-edit:hover,.btn-action-delete:hover,.btn-refresh:hover,.btn-add-booking:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.form-row{grid-template-columns:1fr;gap:0}.admin-modal-container{max-height:92vh;border-radius:20px 20px 0 0;position:fixed;bottom:0}.admin-modal-header,.admin-modal-form{padding:16px 20px}.admin-modal-footer{padding:12px 20px;margin-left:-20px;margin-right:-20px}.admin-modal-header h2{font-size:1.5rem}.form-group-pro{margin-bottom:10px}.table-header-pro{padding:1rem 1.25rem}.table-title{font-size:1rem}.btn-view-all{padding:6px 12px;font-size:.8rem}.table-container th{padding:10px 8px;font-size:.65rem}.table-container td{padding:8px;font-size:.8rem}.stat-card{padding:16px;border-radius:12px}.stat-value{font-size:1.6rem}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}}.btn-add-booking{display:flex!important;align-items:center;gap:8px;padding:10px 24px!important;border-radius:12px;border:none;background:var(--primary)!important;color:#fff!important;cursor:pointer;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #1a2e1a33;transition:all .2s ease}.btn-add-booking:hover{background:var(--primary-light)!important;transform:translateY(-2px);box-shadow:0 6px 16px #1a2e1a4d}.btn-refresh{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;border:1px solid #E2E8F0;background:#fff;color:var(--text-charcoal);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.btn-refresh:hover{background:#f8fafc;border-color:#cbd5e1}.admin-avatar-pro{width:42px;height:42px;background:var(--bg-cream);border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700;font-size:.95rem;box-shadow:var(--shadow-soft)}