.section-openear-compare{--bg: #fff;--card-border: #d1d5db;--card-header-bg: #f6f9fb;--text-primary: #0a0a0a;--text-secondary: #404040;--text-tertiary: #737373;--pcard-color-primary: #0a0a0a;--pcard-color-secondary: #404040;--pcard-color-tertiary: #737373;--pcard-color-quaternary: #a3a3a3;--pcard-bg-section: #f3f4f6;--pcard-radius: 12px;--pc-visible-cards: 3.5;--pc-card-gap: 24px;--pc-card-w: clamp(280px, calc((100vw - 120px - (var(--pc-card-gap) * 2.5)) / var(--pc-visible-cards)), 360px);--mb-card-gap: 12px;--mb-side-gap: 16px;--mb-card-w: calc((100vw - var(--mb-side-gap) - var(--mb-card-gap)) / 1.5);--star-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 1.66669L12.575 6.88335L18.3334 7.72502L14.1667 11.7834L15.15 17.5167L10 14.8084L4.85002 17.5167L5.83335 11.7834L1.66669 7.72502L7.42502 6.88335L10 1.66669Z' fill='%23FF7A3D'/%3E%3C/svg%3E");background:var(--bg);padding:84px 0 64px 120px;overflow:hidden}.section-openear-compare .inner{max-width:100%;padding-left:calc((100% - 1200px)/2)}.section-openear-compare .title{margin:0 auto 48px;max-width:880px;color:var(--text-primary);font-family:Shokz Sans Display;padding-right:calc((100% - 1200px)/2);font-size:36px;font-weight:400;line-height:110%;text-align:center}.section-openear-compare .carousel-bleed,.section-openear-compare .swiper{overflow:hidden}.section-openear-compare .swiper-slide{width:var(--pc-card-w);height:auto}.section-openear-compare .card{container-type:inline-size;display:flex;flex-direction:column;height:100%;border:1px solid var(--card-border);border-radius:12px;background:#fff;box-shadow:0 0 1.793px #00000008,0 0 7.007px #0000000d,0 0 22px #0000000f;overflow:hidden}.section-openear-compare .card-head{position:relative;min-height:clamp(132px,46cqi,171px);padding:clamp(42px,17cqi,64px) clamp(12px,4cqi,16px) clamp(8px,2.2cqi,10px) clamp(12px,6.2cqi,24px);background:var(--card-header-bg);box-sizing:border-box;display:flex;align-items:center}.section-openear-compare .card-head-text{display:flex;flex-direction:column;gap:clamp(8px,3.1cqi,12px);max-width:clamp(120px,50cqi,190px);min-height:88px}.section-openear-compare .card-title{margin:0;color:var(--text-primary);font-family:Shokz Sans Display;font-size:clamp(18px,6.3cqi,24px);font-weight:400;line-height:1;overflow-wrap:anywhere}.section-openear-compare .card-subtitle{margin:0;color:var(--text-secondary);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:clamp(13px,4.3cqi,16px);font-weight:300;line-height:130%;overflow-wrap:anywhere}.section-openear-compare .card-media{position:absolute;top:clamp(13px,6cqi,23px);right:clamp(11px,6cqi,23px);width:clamp(88px,37cqi,140px);height:clamp(88px,37cqi,140px)}.section-openear-compare .card-media img{width:100%;height:100%;object-fit:contain;display:block}.section-openear-compare .card-specs{display:flex;flex-direction:column;flex:1;min-height:0}.section-openear-compare .spec-row{display:flex;align-items:center;justify-content:space-between;min-height:clamp(38px,14cqi,53px);padding:clamp(10px,4.2cqi,16px) clamp(12px,6cqi,23px);border-top:1px solid var(--card-border);box-sizing:border-box}.section-openear-compare .spec-row:last-child{border-bottom:1px solid var(--card-border)}.section-openear-compare .spec-label{flex:0 0 auto;max-width:207px;width:56%;color:var(--text-tertiary);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:clamp(12px,4.3cqi,16px);font-weight:300;line-height:130%;overflow-wrap:anywhere}.section-openear-compare .spec-value{flex:1 1 auto;text-align:left;color:var(--text-secondary);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:clamp(12px,4.8cqi,18px);font-weight:400;line-height:110%;overflow-wrap:anywhere;word-break:break-word}.section-openear-compare .spec-value span{font-size:clamp(10px,3.8cqi,14px);white-space:normal}.section-openear-compare .stars{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px}.section-openear-compare .star{width:clamp(12px,5.3cqi,20px);height:clamp(12px,5.3cqi,20px);flex:0 0 clamp(12px,5.3cqi,20px);background-image:var(--star-icon);background-repeat:no-repeat;background-position:center;background-size:contain}.section-openear-compare .card-actions{display:flex;align-items:center;gap:clamp(8px,3.2cqi,12px);padding:clamp(12px,8.8cqi,34px) clamp(12px,6cqi,23px) clamp(16px,6.2cqi,24px);margin-top:auto}.section-openear-compare .learn-more{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:clamp(32px,10.5cqi,40px);padding:clamp(8px,2.6cqi,10px) clamp(10px,5cqi,20px);border-radius:4px;background:#000;color:#fff;font-family:Shokz Sans Display;font-size:clamp(12px,4.3cqi,16px);font-weight:400;line-height:130%;text-decoration:none;text-transform:uppercase;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-openear-compare .cart-btn{flex:0 0 auto;width:clamp(32px,10.5cqi,40px);height:clamp(32px,10.5cqi,40px);margin:0;padding:clamp(6px,2.6cqi,10px);border:1px solid var(--text-tertiary);border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.section-openear-compare .cart-btn svg{width:clamp(16px,5.2cqi,20px);height:clamp(16px,5.2cqi,20px);display:block}.section-openear-compare .cart-btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.section-openear-compare .controls{margin-top:24px;padding-right:120px;max-width:1320px;display:flex;align-items:center;justify-content:flex-end}.section-openear-compare .controls-inner{display:flex;align-items:center;justify-content:flex-end;width:100%;max-width:1200px}.section-openear-compare .pagination{position:static;display:none;align-items:center;gap:16px;width:auto;padding-top:0}.section-openear-compare .pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0;border-radius:10px;background:#bababa;opacity:1}.section-openear-compare .pagination .swiper-pagination-bullet-active{width:32px;background:#0a0a0a}.section-openear-compare .nav-group{display:flex;align-items:center;gap:20px}.section-openear-compare .nav-btn{width:48px;height:48px;border:0;border-radius:100px;background:#fff;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid #F1F1F1;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8b8b8b}.section-openear-compare .nav-btn svg{width:24px;height:24px;display:block}.section-openear-compare .nav-btn svg path{fill:currentColor}.section-openear-compare .nav-btn.is-disabled{background:#bababa50;color:#fff;cursor:default;pointer-events:none}@media(max-width:1024px){.section-openear-compare{padding:48px 0 40px!important}.section-openear-compare .inner{padding-left:16px;padding-right:0}.section-openear-compare .title{padding-right:0}}@media(max-width:760px){.section-openear-compare .carousel-bleed{box-sizing:border-box;width:100%}.section-openear-compare .swiper{overflow:visible}.section-openear-compare .title{margin-bottom:24px;padding:0 16px;max-width:none;font-size:24px;line-height:120%}.section-openear-compare .swiper-slide{width:var(--mb-card-w)!important}.section-openear-compare .card-head{min-height:106px;padding:13px 11px 10px}.section-openear-compare .card-head-text{gap:7px;max-width:128px;min-height:0}.section-openear-compare .card-title{font-size:16px}.section-openear-compare .card-subtitle{font-size:12px;line-height:130%}.section-openear-compare .card-media{top:13px;right:11px;width:88px;height:88px}.section-openear-compare .spec-row{min-height:33px;padding:10px 12px}.section-openear-compare .spec-label{font-size:12px;width:59%}.section-openear-compare .spec-value{font-size:12px}.section-openear-compare .spec-value span{font-size:10px}.section-openear-compare .star{width:12px;height:12px;flex-basis:12px}.section-openear-compare .stars{gap:2px}.section-openear-compare .card-actions{gap:12px;padding:12px 11px 16px}.section-openear-compare .learn-more{min-height:32px;padding:8px 20px;font-size:14px}.section-openear-compare .cart-btn{width:32px;height:32px;padding:6px}.section-openear-compare .controls{margin-top:24px;padding:0 16px;max-width:none}.section-openear-compare .controls-inner{max-width:none;justify-content:space-between}.section-openear-compare .pagination{display:flex;gap:10px}.section-openear-compare .control-wrapper{display:flex!important;align-items:center;gap:12px}.section-openear-compare .control-wrapper .nav-btn{width:auto;height:auto;padding:0;border:0;background:transparent;cursor:pointer;color:#404040}.section-openear-compare .control-wrapper .nav-btn svg{display:block;width:36px;height:auto}.section-openear-compare .control-wrapper .nav-btn svg circle{transition:all .3s ease;fill:#e5e7eb}.section-openear-compare .control-wrapper .nav-btn svg path{stroke:#404040;fill:none}.section-openear-compare .control-wrapper .nav-btn.is-disabled{pointer-events:none;opacity:.5;background:transparent;cursor:default}@media(-moz-touch-enabled:0),(hover:hover){.section-openear-compare .control-wrapper .nav-btn:hover svg circle{fill:#ff7a3d;fill-opacity:1}.section-openear-compare .control-wrapper .nav-btn:hover svg path{stroke:#fff}}}@media(max-width:380px){.section-openear-compare .learn-more{padding:8px 10px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/section-openear-compare.css.map */