.floatingProductCard{isolation:isolate;width:18em;height:auto;color:var(--text);will-change:transform,opacity;font-size:.85em;position:relative}.floatingProductCard .sliderCard{z-index:2;isolation:isolate;border-radius:var(--radius-xl);background:var(--text);cursor:pointer;transform-origin:bottom;height:auto;transition:scale .3s var(--bounceEase);border:none;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.floatingProductCard .sliderCard:after{display:none}.floatingProductCard .sliderCard:hover{scale:1.02}.floatingProductCard .sliderCard:hover .cardGallery{aspect-ratio:1}.floatingProductCard .sliderCard .productImageWrapper{position:relative}.floatingProductCard .sliderCard .productImageWrapper .imageBottomBlur{z-index:3;bottom:-.5em}.floatingProductCard .sliderCard .details{z-index:9;height:fit-content;padding:var(--spacing-md);padding-top:var(--spacing-lg);color:var(--background);will-change:transform,opacity;border-radius:0;flex-direction:column;gap:.55em;margin-top:-5em;display:flex;position:relative}.floatingProductCard .sliderCard .details .info{flex-direction:column;align-items:flex-start;gap:.25em;height:fit-content;padding:0;display:flex}.floatingProductCard .sliderCard .details .info h3{width:100%;font-size:var(--font-lg);will-change:transform,opacity;font-weight:400}.floatingProductCard .sliderCard .details .info p{color:color-mix(in srgb,var(--background)60%,transparent);font-size:var(--font-sm);text-overflow:ellipsis;-webkit-line-clamp:2;will-change:transform,opacity;-webkit-box-orient:vertical;margin-left:.5em;font-weight:300;line-height:120%;display:-webkit-box;overflow:hidden}.floatingProductCard .sliderCard .details .priceRow{justify-content:space-between;align-items:center;width:100%;height:fit-content;display:flex}.floatingProductCard .sliderCard .details .priceElement{font-size:1.45em;font-weight:600;line-height:130%;gap:.1em!important}.floatingProductCard .sliderCard .details .priceElement b{font-size:.9em;font-weight:600}.floatingProductCard .sliderCard .iconBtn{color:var(--background);border-color:color-mix(in srgb,var(--background)78%,transparent);transition:all .3s var(--bounceEase)}.floatingProductCard .sliderCard .iconBtn:hover{scale:1.05}.floatingProductCard .sliderCard .iconBtn:hover .icon{transform:translate(5%,-5%)}.floatingProductCard .cardGallery{aspect-ratio:1.1;width:100%;height:auto;transition:aspect-ratio .3s var(--bounceEase);background:0 0;border-radius:0;position:relative;overflow:hidden}.floatingProductCard .cardGallery .cardGalleryImageLayer{z-index:1;width:100%;height:100%;position:absolute;inset:0}.floatingProductCard .cardGallery img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.floatingProductCard .cardSub{z-index:1;padding:var(--spacing-md);border-radius:var(--radius-xl);corner-shape:superellipse(1.3);color:var(--readableOnPrimary,var(--background));transform-origin:top;transition:scale .3s var(--bounceEase);will-change:transform,opacity;--secondary:color-mix(in srgb,var(--primary)85%,var(--readableOnPrimary));background:linear-gradient(150deg,var(--secondary)-15%,var(--primary)75%);margin-top:var(--spacing-sm);flex-direction:column;align-items:stretch;gap:1em;display:flex;position:relative;overflow:hidden}.floatingProductCard .cardSub .cardSubDecor{z-index:-1;filter:contrast()grayscale()opacity(.35);border-radius:var(--radius-xl);corner-shape:superellipse(1.3);mix-blend-mode:multiply;position:absolute;top:0;right:0;transform:translate(20%,30%)rotate(-15deg)}.floatingProductCard .cardSub:hover{scale:1.04}.floatingProductCard .cardSub:hover .addBtn{background:currentColor}.floatingProductCard .cardSub:hover .addBtn .addBtnContent{color:var(--primary)}.floatingProductCard .cardSub .subTextWrapper{width:100%}.floatingProductCard .cardSub .subTextWrapper p{font-size:var(--font-sm);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:300;line-height:140%;display:-webkit-box;overflow:hidden}.floatingProductCard .cardSub .subActionsRow{width:100%;height:var(--surfaceSize);flex-direction:row;justify-content:space-between;align-items:center;gap:.5em;display:flex}.floatingProductCard .cardSub .subActionsRow .subGallery{white-space:nowrap;transform-origin:100%;will-change:width,opacity,transform;direction:ltr;align-items:center;display:flex;overflow:visible}.floatingProductCard .cardSub .subActionsRow .subGallery .subGalleryItem{border:.2em solid var(--primary);corner-shape:superellipse(1.5);background:var(--text);will-change:transform,opacity;border-radius:35%;flex-shrink:0;width:3.5em;height:3.5em;margin-inline-end:-1.75em;position:relative;overflow:hidden}.floatingProductCard .cardSub .subActionsRow .subGallery .subGalleryItem:last-child{margin-inline-end:0}.floatingProductCard .cardSub .subActionsRow .subGallery .subGalleryItem img{object-fit:cover;width:100%;height:100%;display:block}.floatingProductCard .cardSub .subActionsRow .addBtnWrapper{will-change:transform,opacity;flex:1;justify-content:flex-end;min-width:0;display:flex}.floatingProductCard .cardSub .subActionsRow .addBtn{--surfaceSize:2.8em;min-width:var(--surfaceSize);width:var(--surfaceSize);height:var(--surfaceSize);border-radius:var(--radius-pill);color:currentColor;cursor:pointer;will-change:width;direction:rtl;background:0 0;border:1px solid;justify-content:flex-start;align-items:center;padding:0;font-size:1em;transition:background .3s;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0)}.floatingProductCard .cardSub .subActionsRow .addBtn .addBtnContent{white-space:nowrap;color:currentColor;flex-direction:row;justify-content:flex-start;align-items:center;width:max-content;height:100%;transition:color .3s;display:flex;position:relative}.floatingProductCard .cardSub .subActionsRow .addBtn .addBtnIconWrap{z-index:1;width:var(--surfaceSize);height:var(--surfaceSize);flex-shrink:0;justify-content:center;align-items:center;display:flex}.floatingProductCard .cardSub .subActionsRow .addBtn .addBtnIconWrap .icon,.floatingProductCard .cardSub .subActionsRow .addBtn .addBtnIconWrap svg{width:1.3em!important;height:1.3em!important}.floatingProductCard .cardSub .subActionsRow .addBtn .addBtnLabelWrap{will-change:width;flex-shrink:0;justify-content:flex-start;align-items:center;height:100%;display:inline-flex;overflow:hidden}.floatingProductCard .cardSub .subActionsRow .addBtn .addBtnLabelInner{white-space:nowrap;will-change:transform,opacity;flex-shrink:0;align-items:center;height:100%;padding-left:1em;padding-right:.5em;font-size:1em;font-weight:300;line-height:100%;display:inline-flex}.floatingProductCard .cardSub .subActionsRow .addBtn .addBtnMeasure{inset-inline-start:0;height:var(--surfaceSize);white-space:nowrap;visibility:hidden;pointer-events:none;align-items:center;padding-left:1em;padding-right:.5em;font-size:1em;font-weight:300;line-height:100%;display:inline-flex;position:absolute;top:0}.floatingProductCard .button.outline:not(.addBtn){--surfaceSize:2.4rem;color:var(--background);border-color:color-mix(in srgb,var(--background)78%,transparent);font-size:1em}.floatingProductCard .button.outline:not(.addBtn):hover{scale:1.05}.floatingProductCard .button.outline:not(.addBtn) .icon{transition:.3s var(--bounceEase)}
