@charset "UTF-8";
@import url("../icomoon/default/style.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
body,
html {
    font-family: "Inter", sans-serif;
    color: #272727;
    overflow-x: hidden;
}



h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 500;
    line-height: 1.1;
    color: #272727;

}

a {
    color: #0A0A0A;
}

.bold {
    font-weight: 600;
}

.maincols {
    /* padding-bottom: 30px; */
}
/* TOPBAR */

.container {
    position: relative;
}

.topbar {
    background-color: #34373e;
    border-bottom: 0;
    font-size: 12px;
}

.topbar .list-inline {
    margin: 0;
}

.topbar .list-inline li {
    float: left;
}
.m0{
    margin: 0;
}
.top-link li,
.top-link a {
    color: #999999;
    text-decoration: none;
    font-size: 13px;
    /* text-transform: uppercase; */
    font-weight: 400;
    letter-spacing: 0;
}

.top-link li:hover,
.top-link a:hover {
    color: #a5ce6a;
}

.top-link .list-inline li {
    margin-left: 10px;
}

.text-right {
    text-align: right;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.mt-5 {
    margin-top: 5px!important;
}
.mt-10 {
    margin-top: 10px!important;
}

.mt-20 {
    margin-top: 20px!important;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.padding-top-15 {
    padding-top: 15px!important;
}

.padding-bottom-15 {
    padding-bottom: 15px!important;
}

.margin-top-15 {
    margin-top: 15px!important;
}

.margin-top-0 {
    margin-top: 0!important;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
#top-links {
    display: flex;
    align-items: center;
}

.topbar {
    background-color: #FD8204;
    color: #ffffff;
    font-size: 13px !important;
    z-index: 995;
    position: relative;
    padding: 5px 0px;
}
.socials-topbar{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    padding-inline-start: 15px;
    gap: 8px;
}
.megamenu-topbar .megamenu{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.megamenu-topbar .megamenu>li {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px !important;
}

.megamenu-topbar a{
    padding: 0px!important;
}

.topbar a {
    color: #ffffff !important;
    /* font-size: 12px !important; */
}
.topbar a span:hover {
    text-decoration: underline;
}

#top-links #login {
    background: #FD8204;
}

.topbar .list-inline {
    margin-left: 0 !important;
}

.topbar .list-inline li {
    float: none !important;
}

.icona-header {
    display: inline-block;
    padding: 0;
}

.icona-header span {
    text-transform: initial;
    margin-right: 10px;
    font-weight: 700;
}

.icona-header span:before {
    position: relative;
    top: 1px;
}

.price .price-new {
    color: #fd8204;
    font-weight: 800;
    font-size: 22px;
}

@media (max-width: 1024px) {
    /* .testo-icona{font-size:15px!important;} */
}

@media (max-width: 768px) {
    .mb-tablet-10 {
        margin-bottom: 10px;
    }
    .icona-header span {
        padding: 5px;
    }
    #login a {
        font-size: 14px !important;
    }
}

.fas {
    font-family: "Font Awesome 5 Free";
    font: normal normal normal 14px/1 FontAwesome;
}

.topbar .list-inline li {
    padding: 5px;
}

@media (max-width: 425px) {
    /* #login a {
    font-size: 12px !important;
    padding: 10px 0;
    line-height: 30px;
  } */
    .topbar .list-inline li {
        padding: 0px 15px;
    }
    #top-links a i {
        font-size: 12px !important;
        margin-right: 0;
    }
    .icona-header span {
        line-height: 25px;
        color: white;
        background: #a5ce6a;
    }
    .icona-header span:before {
        position: initial;
    }
    .icona-header span {
        padding: 2.5px 15px;
    }
}

.topbar-v1 .container {
    display: flex;
    align-items: center;
}


/* TOPLINKS LOGGATO */

/* #benvenuto {
    padding: 4.5px 8px;
    color: #fff;
    background-color: #FD8204;
    font-size: 12px;
} */

#top-links #login a {
    color: #fff !important;
}
#login a.flex-center, #cart.minibasket button.flex-center{
    display: flex;
    flex-direction: column;
}
#login a.flex-center span.hidden-xs, #cart.minibasket .cart-button span.hidden-xs{
    margin-top: 3px;
    margin-bottom: -3px;
    text-transform: none;
    font-size: 14px;
}

#top-links a i {
    font-size: 18px !important;
}

#top-links .far.fa-user-circle,
#top-links .fas.fa-user-circle {
    font-size: 16px !important;
    margin-right: 5px;
}

.accesso-utente .caret {
    color: #fff;
}

#benvenuto .fas.fa-user-circle {
    font-size: 12px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #999999;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #8c8c8c;
}

.open>.dropdown-menu {
    display: block;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.top-link .list-inline .dropdown-menu {
    margin: 0;
    left: auto;
    right: 0;
    min-width: 180px;
}

.top-link .list-inline .dropdown-menu li {
    border-bottom: 1px solid #ebebeb;
    margin: 0;
    padding: 6px 0;
    width: 100%;
}

.top-link .list-inline .dropdown-menu li:last-child {
    border-bottom: none;
}

.top-link .list-inline .dropdown-menu li a {
    text-shadow: none;
    font-size: 12px;
}

.top-link .list-inline .dropdown-menu li a:hover {
    color: #a5ce6a;
    font-weight: 500;
}

/* .dropdown-menu {
    left: 0;
    float: left;
    text-align: left;
} */


/* .top-link .list-inline .dropdown-menu{
    right:auto;
    left:10px;
} */

.dropdown-menu>li>a {
    color: #999 !important;
}

@media (max-width: 1024px) {
    /* .topbar a{font-size:15px!important;} */
}

@media (max-width: 426px) {
    .pull-right-mobile {
        float: right !important;
    }
}



/* HEADER */

header {
    position: relative;
    background: white;
}

.minibasket {
    float: none;
}

.minibasket span {
    font-size: 12px;
    font-weight: 400;
}

.minibasket span {
    margin: 0;
    text-transform: uppercase;
}

.minibasket .dropdown-menu {
    background: #ffffff;
    z-index: 1001;
    min-width: 445px;
    padding: 20px;
    padding-top: 0px;
    margin-top: 0;
    right: 0;
}

.minibasket .dropdown-menu table {
    margin-bottom: 10px;
}

.minibasket .dropdown-menu table tr {
    background: #ffffff;
}
.w100{
    width: 100%;
}
.welcome-user{
    display: flex;
    align-items: center;
}
.welcome-user .far.fa-user{
    margin-right: 5px;
}
/* .minibasket .dropdown-menu li>div {
    padding: 0 10px;
} */

.minibasket .dropdown-menu li p {
    margin: 20px 0;
}

.minibasket .dropdown-menu .image {
    width: 90px;
}

.minibasket .dropdown-menu .name {
    font-size: 11px;
}

.minibasket:hover {
    cursor: pointer;
}

.minibasket .img-thumbnail {
    max-height: 60px;
}

.minibasket small {
    font-size: 10px;
}

.cartpopup-countproducts {
    font-size: 11px!important;
    text-transform: none!important;
    background: #e6e6e6;
    color: #000;
    padding: 1px 3px;
    text-align: center;
    line-height: 15px;
}

.minibasket .btn-danger {
    background: #FFF!important;
    border: 2px solid #a90606!important;
    color: #a90606!important;
    vertical-align: unset!important;
    border-radius: 100%!important;
    letter-spacing: 0px!important;
    text-align: center!important;
    min-width: 19px!important;
    height: 19px!important;
    padding: 0px!important;
    line-height: 12px!important;
}

.minibasket .btn-danger .fa {
    font-size: 12px!important;
}

.td-cancel {
    vertical-align: middle!important;
}



.header-principale{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* height: 100px; */
    padding-top: 25px;
    padding-bottom: 25px;
    /* border-bottom: 1px solid lightgray; */
}
.logo img{
    max-width: 130px;
    margin: -25px auto;
    margin-top: -35px;
    max-height: 98px;
}
.link-utili{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 11px !important;
    /* margin-bottom: 5px; */
    font-weight: 600;
}
.link-utili i{
    font-size: 18px !important;
}
.link-utili a{
    margin-right: 5px;
    margin-left: 5px;
    /* color: #6b6866!important; */
}
.link-utili .flex-center + .flex-center{
    margin-left: 15px;
}
.header-v1 .navbar-mega .navbar-nav>li {
    padding: 0;
}

.navbar {
    border: none;
}

.input-group {
    margin-bottom: 10px;
}

.input-group .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
}

.search-box input {
    border: none;
    border-radius: 0px;
}

.navbar-mega {
    min-height: inherit;
    margin: 0px;
    border: 0px solid transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.navbar-mega .navbar-nav {
    float: none;
}

.navbar-mega .navbar-nav ul {
    padding: 0px 5px;
    margin: 0;
    list-style: none;
}

.navbar-mega .navbar-nav li a:hover,
.navbar-mega .navbar-nav li a:active,
.navbar-mega .navbar-nav li a:focus {
    background: none;
    color: #a5ce6a;
}

.navbar-mega .navbar-nav>li {
    float: left;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-top: 0;
    padding: 18px 0;
}

.navbar-mega .navbar-nav>li>a {
    position: relative;
    color: #272727;
    padding: 0 12px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-size: 15px;
    font-size: 1.5rem;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.navbar-mega .navbar-nav>li>a:hover,
.navbar-mega .navbar-nav>li>a:focus {
    color: #a5ce6a;
    background: transparent;
}

.navbar-mega .navbar-nav>li:hover>.dropdown-menu {
    display: block;
}

.navbar-mega .navbar-nav>li:hover>a,
.navbar-mega .navbar-nav>li:focus>a {
    color: #a5ce6a;
    background: transparent;
}

.navbar-mega .navbar-nav>li:first-child a {
    border: none;
}

.navbar-mega .navbar-nav>li .dropdown-menu {
    padding: 30px;
    border-top: 2px solid #a5ce6a;
    background: #ffffff;
    min-width: 200px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar-mega .navbar-nav>li .dropdown-menu li {
    display: block;
    padding: 0;
    position: relative;
}

.navbar-mega .navbar-nav>li .dropdown-menu li a {
    min-height: inherit;
    display: block;
    font-weight: 400;
    padding: 12px 0px;
    color: #666666;
    text-transform: lowercase;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}

.navbar-mega .navbar-nav>li .dropdown-menu li a span::first-letter,
.menupaloc a::first-letter {
    text-transform: uppercase!important;
}

.navbar-mega .navbar-nav>li .dropdown-menu li:last-child a {
    border: none;
}

/* ── Dropdown via #bs-megamenu (indipendente da .navbar-mega sul <nav>) ──── */
#bs-megamenu .navbar-nav>li:hover>.dropdown-menu {
    display: block;
}

/* Ponte invisibile: mantiene l'hover <li> attivo mentre il mouse
   attraversa il gap fra il link padre e il dropdown */
#bs-megamenu .navbar-nav>li.parent {
    position: relative;
}
#bs-megamenu .navbar-nav>li.parent::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 10px;
    display: none;
}
#bs-megamenu .navbar-nav>li.parent:hover::after {
    display: block;
}

#bs-megamenu .navbar-nav>li>.dropdown-menu {
    padding: 20px 24px;
    border-top: 3px solid #FD8204;
    background: #ffffff;
    min-width: 220px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    list-style: none;
    margin-top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#bs-megamenu .navbar-nav>li>.dropdown-menu li {
    display: block;
    padding: 0;
    list-style: none;
}

#bs-megamenu .navbar-nav>li>.dropdown-menu li a {
    display: block;
    padding: 16px 0;
    color: #272727;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    border-bottom: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

#bs-megamenu .navbar-nav>li>.dropdown-menu li a:hover {
    color: #FD8204;
    background: transparent;
    text-decoration: none;
}

#bs-megamenu .navbar-nav>li>.dropdown-menu ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.list-unstyled {
    color: #333;
    font-size: 13px;
    line-height: 23px;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

