.boxes{width:90%;margin:0 auto}.boxes__container{max-width:1400px;margin:0 auto}.boxes-page__header{width:100%;max-width:1200px;text-align:center;margin:2rem auto 1rem;padding:1rem}.boxes__title{font-size:1.5rem;color:var(--color-black);margin-bottom:.5rem;font-weight:800;will-change:transform,opacity;background:linear-gradient(135deg,#000,#333);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.boxes__subtitle{font-size:.875rem;color:var(--color-gray);max-width:100%;margin:0 auto;line-height:1.5;will-change:transform,opacity;padding:0 .5rem}@media (min-width:640px){.boxes__title{font-size:1.75rem}.boxes__subtitle{font-size:1rem;max-width:90%}}@media (min-width:768px){.boxes__title{font-size:2rem}.boxes__subtitle{font-size:1.1rem;max-width:80%}}@media (min-width:1024px){.boxes__title{font-size:2.25rem}.boxes__subtitle{font-size:1.2rem;max-width:70%}}.boxes__layout{display:flex;width:100%;margin:0 auto;flex-direction:column;gap:1rem}.boxes__grid{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);border:2px solid #e5e5e5}.howitworks-conteiner{width:100%;margin:0 auto;position:relative}.box-item{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border-right:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;transition:all .3s ease;min-height:16rem}.box-item:nth-child(2n){border-right:none}.box-item:nth-last-child(-n+2){border-bottom:none}.box-item:hover{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}.box-item__image{width:100%;display:flex;align-items:center;justify-content:center}.box-item__image img{width:100%;height:auto;object-fit:contain;max-width:12rem;padding:.5rem;transition:transform .3s ease}.box-item__details{text-align:left;display:flex;gap:.75rem;flex-direction:column;height:100%;margin:1rem 0;width:100%;align-items:center}.box-item__name{font-size:1.1rem;font-weight:600;color:#2d3436;text-align:left}.box-item__name-wrap{display:inline-flex;align-items:center;gap:6px}.box-item__price{display:flex;align-items:center;gap:.3rem;font-size:1.3rem;font-weight:700;color:#ffa502}.box-item__price-icon{font-size:1.4rem}.boxes__error{display:flex;justify-content:center;align-items:center;min-height:200px;padding:2rem}.boxes__error-message{color:#ff6b6b;font-size:1.2rem;text-align:center;padding:1.5rem 2.5rem;border:2px solid #ff6b6b;border-radius:12px;background-color:hsla(0,100%,71%,.1)}@media (min-width:768px){.boxes__layout{flex-direction:row;align-items:flex-start;width:100%}.boxes__grid{grid-template-columns:repeat(3,1fr)}.box-item__image img{max-width:14rem}.box-item__name{font-size:1.2rem}.box-item__price{font-size:1.4rem}.box-item__price-icon{font-size:1.5rem}.box-item:nth-child(2n){border-right:2px solid #e5e5e5}.box-item:nth-child(3n){border-right:none}.box-item:nth-last-child(-n+3){border-bottom:none}.howitworks-conteiner{width:40%;position:sticky;top:2rem}}@media (min-width:1024px){.boxes__grid{grid-template-columns:repeat(4,1fr)}.box-item__image img{max-width:16rem}.box-item__name{font-size:1.3rem}.box-item__price{font-size:1.5rem}.box-item__price-icon{font-size:1.6rem}.box-item:nth-child(3n){border-right:2px solid #e5e5e5}.box-item:nth-child(4n){border-right:none}.box-item:nth-last-child(-n+4){border-bottom:none}}.box-item--loading{padding:1rem;border-right:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;display:flex;flex-direction:column;align-items:center}.box-item--loading .box-item__image{width:100%;margin-bottom:1rem}.box-item--loading .box-item__details{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;text-align:left}@media (min-width:768px){.box-item--loading .box-item__image{max-width:240px}}@media (min-width:1024px){.box-item--loading .box-item__image{max-width:280px}}.skeleton-box{justify-content:center;margin-bottom:.5rem}.skeleton-box,.skeleton-lines{width:100%;display:flex;align-items:center}.skeleton-lines{flex-direction:column;gap:.5rem}.skeleton-box span{border-radius:12px!important}