.diffuser-compare{--dc-dark-a: #131A3D;--dc-dark-b: #05070F;--dc-cream: #F5F2EC;--dc-hair: #E4E0D7;--dc-check: #000;--dc-cross: #111111;width:100%;background:var(--dc-bg, #FFFFFF);color:var(--eh-black);box-sizing:border-box}.diffuser-compare,.diffuser-compare *{box-sizing:border-box}.diffuser-compare__inner{max-width:var(--eh-mx-width);margin:0 auto;padding:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,4vw,3rem)}.dc-header{text-align:center;margin:0 0 clamp(1.75rem,3.5vw,2.75rem)}.dc-eyebrow{margin:0 0 .5rem;font-size:calc(var(--eh-p) * .9);font-weight:300;letter-spacing:.16em;text-transform:uppercase}.dc-heading{margin:0;font-size:var(--eh-title);font-weight:700;line-height:var(--eh-title-line-height);text-transform:uppercase;color:var(--eh-black)}.dc-heading em{font-style:normal;color:var(--eh-font-accent)}.dc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);align-items:start}.dc-col{min-width:0;border:1px solid var(--dc-hair);border-radius:clamp(12px,1.4vw,16px);overflow:hidden;background:#fff}.dc-col__header{padding:clamp(.9rem,1.8vw,1.4rem) clamp(1rem,2vw,1.5rem);font-size:calc(var(--eh-sub) * .9);font-weight:700;line-height:var(--eh-title-line-height)}.dc-col--positive .dc-col__header{background:linear-gradient(180deg,var(--dc-dark-a) 0%,var(--dc-dark-b) 100%);color:#fff}.dc-col--negative .dc-col__header,.dc-col--neutral .dc-col__header{background:#f5f2ec;color:var(--eh-black);border-bottom:1px solid var(--dc-hair)}.dc-rows{list-style:none;margin:0;padding:0}.dc-row{display:flex;align-items:flex-start;gap:.6em;padding:clamp(.8rem,1.5vw,1.1rem) clamp(1rem,2vw,1.5rem);font-size:var(--eh-p);line-height:var(--eh-base-line-height);color:var(--eh-black)}.dc-row+.dc-row{border-top:1px solid var(--dc-hair)}.dc-col--positive .dc-row{background:var(--dc-cream)}.dc-mark{flex:0 0 auto;font-weight:700;line-height:var(--eh-base-line-height)}.dc-col--positive .dc-mark:before{content:"\2713";color:var(--dc-check)}.dc-col--negative .dc-mark:before{content:"\2717";color:var(--dc-cross)}.dc-col--neutral .dc-mark{display:none}@media(max-width:820px){.dc-grid{grid-template-columns:1fr;gap:clamp(1.5rem,5vw,2rem)}}@media(prefers-reduced-motion:reduce){.diffuser-compare *{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-diffuser-compare.css.map */