p:empty {
  display: none;
}


/* ========================================
   VARIABLES CSS MOD ADMIN
   ======================================= */

/* COULEURS */
#pounichka-multi_1 {
    /* modification possible */
	--color-logo: #FFE200;			/* jaune logo  #FFE200  */
	--color-zone1-bg: #0063B1;		/* 1er bandeau entete + pied de page + fond général */
    --color-zone2-bg: #0063B1;	/* BLEU   #0063B1 */
    --color-zone3-bg: #F7E91C;	/* JAUNE */
    --color-rect-pro: #ffcc00;	/* orange */
    --color-rect-pro-txt: #000;
    --color-rect-top: #ff6600;	/* rougorange */
    --color-rect-top-txt: #fff;
    --color-rect-promo: #0099ff;	/* bleu */
    --color-rect-promo-txt: #fff;
    --color-trait-mobile: #787878;	/* gris */
    --color-footer-text-light: #cfcfcf;  /* gris clair */
	/* automatique */
	--pouni-main-bg: var(--color-zone1-bg);  /* fond global */
	background-color: var(--pouni-main-bg);  /*   même couleur que le 1er bandeau entete */
}

/* Autres variables */
#pounichka-multi_1 {
    --pouni-menu-row-height-desktop: 36px;   /* hauteur (approx.) cellule menu desktop */
    --pouni-menu-row-height-mobile:  48px;   /* hauteur (approx.) cellule menu smartphone */
    min-height: 100vh;                 		/* occupe au moins toute la hauteur écran */
}

/* ========================================
   GENERAL
   ======================================= */

.marges_gd20hb10 {
    padding: 10px 20px; 	/*  marges  gauche droite: 20 - haut bas: 10  */
}
   
 
/* ========================================
   MENU SIMPLE - LIENS UNIQUEMENT
   ======================================= */

/* BASE + DESKTOP + TABLETTE (écrans > 550px) */

#drop-menu {
    position: absolute !important;
    width: 280px !important;
    left: 20px !important;
    height: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 10000 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-100%) !important;
}

#drop-menu.open {
    height: auto !important;
    padding: 0 !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    width: 280px !important;
    left: 20px !important;
    transform: translateY(0) !important;
}

/* Titre desktop + tablette */
.menu-title {
    height: var(--pouni-menu-row-height-desktop) !important;
    line-height: var(--pouni-menu-row-height-desktop) !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 18px !important;
    text-align: center !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 0 !important;
    display: none !important;        /* ← CACHÉ par défaut */
}

/* Lignes de menu desktop + tablette */
.menu-item {
    display: flex !important;
    align-items: center !important;
    padding: 8px 18px !important;
    background: #fff !important;
    border-bottom: 1px solid #f0f0f0 !important;
    text-decoration: none !important;
    color: #333 !important;
    cursor: pointer !important;
    width: 100% !important;
    box-sizing: border-box !important;
	position: relative !important;
}

.menu-item:hover {
    background: #1a1a1a !important;
    color: #fff !important;
}

/* Icônes */
.menu-icon {
    width: 30px !important;
    height: 30px !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    display: block !important;
    filter: none !important;
    transition: filter 0.3s ease !important;
}

.menu-icon-hover {
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
}

.menu-item:hover .menu-icon {
    opacity: 0 !important;
}

.menu-item:hover .menu-icon-hover {
    opacity: 1 !important;
}


.mi-label {
    display: inline-block !important;
    line-height: 1.2 !important;
}

/* Pied de page du menu */
.menu-extra {
    padding: 15px 20px !important;
    background: #ffffff !important;
    border-top: 1px solid #f0f0f0 !important;
    display: none; /* caché par défaut */
}

.menu-extra.has-content {
    display: block;  /* visible si ajout classe has-content */
}

.menu-extra-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}



/* Image illustration bas de menu */
.menu-bottom-img {
    display: block !important;
    height: auto !important;      /* garde les proportions */
    border-radius: 8px !important;
    margin: 10px auto !important; /* centrée */
}


/* Desktop + tablette (> 550px) */
@media (min-width: 551px) {
    .menu-bottom-img {
        max-width: 140px !important;   /* largeur max image   (test = 296x329) */
        /*  max-height: 222px !important;   /* hauteur max desktop/tablette */
    }
}


/* ===============================
   VERSION TABLETTE (<= 960px)
   → même look que desktop
   =============================== */

@media (max-width: 960px) {
    /* ici on ne change rien à la largeur du menu :
       il reste en 280px avec son style desktop */
    .menu-title {
        font-size: 18px !important;
    }
}

