.hero{position:relative;height:80vh;min-height:80vh;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=1600&q=80);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:scroll;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-content{text-align:center;color:white;z-index:2;animation:fadeInUp 1.2s ease-out;padding:60px 0}.hero h1{font-size:5rem;color:white;font-weight:700;margin-bottom:1.5rem;letter-spacing:3px;text-shadow:2px 2px 10px rgba(0,0,0,.3)}.hero p{font-size:1.4rem;margin-bottom:2.5rem;color:#f5f5f5;text-shadow:1px 1px 5px rgba(0,0,0,.3)}.btn-custom{background:#033335;color:white;padding:18px 50px;border-radius:50px;text-decoration:none;transition:all .4s;display:inline-block;font-weight:600;font-size:1.1rem;letter-spacing:1px}.btn-custom:hover{background:#2c3e50;transform:translateY(-5px);box-shadow:0 15px 35px rgba(201,169,110,.4);color:white}.category-section{padding:100px 0;background:#fff}.section-title{text-align:center;font-size:3rem;margin-bottom:4rem;position:relative;animation:fadeIn .8s;color:#033335}.section-title:after{content:"";display:block;width:100px;height:4px;background:linear-gradient(90deg,#033335,#033335);margin:25px auto}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px}.category-card{position:relative;overflow:hidden;border-radius:20px;cursor:pointer;height:400px;box-shadow:0 8px 30px rgba(0,0,0,.12);transition:all .5s cubic-bezier(.4,0,.2,1)}.category-card:hover{transform:translateY(-15px);box-shadow:0 20px 50px rgba(0,0,0,.2)}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1)}.category-card:hover img{transform:scale(1.15)}.category-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);padding:40px 25px;color:white;transition:all .4s}.category-card:hover .category-overlay{background:linear-gradient(0deg,rgba(201,169,110,.9),transparent)}.category-overlay h3{font-size:1.6rem;margin:0;font-weight:600}.product-section{padding:100px 0;background:linear-gradient(180deg,#f8f9fa,#ffffff)}.product-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:all .5s cubic-bezier(.4,0,.2,1);margin-bottom:30px}.product-card:hover{transform:translateY(-15px);box-shadow:0 20px 45px rgba(0,0,0,.18)}.product-img{position:relative;overflow:hidden;height:350px;background:#f5f5f5}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-img img{transform:scale(1.2) rotate(2deg)}.product-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#c9a96e,#d4b896);color:white;padding:8px 20px;border-radius:25px;font-size:.85rem;font-weight:700;box-shadow:0 4px 15px rgba(201,169,110,.4);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.product-info{padding:30px;text-align:center}.product-info h4{font-size:1.3rem;margin-bottom:12px;color:#2c3e50;font-weight:600}.product-price{font-size:1.8rem;color:#c9a96e;font-weight:700}.room-section{padding:100px 0;background:#fff}.room-card{position:relative;height:500px;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.12);transition:all .5s cubic-bezier(.4,0,.2,1)}.room-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,.2)}.room-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.4,0,.2,1)}.room-card:hover img{transform:scale(1.15)}.room-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8));display:flex;align-items:flex-end;padding:40px;color:white;transition:all .4s}.room-card:hover .room-overlay{background:linear-gradient(180deg,rgba(201,169,110,.3),rgba(0,0,0,.85))}.room-overlay h3{font-size:2.2rem;margin:0;font-weight:700;letter-spacing:2px}@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;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.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:2.5rem}.category-grid,.room-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}}