@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Funnel+Display:wght@300;400;600;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Belleza&display=swap');

    :root {
      /* Palette Provence Zen - terracotta et beiges */
      --background: 35 50% 97%;
      --foreground: 25 20% 20%;

      --card: 32 45% 95%;
      --card-foreground: 25 20% 25%;

      --popover: 32 45% 95%;
      --popover-foreground: 25 20% 25%;

      /* Primary - Terracotta */
      --primary: 15 48% 54%;
      --primary-foreground: 35 50% 97%;
      --primary-glow: 15 48% 64%;
      --primary-light: 15 20% 93%;

      /* Secondary - Olive */
      --secondary: 95 15% 69%;
      --secondary-foreground: 25 25% 25%;
      --secondary-light: 95 15% 90%;

      /* Muted - Lavande */
      --muted: 315 10% 66%;
      --muted-foreground: 25 15% 45%;
      --muted-light: 315 10% 91%;

      /* Accent - Doré */
      --accent: 47 65% 53%;
      --accent-foreground: 35 50% 97%;
      --accent-light: 47 25% 92%;

      /* Status */
      --destructive: 0 84.2% 60.2%;
      --destructive-foreground: 35 25% 95%;

      /* UI */
      --border: 35 20% 85%;
      --input: 35 25% 90%;
      --ring: 40 45% 55%;

      /* Gradients */
      --gradient-terracotta: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow)));
      --gradient-olive: linear-gradient(135deg, hsl(var(--secondary)), hsl(75 30% 65%));
      --gradient-zen: linear-gradient(180deg, hsl(var(--background)), hsl(30 20% 90%));
      --gradient-subtle: linear-gradient(135deg, hsl(var(--background)), hsl(var(--card)));

      /* Shadows */
      --shadow-soft: 0 4px 20px -8px hsl(20 30% 60% / 0.15);
      --shadow-glow: 0 0 30px hsl(var(--primary-glow) / 0.1);

      /* Motion */
      --transition-zen: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
      --transition-smooth: all 0.3s ease-out;

      --radius: 1rem;

      /* Color */
      --secondary-blanc-creme: #fbf8f4;
      --secondary-beige: #fef6e5;
      --secondary-olive: #e5e9e2;
      --secondary-lavande: #eae6e9;


      --primary-gray: #3d3129cc;
      --primary-terra: #c76d4a;
      --primary-olive: #afbba4;
      --primary-lavande: #b1a0ad;

      /* Bootstrap tokens (light) */
      --bs-body-bg: hsl(var(--background));
      --bs-body-color: hsl(var(--foreground));
      --bs-border-color: hsl(var(--border));
      --bs-link-color: hsl(var(--primary));
      --bs-link-hover-color: hsl(var(--primary-glow));
    }

/*
html,
body {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
*/

    html {
      scroll-behavior: smooth;
    }

    body {
      background: var(--bs-body-bg);
      color: var(--bs-body-color);
      font-family: 'Belleza', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    }

    
    section {
      position: relative;
      min-height: 100vh;
      /*overflow-x: hidden;*/
    }

    .font-cardo {
      font-family: 'Cardo', serif;
    }
    
    #logo-oraia {
        width: 50%;
    }

    .font-tangerine {
      font-family: 'Tangerine', cursive;
    }
    
    .bg-svg {
      background-image: url('<?php echo get_template_directory_uri(); ?>/img/oraia/ray-terra.svg');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: left center;
      opacity: 0.2;
    }
    
    .btn-custom {
      background-color: #c15a32;
      color: white;
      border-radius: 25px;
      padding: 10px 25px;
      font-weight: 500;
    }
    .btn-custom:hover {
      background-color: #a84a29;
      color: white;
    }
    .insta-icon {
      color: #c15a32;
      font-size: 24px;
      transition: 0.3s;
    }
    .insta-icon:hover {
      color: #a84a29;
    }

    #hero {
      height: 100vh;
      height: 100dvh;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
    }

    .scroll-down-arrow {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 2rem;
      opacity: 0.8;
      animation: bounce 2s infinite;
    }

    @keyframes bounce {
      0%, 100% { transform: translate(-50%, 0); }
      50% { transform: translate(-50%, -10px); }
    }
    