/* ===============================
   VERSION SMARTPHONE (<= 550px)
   → pleine largeur + titre à gauche
   =============================== */

@media (max-width: 550px) {
    #drop-menu {
        width: 100vw !important;
        margin: 0 !important;
        left: 0 !important;
    }
    #drop-menu.open {
        width: 100vw !important;
        max-width: 100vw !important;
        left: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .mi-label {
        font-size: 22px !important;  /* ← texte des éléments de menu PLUS GROS smartphone */
    }
    .menu-item {
        padding: 10px 20px !important;  /* hauteur cellule d'un element de menu */
        min-height: var(--pouni-menu-row-height-mobile) !important; /* contrôle via variable */
    }
    .menu-title {
        font-size: 28px !important;
        text-align: left !important;
        padding-left: 20px !important;
        height: auto !important;
        line-height: 1.4 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        display: block !important;   /* ← VISIBLE smartphone */
    }

    /* pleine largeur SEULEMENT en smartphone */
    .menu-bottom-img {
        max-width: 300px !important;   /* largeur max smartphone - REGLAGE - max 300px */
        max-height: 280px !important;  /* hauteur max smartphone - REGLAGE -  */
        margin: 15px auto !important;
    }       
}



/* ===============================
   ZONE 1 - ENTÊTE / BANDE 1
   =============================== */
.zone1-header {
    width: 100%;
    background-color: var(--color-zone1-bg);   /*  #1E1E1E  */
    color: #fff;
    padding: 5px 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.zone1-inner {
    max-width: 1200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.z1-logo img {
    display: block;
    width: 40vw;       /* proportionnel à la largeur de l'écran */
    min-width: 30px;   /* taille minimale pour mobile */
    max-width: 350px;  /* taille maximale pour grand écran */
    height: auto;
}

.z1-logo {
    margin-right: 18px; /* espace entre logo et barre de recherche sur desktop */
}

/* Conteneur de la barre de recherche */
.z1-search {
    display: flex;
    flex: 1;
    margin: 0 20px; /* marge autour de la barre */
}

/* Champ de saisie */
.z1-search input {
    flex: 1;
    padding-left: 24px;    /* marge avant le curseur */
    padding-right: 10px;   /* marge à droite du texte */
    padding-top: 10px;     /* hauteur interne */
    padding-bottom: 10px;  /* hauteur interne */
    border: none;          /* suppression des bordures */
    /* border-radius: 10px 0 0 10px; */
    outline: none;         /* supprime le contour au focus */
    font-size: 18px;
}

/* Bouton de lancement de recherche */
.z1-search .search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-logo); 	/*   #F7E91C; fond jaune */
    border: none;
    cursor: pointer;
    padding: 12px;             /* hauteur du bouton */
    border-radius: 0 10px 10px 0;
    width: 65px;                /* largeur du bouton */
}

.z1-search .search-btn img {
    width: 25px;   /* ajuster : 18px, 20px, 22px… */
    height: auto;
}

.z1-icon-item .count {
    background-color: #f00;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
}

/* Zone 1 : icônes à droite en desktop */
.z1-icons {
    display: flex;
    align-items: flex-start; /* <-- clé pour les aligner en haut */
    gap: 25px; /* espacement entre elements de droite  */
}

/* Élement icône + texte : colonne centrée, alignement vertical contrôlé */
.z1-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;      /* icône au-dessus, texte centré sous l'icône */
    justify-content: flex-start;
    gap: 4px;
    padding-top: 6px;
    cursor: pointer;
}


/* Liens d'icônes : supprimer le style lien par défaut */
.z1-icons a.z1-icon-item {
    text-decoration: none !important;
    color: inherit !important;          /* reprend le blanc de .zone1-header */
}

/* État survol , pour garder le même rendu */
.z1-icons a.z1-icon-item:hover {
    text-decoration: none !important;
    color: inherit !important;
}




/* Texte (ligne principale) */
.z1-icon-item .txt {
    display: block;
    text-align: center;
    line-height: 1.1;
}

/* Petite ligne secondaire (connexion / inscription) */
.z1-icon-item .txt-small {
    font-size: 11px;
    font-weight: 300;
    line-height: 1.1;
    display: block;
    text-align: center;
    opacity: 0.95;
}


/* -----------------------------
   VERSION DESKTOP
------------------------------ */

