.dj-pc{--dj-gutter: 15px;--dj-bleed: calc((100vw - min(100vw, var(--page-width))) / 2 + var(--dj-gutter));--dj-inner: calc(min(100vw, var(--page-width)) - (var(--dj-gutter) * 2));--dj-card-w: max(212px, calc((100vw - 40px) / 2.25));font-family:var(--font-body-family);color:var(--dj-text);max-width:100%;overflow-x:clip}.dj-pc__header{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.dj-pc__title{margin:0;width:100%;text-align:center;color:var(--dj-text);font-family:var(--font-body-family);font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.64px;text-transform:uppercase}.dj-pc__tabs{display:flex;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.dj-pc__tabs::-webkit-scrollbar,.dj-track::-webkit-scrollbar{display:none}.dj-pc__tab{display:inline-flex;align-items:center;flex-shrink:0;margin:0;padding:4px 12px;border:0;border-bottom:1px solid var(--dj-tab-border);border-radius:4px 4px 0 0;background:transparent;color:var(--dj-tab-text);font-family:var(--font-body-family);font-size:16px;font-weight:500;line-height:normal;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:color .2s ease,border-color .2s ease}.dj-pc__tab:hover,.dj-pc__tab[aria-selected=true]{color:var(--dj-text-strong)}.dj-pc__tab[aria-selected=true]{border-bottom-color:var(--dj-text-strong)}.dj-pc__panel[hidden]{display:none}.dj-slider{position:relative;display:block;isolation:isolate}.dj-track{display:flex;align-items:stretch;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:32px 16px 32px 0;margin-right:calc(var(--dj-bleed) * -1);scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.dj-track.is-dragging{scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}.dj-track>.dj-card{flex:0 0 auto;width:var(--dj-card-w)}.dj-grid{display:grid;grid-template-columns:repeat(var(--dj-cols-m, 2),minmax(0,1fr));gap:24px 8px;padding:32px 0}.dj-slider__arrow{position:absolute;top:calc(32px + (var(--dj-card-w) * .625));z-index:4;display:none;align-items:center;justify-content:center;width:50px;height:50px;padding:0;margin:0;border:0;background:#fff;color:var(--dj-text-strong);transform:translateY(-50%);cursor:pointer;transition:opacity .2s ease}.dj-slider__arrow .icon{width:7px;height:12px}.dj-slider__arrow--prev{left:0}.dj-slider__arrow--next{right:0}.dj-card__bottom{margin-top:auto}.dj-card__add{margin-left:auto}.dj-card__top:empty{display:flex}.dj-card__img{mix-blend-mode:multiply}.dj-slider__arrow[disabled]{opacity:0;pointer-events:none}.dj-card{position:relative;isolation:isolate;z-index:0;display:flex;flex-direction:column;min-width:0;color:var(--dj-text)}.dj-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:block!important}.dj-card__body{position:relative;display:flex;flex:1;flex-direction:column;gap:16px;min-height:0;pointer-events:none}.dj-card__media{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;aspect-ratio:4 / 5;padding:8px;overflow:hidden;background:var(--dj-card-bg)}.dj-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .5s ease,opacity .25s ease}.dj-card__img--ph{object-fit:cover;fill:#0000001f}@media(hover:hover)and (pointer:fine){.dj-card:hover .dj-card__img{transform:scale(1.03)}}.dj-card__top{position:relative;z-index:11;display:flex;flex-direction:column;align-items:flex-start;min-height:21px}.dj-card__badge{max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;padding:3px 7px;border:1px solid #d9d9d9;background:#fff;color:#000;font-size:12px;font-weight:500;line-height:1;letter-spacing:0;text-transform:uppercase}.dj-card__badge--gold{border-color:var(--dj-gold-border);background:var(--dj-sale-bg);color:var(--dj-sale-text)}.dj-card__wish{position:absolute;top:8px;right:8px;z-index:12;display:flex;width:23px;height:23px;padding:0;margin:0;border:0;background:transparent;color:var(--dj-text-strong);pointer-events:auto;cursor:pointer;transition:opacity .2s ease}.dj-card__wish:hover{opacity:.8}.dj-card__wish .icon{width:23px;height:23px}.dj-card__wish[aria-pressed=true] .dj-heart-fill{fill:currentColor}.dj-card__bottom{position:relative;z-index:13;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:24px}.dj-card__options{display:flex;align-items:center;gap:8px;min-width:0}.dj-card__swatch{display:block;flex-shrink:0;width:14px;height:14px;padding:0;margin:0;border:1px solid transparent;border-radius:50%;background:transparent;pointer-events:auto;cursor:pointer;transition:all .15s ease}.dj-card__swatch span{display:block;width:100%;height:100%;border-radius:50%}.dj-card__swatch.is-active{width:20px;height:20px;padding:3px;border-color:var(--dj-text-strong)}.dj-card__more{font-size:12px;line-height:1;color:#767676}.dj-card__add{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0;border:0;background:transparent;color:var(--dj-text-strong);pointer-events:auto;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.dj-card__add .icon{width:24px;height:24px;transition:transform .2s ease}.dj-card__add:hover{opacity:.8}.dj-card__add:hover .icon{transform:scale(1.1)}.dj-card__add:active{transform:scale(.95)}.dj-card__add[disabled]{opacity:.3;cursor:not-allowed}.dj-card__spinner{display:none;position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:djSpin .7s linear infinite}.dj-card__add.is-loading .icon{visibility:hidden}.dj-card__add.is-loading .dj-card__spinner{display:block}.dj-card__add.is-added .icon{visibility:hidden}.dj-card__add.is-added:after{content:"";position:absolute;width:6px;height:12px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-2px)}@keyframes djSpin{to{transform:rotate(360deg)}}.dj-card__content{display:flex;flex-shrink:0;flex-direction:column;gap:8px;width:100%}.dj-card__title{width:100%;margin:0;color:#000;font-family:var(--font-body-family);font-size:16px;font-weight:500;line-height:1.4;letter-spacing:0}.dj-card__title span{display:-webkit-box;height:2.8em;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dj-card__price{display:flex;gap:4px 8px;min-height:22px;flex-wrap:wrap;align-items:center;width:100%;min-width:0;white-space:normal;color:#000;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:0}.dj-card__compare{color:var(--dj-muted);text-decoration:line-through}.dj-card__pill{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;height:22px;padding:0 4px;border-radius:4px;background:var(--dj-sale-bg);color:var(--dj-sale-text);font-size:12px;font-weight:500;line-height:1.4}.dj-card__compare[hidden],.dj-card__pill[hidden]{display:none}@media screen and (min-width:750px){.dj-pc{--dj-gutter: 50px;--dj-card-w: calc(var(--dj-inner) / 3.2)}.dj-pc__header{flex-direction:row;align-items:flex-end;justify-content:space-between}.dj-pc__title{width:auto;text-align:left;font-size:48px;font-weight:500;letter-spacing:-.96px}.dj-pc__header--center{justify-content:center}.dj-pc__header--center .dj-pc__title{text-align:center}.dj-grid{grid-template-columns:repeat(var(--dj-cols-d, 4),minmax(0,1fr));gap:32px 16px}.dj-slider__arrow{display:flex}}@media screen and (min-width:1024px){.dj-pc{--dj-card-w: calc(var(--dj-inner) / 4.2)}}@supports (overflow: clip){html,body{overflow-x:clip}}@media screen and (max-width:749px){.dj-pc__title{font-size:22px;letter-spacing:-.3px}.dj-pc__tab{padding:4px 10px;font-size:13px}.dj-grid{gap:20px 8px;padding:20px 0}.dj-track{gap:10px;padding:20px 12px 20px 0}.dj-card__body{gap:10px}.dj-card__media{padding:6px}.dj-card__badge{padding:2px 5px;font-size:10px}.dj-card__wish{top:6px;right:6px;width:20px;height:20px}.dj-card__wish .icon{width:20px;height:20px}.dj-card__add,.dj-card__add .icon{width:22px;height:22px}.dj-card__content{gap:4px}.dj-card__title{font-size:13px;line-height:1.4}.dj-card__price{gap:2px 6px;min-height:18px;font-size:13px}.dj-card__compare{font-size:11px}.dj-card__pill{height:18px;padding:0 4px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/dj-product-card.css.map */