.three-col-feature{width:100%;padding:3rem 0}.three-col-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.three-col-column{background-color:#e0e0e0;height:80vh;position:relative;border-radius:calc(var(--media-radius) - var(--media-border-width))}.three-col-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(var(--media-radius) - var(--media-border-width))}.three-col-column.first-image{display:block}.three-col-content{padding:60px 40px;display:flex;flex-direction:column;justify-content:center;border-radius:calc(var(--media-radius) - var(--media-border-width))}.three-col-subtitle{font-size:14px;font-weight:400;margin-bottom:8px;opacity:.9}.three-col-title{margin:.5rem 0}.three-col-description{font-size:14px;line-height:1.6;color:#55504f}@media (max-width: 1024px){.three-col-container{grid-template-columns:1fr;gap:0}.three-col-column.first-image{display:none}.three-col-column{max-height:50vh;border-radius:0;border-radius:calc(var(--media-radius) - var(--media-border-width)) calc(var(--media-radius) - var(--media-border-width)) 0 0}.three-col-image{border-radius:calc(var(--media-radius) - var(--media-border-width)) calc(var(--media-radius) - var(--media-border-width)) 0 0}.three-col-content{grid-column:1;padding:40px 30px;border-radius:0 0 calc(var(--media-radius) - var(--media-border-width)) calc(var(--media-radius) - var(--media-border-width))}}@media (max-width: 768px){.three-col-container{grid-template-columns:1fr;gap:0}.three-col-column.first-image{display:none}.three-col-column{border-radius:0;border-radius:calc(var(--media-radius) - var(--media-border-width)) calc(var(--media-radius) - var(--media-border-width)) 0 0}.three-col-image{border-radius:calc(var(--media-radius) - var(--media-border-width)) calc(var(--media-radius) - var(--media-border-width)) 0 0}.three-col-content{grid-column:1;padding:60px 20px;border-radius:0 0 calc(var(--media-radius) - var(--media-border-width)) calc(var(--media-radius) - var(--media-border-width))}.three-col-title{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/three-column-product-feature-section.css.map */