@media (max-width: 1200px) {
    .navbar-mega .navbar-nav>li>a {
        padding: 0 15px;
    }
    .navbar-mega .navbar-nav>li>a {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .mb-tablet-20 {
        margin-bottom: 20px;
    }
    .mt-tablet-13 {
        margin-top: 13px;
    }
}


@media (max-width: 480px) {
    .minibasket .dropdown-menu {
        min-width: 100%;
    }
}

.minibasket button {
    background: none;
    border: none;
}

.text-left {
    text-align: left;
}

@media (min-width: 991px) {
    .p40-side-dsk {
        padding-left: 40px;
        padding-right: 40px;
    }
    .flex-center-desktop {
        display: flex !important;
        align-items: center !important;
    }
    .margin-top-20-desktop {
        margin-top: 20px !important;
    }
    .margin-top-10-desktop {
        margin-top: 10px !important;
    }
    .copyright-socialweb {
        /* float: right; */
        /* margin-left: 10px; */
    }
    .my-80-lg {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .mt-80-lg {
        margin-top: 80px;
    }
    .mb-30-lg {
        margin-top: 30px;
    }
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.btn-primary {
    background-color: #FD8204;
    color: #fff !important;
    padding: 15px;
    font-weight: 600;
    border: none;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.pav-newsletter .btn-primary {
    background-color: #2c3e50 !important;
}
.pav-newsletter .btn-primary:hover {
    background-color: #212e3b !important;
}

.pav-newsletter-cst .btn-primary {
    background-color: #2c3e50 !important;
}
.pav-newsletter-cst .btn-primary:hover {
    background-color: #212e3b !important;
}

@media (min-width: 991px) {
    .pav-newsletter-cst .btn-primary {
        border-radius: 0 10px 10px 0 !important;
    }
}

.btn-primary:hover {
    background-color: #FD8204;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0 0);
}

.btn-cerca-header {
    background-color: #f3f3f3;
    border-bottom: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    color: black;
    font-weight: 600;
    width: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    
}
.btn-cerca-header i {
    background-color: #FD8204;
    border-radius: 50%;
    padding: 10px;
    font-size: 16px;
    color: white;
    margin-right: -3px;
}

.btn-cerca-header:hover {
    color: #272727 !important;
}

.navbar-mega .navbar-nav>li .dropdown-menu {
    min-width: 300px;
    padding: 15px;
}


.search-box .form-control {
    border: 1px solid #ddd;
    border-right: none !important;
    background-color: #F3F3F5;
    font-size: 16px;
    padding-left: 15px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}

.search-box .input-group {
    margin-bottom: 0 !important;
}

.search-box,
.carrello {
    /* padding: 0px 0; */
}

.carrello i{
    font-size: 28px!important;
}
.carrello{
    gap: 15px;
}


.header-v1 .navbar-mega .navbar-nav>li>a {
    font-size: 15px;
    text-transform: none;
    padding: 8px 10px;
    color: #0A0A0A!important;
}

.header-v1 .navbar-mega .navbar-nav>li a:hover {
    /* color: #FD8204!important;
    background: initial; */
}

.minibasket button {
    text-align: left;
    position: relative;
    padding: 0;
}

.minibasket .icon-cart:before {
    float: left;
    font-size: 28px;
    color: #272727;
    /* margin-right: 5px; */
}

#cart-total {
    position: absolute;
    top: -6px;
    right: -8px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
}

.search-box-wrapper {
    width: 100%;
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .header-v1 .navbar-mega .navbar-nav>li a {
        font-size: 11px;
        font-weight: 600;
        padding: 15px 6px;
    }
}

@media (max-width: 1024px) {
    .header-v1 .navbar-mega .navbar-nav>li a {
        font-size: 11px;
        padding: 15px 5px;
        font-weight: 500;
    }
}


@media (max-width: 430px) {
    .no-padding-right-mobile {
        padding-right: 0;
    }
    
}


input:focus {
    outline: none;
}

.menu-categorie .navbar {
    /* background-color: #535353; */
    margin: 10px 0;
}

.header-v1 .navbar-mega .navbar-nav > li.menu-block-scroll > a {
    background-color: #FFF;
    border-radius: 25px;
    padding: 10px 15px; /* Stato base: 15px laterali */
    border: 1px solid #E5E7EB;
    display: block; /* Espande l'area cliccabile per riempire il parent */
    text-align: center;
    transition: padding 0.3s ease; /* Gestisce l'animazione */
}

.header-v1 .navbar-mega .navbar-nav > li.menu-block-scroll > a:hover {
    padding: 10px 25px; /* Aumento di 10px: 15px + 10px = 25px */
    background-color: #FFF; /* Mantieni o cambia il colore se serve */
}

.menu-categorie,
.bg-menu-cat {
    /* background-color: #E5E7EB; */
}
@media (min-width: 991px) {
    .header-v1 .bg-menu-cat{
        background-color: #F9FAFB;
        border: 1px solid #E5E7EB;
    }
}


.navbar-nav>li>a {
    padding: 15px 10px;
}

.menu-categorie li a {
    color: #000 !important;
    text-transform: uppercase;
    padding: 10px 10px;
}

.menu-categorie li a:hover {
    font-weight: 500;
    color: #FD8204 !important;
    /* background-color: #eee !important; */
}

.menu-categorie .dropdown-menu a:hover {
    color: #FD8204 !important;
    background-color: #fff !important;
}

.menu-categorie .dropdown-menu li a {
    color: #666 !important;
    border: none !important;
    background-color: transparent !important;
    padding: 5px !important;
}

.menu-categorie .dropdown-menu li a:hover {
    background-color: transparent !important;
    border: none !important;
}

.menu-categorie .navbar-mega .navbar-nav>li .dropdown-menu {
    padding: 0 !important;
     border-radius: 0 0 15px 15px;
}

.altra-colonna {
    position: relative;
    display: table-cell;
    min-width: 100px;
    margin-left: 0 !important;
}

.altra-colonna li a {
    line-height: 9px;
}

.navbar-mega .navbar-nav>li .dropdown-menu li a:hover {
    color: #FD8204 !important;
}

.container-scroll {
    /* max-width: 98%;
  min-width: 500px; */
    white-space: nowrap;
    display: inline-block;
    height: 50px;
    /* margin: auto; */
    padding: 0;
    z-index: 1000;
}

.menu-block-scroll {
    display: inline-block !important;
    overflow-x: hidden;
    position: inherit !important;
    z-index: 70;
}
.menu-block-scroll a{
    display: flex;
}
.menu-block-scroll a i{
    margin-left: 4px;
}

.navigate-scroll a {
    text-decoration: none;
    color: #272727;
}

.navigate-scroll {
    position: relative;
    padding: 5px;
    margin-right: -5px;
    margin-left: -5px;
}

.navigate-scroll-left {
    position: absolute;
    left: 0;
    top: 18px;
    color: #272727;
    font-size: 18px;
}

.navigate-scroll-right {
    position: absolute;
    right: 0;
    top: 18px;
    color: #272727;
    font-size: 18px;
}

.header-v1 .classenav {
    /* display: block !important; */
    width: 100%;
    float: left !important;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#ricerca{
    margin-top: 15px;
    margin-bottom: 15px;
    /* border-right: 1px solid white; */
}
.header-v1 .classenav>li{
    margin: 15px 5px !important; /* Mantiene un piccolo spazio separatore tra i bottoni espansi */
    flex: 1; /* Permette agli elementi di espandersi in modo uniforme distribuendosi l'area del parent */
    text-align: center;
}
.header-v1 .classenav>li:first-of-type{
    /* border-left: 1px solid white; */
}

.header-v1 .navbar-mega .classenav>li {
    overflow: hidden;
    margin-right: 15px;
}

.bo-mainmenu .canvas-menu {
    border-radius: 5px;
    width: 40px;
    font-size: 28px;
    padding: 0px;
    /* margin-top:13px; */
    height: 40px;
    line-height: 0;
}


/* ELY */

.header-v1 .form-control {
    box-shadow: none;
}

.menu-links {
    font-size: 12px;
}

.menu-links>div,
.menu-links>a {
    /* padding: 15px; */
}

.cat-megamenu-dropdown {
    width: 1170px;
    left: -216px!important;
    padding: 0px 20px 20px 20px;
    font-size: 13px;
}

.cat-megamenu-dropdown .mega-col {
    padding: 0PX 25PX;
}

.megamenu-cat-list {
    list-style: none;
    padding-left: unset;
}

.megamenu-cat-list li {
    padding: 2px 0px;
    border-bottom: 1px solid #eee;
}

.megamenu-cat-list span.title {
    font-size: 11px;
    text-transform: uppercase;
}

.title-cat-megamenu {
    width: 100%;
    display: block;
    padding: 0px 0px 4px;
    color: #FD8204;
    background: #FFF;
    border-bottom: 0.159rem solid #FD8204;
    text-transform: uppercase;
    margin-bottom: 6px;
    margin-top: 0px;
    font-size: 13px;
    font-weight: 600;
}

.cat-megamenu-dropdown li {
    padding: 0px!important;
}

.cat-megamenu-dropdown a {
    padding: 10px 10px 0px!important;
}

.bo-mainmenu .canvas-menu .fa-bars {
    color: #000;
    font-size: 30px;
}

.bo-mainmenu .canvas-menu:focus {
    background-color: white;
    color: #000;
    outline: none;
}

.navbar-mega .navbar-nav>li .dropdown-menu li {
    width: 250px;
    padding: 8px 0px;
}

.megamenu-cat-list li {
    width: unset!important;
}

.navbar-mega .navbar-nav>li .dropdown-menu li:last-of-type {
    border-bottom: none;
}


/* Show the dropdown menu on hover */

.cat-megamenu:hover .cat-megamenu-dropdown {
    display: block;
}

@media screen and (max-width: 1440px) {
    .cat-megamenu-dropdown {
        padding: 0px 20px 0px 20px;
        font-size: 10px;
    }
    .cat-megamenu-dropdown .mega-col {
        padding: 0PX 8PX;
    }
    .title-cat-megamenu {
        margin-top: 0px;
        padding: 4px 0px;
        color: #FD8204;
        font-size: 11px;
    }
    .megamenu-cat-list span.title {
        font-size: 11px;
    }
    .megamenu-cat-list li {
        padding: 1px 0px;
    }
}

@media screen and (max-width: 1200px) {
    .cat-megamenu-dropdown {
        width: 900px;
    }
}

a:hover,
a:focus {
    color: #FD8204;
}

.icona-header a {
    font-size: 10px !important;
}

.mail-topbar {
    margin-left: 10px;
}

.flex-center {
    display: flex !important;
    align-items: center !important;
}
.justify-center{
    justify-content: center !important;
}
.justify-end{
    justify-content: flex-end;
}
.justify-between{
    justify-content: space-between;
}
.flex-column {
    display: flex;
    flex-direction: column;
}

.navbar-mega .navbar-nav>li .dropdown-menu2 {
    width: 1170px;
    left: -216px!important;
    padding: 15px;
}

.truck-box {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 1fr;
    margin-left: 40px;
    margin-top: 15px;
}

.truck {
    display: flex;
    align-items: center;
    justify-content: center;
}

.truck .fa-truck {
    font-size: 31px;
    color: #666633;
    margin-right: 5px;
}

.truck-text {
    font-size: 12px;
    margin: 0px;
}

.truck-text .acquisti {
    font-size: 11px;
    margin: 0px;
}

.icona-header .fa-phone {
    transform: rotate(90deg);
    margin: 0px;
}


.mail-topbar .icona-header span {
    text-transform: lowercase;
}

.placefontawesome {
    font-family: "Source Sans Pro", sans-serif, "FontAwesome", "Font Awesome 5 Pro", sans-serif !important;
}

.placefontawesome5 {
    font-family: "Font Awesome 5 Free"!important;
}

.justify-end {
    justify-content: flex-end;
}

.cart-button .cart-text {
    text-transform: uppercase;
}

.cart-button .fas {
    color: #272727;
    font-size: 36px;
    /* margin-left: 5px; */
}
.cart-button:focus {
    outline: none;
}

.cart-countmoney {
    color: #FD8204;
    min-width: 51px;
}

.cart-countproducts {
    position: absolute;
    right: 7px;
    top: 10px;
    background: #FD8204;
    color: white;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    text-align: center;
    line-height: 15px;
}

@media (max-width: 1030px) {
    .truck-box {
        margin-left: 7px;
    }
}

@media (max-width: 430px) {
    .wrap-mobile {
        flex-wrap: wrap;
    }
}

@media (max-width: 376px) {
    /* .accedi-mobile {
    margin-top: 10px !important;
    left: 47px;
  } */
    /* .minibasket button {
    margin-top: 3px!important;
  } */
}
/* 
@media (max-width: 991px) {
    .carrello #cart-total2 {
        padding: 0 0px;
        background: #FD8204;
        color: white!important;
        border-radius: 100%;
        width: 16px;
        text-align: center;
        height: 16px;
        position: absolute;
        left: 25px;
        bottom: 25px;
        font-weight: 600;
    }
    .search-box,
    .carrello {
        padding: 7px 5px;
    }
} */

/* @media (max-width: 767px) {
    .minibasket-big {
        display: none;
    }
} */

.fa {
    font-family: "Font Awesome 5 Free";
    font: normal normal normal 14px/1 FontAwesome;
}


.frasi-sotto-menu {
    color: #a5ce6a;
}

.frasi-mobile {
    text-align: center;
}

.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #006971;
    border-color: #006971;
}

.frasi-desktop p {
    margin: 0;
}

.canvas-menu:active {
    color: #fff !important;
}

.menu-categorie,
.bg-menu-cat {
    /* padding: 0; */
}

.frasi-desktop {
    padding: 0;
}

.num-prodotti{
    /* position: absolute;
    right: -3px;
    top: -1px; */
    width: 20px;
    height: 20px;
    background: #FD8204;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 11px;
}
@media (min-width: 1024px) {
    .height-nav {
        height: 80px;
    }
    .no-padding-desktop {
        padding: 0 !important;
    }
    .menu-categorie .navbar {
        margin: 0px 0px 0px 0px;
    }
    .navbar {
        min-height: initial;
    }
}

.menu-categorie .dropdown-menu li a,
.menu-categorie .see-all,
.menu-categorie .see-all:first-of-type {
    color: #272727 !important;
    border: none !important;
    background-color: transparent !important;
    padding: 5px !important;
}

.menu-categorie .see-all,
.menu-categorie .see-all:first-of-type {
    color: #a5ce6a;
}

/* PREFOOTER */

.text-white {
    color: #ffffff !important;
}

.pav-newsletter {
    letter-spacing: 0;
    max-width: 60%;
    margin: 0px auto;
    color: #ffffff;
    /* text-align: center; */
}

.capitalize {
    text-transform: uppercase !important;
}

.pav-newsletter-cst {
    max-width: 100%;
}

.titolo-newsletter {
    font-size: 26px;
    font-weight: 300;
    margin-top: 6px;
}

.titolo-newsletter span {
    color: #a5ce6a;
    font-size: 28px;
}

.pav-newsletter-cst .btn-primary {
    padding: 11px 0px;
}

/* USP HOMEPAGE */
.usp-container{padding:15px 0;}
.usp-container .row-inner{
    display: flex;
    align-items: center;
}
.usp{
    display: flex;
    align-items: center;
}
.usp h3{
    margin-bottom: 5px;
    font-weight:600;
    font-size: 15px;
    margin-top: 10px;
}
@media (max-width: 425px){
.usp{text-align:center;}
.usp h3{font-size:20px;}
.usp img{width:80%;}
.usp-footer i {
    font-size: 43px!important;
}
.usp-footer h3{
    font-size: 13px!important;
}
.copyright-inner{
    flex-direction: column;
    text-align: center;
}
}
@media (max-width:991px){
.usp h3{font-size:12px;text-align:left;margin-top:5px;}
.my-20-xs{
    margin-top: 20px;
    margin-bottom: 20px;
}
}
.usp-prefooter i.fa,
.usp-prefooter i.fab,
.usp-prefooter i.fas {
    font-size: 41px;
}

.usp-prefooter .titolo-icona {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 12px;
    min-height: 35px;
}

.usp-prefooter .titolo-icona2 {
    position: relative;
    top: -24px;
    margin-bottom: -12px;
    text-transform: uppercase;
    font-size: 12px;
}

@media (max-width: 430px) {
    .text-center-mobile {
        text-align: center;
    }
    .img-amazon {
        width: 157px;
    }
    .usp-prefooter .titolo-icona {
        font-size: 12px;
        text-transform: uppercase;
        margin-top: 12px;
        min-height: 34px;
    }
    .usp-prefooter .titolo-icona2 {
        position: relative;
        top: -26px;
        margin-bottom: -27px;
        text-transform: uppercase;
        font-size: 11px;
    }
}

@media (max-width: 320px) {
    .usp-prefooter .titolo-icona {
        font-size: 11px;
    }
    .usp-prefooter .titolo-icona2 {
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    .no-padding-mobile {
        padding: 0 !important;
    }
    /*
  .mass-bottom {
    margin-top: 30px;
  }
*/
}

input:focus {
    outline: none;
}

.titolo-newsletter {
    color: #FFF!important;
}

.titolo-newsletter span {
    color: #272727!important;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.pav-newsletter {
    /* margin-top: 30px; */
    /* border-top: 1px solid #ececec; */
    padding-top: 20px;
    padding-bottom: 20px;
    background: #FD8204;
    color: white;
}
.usp-footer {
    background-color: #545454;
    color: #FFF!important;
    padding: 35px 0 15px!important;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 132px;
}
.usp-footer h3{
    color: #FFF!important;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
}
.usp-footer i{
    font-size: 64px;
}
.width100 {
    width: 100%;
}

@media (max-width: 991px) {
    .titolo-newsletter span {
        color: #272727 !important;
        line-height: 42px;
        font-size: 18px;
        margin-right: 15px;
    }
    .titolo-newsletter {
        font-size: 26px;
        margin-top: 15px;
    }
    .pav-newsletter-cst .btn-primary {
        padding: 10px 10px;
        margin-top: 10px;
    }
    .pav-newsletter {
        padding: 15px 15px;
        text-align: left;
    }
    .titolo-newsletter {
        font-size: 17px;
        margin-top: 0;
        margin: 0 auto 15px;
        text-align: center;
    }
    .fix-newsletter-icon {
        display: none;
    }
}


/* BREADCRUMBS */

.breadcrumb {
    padding: 0px;
    position: relative;
    /* background-color: #fff; */
}

.breadcrumb .breadcrumb-heading {
    margin: 0;
    color: #272727;
    text-transform: lowercase;
    font-size: 32px;
    text-decoration: underline;
}

.breadcrumb-heading:first-letter {
    text-transform: capitalize
}

.breadcrumb ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

.breadcrumb ul li {
    display: inline-block;
    color: #272727;
    padding-right: 2px;
    white-space: nowrap;
}

.breadcrumb ul li a {
    color: #272727;
    text-transform: none;
    font-weight: 400;
    font-size: 12px;
    padding-right: 2px;
    text-decoration: none;
}

.breadcrumb .fa,
.breadcrumb .fas {
    font-weight: 600;
    font-size: 11px;
}

.breadcrumb ul li a:hover {
    color: #FD8204;
}

.breadcrumb li:last-of-type a {
    /* color: #000 !important; */
    /* text-decoration: underline; */
    /* font-weight: 600; */
}

.breadcrumb li:last-of-type i {
    display: none;
}

@media screen and (max-width: 430px) {
    .breadcrumb ul {
        display: none;
    }
}

#content {
    min-height: 600px;
}

.page-information #content {
    min-height: 300px;
}

@media (max-width: 769px) {
    .breadcrumb {
        /* padding-top: 20px; */
        padding-bottom: 20px;
        margin: 10px 0px 10px!important;
    }
    .breadcrumb .breadcrumb-heading {
        font-size: 26px!important;
    }
}


/* FOOTER */

footer ul li {
    line-height: 30px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}


/* footer ul li:hover{padding-left:10px;} */

#powered {
    text-align: center;
    padding: 45px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background: #f8f8f8;
}

