main{max-width:1200px;margin:0 auto;padding:2rem}#product h2{color:#4facfe;text-align:center;margin-bottom:2rem}#product h3{color:#4facfe;font-size:1.5rem;margin:2rem 0 1rem;position:relative;padding-bottom:.5rem}#product h3::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#4facfe}.content-grid{display:grid;grid-template-columns:1fr;gap:1rem}.card{display:flex;align-items:center;padding:1.2rem;background-color:#f8fbff;transition:.3s;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.card:hover{background-color:#e6f0fa;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.product-name{font-size:1.2rem;font-weight:700;color:#4facfe;min-width:120px;margin-right:1.5rem;text-decoration:none;transition:.3s}.product-name:focus,.product-name:hover{color:#00f2fe;text-decoration:underline}.product-desc{font-size:1rem;color:#333;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:769px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}}@media (min-width:1024px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(580px,1fr))}}@media (max-width:768px){main{padding:1.5rem 1rem}#product h3{font-size:1.3rem}.card{padding:.8rem;flex-direction:column;align-items:flex-start}.product-name{font-size:1.1rem;min-width:0;margin-right:0;margin-bottom:.5rem;display:block;width:100%}.product-desc{font-size:.9rem;white-space:normal;text-align:left}}@media (max-width:480px){main{padding:1rem .5rem}#product h3{font-size:1.2rem}.card{padding:.6rem}.product-name{font-size:1rem}.product-desc{font-size:.8rem}}