.drape-hero{background-image:linear-gradient(rgba(11,94,116,.95),rgba(10,75,62,.9)),url(https://www.transparenttextures.com/patterns/woven.png);padding:6rem 1rem;text-align:center;color:#fff;position:relative;margin-bottom:4rem}.hero-badge{display:inline-block;background:rgba(255,255,255,.15);padding:4px 12px;border-radius:20px;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2);font-weight:700}.drape-hero h1{color:#fff!important;font-size:3.5rem;margin-bottom:1rem;font-family:var(--font-heading)}.drape-hero p{color:rgba(255,255,255,.85);font-size:1.2rem;max-width:600px;margin:0 auto 2rem}.featured-drapes{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.drape-card-lg{cursor:pointer;transition:transform .3s ease}.drape-card-lg:hover{transform:translateY(-8px)}.drape-img-wrap{position:relative;border-radius:12px;overflow:hidden;height:350px;margin-bottom:1.5rem;box-shadow:var(--shadow)}.drape-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.drape-card-lg:hover img{transform:scale(1.05)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,.2);backdrop-filter:blur(5px);border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s}.drape-card-lg:hover .play-icon{background:var(--primary);border-color:var(--primary);transform:translate(-50%,-50%) scale(1.1)}.drape-info{position:relative}.step-count{font-size:4rem;font-weight:900;color:#f0f0f0;line-height:.8;position:absolute;top:-2rem;left:-10px;z-index:-1}.drape-info h3{font-size:1.4rem;margin-bottom:.5rem;color:var(--text)}.drape-info p{font-size:.9rem;color:#666;margin-bottom:1rem}.btn-text{color:var(--accent);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.style-finder{margin-top:6rem}.finder-header h2{font-size:2.5rem;margin-bottom:2rem}.finder-tabs{display:inline-flex;background:#f8f9fa;padding:5px;border-radius:50px;border:1px solid #eee}.tab-btn{padding:12px 30px;border:none;background:0 0;border-radius:50px;font-weight:700;color:#666;cursor:pointer;transition:all .3s;font-size:.9rem}.tab-btn:hover{color:var(--primary)}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px rgba(11,94,116,.2)}.finder-content{display:none;margin-top:3rem}.finder-content.active{display:block;animation:fadeIn .5s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.micro-card{text-align:center;cursor:pointer;group:hover}.micro-card img{width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:1rem;transition:transform .3s;box-shadow:var(--shadow)}.micro-card:hover img{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.micro-card h4{font-size:1.1rem;color:var(--text);transition:color .2s}.micro-card:hover h4{color:var(--primary)}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem}.recent-item{display:flex;gap:1rem;align-items:center;text-decoration:none;color:inherit;padding:1rem;border:1px solid #eee;border-radius:12px;transition:all .2s;background:#fff}.recent-item:hover{border-color:var(--primary);transform:translateX(5px)}.recent-item img{width:80px;height:80px;object-fit:cover;border-radius:8px}.recent-item span{font-size:.7rem;color:var(--accent);text-transform:uppercase;font-weight:700;letter-spacing:1px}.recent-item h5{font-size:1rem;margin:.3rem 0 0;line-height:1.4}@media (max-width:992px){.featured-drapes{grid-template-columns:repeat(2,1fr)}.drape-card-lg .drape-img-wrap{height:300px}}@media (max-width:768px){.drape-hero{padding:4rem 1rem;margin-bottom:3rem}.drape-hero h1{font-size:2.5rem}.featured-drapes{grid-template-columns:1fr;gap:2.5rem}.drape-img-wrap{height:250px}.step-count{font-size:3rem;top:-1.5rem}.finder-header h2{font-size:2rem}.finder-tabs{display:flex;overflow-x:auto;white-space:nowrap;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.finder-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;padding:10px 20px}.grid-4{grid-template-columns:repeat(2,1fr);gap:1rem}.micro-card img{height:180px}.micro-card h4{font-size:1rem}.recent-grid{grid-template-columns:1fr;gap:1rem}.recent-item{padding:.8rem}.recent-item img{width:70px;height:70px}}