/* Styling for text container background */
.product-preview {
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent dark background */
    padding: 20px;
	
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Soft shadow for aesthetics */
   
    max-width: 1200px; /* Restrict the width for larger screens */
    margin: 0 auto; /* Center the container */
}

.product-description {
    color: #fff; /* White text for contrast */
}

.product-image img {
    width: 100%; /* Ensure image takes full width of its column */
    height: auto;
    border-radius: 10px;
}

.add-to-cart {
    background-color: #d4af37; /* Gold button for accent */
    border: none;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 20px;
}

.add-to-cart:hover {
    background-color: #b08d26; /* Darker gold on hover */
}
.fav {
    font-size: 100px; /* Ustawienie rozmiaru ikony */
    display: flex; /* Użyj flexbox */
    justify-content: center; /* Wyśrodkowanie w poziomie */
    align-items: center; /* Wyśrodkowanie w pionie */
    height: 100%; /* Ustaw wysokość, aby umożliwić wyśrodkowanie w pionie */
}

.btn-primary{
	 background-color: #d4af37; /* Gold button for accent */
    border: none;
    color: white;
}

.btn-primary:hover {
	background-color: #b08d26; 
}
@media (max-width: 500px) {
    .product-name {
        padding: 70px; /* Apply 20px margin-top for screens smaller than 500px */
    }
}

@media (max-width: 767px) {
   .fav {
    font-size: 30px; /* Ustawienie rozmiaru ikony */
    display: none; /* Użyj flexbox */
    
	
}
}