/*
Theme Name: ts-commerce
Theme URI: https://cafein-project.eu
Author: Tecnostudi Srl
Author URI: https://tecnostudi-comunicazione.it/
Description:
Requires at least: 6.0
Tested up to: 6.1.1
Requires PHP: 5.6
Version: 1.0
Text Domain: ts-commerce
Tags: tecnostudi-dev
*/

* {box-sizing: border-box; margin: 0; padding: 0;}

    @font-face {
        font-family: PrioriSans;
        src: url(assets/fonts/zPrioriSansOT-Regular.otf);
    }

    :root {
        --fs-small: 18px;
        --fs-regular: clamp(16px,2vw,24px);
        --fs-xl: clamp(20px,3vw,36px);
        --fs-xxl: clamp(24px, 2vw, 48px);
        --fs-xxxl: clamp(36px, 4vw, 60px);
        --fs-h1: clamp(38px,5vw,96px);

        --c-white: #F9F9F9;
        --c-black: #000;
        --c-grey: #B1B1B1;
        --c-accent: #D88F57;

        --verticalspacing:30px;
    }

    ::selection {
    background: var(--c-accent);
    }

    body {
        background-color: var(--c-white);
        overflow-x: hidden;
    }
    html {
        font-family: "Nunito";
        font-size: var(--fs-p);
    }
    .title1 {
        font-family: 'amandine';
        font-weight: 500;
        font-size: var(--fs-title1);
        color: var(--c-black);

    }
    a {
        color: var(--c-black);
        text-decoration: none;
    }

    .txt-white a {
            color: var(--c-white);
            text-decoration: none;
    }

    select, textarea {
        border-radius: 20px;
        padding: 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-repeat: no-repeat;
        background-position-x: 155px;
    }
    .main-title {
        text-align: center;
        padding-bottom: 0;
    }
    .of-hidden {
        overflow: hidden;
    }
    .of-x-hidden {
        overflow-x: hidden !important;
    }
    .centered {
        margin: 0 auto;
        width: fit-content;
    }
    .tooltip {
        position: relative;
        display: inline-block;
    }
    .tooltip .tooltiptext {
        visibility: hidden;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        position: absolute;
        z-index: 99998;
        width: 120px;
        top: 100%;
        left: 50%;
      }
      .tooltip .tooltiptext::after {
        content: " ";
        position: absolute;
        bottom: 100%; 
        left: 50%;
        border-width: 5px;
        border-style: solid;
        border-color: black transparent transparent transparent;
      }
      .tooltip:hover .tooltiptext {
        visibility: visible;
      }
      .not-found {
        min-height: 60vh;
        background-color: #0A4A5E;
        padding-top: 60px;
      }
      .not-found source, .not-found img{
        width: 100%;
      }
      .not-found h1 {
        color: var(--c-white);
        text-align: center;
      }
      .not-found p {
        color: var(--c-white);
        text-align: center;
        font-size: var(--fs-xl);
      }
    .hdr-nl {
        width: 100%;
        background: var(--c-black);
        color:var(--c-white);
        font-size: var(--fs-regular);
        text-align: center;
        padding: 4px 0;
    }
    .hdr-nl li {
        padding: 0 20px;
        display: flex;
        justify-content: center;
        justify-items: center;
    }
    .hdr-nl li, .hdr-nl li a {
        color: var(--c-white);
    }
    .hdr-nl li span, .hdr-nl li a {
        height: fit-content;
        margin: auto;
    }
    .hdr-icons {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 15px;
    }
    .hdr-icons-box {
        display: flex;
    }
    .hdr-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 38px;
        height: 38px;
        cursor: pointer;
    }
    .hdr-icon img {
        max-width: 100%;
        height: auto;
        
    }
    .hdr-logo-box {
        width: 222px;
    }
    .hdr-nav ul {
        display: flex;
        justify-content: center;
        align-items: center;
        list-style-type: none;
    }
    .hdr-nav ul li a {
        text-decoration: none;
        text-transform: capitalize;
        font-size: var(--fs-regular);
        color: var(--c-black);
    }
    .hdr-cart {
        position: relative;
    }
    .hdr-cart img {
        position: absolute;
    }
    .cart-qnt {
        margin-top: 10px;
        font-family: Arial;
        font-size: 13px;
    }
    .btn, .comment-form .form-submit input  {
        text-decoration: none !important;
        cursor: pointer;
    }
   .btn-white {
    background-color: var(--c-white);
    color: var(--c-azure);
   }
   .btn-footer {
    color: var(--c-black) !important;
    padding: 14px 40px !important;
   }
   .mobile-menu-icon {
    display: none;
   }
   .mobile-menu {
    display: none;
   }
   #srcForm {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    background: white;
    z-index: 99999;
   }
   #srcForm .hdr-logo-box {
    margin-bottom:  15px;
   }
   #srcForm form {
    display: flex;
    width: 80%;
    max-width: 820px;
   }
   #srcForm input {
    border-radius: 8px;
    padding: 10px;
    border: solid 1px;
    height: 38px;
    width: 100%;
    font-family: PrioriSans;
    font-size: var(--fs-regular);
    margin-right: 15px;
   }
   #srcForm input:focus-visible {
    outline: black 1px !important;
   }
   #srcForm .hdr-icon {
    margin: 0;
    width: 38px !important;
    height: 38px !important;
   }
   #closeSearch {
    position: absolute;
    top: 4vh;
    right: 4vw;
   }
   .lead {
    margin-top: 100px;
   }
