:root{
    --sea-deep:#0b2a3b;
    --sea:#0ea5e9;
    --sea-light:#22d3ee;
    --sand:#f4e7c3;
}

/* гарантираме, че основното съдържание е над синьото (което е задно) */
main#content{ position: relative; z-index: 1; }

/* ако navbar е fixed-top */
@media (max-width:575.98px){
    .page-hero.beach-hero{ padding-top:56px; }
}

/* ---- останалото от темата ти (без промяна) ---- */
.card{
    border:0; border-radius:18px;
    box-shadow:0 8px 24px rgba(11,42,59,.08);
    background: rgba(255,255,255,.78);
    backdrop-filter: blur(6px);
}
.card-header{
    border:0;
    background: linear-gradient(135deg, rgba(14,165,233,.18), rgba(34,211,238,.18));
    font-weight:600;
}
.section-title{ display:flex; align-items:center; gap:.5rem; margin-bottom:.75rem; }
.section-title .pill{
    display:inline-flex; align-items:center; justify-content:center;
    width:34px; height:34px; border-radius:999px;
    background: linear-gradient(135deg, var(--sea), var(--sea-light));
    color:#fff;
}
.badge-yes{ background: linear-gradient(135deg, #16a34a, #22c55e); }
.badge-no{  background: linear-gradient(135deg, #ef4444, #f97316); }
.price-card .card-body{
    background: linear-gradient(180deg, rgba(244,231,195,.35), rgba(255,255,255,.6));
    border-radius:14px;
}
.price-card i{ font-size:1.25rem; }
.list-group-item-action{ border:0; border-left:3px solid transparent; }
.list-group-item-action:hover{ background: rgba(14,165,233,.08); border-left-color: var(--sea); }
.btn-sea{
    --bs-btn-color:#fff; --bs-btn-bg: var(--sea); --bs-btn-border-color: var(--sea);
    --bs-btn-hover-bg:#0b9bd5; --bs-btn-hover-border-color:#0b9bd5;
}
.btn-outline-sea{
    --bs-btn-color: var(--sea); --bs-btn-border-color: var(--sea);
    --bs-btn-hover-bg: var(--sea); --bs-btn-hover-border-color: var(--sea);
    --bs-btn-hover-color:#fff;
}
.hover-lift{ transition: transform .2s ease, box-shadow .2s ease; }
.hover-lift:hover{ transform: translateY(-2px); box-shadow: 0 12px 28px rgba(11,42,59,.12); }
.map-wrap{ border-radius:16px; box-shadow:0 10px 24px rgba(11,42,59,.10); }
.breadcrumb{ --bs-breadcrumb-divider-color: #64748b; }
.breadcrumb a{ text-decoration:none; }