@charset "utf-8";
/**/
html {
  overflow-y: scroll;
}
a,
#cerca {
  transition: all 0.2s;
}
body {
  font-family: "PT Sans", sans-serif;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  color: #333;
}
.clear {
  clear: both;
}
#container-wrapper {
  width: 100%;
  min-height: 700px;
  height: auto !important;
  height: 700px;
  margin: 0px auto;
}
#container {
  width: 980px;
  background-color: #fff;
  margin: 0px auto;
  padding: 0px 10px;
  padding-bottom: 10px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
/**/
/**/
/**/
/* HEADER */
#header-wrp {
  width: 100%;
  min-height: 130px;
  height: auto !important;
  height: 130px;
  margin: 0px auto;
}
#header-wrp #top-header {
  height: 40px;
  border-bottom: 2px solid #ddd;
}
#header-wrp #top-header p#info {
  display: block;
  float: left;
  width: 680px;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  line-height: 40px;
}
#header-wrp #top-header p#info a {
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  padding-right: 20px;
}
#header-wrp #top-header p#info a:hover {
  text-decoration: underline;
}
#header-wrp #top-header p#info img {
  vertical-align: middle;
  padding-left: 10px;
  margin-right: 5px;
}
#header-wrp #top-header #user-option {
  float: right;
  width: auto;
  height: 40px;
}
#header-wrp #top-header #user-option #link-servizio {
  float: left;
  width: auto;
  height: 40px;
}
#header-wrp #top-header #user-option #link-servizio p#servizi {
  line-height: 40px;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
}
#header-wrp #top-header #user-option #link-servizio p#servizi img {
  margin-right: 5px;
  vertical-align: middle;
}
#header-wrp #top-header #user-option #link-servizio p#servizi a {
  color: #000000;
}
#header-wrp #top-header #user-option #link-servizio p#servizi a:hover {
  text-decoration: underline;
}
#header-wrp #top-header #user-option #languages {
  float: right;
  width: auto;
  height: 40px;
  margin-top: 10px;
  margin-left: 20px;
}
#header-wrp #top-header #user-option #languages span {
  visibility: hidden;
}
#header-wrp #top-header #user-option #languages .flag {
  float: left;
  width: 30px;
  height: 40px;
  text-align: center;
}
#header-wrp #top-header #user-option #languages .flag .zh {
  display: block;
  width: 40px;
  height: 20px;
  margin: 0px auto;
  background: url(/img/common/lang_zh.png) no-repeat center -20px;
}
#header-wrp #top-header #user-option #languages .flag .es {
  display: block;
  width: 40px;
  height: 20px;
  margin: 0px auto;
  background: url(/img/common/lang_es.png) no-repeat center -20px;
}
#header-wrp #top-header #user-option #languages .flag .en {
  display: block;
  width: 40px;
  height: 20px;
  margin: 0px auto;
  background: url(/img/common/lang_en.png) no-repeat center -20px;
}
#header-wrp #top-header #user-option #languages .flag .it {
  display: block;
  width: 40px;
  height: 20px;
  margin: 0px auto;
  background: url(/img/common/lang_it.png) no-repeat center -20px;
}
#header-wrp #top-header #user-option #languages .flag .it:hover,
#header-wrp #top-header #user-option #languages .flag .en:hover,
#header-wrp #top-header #user-option #languages .flag .es:hover,
#header-wrp #top-header #user-option #languages .flag .zh:hover {
  background-position: center 0px;
}
#header-wrp #top-header #user-option #languages .flag .it.selected,
#header-wrp #top-header #user-option #languages .flag .en.selected,
#header-wrp #top-header #user-option #languages .flag .es.selected,
#header-wrp #top-header #user-option #languages .flag .zh.selected {
  background-position: center 0px;
}
#header-wrp #top-header #user-option #languages p {
  display: block;
  width: 40px;
  text-align: center;
  float: left;
  font-size: 10px;
}
#header-wrp #top-header #user-option #carrello {
  float: right;
  width: 200px;
  height: 30px;
  margin: 5px 0px 0px 20px;
  background: url(/img/common/bg_sfumatura_30.jpg) repeat-x 0px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#header-wrp #top-header #user-option #carrello img {
  float: left;
  padding: 5px 0px 0px 8px;
}
#header-wrp #top-header #user-option #carrello a {
  display: block;
  width: auto;
  height: 30px;
  color: #fff;
}
#header-wrp #top-header #user-option #carrello:hover {
  background-position: 0px -30px;
}
#header-wrp #top-header #user-option #carrello p {
  display: block;
  float: left;
  width: auto;
  margin-left: 5px;
  padding: 0px;
  line-height: 27px;
  color: #fff;
  font-size: 12px;
}
#header-wrp #top-header #user-option #carrello span {
  line-height: 27px;
  color: #fff;
  font-size: 12px;
  text-align: right;
}
#header-wrp #top-header #user-option #carrello span.qta-carrello {
  display: block;
  width: 25px;
  float: left;
}
#header-wrp #top-header #user-option #carrello span.value-carrello {
  display: block;
  width: 70px;
  float: left;
}
/**/
#header-wrp #header {
  clear: both;
  width: 980px;
  height: 90px;
  margin: 0px auto;
}
#header-wrp #header #logo {
  float: left;
  width: 260px;
}
#header-wrp #header #logo h1 {
  padding: 0px;
  margin: 0px;
  width: 260px;
  height: 90px;
}
#header-wrp #header #logo h1 a {
  display: block;
  width: 260px;
  height: 90px;
}
#header-wrp #header #logo span {
  position: absolute;
  top: -9999px;
}
/* menu */
#header-wrp #header #menu {
  float: right;
  clear: right;
  width: auto;
  height: auto;
  margin-top: 50px;
  text-align: right;
}
#header-wrp #header #menu ul {
  list-style: none;
  height: auto;
}
#header-wrp #header #menu ul li {
  float: left;
  width: auto;
  color: #333;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
  margin-left: 15px;
  padding-right: 15px;
  background: url(/img/common/separatore.gif) no-repeat top right;
}
#header-wrp #header #menu ul li a {
  display: block;
  width: auto;
  text-decoration: none;
  color: #333;
  text-transform: uppercase;
}
#header-wrp #header #menu ul li.selected a {
  color: #ff5c26;
}
#header-wrp #header #menu ul li a:hover {
  color: #666666;
}
/**/
#header-wrp #aiuto-ricerca {
  float: right;
  text-align: right;
  font-size: 13px;
  color: #ff5c26;
  font-weight: 400;
  clear: both;
}
#header-wrp #cerca-wrp {
  width: 980px;
  height: 42px;
  background: #59925a; /*background:url(/img/common/bg_sfumatura_42.jpg) repeat-x 0px 0px;*/
  border-radius: 42px;
}
#header-wrp #cerca-wrp #breadcrums {
  float: left;
  color: #fff;
  font-size: 13px;
  line-height: 42px;
  text-indent: 10px;
}
#header-wrp #cerca-wrp #breadcrums a {
  color: #fff;
}
#header-wrp #cerca-wrp #breadcrums a:hover {
  text-decoration: underline;
}
#header-wrp #cerca-wrp #cerca {
  float: right;
  width: 280px;
  height: 34px;
  margin: 4px;
  background: #fff;
  -webkit-border-radius: 34px;
  border-radius: 34px;
  position: relative;
}
#header-wrp #cerca-wrp #cerca:hover {
  background-color: #f5f5f5;
}
#header-wrp #cerca-wrp #cerca input[type="text"] {
  position: absolute;
  top: 4px;
  left: 16px;
  width: 220px;
  height: 26px;
  line-height: 26px;
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
  font-size: 14px;
  border: none;
  background: none;
}
#header-wrp #cerca-wrp #cerca .btn-cerca {
  outline: none;
  width: 26px;
  height: 26px;
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: none;
  background: #000 url(/img/common/btn-cerca.png) no-repeat 50% 50%;
  -webkit-border-radius: 26px;
  border-radius: 26px;
}
#header-wrp #cerca-wrp #cerca .btn-cerca:hover {
  background-color: #555;
}
/**/
/**/
/* CONTENT COMMON*/
#content-wrp {
  width: 100%;
  min-height: 500px;
  height: auto !important;
  height: 500px;
  margin: 25px auto 40px auto;
}
#content {
  width: 980px;
  min-height: 500px;
  height: auto !important;
  height: 500px;
  margin: 0px auto;
}
#content #left-pane {
  float: left;
  width: 238px;
  min-height: 340px;
  height: auto !important;
  height: 340px;
  font-size: 13px;
}

