/* Utilitaires utilisés par le tableau repris de pro/espace.php, limités à ce bloc. */
.pro-offers-reference{--pro-rust:#bf522e;--pro-ink:#29221e;--pro-muted:#70655e;--pro-paper:#fbf9f5;--pro-rule:#e4ded7;font-size:14px;line-height:1.5;color:var(--pro-ink)}
.pro-offers-reference p{margin:0;color:inherit}.pro-offers-reference h3{font-size:16px;line-height:1.5;margin:0 0 12px;font-family:'Work Sans',sans-serif}
.pro-offers-reference button{border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.pro-offers-reference>div+div{margin-top:32px}
.pro-offers-reference .grid{display:grid}.pro-offers-reference .flex{display:flex}.pro-offers-reference .block{display:block}.pro-offers-reference .items-center{align-items:center}.pro-offers-reference .justify-center{justify-content:center}.pro-offers-reference .self-end{align-self:end}.pro-offers-reference .shrink-0{flex-shrink:0}
.pro-offers-reference .relative{position:relative}.pro-offers-reference .absolute{position:absolute}.pro-offers-reference .sticky{position:sticky}.pro-offers-reference .left-0{left:0}.pro-offers-reference .inset-0{inset:0}.pro-offers-reference .overflow-hidden{overflow:hidden}.pro-offers-reference .overflow-x-auto{overflow-x:auto}
.pro-offers-reference .gap-1{gap:4px}.pro-offers-reference .gap-1\.5{gap:6px}.pro-offers-reference .gap-2{gap:8px}
.pro-offers-reference .px-1{padding-inline:4px}.pro-offers-reference .px-1\.5{padding-inline:6px}.pro-offers-reference .px-2{padding-inline:8px}.pro-offers-reference .px-3{padding-inline:12px}.pro-offers-reference .px-4{padding-inline:16px}.pro-offers-reference .pl-8{padding-left:32px}.pro-offers-reference .pr-3{padding-right:12px}
.pro-offers-reference .py-0\.5{padding-block:2px}.pro-offers-reference .py-1{padding-block:4px}.pro-offers-reference .py-2{padding-block:8px}.pro-offers-reference .py-2\.5{padding-block:10px}.pro-offers-reference .py-3{padding-block:12px}.pro-offers-reference .pb-2{padding-bottom:8px}.pro-offers-reference .pb-3{padding-bottom:12px}.pro-offers-reference .mb-3{margin-bottom:12px}.pro-offers-reference .mt-3{margin-top:12px}.pro-offers-reference .mt-0\.5{margin-top:2px}.pro-offers-reference .mr-0\.5{margin-right:2px}
.pro-offers-reference .w-4{width:16px}.pro-offers-reference .h-4{height:16px}.pro-offers-reference .rounded-full{border-radius:9999px}.pro-offers-reference .rounded-2xl,.pro-offers-reference .rounded-b-2xl{border-radius:16px}
.pro-offers-reference .text-\[9px\]{font-size:9px;line-height:1.5}.pro-offers-reference .text-\[10px\]{font-size:10px;line-height:1.5}.pro-offers-reference .text-\[11px\]{font-size:11px;line-height:1.5}.pro-offers-reference .text-\[13px\]{font-size:13px;line-height:1.5}.pro-offers-reference .text-xs{font-size:12px;line-height:16px}.pro-offers-reference .text-sm{font-size:14px;line-height:20px}.pro-offers-reference .text-2xl{font-size:24px;line-height:32px}
.pro-offers-reference .font-normal{font-weight:400}.pro-offers-reference .font-bold{font-weight:700}.pro-offers-reference .font-extrabold{font-weight:800}.pro-offers-reference .text-left{text-align:left}.pro-offers-reference .text-center{text-align:center}.pro-offers-reference .uppercase{text-transform:uppercase}.pro-offers-reference .normal-case{text-transform:none}.pro-offers-reference .tracking-wide{letter-spacing:.025em}.pro-offers-reference .tracking-normal{letter-spacing:0}.pro-offers-reference .leading-none{line-height:1}.pro-offers-reference .leading-tight{line-height:1.25}.pro-offers-reference .leading-snug{line-height:1.375}.pro-offers-reference .opacity-80{opacity:.8}
.pro-offers-reference .text-brand-dark{color:#29221e}.pro-offers-reference .text-white{color:white}.pro-offers-reference .text-gray-300{color:#d1d5db}.pro-offers-reference .text-gray-400{color:#9ca3af}.pro-offers-reference .text-gray-600{color:#4b5563}.pro-offers-reference .text-emerald-600{color:#059669}.pro-offers-reference .text-emerald-700{color:#047857}
.pro-offers-reference .transition-transform{transition:transform .15s}.pro-offers-reference .transition-colors{transition:color .15s,background-color .15s}.pro-offers-reference .transition-opacity{transition:opacity .15s}.pro-offers-reference .hover\:text-brand:hover{color:#bf522e}.pro-offers-reference .hover\:scale-105:hover{transform:scale(1.05)}
.pro-offers-reference .pro-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#bf522e;margin-bottom:12px}
.pro-offers-reference button:focus-visible{outline:3px solid #bf522e;outline-offset:-3px}.pro-offers-reference .btn-produit-info{display:flex;align-items:center;justify-content:center}
@media(prefers-reduced-motion:reduce){.pro-offers-reference *{transition:none!important}}

/* Styles du comparatif pro repris sans modification. */
.pro-comparison { padding:12px; border:1px solid var(--pro-rule); border-radius:24px; background:white; }
.pro-comparison [data-pack].relative { border-radius:18px; }
.pro-comparison [data-pack] p.font-bold { font-family:'Bricolage Grotesque',Arial,sans-serif; font-size:19px; }
.pro-comparison [data-pack] p.text-2xl { font-family:'Bricolage Grotesque',Arial,sans-serif; font-size:32px; }
.pro-comparison-intro { padding:22px; font-family:'Bricolage Grotesque',Arial,sans-serif; font-size:25px; line-height:1.25; }
.pro-comparison-intro .pro-eyebrow { font-size:9px; letter-spacing:1px; }
.pro-comparison-intro.pro-pack-guide { display:flex; flex-direction:column; align-self:stretch; padding:26px 22px; }
.pro-pack-guide h4 { margin:0 0 22px; font-size:25px; line-height:1.2; font-weight:600; }
.pro-pack-guide-list { list-style:none; padding:0; margin:0 0 24px; display:grid; gap:18px; }
.pro-pack-guide-list li { border-left:3px solid var(--guide-color); padding-left:12px; font-family:'Work Sans',Arial,sans-serif; font-size:12px; line-height:1.5; }
.pro-pack-guide-list li>span { display:block; color:#5b6069; }
.pro-pack-guide-list strong { display:block; color:var(--guide-color); font-size:13px; font-weight:600; margin-top:3px; }
.pro-pack-guide-contact { align-self:flex-start; margin-top:auto; font-family:'Work Sans',Arial,sans-serif; font-size:12px; line-height:1.5; font-weight:600; color:#bf522e; text-underline-offset:4px; }
.pro-pack-heading { min-height:245px; color:var(--pack-color); box-shadow:none; }
.pro-pack-copy { padding:23px 18px 76px; }
.pro-pack-number { display:block; font-size:10px; letter-spacing:2px; margin-bottom:18px; }
.pro-pack-heading .pack-overlay { inset:auto 16px 18px!important; background:transparent!important; opacity:1!important; pointer-events:auto!important; }
.pro-pack-heading .btn-choisir-pack { width:100%; padding:12px 16px; background:var(--pack-color)!important; color:white!important; box-shadow:none; }
/* Comparatif aligné sur la landing : colonnes continues et séparateurs neutres. */
.pro-comparison-landing { padding:0; background:var(--pro-paper); border-radius:22px; }
.pro-comparison-landing>.grid { column-gap:0!important; }
.pro-comparison-landing>.grid>div,
.pro-comparison-landing>.grid>button { border-left:0!important; border-right:1px solid #e4ded780!important; border-bottom:1px solid var(--pro-rule)!important; border-radius:0!important; }
.pro-comparison-landing .pro-pack-heading { min-height:320px; }
.pro-comparison-landing .pro-pack-copy { padding:26px 20px 80px; }
.pro-comparison-landing .pro-pack-copy>p.font-bold { min-height:46px; font-size:21px; }
.pro-pack-benefit { font-size:12px; line-height:1.6; min-height:40px; margin:10px 0 18px; }
.pro-comparison-landing .pro-pack-copy>p.text-2xl { font-size:36px; font-weight:500; margin-top:8px; }
.pro-comparison-landing .pro-offer-group { background:#e9dfd5!important; color:var(--pro-ink)!important; margin:0!important; padding:14px 20px!important; text-align:left; letter-spacing:1.4px; }
.pro-comparison-landing .pro-offer-group>span { color:var(--pro-muted); letter-spacing:0; }
.pro-comparison-landing .pro-offer-group.pro-offer-discovery { display:grid; align-items:center; padding:0!important; cursor:pointer; }
.pro-offer-discovery-label { padding:14px 20px; text-align:left; }
.pro-comparison-landing .pro-offer-discovery .pro-offer-discovery-hint { grid-column:2 / -1; justify-self:center; padding:10px 18px; font-size:12px; font-weight:600; text-transform:none; letter-spacing:0; color:#884329; }
.pro-offer-discovery-hint i { margin-left:8px; font-size:10px; }
.pro-offer-discovery:hover .pro-offer-discovery-hint { text-decoration:underline; text-underline-offset:4px; }
.pro-offer-discovery[aria-expanded="true"] .pro-offer-discovery-hint { visibility:hidden; }
.pro-comparison-landing .pro-group-end { display:none; }
.pro-comparison-landing .sticky { background:var(--pro-paper)!important; }
.pro-comparison-landing .btn-famille-services.sticky { font-size:12px; font-weight:500; }
.pro-comparison-landing .btn-famille-services.sticky>span:first-of-type { color:var(--pro-ink)!important; }
.pro-comparison-landing [data-pack]:not(.pro-pack-heading) { padding-top:16px; padding-bottom:16px; }

/* Cellule "à partir de" (regroupements, cf. views/_tableau-offres.php). */
.pro-offers-reference .flex-col{flex-direction:column}

.pro-mobile-pack-picker { display:none; }
@media (max-width:760px) {
  .pro-offers-reference, .pro-offers-reference>div { min-width:0; }
  .pro-mobile-ready .pro-mobile-pack-picker { display:flex; flex-direction:column; gap:8px; margin-bottom:18px; }
  .pro-mobile-pack-picker>span { font-weight:600; }
  .pro-mobile-pack-picker select { width:100%; min-height:48px; padding:12px; border:1px solid #bf522e; border-radius:10px; background:#fff; color:#29221e; font:inherit; }
  .pro-mobile-pack-picker small { color:#70655e; font-size:12px; }
  .pro-mobile-ready .pro-comparison { overflow:visible; border-radius:12px; }
  .pro-mobile-ready .pro-comparison>.grid { min-width:0!important; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important; }
  .pro-mobile-ready .pro-comparison>.grid>* { min-width:0; overflow-wrap:anywhere; }
  .pro-mobile-ready .pro-pack-guide,
  .pro-mobile-ready .pro-comparison .pro-mobile-pack-hidden { display:none!important; }
  .pro-mobile-ready .pro-pack-heading { grid-column:1 / -1; min-height:0; }
  .pro-mobile-ready .pro-comparison .pro-pack-copy { padding:22px 20px 84px; }
  .pro-mobile-ready .pro-pack-copy>p.font-bold { min-height:0; font-size:23px; }
  .pro-mobile-ready .pro-pack-benefit { min-height:0; }
  .pro-mobile-ready .pro-comparison .sticky { position:static; padding:12px 10px; flex-wrap:wrap; }
  .pro-mobile-ready .pro-comparison .pro-offer-group { padding:14px 12px!important; letter-spacing:.6px; }
  .pro-mobile-ready .pro-comparison .pro-offer-discovery { grid-template-columns:minmax(0,1fr)!important; padding:0!important; }
  .pro-mobile-ready .pro-offer-discovery-label { padding:14px 12px 8px; }
  .pro-mobile-ready .pro-comparison .pro-offer-discovery-hint { grid-column:1; justify-self:start; padding:0 12px 14px; }
  .pro-mobile-ready .pro-offer-discovery[aria-expanded="true"] .pro-offer-discovery-hint { display:none; }
  .pro-mobile-ready .pro-comparison .btn-produit-info { width:28px; height:28px; }
}