/* Quote */
.quote-block {
  display: flex;
  align-items: center; /* 🔹 aligne verticalement le texte et le SVG */
  justify-content: flex-start;
  gap: 0.75rem; /* espace entre l’icône et le texte */
  max-width: 700px;
  text-align: left;
}

.quote-icon {
  width: 36px;
  height: 36px;
  fill: #afbba4; /* 🔹 couleur olive douce */
  flex-shrink: 0;
  opacity: 0.85;
  transform: translateY(-2px); /* petit ajustement visuel */
}

.blockquote {
  font-size: 1.25rem;
  font-style: italic;
  color: var(--primary-gray);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 575.98px) {
  .quote-icon {
    width: 26px;
    height: 26px;
    transform: translateY(-1px);
  }
  .blockquote {
    font-size: 1.1rem;
  }
}



.hero {
  background: #F6F2E7;
  padding: 4rem 0;
  display: flex;
  justify-content: center;
}

.blob {
  position: relative;
  width: 320px;
  height: 320px;
  background: #C8D5B9; /* le fond vert sauge */
  border-radius: 50%;
  overflow: hidden;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,0.1));
}

/* La forme de découpe du blob */
.blob img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: path("M418.7,320.3Q397,390.6,320.3,413.9Q243.6,437.2,188.8,378.6Q134,320,161.1,237.2Q188.2,154.4,264.4,133.8Q340.6,113.2,403.3,166.6Q466,220,418.7,320.3Z");
}
/* Bloc principal */

/* ==== Desktop version ==== */
.benefit {
  text-align: center;
}

.benefit-inner {
  position: relative;
  width: 90px; /* 🔹 Réduction de moitié */
  margin: 0 auto;
}

.benefit-bg {
  width: 100%;
  height: auto;
  display: block;
  transform: rotate(20deg);
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.1));
}

.benefit-inner i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.6rem; /* ajusté à la nouvelle taille du SVG */
  color: #fff;
}

.benefit-text {
  color: var(--primary-lavande); /* 🔹 couleur lavande */
  font-weight: 400;
  margin-top: 0.75rem;
  font-size: 1.05rem;
  line-height: 1.3;
}

/* ==== Mobile version ==== */
.benefit-mobile {
  display: flex;
  align-items: center;
}

.benefit-bubble {
  position: relative;
  width: 60px; /* 🔹 Réduction de moitié aussi sur mobile */
  height: 60px;
  flex-shrink: 0;
}

.benefit-bubble img {
  width: 100%;
  height: auto;
  transform: rotate(20deg);
  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
}

.benefit-bubble i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2rem;
  color: #fff !important;
}

.benefit-label-mobile {
  color: var(--primary-lavande); /* 🔹 texte lavande */
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
}

/* Petits écrans */
@media (max-width: 575.98px) {
  .benefit-bubble { width: 75px; height: 75px; }
  .benefit-bubble i { font-size: 1.3rem; }
  .benefit-label-mobile { font-size: 1.1rem; }
}


/* ==== FORMULAIRE COMPACT ORAÏA ==== */

/* Structure globale */
form.wpcf7-form .row {
  margin: 0 auto;
  max-width: 600px; /* plus étroit pour mobile */
}

/* Supprime les marges excessives des <p> internes */
form.wpcf7-form p {
  margin-bottom: 0.5rem !important;
}

/* Espacement entre blocs */
form.wpcf7-form .col-md-6,
form.wpcf7-form .col-6,
form.wpcf7-form .col-12 {
  margin-bottom: 0.75rem; /* réduit de 1.5rem à 0.75rem */
}

/* Labels */
form.wpcf7-form label.form-label {
  font-weight: 500;
  color: var(--primary-gray);
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
  display: inline-block;
}

