.ota-compare{--ota-color-navy: #023047;--ota-color-blue: #8ECAE6;--ota-color-blue-tint: #EBF5FA;--ota-color-blue-border: #d0e8f5;--ota-color-white: #ffffff;--ota-color-off-white: #fafafa;--ota-color-border: #e8e8e8;--ota-color-border-light: #f0f0f0;--ota-color-text: #1a1a1a;--ota-color-text-mid: #555;--ota-color-text-muted: #666;--ota-color-text-dash: #ccc;--ota-font-family: var(--font-body-family, sans-serif);--ota-font-size-xs: 1rem;--ota-font-size-sm: 1.2rem;--ota-font-size-base: 1.5rem;--ota-font-size-md: 2rem;--ota-font-size-heading: clamp(2rem, 3vw, 2.5rem);--ota-space-xs: .3rem;--ota-space-sm: .5rem;--ota-space-md: 1rem;--ota-space-lg: 1.5rem;--ota-space-xl: 2rem;--ota-space-2xl: 2.4rem;--ota-space-section: 4rem;--ota-radius-pill: 2rem;--ota-radius-card: 10px;--ota-radius-sm: 6px;--ota-transition: .15s ease}.ota-compare{padding:var(--ota-space-section) 0;font-family:var(--ota-font-family)}.ota-compare__inner{max-width:1000px;margin:0 auto;padding:0 var(--ota-space-xl)}.ota-compare__heading{text-align:center;margin-bottom:var(--ota-space-2xl)}.ota-compare__heading h2{font-size:var(--ota-font-size-heading);font-weight:600;color:var(--ota-color-navy);margin:0 0 var(--ota-space-sm)}.ota-compare__heading p{font-size:var(--ota-font-size-md);color:var(--ota-color-text-muted);margin:0}.ota-compare__tabs{display:flex;justify-content:center;gap:var(--ota-space-sm);margin-bottom:var(--ota-space-xl)}.ota-compare__tab{padding:.6rem var(--ota-space-lg);font-size:var(--ota-font-size-base);font-weight:500;font-family:inherit;color:var(--ota-color-navy);background:transparent;border:1px solid var(--ota-color-blue);border-radius:var(--ota-radius-pill);cursor:pointer;transition:background var(--ota-transition),color var(--ota-transition)}.ota-compare__tab:hover{background:var(--ota-color-blue-tint)}.ota-compare__tab.is-active{background:var(--ota-color-navy);color:var(--ota-color-white);border-color:var(--ota-color-navy)}.ota-compare__pickers{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--ota-space-md);margin-bottom:var(--ota-space-md)}.ota-compare__picker{background:var(--ota-color-white);border:1px solid var(--ota-color-border);border-radius:var(--ota-radius-card);overflow:hidden;transition:border-color var(--ota-transition)}.ota-compare__picker:focus-within{border-color:var(--ota-color-blue)}.ota-compare__picker select{text-align:center;width:100%;padding:var(--ota-space-xs) 2.4rem .8rem var(--ota-space-md);font-size:var(--ota-font-size-md);font-weight:600;font-family:inherit;color:var(--ota-color-navy);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23023047' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right var(--ota-space-md) center;border:none;border-radius:0;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.ota-compare__vs{font-size:.8rem;font-weight:600;color:var(--ota-color-text-dash);text-align:center}.ota-compare__grid{display:grid;gap:0;border:1px solid var(--ota-color-border);border-radius:var(--ota-radius-card);overflow:hidden}.ota-compare__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.ota-compare__grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.ota-compare__col-head{display:flex;flex-direction:column;align-items:center;padding:var(--ota-space-xl) var(--ota-space-md) var(--ota-space-lg);border-bottom:1px solid var(--ota-color-border);border-right:1px solid var(--ota-color-border);background:var(--ota-color-white);text-align:center;gap:var(--ota-space-md)}.ota-compare__col-head:last-child{border-right:none}.ota-compare__prod-img{width:100%;max-width:160px;aspect-ratio:1 / 1;object-fit:contain}.ota-compare__prod-img-placeholder{width:100%;max-width:160px;aspect-ratio:1 / 1;background:var(--ota-color-off-white);border-radius:var(--ota-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--ota-color-text-dash);font-size:var(--ota-font-size-xs)}.ota-compare__prod-name{font-size:var(--ota-font-size-md);font-weight:700;color:var(--ota-color-navy);margin:0}.ota-compare__prod-tagline{font-size:var(--ota-font-size-sm);color:var(--ota-color-text-muted);font-style:italic;margin:0}.ota-compare__sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.ota-compare__size-pill{padding:.25rem .7rem;font-size:var(--ota-font-size-sm);font-weight:600;color:var(--ota-color-navy);background:var(--ota-color-blue-tint);border:1px solid var(--ota-color-blue);border-radius:var(--ota-radius-pill);white-space:normal;word-break:break-word}.ota-compare__prod-link{display:inline-block;padding:.45rem var(--ota-space-md);font-size:var(--ota-font-size-sm);font-weight:500;color:var(--ota-color-navy);border:1px solid var(--ota-color-blue);border-radius:var(--ota-radius-pill);text-decoration:none;transition:background var(--ota-transition)}.ota-compare__prod-link:hover{background:var(--ota-color-blue-tint)}.ota-compare__category{grid-column:1 / -1;padding:.6rem var(--ota-space-lg);font-size:var(--ota-font-size-base);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ota-color-navy);background:var(--ota-color-blue-tint);border-top:1px solid var(--ota-color-blue-border);border-bottom:1px solid var(--ota-color-blue-border)}.ota-compare__spec-label{grid-column:1 / -1;padding:.5rem var(--ota-space-lg);font-size:var(--ota-font-size-sm);font-weight:500;color:var(--ota-color-text-mid);background:var(--ota-color-off-white);border-bottom:1px solid var(--ota-color-border-light)}.ota-compare__spec-val{padding:var(--ota-space-md);font-size:var(--ota-font-size-base);color:var(--ota-color-text);text-align:center;background:var(--ota-color-white);border-right:1px solid var(--ota-color-border-light);border-bottom:1px solid var(--ota-color-border-light);vertical-align:middle;display:flex;align-items:center;justify-content:center}.ota-compare__spec-val:last-child{border-right:none}.ota-compare__dash{color:var(--ota-color-text-dash)}@media screen and (max-width:899px){.ota-compare__inner{padding:0 var(--ota-space-md)}.ota-compare__pickers{gap:var(--ota-space-sm)}.ota-compare__picker select{font-size:var(--ota-font-size-base)}.ota-compare__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.ota-compare__grid--two .ota-compare__col-head{padding:var(--ota-space-md) var(--ota-space-sm);gap:var(--ota-space-sm)}.ota-compare__grid--two .ota-compare__prod-img{max-width:90px}.ota-compare__grid--two .ota-compare__spec-val{padding:.75rem var(--ota-space-sm)}.ota-compare__grid--four{grid-template-columns:repeat(4,minmax(160px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch}.ota-compare__category,.ota-compare__spec-label{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/product-compare.css.map */