.announcement{position:relative;overflow:hidden;background:linear-gradient(90deg,#d7fc51,#efffb0,#d7fc51);background-size:220% 100%;animation:luxeGradient 8s ease-in-out infinite}
.announcement:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff9 50%,transparent 65%);transform:translateX(-120%);animation:luxeShine 6s ease-in-out infinite}
.brand-strip{position:relative;overflow:hidden}.brand-strip span{transition:color .35s,transform .35s}.brand-strip span:hover{color:#6d821b;transform:translateY(-3px)}
.section-head h2{position:relative}.section-head h2:after{content:'';display:block;width:48px;height:3px;margin-top:14px;background:var(--lime);border-radius:4px;transform-origin:left;animation:luxeLine 1.2s cubic-bezier(.22,1,.36,1) both}
.hero-image{box-shadow:inset 0 0 100px #0005}.hero-image:after{background:radial-gradient(circle at 75% 35%,#d7fc5118,transparent 26%),linear-gradient(0deg,#000b,transparent 50%)!important}
.hero-products figure{filter:drop-shadow(0 18px 22px #0005)}
.catalog-bar{position:sticky;top:0;z-index:4;padding:12px 0;background:#f4f4efeb;backdrop-filter:blur(12px);border-bottom:1px solid #d8d9d180}
.filters button{border-radius:999px!important}.filters button:hover,.filters .active{box-shadow:0 4px 14px #17191618}
@keyframes luxeGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes luxeShine{0%,55%,100%{transform:translateX(-120%)}72%{transform:translateX(120%)}}
@keyframes luxeLine{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@media(max-width:600px){.catalog-bar{top:0;padding:10px 0}.announcement{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.announcement,.announcement:after,.section-head h2:after{animation:none}}