header{background:#fff;padding:10px 0;border-bottom: 1px solid #23395B;font-family: "Poppins";}
header .btn-blue{font-size:0.9em;margin-left:40px}
#logo{object-fit:contain}
#header{display:flex;color:#23395B;flex-direction: row;align-items:center;}
header:has(#topbar) {padding-top: 0;}

#tm_cart{position:relative}

#topbar{
    background:#e7fbe6;
    margin: 0 0 15px;
      padding:7px 0;
      width: 100%;
      color: #000;
      text-align: center;
      display: block;
      font-size: 13px;
}

#phone-header #topbar {padding:5px 0}

#topbar .container{display:grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 0 15px;font-weight: 500;}
#topbar .container:before{display: none;}

#app_invitation + div {margin-top:90px}

#equirodi_universe{margin:11px 0 -4px;font-family:Segoe UI,Helvetica,Arial,sans-serif;font-size: 12px;text-align:center}
#equirodi_universe a{border: 1px solid #23395B;border-radius:50px;padding:0 10px;height:20px;display:inline-flex;margin:0 8px}

.switches-container {width:16rem;height:fit-content;position:relative;display:flex;padding:0;position:relative;background:#23395B;line-height:28px;border-radius:50px;font-size:14px;font-family:"Poppins";}
.switches-container div {width:50%;padding:0;margin:0;text-align:center;cursor:pointer;color:#fff;}
.switches-container div.selected_index {background:#fff;color:#23395b;border:1px solid #23395b;border-radius:50px;}
.switches-container div.selected_index span {color:#23395b;}
.switches-container span{color:#fff;width:100%;display: block;}

#phone-header .switches-container {margin:10px auto 0}
#large-header #navbar_toggle {padding:5px 18px 5px 8px;border-radius:50px;color:#23395B;cursor:pointer;transition:all 0.12s ease}
#large-header #navbar_toggle:hover {background:#f6f6f8}
#large-header #navbar_toggle span{margin-left:10px;font-weight:600}

.second-nav > * {cursor:pointer;margin-left:8px;padding:5px 18px;border-radius:50px;transition:all 0.12s ease;color:#23395b;font-weight:600}
.second-nav > *:hover {background:#f6f6f8}

.dfc{display:flex;align-items:center}

.highlight{font-weight:bold;color:#23395b !important}
.icon-right{display:flex;font-size:12px;}
.icon-right * {transition:all .1s ease;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;}
.icon-right a{display: grid;
    padding-left: 10px;
    position: relative;
    text-align: center;
    align-items: center;
    justify-items: center;}
.icon-right span {font-size:26px;display:block;text-align:center}
.icon-right a:hover, .icon-right a:hover span {color:#566C8E}
.icon-right a:hover span.nbt {color:#fff}
span.nbt {position:absolute;font-size:11px;background:#23395b;color:#fff;border-radius:11px;padding:2px 5px;top:14px;right:-3px;display:inline}

@media (max-width:767px){
.icon-right .tm_favorite, .icon-right .tm_account {display:block}
.icon-left{display:flex;width:40px;align-items:center;text-align:center;margin:0 10px 0 0;justify-content:center}
.vendre{float:left;margin-top:-0.07rem}
.icon-right{width:min-content;float:right;display:flex;margin: 0 5px 2px 0}
}
#overlay-search{display:none;position:fixed;background-color:#0c193a;opacity:.24;top:0;right:0;bottom:0;left:0;z-index:20}
#suggestions {
	width: calc( 100% - 24px);
	position: fixed;
	display: none;
	z-index: 10000;
	padding: 0;
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 15px 0 0;
	bottom: 0;
	top: 60px;
}#div_suggestion_history, #div_suggestion_products {display:none}
#sugg_left {float:left;width:28%;height: calc( 100vh - 123px );overflow: scroll;}
#div_suggestion_history,#div_suggestion_search{padding:8px 0 0 8px}
.suggestion_history{padding:0;list-style-type:none;font-size:13px;margin: 10px 10px 10px 0}
.suggestion_history li{padding:5px 5px 5px 0;line-height:20px;font-size:14px;float:left;width:100%}
#div_suggestion_search span:nth-child(3), #div_suggestion_history span:nth-child(3){clear:left;margin:0 5px 0 21px;}
.suggestion_history li:hover {background-color:#eee;cursor:pointer}
.no-search-results{border:2px solid #ddd;padding:10px 20px;border-radius:5px;width:max-content;margin:30px auto 30px}
.no-search-results li{float:none}
.sb_label{font-weight:600;margin:0 0 20px;font-size:15px;}

.search{position: relative;width:100%}
.search .main-search-submit{padding:0px 6px;position:absolute;top:0;right:0;border:none;height:37px;border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;cursor:pointer;background:#fff}
.search .main-search-submit:hover{background:transparent}
.search span.icon-search{font-size:1.4em;color:#bbb}

#search_frame{display:none;border-radius:6px;flex-grow:1;margin:0 45px;padding: 5px;}
#search, #search_in_menu {
	height: 42px;
	padding: 6px 12px;
	width: 100%;
	border-radius:50px;
	font-size: 14px;
	border: 2px solid #23395b;
}
#search_in_menu{width:calc(100% - 34px);margin:0 17px}
#search-form{width:100%}
#search_frame.search_active #search_container{width:100%;display:block}

#search_frame.search_active {
    display:block;
    margin: 0;
    background: #fff;
    height: 300vh;
    width: calc( 100% - 6px );
    left: 3px;
    right: 3px;
    top: 3px;
    position: absolute;
    z-index:10000;
}

@media (min-width:768px){
    .search::after {
        content: "";
        background: url("/im/header/search.svg") no-repeat;
        right: 10px;
        position: absolute;
        width: 32px;
        height: 32px;
        top: 4px;
        background-size: 32px;
    }

    #suggestions{position:absolute}
    #search_frame{display:block}
    #search_frame.search_active {position:fixed; width: calc( 100% - 160px );left:80px;top:50px;}
}

#search_frame.search_active #search-form { border-bottom:1px solid #23395b;}
#search_frame.search_active #search {width:calc( 100% - 50px );border:0;border-radius:0;outline:0;}

#div_suggestion_products {float:left;width:calc( 72% - 20px );height:100vh}
#suggestion_products_results {display:grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap:15px 18px;overflow:scroll;height:calc( 100vh - 170px );margin:15px 0;}
#div_suggestion_search{display:none;float:left;margin:0 0 25px}
#div_suggestion_search span,
#div_suggestion_history span {float:left}
#close_search_bar {display:none;cursor:pointer;position:absolute;font-size:20px;top:-4px;background:#fff;border-radius:50px;height:42px;width:42px;align-items:center;justify-content:center;right:-55px;z-index:10000;}
#rsb_vZ3{cursor:pointer;position:absolute;background:#eee;border:4px solid transparent;box-sizing:content-box;border-radius:50%;padding:0;width:15px;height:15px;right:50px;font-size:10px;top:10px;color:#000;text-align:center}
#rsb_vZ3:hover{background:#ddd}

#app_invitation{position:fixed;width:100%;padding:7px;font-size:13px;background:#fff;box-shadow: 0 0px 1px 2px #eee;display:flex;top:0;z-index:9999}
#app_invitation.hide{display:none}
#app_invitation img{border-radius:5px;box-shadow:0 0px 1px 2px #eee;margin-right:10px;}
#app_invitation #app_invitation_title{margin:2px 0 0px;font-weight:600;font-size:14px;}
#app_invitation p{margin:0 0 7px}
#app_invitation a{background-color:#23395b;padding: 4px 12px;font-size:13px;display:inline-block;}
#app_invitation button{font-size:20px;position:absolute;top:0;right:0;border:0;background:none;padding:15px;}
#app_invitation.visible ~ header {margin-top:90px}

@media (max-width:1199px){
	#suggestion_products_results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-gap: 10px 0px;
	}
}
@media (max-width:767px){
	#div_suggestion_products {float:left;width:100%;height:fit-content}
	.suggestion_history li {padding: 5px 0;line-height: 20px;font-size: 14px;}

    #close_search_bar {position:relative;top:0;left:0}
    #rsb_vZ3{right:25px}
    .product .title {white-space:initial;}

    #sugg_left {height: auto;overflow: inherit;width:100%}

    .suggestion_history, #div_suggestion_search {
        list-style-type: none;
        margin: 10px 0 0;
        overflow-x: scroll;
        white-space: nowrap;
        width: 100%;
        float:inherit;
    }

    #suggestion_products_results {white-space:wrap;}

    #div_suggestion_products{padding: 5px 0 0px;}

    #div_suggestion_search {
            display: none;
            float: left;
            margin: 0 0 0px;
        }
}