.section{width:100%;box-sizing:border-box;padding:56px 20px 72px;background:#f8f7f4;overflow-x:hidden}.header{text-align:center;margin-bottom:36px;padding:0 8px}.title{font-size:clamp(1.6rem,5vw,2.6rem);font-weight:800;line-height:1.2;word-break:break-word;font-family:var(--font-heading),"Poppins",sans-serif}.orange{color:#f26b1d}.green{color:#2d7a2d}.subtitle{color:#666;margin-top:8px;font-size:clamp(.85rem,2vw,.95rem);font-family:var(--font-body),"Montserrat",sans-serif}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1280px;margin:0 auto}.card,.product-grid{width:100%;box-sizing:border-box}.card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 10px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease;min-width:0}.card:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(0,0,0,.12)}.img-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;background:#f0f0f0;position:relative}.img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.card:hover .img{transform:scale(1.05)}.info{padding:12px 14px 16px}.name{font-weight:700;font-size:.92rem;color:#1a1a1a;margin:0 0 4px;overflow-wrap:break-word;word-break:break-word;font-family:var(--font-heading),"Poppins",sans-serif}.count{font-size:.78rem;color:#2d7a2d;font-weight:600;margin:0;font-family:var(--font-body),"Montserrat",sans-serif}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media (max-width:768px){.section{padding:40px 16px 56px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width:480px){.section{padding:32px 12px 48px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{border-radius:12px}.name{font-size:.82rem}.info{padding:10px 10px 12px}}@media (max-width:360px){.product-grid{grid-template-columns:1fr;gap:14px}}