:root{
    --br-navy-900:#071a33;
    --br-navy-800:#0a2346;
    --br-navy-700:#0d2c58;
    --br-glass: rgba(255,255,255,.08);
    --br-glass-2: rgba(255,255,255,.10);
    --br-border: rgba(255,255,255,.14);
    --br-text: rgba(255,255,255,.88);
    --br-muted: rgba(255,255,255,.68);
    --br-accent: #f5c400; /* transfer-like yellow */
    --br-accent-2: #ffd54a;
  }

  /* Page wrapper */
  .rentals-landing{
    background: radial-gradient(1200px 600px at 20% 10%, rgba(255,255,255,.10), transparent 55%),
                radial-gradient(900px 500px at 85% 20%, rgba(245,196,0,.10), transparent 55%),
                linear-gradient(180deg, var(--br-navy-900), var(--br-navy-800) 55%, #061427 100%);
    color: var(--br-text);
    padding-top: var(--site-header-h, 90px);
  }

  .rentals-hero{
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }

  .rentals-hero::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(14,26,49,.75), rgba(14,26,49,.75)),
      var(--rental-hero-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: saturate(1.02) contrast(1.05);
    transform: scale(1.02);
  }

  .rentals-hero::after{
    content: "";
    position: absolute;
    inset: -80px 0 0;
    background: radial-gradient(60% 50% at 50% 20%, rgba(86,126,255,.22) 0%, rgba(0,0,0,0) 55%);
    pointer-events: none;
  }

  .rentals-hero > .container-fluid{
    position: relative;
    width: 100%;
    padding-top: 44px;
    padding-bottom: 46px;
    display: flex;
    align-items: center;
  }

  .rentals-hero > .container-fluid > .row{
    width: 100%;
  }

  @media (max-width: 991.98px){
    .rentals-hero{
      min-height: 640px;
    }
  }

  .rentals-pill{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.35rem .75rem;
    border:1px solid var(--br-border);
    background: rgba(0,0,0,.12);
    border-radius:999px;
    font-size:.875rem;
    color: var(--br-muted);
    backdrop-filter: blur(10px);
  }

  .rentals-h1{
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.05;
    font-size: clamp(2.1rem, 3.2vw, 3.2rem);
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .rentals-lead{
    color: var(--br-muted);
    font-size: 1.05rem;
    max-width: 54ch;
  }

  .rentals-quickfacts{
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
    margin-top: 1.25rem;
  }
  .rentals-chip{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.55rem .75rem;
    border:1px solid var(--br-border);
    background: rgba(255,255,255,.05);
    border-radius: 12px;
    font-size:.92rem;
    color: var(--br-text);
    backdrop-filter: blur(10px);
  }
  .rentals-chip i{ opacity:.9; }

  .rentals-cta-row{
    display:flex;
    gap:.75rem;
    flex-wrap:wrap;
    margin-top: 1.5rem;
  }

  .btn-br-primary{
    background: linear-gradient(180deg, var(--br-accent), var(--br-accent-2));
    border: none;
    color: #1b1b1b;
    font-weight: 700;
    padding: .85rem 1.15rem;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(0,0,0,.25);
  }
  .btn-br-primary:hover{ filter: brightness(.98); transform: translateY(-1px); }

  .btn-br-ghost{
    border: 1px solid var(--br-border);
    background: rgba(255,255,255,.06);
    color: var(--br-text);
    font-weight: 650;
    padding: .85rem 1.15rem;
    border-radius: 14px;
    backdrop-filter: blur(10px);
  }
  .btn-br-ghost:hover{ background: rgba(255,255,255,.09); }

  /* Booking card (transfer-like) */
  .rentals-book-card{
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
    border: 1px solid var(--br-border);
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.28);
    backdrop-filter: blur(14px);
    transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease, background-color .28s ease;
  }
  .rentals-book-card:focus{
    outline: none;
  }
  .rentals-book-card.is-highlighted{
    border-color: rgba(220, 38, 38, .72);
    background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.09));
    box-shadow: 0 22px 48px rgba(0,0,0,.30), 0 0 0 4px rgba(245,196,0,.12);
    transform: translateY(-2px);
  }
  .rentals-book-title{
    font-weight: 800;
    font-size: 1.05rem;
    margin-bottom: .15rem;
  }
  .rentals-book-sub{
    color: var(--br-muted);
    font-size: .9rem;
    margin-bottom: .9rem;
  }
  .rentals-form-label{
    color: rgba(255,255,255,.78);
    font-weight: 650;
    font-size: .85rem;
    margin-bottom: .35rem;
  }
  .rentals-input,
  .rentals-select{
    background: rgba(6, 20, 39, .55) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: rgba(255,255,255,.9) !important;
    border-radius: 14px !important;
    padding: .72rem .85rem !important;
  }
  .rentals-input::placeholder{ color: rgba(255,255,255,.55); }
  .rentals-select option{ color:#0b0c10; }
  .rentals-range-field{
    position: relative;
  }
  .rentals-range-field-display{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .72rem .85rem;
    pointer-events: none;
    z-index: 2;
  }
  .rentals-range-date{
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #ffffff !important;
  }
  .rentals-range-date-end{
    text-align: right;
  }
  .rentals-range-separator{
    flex: 1 1 auto;
    min-width: 1.25rem;
    height: 1px;
    background: rgba(255,255,255,.16);
  }
  .js-date-range-display{
    cursor:pointer;
    position: relative;
    z-index: 1;
    color: transparent !important;
    caret-color: transparent;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
  .js-date-range-display:hover,
  .js-date-range-display.is-active,
  .js-date-range-display:focus{
    background: rgba(6, 20, 39, .62) !important;
    border-color: rgba(255,255,255,.24) !important;
    box-shadow: 0 0 0 0.2rem rgba(90, 153, 255, 0.12) !important;
    outline: none;
  }

  .rentals-mini-note{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-top: .85rem;
    color: var(--br-muted);
    font-size: .9rem;
  }

  /* Section shells */
  .rentals-section{
    padding: 56px 0;
  }
  .rentals-section.light{
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.06);
  }

  .rentals-h2{
    font-weight: 800;
    letter-spacing: -0.02em;
    font-size: clamp(1.6rem, 2.2vw, 2.2rem);
    margin-bottom: .35rem;
  }
  .rentals-subtitle{
    color: var(--br-muted);
    max-width: 70ch;
  }

  /* Feature cards */
  .rentals-card{
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    padding: 18px;
    height: 100%;
    backdrop-filter: blur(10px);
  }
  .rentals-card h3{
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 .35rem 0;
  }
  .rentals-card p{
    margin: 0;
    color: var(--br-muted);
  }
  .rentals-icon{
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(245,196,0,.13);
    border: 1px solid rgba(245,196,0,.18);
    margin-bottom: .9rem;
  }
  .rentals-icon i{ color: var(--br-accent); font-size: 1.05rem; }

  /* Fleet cards */
  .fleet-card{
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    overflow:hidden;
    height: 100%;
    backdrop-filter: blur(10px);
    cursor: pointer;
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background-color .28s ease;
  }
  .fleet-card:hover,
  .fleet-card:focus-visible{
    transform: translateY(-6px);
    border-color: rgba(245,196,0,.34);
    background: rgba(255,255,255,.08);
    box-shadow: 0 18px 34px rgba(0,0,0,.22), 0 0 0 1px rgba(245,196,0,.10);
  }
  .fleet-card:focus-visible{
    outline: none;
  }
  .fleet-img-wrap{
    background: rgba(0,0,0,.10);
    padding: 14px;
    transition: background-color .28s ease;
  }
  .fleet-card:hover .fleet-img-wrap,
  .fleet-card:focus-visible .fleet-img-wrap{
    background: rgba(255,255,255,.05);
  }
  .fleet-img{
    width: 100%;
    height: 160px;
    object-fit: contain;
    filter: drop-shadow(0 18px 22px rgba(0,0,0,.25));
    transition: transform .28s ease, filter .28s ease;
  }
  .fleet-card:hover .fleet-img,
  .fleet-card:focus-visible .fleet-img{
    transform: translateY(-3px) scale(1.02);
    filter: drop-shadow(0 22px 28px rgba(0,0,0,.28));
  }
  .fleet-body{
    padding: 14px 14px 16px 14px;
  }
  .fleet-title{
    font-weight: 850;
    margin-bottom: .25rem;
  }
  .fleet-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    color: var(--br-muted);
    font-size: .92rem;
  }
  .fleet-badge{
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    border-radius: 999px;
    padding: .25rem .55rem;
  }
  .fleet-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    margin-top: .85rem;
  }
  .fleet-footer--catalog{
    justify-content:flex-start;
    padding-top:.35rem;
  }
  .fleet-price{
    font-weight: 900;
    font-size: 1.15rem;
  }
  .fleet-price small{
    color: var(--br-muted);
    font-weight: 700;
    font-size: .85rem;
  }
  .btn-fleet{
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    color: var(--br-text);
    border-radius: 14px;
    padding: .55rem .85rem;
    font-weight: 750;
  }
  .btn-fleet:hover{ background: rgba(255,255,255,.12); }

  /* FAQ */
  .rentals-accordion .accordion-item{
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px !important;
    overflow:hidden;
  }
  .rentals-accordion .accordion-button{
    background: rgba(255,255,255,.05);
    color: var(--br-text);
    font-weight: 800;
  }
  .rentals-accordion .accordion-button:focus{
    box-shadow: none;
    border-color: rgba(245,196,0,.25);
  }
  .rentals-accordion .accordion-button:not(.collapsed){
    background: rgba(245,196,0,.10);
    color: var(--br-text);
  }
  .rentals-accordion .accordion-body{
    color: var(--br-muted);
    background: rgba(0,0,0,.08);
  }

  /* Bottom CTA */
  .rentals-bottom-cta{
    background: radial-gradient(900px 400px at 15% 10%, rgba(245,196,0,.14), transparent 60%),
                linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 24px;
    padding: 22px;
  }