body{
    background:#0f172a;
    font-family:Arial;
}
.card{
    background:#1e293b !important;
    border:none !important;
    color:white !important;
    border-radius:20px !important;
}
.card-header{
    background:#111827 !important;
    color:white !important;
    border:none !important;
}
.card-footer{
    background:#111827 !important;
    border:none !important;
    color:#cbd5e1 !important;
}
.text-muted{
    color:#cbd5e1 !important;
}
#carGallery,
#carGallery .carousel-inner,
#carGallery .carousel-item,
#carGallery img{
	border-radius:20px 20px 0 0;
}
#carGallery{
    box-shadow:
    0 10px 30px rgba(0,0,0,.35);
}
.auction-price-value{
    font-size:2rem;
    font-weight:700;
    line-height:1.1;
}
.auction-timer-value{
    font-size:1.8rem;
    font-weight:700;
    line-height:1.1;
    text-align:center;
    color:#f59e0b;
}
@media (max-width:768px){
    .auction-price-value{
        font-size:1.35rem;
    }
    .auction-timer-value{
        font-size:1rem;
    }
    .countdown-box small{
        font-size:.75rem;
    }
}
@media (max-width:768px){
    #bidForm .form-control{
        font-size:.95rem;
        padding:10px 12px;
        height:48px;
    }
    #bidForm .form-control::placeholder{
        font-size:.8rem;
    }
    #bidForm .btn{
        font-size:.85rem;
        padding:10px 14px;
        white-space:nowrap;
    }
    #bidForm .input-group{
        align-items:stretch;
    }
 .auction-action-btn{
        font-size:.75rem !important;
        padding:4px 6px !important;
        line-height:1 !important;
        min-height:auto !important;
        height:auto !important;
        border-radius:8px !important;
    }
}
.auction-btn-icon{
		width:14px;
		height:14px;
		flex-shrink:0;
}
@media (max-width:768px){
    .auction-action-btn{
        font-size:.6rem !important;
        padding:5px 6px !important;
        line-height:1 !important;
        min-height:auto !important;
        height:auto !important;
    }
    .auction-btn-icon{
        width:11px;
        height:11px;
    }
} 
#fullScreenCarouselModal .modal-content{
    background:#000;
    border:none;
}

#fullScreenCarouselModal .modal-body{
    padding:0;
    overflow:hidden;
}

#fullScreenCarouselModal img{
    width:100vw;
    height:100vh;
    object-fit:contain;
    background:#000;
}

#fullScreenCarouselModal .carousel-item{
    text-align:center;
    background:#000;
}
#rotateDeviceOverlay{
    display:none;
    position:absolute;
    inset:0;
    background:#000;
    z-index:999999;

    color:#fff;

    justify-content:center;
    align-items:center;
    flex-direction:column;

    text-align:center;

    padding:20px;
}