/* Styles for the Home and Garden Affiliate Store */ body

/* Add these styles */.enlargeable img {    transition: transform 0.2s;    cursor: pointer;}
.enlargeable img:active {    transform: scale(2);    transition: transform 0.2s;}
/* Navbar */.navbar {    background-color: #333;    overflow: hidden;}
.navbar a {    float: left;    display: block;    color: #f2f2f2;    text-align: center;    padding: 14px 20px;    text-decoration: none;}
.navbar a:hover {    background-color: #ddd;    color: black;}
.search-container {    float: right;    padding: 14px;}
.search-container input[type=text] {    padding: 6px;    font-size: 17px;    border: none;}{ font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } h1 { text-align: center; padding: 20px; background-color: #333; color: white; margin: 0; } .product-container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-around; padding: 20px; } .product-item { background-color: white; border: 1px solid #ccc; border-radius: 8px; box-shadow: 2px 2px 12px #aaa; padding: 15px; width: 30%; box-sizing: border-box; transition: transform 0.2s, box-shadow 0.2s; } .product-item:hover { transform: translateY(-5px); box-shadow: 2px 2px 20px #666; } .product-item img { width: 100%; height: auto; border-radius: 5px; } .product-item h3 { font-size: 1.2em; color: #333; margin: 10px 0; } .product-item .price { color: green; font-weight: bold; } .product-item .discount { color: red; text-decoration: line-through; } .product-item .description { margin: 10px 0; font-size: 0.9em; } .product-item .video { margin-top: 10px; } .product-item a { text-decoration: none; color: #0066cc; font-weight: bold; } .product-item a:hover { text-decoration: underline; } /* Responsive Design */ @media (max-width: 768px) { .product-item { width: 45%; } } @media (max-width: 480px) { .product-item { width: 100%; } }