.feature-grid-section{width:100%}.feature-grid-container{max-width:1200px;margin:0 auto;padding:0 20px}.feature-grid-heading{text-align:center;color:#fff;margin-bottom:24px;font-size:32px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:140px;grid-auto-flow:row dense;gap:var(--gap, 16px)}.feature-card{position:relative;border-radius:16px;overflow:hidden;display:flex;align-items:stretch}.feature-card--small{grid-column:span 1;grid-row:span 1}.feature-card--wide{grid-column:span 2;grid-row:span 1}.feature-card--tall{grid-column:span 1;grid-row:span 2}.feature-card--large{grid-column:span 2;grid-row:span 2}.feature-card__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.feature-card__image{width:100%;height:100%;object-fit:cover;display:block}.feature-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 40%,#0000008c)}.feature-card__content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;text-align:center;align-items:center;gap:4px}.feature-card__content--top{justify-content:flex-start}.feature-card__content--center{justify-content:center}.feature-card__content--bottom{justify-content:flex-end}.feature-card:not(.has-image) .feature-card__content{justify-content:center;height:100%}.feature-card__icon img{width:48px;height:48px;object-fit:contain;margin-bottom:8px}.feature-card__title{font-size:18px;font-weight:700;line-height:1.3}.feature-card__text{font-size:14px;line-height:1.4}.feature-card__text p{margin:0}@media screen and (max-width:989px){.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card--large,.feature-card--wide{grid-column:span 2}.feature-card--small,.feature-card--tall{grid-column:span 1}}@media screen and (max-width:599px){.feature-grid{grid-template-columns:1fr;grid-auto-rows:auto}.feature-card--small,.feature-card--wide,.feature-card--tall,.feature-card--large{grid-column:span 1;grid-row:span 1;min-height:220px}.feature-grid-heading{font-size:24px}}.feature-grid-section{margin-top:var(--margin-top-desktop, 0px);margin-bottom:var(--margin-bottom-desktop, 0px)}@media screen and (max-width:599px){.feature-grid-section{margin-top:var(--margin-top-mobile, 0px);margin-bottom:var(--margin-bottom-mobile, 0px)}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/pdp-features-grid.css.map */