.pict{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#111,#4b3820)}
.pict:before{content:"";position:absolute;width:180%;height:52px;background:linear-gradient(90deg,transparent,#e8b65d38,transparent);transform:rotate(-16deg);animation:printScan 4.8s ease-in-out infinite;z-index:-1}
.pict i{position:absolute;width:74px;height:74px;border:1px solid #e8b65d55;border-radius:18px;transform:rotate(45deg);z-index:-1}
.pict span{font-size:1.25rem;color:#f0bf67;text-shadow:0 2px 12px #000}
.product:nth-child(3n+2) .pict{background:linear-gradient(145deg,#171717,#22394a)}
.product:nth-child(3n+3) .pict{background:linear-gradient(145deg,#171717,#493027)}
.hero-art{animation:heroFloat 6s ease-in-out infinite}
.tier-admin{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 14px}
.tier-admin label{position:relative;font-size:.78rem;margin:0}
.tier-admin input{width:100%;padding:8px 23px 8px 8px}
.tier-admin span{position:absolute;right:8px;bottom:8px;color:var(--muted)}
@keyframes printScan{0%,20%{transform:translateY(-125px) rotate(-16deg)}65%,100%{transform:translateY(125px) rotate(-16deg)}}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.pict:before,.hero-art{animation:none}}
@media(max-width:640px){.tier-admin{grid-template-columns:repeat(2,1fr)}}