.section-page-materials-grid{--container-card-materials-max-width: 222px;--gap-cards-columns: 12px}.section-page-materials-grid .container-card-material{max-width:var(--container-card-materials-max-width);margin-bottom:40px;flex:1}.section-page-materials-grid .container-card-material.active .button-open{display:block}.section-page-materials-grid .container-card-material.active .button-close{display:none}.section-page-materials-grid .container-card-material:not(.active) .button-open{display:none}.section-page-materials-grid .container-card-material:not(.active) .button-close{display:block}.section-page-materials-grid .container-card-material.active .button-open svg,.section-page-materials-grid .container-card-material:not(.active) .button-close svg{animation-name:rotate;animation-duration:.5s}@keyframes rotate{0%{transform:rotate(0);opacity:0}to{transform:rotate(180deg);opacity:1}}.section-page-materials-grid .card-material__text-code{font-size:12px;line-height:14px;text-align:center;color:gray;margin:8px 0}.section-page-materials-grid .card-material__text-name{font-size:20px;line-height:26px;text-align:center;color:#000;text-transform:uppercase;font-family:var(--font-heading-family);margin:0}.section-page-materials-grid .container-card-material.active .card-material__text-name{text-decoration:underline;text-underline-offset:6px}.section-page-materials-grid .container-card-material .card-material__image{position:relative;height:100px}.section-page-materials-grid .container-card-material .card-material__image img{display:block;max-width:100%;height:100%;object-fit:cover;object-position:center}.section-page-materials-grid .container-card-complete .card-material__image img{display:block;max-width:100%;width:100%;height:auto}.section-page-materials-grid .card-material__button-plus{width:27px;height:27px;border-radius:100%;background:#ffffffb3;border:1px solid rgba(255,255,255,.7);position:absolute;right:12px;bottom:12px;transition:.3s;display:flex;justify-content:center;align-items:center;cursor:pointer}.section-page-materials-grid .card-material__button-plus:hover{border:1px solid rgba(0,0,0,.4)}.section-page-materials-grid .card-material__button-plus svg{width:11px;height:11px}.container-card-complete{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-cards-columns);margin-bottom:40px}.container-card-complete:not(.hidden){animation-name:entrance;animation-duration:.5s}@keyframes entrance{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}.container-card-complete.animation{animation-name:exit;animation-duration:.5s}@keyframes exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}@media screen and (max-width: 1299px){.container-card-complete{display:grid;max-width:calc((4 * var(--container-card-materials-max-width)) + (3 * var(--gap-cards-columns)));margin:0 auto 40px}}@media screen and (max-width: 1023px){.container-card-complete{max-width:calc((3 * var(--container-card-materials-max-width)) + (2 * var(--gap-cards-columns)))}}@media screen and (max-width: 789px){.container-card-complete{max-width:calc((2 * var(--container-card-materials-max-width)) + var(--gap-cards-columns));grid-template-columns:1fr}}.container-card-complete .card-material__text-code,.container-card-complete .card-material__text-name{text-align:left}.container-card-complete .card-material__description{font-size:14px;line-height:22px;color:#3a3a3a;padding:12px 0;margin:0;border-bottom:1px solid #C2C2C2;font-family:var(--font-heading-family)}.section-page-materials-grid .rows-grid{display:flex;gap:12px;justify-content:center}.section-page-materials-grid .rows-grid-complete-cards{display:block;width:100%}.section-page-materials-grid .grid-all-rows{display:flex;max-width:1160px;margin:0 auto;justify-content:center}.section-page-materials-grid .list_menu{display:flex;justify-content:center;gap:0 30px;flex-wrap:wrap;margin-bottom:62px;font-family:var(--font-heading-family)}.section-page-materials-grid .list_menu li a{font-size:16px}.section-page-materials-grid .message-without-items{text-align:center;font-size:17px}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-page-materials-grid.css.map */