/* Champs de saisie */
form.wpcf7-form .form-control,
form.wpcf7-form .form-select {
  width: 100%;
  border-radius: 8px;
  border: 1px solid hsl(var(--border));
  background-color: hsl(var(--background));
  font-size: 0.95rem;
  padding: 0.55rem 0.85rem; /* 🔹 plus compact */
  transition: all 0.2s ease;
}

/* Focus élégant */
form.wpcf7-form .form-control:focus,
form.wpcf7-form .form-select:focus {
  border-color: #c76d4a;
  box-shadow: 0 0 0 2px rgba(177, 160, 173, 0.2);
  outline: none;
}

/* Zone de texte plus compacte */
form.wpcf7-form textarea.form-control {
  min-height: 90px;
  resize: vertical;
}

/* Bouton d’envoi */
form.wpcf7-form .btn-primary {
  background-color: #c76d4a;
  border-color: #c76d4a;
  border-radius: 40px;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.55rem 1.8rem; /* 🔹 plus léger */
  transition: all 0.3s ease;
}
form.wpcf7-form .btn-primary:hover {
  background-color: #a3929f;
  border-color: #a3929f;
}

/* === MOBILE === */
@media (max-width: 767.98px) {
  form.wpcf7-form .col-md-6,
  form.wpcf7-form .col-6 {
    width: 100%;
    max-width: 100%;
  }

  form.wpcf7-form input,
  form.wpcf7-form textarea,
  form.wpcf7-form select {
    font-size: 0.95rem;
  }

  form.wpcf7-form .btn-primary {
    width: 100%;
    padding: 0.65rem;
  }
}

