.hdc{position:relative;min-width:0;color:var(--hd-text, #f4f4f5)}.hdc__media{position:relative;aspect-ratio:4 / 5;border-radius:var(--hd-radius, 18px);overflow:hidden;isolation:isolate;background:var(--hd-bg-3, #18181c);transform:perspective(900px) rotateX(var(--hdc-rx, 0deg)) rotateY(var(--hdc-ry, 0deg));transition:transform .6s var(--hd-ease-out, cubic-bezier(.16,1,.3,1)),box-shadow .5s}.hdc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s var(--hd-ease, ease),transform 1.2s var(--hd-ease-out, ease)}.hdc__img--2{opacity:0}.hdc.is-swapped .hdc__img--2{display:none}.hdc__img--1.is-fading{opacity:.25;transition-duration:.2s}.hdc__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.hdc__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--hdc-mx, 50%) var(--hdc-my, 50%),rgba(255,255,255,.15),transparent 45%)}@media(hover:hover)and (pointer:fine){.hdc__media:hover{box-shadow:0 30px 60px -30px #000c}.hdc__media:hover .hdc__img--1{transform:scale(1.05)}.hdc__media:hover .hdc__img--2{opacity:1;transform:scale(1.03)}.hdc__media:hover .hdc__shine{opacity:1}}.hdc__badge{position:absolute;top:12px;left:12px;z-index:3;pointer-events:none;padding:.45rem .95rem;border-radius:999px;background:#08080a8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--hd-line-strong, rgba(255,255,255,.18));font-size:1rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#f4f4f5e6}.hdc__badge--new{border-color:#d9b45a8c;color:var(--hd-gold, #d9b45a)}.hdc__badge--out{color:var(--hd-faint, rgba(244,244,245,.38))}.hdc__plus{position:absolute;right:10px;bottom:10px;z-index:4;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--hd-line-strong, rgba(255,255,255,.18));background:#0a0a0c9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--hd-gold, #d9b45a);cursor:pointer;transition:transform .35s var(--hd-ease-out, ease),background .25s,opacity .25s}.hdc__plus svg{width:18px;height:18px}.hdc__plus:active{transform:scale(.92)}.hdc.is-qa .hdc__plus{opacity:0;pointer-events:none}.hdc__qa{position:absolute;left:8px;right:8px;bottom:8px;z-index:4;padding:1rem 1rem 1.1rem;border-radius:14px;background:#0a0a0cc7;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--hd-line, rgba(255,255,255,.09));transform:translate3d(0,calc(100% + 12px),0);opacity:0;visibility:hidden;transition:transform .5s var(--hd-ease-out, cubic-bezier(.16,1,.3,1)),opacity .3s,visibility 0s .5s}.hdc.is-qa .hdc__qa{transform:none;opacity:1;visibility:visible;transition-delay:0s}@media(hover:hover)and (pointer:fine){.hdc__plus{opacity:0}.hdc__plus:focus-visible{opacity:1}.hdc__media:hover .hdc__qa,.hdc__media:focus-within .hdc__qa{transform:none;opacity:1;visibility:visible;transition-delay:0s}}.hdc__qa-label{margin:0 0 .8rem;font-size:1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--hd-muted, rgba(244,244,245,.62));text-align:center}.hdc__sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.hdc__size{position:relative;min-width:40px;height:34px;padding:0 .9rem;border-radius:10px;border:1px solid var(--hd-line-strong, rgba(255,255,255,.18));background:transparent;color:#fff;font:inherit;font-size:1.2rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.hdc__size:hover{background:#fff;color:#0a0a0b;border-color:#fff}.hdc__size:active{transform:scale(.95)}.hdc__size:focus-visible{outline:2px solid var(--hd-gold, #d9b45a);outline-offset:2px}.hdc__size[disabled]{color:var(--hd-faint, rgba(244,244,245,.38));background:none;border-color:var(--hd-line, rgba(255,255,255,.09));cursor:not-allowed;text-decoration:line-through}.hdc__size--wide{display:block;width:100%;height:42px;border:0;border-radius:999px;background:linear-gradient(100deg,#c99d45,#e2c070 50%,#d9b45a);color:#0a0a0b;letter-spacing:.12em;text-transform:uppercase}.hdc__size--wide:hover{background:#fff}.hdc__size.is-busy{color:transparent}.hdc__size.is-busy:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:hdc-spin .7s linear infinite}.hdc__size--wide.is-busy:after{border-color:#0a0a0b40;border-top-color:#0a0a0b}@keyframes hdc-spin{to{transform:rotate(360deg)}}.hdc__size.is-ok{background:var(--hd-gold, #d9b45a);border-color:var(--hd-gold, #d9b45a);color:#0a0a0b}.hdc__qa-msg{margin:0;font-size:1.15rem;line-height:1.4;text-align:center;color:var(--hd-muted, rgba(244,244,245,.62))}.hdc__qa-msg:not(:empty){margin-top:.8rem}.hdc__qa-msg.is-ok{color:var(--hd-gold, #d9b45a)}.hdc__qa-msg.is-err{color:#ff8a8a}.hdc.is-added .hdc__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px var(--hd-gold, #d9b45a);animation:hdc-flash 1.4s ease forwards}@keyframes hdc-flash{0%{opacity:1}to{opacity:0}}.hdc__info{position:relative;padding:1.4rem .2rem 0}.hdc__title{margin:0;font-size:clamp(1.4rem,1.15vw,1.75rem);font-weight:600;letter-spacing:.02em;text-transform:uppercase;line-height:1.2}.hdc__link{color:inherit;text-decoration:none}.hdc__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hdc__link:focus-visible{outline:none}.hdc__link:focus-visible:after{outline:2px solid var(--hd-gold, #d9b45a);outline-offset:2px;border-radius:8px}.hdc__meta{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem 1rem;flex-wrap:wrap;margin:.5rem 0 0;font-size:1.3rem;color:var(--hd-muted, rgba(244,244,245,.62))}.hdc__price{display:inline-flex;align-items:baseline;gap:.7rem;font-variant-numeric:tabular-nums}.hdc__now{color:var(--hd-text, #f4f4f5);font-weight:500}.hdc__was{font-size:1.15rem;color:var(--hd-faint, rgba(244,244,245,.38))}.hdc__sw{position:relative;z-index:2;display:flex;align-items:center;gap:.7rem;margin-top:1rem}.hdc__dot{position:relative;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:var(--sw);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff38;transition:transform .2s}.hdc__dot:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid transparent;transition:border-color .2s}.hdc__dot:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.hdc__dot:hover{transform:scale(1.15)}.hdc__dot.is-on:before{border-color:var(--hd-gold, #d9b45a)}.hdc__dot:focus-visible{outline:2px solid var(--hd-gold, #d9b45a);outline-offset:4px}.hdc__dot--unknown{background:conic-gradient(from 45deg,#444,#888,#444,#888,#444)}.hdc__dot.is-out{opacity:.35}.hdc__sw-more{font-size:1.15rem;color:var(--hd-muted, rgba(244,244,245,.62));text-decoration:none}@media(max-width:749px){.hdc__info{padding-top:1.1rem}.hdc__title{font-size:1.3rem}.hdc__meta{font-size:1.2rem}.hdc__was{display:none}.hdc__badge{top:8px;left:8px;padding:.35rem .75rem;font-size:.9rem;letter-spacing:.12em}.hdc__qa{left:6px;right:6px;bottom:6px;padding:.8rem .7rem .9rem}.hdc__sizes{gap:.45rem}.hdc__size{min-width:36px;height:32px;padding:0 .6rem;font-size:1.1rem}.hdc__plus{right:8px;bottom:8px;width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.hdc__media,.hdc__img,.hdc__qa{transition:none!important}.hdc__media{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hd-card.css.map */