.product-showcase-grid{--showcase-background: oklch(.995 .002 225);--showcase-card-background: oklch(.965 .008 225);--showcase-text: oklch(.18 .018 230);--showcase-muted: oklch(.46 .015 230);--showcase-button: oklch(.67 .17 230);--showcase-button-text: oklch(.995 .002 225);width:100%;margin-block-start:calc(var(--showcase-margin-top, 0px) * .5);margin-block-end:calc(var(--showcase-margin-bottom, 0px) * .5);padding-block-start:calc(var(--showcase-padding-top, 64px) * .5);padding-block-end:calc(var(--showcase-padding-bottom, 64px) * .5);background:var(--showcase-background);color:var(--showcase-text)}@media screen and (min-width:768px){.product-showcase-grid{margin-block-start:var(--showcase-margin-top, 0px);margin-block-end:var(--showcase-margin-bottom, 0px);padding-block-start:var(--showcase-padding-top, 64px);padding-block-end:var(--showcase-padding-bottom, 64px)}}.product-showcase-grid__inner{display:grid;gap:16px}.product-showcase-grid__heading{margin:0 0 clamp(16px,2vw,32px);color:inherit;letter-spacing:0;text-align:center}.product-showcase-grid__top{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(280px,1fr);gap:16px}.product-showcase-grid__hero{position:relative;min-height:clamp(430px,31vw,540px);overflow:hidden;border-radius:7px;background:#131c20;color:#f9fcfe}.product-showcase-grid__hero-media,.product-showcase-grid__hero-media:before,.product-showcase-grid__hero-image,.product-showcase-grid__hero-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.product-showcase-grid__hero-image,.product-showcase-grid__hero-placeholder{object-fit:cover}.product-showcase-grid__hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--showcase-overlay-opacity);pointer-events:none}.product-showcase-grid__hero-content{position:absolute;z-index:1;top:50%;left:clamp(28px,7vw,88px);width:min(410px,48%);transform:translateY(-50%)}.product-showcase-grid__hero-title{margin:0;color:inherit;font-size:clamp(42px,4.2vw,68px);font-weight:750;line-height:.98;letter-spacing:0}.product-showcase-grid__hero-description{margin:18px 0 0;color:inherit;font-size:16px;line-height:1.5}.product-showcase-grid__hero-badge,.product-showcase-grid__product-badge{position:absolute;z-index:2;font-size:10px;font-weight:800;line-height:1;letter-spacing:0;text-transform:uppercase}.product-showcase-grid__hero-badge{top:clamp(18px,2vw,32px);right:clamp(18px,2vw,32px);display:inline-grid;min-width:112px;min-height:34px;place-items:center;padding:9px 18px;border-radius:999px;background:var(--showcase-button);color:var(--showcase-button-text)}.product-showcase-grid__hero-badge.has-background-image{width:clamp(118px,9vw,150px);min-width:0;min-height:0;aspect-ratio:var(--showcase-hero-badge-ratio, 3.8);padding:0;border-radius:0;background:transparent}.product-showcase-grid__hero-badge-background,.product-showcase-grid__hero-badge-label{grid-area:1 / 1}.product-showcase-grid__hero-badge-background{width:100%;height:100%;object-fit:contain}.product-showcase-grid__hero-badge-label{position:relative;z-index:1;padding-inline:14px;text-align:center;white-space:nowrap;font-size:var(--text-sm)}.product-showcase-grid__hero-badge.has-background-image .product-showcase-grid__hero-badge-label{padding-inline:12% 20%}.product-showcase-grid__product-badge{top:18px;right:18px;padding:7px 11px;border-radius:2px;background:#a9eaff;background:oklch(.9 .08 220);color:#002b39;color:oklch(.27 .09 225)}.product-showcase-grid__button{display:inline-flex;align-items:center;justify-content:center;min-width:104px;min-height:44px;margin-top:22px;padding:11px 20px;border:1px solid var(--showcase-button);border-radius:5px;background:var(--showcase-button);color:var(--showcase-button-text);font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:filter .22s cubic-bezier(.22,1,.36,1)}.product-showcase-grid__button:hover{filter:brightness(.92)}.product-showcase-grid__button--outline{border-color:color-mix(in srgb,var(--showcase-text) 30%,transparent);background:transparent;color:var(--showcase-text)}.product-showcase-grid__specs-disclosure{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.product-showcase-grid__specs{position:absolute;z-index:2;right:22px;bottom:22px;display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:10px 15px;border:1px solid color-mix(in srgb,currentColor 55%,transparent);border-radius:4px;background:color-mix(in srgb,oklch(.12 .01 230) 88%,transparent);color:inherit;font-size:13px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;list-style:none;pointer-events:auto;transition:border-color .18s ease-out,background-color .18s ease-out}.product-showcase-grid__specs::-webkit-details-marker{display:none}.product-showcase-grid__plus{position:relative;width:16px;height:16px}.product-showcase-grid__plus:before,.product-showcase-grid__plus:after{position:absolute;top:7px;left:1px;width:14px;height:2px;background:currentColor;content:"";transition:transform .24s cubic-bezier(.22,1,.36,1)}.product-showcase-grid__plus:after{transform:rotate(90deg)}.product-showcase-grid__specs-disclosure[open] .product-showcase-grid__plus:after,.product-showcase-grid__specs-disclosure:hover .product-showcase-grid__plus:after,.product-showcase-grid__specs-disclosure:focus-within .product-showcase-grid__plus:after{transform:rotate(0)}.product-showcase-grid__specs-panel{width:60%;position:absolute;z-index:1;display:block;bottom:68px;right:22px;overflow:hidden;border:1px solid oklch(.38 .015 230);border-radius:7px;background:#060c0f;color:#f2f6f7;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .24s ease-out,transform .24s cubic-bezier(.22,1,.36,1),visibility .24s}.product-showcase-grid__specs-disclosure:not([open])>.product-showcase-grid__specs-panel{display:block}.product-showcase-grid__specs-disclosure[open] .product-showcase-grid__specs-panel,.product-showcase-grid__specs-disclosure:hover .product-showcase-grid__specs-panel,.product-showcase-grid__specs-disclosure:focus-within .product-showcase-grid__specs-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.product-showcase-grid__specs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.product-showcase-grid__spec-item{min-width:0;padding:var(--sp-2);border-right:1px solid oklch(.3 .012 230);border-bottom:1px solid oklch(.3 .012 230);text-align:center}.product-showcase-grid__spec-item:nth-child(3n){border-right:0}.product-showcase-grid__spec-item:nth-last-child(-n+3){border-bottom:0}.product-showcase-grid__spec-item dt{margin:0;color:inherit;font-size:var(--text-xl);font-weight:750;line-height:1.05;overflow-wrap:anywhere}.product-showcase-grid__spec-item dd{margin:7px 0 0;color:#a9afb2;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.product-showcase-grid__tools{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}.product-showcase-grid__tool{position:relative;display:flex;align-items:center;gap:18px;min-height:0;padding:clamp(24px,2.8vw,40px) clamp(20px,2vw,32px);border-radius:7px;background:var(--showcase-card-background)}.product-showcase-grid__tool-icon{display:grid;width:48px;height:48px;place-items:center;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--showcase-button) 12%,var(--showcase-card-background))}.product-showcase-grid__tool-icon-image{width:24px;height:24px;object-fit:contain}.product-showcase-grid__eyebrow{margin:0 0 8px;color:var(--showcase-button);font-size:10px;font-weight:800;line-height:1.2;letter-spacing:0;text-transform:uppercase}.product-showcase-grid__tool-title{margin:0;color:var(--showcase-text);font-size:var(--text-2xl);font-weight:750;line-height:1;letter-spacing:0}.product-showcase-grid__tool-description{margin:10px 0 0;color:var(--showcase-muted);font-size:12px;line-height:1.45}.product-showcase-grid__tool-link{display:grid;width:36px;height:36px;place-items:center;border:1px solid color-mix(in srgb,var(--showcase-text) 22%,transparent);border-radius:50%;color:var(--showcase-text);font-size:19px;line-height:1;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1)}.product-showcase-grid__tool-link:hover{transform:translate(3px)}.product-showcase-grid__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-showcase-grid__product{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border-radius:7px;background:var(--showcase-card-background)}.product-showcase-grid__product-link{display:contents;color:inherit;text-decoration:none}.product-showcase-grid__product-content{display:flex;align-items:center;padding:clamp(28px,3vw,48px) clamp(24px,2.5vw,42px)}.product-showcase-grid__product-title{margin-bottom:var(--sp-3);color:var(--showcase-text);font-size:clamp(25px,2vw,34px);font-weight:750;line-height:1.05;letter-spacing:0}.product-showcase-grid__product-description{color:var(--showcase-muted);font-size:14px;line-height:1.5}.product-showcase-grid__product-media{position:relative;min-width:0;overflow:hidden}.product-showcase-grid__sold-out-overlay{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--showcase-card-background) 42%,transparent);pointer-events:none}.product-showcase-grid__sold-out-label{padding:9px 15px;border-radius:3px;background:var(--showcase-text);color:var(--showcase-background);font-size:12px;font-weight:750;line-height:1;letter-spacing:0;text-transform:uppercase}.product-showcase-grid__product-button--sold-out{border-color:unset;background:#11181b57;color:var(--showcase-button-text)}.product-showcase-grid__product-media picture{display:block;width:100%;height:100%}.product-showcase-grid__product-image,.product-showcase-grid__product-placeholder{width:100%;height:100%;object-fit:contain;padding:clamp(22px,2vw,38px);transition:transform .5s cubic-bezier(.22,1,.36,1)}.product-showcase-grid__product-link[href]:hover .product-showcase-grid__product-image{transform:scale(1.035)}.product-showcase-grid__product:focus-within{outline:2px solid currentColor;outline-offset:3px}.product-showcase-grid__product-badge{background:var(--showcase-background);color:var(--showcase-text)}.product-showcase-grid__product-badge--dark{background:var(--showcase-text);color:var(--showcase-background)}.product-showcase-grid a[aria-disabled=true]{cursor:default;pointer-events:none}.product-showcase-grid a:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media screen and (max-width:1199px){.product-showcase-grid__top{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.product-showcase-grid__tool{grid-template-columns:minmax(0,1fr) 36px}.product-showcase-grid__tool-icon{display:none}}@media screen and (max-width:749px){.product-showcase-grid__top,.product-showcase-grid__products{grid-template-columns:minmax(0,1fr)}.product-showcase-grid__hero{background-color:var(--showcase-card-background)}.product-showcase-grid__hero-content{top:auto;right:24px;bottom:28px;left:24px;width:auto;transform:none}.product-showcase-grid__hero-title{font-size:var(--text-2xl);color:var(--showcase-text)}.product-showcase-grid__hero-description{font-size:var(--text-base);color:var(--showcase-text)}.product-showcase-grid__hero-badge{top:14px;right:14px;min-width:100px;min-height:30px;padding:8px 14px}.product-showcase-grid__hero-badge.has-background-image{width:116px;min-width:0;min-height:0;padding:0}.product-showcase-grid__specs{right:16px;bottom:30px}.product-showcase-grid__specs-panel{right:16px;bottom:76px;overflow-y:auto;width:90%}.product-showcase-grid__specs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-showcase-grid__spec-item{padding:var(--sp-3)}.product-showcase-grid__spec-item:nth-child(3n){border-right:1px solid oklch(.3 .012 230)}.product-showcase-grid__spec-item:nth-child(2n){border-right:0}.product-showcase-grid__spec-item:nth-last-child(-n+3){border-bottom:1px solid oklch(.3 .012 230)}.product-showcase-grid__spec-item:nth-last-child(-n+2){border-bottom:0}.product-showcase-grid__tools{grid-template-rows:none}.product-showcase-grid__tool{min-height:190px;padding:28px 24px}.product-showcase-grid__tool-title{font-size:26px}.product-showcase-grid__product{grid-template-columns:2fr 1fr}.product-showcase-grid__product-image{padding:0}.product-showcase-grid__product--media-first-mobile .product-showcase-grid__product-media{order:-1}.product-showcase-grid__hero-image{height:auto}}@media(prefers-reduced-motion:reduce){.product-showcase-grid__button,.product-showcase-grid__tool-link,.product-showcase-grid__product-image{transition:none}.product-showcase-grid__specs-panel,.product-showcase-grid__plus:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/product-showcase-grid.css.map */