* { box-sizing: border-box; }

   /* body {
      margin: 0;
      min-height: 100vh;
      /*display: grid;
      place-items: center;
      background: #382457;
      font-family: 'Tilt Warp', Arial, sans-serif;
    }*/

body{
	display:block!important;
	place-items:normal!important;
	padding:0!important;
	min-height:0!important
}
	#page-container{
		max-width:100%;
		overflow-x:clip
}
.beequiz-button--compact{min-width:0!important;width:min(360px,100%)!important;max-width:100%}


    .myhive-widget {
      --violet: #4b16e8;
      --rose: #ff1493;
      --jaune: #ffd426;
      --noir: #171820;
      --pink1: #e63fa8;
      --pink2: #6b35d6;
      --yellow1: #fff27a;
      --yellow2: #ffd426;
      --yellow3: #ffb000;
      --purple1: #6b2cd3;
      --purple2: #d92d9a;
      --btn1: #ef3ea7;
      --btn2: #6a35d4;
      --text: #25135f;
      --white: #fff;

      --mytab-w: clamp(128px, 10.6vw, 190px);
      --mytab-h: calc(var(--mytab-w) * 0.8654); /* ratio exact 260/225 */
     /* --myoffer-w: clamp(138px, 11.2vw, 190px);
      --myoffer-h: calc(var(--myoffer-w) * 0.8654); /* ratio exact 260/225 */
      --mypanel-cta-w: clamp(340px, 34vw, 480px);
      --mypanel-cta-h: calc(var(--mypanel-cta-w) * 0.8654);

      /* Responsive desktop propre */
      --tabs-gap: clamp(4px, 1.2vw, 10px);
 /*     --panel-gap: clamp(28px, 4vw, 58px);
     /* --offer-gap: clamp(10px, 1.15vw, 20px);

     /* width: min(1240px, 96vw);*/
      margin: auto;
      position: relative;
      z-index: 10;
      font-family: 'Tilt Warp', sans-serif;
   /*   padding: 34px 20px;*/
		
		  position: relative;
  width: 100%;
 overflow: hidden;
  /*background:
    radial-gradient(circle at 50% 42%, rgba(244,166,215,.14), transparent 32%),
    radial-gradient(circle at 18% 50%, rgba(239,180,0,.08), transparent 28%),
    radial-gradient(circle at 82% 50%, rgba(107,53,214,.24), transparent 32%),
    var(--bee-dark);*/
	/*padding: 10px 50px 150px 50px;*/
    }

.div-bouton-book {
   /* margin-top: 0px;
    padding-top: 0px;
    width: 100%;*/
	 display: flex;
  gap: 40px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
	width: 100%;
}

.bouton-book-video-home
{
position:absolute;
    bottom:30px;
	left:50%;
    transform:translateX(-50%);
    z-index:10;
	display: flex;
  gap: 40px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
	width: 100%;
}

