.howto-section .page-width{display:flex;flex-direction:column;align-items:center}.howto__container{display:grid;justify-content:center;align-items:stretch;gap:40px;width:100%}a.howto__card{text-decoration:none;color:inherit}.howto__card{display:flex;flex-direction:column;width:100%;max-width:100%;border-radius:16px}.howto__card,.howto__content,.howto__media{box-shadow:none}.howto__media{width:100%;aspect-ratio:var(--howto-ratio, 1 / 1);overflow:hidden;border-radius:16px 16px 0 0}.howto__media video,.howto__media img{width:100%;height:100%;object-fit:cover}.howto__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04)}.howto__placeholder .placeholder-svg{width:60%;height:60%}.howto__content{display:flex;flex-direction:column;gap:18px;padding:26px 18px;position:relative;flex-grow:1;border-radius:16px}.howto__card-btn{margin-top:auto;align-self:center}.howto__text{font-size:16px;text-align:center}.howto__btn-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.howto__info-text{display:flex;align-items:center;gap:.8rem;margin-top:1.2rem}.howto__info-icon{flex-shrink:0}.howto__info-icon img{display:block;object-fit:contain}.howto__info-desc{margin:0;font-size:14px}@media screen and (max-width:991px){.howto__container{display:flex;grid-template-columns:none}.howto__card{width:32%;max-width:none;border-radius:8px}.howto__media{aspect-ratio:var(--howto-ratio, 1 / 1);height:auto;border-radius:0}.howto__content{align-items:center;padding-left:8px;padding-right:8px;border-radius:0}.howto__text{font-size:13px;max-width:210px}.howto__container{gap:0;justify-content:space-between}}@media screen and (max-width:767px){.howto__container{flex-direction:column;align-items:center;gap:20px}.howto__card{flex-direction:row;width:100%;max-width:460px;height:220px}.howto__media{border-radius:8px 0 0 8px;aspect-ratio:auto;height:220px;width:50%;min-width:50%}.howto__content{border-radius:0 8px 8px 0;text-align:left;justify-content:center;align-items:flex-start;height:100%;padding:20px 24px}.howto__text{text-align:left;font-size:14px;max-width:190px}}@media screen and (max-width:479px){.howto__card,.howto__media{height:180px}.howto__content{gap:15px;padding:20px}.howto__text{font-size:14px}}html:has(.howto__btn-container a[href^="#"]){scroll-behavior:smooth}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-to.css.map */