/* Style dla sklepu z bateriami */

/* Ostrzeżenie o bezpieczeństwie */
.battery-safety-warning {
    border-left: 5px solid #ffc107;
    background-color: #fff3cd;
    padding: 15px;
    margin-top: 20px;
}

.battery-safety-warning .material-icons {
    color: #ffc107;
    font-size: 24px;
    vertical-align: middle;
    margin-right: 10px;
}

/* Style dla produktów */
.product-miniature {
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.product-miniature:hover {
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

/* Style dla specyfikacji technicznych */
.tech-specs {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 4px;
}

.tech-specs dt {
    font-weight: bold;
    color: #232323;
}

/* Style dla kategorii */
.category-cover img {
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.category-cover img:hover {
    transform: scale(1.05);
}

/* Style dla nagłówka */
#header {
    background: linear-gradient(to right, #2c3e50, #3498db);
}

#header .header-nav {
    border-bottom: 2px solid #3498db;
}

/* Style dla przycisków */
.btn-primary {
    background-color: #3498db;
    border-color: #2980b9;
}

.btn-primary:hover {
    background-color: #2980b9;
    border-color: #2472a4;
}

/* Style dla informacji o produkcie */
.product-information {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 4px;
    margin-top: 20px;
}

/* Style dla sekcji bezpieczeństwa */
.safety-info {
    background: #e8f4f8;
    padding: 15px;
    border-radius: 4px;
    margin: 20px 0;
}

.safety-info h3 {
    color: #2c3e50;
    font-size: 18px;
    margin-bottom: 10px;
}

/* Style dla etykiet parametrów */
.product-features dt {
    background: #f1f1f1;
    padding: 5px 10px;
    border-radius: 3px;
}

/* Style dla cen */
.product-price {
    color: #27ae60;
    font-weight: bold;
}

/* Style dla dostępności */
.product-availability {
    padding: 5px 10px;
    border-radius: 3px;
}

.product-availability.available {
    background: #e8f5e9;
    color: #2e7d32;
}

.product-availability.unavailable {
    background: #ffebee;
    color: #c62828;
}