.hero-section{height:clamp(480px,64vh,600px);padding-top:6px;position:relative;overflow:hidden}.hero-slides{height:100%;position:relative}.hero-slide{opacity:0;transition:opacity .7s var(--ease);pointer-events:none;align-items:center;padding-top:30px;padding-bottom:30px;display:flex;position:absolute;inset:0}.hero-slide.active{opacity:1;pointer-events:auto;animation:16s infinite heroDrift;background-size:200% 200%!important}@keyframes heroDrift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-slide:before{content:"";pointer-events:none;background:linear-gradient(90deg,#1a0c0675 0%,#1a0c0633 42%,#0000 68%),radial-gradient(120% 100% at 50% 120%,#0d0d0f52 0%,#0000 60%);position:absolute;inset:0}.hero-slide-glow{pointer-events:none;background:radial-gradient(42% 60% at 82% 18%,#ffffff29 0%,#0000 70%) 0 0/100% 100%,radial-gradient(50% 70% at 12% 88%,#b8953a2e 0%,#0000 72%) 0 0/100% 100%,radial-gradient(1px 1px,#ffffff0d 50%,#0000 51%) 0 0/4px 4px;position:absolute;inset:0}.hero-content{z-index:2;justify-content:space-between;align-items:center;gap:40px;width:100%;padding-bottom:30px;display:flex;position:relative}.hero-slide.active .hero-tag,.hero-slide.active .hero-headline,.hero-slide.active .hero-sub,.hero-slide.active .hero-btns,.hero-slide.active .hero-products{animation:heroRise .6s var(--ease) both}.hero-slide.active .hero-headline{animation-delay:60ms}.hero-slide.active .hero-sub{animation-delay:.12s}.hero-slide.active .hero-btns{animation-delay:.18s}.hero-slide.active .hero-products{animation-delay:.1s}@keyframes heroRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-tag{color:#fffffff2;border-radius:var(--r-full);text-wrap:nowrap;letter-spacing:.5px;margin-bottom:var(--s4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff47;padding:6px 16px;font-size:12.5px;font-weight:500;display:inline-block;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000001f}.hero-tag:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 35%,#ffffff80 50%,#0000 65%) 0 0/220% 100%;animation:4.5s ease-in-out infinite heroTagShimmer;position:absolute;inset:0}@keyframes heroTagShimmer{0%{background-position:160% 0}60%,to{background-position:-160% 0}}.hero-headline{font-family:var(--font-display);color:var(--white);letter-spacing:-1.5px;margin-bottom:var(--s4);text-shadow:0 2px 24px #00000040;font-size:clamp(42px,5.4vw,68px);font-weight:600;line-height:1.08}.hero-sub{color:#ffffffd1;margin-bottom:var(--s7);max-width:440px;font-size:15.5px;line-height:1.6}.hero-btns{gap:var(--s3);flex-wrap:wrap;display:flex}.hero-products{gap:var(--s3);flex-shrink:0;display:flex}.hero-product-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r-lg);padding:var(--s3);gap:var(--s2);cursor:pointer;width:132px;transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);background:#ffffff1a;border:1px solid #fff3;flex-direction:column;display:flex}.hero-product-card:hover{background:#ffffff29;border-color:#fff6;transform:translateY(-6px)}.hpc-img{aspect-ratio:1;border-radius:var(--r);background:#ffffff1a;justify-content:center;align-items:center;width:100%;font-size:40px;display:flex;overflow:hidden}.hpc-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease)}.hero-product-card:hover .hpc-img img{transform:scale(1.06)}.hpc-info{text-align:center}.hpc-info span{color:#fffc;margin-bottom:3px;font-size:11px;line-height:1.3;display:block}.hpc-info strong{color:var(--gold-light);font-size:14px}.hero-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);z-index:10;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;line-height:1;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:#ffffff47}.hero-arrow:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.hero-arrow.prev{left:20px}.hero-arrow.prev:hover{transform:translateY(-50%)translate(-2px)}.hero-arrow.next{right:20px}.hero-arrow.next:hover{transform:translateY(-50%)translate(2px)}.hero-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:4px;width:8px;height:8px;transition:all .3s}.hero-dot:hover{background:#fff9}.hero-dot:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.hero-dot.active{background:var(--gold);width:28px;animation:2.4s ease-in-out infinite heroDotPulse;box-shadow:0 0 #b8953a80}@keyframes heroDotPulse{0%,to{box-shadow:0 0 #b8953a80}50%{box-shadow:0 0 10px 2px #b8953a59}}@media (max-width:1024px){.hero-section{height:440px}.hero-products{display:none}.hero-content{justify-content:flex-start}}@media (max-width:768px){.hero-section{min-height:400px}.hero-headline{letter-spacing:-.5px;font-size:40px;line-height:1.05}.hero-sub{font-size:14px}.hero-arrow{display:none}}@media (max-width:480px){.hero-headline{letter-spacing:-.5px;font-size:32px}.hero-tag{padding:4px 12px;font-size:9px}}@media (prefers-reduced-motion:reduce){.hero-slide,.hero-slide.active,.hero-slide.active .hero-tag,.hero-tag:after,.hero-dot.active,.hero-slide.active .hero-headline,.hero-slide.active .hero-sub,.hero-slide.active .hero-btns,.hero-slide.active .hero-products{transition:none;animation:none}.hero-product-card:hover{transform:none}}
