/* Colori progetto */
/* MEDIA QUERY */
.top-catalogo-list {
  position: relative;
  padding-top: 175px; }
  .top-catalogo-list h1 {
    color: white; }
  .top-catalogo-list:before {
    content: "";
    position: absolute;
    top: 0;
    /*left: -4.8rem;*/
    left: var(--large-lateral-negative-padding);
    bottom: 0;
    right: var(--large-lateral-negative-padding);
    z-index: -1; }

/* overwrite stili generali per sezione lista */
.top-catalogo-list .breadcrumb {
  padding: 20px 0;
  margin: 0; }
  .top-catalogo-list .breadcrumb li:after, .top-catalogo-list .breadcrumb a {
    color: white; }

/* barra filtri */
.catalogo-filter-bar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 0 var(--large-lateral-negative-padding);
  padding: 0 var(--large-lateral-padding);
  border-bottom: 1px solid #D0D0D0;
  height: 80px; }

.catalogo-filters-container {
  display: flex;
  flex-flow: row nowrap; }

.catalogo-rescount {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  font-size: 3rem;
  font-weight: 400; }
  .catalogo-rescount span {
    color: var(--PJColor);
    font-weight: 700;
    padding-right: 8px; }

.catalogo-order, .catalogo-filters {
  flex: 0 0 auto; }
  .catalogo-order button, .catalogo-filters button {
    display: flex;
    flex-flow: row nowrap;
    height: 80px;
    padding: 25px;
    border: none;
    border-left: 1px solid #D0D0D0;
    background: none;
    gap: 15px;
    font-weight: 700;
    font-size: 1.2rem;
    text-transform: uppercase;
    align-items: center; }
    .catalogo-order button:after, .catalogo-filters button:after {
      content: none; }
    .catalogo-order button img, .catalogo-filters button img {
      max-height: 25px;
      max-width: 25px; }

.catalogo-filters {
  flex: 0 0 auto; }

.catalogo-order .btn-order-bar {
  padding-left: 65px; }

label.chevron-bg {
  display: block;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  inset: 27px auto auto 25px;
  transform: rotate(0deg);
  transition: transform 400ms; }

input.away {
  position: absolute;
  top: -2000px; }

input#od:checked + label {
  transform: rotate(-180deg); }

.box-filter-bar {
  position: relative; }

.menu-filter-bar {
  width: 724px;
  transform: none !important;
  inset: 0 var(--large-lateral-negative-padding) auto auto !important;
  left: auto;
  border-radius: 0;
  box-shadow: -5px 0px 8px 0px rgba(0, 0, 0, 0.1);
  padding: 30px 50px 70px 50px; }

.header-filtri {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }

.titolo-filtri {
  display: flex;
  flex-flow: row nowrap;
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase; }
  .titolo-filtri img {
    width: 25px;
    margin-right: 12px; }

.menu-filter-bar legend {
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase; }

.menu-filter-bar fieldset {
  margin: 0 0 25px 0; }

