/* head-base.css : CSS critique global externalisé depuis includes/head.php
   (ex-<style> inline + css-cls.php + css-cls-phone.php). Statique uniquement. */

/* ===== css-cls.php ===== */
   .body_mobile #myHeader .div_container {
   background: transparent !important;
   }
   .body_mobile #myHeader {
   z-index: 9980;
   position: absolute;
   height: 60px;
   top: 0;
   left: 0;
   width: 100%;
   background: #FFF;
   box-shadow: none !important;
   }
   .body_mobile #img-tel {
   margin-top: -9px;
   padding-left: 5px;
   margin-top: -25px !important;
   }
   .body_mobile .trustpilot-widget {
   transform: scale(0.72);
   padding-left: 5px
   }
   .body_mobile header .navbar-toggler {
   border: 0 none;
   padding-left: 0;
   }
   .body_mobile .navbar-collapse {
   background: #FFF;
   }



   .body_mobile .searchonMobile {
   border-radius: 50%;
   }
   .body_mobile #myHeader {
   height: 60px !important;
   }

   .body_mobile .pullse:before, .pullse:after {
   display:none
   }

   .body_mobile h1.entry-title {
   font-size: 1.5rem !important;
   }

   .body_mobile #myHeader>div {
   display: flex;
   }

   .body_mobile #div_titre_mobile {
   display: block;
   overflow: hidden;
   }


   .body_mobile .div-flex {
   flex: 0 0 21%;
   }

   .body_mobile .logo-header {
   z-index: 1;
   }

   .body_mobile .logo {
   line-height: 48px;
   display: block;
   position: absolute;
   left: 27%;
   max-width: 55%;
   }

   .body_mobile .btn-search {
   line-height: 70px;
   display: block;
   float: right;
   position: absolute;
   right: 7px;
   z-index: 999999999;
   }

   .body_mobile .d-block {
   display: block !important;
   }

   .body_mobile .details-textt p,
   .body_mobile .details-textt li {
   font-size: 15.5px;
   color: #000;
   }

   .line_height24 {
   line-height: 24px;
   }

   .body_mobile .font-size-12 {
   font-size: 12px;
   }

   .body_mobile .modal-body .ph-number #phone-number{
   width: 251px !important;
   }

   .body_mobile .prefered-item-title {
   text-align:left!important;
   }

   .body_mobile .gallery-list {
   max-height:260px
   }

   .ishomepage.body_mobile header {
   box-shadow: none;
   }
   .body_mobile #navbarSupportedContent {
   margin-top: 40px;
   }
   .body_desktop .doble-arrow {
   top:10px !important;
   }

   .body_desktop .input-search-header {
   margin-top: 10px!important;
   }

   .body_desktop .class_w {
   margin-top:-4px
   }

   .body_desktop #callmeback {
   border-color: #00674b;
   }

   .body_desktop .fixed-bottom-section .txt_info {
   background-size: 40px;
   }
   .body_desktop.body_lang_ar .fixed-bottom-section .txt_info {
   background-position: top 13px right -1px;
   padding-right: 46px;
   }
   .body_desktop[class*="body_lang_"]:not(.body_lang_ar) .fixed-bottom-section .txt_info {
   background-position: top 13px left -1px;
   padding-left: 46px;
   }



   .body_desktop .d-none {
   display:none
   }

   .body_desktop .container {
   max-width: 1200px;
   }

   .body_desktop .contact-page {
   padding: 30px 0;
   }

   .body_desktop .directions-slider__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   list-style-type: none;
   }

   .w-80 {
   max-width:80%
   }

   img {
   max-width: 100%;
   height: auto;
   }
   img {
   vertical-align: middle;
   }
   svg {
   overflow: hidden;
   vertical-align: middle;
   }
   a:visited {
   outline: 0;
   text-decoration: none;
   }

   svg:not(:root) {
   overflow: hidden;
   }

   @media screen and (max-width:800px) {
   .head {
   height: 70px;
   }
   header .navbar {
   padding-left: 0;
   padding-right: 0;
   }
   #navbarSupportedContent {
   border-top: solid 1px #CCC;
   margin-top: 10px;
   }

   header .navbar-toggler {
   margin-left: 15px;
   }

   header .nav {
   display: block;
   width: 100%;
   }

   header .bd-highlight .dropdown {
   width: 53%;
   margin: auto;
   }
   .logo {
   line-height: 60px;
   display: block;
   position: absolute;
   left: 27%;
   max-width: 55%
   }
   .btn-search {
   line-height: 70px;
   display: block;
   float: right;
   position: absolute;
   right: 7px;
   z-index: 999999999;
   }

   }


   .body_lang_ru header .btn-sm {
   font-size: 14px !important;
   }


   @media only screen and (max-width: 770px) {

   header .dropdown-item:hover {
   background-color: #9f9f9f !important;
   }
   }
   @media screen and (min-width: 990px) {

   header .phone-number {
   font-size: 16px;
   }
   }
   @media (min-width:768px) {
   .navbar.fixed-left {
   bottom: 0;
   width: 232px;
   flex-flow: column nowrap;
   align-items: flex-start;
   right: auto;
   top: 56px;
   z-index: 999999;
   }
   .navbar.fixed-left .navbar-nav .nav-item .dropdown-menu {
   left: 10%
   }

   .navbar.fixed-left .navbar-collapse {
   flex-grow: 0;
   flex-direction: column;
   width: 100%;
   }

   .navbar.fixed-left .navbar-collapse .navbar-nav {
   flex-direction: column;
   width: 100%;
   }
   }

   .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item {
   width: 100%;
   border-bottom: solid 1px #CCC;
   padding-top: 2px;
   }
   @media only screen and (min-width:880px) and (max-width:1170px) {
   .btn-search {
   display: block !important;
   }}
   @media only screen and (min-width:430px) and (max-width :1200px) {
   .btn-search {
   top: 0;
   width: 70px;
   display: flex !important;
   align-items: baseline;
   }
   .navbar .logo {
   top: -2px;
   }
   }


   header {
   box-shadow: 0 4px 7px -4px grey;
   z-index: 9980;
   }

   .head {
   height: auto;
   }
   .navbar.fixed-left {
   position: fixed;
   left: 0;
   z-index: 1030;
   }
   @media only screen and (min-width:768px) and (max-width:1000px) {
   .navbar .logo img {
   margin-top: 14px;
   }
   }
   @media only screen and (min-width:936px) and (max-width:963px) {
   .navbar .logo img {
   margin-top: -22px;
   }}
   @media only screen and (min-width:768px) and (max-width:1024px) {
   .navbar .logo img {
   width: 62%;
   margin-top: 12px;
   }}

   @media only screen and (min-width:786px) and (max-width:1024px) {
   .navbar .logo img {
   width: 65% !important;
   }}

   @media only screen and (min-width:994px) and (max-width:437px) {
   .navbar .logo img {
   width: 100%;
   }}

   .navbar-toggler:focus {
   text-decoration: none;
   outline: 0;
   box-shadow: none;
   }
   @media (min-width: 1200px) {
   .navbar-expand-xl {
   -ms-flex-flow: row nowrap;
   flex-flow: row nowrap;
   -ms-flex-pack: start;
   justify-content: flex-start;
   }
   }
   .navbar {
   position: relative;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: .5rem 1rem;
   }
   .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
   }
   .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
   }
   .body_desktop #myHeader {
   height: 55px !important;
   }
   @media screen and (max-width: 600px) {
   #langDevisElem {
   height: 175px !important;
   }
   }

   .logo-header {
   line-height: 0px !important;
   margin-top: 2px;
   z-index: 1;

   }

   .div-flex {
   flex: 0 0 21%
   }
   @media screen and (max-width:1200px) {
   .logo {
   line-height: 60px;
   display: block;
   position: absolute;
   left: 35%;
   max-width: 30%
   }
   .btn-search {
   line-height: 75px;
   display: block;
   float: right;
   }
   }

   .logo {
   border-radius: 15%;
   padding: 0;
   margin-left: -15px;
   }
   .logo-header img {
   border-radius: unset !important;
   }
   .logo img {
   background-color: #FFF;
   border-radius: 15%
   }
   .phone-header-mobile {
   line-height: unset !important;
   margin-top: 23px;
   right: 38px !important;
   width: unset;
   }
   .phone-header-mobile-ar {
   margin-top: unset !important;
   top: 24px !important;
   left: -85% !important;
   right: 7px !important;
   width: unset !important;
   }
   .phone-header-mobile-ar {
   left: 35px !important;
   right: unset !important;
   }
   .btn-search {
   line-height: 100px;
   display: none;
   }



   @media only screen and (min-width:786px) and (max-width :1024px) {

   .btn-search {
   top: 5px;
   }
   .phone-icon {
   margin-top: -10px;
   }
   }
   .phone-icon-ar {
   direction: ltr !important;
   }
   .body_lang_ar .headerDropBtnMobile {
   right: unset !important;
   left: 5px;
   }
   .headerDropBtnMobile {
   position: absolute;
   right: 8px;
   top: 5px;
   z-index: 999999999;
   }

   .body_lang_ar #langDevisElem .dropdown-toggle::after {
   float: left;
   }

   .body_lang_ar #langDevisElem .dropdown-item {
   direction: rtl;
   }

   .body_lang_ar #langDevisElem .dropdown-menu {
   width: 100% !important;
   }

   .body_lang_ar #langDevisElem {
   right: unset;
   left: 0;
   }
   #langDevisElem .dropdown-toggle::after {
   float: right;
   margin-top: 10px;
   }

   #langDevisElem button {
   width: 100%;
   box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .08);
   }

   #langDevisElem .text_lang {
   position: relative;
   top: -2px;
   font-size: 15px;
   }

   #langDevisElem .iconTextDivider {
   position: relative;
   top: -2px;
   font-size: 15px;
   }

   #langDevisElem {
   position: absolute;
   height: 165px;
   width: 223px;
   right: 0;
   }
   .mobile-widget {
   position: absolute;
   top: 19px;
   left: 17%;
   right: 15%;
   }
   .trustpilot-widget {
   overflow-y: hidden;
   max-height: 30px;
   background: #FFF;
   width: 255px;
   padding-top: 5px;
   border-radius: 4px;
   margin: auto;
   height: 36px;
   padding-right: 6px;
   }
   .body_lang_es .trustpilot-widget {
   width: 300px !important;
   }
   @media only screen and (max-width:800px) {
   #check:checked~#navbarSupportedContent {
   left: 0;
   }
   }
   #navbarSupportedContent {
   display: none;
   }
   .z-index-9999999 {
   z-index: 9999999;
   }

   .image {
   -webkit-animation: spin .5s ease-out none;
   -moz-animation: spin .5s ease-out none;
   animation: spin .5s ease-out none;
   }

   .imageinv {
   -webkit-animation: spinout .1s ease-out none;
   -moz-animation: spinout .1s ease-out none;
   animation: spinout .1s ease-out none;
   }

   @-moz-keyframes spinout {
   100% {
   -moz-transform: rotate(-90deg);
   }
   }

   @-webkit-keyframes spinout {
   100% {
   -webkit-transform: rotate(-90deg);
   }
   }

   @keyframes spinout {
   100% {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   }
   }

   @-moz-keyframes spin {
   100% {
   -moz-transform: rotate(90deg);
   }
   }

   @-webkit-keyframes spin {
   100% {
   -webkit-transform: rotate(90deg);
   }
   }

   @keyframes spin {
   100% {
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
   }
   }
   .header-navbar-toggler {
   position: fixed;
   border: solid 1px #CCC;
   left: 20px;
   z-index: 999999;
   color: #333;
   }
   .headerDropBtn {
   box-shadow: none !important;
   }
   .container {
   width: 100%;
   padding-right: 15px !important ;
   padding-left: 15px !important;
   margin-right: auto !important;
   margin-left: auto !important ;
   }

   body {
   overflow-x: hidden;

   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: left;
   background-color: #fff;
   }

   .pt-3,
   .py-3 {
   padding-top: 1rem !important;
   }



   .nostyle,
   .nostyle * {
   padding-left: 6px;
   line-height: 29px;
   list-style: none;
   }

   #contact-us-content #callmeback{
   max-width:249px;
   }

   .appreciated {
   padding:15px!important;
   }

   .recommande-img {
   left: 15px!important;
   position: absolute;
   width: 97px;
   z-index: 99;
   }

   .appreciated .card {
   background:transparent!important;
   }

   .prefered-item-title {
   background: #bd2130;
   padding: 15px;
   text-align: center;
   color: #FFF;
   margin: 0px 0 -1px;
   position: relative;
   }

   .prefered-item-title:after {
   width: 70px;
   height: 150px;
   background: url(/images/icon-tampon.png);
   content: ' ';
   display: block;
   position: absolute;
   right: 20px;
   z-index: 9999;
   top: -17px;
   background-size: 70px;
   background-repeat: no-repeat;
   }

   .appreciated {
   margin-bottom:20px!important;
   }

   .recommande-text-index {
   top: 49px!important;
   left: -16px!important;
   }

   .recommande-img-index {
   left: 0!important;
   }

   .tof-cheveux {
   vertical-align: middle;
   min-width: 90px;
   display: inline-block;
   padding: 3px;
   height: auto;
   max-width: 120px;
   margin-bottom: 10px;
   padding-top: 5px;
   width: 90%;
   }

   #footer-procedurez a.footer-link {
   display: inline-block !important;
   width: 48%;
   font-size: 14px;
   line-height: 26px;
   }

   header .dropdown-menu.show {
   right: -19px !important;
   }
   label {
   color: #585a51;
   font-weight: 500;
   font-size: 16px;
   }
   * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-weight: inherit;
   font-size: inherit;
   font-family: inherit;
   font-style: normal;
   border: 0;
   text-decoration: none;
   }
   a {
   text-decoration: none;
   }
   a {
   outline: 0;
   }

   a:hover {
   outline: none;
   text-decoration: none;
   }

   a:focus {
   outline: none;
   text-decoration: none;
   }

   a:active {
   outline: none;
   text-decoration: none;
   }
   .rounded,
   .fa-container,
   .doctor-style,
   .btn,
   .bg-tchat .row,
   .sent_msg,
   .alert,
   #info-persons {
   border-radius: 8px !important;
   }
   .border-dark {
   font-size: 14px;
   color: #555;
   padding: 3px 15px;
   }
   .langList {
   margin-top: -4px;
   }
   .dropdown-item {
   white-space: inherit !important;
   }
   .font-size15 {
   font-size: 14.5px;
   }
   .body_mobile {
   margin-top: 22px;
   padding-top: 35px;
   }
