@font-face {
  font-family: 'ABLATION GC';
  font-display: swap;
  src: url('/wp-content/uploads/et-fonts/FontsFree-Net-Ablation_PersonalUse.ttf') format('truetype');
}
/* ABLATION n'a pas de glyphe correct pour le trait d'union : ce seul caractere vient d'Arial */
@font-face {
  font-family: 'ABLATION GC';
  font-display: swap;
  src: local('Arial'), local('Helvetica'), local('Liberation Sans');
  unicode-range: U+002D, U+2010-2011;
}
@font-face {
  font-family: 'ABLATION';
  font-display: swap;
  src: url('/wp-content/uploads/et-fonts/FontsFree-Net-Ablation_PersonalUse.ttf') format('truetype');
}
@font-face {
  font-family: 'ABLATION BOLD';
  font-display: swap;
  src: url('/wp-content/uploads/et-fonts/Ablation-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'COCO Goth2';
  font-display: swap;
  src: url('/wp-content/uploads/et-fonts/CocoGothic-Bold_trial.ttf') format('truetype');
}
@font-face {
  font-family: 'OpenSauce';
  font-display: swap;
  src: url('/wp-content/uploads/et-fonts/OpenSauceOne-Regular.ttf') format('truetype');
}

:root {
  --cream:  #efe1d4;
  --cream-d:#e4d1be;
  --white:  #ffffff;
  --gold:   #d5a06f;
  --gold-d: #b8845a;
  --brown:  #623e2a;
  --brown-l:#8a5c3c;
  --border: rgba(213,160,111,.3);
  --shadow: rgba(98,62,42,.1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--cream);
  color:var(--brown);
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:16px;line-height:1.65;
  overflow-x:hidden;
}


/* ── HERO ── */
.hero{
  position:relative;min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  text-align:center;overflow:hidden;
}
.hero-bg{
  position:absolute;inset:0;
  background:url('/wp-content/uploads/2023/11/PERCHING-BAR-fond.jpg') center/cover no-repeat;
}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    to bottom,
    rgba(50,22,8,.45) 0%,
    rgba(50,22,8,.35) 45%,
    rgba(239,225,212,.8) 78%,
    rgba(239,225,212,1)  100%
  );
}
.hero-content{
  position:relative;z-index:2;
  padding:120px 24px 64px;max-width:820px;
}
.hero-eyebrow{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:10px;letter-spacing:.32em;text-transform:uppercase;
  color:var(--gold);margin-bottom:22px;
  display:flex;align-items:center;justify-content:center;gap:14px;
}
.hero-eyebrow::before,.hero-eyebrow::after{
  content:'';width:28px;height:1px;background:var(--gold);
}
.hero h1{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:clamp(44px,8vw,96px);
  font-weight:500;line-height:.95;letter-spacing:-.01em;
  color:#fff;text-wrap:balance;margin-bottom:24px;
  text-shadow:0 2px 28px rgba(98,62,42,.35);
}
.hero h1 span{display:block;color:var(--gold);text-shadow:0 2px 20px rgba(0,0,0,.2)}
.hero-sub{
  font-size:17px;color:rgba(255,255,255,.88);font-family:'Cormorant Garamond',Georgia,serif;
  line-height:1.7;max-width:500px;margin:0 auto 38px;
  text-shadow:0 1px 12px rgba(98,62,42,.3);
}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.btn-gold{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--gold);color:#fff;text-decoration:none;
  padding:15px 32px;font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  border:none;cursor:pointer;transition:background .2s,transform .15s;
}
.btn-gold:hover{background:var(--gold-d);transform:translateY(-2px)}
.btn-outline{
  display:inline-flex;align-items:center;gap:9px;
  background:transparent;color:var(--brown);
  border:1.5px solid var(--border);text-decoration:none;
  padding:14px 30px;font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  transition:border-color .2s,color .2s;
}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.hero-trust{
  display:flex;flex-wrap:wrap;gap:22px;justify-content:center;
}
.trust{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.85);
  text-shadow:0 1px 8px rgba(98,62,42,.3);
  display:flex;align-items:center;gap:7px;
}
.trust::before{content:'◆';font-size:6px;color:var(--gold)}

/* ── SECTION ── */
.section{padding:80px clamp(20px,6vw,80px)}
.wrap{max-width:1120px;margin:0 auto}
.sec-ey{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:9px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);text-align:center;margin-bottom:14px;
}
.sec-h{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:clamp(28px,5vw,56px);font-weight:500;
  color:var(--brown);text-align:center;line-height:1;
  margin-bottom:12px;text-wrap:balance;
}
.sec-sub{
  font-size:15.5px;color:var(--brown-l);text-align:center;
  line-height:1.7;max-width:520px;margin:0 auto 52px;
}

/* ── OCCASIONS ── */
.occ-section{background:var(--white)}
.occ-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--border);
  max-width:1060px;margin:0 auto;
}
.occ{
  padding:32px 26px;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
  display:flex;flex-direction:column;gap:10px;
  transition:background .2s;
}
.occ:hover{background:rgba(213,160,111,.05)}
.occ:nth-child(3n){border-right:none}
.occ:nth-child(n+4){border-bottom:none}
.occ-title{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:19px;font-weight:500;color:var(--brown);
}
.occ-desc{font-size:13px;color:var(--brown-l);line-height:1.6;flex:1}
.occ-tag{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);border:1px solid var(--border);
  padding:3px 10px;align-self:flex-start;
}

