<> /* Shopping Panel Styles */ .shopping-panel-grid { display: flex; flex-direction: column; gap: 15px; padding: 15px; max-height: 90vh; max-width: 100%; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; } .shopping-section { width: 100%; } .shopping-section-title { padding: 8px 12px; text-align: left; margin: 0 0 8px 0; } .shopping-section-title h3 { color: inherit; font-size: 14px; font-weight: 600; margin: 0; } .shopping-image-container { width: 100%; box-sizing: border-box; } .shopping-image-container a { display: block; text-decoration: none; transition: transform 0.3s ease; } .shopping-image-container a:hover { transform: scale(1.02); } .shopping-image-container img { width: 100%; max-width: 100%; height: auto; display: block; object-fit: contain; object-position: center; transition: transform 0.3s ease; box-sizing: border-box; } .heading { text-align: center; margin-bottom: 0; padding: 20px 20px 10px 20px; justify-content: center; align-items: center; } .heading p { margin: 0; line-height: 1.6; } .heading p:first-child { font-size: 18px; font-weight: bold; margin-bottom: 8px; } .heading p:nth-child(2) { font-size: 22px; font-weight: 500; margin-bottom: 15px; } .heading p:last-child { font-size: 14px; max-width: 600px; margin: 0 auto; } @media (min-width: 768px) { .shopping-panel-grid { gap: 20px; padding: 20px; /* max-height: 75vh; */ } .shopping-section { flex: 1; } .shopping-section-title h3 { font-size: 16px; } } @media (max-width: 480px) { .shopping-panel-grid { padding: 12px; gap: 12px; /* max-height: 65vh; */ } .shopping-section-title { padding: 6px 8px; } .shopping-section-title h3 { font-size: 18px; } }