.product-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out)}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.product-card__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--color-surface)}.product-card__media-link{display:block;width:100%;height:100%}.product-card__img{width:100%;height:100%;object-fit:cover;transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.product-card__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.product-card--has-hover:hover .product-card__img--primary,.product-card--has-hover:focus-within .product-card__img--primary{opacity:0;transform:scale(1.04)}.product-card--has-hover:hover .product-card__img--secondary,.product-card--has-hover:focus-within .product-card__img--secondary{opacity:1;transform:scale(1.02)}.product-card:not(.product-card--has-hover):hover .product-card__img--primary{transform:scale(1.03)}.product-card__badges{position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);z-index:2}.product-card__actions{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);z-index:5;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.product-card__actions .product-card__action-btn,.product-card__actions .wishlist-btn{pointer-events:auto}.product-card:hover .product-card__actions,.product-card:focus-within .product-card__actions{opacity:1;pointer-events:auto;transform:none}@media(hover:none){.product-card__actions{opacity:1;pointer-events:auto;transform:none}}.product-card__action-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--color-text);box-shadow:var(--shadow-sm);transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.product-card__action-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.08)}.product-card__action-btn.is-active{background:var(--color-primary);color:#fff}.wishlist-btn .wishlist-btn__icon--remove[hidden]{display:none!important}.wishlist-btn.is-active .wishlist-btn__icon--add{display:none}.wishlist-btn.is-active .wishlist-btn__icon--remove{display:flex!important}.product-card__quick-add{position:absolute;inset-inline:var(--space-3);inset-block-end:var(--space-3);z-index:4;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.product-card:hover .product-card__quick-add,.product-card:focus-within .product-card__quick-add{opacity:1;pointer-events:auto;transform:none}.product-card__quick-add .btn{width:100%;--btn-bg: rgba(15, 13, 14, .92);--btn-color: #fff;--btn-border: transparent;background:#0f0d0eeb;color:#fff;border-color:transparent;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.product-card__quick-add .btn--primary{--btn-bg: var(--gradient-cta);background:var(--gradient-cta)}.product-card__quick-add .btn:hover{--btn-color: #fff;color:#fff;border-color:transparent}.product-card__body{display:flex;flex-direction:column;flex:1;gap:var(--space-2);padding:var(--space-4)}.product-card__vendor{font-size:var(--fs-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.product-card__title{font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-snug);color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__title a:hover{color:var(--color-primary)}.product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2)}.product-card__swatches{display:flex;gap:var(--space-1)}.carousel{position:relative;overflow:hidden}.carousel__track{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block:var(--space-2)}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{flex:0 0 calc(100% - var(--space-8));scroll-snap-align:start}@media(min-width:750px){.carousel__slide{flex:0 0 calc(50% - var(--space-4))}}@media(min-width:990px){.carousel__slide{flex:0 0 calc(25% - var(--space-4))}.carousel__slide--3{flex:0 0 calc(33.333% - var(--space-4))}}.carousel__nav{display:none;position:absolute;inset-block-start:50%;transform:translateY(-50%);z-index:2}@media(min-width:990px){.carousel__nav{display:flex}}.carousel__nav--prev{inset-inline-start:calc(var(--space-2) * -1)}.carousel__nav--next{inset-inline-end:calc(var(--space-2) * -1)}.carousel__nav-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text);box-shadow:var(--shadow-md);transition:background var(--duration) var(--ease-out),transform var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out)}.carousel__nav-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}.carousel__nav-btn:disabled{opacity:.35;pointer-events:none}.carousel__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-5)}.carousel__dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--color-border-strong);transition:width var(--duration) var(--ease-out),background var(--duration) var(--ease-out)}.carousel__dot.is-active{width:1.5rem;background:var(--color-primary)}.carousel__progress{height:2px;background:var(--color-surface-2);border-radius:var(--radius-full);margin-top:var(--space-4);overflow:hidden}.carousel__progress-bar{height:100%;background:var(--gradient-cta);border-radius:inherit;transition:width var(--duration-slow) var(--ease-out)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);visibility:hidden;pointer-events:none}.modal.is-open{visibility:visible;pointer-events:auto}.modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity var(--duration) var(--ease-out)}.modal.is-open .modal__overlay{opacity:1}.modal__dialog{position:relative;width:100%;max-width:32rem;max-height:min(90vh,48rem);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:scale(.96) translateY(16px);transition:opacity var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.modal.is-open .modal__dialog{opacity:1;transform:none}.quick-view .modal__dialog{max-width:56rem}.quick-view__loading{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.quick-view__product{padding:var(--space-4)}.quick-view__product .pdp__breadcrumb,.quick-view__product .sticky-atc,.quick-view__product .pdp-related,.quick-view__product [data-recently-viewed-source]{display:none!important}.modal__dialog--lg{max-width:56rem}.modal__dialog--full{max-width:none;width:calc(100% - var(--space-8));height:calc(100% - var(--space-8));max-height:none}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--fs-lg);font-weight:700}.modal__close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);color:var(--color-text-muted);transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}.modal__close:hover{background:var(--color-surface);color:var(--color-text)}.modal__body{flex:1;overflow-y:auto;padding:var(--space-6)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);visibility:hidden;pointer-events:none}.drawer.is-open{visibility:visible;pointer-events:auto}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--duration) var(--ease-out)}.drawer.is-open .drawer__overlay{opacity:1}.drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(100%,28rem);background:var(--color-bg-elevated);border-inline-start:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out)}[dir=rtl] .drawer__panel{transform:translate(-100%)}.drawer.is-open .drawer__panel{transform:none}.drawer__panel--start{inset-inline-end:auto;inset-inline-start:0;border-inline-start:none;border-inline-end:1px solid var(--color-border);transform:translate(-100%)}[dir=rtl] .drawer__panel--start{transform:translate(100%)}.drawer__panel--bottom{inset-inline:0;inset-block:auto 0;width:100%;max-height:90vh;border-inline:none;border-block-start:1px solid var(--color-border);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;transform:translateY(100%)}.drawer.is-open .drawer__panel--bottom{transform:none}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer__title{font-size:var(--fs-lg);font-weight:700}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);overscroll-behavior:contain}.drawer__footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.toast-container{position:fixed;inset-block-end:var(--space-5);inset-inline-end:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:min(24rem,calc(100vw - var(--space-8)));pointer-events:none}[dir=rtl] .toast-container{inset-inline-end:auto;inset-inline-start:var(--space-5)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--duration-slow) var(--ease-out) forwards}.toast.is-leaving{animation:toast-out var(--duration) var(--ease-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px) scale(.96)}}.toast__icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning .toast__icon{color:var(--color-warning)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--space-1)}.toast__message{font-size:var(--fs-xs);color:var(--color-text-muted);line-height:var(--lh-snug)}.toast__close{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-muted);transition:background var(--duration) var(--ease-out)}.toast__close:hover{background:var(--color-surface);color:var(--color-text)}.qty-selector{display:inline-flex;align-items:stretch;border:1.5px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-elevated)}.qty-selector__btn{display:flex;align-items:center;justify-content:center;width:2.75rem;color:var(--color-text);transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}.qty-selector__btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-primary)}.qty-selector__btn:disabled{opacity:.35;cursor:not-allowed}.qty-selector__input{width:2.5rem;min-height:2.75rem;padding:0;border:none;border-inline:1px solid var(--color-border);background:transparent;text-align:center;font-weight:600;font-size:var(--fs-sm);-moz-appearance:textfield}.qty-selector__input::-webkit-outer-spin-button,.qty-selector__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-selector--sm .qty-selector__btn{width:2.25rem}.qty-selector--sm .qty-selector__input{width:2rem;min-height:2.25rem}.swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.swatches__label{width:100%;font-size:var(--fs-sm);font-weight:500;margin-bottom:var(--space-1)}.swatches__label-value{color:var(--color-text-muted);font-weight:400}.swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;cursor:pointer;color:inherit;font:inherit}button.swatch:focus-visible .swatch__label{outline:2px solid var(--color-focus);outline-offset:2px}.swatch__input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.swatch__label{display:block;width:2rem;height:2rem;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--swatch-color, var(--color-surface));cursor:pointer;transition:transform var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.swatch__input:checked+.swatch__label{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}.swatch__input:focus-visible+.swatch__label{outline:2px solid var(--color-focus);outline-offset:2px}.swatch__input:disabled+.swatch__label{opacity:.35;cursor:not-allowed}.swatch--text .swatch__label{width:auto;min-width:2.75rem;height:2.5rem;padding-inline:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-elevated);font-size:var(--fs-xs);font-weight:600;display:flex;align-items:center;justify-content:center}.swatch--text .swatch__input:checked+.swatch__label{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:none}.swatch--text .swatch__input:disabled+.swatch__label{text-decoration:line-through}.shipping-bar{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.shipping-bar__text{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--fs-xs);font-weight:500;margin-bottom:var(--space-2)}.shipping-bar__text strong{color:var(--color-primary)}.shipping-bar__track{height:6px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.shipping-bar__fill{height:100%;background:var(--gradient-cta);border-radius:inherit;transition:width var(--duration-slow) var(--ease-out);position:relative}.shipping-bar__fill:after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:8px;background:var(--color-gold);border-radius:var(--radius-full);box-shadow:0 0 8px var(--color-gold)}.shipping-bar.is-complete .shipping-bar__fill{background:var(--color-success)}.shipping-bar.is-complete .shipping-bar__fill:after{display:none}.share,.share-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.share__label,.share-buttons__label{font-size:var(--fs-sm);font-weight:600;color:var(--color-text-muted)}.share__buttons,.share-buttons__list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.share-buttons__list>li{display:flex;margin:0;padding:0}.share__btn,.share-buttons__link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.share__btn:hover,.share-buttons__link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.share__btn--copy.is-copied,.share-buttons__copy.is-copied{background:var(--color-success);color:#fff;border-color:var(--color-success)}.pdp-info__share{margin-block:var(--space-5)}.stock-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);font-weight:600}.stock-indicator__dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);flex-shrink:0}.stock-indicator--in .stock-indicator__dot{background:var(--color-success);box-shadow:0 0 0 3px #1f7a4d33}.stock-indicator--in{color:var(--color-success)}.stock-indicator--low .stock-indicator__dot{background:var(--color-warning);box-shadow:0 0 0 3px #b86e0033;animation:pulse-dot 2s ease-in-out infinite}.stock-indicator--low{color:var(--color-warning)}.stock-indicator--out .stock-indicator__dot{background:var(--color-error)}.stock-indicator--out{color:var(--color-error)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.tabs{display:flex;flex-direction:column;gap:var(--space-5)}.tabs__list{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface);border-radius:var(--radius-full);overflow-x:auto;scrollbar-width:none}.tabs__list::-webkit-scrollbar{display:none}.tabs__tab{flex:1;min-width:fit-content;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;color:var(--color-text-muted);white-space:nowrap;transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.tabs__tab:hover{color:var(--color-text)}.tabs__tab.is-active,.tabs__tab[aria-selected=true]{background:var(--color-bg-elevated);color:var(--color-text);box-shadow:var(--shadow-sm)}.tabs__panel{display:none}.tabs__panel.is-active,.tabs__panel[aria-hidden=false]{display:block;animation:tab-fade var(--duration) var(--ease-out)}@keyframes tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tabs--underline .tabs__list{background:none;padding:0;border-radius:0;border-bottom:1px solid var(--color-border);gap:var(--space-6)}.tabs--underline .tabs__tab{flex:none;padding:var(--space-3) 0;border-radius:0;position:relative;background:none;box-shadow:none}.tabs--underline .tabs__tab.is-active:after{content:"";position:absolute;inset-block-end:-1px;inset-inline:0;height:2px;background:var(--color-primary);border-radius:var(--radius-full)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);transition:background var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out)}.chip:hover{border-color:var(--color-border-strong);background:var(--color-surface-2)}.chip--primary{background:var(--color-primary-soft);color:var(--color-primary);border-color:transparent}.chip--gold{background:var(--color-gold-soft);color:var(--color-gold);border-color:transparent}.chip--removable{padding-inline-end:var(--space-2)}.chip__remove{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);color:var(--color-text-muted);transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}.chip__remove:hover{background:var(--color-border);color:var(--color-text)}.tag{display:inline-block;padding:.2rem .5rem;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);background:var(--color-charcoal);color:#fff}[data-theme=dark] .tag{background:var(--color-surface-2)}.rating{display:inline-flex;align-items:center;gap:var(--space-2)}.rating__stars{display:inline-flex;gap:2px;color:var(--color-gold)}.rating__star{width:1rem;height:1rem;fill:currentColor}.rating__star--empty{fill:none;stroke:var(--color-border-strong);stroke-width:1.5}.rating__count{font-size:var(--fs-xs);color:var(--color-text-muted)}.rating--lg .rating__star{width:1.25rem;height:1.25rem}.rating--interactive .rating__star{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.rating--interactive .rating__star:hover{transform:scale(1.15)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-5);max-width:28rem;margin-inline:auto}.empty-state__icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);margin-bottom:var(--space-5)}.empty-state__title{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--space-3)}.empty-state__text{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-normal);margin-bottom:var(--space-6)}.empty-state__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .7s linear infinite}.spinner--sm{width:1rem;height:1rem;border-width:1.5px}.spinner--lg{width:2.5rem;height:2.5rem;border-width:3px}.spinner--gold{border-color:var(--color-gold-soft);border-top-color:var(--color-gold)}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffb8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;border-radius:inherit}[data-theme=dark] .loading-overlay{background:#0f0d0eb8}.loading-overlay--inline{position:relative;min-height:8rem;border-radius:var(--radius-xl)}.btn .spinner{margin-inline-end:var(--space-2)}.btn.is-loading{pointer-events:none;opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/2/assets/components.css.map */