/* VELORA — cohesive finish across public pages (Stage 2). Small on purpose: polish only.
   Mobile-first; no !important. Tokens come from styles.css. */
body:not(.admin-screen):not(.page-login) main{min-width:0}
body:not(.admin-screen):not(.page-login) .card,
body:not(.admin-screen):not(.page-login) .feature,
body:not(.admin-screen):not(.page-login) .shopPanel,
body:not(.admin-screen):not(.page-login) .knowledge-card{overflow:hidden}
body:not(.admin-screen):not(.page-login) .card img,
body:not(.admin-screen):not(.page-login) .feature img{transition:transform .7s var(--tgs-ease)}
body:not(.admin-screen):not(.page-login) .luxury-promo{border-radius:0}

/* long words and numbers never push the page sideways */
body:not(.admin-screen) :is(td,th,li,p,h1,h2,h3,dd){overflow-wrap:anywhere}

@media (hover:hover){
  body:not(.admin-screen):not(.page-login) .card:hover img,
  body:not(.admin-screen):not(.page-login) .feature:hover img{transform:scale(1.035)}
}