/* Rezervasyon Sayfası */
.rez-bg-top-image {
    width: 100%;
    height: 220px;
    background: linear-gradient(135deg, #1a3b6e 0%, #2a5298 100%);
    background-image: url('../images/pool-main.webp');
    background-size: cover;
    background-position: center;
    position: relative;
}

.rez-bg-top-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(26, 59, 110, 0.55);
}

.rzv-bg {
    background: #f4f7fb;
    min-height: 60vh;
    padding: 0 0 80px 0;
}

/*
 * Snap widget Bootstrap Grid v4 CSS'ini global inject ediyor.
 * Bootstrap'in .container kuralları Tailwind'inkini eziyor.
 * nav/footer/.bg-blue-900 gibi daha özel seçicilerle (yüksek özgüllük)
 * Tailwind'in orijinal breakpoint'lerini geri yüklüyoruz.
 * #snapWidget içindeki .container'lar etkilenmiyor.
 */
nav .container,
footer .container,
.bg-blue-900 .container {
    max-width: none;
}
@media (min-width: 640px) {
    nav .container,
    footer .container,
    .bg-blue-900 .container { max-width: 640px; }
}
@media (min-width: 768px) {
    nav .container,
    footer .container,
    .bg-blue-900 .container { max-width: 768px; }
}
@media (min-width: 1024px) {
    nav .container,
    footer .container,
    .bg-blue-900 .container { max-width: 1024px; }
}
@media (min-width: 1280px) {
    nav .container,
    footer .container,
    .bg-blue-900 .container { max-width: 1280px; }
}
@media (min-width: 1536px) {
    nav .container,
    footer .container,
    .bg-blue-900 .container { max-width: 1536px; }
}