/* #content-wrp #left-wrp #cerca-categorie{float:right;width:280px;height:34px;margin:4px;background:#fff;-webkit-border-radius:34px;border-radius:34px;position:relative;}
#content-wrp #left-wrp #cerca-categorie:hover{background-color:#f5f5f5;}
#content-wrp #left-wrp #cerca-categorie input[type="text"]{position:absolute;top:4px;left:16px;width:220px;height:26px;line-height:26px;padding:0;margin:0;outline:none;border:none;font-size:14px;border:none;background:none;}
#content-wrp #left-wrp #cerca-categorie .btn-cerca{outline:none;width:26px;height:26px;display:block;position:absolute;top:4px;right:4px;z-index:2;cursor:pointer;padding:0;margin:0;border:none;background:#000 url(/img/common/btn-cerca.png) no-repeat 50% 50%;-webkit-border-radius:26px;border-radius:26px;}
#content-wrp #left-wrp #cerca-categorie .btn-cerca:hover{background-color:#555;} */
#content-wrp #left-pane #cerca-categorie {
  width: auto;
  min-height: 42px;
  margin-bottom: 20px;
}
#content-wrp #left-pane #cerca-categorie input#cat_search {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 220px;
  height: 40px;
  padding: 0 14px;
  border-radius: 30px;
  border: 1px solid #999;
  outline: none;
}
#content-wrp
  #left-pane
  #cerca-categorie
  input#cat_search::-webkit-calendar-picker-indicator {
  opacity: 100;
}

#content #right-pane {
  float: right;
  width: calc(100% - 278px);
  min-height: 360px;
  height: auto !important;
  height: 340px;
  font-size: 13px;
}
#content #right-pane .title-hp {
  width: 720px;
  height: 42px;
  background: #59925a; /* background:url(/img/common/bg_sfumatura_42.jpg) repeat-x 0px 0px;*/
  padding: 0px 10px;
  margin-top: 20px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#content #right-pane .title-hp h1 {
  float: left;
  width: 400px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
#content #right-pane .title-hp a {
  float: right;
  width: auto;
  padding-right: 15px;
  height: 42px;
  line-height: 42px;
  color: #fff;
  font-size: 13px;
  background: url(/img/common/freccetta.png) no-repeat center right;
}
/**/
.btn {
  float: left;
  display: block;
  width: auto;
  height: 20px;
  margin-top: 20px;
  text-decoration: none;
  background-color: #0d225a;
  padding: 0px 7px;
}
.btn span {
  margin-right: 15px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}
.btn img {
  padding-top: 6px;
}
.btn:hover {
  background-color: #3f507c;
}
/**/
#content #right-pane .title {
  overflow: hidden;
  width: 720px;
  min-height: 42px;
  background: #59925a; /*background:url(/img/common/bg_sfumatura_grey_42.jpg) repeat-x 0px 0px;*/
  padding: 0px 10px;
  -webkit-border-radius: 3px;
  border-radius: 42px;
}
#content #right-pane .title h1 {
  float: left;
  width: 720px;
  min-height: 42px;
  line-height: 42px;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
/**/
#right-pane #pag-wrp {
  width: 720px;
  padding: 10px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
}
#right-pane #pag-wrp #form_contact {
  margin-top: 40px;
}
#right-pane #pag-wrp ul {
  width: auto;
  margin-left: 20px;
  list-style: outside;
}
#right-pane #pag-wrp ul li {
  margin: 0px;
  padding: 0px;
}
/**/
.containerErrorForm {
  width: auto;
  border: 1px solid #ff5c26;
  padding: 10px;
  margin-top: 40px;
  color: #d90000;
}
.containerErrorForm ul {
  list-style: outside;
  margin-left: 20px;
}
.containerErrorForm ul li {
  margin: 0px;
  padding-top: 6px;
}
/**/
/**/
/*COLONNA SINISTRA*/
#left-pane #menu-category {
  width: 220px;
  min-height: 80px;
  height: auto !important;
  height: 80px;
}
#left-pane #menu-category #label-category {
  width: 200px;
  height: auto;
  padding: 5px 10px;
  background: #59925a; /*background:url(/img/common/bg_label_categorie.jpg) repeat-x 0px 0px;*/
  line-height: normal;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#left-pane #menu-category ul {
  list-style: none;
}
#left-pane #menu-category .menu {
  clear: both;
  width: 220px;
  height: auto;
}
#left-pane #menu-category .menu:first-child {
  margin-top: 1px;
}
#left-pane #menu-category .menu ul > li {
  width: 220px;
  height: auto;
  line-height: 26px;
  margin-bottom: 1px;
}
#left-pane #menu-category .menu ul > li .title-cat {
  font-weight: bold;
}
#left-pane #menu-category .menu ul > li > a {
  display: block;
  width: 220px;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  text-indent: 10px;
  color: #000000;
  background-color: #eeeeee;
}
#left-pane #menu-category .menu ul > li.selected > a {
  font-weight: 700;
  color: #459e46;
}
#left-pane #menu-category .menu ul > li:not(.selected) a:hover {
  background-color: #ddd;
}
#left-pane #menu-category .menu ul ul {
  padding-top: 6px;
  padding-bottom: 6px;
}
#left-pane #menu-category .menu ul ul > li > a {
  display: block;
  width: 205px;
  padding-left: 15px;
  height: auto;
  font-size: 12px;
  font-weight: normal;
  text-indent: 0;
  line-height: 18px;
  background-color: #fff;
}
#left-pane #menu-category .menu ul ul > li.selected > a {
  font-weight: 700;
  color: #459e46;
}
/**/
/**/
/*///////// HOME ////////////*/
#right-pane #teaser {
  position: relative;
  width: 740px;
  height: 300px;
  padding: 0px;
  margin: 0px auto;
  border: 1px solid #ccc;
}
#right-pane #teaser #teaser-slides {
  float: right;
  width: 740px;
  height: 300px;
  padding: 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/**/
#left-pane .box {
  display: block;
  width: 220px;
  min-height: 80px;
  height: auto !important;
  height: 80px;
  margin: 20px 0px;
  border: 1px solid #159b16;
}
#left-pane .box img {
  padding: 0px;
  margin: 0px;
}
/**/
/**/
/*///////// ESHOP ////////////*/
#right-pane #best-seller {
  width: 736px;
  height: 280px;
  border: 2px solid #da1a28;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 40px;
}
#right-pane #best-seller #title-seller {
  width: 716px;
  height: 42px;
  background: url(/img/common/bg_sfumatura_42.jpg) repeat-x 0px 0px;
  padding: 0px 10px;
  -webkit-border-radius: 1px 1px 0px 0px;
  border-radius: 1px 1px 0px 0px;
}
#right-pane #best-seller #title-seller h1 {
  float: left;
  width: 400px;
  height: 42px;
  line-height: 42px;
  text-indent: 5px;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  text-transform: uppercase;
}
#right-pane #best-seller #title-seller img {
  float: left;
  padding-top: 8px;
}
/**/
#right-pane #best-seller .best-item-wrp {
  margin: 0px;
}
#right-pane #best-seller .best-item-wrp .best-item {
  float: left;
  width: 184px;
  height: 188px;
  padding: 10px 0px 40px 0px;
}
#right-pane #best-seller .best-item-wrp .best-item:hover {
  background-color: #f2f2f2;
}
#right-pane #best-seller .best-item-wrp .best-item a {
  display: block;
  width: 172px;
  height: 228px;
}
#right-pane #best-seller .best-item-wrp .best-item a:first-child {
  margin-right: 0px;
  padding-left: 10px;
}
#right-pane #best-seller .best-item-wrp .best-item a:nth-child(4n + 0) {
  margin-right: 0px;
}
#right-pane #best-seller .best-item-wrp .best-item .img-wrp {
  position: relative;
  width: 162px;
  height: 121px;
  line-height: 118px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #da1a28;
  background-color: #fff;
}
#right-pane #best-seller .best-item-wrp .best-item .img-wrp img {
  max-width: 162px;
  max-height: 121px;
  line-height: 121px;
  vertical-align: middle;
  text-align: center;
}
#right-pane #best-seller .best-item-wrp .best-item .offerta {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
  background: url(/img/shop/ico_offerta.png) no-repeat;
}
#right-pane #best-seller .best-item-wrp .best-item .price-prod {
  width: 162px;
  height: 25px;
  margin-bottom: 5px;
  padding: 0px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #cccccc;
  border-bottom: 1px solid #da1a28;
}
#right-pane #best-seller .best-item-wrp .best-item .price-prod p {
  display: block;
  float: left;
  width: 81px;
  text-align: center;
  font-size: 14px;
  color: #ff5c26;
}
#right-pane #best-seller .best-item-wrp .best-item .price-prod span.barrato {
  display: block;
  float: left;
  width: 81px;
  text-align: center;
  font-size: 14px;
  text-decoration: line-through;
  color: #666666;
}
#right-pane #best-seller .best-item-wrp .best-item .price-prod .prezzo-unico {
  display: block;
  float: left;
  width: 162px;
  text-align: center;
}
#right-pane #best-seller .best-item-wrp .best-item .name-prod {
  width: 162px;
  height: auto;
  font-size: 12px;
  color: #333;
  line-height: 14px;
  text-align: center;
}