/* ===== css-cls-phone.php ===== */
        :root {
        --consultation_devis_bg_btn: #00674b;
        --consultation_devis_btn: #ffffff;
        --list2_get_devis_bg_btn: #ffde59;
        --list2_get_devis_btn: #000000;
        --contact_background_color: #e3e3e0;

        }

        .search_pro_bloc {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 1.25rem;
        }

        .body_mobile .search_pro_bloc {
        gap: 9px;
        }

        .body_desktop .search_pro_bloc {
        gap: 1.25rem;
        }

        body.list .bg_nom_clinique {
        background-color: #ecfcf0 !important;
        }

        .bg_nom_clinique,
        .bg_couelur_jaune {
        background-color: #ffca57;
        }

        .home-slider {
        position: relative;
        padding: 1rem 0 1.5rem 0;
        }

        @media (max-width: 1600px) and (min-width: 769px) {
        .image-block {
        flex: 1 1 45% !important;
        }

        #div_titre_desktop {
        width: 100%;
        }

        .entry-title {
        font-size: 2rem;
        }

        .procedure-image {
        max-width: 100%;
        float: right;
        max-height: 500px;
        }

        .stat-container {
        left: 50%;
        gap: 2rem;
        }

        .home-slider {
        padding: 0.4rem 0 0.9rem 0;
        }

        .stat-card {
        width: 40% !important;
        }
        }


        .slider-inner {
        display: flex;
        align-items: center;
        gap: 2rem;
        flex-wrap: nowrap;
        }

        @media (max-width: 900px) {
        .stat-container {
        justify-content: center;
        }

        .slider-inner {
        flex-direction: column;
        text-align: center;
        gap: 0rem;
        }

        .image-block {
        order: 1;
        margin-bottom: 1rem;
        }

        .text-block {
        order: 2;
        }
        }

        .text-block {
        flex: 1 1 100%;
        max-width: 100%;
        box-sizing: border-box;
        }

        .image-block {
        position: relative;
        flex: 1 1 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        }

        @media (max-width: 768px) {
        footer {
                overflow-x:hidden;
        }

        .bloc-story-img { max-height:230px !important; }

        .stat-container {
        left: 50%;
        gap: 1rem;
        }

        .stat-card {
        width: 145px !important;
        }


        #div_titre_desktop {
        display: block !important;
        width: 100%;
        }
        }



        .body_mobile #div_titre_desktop {
        margin-left: 0 !important;
        margin-right: 0 !important;
        }

        #div_titre_desktop {
        width: 90%
        }

        #div_titre_desktop {
        display: block;
        overflow: hidden;
        }

        .entry-title {
        font-size: 2.3rem;
        margin: 0;
        padding: 0.5rem 0;
        line-height: 1.1;
        }

        .body_mobile .procedure-image{
        height:230px;
        }

        .procedure-image {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto 1rem;
        border-radius: 6px;
        object-fit: contain;
        }
        .stat-container {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 2rem;
        flex-wrap: wrap;
        z-index: 2;
        padding: 0 0.25rem;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
        }
        .stat-card {
        background: #fff;
        padding: 0.75rem 1rem;
        border-radius: 10px;
        width: 160px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        border-top: 4px solid #ffde59;
        text-align: center;
        font-size: 0.9rem;
        }

        .stat-card .counter {
        font-size: 1.5rem;
        color: #00674b;
        font-weight: bold;
        display: inline-block;
        margin-bottom: 4px;
        }

        .consultation_devis_btn {
        background-color: var(--consultation_devis_bg_btn);
        color: var(--consultation_devis_btn);
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: 0.8rem;
        font-weight: 700;
        }

        .consultation_devis_btn:hover {
        background-color: var(--consultation_devis_bg_btn);
        color: var(--consultation_devis_btn);
        border-color: var(--consultation_devis_bg_btn);
        }

        .nav-list-wrapper {
        overflow-x: auto;
        flex: 1;
        scrollbar-width: thin;
        }

        .nav-list-wrapper::-webkit-scrollbar {
        height: 6px;
        }

        .nav-list-wrapper::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        }

        .nav-list {
        display: flex;
        gap: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        min-width: max-content;
        }

        .nav-list li {
        border-right: 1px solid #fff;
        display: flex;
        align-items: center;
        white-space: nowrap;
        }

        .nav-list a {
        display: block;
        padding: 0 1rem;
        line-height: 3rem;
        color: inherit;
        text-decoration: none;
        }

        @media screen and (min-width: 990px) {
        .contact-page {
        padding-left: 15px;
        padding-right: 15px;
        }
        }

        .contact-page {
        padding: 30px 0;
        }

        .contact-page .contact-form input[type=text],
        .contact-page .contact-form textarea {
        padding: 15px;
        }

        .contact-page .contact-form input[type=text],
        .contact-page .contact-form textarea {
        width: 100%;
        height: auto;
        border: 1px solid #dcdee4;
        background-color: #fff;
        margin-bottom: 30px;
        padding: 15px 10px;
        color: #585a51;
        font-weight: 500;
        outline: 0;
        }

        .contact-page .contact-form input[type=submit] {
        padding: 15px 27px;
        border: 0;
        float: right;
        }

        .contact-page .contact-form input[type=submit]:focus {
        outline: 0;
        }

        .contact-page .contact-form input.error,
        .contact-page .contact-form textarea.error {
        border: 1px solid #DF1E2D;
        }

        .list .container {
        max-width: 1200px !important;
        }

        .stat-item {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: inherit;
        }

        .stat-icon {
        flex-shrink: 0;
        display: block;
        }

        .stat-text {
        display: flex;
        flex-direction: column;
        line-height: 1;
        }

        .stat-value {
        font-size: 22px;
        font-weight: bold;
        display: flex;
        align-items: baseline;
        gap: 0.3rem;
        }

        .stat-label {
        font-weight: normal;
        font-size: 15px;
        }

        .body_lang_ar .stat-label {
        text-align: right;
        }