/*
.snap-container {
  height: 100vh;
  height: 100dvh;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.snap-container::-webkit-scrollbar {
  display: none;
}
.snap-section {
  min-height: 100vh;
  min-height: 100dvh;
  scroll-snap-align: start;
  position: relative;
  transition: transform 0.8s ease, opacity 0.8s ease;
  opacity: 0;
  transform: translateY(40px);
}
.snap-section.active {
  opacity: 1;
  transform: translateY(0);
}
*/
    
    /* Navigation dots */
    .floating-nav {
      position: fixed;
      top: 50%;
      right: 40px;
      transform: translateY(-50%);
      flex-direction: column;
      gap: 10px;
      z-index: 1000;
    }
    .dot-btn {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      border: 2px solid #ecd9ce;
      background: transparent;
      transition: all 0.3s ease;
      cursor: pointer;
    }
    .dot-btn.active {
      background: #c76d4a;
      transform: scale(1.3);
    }

    /* Aides esthétiques */
    .glass {
      backdrop-filter: blur(10px);
      background: hsl(var(--background) / .35);
      border: 1px solid hsl(var(--border));
      border-radius: var(--radius);
    }

    .section-title {
      /* letter-spacing: .08em; */
      font-family: 'Belleza', sans-serif;
      font-size: 3.85rem;
      font-weight: 700;
    }

    .divider {
      width: 80px;
      height: 3px;
      background: hsl(var(--primary));
      margin: 1rem auto 2rem;
      border-radius: 2px;
    }

    /* Bootstrap recolor */
    .btn-primary {
      background-color: var(--primary-terra);
      border-color: var(--primary-terra);
      color: white;
    }

    .btn-primary:hover {
      background-color: var(--primary-terra);
      border-color: var(--primary-terra);
    }

    .btn-primary:active {
      background-color: var(--primary-terra) !important;
      border-color: var(--primary-terra) !important;
    }

    .btn-primary.btn-lavande {
      background-color: var(--primary-lavande);
      border: none !important;
      color: white;
    }

    .btn-primary.btn-lavande:hover {
      background-color: var(--primary-lavande);
      border: none;
    }

    .btn-primary.btn-lavande:active {
      background-color: var(--primary-lavande);
      border: none;
    }

    .btn-primary.btn-olive {
      background-color: var(--primary-olive);
      border: none !important;
      color: white;
    }

    .btn-primary.btn-olive:hover {
      background-color: var(--primary-olive);
      border: none;
    }

    .btn-primary.btn-olive:active {
      background-color: var(--primary-olive);
      border: none;
    }

    .btn-outline-primary {
      color: var(--primary-terra);
      border-color: var(--primary-terra);
    }

    .btn-outline-primary:hover {
      background-color: hsl(var(--primary));
      color: var(--primary-primary);
      border: none;
    }

    .text-bg-primary {
      background-color: var(--primary-primary) !important;
      color: hsl(var(--primary-foreground)) !important;
    }

    .badge.text-bg-primary {
      background-color: var(--primary-primary);
      color: hsl(var(--primary-foreground));
    }

    .navbar-blur {
      backdrop-filter: blur(6px);
      background: hsl(var(--primary-light) / .65);
      border-bottom: 1px solid hsl(var(--border));
    }

    .card {
      background-color: hsl(var(--card));
      color: hsl(var(--card-foreground));
      border-color: hsl(var(--border));
    }

    .card-header {
      border-bottom-color: hsl(var(--border));
    }

    .form-control,
    .form-select {
      background-color: hsl(var(--background));
      border-color: hsl(var(--input));
    }

    .border-primary {
      border-color: var(--primary-gray) !important;
    }

    /* Hero */
    .hero {
      background: url('/wp-content/themes/modelegratuit/img/oraia/head-spa-laura-6.png') center/cover no-repeat;
      color: #fff;
    }

    .overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(251, 248, 244, 0.95),
          /* blanc crème avec opacité */
          rgba(251, 248, 244, 0.95));
    }

    .scroll-down-arrow {
      position: absolute;
      bottom: 20px;
      left: 50%;
      color: var(--primary-terra) !important;
      transform: translateX(-50%);
      font-size: 2rem;
      opacity: 0.8;
      animation: bounce 1.8s infinite;
      text-decoration: none;
    }

    .scroll-down-arrow:hover {
      opacity: 1;
    }

    @keyframes bounce {

      0%,
      20%,
      50%,
      80%,
      100% {
        transform: translate(-50%, 0);
      }

      40% {
        transform: translate(-50%, -10px);
      }

      60% {
        transform: translate(-50%, -5px);
      }
    }

/* Galerie */
#gallery, 
#gallery .container { 
  overflow-x: clip; /* mieux que hidden pour iOS */
}

/* Wrapper de la galerie : taille indépendante du contenu interne */
#gallery .gallery-wrapper {
  position: relative;
  width: 70%;
  margin: auto;
  height: 70vh;
  overflow: clip;
  contain: layout paint size;
  border-radius: 1rem;
}

/* PLANITY */



.css-8xz9l5, [data-css-8xz9l5] {
    min-height: auto !important;
}

.css-1u1908p {
    display: none;
}

.planity_appointment_service_button, .planity_ui_action_button_root, .planity_ui_button_root, .button-module_primary-Careb {
    background: #c76d4a !important;
}

.planity_ui_action_button_icon-remove {
    color: #c76d4a !important;
    background: transparent !important;
}

.title-module_title-5XjLY .title-module_index-V5qhP {
    color: #c76d4a !important;
}

.step-module_timetable-eQDKH .step-module_previous-lMYhg, .step-module_timetable-eQDKH .step-module_next-a4Xd- {
    color: #c76d4a !important;
}

@media not all and (hover: none), (-ms-high-contrast: none) {
    .button-module_button-9td2v.button-module_tertiary-Y2YMN:not(.button-module_isLoading-QY0qX):not(.button-module_isDisabled-2u\+cB):not(.button-module_hasAvailabilities-1a8rw):not(.button-module_hasBadgeIcon-v9Ye4):hover {
        background-color: #c76d4a !important;
        color: var(--white);
        box-shadow: none;
    }
}