/* ── EXPERIENCES ── */
.exp-section{background:var(--cream)}
.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1060px;margin:0 auto}

.xcard{
  background:var(--white);
  border:1.5px solid var(--border);
  overflow:hidden;cursor:pointer;
  transition:border-color .25s,transform .25s,box-shadow .25s;
}
.xcard:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 14px 44px var(--shadow)}
.xcard.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 14px 44px var(--shadow)}

.ximg{position:relative;height:250px;overflow:hidden}
.ximg img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform .6s ease;display:block;
}
.xcard:hover .ximg img{transform:scale(1.05)}
.ximg-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(239,225,212,.7) 0%,transparent 55%);
}
.xtag{
  position:absolute;bottom:14px;left:14px;z-index:2;
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--brown);background:rgba(239,225,212,.88);
  padding:4px 11px;backdrop-filter:blur(4px);
}

.xbody{padding:24px 22px 20px}
.xname{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:22px;font-weight:500;color:var(--brown);margin-bottom:7px;
}
.xdesc{font-size:13px;color:var(--brown-l);line-height:1.6;margin-bottom:14px}
.xinc{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.xinc li{
  font-size:12.5px;color:var(--brown-l);
  display:flex;align-items:center;gap:9px;
}
.xinc li::before{
  content:'◆';font-size:5px;color:var(--gold);flex-shrink:0;
}
.xfoot{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:14px;border-top:1px solid var(--border);
}
.xprice{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:32px;font-weight:500;color:var(--gold);
  font-variant-numeric:tabular-nums;line-height:1;
}
.xprice small{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:11px;color:var(--brown-l);display:block;margin-top:3px;
}
.xbtn{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  background:transparent;color:var(--gold);
  border:1.5px solid var(--gold);padding:10px 18px;
  cursor:pointer;transition:background .2s,color .2s;
}
.xbtn:hover,.xcard.on .xbtn{background:var(--gold);color:#fff}

/* ── HOW ── */
.how-section{
  background:var(--brown);
  padding:80px clamp(20px,6vw,80px);
}
.how-section .sec-h{color:var(--cream)}
.how-section .sec-sub{color:rgba(239,225,212,.78)}
.how-section .sec-ey{color:var(--gold)}
.steps{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:0;border:1px solid rgba(213,160,111,.2);
  max-width:880px;margin:0 auto;
}
.step{
  padding:40px 30px;display:flex;flex-direction:column;
  align-items:center;gap:14px;text-align:center;
}
.step+.step{border-left:1px solid rgba(213,160,111,.2)}
.step-n{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:40px;font-weight:500;color:var(--gold);opacity:.7;line-height:1;
}
.step-ico{
  width:50px;height:50px;border:1px solid rgba(213,160,111,.6);
  display:flex;align-items:center;justify-content:center;
}
.step-ico svg{width:22px;height:22px;color:var(--gold)}
.step-t{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:18px;font-weight:500;color:var(--cream);
}
.step-d{font-size:13px;color:rgba(239,225,212,.78);line-height:1.6;max-width:190px}

/* ── FORM ── */
.form-section{background:var(--white);padding:80px clamp(20px,6vw,80px)}
.form-inner{
  max-width:1040px;margin:0 auto;
  display:grid;grid-template-columns:1fr 370px;
  gap:64px;align-items:start;
}
.form-h{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:36px;font-weight:500;color:var(--brown);margin-bottom:6px;
}
.form-sub-p{font-size:14px;color:var(--brown-l);line-height:1.6;margin-bottom:26px}

.sel-bar{
  background:rgba(213,160,111,.08);
  border:1px solid var(--border);
  padding:14px 18px;display:flex;align-items:center;gap:12px;margin-bottom:22px;
}
.sel-diamond{
  width:8px;height:8px;background:var(--gold);
  transform:rotate(45deg);flex-shrink:0;
}
.sel-nm{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:16px;font-weight:500;color:var(--brown);flex:1;
}
.sel-pr{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:20px;font-weight:500;color:var(--gold);
}
.sel-ch{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brown-l);text-decoration:underline;cursor:pointer;
}
.sel-ch:hover{color:var(--gold)}

.fg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.s2{grid-column:1/-1}
.fld{display:flex;flex-direction:column;gap:8px}
.fld label{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--brown-l);
}
.fld input,.fld textarea{
  background:var(--cream);
  border:1.5px solid var(--border);
  padding:13px 15px;font-size:15px;
  color:var(--brown);font-family:'ABLATION GC','ABLATION',sans-serif;
  outline:none;transition:border-color .2s,box-shadow .2s;
}
.fld input:focus,.fld textarea:focus{
  border-color:var(--gold);box-shadow:0 0 0 3px rgba(213,160,111,.1);
}
.fld input::placeholder,.fld textarea::placeholder{color:rgba(98,62,42,.3)}
.fld textarea{resize:vertical;min-height:88px;line-height:1.55}

