.yq-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-cream-surface);color:var(--color-on-surface);transition:transform .3s var(--yq-ease),box-shadow .3s var(--yq-ease)}@media(hover:hover){.yq-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -16px #2c262338}}.yq-card__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--color-surface-variant)}.yq-card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.yq-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s var(--yq-ease),opacity .45s}.yq-card__image--secondary{opacity:0}@media(hover:hover){.yq-card:hover .yq-card__image--primary{transform:scale(1.05)}.yq-card:hover .yq-card__image--secondary{opacity:1}.yq-card:has(.yq-card__image--secondary):hover .yq-card__image--primary{opacity:0}}.yq-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(160deg,var(--color-cream-surface),var(--color-surface-container-high))}.yq-card__placeholder-svg{width:70%;height:auto;fill:var(--color-outline-variant);opacity:.8}.yq-card__badges{position:absolute;z-index:2;inset-block-start:12px;inset-inline-start:12px;max-width:calc(100% - 68px);display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.yq-card__badges .yq-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis}.yq-card__badges .money{font-variant-numeric:normal}.yq-card__wishlist{position:absolute;z-index:3;inset-block-start:8px;inset-inline-end:8px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--color-espresso);cursor:pointer}.yq-card__wishlist:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 3px #2c26231f;transition:transform .2s var(--yq-ease)}.yq-card__wishlist .icon{position:relative;transition:color .2s,fill .2s,transform .2s var(--yq-ease)}.yq-card__wishlist:hover .icon{color:var(--color-sale-crimson)}.yq-card__wishlist[aria-pressed=true] .icon{color:var(--color-sale-crimson);fill:var(--color-sale-crimson);transform:scale(1.08)}.yq-card__variants{position:absolute;z-index:4;inset-inline:8px;inset-block-end:8px;padding:var(--space-sm);border-radius:var(--radius-md);background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-tier-2)}.yq-card__variants[hidden]{display:none}.yq-card__variants-head{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--space-xs);color:var(--color-espresso)}.yq-card__variants-close{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.yq-card__variants-list{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto}.yq-card__variant{min-height:36px;min-width:44px;padding-inline:10px;border:1px solid var(--color-outline-variant);border-radius:var(--radius);background:#fff;color:var(--color-espresso);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.yq-card__variant:hover:not([disabled]){border-color:var(--color-brand-hover)}.yq-card__variant[disabled]{color:var(--color-outline);text-decoration:line-through;cursor:not-allowed;background:var(--color-surface-container-low)}.yq-card__body{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-sm);padding:12px}@media screen and (min-width:750px){.yq-card__body{padding:var(--space-md)}}.yq-card__info{min-width:0}.yq-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-block-end:4px;min-height:14px}.yq-card__subtitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Plus Jakarta Sans",var(--font-stack);font-size:11px;font-weight:500;line-height:14px;color:var(--color-taupe-dark)}.yq-card__dots{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin-inline-start:auto}.yq-dot{width:12px;height:12px;border-radius:50%;background:var(--dot, var(--color-outline-variant));box-shadow:inset 0 0 0 1px #2c26231f}.yq-dot.is-selected{box-shadow:0 0 0 1.5px var(--color-cream-surface),0 0 0 2.5px var(--color-champagne)}.yq-card__dots-more{font-size:10px;font-weight:600;color:var(--color-taupe-dark)}.yq-card__vendor{display:block;font-size:11px;color:var(--color-taupe-dark);text-transform:uppercase;letter-spacing:.08em}.yq-card__title{margin:0;font-size:14px;font-weight:700;line-height:calc(22px + var(--lh-ar-bump));color:var(--color-espresso);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width:750px){.yq-card__title{font-size:16px;line-height:calc(24px + var(--lh-ar-bump))}}.yq-card__link{color:inherit;text-decoration:none}.yq-card__link:hover{color:var(--color-primary)}.yq-card__desc{margin:4px 0 0;font-size:13px;line-height:calc(20px + var(--lh-ar-bump));color:var(--color-on-surface-variant);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:749px){.yq-card__desc{display:none}}.yq-card__rating{display:flex;align-items:center;gap:4px;margin-block-start:4px;font-size:12px;font-weight:600}.yq-card__footer{display:flex;flex-direction:column;gap:var(--space-sm)}.yq-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px var(--space-sm)}.yq-card__price-now{font-size:16px;font-weight:700;line-height:24px;color:var(--color-espresso);white-space:nowrap}@media screen and (min-width:750px){.yq-card__price-now{font-size:20px;line-height:28px}}.yq-card__price-was{font-size:13px;color:var(--color-outline);white-space:nowrap}.yq-card__actions{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:var(--space-xs)}.yq-card__actions--single{grid-template-columns:1fr}.yq-card__add{min-height:44px;padding-inline:var(--space-sm);font-size:12px}.yq-card__add.is-loading{opacity:.7;cursor:progress}@media screen and (min-width:750px){.yq-card__add{min-height:48px;font-size:13px}}.yq-card__wa{min-height:44px;width:100%;min-width:0}.yq-card--sold-out .yq-card__image{filter:grayscale(.35)}.yq-card--horizontal{flex-direction:row;align-items:stretch;border-radius:var(--radius-md)}.yq-card--horizontal .yq-card__media{width:96px;flex-shrink:0}.yq-card--horizontal .yq-card__body{padding:var(--space-sm) var(--space-md)}.yq-card--horizontal .yq-card__price-now{font-size:15px;line-height:22px}.yq-card--horizontal .yq-card__actions{grid-template-columns:1fr}.yq-card--horizontal .yq-card__add{min-height:40px}.yq-grid{--yq-cols-mobile: 2;--yq-cols-tablet: 3;--yq-cols-desktop: 3;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--yq-cols-mobile),minmax(0,1fr));gap:var(--gutter-mobile)}@media screen and (min-width:750px){.yq-grid{grid-template-columns:repeat(var(--yq-cols-tablet),minmax(0,1fr));gap:var(--gutter)}}@media screen and (min-width:1100px){.yq-grid{grid-template-columns:repeat(var(--yq-cols-desktop),minmax(0,1fr))}}.yq-grid__item{min-width:0}@media(prefers-reduced-motion:reduce){.yq-card,.yq-card__image{transition:none}}@media screen and (max-width:479px){.yq-card__add{white-space:normal;text-align:center;line-height:1.2;padding-inline:6px}.yq-card__add .icon{display:none}.yq-card__actions{grid-template-columns:minmax(0,1fr) 44px}}.yq-card__wa--full{width:100%;min-height:44px;gap:6px;font-size:12px;white-space:normal;text-align:center;line-height:1.2}.yq-card--sold-out,.yq-card--sold-out .yq-card__link{cursor:default}.yq-card--sold-out .yq-card__link:hover{color:inherit}@media(hover:hover){.yq-card--sold-out:hover{transform:none;box-shadow:none}.yq-card--sold-out:hover .yq-card__image--primary{transform:none;opacity:1}.yq-card--sold-out:hover .yq-card__image--secondary{opacity:0}}.yq-card__add.yq-btn--primary{background:var(--color-taupe)}.yq-card__add.yq-btn--primary:hover{background:var(--color-brand-hover)}.yq-card__dots{gap:2px}.yq-card__swatch{position:relative;width:26px;height:26px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.yq-card__swatch .yq-dot{width:14px;height:14px;transition:transform .2s var(--yq-ease),box-shadow .2s}.yq-card__swatch:hover .yq-dot{transform:scale(1.15)}.yq-card__swatch.is-selected .yq-dot{box-shadow:0 0 0 2px var(--color-cream-surface),0 0 0 3.5px var(--color-champagne)}.yq-card__swatch:focus-visible{outline:2px solid var(--color-champagne);outline-offset:0}.yq-card__swatch.is-unavailable .yq-dot{opacity:.45}.yq-card__swatch.is-unavailable:after{content:"";position:absolute;width:16px;height:1.5px;border-radius:2px;background:#2c26238c;transform:rotate(-45deg)}.yq-card__dots-more{text-decoration:none}.yq-card__image--primary.is-swapping{opacity:.55}@media(hover:hover){.yq-card--color-picked:hover .yq-card__image--secondary{opacity:0}.yq-card--color-picked:hover .yq-card__image--primary{opacity:1}}.yq-card__add[disabled]{opacity:.5;cursor:not-allowed}.yq-card__variant[hidden]{display:none}.yq-card__colour{display:flex;align-items:center;gap:4px;margin:2px 0 0;font-size:12px;font-weight:600;color:var(--color-espresso);animation:yqFadeIn .25s ease both}.yq-card__colour[hidden]{display:none}.yq-card__colour-label{font-weight:500;color:var(--color-taupe-dark)}@keyframes yqFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-yq-card.css.map */