.cu-card{position:relative;display:grid;grid-template-rows:auto 1fr;gap:var(--cu-space-3);height:100%}.cu-card__media{aspect-ratio:var(--cu-ratio, 4 / 5)}.cu-card__img{transition:opacity var(--cu-dur-base) var(--cu-ease),transform var(--cu-dur-slow) var(--cu-ease)}.cu-card__img--hover{opacity:0}@media(hover:hover){.cu-card:hover .cu-card__media--hover .cu-card__img--hover{opacity:1}.cu-card:hover .cu-card__img:not(.cu-card__img--hover){transform:scale(var(--cu-hover-zoom))}.cu-card:hover .cu-card__media--hover .cu-card__img:not(.cu-card__img--hover){transform:none}}.cu-card__placeholder{fill:var(--cu-fg-muted);opacity:.25}.cu-card__badges{position:absolute;inset-block-start:var(--cu-space-2);inset-inline-start:var(--cu-space-2);z-index:2;display:flex;flex-wrap:wrap;gap:var(--cu-space-1);margin:0;padding:0;list-style:none;pointer-events:none}.cu-badge--soldout{background:var(--cu-paper);color:var(--cu-concrete);border-color:var(--cu-stone)}.cu-card__wish{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--cu-ink)}.cu-card__wish .cu-icon{width:22px;height:22px;padding:2px;border-radius:50%;background:#ffffffd9;box-sizing:content-box;transition:transform var(--cu-dur-fast) var(--cu-ease)}.cu-card__wish[aria-pressed=true] .cu-icon{fill:currentColor}.cu-card__wish:active .cu-icon{transform:scale(.88)}.cu-card__quick{position:absolute;inset-inline:var(--cu-space-2);inset-block-end:var(--cu-space-2);z-index:3}.cu-card__quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cu-space-2);width:100%;min-height:44px;padding:0 var(--cu-space-3);border:0;border-radius:var(--cu-radius-button);background:#fffffff0;color:var(--cu-ink);font-size:var(--cu-fs-label);font-weight:600;letter-spacing:.06em;text-transform:var(--cu-button-transform);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:lang(ar) .cu-card__quick-btn{letter-spacing:0}.cu-card__quick-btn .cu-icon{width:18px;height:18px}.cu-card__quick-btn:hover{background:var(--cu-ink);color:var(--cu-paper)}.cu-card__quick-btn[aria-busy=true]{opacity:.7;pointer-events:none}.cu-card__sizes-panel{display:none;padding:var(--cu-space-3);background:#fffffff7;color:var(--cu-ink);border-radius:var(--cu-radius-button);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cu-card__sizes-label{margin-block-end:var(--cu-space-2);font-size:var(--cu-fs-label);font-weight:600}.cu-card__size-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--cu-space-1);margin:0;padding:0;list-style:none}.cu-card__size{width:100%;min-height:44px;padding:0 var(--cu-space-1);border:1px solid var(--cu-stone);border-radius:var(--cu-radius-button);background:var(--cu-paper);color:var(--cu-ink);font-size:var(--cu-fs-small);font-weight:600;font-variant-numeric:tabular-nums}.cu-card__size:hover:not(:disabled){border-color:var(--cu-ink)}.cu-card__size:disabled{color:var(--cu-concrete);background:linear-gradient(to top right,transparent calc(50% - .5px),var(--cu-stone) 50%,transparent calc(50% + .5px)),var(--cu-bone);cursor:not-allowed}.cu-card__size[aria-busy=true]{background:var(--cu-ink);color:var(--cu-paper)}.cu-card__quick.is-open .cu-card__sizes-panel{display:block}.cu-card__quick.is-open .cu-card__quick-toggle{display:none}@media(hover:hover)and (pointer:fine){.cu-card__quick{opacity:0;transform:translateY(8px);transition:opacity var(--cu-dur-fast) var(--cu-ease),transform var(--cu-dur-fast) var(--cu-ease)}.cu-card:hover .cu-card__quick,.cu-card__quick:focus-within,.cu-card__quick.is-open{opacity:1;transform:none}.cu-card__quick[data-cu-quick] .cu-card__quick-toggle{display:none}.cu-card:hover .cu-card__quick[data-cu-quick] .cu-card__sizes-panel,.cu-card__quick[data-cu-quick]:focus-within .cu-card__sizes-panel{display:block}}.cu-card__info{display:grid;align-content:start;gap:var(--cu-space-1);min-width:0}.cu-card__title{font-family:var(--cu-font-body);font-size:var(--cu-fs-body);font-weight:600;font-stretch:100%;line-height:1.35;letter-spacing:0;text-transform:none}.cu-card__link{text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cu-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cu-card__link:focus-visible{outline:none}.cu-card__link:focus-visible:after{outline:2px solid var(--cu-fg);outline-offset:2px}.cu-card__rating{font-size:var(--cu-fs-label)}.cu-card__sizes{display:flex;flex-wrap:wrap;gap:0 var(--cu-space-2);color:var(--cu-fg-muted);font-size:var(--cu-fs-label);font-variant-numeric:tabular-nums}.cu-card__status{position:relative;z-index:2;font-size:var(--cu-fs-small);font-weight:600}.cu-card__status:empty{display:none}.cu-card__status a{text-decoration:underline}.cu-card__status.is-error{color:var(--cu-error)}.cu-card__remove{position:relative;z-index:2;justify-self:start;min-height:44px}@media(hover:hover){.cu-card__media{transition:box-shadow var(--cu-dur-base) var(--cu-ease)}.cu-card:hover .cu-card__media{box-shadow:var(--cu-shadow-card)}}.cu-rail{display:grid;gap:var(--cu-space-6) var(--cu-gap-mobile);margin:0;padding:0;list-style:none}.cu-rail--grid{grid-template-columns:repeat(var(--cu-cols-mobile, 2),minmax(0,1fr))}.cu-rail--scroll{position:relative;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--cu-gap-mobile) * (var(--cu-cols-mobile, 1) - 1)) / (var(--cu-cols-mobile, 1) + .45));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--cu-margin-mobile);margin-inline:calc(-1 * var(--cu-margin-mobile));padding-inline:var(--cu-margin-mobile);padding-block-end:var(--cu-space-2);scrollbar-width:none}.cu-rail--scroll::-webkit-scrollbar{display:none}.cu-rail--scroll .cu-rail__item{scroll-snap-align:start}@media screen and (max-width:989px){.js.cu-motion .cu-rail--scroll [data-cu-reveal],.js.cu-motion .cu-ugc__grid [data-cu-reveal]{opacity:1;transform:none}}@media screen and (min-width:750px){.cu-rail--scroll{grid-auto-columns:calc((100% - var(--cu-gap-mobile) * (var(--cu-cols-tablet, 3) - 1)) / (var(--cu-cols-tablet, 3) + .3))}.cu-rail--grid{grid-template-columns:repeat(var(--cu-cols-tablet, 3),minmax(0,1fr))}}@media screen and (min-width:990px){.cu-rail,.cu-rail--scroll,.cu-rail--grid{grid-auto-flow:row;grid-template-columns:repeat(var(--cu-cols-desktop, 4),minmax(0,1fr));gap:var(--cu-space-7) var(--cu-gap-desktop);overflow:visible;margin-inline:0;padding-inline:0}}.cu-card__vendor{margin-block-end:2px;font-size:.6875rem}
/*# sourceMappingURL=/cdn/shop/t/11/assets/cu-product-card.css.map */