.copyright {
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    line-height: 24px;
    letter-spacing: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #FD8204 !important;
    color: #fff;
}

.cards-copyright {
    float: right;
}

#push-top {
    background-color: #e0e0e0;
    box-shadow: 0 0 0 0 #1cba37 inset;
    color: #414141;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 15px;
    text-align: center;
    top: 80%;
    transition: all 0.5s ease-in-out 0s;
    z-index: 999;
    opacity: 40%;
}

.lista-unstyled li:before {
    display: none;
}

.footer-top {
    background-color: #FD8204;
    position: relative;
    padding-bottom: 20px;
    color: #000;
}

.footer-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: 0.95;
    pointer-events: none;
    z-index: 0;
}

.footer-top > .container, .footer-top * {
    position: relative;
    z-index: 1;
    font-size: 14px;
    font-weight: 300;
    /* color: #000 !important; */
}
.footer-top > .container{
    padding-top: 43px;
    border-top: 1px solid #DED7D7;
}

.footer-top li a {
    color: #000 !important;
    font-size: 16px;
    font-weight: 300;
    /* text-transform: capitalize; */
}
.footer-top li a:hover{
    opacity:0.6;
}
.footer-top a {
    color: #000 !important;
    font-size: 14px;
}

.footer-top h5 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #FD8204;
    font-weight: 500;
    padding-bottom: 6px;
    border-bottom: 1px solid #FD8204;
}
.footer-top i {
    color: #FD8204;
        font-size: 20px;
}

.footer-v2 #powered {
    display: none;
}

.footer-v2 .titolo-store {
    text-transform: capitalize;
    font-size: 23px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer-v2 .titolo-store2 {
    text-transform: capitalize;
    font-size: 18px;
    color: #fff;
}

.footer-v2 .descrizione-store {
    line-height: 22px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 30px !important;
}

#footer .footer-v2 .pagamenti {
    margin-top: 10px;
    color: #000000;
}

.social-list {
    margin-top: 35px;
}

.social-circle {
    background: #FFF;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.social-circle i {
    color: #FD8204 !important;
    padding: 4px;
}

.copyright-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 992px) {
    footer {
        overflow-x: hidden;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .footer-top .block {
        min-height: 250px;
    }
}

@media (max-width: 767px) {
    footer h5 {
        margin-bottom: 10px;
        margin-top: 20px;
    }
}

@media (max-width: 430px) {
    .cards-copyright {
        float: none;
        margin-top: 9px;
    }
    .copyright-socialweb{
        display: block;
        margin: 0 auto
    }
    .usp-footer{
        padding: 15px 0 15px!important;
    }
}

.padding-bottom-30 {
    padding-bottom: 30px!important;
}

.parallaxe-overflow {
    background-image: url(https://gmvegasi.it/image/catalog/parallax/parallax.png)!important;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    opacity: 0.8;
    padding: 40px 0px;
    height: auto;
    background-attachment: initial;
    background-position: center!important;
    background-repeat: space;
    background-size: cover;
    /* background-color: lightsalmon;*/
}


/* .parallax-text{
  line-height: 22px;
} */

@media (min-width: 1000px) {
    .parallaxe-overflow {
        height: 516px;
    }
}


/* SIDMENU */

.panel {
    -webkit-box-shadow: 0 0px 0px transparent;
    box-shadow: 0 0px 0px transparent;
}

.panel-body .list-group-item {
    border: none;
}

.panel-body .list-group-item:hover>a,
.panel-body .list-group-item li:hover a {
    font-weight: 400;
}

.panel-body .list-group-item ul li {
    padding: 5px 0;
    border: none;
}

.panel {
    position: relative;
}

#offcanvasmenu .navbar-nav {
    float: none;
    padding: 0 10px;
}

#offcanvasmenu .navbar-nav>li {
    float: none;
    border-bottom: 1px solid #ebebeb;
    padding: 0;
}

#offcanvasmenu .navbar-nav>li>a {
    background: transparent;
    padding: 12px 20px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
}