/* ===== head.php <style> ===== */

         :root {
            --consultation_devis_bg_btn: #00674b;
            --consultation_devis_btn: #ffffff;
            --list2_get_devis_bg_btn: #ffde59;
            --list2_get_devis_btn: #000000;
            --contact_background_color: #e3e3e0;

        }

        details:not([open]) .collapse {
            display: none;
        }

        details[open] .collapse {
            display: block;
        }

        .risk-box {
            background: #fff5f5;
            border-left: 4px solid #e74c3c;
            padding: 15px 20px;
            border-radius: 8px;
            margin: 20px 0;
            font-family: Arial, sans-serif;
        }

        .risk-box h3 {
            margin: 0 0 10px;
            font-size: 18px;
            color: #c0392b;
        }

        .risk-box ul {
            padding-left: 18px;
            margin: 0;
        }

        .risk-box li {
            margin-bottom: 8px;
            color: #333;
            font-size: 14px;
        }

        .img_intro {
            display: block;
            text-align: center;
            position: relative;
            height: 450px;
            background-image: url(https://cdn2.tqsan.com/v2/images/slider-map.jpg);
            background-position: center 40px;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }


        .faq_btn {
            background-color: var(--consultation_devis_bg_btn);
            max-width: 333px;
            width: 100%;
            padding: 12px 24px;
            border-radius: 8px;
            margin-top: 1.5rem;
            margin-left: auto;
            margin-right: auto;
            display: block;
            font-weight: 700;
            color: var(--consultation_devis_btn);
        }


        .clinique_free_quote:hover,
        .faq_btn:hover {
            background-color: var(--consultation_devis_bg_btn);
            color: var(--consultation_devis_btn);
            border-color: var(--consultation_devis_bg_btn);
        }


        .list2_get_devis_btn {
            display: block;
            font-weight: bold;
            margin-right: auto;
            margin-left: auto;
            margin-top: 16px;
            background-color: var(--list2_get_devis_bg_btn);
            color: var(--list2_get_devis_btn);
        }

        .list2_get_devis_btn:hover {
            background-color: var(--list2_get_devis_bg_btn);
            color: var(--list2_get_devis_btn);
            border-color: var(--list2_get_devis_bg_btn);
        }

        .body_desktop .list2_get_devis_btn {
            width: 28%;
        }

        .body_lang_ar .beer-reveal {
            border-left: 4px solid white;
        }

        [class*="body_lang_"]:not(.body_lang_ar) .beer-reveal {
            border-right: 4px solid white;
        }

        .tout_savoir {
            border: 1px solid var(--consultation_devis_bg_btn);
            border-radius: 10px;
            padding: 1rem;
            margin-top: 48px;
        }

        .tout_savoir_title {
            text-align: center;
            color: var(--consultation_devis_bg_btn);
        }

        .besoin_medical {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2.5rem;
        }

        .besoin_medical_container {
            max-width: 1200px;
            padding-top: 47px;
            margin: auto;
        }

        .besoin_card {
            background: #f1f9f4;
            border-radius: 12px;
            padding: 1.5rem;
            text-align: center;
        }

        .besoin_card_icon {
            font-size: 28px;
            color: #00674b;
            margin-bottom: 12px
        }

        .besoin_card_title {
            font-size: 1.1rem;
            margin-bottom: 0.5rem;
            font-weight: bold;
        }

        .redige_par {
            background: #f6faf7;
            border-radius: 12px;
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            margin-top: 24px;
        }

        .body_lang_ar .redige_par {
            border-right: 4px solid #66ac5a;
        }

        [class*="body_lang_"]:not(.body_lang_ar) .redige_par {
            border-left: 4px solid #66ac5a;
        }

        .article-redactor-image {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid #cfcfcf;
        }

        .package_title {
            font-size: 32px;
            font-weight: 800;
            margin-bottom: 20px;
        }

        .package_list {
            list-style: none;
            line-height: 1.8;
            text-align: start;
        }

        .prix_garanti {
            display: inline-block;
            top: -50px;
            position: absolute;
            font-weight: bold;
            width: 100%;
            text-align: center;
            left: 0;

        }

        .prix_garanti:hover {
            color: black;

        }

        .avergae_price {
            font-size: 18px;
            margin-bottom: 10px;
            text-align: center;
        }

        .garanti_price {
            font-size: 28px;
            font-weight: 700;
            color: var(--consultation_devis_bg_btn);
            margin-bottom: 20px;
            text-align: center;
        }

        .start_transformation {
            display: inline-block;
            text-align: center;
            background-color: var(--consultation_devis_bg_btn);
            color: white;
            padding: 14px 28px;
            border-radius: 12px;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            transition: background-color 0.3s ease;
        }

        .start_transformation:hover {
            color: white;
        }

        .clinique_certificate_image {
            width: 47px;
            max-width: 53px;
            height: auto;
            display: block;
        }

        .clinique_doctor_image_container {
            max-width: 70px;
            padding-left: 0;
            padding-right: 0;
            border: none;
        }

        .clinique_doctor_image {
            width: 80px;
            height: auto;
            display: block;
        }

        .clinique_before_after_image {
            width: 60px;
            height: 60px;
            border-radius: 8px;
        }

        .clinique_free_quote {
            background-color: var(--consultation_devis_bg_btn);
            color: var(--consultation_devis_btn);
            width: 100%;
            padding: 6px 24px;
            font-weight: bold;
        }


        .clinique_contact_doctor {
            background-color: var(--contact_background_color);
            color: black;
            width: 100%;
            font-weight: bold;
        }

        .clinique_contact_doctor:hover {
            background-color: var(--contact_background_color);
            color: black;
        }

        .body_mobile .clinique_modal_dialogue {
            max-width: 100%;
        }

        .body_mobile .img_intro {
            max-height: 230px;
        }

        .body_desktop .clinique_modal_dialogue {
            max-width: 60%;
        }

        #progressBarContainer {
            height: 10px;
            background-color: #e1e1e1;
            border-radius: 5px;
            overflow: hidden;
            margin: 0 auto 20px auto;
            max-width: 300px;
        }

        #toggleClinics {
            background-color: var(--consultation_devis_bg_btn);
            color: var(--consultation_devis_btn);
            width: 100%;
            font-weight: bold;
        }

        .specialityNotFound .closeButton {
            right: 10px;
            top: 3px;
            position: absolute;
        }

        .body_lang_ar .img_norms_length,
        .body_lang_fr .img_norms_length,
        .body_lang_en .img_norms_length {
            max-width: 145px;
        }

        .grecaptcha-badge {
            z-index: 99999;
            transform: scale(0.7);
            bottom: 0 !important;
            z-index: 1;
        }
    
