.card-product{position:relative;display:flex;flex-direction:column;background:var(--card-bg, transparent);border-radius:var(--card-radius, 0px);border:var(--card-border-width, 0px) solid rgb(var(--card-border, var(--color-foreground)));overflow:hidden}.card-product__media{position:relative;width:100%;aspect-ratio:var(--card-ar, 1);overflow:hidden;background:transparent}.card-product__slide{display:block;width:100%;height:100%;text-decoration:none}.card-product__image{width:100%;height:100%;object-fit:cover;display:block}.card-product__gallery{display:flex;flex-wrap:nowrap;width:100%;height:100%;transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform}.card-product__gallery .card-product__slide{flex:0 0 100%;min-width:0}.card-product__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;opacity:.55;transition:opacity .15s ease,transform .15s ease}.card-product__nav:hover{opacity:1}.card-product__nav--prev{left:4px}.card-product__nav--next{right:4px}.card-product__nav svg{fill:none}.card-product__nav svg{width:22px;height:22px;display:block}.rtl .card-product__nav--prev{left:auto;right:4px}.rtl .card-product__nav--next{right:auto;left:4px}.card-product__bullets{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:6px}.card-product__bullet{width:22px;height:2px;padding:0;border:none;border-radius:0;background:rgba(var(--color-foreground),.3);cursor:pointer;transition:background-color .2s ease}.card-product__bullet.is-active{background:rgb(var(--color-foreground))}.card-product__badge{position:absolute;top:10px;left:10px;z-index:4;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:2px;background-color:var(--badge-bg, rgb(var(--color-foreground)));color:#fff;text-transform:uppercase;letter-spacing:.04em;font-weight:500;font-size:.72rem;line-height:1.5;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.card-product__badge-text{color:rgb(var(--color-button-text))}.card-product__badge.card-product__badge--tag{background-color:#0009;border:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-product__badge--tag .card-product__badge-text{color:rgb(var(--color-foreground))}.rtl .card-product__badge{left:auto;right:10px}@media screen and (max-width:999px){.card-product__badge{font-size:.6rem;padding:2px 8px}}.card-product__qabar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:stretch;gap:0;min-height:50px}.card-product__qabar-info{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:11px 12px;background:#00000057;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none}.card-product__qabar-info--thumb{padding-left:60px}.card-product__qabar-thumb{position:absolute;left:12px;bottom:6px;width:45px;height:65px;overflow:hidden;background:transparent;z-index:1}.card-product__qabar-thumb img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.card-product__qabar-text{min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.15}.card-product__qabar-title{font-family:var(--font-body-family);font-weight:700;font-size:.92rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-product__qabar-label{font-weight:400;color:#ffffffb3}.card-product__qabar-sub{font-family:var(--font-body-family);font-size:.75rem;color:rgb(var(--color-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-product__qa-wrap{position:relative;display:inline-flex;flex:0 0 auto}.card-product__qa-pop{position:absolute;right:0;bottom:calc(100% + 10px);z-index:6;display:flex;flex-direction:column;gap:6px;padding:8px;min-width:128px;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(var(--color-button),.7);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .3s cubic-bezier(.16,1,.3,1)}.card-product__qa-pop.is-open{opacity:1;transform:none;pointer-events:auto}.card-product__qa-group{display:flex;gap:6px}.card-product__qa-opt{flex:1 1 0;padding:8px 10px;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;font-family:var(--font-body-family);font-size:11px;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.card-product__qa-opt:hover{border-color:rgb(var(--color-button))}.card-product__qa-opt.is-active{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.card-product__qa-opt.is-unavailable{opacity:.35;text-decoration:line-through;pointer-events:none}@media screen and (max-width:749px){.card-product__qa-opt{padding:7px 8px;font-size:10px}}.card-product__info{padding:var(--card-details-padding, 12px);display:flex;flex-direction:column;gap:12px;text-align:left}@media screen and (max-width:749px){.card-product__info{padding-inline:0}}.card-product__headline{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card-product__title{margin:0;min-width:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.5rem;line-height:1.5;color:rgb(var(--color-foreground));text-transform:lowercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:999px){.card-product__title{font-size:1.15rem}}@media screen and (max-width:749px){.card-product__title{font-size:.9rem}}.card-product__title a{color:inherit;text-decoration:none}.card-product__title a:hover{text-decoration:underline;text-underline-offset:2px}.card-product__row2{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.card-product__meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.card-product__price-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.card-product__price{flex:0 0 auto;font-family:var(--font-body-family);font-weight:700;font-size:1.05rem;color:rgb(var(--color-button))}@media screen and (max-width:749px){.card-product__price{font-size:.875rem}}.card-product__compare{font-family:var(--font-body-family);font-weight:400;font-size:.82rem;color:rgba(var(--color-foreground),.5);text-decoration:line-through}.card-product__action{flex:0 0 auto}.card-product__qa{flex:0 0 auto;align-self:stretch;width:46px;display:inline-flex;align-items:center;justify-content:center;padding:0;background-color:rgb(var(--color-button));border:none;border-radius:0;cursor:pointer;text-decoration:none;position:relative;transition:transform .12s ease,filter .12s ease}.card-product__qa:hover{transform:scale(1.06)}.card-product__qa:active{transform:scale(.96)}.card-product__qa:disabled{cursor:wait;transform:none}.card-product__qa-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card-product__qa-icon,.card-product__qa-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.card-product__qa-icon svg{width:20px;height:20px;display:block;fill:none;stroke:rgb(var(--color-background))}@media screen and (max-width:999px){.card-product__qa-icon svg{width:16px;height:16px}}.card-product__qa-icon svg path,.card-product__qa-icon svg circle,.card-product__qa-icon svg line,.card-product__qa-icon svg polyline{stroke:rgb(var(--color-background));fill:none}.card-product__qa-spinner{opacity:0;pointer-events:none;animation:card-qa-spin 1.1s linear infinite}.card-product__qa-spinner svg{width:20px;height:20px;display:block}.card-product__qa-spinner svg circle{stroke:rgb(var(--color-background))}.card-product__qa:disabled .card-product__qa-icon{opacity:0}.card-product__qa:disabled .card-product__qa-spinner{opacity:1}@keyframes card-qa-spin{to{transform:rotate(360deg)}}.card-product__colors{display:flex;align-items:center;gap:4px;min-width:0}.card-product__colors-viewport{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.card-product__colors-viewport::-webkit-scrollbar{display:none}.card-product__colors--row{display:flex;align-items:center;gap:8px;width:max-content}.card-product__color-option{flex:0 0 auto;width:22px;height:22px;padding:0;border-radius:999px;border:1px solid rgba(var(--color-foreground),.25);background-color:var(--swatch-color, rgba(var(--color-foreground), .1));background-image:var(--swatch-image, none);background-size:cover;background-position:center;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.card-product__color-option:hover{transform:scale(1.08)}.card-product__color-option[aria-current=true]{box-shadow:0 0 0 2px rgb(var(--card-bg, var(--color-background))),0 0 0 4px rgb(var(--color-foreground))}.card-product__colors-arrow{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease}.card-product__colors-arrow svg{width:16px;height:16px;display:block}@media screen and (max-width:749px){.card-product__qabar{left:0;right:0;bottom:0;gap:0;min-height:32px}.card-product__qabar-info{padding:6px 8px;gap:6px}.card-product__qabar-info--thumb{padding-left:30px}.card-product__qabar-thumb{left:6px;bottom:4px;width:20px;height:38px}.card-product__qabar-title{font-size:.6rem}.card-product__qabar-sub{font-size:.52rem}.card-product__qa{width:30px}.card-product__qa-icon svg{width:30px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/card-product.css.map */