.box-list{width:90%;margin:1rem auto 0;box-sizing:border-box}.box-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;width:100%}.box-item__details{text-align:center;display:flex;gap:.5rem;align-items:center;flex-direction:column;height:100%;margin:1rem 0}.box-list__title{font-size:1.5rem;color:var(--color-black);margin:0}.box-list__link{text-decoration:none;color:var(--color-brown-light);font-weight:700;font-size:1.2rem;transition:color .3s ease}.box-list__link:hover{color:var(--color-brown)}.box-list__grid{display:grid;grid-template-columns:repeat(2,1fr);width:100%;box-sizing:border-box;overflow:hidden;border:2px solid #e5e5e5}.box-list .box-item{display:flex;flex-direction:column;text-decoration:none;align-items:center;padding:1rem;border-right:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5}.box-list .box-item:nth-child(2n){border-right:none}.box-list .box-item:nth-last-child(-n+2){border-bottom:none}.box-list .box-item:hover{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1)}.box-list .box-item__image{width:100%;object-fit:contain;max-width:10rem;padding:.5rem}.box-list .box-item__name{font-size:1rem;color:#333;font-weight:600;text-align:center;margin-bottom:.5rem}.box-list .box-item__price{display:flex;justify-content:center;align-items:center;gap:.2rem}.box-list .box-item__price-value{font-size:1.1rem;color:var(--color-brown-light);font-weight:700}.box-list .box-item__price-icon{font-size:1.2rem}@media (min-width:768px){.box-list__grid{grid-template-columns:repeat(5,1fr)}.box-list__title{font-size:2rem}.box-list .box-item:nth-child(2n){border-right:2px solid #e5e5e5}.box-list .box-item:nth-child(3n){border-right:none}.box-list .box-item:nth-last-child(-n+3){border-bottom:none}}@media (min-width:1024px){.box-list__grid{grid-template-columns:repeat(6,1fr)}.box-list .box-item:nth-child(3n){border-right:2px solid #e5e5e5}.box-list .box-item:nth-child(6n){border-right:none}.box-list .box-item:nth-last-child(-n+6){border-bottom:none}}.box-list__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;width:100%;grid-column:1/-1}.box-list__empty-icon{font-size:3rem;margin-bottom:1rem}.box-list__empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#333}.box-list__empty-message{font-size:1rem;color:#666;max-width:400px;line-height:1.5}