.warna1 {
    background-color: #0d6efd !important;
}

.warna2 {
     background-color:#0d6efd ;
}

.warna3 {
    background-color: #EEC373;
}
.warna4 {
    background-color: #F4DFBA;
}

.banner{
    height: 80vh;
    background: linear-gradient(rgb(0, 0, 0,0.4),rgb(0, 0, 0,0.4)), url('../image/banner.jpg');
}

.highligted-kategori{
    height: 250px;
}

.kategori-gadget{
    background: linear-gradient(rgb(0, 0, 0,0.4),rgb(0, 0, 0,0.4)), 
    url('../image/Samsung\ A54.avif');
    background-size: cover;
    background-position: center;
}

.kategori-gadget1{
    background: linear-gradient(rgb(0, 0, 0,0.4),rgb(0, 0, 0,0.4)), 
    url('../image/SamsungA56.jpg');
    background-size: cover;
    background-position: center;
}

.kategori-gadget2{
    background: linear-gradient(rgb(0, 0, 0,0.4),rgb(0, 0, 0,0.4)), 
    url('../image/Mi-14T-Pro-2.png');
    background-size: cover;
    background-position: center;
}
.no-decoration {
    text-decoration: none;
    color: white;
}
.no-decoration:hover{
    color: #6a98dd;
}

.text-harga {
    font-size: 22px;
    color: #CA965C;
}

.image-box {
    height: 400px;

}

.image-box img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.content-subscribe{
    background-color: rgba(0,0,0,0.7);
}

.content-subscribe a {
    color: #fff;
}

.banner2 {
    height: 50vh;
    background: linear-gradient(rgb(0, 0, 0,0.4),rgb(0, 0, 0,0.4)), url('../image/banner.jpg');
    background-position: 50% 10%;
}

.produk-terkait-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.card {
    transition: all 0.3s ease;
}
.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}