#galleryCarousel {
  width: 100% !important;
  height: 100%;
}

.owl-carousel {
  overflow: hidden;
}

#galleryCarousel .owl-stage-outer {
  width: 100%;
  height: 100%;
  overflow: clip;
}

#galleryCarousel .owl-stage {
  height: 100%;
  display: flex;
}

#galleryCarousel .owl-item {
  height: 100%;
}

/* Images plein cadre, pas de débordement */
#galleryCarousel .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* FAQ */

.accordion-item {
    background: hsl(var(--background));
    border: 1px solid hsl(var(--border));
    border-radius: 14px !important;
    margin-bottom: 1rem;
    box-shadow: var(--shadow-soft);
    overflow: hidden;
    transition: var(--transition-smooth);
}

/* HEADER */
.accordion-header {
    font-family: 'Belleza', sans-serif;
}

/* BOUTON */
.accordion-button {
    background: hsl(var(--background));
    color: var(--primary-gray);
    font-family: 'Belleza', sans-serif;
    font-size: 1.35rem;
    font-weight: 600;
    padding: 1.3rem 1.5rem;
    border-radius: 14px;
    box-shadow: none !important;
    transition: var(--transition-zen);
    position: relative;
}

/* Hover effet */
.accordion-button:hover {
    background: hsl(var(--secondary-light));
    color: var(--primary-terra);
}

/* Lorsqu’il est ouvert */
.accordion-button:not(.collapsed) {
    background: var(--gradient-terracotta);
    color: white !important;
    box-shadow: none !important;
    border-bottom: 1px solid hsl(var(--border));
}

/* ICONES : on remplace la flèche Bootstrap par + / – */
.accordion-button::after {
    content: "+";
    font-size: 1.7rem;
    font-weight: 400;
    color: var(--primary-terra);
    transform: rotate(0deg);
    transition: var(--transition-smooth);
}

/* Lorsqu’il est ouvert : icône devient “–” */
.accordion-button:not(.collapsed)::after {
    content: "–";
    color: white;
    transform: rotate(0deg);
}

/* SUPPRIMER l'icône BS d'origine */
.accordion-button::after {
    background-image: none !important;
}

/* BODY */
.accordion-body {
    background: hsl(var(--background));
    padding: 1.5rem;
    font-size: 1.1rem;
    font-family: 'Cardo', serif;
    color: var(--primary-gray);
    line-height: 1.65;
}

/* Survol du body */
.accordion-body:hover {
    background: hsl(var(--card));
}

