@font-face{font-family:'Belluga';src:url('/wp-content/uploads/2026/07/belluga-solid-wide.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
.otb{--teal:#3d8b90;--gold:#c2a57b;--gold-soft:#d8c4a4;--sage:#8fa99e;--check:#1d9e75;--coral:#cf6a43;--cream:#f6efe4;--cream2:#fbf6ef;--ink:#3a3a3a;--body:#717171;
  font-family:'Raleway',sans-serif;color:var(--ink);line-height:1.6;font-weight:300;width:100%;overflow-x:clip;}
.otb *{box-sizing:border-box;margin:0;padding:0;}
.otb img{max-width:100%;display:block;}
.otb-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.otb-label{font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:500;color:var(--gold);}
.otb h1,.otb h2,.otb h3,.otb h4,.otb h5{font-weight:200;line-height:1.25;color:var(--ink);}
.otb p{color:var(--body);font-weight:300;}
.otb a{color:inherit;text-decoration:none;}.otb .coral{color:var(--coral);}
.otb .swash{background:linear-gradient(transparent 55%,var(--gold-soft) 55%);padding:0 .08em;}
.otb-btn{display:inline-block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;padding:12px 20px;transition:.25s;text-align:center;}
.otb-btn.gold{background:var(--gold);color:#fff;}.otb-btn.gold:hover{background:#ad9269;}
.otb-btn.sage{background:var(--sage);color:#fff;}.otb-btn.ghost{background:#fff;color:var(--ink);border:1px solid #e0d8ca;}
.otb-top{background:var(--gold);color:#fff;text-align:center;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:11px 8px;}
.otb-head{text-align:center;padding:26px 24px 0;}
.otb-logo{font-family:'Cormorant Garamond',serif;font-size:26px;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);}
.otb-nav{display:flex;flex-wrap:wrap;gap:8px 30px;justify-content:center;padding:22px 24px;border-bottom:1px solid #ececec;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:#555;}
.otb-nav a:hover{color:var(--gold);}
.otb-hero{position:relative;min-height:58vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;
  background:linear-gradient(rgba(20,50,60,.2),rgba(20,50,60,.28)),url('/wp-content/uploads/2026/07/bora-bora-overwater-bungalow-conrad.jpg') center/cover;}
.otb-hero{overflow:hidden;}
.otb-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.otb-hero__overlay{position:absolute;inset:0;background:linear-gradient(rgba(20,50,60,.18),rgba(20,50,60,.30));z-index:1;}
.otb-hero>div:not(.otb-hero__overlay){position:relative;z-index:2;}
.otb-hero .script{font-family:'Belluga',cursive;font-size:34px;}
.otb-hero h1{color:#fff;font-size:clamp(28px,4.2vw,48px);margin:2px 0 12px;}
.otb-hero .sub{font-weight:300;letter-spacing:.03em;}
.otb-intro{text-align:center;padding:64px 24px 10px;max-width:80%;margin:0 auto;}
@media(max-width:700px){.otb-intro{max-width:100%;}}
.otb-intro h2{font-size:clamp(26px,3.4vw,38px);margin-bottom:20px;}
.otb-intro .q{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#888;margin:0 auto 26px;line-height:1.8;}
.otb-intro p{margin:0 auto 17px;font-size:16.5px;line-height:1.75;}.otb-intro b{color:var(--ink);font-weight:600;}
.otb-decide{background:var(--cream);margin-top:50px;}
.otb-decide .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:56px 0;}
.otb-decide h3{font-size:26px;margin-bottom:12px;}
.otb-decide .photo{aspect-ratio:1/1;object-fit:cover;width:100%;}
.otb-q{display:flex;gap:14px;margin-bottom:24px;}
.otb-q .ck{color:var(--check);font-size:18px;flex:0 0 auto;margin-top:2px;}
.otb-q .ico{width:38px;height:38px;flex:0 0 38px;margin-top:-2px;}
.otb-q .lbl{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#555;font-weight:500;margin-bottom:6px;}
.otb-q p{font-size:16px;line-height:1.7;}
/* body 2-col with sidebar */
.otb-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding:50px 40px;align-items:stretch;background:var(--cream2);}
.otb-side{align-self:stretch;height:100%;}
.otb-main h2.t{font-size:clamp(23px,2.6vw,32px);margin:10px 0 16px;}
.otb-main p{font-size:16.5px;margin-bottom:16px;line-height:1.75;}.otb-main b{color:var(--ink);font-weight:600;}
.otb-main ul.reslist{margin:6px 0 16px 18px;}.otb-main ul.reslist li{padding:4px 0;font-size:16.5px;color:#666;}
.otb-more{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;
  background:var(--gold);color:#fff;padding:15px 30px;margin:16px 0 10px;transition:.25s;}
.otb-more:hover{background:#ad9269;color:#fff;}
.otb-collage{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;}
.otb-collage img{aspect-ratio:3/4;object-fit:cover;}
.otb-insight{border:1px solid var(--gold);background:#fff;margin:44px 0;padding:64px 34px 34px;text-align:center;position:relative;box-shadow:0 16px 40px rgba(0,0,0,.05);}
.otb-insight .badge{width:84px;height:84px;border-radius:50%;object-fit:cover;position:absolute;top:-42px;left:50%;transform:translateX(-50%);border:4px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.14);}
.otb-insight .otb-label{margin-bottom:14px;}
.otb-insight p{font-family:'Cormorant Garamond',serif;font-size:17px;font-style:italic;color:#5a5a5a;margin-bottom:14px;line-height:1.7;}
.otb-insight b{font-style:normal;font-weight:600;color:var(--ink);}
.otb-insight .btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px;}
.otb-toc{margin-bottom:20px;}
.otb-toc h2{font-size:clamp(24px,3vw,32px);margin-bottom:14px;}
.otb-toc ol{counter-reset:t;list-style:none;}
.otb-toc li{counter-increment:t;padding:7px 0;font-size:15px;color:var(--coral);border-bottom:1px solid #f0eadf;}
.otb-toc li::before{content:counter(t) ". ";color:#bbb;}
.otb-secblock{padding:30px 0 6px;}
.otb-secblock[id]{padding-top:130px;scroll-margin-top:20px;}
.otb-cardgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:18px 0 8px;}
.otb-cardgrid.rent{grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:820px){.otb-cardgrid,.otb-cardgrid.rent{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.otb-cardgrid,.otb-cardgrid.rent{grid-template-columns:1fr;}}
.otb-rc{background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.06);border:1px solid #f2ece1;}
.otb-rc img{aspect-ratio:16/10;object-fit:cover;width:100%;}
.otb-rc .b{padding:18px 20px;display:flex;flex-direction:column;flex:1;}
.otb-rc h4{font-size:19px;margin-bottom:12px;}
.otb-rc ul.kf{list-style:none;font-size:13.5px;color:#6c6c6c;margin-bottom:14px;columns:2;column-gap:14px;}
.otb-rc ul.kf li{padding:2px 0;break-inside:avoid;}.otb-rc ul.kf li::before{content:"✓";color:var(--sage);margin-right:6px;}
.otb-rc .price{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-top:auto;margin-bottom:10px;}
.otb-rc .price b{color:var(--ink);font-size:15px;letter-spacing:0;text-transform:none;font-weight:400;}
.otb-rc .btns{display:flex;gap:8px;flex-wrap:wrap;}
.otb-rt .b .meta{font-size:12px;color:#777;margin-bottom:10px;}
.otb-closed{background:var(--cream);padding:40px;margin:34px 0;}
.otb-closed h2{font-size:26px;margin-bottom:14px;}
.otb-closed h3{font-size:18px;margin:22px 0 8px;}
.otb-closed .otb-label{color:#999;margin:22px 0 6px;}
.otb-closed ul{margin-left:18px;}.otb-closed li{font-size:16px;color:#666;padding:4px 0;}
/* sidebar */
.otb-side{position:sticky;top:16px;}
.otb-side>*{margin-bottom:22px;}
.otb-card{background:#fff;padding:24px;text-align:center;position:relative;border:1px solid #f2ece1;}
.otb-card .badge-img{width:70px;height:70px;border-radius:50%;object-fit:cover;position:absolute;top:-22px;left:50%;transform:translateX(-50%);border:3px solid #fff;}
.otb-card .script{font-family:'Belluga',cursive;font-size:26px;color:var(--gold);display:block;margin:30px 0 10px;}
.otb-card p{font-size:13px;margin-bottom:12px;}
.otb-card h4{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:21px;margin-bottom:10px;}
.otb-side .badge{width:44px;height:44px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 10px;font-family:Georgia,serif;}
.otb-side .promo{position:relative;min-height:150px;display:flex;align-items:flex-end;justify-content:center;padding:16px;color:#fff;text-align:center;
  background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.5)),url('/wp-content/uploads/2026/07/intercontinental-thalasso-bora-bora-aerial.jpg') center/cover;}
.otb-side .promo .script{font-family:'Belluga',cursive;font-size:24px;}
.otb-side .cats a{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:#5a5a5a;border:1px solid #ece4d7;margin-bottom:8px;transition:.2s;}
.otb-side .cats a::after{content:"→";color:var(--gold);}
.otb-side .cats a:hover{background:var(--gold);color:#fff;border-color:var(--gold);}
.otb-side .cats a:hover::after{color:#fff;}
.otb-side .cats a:hover{color:var(--gold);}
.otb-side .top5{background:#fff;padding:24px;text-align:center;border:1px solid #f2ece1;}
.otb-side .top5 a{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:#5a5a5a;padding:12px 14px;background:#fff;border:1px solid #ece4d7;margin-bottom:8px;transition:.2s;}
.otb-side .top5 a::after{content:"→";color:var(--gold);flex:0 0 auto;}
.otb-side .top5 a:hover{background:var(--gold);color:#fff;border-color:var(--gold);}
.otb-side .top5 a:hover::after{color:#fff;}
/* shared bottom */
.otb-ebookband{background:var(--cream);margin-top:20px;}
.otb-ebookband .ebrow{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:64px 24px;}
.otb-ebookband .covers{display:flex;justify-content:center;}
.otb-ebookband .covers img{width:150px;aspect-ratio:2/3;object-fit:cover;box-shadow:0 14px 34px rgba(0,0,0,.16);border:4px solid #fff;}
.otb-ebookband .covers img:nth-child(2){transform:translateX(-24px) rotate(4deg);z-index:2;}
.otb-ebookband .covers img:nth-child(3){transform:translateX(-48px) rotate(8deg);}
.otb-ebookband .script{font-family:'Belluga',cursive;font-size:38px;color:var(--gold);display:block;margin-bottom:12px;}
.otb-ebookband p{font-size:20px;font-weight:200;color:var(--ink);max-width:440px;margin-bottom:24px;}
.otb-community{position:relative;min-height:340px;display:flex;align-items:center;justify-content:flex-end;padding:40px 24px;
  background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.25)),url('/wp-content/uploads/2026/07/bora-bora-overwater-bungalow-conrad.jpg') center/cover;}
.otb-community .card{background:#fff;padding:40px;max-width:440px;width:100%;text-align:center;}
.otb-community .otb-label{color:#888;margin-bottom:12px;}
.otb-community h3{font-size:24px;margin-bottom:12px;}.otb-community h3 span{display:block;font-size:19px;color:#666;}
.otb-community p{font-size:14px;margin-bottom:20px;}.otb-community b{color:var(--ink);font-weight:600;}
.otb-footer{background:var(--gold);color:#fff;}
.otb-footer .frow{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:60px 24px;}
.otb-footer .freebie{background:#fff;padding:36px;text-align:center;}
.otb-footer .freebie .otb-label{color:var(--sage);margin-bottom:14px;}
.otb-footer .freebie p{font-size:16px;font-weight:200;color:var(--ink);margin-bottom:22px;}
.otb-footer .flogo{font-family:'Cormorant Garamond',serif;font-size:22px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;}
.otb-footer .ftitle{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:.85;margin-bottom:22px;}
.otb-footer .fnav a{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:.9;padding:5px 0;}
.otb-footer .fnav a:hover{opacity:1;}
.otb-fbar{background:#161616;color:#9a9a9a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:16px 24px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;}
.otb-fbar a{color:#9a9a9a;}.otb-fbar a:hover{color:#fff;}
@media(max-width:900px){.otb-body{grid-template-columns:1fr;}.otb-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px;}.otb-side>*{margin-bottom:0;}}
@media(max-width:820px){.otb-decide .grid{grid-template-columns:1fr;}.otb-decide .photo{order:-1}
  .otb-ebookband .ebrow,.otb-footer .frow{grid-template-columns:1fr;text-align:center;}.otb-ebookband p{margin:0 auto 24px;}.otb-collage{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.otb-side{grid-template-columns:1fr;}.otb-rc ul.kf{columns:1;}}
/* mega menu */
.otb-nav{position:relative;}
.otb-nav .item{position:static;}
.otb-nav .trigger{cursor:pointer;display:inline-block;}
.otb-nav .trigger .caret{display:inline-block;margin-left:7px;font-size:8px;transition:transform .2s;vertical-align:middle;}
.otb-nav .item.open>.trigger{color:var(--gold);}
.otb-nav .item.open>.trigger .caret{transform:rotate(180deg);}
.otb-nav .mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #ececec;
  box-shadow:0 26px 50px rgba(0,0,0,.10);opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .2s,transform .2s,visibility .2s;z-index:60;text-align:left;}
.otb-nav .item.open .mega{opacity:1;visibility:visible;transform:translateY(0);}
.otb-nav .mega-inner{max-width:1120px;margin:0 auto;padding:34px 24px 38px;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.otb-nav .mega .col-t{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500;}
.otb-nav .mega a{display:block;font-size:13px;letter-spacing:0;text-transform:none;font-weight:300;color:var(--body);padding:7px 0;line-height:1.45;}
.otb-nav .mega a.all{margin-top:10px;color:var(--teal);font-weight:500;}
@media(max-width:900px){
  .otb-nav .mega{position:static;box-shadow:none;border-top:0;display:none;}
  .otb-nav .item.open .mega{display:block;opacity:1;visibility:visible;transform:none;}
  .otb-nav .mega-inner{grid-template-columns:1fr;padding:8px 0 16px;gap:16px;}
  .otb-nav .item{width:100%;text-align:center;}
  .otb-nav .mega{text-align:center;}
}

/* footer sombre + encart ebook mis en avant */
.otb-foot{background:#141414;color:#bdbdbd;text-align:center;padding:0 0 54px;font-size:12px;letter-spacing:.12em;margin-top:120px;}
.otb-foot .fnav{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;text-transform:uppercase;margin:24px 0;letter-spacing:.2em;}
.otb-foot .fnav a:hover{color:#fff;}
.otb-foot .base{max-width:520px;margin:22px auto 0;color:#8a8a8a;font-weight:300;letter-spacing:.04em;line-height:1.7;}
.otb-foot .flogo-txt{font-family:'Cormorant Garamond',serif;font-size:22px;letter-spacing:.2em;color:#fff;}


/* --- bandeau ebook facon live : couvertures en eventail + etoiles --- */
.otb-ebookband{background:var(--cream2,#fbf6ef);padding:96px 24px;position:relative;overflow:hidden;}
.otb-ebookband .ebrow{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1120px;margin:0 auto;}
.otb-ebookband .covers{display:flex;justify-content:center;align-items:center;position:relative;}
.otb-ebookband .covers img{width:46%;max-width:230px;aspect-ratio:2/3;object-fit:cover;border:6px solid #fff;
  box-shadow:0 22px 46px rgba(0,0,0,.20);border-radius:2px;}
.otb-ebookband .covers img:nth-child(1){transform:rotate(-8deg);z-index:3;}
.otb-ebookband .covers img:nth-child(2){transform:translateX(-26%) rotate(-1deg);z-index:2;}
.otb-ebookband .covers img:nth-child(3){transform:translateX(-52%) rotate(7deg);z-index:1;}
.otb-ebookband .txt{position:relative;text-align:left;}
.otb-ebookband .star{position:absolute;width:74px;top:-56px;left:-8px;opacity:.95;pointer-events:none;}
.otb-ebookband .script{font-family:'Belluga',cursive;font-size:clamp(46px,4.8vw,64px);color:var(--ink,#3a3a3a);display:block;line-height:1.05;margin-bottom:22px;}
.otb-ebookband p{font-size:clamp(19px,2vw,26px);font-weight:200;color:#4a4a4a;line-height:1.5;margin-bottom:34px;max-width:470px;}
.otb-ebookband .otb-btn{padding:19px 64px;font-size:12px;}
@media(max-width:860px){.otb-ebookband{padding:64px 20px;}.otb-ebookband .ebrow{grid-template-columns:1fr;gap:44px;text-align:center;}
  .otb-ebookband .txt{text-align:center;}.otb-ebookband p{margin-left:auto;margin-right:auto;}.otb-ebookband .star{left:50%;transform:translateX(-140px);top:-46px;}}

/* --- bandeau communaute facon live : video de fond + carte blanche a droite --- */
.otb-community{position:relative;min-height:600px;display:flex;align-items:center;justify-content:flex-end;
  padding:70px 6vw;overflow:hidden;background:#dfe7e6;}
.otb-community__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.otb-community .card{position:relative;z-index:2;background:#fff;max-width:560px;width:100%;padding:56px 54px;text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.16);}
.otb-community .star{position:absolute;width:86px;top:-52px;left:-64px;z-index:3;pointer-events:none;}
.otb-community .eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#555;margin-bottom:26px;}
.otb-community .eyebrow .sc{font-family:'Belluga',cursive;font-size:30px;letter-spacing:0;text-transform:none;color:var(--ink,#3a3a3a);vertical-align:-6px;margin-left:6px;}
.otb-community h3{font-size:clamp(24px,2.6vw,32px);font-weight:200;line-height:1.35;margin-bottom:22px;color:var(--ink,#3a3a3a);}
.otb-community p{font-size:17px;font-weight:300;color:#5f5f5f;margin-bottom:30px;line-height:1.6;}
.otb-community p b{color:var(--ink,#3a3a3a);font-weight:600;}
.otb-community .otb-btn{padding:18px 52px;}
@media(max-width:860px){.otb-community{justify-content:center;padding:56px 20px;min-height:0;}
  .otb-community .card{padding:40px 26px;}.otb-community .star{display:none;}}

/* encart ebook : carte claire qui ressort sur le fond sombre */
.otb-ebook-cta{background:var(--cream2);color:var(--ink);text-align:left;
  max-width:940px;margin:0 auto 52px;padding:44px 48px;
  display:grid;grid-template-columns:auto 1fr;gap:46px;align-items:center;
  border:1px solid rgba(194,165,123,.55);box-shadow:0 26px 60px rgba(0,0,0,.45);
  position:relative;top:-46px;}
.otb-ebook-cta .covers{display:flex;flex:0 0 auto;}
.otb-ebook-cta .covers img{width:118px;aspect-ratio:2/3;object-fit:cover;border:4px solid #fff;
  box-shadow:0 14px 30px rgba(0,0,0,.22);}
.otb-ebook-cta .covers img:nth-child(2){transform:translateX(-22px) rotate(4deg);z-index:2;}
.otb-ebook-cta .covers img:nth-child(3){transform:translateX(-44px) rotate(8deg);}
.otb-ebook-cta .lab{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--sage);font-weight:500;}
.otb-ebook-cta .script{font-family:'Belluga',cursive;font-size:clamp(48px,5vw,68px);color:var(--gold);display:block;margin:4px 0 14px;line-height:1.05;}
.otb-ebook-cta .script em{font-style:normal;font-size:.44em;color:var(--body);}
.otb-ebook-cta p{font-size:16px;font-weight:300;color:var(--body);line-height:1.7;margin-bottom:24px;max-width:430px;}
.otb-ebook-cta p b{color:var(--ink);font-weight:600;}
@media(max-width:820px){
  .otb-ebook-cta{grid-template-columns:1fr;gap:30px;text-align:center;padding:38px 26px;top:-34px;}
  .otb-ebook-cta .covers{justify-content:center;}
  .otb-ebook-cta p{margin-left:auto;margin-right:auto;}
}

@media(max-width:820px){
  .otb-journey .grid,.otb-save .row,.otb-res .row{grid-template-columns:1fr;}
  .otb-journey .card{margin:34px 0;}
  .otb-journey .photo{min-height:280px;}
  .otb-resorts,.otb-guides{grid-template-columns:1fr 1fr;}
  .otb-journey .photo{order:-1;}
}
@media(max-width:520px){.otb-resorts,.otb-guides{grid-template-columns:1fr;}}


/* --- sidebar : photo, mockup, GIF, guide, sticky --- */
.otb-card .side-phone{width:100%;max-width:190px;margin:0 auto 14px;display:block;}
.otb-side-sticky{position:sticky;top:18px;z-index:5;}
.otb-side-sticky>*{margin-bottom:46px;}
.otb-side .promo.gif{min-height:0;padding:0;display:block;overflow:hidden;position:relative;}
.otb-side .promo.gif img{width:100%;display:block;}
.otb-side .promo.gif .cap{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;text-align:center;}
.otb-side-guide{position:relative;}
.otb-side-guide .covers{display:flex;justify-content:center;align-items:flex-start;margin-bottom:-46px;position:relative;z-index:3;}
.otb-side-guide .covers img{width:42%;max-width:106px;aspect-ratio:2/3;object-fit:cover;border:4px solid #fff;box-shadow:0 14px 28px rgba(0,0,0,.22);border-radius:2px;}
.otb-side-guide .covers img:nth-child(1){transform:rotate(-9deg);z-index:3;}
.otb-side-guide .covers img:nth-child(2){transform:translateX(-26%) rotate(-1deg);z-index:2;}
.otb-side-guide .covers img:nth-child(3){transform:translateX(-52%) rotate(8deg);z-index:1;}
.otb-side-guide .card{background:var(--cream2);border:1px solid #f0eade;padding:64px 22px 30px;text-align:center;position:relative;z-index:1;}
.otb-side-guide .script{font-family:'Belluga',cursive;font-size:40px;color:var(--ink);display:block;line-height:1.1;margin-bottom:14px;}
.otb-side-guide p{font-size:14.5px;line-height:1.75;margin-bottom:22px;}
.otb-side-guide p b{color:var(--ink);font-weight:600;}
@media(max-width:900px){.otb-side-sticky{position:static;}}

/* ===== BANDEAU EBOOK v2 ===== */
/* ==========================================================
   BANDEAU « YOUR FREE GUIDE » — reconstruit d'apres le live
   Geometrie relevee sur le bloc Showit free-guide-cta (1200 x 585) :
     couvertures  x=88/188/288  y=-70  266x460  rotations -10 / 0 / +10
     etincelles   x=703  y=35   81x98
     script       x=770  y=84   Belluga 40px
     paragraphe   x=612  y=181  564 large, centre
     filet        x=842  y=395  128x1
     bouton       x=387  y=456  426x60   (centre sur le bloc)
   Les couvertures debordent de 70px AU-DESSUS de la section : c'est voulu.
   ========================================================== */
/* Le conteneur racine .otb a overflow-x:clip, qui coupe AUSSI verticalement : impossible
   de faire deborder les couvertures hors de la section. On ne deborde donc pas.
   A la place : la section reserve en haut la place du debordement, et son fond creme est
   dessine en degrade a partir de cette hauteur. Visuellement identique au live, sans overflow.

   /!\ La reserve doit couvrir PLUS que les 70px du live : les couvertures laterales sont
   pivotees de 10 deg, ce qui fait depasser leur boite englobante de 19,6 px de plus vers le
   haut (460*cos10 + 266*sin10 = 499px au lieu de 460). Reserve = 70 + 20 + marge = 96px,
   soit un facteur de 0.08 sur la largeur de reference de 1200px. */
.otb-ebookband{--ebtop:calc(min(100vw - 48px, 1200px) * 0.08);
  --ebbeige:calc(min(100vw - 48px, 1200px) * 0.058333);
  padding:var(--ebtop) 24px 0;position:relative;
  background:linear-gradient(to bottom,
    transparent 0, transparent var(--ebtop),
    var(--cream) var(--ebtop), var(--cream) 100%);}
.otb-ebookband .ebrow{position:relative;max-width:1200px;margin:0 auto;
  aspect-ratio:1200/585;container-type:inline-size;}

/* --- les 3 couvertures en eventail --- */
.otb-ebookband .cover{position:absolute;width:22.167%;height:78.632%;
  background:#fff;padding:0.583%;box-shadow:5px 5px 20px rgba(0,0,0,.28);}
.otb-ebookband .cover img{width:100%;height:100%;object-fit:cover;display:block;}
.otb-ebookband .cover.c1{left:7.333%;top:-11.966%;transform:rotate(-10deg);z-index:1;}
.otb-ebookband .cover.c2{left:15.667%;top:-11.966%;transform:rotate(0deg);z-index:2;}
.otb-ebookband .cover.c3{left:24%;    top:-11.795%;transform:rotate(10deg);z-index:3;}

/* --- etincelles, titre, texte, filet --- */
.otb-ebookband .star{position:absolute;left:58.583%;top:5.983%;width:6.75%;height:auto;
  pointer-events:none;z-index:4;}
.otb-ebookband .script{position:absolute;left:64.167%;top:14.359%;width:27.167%;
  font-family:'Belluga',cursive;font-size:3.333cqw;line-height:1.15;color:var(--ink);
  text-align:center;z-index:5;}
.otb-ebookband .lead{position:absolute;left:51%;top:30.940%;width:47%;
  font-size:2.083cqw;line-height:1.45;font-weight:200;color:#4a4a4a;text-align:center;z-index:5;}
.otb-ebookband .lead b{color:var(--ink);font-weight:500;}
.otb-ebookband .rule{position:absolute;left:70.167%;top:67.521%;width:10.667%;height:1px;
  background:var(--gold);z-index:5;}

/* --- bouton, centre sur toute la largeur du bandeau --- */
.otb-ebookband .cta{position:absolute;left:32.25%;top:77.949%;width:35.5%;height:10.256%;z-index:6;}
.otb-ebookband .cta a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  background:var(--gold);color:#fff;font-size:1.5cqw;letter-spacing:.18em;text-transform:uppercase;
  font-weight:500;transition:.25s;}
.otb-ebookband .cta a:hover{background:#ad9269;color:#fff;}

/* --- sous 900px : on abandonne le positionnement absolu pour un empilement --- */
@media(max-width:900px){
  .otb-ebookband{--ebtop:34px;padding:34px 20px 56px;}
  .otb-ebookband .ebrow{aspect-ratio:auto;display:block;padding-top:20px;}
  .otb-ebookband .cover{position:relative;width:32%;height:auto;aspect-ratio:266/460;
    display:inline-block;vertical-align:top;left:auto!important;top:auto!important;margin-top:-40px;}
  .otb-ebookband .covers{display:flex;justify-content:center;align-items:flex-start;gap:0;}
  .otb-ebookband .cover.c1{transform:rotate(-8deg);}
  .otb-ebookband .cover.c2{transform:translateX(-6%);}
  .otb-ebookband .cover.c3{transform:translateX(-12%) rotate(8deg);}
  .otb-ebookband .txt{position:relative;text-align:center;margin-top:38px;}
  .otb-ebookband .star{position:relative;left:auto;top:auto;width:64px;margin:0 auto 6px;display:block;}
  .otb-ebookband .script,.otb-ebookband .lead,.otb-ebookband .rule,.otb-ebookband .cta{
    position:relative;left:auto;top:auto;width:auto;}
  .otb-ebookband .script{font-size:clamp(32px,7vw,44px);}
  .otb-ebookband .lead{font-size:clamp(18px,4.4vw,24px);margin:14px auto 0;max-width:520px;}
  .otb-ebookband .rule{width:120px;margin:26px auto;}
  .otb-ebookband .cta{height:auto;margin:0 auto;max-width:340px;}
  .otb-ebookband .cta a{padding:18px 0;font-size:12px;}
}

/* ==========================================================
   ANIMATION : l'eventail s'ouvre a l'entree dans l'ecran.
   L'etat par defaut est OUVERT : si le JS ne tourne pas, les couvertures
   sont a leur place finale. Le JS ajoute .is-closed au chargement puis le
   retire quand le bandeau entre dans l'ecran.
   On n'anime que transform (pas left), pour rester fluide.
   Deplacement : c1 va de 7.333% a 15.667% du conteneur, soit 8.334% ;
   rapporte a la largeur d'une couverture (22.167%) -> 37.6%.
   ========================================================== */
.otb-ebookband .cover{transition:transform .95s cubic-bezier(.2,.85,.25,1);}
.otb-ebookband .cover.c1{transition-delay:.06s;}
.otb-ebookband .cover.c3{transition-delay:.14s;}
.otb-ebookband.is-closed .cover.c1{transform:translateX(37.6%) rotate(0deg);}
.otb-ebookband.is-closed .cover.c2{transform:translateX(0) rotate(0deg);}
.otb-ebookband.is-closed .cover.c3{transform:translateX(-37.6%) rotate(0deg);}
@media(prefers-reduced-motion:reduce){
  .otb-ebookband .cover{transition:none;}
  .otb-ebookband.is-closed .cover.c1{transform:rotate(-10deg);}
  .otb-ebookband.is-closed .cover.c3{transform:rotate(10deg);}
}
@media(max-width:900px){
  .otb-ebookband.is-closed .cover.c1{transform:rotate(-8deg);}
  .otb-ebookband.is-closed .cover.c2{transform:translateX(-6%);}
  .otb-ebookband.is-closed .cover.c3{transform:translateX(-12%) rotate(8deg);}
}

/* --- sidebar : carte « free guide » blanche quand elle est sur un fond creme --- */
.otb-side-guide .card{background:#fff;border:1px solid #f2ece1;box-shadow:0 12px 32px rgba(0,0,0,.07);}

/* --- etat ferme plus marque : les couvertures sont empilees, un peu reduites et legerement pales --- */
.otb-ebookband .cover{transition:transform 1s cubic-bezier(.2,.85,.25,1),opacity .55s ease;}
.otb-ebookband.is-closed .cover{opacity:.88;}
.otb-ebookband.is-closed .cover.c1{transform:translateX(37.6%) rotate(0deg) scale(.93);}
.otb-ebookband.is-closed .cover.c2{transform:translateX(0) rotate(0deg) scale(.93);}
.otb-ebookband.is-closed .cover.c3{transform:translateX(-37.6%) rotate(0deg) scale(.93);}
@media(prefers-reduced-motion:reduce){
  .otb-ebookband .cover{transition:none;}
  .otb-ebookband.is-closed .cover{opacity:1;}
  .otb-ebookband.is-closed .cover.c1{transform:rotate(-10deg);}
  .otb-ebookband.is-closed .cover.c2{transform:rotate(0deg);}
  .otb-ebookband.is-closed .cover.c3{transform:rotate(10deg);}
}
@media(max-width:900px){
  .otb-ebookband.is-closed .cover.c1{transform:rotate(-8deg) scale(.95);}
  .otb-ebookband.is-closed .cover.c2{transform:translateX(-6%) scale(.95);}
  .otb-ebookband.is-closed .cover.c3{transform:translateX(-12%) rotate(8deg) scale(.95);}
}