/* elenco */
#right-pane .item-wrp {
  width: auto;
  margin: 10px 0px 40px 0px;
}
#right-pane .item-wrp .item {
  float: left;
  width: 183px;
  height: 320px;
  padding: 10px 0px 0px 0px;
}
#right-pane .item-wrp .item:nth-child(4n + 1) .inner {
  border-left: 1px solid #eee;
  padding-left: 8px;
}
#right-pane .item-wrp .item:hover {
  background-color: #f2f2f2;
}
#right-pane .item-wrp .item .inner {
  position: relative;
  display: block;
  width: 174px;
  height: 300px;
  padding-bottom: 30px;
  padding-left: 8px;
  border-right: 1px solid #eeeeee;
}
#right-pane .item-wrp .item .inner .list_zoom {
  position: absolute;
  top: 85px;
  right: 16px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #ddd url(/img/common/ico_zoom.png) 50% 50% no-repeat;
  z-index: 2;
}
#right-pane .item-wrp .item .inner .list_zoom:hover {
  background-color: #59925a;
}
/*#right-pane .item-wrp .item a{display:block;width:174px;height:261px;border-right:1px solid #EEEEEE;}
#right-pane .item-wrp .item a:nth-child(4n+1){margin-right:0px;padding-left:9px;border-left:1px solid #EEEEEE;}
#right-pane .item-wrp .item a:nth-child(4n+0){margin-right:0px;}*/
#right-pane .item-wrp .item a {
  display: block;
}
#right-pane .item-wrp .item .img-wrp {
  position: relative;
  width: 162px;
  height: 121px;
  line-height: 118px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #cccccc;
  background-color: #fff;
}
#right-pane .item-wrp .item .img-wrp img {
  max-width: 162px;
  max-height: 121px;
  line-height: 121px;
  vertical-align: middle;
  text-align: center;
}
#right-pane .item-wrp .item .offerta {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
  background: url(/img/shop/ico_offerta.png) no-repeat;
}
#right-pane .item-wrp .item .price-prod {
  width: 162px;
  height: 25px;
  margin-bottom: 5px;
  padding: 0px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #cccccc;
  border-bottom: 1px solid #cccccc;
}
#right-pane .item-wrp .item .price-prod p {
  display: block;
  float: left;
  width: 81px;
  text-align: center;
  font-size: 14px;
  color: #ff5c26;
}
#right-pane .item-wrp .item .price-prod span.barrato {
  display: block;
  float: left;
  width: 81px;
  text-align: center;
  font-size: 14px;
  text-decoration: line-through;
  color: #666666;
}
#right-pane .item-wrp .item .price-prod .prezzo-unico {
  display: block;
  float: left;
  width: 162px;
  text-align: center;
}
#right-pane .item-wrp .item .name-prod {
  width: 162px;
  height: auto;
  padding-bottom: 20px;
  font-size: 12px;
  color: #333;
  line-height: 14px;
  text-align: center;
  word-wrap: break-word;
}

#right-pane .item-wrp .item .btn-elenco-prodotti {
  width: 162px;
}
#right-pane .item-wrp .item .btn-elenco-prodotti a.btn-shop {
  margin-left: 2px;
  display: inline-block;
  width: 162px;
  height: 25px;
  line-height: 25px;
  padding: 0px;
  border: 0px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  text-align: center;
  color: #fff;
  background-color: #459e46;
  cursor: pointer;
}
#right-pane .item-wrp .item .btn-elenco-prodotti .quantita input {
  display: inline-block;
  width: 68px;
  float: left;
  height: auto;
  padding: 6px 9px;
  margin-left: 4px;
  font-size: 13px;
}

#right-pane .item-wrp .item .btn-elenco-prodotti a.add_cart {
  float: right;
  width: 60px;
  height: 31px;
}
#right-pane .item-wrp .item .btn-elenco-prodotti a.add_cart i {
  display: inline-block;
  background: url(/img/common/ico_carrello.png) no-repeat center;
  padding: 6px 0;
  width: 22px;
  height: 20px;
}

/* paginazione */
#right-pane #pagination-wrp {
  clear: both;
  width: 700px;
  height: 35px;
  margin: 30px 0px;
  padding: 8px 20px;
  color: #777777;
  background-color: #eeeeee;
}
#right-pane #pagination-wrp #pagination {
  margin: 0px auto;
  text-align: center;
}
#right-pane #pagination-wrp #pagination a {
  margin-right: 5px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  line-height: 30px;
  color: #777777;
}
#right-pane #pagination-wrp #pagination a:hover {
  color: #ff5c26;
}
#right-pane #pagination-wrp #pagination a.selected {
  color: #ff5c26;
}

/* dettaglio */
#right-pane #pag-wrp.eshop {
  width: 740px;
  min-height: 460px;
  height: auto !important;
  background-color: #ffffff;
  padding: 20px 0px;
}
#right-pane #pag-wrp.eshop h2 {
  display: block;
  width: 740px;
  height: 20px;
  padding-bottom: 2px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 18px;
  color: #000;
  line-height: 18px;
  border-bottom: 2px solid #000;
}
#right-pane #pag-wrp.eshop .left-wrp {
  float: left;
  width: 380px;
  min-height: 380px;
}
#right-pane #pag-wrp.eshop .left-wrp .img-wrp {
  position: relative;
  width: 370px;
  height: 370px;
  border: 1px solid #eeeeee;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  line-height: 370px;
}
#right-pane #pag-wrp.eshop .left-wrp .img-wrp .img-prod {
  max-width: 370px;
  max-height: 370px;
  margin: 0px;
  padding: 0px;
  line-height: 370px;
}
#right-pane #pag-wrp.eshop .left-wrp .images-wrp {
  text-align: center;
  width: 370px;
  overflow: hidden;
  margin-top: 20px;
}
#right-pane #pag-wrp.eshop .left-wrp .images-wrp a {
  display: inline-block;
  cursor: pointer;
  margin: 3px;
  width: 110px;
  height: 110px;
  border: 1px solid #eee;
}
#right-pane #pag-wrp.eshop .left-wrp .images-wrp a img {
  max-width: 100%;
  max-height: 110px;
  display: block;
  margin: auto;
}