.wpml-ls-native {
    font-size: var(--fs-regular);
}
   .wpml-ls-legacy-dropdown {
    width: 100%;
    height: 100%;
   }
   .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
     position: unset; 
     padding-right: unset;
}
.wpml-ls-legacy-dropdown .wpml-ls-slot-top-left:hover>a {
    background: unset;
}
.wpml-ls-legacy-dropdown .wpml-ls-slot-top-left:focus>a {
    background: unset;
}
.wpml-ls-link, .wpml-ls-item-toggle {
    background: unset !important;
}
.wpml-ls-legacy-dropdown a {
    display: block;
    text-decoration: none;
    color: unset;
    border: unset;
    background-color: unset;
    padding: unset;
    line-height: unset;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    display: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-item  {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    border: solid 1px var(--c-black);
    border-radius: 8px;
    margin: 7px;
    background-color: var(--c-white);
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border-top: unset;
}
#menu-sticky {
    position: fixed;
    width: 100%;
    background: var(--c-white);
    top: 0;
    transform: translateY(-87px);
    z-index: 999;
    transition: all 0.5s ease;
}
.menu-sticky-hide {
    display: block;
}
.menu-sticky-visible {
    display: block;
}
.menu-sticky-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#menu-sticky .hdr-nav {
    margin: 0;
}
#menu-sticky-mobile {
    width: 100%;
    background-color: var(--c-white);
    transform: translateY(-83px);
    top: 0;
    z-index: 9999;
    transition: all 0.5s ease;
    position: fixed;
    display: none;
}
.menu-sticky-mobile-hide {
    position: unset;   
}
.menu-sticky-mobile-visible {
    position: unset;
}
#main-banner {
    position: relative;
    margin-bottom: 60px;
}
.main-banner-text {
    position: absolute;
    z-index: 2;
    top: 5vw;
}
.main-banner-text p {
    font-size: var(--fs-xl);
    font-weight: 100;
    margin: 0 0 15px 0;
}
.main-banner-img {
    width: 100%;
}
.main-video {
    aspect-ratio: 384/137;
}
.main-video a {
    display: block;
}
.flex-video {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.splide__arrow {
    background: white;
    border: solid 1px var(--c-black);
    border-radius: 14px;
    height: 60px;
    width: 60px;
}
.main-arrows {
    margin: 30px 0;
    position: relative;
}
.main-prev{
    position: absolute;
    right: 30px !important;
    left: unset !important;
    margin-right: 70px;
}
.main-ar-left {
    transform: scaleX(-1);
}
.main-next {
    position: absolute;
    right: 0px !important;
    margin-right: 15px;
}
.text-color-1 {
color: var(--c-white);
}
.text-color-2 {
color: var(--c-black);
}
.products-slider {
    margin-top: 15px;
    margin-bottom: 30px;
}
.pr-title {
    text-align: center;
    font-size: var(--fs-xxl);
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--c-black);
}
.prod-next {
    right: -65px !important;
}
.prod-prev {
    left: -65px !important;
}
.product-card {
    width: 350px;
    border: solid 1px var(--c-black);
}
.banner-tecnology {
    background-color: var(--c-azure);
    padding: 5vw 0;
}
.bg-tecnology {
    display: flex;
    border: solid 1px var(--c-white);
    border-radius: 24px;
    padding: 0 15px;
}
.tecnology-img {
    width: 50%;
    text-align: center;
}
.tecnology-img img {
    position: relative;
    bottom: 8%;
    width: 100%;
    height: 100%;
}
.tecnology-content {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--c-white);
    width: 50%;
}
.tecnology-content div {
    width: 60%;
}
.tecnology-content h2 {
    font-size: var(--fs-xxl);
    text-transform: uppercase;
}
.tecnology-content h3 {
    font-size: var(--fs-xl);
    text-transform:capitalize;
}
.tecnology-content p {
    font-size: var(--fs-regular);
    margin: 20px 0;
}
.bg-bestseller {
    background-color: #efefef;
}
.banner-bestseller {
    display: flex;
    padding-bottom: 0 !important;
}
.bestseller-img {
    width: 70%;
}
.bestseller-img img {
    width:100%;
    height: 100%;
}
.bestseller-content {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--c-black);
    width: 40%;
}
.bestseller-content div {
    margin-bottom: 15px;
}
.bestseller-content h2 {
    font-size: var(--fs-xxl);
    text-transform: uppercase;
}
.bestseller-content h3 {
    font-size: var(--fs-xl);
    text-transform: capitalize;
}
.bestseller-content p {
    font-size: var(--fs-regular);
    margin: 20px 0;
}
.page-template-template-informativo .max-entity {
    font-size: var(--fs-regular);
}
#cmplz-document {
    font-size: var(--fs-regular);
}
#cmplz-document h2, #cmplz-document p, #cmplz-document li  {
    font-size: var(--fs-regular);
}
.form-box {
    background-color: var(--c-darkgrey);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}
