main::before{
	content:'';
	height:150dvh;
	width:100%;
	left:0;
	top:0;
	background:#0049683d;
	position:fixed;
	z-index:9999999 !important;
	transition : .3s !important;
	opacity:0;
	visibility:hidden;
	backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px); /* Safari */
	transform:scale(1.5);
	cursor:pointer;
}

.cllps-open main::before{
 visibility:visible;
	opacity:1
	
}

.site-header{
	z-index:999999999999 !important;
}

body{
    background:#EFEFEf
}

/**************************
 * HEADER
 **************************/

.site-header {
  background: var(--header-background);
  z-index: 99;
}

.site-header > .cwbizz{
    justify-content:space-between
}

.bizzet-logo img,
.bizzet-logo svg {
  width: var(--width_logo, 120px);
  height: auto;
}

.burger {
  display: none;
}

.site-header > div,
.header-right {
  height: var(--height-header);
  display: flex;
  align-items: center;
  gap: 30px;
}

.header-right {
  justify-content: space-between;
}

.bizzet-main-menu {
  list-style: none;
  display: flex;
  gap: 15px;
}

.bizzet-main-menu button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bizzet-main-menu button svg {
  width: 17px;
  height: 17px;
  stroke-width: 0.15rem;
}

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

  body { --space-cont: 20px; }

  

  .site-nav-container {
    position: absolute;
    top: var(--height-header);
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: var(--header-background);
    transition: height .45s ease;
  }

  .menu-open .site-nav-container {
    height: calc(100dvh - var(--height-header));

    opacity: 1;
  }

  .inner {
    padding: var(--space-cont);
    overflow-y: auto;
    height: 100%;
    position: relative;
  }

  .burger { display: flex; }
  .collapse.mega-menu { padding: 0; }

  .bizzet-main-menu {
    flex-direction: column;
    gap: 10px;
  }
    
  .bizz_mega .col{
      background:#F3F5F7;
      padding:10px;
      margin-top:10px
  }
    
  .category{
      font-size:1.1rem;
      line-height:1;
      margin-bottom:8px;
      padding-bottom:8px;
      border-bottom:solid 1.2px #b6c3cf;
  }
    
  .bizz_mega .col a{
      font-size:1.1rem;
      line-height:1;
  }
    
  .bizz_mega .col .sublist{
      display:flex;
      flex-direction:column;
      gap:6px
  }

  .bizzet-main-menu a,
  .bizzet-main-menu button {
    width: 100%;
    justify-content: space-between;
    font-size: 1.3rem;
  }

  .bizzet-main-menu button svg {
    transform: rotate(-90deg);
  }
	
	.contain_header .collapse.mega-menu{
		top:auto !important;
		padding:0 !important;
	}
}

/**************************
 * DESKTOP
 **************************/
@media (min-width: 768px) {

.site-nav-container{
    padding: 0 !important;
}

  nav .category {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.618rem;
  }

  .drop {
    position: relative;
  }

  .bizzet-main-menu > .item {
    height: var(--height-header);
    display: flex;
    align-items: center;
  }

  .drop .collapse {
    position: absolute;
    top: var(--height-header);
    left: 0;
    min-width: 200px;
    margin-left: -20px;
    background: var(--header-background);
  }

  .drop .collapse .sublist {
    padding: 10px 20px;
  }

  .bizz_mega {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .sublist a {
    display: block;
    font-size: 0.9rem;
    color: #666;
    padding-bottom: 0.382rem;
  }

  .collapse.mega-menu {
    position: absolute;
    left: 0;
    top: var(--height-header);
    width: 100%;
    background: var(--header-background);
		padding: 0 var(--space-cont)
  }
	
	.collapse-inner{
		max-width:var(--width-cont);
		margin:auto;
	}
	.bizz_mega{
		padding-bottom: 30px
	}
}

/**************************
 * 🟩 COLLAPSE STABILISÉ (ZÉRO BOUGÉ)
 **************************/

/* conteneur animé */
.collapse {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .35s ease, opacity .25s ease;
  will-change: max-height;
  position: relative;
}

/* wrapper interne FIXANT le contenu */
.collapse-inner {
  display: block !important;
  height: auto !important;
}

/* Empêche les flex/grid internes de casser l'animation */
.collapse-inner > * {
  flex: 0 0 auto;
}

/* ouverture */
.collapse.open {
  opacity: 1;
}

/**************************
 * HEADER IN CONTAINER
 **************************/

.contain_header .site-header{
    background:transparent;
    margin-top:15px
}

.contain_header .site-header > .cwbizz{
    background:var(--header-background);
    padding-left:20px;
    padding-right:20px;
    border-radius:12px
}

.contain_header .inner{
    background:var(--header-background) !important;
    border-radius:12px;
}

.contain_header .drop .collapse{
    border-radius:12px;
    margin-top:20px
}

.contain_header .collapse li:last-child a{
    padding:0
}

.contain_header .bizz_mega .col{
    border-radius:12px;
}

@media screen and (max-width:768px){
    .contain_header .bizz_mega{
        padding:0 !important
    }
    
    .contain_header .site-nav-container{
        margin-top:20px
    }
    
    .contain_header.menu-open .site-nav-container{
        height: calc(100svh - var(--height-header) - 60px);
		max-height: 60svh !important;
		border-bottom-left-radius:12px;
		border-bottom-right-radius:12px;
    }

    .inner{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.contain_header .site-nav-container{
    padding:0 var(--space-cont);
    background:transparent;
}

.contain_header .collapse.mega-menu{
    background:transparent;
    top:calc(var(--height-header) + 30px);
	padding: 0 var(--space-cont);
}

.contain_header .mega-menu .collapse-inner{
	background:var(--header-background);
	border-radius:12px;
	max-width:var(--width-cont);
	margin:auto
}

.contain_header .mega-menu > .cwbizz{
    height:auto !important;
}

.contain_header .bizz_mega{
    padding:20px
}

.contain_header .collapse.mega-menu > .cwbizz{
    padding:0 !important;
    background:var(--header-background);
    border-radius:12px;    
}