@media (max-width: 960px) {
    /* Zone 1 : cacher les icônes de droite */
    .z1-icons {
        display: none;
    }

    /* Zone 1 : faire occuper toute la largeur par la recherche */
    .z1-search {
        flex: 1;
        margin: 0;          /* supprimer les marges horizontales */
        max-width: 100%;    /* empêche de dépasser l'écran */
        box-sizing: border-box; /* inclut padding dans largeur */
    }
    
    .zone1-header {
        padding-top: 18px; /* Marge en haut, faire la même que desktop */
    }
    .zone1-inner {
        padding: 0 10px;    /* padding léger à l'intérieur si besoin */
        width: 100%;
        box-sizing: border-box;
    }
}

/* ===== ESPACEMENT ENTRE LOGO / BARRE DE RECHERCHE – VERSION MOBILE ===== */
@media (max-width: 960px) {
    .z1-logo {
        margin-right: 18px; /* espace entre logo et la barre de recherche */
    }
}


/* ===============================
   ZONE 1 - VERSION SMARTPHONE ≤ 550px
   =============================== */
@media (max-width: 550px) {

    /* Empiler logo et barre de recherche verticalement */
    .zone1-inner {
        flex-direction: column;
        align-items: flex-start;  /* logo à gauche */
        width: 100%;
    }

    /* Zone 1 : plus d'espace au-dessus */
    .zone1-header {
        padding: 10px 10px 5px 10px;  /* padding-top doublé, bottom réduit */
    }

    /* Logo légèrement plus grand (+15%) et marges */
    .z1-logo {
        margin: 0 0 10px 10px;      /* marge sous le logo */
        width: 50%;                  /* environ +15% par rapport à 44% */
        max-width: 220px;
        min-width: 120px;
        text-align: left;
    }

    .z1-logo img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Barre de recherche très basse dans sa zone et largeur adaptative */
    .z1-search {
        width: calc(100% - 20px);   /* occupe toute la largeur moins un petit padding */
        margin: 0 10px 2px 10px;    /* marges gauche/droite constantes */
        flex: none;
    }

    .z1-search input {
        width: 100%;
        padding: 10px 14px;
        font-size: 16px;
        box-sizing: border-box;
    }

    .z1-search .search-btn {
        padding: 10px;
        width: 50px;
    }

    .z1-search .search-btn img {
        width: 22px;
        height: auto;
    }

	/* Masquer les icônes de droite */
	.z1-icons a.z1-icon-item a.z1-icon-item:hover{
		display: none;
		text-decoration: none !important;
		color: inherit !important;
	}
	.z1-icon-item {
		text-decoration: none;
		color: inherit;
	}
	
}
  


/* ===============================
   ZONE 2 - ENTÊTE / BANDE 2
   =============================== */

.zone2-header {
    width: 100%;
    background-color: var(--color-zone2-bg);
    color: #fff;
    padding: 8px 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.zone2-inner {
    max-width: 1200px;
	min-height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ----------- ICONES A DROITE ----------- */
.zone2-mobile .z2m-item {
    text-decoration: none !important;
    color: inherit !important;
}

/* ----------- MENU GAUCHE ----------- */
.z2-menu-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-weight: bold;
}

.z2-menu-btn .icon {
    font-size: 18px;
}



/* ----------- RECTANGLES CENTRAUX ----------- */
/* Conteneur des rectangles */
.z2-rectangles {
    display: flex;
    gap: 15px; /* espace entre rectangles */
}

/* Chaque rectangle */
.z2-rect-item {
    width: 33.33%;            /* largeur identique pour tous */
    display: flex;
    align-items: center;       /* centrage vertical texte */
    justify-content: center;   /* centrage horizontal texte */
    padding: 0 30px;           /* marge intérieure texte */
    height: 40px;
    cursor: pointer;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;    /* inclut le padding dans la largeur */
    white-space: nowrap;       /* empêcher le retour à la ligne */
}

/* Couleurs dynamiques depuis le css */
.z2-rect-item.rect-pro    { background-color: var(--color-rect-pro); color: var(--color-rect-pro-txt); }
.z2-rect-item.rect-top    { background-color: var(--color-rect-top); color: var(--color-rect-top-txt); }
.z2-rect-item.rect-promo  { background-color: var(--color-rect-promo); color: var(--color-rect-promo-txt); }




/* ----------- SERVICE CLIENT (DROITE) ----------- */

.z2-service-client {
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    margin-right: 8px; /* espace a droite avant la bordure */
}


/* ===============================
   ZONE 2 - VERSION MOBILE 
   =============================== */

.zone2-mobile {
    display: none; /* cachée sur desktop */
}

@media (max-width: 960px) {

    /* MASQUER DESKTOP */
    .zone2-inner {
        display: none !important;
    }

    /* AFFICHER MOBILE */
    .zone2-mobile {
        display: flex !important;
        width: 100%;
        justify-content: space-between;
        background-color: var(--color-zone2-bg);
        padding: 0;
    }

    /* BOUTONS MOBILE */
    .zone2-mobile .z2m-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0;
        cursor: pointer;
        position: relative;
    }

    /* Séparateurs verticaux */
    .zone2-mobile .z2m-item:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 15%;
        right: 0;
        height: 70%;
        width: 1px;
        background-color: var(--color-trait-mobile);
    }

    .zone2-mobile .z2m-item img {
        margin-bottom: 6px; /* augmente l’espace entre icône et texte */
        display: block;      /* s’assure que margin s’applique correctement */
    }
}

