.rooms-page{max-width:1200px;margin:0 auto;padding:100px 20px 60px}.room-detail{background:#fafafa;border:2px solid #e0e0e0;border-radius:16px;grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-bottom:50px;padding:20px;transition:all .3s;display:grid}.room-detail:hover{background:#fff;border-color:#4a7c59;transform:translateY(-4px);box-shadow:0 8px 30px #4a7c5926}.room-detail.highlight{animation:2s ease-out highlightPulse}@keyframes highlightPulse{0%{background:#e8f5e9;border-color:#4a7c59;box-shadow:0 0 #4a7c59b3}50%{background:#e8f5e9;border-color:#5a9d6a;box-shadow:0 0 20px 10px #4a7c594d}to{background:#fafafa;border-color:#e0e0e0;box-shadow:0 0 #4a7c5900}}.room-image-container{border-radius:12px;flex-direction:column;gap:15px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.room-main-container{border-radius:12px;flex:1;overflow:hidden;box-shadow:0 4px 20px #0000001a}.room-card-image{border-radius:8px;flex-shrink:0;width:100%;height:200px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000001a}.card-image{object-fit:cover;width:100%;height:100%;display:block}.room-thumbnails{gap:10px;padding:5px 0;display:flex;overflow-x:auto}.room-thumbnails::-webkit-scrollbar{height:6px}.room-thumbnails::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.room-thumbnails::-webkit-scrollbar-thumb{background:#4a7c59;border-radius:10px}.room-thumbnails::-webkit-scrollbar-thumb:hover{background:#3d6649}.thumbnail{cursor:pointer;border:3px solid #0000;border-radius:8px;flex-shrink:0;width:80px;height:80px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.thumbnail:hover{border-color:#4a7c59;box-shadow:0 4px 12px #4a7c594d}.thumbnail.active{border-color:#4a7c59;box-shadow:0 4px 15px #4a7c5966}.thumbnail img{object-fit:cover;width:100%;height:100%}.slideshow-container{aspect-ratio:7/5;width:100%;position:relative;overflow:hidden}.slide-btn{cursor:pointer;z-index:2;color:#4a7c59;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slide-btn:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 12px #00000026}.slide-btn.prev{left:15px}.slide-btn.next{right:15px}.slide-indicators{z-index:2;gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.indicator{cursor:pointer;background:#ffffff80;border:2px solid #fff;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.indicator:hover{background:#fffc;transform:scale(1.2)}.indicator.active{background:#fff;width:12px;height:12px}.room-main-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.price-tag{color:#fff;background:#4a7c59;border-radius:8px;padding:10px 20px;font-size:18px;font-weight:600;position:absolute;top:20px;right:20px}.room-info{padding:10px 0}.room-title{color:#1a1a1a;margin-bottom:15px;font-size:28px;font-weight:700}.room-desc{color:#666;margin-bottom:30px;font-size:16px;line-height:1.6}.room-stats{border-bottom:1px solid #e0e0e0;gap:30px;margin-bottom:40px;padding-bottom:30px;display:flex}.stat{color:#333;align-items:center;gap:8px;font-size:15px;display:flex}.room-features h3{color:#1a1a1a;margin-bottom:20px;font-size:20px;font-weight:600}.features-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:40px;display:grid}.feature{color:#333;background:#f5f5f5;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.calendar-btn{color:#fff;cursor:pointer;background:#4a7c59;border:none;border-radius:8px;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;transition:background .3s;display:flex}.calendar-btn:hover{background:#3d6649}@media (max-width:968px){.room-detail{grid-template-columns:1fr;gap:30px}.room-stats{flex-wrap:wrap}.features-grid{grid-template-columns:1fr}}.no-rooms{text-align:center;color:#666;padding:80px 20px}.no-rooms p{color:#999;font-size:1.2rem}.room-calendar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fff6;border-radius:24px;margin-top:20px;padding:32px;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s;box-shadow:0 20px 40px #0000000d,inset 0 1px #fffc}.calendar-nav{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 10px;display:flex}.calendar-nav button{color:#475569;cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000000d}.calendar-nav button:hover{color:#0f172a;background:#f8fafc;transform:scale(1.05);box-shadow:0 6px 16px #00000014}.calendar-nav span{color:#334155;letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:8px;display:grid}.calendar-weekdays span{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:10px 0;font-size:.85rem;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.calendar-day{aspect-ratio:1;cursor:default;border-radius:12px;justify-content:center;align-items:center;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.calendar-day.empty{background:0 0}.calendar-day.available{color:#334155;background:#fff;border:1px solid #00000005;box-shadow:0 2px 8px #00000005}.calendar-day.booked{color:#fff;cursor:not-allowed;background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);border:none;font-weight:600;box-shadow:0 4px 10px #ef444440}.calendar-day.past{color:#cbd5e1;cursor:not-allowed;opacity:.6;background:0 0}.calendar-legend{border-top:1px solid #0000000d;justify-content:center;gap:24px;margin-top:32px;padding-top:24px;display:flex}.legend-item{color:#64748b;align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}.legend-item .dot{border-radius:4px;width:14px;height:14px;box-shadow:0 2px 4px #0000001a}.legend-item .dot.available{background:#fff;border:1px solid #0000000d}.legend-item .dot.booked{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);border:none}