.pay-btn{
  width:100%;background:var(--gold);color:#fff;border:none;
  padding:17px 28px;
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  cursor:pointer;margin-top:22px;
  transition:background .2s,transform .15s;
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.pay-btn:hover{background:var(--gold-d);transform:translateY(-1px)}
.pay-note{
  font-size:11.5px;color:var(--brown-l);opacity:.85;
  text-align:center;margin-top:10px;line-height:1.55;
}

/* E-CARD */
.prev-sticky{position:sticky;top:100px}
.prev-lbl{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:9px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--brown-l);margin-bottom:13px;
}
.ec{
  background:linear-gradient(148deg,#1a0c06 0%,#2d1208 50%,#3d1a0a 100%);
  border:1px solid rgba(213,160,111,.25);
  aspect-ratio:1.62;padding:28px 26px;
  display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;
  box-shadow:0 20px 60px rgba(98,62,42,.25);
}
.ec::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 65% 55% at 82% 18%,rgba(213,160,111,.09) 0%,transparent 65%);
}
.ec::after{
  content:'';position:absolute;inset:0;border:1px solid rgba(213,160,111,.2);pointer-events:none;
}
.ec-rule{
  position:absolute;left:26px;right:26px;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(213,160,111,.15),transparent);
  pointer-events:none;
}
.ec-orn{position:absolute;top:17px;right:17px;width:36px;opacity:.2}
.ec-top{position:relative;z-index:1}
.ec-br{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:7.5px;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(213,160,111,.6);margin-bottom:9px;
}
.ec-en{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:clamp(14px,2.5vw,20px);font-weight:500;
  color:#f0e8dc;line-height:1.1;
}
.ec-bot{
  position:relative;z-index:1;
  display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
}
.ec-rec{flex:1;min-width:0}
.ec-to{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:7px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(213,160,111,.4);margin-bottom:4px;
}
.ec-nm{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:17px;font-weight:500;
  color:#f0e8dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ec-msg{
  font-size:10px;color:rgba(240,232,220,.35);
  font-style:italic;margin-top:4px;line-height:1.35;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.ec-meta{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:7px;color:rgba(213,160,111,.32);margin-top:5px;letter-spacing:.06em;
}
.ec-qr{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px}
.ec-qr canvas{display:block}
.ec-scan{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:6px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(213,160,111,.28);
}

/* ══════════════════════════════════════════
   MÉDIA PERSONNEL (achat) — préfixe .md-*
   ══════════════════════════════════════════ */
.md{border:1px solid var(--border);background:rgba(213,160,111,.06);padding:22px;margin-top:26px}
.md-hd{margin-bottom:16px}
.md-t{font-family:'ABLATION GC','ABLATION',sans-serif;font-size:19px;font-weight:500;color:var(--brown);line-height:1.2}
.md-opt{font-family:'ABLATION GC','ABLATION',sans-serif;font-size:11px;opacity:.5;letter-spacing:0}
.md-d{font-size:13px;color:var(--brown-l);line-height:1.6;margin-top:5px}

.md-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.md-tab{
  display:flex;flex-direction:column;align-items:center;gap:7px;
  background:var(--white);border:1.5px solid var(--border);
  padding:14px 8px;min-height:74px;cursor:pointer;color:var(--brown);
  font-family:'ABLATION GC','ABLATION',sans-serif;font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;transition:border-color .2s,background .2s}
.md-tab svg{width:20px;height:20px;color:var(--gold-d)}
.md-tab:hover{border-color:var(--gold)}
.md-tab[aria-selected="true"]{border-color:var(--gold);background:rgba(213,160,111,.14);box-shadow:inset 0 0 0 1px var(--gold)}

.md-pane{margin-top:16px}
.md-pane[hidden]{display:none}
.md-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.md-drop{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  border:1.5px dashed var(--border);background:var(--white);
  padding:26px 18px;cursor:pointer;text-align:center;
  transition:border-color .2s,background .2s}
.md-drop:hover,.md-drop.on{border-color:var(--gold);background:rgba(213,160,111,.08)}
.md-drop svg{width:26px;height:26px;color:var(--gold-d)}
.md-drop b{font-family:'ABLATION GC','ABLATION',sans-serif;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brown);font-weight:400}
.md-drop small{font-size:12px;color:var(--brown-l);opacity:.85}
.md-drop-sm{padding:18px}
.md-file:focus-visible+.md-drop,.md-drop:focus-visible{outline:2px solid var(--brown);outline-offset:2px}

.md-rec{display:flex;align-items:center;gap:16px;background:var(--white);border:1.5px solid var(--border);padding:18px}
.md-recbtn{
  display:flex;align-items:center;gap:10px;flex-shrink:0;
  background:var(--brown);color:var(--cream);border:none;
  padding:13px 22px;min-height:46px;cursor:pointer;
  font-family:'ABLATION GC','ABLATION',sans-serif;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;transition:background .2s}
