.product-card{display:flex;flex-direction:column;height:100%;background:var(--c-card);border:1px solid var(--c-white);border-radius:var(--radius-card);overflow:hidden;position:relative;transition:border-color .2s var(--ease),transform .2s var(--ease)}.product-card:where(:hover,:focus-within){border-color:var(--c-line)}.product-card__media{position:relative;display:block;background:var(--c-card)}.product-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .4s var(--ease)}.product-card:where(:hover,:focus-within) .product-card__media img{transform:scale(1.04)}.product-card__media--square{aspect-ratio:1 / 1}.product-card__media--portrait{aspect-ratio:3 / 4}.product-card__labels{position:absolute;inset-block-start:12px;inset-inline-start:12px;display:flex;flex-wrap:wrap;gap:6px;z-index:2}.product-card__label{font-size:10px;line-height:1;letter-spacing:.06em;text-transform:uppercase;font-weight:var(--fw-bold);padding:6px 10px;border-radius:var(--radius-pill);background:var(--c-white);color:var(--c-text)}.product-card__label--sale{background:var(--c-text);color:var(--c-white)}.product-card__label--sold-out{background:var(--c-text-muted);color:var(--c-white)}.product-card__body{display:flex;flex-direction:column;gap:6px;padding:16px;margin-top:auto}.product-card__category{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted)}.product-card__title{font-size:15px;line-height:1.3;font-weight:var(--fw-bold)}.product-card__subtitle{font-size:13px;line-height:1.35;color:var(--c-text-muted)}.product-card__footer{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:4px}.product-card__note{font-size:10px;color:var(--c-text-muted);line-height:1.3}.product-card__cta{margin-top:12px}.price{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price__current{font-size:15px;font-weight:var(--fw-bold)}.price__compare{font-size:13px;color:var(--c-text-muted);text-decoration:line-through}.price__badge{font-size:12px;font-weight:var(--fw-bold);color:var(--c-text)}.price--on-sale .price__current{color:var(--c-text)}.rating{display:inline-flex;align-items:center;gap:6px}.rating__stars{display:inline-flex;gap:1px}.rating__stars svg{width:13px;height:13px}.rating__count{font-size:12px;color:var(--c-text-muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs__btn{padding:8px 18px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted);background:transparent;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);white-space:nowrap}.tabs__btn:where(:hover,:focus-visible){color:var(--c-text);border-color:var(--c-line)}.tabs__btn[aria-selected=true]{background:var(--c-text);color:var(--c-white);border-color:var(--c-text)}.tabs__panel[hidden]{display:none!important}.tabs__panel{animation:tab-fade .28s var(--ease)}@keyframes tab-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.marquee{overflow:hidden;display:flex;-webkit-user-select:none;user-select:none}.marquee__track{display:flex;flex-shrink:0;align-items:center;gap:var(--marquee-gap, 48px);padding-inline-end:var(--marquee-gap, 48px);animation:marquee-scroll var(--marquee-duration, 30s) linear infinite;will-change:transform}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.accordion__item{border-bottom:1px solid var(--c-line)}.accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;text-align:left;font-size:var(--fs-h4);line-height:var(--lh-h4)}.accordion__trigger svg{width:20px;height:20px;flex:none;transition:transform .25s var(--ease)}.accordion__trigger[aria-expanded=true] svg{transform:rotate(-180deg)}.accordion__panel{overflow:hidden}.accordion__panel>div{padding-bottom:20px;color:var(--c-text-muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--backdrop-color);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}.overlay[data-open=true]{opacity:1;pointer-events:auto}.drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:61;width:min(440px,100vw);background:var(--c-page);display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s var(--ease);box-shadow:-8px 0 40px #00000014}.drawer[data-open=true]{transform:none}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px var(--gutter);border-bottom:1px solid var(--c-line);flex:none}.drawer__body{flex:1;overflow-y:auto;padding:20px var(--gutter)}.drawer__footer{flex:none;padding:20px var(--gutter);border-top:1px solid var(--c-line)}.drawer__close svg,.modal__close svg{width:22px;height:22px}.modal{position:fixed;inset-block-start:0;inset-inline:0;z-index:61;background:var(--c-page);padding:24px var(--gutter);transform:translateY(-100%);transition:transform .35s var(--ease);max-height:90vh;overflow-y:auto}.modal[data-open=true]{transform:none}.line-item{display:grid;grid-template-columns:84px 1fr;gap:16px;padding-block:18px;border-bottom:1px solid var(--c-line)}.line-item__media{background:var(--c-card);border-radius:6px;overflow:hidden;aspect-ratio:1}.line-item__media img{width:100%;height:100%;object-fit:contain}.line-item__title{font-size:14px;font-weight:var(--fw-bold);line-height:1.3}.line-item__variant{font-size:12px;color:var(--c-text-muted)}.line-item__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.qty{display:inline-flex;align-items:center;border:1px solid var(--c-line);border-radius:var(--radius-pill);background:var(--c-white)}.qty button{width:32px;height:32px;display:grid;place-items:center}.qty button svg{width:13px;height:13px}.qty input{width:34px;text-align:center;border:0;background:transparent;font-size:13px;-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ship-meter{margin-bottom:20px}.ship-meter__bar{position:relative;height:6px;border-radius:var(--radius-pill);background:var(--c-line);overflow:hidden}.ship-meter__fill{height:100%;background:var(--c-accent);border-radius:var(--radius-pill);transition:width .4s var(--ease)}.ship-meter__label{font-size:13px;color:var(--c-text);margin-bottom:8px}.ship-meter__label strong{font-weight:var(--fw-bold)}.ship-meter__mark{position:absolute;inset-block:0;width:2px;background:var(--c-white);transform:translate(-1px);opacity:.9}.ship-meter__mark.is-passed{background:#ffffff8c}.ship-meter__stages{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:11px;color:var(--c-text-muted)}.ship-meter__stages li.is-passed{color:var(--c-accent);font-weight:var(--fw-bold)}.field{position:relative;display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted)}.field__input,.field textarea,.field select{width:100%;padding:13px 16px;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius-btn);font-size:14px;transition:border-color .2s var(--ease)}.field__input:focus,.field textarea:focus,.field select:focus{border-color:var(--c-text);outline:none}.form__error{color:var(--c-error);font-size:13px}.form__success{color:var(--c-success-text);font-size:13px}.newsletter{display:flex;gap:0;border-bottom:1px solid currentColor}.newsletter input{flex:1;background:transparent;border:0;padding:10px 0;font-size:14px}.newsletter input:focus{outline:none}.newsletter button{padding:10px 0 10px 16px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:48px}.pagination a,.pagination span{min-width:36px;height:36px;display:grid;place-items:center;padding-inline:10px;border-radius:var(--radius-pill);font-size:13px}.pagination [aria-current]{background:var(--c-text);color:var(--c-white)}.pagination a:where(:hover,:focus-visible){background:var(--c-card)}.grid{display:grid;gap:var(--grid-gap, 16px)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.grid--4,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--2{grid-template-columns:minmax(0,1fr)}}.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78vw);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter))}.scroller::-webkit-scrollbar{display:none}.scroller>*{scroll-snap-align:start}.skip-to-content:focus{position:fixed!important;inset-block-start:12px;inset-inline-start:12px;width:auto;height:auto;clip:auto;padding:12px 20px;z-index:100;background:var(--c-text);color:var(--c-white);border-radius:var(--radius-btn)}
/*# sourceMappingURL=/cdn/shop/t/41/assets/components.css.map */