.menu-filter-bar .checkset {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 15px;
  position: relative;
  overflow: hidden; }
  .menu-filter-bar .checkset input {
    position: absolute;
    left: -2000px; }
  .menu-filter-bar .checkset label {
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    border: 2px solid #EDEDED;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase; }
  .menu-filter-bar .checkset input:checked + label {
    border-color: var(--PJColor); }

.menu-filter-bar .reset-btn input {
  background: none;
  border: none;
  color: var(--PJColor);
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.6rem;
  margin: 20px 0; }
  .menu-filter-bar .reset-btn input:hover, .menu-filter-bar .reset-btn input:active {
    color: #ed1625; }

.menu-filter-bar .fbtn {
  position: absolute;
  inset: auto 0 0 0; }
  .menu-filter-bar .fbtn input {
    width: 100%;
    background-color: var(--PJColor);
    color: white;
    height: 60px;
    font-size: 2.2rem;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    border: none; }
    .menu-filter-bar .fbtn input:hover, .menu-filter-bar .fbtn input:active {
      background-color: #ed1625; }

.catalogo-order .dropdown-menu {
  inset: -2px -1px auto auto !important;
  border-radius: 0;
  border-top: none;
  padding: 25px 40px; }
  .catalogo-order .dropdown-menu div {
    position: relative; }
  .catalogo-order .dropdown-menu input {
    position: absolute;
    left: -2000px; }
  .catalogo-order .dropdown-menu label {
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 5px 0px 5px 0px;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    white-space: nowrap; }
    .catalogo-order .dropdown-menu label:before {
      content: "";
      width: 22px;
      height: 22px;
      display: inline-block;
      margin-right: 10px;
      background-color: white;
      border-radius: 8px;
      border: 3px solid white;
      outline: 2px solid #EDEDED; }
  .catalogo-order .dropdown-menu input:checked + label:before {
    background-color: #ed1625;
    outline-color: #ed1625; }

@media screen and (max-width: 767px) {
  .top-catalogo-list h1 {
    font-size: 4rem; }

  .menu-filter-bar {
    max-width: 100vw; }

  .catalogo-filters button {
    flex-flow: column-reverse nowrap;
    padding: 0 15px;
    justify-content: center;
    gap: 5px; }

  .catalogo-order button.btn-order-bar {
    padding: 0 15px 30px 15px; }

  .catalogo-order label.chevron-bg {
    inset: 38px auto auto 50%;
    margin-left: -12px; } }
@media screen and (max-width: 576px) {
  .menu-filter-bar {
    right: 0 !important; }

  .catalogo-filter-bar {
    padding: 0; }

  .catalogo-rescount {
    flex-direction: column;
    justify-content: center;
    font-size: 2rem;
    padding: 0 2rem; }

  .catalogo-rescount span {
    flex-direction: column;
    font-size: 3rem;
    line-height: 3rem;
    padding: 0rem; } }
/* lista item catalogo */
.listaProdottiWraper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  padding-top: 48px; }

@media screen and (max-width: 1799px) {
  .listaProdottiWraper {
    grid-template-columns: repeat(4, 1fr); } }
@media screen and (max-width: 1199px) {
  .listaProdottiWraper {
    grid-template-columns: repeat(3, 1fr); } }
@media screen and (max-width: 767px) {
  .listaProdottiWraper {
    grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 576px) {
  .listaProdottiWraper {
    grid-template-columns: repeat(1, 1fr); } }
.catalogoItem {
  padding-bottom: 15px; }

.catalogoItem a:link, .catalogoItem a:visited {
  color: black;
  text-decoration: none; }
.catalogoItem a:hover .catalogoItemImg, .catalogoItem a:active .catalogoItemImg {
  border-bottom-color: #ed1625;
  box-shadow: 0 5px 0 0 #ed1625; }
.catalogoItem a:hover .catalogoItemColors, .catalogoItem a:active .catalogoItemColors {
  opacity: 1; }

.catalogoItemImg {
  display: flex;
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
  border: 1px solid #D0D0D0;
  position: relative; }
  .catalogoItemImg .A1 {
    top: 5px;
    right: 5px; }
  .catalogoItemImg .A2 {
    bottom: 5px;
    right: 5px; }
  .catalogoItemImg .A3 {
    bottom: 5px;
    left: 5px; }
  .catalogoItemImg .A4 {
    top: 5px;
    left: 5px; }
  .catalogoItemImg img {
    max-width: 100%;
    max-height: 100%; }

.catalogoItemLabel {
  font-weight: 400;
  font-size: 3rem;
  padding: 15px 0 0 0; }

.catalogoItemColors {
  opacity: 0; }

/* pagina My Account */
.myaccount-top {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding-bottom: 90px; }
  .myaccount-top h1 {
    margin: 0;
    display: flex;
    align-items: flex-end; }

.myaccount-daticliente {
  color: white;
  font-size: 2.6rem;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  line-height: 2.6rem; }

.myaccount-menu-head {
  display: flex;
  flex-flow: row nowrap;
  border: 1px solid #D0D0D0;
  height: 96px;
  margin-top: -53px;
  background-color: white;
  position: relative;
  z-index: 1; }

.myaccount-menu-head-item {
  flex: 1 1 auto;
  border-left: 1px solid #D0D0D0;
  display: flex;
  align-items: center;
  justify-content: center; }

a.myaccount-puls-with-img {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  color: black;
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  gap: 5px; }
  a.myaccount-puls-with-img img {
    max-width: 24px; }
  a.myaccount-puls-with-img a:hover, a.myaccount-puls-with-img a:active {
    color: #ed1625; }

.myaccount-menu-head-logout a {
  color: var(--PJColor);
  flex-flow: row nowrap;
  text-decoration: underline;
  font-weight: 800;
  font-size: 1.6rem; }

.myaccount-menu-head-submmenu {
  flex: 1 1 60%;
  display: flex;
  flex-flow: row nowrap;
  font-weight: 800;
  font-size: 1.4rem;
  text-transform: uppercase;
  padding: 0 112px;
  justify-content: space-between;
  align-items: center;
  border: none; }
  .myaccount-menu-head-submmenu a, .myaccount-menu-head-submmenu a:link, .myaccount-menu-head-submmenu a:visited {
    color: black;
    text-decoration: none;
    flex: 0 0 auto; }
  .myaccount-menu-head-submmenu a:hover, .myaccount-menu-head-submmenu a:active {
    color: #ed1625; }

.myaccount-mainlayout {
  display: flex;
  flex-flow: row nowrap;
  margin: 42px var(--large-lateral-negative-padding);
  align-items: flex-start; }

.myaccount-sidebar-menu {
  flex: 0 0 auto;
  width: 120px;
  display: flex;
  flex-flow: column nowrap;
  gap: 24px; }
  .myaccount-sidebar-menu .btn-red {
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase; }

.myaccount-sidebar-menu-box {
  flex: 0 0 auto;
  width: 120px;
  display: flex;
  flex-flow: column nowrap;
  gap: 24px; }

.myaccount-sidebar-item {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center; }

.myaccount-maincontent {
  padding-left: 32px;
  width: calc(100vw - 120px); }

.myaccount-banner-red, .myaccount-banner-red-fragment {
  padding: 2rem 4.8rem  2rem 0;
  margin: 0; }
  .myaccount-banner-red img, .myaccount-banner-red-fragment img {
    width: 100%; }

.myaccount-banner-red-textbox, .myaccount-banner-red-fragment .cdn-banner-textbox {
  background-color: var(--PJColor);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  padding: 4rem;
  color: white;
  gap: 10px; }
  .myaccount-banner-red-textbox h2, .myaccount-banner-red-fragment .cdn-banner-textbox h2 {
    font-size: 4.8rem; }
  .myaccount-banner-red-textbox p, .myaccount-banner-red-fragment .cdn-banner-textbox p {
    font-size: 2.4rem; }
  .myaccount-banner-red-textbox a:hover, .myaccount-banner-red-textbox a:active, .myaccount-banner-red-fragment .cdn-banner-textbox a:hover, .myaccount-banner-red-fragment .cdn-banner-textbox a:active {
    background-color: white;
    color: var(--PJColor);
    opacity: .9; }

.myaccount-banner-red-fragment {
  padding: 2rem 4.8rem  2rem 0; }

.myaccount-banner-red-fragment .cdn-banner-row {
  margin: 0; }

.myaccount-banner-red-fragment .cdn-banner-textbox a:link, .myaccount-banner-red-fragment .cdn-banner-textbox a:visited {
  background-color: white;
  color: var(--PJColor); }

.myaccount-banner-red-fragment .cdn-banner-img {
  padding: 0; }

/* search page */
.search-catalogo-filter {
  display: flex;
  flex-flow: nowrap;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  gap: 25px; }
  .search-catalogo-filter label {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 400; }
  .search-catalogo-filter input[type="text"] {
    flex: 0 0 auto;
    max-width: 60%;
    border-radius: 0;
    height: 40px;
    font-size: 1.6rem; }

.myaccount-maincontent h1 {
  padding-left: 12px; }

@media screen and (max-width: 1199px) {
  .myaccount-menu-head-submmenu {
    padding: 0 6rem; } }
@media screen and (max-width: 991px) {
  .myaccount-menu-head-submmenu {
    padding: 0;
    justify-content: space-evenly; }

  .myaccount-sidebar-menu-box {
    background-color: #fff !important;
    padding-top: 40px !important; } }
@media screen and (max-width: 767px) {
  .myaccount-mainlayout {
    flex-flow: row wrap; }

  .myaccount-menu-head {
    flex-flow: row wrap; }

  .myaccount-menu-head-submmenu {
    flex: 1 1 100%; }

  .myaccount-daticliente {
    padding: 1rem 0; }

  .top-catalogo-list.myaccount-top {
    flex-flow: row wrap; } }
@media screen and (max-width: 576px) {
  .myaccount-menu-head {
    height: 112px; }

  .myaccount-menu-head-submmenu {
    flex-flow: row wrap;
    padding: 1rem 0; }

  .myaccount-menu-head-item a.myaccount-puls-with-img {
    padding: 5px; }
  .myaccount-menu-head-item img {
    display: none; }

  .myaccount-maincontent {
    padding-left: 0;
    width: 100%; }

  .tabpanel-navbar-toggler {
    background-color: var(--PJColor);
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2rem; }
    .tabpanel-navbar-toggler figure {
      margin: 0; }

  .myaccount-sidebar-menu {
    width: 100%; }

  .myaccount-sidebar-menu-box {
    width: 100%;
    background-color: #ccc !important;
    padding-top: 40px !important; }

  .myaccount-sidebar-item, .myaccount-sidebar-menu-box .btn-red {
    width: 100%; }

  a.myaccount-puls-with-img {
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 5px 15px; }
    a.myaccount-puls-with-img img {
      margin-right: 15px; } }

/*# sourceMappingURL=catalogo.css.map */