/* BEP V4 — Design & Visual Polish. Additive layer; V3 routing/navigation preserved. */
:root{--v4-ease:220ms cubic-bezier(.2,.7,.2,1);--v4-shadow:0 12px 34px rgba(0,0,0,.12);--v4-shadow-hover:0 20px 50px rgba(0,0,0,.20)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* premium interaction */
.btn,.mini,.pd-btn,.cart,.search-toggle,.nav-toggle{transition:transform var(--v4-ease),box-shadow var(--v4-ease),border-color var(--v4-ease),background-color var(--v4-ease),color var(--v4-ease),opacity var(--v4-ease)}
.btn:hover,.pd-btn:hover{transform:translateY(-2px)}
.card{transition:transform var(--v4-ease),box-shadow var(--v4-ease),border-color var(--v4-ease)}
.card:hover{transform:translateY(-5px);box-shadow:var(--v4-shadow-hover);border-color:#343a32}
.card-img{overflow:hidden}.card-img img{transition:transform 550ms cubic-bezier(.2,.7,.2,1),filter 550ms ease}.card:hover .card-img img{transform:scale(1.045)}
.thumb{transition:transform var(--v4-ease),border-color var(--v4-ease)}.thumb:hover{transform:translateY(-2px)}
.pd-media{transition:box-shadow 350ms ease,border-color 350ms ease}.pd-media:hover{border-color:#343a32;box-shadow:var(--v4-shadow)}
.pd-media img{transition:transform 600ms cubic-bezier(.2,.7,.2,1)}.pd-media:hover img{transform:scale(1.018)}
.menu a,.footer a{transition:color var(--v4-ease),opacity var(--v4-ease)}
/* subtle section rhythm */
section{scroll-margin-top:110px}
/* reveal is opt-in via JS; if JS is unavailable, content stays visible */
.v4-reveal{opacity:0;transform:translateY(18px);transition:opacity 650ms ease,transform 650ms cubic-bezier(.2,.7,.2,1)}
.v4-reveal.v4-visible{opacity:1;transform:none}
/* focus accessibility */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--acid,#9cff00);outline-offset:3px}
@media(max-width:700px){section{scroll-margin-top:90px}.card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.v4-reveal{opacity:1!important;transform:none!important}.card,.card-img img,.pd-media,.pd-media img,.btn,.pd-btn,.thumb{transition:none!important}.card:hover,.btn:hover,.pd-btn:hover,.thumb:hover{transform:none!important}}