.flipbook-page{background:#0e1917}.flipbook-page .site-header{background:rgba(250,248,243,.96)}
.flipbook-main{min-height:100vh;background:radial-gradient(circle at 50% 14%,rgba(8,114,185,.13),transparent 32%),linear-gradient(180deg,#13201d 0%,#0b1513 100%);color:#fff;padding:74px 0 96px}
.flipbook-intro{width:min(1240px,calc(100% - 72px));margin:0 auto 34px;display:flex;justify-content:space-between;gap:30px;align-items:end}.flipbook-intro h1{font-family:Syne,sans-serif;font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.055em;max-width:760px;margin:12px 0}.flipbook-intro h1 em{color:#6fc6f1;font-style:normal}.flipbook-intro p{max-width:650px;color:rgba(255,255,255,.66);font-size:16px;line-height:1.7}.flipbook-intro .kicker{color:#d4e596}.flipbook-intro-actions{display:flex;gap:10px;flex-wrap:wrap}.flipbook-intro .btn-outline{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}
.flipbook-stage{width:min(1320px,calc(100% - 48px));margin:auto;position:relative}.flipbook-toolbar{height:58px;border:1px solid rgba(255,255,255,.13);border-radius:18px 18px 0 0;background:rgba(255,255,255,.07);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;gap:10px}.flipbook-toolbar button{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:20px;cursor:pointer}.flipbook-toolbar button:hover{background:rgba(255,255,255,.14)}.flipbook-page-jump{display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.12em}.flipbook-page-jump input{width:64px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;text-align:center;font:inherit;outline:none}
.book-wrap{position:relative;padding:38px 28px 46px;border:1px solid rgba(255,255,255,.10);border-top:0;border-radius:0 0 28px 28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));perspective:2600px}.book{position:relative;width:min(1060px,92vw);aspect-ratio:1.414/1;margin:auto;transform-style:preserve-3d;filter:drop-shadow(0 30px 40px rgba(0,0,0,.28))}.book-shadow{position:absolute;left:15%;right:15%;bottom:26px;height:40px;background:rgba(0,0,0,.38);filter:blur(28px);border-radius:50%}.book-page{position:absolute;top:0;width:50%;height:100%;overflow:hidden;background:#fff}.book-page img,.book-turn-face img{width:100%;height:100%;object-fit:contain;background:#fff}.book-page-left{left:0;border-radius:16px 0 0 16px;box-shadow:inset -18px 0 28px -24px rgba(0,0,0,.5)}.book-page-right{right:0;border-radius:0 16px 16px 0;box-shadow:inset 18px 0 28px -24px rgba(0,0,0,.5)}.book-spine{position:absolute;left:50%;top:0;bottom:0;width:2px;z-index:7;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28),rgba(0,0,0,.05));box-shadow:0 0 14px rgba(0,0,0,.22)}.book-turn{position:absolute;top:0;left:50%;width:50%;height:100%;z-index:12;transform-origin:left center;transform-style:preserve-3d;pointer-events:none;visibility:hidden}.book-turn.is-flipping-next{visibility:visible;animation:pageTurnNext .86s cubic-bezier(.2,.72,.2,1) both}.book-turn.is-flipping-prev{visibility:visible;left:0;transform-origin:right center;animation:pageTurnPrev .86s cubic-bezier(.2,.72,.2,1) both}.book-turn-face{position:absolute;inset:0;backface-visibility:hidden;background:#fff;overflow:hidden}.book-turn-front{border-radius:0 16px 16px 0;box-shadow:-16px 8px 30px rgba(0,0,0,.18)}.book-turn-back{transform:rotateY(180deg);border-radius:16px 0 0 16px;box-shadow:16px 8px 30px rgba(0,0,0,.18)}@keyframes pageTurnNext{0%{transform:rotateY(0deg)}48%{box-shadow:-26px 18px 40px rgba(0,0,0,.32)}100%{transform:rotateY(-180deg)}}@keyframes pageTurnPrev{0%{transform:rotateY(0deg)}48%{box-shadow:26px 18px 40px rgba(0,0,0,.32)}100%{transform:rotateY(180deg)}}.flipbook-hint{text-align:center;color:rgba(255,255,255,.48);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:16px}
.flipbook-stage:fullscreen{background:#0b1513;padding:18px;display:grid;align-content:center}.flipbook-stage:fullscreen .book-wrap{height:calc(100vh - 94px);display:grid;place-items:center}.flipbook-stage:fullscreen .book{height:calc(100vh - 155px);width:auto;max-width:95vw}
@media(max-width:800px){.flipbook-main{padding-top:48px}.flipbook-intro{width:calc(100% - 32px);display:block}.flipbook-intro-actions{margin-top:20px}.flipbook-stage{width:calc(100% - 20px)}.book-wrap{padding:18px 8px 24px}.book{width:100%}.flipbook-page-jump span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.book-turn.is-flipping-next,.book-turn.is-flipping-prev{animation-duration:.01s}}


/* ==========================================================
   CODIAG V5.6.64 — Sommaire intelligent catalogue 3D
   ========================================================== */
.flipbook-toolbar{
  position:relative;
  padding:0 14px;
}
.flipbook-toc-toggle{
  width:auto!important;
  min-width:118px;
  padding:0 14px!important;
  border-radius:999px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:11px!important;
  font-weight:850;
  letter-spacing:.02em;
}
.flipbook-toc-toggle__icon{font-size:15px;line-height:1}
.flipbook-current-section{
  position:absolute;
  right:16px;
  max-width:230px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(255,255,255,.64);
  font-size:9px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.flipbook-toc-backdrop{
  position:absolute;
  inset:58px 0 0;
  z-index:38;
  background:rgba(4,12,10,.52);
  backdrop-filter:blur(4px);
  border-radius:0 0 28px 28px;
  opacity:0;
  visibility:hidden;
  transition:opacity .28s ease,visibility .28s ease;
}
.flipbook-toc-backdrop.is-open{opacity:1;visibility:visible}

.flipbook-toc{
  position:absolute;
  z-index:40;
  left:12px;
  top:70px;
  bottom:14px;
  width:min(410px,calc(100% - 24px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  background:rgba(247,246,241,.985);
  color:#17211f;
  box-shadow:0 34px 80px rgba(0,0,0,.40);
  transform:translateX(calc(-100% - 28px));
  opacity:0;
  visibility:hidden;
  transition:transform .34s cubic-bezier(.22,.75,.25,1),opacity .25s ease,visibility .25s ease;
}
.flipbook-toc.is-open{transform:translateX(0);opacity:1;visibility:visible}
.flipbook-toc__head{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 20px 16px;
  border-bottom:1px solid rgba(23,33,31,.09);
  background:linear-gradient(135deg,#fff 0%,#f1f3ea 100%);
}
.flipbook-toc__head small{
  display:block;
  margin-bottom:4px;
  color:#788d2b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.flipbook-toc__head strong{
  font-family:Syne,sans-serif;
  font-size:24px;
  letter-spacing:-.035em;
}
.flipbook-toc__close{
  width:38px;
  height:38px;
  border:1px solid rgba(23,33,31,.10);
  border-radius:50%;
  background:#fff;
  color:#17211f;
  cursor:pointer;
  font-size:22px;
}
.flipbook-toc__tools{
  flex:0 0 auto;
  padding:14px 16px;
  border-bottom:1px solid rgba(23,33,31,.07);
  background:#faf9f6;
}
.flipbook-toc__search{
  position:relative;
  display:flex;
  align-items:center;
}
.flipbook-toc__search>span{
  position:absolute;
  left:14px;
  z-index:1;
  color:#6d7773;
  font-size:20px;
  transform:rotate(-15deg);
  pointer-events:none;
}
.flipbook-toc__search input{
  width:100%;
  height:46px;
  padding:0 14px 0 43px;
  border:1px solid rgba(23,33,31,.13);
  border-radius:14px;
  background:#fff;
  color:#17211f;
  outline:none;
  font-size:13px;
}
.flipbook-toc__search input:focus{
  border-color:rgba(8,114,185,.48);
  box-shadow:0 0 0 4px rgba(8,114,185,.09);
}
.flipbook-toc__quick{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:9px;
}
.flipbook-toc__quick button{
  min-height:38px;
  padding:8px 10px;
  border:1px solid rgba(23,33,31,.10);
  border-radius:12px;
  background:#fff;
  color:#3a4743;
  cursor:pointer;
  text-align:left;
  font-size:10px;
  font-weight:750;
}
.flipbook-toc__quick button b{
  float:right;
  color:#0872b9;
  font-size:9px;
}
.flipbook-toc__body{
  flex:1 1 auto;
  overflow:auto;
  padding:10px 12px 16px;
  scrollbar-width:thin;
  scrollbar-color:#bac2bd transparent;
}
.flipbook-toc__section{
  margin-bottom:8px;
  overflow:hidden;
  border:1px solid rgba(23,33,31,.09);
  border-radius:15px;
  background:#fff;
}
.flipbook-toc__section.is-current{
  border-color:rgba(8,114,185,.30);
  box-shadow:0 0 0 3px rgba(8,114,185,.055);
}
.flipbook-toc__section[open]>summary em{transform:rotate(45deg);background:#0872b9;color:#fff}
.flipbook-toc__section summary{
  list-style:none;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 28px;
  gap:10px;
  align-items:center;
  padding:12px;
  cursor:pointer;
  user-select:none;
}
.flipbook-toc__section summary::-webkit-details-marker{display:none}
.flipbook-toc__section-index{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f0f3e6;
  color:#718729;
  font-size:9px;
  font-weight:900;
}
.flipbook-toc__section summary b{
  display:block;
  color:#17211f;
  font-size:12px;
  line-height:1.25;
}
.flipbook-toc__section summary small{
  display:block;
  margin-top:3px;
  color:#8a928f;
  font-size:9px;
}
.flipbook-toc__section summary em{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f5f4ef;
  color:#56615d;
  font-style:normal;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.flipbook-toc__items{
  display:grid;
  gap:3px;
  padding:0 8px 9px;
  border-top:1px solid rgba(23,33,31,.06);
}
.flipbook-toc__item{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 9px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#495652;
  cursor:pointer;
  text-align:left;
  font-size:10.5px;
  line-height:1.35;
}
.flipbook-toc__item b{
  flex:0 0 auto;
  color:#7e8985;
  font-size:9px;
}
.flipbook-toc__item:hover{background:#f4f7f8;color:#0872b9}
.flipbook-toc__item.is-active{
  background:#eaf5fa;
  color:#0872b9;
  font-weight:850;
}
.flipbook-toc__item--section{
  margin-top:7px;
  background:#f8f7f3;
  color:#17211f;
  font-weight:800;
}
.flipbook-toc__foot{
  flex:0 0 auto;
  padding:12px 16px 14px;
  border-top:1px solid rgba(23,33,31,.08);
  background:#f3f1eb;
}
.flipbook-toc__foot span{
  color:#f07d12;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.flipbook-toc__foot p{
  margin:4px 0 0;
  color:#707b77;
  font-size:9px;
  line-height:1.5;
}
.flipbook-toc__foot kbd{
  display:inline-block;
  min-width:18px;
  padding:1px 5px;
  border:1px solid rgba(23,33,31,.16);
  border-bottom-width:2px;
  border-radius:5px;
  background:#fff;
  color:#17211f;
  font:700 9px/1.5 monospace;
}

@media(max-width:980px){
  .flipbook-current-section{display:none}
  .flipbook-toc-toggle{min-width:44px;width:44px!important;padding:0!important}
  .flipbook-toc-toggle__label{display:none}
}
@media(max-width:800px){
  .flipbook-toolbar{
    gap:7px;
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .flipbook-toolbar::-webkit-scrollbar{display:none}
  .flipbook-toc{
    position:fixed;
    inset:74px 10px 10px;
    width:auto;
    max-width:none;
    border-radius:20px;
    transform:translateY(28px);
  }
  .flipbook-toc.is-open{transform:translateY(0)}
  .flipbook-toc-backdrop{
    position:fixed;
    inset:0;
    border-radius:0;
  }
}
@media(max-width:520px){
  .flipbook-toc__quick{grid-template-columns:1fr}
  .flipbook-toc__head strong{font-size:21px}
  .flipbook-toc{inset:68px 7px 7px}
}
@media(prefers-reduced-motion:reduce){
  .flipbook-toc,.flipbook-toc-backdrop,.flipbook-toc__section summary em{transition:none!important}
}