.md-recbtn:hover{background:#4c2f1f}
.md-recbtn[data-rec="on"]{background:#a33a2a}
.md-dot{width:9px;height:9px;border-radius:50%;background:currentColor;flex-shrink:0}
.md-recbtn[data-rec="on"] .md-dot{animation:mdpulse 1.1s ease-in-out infinite}
@keyframes mdpulse{0%,100%{opacity:1}50%{opacity:.25}}
.md-rec-info{min-width:0}
.md-timer{font-family:'ABLATION GC','ABLATION',sans-serif;font-size:24px;font-weight:500;color:var(--brown);line-height:1;font-variant-numeric:tabular-nums}
.md-timer span{font-family:'ABLATION GC','ABLATION',sans-serif;font-size:12px;color:var(--brown-l);opacity:.6}
.md-hint{font-size:12px;color:var(--brown-l);opacity:.85;margin-top:5px;line-height:1.5}
.md-or{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--brown-l)}
.md-or::before,.md-or::after{content:'';flex:1;height:1px;background:var(--border)}
.md-or span{font-family:'ABLATION GC','ABLATION',sans-serif;font-size:9px;letter-spacing:.2em;text-transform:uppercase;opacity:.6}

.md-prev{display:flex;gap:16px;align-items:center;background:var(--white);border:1.5px solid var(--gold);padding:16px;margin-top:16px}
.md-prev[hidden]{display:none}
.md-prev-body{flex:1;min-width:0}
.md-prev-body img{width:100%;max-height:190px;object-fit:cover;display:block}
.md-prev-body video{width:100%;max-height:220px;display:block;background:#1a0c06}
.md-prev-body audio{width:100%;display:block}
.md-prev-side{flex-shrink:0;width:126px;display:flex;flex-direction:column;gap:5px}
.md-prev-nm{font-size:12.5px;color:var(--brown);word-break:break-word;line-height:1.4}
.md-prev-sz{font-size:11.5px;color:var(--brown-l);opacity:.7}
.md-del{
  background:transparent;border:1.5px solid var(--border);color:var(--brown-l);
  padding:8px 12px;min-height:38px;margin-top:4px;cursor:pointer;
  font-family:'ABLATION GC','ABLATION',sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  transition:border-color .2s,color .2s}
.md-del:hover{border-color:#a33a2a;color:#a33a2a}
@media(max-width:560px){
  .md-tabs{grid-template-columns:1fr}
  .md-tab{flex-direction:row;justify-content:center;min-height:52px}
  .md-rec{flex-direction:column;align-items:stretch;gap:12px}
  .md-prev{flex-direction:column;align-items:stretch}
  .md-prev-side{width:auto}
}

/* média reçu côté bénéficiaire */
.rb-media{border-top:1px solid var(--border);padding-top:14px;margin-top:2px}
.rb-media-lbl{
  font-family:'ABLATION GC','ABLATION',sans-serif;font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-d);margin-bottom:10px}
.rb-media img{max-width:100%;max-height:260px;object-fit:cover;display:block;border:1px solid var(--border)}
.rb-media video{max-width:100%;max-height:280px;display:block;background:#1a0c06}
.rb-media audio{width:100%;max-width:420px;display:block}

/* ══════════════════════════════════════════
   RÉSERVATION BÉNÉFICIAIRE — préfixe .rb-*
   ══════════════════════════════════════════ */
.rb-section{background:var(--cream-d)}
.rb-wrap{max-width:780px;margin:0 auto}

.rb-steps{
  display:flex;border:1px solid var(--border);
  background:var(--white);margin-bottom:24px}
.rb-stp{
  flex:1;padding:13px 8px;display:flex;flex-direction:column;
  align-items:center;gap:5px;opacity:.4;transition:opacity .3s,background .3s}
.rb-stp+.rb-stp{border-left:1px solid var(--border)}
.rb-stp[data-state="active"]{opacity:1;background:rgba(213,160,111,.09)}
.rb-stp[data-state="done"]{opacity:.8}
.rb-stp-n{
  width:23px;height:23px;border:1.5px solid var(--gold-d);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:'ABLATION GC','ABLATION',sans-serif;font-size:9.5px;color:var(--brown)}
.rb-stp[data-state="done"] .rb-stp-n{background:var(--gold-d);color:#fff;border-color:var(--gold-d)}
.rb-stp[data-state="active"] .rb-stp-n{background:var(--brown);color:var(--cream);border-color:var(--brown)}
.rb-stp-t{
  font-family:'ABLATION GC','ABLATION',sans-serif;font-size:8.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--brown);text-align:center}

.rb-panel{
  background:var(--white);border:1.5px solid var(--border);
  padding:32px clamp(20px,4vw,36px)}
.rb-panel[hidden]{display:none}
.rb-hd{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}
.rb-n{font-family:'ABLATION GC','ABLATION',sans-serif;font-size:28px;font-weight:500;color:var(--gold);line-height:1;flex-shrink:0}
.rb-h{font-family:'ABLATION GC','ABLATION',sans-serif;font-size:25px;font-weight:500;color:var(--brown);line-height:1.1}
.rb-sub{font-size:14px;color:var(--brown-l);line-height:1.6;margin-bottom:24px}

.rb-coderow{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.rb-coderow .fld{flex:1;min-width:210px}
#rb-code{
  font-family:'ABLATION GC','ABLATION',sans-serif;font-size:18px;letter-spacing:.15em;
  text-transform:uppercase;text-align:center}
.rb-hint{font-size:12.5px;color:var(--brown-l);opacity:.8;line-height:1.5}
.rb-err{font-size:12.5px;color:#a33a2a;display:flex;align-items:center;gap:6px}
.rb-err:empty{display:none}
.rb-err::before{content:'✕';font-size:9px}
.fld input[aria-invalid="true"],.fld select[aria-invalid="true"]{border-color:#a33a2a}

.rb-card{
  border:1.5px solid var(--gold);background:rgba(213,160,111,.08);
  padding:22px;display:flex;flex-direction:column;gap:13px;margin-bottom:24px}
.rb-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rb-badge{
  font-family:'ABLATION GC','ABLATION',sans-serif;font-size:8.5px;letter-spacing:.18em;
  text-transform:uppercase;color:#fff;background:#3f6b4a;padding:4px 10px}
.rb-exp{font-family:'ABLATION GC','ABLATION',sans-serif;font-size:25px;font-weight:500;color:var(--brown);line-height:1.1}
.rb-meta{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;color:var(--brown-l)}
.rb-meta b{font-weight:400;color:var(--brown)}
.rb-quote{
  border-left:2px solid var(--gold);padding:3px 0 3px 15px;
  font-style:italic;font-size:14.5px;color:var(--brown-l);line-height:1.6}
.rb-quote cite{display:block;font-style:normal;font-size:12px;margin-top:6px;opacity:.75}

/* les selects n'existaient pas dans la page : on les aligne sur les inputs */
.fld select{
  background:var(--cream);border:1.5px solid var(--border);
  padding:13px 40px 13px 15px;font-size:15px;color:var(--brown);
  font-family:'ABLATION GC','ABLATION',sans-serif;outline:none;width:100%;min-height:48px;
  appearance:none;-webkit-appearance:none;cursor:pointer;border-radius:0;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238a5c3c' stroke-width='1.4' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;background-size:12px;
  transition:border-color .2s,box-shadow .2s}
.fld select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(213,160,111,.12)}

.rb-section fieldset{border:none;padding:0;margin:0}
.rb-leg{
  display:block;font-family:'ABLATION GC','ABLATION',sans-serif;font-size:9px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--brown-l);margin-bottom:10px}
.rb-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rb-slot{position:relative}
.rb-slot input{position:absolute;opacity:0;width:1px;height:1px}
.rb-slot span{
  display:flex;flex-direction:column;gap:3px;
  border:1.5px solid var(--border);background:var(--cream);
  padding:13px 12px;min-height:62px;cursor:pointer;
  transition:border-color .2s,background .2s}
.rb-slot b{
  font-family:'ABLATION GC','ABLATION',sans-serif;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--brown);font-weight:400}
.rb-slot small{font-size:11.5px;color:var(--brown-l);opacity:.85}
.rb-slot input:hover+span{border-color:var(--gold)}
.rb-slot input:focus-visible+span{outline:2px solid var(--brown);outline-offset:2px}
.rb-slot input:checked+span{border-color:var(--gold);background:rgba(213,160,111,.12);box-shadow:inset 0 0 0 1px var(--gold)}

.rb-note{
  display:flex;gap:12px;align-items:flex-start;
  border:1px solid var(--border);background:rgba(213,160,111,.08);
  padding:15px 17px;margin-top:22px;font-size:13.5px;color:var(--brown-l);line-height:1.6}
.rb-note svg{width:17px;height:17px;color:var(--gold-d);flex-shrink:0;margin-top:2px}
.rb-note b{color:var(--brown);font-weight:400}

.rb-check{display:flex;gap:11px;align-items:flex-start;margin-top:22px;cursor:pointer}
.rb-check input{width:19px;height:19px;margin-top:2px;flex-shrink:0;accent-color:var(--brown);cursor:pointer}
.rb-check span{font-size:13.5px;color:var(--brown-l);line-height:1.55}

.rb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;align-items:center}
.rb-actions .btn-gold,.rb-actions .btn-outline{cursor:pointer;font-size:10.5px}
.rb-actions button[disabled]{opacity:.45;cursor:not-allowed}

.rb-done{text-align:center;padding:46px 24px}
.rb-done-ico{
  width:62px;height:62px;border:1.5px solid var(--gold);border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.rb-done-ico svg{width:26px;height:26px;color:var(--gold-d)}
.rb-done h3{font-family:'ABLATION GC','ABLATION',sans-serif;font-size:34px;font-weight:500;color:var(--brown);margin-bottom:12px;line-height:1}
.rb-done p{font-size:15px;color:var(--brown-l);line-height:1.7;max-width:430px;margin:0 auto 8px}
.rb-recap{
  border:1px solid var(--border);background:rgba(213,160,111,.07);
  padding:20px;margin:26px auto 0;max-width:430px;text-align:left}
.rb-recap .rb-row{display:flex;justify-content:space-between;gap:16px;font-size:13.5px;padding:7px 0;align-items:baseline}
.rb-recap .rb-row+.rb-row{border-top:1px solid var(--border)}
.rb-recap dt{color:var(--brown-l);opacity:.85}
.rb-recap dd{color:var(--brown);text-align:right}

.rb-faq{max-width:780px;margin:34px auto 0}
.rb-faq details{border-bottom:1px solid var(--border)}
.rb-faq summary{
  padding:15px 32px 15px 0;cursor:pointer;position:relative;list-style:none;
  font-family:'ABLATION GC','ABLATION',sans-serif;font-size:11.5px;color:var(--brown)}
.rb-faq summary::-webkit-details-marker{display:none}
.rb-faq summary::after{
  content:'+';position:absolute;right:5px;top:50%;transform:translateY(-50%);
  font-size:18px;color:var(--gold-d);line-height:1}
.rb-faq details[open] summary::after{content:'–'}
.rb-faq details p{padding:0 0 16px;font-size:13.5px;color:var(--brown-l);line-height:1.7}

.rb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.hero-alt{
  font-size:13.5px;color:rgba(255,255,255,.8);margin-bottom:26px;
  text-shadow:0 1px 10px rgba(98,62,42,.35)}
.hero-alt a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hero-alt a:hover{color:var(--gold)}
@media(max-width:560px){.rb-slots{grid-template-columns:1fr}.rb-stp-t{font-size:7.5px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ── FOOTER CTA ── */
.ftcta{
  position:relative;padding:100px 24px;text-align:center;overflow:hidden;
}
.ftcta-bg{
  position:absolute;inset:0;
  background:url('/wp-content/uploads/2023/11/CADRE-PHOTO-perch.jpg') center/cover no-repeat;
}
.ftcta-overlay{
  position:absolute;inset:0;
  background:rgba(239,225,212,.88);
}
.ftcta-in{position:relative;z-index:1;max-width:620px;margin:0 auto}
.ftcta h2{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:clamp(28px,5vw,54px);font-weight:500;
  color:var(--brown);margin-bottom:14px;text-wrap:balance;line-height:1;
}
.ftcta p{font-size:16px;color:var(--brown-l);line-height:1.7;margin-bottom:28px}
.ftcta-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}
.ftcta-tag{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brown);border:1px solid rgba(98,62,42,.35);padding:5px 14px;
}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .occ-grid{grid-template-columns:1fr 1fr}
  .exp-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .step+.step{border-left:none;border-top:1px solid rgba(213,160,111,.2)}
  .form-inner{grid-template-columns:1fr}
  .prev-sticky{position:static;order:-1}
}
@media(max-width:560px){
  .occ-grid{grid-template-columns:1fr}
  .fg{grid-template-columns:1fr}
  footer{flex-direction:column;gap:8px;text-align:center}
}

/* ── QUANTITÉ ── */
.qty-row{
  display:flex;align-items:center;gap:16px;
  margin-bottom:22px;padding:12px 18px;
  background:rgba(213,160,111,.06);
  border:1px solid var(--border);
}
.qty-lbl{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:9px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--brown-l);flex:1;
}
.qty-ctrl{display:flex;align-items:center;gap:8px}
.qty-btn{
  width:32px;height:32px;background:transparent;
  border:1px solid var(--border);color:var(--brown);
  cursor:pointer;font-size:18px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .2s,background .2s;
}
.qty-btn:hover{border-color:var(--gold);background:rgba(213,160,111,.08)}
.qty-input{
  width:52px;text-align:center;
  background:var(--cream);border:1.5px solid var(--border);
  padding:6px 8px;font-size:15px;color:var(--brown);
  font-family:'ABLATION GC','ABLATION',sans-serif;outline:none;
  -moz-appearance:textfield;
}
.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none}
.qty-input:focus{border-color:var(--gold)}
.qty-total{
  font-family:'ABLATION GC','ABLATION',sans-serif;
  font-size:22px;font-weight:500;color:var(--gold);
  min-width:70px;text-align:right;
}

