.spx{display:flex;flex-wrap:nowrap;gap:12px;margin:0;padding:4px 2px 10px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.spx::-webkit-scrollbar{display:none}.spx__item{flex:0 0 min(74vw,270px);scroll-snap-align:start}.spx__card{position:relative;isolation:isolate;display:grid;align-items:center;height:100%;aspect-ratio:1.75 / 1;padding:18px 8px 18px 20px;overflow:hidden;color:#f6ece0;container-type:inline-size;border-radius:18px;border:1px solid rgba(208,176,122,.28);background:radial-gradient(120% 140% at 85% 60%,#3a3026,#3a302600 58%),linear-gradient(135deg,#0d0b09,#1b1612 60%,#26201a);transition:transform .5s var(--ease-out),border-color .35s var(--ease),box-shadow .5s var(--ease-out)}.spx__card:focus-visible{outline:2px solid var(--c-gold-fill);outline-offset:3px}.spx__text{position:relative;z-index:2;display:grid;gap:2px;width:50%}.spx__small{font-size:.75rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#d0b07a;white-space:nowrap}.spx__price{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.7rem,7vw,2.3rem);line-height:1.02;color:#fff;letter-spacing:0;white-space:nowrap}.spx__go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#f6ece0b3;transition:color .3s var(--ease)}.spx__go .icon{width:14px;height:14px;transition:transform .4s var(--ease-out)}.spx__watch{position:absolute;z-index:1;top:50%;right:-7%;height:112%;aspect-ratio:1 / 1;transform:translateY(-50%);pointer-events:none}.spx__watch img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.55));transition:transform .6s var(--ease-out)}@media(hover:hover)and (pointer:fine){.spx__card:hover{transform:translateY(-4px);border-color:#d0b07ab3;box-shadow:0 22px 34px -20px #000000b3}.spx__card:hover .spx__watch img{transform:translateY(-6px) scale(1.06) rotate(-2deg)}.spx__card:hover .spx__go{color:#d0b07a}.spx__card:hover .spx__go .icon{transform:translate(4px)}}@media(min-width:700px){.spx{gap:14px}.spx__item{flex:0 0 calc((100% - 28px) / 3.3)}.spx__price{font-size:1.75rem}}@media(min-width:1100px){.spx{gap:16px;overflow:visible;scroll-snap-type:none}.spx__item{flex:1 1 0;min-width:0}.spx__price{font-size:clamp(1.6rem,2.3vw,2.4rem)}}@media(prefers-reduced-motion:reduce){.spx__card,.spx__watch img,.spx__go .icon{transition:none}.spx__card:hover,.spx__card:hover .spx__watch img{transform:none}}.spx__price{font-size:clamp(1.25rem,calc((50cqw - 22px) / 3.5),2.4rem)}.spx__small{font-size:clamp(.625rem,4.2cqw,.75rem);letter-spacing:.18em}.spx__go{font-size:clamp(.5625rem,3.6cqw,.6875rem);letter-spacing:.1em}
/*# sourceMappingURL=/cdn/shop/t/97/assets/section-shop-price.css.map */
