.avalon-compare-section{container-type:inline-size}.avalon-compare{--u: calc(100cqw / 1920);display:flex;flex-direction:column;gap:32px;align-items:center;padding:min(var(--avalon-compare-padding-top),64px) 12px min(var(--avalon-compare-padding-bottom),56px);background-color:var(--avalon-compare-bg);color:var(--avalon-compare-text)}.avalon-compare__intro{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1000px;padding-inline:8px;text-align:center}.avalon-compare__intro>*{margin:0;font-family:var(--font-heading--family);font-weight:700}.avalon-compare__eyebrow{color:var(--avalon-compare-eyebrow);font-size:1.125rem;line-height:1.2;text-transform:uppercase}.avalon-compare__heading{max-width:864px;margin-inline:auto;font-size:clamp(1.75rem,8vw,2.75rem);line-height:1.2;text-transform:uppercase;text-wrap:balance}.avalon-compare__text{font-size:1rem;line-height:1.35}.avalon-compare__text p{margin:0}.avalon-compare__emphasis{margin-block-start:4px;font-size:1.125rem;font-weight:700}.avalon-compare__table{position:relative;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:6px 4px;width:100%;max-width:1568px;padding-block-end:16px}.avalon-compare__highlight{position:absolute;inset-block:0;inset-inline-start:calc((1.35 / 3.35) * 100% + 2px);width:calc((1 / 3.35) * 100% - 2px);background-color:var(--avalon-compare-highlight);background-image:var(--avalon-compare-pattern);background-repeat:repeat-y;background-size:100% auto}.avalon-compare__row{display:contents}.avalon-compare__cell{position:relative;display:flex;gap:6px;align-items:center;justify-content:center;min-height:52px;padding:8px;font-family:var(--font-heading--family);font-size:.6875rem;font-weight:700;line-height:1.2;text-align:center}.avalon-compare__cell img{display:block;flex-shrink:0;width:16px;height:16px}.avalon-compare__cell--blank{background:transparent}.avalon-compare__cell--label{justify-content:flex-start;background-color:var(--avalon-compare-cell);color:var(--avalon-compare-text);text-align:start;text-transform:uppercase}.avalon-compare__value{display:flex;gap:6px;align-items:center;justify-content:flex-start;max-width:100%;text-align:start}.avalon-compare__cell--main .avalon-compare__value{width:max(7rem,calc(var(--avalon-compare-main-group) * var(--u)))}.avalon-compare__cell--other .avalon-compare__value{width:max(9rem,calc(var(--avalon-compare-other-group) * var(--u)))}.avalon-compare__cell--main{color:var(--avalon-compare-highlight-text)}.avalon-compare__cell--other{background-color:var(--avalon-compare-cell);color:var(--avalon-compare-text)}.avalon-compare__cell--head-main{color:var(--avalon-compare-highlight-text)}.avalon-compare__cell--head-other{color:var(--avalon-compare-text)}.avalon-compare__head-text{font-size:.75rem;text-transform:uppercase}.avalon-compare__cell .avalon-compare__logo{display:block;width:min(100%,120px);height:auto}.avalon-compare__button{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:16px 24px;border-radius:14px;background-color:var(--avalon-compare-accent);color:#000;font-family:var(--font-heading--family);font-size:1rem;font-weight:700;line-height:1.17;text-align:center;text-decoration:none;text-transform:uppercase}.avalon-compare__button img{display:block;flex-shrink:0;width:18px;height:auto}@media screen and (max-width:749px){.avalon-compare__button{gap:8px;padding:12px 20px;font-size:.8125rem}.avalon-compare__button img{width:14px}}.avalon-compare__button:hover{filter:brightness(1.08)}.avalon-compare__button:focus-visible{outline:2px solid var(--avalon-compare-text);outline-offset:3px}@media screen and (max-width:749px){.avalon-compare{padding-inline:12px}.avalon-compare__table{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:6px 4px;padding-block-end:14px}.avalon-compare__highlight{inset-inline-start:calc((100% - 8px) / 3.3 * 1.3 + 4px);width:calc((100% - 8px) / 3.3)}.avalon-compare__cell{gap:5px;min-height:56px;padding:8px 6px;font-size:.625rem;line-height:1.2}.avalon-compare__cell--label{padding-inline:8px;letter-spacing:.01em}.avalon-compare__cell img{width:14px;height:14px}.avalon-compare__cell .avalon-compare__logo{width:min(100%,88px)}.avalon-compare__head-text{font-size:.625rem;letter-spacing:.02em}.avalon-compare__cell--main .avalon-compare__value,.avalon-compare__cell--other .avalon-compare__value{gap:5px;width:100%;max-width:100%}}@media screen and (min-width:750px){.avalon-compare__cell{min-height:64px;padding:12px 16px;font-size:.875rem}.avalon-compare__cell img{width:22px;height:22px}.avalon-compare__head-text{font-size:1rem}}@media screen and (min-width:990px){.avalon-compare{gap:calc(64 * var(--u));padding:var(--avalon-compare-padding-top) 0 var(--avalon-compare-padding-bottom)}.avalon-compare__intro{gap:calc(32 * var(--u));max-width:calc(1000 * var(--u))}.avalon-compare__eyebrow{font-size:max(1.125rem,calc(32 * var(--u)))}.avalon-compare__heading{max-width:calc(864 * var(--u));font-size:max(2rem,calc(64 * var(--u)))}.avalon-compare__text{font-size:max(1rem,calc(24 * var(--u)))}.avalon-compare__emphasis{margin-block-start:0;font-size:max(1.125rem,calc(30 * var(--u)))}.avalon-compare__table{grid-template-columns:calc(676 * var(--u)) 1fr 1fr;gap:calc(12 * var(--u)) calc(10 * var(--u));width:calc(1568 * var(--u));padding-block-end:calc(34 * var(--u))}.avalon-compare__highlight{inset-inline-start:calc((676 + 10) * var(--u));width:calc((1568 - 676 - 20) * var(--u) / 2)}.avalon-compare__cell{gap:calc(10 * var(--u));min-height:max(56px,calc(102 * var(--u)));padding:calc(23 * var(--u)) calc(30 * var(--u));font-size:max(.875rem,calc(24 * var(--u)))}.avalon-compare__cell img{width:max(18px,calc(30 * var(--u)));height:max(18px,calc(30 * var(--u)))}.avalon-compare__value{gap:calc(10 * var(--u))}.avalon-compare__cell--label,.avalon-compare__head-text{font-size:max(1rem,calc(32 * var(--u)))}.avalon-compare__cell--head-main{padding-inline:calc(10 * var(--u))}.avalon-compare__cell .avalon-compare__logo{width:max(80px,calc(256 * var(--u)));max-width:100%;height:auto}.avalon-compare__button{gap:calc(10 * var(--u));padding:max(14px,calc(20 * var(--u))) max(20px,calc(30 * var(--u)));font-size:max(1rem,calc(24 * var(--u)))}.avalon-compare__button img{width:calc(22 * var(--u));min-width:14px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-avalon-comparison.css.map */