#right-pane #pag-wrp.eshop .left-wrp .offerta {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 35px;
  height: 35px;
  background: url(/img/shop/ico_offerta_big.png) no-repeat;
}
/*#right-pane #pag-wrp.eshop .left-wrp .img-wrp .zoom-prod{position:absolute;width:28px;height:28px;z-index:10;bottom:5px;right:5px;background:url(/img/shop/btn_zoom.png) no-repeat 0px 0px;}
#right-pane #pag-wrp.eshop .left-wrp .img-wrp .zoom-prod a{display:block;width:28px;height:28px;}
#right-pane #pag-wrp.eshop .left-wrp .img-wrp .zoom-prod span{visibility:hidden;}*/
#right-pane #pag-wrp.eshop .right-wrp {
  float: right;
  width: 355px;
  height: 380px;
}
#right-pane #pag-wrp.eshop .right-wrp .tit-prodotto {
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  color: #000000;
  padding-top: 10px;
  border-top: 1px solid #ceccd2;
}
#right-pane #pag-wrp.eshop .right-wrp .tit-prodotto span {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #72747b;
}
#right-pane #pag-wrp.eshop .right-wrp #options-wrp {
  width: 355px;
  min-height: 60px;
  height: auto !important;
  height: 60px;
}
#right-pane #pag-wrp.eshop .right-wrp #options-wrp .option {
  width: 355px;
  height: 20px;
  padding: 8px 0px;
  border-top: 1px solid #ceccd2;
  clear: both;
}
#right-pane #pag-wrp.eshop .right-wrp #options-wrp .option:first-child {
  border: 0px;
  padding-top: 0px;
}
#right-pane #pag-wrp.eshop .right-wrp #options-wrp .option h3 {
  float: left;
  font-size: 13px;
  line-height: 20px;
  margin-right: 10px;
  font-weight: 700;
  color: #000000;
}
#right-pane #pag-wrp.eshop .right-wrp #options-wrp .option p {
  float: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #72747b;
}
#right-pane #pag-wrp.eshop .right-wrp #options-wrp .option#availability p {
  float: left;
  display: block;
  width: auto;
  height: 20px;
  padding: 0px 10px;
  margin-left: 10px;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
}
#right-pane
  #pag-wrp.eshop
  .right-wrp
  #options-wrp
  .option#availability
  p.instock {
  background-color: #090;
}
#right-pane
  #pag-wrp.eshop
  .right-wrp
  #options-wrp
  .option#availability
  p.inesaurimento {
  background-color: #fc0;
}
#right-pane
  #pag-wrp.eshop
  .right-wrp
  #options-wrp
  .option#availability
  p.esaurito {
  background-color: #ff5c26;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp {
  clear: both;
  width: 355px;
  height: auto;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.quantitativi {
  width: 355px;
  height: auto;
  color: #333333;
  background-color: #fff;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 1px;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.quantitativi th {
  width: 60px;
  text-align: left;
  border: 1px solid #cccccc;
  padding: 5px;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.quantitativi th h3 {
  padding: 0px;
  margin: 0px;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.quantitativi td {
  width: 275px;
  border: 1px solid #cccccc;
  text-align: center;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.quantitativi td p {
  display: block;
  width: 25%;
  float: left;
  line-height: 10px;
}

#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.prezzo {
  width: 355px;
  height: auto;
  color: #333333;
  margin-top: 10px;
  table-layout: fixed;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.prezzo th {
  text-align: left;
  width: 100px;
  height: 60px;
  vertical-align: middle;
  background-color: #e5e5e5;
  border: 1px solid #fff;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.prezzo th p {
  vertical-align: center;
  font-size: 18px;
  text-indent: 10px;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.prezzo td {
  padding-left: 10px;
  background-color: #f2f2f2;
  border: 1px solid #fff;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.prezzo select {
  float: left;
  width: 100px;
  margin-top: 15px;
}
#right-pane
  #pag-wrp.eshop
  .right-wrp
  #choose-wrp
  table.prezzo
  #spanQuantitaCarrello {
  clear: both;
  font-size: 12px;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.prezzo #price {
  line-height: normal;
  padding-top: 8px;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.prezzo #price span {
  font-size: 16px;
  text-decoration: line-through;
}
#right-pane #pag-wrp.eshop .right-wrp #choose-wrp table.prezzo #price p strong {
  float: left;
  font-size: 22px;
  line-height: 50px;
  color: #ff5c26;
}
#right-pane
  #pag-wrp.eshop
  .right-wrp
  #choose-wrp
  table.prezzo
  #price
  span.iva_esc {
  float: left;
  font-size: 13px;
  padding-left: 8px;
  line-height: 50px;
  color: #ff5c26;
  text-decoration: none;
}
#right-pane
  #pag-wrp.eshop
  .right-wrp
  #choose-wrp
  table.prezzo
  #price
  .prezzo-unico {
  line-height: 50px;
}

#right-pane #pag-wrp.eshop .right-wrp .btn-avvisami {
  display: block;
  width: 355px;
  height: 30px;
  margin-top: 10px;
  padding: 0px;
  background: url(/img/common/bg_sfumatura_30.jpg) repeat-x 0px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#right-pane #pag-wrp.eshop .right-wrp .btn-avvisami span {
  display: block;
  font-size: 15px;
  line-height: 30px;
  text-indent: 10px;
  font-weight: 700;
  color: #fff;
}

#right-pane #pag-wrp.eshop .right-wrp .btn-aggiungi {
  display: block;
  width: 355px;
  height: 30px;
  margin-top: 10px;
  padding: 0px;
  background: #59925a;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#right-pane #pag-wrp.eshop .right-wrp .btn-aggiungi span {
  display: block;
  font-size: 15px;
  line-height: 30px;
  text-indent: 10px;
  font-weight: 700;
  color: #fff;
  background: url(/img/common/ico_carrello.png) no-repeat 320px center;
}
#right-pane #pag-wrp.eshop .right-wrp .btn-aggiungi:hover {
  background-position: 0px -30px;
}
/**/
#right-pane #pag-wrp.eshop .right-wrp .btn-shop {
  display: block;
  width: 355px;
  height: 30px;
  margin-top: 15px;
  padding: 0px;
  background: url(/img/common/bg_sfumatura_30.jpg) repeat-x 0px 0px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
#right-pane #pag-wrp.eshop .right-wrp .btn-shop p {
  display: block;
  font-size: 15px;
  line-height: 30px;
  font-weight: 700;
  color: #fff;
}
#right-pane #pag-wrp.eshop .right-wrp .btn-shop span {
  display: block;
  font-size: 15px;
  line-height: 30px;
  font-weight: 700;
  color: #fff;
}
#right-pane #pag-wrp.eshop .right-wrp .btn-shop:hover {
  background-position: 0px -30px;
}

#right-pane #pag-wrp.eshop #description-wrp {
  clear: both;
  width: 740px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
  padding-top: 15px;
  margin-top: 40px;
  border-top: 1px solid #eeeeee;
}
#right-pane #pag-wrp.eshop #description-wrp h3:first-child {
  padding: 0px;
}
#right-pane #pag-wrp.eshop #description-wrp h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #000000;
  border-bottom: 2px solid #000;
}
#right-pane #pag-wrp.eshop #description-wrp p {
  margin: 10px 0px;
  font-size: 16px;
  font-weight: 400;
  color: #72747b;
}

/*#right-pane #pag-wrp.eshop #availability-wrp{clear:both;width:740px;height:50px;padding-top:15px;margin-top:40px;border-top:1px solid #EEEEEE;}
#right-pane #pag-wrp.eshop #availability-wrp h3{float:left;font-size:14px;line-height:25px;font-weight:700;color:#000000;}
#right-pane #pag-wrp.eshop #availability-wrp p{float:left;display:block;width:auto;height:25px;padding:0px 10px;margin-left:10px;color:#FFF;font-size:14px;font-weight:700;line-height:25px;}
#right-pane #pag-wrp.eshop #availability-wrp p.instock{background-color:#090;}
#right-pane #pag-wrp.eshop #availability-wrp p.inesaurimento{background-color:#FC0;}
#right-pane #pag-wrp.eshop #availability-wrp p.esaurito{background-color:#FF5C26;}*/
#right-pane #pag-wrp.eshop #related-prod {
  width: 740px;
  margin-top: 60px;
}
#right-pane #pag-wrp.eshop .btn-indietro {
  float: right;
  width: 130px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #cccccc;
  background-color: #147ed0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#right-pane #pag-wrp.eshop .btn-indietro a {
  display: block;
  width: 109px;
  height: 28px;
  margin-top: 4px;
  padding-left: 40px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  background: url(/img/shop/ico_back.png) no-repeat 5px 0px;
}
#right-pane #pag-wrp.eshop .btn-indietro:hover {
  background-color: #68abe1;
}

/*///////// PAGINE SERVIZIO - CHISIAMO ////////////*/
#right-pane #pag-wrp.chisiamo p {
  padding-bottom: 20px;
}
#right-pane #pag-wrp.chisiamo a {
  color: #444;
  text-decoration: underline;
}

