/* Abas da home (Copos, Mais vendidos, Blocos): degradê que flui com tom mais vivo e brilho que segue o mouse */
html[data-theme="natal"] .collections .collection{position:relative;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,filter .35s;will-change:transform;cursor:pointer}
html[data-theme="natal"] .collections .collection.promo-cups{--a:#a50d26;--b:#d6193a;--v:#ff4f6d}
html[data-theme="natal"] .collections .collection.promo-best{--a:#0e4a2a;--b:#1f8a4c;--v:#3fd47f}
html[data-theme="natal"] .collections .collection.promo-books{--a:#d99a10;--b:#f3c24a;--v:#ffe27c}
html[data-theme="natal"] .collections .collection.promo-cups,html[data-theme="natal"] .collections .collection.promo-best,html[data-theme="natal"] .collections .collection.promo-books{background:linear-gradient(115deg,var(--a) 0%,var(--b) 34%,var(--v) 50%,var(--b) 66%,var(--a) 100%);background-size:260% 100%;animation:promo-flow 9s ease-in-out infinite alternate}
html[data-theme="natal"] .collections .collection::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:.7;transition:opacity .35s;background:radial-gradient(circle 140px at var(--mx,78%) var(--my,30%),rgba(255,255,255,.30),transparent 72%)}
html[data-theme="natal"] .collections .collection:hover,html[data-theme="natal"] .collections .collection:focus-visible{--lift:-6px;filter:saturate(1.18) brightness(1.04);box-shadow:0 18px 34px rgba(30,10,10,.28)}
html[data-theme="natal"] .collections .collection:hover::before,html[data-theme="natal"] .collections .collection:focus-visible::before{opacity:1}
html[data-theme="natal"] .collections .collection:hover{animation-duration:4.5s}
html[data-theme="natal"] .collections .collection:active{--lift:-2px;transition-duration:.12s}
@keyframes promo-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(hover:none){html[data-theme="natal"] .collections .collection:hover{--lift:0px}}
@media(prefers-reduced-motion:reduce){html[data-theme="natal"] .collections .collection,html[data-theme="natal"] .collections .collection::before{transition:none}}