.bg-compare{background-color:var(--bg-cmp-bg);color:var(--bg-cmp-text);padding-block-start:var(--bg-cmp-pt);padding-block-end:var(--bg-cmp-pb)}.bg-compare__header{text-align:center;margin-block-end:48px;padding-inline:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.bg-compare__subheading{font-family:var(--font-body--family);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bg-cmp-accent);margin:0}.bg-compare__heading{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.2;margin:0}.bg-compare__table{display:none;padding-inline:24px}.bg-compare__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.bg-compare__col{position:relative;transition:background-color .3s ease}.bg-compare__col:hover{background-color:color-mix(in srgb,var(--bg-cmp-accent) 5%,transparent)}.bg-compare__col:not(:last-child){border-right:1px solid color-mix(in srgb,var(--bg-cmp-text) 8%,transparent)}.bg-compare__col-header{padding:0 20px 24px;text-align:center}.bg-compare__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:calc(var(--bg-radius, 20px) * .6);margin-block-end:20px;background:color-mix(in srgb,var(--bg-cmp-bg) 80%,var(--bg-cmp-text))}.bg-compare__img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.bg-compare__col:hover .bg-compare__img{transform:scale(1.04)}.bg-compare__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bg-compare__placeholder svg{width:50%;opacity:.2}.bg-compare__title{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.3;margin:0}.bg-compare__row{display:contents}.bg-compare__cell{padding:16px 20px;border-top:1px solid color-mix(in srgb,var(--bg-cmp-text) 8%,transparent)}.bg-compare__row-label{grid-column:1 / -1;padding:20px 20px 0;border-top:1px solid color-mix(in srgb,var(--bg-cmp-text) 8%,transparent)}.bg-compare__row-label-text{font-family:var(--font-body--family);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;opacity:.45;margin:0}.bg-compare__cell-value{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(.875rem,1.4vw,1.05rem);line-height:1.4;margin:0}.bg-compare__cta-cell{padding:24px 20px;border-top:1px solid color-mix(in srgb,var(--bg-cmp-text) 8%,transparent);text-align:center}.bg-compare__cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body--family);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:var(--bg-cmp-accent);transition:gap .3s ease}.bg-compare__cta:hover{gap:12px}.bg-compare__cta svg{transition:transform .3s ease}.bg-compare__cta:hover svg{transform:translate(2px)}.bg-compare__scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline-start:24px;scrollbar-width:none;-ms-overflow-style:none}.bg-compare__scroll::-webkit-scrollbar{display:none}.bg-compare__card{flex:0 0 280px;scroll-snap-align:start;display:flex;flex-direction:column}.bg-compare__card:first-child{margin-inline-start:24px}.bg-compare__card:last-child{margin-inline-end:24px}.bg-compare__card .bg-compare__card-media{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:calc(var(--bg-radius, 20px) * .5);margin-block-end:16px;background:color-mix(in srgb,var(--bg-cmp-bg) 80%,var(--bg-cmp-text))}.bg-compare__card .bg-compare__card-img{width:100%;height:100%;object-fit:cover}.bg-compare__card-title{font-family:var(--font-heading--family);font-weight:400;font-size:1.125rem;line-height:1.3;margin:0 0 16px}.bg-compare__card-row{padding-block:12px;border-top:1px solid color-mix(in srgb,var(--bg-cmp-text) 10%,transparent)}.bg-compare__card-row-label{font-family:var(--font-body--family);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;opacity:.45;margin:0 0 4px}.bg-compare__card-row-value{font-family:var(--font-heading--family);font-weight:400;font-size:.95rem;line-height:1.4;margin:0}.bg-compare__card-cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body--family);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:var(--bg-cmp-accent);margin-block-start:16px;padding-block-top:4px;transition:gap .3s ease}.bg-compare__card-cta:hover{gap:12px}@media(max-width:749px){.bg-compare__table{display:none!important}.bg-compare__scroll-wrapper{display:block}}@media(min-width:750px){.bg-compare__table{display:block}.bg-compare__scroll-wrapper{display:none}}@media(min-width:990px){.bg-compare__cell{padding:20px 28px}.bg-compare__col-header{padding:0 28px 28px}.bg-compare__row-label{padding:24px 28px 0}.bg-compare__cta-cell{padding:28px}}@media(prefers-reduced-motion:reduce){.bg-compare__img,.bg-compare__cta,.bg-compare__cta svg,.bg-compare__col{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bg-collections-compare.css.map */