/*///////// PAGINE SERVIZIO - CONTATTI ////////////*/
#right-pane #pag-wrp.contatti .input-wrp {
  width: 440px;
  height: auto;
}
#right-pane #pag-wrp.contatti .input-wrp .fl {
  float: left;
}
#right-pane #pag-wrp.contatti .input-wrp .fr {
  float: right;
}
#right-pane #pag-wrp.contatti .input-wrp input {
  width: 200px;
  margin-bottom: 10px;
  font-size: 13px;
}
#right-pane #pag-wrp.contatti textarea {
  width: 435px;
  height: 120px;
  margin-bottom: 10px;
  font-size: 13px;
}
#right-pane #pag-wrp.contatti label {
  font-size: 12px;
}
#right-pane #pag-wrp.contatti #btn-contatti {
  width: 170px;
  height: 25px;
  line-height: 25px;
  margin-top: 30px;
  padding: 0px;
  border: 0px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  color: #fff;
  background-color: #333333;
  cursor: pointer;
}
#right-pane #pag-wrp.contatti #btn-contatti:hover {
  background-color: #666666;
}
#right-pane #pag-wrp.contatti .containerErrorForm {
  float: left;
  width: 420px;
  height: auto;
  list-style: inside;
  margin: 20px 0px;
  padding: 10px;
  border: 1px solid #ff5c26;
  color: #d90000;
  clear: both;
}
#right-pane #pag-wrp.contatti .errors-form {
  float: left;
  width: 450px;
  height: auto;
  list-style: inside;
  margin: 20px 0px;
  padding: 10px;
  border: 1px solid #d90000;
  color: #d90000;
  clear: both;
}
#right-pane #pag-wrp.contatti .errors-form ul {
  list-style: inside;
}
#right-pane #pag-wrp.contatti .errors-form ul li {
  padding-left: 10px;
  line-height: 20px;
}
#right-pane #pag-wrp.contatti .btn-indietro {
  float: left;
  width: 170px;
  height: 25px;
  line-height: 24px;
  background-color: #333;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#right-pane #pag-wrp.contatti .btn-indietro a {
  display: block;
  width: 170px;
  height: 25px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}
#right-pane #pag-wrp.contatti .btn-indietro:hover {
  background-color: #666666;
}

/*///////// PAGINE SERVIZIO - 404 ////////////*/
#right-pane #pag-wrp.nopage h1 {
  text-align: center;
  margin-top: 40px;
}
#right-pane #pag-wrp.nopage p {
  padding: 0px 0px 20px 0px;
}
#right-pane #pag-wrp.nopage .btn-indietro {
  margin: 0px auto;
  width: 180px;
  height: 32px;
  margin-top: 80px;
  line-height: 32px;
  border: 1px solid #c7e9f1;
  background-color: #333;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#right-pane #pag-wrp.nopage .btn-indietro a {
  display: block;
  width: 180px;
  height: 28px;
  margin-top: 4px;
  text-align: center;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
#right-pane #pag-wrp.nopage .btn-indietro:hover {
  background-color: #666666;
}

/* FOOTER */
#footer {
  width: 940px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
  margin: 0px auto;
  background-color: #eeeeee;
  padding: 16px 20px 16px 20px;
}
#footer strong {
  color: #000;
  font-size: 13px;
}
#footer a {
  text-decoration: none;
  color: #333333;
}
#footer a:hover {
  text-decoration: underline;
}
#footer #col-1 {
  float: left;
  width: 150px;
  height: 95px;
}
#footer #col-2 {
  float: left;
  width: 215px;
  height: 95px;
}
#footer #col-3 {
  float: left;
  width: 215px;
  height: 95px;
}
#footer #col-4 {
  width: 300px;
  float: right;
  height: 95px;
  text-align: right;
}
#footer #col-4 img {
  text-align: right;
}
#footer #col-1 a,
#footer #col-2 a,
#footer #col-3 a,
#footer #col-4 a {
  display: block;
}
#footer #col-1 strong,
#footer #col-2 astrong,
#footer #col-3 strong,
#footer #col-4 strong {
  display: block;
}
#footer #copyright {
  width: 940px;
  font-family: "Arial", Helvetica, sans-serif;
}
#footer #copyright p#address {
  float: left;
  color: #666666;
  font-size: 11px;
}
#footer #copyright p#legals {
  float: right;
  color: #666666;
  padding-top: 18px;
  font-size: 11px;
}
#footer #copyright a {
  color: #666666;
}
#footer #copyright a:hover {
  color: #333333;
}

/* OVERLAY */
#overlay-bkg-hp {
  position: fixed;
  z-index: 400;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: url(/img/overlayer/bg_overlay.png) repeat;
  cursor: pointer;
}
#overlay-wrapper-hp {
  position: fixed;
  width: auto;
  height: auto;
  padding: 20px;
  color: #7f7f7f;
  background-color: #fff;
  z-index: 500;
  font-size: 20px;
  text-align: center;
}
#overlay-wrapper-hp img {
  max-width: 900px;
  max-height: 600px;
}
a.overlayclose {
  position: absolute;
  top: -13px;
  right: -13px;
  width: 26px;
  height: 26px;
  background: transparent url(/img/overlayer/cancel.png) no-repeat top right;
  cursor: pointer;
  z-index: 500;
}

.compensate-for-scrollbar {
  margin-right: 0 !important;
}

#left-pane #menu-category .menu ul > li > a.bg-logo {
  width: auto;
  height: 30px;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
}

#left-pane
  #menu-category
  .macro_cat-ricambi-cellphone-parts
  .menu
  ul
  > li
  > a.bg-logo {
  padding-left: 50px;
}

/* menu toggle */
.menuToggle {
  width: 36px;
  height: 24px;
  position: absolute;
  top: 80px;
  right: 10px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  display: none;
  z-index: 10;
}

.menuToggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #222;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.menuToggle span:nth-child(1) {
  top: 0px;
}

.menuToggle span:nth-child(2),
.menuToggle span:nth-child(3) {
  top: 8px;
}

.menuToggle span:nth-child(4) {
  top: 16px;
}

.menuToggle.open span:nth-child(1) {
  top: 16px;
  width: 0%;
  left: 50%;
}

.menuToggle.open span:nth-child(2) {
  transform: rotate(45deg);
}

.menuToggle.open span:nth-child(3) {
  transform: rotate(-45deg);
}

.menuToggle.open span:nth-child(4) {
  top: 16px;
  width: 0%;
  left: 50%;
}

.extra_nav {
  margin: 15px;
}
.extra_nav ul {
  list-style-type: none;
}
.extra_nav a {
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-indent: 10px;
  color: #000000;
  background-color: #eeeeee;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #fff;
}

.menu_mobile {
  display: none;
  float: none;
  position: absolute;
  top: 140px;
  left: 0;
  background: #fff;
  width: 100%;
  z-index: 9;
  box-shadow: 0 0 10px #111;
}
.menu_mobile #menu-category {
  margin: 15px;
}
.menu_mobile #menu-category #label-category {
  height: auto;
  padding: 5px 10px;
  background: #59925a;
  line-height: normal;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.menu_mobile #menu-category ul {
  list-style: none;
}
.menu_mobile #menu-category .menu {
  clear: both;
  height: auto;
}
.menu_mobile #menu-category .menu:first-child {
  margin-top: 1px;
}
.menu_mobile #menu-category .menu ul > li {
  height: auto;
  line-height: 26px;
  margin-bottom: 1px;
}
.menu_mobile #menu-category .menu ul > li .title-cat {
  font-weight: bold;
}
.menu_mobile #menu-category .menu ul > li > a {
  display: block;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  text-indent: 10px;
  color: #000000;
  background-color: #eeeeee;
  background-image: none !important;
}
.menu_mobile #menu-category .menu ul > li.selected > a {
  font-weight: 700;
  color: #459e46;
}
.menu_mobile #menu-category .menu ul > li:not(.selected) a:hover {
  background-color: #ddd;
}
.menu_mobile #menu-category .menu ul ul {
  padding-top: 6px;
  padding-bottom: 6px;
}
.menu_mobile #menu-category .menu ul ul > li > a {
  display: block;
  padding-left: 15px;
  height: auto;
  font-size: 12px;
  font-weight: normal;
  text-indent: 0;
  line-height: 18px;
  background-color: #fff;
}
.menu_mobile #menu-category .menu ul ul > li.selected > a {
  font-weight: 700;
  color: #459e46;
}

/* .btn-shop, #add-cart {display: none !important;} */

/*** New Style 2023 ***/

#right-pane #best-seller #title-seller,
#right-pane #best-seller {
  width: auto;
}

#right-pane #best-seller {
  height: auto;
}

#right-pane #best-seller:after {
  content: "";
  clear: both;
  display: block;
}