/* ===============================
   ZONE 3 – MENU
   =============================== */

/* ===============================
   ZONE 4 – BANDE JAUNE
   =============================== */


/* Conteneur de la zone 4 */
.zone4-yellow {
    width: 100%;
    background-color: var(--color-zone3-bg);
    height: calc(1/3 * var(--z1-search-height, 60px)); /* par défaut 1/3 barre de recherche */
    display: flex;
    align-items: center; 
    /* justify-content: center; */
    box-sizing: border-box;
	
	/* chenillard */	
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid #ccc;
}
/* Texte dans la bande jaune */
.zone4-yellow span {
    font-weight: bold;
    color: #000; /* contraste sur fond jaune */
    font-size: 14px; /* ajustable */
	
	/* chenillard */
	display: inline-block;
	padding-left: 100%;
	animation: zone4-defilement 20s linear infinite;  /*  vitesse: plus petit = rapide  */
}
/* Animation chenillard */
@keyframes zone4-defilement {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* =============================== 
   ZONE 5-A - CONTENU -  pleine page 
   =============================== 							*/
.zone5A-white {
    width: 100%;
    background-color: #fff; 	/* fond blanc */
    /* height: 60px;            /* ajustable selon contenu 	*/
    box-sizing: border-box;
}

/* Conteneur interne centré, sans encadrement autour */
.zone5A-white .zone5A-content {
    max-width: 1200px;
    margin: 0 auto;
     /* display: flex; */
	display: block;   				/* ← SUPPRIME flex */
    justify-content: space-between; /* si deux parties prévues */
    align-items: center;
    height: 100%;
    padding: 0;              		 /* marges 0 */
}

/* ===============================
   ZONE 5-B - CONTENU  - marges contour grisé 
   =============================== 								*/

/* Cadre principal */
.zone5B-main {
    background-color: #f0f0f0; 	/* gris autour de la zone blanche */
    padding: 20px 0 0 0;        /* espace vertical */
    display: flex;
    justify-content: center;    /* centre horizontalement la zone blanche */
	align-items: stretch;		/*  ajout gpt, à confirmer  (pas confiance) */
}

/* Zone blanche  */
.zone5B-wrapper {
    width: 96%;              	/* largeur inférieure à 100% pour voir les marges grises */
    max-width: 1200px;     		/* largeur maximale */
    background-color: #fff; 	/* fond blanc */
    min-height: 400px; 			/* hauteur minimale */
    padding: 0;             	/* espace interne, préciser ensuite (20px) afin de pouvoir choisir  */
    box-sizing: border-box;
    border-radius: 4px;
}

/* ===============================
   ZONE 6 : FOOTER
   =============================== */

.zone6-footer {
    width: 100%;
    background-color: var(--color-zone1-bg);
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    color: var(--color-footer-text-light);
}

/* Ligne 1 : copyright */
.zone6-footer .z6-col1 {
    margin-bottom: 14px;
    display: block;
}

/* Ligne 2 : liens */
.zone6-footer .footer-links {
    display: block;
    text-align: center;
}

/* Liens */
.zone6-footer .footer-links a {
    color: var(--color-footer-text-light);
    white-space: nowrap;
    display: inline-block;
    margin: 0 8px;
    text-decoration: none;
}

.zone6-footer .footer-links a:hover {
    text-decoration: underline;
}



/* ===============================
   BLOC NOIR – PAGES LÉGALES
   =============================== */

.bloc-noir {
    background:#1E1E1E;
    color:#F2F2F2;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size:15px;
    line-height:1.65;
    font-weight:400;
    padding:40px 28px;
    max-width:900px;
    margin:20px auto;
}
/* TITRE PRINCIPAL */
.bloc-noir h1 {
    font-size:26px;
    font-weight:500;
    letter-spacing:0.3px;
    margin:0 0 22px 0;
    padding-bottom:10px;
    color:#FFFFFF;
    border-bottom:1px solid #FFE200;
}
/* TITRES SECONDAIRES */
.bloc-noir h2 {
    font-size:19px;
    font-weight:500;
    letter-spacing:0.2px;
    margin:34px 0 12px 0;
    color:#FFFFFF;
}
.bloc-noir h3 {
    font-size:16.5px;
    font-weight:500;
    letter-spacing:0.15px;
    margin:28px 0 10px 0;
    color:#FFFFFF;
}
/* TEXTE */
.bloc-noir p,
.bloc-noir li {
    margin:0 0 14px 0;
    font-weight:400;
}

/* LISTES */
.bloc-noir ul {
    padding-left:20px;
    margin:10px 0 20px 0;
}

/* LIENS */
.bloc-noir a {
    color:#FFE200;
    text-decoration:none;
    font-weight:500;
}

.bloc-noir a:hover {
    text-decoration:underline;
}

/* SUPPRESSION TOTALE DES LIGNES INDÉSIRABLES */
.bloc-noir hr,
.bloc-noir * {
    border-top:none;
    border-left:none;
    border-right:none;
}

/* RESPONSIVE */
@media (max-width:940px) {
    .bloc-noir {
        margin-top:0 !important;
		margin-bottom:0 !important;
    }
}
@media (max-width:600px) {
    .bloc-noir {
        padding:28px 20px;
        font-size:14.5px;
		margin-top:0 !important;
    }

    .bloc-noir h1 {
        font-size:23px;
    }
}



/* ===============================
   Forcer le mode mobile sur iPad/Tablet
   =============================== */

/* Bande 2 : version mobile forcée pour iPad/Tablet */
body.is-ipad-tablet .zone2-inner {
    display: none !important;             /* cache la version desktop */
}

body.is-ipad-tablet .zone2-mobile {
    display: flex !important;             /* affiche la version mobile */
}

/* Menu : comportement mobile forcé pour iPad/Tablet */
body.is-ipad-tablet #drop-menu {
    width: 100vw !important;
    left: 0 !important;
}