/* ── Alignement typographique sur la page d'accueil (2026-09-02) ──
   L'accueil utilise ABLATION (graisse 500) pour titres, texte courant, boutons et libellés,
   et Cormorant Garamond 600 italique uniquement pour l'accroche.
   Sélecteur à spécificité nulle (:where) : tout le contenu hérite d'ABLATION au lieu de
   l'Open Sans de Divi, mais les règles de classe (.hero-sub) gardent la priorité. */
:where(:is(.page-id-12437,.page-id-12473) #main-content) :where(h1,h2,h3,h4,h5,h6,p,div,span,li,a,button,input,textarea,select,option,label,small,b,strong,em,i,dt,dd,summary,legend,sup,sub,code) {
    font-family: 'ABLATION GC', 'ABLATION', sans-serif;
    font-weight: 500;
}
:is(.page-id-12437,.page-id-12473) #main-content #pay-pr {
    font-family: 'ABLATION GC', 'ABLATION', sans-serif !important;
}
/* Accroche du hero = style de l'accroche de l'accueil (Cormorant Garamond 600 italique) */
:is(.page-id-12437,.page-id-12473) #main-content .hero-sub {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 600;
    font-style: italic;
}
/* Styles inline hérités de la maquette (COCO Goth2 / OpenSauce) → ABLATION comme l'accueil */
:is(.page-id-12437,.page-id-12473) #main-content [style*="COCO Goth2"],
:is(.page-id-12437,.page-id-12473) #main-content [style*="OpenSauce"] {
    font-family: 'ABLATION GC', 'ABLATION', sans-serif !important;
}
/* Titre Personnalisation : ABLATION est large, le titre passe sur 2 lignes → interligne suffisant */
:is(.page-id-12437,.page-id-12473) #main-content .form-h {
    line-height: 1.15;
    margin-bottom: 10px;
}