#right-pane #best-seller .best-item-wrp .best-item {
  width: 50%;
}

#right-pane #best-seller .best-item-wrp .best-item .price-prod,
#right-pane #best-seller .best-item-wrp .best-item .name-prod,
#right-pane #best-seller .best-item-wrp .best-item a,
#right-pane #best-seller .best-item-wrp .best-item .img-wrp img,
#right-pane #best-seller .best-item-wrp .best-item .img-wrp {
  width: auto;
}

#content #right-pane .title h1 {
  width: 100% !important;
}

#left-pane #menu-category {
  height: auto;
  min-height: 1px;
}

#left-pane #menu-category .menu ul ul {
  padding-bottom: 0;
  padding-top: 0;
}

#left-pane #menu-category .menu > ul > li > div {
  align-items: center;
  background-color: #eeeeee;
  display: flex;
  gap: 0.25rem;
}

#left-pane #menu-category .menu > ul > li > div > a.bg-logo {
  height: 30px;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  width: 75px;
}

#left-pane #menu-category .menu > ul > li > div > a.full-link {
  color: #444;
  font-size: 12px;
  padding: 8px 10px;
  width: 100%;
}

#left-pane #menu-category .menu > ul > li > div .title-cat {
  text-transform: uppercase;
}

#left-pane #menu-category .menu > ul > li > div > a.full-link .title-cat,
#left-pane #menu-category .menu > ul > li > div > a.bg-logo .title-cat {
  padding: 0;
  width: auto;
}
#left-pane #menu-category .menu > ul > li > div > a.bg-logo .title-cat {
  padding-left: 58px;
}

.menu_mobile #menu-category .menu ul > li a {
  color: #444;
}

.menu_mobile #menu-category .menu ul > li .title-cat {
  background-color: #eee;
}

/*** Collapsible ***/
#left-pane #menu-category {
  margin-bottom: 0.25rem;
}

#left-pane #menu-category #label-category {
  font-size: 12px;
  padding: 8px 10px;
}

.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  /*width: calc(100% - 30px);*/
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 12px;
  padding: 8px;
}

.title-cat:not(.collapsible) {
  padding: 8px;
}

.collapsible.active,
.collapsible:hover {
  background-color: #ccc;
}

.content {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.collapsible:after {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAACACAYAAAAF1zc3AAAAAXNSR0IArs4c6QAAAyRJREFUeF7t3UFuGzEQRFH6Zs7JYp8sycli0MAAVkSN0+WFf3P+bLxhAzX11JBW9NPwadvAU9vkBh/iNf4QiCde4wYaR3fzxGvcQOPobp54jRtoHN3NE69xA42ju3ni4Rp4HmP8HGPMv/N5HWO84FJ+MdCOmzfBfi16+T3G+PHFvlDjO+LNDZtbt3q22sAd8f6erMdW23c1vOm6zTtv8yIftu1s88RDfWvfhxEPDnQWTzzx+A34ncc3ephQPPFQDfidh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU5fHu+4r3KqHHdWooQuFmZ5W+Gjqzw++/RerDvE697dWLjCO7uvEvEWFw4xL3udiO/PCs+t4346brZPPC7UKtnNd98Kb97P7I8UJuqneI8u2Ga+znVS/dcPlqMOf7gwPhgT7c/qXwt46x8DKEohXlQbY0g8hkOUQryoNsaQeAyHKIV4UW2MIfEYDlEK8aLaGEPiMRyiFOJFtTGGxGM4RCnEi2pjDInHcIhSiBfVxhgSj+EQpRAvqo0xJB7DIUohXlQbY0g8hkOUQryoNsaQeAyHKIV4UW2MIfEYDlEK8aLaGEPiMRyiFOJFtTGGxGM4RCnEi2pjDInHcIhSiBfVxhgSj+EQpRAvqo0xJB7DIUohXlQbY0g8hkOUQryoNsaQeAyHKIV4UW2MIfEYDlEK8aLaGEPiMRyiFOJFtTGGxGM4RCnEi2pjDF0N7+7mPAZDlmJHvLP7QpcXbWfVff/Ujnhn94Vu9b5bvcw/u3DcF3pcqD0v197q2RlvK6jVy4jXmFg88Ro30Di6myde4wYaR3fzxGvcQOPobp54jRtoHN3NE69xA42jvwH063iBhd3ANgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
  height: 15px;
  width: 15px;
}

.collapsible.active-once.active:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAAXNSR0IArs4c6QAAAEhJREFUOE9jZCATMOLS9///fwdGRsYDuOTxaWwAaWJkZATT6GBEaASFHgMDAwijA3uowEGMgGFkbGAkWyOeeByNDqonckK5DQA2oDoRBijRZQAAAABJRU5ErkJggg==");
}

.collapsible.active:not(.active-once):after {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAACACAYAAAAF1zc3AAAAAXNSR0IArs4c6QAAAiRJREFUeF7t2E1OAkEYBuGPm+nJ1JOpJ9O0kQTM+Leyyzy9ImymqJo3DJzGyRo4ZcmBj3jhm0A88cIGwuiWJ17YQBjd8sQLGwijW554YQNhdMsTL2wgjG554oUNhNEtT7ywgTC65YkXNhBGtzzxwgbC6JYnXthAGN3yxAsbCKNbnnhhA2F0yxMvbCCMbnnihQ2E0S1PvLCBMLrliRc2EEa3PPHCBsLolide2EAY3fLECxsIo1ueeGEDYXTLEy9sIIxueeKFDYTRLU+8sIEwuuWJFzYQRrc88cIGwuiWJ17YQBjd8sQLGwijW554YQNhdMv7h/FuZubu/XOt187fGniYmfuPCJ8t7+VvWV39wMDTzNxevn8UbxU+r47FvQyseCvi2zmKZ3V7BbukuVqfePuGOiK7+u47ivc4Mx5S9oz6bbwVbgV09jLwoweWM7IHlz3irWjPv/mpsAc2ii8N+IclfIOIJ17YQBjd8sQLGwijW554YQNhdMsTL2wgjG554oUNhNEtT7ywgTC65YkXNhBGtzzxwgbC6JYnXthAGN3yxAsbCKNbnnhhA2F0yxMvbCCMbnnihQ2E0S1PvLCBMLrliRc2EEa3PPHCBsLolide2EAY3fLECxsIo1ueeGEDYXTLEy9sIIxueeKFDYTRLU+8sIEwuuWJFzYQRrc88cIGwuiWJ17YQBjd8sQLGwijW554YQNhdMsTL2wgjG554oUNhNFfAWvHEYGx4gRXAAAAAElFTkSuQmCC");
}

.collapsible.active-once:not(.active):after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAAXNSR0IArs4c6QAAADNJREFUOE9jZCATMJKpj2FUI56QY/z//78DAwMDCBMNGBkZG8jXSLQ1aApH4xFfPJIbqgD7cggRWhO1tQAAAABJRU5ErkJggg==");
}

/** Left sidebar **/

#left-pane #menu-category .menu,
#left-pane #menu-category .menu ul > li,
#left-pane #menu-category,
#content #left-pane {
  width: 258px;
}

#content-wrp #left-pane #cerca-categorie input#cat_search {
  max-width: 100%;
}

#left-pane #menu-category #label-category {
  width: 240px;
}

.menu_mobile #menu-category .menu ul > li {
  line-height: 1;
}

.menu_mobile #menu-category .menu ul > li .title-cat {
  display: block;
  width: auto;
}

.menu_mobile #menu-category .menu ul ul {
  padding: 0;
}

#gtx-trans {
  display: none;
}

#left-pane #menu-category .menu > ul > li > div .title-cat {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#right-pane .item-wrp .item,
#right-pane #best-seller .best-item-wrp .best-item {
  height: auto;
}

#right-pane #best-seller .best-item-wrp .best-item {
  padding: 10px 0 10px 0;
}

#right-pane #best-seller .best-item-wrp .best-item a:first-child {
  padding: 10px;
}

#right-pane #pagination-wrp #pagination {
  overflow-x: auto;
}

#right-pane .item-wrp .item .img-wrp img.offerta {
  width: auto;
}

.nivoSlider img {
  height: auto !important;
}

@media (max-width: 576px) {
  #content #right-pane .item-wrp .item {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #content #right-pane .title h1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  #right-pane .item-wrp .item .name-prod {
    font-size: 11px;
  }

  #right-pane #best-seller #title-seller h1,
  #label-category.collapsible {
    width: auto;
  }
}

