.brand-comparison-section{position:relative;overflow:hidden}.brand-comparison-grid{display:grid;grid-template-columns:1fr;gap:0;position:relative}.brand-comparison-section .comparison-left .comparison-heading{font-weight:500;font-style:Medium;font-size:clamp(18px,1.944444vw,28px);line-height:120%;letter-spacing:0;text-align:center}@media screen and (min-width:750px){.brand-comparison-grid{grid-template-columns:1fr 1fr 1.5fr;min-height:600px}}.story-main .comparison-column{padding:3rem 2.5rem;display:flex;flex-direction:column;position:relative}@media screen and (max-width:989px){.story-main .comparison-column{padding:2.5rem 1.5rem}}.story-main .comparison-left{background-color:#f5f3e8;color:#4a5568}.story-main .comparison-center{background-color:#2d5016;color:#fff}.story-main .comparison-right{background-color:#fbf8e8;color:#2d5016;padding:3.5rem 3rem}@media screen and (min-width:990px){.story-main .comparison-right{padding:4rem 4.3rem}}.story-main .comparison-vs-badge{position:absolute;top:18%;right:-34px;width:70px;height:70px;border-radius:50%;background-color:#fbf8e8;display:flex;align-items:center;justify-content:center;z-index:1}.story-main .vs-text{font-weight:700;font-size:clamp(18px,1.805556vw,26px);line-height:120%;letter-spacing:0;text-align:center;vertical-align:middle;color:#2f6b3a;font-family:var(--font-heading-family)}.story-main .comparison-heading{font-size:2.4rem;font-weight:700;margin:0 0 1rem;line-height:1.2;color:currentColor}.story-main .comparison-heading-highlight{color:#fff}.story-main .comparison-heading-large{font-weight:800;font-size:clamp(22px,2.5vw,36px);line-height:120%;letter-spacing:0;margin:0 0 16px;max-width:370px}.story-main .comparison-subheading{font-weight:700;font-size:clamp(18px,1.666667vw,24px);line-height:120%;letter-spacing:00;margin:48px 0 0}.story-main .comparison-image{margin:0 auto 2.5rem;max-width:200px;width:100%}.story-main .comparison-center .comparison-image{max-width:200px}.story-main .comparison-image img{width:100%;height:auto;display:block}.story-main .comparison-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.story-main .feature-item{font-weight:400;font-size:clamp(12px,1.111111vw,16px);line-height:130%;letter-spacing:0;min-height:70px;color:currentColor;padding:5px 0;position:relative;display:flex;align-items:center}.story-main .feature-item:not(:last-child){border-bottom:1px solid #4c493229}.story-main .feature-item-checkmark{display:flex;align-items:center;gap:1rem;padding-left:0}.story-main .feature-check-icon{flex-shrink:0;margin-top:2px;color:#fff;stroke-width:2.5}.story-main .feature-item-checkmark span{flex:1;display:flex;align-items:flex-start;gap:12px}.story-main .comparison-description{font-weight:400;font-size:clamp(12px,1.041667vw,16px);line-height:160%;letter-spacing:0;color:currentColor}.story-main .comparison-subdescription{font-weight:400;font-size:16px;line-height:160%;letter-spacing:0;margin:16px 0 0}.story-main .comparison-button-wrapper{padding-top:4rem}.story-main .brand-comparison-section .comparison-right{display:flex;gap:0;justify-content:center;align-items:self-start}.story-main .comparison-button{display:inline-flex;align-items:center;gap:.8rem;padding:1.1.4rem 2.1rem;color:#fff;text-decoration:none;border-radius:50px;border:1px solid #2D5016;transition:all .3s ease;cursor:pointer;text-transform:none;font-size:16px;line-height:100%;letter-spacing:0}.story-main .brand-comparison-section .comparison-right{background-image:url(/cdn/shop/files/Primor_Texture_1_3.png?v=1770638356);background-size:cover;background-repeat:no-repeat}.story-main .button-arrow{flex-shrink:0;transition:transform .3s ease;stroke-width:2.5}.story-main .comparison-column.comparison-center .comparison-heading.comparison-heading-highlight{font-weight:800;font-size:clamp(18px,1.944444vw,28px);line-height:120%;letter-spacing:0;color:#fffef6;text-align:center}.story-main .comparison-column.comparison-center .feature-item:not(:last-child){border-bottom:1px solid #fffbdc21}.story-main .comparison-column.comparison-center,.story-main .comparison-column.comparison-left{padding-bottom:15px}@media screen and (max-width:749px){.story-main .brand-comparison-grid{grid-template-columns:1fr}.story-main .comparison-description{font-size:14px}.story-main .comparison-vs-badge{right:-30px;width:60px;height:60px}}@media screen and (min-width:750px)and (max-width:989px){.story-main .comparison-column{padding:3rem 2.4rem 1.2rem}.story-main .comparison-right{padding:3rem 2.5rem}}.story-main .color-scheme-1 .comparison-column,.story-main .color-background-1 .comparison-column{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.story-main .brand-comparison-grid{display:flex;flex-wrap:wrap}.story-main .comparison-left{order:1;width:50%}.story-main .comparison-center{order:3;width:50%}.story-main .comparison-right{order:4;margin-top:25px}.story-main .feature-item{min-height:60px}.story-main .comparison-heading{font-size:2rem;margin-bottom:2rem}.story-main .comparison-heading-large{margin:0 0 8px}.story-main .comparison-subdescription{margin:6px 0 0}.story-main .comparison-subheading{margin-top:20px}.story-main .comparison-button-wrapper{padding-top:2.2rem}}@media print{.story-main .comparison-vs-badge{display:none}.story-main .brand-comparison-grid{grid-template-columns:1fr 1fr 1fr}.story-main .comparison-column{border:1px solid #000}}@media(prefers-reduced-motion:reduce){.story-main .comparison-button,.story-main .button-arrow{transition:none}}@media(prefers-contrast:high){.story-main .comparison-column{border:2px solid currentColor}.story-main .comparison-vs-badge{border-width:4px}}.story-main .comparison-button:focus-visible{outline:3px solid #2D5016;outline-offset:4px}.story-main .comparison-image{overflow:hidden}.story-main .comparison-column{transition:background-color .3s ease}.story-main .comparison-features-highlight .feature-item{text-align:left}.story-main .comparison-heading,.story-main .comparison-heading-large,.story-main .comparison-subheading{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports not (gap: 0){@media screen and (min-width:990px){.story-main .brand-comparison-grid{display:flex}.story-main .comparison-column{flex:1}.story-main .comparison-right{flex:1.2}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-brand-comparison.css.map */