.hero{background-color:#0000;background-image:linear-gradient(#0000004d,#0000004d),url(https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=1600&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;height:80vh;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;color:#fff;z-index:2;padding:60px 0;animation:1.2s ease-out fadeInUp}.hero h1{color:#fff;letter-spacing:3px;text-shadow:2px 2px 10px #0000004d;margin-bottom:1.5rem;font-size:5rem;font-weight:700}.hero p{color:#f5f5f5;text-shadow:1px 1px 5px #0000004d;margin-bottom:2.5rem;font-size:1.4rem}.btn-custom{color:#fff;letter-spacing:1px;background:#033335;border-radius:50px;padding:18px 50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .4s;display:inline-block}.btn-custom:hover{color:#fff;background:#2c3e50;transform:translateY(-5px);box-shadow:0 15px 35px #c9a96e66}.category-section{background:#fff;padding:100px 0}.section-title{text-align:center;color:#033335;margin-bottom:4rem;font-size:3rem;animation:.8s fadeIn;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,#033335,#033335);width:100px;height:4px;margin:25px auto;display:block}.category-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px;display:grid}.category-card{cursor:pointer;border-radius:20px;height:400px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 30px #0000001f}.category-card:hover{transform:translateY(-15px);box-shadow:0 20px 50px #0003}.category-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1)}.category-card:hover img{transform:scale(1.15)}.category-overlay{color:#fff;background:linear-gradient(#0000,#000000d9);padding:40px 25px;transition:all .4s;position:absolute;bottom:0;left:0;right:0}.category-card:hover .category-overlay{background:linear-gradient(#0000,#c9a96ee6)}.category-overlay h3{margin:0;font-size:1.6rem;font-weight:600}.product-section{background:linear-gradient(#f8f9fa,#fff);padding:100px 0}.product-card{background:#fff;border-radius:20px;margin-bottom:30px;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 25px #0000001a}.product-card:hover{transform:translateY(-15px);box-shadow:0 20px 45px #0000002e}.product-img{background:#f5f5f5;height:350px;position:relative;overflow:hidden}.product-img img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-img img{transform:scale(1.2)rotate(2deg)}.product-badge{color:#fff;background:linear-gradient(135deg,#c9a96e,#d4b896);border-radius:25px;padding:8px 20px;font-size:.85rem;font-weight:700;animation:2s infinite pulse;position:absolute;top:20px;right:20px;box-shadow:0 4px 15px #c9a96e66}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.product-info{text-align:center;padding:30px}.product-info h4{color:#2c3e50;margin-bottom:12px;font-size:1.3rem;font-weight:600}.product-price{color:#c9a96e;font-size:1.8rem;font-weight:700}.room-section{background:#fff;padding:100px 0}.room-card{cursor:pointer;border-radius:20px;height:500px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 30px #0000001f}.room-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0003}.room-card img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.4,0,.2,1)}.room-card:hover img{transform:scale(1.15)}.room-overlay{color:#fff;background:linear-gradient(#0000 50%,#000c);align-items:flex-end;padding:40px;transition:all .4s;display:flex;position:absolute;inset:0}.room-card:hover .room-overlay{background:linear-gradient(#c9a96e4d,#000000d9)}.room-overlay h3{letter-spacing:2px;margin:0;font-size:2.2rem;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-on-scroll{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(40px)}.animate-on-scroll.active{opacity:1;transform:translateY(0)}@media (max-width:1200px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero h1{font-size:3rem}.category-grid,.room-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}