/* ══════════════════════════════════════════════════════════════════
   LISIBILITÉ (2026-09-02) — demande client : traits ABLATION trop fins,
   textes blancs sur fond clair. Audit de contraste sur capture 1440 px.
   ══════════════════════════════════════════════════════════════════ */

/* 1. Trait légèrement renforcé sur tout le texte courant (ABLATION est très fin).
      Les grands titres gardent le trait fin de l'accueil. */
:where(:is(.page-id-12437,.page-id-12473) #main-content) :where(p, li, span, a, button, label, small, b, strong, em, i, dt, dd, summary, legend, input, textarea, select, option, div) {
    -webkit-text-stroke: 0.35px currentColor;
    paint-order: stroke fill;
}
:is(.page-id-12437,.page-id-12473) #main-content :is(h1, h2, h3, .form-h, .hero-sub),
:is(.page-id-12437,.page-id-12473) #main-content :is(h1, h2, h3, .form-h, .hero-sub) * {
    -webkit-text-stroke: 0;
}

/* 2. Bas du hero : le dégradé devient crème, le blanc y était illisible (ratio 1,3). */
:is(.page-id-12437,.page-id-12473) #main-content .hero-sub { color: #4a2d1c; opacity: 1; }
:is(.page-id-12437,.page-id-12473) #main-content .hero-alt,
:is(.page-id-12437,.page-id-12473) #main-content .hero-alt a { color: #623e2a; opacity: 1; }
:is(.page-id-12437,.page-id-12473) #main-content .trust { color: #623e2a; opacity: 1; }

