.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border:1px solid transparent;border-radius:var(--button-radius);font-family:var(--font-button-family);font-weight:var(--font-button-weight);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease,transform .2s ease}.btn--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.btn--primary:hover{opacity:.85}.btn--secondary,.btn--outline{background:transparent;color:rgb(var(--color-accent));border-color:rgb(var(--color-accent))}.btn--secondary:hover,.btn--outline:hover{background:rgb(var(--color-accent));color:rgb(var(--color-primary-contrast))}.btn--inverse{background:rgb(var(--color-background));color:rgb(var(--color-text));border-color:rgb(var(--color-background))}.btn--inverse-outline{background:transparent;color:rgb(var(--color-primary-contrast));border-color:rgb(var(--color-primary-contrast))}.btn--inverse-outline:hover{background:rgb(var(--color-primary-contrast));color:rgb(var(--color-primary))}.btn--link{border:none;background:none;padding:0;text-decoration:underline;text-underline-offset:4px;text-transform:none;letter-spacing:normal}.btn--full{width:100%}.btn--small{padding:10px 20px;font-size:.75rem}.btn[disabled],.btn.is-disabled{opacity:.5;cursor:not-allowed}.btn--loading{position:relative;color:transparent!important}.btn--loading .spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;padding:5px 10px;font-size:.68rem;font-family:var(--font-nav-family);text-transform:uppercase;letter-spacing:.06em;border-radius:calc(var(--radius) * .75);background:rgb(var(--color-surface));color:rgb(var(--color-text));border:1px solid rgb(var(--color-border))}.badge--sale{background:rgb(var(--color-sale));color:#fff;border-color:rgb(var(--color-sale))}.badge--sold-out{background:rgb(var(--color-muted));color:#fff;border-color:rgb(var(--color-muted))}.badge-list{position:absolute;top:12px;inset-inline-start:12px;display:flex;flex-direction:column;gap:6px;z-index:2}.price{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--font-body-family)}.price__regular{color:rgb(var(--color-text))}.price--on-sale .price__regular{color:rgb(var(--color-muted));text-decoration:line-through;font-size:.9em}.price__sale{color:rgb(var(--color-sale));font-weight:600}.price__unit{display:block;font-size:.8em;color:rgb(var(--color-muted))}.product-card{position:relative;display:flex;flex-direction:column}.product-card__media-wrapper{position:relative;overflow:hidden;border-radius:var(--radius);background:rgb(var(--color-surface))}.product-card__media-wrapper:before{content:"";display:block;padding-bottom:var(--ratio, 125%)}.product-card__media-wrapper[data-ratio=square]{--ratio: 100%}.product-card__media-wrapper[data-ratio=landscape]{--ratio: 75%}.product-card__media-wrapper[data-ratio=portrait]{--ratio: 125%}.product-card__image,.product-card__image-secondary{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .6s ease}.product-card__image-secondary,.product-card .product-card__image-secondary.is-loaded{opacity:0}@media(hover:none){.product-card__image-secondary{display:none}}html.has-hover .product-card:hover .product-card__image-secondary{opacity:1}html.has-hover .product-card:hover .product-card__image{transform:scale(1.04)}html.has-hover .product-card--has-secondary:hover .product-card__image{opacity:0}body.no-card-hover-zoom .product-card:hover .product-card__image{transform:none}.product-card__quick-add{position:absolute;inset-inline:12px;bottom:12px;z-index:2;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}html.has-hover .product-card__quick-add{opacity:0;transform:translateY(8px)}html.has-hover .product-card:hover .product-card__quick-add,html.has-hover .product-card__quick-add:focus-within{opacity:1;transform:translateY(0)}.product-card__quick-add .btn{background:var(--qa-bg, rgb(var(--color-background)));color:var(--qa-text, rgb(var(--color-text)));border-color:var(--qa-bg, rgb(var(--color-background)))}.product-card__top-actions{position:absolute;top:12px;inset-inline-end:12px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}.product-card__icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:rgb(var(--color-text))}.product-card__icon-btn svg{transition:fill .15s ease,color .15s ease}.product-card__wishlist.is-active{color:rgb(var(--color-sale))}.product-card__wishlist.is-active svg{fill:currentColor}.product-card__info{padding-top:14px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.product-card__vendor{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-muted))}.product-card__title{font-family:var(--font-body-family);font-size:.98rem;font-weight:600;margin:0}.product-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.product-card__rating{display:flex;align-items:center;gap:4px;color:rgb(var(--color-accent));font-size:.78rem}.collection-card{position:relative;display:block;overflow:hidden;border-radius:var(--radius)}.collection-card__media{position:relative;overflow:hidden}.collection-card__media:before{content:"";display:block;padding-bottom:115%}.collection-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}html.has-hover .collection-card:hover .collection-card__media img{transform:scale(1.05)}.collection-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 55%)}.collection-card__content{position:absolute;inset-inline:0;bottom:0;padding:24px;color:#fff}.collection-card__title{color:#fff;margin-bottom:4px}.collection-card__count{font-size:.8rem;opacity:.85}.field{position:relative;display:flex;flex-direction:column;gap:6px}.field__label{font-size:.8rem;color:rgb(var(--color-muted))}.field__input,.select__select,textarea.field__input{width:100%;padding:14px 16px;border:1px solid rgb(var(--color-border));background:rgb(var(--color-surface));color:rgb(var(--color-text));border-radius:calc(var(--radius) * .75)}.field__input:focus,.select__select:focus{border-color:rgb(var(--color-accent))}.quantity{display:inline-flex;align-items:stretch;border:1px solid rgb(var(--color-border));border-radius:calc(var(--radius) * .75);overflow:hidden}.quantity__button{background:transparent;border:none;width:40px;display:flex;align-items:center;justify-content:center}.quantity__input{width:44px;border:none;border-inline:1px solid rgb(var(--color-border));text-align:center;background:transparent;-moz-appearance:textfield}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px}.pagination__item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:rgb(var(--color-text))}.pagination__item[aria-current=page]{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.accordion{border-top:1px solid rgb(var(--color-border))}.accordion__item{border-bottom:1px solid rgb(var(--color-border))}.accordion__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px;background:none;border:none;text-align:start;font-weight:600}.accordion__icon{flex-shrink:0;transition:transform .25s ease}.accordion__toggle[aria-expanded=true] .accordion__icon{transform:rotate(45deg)}.accordion__panel{overflow:hidden;max-height:0;transition:max-height .3s ease}.accordion__panel-inner{padding-bottom:18px}.tabs__list{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid rgb(var(--color-border));margin-bottom:32px}.tabs__trigger{padding:12px 22px;background:none;border:none;border-bottom:2px solid transparent;font-family:var(--font-nav-family);font-weight:var(--font-nav-weight);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;color:rgb(var(--color-muted));margin-bottom:-1px}.tabs__trigger[aria-selected=true]{color:rgb(var(--color-text));border-color:rgb(var(--color-accent))}.tabs__panel[hidden]{display:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:60}.modal-overlay.is-open{opacity:1;pointer-events:auto}.rating-stars{display:inline-flex;gap:2px}.rating-stars svg{width:14px;height:14px;fill:rgb(var(--color-accent))}quick-view-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:96;display:flex;align-items:center;justify-content:center;padding:20px}quick-view-modal[hidden]{display:none}.quick-view__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a80;opacity:0;transition:opacity .2s ease}quick-view-modal.is-open .quick-view__backdrop{opacity:1}.quick-view__panel{position:relative;z-index:1;background:rgb(var(--color-surface));max-width:640px;width:100%;max-height:88vh;overflow-y:auto;border-radius:var(--radius);display:grid;grid-template-columns:1fr;gap:24px;padding:28px;transform:translateY(12px);opacity:0;transition:transform .2s ease,opacity .2s ease}quick-view-modal.is-open .quick-view__panel{transform:translateY(0);opacity:1}@media(min-width:600px){.quick-view__panel{grid-template-columns:1fr 1fr}}.quick-view__close{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:rgb(var(--color-text))}.quick-view__media{position:relative;border-radius:calc(var(--radius) * .75);overflow:hidden;background:rgb(var(--color-surface));aspect-ratio:1 / 1}.quick-view__image{width:100%;height:100%;object-fit:cover;display:block}.quick-view__info{display:flex;flex-direction:column}.quick-view__title{margin:0 0 8px}.quick-view__price{font-size:1.05rem;font-weight:600;margin-bottom:18px;color:rgb(var(--color-text))}.quick-view__link{display:inline-block;margin-top:14px;font-size:.85rem;text-decoration:underline;text-underline-offset:3px;color:rgb(var(--color-muted))}
/*# sourceMappingURL=/cdn/shop/t/18/assets/components.css.map */