.zf-wear-occasions{width:var(--discovery-content-width);margin:0 auto;padding:48px 0}
.zf-discovery .zf-wear-occasions>h2{text-align:center;margin:0 0 32px;font-family:Inter,Arial,sans-serif;font-weight:750;font-size:clamp(28px,3.3vw,48px)}
.zf-wear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.zf-wear-photo{position:relative;overflow:hidden;border-radius:6px}
.zf-wear-photo img{position:absolute;max-width:none;height:auto;display:block}
.zf-discovery .zf-wear-card h3{font-family:Inter,Arial,sans-serif;font-size:clamp(17px,1.8vw,25px);font-weight:700;text-align:center;margin:14px 0 0}
.zf-wear-guide{background:#faf9f7;padding:48px 0}
.zf-wear-guide .zf-wear-photo{transition:transform 700ms cubic-bezier(.22,1,.36,1)}
.zf-wear-pulse{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);pointer-events:none}
.zf-wear-pulse::before,.zf-wear-pulse::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.85);border-radius:50%;opacity:0;animation:zf-wear-ripple 3.6s ease-out infinite;animation-delay:var(--pulse-delay);animation-play-state:paused}
.zf-wear-pulse::after{animation-delay:calc(var(--pulse-delay) + 1.8s)}
.zf-wear-guide.is-in-view .zf-wear-pulse::before,.zf-wear-guide.is-in-view .zf-wear-pulse::after{animation-play-state:running}
@keyframes zf-wear-ripple{0%{transform:scale(.7);opacity:0}20%{opacity:.65}85%,100%{transform:scale(2.2);opacity:0}}
@media(hover:hover) and (pointer:fine){.zf-wear-guide .zf-wear-card:hover .zf-wear-photo{transform:scale(1.015)}}
@media(prefers-reduced-motion:reduce){.zf-wear-guide .zf-wear-photo{transition:none;transform:none!important}.zf-wear-pulse{display:none}}
.zf-wear-guide-inner{width:var(--discovery-content-width);margin:0 auto;display:grid;grid-template-columns:1fr 3fr;gap:32px;align-items:center}
.zf-discovery .zf-wear-guide h2{font-family:Inter,Arial,sans-serif;font-weight:750;font-size:clamp(30px,3.6vw,52px);max-width:250px}
@media(max-width:749px){
.zf-wear-occasions{padding:32px 0}
.zf-discovery .zf-wear-occasions>h2{margin-bottom:24px}
.zf-wear-occasions .zf-wear-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px}
.zf-wear-occasions .zf-wear-card{flex:0 0 84%;scroll-snap-align:start}
.zf-wear-guide{padding:32px 0}
.zf-wear-guide-inner{display:block}
.zf-discovery .zf-wear-guide h2{max-width:none;text-align:center;margin-bottom:24px}
.zf-wear-guide .zf-wear-grid{gap:10px}
.zf-discovery .zf-wear-guide h3{font-size:14px;margin-top:10px}
}