body.is-ipad-tablet #drop-menu.open {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* ===============================
		ASCENSEUR ("scrollbar")
   =============================== */

/* Scrollbar SITE ENTIER - 15px + flèches NOIR */
*::-webkit-scrollbar {
    width: 18px !important;		/* ← LARGEUR POIGNEE*/
}

*::-webkit-scrollbar-track {
    background: #ffffff !important;
    margin: 2px  !important;    /*  espace blanc avant fleche  */
}

*::-webkit-scrollbar-thumb {
    background: #999999 !important;  /* ← COULEUR ASCENSEUR */
    border-radius: 8px !important;
    border: 4px solid #ffffff !important;  /* ← 2x MOINS d'espace = 2x PLUS LARGE */
    min-height: 50px !important;
	margin-right: 10px !important;  /* ← ESPACE SUPPLÉMENTAIRE droite */
}

*::-webkit-scrollbar-thumb:hover {
    background: #666666 !important;
}

/* Flèches NOIRES simples */
*::-webkit-scrollbar-button {
    height: 10px !important;  /* ← PLUS GRAND pour espace */
    background: #ffffff !important;
    border: none !important;  /* ← SUPPRIME bordures flèches fines */
    padding: 7px 0 !important;  /* ← 7px ESPACE HAUT/BAS >>>>> SANS EFFET*/
}

*::-webkit-scrollbar-button:vertical:decrement { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpolygon fill='%23777777' points='7,0 13,9 1,9'/%3E%3C/svg%3E") !important;
    background-size: 15px 8px !important;     /* ← ZOOM/Taille fixe */
    background-position: 50% 3px !important;  /* ← 4px depuis haut */
    background-repeat: no-repeat !important;   /* ← SUPPRIME répétition */
}

*::-webkit-scrollbar-button:vertical:increment { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpolygon fill='%23777777' points='7,10 13,1 1,1'/%3E%3C/svg%3E") !important;
    background-size: 15px 8px !important;     /* ← ZOOM/Taille fixe    4  8 */
    background-position: 50% -1px !important;  /* 50% calc(50% + 3px)   ← Marge personnalisée */
    background-repeat: no-repeat !important;   /* ← SUPPRIME répétition */
}

/* Cacher scrollbar PAGE quand menu ouvert */
body.menu-open::-webkit-scrollbar {
    display: none !important;
}
body.menu-open {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}