.hero-salon{position:relative}.hero-salon-grid{grid-template-columns:1.1fr}.hero-salon-content{margin-bottom:var(--space-6)}.hero-salon-media{margin-top:var(--space-4);padding:0;overflow:hidden}.hero-salon-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.hero-salon-badge{position:absolute;left:var(--space-4);bottom:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:rgba(18,12,10,0.86);border:1px solid rgba(198,162,94,0.7);font-size:var(--font-size-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-muted)}.salon-intro-grid{gap:var(--space-6)}.salon-intro-text{backdrop-filter:blur(10px)}.salon-ambiance-grid,.salon-espace-grid,.salon-poker-grid,.salon-prive-grid,.salon-reservation-grid,.salon-faq-grid{gap:var(--space-6)}.salon-ambiance-media,.salon-prive-media{padding:0;overflow:hidden}.salon-ambiance-image,.salon-prive-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.salon-ambiance-tag,.salon-prive-label{position:absolute;left:var(--space-4);bottom:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:rgba(0,0,0,0.8);border:1px solid rgba(198,162,94,0.8);font-size:var(--font-size-xs);letter-spacing:0.14em;text-transform:uppercase;color:var(--gray-50)}.salon-poker-header{max-width:720px;margin-inline:auto;text-align:center;margin-bottom:var(--space-8)}.salon-prive-cta,.salon-reservation-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.salon-reservation-form-preview{opacity:0.92}.salon-faq-grid{grid-template-columns:1fr}.salon-faq-grid .card-soft{height:100%}@media (min-width:768px){.hero-salon-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:var(--space-8)}.hero-salon-content{margin-bottom:0}.salon-intro-grid,.salon-ambiance-grid,.salon-espace-grid,.salon-prive-grid,.salon-reservation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salon-poker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.salon-faq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.hero-salon-media{max-height:420px}.salon-ambiance-media,.salon-prive-media{max-height:420px}}