.form {
    color: var(--c-white);
    text-align: center;
}
.form label {
    text-transform: none;
}
.form .form-label input {
    background-color: var(--c-darkgrey);
    border: solid 1px var(--c-white);
    color: var(--c-white);
    height: 40px;
    padding: 12px;
    width: 100%;
    outline: var(--c-darkgrey);
}
.form .form-label input::placeholder {
    color: var(--c-white);
}
.form-title {
    font-size: var(--fs-xl);
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
}
.form-box p {
    font-size: var(--fs-regular);
    margin: 0 auto 15px auto;
    text-transform: uppercase;
    width: 80%;
}
#wpcf7-f97-o1 h2 {
    text-align: center;
    color: var(--c-black);
    font-size: var(--fs-xl);
}
#wpcf7-f97-o1 .form-acceptance p {
    margin: 0;
    width: unset;
}
.wpcf7-spinner {
    display: none;
}
.grecaptcha-badge {
    display: none;
}
 #wpcf7-f110-o1 h2 {
    font-size: var(--fs-xl);
    text-align: center;
    margin-bottom: 15px;
}
.max-entity #wpcf7-f110-o1 p {
    margin: unset;
}
.contattaci-p {
    width: 80%;
    margin: 0 auto 15px auto !important;
    font-size: var(--fs-regular);
}
.flex p {
    display: flex;
    justify-content: center;
    margin-top: unset;
    width: 100%;
}
.flex p label {
    width: 50%;
}
.flex p label:first-child {
    margin-right: 15px;
}
.form-iscriviti .form .form-label input {
    border-radius: 20px;
    padding: 10px;
    border: solid 1px;
    height: 50px;
    width: 100%;
    font-family: PrioriSans;
    font-size: var(--fs-regular);
    outline: var(--c-black);
    color: var(--c-black);
    background-color: var(--c-white);
}
.form-iscriviti .form .form-label input::placeholder {
    color: var(--c-darkgrey);
}
.form-iscriviti .form-box {
    background-color: var(--c-white);
    padding: 0;
}
.form-iscriviti .form-box p {
    width: 100%;
}
.form-iscriviti .form {
    color: var(--c-black);
}
.form-iscriviti input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 10px;
}
.form-iscriviti .btn-white {
    background-color: var(--c-azure) !important;
    color: var(--c-white) !important;
    height: unset;
} 

.form-iscriviti #wpcf7-f97-o1 .form-acceptance {
    margin-top: 15px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.form-iscriviti .wpcf7-list-item-label {
    font-size: var(--fs-small);
}
#form-sticky {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    left: 0;
    top: 0;
    background-color: #9F9F9F70;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
#form-sticky .form-sticky {
    text-align: center;
    background-color: var(--c-grey);
    padding: 30px;
    border-radius: 20px;
    max-width: 90%;
}
#form-sticky h2 {
    margin: 15px 0;
}

