.shokz-insta360-2026-cards{--si26-cards-pad-x: 120px;--si26-cards-pad-top: 64px;--si26-cards-pad-bottom: 96px;--si26-cards-gap: 21px;--si26-cards-radius: 12px;--si26-cards-height: 180px;padding:var(--si26-cards-pad-top) var(--si26-cards-pad-x) var(--si26-cards-pad-bottom);background:#fff;color:#fff}.si26-cards__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--si26-cards-gap);width:min(1200px,100%);margin:0 auto}.si26-cards__card{position:relative;display:flex;flex-direction:column;min-width:0;height:var(--si26-cards-height);overflow:hidden;border-radius:var(--si26-cards-radius);background-color:#111;background-image:var(--si26-card-bg, none);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 6px 32px -8px #0000000a,0 18px 48px -20px #00000014;opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.si26-cards__card:nth-child(2){transition-delay:.18s}.shokz-insta360-2026-cards.si26-is-inview .si26-cards__card{opacity:1;transform:none}.si26-cards__media,.si26-cards__scrim,.si26-cards__image{position:absolute;top:0;right:0;bottom:0;left:0}.si26-cards__media{width:100%;height:100%;border-radius:inherit;overflow:hidden;pointer-events:none}.si26-cards__image{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;transition:transform .45s ease}.si26-cards__scrim{background:transparent;pointer-events:none}.si26-cards__card:hover .si26-cards__image,.si26-cards__card:focus-within .si26-cards__image{transform:scale(1.03)}.si26-cards__body{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:24px;width:100%;min-height:0;padding:24px 10px}.si26-cards__card--shokz .si26-cards__body{gap:32px}.si26-cards__brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.si26-cards__logo{display:block;width:auto;max-width:100%;height:auto;object-fit:contain}.si26-cards__logo--insta{width:149px;height:63px}.si26-cards__logo--shokz{width:294px;max-width:min(294px,100%);height:48px}.si26-cards__heading,.si26-cards__text{margin:0;color:#fff}.si26-cards__heading{font-family:var(--Shokz-Sans-Display, "Shokz Sans Display"),sans-serif;font-size:32px;font-weight:700;line-height:1.15}.si26-cards__text{font-family:var(--Shokz-Sans-Text, "Shokz Sans Text"),sans-serif;font-size:18px;line-height:1.4}.si26-cards__cta{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:2px 0 2px 4px;border:0;border-radius:999px;background:transparent;color:#fff;font-family:var(--Shokz-Sans-Text, "Shokz Sans Text"),sans-serif;font-size:18px;font-weight:400;line-height:26px;letter-spacing:.16px;text-decoration:none;transition:opacity .2s ease}.si26-cards__cta:hover,.si26-cards__cta:focus-visible{opacity:1;color:#fff;text-decoration:underline;text-underline-offset:4px}.si26-cards__cta-icon{display:inline-flex;flex-shrink:0;width:22px;height:22px}.si26-cards__cta-icon img{display:block;width:100%;height:100%;filter:brightness(0) invert(1)}@media screen and (max-width:1200px){.shokz-insta360-2026-cards{--si26-cards-pad-x: 48px}.si26-cards__logo--shokz{width:min(240px,100%);height:auto;aspect-ratio:294 / 48}}@media screen and (max-width:1000px){.shokz-insta360-2026-cards{--si26-cards-pad-x: 20px;--si26-cards-pad-top: 48px;--si26-cards-pad-bottom: 64px;--si26-cards-gap: 16px;--si26-cards-height: 168px}.si26-cards__inner{grid-template-columns:1fr}.si26-cards__body{gap:20px;padding:20px 16px}.si26-cards__card--shokz .si26-cards__body{gap:24px}.si26-cards__logo--insta{width:128px;height:54px}.si26-cards__logo--shokz{width:min(220px,100%)}.si26-cards__heading{font-size:28px}.si26-cards__cta{font-size:16px;line-height:24px}}@media(prefers-reduced-motion:reduce){.si26-cards__card{opacity:1;transform:none;transition:none}.si26-cards__image{transition:none}.si26-cards__card:hover .si26-cards__image,.si26-cards__card:focus-within .si26-cards__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/334/assets/shokz-insta360-2026-cards.css.map */