.navbar{background:linear-gradient(90deg,#c62828,#ad1457);flex-wrap:nowrap;justify-content:space-around;align-items:center;padding:.8rem 1rem;display:flex}.nav-item{color:#fff;align-items:center;gap:.4rem;padding:.6rem .8rem;font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s,transform .2s;display:flex}.nav-item:hover{color:#ffeb3b;transform:scale(1.05)}.icon{font-size:1.2rem}@media (max-width:768px){.navbar{justify-content:space-between;padding:.4rem}.nav-item{padding:.2rem;font-size:.9rem}.icon{font-size:1rem}}.location-search{color:#fff;background:#000;padding:80px 20px}.location-container{justify-content:space-between;align-items:center;gap:60px;max-width:1200px;margin:auto;display:flex}.location-search h1{max-width:520px;font-size:56px;font-weight:900;line-height:1.1}.quick-links{grid-template-columns:repeat(3,auto);gap:20px 25px;display:grid}.quick-links a{text-align:center;color:#fff;background:#e50914;border-radius:40px;padding:14px 34px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s}.quick-links a.discover-all{background:0 0;border:2px solid #fff}.quick-links a:hover{transform:translateY(-3px)}@media (max-width:1024px){.location-container{text-align:center;flex-direction:column}.location-search h1{max-width:700px;font-size:40px}.quick-links{grid-template-columns:repeat(2,auto);justify-content:center;gap:18px}.quick-links a{min-width:150px}}@media (max-width:600px){.location-search h1{font-size:30px}.quick-links a{min-width:130px;padding:12px 22px;font-size:14px}}.hero-title{text-shadow:0 6px 18px #0009;margin:0 0 12px;font-size:clamp(20px,6vw,56px);font-weight:800;line-height:1.05}.hero-sub{opacity:.9;margin:0;font-size:1rem}.hero-controls{z-index:6;flex-direction:column;gap:12px;width:360px;max-width:45%;display:flex;position:absolute;bottom:6%;right:4%}.control{color:#fff;cursor:pointer;text-align:left;background:#00000059;border:none;flex-direction:column;align-items:flex-start;padding:10px 12px;display:flex}.control-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:14px;font-weight:700;overflow:hidden}.bar .fill{background:linear-gradient(90deg,#ff3b3b,#ffb86b);width:0%;height:100%}@keyframes progress{0%{width:0%}to{width:100%}}.hero-mobile{display:none}@media (max-width:1024px){.hero-content{max-width:60%;left:6%}.hero-controls{width:320px;right:4%}}@media (max-width:760px){.hero-carousel{height:50vh;min-height:0}.hero-content{max-width:90%;left:5%}.hero-title{font-size:clamp(20px,6vw,32px)}.hero-controls{display:none}.hero-mobile{text-align:center;z-index:7;display:block;position:absolute;bottom:8%;left:5%;right:5%}.mobile-title{color:#fff;text-shadow:0 4px 12px #0009;margin-bottom:12px;font-size:clamp(18px,5vw,22px);font-weight:700}.mobile-bars{align-items:center;gap:8px;display:flex}.mobile-bar{background:#ffffff2e;border-radius:6px;flex:1;height:6px;overflow:hidden}.mobile-bar .fill{background:linear-gradient(90deg,#ff3b3b,#ffb86b);width:0%;height:100%}.mobile-bar.active .fill{animation:progress var(--progress-duration,5s) linear forwards}}body{color:#333;background:#fff;margin:0;font-family:Arial,sans-serif}.navbar{background:#c62828;padding:.8rem 1.5rem}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:#fff;font-size:1.4rem;font-weight:900}.navbar nav ul{gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}.navbar nav ul li{color:#fff;cursor:pointer;font-weight:600;transition:color .3s}.navbar nav ul li:hover,.navbar nav ul li.active{color:#ffeb3b}.container{max-width:1200px;margin:auto;padding:40px 20px}.container h1{margin-bottom:20px;font-size:48px;font-weight:900}.subtitle{color:#555;font-size:18px}.meta{align-items:center;gap:20px;margin-top:15px;display:flex}.share-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:4px;padding:8px 16px}.editor-box{background:#f5f5f5;margin:30px 0;padding:20px}.editor-content{align-items:center;gap:10px;display:flex}.editor-logo{color:#c62828;font-weight:900}.hotels-list{max-width:1200px;margin:auto;padding:20px}.hotel-card{border-bottom:1px solid #ddd;padding:20px 0}.hotel-header h2{margin-bottom:10px;font-size:24px}.tags span{background:#eee;border-radius:4px;margin-right:5px;padding:4px 8px;font-size:12px}.hotel-card img{border-radius:6px;width:100%;height:auto;margin:15px 0}.hotel-desc{color:#444;font-size:16px}.actions{margin-top:15px}.read-more-btn,.price-btn{border-radius:4px;margin-right:10px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-block}.read-more-btn{color:#fff;background:#c62828}.price-btn{color:#fff;background:#333}.hero-carousel{color:#fff;background:#000;height:70vh;min-height:420px;position:relative;overflow:hidden}.slide{opacity:0;background-position:50%;background-size:cover;transition:opacity .8s,transform 5s;position:absolute;inset:0;transform:scale(1)}.slide.active{opacity:1;transform:scale(1.06)}.hero-content{z-index:5;max-width:45%;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.hero-title{text-shadow:0 6px 18px #0009;margin:0 0 12px;font-size:clamp(20px,6vw,56px);font-weight:800}.hero-controls{z-index:6;flex-direction:column;gap:12px;width:360px;display:flex;position:absolute;bottom:6%;right:4%}.control{color:#fff;text-align:left;background:#00000059;border:none;padding:10px 12px}.bar{background:#ffffff1f;border-radius:6px;width:100%;height:6px;overflow:hidden}.fill{background:linear-gradient(90deg,#ff3b3b,#ffb86b);width:0%;height:100%}.bar.active .fill{animation:progress var(--progress-duration,5s) linear forwards}@media (max-width:760px){.hero-controls{display:none}.hero-mobile{text-align:center;z-index:7;display:block;position:absolute;bottom:8%;left:5%;right:5%}.mobile-bars{gap:8px;display:flex}.mobile-bar{background:#ffffff2e;border-radius:6px;flex:1;height:6px;overflow:hidden}.mobile-bar .fill{background:linear-gradient(90deg,#ff3b3b,#ffb86b);width:0%;height:100%}.mobile-bar.active .fill{animation:progress var(--progress-duration,5s) linear forwards}}