#form-sticky input {
    border-radius: 20px;
    border: solid 1px var(--c-black);
    padding: 10px;
    width: 100%;
}
#form-sticky .btn {
    padding: 20px 40px !important;
    background-color: var(--c-azure);
    color: var(--c-white);
    width: unset;
    font-size: var(--fs-small) !important;
}
.banner-instagram {
    margin: 200px auto;
    position: relative;
    width: 1920px;
}
.banner-instagram h2 {
    text-align: center;
    font-size: var(--fs-xxl);
    font-weight: 700;
    margin: 15px 0;
    display: none;
}
.ig-phone {
    position: absolute;
    top: -158px;
    left: 424px;
    z-index: 3;
}
.ig-phone img {
    width: 372px;
}
.ig-btn {
    margin-left:15px;
}
.banner-instagram li {
    text-align: center;
}
.instagram-img {
    width: 320px;
    height: 320px;
    max-width: 100%;
    object-fit: cover;
}
.insta-prev {
    left: 290px;
    top: 384px;
}
.insta-next {
    left: 732px;
    top: 384px;
}
.banner-instagram .is-prev p {
  display:block!important;
    opacity: 1 !important;
    transition: all 1s ease;
    transition-delay: 0.3s;
}
.banner-instagram .splide__slide p {
    text-align: center;
    width: 300px;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 36px;
    opacity: 0;
}
.banner-instagram .splide__pagination {
    display: flex !important;
    top: 182px;
    left: -694px;
    z-index: 999;
}
.banner-instagram .splide__pagination__page {
    background: grey;
    height: 4px;
    width: 4px;
}
.banner-instagram .splide__pagination__page.is-active {
    background: var(--c-black);
}
.press-img img {
    object-fit: cover;
    width: 100%;
}
.reviews {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;

    font-size: var(--fs-regular);
    font-family: PrioriSans;
}
.review-box {
    border: 1px solid var(--c-black);
    border-radius: 20px;
    text-align: center;
    position: relative;
    width: 400px;
    height: 280px;
    padding: 12px;
    margin: 60px;
    color:var(--c-black);
}
.review-sub-box {
    padding: 8px;
    position: absolute;
    bottom: -8%;
    background-color: var(--c-azure);
    color: var(--c-white);
    width: 350px;
    height: 100px;
    left: 6%;
    font-size: var(--fs-small);
}
.review-sub-box {
    font-size: 20px;
}
.home-reviews-stars {
    font-family: star; 
    font-size: var(--fs-small);
}
.yellow {
    color: #F9D959;
}
.scienza-seta h1 {
    text-align: center;
}
.banner-img-testo {
    padding: 15px 0;
}
.flex-box {
   display: flex;
}
.cornice-img-container {
    max-width: 50%;
    margin: 0 auto;
}
.cornice-img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.text-box {
    width: 80%;
    color: var(--c-black);
}
.text-box ul, .text-box ol {
    padding-left: 20px;
}
.text-box h3 {
    font-size: var(--fs-xl);
    font-weight: 500;
    text-transform: uppercase;
    margin: 15px 0;
}
.text-flex-box {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.page-template-template-informativo .form-box {
    background-color: var(--c-white);
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-template-template-informativo .form {
    color: var(--c-black);
}
.page-template-template-informativo .form-box .form-title {
    margin: 0;
}
.page-template-template-informativo .form-p {
    color: var(--c-black);
    font-size: var(--fs-xl);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto 15px auto;
}
.banner-statistiche {
    background-color: var(--c-grey);
    padding: var(--verticalspacing) 0;
    text-align: center;
}
.banner-statistiche h2 {
    font-size: var(--fs-xl);
    text-transform: uppercase;
    margin: 15px 0;
    color: var(--c-black);
}
.banner-statistiche p {
    font-size: var(--fs-regular);
    margin: 15px 0;
    color: var(--c-black);
}
.statistiche {
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.box-statistiche {
    margin: 15px;
    color: var(--c-blue);
    border: solid 2px var(--c-blue);
    width: 293px;
    height: 254px;
    font-size: 146px;
    border-radius: 44px;
}
.box-statistiche p {
    font-size: var(--fs-regular);
}
.skincare-banner {
    position: relative;
    overflow: hidden;
}
.skincare-banner img {
    width: 100%;
}
.skincare-title {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
}
.skincare-title h1 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--c-black);
}
.skincare-intro {
    width: 100%;
    margin: 0 auto 1em auto;
    text-align: center;
}
.skincare-intro h2 {
    font-size: var(--fs-xl);
    font-weight: 500;
    margin-bottom: 0.2em;
    color: var(--c-black);
}
.skincare-intro p {
    font-size: var(--fs-regular);
    margin-bottom: 0.4em;
    color: var(--c-black);
}
.bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    }
.mg-xl {
    margin: 100px 0 !important;
}
.wa-clienti {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.wa-clienti img {
    width: 50%;
}
#wpcf7-f572-o1 input:not(.btn) {
    border-radius: 20px;
    padding: 10px;
    border: solid 1px;
    height: 50px;
    width: 100%;
    font-family: PrioriSans;
    font-size: var(--fs-regular);
    outline: var(--c-black);
    color: var(--c-black);
    background-color: var(--c-white);
}
#wpcf7-f572-o1 textarea, #wpcf7-f572-o1 select {
    width: 100%;
    font-family: PrioriSans;
    font-size: var(--fs-regular);
    text-align: center;
    outline: var(--c-black);
}
#wpcf7-f572-o1 input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 10px;
}
.max-entity {
    max-width: 1085px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
}
.max-entity p {
    margin: var(--verticalspacing) 0;
}
.entity {
    width: 400px;
    margin: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.entity img {
    width: 100%;
    object-fit: contain;
    border: #e7e7e7 1px solid;
}
.entity div {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.entity h2 {
    text-align: center;
    margin: 4px;
    font-size: var(--fs-xl);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--c-black);
}
.entity h3 {
    margin-bottom: 15px;
    font-size: var(--fs-regular);
    font-weight: 500;
    color: var(--c-black);
}
#page-index {
    width: fit-content;
    margin: 0 auto var(--verticalspacing);
}
#index-box {
    border: solid 1px var(--c-azure);
    border-radius:10px;
    padding: 8px;
    margin-top: 4px;
    padding: 12px clamp(12px, 1vw,26px);
}
#page-index span {
    font-size: var(--fs-regular);
    color: var(--c-azure);
}
#page-index ul {
    list-style-type:none;
    font-size: clamp(16px, 2vw, 24px);
}
#page-index ul li {
    margin-top:4px;
}
#page-index ul li a {
    color: var(--c-azure);
    display:flex;
    align-items: center;
}
#page-index ul li a::before {
    content:url(/wp-content/themes/ts-commerce/assets/img/icons/icona-indice-navigazione.svg);
    fill: var(--c-azure);
    display: inline-block;
    width: clamp(14px, 2vw, 20px);
    height: clamp(14px, 2vw, 20px);
    margin-right:6px;
    
}
#page-index ul li ul li a::before {
    content: none;
}
#page-index ul ul:nth-child(n) {
    margin-left: clamp(30px, 3vw,60px);
    font-size: clamp(14px, 2vw, 20px);
}
.magazine-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.magazine-flex article {
    width: 70%;
    font-size: var(--fs-regular);
}
.magazine-flex-img {
    width: 30%;
    padding: 1em;
}
.magazine-flex-img img {
    width: 100%;
    object-fit: contain;
}
.magazine-img {
    display: block;
    object-fit: contain;
    margin: var(--verticalspacing) auto;
    max-width: 100%;
}
    .landscape {
        width: 100%;
        margin: 0;
    }
    .vertical {
        margin: 0;
        width: 100%;
        height: 500px;
        object-fit: cover;
    }