@media (max-width: 991px) {
  #content #right-pane .item-wrp .item .btn-elenco-prodotti a.btn-shop {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 1099px) {
  #left-pane #menu-category .menu,
  #left-pane #menu-category .menu ul > li,
  #left-pane #menu-category,
  #content-wrp #content #left-pane {
    width: 358px;
  }

  #left-pane #menu-category #label-category {
    width: 340px;
  }

  #left-pane #menu-category .menu ul ul > li > a {
    width: 100%;
  }

  #content-wrp #content #right-pane {
    width: calc(100% - 378px);
  }
}

@media (min-width: 768px) {
  #right-pane #best-seller .best-item-wrp .best-item {
    width: 33%;
  }

  /*#label-category.collapsible.active-once.active:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAAXNSR0IArs4c6QAAADNJREFUOE9jZCATMJKpj2FUI56QY/z//78DAwMDCBMNGBkZG8jXSLQ1aApH4xFfPJIbqgD7cggRWhO1tQAAAABJRU5ErkJggg==");
  }*/
}

@media (min-width: 992px) {
  #right-pane #pag-wrp.eshop h2,
  #right-pane #pag-wrp.eshop #related-prod,
  #right-pane #pag-wrp.eshop #description-wrp,
  #right-pane #pag-wrp.eshop,
  #right-pane #teaser #teaser-slides,
  #right-pane #teaser,
  #footer #copyright,
  #footer,
  #content,
  #header-wrp #cerca-wrp,
  #header-wrp #header,
  #content #right-pane .title-hp,
  #content #right-pane .title,
  #right-pane #pag-wrp,
  #right-pane #pagination-wrp,
  #right-pane #best-seller,
  #right-pane #best-seller #title-seller,
  #container {
    width: auto;
  }

  #right-pane #best-seller .best-item-wrp .best-item {
    padding-bottom: 0;
  }

  #right-pane #teaser #teaser-slides,
  #right-pane #teaser {
    height: auto;
    width: 100%;
  }

  #right-pane .item-wrp .item .inner,
  #right-pane .item-wrp .item .img-wrp img,
  #right-pane .item-wrp .item .img-wrp {
    object-fit: contain;
    width: calc(100% - 8px);
  }

  #left-pane #menu-category .menu,
  #left-pane #menu-category .menu ul > li,
  #left-pane #menu-category,
  #content-wrp #content #left-pane {
    width: 358px;
  }

  #left-pane #menu-category .menu ul ul > li > a {
    width: 100%;
  }

  #left-pane #menu-category #label-category {
    width: 340px;
  }

  #content-wrp #content #right-pane {
    width: calc(100% - 378px);
  }

  #right-pane #pag-wrp.eshop .right-wrp {
    float: left;
    margin-left: 2rem;
  }

  #right-pane .item-wrp .item .price-prod {
    width: auto;
  }

  #right-pane .item-wrp .item .price-prod .prezzo-unico {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  #right-pane #best-seller .best-item-wrp .best-item,
  #right-pane .item-wrp .item {
    height: auto;
    width: 20%;
  }
}

@media (min-width: 1400px) {
  #content,
  #header-wrp #cerca-wrp,
  #header-wrp #header,
  #container {
    width: 1380px;
  }

  #content #right-pane {
    width: 1095px;
  }

  #right-pane #teaser #teaser-slides,
  #right-pane #teaser {
    height: auto;
    width: 100%;
  }

  #footer #copyright,
  #footer {
    width: 1300px;
  }
}

/* Stili generali per il contenitore */
.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Stili per l'icona */
.tooltip-container .info-icon {
  font-size: 16px;
  color: #000000;
}

/* Stili per il tooltip */
.tooltip-container .tooltip {
  visibility: hidden;
  width: 500px;
  background-color: #333;
  color: #fff;
  text-align: left;
  border-radius: 5px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Posiziona il tooltip sopra l'elemento */
  left: 50%;
  margin-left: -60px; /* Centra il tooltip */
  opacity: 0;
  transition: opacity 0.3s;
  padding: 5px 5px 5px 5px;
}

/* Mostra il tooltip quando l'elemento è in hover */
.tooltip-container:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

/* Stili per la freccia del tooltip */
.tooltip-container .tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

/**** Modifiche Luglio 2024 ****/

.top-bar {
  align-items: center;
  background-color: #dfb8ac;
  display: flex;
  justify-content: center;
  padding: 0.25rem;
  overflow: hidden;
  white-space: nowrap;
}

.top-bar p {
  color: #000;
  font-weight: 800;
  margin-bottom: 0;
  text-transform: uppercase;

  display: inline-block;
  padding-left: 100%;
  animation: marquee 25s linear infinite;
}

.top-bar:hover p {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.it-ri-modal {
  display: none; /* Nascondi la modale di default */
  position: fixed; /* Fissa la posizione */
  z-index: 99; /* Z-index alto per sovrapporsi a tutti gli altri contenuti */
  left: 0;
  top: 0;
  width: 100%; /* Larghezza completa */
  height: 100%; /* Altezza completa */
  overflow: auto; /* Abilita lo scorrimento se il contenuto è troppo lungo */
  background-color: rgb(0, 0, 0); /* Colore di sfondo scuro */
  background-color: rgba(0, 0, 0, 0.4); /* Colore di sfondo con opacità */
}

.it-ri-modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* Margine per centrare la modale */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Larghezza della modale */
  max-width: 1200px;
}

.it-ri-modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.it-ri-modal .close:hover,
.it-ri-modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.it-ri-modal .headings {
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .it-ri-modal .swiper-banner {
    padding: 0 3rem;
  }
}

.it-ri-modal .swiper-slide .warehouse_list {
  width: auto;
}

.it-ri-modal .swiper-slide .item {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding: 5px;
}

#footer .it-ri-modal .swiper-slide .btn-elenco-prodotti {
  text-align: center;
}

#footer .it-ri-modal .swiper-slide a:has(.img-wrp) {
  display: block;
  margin-bottom: 2rem;
}

#footer .it-ri-modal .swiper-slide a.btn-shop {
  width: 95%;
  margin-left: 2px;
  display: inline-block;
  line-height: 25px;
  padding: 0px;
  border: 0px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  text-align: center;
  background-color: #459e46;
  cursor: pointer;
}

#shop-wrp.carrello section #cart-wrp,
#shop-wrp #left-wrp:has(#form_onepage_checkout) {
  width: 100%;
}

@media (min-width: 1100px) {
  #shop-wrp.carrello section #cart-wrp,
  #shop-wrp #left-wrp:has(#form_onepage_checkout) {
    float: left;
    width: 70%;
  }
}

#shop-wrp.carrello section #cart-wrp,
#shop-wrp.dati #left-wrp:has(#form_onepage_checkout) .panel-wrp {
  max-width: 100%;
}

.sticky-aside {
  display: none;
}

.floating-bar__subtitle {
  font-weight: 800;
  margin: 10px 0 5px;
}

@media (min-width: 1100px) {
  .sticky-aside {
    display: block;
    float: right;
    position: sticky;
    top: 3rem;
    width: 25%;
    margin: 15px auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
  }

  .sticky-aside.margin-bigger {
    margin: 30px auto;
  }
}

#overlay-wishlist {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  left: 1rem;
  position: fixed;
  top: 1rem;
}

#overlay-wishlist .btn {
  width: 95%;
  margin-left: 2px;
  display: inline-block;
  height: auto;
  padding: 5px;
  border: 0px;
  text-align: center;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #459e46;
  cursor: pointer;
}

.floating-bar__row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.nivo-controlNav {
  z-index: 98 !important;
}

#content #right-pane .title.prod-title h1 {
  width: auto !important;
}

.prod-title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#footer .it-ri-modal .swiper-slide a.btn-shop {
  width: 100%;
  height: 31px;
  margin-top: 10px;
}

#footer .it-ri-modal .swiper-slide a.btn-shop i {
  display: inline-block;
  background: url(/img/common/ico_carrello.png) no-repeat center;
  padding: 6px 0;
  width: 22px;
  height: 20px;
}

/* .form-container {
                width: 100%;
                max-width: 800px;
                margin: 0 auto;
                } */
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.form-group {
  flex: 1 0 50%;
  padding: 0 10px;
  box-sizing: border-box;
}

