.product-hero{color:#fff;z-index:1;background:linear-gradient(135deg,#0a0a0a,#111);justify-content:space-between;align-items:center;gap:40px;padding:110px 10%;display:flex;position:relative;overflow:hidden}.product-hero:after{content:"";filter:blur(90px);opacity:.35;pointer-events:none;background:radial-gradient(circle,#ffd7002e,#0000 70%);width:520px;height:420px;position:absolute;bottom:-120px;right:-150px}.product-hero:before{content:"";opacity:.06;pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.hero-left{z-index:2;position:relative}.hero-left h1{color:#f4d66c;letter-spacing:.4px;margin-bottom:14px;font-size:3.2rem;font-weight:800}.hero-left p{color:#e0e0e0;max-width:560px;margin-bottom:28px;font-size:1.15rem;line-height:1.65}.hero-btns{z-index:3;gap:14px;display:flex;position:relative}.hero-btn{z-index:3;border-radius:30px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s;position:relative}.hero-btn.gold{color:#111;background:#f4d66c}.hero-btn.gold:hover{background:#ffe58b}.hero-btn.outline{color:#f4d66c;border:1.5px solid #f4d66c}.hero-btn.outline:hover{background:#ffd70024}.hero-right{z-index:2;position:relative}.hero-right .hero-glass{background:#ffffff0d;border:1px solid #ffffff17;border-radius:16px;padding:14px}.hero-right img{border-radius:12px;width:440px;display:block}.product-page{color:#fff;background:#0b0b0b;align-items:flex-start;gap:40px;padding:80px 7%;display:flex}.product-sidebar{background:#141414;border:1px solid #ffd7002e;border-radius:14px;width:260px;padding:22px;position:sticky;top:24px}.product-sidebar h3{color:#f4d66c;text-transform:uppercase;letter-spacing:.7px;margin-bottom:16px;font-size:1.15rem;font-weight:800}.sidebar-item{color:#ececec;text-align:left;cursor:pointer;background:#1a1a1a;border:1px solid #ffd7001f;border-radius:10px;width:100%;margin:10px 0;padding:14px 16px;font-size:1rem;transition:all .28s}.sidebar-item:hover{background:#222}.sidebar-item.active{color:#111;background:#f4d66c;font-weight:700}.product-content{flex:1;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-title{color:#f4d66c;border-bottom:1px solid #ffd7004d;margin-bottom:24px;padding-bottom:6px;font-size:2.4rem;font-weight:900}.subproduct-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px;display:grid}.subproduct-card{background:#131313;border:1px solid #ffd7002e;border-radius:14px;flex-direction:column;min-height:330px;padding:16px;transition:all .25s;display:flex}.subproduct-card:hover{background:#191919;border-color:#ffd7004d;transform:translateY(-6px)}.sub-img{object-fit:contain;border:1px solid #ffd70038;border-radius:12px;width:100%;height:170px;margin-bottom:14px}.subproduct-card h3{color:#f4d66c;min-height:45px;margin-bottom:8px;font-size:1.18rem;font-weight:700;line-height:1.3}.subproduct-card p{color:#c7c7c7;flex-grow:1;margin-bottom:14px;font-size:.95rem;line-height:1.55}.subproduct-card p:empty{display:none}.detail-btn{color:#111;background:#f4d66c;border-radius:8px;padding:9px 15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.detail-btn:hover{background:#ffe58b}.empty-state{text-align:center;margin-top:60px;animation:.6s fadeIn}.empty-state h2{color:#f4d66c;letter-spacing:.8px;text-transform:uppercase;margin-top:18px;font-size:2rem;font-weight:800}.empty-state p{color:#c9c9c9;margin-top:6px;font-size:1rem}.empty-img{background:linear-gradient(145deg,#0d0d0d,#111);border:2px solid #ffd70080;border-radius:14px;width:300px;padding:6px;transition:all .3s;box-shadow:inset 0 0 16px #ffd7002e,0 0 40px #0009}.empty-img:hover{border-color:#ffd700bf;transform:scale(1.04)}.down-arrow{opacity:.9;border-top:4px solid #f4d66c;border-left:4px solid #f4d66c;width:40px;height:40px;margin:26px auto 0;animation:1.4s ease-in-out infinite arrowPulse;transform:rotate(-45deg)}@keyframes arrowPulse{0%{opacity:.7;transform:scale(1)rotate(-45deg)}50%{opacity:1;transform:scale(1.15)rotate(-45deg)}to{opacity:.7;transform:scale(1)rotate(-45deg)}}@media (max-width:900px){.product-page{flex-direction:column}.product-sidebar{width:100%;position:relative;top:0}}@media (max-width:600px){.hero-right img{width:300px}.product-hero{text-align:center;flex-direction:column}.hero-btns{justify-content:center}.product-page{padding:40px 5%}}