.snack-showcase{margin:0;padding-top:80px}.snack-showcase__head{text-align:center}.snack-showcase__subtitle{font-size:20px;font-weight:500;font-family:var(--font-body-family)}.snack-showcase__title{font-family:Zen Maru Gothic,sans-serif;font-weight:700;font-size:48px;line-height:1.5}.snack-showcase__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding-top:80px}.snack-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;border:0;background:transparent;padding:0;font:inherit;color:inherit;cursor:pointer}.snack-card__img-wrap{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.snack-card__img-wrap img{max-width:100%;max-height:100%;object-fit:contain;width:100%;height:100%}.snack-card__title{font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:700;line-height:1.5}.snack-modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(720px,calc(100vw - 32px));max-width:720px;height:fit-content;border:0;border-radius:20px;padding:0;background:#fff;box-shadow:0 24px 60px #0000002e;overflow:visible}.snack-modal::backdrop{background:#00000073}.snack-modal__close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;background:transparent;font-size:24px;line-height:1;color:#333;cursor:pointer}.snack-modal[open]{animation:snack-modal-in .3s ease both}.snack-modal[open]::backdrop{animation:snack-backdrop-in .3s ease both}@keyframes snack-modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes snack-backdrop-in{0%{opacity:0}to{opacity:1}}.snack-modal__body{display:grid;grid-template-columns:240px 1fr;align-items:start;gap:20px;padding:20px}.snack-modal__img{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;width:240px}.snack-modal__img img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s ease}.snack-modal__content{display:flex;flex-direction:column;justify-content:center;gap:16px}.snack-modal__title{font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:700;line-height:1.4}.snack-modal__title br{display:none}.snack-modal__desc{font-family:var(--font-body-family);font-size:16px;line-height:1.6;color:rgba(var(--color-foreground));text-align:justify}.snack-showcase__footer{padding-top:80px}.snack-showcase__footer img{width:100%;height:auto;border-radius:20px}.snack-showcase__footer-img--mobile{display:none}@media screen and (max-width:899px){.snack-showcase__footer-img--desktop{display:none}.snack-showcase__footer-img--mobile{display:block}}@media screen and (max-width:899px){.snack-showcase{padding-top:20px}.snack-showcase__grid{grid-template-columns:repeat(2,1fr);padding-top:32px;gap:16px}.snack-card{gap:12px}.snack-card__title{font-size:14px}.snack-showcase__title{font-size:18px}.snack-showcase__subtitle{font-size:14px}.snack-showcase__footer{padding-top:20px;border-radius:4px}.snack-showcase__footer img{border-radius:4px}.snack-modal__body{display:flex;padding:16px;gap:16px}.snack-modal__img{width:120px;margin:0 auto;flex-shrink:0}.snack-modal__content{padding-right:0;text-align:start;gap:4px}.snack-modal__title{font-size:14px}.snack-modal__desc{font-size:14px;font-weight:400;letter-spacing:0;line-height:1.15}.snack-modal__close{display:none}.snack-modal{border-radius:12px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-snack-showcase.css.map */