.kie-why-open-ear{padding:56px 16px 48px;box-sizing:border-box;background:#fcfbf3}.kie-why-open-ear .page-width--activity{max-width:1200px;margin:0 auto}.kie-why-open-ear__intro{text-align:center;max-width:790px;margin:0 auto 40px}.kie-why-open-ear__title{font-family:var(--activity-font-display, var(--Shokz-Sans-Display, "Shokz Sans Display"), system-ui, sans-serif);font-weight:500;font-size:clamp(24px,4vw,36px);line-height:1.1;color:var(--activity-text, #0a0a0a);margin:0 0 16px}.kie-why-open-ear__body{font-family:var(--activity-font-text, var(--Shokz-Sans-Text, "Shokz Sans Text"), system-ui, sans-serif);font-size:15px;line-height:1.3;color:var(--activity-muted, #737373);margin:0}@media screen and (min-width:990px){.kie-why-open-ear__body{font-size:16px}}.kie-why-open-ear__stats{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;margin:0 0 40px}@media screen and (min-width:1100px){.kie-why-open-ear__stats{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}}.kie-why-open-ear__stat-head{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--activity-font-display, "Shokz Sans Display", system-ui, sans-serif);font-weight:500;font-size:clamp(16px,2.2vw,28px);line-height:1.1;color:var(--activity-accent-text, #ff4d0a);margin:0 0 16px}.kie-why-open-ear__stat-head-line{display:block;line-height:1.1;margin:0}.kie-why-open-ear__stat-body{font-family:var(--activity-font-text, "Shokz Sans Text", system-ui, sans-serif);font-size:12px;line-height:1.3;color:#a3a3a3;margin:0}@media screen and (min-width:990px){.kie-why-open-ear__stat-body{font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-12, 12px);font-style:normal;font-weight:var(--fontWeight-regular, 400);line-height:130%;color:var(--font-quaternary, #A3A3A3)}}.kie-why-open-ear__panels{display:none;border-radius:var(--activity-card-radius, 6px);overflow:hidden;border:1px solid #d4d4d4;min-height:340px}@media screen and (min-width:990px){.kie-why-open-ear__panels{display:flex;flex-direction:row;align-items:stretch;width:100%}}.kie-why-open-ear__panel{position:relative;flex:1 1 0;min-width:0;min-height:340px;padding:0;margin:0;border:none;border-right:1px solid #d4d4d4;background:#1a1a1a;cursor:pointer;text-align:left;transition:flex .45s ease,min-width .45s ease;overflow:hidden}.kie-why-open-ear__panel:last-child{border-right:none}.kie-why-open-ear__panel.is-active{flex:2.15 1 0;min-width:min(486px,42vw)}.kie-why-open-ear__panel:focus-visible{outline:2px solid var(--activity-primary, #ff7a3d);outline-offset:2px}.kie-why-open-ear__panel-media{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.kie-why-open-ear__panel-img{width:100%;height:100%;object-fit:cover;display:block}.kie-why-open-ear__panel-img--mb{display:block}.kie-why-open-ear__panel-img--pc{display:none}@media screen and (min-width:990px){.kie-why-open-ear__panel-img--mb{display:none}.kie-why-open-ear__panel-img--pc{display:block}.kie-why-open-ear__panel.is-active .kie-why-open-ear__panel-img--pc{object-position:center center}.kie-why-open-ear__panel:not(.is-active)[data-pc-collapsed-focus=left] .kie-why-open-ear__panel-img--pc{object-position:28% center}.kie-why-open-ear__panel:not(.is-active)[data-pc-collapsed-focus=right] .kie-why-open-ear__panel-img--pc{object-position:72% center}.kie-why-open-ear__panel:not(.is-active)[data-pc-collapsed-focus=far_right] .kie-why-open-ear__panel-img--pc{object-position:88% center}}.kie-why-open-ear__panel-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(5,5,5,.35) 0%,transparent 35%,rgba(0,0,0,.45) 100%);pointer-events:none}.kie-why-open-ear__panel.is-active .kie-why-open-ear__panel-scrim{background:linear-gradient(180deg,rgba(5,5,5,.45) 0%,transparent 40%,rgba(121,131,145,.5) 100%)}.kie-why-open-ear__panel-copy{position:absolute;left:20px;right:56px;bottom:20px;z-index:2;pointer-events:none}.kie-why-open-ear__panel-title{font-family:var(--activity-font-display, "Shokz Sans Display", system-ui, sans-serif);font-weight:500;font-size:18px;line-height:1.2;color:#fff;margin:0 0 6px;display:block}.kie-why-open-ear__panel-caption{font-family:var(--activity-font-text, "Shokz Sans Text", system-ui, sans-serif);font-size:15px;line-height:1.3;color:#fffffff2;margin:0;display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;max-height:0;transition:opacity .35s ease,max-height .35s ease}.kie-why-open-ear__panel.is-active .kie-why-open-ear__panel-caption{opacity:1;max-height:2em}@media screen and (min-width:990px){.kie-why-open-ear__panel-caption{transition:opacity .45s ease,max-height .45s ease}}@media screen and (min-width:990px)and (prefers-reduced-motion:reduce){.kie-why-open-ear__panel-caption{transition:none}}.kie-why-open-ear__panel:not(.is-active) .kie-why-open-ear__panel-caption{display:none}.kie-why-open-ear__panel-plus{position:absolute;right:16px;bottom:20px;z-index:3;width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#73737326;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-size:20px;line-height:1;pointer-events:none}.kie-why-open-ear__panel.is-active .kie-why-open-ear__panel-plus{display:none}.kie-why-open-ear__swiper-wrap{position:relative;overflow:hidden}@media screen and (min-width:990px){.kie-why-open-ear__swiper-wrap{display:none}}.kie-why-open-ear .kie-why-open-ear__swiper{width:100%}.kie-why-open-ear .kie-why-slide{position:relative;min-height:180px;background:#1a1a1a;border-radius:6px;overflow:hidden}.kie-why-open-ear .kie-why-slide__media{position:absolute;top:0;right:0;bottom:0;left:0}.kie-why-open-ear .kie-why-slide__img{width:100%;height:100%;object-fit:cover}.kie-why-open-ear .kie-why-slide__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(5,5,5,.35) 0%,transparent 35%,rgba(0,0,0,.45) 100%)}.kie-why-open-ear .kie-why-slide__copy{position:absolute;left:16px;right:16px;bottom:16px;z-index:1}.kie-why-open-ear .kie-why-slide__title{font-family:var(--activity-font-display, "Shokz Sans Display", system-ui, sans-serif);font-weight:500;font-size:18px;line-height:1.2;color:#fff;margin:0 0 6px}.kie-why-open-ear .kie-why-slide__caption{font-family:var(--activity-font-text, "Shokz Sans Text", system-ui, sans-serif);font-size:15px;line-height:1.3;color:#fffffff2;margin:0}.kie-why-open-ear .kie-why-nav-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0 0;gap:16px}.kie-why-open-ear .kie-why-pagination.swiper-pagination-bullets{position:static;display:flex;align-items:center;gap:8px;margin:0}.kie-why-open-ear .kie-why-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0!important;border-radius:10px;background:#737373b3;opacity:.4}.kie-why-open-ear .kie-why-pagination .swiper-pagination-bullet-active{width:36px;opacity:1;background:#404040}.kie-why-open-ear .kie-why-arrows{display:flex;gap:8px;-webkit-tap-highlight-color:transparent}.kie-why-open-ear .kie-why-arrow{width:24px;height:24px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;background:#73737326;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;padding:0;color:#fff}.kie-why-open-ear .kie-why-arrow:disabled{opacity:.4;cursor:default}.kie-why-open-ear .kie-why-arrow svg{width:10px;height:10px;display:block}@media screen and (max-width:768px){.kie-why-open-ear__stat-head{color:var(--brand-text, #FF4D0A);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-18, 18px);font-style:normal;font-weight:var(--fontWeight-medium, 400);line-height:120%}.kie-why-open-ear__body{color:var(--font-tertiary, #737373);text-align:center;font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-15, 15px);font-style:normal;font-weight:var(--fontWeight-regular, 400);line-height:130%}.kie-why-open-ear .kie-why-slide__caption{color:var(--font-white, #FFF);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-12, 12px);font-style:normal;font-weight:var(--fontWeight-regular, 400);line-height:130%}}
/*# sourceMappingURL=/cdn/shop/t/241/assets/kie-why-open-ear.css.map */