.control-panel {background: white;border-radius: 12px;padding: 1.8rem;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);margin-bottom: 2.5rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 20px;}
.search-box {flex-grow: 1;max-width: 500px;position: relative;}
.search-box i {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);color: #95a5a6;}
#platformFilter {width: 100%;padding: 15px 20px 15px 50px;border: 2px solid #e0e6ed;border-radius: 50px;font-size: 1rem;transition: all 0.3s;}
#platformFilter:focus {outline: none;border-color: #6a11cb;box-shadow: 0 0 0 3px rgba(106, 17, 203, 0.1);}
.stats {font-size: 0.95rem;color: #5a6c7d;background: #f8f9fa;padding: 10px 20px;border-radius: 50px;font-weight: 600;}
.products-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 25px;margin-bottom: 3rem;}
.product-card {background: white;border-radius: 12px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: all 0.4s ease;display: flex;flex-direction: column;height: 100%;}
.product-card:hover {transform: translateY(-8px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.product-image {width: 100%;height: 180px;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.product-image img {height: 100%;object-fit: cover;z-index: 1;}
.product-info {padding: 1.5rem;flex-grow: 1;display: flex;flex-direction: column;}
.platform-name {font-size: 1.4rem;font-weight: 700;color: #2c3e50;margin-bottom: 8px;text-align: center;}
.recharge-type {color: #7f8c8d;font-size: 0.9rem;background: #f8f9fa;padding: 4px 10px;border-radius: 20px;display: inline-block;text-align: center;margin: 0 auto 1rem;}
.product-desc {color: #5a6c7d;font-size: 0.95rem;margin-bottom: 1.5rem;line-height: 1.6;flex-grow: 1;text-align: center;}
.product-footer {display: flex;justify-content: space-between;align-items: center;gap: 10px;}
.btn-detail,.btn-buy {padding: 10px 20px;border-radius: 8px;font-weight: 600;font-size: 0.95rem;cursor: pointer;transition: all 0.3s;border: none;flex: 1;text-align: center;}
.btn-detail {background: #f1f2f6;color: #5a6c7d;}
.btn-detail:hover {background: #e4e6eb;}
.btn-buy {background: linear-gradient(to right, #6a11cb, #2575fc);color: white;}
.btn-buy:hover {background: linear-gradient(to right, #5d0db9, #1c68e8);box-shadow: 0 5px 12px rgba(106, 17, 203, 0.3);}
.no-results {grid-column: 1 / -1;text-align: center;padding: 4rem 2rem;color: #95a5a6;}
@media (max-width: 768px) {.products-grid {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}@media (max-width: 480px) {.products-grid {grid-template-columns: 1fr;}.product-footer {flex-direction: column;}}}