.magazine-2-img {
    display: flex;
    justify-content: center;
}
.magazine-text {
    font-size: var(--fs-regular);
    margin: 15px 0;
}
.magazine-text h2, .magazine-text p {
    margin-top: 15px;
}

.magazine-text ul, .magazine-text ol  {
    margin-top: 15px;
    padding-left: 15px;
}
.magazine h2 {
    font-size: var(--fs-xxl);
    font-weight: 500;
}
.bg-read-more {
    background-color: var(--c-grey);
}
.bg-read-more h2 {
    text-align: center;
    font-size: var(--fs-xxl);
}
.src-title {
    text-align: center;
    font-size: var(--fs-xl);
    margin-top: 15px;
}
.src-cicle ul {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
.src-cicle li {
    margin: 20px;
    list-style-type: none;
}
.src-cicle li .star-rating {
    display: none;
}
.lead {
    text-align: center;
    font-size: var(--fs-xl);
}
.search-products li {
    float: unset !important;
    margin: 36px 16px !important;
    width: 400px !important;
    padding: 0;
    position: relative;
}
.search-products li a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
}
.related ul.products li.product {
    float: right;
    margin: 0 1% 2.992em 0;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: unset!important
}
.wc-product-price-box {
    display: flex;
    align-items: flex-end;
    justify-content:space-between ;
    border-bottom: solid 1px lightgrey;
    margin:  var(--verticalspacing) 0 0 0;
    padding-bottom:  var(--verticalspacing);
}
.wc-rating-price {
    margin-right: 20px;
}
.wc-btn {
    background-color: var(--c-azure) !important;
    color: var(--c-white) !important;
    font-size: var(--fs-small) !important;
    text-transform: uppercase;
    border-radius: 20px !important;
    padding: 20px 34px !important;
    display: inline-block !important;
    text-decoration: none !important;
    border: unset !important;
}
.flex .stock {
    justify-content: flex-start;
}
.woocommerce-product-rating {
   margin-bottom: 0 !important;
}
.star-rating {
    color: #F9D959;
}
.woocommerce div.product form.cart {
    margin: 0;
}
.wc-condizioni {
    margin:  var(--verticalspacing) 0;
}
.wc-condizioni div a {
    display: flex;
    justify-items: center;
    margin-bottom: 10px;
}
.wc-condizioni a {
    font-size: var(--fs-regular);
    color: var(--c-black);
}
.wc-condizioni div img {
    margin-right: 4px;
}
.woocommerce div.product form.cart div.quantity {
    margin: 0 10px 0 0;
}
.in-stock {
    margin: 4px 0;
    color: var(--c-black) !important;
}
.woocommerce .quantity .qty {
    border: solid 1px var(--c-black);
    font-size: var(--fs-regular);
    height: 2.8em;
    color: var(--c-black);
}
.woocommerce div.product p.price {
    color: var(--c-black);
    margin: 8px 0;
    font-size: var(--fs-regular);
}
.wc-product-price-box form {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
.product-description {
    font-size: var(--fs-regular);
}
.woocommerce div.product p.price del {
    text-decoration: none;
}
.summary .yith-wcwl-add-button a {
    color: var(--c-azure);
}
.woocommerce-product-gallery__wrapper {
    display: unset;
}
.woocommerce-product-gallery__image:first-child {
    float: right;
}
.onsale {
    top: 0.5em !important;
    left:unset !important;
    right: 53%;
}
.wc-related-title {
    font-size: var(--fs-xxl);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 90px 0 15px  0;
    width: 100%;
    float: right;
}
.clear-float {
    clear:both;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: unset;
    border: unset;
    border-radius: unset;
    max-width: 60%;
    margin: 0 auto;
    border-bottom: 1px solid var(--c-azure);
    padding: 1em 0;
}
.flex-comment-box {display:flex;}
.woocommerce #reviews #comments ol.commentlist li .meta {
    width: 40%;
    color: var(--c-black);
    font-size: var(--fs-regular);
}
.woocommerce #reviews #comments ol.commentlist li .meta .star-rating {
    float:unset;
    font-size: 1em;
    margin-top: 0.4em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    margin: unset;
}
.woocommerce #reviews #comments ol.commentlist li .description {
    width:60%;
    font-size: var(--fs-regular);
}
.woocommerce-Reviews-title {
    text-align: center;
    text-transform: uppercase;
    font-size: var(--fs-xxl);
}
.woocommerce-noreviews, .woocommerce-verification-required, .comment-reply-title, .comment-form-rating {
    text-align: center;
    font-size: var(--fs-regular);
    width: 100%;
    margin: 0.2em 0;
    display: block;
}
.comment-reply-title {
    margin-bottom: 1em;
}
.comment-form-comment label {
    font-size: var(--fs-regular);
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 0.2em;
}
.woocommerce #review_form #respond textarea {
    display: block;
    max-width: 60%;
    margin: 0 auto;
    padding: 0.2em;
    font-size: var(--fs-regular);
    font-family: PrioriSans;
}
.comment-form .form-submit {
    text-align: center;
}
.stars a {
    color: #F9D959;
}
.woocommerce-tabs .wc-tabs {
    display:none;
}
.woocommerce-review__dash {
    display: none;
}
.woocommerce-review__published-date {
    display: block;
}
.woocommerce-result-count, .woocommerce-ordering {
    display: none;
}
.wishlist_table, table.wishlist_table {
    font-size: var(--fs-regular) !important;
}
.woocommerce .wishlist-title {
    width: 100%;
    text-align: center;
}
.woocommerce-MyAccount-navigation ul {
    list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 15px;
    border-bottom: solid 1px;
}
.woocommerce-EditAccountForm input {
    font-size: var(--fs-regular);
    padding: 8px;
    border: solid 1px var(--c-black);
    border-radius: 20px;
}
.woocommerce-form-register__submit {
    margin-top: 15px !important;
}
.woocommerce h2 {
    text-align: center;
}
.woocommerce-EditAccountForm fieldset {
    padding: 15px;
    margin-top: 30px;
}
.woocommerce-EditAccountForm legend {
    padding: 0 15px;
}
.privacy-register {
     display: flex;
}
.privacy-register label {
    order: 2;
}
.privacy-register input {
    order: 1;
    margin-right: 10px;
}
.woocommerce-page table.cart td.actions .input-text {
    width: 186px;
}
#ship-to-different-address label {
    display: flex;
}
#ship-to-different-address label input {
    order: 2;
    margin-left: 15px;
    width: 30px;
    height: 30px;
}
#order_review_heading {
    margin-top: 30px;
}
.woocommerce-LoopProduct-link .price {
    text-align: center;
}
.woocommerce-LoopProduct-link .price del {
    display: block !important;
    text-decoration: none;
    opacity: 0.8 !important;
   padding: 4px;
}
.price del bdi {
    text-decoration: line-through;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
}
.alternative-product {
    position: relative;
}
.alternative-product .yith-wcwl-icon {
    color: var(--c-white);
}
.yith-wcwl-icon {
    color: var(--c-azure);
}
.alternative-absolute {
    width: 100%;
    position: absolute;
    top: 0;
    background-color: #2591A474;
    padding: 1.5em 2.2em 0.8em;
}
.alternative-img {
    margin: 0 !important;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}