#offcanvasmenu .navbar-nav>li:last-child {
    border-bottom: none;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-20 {
    padding: 20px !important;
}
.pr-0{
    padding-right: 0px;
}
.pl-0{
    padding-left: 0px;
}
.page-home .panel-heading:before {
    display: none;
}

.offcanvas-inner {
    float: none;
    padding: 0 10px;
    margin-top: 0;
    position: fixed;
    top: 0;
    width: 280px;
    overflow: auto;
    background: #fff;
    display: inline-block;
    height: 100%;
}

.offcanvas-inner {
    float: none;
    padding: 0 10px;
    margin-top: 0;
    position: fixed;
    top: 0;
    width: 280px;
    height: 100%;
    overflow: auto;
    background: #fff;
    display: inline-block;
    z-index: 9999;
}

.tabcontent {
    height: 550px;
}

.tab-cst button.active {
    background-color: #FD8204 !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.tab-cst button {
    background-color: #fff !important;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px;
    transition: 0.3s;
    color: #262e31;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 10px;
}

.offcanvas-inner .panel-heading {
    padding: 10px 0;
}
@media screen and (max-width: 992px) {
    .offcanvas-inner .panel-heading{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #language_mobile .fa-caret-down {
        color: #FD8204 !important;
    }
}

.offcanvas-inner .panel-heading .btn-primary {
    padding: 0;
    border-radius: 100%;
    background-color: transparent;
    color: #262e31 !important;
    font-size: 18px;
}

#Categorie li {
    padding: 7px 5px !important;
    float: none !important;
}

#Pagine li {
    padding: 7px 5px 0 !important;
    float: none !important;
}

#Categorie .collapse {
    list-style-type: none;
    padding: 0;
}

#Categorie .collapse li {
    padding: 4px 0 !important;
}

#Categorie .collapse li a {
    font-weight: 400 !important;
    text-transform: none !important;
    padding-top: 5px !important;
    width: 90%;
    text-transform: uppercase !important;
    padding-left: 10px !important;
}

#Categorie li a {
    background: transparent !important;
    padding: 0 0 5px !important;
    font-family: "Inter", sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    display: inline-block !important;
    border-bottom: 1px solid #ebebeb !important;
    width: 90%;
}

#Pagine li a {
    background: transparent !important;
    padding: 7px 0 !important;
    font-family: "Inter", sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    display: inline-block !important;
    width: 85% !important;
    color: #272727;
}

#Pagine #offcanvasmenu .navbar-nav {
    position: relative;
}

#Categorie .list-group-item a {
    font-weight: 500 !important;
}

#Categorie .panel-body .list-group-item ul li {
    list-style-type: none;
    padding-left: 0 !important;
    margin-left: 0;
    font-weight: 400 !important;
}

.row-offcanvas-left .offcanvas-inner {
    left: -280px !important;
}

.row-offcanvas-left.active .offcanvas-inner {
    left: 0 !important;
}

.btn-sidemenu-md {
    padding: 0px 12px!important;
}

@media (max-width: 1024px) {
    .offcanvas-inner {
        position: fixed;
    }
    .offcanvas-heading .btn-primary {
        padding: 5px;
    }
    #offcanvasmenu .navbar-nav>li>a {
        padding: 7px 35px;
    }
    #Categorie .panel-body .list-group-item ul li {
        list-style-type: none;
        padding-left: 15px !important;
        margin-left: 0;
    }
    .box-category .list-group-item {
        padding-bottom: 15px !important;
        position: relative;
        display: block;
        margin:7px 0px;
        background-color: #fff;
        border-bottom: 1px solid #ddd !important;
    }
    #Categorie li a {
        background: 0 0 !important;
        padding: 0 0 0px !important;
        border-bottom: unset !important;
        font-family: Inter, sans-serif !important;
        font-weight: 500;
        text-transform: uppercase !important;
        font-size: 16px !important;
        display: inline-block !important;
    }
    .angle_mobile_a {
        position: absolute;
        top: 9px;
        right: 13px;
        padding-left: 90%;
        font-size: 18px;
    }
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }
    .row-offcanvas-right {
        right: 0;
    }
    .row-offcanvas-left {
        left: 0;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -280px;
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -280px;
    }
    .row-offcanvas-right.active {
        right: 280px;
    }
    .row-offcanvas-right.active:before {
        background: rgba(0, 0, 0, 0.3);
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 9;
    }
    .row-offcanvas-left.active {
        left: 280px;
    }
    .row-offcanvas-left.active:before {
        background: rgba(0, 0, 0, 0.3);
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 9;
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 280px;
        background: #fff;
    }
    .bottom-offcanvas {
        border-top: 1px solid #ebebeb;
        padding: 10px 0;
    }
    #offcanvasmenu .navbar-nav {
        float: none;
        padding: 0 10px;
        position: fixed;
        width: 280px;
    }
    .offcanvas-inner {
        position: fixed;
    }
    .offcanvas-heading .btn-primary {
        padding: 5px;
    }
    #offcanvasmenu .navbar-nav>li>a {
        padding: 7px 35px;
    }
}

#Pagine .megamenu {
    padding: 0;
    margin-top: 20px;
}

.owl-wrapper-outer {
    border-radius: 0px !important;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    border: none;
    box-shadow: none;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-carousel .owl-item .item {
    padding: 0px;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.owl-carousel {
    margin: 0px !important;
    direction: ltr !important;
    overflow: hidden;
}

.owl-carousel-play {
    position: relative;
}


/* BANNERS CAROUSEL PREFOOTER START */

.carosello-partner .carousel-controls {
    display: flex;
    justify-content: flex-end;
    margin-top: -28px;
    margin-bottom: 7px;
}

.carosello-partner .carousel-control {
    position: initial;
    width: initial;
}

.carosello-partner .carousel-control.left,
.carosello-partner .carousel-control.right {
    background-image: none !important;
    color: grey;
    padding: 4px 6px;
}

.carosello-partner .carousel-control.left {
    margin-right: 5px;
}

.carosello-partner .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carosello-partner .carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carosello-partner .carousel-control.left {
    background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
}

.carosello-partner .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient( to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
}

.carosello-partner .carousel-control:focus,
.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
}

.carosello-partner .owl-wrapper-outer {
    border-radius: 0 !important;
}

.carosello-partner .owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.carosello-partner .owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    background: 0 0 !important;
}

.carosello-partner .owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
}

.carosello-partner .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    border: none;
    box-shadow: none;
}

.carosello-partner .owl-carousel .owl-item {
    float: left;
}

.carosello-partner .owl-carousel .owl-item .item {
    padding: 0;
}

.carosello-partner .owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.carosello-partner .owl-carousel {
    margin: 0 !important;
    direction: ltr !important;
    overflow: hidden;
}

.carosello-partner .owl-carousel-play {
    position: relative;
}

.carosello-partner .owl-carousel-play .carousel-control {
    z-index: 5;
}

.carosello-partner .carousel-controls {
    width: 70px;
    height: 30px;
    right: 0;
    position: absolute;
    top: -72px;
    z-index: 10;
}

.carosello-partner .carousel-controls .carousel-control {
    background: #fff;
    color: #999;
    z-index: 99;
    left: auto;
    text-shadow: none;
    font-size: 12px;
    width: 20px;
    height: 20px;
    opacity: 1;
    line-height: 27px;
}

.carosello-partner .carousel-controls .carousel-control.left {
    left: 0;
}

.carosello-partner .carousel-controls .carousel-control.right {
    right: 0;
}

.carosello-partner .carousel-controls .carousel-control:hover {
    background-color: #FD8204;
    color: #fff;
}

.carosello-partner .carousel-controls .carousel-control.right {
    margin-top: 140px;
    margin-right: -25px;
}

.carosello-partner .carousel-controls .carousel-control.right {
    margin-top: 4.3%;
    margin-right: -34px;
}

.carosello-partner .carousel-controls .carousel-control.left {
    margin-top: 4.3%;
    margin-left: -34px;
}

.carosello-partner .carousel-controls {
    position: initial;
}

@media (max-width: 991px) {
    .carosello-partner .carousel-controls .carousel-control.right {
        margin-top: 14%;
        margin-right: -16px;
    }
    .carosello-partner .carousel-controls .carousel-control.left {
        margin-top: 14%;
        margin-left: -16px;
    }
}

.carosello-partner .carousel-control.left,
.carosello-partner .carousel-control.right {
    padding: 3px 0px;
}

.carosello-partner .carousel-control.left i,
.carosello-partner .carousel-control.right i {
    color: gray;
    font-size: 26px;
}


.carosello-partner .carousel-control.left i,
.carosello-partner .carousel-control.right i {
    display: block;
}


/* BANNERS CAROUSEL PREFOOTER END */

.border-grey {
    border: 1px solid #eeeeee;
}

.margin-top-bottom-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.centopercento img {
    width: 100%;
}

.fs14 {
    font-size: 14px;
}


/* TITLES */

.titolo-custom,
.titolo-custom.row {
    border-bottom: 1.2px solid #FD8204;
}

.titolo-tag {
    width: fit-content;
    background: #FD8204;
    color: white;
    padding: 5px 21px 5px 10px;
    margin: 0px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
}

.titolo-tag a {
    color: white;
}


/* BLOCCO PRODOTTO COMMON START */

.price {
    font-size: 16px;
    color: #272727;
    margin-top: -5px;
}

.price .price-old {
    font-size: 20px;
    color: #999999;
    font-family: "Source Sans Pro", sans-serif;
}

.product-block {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    min-height: 420px;
}

.product-block .description {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 20px;
    color: #666666;
    display: none;
}

.product-block .name {
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 0;
    overflow: hidden;
    font-weight: normal;
}

.product-block .image {
    /* padding: 7px 7px 0px 7px; */
    position: relative;
    /* overflow: hidden; */
    border: 0px;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    z-index: 0;
}

.product-block .image .img-responsive {
    display: block;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    filter: brightness(0.97);
}

.product-block .product-meta {
    position: relative;
    margin-top: 15px;
}

.product-block .brand {
    position: absolute;
    bottom: 0px;
    /* left: 6px; */
    left: 0px;
    font-size: 12px;
    background: #f8f8f8;
    padding: 4px 9px 4px 3px;
}

.product-block .brand-product {
 min-height: 18px;
}
.product-block-category .description{
  color: #4A5565;
}

.taglia {
    margin-top: -7px;
    text-align: left;
    font-size: 12px;
    padding: 0 10px 0px 10px!important;
}

.product-block .image-color {
    background: transparent;
}

.image-color-padre {
    overflow: auto;
    padding: 0 10px 0px 10px!important;
}

.product-block .owl-item {
    /* border: 1px solid lightgray; */
    margin-right: 8px;
    margin-bottom: 10px;
}

@media screen and (min-width:1000px) {
    .img-height100-desktop img {
        height: 100%!important;
    }
    .lg-mb-50{
        margin-bottom: 50px;
    }
    .lg-mb-20{
        margin-bottom: 20px;
    }
    .lg-pl-0{
        padding-left: 0px;
    }
}


@media (max-width: 1200px) and (min-width: 991px) {
    .price .price-old {
        font-size: 11px;
        line-height: 30px;
    }
    .menu-links {
        font-size: 12px;
    }
    .navbar-nav>li>a {
        padding: 15px 8px;
    }
    .product-block .name {
        min-height: 60px!important;
    }
    .product-block:hover .short_name, .product-block .long_name {
        max-height: 72px!important;
    }
    .product-block .prezzo-prodotto-barrato {
        font-size: 10px!important;
    }
}

.product-block .name a {
    font-size: 18px;
    font-weight: 700;
}

.product-block .name {
    margin-bottom: 0;
    height: 38px;
    margin-top: 10px;
}
.brand-product{
    /* position: absolute;
    top: -10px; */
    font-size: 13px;
}
.product-block .top {
    text-align: left;
    margin-bottom: 0;
    min-height: 40px;
    /* border-bottom: 1px solid #f8f8f8; */
}
.product-block .rating{
    font-size: 11px;
    margin: 10px 0px 0px;
}
.product-block .rating i{
    font-size: 14px;
    color: #FD8204;
}

