.block-shortcode{padding: 50px 0;}
.block-shortcode .block-content{width:90%; max-width: 1640px; margin: 0 auto;}
.block-shortcode .block-content .cont-txt{max-width: 1080px; margin-left: auto; margin-right: auto;}
.block-shortcode .wp-block-button__link{border-radius: 3px}

.block-animated-list{height: auto;}
.block-animated-list .cont-list{width: 50%; position: relative; left: 50%}
.block-animated-list h1{background: #000; color: #fff; padding: 30px 5% 35px; margin-bottom: 0; font-size: 45px; line-height: 50px; }
.block-animated-list .cont-list-item{position: relative; background-color: var(--primary-color);}
.block-animated-list .cont-list-item.light{background-color: var(--primary-color-light);}
.block-animated-list .cont-list-item:hover{z-index: 5}
.block-animated-list .cont-list-item a{padding: 23px 5% 28px; display: block;}
.block-animated-list .cont-list-item h2{color: #000; transition: all .5s cubic-bezier(.215, .61, .355, 1); margin-bottom: 0; position: relative;}
.block-animated-list .cont-list-item:hover h2{color: #fff}
.block-animated-list .cont-list-item .over{position: absolute; z-index: 0; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 0; background: #A5680D;  transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.block-animated-list .cont-list-item:hover .over{height: 100%}
.block-animated-list .cont-list-item .icon-birra{position: absolute; right: 0%; top: 50%; transform: translateY(-50%); opacity: 0; transition: all .5s cubic-bezier(.215, .61, .355, 1); height: 150px}
.block-animated-list .cont-list-item:hover .icon-birra{opacity: 1; right: 10%;}
.block-animated-list .cont-list figure{height: 0%; width: 100%; position: absolute; left: -100%; top: 50%; transform: translateY(-50%); transition: all .5s cubic-bezier(.215, .61, .355, 1);}
.block-animated-list .cont-list figure.bkg{opacity: 1; height: 100%;}
.block-animated-list .cont-list figure img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.block-animated-list .cont-list-item:hover + figure{height: 100%}
.block-animated-list .cont-list-box-stile{background-color: var(--primary-color-light);}

@media (max-width: 1023px) {
  .block-animated-list .cont-list{width: 100%; left: 0;}
  .block-animated-list h1{text-align: center;}
  .block-animated-list .cont-list-box{width: 20%; float: left; text-align: center;}
  .block-animated-list .cont-list-box:last-child{width: 100%;}
  .block-animated-list .cont-list-box h2{font-size: 30px; line-height: 30px; color: #fff}
  .block-animated-list .cont-list-item a{padding: 25px 5% 25px}
  .block-animated-list .cont-list-item.cont-list-box-1 .over,
  .block-animated-list .cont-list-item.cont-list-box-2 .over{height: 0!important}
  .block-animated-list .cont-list-item .over{height: 100% !important}
  .block-animated-list .cont-list-item .icon-birra{display: none !important;}
  .block-animated-list .cont-list-item figure{display: none !important;}
  .block-animated-list .cont-list-header{display: flex; flex-direction: column;}
  .block-animated-list .cont-list-header h1{order: 2; font-size: 30px; line-height: 35px; padding:25px 5% 25px}
  .block-animated-list .cont-list-header figure.bkg{position: relative; top: 0; transform: rotateY(0); left: 0; height: auto; order: 1}
  .block-animated-list .cont-list-header figure.bkg img{position: relative; left: 50%; transform: translateX(-50%); max-width: 550px}
}
@media (max-width: 768px) {
  .block-animated-list .cont-list-box{width: 100%;}
}

.block-tab .title-tab{width: 16.66%; padding: 20px 1%; border-bottom: 1px solid #3c3c3c; cursor: pointer; text-align: center; font-size: 20px;}
.block-tab .title-tab.active{border-color: #fea829; color: #fea829}

.cont-category{margin-top: 30px}
.cont-category .woocommerce-page.columns-6 ul.products,
.cont-category .woocommerce.columns-6 ul.products{justify-content: center;}
.cont-category .woocommerce-page.columns-6 ul.products li.product,
.cont-category .woocommerce.columns-6 ul.products li.product{width: auto; padding: 0; border: 0; margin:0 20px 10px;}
.cont-category .woocommerce-page.columns-6 ul.products li.product h2,
.cont-category .woocommerce.columns-6 ul.products li.product h2{font-size: 18px; line-height: 24px;}
.cont-category .woocommerce-page.columns-6 ul.products li.product a,
.cont-category .woocommerce.columns-6 ul.products li.product a{color: #fff;}
.cont-category .woocommerce-page.columns-6 ul.products li.product a:hover,
.cont-category .woocommerce.columns-6 ul.products li.product a:hover{color: var(--primary-color);}
.cont-category .woocommerce ul.products li.product a img{display: none;}
.cont-category mark{display: none}

.block-accordion{display: none;}
.block-accordion h5.accordion{text-transform: uppercase; padding: 10px; border: 2px solid #3c3c3c; margin-bottom:0;}
.block-accordion h5.accordion.active{border-color: var(--primary-color);}
.block-accordion .cont-category {margin-top: 0; background: #3c3c3c; display: none;}
.block-accordion .cont-category .woocommerce{padding: 20px 10px 10px;}

@media (max-width: 767px) {
  .cont-title-tab{overflow: scroll;}
  .cont-title-tab .flex{width: 605px;}
  .block-tab .title-tab{width: auto; border: 1px solid #3c3c3c; padding: 10px;}
  .cont-category{margin-top: 0px}
  .cont-category .woocommerce-page.columns-6 ul.products li.product,
  .cont-category .woocommerce.columns-6 ul.products li.product{margin: 0 10px 10px}

  .block-tab{display: none}
  .block-accordion{display: block;}

}