.alternative-product h2 {
    color:var(--c-white);
    text-align: center;
    opacity: 1;
}
.alternative-short-description {
    color:var(--c-white);
    text-align: center;
    opacity: 1;
}
body.archive ul.products li.product {
    float: unset !important;
    margin: 36px 16px !important;
    height: 600px !important;
    width: 400px !important;
}
body.archive .flex-products, .flex-entity {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 0 !important;
}
body.archive ul.products li.product .price {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    justify-content: center;
    align-items: flex-end;
}
body.archive ul.products::after, .woocommerce ul.products::before {
    display: none;
}
.onsale-badge-loop {
    position: absolute;
    top: 0.7em;
    right: 0.7em;
    text-transform: uppercase;
    font-size: 14px ;
    font-weight: 700;
    color: var(--c-blue);
    border: solid 2px var(--c-blue);
    border-radius: 14px;
    z-index:9;
    padding: 0.5em 1em;
    background-color: #ffffff73;
  }
  .product-hover-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    opacity: 0;
    margin: 0 0 1em;
    box-shadow: none;
    transition: all 0.3s ease;
  }
  .woocommerce-LoopProduct-link:hover {
    .product-hover-img {
        opacity: 1;
      } 
   
  }
.slider-prodotti-woocommerce {
   overflow: hidden;
}
.slider-prodotti-woocommerce h1 {
    text-transform: uppercase;
    font-size: var(--fs-xl);
    margin: var(--verticalspacing) 0;
    color: var(--c-black);
}
.slider-prodotti-woocommerce .woocommerce ul.products li.last {
    margin: 0 3.8% 2.992em 0;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
    line-height: unset;
}
.woocommerce ul.order_details {
    margin: 0 0 1.2em;
    width: fit-content;
    margin: 0 auto;
}
.woocommerce-order p {
    margin: 15px 0;
    text-align: center;
    font-size: var(--fs-regular);
}
.woocommerce-ResetPassword {
    text-align: center;
}
.woocommerce-ResetPassword .woocommerce-form-row {
    margin: 15px auto !important;
    float: none !important;
}
.woocommerce-ResetPassword h2 {
    font-size: var(--fs-xxl);
    margin: var(--verticalspacing) 0;
}
#WACTA {
    margin-left:-186px;
    transition-duration: 1s;
    z-index: 999;
    position: fixed;
    border-top-right-radius: 20px 20px;
    background-color: #fff;
    padding: 4px 4px 4px 8px;
    left: 0;
    bottom: 42px;
    border-bottom-right-radius: 20px 20px;
    box-shadow: #0000000f 2px 3px 5px 0px;
    border-bottom: 1px;
    border-left: 0px;
    border-right: 1px;
    border-top: 1px;
    border-style: solid;
    border-color: #d5d5d56e;
    display: block!important;
}
#WACTA img {
    width: 50px;
    margin-left:5px;
    vertical-align: middle;
    max-width: unset;
}
#WACTA .moboTxt { 
    display:inline;
    font-size: 22px;
}
#WACTA:hover  {
    margin-left:0px;
    .moboTxt {
        width:400px;
    }
}
.paypal-button-container {
    margin: 0 auto;
}
#footer {
    background-color: var(--c-black);
    clear: both;
}
.top-footer {
    display: flex;
    justify-content: space-between;
}
.ft-block {
    text-align: center;
    color: var(--c-white);
    font-size: var(--fs-small);
    padding: 0 6px;
}
.ft-block .mg {
margin-top: 15px;
}
.ft-block ul {
    list-style-type: none;
}
.ft-block ul li {
    text-align: center;
    font-size: var(--fs-small);
}
.ft-block ul li a {
    color: var(--c-white);
    text-decoration: none;
    padding: 5px 0;
    display: inline-block;
}
.footer-social {
    display: flex;
    justify-content: center;
}
.footer-icon {
    width: 42px;
    height: 36px;
}
.cc-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.bottom-footer {
    display: flex;
    justify-content: space-between;
    max-width: 1350px ;
}
.footer-mobile {
    display: contents;
}
@media screen and (max-width:1238px) {
    .wc-product-price-box {
        display: block;
    }
  
}
@media screen and (max-width:920px) {
   #menu-sticky-mobile {
    display: block;
}
.menu-sticky-hide {
display: none;
}
.menu-sticky-visible {
display: none;
}

