.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px;list-style:none}@media(min-width:750px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 20px}}@media(min-width:1200px){.product-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{position:relative;display:flex;flex-direction:column;height:100%}.card__media{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface)}.card__media .media{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface)}.blend-white .card__media .media img,.media--blend img{mix-blend-mode:multiply}.card__media>a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__img-secondary{opacity:0}@media(hover:hover){.card:hover .card__img-primary{transform:scale(1.045)}.card--has-secondary:hover .card__img-primary{opacity:0}.card--has-secondary:hover .card__img-secondary{opacity:1;transform:scale(1.02)}}.card__badges{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-direction:column;gap:6px;align-items:flex-start;pointer-events:none}.badge{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:var(--radius-pill);background:var(--cream);color:var(--text);font-size:.75rem;font-weight:500;letter-spacing:.02em}.badge--sale{background:var(--sale);color:#fff}.badge--soldout{background:color-mix(in srgb,var(--text) 78%,transparent);color:#fff}.badge--new{background:var(--sage-soft)}.card__quick{position:absolute;right:12px;bottom:12px;z-index:3}.quick-add-btn{display:inline-flex;align-items:center;justify-content:flex-end;height:44px;min-width:44px;max-width:44px;padding:0 12px;border-radius:var(--radius-pill);background:var(--cream);color:var(--primary);box-shadow:0 6px 18px -8px #22281e59;overflow:hidden;white-space:nowrap;gap:8px;font-size:.875rem;font-weight:500;transition:max-width var(--dur-3) var(--ease-out),background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.quick-add-btn .icon{width:20px;height:20px;flex:none;order:2;transition:transform var(--dur-3) var(--ease-out)}.quick-add-btn span{order:1;opacity:0;transition:opacity var(--dur-2) var(--ease)}@media(hover:hover){.card:hover .quick-add-btn{max-width:220px}.card:hover .quick-add-btn span{opacity:1;transition-delay:.08s}.quick-add-btn:hover{background:var(--primary);color:var(--on-primary)}}.quick-add-btn:active{transform:scale(.95)}.quick-add-btn.is-loading .icon{animation:spin .8s linear infinite}.quick-add-btn.is-added{background:var(--sage-deep);color:#fff;max-width:220px}.quick-add-btn.is-added span{opacity:1}.card__variants{position:absolute;left:8px;right:8px;bottom:8px;z-index:4;padding:14px;border-radius:calc(var(--radius) - 4px);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity var(--dur-2) var(--ease),transform var(--dur-3) var(--ease-out),visibility 0s linear var(--dur-2)}.card.is-choosing .card__variants{opacity:1;visibility:visible;transform:none;transition-delay:0s}.card.is-choosing .card__quick{opacity:0;pointer-events:none}.card__variants-head{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:500;margin-bottom:10px}.card__variants-head button{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;margin:-6px -6px -6px 0}.card__variants-head button:hover{background:var(--surface)}.card__variants-head .icon{width:16px;height:16px}.card__variants-list{display:flex;flex-wrap:wrap;gap:6px}.card__variants-list button{min-height:36px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);font-size:.8125rem;font-weight:500;background:var(--cream);transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.card__variants-list button:hover:not([disabled]){background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.card__variants-list button[disabled]{opacity:.45;text-decoration:line-through;cursor:not-allowed}.card__info{padding-top:14px;display:flex;flex-direction:column;gap:3px}.card__vendor{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.card__title{font-family:var(--font-heading);font-variation-settings:var(--soft-axes);font-size:1.15rem;font-weight:420;line-height:1.25;letter-spacing:-.008em;margin:0}.card__title a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size var(--dur-3) var(--ease-out)}.card:hover .card__title a{background-size:100% 1px}.card__subtitle{font-size:.875rem;color:var(--text-muted);line-height:1.4}.card__price{margin-top:6px}@media(max-width:749px){.card__title{font-size:1.02rem}.card__badges{top:8px;left:8px}.badge{height:23px;padding:0 9px;font-size:.6875rem}.card__quick{right:8px;bottom:8px}.quick-add-btn{height:38px;min-width:38px;max-width:38px;padding:0 9px}.card__variants{left:6px;right:6px;bottom:6px;padding:12px}}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:.9688rem;font-weight:500;font-variant-numeric:tabular-nums}.price__compare{color:var(--text-soft);text-decoration:line-through;font-weight:400;font-size:.9em}.price--sale .price__current{color:var(--sale)}.price__unit{width:100%;font-size:.8125rem;font-weight:400;color:var(--text-muted)}.price--large{font-size:1.3rem}.slider{display:grid;grid-auto-flow:column;grid-auto-columns:var(--slide-w, 72%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);padding-left:var(--gutter);padding-right:var(--gutter);margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));scrollbar-width:none;overscroll-behavior-x:contain;list-style:none}.slider::-webkit-scrollbar{display:none}.slider>*{scroll-snap-align:start}@media(min-width:750px){.slider{--slide-w: 42%;gap:20px}}@media(min-width:990px){.slider--desktop-grid{grid-auto-flow:row;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:44px 20px}}.slider-nav{display:none;gap:8px}@media(min-width:990px){.slider-nav{display:flex}.slider--desktop-grid~.slider-nav{display:none}}.slider-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease)}.slider-nav button:hover:not([disabled]){background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.slider-nav button[disabled]{opacity:.35;cursor:default}.slider-nav .icon{width:18px;height:18px}
/*# sourceMappingURL=/cdn/shop/t/37/assets/components.css.map */