.el-band{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(3rem,5vw,4.75rem) 0 clamp(3.25rem,5.4vw,5rem);background:#fff;color:var(--ink)}.el-band-slot{width:100%;display:flex;justify-content:center}.el-band-slot--cards{padding-inline:var(--pad-x)}.el-band-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.9rem,1.6vw,1.5rem);width:min(100%,76rem);margin:0;padding:6px 0;list-style:none}.el-band-card a{display:flex;flex-direction:column;gap:.35rem;color:var(--ink);text-decoration:none}.el-band-card-pic{position:relative;display:block;overflow:hidden;aspect-ratio:5 / 4;margin-bottom:.75rem;border-radius:6px;background:var(--paper)}.el-band-card-pic>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}@media(hover:hover){.el-band-card a:hover .el-band-card-pic>img{transform:scale(1.04)}}.el-band-card-name{font-size:clamp(1.05rem,1.35vw,1.3rem);font-weight:800;line-height:1.2;letter-spacing:-.012em;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.25em;transition:text-decoration-color .3s var(--ease)}.el-band-card a:hover .el-band-card-name,.el-band-card a:focus-visible .el-band-card-name{text-decoration-color:currentColor}.el-band-card-sub{font-size:var(--t-caps);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}@media(min-width:768px)and (max-width:1023px){.el-band-cards{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,40rem)}}@media(max-width:767px){.el-band{gap:2rem;padding:2.75rem 0 3.25rem}.el-band-slot--cards{display:block;padding-inline:0}.el-band-cards{display:flex;gap:12px;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad-x);scrollbar-width:none;-webkit-overflow-scrolling:touch}.el-band-cards::-webkit-scrollbar{display:none}.el-band-card{flex:0 0 min(62%,17rem);scroll-snap-align:start}.el-band-card:first-child{margin-inline-start:var(--pad-x)}.el-band-card:last-child{margin-inline-end:var(--pad-x)}.el-band-card-name{font-size:var(--t-small);font-weight:700}}.el-band-card a{position:relative}.el-band-sticker{position:absolute;top:-.9rem;right:-.7rem;z-index:2;display:grid;place-items:center;width:clamp(5rem,6.4vw,6.25rem);aspect-ratio:1;border-radius:50%;background:var(--forest);color:#fff;box-shadow:0 12px 24px -12px #00000080,0 2px 5px #00000024;transform:rotate(-12deg);pointer-events:none}.el-band-sticker:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px dashed var(--gold-soft);border-radius:50%}.el-band-sticker>span{max-width:80%;font-size:clamp(.6rem,.7vw,.7rem);font-weight:800;line-height:1.2;letter-spacing:.14em;text-align:center;text-transform:uppercase}html.js:not(.is-still) .el-band-sticker{opacity:0;transform:scale(2.2) rotate(-38deg)}html.js:not(.is-still) .el-band-sticker.is-on{animation:el-band-slap .62s cubic-bezier(.2,.9,.25,1.15) forwards}html.js:not(.is-still) .el-band-card.is-slapped .el-band-card-pic{animation:el-band-thud .34s .3s ease-out}@keyframes el-band-slap{0%{opacity:0;transform:scale(2.2) rotate(-38deg)}55%{opacity:1;transform:scale(.9) rotate(-9deg)}78%{opacity:1;transform:scale(1.05) rotate(-13deg)}to{opacity:1;transform:scale(1) rotate(-12deg)}}@keyframes el-band-thud{0%,to{transform:none}40%{transform:translateY(3px) scale(.985)}}@media(max-width:767px){.el-band-sticker{top:.5rem;right:.5rem;width:4.6rem}.el-band-sticker>span{font-size:.58rem;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){.el-band-card-name,.el-band-card-pic>img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ecolux-band.css.map */