@media screen and (max-width: 1030px) {
    .product-block .top {
        min-height: 70px;
    }
}


@media (max-width: 991px) {
    .product-block .product-meta {
        min-height: 150px;
    }
}

@media (max-width: 430px) {
    .product-col {
        padding: 15px 6px;
    }
    .product-block .name a {
        margin-bottom: 0;
        font-size: 14px;
        /*    letter-spacing: -0.5px;*/
    }
    .product-meta .top span a {
        font-size: 11px;
    }
    /* .button {
        font-size: 10px !important;
    } */
    .price .price-new {
        color: black;
        /* font-weight: 500; */
        font-size: 16px;
    }
    .product-meta .price {
        margin: auto;
    }
    .products-row {
        margin-right: 0px!important;
        margin-left: 0px!important;
    }
    .price-flexbox {
        padding: 0px!important;
    }
}

@media (max-width: 361px) {
    .price .price-new {
        font-size: 17px;
    }
}

@media (max-width: 361px) {
    .price .price-new {
        font-size: 15px;
    }
}

@media (max-width: 500px) {
    .product-block .name {
        min-height: 70px;
    }
}

.btn-prodotto a:hover {
    background: #fff;
    color: #FD8204 !important;
    border-color: #FD8204 !important;
}

.btn-prodotto a {
    display: block;
    /* margin-top: 10px;
  max-width: 109px; */
    text-transform: capitalize;
    padding: 7px !important;
    background: #fff;
    font-weight: 600;
    color: #666633 !important;
    border: 1.2px solid #666633;
}

.product-meta .price {
    text-align: left;
    max-height: 52px;
}

@media (max-width: 991px) {
    .btn-prodotto {
        text-align: left;
        margin-top: 15px;
    }
    .product-block .product-meta {
        margin-top: 15px;
    }
}

.product-label {
    position: absolute;
    right: 0;
    top: 5px;
    padding: 5px;
    text-transform: uppercase;
    font-size: 11px;
    background: #666633;
    color: white;
}

@media screen and (max-width: 430px) {
    .mb-mobile-20 {
        margin-bottom: 20px;
    }
    .mb-mobile-10 {
        margin-bottom: 10px!important;
    }
    /* .product-col {
        padding: 15px 6px;
    } */
    /* .product-meta .top span a {
    position: relative;
    top: -23px;
  } */
    .product-meta .top span {
        display: block;
    }
    .price .price-old {
        position: absolute;
        top: 24px;
        width: max-content;
        font-size: 12px;
    }
    .btn-prodotto {
        margin-top: 0px;
    }
    .btn-prodotto a {
        margin-top: 0px;
        padding: 1px 4px !important;
    }
    .product-block .product-meta {
        min-height: 120px;
        padding: 0px 5px!important;
    }
    #Categorie .collapse li {
        padding: 4px 8px !important;
    }
    .footer-top h5 {
        font-size: 19px;
    }
}

@media screen and (max-width: 380px) {
    .price .price-old {
        font-size: 12px!important;
    }
    .product-layout {
        padding: 0px 8px;
    }
    .btn-prodotto a {
        padding: 2px 5px !important;
        margin: 0px 0px 0px 7px;
    }
    .product-label {
        font-size: 9px;
    }
}

@media screen and (max-width: 321px) {
    .btn-prodotto a {
        padding: 0px !important;
    }
    /* .accedi-mobile {
    left: 42px;
  } */
}


/* BLOCCO PRODOTTO COMMON END */


/* PRODUCT CAROUSEL FLECCE START */

.owl-carousel-play .carousel-control {
    z-index: 5;
}

.carousel-controls {
    width: 43px;
    height: 23px;
    right: 0;
    position: absolute;
    top: -20px;
    z-index: 10;
}

.carousel-controls .carousel-control {
    background: #fff;
    color: #999;
    z-index: 99;
    left: auto;
    text-shadow: none;
    font-size: 5px;
    width: 20px;
    height: 20px;
    opacity: 1;
    line-height: 27px;
}

.carousel-controls .carousel-control.left {
    left: 0;
}

.carousel-controls .carousel-control.right {
    right: 0;
}

.carousel-controls .carousel-control:hover {
    background-color: #a5ce6a;
    color: transparent;
}

.carousel-controls .carousel-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
    color: grey !important;
}


/* PRODUCT CAROUSEL FLECCE END */

.sticky-header-desktop {
    position: fixed;
    top: 0;
    z-index: 990;
    width: 100%;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.38);
    -moz-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.38);
    box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.38);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.price-old {
    display: block;
}

.navbar-mega .navbar-nav>li .dropdown-menu li:hover>.dropdown-menu {
    display: block;
}

.menupaloc.dropdown-menu.pull-right {
    right: -314px;
    left: auto;
    border: 1px solid #ececec!important;
    position: absolute!important;
    top: -6px!important;
}

.menupaloc {
    min-width: 314px!important;
}

.menupaloc li {
    width: 100%!important;
}

.categorie-footer a {
    text-transform: initial!important;
}

.categorie-footer a:first-letter {
    text-transform: uppercase!important;
}

.leggi-tutto-hp {
    color: #FD8204!important;
    font-weight: 600;
    text-decoration: underline;
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}
.ml-10 {
    margin-left: 10px;
}

.ml-auto {
    margin-left: auto;
}

.ml-5 {
    margin-left: 5px;
}

.ml-20 {
    margin-left: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}
.mb-40{
    margin-bottom: 40px;
}

.padding-top-bottom-40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}

.bg-dorato {
    background: #666633;
    border-color: #666633;
}

.testo-dorato a span {
    color: #666633!important;
}

.titolo-modulo {
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    font-size: 24px!important;
    font-weight: 600;
}
.titolo-modulo:before, .titolo-modulo:after{
content: "";
flex: 1 1;
border-bottom: 1px solid;
margin: auto;
}
.titolo-modulo:before {
margin-right: 10px
}
.titolo-modulo:after {
margin-left: 10px
}

/* DESKTOP SMALL */

@media screen and (min-width:1024px) and (max-width:1200px) {
    .header-v1 .logo {
        padding: 10px;
        /* margin-top: 10px; */
    }
    .btn-prodotto a {
        padding: 5px !important;
    }
}


/* DESKTOP */


/*Francesco product-block*/

.price-flexbox {
    display: flex!important;
    flex-direction: row!important;
    justify-content: space-between!important;
    align-items: center!important;
    padding: 10px 0px;
}

@media screen and (max-width: 768px) {
    .product-layout {
        margin-bottom: 25px!important;
    }
}

.price-old {
    position: unset!important;
}

.product-layout {
    border-right: none!important;
    margin-bottom: 15px!important;
    padding-left: 7px;
    padding-right: 7px;
}

.products-filter-panel {
    border-bottom: none;
}

.product-block {
    transition: transform .2s;
}

.product-block .product-meta {
    transition: transform .2s;
    margin-top: 0!important;
    padding: 15px;
/* Bordo: rimuoviamo quello superiore e teniamo gli altri */
    border: 1px solid #ececec;
    border-top: none; 
    
    /* Arrotondamento: solo angoli inferiori */
    border-radius: 0 0 15px 15px;
}

@media screen and (max-width: 1023px) {
    .short_name {
        max-height: 90px;
        min-height: 64px;
        display: block;
        /* padding: 5px!important; */
        color: #000;
        font-weight: 600;
        line-height: 18px;
    }
    .normal_name {
        max-height: 90px;
        display: block;
        min-height: 64px;
        /* padding: 5px!important; */
        color: #000;
        font-weight: 500;
    }
}


.long_name {
    /* padding: 5px!important; */
    display: none!important;
    color: #000;
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .short_name {
        display: block!important;
        font-size: 13px;
        line-height: 15px;
    }
    .long_name {
        display: none!important;
    }
}

@media screen and (min-width: 1024px) {
    .product-block:hover {
        -ms-transform: scale(1);
        /* IE 9 */
        -webkit-transform: scale(1);
        /* Safari 3-8 */
        transform: scale(1);
        /* z-index: 100; */
        margin-bottom: 0;
        right: 0px;
        top: 0px;
        /* transform-origin: top right; */
        /* max-height: 391px; */
    }
    /* .product-related .product-block:hover, .product-tabs .product-block:hover, .paloa-products-block .product-block:hover{
  position: relative;
} */
    .product-block:hover .short_name,
    .product-block .long_name {
        display: none!important;
        transition: opacity 0.5s ease;
        max-height: 52px;
    }
    .product-block:hover .long_name {
        display: block!important;
        transition: opacity 0.5s ease;
        color: #000;
        font-weight: 600;
    }
}

.product-block:hover .name {
    max-height: 80px;
}

.product-block .product-label {
    position: static;
    height: 30px;
    width: 30px;
    padding: 7px 3px;
    text-transform: uppercase;
    font-size: 9px;
    background: #FD8204!important;
    color: white;
    border-radius: 28px;
}

.product-block .product-sconto {
    /* position: absolute;
  height: 38px;
  width: max-content;
  right: 52px;
  top: 13px;
  padding: 8px 0px; */
    color: #FD8204!important;
    font-weight: 600;
    font-size: 11px;
}

.product-block .product-label-special {
    display: inline-block;
    width: 21px;
    text-align: center;
}

.product-block .sconto-mobile {
    width: 100%;
    margin: 2px 0px;
}

.product-block:hover {
    box-shadow: none
}


/* .image{
     border-bottom: 1px solid #ebebeb!important; 
} */

.minibasket .image {
    vertical-align: middle;
    border-bottom: none!important;
}

.top {
    padding: 5px 0px!important;
}

@media screen and (max-width:430px) {
    .widget-images .panel-title {
        font-size: 13px;
    }
    /* .widget-images img {
        height: 157px!important;
    } */
    .unavailable {
        font-size: 14px!important;
    }
    .product-block .product-meta .price {
        max-height: none!important;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        padding-bottom: 0px!important;
    }
    .product-block .top {
        min-height: 46px!important;
    }
    .product-block .name {
        min-height: 46px!important;
        max-height: 46px!important;
    }
    .normal_name {
        min-height: 46px!important;
        font-size: 12px;
    }
    .short_name {
        max-height: 46px;
        min-height: 46px;
    }
    .price-flexbox {
        width: 100%;
        flex-wrap: wrap;
        height: 40px;
    }
    .product-block .prezzo-prodotto-barrato {
        padding: 2px 4px!important;
        font-size: 9px!important;
        margin-left: 0px!important;
    }
}

@media screen and (max-width:510px) {
    .product-block .name {
        min-height: 44px!important;
        max-height: 44px!important;
    }
}

.product-block .prezzo-prodotto-barrato {
    /* margin-left: 10px; */
    /* background: #002654; */
    color: #99A1AF !important;
    /* padding: 2px 6px; */
    font-size: 14px;
    /* border-radius: 12px;*/
}
.prezzo-prodotto-barrato .percentage{
    color: #FD8204;
}
.product-block .percentage {
    margin-left: 15px;
    font-weight: 500;
    color: #FD8204;
}

.widget-images .widget-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
    background: rgba(39, 39, 39, 0.6);
    color: white;
    padding: 5px 7px;
}

.widget-images img {
    background: #FFF;
    /* width: 100%; */
    /* height: 194px; */
}

.icon-expand {
    display: none;
}

.unavailable {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 11px 0px;
    background: #d50337!important;
    color: white;
    opacity: 0.8;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    line-height: 2.5rem;
}

