.container{max-width:1100px;margin:0 auto;padding:0 1rem}

.booking-hero{padding:1.25rem 0 0.5rem}
.booking-hero .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.booking-hero-content{max-width:760px}
.booking-art{width:320px;height:320px;flex-shrink:0;color:var(--accent)}
.booking-art g{fill:none}

.booking-services .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.card h3{color:var(--accent);margin-bottom:.5rem}
.card ul{padding-left:1.2rem;margin:.75rem 0 0}
.booking-service-icon{color:var(--accent);margin-bottom:.5rem}

.booking-values{padding-top:.25rem}
.booking-values ul{display:flex;flex-wrap:nowrap;justify-content:center;gap:2rem;list-style:none;padding:0;margin:0}
.booking-values li{display:flex;align-items:center;gap:.6rem;font-size:clamp(1.15rem,2.2vw,1.65rem);font-weight:700;color:var(--accent)}
.booking-values svg{width:28px;height:28px;color:var(--accent)}

.booking-social .booking-quotes{text-align:center;font-size:1.8rem;color:var(--accent);font-weight:700;min-height:3rem}

.booking-form form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:760px;margin:0}
.booking-form label{display:grid;gap:.35rem;color:var(--accent);font-weight:600}
.booking-form input,.booking-form select,.booking-form textarea{padding:.75rem;border:1px solid #cbd5e1;border-left:5px solid var(--accent);border-radius:8px;font:inherit}
.booking-form textarea{resize:vertical;min-height:120px}
.booking-form label:nth-child(8),
.booking-form label.gdpr,
.booking-form .g-recaptcha,
.booking-form button,
.booking-form #booking-toast{grid-column:1 / -1}
.booking-form .gdpr{display:flex;align-items:center;gap:.5rem;font-weight:500}
.booking-form .gdpr input{width:18px;height:18px}
.btn--primary{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.85rem 1.1rem;cursor:pointer;justify-self:start}
.booking-toast{margin-top:.25rem;background:#dbeafe;color:#1e3a8a;padding:.75rem 1rem;border-radius:8px;display:inline-block}

@media (max-width:900px){
  .booking-hero .container{justify-content:flex-start}
  .booking-art{width:220px;height:220px}
  .booking-values ul{gap:1rem;flex-wrap:wrap}
}

@media (max-width:700px){
  .booking-form form{grid-template-columns:1fr}
  .booking-form label,.booking-form .g-recaptcha,.booking-form button,.booking-form #booking-toast{grid-column:auto}
  .booking-hero .container{align-items:flex-start}
}