body {
	font-family: 'Impact', sans-serif;
}


a {
	text-decoration: none;
}
.btn {
	font-family: 
	sans-serif;
}
.header-bg {
	background:
		linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
		/* Затемнение */
		url('/themes/dr/assets/images/bg-head.jpg') center/cover no-repeat;
	min-height: 400px;
	/* Минимальная высота */
}

@media (min-width: 768px) {
	.header-bg {
		min-height: 500px;
		/* Увеличиваем высоту на десктопах */
	}
}

.alert-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    animation: fadeInOut 3s ease-in-out;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translateY(-20px); }
    10% { opacity: 1; transform: translateY(0); }
    90% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-20px); }
}

/* Изображения карточек */
.card-img-container {
    height: 344px; /* Фиксированная высота для всех изображений */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa; /* Фон на случай прозрачных изображений */
}

.card-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Важно: сохраняет пропорции и заполняет контейнер */
    transition: transform 0.3s ease;
}

/* Для улучшения внешнего вида при наведении */
.card:hover .card-img-container img {
    transform: scale(1.05);
}

/* Кастомные цвета кнопок*/
.btn-cred {
	/* Забраніраваць */
	color: #fff;
	background-color: #D70033;
	border-color: #D70033;
	width: auto;

	transition: all .2s linear;
}

.btn-cred:hover {
	color: #fff;
	background-color: #d700329c;
	border-color: #d700329c;
}


.btn-cgrey {
	/*Праглядзець*/
	color: #fff;
	background-color: #777777;
	border-color: #777777;
	width: auto;

	transition: all .2s linear;
}

.btn-cgrey:hover {
		color: #fff;
	background-color: #77777794;
	border-color: #77777794;
}

/* Для таймера */
.countdown-value {
    font-size: 1.2rem;
    font-weight: bold;
    min-width: 45px;
}

@media (min-width: 576px) {
    .countdown-value {
        font-size: 1.5rem;
        min-width: 55px;
    }
}

@media (min-width: 768px) {
    .countdown-value {
        font-size: 1.8rem;
        min-width: 65px;
    }
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.2rem;
    }
}

.btn-disabled {
	pointer-events: none
}

.card-footer {
    transition: opacity 0.3s ease;
}
.alert-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translate(-50%, -20px); }
    10% { opacity: 1; transform: translate(-50%, 0); }
    90% { opacity: 1; transform: translate(-50%, 0); }
    100% { opacity: 0; transform: translate(-50%, -20px); }
}