.grid-icons-section{background-color:var(--section-background, #ffffff);padding-top:var(--section-padding-top, 40px);padding-bottom:var(--section-padding-bottom, 40px)}.grid-icons__container{max-width:700px;margin:0 auto;padding:0 15px}.grid-icons__title{margin:0 0 16px;color:var(--section-title-color, #1f1f1f);font-family:var(--font-heading, serif);font-size:var(--title-font-size-mobile, 28px);font-weight:400;line-height:1.2;text-align:center}@media screen and (min-width: 768px){.grid-icons__title{font-size:var(--title-font-size-desktop, 36px);margin-bottom:20px}}.grid-icons__subtitle{color:var(--section-subtitle-color, #666666);font-family:var(--font-body-primary, sans-serif);font-size:var(--subtitle-font-size-mobile, 16px);font-weight:400;line-height:1.4;text-align:center;max-width:600px;margin:0 auto 32px}@media screen and (min-width: 768px){.grid-icons__subtitle{font-size:var(--subtitle-font-size-desktop, 18px);margin-bottom:48px}}.grid-icons__grid{display:grid;gap:24px;justify-items:center;grid-template-columns:repeat(4,1fr)}@media screen and (min-width: 768px){.grid-icons__grid{gap:32px}}.grid-icons__item{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:200px}.grid-icons__icon{margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:var(--icon-size-mobile, 60px);height:var(--icon-size-mobile, 60px)}@media screen and (min-width: 768px){.grid-icons__icon{width:var(--icon-size-desktop, 60px);height:var(--icon-size-desktop, 60px);margin-bottom:20px}}.grid-icons__icon img{width:100%;height:100%;object-fit:contain;display:block}.grid-icons__text p{margin:0;color:var(--section-text-color, #1f1f1f);font-family:var(--font-body-primary, sans-serif);font-size:var(--text-font-size-mobile);font-weight:500;line-height:1.3;text-align:center;text-transform:uppercase;letter-spacing:.5px}@media screen and (min-width: 768px){.grid-icons__text p{font-size:var(--text-font-size-desktop);line-height:1.4}}.grid-icons__item{transition:transform .3s ease}.grid-icons__item:hover{transform:translateY(-4px)}.grid-icons__icon{transition:transform .3s ease}.grid-icons__item:hover .grid-icons__icon{transform:scale(1.05)}@media screen and (max-width: 480px){.grid-icons__grid{gap:20px}.grid-icons__item{max-width:150px}}@media screen and (min-width: 1440px){.grid-icons__grid{gap:48px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-grid-icons.css.map */