.shopify-section.section-figma-promo-product-cards{overflow:visible}.figma-promo-products{background:var(--figma-promo-bg, #ffffff);color:var(--figma-promo-text, #171717);overflow:visible;width:100%}.figma-promo-products *{box-sizing:border-box}.figma-promo-products__inner{margin:0 auto;max-width:calc(var(--figma-promo-max-width, 1426px) + 48px);padding:var(--figma-promo-padding-top, 0) 24px var(--figma-promo-padding-bottom, 0)}.figma-promo-products__layout{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(360px,584px) minmax(280px,341px) minmax(320px,428px);justify-content:center;min-height:var(--figma-promo-height, 584px)}.figma-promo-products__media-column{border-radius:12px;height:min(var(--figma-promo-main-size, 584px),var(--figma-promo-height, 584px));overflow:hidden;position:relative;width:100%}.figma-promo-products__media-layer,.figma-promo-products__details{opacity:0;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;visibility:hidden}.figma-promo-products__media-layer{top:0;right:0;bottom:0;left:0;position:absolute}.figma-promo-products__media-layer[data-active=true],.figma-promo-products__details[data-active=true]{opacity:1;pointer-events:auto;visibility:visible}.figma-promo-products__carousel,.figma-promo-products__slides,.figma-promo-products__slide{border-radius:12px;height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;width:100%}.figma-promo-products__slide{opacity:0;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;visibility:hidden}.figma-promo-products__slide[data-active=true]{opacity:1;pointer-events:auto;visibility:visible}.figma-promo-products__main-media,.figma-promo-products__main-placeholder{background:#d9d9d9;border-radius:12px;height:100%;overflow:hidden;width:100%}.figma-promo-products__main-media img{display:block;height:100%;object-fit:cover;width:100%}.figma-promo-products__arrow{align-items:center;-webkit-appearance:none;appearance:none;background:#ffffff2e;border:2px solid #ffffff;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:45px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .16s ease,transform .16s ease;width:45px;z-index:4}.figma-promo-products__arrow:hover{background:#ffffff52;transform:translateY(-50%) scale(1.04)}.figma-promo-products__arrow:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.figma-promo-products__arrow svg{display:block;height:26px;width:26px}.figma-promo-products__arrow path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.figma-promo-products__arrow--prev{left:16px}.figma-promo-products__arrow--next{right:16px}.figma-promo-products__main-placeholder{align-items:center;color:#777776;display:flex;font-family:Inter,Arial,sans-serif;font-size:14px;justify-content:center}.figma-promo-products__dots{align-items:center;bottom:13px;display:flex;gap:4px;justify-content:center;left:50%;position:absolute;transform:translate(-50%);z-index:3}.figma-promo-products__dot{-webkit-appearance:none;appearance:none;background:#43434280;border:0;border-radius:999px;cursor:pointer;display:block;height:4px;padding:0;width:6px}.figma-promo-products__dot[data-active=true]{background:#434342;width:20px}.figma-promo-products__dot:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.figma-promo-products__details-column{min-height:var(--figma-promo-height, 584px);position:relative}.figma-promo-products__details{display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;min-height:100%;position:absolute}.figma-promo-products__title{color:var(--figma-promo-text, #171717);font-family:Inter,Arial,sans-serif;font-size:26px;font-weight:700;line-height:1.2;margin:0}.figma-promo-products__description{color:var(--figma-promo-muted, #434342);font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.25;margin:7px 0 0}.figma-promo-products__price-group{margin-top:34px}.figma-promo-products__price-label,.figma-promo-products__spec-label{color:#777776;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:0;line-height:1.2;margin:0;text-transform:uppercase}.figma-promo-products__price{color:var(--figma-promo-accent, #1f377c);font-family:Inter,Arial,sans-serif;font-size:28px;font-weight:700;line-height:1.2;margin:0}.figma-promo-products__color-row{align-items:flex-start;align-self:flex-start;color:var(--figma-promo-muted, #434342);display:flex;flex-direction:column;gap:6px;margin-top:8px;max-width:100%;width:fit-content}.figma-promo-products__color{flex:0 1 auto;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.25;margin:0}.figma-promo-products__swatch{align-items:center;background:var(--figma-promo-swatch-background, transparent);border-radius:2px;display:inline-flex;flex:0 0 29px;height:29px;justify-content:center;line-height:0;margin-left:47px;overflow:hidden;width:29px}.figma-promo-products__swatch img{display:block;height:100%;object-fit:cover;width:100%}.figma-promo-products__features{color:var(--figma-promo-muted, #434342);display:grid;gap:16px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.25;list-style:none;margin:36px 0 0;padding:0}.figma-promo-products__features li{align-items:start;display:grid;gap:14px;grid-template-columns:8px minmax(0,1fr)}.figma-promo-products__features li:before{background:var(--figma-promo-accent, #1f377c);border-radius:999px;content:"";display:block;height:6px;margin-top:5px;width:6px}.figma-promo-products__specs{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.figma-promo-products__spec{background:var(--figma-promo-soft-bg, #f3f6fd);border-radius:6px;min-height:59px;padding:12px 13px 10px}.figma-promo-products__spec-value{color:var(--figma-promo-text, #171717);font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.2;margin:4px 0 0}.figma-promo-products__cta{align-items:center;align-self:flex-start;background:var(--figma-promo-accent, #1f377c);border-radius:999px;color:#fff;display:inline-flex;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:700;justify-content:center;line-height:1.2;margin-top:auto;min-height:40px;min-width:138px;padding:10px 28px;text-decoration:none;transition:background-color .16s ease,transform .16s ease}.figma-promo-products__cta:hover{background:#172b63;color:#fff;transform:translateY(-1px)}.figma-promo-products__cta:focus-visible,.figma-promo-products__card:focus-visible{outline:2px solid #111111;outline-offset:4px}.figma-promo-products__cta--disabled{cursor:default;opacity:.55;pointer-events:none}.figma-promo-products__cards-column{display:grid;gap:24px;margin:-8px;padding:8px}.figma-promo-products__card{align-items:stretch;-webkit-appearance:none;appearance:none;background:#fff;border:1px solid var(--figma-promo-border, #777776);border-radius:12px;color:inherit;cursor:pointer;display:grid;gap:22px;grid-template-columns:128px minmax(0,1fr);min-height:var(--figma-promo-card-height, 178px);padding:24px;position:relative;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:100%}.figma-promo-products__card:after{border:2px solid transparent;border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;transition:border-color .16s ease;z-index:2}.figma-promo-products__card[data-active=true],.figma-promo-products__card:hover{border-color:transparent;box-shadow:0 12px 28px #1f377c1f}.figma-promo-products__card[data-active=true]:after,.figma-promo-products__card:hover:after{border-color:var(--figma-promo-accent, #1f377c)}.figma-promo-products__card:hover{transform:translateY(-3px)}.figma-promo-products__card-media{align-items:center;background:#d9d9d9;border-radius:6px;display:flex;height:127px;justify-content:center;overflow:hidden;width:128px}.figma-promo-products__card-media img{display:block;height:100%;object-fit:cover;transition:transform .22s ease;width:100%}.figma-promo-products__card:hover .figma-promo-products__card-media img{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.figma-promo-products__card,.figma-promo-products__card:after,.figma-promo-products__card-media img{transition:none}.figma-promo-products__card:hover,.figma-promo-products__card:hover .figma-promo-products__card-media img{transform:none}}.figma-promo-products__card-content{display:flex;flex-direction:column;justify-content:center;min-width:0}.figma-promo-products__card-title{color:var(--figma-promo-text, #171717);display:block;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.25}.figma-promo-products__card-color{color:var(--figma-promo-muted, #434342);display:block;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.25;margin-top:4px}.figma-promo-products__card-price{color:var(--figma-promo-text, #171717);display:block;font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.2;margin-top:auto;padding-top:18px}.figma-promo-products__empty{align-items:center;background:#f5f5f5;border-radius:12px;color:#777776;display:flex;font-family:Inter,Arial,sans-serif;font-size:14px;justify-content:center;min-height:240px}@media(max-width:1023px){.figma-promo-products__layout{grid-template-columns:minmax(320px,1fr) minmax(280px,.75fr)}.figma-promo-products__cards-column{grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.figma-promo-products__card{grid-template-columns:96px minmax(0,1fr);min-height:144px;padding:18px}.figma-promo-products__card-media{height:96px;width:96px}}@media(min-width:1024px)and (max-width:1366px){.figma-promo-products__layout{gap:20px;grid-template-columns:minmax(300px,584px) minmax(240px,341px) minmax(260px,428px)}}@media(min-width:750px)and (max-width:1023px){.figma-promo-products__layout{gap:24px;grid-template-columns:minmax(320px,584px) minmax(280px,341px)}.figma-promo-products__cards-column{display:grid;gap:12px;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:900px;order:-1;padding:4px;width:100%}.figma-promo-products__card{align-items:start;gap:10px;grid-template-columns:1fr;height:auto;min-height:0;padding:12px}.figma-promo-products__card-media{aspect-ratio:1 / 1;height:auto;width:100%}.figma-promo-products__card-content{justify-content:start;width:100%}.figma-promo-products__card-title{display:block;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-promo-products__card-color{display:none}.figma-promo-products__card-price{font-size:18px;padding-top:8px}}@media(max-width:749px){.figma-promo-products__inner{padding:var(--figma-promo-mobile-padding-top, 28px) 18px var(--figma-promo-mobile-padding-bottom, 32px)}.figma-promo-products__layout{display:flex;flex-direction:column;gap:22px;min-height:0}.figma-promo-products__media-column{aspect-ratio:1 / 1;height:auto;max-height:none;width:100%}.figma-promo-products__details-column{min-height:0;position:static;width:100%}.figma-promo-products__details{display:none;position:static}.figma-promo-products__details[data-active=true]{display:flex}.figma-promo-products__title{font-size:24px}.figma-promo-products__price-group{margin-top:24px}.figma-promo-products__features{gap:12px;margin-top:24px}.figma-promo-products__specs{margin-top:24px}.figma-promo-products__cta{align-self:stretch;margin-top:26px;width:100%}.figma-promo-products__cards-column{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:600px;order:-1;padding:4px;width:100%}.figma-promo-products__card{align-items:start;gap:8px;grid-template-columns:1fr;height:auto;min-height:0;padding:8px}.figma-promo-products__card-media{aspect-ratio:1 / 1;height:auto;width:100%}.figma-promo-products__card-content{justify-content:start;width:100%}.figma-promo-products__card-title{display:block;font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-promo-products__card-color{display:none}.figma-promo-products__card-price{font-size:15px;padding-top:6px}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/figma-promo-product-cards.css.map */