.menu-sticky-mobile-hide {
position: unset;  
}
.menu-sticky-mobile-visible {
position: fixed;
}
#closeSearch {
display: none;
}
.hdr-nav {
display: none;
}
.hdr-icons {
margin-top: 0;
}
.hdr-logo-box {
width: 143px;
}
.mobile-menu-icon {
display: flex;
border: unset;
}
.mobile-hidden {
display: none;
}
.mobile-menu {
width: 100vw;
height: 100vh;
position: fixed;
top: 83px;
text-align: center;
z-index: 100;
background-color: var(--c-white);
}
.mobile-menu ul {
list-style-type: none;
margin: 15px 0;
}
.mobile-menu ul li {
padding: 15px 0;
}
.mobile-menu ul li a {
text-decoration: none;
font-size: var(--fs-xxl);
color: var(--c-black);
width: 100%;
height: 100%;
display: inline-block;
}
.mobile-menu ul li:first-child {
font-weight: 700;
}
.social-box {
display: flex;
width: 100%;
justify-content: center;
}
.social-icon {
height: 36px;
width: 42px;
}
.mobile-menu-social {
display: flex;
justify-content: center;
}

}
@media screen and (max-width: 894px) {
    body.archive ul.products li.product .price {
        display: block;
        position: unset;
        width: unset;
        height: unset;
    }
    body.archive ul.products li.product {
        height: 550px !important;
    }
.statistiche {
    width: 100%;
}
    .box-statistiche {
        margin: 4px;
        width: 153px;
        height: 154px;
        font-size: 80px;
    }

}
@media screen and (max-width: 890px) {
    .woocommerce div.product form.cart {
        margin: 8px 0;
    }
    .woocommerce-loop-product__title, .woocommerce-product-details__short-description {
        text-align: center !important;
    }
    .woocommerce .products .star-rating {
        margin: 0 auto 0.5em auto;
    }
    .main-banner-text p {
        padding: 0;
    }
    .main-banner-text {
        top: 0vw;
    }
    .ig-phone {
        display: none;
    }
    .banner-instagram {
        margin: unset;
        position: relative;
        width: 100%;
        text-align: center;
    }
    .banner-instagram .splide__pagination {
        position: unset;
    }
    .banner-instagram .splide__slide p {
        max-width: 100%;
        opacity: 1;
        margin-top: 15px;
    }
    .ig-btn {
         margin: 15px 0;
    }
    .banner-instagram h2 {
        display: block;
    }
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    max-width: 100%;
}

