.featured-section{background:#f8f8f8;padding:80px 0;position:relative}.featured-header{text-align:center;margin-bottom:60px;position:relative}.featured-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:#000}.featured-subtitle{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px;padding:0 40px;max-width:1400px;margin:0 auto}.product-card-modern{background:#fff;border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;position:relative}.product-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.08)}.product-image-wrapper{aspect-ratio:3/4;overflow:hidden;position:relative;background:#f0f0f0}.product-card-modern img{transition:transform .5s ease}.product-card-modern:hover img{transform:scale(1.05)}.product-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.product-card-modern:hover .product-image-wrapper img{transform:scale(1.05)}.product-info{padding:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.product-title{font-size:1.1rem;font-weight:600;color:#000;margin-bottom:8px}.product-price{font-size:1rem;color:#333;font-weight:500}.product-actions{margin-top:16px;opacity:0;transform:translateY(10px);transition:all .3s ease}.product-card-modern:hover .product-actions{opacity:1;transform:translateY(0)}.add-to-cart-btn{width:100%;padding:12px;background:#000;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.add-to-cart-btn:hover{background:#333}@media (max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:0 16px}.featured-title{font-size:2rem}}.hero-section{position:relative;height:90vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:white;background:#000}.hero-background{z-index:0}.hero-background,.hero-background:after{position:absolute;top:0;left:0;width:100%;height:100%}.hero-background:after{content:"";background:rgba(0,0,0,.4);z-index:1}.hero-background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-content{position:relative;z-index:2;text-align:center;max-width:1000px;padding:0 20px;animation:fadeInUp 1s ease-out}.hero-badge{display:inline-block;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:50px;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;backdrop-filter:blur(5px);background:rgba(255,255,255,.1)}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-1px;background:linear-gradient(180deg,#ffffff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,.8);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-actions{display:flex;gap:16px;justify-content:center}.btn-primary{padding:16px 32px;background:#fff;color:#000;border-radius:50px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,255,255,.2)}.btn-secondary{padding:16px 32px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:50px;font-weight:600;text-decoration:none;transition:background .2s ease}.btn-secondary:hover{background:rgba(255,255,255,.1)}.hero-marquee{position:absolute;bottom:0;left:0;width:100%;background:#000;color:#fff;padding:16px 0;z-index:3;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(255,255,255,.1)}.marquee-content{display:inline-block;animation:marquee 30s linear infinite}.marquee-item{display:inline-block;margin:0 30px;font-size:14px;text-transform:uppercase;letter-spacing:1px;opacity:.7}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;text-align:center}}