.bouton-book-video-home::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:260px;
    height:90px;
    transform:translate(-50%,-50%);
    border-radius:999px;
    background:rgba(0,0,0,.45);
    filter:blur(28px);
    z-index:-1;
}

    .mytabs {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      gap: var(--tabs-gap);
      margin: 0 auto clamp(20px, 5vw, 25px);
      position: relative;
      z-index: 999;
      padding-inline: clamp(12px, 2vw, 28px);
		
		  /*max-width: 75vw;*/
  width: 100%;

    }

    .mytab {
      position: relative;
     width: var(--mytab-w);
      height: var(--mytab-h);
      margin-left: 0;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
      color: #fff;
      text-transform: uppercase;
      transition:
        transform .55s cubic-bezier(.2,.9,.18,1),
        filter .45s ease,
        opacity .35s ease;
      appearance: none;
      -webkit-appearance: none;
      filter: drop-shadow(0 18px 18px rgba(39, 0, 75, 0.18));
      will-change: transform, filter;
    }

    .mytab:first-child { margin-left: 0; }
    .mytab:nth-child(odd) { transform: translateY(-34px); }
    .mytab:nth-child(even) { transform: translateY(18px); }

    .mytabs:hover .mytab:not(:hover):not(.is-active) {
      opacity: .88;
      filter: drop-shadow(0 14px 18px rgba(39, 0, 75, 0.16));
    }

    .mytab svg,
    .myoffer svg,
    .mypanel-cta > svg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      overflow: visible;
      filter: drop-shadow(0 24px 24px rgba(39, 0, 75, 0.24));
    }

    .myhive-fill {
		fill: url(#myhivePurpleGradient);}

    .myhive-stroke {
      fill: none;
      stroke: rgba(255, 255, 255, 0.55);
      stroke-width: 5;
      transition: stroke 0.25s ease, stroke-width 0.25s ease, filter 0.25s ease;
    }

    .myhive-energy {
      fill: none;
      stroke: url(#myhiveEnergyGradient);
      stroke-width: 7;
      stroke-linecap: round;
      stroke-dasharray: 80 560;
      stroke-dashoffset: 0;
      opacity: 0;
      filter:
        drop-shadow(0 0 6px rgba(244,166,215,.4))
        drop-shadow(0 0 12px rgba(239,180,0,.35))
        drop-shadow(0 0 18px rgba(107,53,214,.3));
    }

    .myhive-label {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 3;
      transform: translate(-50%, -50%);
      width: 82%;
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      font: 400 18px/.92 'Tilt Warp', sans-serif;
      pointer-events: none;
      text-shadow: 0 4px 14px rgba(0,0,0,.28);
    }

    .mytab.is-active,
    .mytab.active {
      z-index: 10;
      color: #25135f;
      filter: drop-shadow(0 18px 18px rgba(255, 212, 38, 0.24));
    }

    .mytab.is-active .myhive-fill,
    .mytab.active .myhive-fill,
    .mypanel-cta .myhive-fill {
      fill: url(#myhiveYellowGradient);
    }

    .mytab.is-active .myhive-stroke,
    .mytab.active .myhive-stroke,
    .mypanel-cta .myhive-stroke {
      stroke: url(#myhiveEnergyGradient);
      stroke-width: 6;
    }

    .mytab.is-active .myhive-energy,
    .mytab.active .myhive-energy,
    .mypanel-cta .myhive-energy {
      opacity: 1;
      animation:
        myhiveEnergyRun 2.4s linear infinite,
        myhiveEnergyPulse 1.8s ease-in-out infinite;
    }

    .mytab.is-active .myhive-label,
    .mytab.active .myhive-label,
    .mypanel-cta .myhive-label {
      color: #25135f;
      text-shadow: none;
    }

    .mytab:hover {
      filter:
        drop-shadow(0 22px 34px rgba(20,8,44,.24))
        drop-shadow(0 0 16px rgba(255, 20, 147, .32))
        drop-shadow(0 0 26px rgba(239, 180, 0, .20));
    }

    .mytab:nth-child(odd):hover { transform: translateY(-42px) scale(1.045); }
    .mytab:nth-child(even):hover { transform: translateY(10px) scale(1.045); }

    .mytab.is-active:hover,
    .mytab.active:hover {
      filter:
        drop-shadow(0 22px 34px rgba(20,8,44,.25))
        drop-shadow(0 0 18px rgba(255, 20, 147, .38))
        drop-shadow(0 0 30px rgba(239, 180, 0, .28));
    }

    @keyframes myhiveEnergyRun {
      from { stroke-dashoffset: 0; }
      to { stroke-dashoffset: -640; }
    }

    @keyframes myhiveEnergyPulse {
      0%, 100% { stroke-width: 7; opacity: .72; }
      50% { stroke-width: 11; opacity: 1; }
    }
/*
    .mypanel {
      display: grid;
      grid-template-columns: minmax(300px, calc(var(--myoffer-w) * 2.08 + var(--offer-gap))) var(--mypanel-cta-w);
      justify-content: center;
      align-items: center;
      gap: var(--panel-gap);
      width: min(1100px, 94vw);
      margin: 0 auto;
    }

    .myoffers {
      --hex-gap: var(--offer-gap);
      --hex-x: calc(var(--myoffer-w) * 0.82 + var(--hex-gap));
		  --hex-x-r: calc(var(--myoffer-w) * 0.0002 + var(--hex-gap)) ;
      --hex-y: calc(var(--myoffer-h) * 0.82 + var(--hex-gap));

      position: relative;
      width: calc(var(--myoffer-w) * 1.72 + var(--hex-gap));
      height: calc(var(--myoffer-h) * 2.24 + var(--hex-gap) * 2);
      margin: 0 auto;
      isolation: isolate;
      opacity: 1;
      transform: translateY(0) scale(1);
      transition: opacity .28s ease, transform .36s cubic-bezier(.2,.9,.18,1);
    }

    .myoffers.is-switching {
      opacity: 0;
      transform: translateY(10px) scale(.98);
    }

    .myoffer {
      position: absolute;
      width: var(--myoffer-w);
      height: var(--myoffer-h);
      display: grid;
      place-items: center;
      overflow: visible;
      cursor: pointer;
      filter: drop-shadow(0 10px 16px rgba(39,23,78,.14));
      transition:
        left .72s cubic-bezier(.18,.9,.22,1),
        top .72s cubic-bezier(.18,.9,.22,1),
        transform .55s cubic-bezier(.2,.9,.18,1),
        filter .45s ease,
        opacity .35s ease;
      will-change: left, top, transform, filter;
      animation: myhiveFloat 4.2s ease-in-out infinite;
    }

    .myoffer.is-top-left {
      top: 0;
      left: 0;
      z-index: 2;
    }
    .myoffer.is-top-right {
      top: calc(var(--hex-y) * 0.58);
      left: var(--hex-x);
      z-index: 4;
    }
    .myoffer.is-bottom-center {
      top: calc(var(--hex-y) * 1.16);
      left: 0;
      z-index: 3;
    }

    .myoffer-content {
      position: relative;
      z-index: 3;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 8px;
      text-align: center;
      padding: 0 12px;
    }

    .myoffer-title {
      margin: 0;
      color: #fff;
      font: 400 18px/.92 'Tilt Warp', sans-serif;
      text-transform: uppercase;
      text-align: center;
    }

    .myprice {
      display: inline-block;
      padding: 6px 14px;
      color: #fff;
      background: linear-gradient(180deg, var(--purple1), var(--purple2));
      font: 400 19px/1 'Tilt Warp', sans-serif;
      border-radius: 999px;
      position: relative;
      z-index: 3;
    }

    .myoffer:hover {
     transform: translateY(-10px) scale(1.055) rotate(-1deg);
      filter:
        drop-shadow(0 22px 34px rgba(20,8,44,.25))
        drop-shadow(0 0 18px rgba(255,20,147,.28))
        drop-shadow(0 0 24px rgba(239,180,0,.18));
      z-index: 8;
    }

    .myoffers:has(.myoffer:hover) .myoffer:not(:hover) {
      opacity: .9;
      filter: drop-shadow(0 8px 14px rgba(39,23,78,.12));
    }

    .myoffers:has(.myoffer.is-top-left:hover) .myoffer.is-top-right {
      transform: translate(calc(var(--hex-gap) * .55), calc(var(--hex-gap) * .35)) scale(.985);
    }

    .myoffers:has(.myoffer.is-top-left:hover) .myoffer.is-bottom-center {
      transform: translate(calc(var(--hex-gap) * .45), calc(var(--hex-gap) * .55)) scale(.985);
    }

    .myoffers:has(.myoffer.is-top-right:hover) .myoffer.is-top-left {
      transform: translate(calc(var(--hex-gap) * -.55), calc(var(--hex-gap) * -.35)) scale(.985);
    }

    .myoffers:has(.myoffer.is-top-right:hover) .myoffer.is-bottom-center {
      transform: translate(calc(var(--hex-gap) * -.25), calc(var(--hex-gap) * .55)) scale(.985);
    }

    .myoffers:has(.myoffer.is-bottom-center:hover) .myoffer.is-top-left {
      transform: translate(calc(var(--hex-gap) * -.45), calc(var(--hex-gap) * -.55)) scale(.985);
    }

    .myoffers:has(.myoffer.is-bottom-center:hover) .myoffer.is-top-right {
      transform: translate(calc(var(--hex-gap) * .25), calc(var(--hex-gap) * -.55)) scale(.985);
    }

    .mypanel-cta {
      position: relative;
      width: var(--mypanel-cta-w);
      margin-left: 0;
      padding: 0;
      display: block;
      overflow: visible;
      border-radius: 28px;
      background: transparent;
      border: 0;
      box-shadow: none;
    }

    .mypanel-cta::before {
      content: "";
      position: absolute;
      inset: -7px;
      border-radius: 31px;
      padding: 6px;
      background: linear-gradient(120deg, #ffffff, #7a00ff, #ff007a, #ffb000, #ffffff);
      background-size: 300% 300%;
      animation: myhiveBorderFlow 6s linear infinite;
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
      filter:
        drop-shadow(0 0 6px rgba(244,166,215,.4))
        drop-shadow(0 0 12px rgba(239,180,0,.35))
        drop-shadow(0 0 18px rgba(107,53,214,.3));
      z-index: 6;
    }

    .mypanel-cta::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 24px;
      background: linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.12) 42%, rgba(0,0,0,.58) 100%);
      pointer-events: none;
      z-index: 3;
    }

    .mycta-media {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9; /* image plus grande et immersive */
      border-radius: 24px;
      overflow: hidden;
      z-index: 2;
      border: 1px solid rgba(255,255,255,.88);
		transition: transform .15s ease, box-shadow .25s ease;
     /* box-shadow: 0 20px 54px rgba(18, 8, 38, .34);*/
		/**/
		  box-shadow:
    0 35px 90px rgba(0,0,0,.65),
    0 0 0 1px rgba(255,255,255,.12);
    }
/*
    .mycta-media::before {
      display: none;
    }

    .mycta-media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      border-radius: 24px;
      position: relative;
      z-index: 2;
      transition: transform .45s ease;
    }

    .mycta-media img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      transition: transform .45s ease, opacity .22s ease;
    }

    .mypanel-cta:hover .mycta-media img {
      transform: scale(1.045);
    }

    .mycta-wrap {
      position: absolute;
      inset: 0;
      z-index: 5;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      gap: 12px;
      padding: 22px;
      pointer-events: none;
    }

    .mycta-wrap > * {
      pointer-events: auto;
    }

    .mycta-wrap > * {
      pointer-events: auto;
    }

    .mycta-photo {
      display: none;
    }

    .mycta-tab-title { display:none; }

    .mycta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 15px 25px;
      border: 0;
      border-radius: 999px;
      cursor: pointer;
      color: #fff;
      background: linear-gradient(90deg, var(--btn1), var(--btn2));
      font: 400 17px/1 'Tilt Warp', sans-serif;
      text-transform: uppercase;
      box-shadow: 0 16px 38px rgba(255, 20, 147, .42);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }

    .mycta:hover {
      transform: translateY(-3px) scale(1.035);
      box-shadow: 0 22px 48px rgba(255, 20, 147, .44);
    }
*/
    .myticket {
      width: 26px;
      height: 26px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      color: var(--text);
      background: linear-gradient(180deg, #ffd95d, #f8b800);
    }

    .mycta-title-outside {
      margin-bottom: 42px; /* + espace entre titre et image */
      position: relative;
      display: block; /* centré proprement */
      width: fit-content;
      margin: 0 auto 22px; /* centrage horizontal */
      padding: 12px 22px;
      text-align:center;
      color:#ffd426;
      font:400 clamp(28px,3vw,42px)/.9 'Tilt Warp',sans-serif;
      text-transform:uppercase;
      text-shadow:
        0 0 10px rgba(255,212,38,.35),
        0 0 22px rgba(255,20,147,.22),
        0 10px 28px rgba(0,0,0,.55);
      animation: myhiveTitleGlow 1.8s ease-in-out infinite;
      border-radius: 999px;
    }

    .mycta-title-side {
      margin-bottom: 42px; /* + espace entre titre et image */
		margin-top:-75px !important;
      position: relative;
      display: block; /* centré proprement */
      width: fit-content;
      margin: 0 auto -22px; /* centrage horizontal */
      padding: 12px 22px;
      text-align:center;
      color:#ffd426;
      font:400 clamp(28px,3vw,42px)/.9 'Tilt Warp',sans-serif;
      text-transform:uppercase;
      text-shadow:
        0 0 10px rgba(255,212,38,.35),
        0 0 22px rgba(255,20,147,.22),
        0 10px 28px rgba(0,0,0,.55) !important;
      animation: myhiveTitleGlow 1.8s ease-in-out infinite !important;
      border-radius: 999px !important;
    }

    /* Bordure animée autour du titre (style hex energy) */
    .mycta-title-outside::before {
      content:"";
      position:absolute;
      inset:-6px;
      border-radius: 999px;
      padding: 3px;
      background: linear-gradient(120deg,#ffffff,#7a00ff,#ff007a,#ffb000,#ffffff);
      background-size:300% 300%;
      animation: myhiveTitleLineFlow 2.4s linear infinite;
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      filter:
        drop-shadow(0 0 6px rgba(244,166,215,.45))
        drop-shadow(0 0 12px rgba(239,180,0,.35));
      pointer-events:none;
      z-index:-1;
    }

    

    .mymore-link {
      color: #fff;
      font: 400 16px/1 'Tilt Warp', sans-serif;
      text-decoration: underline;
      text-underline-offset: 3px;
      text-shadow: 0 4px 16px rgba(0,0,0,.75);
      margin-bottom: 6px;
    }

    @keyframes myhiveBorderFlow {
      0% { background-position: 0% 50%; }
      100% { background-position: 300% 50%; }
    }

    @keyframes myhiveTitleGlow {
      0%, 100% {
        text-shadow:
          0 0 8px rgba(255,212,38,.28),
          0 0 18px rgba(255,20,147,.18),
          0 10px 28px rgba(0,0,0,.55);
        transform: translateY(0);
      }
      50% {
        text-shadow:
          0 0 14px rgba(255,212,38,.52),
          0 0 28px rgba(255,20,147,.32),
          0 0 38px rgba(122,0,255,.24),
          0 10px 28px rgba(0,0,0,.55);
        transform: translateY(-1px);
      }
    }

    @keyframes myhiveTitleLineFlow {
      from { background-position: 0% 50%; }
      to { background-position: 300% 50%; }
    }

    @keyframes myhiveFloat {
      0%,100% { transform: translateY(0) scale(1); }
      50% { transform: translateY(-4px) scale(1.01); }
    }

    @media (min-width: 1200px) {
      .myhive-widget {
        --mytab-w: clamp(165px, 10.2vw, 190px);
        --myoffer-w: clamp(165px, 10.2vw, 190px);
        --mypanel-cta-w: clamp(420px, 34vw, 480px);
        --panel-gap: clamp(44px, 4.5vw, 68px);
      }
    }

    @media (min-width: 901px) and (max-width: 1199px) {
      .myhive-widget {
        --mytab-w: clamp(128px, 13vw, 154px);
        --myoffer-w: clamp(138px, 14vw, 158px);
        --mypanel-cta-w: clamp(340px, 38vw, 420px);
        --panel-gap: clamp(26px, 3vw, 42px);
        --tabs-gap: clamp(6px, .8vw, 12px);
        width: min(1040px, 96vw);
      }

      .myhive-label { font-size: clamp(13px, 1.35vw, 16px); }
      .myoffer-title { font-size: clamp(14px, 1.35vw, 17px); }
      .myprice { font-size: clamp(15px, 1.45vw, 18px); }
      .mypanel { width: min(940px, 94vw); }
    }

    @media(max-width:700px) {
      .myhive-widget {
        --mytab-w: clamp(90px, 29vw, 108px);
        --mytab-h: calc(var(--mytab-w) * 0.8654);
        --myoffer-w: clamp(130px, 40vw, 150px);
        --myoffer-h: calc(var(--myoffer-w) * 0.8654);
        --mypanel-cta-w: min(92vw, 300px);
        --mypanel-cta-h: calc(var(--mypanel-cta-w) * 0.8654);
        /*width: min(520px, 94vw);*/
      }

      .mytabs {
        position: relative;
        width: min(340px, 94vw);
        height: 225px;
        margin: 0 auto 0px;
        display: block;
        padding-inline: 0;
      }

      .myhive-widget .mytab {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0 !important;
        --text-size: 11px;
      }

      .myhive-widget .mytab:nth-child(1){ transform:translate(-50%, -50%) translateY(-92px); z-index:6; }
      .myhive-widget .mytab:nth-child(2){ transform:translate(-50%, -50%) translate(-88px, -46px); z-index:5; }
      .myhive-widget .mytab:nth-child(3){ transform:translate(-50%, -50%) translate(88px, -46px); z-index:5; }
      .myhive-widget .mytab:nth-child(4){ transform:translate(-50%, -50%) translate(0px, 0px); z-index:7; }
      .myhive-widget .mytab:nth-child(5){ transform:translate(-50%, -50%) translate(-88px, 48px); z-index:4; }
      .myhive-widget .mytab:nth-child(6){ transform:translate(-50%, -50%) translate(88px, 48px); z-index:4; }

      .mypanel {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 18px;
        width: min(520px, 94vw);
      }

      .myoffers {
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
      }

      .myoffer {
        position: relative;
        top: auto !important;
        left: auto !important;
      }

      .myoffer + .myoffer { margin-left: 10px; }
      .mypanel-cta { margin-left: 0; padding: 0; width: min(100%, var(--mypanel-cta-w)); }
      .mycta-wrap { padding: 18px; }
      .mycta-tab-title { position: absolute; top: 16px; font-size: 24px; margin-bottom: 0; }
      .mycta-media { aspect-ratio: 16 / 10; }
      .mycta-tab-title { font-size: 19px; }
      .mycta { font-size: 13px; padding: 11px 18px; }
    }

/**/

/* =========================================================
   ABEILLES DECORATIVES
========================================================= */

.myhive-widget {
  position: relative;
  overflow: visible;
}

/* BASE */
.myhive-bee-character {
  position: absolute;
  top: 52%;

  width: clamp(220px, 23vw, 390px);
  height: auto;

  transform: translateY(-50%);
  z-index: 2;

  pointer-events: none;
  user-select: none;

  filter:
    drop-shadow(0 28px 36px rgba(0,0,0,.42))
    drop-shadow(0 0 24px rgba(132,81,249,.28));
}

/* GAUCHE */
.myhive-bee-character:not(.myhive-bee-character-right) {
  left: -280px;
}

/* DROITE */
.myhive-bee-character-right {
  right: -280px;

  transform:
    translateY(-30%)
    scaleX(-1);
}

/* CONTENU AU-DESSUS */
.mytabs,
.mycta-title-outside,
.mypanel {
  position: relative;
  z-index: 5;
}

/* TABLETTE */
@media (max-width: 1100px) {

  .myhive-bee-character:not(.myhive-bee-character-right) {
    left: -140px;
    width: 260px;
    opacity: .82;
  }

  .myhive-bee-character-right {
    right: -140px;
    width: 260px;
    opacity: .82;
  }
}

/* MOBILE */
@media (max-width: 700px) {

  .myhive-bee-character,
  .myhive-bee-character-right {
    display: none;
  }
}
/*****/
/* HOME — alvéoles gauche + centre + droite comme page quiz */
/* =========================================================
   HOME 3 COLONNES
========================================================= */
/*
@media (min-width:701px){

  /* IMPORTANT :
     on cible uniquement CE panel */
  /*.mypanel.mypanel--three-cols{

    grid-template-columns:
      minmax(260px, calc(var(--myoffer-w) * 1.72 + var(--offer-gap)))
      var(--mypanel-cta-w)
      minmax(260px, calc(var(--myoffer-w) * 1.72 + var(--offer-gap)));

    width:min(1320px,96vw);

    gap:clamp(28px,3.5vw,56px);
  }

  /* miroir côté droit 
  .myoffers.myoffers-right .myoffer.is-top-left{
    top:0;
    left:auto;
    right:0;
  }

  .myoffers.myoffers-right .myoffer.is-top-right{
    top:calc(var(--hex-y) * 0.58);
    left:var(--hex-x-r);
    right:auto;
  }

  .myoffers.myoffers-right .myoffer.is-bottom-center{
    top:calc(var(--hex-y) * 1.16);
    left:auto;
    right:0;
  }
}