.free-shipping-product {
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 12px;
    font-weight: 900!important;
    line-height: 2.5rem;
    border: 1px solid #93c569;
    background-color: #93c569;
    color: #FFF;
    border-radius: 0.25rem;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.free-shipping-category {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 12px;
    font-weight: 900!important;
    line-height: 2.5rem;
    border: 1px solid #93c569;
    background-color: #93c569;
    color: #FFF;
    border-radius: 0.25rem;
    padding-left: 5px;
    padding-right: 5px;
}

.methods-shipping {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
    min-height: 34px;
}

.status-black {
    color: #000;
}

.status-green {
    color: #93c569;
    font-weight: 600;
}

.status-red {
    color: #d50337;
    font-weight: 600;
}

.status-blue {
    color: #188ca2;
    font-weight: 600;
}

@media screen and (min-width: 720px) {
    .lg-mb-66 {
        margin-bottom: 66px!important;
    }
    .lg-mb-140 {
        margin-bottom: 140px!important;
    }
}

@media (min-width: 769px) {
    .no-padding-dekstop {
        padding: 0 !important;
    }
}


/* Resoluzione Iphone 6/7/8 laterale */

@media screen and (max-width:700px) and (min-width:500px) {
    .usp-prefooter .titolo-icona2 {
        position: absolute;
        top: 72px;
        left: 28%;
        font-size: 11px;
    }
    .img-amazon {
        width: 50%;
    }
    .text-center-mobilelat {
        text-align: center;
    }
}


/* Resoluzione super laptop piccole */

@media screen and (max-width:1024px) and (min-width:991px) {
    .menu-links>div,
    .menu-links>a {
        padding: 8px;
    }
    .header-v1 {
        padding: 0px;
    }
    .navbar {
        min-height: 20px;
        ;
    }
    .menu-categorie .navbar {
        margin: 0px;
    }
}

.article-content h2 {
    font-size: 20px;
    color: #FD8204;
    font-weight: bold;
}

.article-content h3 {
    font-size: 24.5px;
    font-weight: bold;
}

.article-content h4 {
    font-size: 14px;
    font-weight: bold;
}

.article-content a {
    color: #FD8204!important;
}


/* Pagina Success */

.page-checkout-success #content {
    min-height: unset;
}

.page-checkout-success #content p a {
    color: #FD8204!important;
    font-weight: 600;
    text-decoration: underline;
}


/* Pagina informativa disponibilità */

.pagina-warning {
    display: inline-block;
    color: #9d8967!important;
}

.box-grigio {
    display: inline-block;
    border-color: #999;
    background-color: #ececec;
}

.box-gradi {
    display: inline-block;
}

@media (max-width:425px) {
    .page-information .widget-html {
        text-align: center;
        padding-top: 30px;
    }
}

.information-information-39 .descrizione-info {
    display: none;
}

.information-information-39 .fa-exclamation-triangle,
.information-information-39 .fa-recycle,
.information-information-39 .fa-info-circle,
.information-information-39 .fa-check-square {
    font-size: 42px;
    text-align: left;
    color: #bababa;
}

.clr-red {
    color: #FD8204;
}

.fotodiv {
    overflow: auto;
}

.btn-addfoto {
    margin-top: 30px;
}

.triangle {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 53px 53px 0;
    border-color: transparent #002654 transparent transparent
}
.circle{
position: absolute;
    right: 13px;
    top: 13px;
    background: #FD8204;
    width: 50px;
    height: 25px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-wishlist{
    position: absolute;
    left: 18px;
    bottom: 10px;
    background: #fd8204;
    width: 40px;
    height: 40px;
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.circle-wishlist a{
    color: white;
}

/* @media (max-width:425px) {
    .circle-wishlist{
        left: 5px;
        top: 5px;
    }
} */
@media (max-width:769px) {
    .product-block .image {
        overflow: inherit!important;
    }
    .circle-wishlist{
        left: -5px;
        top: -12px;
    }
    .circle{
        right: -3px;
        top: -13px;
    }
}

.circle-wishlist .fa-lg{
    vertical-align: -25%;
}

.circle > div {
    font-size: 9px;
    color: white;
}

.product-new {
    transform: rotate(45deg);
    font-size: 9px;
    font-weight: 600;
    color: white;
    background: #002654;
    position: absolute;
    right: -53px;
    top: 13px;
}

.product-sconto.with-new {
    top: 14px;
    left: 12px;
}

.product-label.with-new {
    top: 14px;
    left: 74px;
}


/* Nascondere breadcrumb nel success checkout */

.page-checkout-success .breadcrumb ul {
    display: none;
}

.colori-mobile {
    margin: 0px;
    font-size: 10px;
    /* padding: 0px 4px; */
    min-height: 14px;
}

.btn-cart-header {
    padding: 16px;
}

.lozad {
    opacity: 0;
    transition: opacity 1000ms ease 100ms;
}

.lozad[data-loaded] {
    opacity: 1;
}
.btn-language{
    padding: 0px;
    color: white;
}
#language .btn-group .dropdown-menu{
    width: fit-content;
    text-align: left;
    min-width: unset;
}

.page-checkout-success .maincols{
    padding-bottom: 20px;
}

.HP-box-description{
    min-height: 50px;
}

@media screen and (max-width: 991px){
    .margin-top-15-tablet {
        margin-top: 15px;
    }
}
.actions-buttons .bg-purple{
    cursor: pointer;
}
/*Mauro FIxes*/

/*Megamenu fix*/
/* Assicurati che il contenitore sia relativo */
.classenav .dropdown {
    position: relative;
}

/* Crea un'area trasparente sopra il sottomenu alta 20px */
.classenav .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -20px; /* Altezza del ponte verso l'alto */
    left: 0;
    width: 100%;
    height: 20px; /* Deve coincidere con il valore top */
    background: transparent;
    z-index: 999;
}
.navbar-mega .navbar-nav>li .dropdown-menu li a:hover{
    opacity: 0.7;
}
/* --- MARGIN --- */
.m-0 { margin: 0 !important; } .m-1 { margin: 4px !important; } .m-2 { margin: 8px !important; } 
.m-3 { margin: 16px !important; } .m-4 { margin: 24px !important; } .m-5 { margin: 48px !important; }
.mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 4px !important; } .mt-2 { margin-top: 8px !important; } .mt-3 { margin-top: 16px !important; } .mt-4 { margin-top: 24px !important; } .mt-5 { margin-top: 48px !important; }
.mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 4px !important; } .mb-2 { margin-bottom: 8px !important; } .mb-3 { margin-bottom: 16px !important; } .mb-4 { margin-bottom: 24px !important; } .mb-5 { margin-bottom: 48px !important; }
.ml-0 { margin-left: 0 !important; } .ml-1 { margin-left: 4px !important; } .ml-2 { margin-left: 8px !important; } .ml-3 { margin-left: 16px !important; } .ml-auto { margin-left: auto !important; }
.mr-0 { margin-right: 0 !important; } .mr-1 { margin-right: 4px !important; } .mr-2 { margin-right: 8px !important; } .mr-3 { margin-right: 16px !important; } .mr-auto { margin-right: auto !important; }
.mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .mx-3 { margin-left: 16px !important; margin-right: 16px !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-3 { margin-top: 16px !important; margin-bottom: 16px !important; }

/* --- PADDING --- */
.p-0 { padding: 0 !important; } .p-1 { padding: 4px !important; } .p-2 { padding: 8px !important; } 
.p-3 { padding: 16px !important; } .p-4 { padding: 24px !important; } .p-5 { padding: 48px !important; }
.pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 4px !important; } .pt-2 { padding-top: 8px !important; } .pt-3 { padding-top: 16px !important; } .pt-4 { padding-top: 24px !important; } .pt-5 { padding-top: 48px !important; }
.pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 4px !important; } .pb-2 { padding-bottom: 8px !important; } .pb-3 { padding-bottom: 16px !important; } .pb-4 { padding-bottom: 24px !important; } .pb-5 { padding-bottom: 48px !important; }
.pl-0 { padding-left: 0 !important; } .pl-3 { padding-left: 16px !important; }
.pr-0 { padding-right: 0 !important; } .pr-3 { padding-right: 16px !important; }
.px-0 { padding-left: 0 !important; padding-right: 0 !important; } .px-3 { padding-left: 16px !important; padding-right: 16px !important; }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-3 { padding-top: 16px !important; padding-bottom: 16px !important; }

/* SM (Small) ≥ 768px */
@media (min-width: 768px) {
    .mt-sm-0 { margin-top: 0 !important; } .mb-sm-0 { margin-bottom: 0 !important; }
    .ml-sm-auto { margin-left: auto !important; } .mr-sm-auto { margin-right: auto !important; }
    .px-sm-3 { padding-left: 16px !important; padding-right: 16px !important; } .py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; }
}

/* MD (Medium) ≥ 992px */
@media (min-width: 992px) {
    .mt-md-0 { margin-top: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; }
    .mt-md-5 { margin-top: 48px !important; } .mb-md-5 { margin-bottom: 48px !important; }
    .ml-md-auto { margin-left: auto !important; } .mr-md-auto { margin-right: auto !important; }
    .mx-md-auto { margin-left: auto !important; margin-right: auto !important; }
    .px-md-3 { padding-left: 16px !important; padding-right: 16px !important; } .px-md-5 { padding-left: 48px !important; padding-right: 48px !important; }
    .py-md-5 { padding-top: 48px !important; padding-bottom: 48px !important; }
}

/* LG / XL (Large) ≥ 1200px */
@media (min-width: 1200px) {
    .mt-lg-5 { margin-top: 48px !important; } .mb-lg-5 { margin-bottom: 48px !important; }
    .ml-lg-auto { margin-left: auto !important; } .mr-lg-auto { margin-right: auto !important; }
    .px-lg-5 { padding-left: 48px !important; padding-right: 48px !important; } .py-lg-5 { padding-top: 48px !important; padding-bottom: 48px !important; }
    /* Alias XL per compatibilità BS5 */
    .mt-xl-5 { margin-top: 48px !important; } .mb-xl-5 { margin-bottom: 48px !important; }
    .ml-xl-auto { margin-left: auto !important; } .mr-xl-auto { margin-right: auto !important; }
}

/* XXL (Extra Extra Large) ≥ 1400px */
@media (min-width: 1400px) {
    .mt-xxl-5 { margin-top: 48px !important; } .mb-xxl-5 { margin-bottom: 48px !important; }
    .px-xxl-5 { padding-left: 48px !important; padding-right: 48px !important; }
    .mx-xxl-auto { margin-left: auto !important; margin-right: auto !important; }
}

/* --- SMALL (sm) ≥ 768px --- */
@media (min-width: 768px) {
    .pl-sm-0, .ps-sm-0 { padding-left: 0 !important; }
    .pr-sm-0, .pe-sm-0 { padding-right: 0 !important; }
    .pt-sm-0 { padding-top: 0 !important; }
    .pb-sm-0 { padding-bottom: 0 !important; }
    .ml-sm-0, .ms-sm-0 { margin-left: 0 !important; }
    .mr-sm-0, .me-sm-0 { margin-right: 0 !important; }
}

/* --- MEDIUM (md) ≥ 992px --- */
@media (min-width: 992px) {
    .pl-md-0, .ps-md-0 { padding-left: 0 !important; }
    .pr-md-0, .pe-md-0 { padding-right: 0 !important; }
    .pt-md-0 { padding-top: 0 !important; }
    .pb-md-0 { padding-bottom: 0 !important; }
    .ml-md-0, .ms-md-0 { margin-left: 0 !important; }
    .mr-md-0, .me-md-0 { margin-right: 0 !important; }
    
    .pl-md-3, .ps-md-3 { padding-left: 16px !important; }
    .pr-md-3, .pe-md-3 { padding-right: 16px !important; }
    .ml-md-3, .ms-md-3 { margin-left: 16px !important; }
    .mr-md-3, .me-md-3 { margin-right: 16px !important; }
}

/* --- LARGE (lg) ≥ 1200px --- */
@media (min-width: 1200px) {
    .pl-lg-0, .ps-lg-0 { padding-left: 0 !important; }
    .pr-lg-0, .pe-lg-0 { padding-right: 0 !important; }
    .ml-lg-0, .ms-lg-0 { margin-left: 0 !important; }
    .mr-lg-0, .me-lg-0 { margin-right: 0 !important; }
}

/* --- EXTRA LARGE (xl) ≥ 1200px (Alias di LG per BS3) --- */
@media (min-width: 1200px) {
    .pl-xl-0, .ps-xl-0 { padding-left: 0 !important; }
    .pr-xl-0, .pe-xl-0 { padding-right: 0 !important; }
}