/* 3. Petits libellés dorés sur blanc/crème (ratio 2,3 à 8-9 px) → doré foncé du site (#b8845a). */
:is(.page-id-12437,.page-id-12473) #main-content .sec-ey,
:is(.page-id-12437,.page-id-12473) #main-content .occ-tag,
:is(.page-id-12437,.page-id-12473) #main-content .xbtn,
:is(.page-id-12437,.page-id-12473) #main-content #sel-pr,
:is(.page-id-12437,.page-id-12473) #main-content #qty-total,
:is(.page-id-12437,.page-id-12473) #main-content .rb-n,
:is(.page-id-12437,.page-id-12473) #main-content .xtag { color: #b8845a; }
:is(.page-id-12437,.page-id-12473) #main-content .xbtn:hover,
:is(.page-id-12437,.page-id-12473) #main-content .xcard.on .xbtn { color: #fff; background: #b8845a; border-color: #b8845a; }

/* 4. Aperçu de l'e-carte : mentions dorées à 30 % d'opacité sur brun foncé → 80 %. */
:is(.page-id-12437,.page-id-12473) #main-content .ec-to,
:is(.page-id-12437,.page-id-12473) #main-content #ec-meta,
:is(.page-id-12437,.page-id-12473) #main-content #ec-date,
:is(.page-id-12437,.page-id-12473) #main-content .ec-scan { color: rgba(213, 160, 111, .8); }

/* 5. Libellés dorés sur crème encore < 3 après audit → brun clair du site (#8a5c3c),
      sauf dans la section sombre .how-section où le doré reste lisible. */