.flex-comment-box {
    display:block;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    margin: unset;
}
.woocommerce #review_form #respond textarea {
    max-width: 100%;
}
.mg-xl {
    margin: 15px 0 !important;
}
.cornice-img-container {
    max-width: 100%;
}
.cornice-img{
    padding: 0;
}
.text-box {
    width: 100%;
}
.text-box h3 {
    text-align: center;
}
.text-flex-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.entity {
    width: 240px;
}
.entity h2 {
    margin: 10px 4px;
}
.magazine-flex {
    display: block;
}
.magazine-flex article {
    width: 100%;
}
.magazine-flex-img {
    width: 100%;
    padding: 30px;
    margin: 0;
}
.magazine-flex-img img {
    aspect-ratio: 1;
}
}
@media screen and (max-width: 780px) {

    :root {
        --verticalspacing:15px;
    }
    .onsale {
        top: unset;
        left:unset ;
        right: unset;
    }
    .splide__track--nav>.splide__list>.splide__slide {
        border: unset;
        opacity: 0.6;
        margin: 5px 5px 5px 0;
         }
         .splide__track--nav>.splide__list>.splide__slide:last-child {
        margin-right: 0;
         }
         .wc-related-title {
            margin: 0px 0 15px  0;
        }
        .woocommerce-billing-fields h3, #ship-to-different-address {
            margin-top: 30px;
            }
            #ship-to-different-address label input {
                width: 20px;
                height: 20px;
            }
           
            .magazine-2-img {
                display: block;
            }
            .flex-box {
                display: block;
             }
}
@media screen and (max-width: 694px) {
    #main-banner {
        margin-bottom: 0px;
    }
    .main-video {
        aspect-ratio: 384/237;
    }
    .main-banner-display {
        display: block;
    }
    .main-banner-display .btn-white {
        background-color: var(--c-azure) !important;
        color: var(--c-white) !important;
    } 
    .main-arrows {
        display: none !important;
    }
    .banner-bestseller {
        display: block;
        padding-bottom: 0 !important;
    }
    .bestseller-img {
        width: 100%;
    }
    .bestseller-content {
        width: 100%;
        text-align: center;
        padding: 15px;
    }
    .bestseller-content p {
        margin: 15px 0;
    }
    .bestseller-img img {
        position: relative;
        bottom: -3px;
    }
    .bg-tecnology {
        display: block;
        border: unset;
    }
    .tecnology-img {
        width: 100%;
    }
    .tecnology-content {
        width: 100%;
    }
    .tecnology-content h2 {
        margin-top: 15px;
    }
    .tecnology-content p {
        margin: 15px 0;
    }
    .tecnology-content div {
        width: 100%;
        padding: 0 15px;
        text-align: center;
    }
    .pr-title p {
        width: 100%;
        margin-top: 15px;
        padding: 0 15px;
    }

    .wc-btn {
        border-radius: 12px !important;
        padding: 10px 38px !important;

    }

    .woocommerce-error a {
        display: block !important;
        float: unset !important;
    }
    .top-footer {
        display: block;
    }
    .footer-mobile {
        display: flex;
        justify-content: space-evenly;
    }
    .ft-block {
        margin: 15px 0;
    }
    .bottom-footer {
        display: block;
    }
    .cc-icon {
        width: 38px;
    }
    .cc-flex {
        display: flex;
        justify-content: center;
    }
    .ft-block .mg {
        margin-top: 4px;
        }
    #wpcf7-f97-o1 .form-acceptance  {
        display:block;
    }
    .form-iscriviti #wpcf7-f97-o1 .form-acceptance {
        display: block;
    }
    .flex p {
        display: block;
    }
    .skincare-intro {
        width: 100%;
    }
    .review-box {
        border: 1px solid var(--c-black);
        border-radius: 20px;
        text-align: center;
        position: relative;
        width: 280px;
        height: 200px;
        padding: 12px;
        margin: 15px;
    }
    .review-sub-box {
        padding: 2px 0 0 0;
        position: absolute;
        bottom: -8%;
        background-color: var(--c-azure);
        color: var(--c-white);
        width: 260px;
        height: 70px;
        left: 3%;
    }
    .review-sub-box {
        font-size: 14px;
    }
    .woocommerce-MyAccount-navigation {
        width: 100% !important;
    }
    .woocommerce-MyAccount-content {
        width: 100% !important;
    }
    .woocommerce-MyAccount-navigation ul li {
        margin-right: 15px;
    }
    .woocommerce-Address {
        margin-top: 15px;
    }
    }
@media screen and (max-width:520px) {
    .onsale-badge-loop {
      position: absolute;
      top: 0.5em;
      right: 0.5em;
      text-transform: uppercase;
      font-size: 14px ;
      font-weight: 700;
      color: var(--c-blue);
      border: solid 2px var(--c-blue);
      border-radius: 14px;
      z-index:9;
      padding: 0.2em 0.4em;
      background-color: #ffffff73;
    }
  }
@media screen and (max-width:410px) {
    body.archive ul.products li.product {
        height: 450px !important;
    }
}
@media screen and (max-width: 380px) {
    .hdr-icon, .wpml-ls-legacy-dropdown .wpml-ls-item  {
        margin: 4px;
        width: 30px;
        height: 30px ;
    }
    .cart-qnt {
        margin-top: 8px;
        font-size: 12px;
    }
   #instagram-slider .splide__track {
    overflow: hidden;
   }
}