/* ===== Classes utilitaires (remplacent des style="" inline) ===== */
.saa-protection-text{margin:auto;font-size:12px;line-height:1.4;}
/* footer.php : ex-inline styles */
.ft-text-light{color:#f5f5f5!important;}
.ft-no-select{user-select:none;}
.fs-22{font-size:22px;}
.ft-text-grey{color:#767676;}
.ft-top-70{top:70px;}
.ft-pl-3px{padding-left:3px;}
.ft-minh-60{min-height:60px;}
.ft-lang-tab{max-height:53px;border-bottom:solid 1px #ffca57;border-radius:0!important;}
.ft-h-95{height:95px;}
.ft-info-title{font-size:22px;color:#4a4a4a;}
.ft-rating-num{font-size:13px;display:inline-block;position:relative;top:1.5px;}
.fs-12{font-size:12px;}
.ft-logo{height:45px;}
.body_lang_ar .ft-logo{float:right;}
.ft-callme-btn{width:220px!important;border:solid;}

/* ===== ex-inline styles header/list2/clinique/doctors ===== */
.h-1{direction: ltr;}
.h-2{font-weight: 600; background-color: #ffca57; border-color: #cd7a0030;box-shadow: 1px 1px 0px #FF9800;}
.h-3{height: 70px; box-shadow: 0 4px 7px -4px grey; position: fixed !important ;left: 0; right: 0; top: 0;}
.h-4{all:unset;display:block;}
.h-5{top: 7px; outline: none;}
.h-6{text-align: center;padding:0;}
.h-7{height: 25px; margin-top:-29px !important;}
.h-8{font-style:normal !important; font-size: 18px;}
.h-9{font-style:normal !important; font-size: 20px;}
.h-10{position: relative; top: -2px;}
.h-11{width:80px;}
.h-12{width: 50px;}
.h-13{font-size: 10px; display: inline-block; position: relative; top: 1.5px;}
.h-14{margin-top: 9px;}
.h-15{color: #212529; font-size: 15px;}
.h-16{box-shadow:none; width: unset; font-size: 15px;}
.h-17{font-size: 15px;}
.h-18{height: 25px; margin-top:-8px !important;}
.h-19{font-weight: 600; background-color: transparent; border: .5px solid #00895c;}
.h-20{display: none;}
.h-21{color: #212529;}
.h-22{padding-left:3px;}
.h-23{background-color:#00674b;color:white;}
.h-24{position: fixed; z-index: 100; top: 48px;}
.h-25{max-width: 100%;width: 550px; box-shadow: 1px 2px 5px #4e5b51;}
.h-26{margin-right: 10px;}
.l2-1{padding:0 !important;}
.l2-2{display:flex;flex-wrap:nowrap;align-items:center;height:100%;}
.l2-3{font-size: 15px; line-height: 1.5;}
.l2-4{color: #00674b;}
.l2-5{color: #cb6ce6;}
.l2-6{color: #e63946;}
.l2-7{color: #00b67b;}
.l2-8{color: #a77662;}
.l2-9{display: none;}
.l2-10{min-width: 320px;}
.l2-11{color:#172B85;}
.l2-12{height:50px; width:auto;}
.l2-13{max-width:420px;width:100%;}
.l2-14{color:#468d86;}
.l2-15{display:none;}
.l2-16{background:white;color:#468d86;border:2px solid #468d86;}
.l2-17{width: 100%;}
.l2-18{color: #333;}
.l2-19{max-width: 130px; position: relative;}
.l2-20{color: #333231;}
.l2-21{color: #E1306C;}
.l2-22{color: #1877F2;}
.l2-23{color: #0084FF;}
.l2-24{color: #25D366;}
.l2-25{color: #0A66C2;}
.l2-26{color: #D44638;}
.l2-27{padding: 5px 0px 5px 12px;}
.l2-28{font-size: 12px;}
.cl-1{margin-top: auto;}
.cl-2{display:none;}
.cl-3{border-bottom: solid 1px #888; color: #888; cursor: pointer;}
.ld-1{column-gap: 1rem;}
/* ex-inline dynamiques (header/list2) */
.h-callme-pill{min-width:190px!important;border:.5px solid #00895c;max-width:190px;height:32px;}
.body_lang_ru .h-callme-pill{height:50px;}
.h-set-column{width:28%;min-width:350px;}
.body_lang_ar .h-set-column{min-width:335px;max-width:177px;}
.bread-crumb-mobile{height:35px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;width:320px;}

/* ex-inline styles includes list2 */
.bch-1{color: #333;}
.bch-2{font-size:15px; text-align:center;}
.bch-3{font-size:15px;}
.bch-4{width: 34px !important; height: 37px;}
.bch-5{color: #212529;}
.bch-6{overflow-x: auto; padding: 0 5%; margin: 0; -webkit-overflow-scrolling: touch;}
.bch-7{display: flex; gap: 12px; min-width: 100%; padding: 10px 0;}
.bch-8{flex: 0 0 calc(50% - 6px); min-width: 160px;}
.bch-9{height: 100%; border: 1px solid #f0f0f0; border-radius: 8px; text-align: center;}
.bch-10{color: #333; text-decoration: none;}
.bch-11{font-size: 13px; margin: 0;}
.bch-12{width: 36px; height: 36px; margin: 10px auto;}
.bch-13{text-decoration: none;}
.bch-14{width: 34px; height: 37px; margin: 8px auto;}
.bch-15{font-size: 13px; margin: 0; color: #212529;}
.gar-1{border-top:solid 1px #CCC;}
.gar-2{margin-bottom: 15px;}
.gar-3{padding-bottom: 10px;}
.gar-4{background-position: 0px 3px; font-size: 22px; border-bottom: solid 1px #CCC;}
.gar-5{margin-bottom: 10px; background-color:white ; width: 90%;margin-right: auto;margin-left: auto;}
.gar-6{width: 100%;}
.gar-7{border:solid 2px #A5CE02; border-radius:4px; margin:auto; display:block;}
.gar-8{padding: 0 10px;}
.gar-9{text-align: center; text-align: center;}
.bas-1{text-align: center;}
.avp-1{padding:0!important;}
.avp-2{padding-top:2px;}
.avp-3{border-bottom: solid 1px #888;color: #888;}
.ppb-1{font-size:17px;}
.ppb-2{direction: ltr;display: inline-block;}
.ppb-3{font-size:14px;}
.ppb-4{font-size:12px;}
.ccm-1{text-decoration:none;color:inherit;}
.ccm-2{max-width: 39px;}
.ccm-3{max-width: 90px;}
.ccm-4{max-width:160px;}
.ccm-5{max-width: 51px;}
.ccm-6{max-width: 85px;}
.ccm-7{height:63px;}
.ccm-8{max-width: 192px;}
.ccm-9{max-width: 50px;}
.ccm-10{max-width: 160px;}
.nab-1{color:#111 !important;}
.nab-2{width:35px; height: 37px margin-top: -5px;}
.nab-3{border-bottom: solid 1px rgba(0,0,0,.1);}
.nab-4{font-weight:bold;color:#A3CC0E;font-size: 25px;line-height: 15px;}
.pkg-1{flex: 1 1 400px;}
.pkg-2{color: #00674b;}
.pkg-3{font-size: 12px;}
.bnv-1{display:none;}
.avl-1{font-size:18px;}
.avl-2{text-decoration:underline;font-size:12px;cursor:pointer;}
.opv-1{bottom:-15px !important;}
.chp-1{direction:ltr; display:inline-block;}
.ba2-1{height: 40px;margin-top: 7px; width: 51px;}
/* ex-inline dynamiques includes (mobile/lang) */
.bloc-confiance{width:75%;}
.body_mobile .bloc-confiance{width:100%!important;padding-left:5%;padding-right:5%;margin:0!important;}
.gar-cert-title{color:#A5CE02;text-shadow:-1px 0 #FFF,0 1px #FFF,1px 0 #FFF,0 -1px #FFF;}
.body_lang_ru .gar-cert-title{font-size:19px;}
.gar-cert-img{margin-right:auto;margin-left:auto;display:block;width:50%;}
.body_mobile .gar-cert-img{width:80%;}
.avp-carousel-ind{bottom:-5px!important;}
.body_mobile .avp-carousel-ind{bottom:-25px!important;}
/* phone-number.php */
.pn-bg-white{background-color:white;}
.pn-fs-14{font-size:14px;}
.pn-ltr{direction:ltr;display:inline-block;}
/* footer-submenu.php + price.php */
.fsm-accordion{width:93%;clear:both;}
.price-chart-wrap{width:400px;overflow:hidden;}
.body_mobile .price-chart-wrap{width:300px;}
.price-chart-canvas{margin-left:-55px!important;}
.body_mobile .price-chart-canvas{margin-left:0!important;}

/* ===== Tom Select : harmonisation avec les form-select du site (remplace select2) ===== */
.ts-wrapper{width:100%;}
/* le wrapper hérite des classes du <select> (form-control/form-select) : on neutralise pour éviter double bordure/caret/padding */
.ts-wrapper.form-control,.ts-wrapper.form-select{height:auto;padding:0;border:0;background:none;box-shadow:none;}
.ts-wrapper.single .ts-control{background:#fff;border:1px solid #ced4da;border-radius:.5rem;min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;color:#212529;}
.ts-wrapper.single.input-active .ts-control,.ts-wrapper.single .ts-control.focus{border-color:#00674b;box-shadow:0 0 0 .15rem rgba(0,103,75,.15);outline:0;}
.ts-control input,.ts-control input::placeholder{font-size:.875rem;color:#6c757d;}
.ts-dropdown{font-size:.875rem;z-index:99999;border:1px solid #ced4da;border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.12);background-color: #ffffff;}
.ts-dropdown .option{padding:.35rem .6rem;}
.ts-dropdown .active{background-color:#00674b;color:#fff;}
.ts-dropdown .optgroup-header{font-weight:700;color:#00674b;}
/* dans les modals/popups, le dropdown doit passer au-dessus */
.modal .ts-dropdown{z-index:1056;}

/* Tom Select : bordure forcée sur le contrôle (le wrapper hérite de form-control/select qu'on neutralise) */
.ts-wrapper .ts-control{border:1px solid #ced4da !important;border-radius:.5rem !important;background-color:#fff !important;min-height:calc(1.5em + .5rem + 2px);}
.body_lang_ar .ts-wrapper .ts-control{padding-right: 8px !important;}
.ts-wrapper.single .ts-control:hover{border-color:#adb5bd !important;}
.ts-wrapper.focus .ts-control,.ts-wrapper.input-active .ts-control{border-color:#00674b !important;box-shadow:0 0 0 .15rem rgba(0,103,75,.15) !important;}
/* dropdown attaché au body : doit passer au-dessus de tout (modals ~1055) */
body > .ts-dropdown{z-index:100000;}

/* Tom Select single : hauteur fixe = form-control-sm, pas de wrap (évite le décalage après sélection) */
.ts-wrapper.single .ts-control{flex-wrap:nowrap !important;min-height:calc(1.5em + .5rem + 2px) !important;height:calc(1.5em + .5rem + 2px) !important;overflow:hidden;align-items:center;}
.ts-wrapper.single .ts-control > .item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.ts-wrapper.single .ts-control > input{min-width:0;}

/* Tom Select : hauteur alignée sur les champs du formulaire (un peu plus haute) */
.ts-wrapper.single .ts-control{min-height:calc(1.5em + .75rem + 2px) !important;height:calc(1.5em + .75rem + 2px) !important;padding-top:.375rem;padding-bottom:.375rem;}