/* --- EXTRA EXTRA LARGE (xxl) ≥ 1400px --- */
@media (min-width: 1400px) {
    .pl-xxl-0, .ps-xxl-0 { padding-left: 0 !important; }
    .pr-xxl-0, .pe-xxl-0 { padding-right: 0 !important; }
    .ml-xxl-0, .ms-xxl-0 { margin-left: 0 !important; }
    .mr-xxl-0, .me-xxl-0 { margin-right: 0 !important; }
}

/* 1. Il contenitore deve bloccare l'immagine che cresce */
.immagine-auto {
    overflow: hidden; /* Fondamentale: taglia l'immagine quando si ingrandisce */
    border-radius: 15px 15px 0 0; /* Mantieni l'arrotondamento sul contenitore */
    display: block;
}

/* 2. L'immagine deve avere una transizione fluida */
.immagine-auto img {
    transition: transform 0.5s ease; /* Durata dell'animazione */
    width: 100%;
    height: auto;
    display: block;
}

/* 3. Effetto Zoom al passaggio del mouse */
.immagine-auto:hover img {
    transform: scale(1.1); /* Ingrandisce l'immagine del 10% */
}
/*Playfair Display per i titoli*/
.title-section h3, .side-title-section h3,
.title-section h2, .side-title-section h2 {
    font-family: "Playfair Display", serif;
}

/*==============================
  HOME PAGE
  =============================================*/
  .hb-img i{
    font-size: 6rem;
  }
/*Newsletter*/
.formNewLestter .form-control,
.pav-newsletter .btn-primary{
    border-radius:15px;
}
@media (min-width:992px){
.formNewLestter .form-control{

    border-radius: 15px 0 0 15px;
}
.pav-newsletter .btn-primary {
    border-radius: 0 15px 15px 0;
}
}
/* Margine tra le due righe */
.partners-section .mb-4 {
    margin-bottom: 30px;
}
/*=============================================
  STILE GLOBALE CAROSELLI (Tutte le pagine)
  =============================================*/

/* 1. Sblocca gli overflow dei padri comuni ai caroselli (necessario per il peek) */
.pav-inner.container, 
.row-level-1, 
.row-inner, 
.col-inner,
.panel.bg-carousel,
.owl-carousel, 
.owl-wrapper-outer {
    overflow: visible !important;
}

.btn-vedi-tutto{
    text-align: right;
}

@media (max-width: 991px) {
    .btn-vedi-tutto{
        text-align: left;
    }
}

.btn-vedi-tutto .outline{
border: 1px solid #FD8204;
    color: #FD8204 !important;
    padding: 10px 15px;
    border-radius: 15px;
    transition: all 0.3s ease;
    background: #fff;
    text-transform: none;
    font-weight: 400;
}
.btn-vedi-tutto .outline:hover{
    background-image: linear-gradient(rgba(0, 0, 0, 0.07) 0 0) !important;
}

/*=============================================
  DESKTOP (min-width: 1200px)
  =============================================*/
@media (min-width: 1200px) {
    
    .box-products.owl-carousel-play {
        /* RIMOSSO il margin-right negativo che falsava le dimensioni delle card */
        position: relative;
    }

    /* Gap tra i prodotti (30px a tutti tranne il primo) */
    .box-products.owl-carousel-play .owl-item:not(:first-child) {
        margin-left: 30px !important;
    }

    /* Controlli in ALTO a DESTRA */
    .box-products.owl-carousel-play .carousel-controls {
        display: block !important;
        position: absolute;
        top: 100%; 
        left: 0; /* Riportati a 0 per farli allineare al bordo del contenitore standard */
        z-index: 9;
        width: 80px;
    }
}

/*=============================================
  MOBILE E TABLET (max-width: 1199px)
  =============================================*/
@media (max-width: 1199px) {
    /* Crea spazio sotto il carosello per le frecce */
    .box-products.owl-carousel-play {
        position: relative;
    }

    /* Controlli in BASSO a SINISTRA */
    .box-products.owl-carousel-play .carousel-controls {
        display: block !important;
        position: absolute;
        bottom: 0px; 
        left: 15px; 
        top: auto; 
        right: auto;
        width: 100px;
        z-index: 999;
    }
}

/*=============================================
  STILE FRECCE (Globale per tutte le risoluzioni)
  =============================================*/
.box-products.owl-carousel-play .carousel-control {
    position: relative !important;
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 35px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    color: #333 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    text-align: center;
    transition: all 0.3s ease;
    top:0 !important;
}

.box-products.owl-carousel-play .carousel-control.left { 
    left: 0 !important; 
    margin-right: 5px; 
}

.box-products.owl-carousel-play .carousel-control.right { 
    right: 0 !important; 
}

.box-products.owl-carousel-play .carousel-control:hover {
    background: #ff9d5c !important;
    color: #fff !important;
    border-color: #ff9d5c !important;
}
/*=============================================
  BLOG
  =============================================*/
  .location-field{
    color: #4A5565;
  }
    .location-field span{
    color: #FD8204;
  }

  .artblock-left {
    position: relative;
    overflow: hidden; 
        border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/* Il link diventa una "coperta" trasparente sopra l'immagine */
.artblock-left > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: block;
}

/* Assicuriamoci che l'immagine nascosta non interferisca */
.artblock-left > a img.hidden {
    display: none !important;
}

/* Prepariamo l'immagine all'animazione */
.artblock-img {
    transition: transform 0.4s ease;
}

/* Effetto Zoom */
.artblock-left:hover .artblock-img {
    transform: scale(1.08);
}

/* --- BADGE DATA (Alto a Sinistra) --- */
.date-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ffffff;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    z-index: 10;
    pointer-events: none; /* IMPORTANTISSIMO: permette di cliccare il link sotto al badge! */
}

.date-badge .badge-day {
font-size: 26px;
    font-weight: 700;
    color: #fd8204;
}

.date-badge .badge-month {
    font-size: 13px;
    font-weight: 700;
    color: #4a4a4a;
    text-transform: uppercase;
    margin-top: -2px;
}

.date-badge .badge-year {
    font-size: 11px;
    color: #888888;
}

/* --- BADGE ORARIO (Alto a Destra) --- */
.time-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #F18600; /* L'arancione dello screenshot */
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    padding: 4px 12px;
    border-radius: 12px;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    pointer-events: none; /* Permette il click sottostante */
}

/* 1. MOBILE (Impostazione base): 1 colonna */
.grid-blog {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px;
    
}
    .artblock-img{
        height: 300px !important;
    }

/* 2. TABLET (es. da 480px in su): 2 colonne */
@media screen and (min-width: 480px) {
    .grid-blog {
        grid-template-columns: 1fr 1fr;
    }
}

/* 3. DESKTOP (dal tuo codice, da 770px in su): 3 colonne */
@media screen and (min-width: 1200px) {
    .grid-blog {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/*==============================
  Footer
  =============================================*/

  .socials-topbar-col1 {
        justify-content: flex-start;
    padding-inline-start: 0;
    color: #fd8204;
        margin-top: 30px;
}

.socials-topbar-col1 span{
    font-weight: 500;
}

@media (min-width: 992px) {
    
    /* 1. IMPOSTIAMO IL CONTAINER COME RIFERIMENTO PER LA LARGHEZZA */
    .bg-menu-cat > .container {
        position: relative; 
    }

    /* 2. ANNULLIAMO IL POSIZIONAMENTO RELATIVO DI BOOTSTRAP SUI PADRI INTERMEDI */
    .bg-menu-cat .col-md-8,
    .bg-menu-cat .menu-categorie,
    .bg-menu-cat .navbar,
    .bg-menu-cat .navbar-collapse,
    .classenav,
    .classenav > li.dropdown {
        position: static !important; 
    }

    /* 3. IL CODICE HOVER + LARGHEZZA TOTALE DEL CONTAINER */
    .classenav .dropdown-menu {
        display: block !important; 
        visibility: hidden;
        opacity: 0;
        pointer-events: none; 
        transition: opacity 0.3s ease, visibility 0s linear 0.3s; 
        
        position: absolute !important;
        top: 100%;
        left: 15px !important;  
        right: 15px !important; 
        width: auto !important; 
        margin: 0 !important; 
        
        padding: 0 !important; /* RIMOSSO IL PADDING GLOBALE */
        border-radius: 0 0 15px 15px;
        background: #ffffff;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        border: none;
    }

    .classenav .dropdown:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        pointer-events: auto; 
        transition: opacity 0.3s ease, visibility 0s linear 0s; 
    }

    /* 4. LAYOUT INTERNO: IMMAGINE E COLONNE (FLEXBOX) */
    .classenav .dropdown-inner {
        display: flex;
        flex-direction: row;
        align-items: stretch; /* Obbliga tutti i figli (immagine compresa) a essere alti uguali */
        width: 100%;
        min-height: 250px;
        padding-right: 20px; /* Ridiamo il padding solo sul lato destro per i testi */
        gap: 30px; /* Crea uno stacco perfetto tra immagine e testi, e tra le colonne */
    }

    /* --- STILE PER L'IMMAGINE CHE TOCCA I BORDI --- */
    .classenav .megamenu-image-container {
        flex: 0 0 260px; /* Larghezza dell'immagine */
        margin: 0; 
        /* Arrotonda SOLO l'angolo in basso a sinistra per combaciare perfettamente col menu */
        border-radius: 0 0 0 15px; 
        overflow: hidden; 
    }

    .classenav .megamenu-image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Taglia l'immagine mantenendo le proporzioni e riempiendo tutta l'altezza */
    }

    /* Le colonne generate dal PHP */
    .classenav ul.altra-colonna {
        display: flex;
        flex-direction: column;
        flex: 1; 
        margin: 0;
        padding: 20px 0; /* Ridiamo il padding sopra e sotto SOLTANTO ai testi */
    }

    /* Stile dei link nel megamenu */
    .classenav ul.altra-colonna > li {
        width: 100%;
    }

    .classenav ul.altra-colonna a.flex-center {
        display: block;
        padding: 8px 0;
        color: #444444;
        font-size: 14px;
        text-decoration: none;
        transition: color 0.2s ease;
    }

    .classenav ul.altra-colonna a.flex-center:hover {
        color: #f38200; /* Arancione */
        background-color: transparent;
    }
}

/*==============================
  PAGINA PRODOTTO
  =============================================*/

  .cat-product{
    color: #4A5565;
    font-size: 18px;
  }
  .heading{
    font-weight: 700;
  }

  /* =========================================
   1. IMMAGINE PRINCIPALE (Grande)
   ========================================= */
/* Selezioniamo solo il primo <li> dentro .thumbnails (l'immagine grande) */
.thumbnails > li:first-child > a.thumbnail {
    padding: 0 !important;           /* Rimuove il "cuscinetto" bianco di Bootstrap */
    border: none !important;         /* Rimuove i bordi laterali */
    border-radius: 20px !important;  /* Angoli arrotondati a 20px */
    overflow: hidden;                /* Taglia eventuali parti di immagine che escono */
    display: block;
    background: transparent;
    filter: brightness(0.99);
}

.thumbnails > li:first-child > a.thumbnail img {
    width: 100%;                     /* Si allarga a tutto il container */
    height: 100%;                    /* Occupa tutta l'altezza disponibile */
    object-fit: cover;               /* Mantiene le proporzioni senza schiacciare l'immagine */
    border-radius: 20px;             /* Applica il raggio anche all'immagine per sicurezza */
    display: block;
}

/* =========================================
   2. MINIATURE DEL CAROSELLO (In basso)
   ========================================= */
/* Selezioniamo le miniature dentro gli item del carosello */
.image-additional a.thumbnail {
    padding: 0 !important;               /* Rimuove il padding di Bootstrap */
    border: 1px solid #ececec !important;/* Applica il bordo richiesto */
    border-radius: 5px !important;       /* Angoli arrotondati a 5px */
    overflow: hidden;                    /* Nasconde l'overflow dal container */
    display: block;
    margin-bottom: 0;
}

.image-additional a.thumbnail img {
    width: 100%;
    display: block;
    border-radius: 4px; /* Un pixel in meno del contenitore evita "sbavature" negli angoli */
}