:is(.page-id-12437,.page-id-12473) #main-content .sec-ey,
:is(.page-id-12437,.page-id-12473) #main-content .occ-tag,
:is(.page-id-12437,.page-id-12473) #main-content .xbtn { color: #8a5c3c; }
:is(.page-id-12437,.page-id-12473) #main-content .how-section .sec-ey { color: #d5a06f; }
:is(.page-id-12437,.page-id-12473) #main-content .xtag { color: #623e2a; }
:is(.page-id-12437,.page-id-12473) #main-content .xprice { color: #b8845a; }
/* ── Calendrier réservation carte cadeau ───────────────────── */
.rb-cal-wrap{margin:20px 0 0}
.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}
.cal-month-lbl{font-size:15px;font-weight:600;color:var(--brown);text-transform:capitalize;flex:1;text-align:center}
.cal-nav-btn{background:none;border:1px solid rgba(98,62,42,.3);color:var(--brown);width:36px;height:36px;min-width:36px;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}
.cal-nav-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold)}
.cal-loading{text-align:center;padding:40px;color:var(--brown);opacity:.5;font-size:13px}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cal-dh{text-align:center;font-size:11px;font-weight:700;color:var(--brown);opacity:.45;padding:6px 0 4px}
.cal-dc{text-align:center;padding:8px 2px 10px;font-size:14px;border-radius:3px;color:var(--brown);opacity:.3;cursor:default;position:relative;line-height:1.2;user-select:none}
.cal-dc.cal-empty{background:transparent}
.cal-dc.cal-available,.cal-dc.cal-limited{opacity:1}
.cal-dc.cal-available::after{content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#5a9e6b}
.cal-dc.cal-limited::after{content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#d4a44c}
.cal-dc.cal-full{opacity:.4;color:var(--brown)}
.cal-dc.cal-closed,.cal-dc.cal-past{opacity:.22}
.cal-dc.cal-today{box-shadow:inset 0 0 0 1px var(--gold);opacity:1}
.cal-dc.cal-clickable{cursor:pointer}
.cal-dc.cal-clickable:hover{background:rgba(213,160,111,.18);opacity:1}
.cal-dc.cal-sel{background:var(--gold)!important;color:#fff!important;opacity:1!important}
.cal-dc.cal-sel::after{display:none}
.cal-legend{display:flex;gap:14px;margin-top:10px;font-size:12px;color:var(--brown);opacity:.6;flex-wrap:wrap}
.cal-legend span{display:flex;align-items:center;gap:5px}
.leg-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}
.leg-avail{background:#5a9e6b}
.leg-limited{background:#d4a44c}
.leg-full{background:rgba(98,62,42,.3)}

/* ── Créneaux horaires ─────────────────────────────────────── */
.rb-slots-wrap{margin-top:18px;padding-top:16px;border-top:1px solid rgba(98,62,42,.15)}
.slots-hd{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brown);opacity:.6;margin-bottom:10px}
.slots-grid{display:flex;flex-wrap:wrap;gap:8px}
.slot-btn{background:none;border:1px solid rgba(98,62,42,.3);color:var(--brown);padding:7px 16px;font-size:14px;cursor:pointer;border-radius:2px;transition:all .15s;font-family:inherit}
.slot-btn:hover:not(:disabled){background:rgba(213,160,111,.15);border-color:var(--gold)}
.slot-btn.slot-sel{background:var(--gold);border-color:var(--gold);color:#fff}
.slot-btn.slot-full,.slot-btn:disabled{opacity:.35;cursor:not-allowed}
.slots-loading,.slots-empty{color:var(--brown);opacity:.5;font-size:13px;padding:8px 0;margin:0}

/* ══════════════════════════════════════════════════════════════════
   NEUTRALISATION DE LA MISE EN FORME GLOBALE DIVI (2026-09-03)
   Divi applique « .entry-content ol{padding-bottom:23px} » et rabaisse
   le padding des champs de formulaire à 2px. Deux défauts visibles :
     · une bande blanche de 24px sous le stepper « Votre carte / Vos
       dates / Vos coordonnées », sous la cellule active ;
     · le champ code haut de 24px face au bouton haut de 41px.
   Un sélecteur de type (ol, input) l'emporte sur :where() — spécificité
   nulle — comme sur le reset universel : il faut des classes pour
   repasser devant, d'où le préfixe :is(.page-id-12437,.page-id-12473) #main-content.
   ══════════════════════════════════════════════════════════════════ */

/* 1. Bande blanche sous le stepper */
:is(.page-id-12437,.page-id-12473) #main-content .rb-steps{padding:0}

/* 2. Padding des champs écrasé par Divi */
:is(.page-id-12437,.page-id-12473) #main-content .fld input,
:is(.page-id-12437,.page-id-12473) #main-content .fld textarea,
:is(.page-id-12437,.page-id-12473) #main-content .fld select{padding:13px 15px}

/* 3. Champ et bouton de même hauteur, alignés haut et bas.
      Le 32px reprend la hauteur du libellé (24px) plus le gap de .fld
      (8px) ; !important car le gabarit porte un margin-top:26px inline,
      calibré pour l'ancienne hauteur de champ. */
:is(.page-id-12437,.page-id-12473) #main-content .rb-coderow #rb-code{height:50px;min-height:0;padding-top:0;padding-bottom:0}
:is(.page-id-12437,.page-id-12473) #main-content .rb-coderow .btn-gold{height:50px;min-height:0}
:is(.page-id-12437,.page-id-12473) #main-content .rb-coderow .btn-gold{margin-top:32px !important}

/* 4. Décalage sous-pixel entre le champ et le bouton (0,2031 px).
      Le libellé héritait de la line-height 1.7em de Divi, soit 23,8px :
      23,796875 + 8px de gap = 31,797px, alors que le margin-top du bouton
      est un entier. Une hauteur de libellé déterministe supprime la
      fraction et aligne les deux au dix-millième de pixel. */
:is(.page-id-12437,.page-id-12473) #main-content .rb-coderow .fld label{line-height:24px}

/* ══════════════════════════════════════════════════════════════════
   EN-TÊTE RESPONSIVE — INDÉPENDANCE VIS-À-VIS DU CACHE DIVI (04/09/2026)
   Le gabarit d'en-tête contient 4 sections : FR/EN × desktop/mobile.
   Les règles qui en masquent 3 sur 4 vivent normalement dans
   et-cache/<id>/et-core-unified-tb-8259-*.css — or Divi ne génère ce
   fichier que s'il traite des shortcodes. Le contenu de ces pages étant
   du HTML brut, le constructeur ne s'exécute jamais et le fichier n'est
   pas écrit : les 4 sections s'empilent, l'en-tête passe à ~1700px.
   Une purge du cache Divi suffisait donc à casser la page. Ces règles
   rendent l'affichage autonome.
   ══════════════════════════════════════════════════════════════════ */
@media only screen and (min-width:981px){
  .et_pb_section_2_tb_header,.et_pb_section_3_tb_header{display:none!important}
}
@media only screen and (max-width:980px){
  .et_pb_section_0_tb_header,.et_pb_section_1_tb_header{display:none!important}
}
@media only screen and (max-width:767px){
  .et_pb_section_0_tb_header,.et_pb_button_0_tb_header,
  .et_pb_section_1_tb_header,.et_pb_button_1_tb_header{display:none!important}
}