/* MOBILE */
@media (max-width: 768px) {
    .accordion-button {
        font-size: 1.2rem;
        padding: 1rem 1.2rem;
    }
    .accordion-button::after {
        font-size: 1.5rem;
    }
    .accordion-body {
        font-size: 1.05rem;
    }
}



    /* Gradients & Shadows utilitaires */
    .bg-gradient-terracotta {
      background: var(--gradient-terracotta);
    }

    .bg-gradient-olive {
      background: var(--gradient-olive);
    }

    .bg-gradient-zen {
      background: var(--gradient-zen);
    }

    .shadow-soft {
      box-shadow: var(--shadow-soft);
    }

    .shadow-glow {
      box-shadow: var(--shadow-glow);
    }

    .transition-zen {
      transition: var(--transition-zen);
    }

    @keyframes float-zen {

      0%,
      100% {
        transform: translateY(0) rotate(0);
      }

      50% {
        transform: translateY(-8px) rotate(1deg);
      }
    }

    .animate-float {
      animation: float-zen 8s ease-in-out infinite;
    }

    .text-glow {
      text-shadow: 0 0 20px hsl(var(--primary-glow) / 0.3);
    }


    /* Background & Text */
    .bg-blanc-creme {
      background-color: var(--secondary-blanc-creme);
    }

    .bg-beige {
      background-color: var(--secondary-beige);
    }

    .bg-olive {
      background-color: var(--secondary-olive);
    }

    .bg-lavande {
      background-color: var(--secondary-lavande);
    }

    .bg-main-olive {
      background-color: var(--primary-olive);
    }

    .bg-main-lavande {
      background-color: var(--primary-lavande);
    }

    .txt-olive {
      color: var(--primary-olive);
    }

    .txt-terra {
      color: var(--primary-terra);
    }

    .txt-lavande {
      color: var(--primary-lavande);
    }

    .text-primary {
      color: var(--primary-gray) !important;
    }

    /* Carte image : au-dessus des rayons */
    .img-card {
      position: relative;
      z-index: 1;
    }

    .rays-outside {
      position: absolute;
      bottom: -110px;
      right: -142px;
      width: 400px;
      opacity: 0.50;
      height: auto;
      z-index: 0;
      pointer-events: none;
      transform: rotate(234deg);
    }

    .rays-outside-left {
      position: absolute;
      top: 50%;
      left: -200px;
      width: 400px;
      height: auto;
      opacity: 0.50;
      z-index: 0;
      pointer-events: none;
      opacity: .55;
      transform: translateY(-50%) rotate(0deg);
    }
    
    .rays-outside-top-left {
      position: absolute;
      top: -200px;
      left: -164px;
      width: 400px;
      height: auto;
      opacity: 0.50;
      z-index: 0;
      pointer-events: none;
      transform: rotate(55deg);
    }

    .rays-outside-middle {
      position: absolute;
      bottom: -240px;
      left: 50%;
      width: 400px;
      height: auto;
      opacity: 0.50;
      z-index: 0;
      pointer-events: none;
      transform: translateX(-50%) rotate(270deg);
    }

    .rays-outside-middle-top {
      position: absolute;
      top: -300px;
      left: 50%;
      width: 400px;
      height: auto;
      opacity: 0.50;
      z-index: 0;
      pointer-events: none;
      transform: translateX(-50%) rotate(-270deg);
    }
    
    #experience .rays-outside-middle-top {
        top: -180px;
    }


    @media (max-width: 991.98px) {
      .rays-outside {
        bottom: -100px;
        left: 50%;
        transform: translateX(-50%) rotate(270deg);
        width: 250px;
      }

      .rays-outside-left {
        bottom: -140px;
        left: 50%;
        transform: translateX(-50%) rotate(270deg);
        width: 250px;
      }
      
     

      #rituels .container {
        max-width: 100%;
        overflow: hidden;
      }
      
    .rituels-list .rituel-item {
      border: 1px solid hsl(var(--border) / 0.3);
      background: hsl(var(--background));
      transition: transform 0.2s ease, box-shadow 0.3s ease;
    }
    .rituels-list .rituel-item:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    }
    .rituels-list .badge {
      font-size: 0.8rem;
    }


      .rituels-wrapper {
        width: 100%;
        overflow: hidden;
      }
     
      #rituelsCarousel {
        width: 100% !important;
      }

      #rituelsCarousel .owl-stage-outer {
        overflow: hidden !important;
      }

      #rituelsCarousel .owl-stage {
        width: auto !important;
        display: flex !important;
      }

      #rituelsCarousel .owl-item {
        flex: 0 0 auto;
      }
      #hero {
          padding-top: 0;
      }
     #hero img {
        max-width: 70%;
     }
    .rays-outside-middle-top {
        top: -200px;
    }
    .section-title {
    font-size: 3.25rem;
    }
    .benefit-bg {
        width: 50%;
        display: unset;
    }
    section {
        padding: 0 20px 0 20px;
    }
}

    /* Hauteurs utiles */
    .vh-70 {
      height: 70vh;
    }

    @media (max-width: 991.98px) {
      .floating-nav {
        right: 12px;
      }

      .vh-70 {
        height: 50vh;
      }
    }
    
    @media (max-width: 768px) {
  #gallery .gallery-wrapper {
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;

    overflow: visible !important;
    contain: unset !important;

    display: block !important;
  }
}