.page-product .owl-carousel .owl-wrapper-outer {
    overflow: hidden !important;
}

.wrapper-product-white{
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    border:#DADADA solid 1px;
}

.page-product hr{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.list-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}
.list-icon i{
font-size: 20px;
}
.btn-anteprima {
    background: #ececec;
    text-transform: none;
    border-radius: 5px;
    color: #fd8204;
    margin: 10px 0;
    display: inline-flex;
}
.btn-anteprima:hover {
opacity: 0.8;
color: #fd8204;
}
.btn-cart i{
    font-size: 28px;
}
/* Si attiva solo da schermi desktop (Bootstrap 3: col-md) in su */
@media (min-width: 992px) {
    .flex-center-md {
        display: flex !important;
        align-items: center !important;
    }
}
/*==============================
  BOOTSTRAP OVERRIDE (Globale per tutte le pagine)
  =============================================*/
.page-product .maincols .form-control{
    border-radius: 10px !important;
        -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important
    box-shadow: none !important;
    -moz-box-shadow: none !important
}
.btn-primary{
    border-radius: 10px !important;
}

/* =============================================
   MEGA FILTER - CUSTOM DESIGN
   ============================================= */

/* Contenitore filtro: rimuove bordo e shadow di default */
.mfilter-box .mfilter-content {
    border: none !important;
    border-radius: 0 !important;
}
.mfilter-box .box-content.mfilter-content {
    padding: 0 !important;
}
.mfilter-box,
.catleft-custom,
.panel.catleft-custom {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
}

/* Intestazione sezione (es. "Prezzo", "Autore") */
.mfilter-box .mfilter-heading {
    background: transparent !important;
    border-top: none !important;
    border-bottom: 1px solid #FD8204 !important;
    margin-top: 18px;
    font-family: 'Inter', sans-serif !important;
}
.mfilter-box .mfilter-content > ul > li:first-child .mfilter-heading {
    margin-top: 0;
}
.mfilter-box .mfilter-heading-content {
    padding: 0 !important;
    overflow: visible;
}
.mfilter-box .mfilter-heading-text {
    margin-left: 0 !important;
    font-family: 'Inter', sans-serif !important;
}
.mfilter-box .mfilter-heading-text > span {
    color: #FD8204 !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    text-transform: none !important;
    letter-spacing: 0;
    padding-left: 0 !important;
    font-family: 'Playfair Display', serif !important;
}
/* Nascondi icona collassa */
.mfilter-box .mfilter-head-icon {
    display: none !important;
}

/* Rimuove il border-top sopra le opzioni */
.mfilter-box .mfilter-opts-container {
    border-top: none !important;
    padding: 4px 0 0 !important;
}
.mfilter-box .mfilter-content-wrapper {
    border: none !important;
}

/* ---- CHECKBOX ROWS ---- */
/* Usa display flex invece di table per avere più controllo */
.mfilter-box .mfilter-tb {
    display: block !important;
    width: 100%;
}
.mfilter-box .mfilter-options-container .mfilter-tb {
    display: block !important;
}
.mfilter-box .mfilter-tb-as-tr {
    display: flex !important;
    align-items: center;
    border-bottom: 1px solid #00000026;
}
/* .mfilter-box .mfilter-tb-as-tr:last-child {
    border-bottom: none;
} */
.mfilter-box .mfilter-tb-as-td {
    display: inline-flex !important;
    align-items: center;
    border-top: none !important;
    padding-top: 8px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Nascondi badge contatore */
.mfilter-box .mfilter-col-count {
    display: none !important;
}
/* Colonna checkbox */
.mfilter-box .mfilter-col-input {
    width: 18px !important;
    flex-shrink: 0;
    padding-right: 0 !important;
}
/* Checkbox personalizzata */
.mfilter-box .mfilter-col-input input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px;
    border: 1.5px solid #bbb !important;
    border-radius: 2px !important;
    cursor: pointer;
    background: #fff !important;
    background-image: none !important;
    position: relative;
    margin: 0 !important;
    margin-bottom: 5px !important;
    vertical-align: middle;
    transition: border-color 0.15s, background-color 0.15s;
}
.mfilter-box .mfilter-col-input input[type="checkbox"]:checked {
    background-color: #FD8204 !important;
    border-color: #FD8204 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l3 3 5-6' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-size: 10px 8px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/* Label testo opzione */
.mfilter-box label.mfilter-tb-as-td {
    font-size: 13px !important;
    color: #444 !important;
    font-weight: 400 !important;
    cursor: pointer;
    padding-left: 8px !important;
    flex: 1;
    word-break: break-word;
    white-space: normal !important;
    line-height: 1.3;
}

/* ---- PRICE SLIDER ---- */
/* Contenitore slider prezzi: rimuove immagine destra di default */
.mfilter-price-slider {
    padding: 2px 0 8px 0 !important;
    margin-right: 0 !important;
    background: none !important;
}

/* Display prezzi (min - max) */
.mfilter-price-inputs {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}
#mfilter-opts-price-min,
#mfilter-opts-price-max {
    width: 60px !important;
    min-width: 40px !important;
    max-width: 70px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #272727 !important;
    padding: 2px 0 !important;
    text-align: left !important;
    height: auto !important;
}
#mfilter-opts-price-max {
    text-align: right !important;
}
/* Nasconde il trattino "-" tra i valori */
.mfilter-price-inputs > span,
.mfilter-price-inputs .mfilter-price-separator {
    display: none;
}

/* Track (binario grigio) */
#mfilter-price-slider,
.mfilter-slider-slider {
    background: #e0e0e0 !important;
    background-image: none !important;
    height: 4px !important;
    border-radius: 4px !important;
    margin: 8px 2px 6px !important;
    position: relative;
}
/* Range (porzione arancio) */
#mfilter-price-slider .ui-slider-range,
.mfilter-slider-slider .ui-slider-range {
    background: #FD8204 !important;
    background-image: none !important;
    border-radius: 4px !important;
    border: none !important;
}
/* Maniglia (handle) */
#mfilter-price-slider .ui-slider-handle,
.mfilter-slider-slider .ui-slider-handle {
    background: #FD8204 !important;
    background-image: none !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    width: 16px !important;
    height: 16px !important;
    margin-left: -8px !important;
    margin-top: -7px !important;
    top: 50% !important;
    cursor: grab;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25) !important;
    outline: none !important;
    transition: box-shadow 0.15s !important;
}
#mfilter-price-slider .ui-slider-handle:active,
.mfilter-slider-slider .ui-slider-handle:active {
    cursor: grabbing;
    box-shadow: 0 2px 8px rgba(253,130,4,0.45) !important;
}

/* Slider generico (non-prezzo) */
.mfilter-slider-container {
    margin: 6px 0 8px !important;
}
.mfilter-box .mfilter-opts-slider-min,
.mfilter-box .mfilter-opts-slider-max {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #272727 !important;
    width: 60px !important;
    min-width: 40px !important;
    max-width: 70px !important;
    padding: 2px 0 !important;
    text-align: left !important;
    height: auto !important;
}

/* Pulsante reset */
.mfilter-button-reset {
    color: #777 !important;
    font-size: 12px;
    text-decoration: none !important;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 3px 8px;
    margin: 6px 0 0;
    display: inline-block;
}
.mfilter-button-reset:hover {
    color: #FD8204 !important;
    border-color: #FD8204;
}

/* Mobile: bottone apri filtri */
@media (max-width: 991px) {
    .mfilter-free-button {
        background-color: #FD8204 !important;
        border-color: #FD8204 !important;
    }
}

/* =============================================
   NEWS / BLOG — SIDEBAR CATEGORIE (Screen 1)
   ============================================= */

.ncategory-sidebar-heading {
    font-family: 'Playfair Display', serif;
    font-weight: 300;
    font-size: 20px;
    color: #FD8204;
    border-bottom: 1px solid #FD8204;
    padding-bottom: 8px;
    margin-top: 0;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.ncategory-sidebar {
    margin-top: 30px;
}

.ncategory-list {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.ncategory-list .list-group-item {
    border: none !important;
    border-bottom: 1px solid #DADADA !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 0px 0px 0px !important;
    color: #0A0A0A;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
}

.ncategory-list .list-group-item::after {
    content: '\203A';
    font-size: 22px;
    line-height: 1;
    color: #0A0A0A;
    flex-shrink: 0;
    margin-left: 8px;
}

.ncategory-list .list-group-item:hover,
.ncategory-list .list-group-item:focus {
    color: #FD8204;
    background: transparent !important;
    text-decoration: none;
}

.ncategory-list .list-group-item:hover::after {
    color: #FD8204;
}

.ncategory-list .list-group-item.active {
    color: #FD8204 !important;
    background: transparent !important;
    font-weight: 600;
}

.ncategory-list .list-group-item.active::after {
    color: #FD8204;
}

.ncategory-list .list-group-item.child {
    padding-left: 12px !important;
    font-size: 13px;
}

/* =============================================
   NEWS / BLOG — CARD ARTICOLO (comune a homepage e pagina blog)
   Rispecchia le classi di module/news.tpl
   ============================================= */

/* Card wrapper */
.artblock {
    display: flex;
    flex-direction: column;
    border: 1px solid #ececec;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow 0.2s ease;
}

.artblock:hover {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.10);
}

/* --- Parte sinistra: immagine + badge --- */
.artblock-left {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.artblock-img {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 220px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

/* Badge data (angolo in alto a sinistra) */
.date-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    padding: 6px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.1;
    min-width: 44px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    z-index: 2;
}

.date-badge .badge-day {
    font-size: 20px;
    font-weight: 700;
    color: #0A0A0A;
    line-height: 1;
}

.date-badge .badge-month {
    font-size: 11px;
    font-weight: 600;
    color: #FD8204;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.date-badge .badge-year {
    font-size: 10px;
    font-weight: 400;
    color: #706F6F;
}

/* Badge orario (angolo in alto a destra) */
.time-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #FD8204;
    color: #fff;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    box-shadow: 0 2px 6px rgba(253, 130, 4, 0.30);
    z-index: 2;
}

/* --- Parte destra: contenuto --- */
.artblock-right {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.artblock h3 {
    font-weight: 700;
    margin-top: 10px;
    font-size: 18px;
}

.artblock h3 a {
    color: #0A0A0A;
    text-decoration: none;
}

.artblock h3 a:hover {
    color: #FD8204;
}

/* Location */
.location-field {
    font-size: 13px;
    color: #706F6F;
    display: flex;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 6px;
}

.location-field .primary i {
    color: #FD8204;
    font-size: 13px;
}

.artblock-right .description {
    font-size: 13px;
    color: #4A5565;
    line-height: 1.55;
    flex: 1;
    margin-bottom: 16px;
}

.artblock .blog-button {
    margin-top: auto;
}

.artblock .blog-button a {
    font-size: 14px;
    font-weight: 400;
    display: block;
    align-items: center;
    gap: 4px;
    text-transform: none;
    text-align: left;
    padding: 7px 15px;
    border-radius: 10px;
}

.art-category {
    margin-top: 10px;
    color: #FD8204;
}

.article-meta {
    color: #AFAFAF;
    font-size: 11px;
}

.article-meta i {
    color: #AFAFAF;
    font-size: 11px;
}

/* Paginazione sotto la griglia */
.art-pagination-row {
    margin-top: 10px;
}

/* --- Responsive blog page --- */
@media screen and (max-width: 770px) {
    .artblock-img {
        height: 123px;
    }
    .artblock-right {
        padding: 15px 15px;
    }
    .artblock-right .description {
        margin: 12px 0;
    }
}
.pb-0 {
    padding-bottom: 0 !important;
}

/* Nav topbar hover */
#bs-megamenu .nav>li>a:hover, #bs-megamenu .nav>li>a:focus {
    background-color: unset;
    border-color: white;
}
#bs-megamenu .nav>li>a:hover::after, #bs-megamenu .nav>li>a:focus::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -10px;
    right: -10px;
    height: 2px;
    background-color: #FD8204;
}