.X_i{container-type:inline-size}.X_i a{text-decoration:none!important}.X_i:is(.X_e7,.X_e9,.X_fb){position:relative;display:flex;flex-direction:column;gap:.5rem}@media(min-width:1024px){.X_e7{max-width:19.25rem}}@media(min-width:1280px){.X_e7{max-width:26rem}}.X_fe .X_bs{opacity:.5}.X_fb .X_fg{position:absolute;bottom:.5rem;left:.5rem;z-index:10;margin-top:.5rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}@media(min-width:1024px){.X_fb .X_fg{bottom:1rem;left:1rem}}:is(.X_fb .X_fg)>*{height:1.5rem;padding:.25rem .5rem;line-height:1rem}.X_fb .X_fi{font-size:1.125rem;--un-text-opacity:1;color:rgb(var(--neutral-primary) / var(--un-text-opacity));line-height:1.5rem;display:flex;align-items:baseline;gap:.5rem}.X_fb .X_fi del{font-size:.75rem;--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));font-weight:400;line-height:1.5rem;line-height:1rem;font-family:var(--font-secondary);font-family:.8125rem;text-decoration-line:line-through}.X_fb .X_fi ins{--un-text-opacity:1;color:rgb(var(--additional-quaternary) / var(--un-text-opacity));font-weight:700;text-decoration:none}.X_fb .X_fi span{font-weight:700}@container (min-width: 260px){:is(.X_e7,.X_fb) .X_fk{display:grid;margin-top:.25rem;gap:.25rem;column-gap:.5rem}:is(.X_e7,.X_fb) .X_fm{grid-column:span 2/span 2}:is(.X_e7,.X_fb) .X_fo{margin-top:0}:is(:is(.X_e7,.X_fb) .X_fi)>span{order:2}:is(:is(.X_e7,.X_fb) .X_fi)>del{order:1}.X_e7 .X_fg{position:absolute;bottom:5rem;left:1rem;z-index:10;margin:0}}.X_fq{position:relative}.X_bs{display:flex;border-width:1px;--un-border-opacity:1;border-color:rgb(var(--border-card-primary) / var(--un-border-opacity));display:block;overflow:hidden;border-radius:var(--radius-frame);padding:.5rem;text-decoration:none}.X_bs:hover,.X_bs:focus{--un-border-opacity:1;border-color:rgb(var(--border-card-secondary) / var(--un-border-opacity))}.X_bs>span{display:block}.X_bs img{margin:0}.X_bs picture+picture{display:none}.X_bs picture{display:block}@media(min-width:1024px){.X_bs.X_fs:hover picture+picture{display:block}}@media(min-width:1024px){.X_bs.X_fs:hover picture{display:none}}.X_fb .X_bs{border-style:none;padding:0}.X_fo{font-size:.875rem;font-weight:400;line-height:1.5rem;font-family:var(--font-secondary);margin-top:.25rem;--un-text-opacity:1;color:rgb(var(--neutral-secondary) / var(--un-text-opacity));text-decoration:none}.X_fo:hover{--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity))}.X_e7 .X_fg{margin-bottom:.5rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem}.X_e7 .X_fo{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:.875rem;font-weight:400;line-height:1.5rem;font-family:var(--font-secondary)}.X_e7 .X_fi{font-size:1.125rem;--un-text-opacity:1;color:rgb(var(--neutral-primary) / var(--un-text-opacity));line-height:1.5rem;display:flex;align-items:baseline;gap:.5rem}.X_e7 .X_fi del{font-size:.75rem;--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));font-weight:400;line-height:1.5rem;line-height:1rem;font-family:var(--font-secondary);font-family:.8125rem;text-decoration-line:line-through}.X_e7 .X_fi ins{--un-text-opacity:1;color:rgb(var(--additional-quaternary) / var(--un-text-opacity));font-weight:700;text-decoration:none}.X_e7 .X_fi span{font-weight:700}.X_fu{--un-bg-opacity:1 !important;background-color:rgb(var(--additional-quaternary) / var(--un-bg-opacity))!important}.X_fk{display:flex;flex-direction:column}.X_fi{margin-top:auto!important;padding-top:.375rem!important}.X_fm{font-size:.75rem;font-weight:400;line-height:1.125rem;font-family:var(--font-secondary)}.X_fm a{--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));text-decoration:none}.X_fm a:hover,.X_fm a:focus{--un-text-opacity:1;color:rgb(var(--neutral-secondary) / var(--un-text-opacity))}.X_fw{margin-top:1.25rem;height:3rem}.X_fy{opacity:1;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.X_fy.X_fA,.X_fy.X_fC{opacity:0}.X_e9{position:relative;max-width:26.5rem}.X_e9 .X_bs{margin-bottom:.75rem;border-width:0px;border-radius:var(--radius-frame);padding:0}.X_e9 .X_fg{margin-bottom:.5rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem}:is(.X_e9 .X_fg)>div{margin:0}.X_e9 .X_fk{place-content:start;flex:1}.X_e9 .X_fo{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:.875rem;font-weight:400;line-height:1.5rem;font-family:var(--font-secondary);margin-top:0;height:auto}.X_e9 .X_fi{font-size:1.125rem;--un-text-opacity:1;color:rgb(var(--neutral-primary) / var(--un-text-opacity));line-height:1.5rem;margin-top:.5rem}.X_e9 .X_fi del{font-size:.75rem;--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));font-weight:400;line-height:1.5rem;line-height:1rem;font-family:var(--font-secondary);font-family:.8125rem;text-decoration-line:line-through}.X_e9 .X_fi ins{--un-text-opacity:1;color:rgb(var(--additional-quaternary) / var(--un-text-opacity));font-weight:700;text-decoration:none}.X_e9 .X_fi span{font-weight:700}.X_fF{position:relative;display:flex;flex-direction:column;gap:.5rem}.X_fF .X_fg{position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.X_fF .X_fo{margin-top:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;font-size:1rem;font-weight:400;line-height:1.625rem;font-family:var(--font-secondary)}.X_fF .X_fy{margin-top:1rem}.X_fH{position:relative;display:flex;flex-direction:column;gap:.5rem}.X_fH .X_fg{position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.X_fH .X_fo{margin-top:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;font-size:.875rem;font-weight:400;line-height:1.5rem;font-family:var(--font-secondary)}.X_fH .X_fy{margin-top:1rem}.X_fH .X_fi{font-size:1.125rem;--un-text-opacity:1;color:rgb(var(--neutral-primary) / var(--un-text-opacity));line-height:1.5rem;display:flex;align-items:baseline}.X_fH .X_fi del{font-size:.75rem;--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));font-weight:400;line-height:1.5rem;line-height:1rem;font-family:var(--font-secondary);font-family:.8125rem;text-decoration-line:line-through}.X_fH .X_fi ins{--un-text-opacity:1;color:rgb(var(--additional-quaternary) / var(--un-text-opacity));font-weight:700;text-decoration:none}.X_fH .X_fi span{font-weight:700}.X_fH .X_fJ{display:grid;grid-template-columns:minmax(5rem,6rem) auto}.X_fH .X_fJ input{min-width:auto}@container (min-width: 270px){.X_fF .X_fo{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:1rem;font-weight:400;line-height:1.625rem;font-family:var(--font-secondary)}.X_fH .X_fo{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:.875rem;font-weight:400;line-height:1.5rem;font-family:var(--font-secondary)}}@container (max-width: 230px){.X_fH .X_fJ{gap:.5rem}.X_fH .X_fg{position:static;max-height:4.5rem;overflow:hidden;padding-top:1rem}.X_fH .X_fi{flex-direction:column!important;gap:0px!important}.X_fH .X_fk{justify-content:space-between}}:is(.X_fF,.X_fL,.X_fH) .X_fk{flex:1 1 0%;gap:.5rem}:is(.X_fF,.X_fL,.X_fH) .X_fi{margin-top:0;gap:1rem}:is(:is(.X_fF,.X_fL,.X_fH) .X_fi) ins,:is(:is(.X_fF,.X_fL,.X_fH) .X_fi) span{font-weight:700}:is(.X_fF,.X_fL,.X_fH) .X_fg{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem}:is(:is(.X_fF,.X_fL,.X_fH) .X_fg)>div{font-size:.75rem;font-weight:400;line-height:1.5rem;font-family:var(--font-secondary);padding:.25rem .5rem;--un-text-opacity:1;color:rgb(var(--text-on-accent-primary) / var(--un-text-opacity));font-weight:700}.X_fL{max-width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;column-gap:1.5rem}.X_fL .X_fo{margin-top:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:1rem;font-weight:400;line-height:1.625rem;font-family:var(--font-secondary)}.X_fL .X_fy{align-self:flex-end}.X_fL .X_bs{max-width:6.125rem}.X_fL .X_fN{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}.X_fL .X_fP{width:2rem;height:2rem}:is(.X_fL .X_fP)>span{width:1rem;height:1rem}.X_fR{--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));font-size:.75rem;font-weight:400;line-height:1.5rem;font-family:var(--font-secondary)}.X_fT{--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;font-size:.75rem;font-weight:400;line-height:1.5rem;font-family:var(--font-secondary)}.X_fV{grid-template-areas:"picture header" "content content" "addToCart addToCart";display:grid;grid-template-columns:31% 1fr;position:relative;border-width:1px;--un-border-opacity:1;border-color:rgb(var(--border-card-primary) / var(--un-border-opacity));border-radius:.25rem}.X_fV:hover,.X_fV:focus{--un-border-opacity:1;border-color:rgb(var(--border-card-secondary) / var(--un-border-opacity))}@media(min-width:768px){.X_fV{grid-template-areas:"picture header addToCart" "picture content addToCart";column-gap:5.5%;grid-template-columns:23% 1fr 33%}}.X_fV .X_fq{grid-row:span 2/span 2;margin:1rem;display:flex;flex-direction:column;gap:.5rem;grid-area:picture}@media(min-width:768px){.X_fV .X_fq{margin-right:0}}.X_fV .X_bs{padding:0}.X_fV .X_bs{border-color:transparent}.X_fV .X_fw{grid-area:addToCart;grid-row:span 2/span 2;margin:0;height:auto;border-top-width:1px;--un-border-opacity:1;border-color:rgb(var(--border-card-primary) / var(--un-border-opacity));flex-grow:1}@media(min-width:768px){.X_fV .X_fw{border-top-width:0px;border-left-width:1px}}.X_fV .X_fy{padding:1.5rem}.X_fV .X_fo{font-size:.875rem;font-weight:400;line-height:1.5rem;font-family:var(--font-secondary);margin-top:0}:is(.X_fV .X_fo):before{width:23%}.X_fV .X_fX{padding-top:1rem;padding-right:1.5rem}@media(min-width:768px){.X_fV .X_fX{padding-right:0}}.X_fV .X_fk{width:100%;display:flex;flex-direction:column;padding:1rem 1.5rem;grid-area:content}@media(min-width:768px){.X_fV .X_fk{padding-left:0;padding-right:0}}.X_fV .X_fZ{display:flex;flex-direction:column;gap:.25rem;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(var(--border-card-primary) / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(var(--fill-secondary) / var(--un-bg-opacity));padding:1rem 1.5rem}.X_fV .X_fi{font-size:1.125rem;--un-text-opacity:1;color:rgb(var(--neutral-primary) / var(--un-text-opacity));line-height:1.5rem;margin-top:0;display:flex;align-items:baseline;gap:.5rem}.X_fV .X_fi del{font-size:.75rem;--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));font-weight:400;line-height:1.5rem;line-height:1rem;font-family:var(--font-secondary);font-family:.8125rem;text-decoration-line:line-through}.X_fV .X_fi ins{--un-text-opacity:1;color:rgb(var(--additional-quaternary) / var(--un-text-opacity));font-weight:700;text-decoration:none}.X_fV .X_fi span{font-weight:700}.X_fV .X_fm{margin-top:.5rem}.X_f1{display:grid;gap:.25rem;grid-template-columns:1fr 1fr}.X_f3{display:grid;align-items:center;gap:1rem;border-width:1px;--un-border-opacity:1;border-color:rgb(var(--border-card-primary) / var(--un-border-opacity));border-radius:var(--radius-frame);padding:1rem;grid-template-areas:"picture name" "metadata metadata" "actions actions"}.X_f3 .X_fq{grid-area:picture}.X_f3 .X_fo{grid-area:name;margin:0;display:flex;flex-direction:column;--un-text-opacity:1;color:rgb(var(--neutral-primary) / var(--un-text-opacity))}.X_f3 .X_fg{margin-top:.5rem;max-width:20rem;display:flex;flex-wrap:wrap;gap:.25rem}.X_f3 .X_fk{grid-area:metadata;display:flex;flex-direction:column}.X_f3 .X_fi{font-size:1.125rem;--un-text-opacity:1;color:rgb(var(--neutral-primary) / var(--un-text-opacity));line-height:1.5rem;display:flex;flex-direction:column;gap:0px}.X_f3 .X_fi del{font-size:.75rem;--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));font-weight:400;line-height:1.5rem;line-height:1rem;font-family:var(--font-secondary);font-family:.8125rem;text-decoration-line:line-through}.X_f3 .X_fi ins{--un-text-opacity:1;color:rgb(var(--additional-quaternary) / var(--un-text-opacity));font-weight:700;text-decoration:none}.X_f3 .X_fi span{font-weight:700}:is(.X_f3 .X_fi) ins,:is(.X_f3 .X_fi) span{font-weight:700}.X_f3 .X_bs{min-width:3.5rem;border-style:none;padding:0}@media(min-width:768px){.X_f3 .X_bs{min-width:5rem}}.X_f3 .X_fP{position:static;min-width:3rem}.X_f3 .X_f5{--un-text-opacity:1;color:rgb(var(--neutral-secondary) / var(--un-text-opacity))}.X_f3 .X_f7,.X_f3 .X_f9,.X_f3 .X_fm{font-size:.875rem;font-weight:400;line-height:1.5rem;font-family:var(--font-secondary);--un-text-opacity:1;color:rgb(var(--neutral-primary) / var(--un-text-opacity));font-weight:700}.X_f3 .X_fy{grid-area:actions;display:flex;gap:.5rem}@media(max-width:1023px){.X_f3 .X_f9,.X_f3 .X_f7,.X_f3 .X_fZ{display:flex;align-items:center;justify-content:space-between}.X_f3 .X_gb{position:relative;z-index:10;height:3rem;width:3rem;cursor:pointer;--un-bg-opacity:1;background-color:rgb(var(--fill-primary) / var(--un-bg-opacity));top:unset;right:unset}.X_f3 .X_f9:before,.X_f3 .X_f7:before,.X_f3 .X_fZ:before{content:attr(data-name);font-size:.75rem;line-height:1.5rem;font-family:var(--font-secondary);--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));font-weight:400}}@media(min-width:1024px){.X_f3{grid-template-areas:"picture name metadata actions";grid-template-columns:min-content auto minmax(10rem,18rem) minmax(0,12rem)}.X_f3 .X_fZ{grid-area:price}.X_f3 .X_fk{height:100%;flex-direction:row;align-items:center;justify-content:flex-end;gap:1rem}.X_f3 .X_gb{position:relative;z-index:10;height:3rem;width:3rem;min-width:2rem;cursor:pointer;--un-bg-opacity:1;background-color:rgb(var(--fill-primary) / var(--un-bg-opacity));top:unset;right:unset}.X_f3 .X_fk>*{width:100%;max-width:6rem;display:flex;align-items:center}.X_f3 .X_fo,.X_f3 .X_fm,.X_f3 .X_f7,.X_f3 .X_f9,.X_f3 .X_fZ{position:relative;height:100%}:is(.X_f3:first-of-type .X_fo,.X_f3:first-of-type .X_fm,.X_f3:first-of-type .X_f9,.X_f3:first-of-type .X_f7,.X_f3:first-of-type .X_fZ):before{content:attr(data-name);font-size:.75rem;line-height:1.5rem;font-family:var(--font-secondary);position:absolute;top:-2.75rem;display:block;white-space:nowrap;--un-text-opacity:1;color:rgb(var(--neutral-tertiary) / var(--un-text-opacity));font-weight:400}}.X_ge{margin-left:.25rem;--un-text-opacity:1;color:rgb(var(--additional-primary) / var(--un-text-opacity))}.X_b5{width:1.25rem;height:1.25rem}.X_gb{position:absolute;right:.5rem;top:3rem;z-index:10;height:3rem;width:3rem;display:flex;align-items:center;justify-content:center}
