/* Section Marketing web — scénario A (carte offre focale + onglets) + carte réservation */
html body .plan-resa .resa-note{margin:6px 0 10px;font-size:.92rem}
html body .plan .btn:not(.gh){background:#C9932E!important;color:#0D3924!important;border:0!important}
html body .plan-resa .resa-from{margin:4px 0 -4px;font-weight:600}

#marketing{--f:#0D3924;--o:#C9932E;--o2:#DDA94F;--cr:#F5EFE3;--bd:#E2D8C4;--ca:#FFFDF8;--mu:#3E5A48}
html[data-theme=dark] #marketing{--ca:#143323;--bd:#24503A;--mu:#C9D6CC}
#marketing .mx-box{background:var(--ca);border:1px solid var(--bd);border-radius:14px;padding:22px}
#marketing .mx-badge{display:inline-block;font:700 .72rem/1.4 "Source Sans 3",sans-serif;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--o);color:var(--f);background:rgba(201,147,46,.16);border-radius:99px;padding:2px 10px;vertical-align:middle}
html[data-theme=dark] #marketing .mx-badge{color:#F5EFE3}
#marketing .mx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 22px;border-radius:99px;background:var(--o)!important;color:var(--f)!important;font-weight:600;text-decoration:none;border:0;transition:background .2s}
#marketing .mx-btn:hover,#marketing .mx-btn:focus-visible{background:var(--o2)!important}
#marketing .mx-price{font-family:"Fraunces",Georgia,serif;font-size:2.6rem;line-height:1;color:inherit}
#marketing .mx-price small{font-size:1rem;font-family:"Source Sans 3",sans-serif}
#marketing .mx-note{font-size:.85rem;opacity:.8;margin-top:10px}
#marketing h3{font-family:"Fraunces",Georgia,serif}
#marketing .mx-dim{opacity:.45;filter:saturate(.6);transition:opacity .35s,transform .35s,box-shadow .35s}
#marketing .mx-on{opacity:1;filter:none;box-shadow:0 12px 32px rgba(13,57,36,.18);border-color:var(--o)!important}
html[data-theme=dark] #marketing .mx-on{box-shadow:0 12px 32px rgba(0,0,0,.45)}
#marketing button{font:inherit;color:inherit;cursor:pointer}
#marketing button:focus-visible,#marketing a:focus-visible{outline:2px solid var(--o);outline-offset:3px}

/* A — carte offre focale + onglets (un panneau à la fois) */
#marketing .sa-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:28px}
#marketing .sa-offer{padding:30px!important;border:2px solid var(--o)!important}
#marketing .sa-offer ul{margin:14px 0 18px;padding-left:1.1em;display:grid;gap:4px}
#marketing .sa-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
#marketing .sa-tabs button{background:transparent;border:1px solid var(--bd);border-radius:99px;padding:8px 14px;min-height:40px;font-size:.92rem}
#marketing .sa-tabs button[aria-selected=true]{background:var(--f);color:#F5EFE3!important;border-color:var(--f)}
html[data-theme=dark] #marketing .sa-tabs button[aria-selected=true]{background:var(--o);color:var(--f)!important;border-color:var(--o)}
#marketing .sa-panel{min-height:190px}
#marketing .sa-panel[hidden]{display:none}
#marketing .sa-panel ol{margin:0;padding-left:1.2em;display:grid;gap:6px}
#marketing .sa-side .mx-box.mx-dim{margin-top:12px}

@media(max-width:800px){#marketing .sa-grid{grid-template-columns:minmax(0,1fr)}#marketing .sa-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}#marketing .sa-tabs button{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#marketing *{transition:none!important;animation:none!important}}
#marketing .sa-name{font-size:1.8rem;margin:10px 0 6px}#marketing .sa-h{margin:0 0 10px;font-size:1.2rem}#marketing .sa-who{margin-top:12px}#marketing .sa-who h3{font-size:1rem;margin:0 0 4px}#marketing .sa-who p{margin:0}
#marketing h2 .it{white-space:nowrap}
#marketing .sa-offer .mx-note{margin-top:16px}