.quickview{background:var(--color-background);padding:var(--space-8);max-height:100cqw;overflow:auto}@media(hover:none){.quickview{max-height:125cqw}}.quickview__options{display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);width:100%;list-style:none}@container(width>375px){.quickview__options{grid-template-columns:repeat(4,1fr)}
}.quickview__option{position:relative;height:100%;display:flex;align-items:center;justify-content:center;font:var(--font-body-2);text-transform:var(--font-body-2-text-transform);letter-spacing:var(--font-body-2-letter-spacing);padding:var(--space-8) var(--space-16);cursor:pointer;text-align:center;background:var(--color-brown-50);transition:color var(--transition-small),background-color var(--transition-small);width:100%}
@media(hover:hover) and (pointer:fine){.quickview__option:not(:disabled):hover{background:var(--color-tea-brown);color:var(--color-white)}}.quickview__option:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.quickview__option:disabled{cursor:not-allowed;text-decoration:none;color:var(--color-brown-300)}
.quickview__option:disabled::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cline x1='1' y1='0' x2='0' y2='1' stroke='%23d4c9b9' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C%2Fsvg%3E");background-size:100% 100%}.quickview__error{color:var(--color-red);margin-top:var(--space-12);font:var(--font-body-2);text-transform:var(--font-body-2-text-transform);letter-spacing:var(--font-body-2-letter-spacing)}
.quickview-drawer{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end}.quickview-drawer__wrapper{width:100%;transform:translateY(100%);transition:transform var(--transition-large);will-change:transform}.quickview-drawer[open] .quickview-drawer__wrapper{transform:translateY(0)}.quickview-drawer__panel{background:var(--color-background);border-radius:var(--space-16) var(--space-16) 0 0;overflow:hidden auto;max-height:80dvh;transform:translateY(var(--swipe-offset,0))}
.quickview-drawer__handle{display:flex;justify-content:center;padding:var(--space-12) var(--space-16);cursor:grab;touch-action:pan-y}.quickview-drawer__handle::before{content:"";display:block;width:40px;height:3px;background:var(--color-brown-600);border-radius:5px}.quickview-drawer .quickview{padding:0 var(--space-16) var(--space-24)}
.product-card{position:relative;display:flex;flex-direction:column;align-items:start;container-type:inline-size}.product-card:has(:focus-visible) .product-card__image--secondary{opacity:1}.product-card:has(:focus-visible) .product-card__badge-container{opacity:0}.product-card:has(:focus-visible) .product-card__quickview-trigger{text-decoration:none;opacity:1}
.product-card:has(:focus-visible) .product-card__swatches{opacity:1}.product-card:has(:focus-visible) .product-card__swatch-count{opacity:0}.product-card:has(:focus-visible) .product-card__badge-container{opacity:0}@media(hover:hover) and (pointer:fine){.product-card:hover .product-card__quickview-trigger{text-decoration:none;opacity:1}
.product-card:hover .product-card__swatches{opacity:1}.product-card:hover .product-card__swatch-count{opacity:0}.product-card:hover .product-card__badge-container{opacity:0}}.product-card__link{order:-1;display:block;width:100%;aspect-ratio:.8;position:relative}@media(hover:hover) and (pointer:fine){.product-card__link:hover .product-card__image--secondary{opacity:1}
}.product-card__image{transition:opacity var(--transition-large);opacity:1;width:100%;height:auto;aspect-ratio:.8;display:block;-o-object-fit:cover;object-fit:cover}.product-card__image--blank{background:var(--color-tea-cream)}.product-card__image--secondary{opacity:0;position:absolute;top:0;left:0;width:100%;transition:opacity var(--transition-large);background:var(--color-background)}
.product-card__quickview-wrapper{position:absolute;top:0;left:0;right:0;pointer-events:none;padding:var(--space-8);display:flex;align-items:end}@media(hover:none){.product-card__quickview-wrapper{display:none}}@media(hover:hover) and (pointer:fine){.product-card__quickview-wrapper:hover ~ .product-card__link .product-card__image--secondary{opacity:1}
}.product-card__quickview-trigger{display:block;width:100%;opacity:0;transition:opacity var(--transition-large);pointer-events:all;position:relative}.product-card__quickview-content{position:absolute;right:0;bottom:0;left:0;transition:opacity var(--transition-large),height var(--transition-large);overflow:hidden}
.product-card__quickview-button{--button-padding:var(--space-16) var(--space-32);min-width:0}.product-card__quickview-label{position:absolute;opacity:0}@media(min-width:1024px){.product-card__quickview-label{position:static;opacity:1}}.product-card__quickview-wrapper-mobile{display:none}@media(hover:none){.product-card__quickview-wrapper-mobile{display:block}
}.product-card__quickview-button-mobile{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50px;background:var(--color-tea-cream);justify-self:end}.product-card__quickview-button-mobile svg{display:block}.product-card__content{display:grid;gap:var(--space-10);padding:var(--space-20) var(--space-10) var(--space-4);width:100%}
.product-card__badge-container{position:absolute;bottom:0;left:0}.product-card__badge{font:var(--font-utility-small);text-transform:var(--font-utility-small-text-transform);letter-spacing:var(--font-utility-small-letter-spacing);color:var(--badge-text);background:var(--badge-background);padding:7px}.product-card__title{font:var(--font-plp-name);text-transform:var(--font-plp-name-text-transform);letter-spacing:var(--font-plp-name-letter-spacing);display:block}
.product-card__price-area{display:grid;gap:var(--space-2)}.product-card__price{font:var(--font-body-2);text-transform:var(--font-body-2-text-transform);letter-spacing:var(--font-body-2-letter-spacing);display:flex;align-items:center;gap:var(--space-4)}.product-card__price-range--original{color:var(--color-brown-600)}
.product-card__price-range--sale{color:var(--color-red)}.product-card__urgency-text{font:var(--font-body-small);text-transform:var(--font-body-small-text-transform);letter-spacing:var(--font-body-small-letter-spacing);color:var(--color-red)}.product-card__swatches-area{position:relative}.product-card__swatches{display:none;flex-wrap:wrap;gap:var(--space-8);border:0;padding:0;margin:0;backface-visibility:hidden;opacity:0;transition:opacity var(--transition-small)}
@media(hover:hover) and (pointer:fine){.product-card__swatches{display:flex}}.product-card__swatch-wrapper{cursor:pointer;position:relative}.product-card__swatches-more{font:var(--font-caption-3);text-transform:var(--font-caption-3-text-transform);letter-spacing:var(--font-caption-3-letter-spacing)}.product-card__swatch-input{position:absolute;opacity:0;pointer-events:none}
.product-card__swatch-input:checked ~ .product-card__swatch::after{opacity:1}.product-card__swatch-input:focus-visible ~ .product-card__swatch{outline:2px solid var(--color-focus);outline-offset:1px}.product-card__swatch{width:24px;height:24px;border-radius:100%;overflow:hidden;position:relative}.product-card__swatch::after{content:"";position:absolute;inset:0;border-radius:100%;box-shadow:inset 0 0 0 1px var(--color-tea-brown),inset 0 0 0 2px var(--color-background);opacity:0;transition:opacity var(--transition-small);pointer-events:none}
.product-card__swatch-inner{width:100%;height:100%;background-color:var(--swatch-color);border-radius:100%;overflow:hidden}.product-card__swatch-inner--placeholder{box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.43)}.product-card__swatch-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.product-card__swatch-count{font:var(--font-body-small);text-transform:var(--font-body-small-text-transform);letter-spacing:var(--font-body-small-letter-spacing);transition:opacity var(--transition-small)}
@media(hover:hover) and (pointer:fine){.product-card__swatch-count{top:0;left:0;position:absolute;pointer-events:none}}