.form-group.half-width {
  flex: 0 0 25%;
}

.form-group label {
  display: block;
  margin-bottom: 5px;
}

.form-group input {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}

#legenda {
  margin-top: 20px;
}

#breadcrums {
  font-size: 13px;
  line-height: 42px;
  text-indent: 10px;
}

#breadcrums a {
  color: #333;
  transition: color 0.35 ease;
}

#breadcrums a:hover {
  color: #59925a;
}

#cerca-wrp {
  position: relative;
}

#header-wrp #cerca-wrp.menu-open {
  border-radius: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.box-menu {
  float: left;
}

@media (max-width: 768px) {
  .box-menu {
    display: none;
  }
}

.box-menu > ul {
  display: flex;
  gap: 1rem;
  line-height: 42px;
  padding-left: 1rem;
}

.box-menu ul {
  list-style: none;
}

.box-menu a {
  color: #000;
}

.box-menu > ul > li > a {
  color: #fff;
}

.box-menu > ul > li > a.active,
.box-menu > ul > li > a:hover {
  color: #153f16;
}

.box-menu .submenu {
  background-color: #fff;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  column-width: 14em;
  column-gap: 3em;
  display: none;
  left: 0;
  max-height: 40vh;
  overflow: auto;
  padding: 0.75rem 1rem;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 99;
}

.box-menu .submenu > li {
  display: inline-block;
  zoom: 1;
  width: 100%;
}

.box-menu .submenu > li > a {
  font-weight: 800;
}

.has-submenu > a .arrow {
  margin-bottom: 3px;
  margin-left: 4px;
}

.arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;

  transition: transform 0.35s ease-in-out;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.menu-open .down {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/*** third level menu ***/

#menu-category .submenu li.has-third-level {
  padding-left: 15px;
  padding-right: 8px;
  width: auto !important;
}

#menu-category .submenu li.has-third-level > .title-sub {
  align-items: center;
  display: flex;
  justify-content: space-between;

  background-color: #eeeeee;
  color: #000;
}

#menu-category .submenu li.has-third-level.active > .title-sub,
#menu-category .submenu li.has-third-level > .title-sub:hover {
  background-color: #ccc;
}

#menu-category .submenu li.has-third-level > .title-sub {
  padding: 0.25rem;
}

/*
#menu-category .submenu li.has-third-level.active > .title-sub {
  color: #4d6c4e;
}
*/

#menu-category .submenu li.has-third-level > .title-sub:after {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAACACAYAAAAF1zc3AAAAAXNSR0IArs4c6QAAAyRJREFUeF7t3UFuGzEQRFH6Zs7JYp8sycli0MAAVkSN0+WFf3P+bLxhAzX11JBW9NPwadvAU9vkBh/iNf4QiCde4wYaR3fzxGvcQOPobp54jRtoHN3NE69xA42ju3ni4Rp4HmP8HGPMv/N5HWO84FJ+MdCOmzfBfi16+T3G+PHFvlDjO+LNDZtbt3q22sAd8f6erMdW23c1vOm6zTtv8yIftu1s88RDfWvfhxEPDnQWTzzx+A34ncc3ephQPPFQDfidh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU6Lh+KohRGv1hfqtHgojloY8Wp9oU5fHu+4r3KqHHdWooQuFmZ5W+Gjqzw++/RerDvE697dWLjCO7uvEvEWFw4xL3udiO/PCs+t4346brZPPC7UKtnNd98Kb97P7I8UJuqneI8u2Ga+znVS/dcPlqMOf7gwPhgT7c/qXwt46x8DKEohXlQbY0g8hkOUQryoNsaQeAyHKIV4UW2MIfEYDlEK8aLaGEPiMRyiFOJFtTGGxGM4RCnEi2pjDInHcIhSiBfVxhgSj+EQpRAvqo0xJB7DIUohXlQbY0g8hkOUQryoNsaQeAyHKIV4UW2MIfEYDlEK8aLaGEPiMRyiFOJFtTGGxGM4RCnEi2pjDInHcIhSiBfVxhgSj+EQpRAvqo0xJB7DIUohXlQbY0g8hkOUQryoNsaQeAyHKIV4UW2MIfEYDlEK8aLaGEPiMRyiFOJFtTGGxGM4RCnEi2pjDF0N7+7mPAZDlmJHvLP7QpcXbWfVff/Ujnhn94Vu9b5bvcw/u3DcF3pcqD0v197q2RlvK6jVy4jXmFg88Ro30Di6myde4wYaR3fzxGvcQOPobp54jRtoHN3NE69xA42jvwH063iBhd3ANgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  font-size: 13px;
  color: white;
  margin-left: 5px;
  height: 15px;
  width: 15px;
}

#menu-category .submenu li.has-third-level.active > .title-sub:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAACACAYAAAAF1zc3AAAAAXNSR0IArs4c6QAAAiRJREFUeF7t2E1OAkEYBuGPm+nJ1JOpJ9O0kQTM+Leyyzy9ImymqJo3DJzGyRo4ZcmBj3jhm0A88cIGwuiWJ17YQBjd8sQLGwijW554YQNhdMsTL2wgjG554oUNhNEtT7ywgTC65YkXNhBGtzzxwgbC6JYnXthAGN3yxAsbCKNbnnhhA2F0yxMvbCCMbnnihQ2E0S1PvLCBMLrliRc2EEa3PPHCBsLolide2EAY3fLECxsIo1ueeGEDYXTLEy9sIIxueeKFDYTRLU+8sIEwuuWJFzYQRrc88cIGwuiWJ17YQBjd8sQLGwijW554YQNhdMv7h/FuZubu/XOt187fGniYmfuPCJ8t7+VvWV39wMDTzNxevn8UbxU+r47FvQyseCvi2zmKZ3V7BbukuVqfePuGOiK7+u47ivc4Mx5S9oz6bbwVbgV09jLwoweWM7IHlz3irWjPv/mpsAc2ii8N+IclfIOIJ17YQBjd8sQLGwijW554YQNhdMsTL2wgjG554oUNhNEtT7ywgTC65YkXNhBGtzzxwgbC6JYnXthAGN3yxAsbCKNbnnhhA2F0yxMvbCCMbnnihQ2E0S1PvLCBMLrliRc2EEa3PPHCBsLolide2EAY3fLECxsIo1ueeGEDYXTLEy9sIIxueeKFDYTRLU+8sIEwuuWJFzYQRrc88cIGwuiWJ17YQBjd8sQLGwijW554YQNhdMsTL2wgjG554oUNhNFfAWvHEYGx4gRXAAAAAElFTkSuQmCC");
}

/*** Checkout - Shipping List ***/

.shipping-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  margin-top: 1rem;

  @media (min-width: 768px) {
    grid-template-columns: 1fr 1fr;
  }
}

.shipping-list__item {
  background-color: #eee;
  border-radius: 4px;

  transition: all 0.35s ease-in-out;
}

.shipping-list__item:hover,
.shipping-list__item:has(input[type="radio"]:checked) {
  background-color: #999;
}

.shipping-list__item:has(input[type="radio"]:checked) label span {
  color: #fff;
}

.shipping-list__item:hover label {
  cursor: pointer;
}

.shipping-list label {
  align-items: center;
  display: flex;
}

.shipping-list label img {
  max-width: 75px;
}

.shipping-list label [type="radio"] {
  display: none;
}

#right-pane .item-wrp .item .btn-elenco-prodotti a.btn-shop {
  float: right;
}

/*** Whatsapp Floating ***/
.whatsapp-floating {
  background-color: #25d366;
  border-radius: 50%;
  padding: .5rem;
  bottom: 1rem;
  position: fixed;
  right: 1rem;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* Pulse animato dal retro dell'elemento */
.whatsapp-floating::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #25d366;
  z-index: -1;
  animation: whatsapp-pulse 1.8s ease-out infinite;
  transform-origin: center;
}

@keyframes whatsapp-pulse {
  0% {
    transform: scale(1);
    opacity: .6;
  }
  70% {
    transform: scale(1.55);
    opacity: 0;
  }
  100% {
    transform: scale(1.55);
    opacity: 0;
  }
}

@media (min-width: 768px) {
  .whatsapp-floating {
    width: 50px;
    height: 50px;
  }
}

.whatsapp-floating img {
  width: 90%;
  height: 90%;
  object-fit: contain;
  object-position: center;
}