/*
    Theme Name:         Padel
    Text Domain:        playpadelstore
    Version:            1.0 
    Description:        Template di PlayPadel Store.
    Tags:               padel, racchette, borsoni, scarpe, abbigliamento, accessori, palline, grips
    Author:             Valerio Del Re > nanz.it
    Author URI:         https://www.nanz.it/
    Theme URI:          https://www.nanz.it/
    License:            GNU General Public License version 3.0
    License URI:        http://www.gnu.org/licenses/gpl-3.0.html
*/
*,*:before,*:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
html, body { overflow: visible !important }
html {
    font-size: 62.5%; /* 62.5% di 16px = 10px → 1rem = 10px */
    scroll-behavior: smooth;
    scroll-padding-top: 8rem
}
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important
    }
}
:root {
    --blu:      #0B132B;
    --celeste:  #009EE2;
    --verde:    #AACC00;
    --bianco:   #FFFFFF;
    --grigio:   #F3F5F6; /* #F2F3F5 */
    --grigione: #E2E2E2;
    --bordi:    #DADCE0;
}
::selection {    
    background-color: var(--blu);
    color: var(--bianco)
}
header input::placeholder, #newsletter input::placeholder {
    color: var(--bianco);
}
/* ==========================================================================
   INIZIO FONT
   ========================================================================== */
/* Inter Regular (400) */
@font-face {
    font-family: 'Inter 18pt';
    src: url('fonts/Inter18pt-Regular.woff2') format('woff2'), url('fonts/Inter18pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Inter Italic (400) */
@font-face {
    font-family: 'Inter 18pt';
    src: url('fonts/Inter18pt-Italic.woff2') format('woff2'), url('fonts/Inter18pt-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
/* Inter Bold (700) */
@font-face {
    font-family: 'Inter 18pt';
    src: url('fonts/Inter18pt-Bold.woff2') format('woff2'), url('fonts/Inter18pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* Futura Condensed Extrabold (bold) */
@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura-CondensedExtraBold.woff2') format('woff2'), url('fonts/Futura-CondensedExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* ==========================================================================
   FINE FONTS
   ========================================================================== */
b, strong { font-weight: 700 }
.flex { display: flex; flex-direction: column }
.row-mob { flex-direction: row; justify-content: space-between }
.centrato { text-align: center }
.responsive { width: 100%; height: auto !important }
.fullwidth, .inside, .stretto, .product { padding: 60px 20px; margin: 0 auto }
.relativo { position: relative }
.txt-grande { font-size: 2.5rem; line-height: 3.5rem }
.a-dx { text-align: right }
.max-width { max-width: 768px; margin-left: auto; margin-right: auto }
.bg-grigio { background-color: var(--grigio); color: var(--blu) }
.bg-grigione { background-color: var(--grigione) }
.bg-verde { background-color: var(--verde); color: var(--blu) }
.bg-bianco { background-color: var(--bianco); color: var(--blu) }
.bg-blu, .header-blu { background-color: var(--blu); color: var(--bianco) }
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-20 { padding-top: 20px }
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-20 { padding-bottom: 20px }
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-20 { margin-top: 20px }
.mb-0 { margin-bottom: 0 }
.mb-10, #breadcrumb { margin-bottom: 10px; font-size: 15px }
.piccolo { font-size: 1.6rem; line-height: 2rem }
#celeste { color: var(--celeste) !important }
#verde, .verde { color: var(--verde) !important }
.tablet { display: none !important }
.mostra-900 { display: none }
.a-capo { display: block }
body {
    margin: 0;
    padding: 0;
    color: var(--blu);
    font-family: 'Inter 18pt', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.6rem;
}
h1, h2, h3, h4, .titolo  { 
    font-family: 'Futura', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 3.5rem;
}
a {
    color: var(--blu);
    text-decoration: underline;
    transition: all .5s cubic-bezier(.215, .61, .355, 1)
}
a:hover {
    color: var(--verde);
    text-decoration: none
}
button:not(.pswp__button), .button, input[type="submit"],
button.woof_reset_button_2 {
    font-family: 'Inter 18pt', sans-serif;
    font-size: 1.6rem;
    min-width: 241px;
    font-weight: 700;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 25px;
    border: none;
    background-color: var(--verde);
    color: var(--blu);
    line-height: 26px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
button.slick-arrows {
    min-width: none !important;
    background-color: transparent !important;
}
#naviga .button {
    min-width: 241px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    padding: 8px 14px !important;
    border-radius: 50px !important;
    background-color: transparent !important;
    color: var(--blu) !important;
    line-height: 26px !important;
    text-decoration: none !important;
}
button:hover, .button:hover, input[type=submit]:hover, button.woof_reset_button_2:hover { 
    color: var(--blu);
    background-color: var(--verde); 
    text-decoration: none;
}
.btn-bordo {
    border: solid 1px var(--blu);
}
.btn-bordo:hover {
    border: solid 1px var(--verde);
}
#naviga .btn-bordo {
    border: solid 1px var(--blu) !important;
}
#naviga .btn-bordo:hover {
    background-color: var(--verde) !important;
    border: solid 1px var(--verde) !important;
}
#tit-nhome {
    padding-top: 105px;
    padding-bottom: 0;
    overflow: auto;
}

/* ==========================================================================
   HEADER GLOBALE (Mobile Base)
   ========================================================================== */
#logo, #icone {
    z-index: 999999;    
}
#icone {
    column-gap: 18px;
    align-items: center;
}
#icone div {
    min-width: 21px;
}
#ico-menu {
    display: flex;
}
#selettore-lingua {
    padding: 20px 0 0 0 !important;
    .trp-flag-image {
        width: 20px !important;
    }
    .trp-shortcode-switcher {
        padding: 0;
    }
    .trp-current-language-item__wrapper:not(.trp-hide-arrow) {
        padding-right: 0;
        padding-bottom: 5px;
    }
    .trp-shortcode-arrow {
        display: none;
    }
    .trp-language-item {
        padding: 5px 7px !important;
    }
    .trp-language-switcher.is-open {
        background-color: var(--blu);

        .trp-language-item:hover {
            background-color: #182241;
        }   
    }
}
.informazioni {
    background-color: var(--blu);
    text-align: center;
    text-transform: uppercase;
    padding: 0 25px 10px 25px;
    z-index: 99999999;
	max-height: 37px;
	overflow: hidden
}
.informazioni a {
    color: var(--bianco);
    text-decoration: none;
    font-size: 1.4rem;
}
.fkcart-mini-toggler, .fkcart-shortcode-icon-wrap {
    color: var(--bianco);
    padding: 0 !important
}
.xoo-wsc-sc-cont,
.xoo-wsc-cart-trigger,
.xoo-wsc-sc-bkcont {
    padding: 0 !important;
}
#icone div a, #icone div a img {
    display: block;
}
#logo {
    padding-top:9px
}
#logo a img {
    width: 100%;
    max-width: 110px;
    height: auto !important; 
    display: block;
}
#top-area {
    align-items: center;
}
header#header {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    z-index: 99999 !important;
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    text-transform: uppercase;
}
header#header .inside {
    padding-top: 0;
    padding-bottom: 0
}
header#header nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  
  height: 100vh; 
  height: 100dvh;
  
  background-color: var(--blu);
  color: var(--bianco);
  z-index: 999;
  transform: translateX(-100%);
  transition: transform 0.4s cubic-bezier(.215, .61, .355, 1);
  overflow-x: hidden;
  overflow-y: auto; /* Permette lo scorrimento dei link se il menu è lungo */
  display: flex;
  flex-direction: column;

  /* Spazio in alto pari all'altezza dell'header per non far sovrapporre i link al logo */
  padding-top: 120px; /* Regola questo valore in base all'altezza reale del tuo header */
}
header#header nav.menu-aperto {
    transform: translateX(0);
}
header#header nav ul#menu-principale {
    list-style-type: none; 
    margin: 0;
    padding: 20px 20px 60px 20px; /* Il padding gestisce lo spazio interno */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    flex-grow: 1;
    
    /* Fallback */
    max-height: 100vh; 
    /* Si adatta dinamicamente ai cambi di dimensione del viewport */
    max-height: 100dvh;
}
header#header nav ul#menu-principale li {
    padding: 4px 0;
    display: block;
    width: 100%;
}
header#header nav ul#menu-principale li a {
    color: var(--bianco);
    text-decoration: none;
    display: block;
    transition: color 0.3s ease;
}
header#header nav ul#menu-principale li.verde a,
header#header nav ul#menu-principale li a:hover {
    color: var(--verde);
}
header#header nav ul#menu-principale li.verde a:after {    
    content: "" !important;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    float: right;
    width: 15px;
    height: 15px;
    background-image: url('img/whatsapp.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
header#header nav ul#menu-principale li.has-children .sub-menu {
    display: none;
    padding: 20px;
}
header#header nav ul#menu-principale li.has-children .sub-menu .flex div:first-of-type p {
    margin-top: 0;
}
header#header nav ul#menu-principale li.has-children .sub-menu ul {
    padding-left: 20px;
    list-style-type: none;
    border-left: solid 1px #999999;
}
header#header nav ul#menu-principale li.has-children .sub-menu strong {
    font-weight: normal;
    text-transform: none;
    color: #999999;
}
header#header nav ul#menu-principale li.has-children.sub-menu-aperto > .sub-menu {
    display: block;
    margin-top: 5px;
}
header#header nav ul#menu-principale li.has-children.sub-menu-aperto > .desktop-arrow {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
header#header nav ul#menu-principale li.has-children {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
header#header nav ul#menu-principale li.has-children > .desktop-arrow {
    display: none !important;
}
header#header nav ul#menu-principale li.has-children > a {
    display: inline-block;
    width: auto;
    flex-grow: 1;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
header#header nav ul#menu-principale li.has-children > a::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
    margin-left: 10px;
    flex-shrink: 0;
}
header#header nav ul#menu-principale li.has-children.sub-menu-aperto > a::after {
    transform: rotate(180deg);
}
header#header nav ul#menu-principale li.has-children > ul {
    width: 100%;
}
header#header nav .sub-menu li a {
    text-transform: none;
    font-weight: normal !important;
    letter-spacing: initial;
}
.blocca {
    overflow: hidden !important
}

/* HAMBURGER */
.menu-btn {
    width: 21px;
    height: 21px;
    position: relative;
    margin: 0px auto;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
	background-color: transparent !important;
	padding: 0 !important;
	min-width: initial !important
}
.menu-btn span:nth-of-type(2), .menu-btn span:nth-of-type(3) {
    top: 10px
}
.menu-btn span:nth-of-type(4) {
    top: 18px
}
.menu-btn span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--bianco);
    border-radius: 0px;
    opacity: 1;
    left: 0;
    top: 2px;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out
}
.menu-btn.open span:nth-of-type(1) {
    top: 18px;
    width: 0%;
    left: 50%
}
.menu-btn.open span:nth-of-type(2) {
    transform: rotate(45deg)
}
.menu-btn.open span:nth-of-type(3) {
    transform: rotate(-45deg)
}
.menu-btn.open span:nth-of-type(4) {
    top: 18px;
    width: 0%;
    left: 50%
}
/* MAIN BLOCKS */
#hero {
    height: 100vh;
    height: 100dvh;
    position: relative;
    overflow: hidden
}
#hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--blu);
    background: linear-gradient(0deg, rgba(11, 19, 43, .75) 25%, rgba(11, 19, 43, 0) 75%);
    z-index: 1;
    pointer-events: none
}
.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
.hero-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}
#hero-txt {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;    
    justify-content: end;
    z-index: 2
}
#hero-txt p:last-child {
    margin-bottom: 0
}
#hero-txt h1 {
    margin-bottom: 0
}
#hero-txt #plus {
    display: none;
}
#hero-txt #cta {
    margin-top: 0;
    margin-bottom: 0;
}
#hero-txt #cta a {
    margin-top: 10px;
    color: var(--bianco);
    background-color: transparent;
    border: solid 1px var(--bianco)
}
#hero-txt #cta a:hover {
    background-color: var(--verde);  
    border: solid 1px var(--verde);
    color: var(--blu); 
    text-decoration: none;
}
#hero-txt #cta a, #hero-txt #plus span {
    min-width: 250px;
    margin: 5px auto;
}
#header-dx {
    align-items: end !important;
}
#header-dx-top {
    gap: 20px;
}
.marchi {
    margin-top: 50px;
}
.home .marchi {
    margin-top: 0;
    margin-bottom: 50px;
}
.marchi img {
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
    height: auto !important;
}
.box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.box a {
    text-decoration: none;
}
.box > a, 
.box > div,
#motivi .flex div.card div {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
#motivi .flex div.card div {
    align-items: flex-end;
}
#motivi .flex div.card p {
    padding: 20px;
}
#motivi .flex div.card img.card-ico {
    max-width: 60px;
}
#steps div.card {
    justify-content: initial !important;
}
.box > a.tablet {
    display: none;
}
.box > div {
    flex-direction: column;
}
.box > a img, 
.box > div img, 
#motivi .flex div.card div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}
.box > a::before, 
.box > div::before, 
a.categoria-mobile::before, 
#motivi .flex div.card div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.box > div::before {
    background: var(--blu);
    background: linear-gradient(0deg, rgba(11, 19, 43, .9) 25%, rgba(11, 19, 43, 0) 90%);
}
.box > a::before, 
a.categoria-mobile::before {
    background: var(--blu);
    background: linear-gradient(0deg, rgba(11, 19, 43, .5) 25%, rgba(11, 19, 43, 0) 100%);
}
.box > a:hover::before, 
a.categoria-mobile:hover::before, 
#motivi .flex div.card div::before {
    background: var(--blu);
    background: linear-gradient(0deg, rgba(11, 19, 43, .7) 25%, rgba(11, 19, 43, 0) 100%);
}
.box a h3,
.box a h4, 
.box div p, 
#motivi .flex div.card div p  {
    position: relative;
    z-index: 3;
    color: var(--bianco);
    margin: 0;
    text-align: center;
}
.box a h3, .box a h4 {
    text-transform: uppercase;
    padding: 0 10px;
    text-decoration: none;
}
.box div p {
    padding: 20px;
}
.sfumato {
    background-image: url('img/sfumato.jpg');
    background-repeat: repeat-x;
    background-blend-mode: normal; 
}
#categorie {
    text-decoration: none;
}
#categorie .stretto {
    padding-bottom: 0;
}
#categorie a {
    text-decoration: none;
}
a.categoria-mobile {
    position: relative;
    display: inline-block;
    width: 100%;
}
a.categoria-mobile img {
    display: block;
    width: 100%;
    height: auto !important;
}
a.categoria-mobile h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: var(--bianco);        
    text-align: center;
    z-index: 2;
}
#orari-servizio span {
    text-transform: uppercase;
    display: inline-block;
    width: 42px;
}

/* SEZIONI HERO NORMALI */
.hero-section {
    height: 500px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.hero-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(11, 19, 43, 0), rgba(11, 19, 43, 1));
    z-index: 1;
    pointer-events: none
}
.hero-section img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}
.hero-section div {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--bianco);
    padding: 0 20px 25px 20px;
    justify-content: end;
    z-index: 2;
}

/* SEZIONI HERO CATEGORIE */    
#hero-cat::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(11, 19, 43, .7) 0%, rgba(11, 19, 43, .2) 100%);   
}
.page-id-66 #hero-cat::after {
    background: linear-gradient(to bottom, rgba(11, 19, 43, .7) 0%, rgba(11, 19, 43, 0) 80%);    
}
#prodotto-evidenza a {
    text-decoration: none;
}
.hero-section .button,
#hero-cat .button,
form.flex input {
    background-color: var(--verde);
    color: var(--blu);
}
#hero-cat {
    height: 350px; 
    position: relative;
    overflow: hidden;
    text-align: center;
}
#hero-cat-txt {
    z-index: 2;
}
#hero-cat-txt h1,
#hero-cat-txt h2 {
    padding-left: 20px;
    padding-right: 20px;
}
.page-id-66 #hero-cat {
    height: 100vh;
    height: 100svh; 
}
#hero-cat img#hero-cat-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    z-index: 1;
}
.tax-product_cat #hero-cat div#hero-cat-txt,
.tax-product_brand #hero-cat div#hero-cat-txt,
.search-results #hero-cat div#hero-cat-txt,
.page #hero-cat div#hero-cat-txt,
#pagenerica #hero-cat div#hero-cat-txt,
.woof_search_is_going #hero-cat div#hero-cat-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--bianco);
    z-index: 2;
}
.page-id-66 #hero-cat {
    justify-content: center;
    padding: initial;
}
.page-id-66 #hero-cat div#hero-cat-txt {
    padding: 0;    
}
#hero-cat div#hero-cat-txt {
    position: relative;
    padding: 120px 20px 25px 20px;
    z-index: 2;
}

header form.flex {
    gap: 0
}
#lista-prodotti {
    gap: 20px;
}
#lista-prodotti div img {
    width: 100%;
    height: auto !important;
}
#newsletter-form {
    width: 240px;
}
#newsletter-form input {
    width: 100% !important;
    padding: 15px 25px !important;
    border-radius: 25px !important;
    background-color: transparent;
    color: var(--bianco);
    border: solid 1px var(--bianco);
    font-size: 1.7rem;
    text-align: center;
}
#consulenza-gratuita span.verde {
    color: var(--verde) !important;
    display: inline-block;
}
#consulenza-gratuita img {
    -webkit-filter: grayscale(50%);
    -moz-filter:    grayscale(50%);
    -ms-filter:     grayscale(50%);
    -o-filter:      grayscale(50%);
}
#top-negozio {
    display: none;
}
#vantaggi .flex {
    gap: 20px;
}
#spiegazione {
    position: relative;
    gap: 10px;
}
#spiegazione div {
    justify-content: flex-end;
    padding-bottom: 30px !important;
}
#spiegazione div img {
    width: 100%;
    height: auto !important;
}
#spiegazione #la-freccia {
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    aspect-ratio: auto !important;
    padding: 0 !important;
    overflow: visible !important; 
    width: 40px;  
    height: 40px;
}
#spiegazione #la-freccia img {
    position: static !important;
    width: 100%;
    height: auto !important;
    transform: rotate(90deg);
}
#spiegazione #la-freccia::before {
    content: initial;
}
#spiegazione h4 {
    color: var(--bianco);
    z-index: 2;
}
#ricerca-prodotto {
    position: relative;
}
#ricerca-prodotto #la-freccia {
    position: absolute;
    width: 100%; text-align: center;
    bottom: -25px;
}
#ricerca-prodotto #la-freccia img {
    rotate: 90deg;
}
#ricerca-prodotto #ricercat .woof_redraw_zone {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
#ricerca-prodotto #ricercat .woof_redraw_zone .woof_container {
    width: 100%;
    max-width: 241px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center !important;
    border-radius: 50px;
}
#ricerca-prodotto .chosen-container-single,
#ricerca-prodotto .chosen-container-multi {
    width: 100% !important;
    max-width: 241px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
#ricerca-prodotto .chosen-container-single .chosen-single {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    padding: 0 20px !important;
    border: 1px solid var(--blu) !important;
    border-radius: 25px !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}
#ricerca-prodotto .chosen-container-single .chosen-single div {
    display: none !important;
}
#ricerca-prodotto .chosen-container-single .chosen-single span {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: var(--blu) !important;
    font-family: 'Inter 18pt', sans-serif !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    line-height: 40px !important;
}
#ricerca-prodotto .chosen-container-multi .chosen-choices {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    overflow: visible !important;
    border: 1px solid var(--blu) !important;
    border-radius: 25px !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}
#ricerca-prodotto .chosen-container-multi .chosen-choices li.search-field {
    position: relative !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1 !important;
}
#ricerca-prodotto .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    color: var(--blu) !important;
    font-family: 'Inter 18pt', sans-serif !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    line-height: 40px !important;
}
#ricerca-prodotto .chosen-container-multi .chosen-choices li.search-choice {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 24px 0 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--blu) !important;
    font-family: 'Inter 18pt', sans-serif !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    line-height: 40px !important;
    white-space: nowrap !important;
    z-index: 2 !important;
}
#ricerca-prodotto .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
}
#ricerca-prodotto .chosen-container .chosen-drop {
    border: 1px solid var(--blu) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;
}
#ricerca-prodotto .chosen-container .chosen-results {
    margin: 0 !important;
    padding: 5px !important;
}
#ricerca-prodotto .chosen-container .chosen-results li {
    padding: 8px 12px !important;
    color: var(--blu) !important;
    font-family: 'Inter 18pt', sans-serif !important;
    font-size: 1.4rem !important;
}
#ricerca-prodotto .chosen-container .chosen-results li.highlighted {
    background: var(--blu) !important;
    color: #ffffff !important;
}
.woof_submit_search_form_container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 15px !important;
    margin: 0 !important;
    text-align: center !important;
    justify-content: center;
}
.woof_products_top_panel {
    display: none !important;
}
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-price ins {
    font-weight: 600 !important;
}
.fkcart-order-summary .fkcart-shipping-wrap {
    display: none !important;
}
.preambolo {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
}
.preambolo img.animaelemento {
    width: 60px;
    margin: 0 auto;
    transition: all 1s ease
}
.preambolo img.animaelemento.dentro {
    transform: rotateY(360deg)
}
.prodotti.solo-mobile {
    padding-top: 15px !important;
    padding-bottom: 20px !important;
}
.nome-articolo a {
    font-weight: 600;
}
.prodotti .slick-prev, .prodotti .slick-next {
    width: 35px; height: 35px;
    z-index: 999;
}
.prodotti .slick-prev {
    left: 20px
}
.prodotti .slick-next {
    right: 20px
}
.prodotti div img {
    width: 100%;
    height: auto !important;
}
.prodotti .slick-slide {
    margin: 0 6px;
}
.prodotti .slick-list {
    margin: 0 -6px;
}
p.nome-articolo {
    font-weight: 700;
}
.rece-tab, .rece-desk {
    display: none;
}
.rece-mob, .rece-tab, .rece-desk {
    width: 100%;
    height: auto !important;
}
#motivi .flex {
    gap: 20px;
}
#motivi .flex div.card {
    background-color: var(--bianco);
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
}
#motivi .flex div.card img {
    width: 100%;
    height: auto !important;
}
.slick-slider, .slick-list, .slick-track {
    touch-action: pan-y;
}
#spiegazione-categoria {
    min-height: 5px;
}
#spiegazione-categoria h2 {
    font-size: 3rem !important;
	margin-bottom: 10px !important
}
#spiegazione-categoria h3 {
    font-style: normal;
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: 0;
}
#spiegazione-categoria h4 {
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 0;
}
#spiegazione-categoria p {
    margin-top: 0;
}
#lista-prodotti {
    margin-top: 40px;
    justify-content: initial !important;
}
#naviga {
    gap:20px; 
    justify-content: initial !important
}
.page-id-53908 iframe { /* consulenza */
    height: 1380px !important;
}
#single-col {
    gap: 40px;
    align-items: flex-start;
}
.thumbnail-container {
    position: relative;
    display: block;
    width: 100%;
}
.thumbnail-img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    z-index: 2;
}
#single-cta {
    display: none;
}

/* FORM */

label {
    font-size: 1.5rem;
}
/*
input[type=text], input[type=email], input[type=tel], select, textarea,
:where(.woocommerce) .select2-container .select2-dropdown, 
:where(.woocommerce) .select2-container .select2-selection {
    width: 100% !important;
    padding: 15px 25px !important;
    border-radius: 25px !important;
    font-size: 1.7rem;
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
}
select::-ms-expand {
    display: none;
}
*/
input[type=submit], button[type=submit] {
    width: initial;
    text-align: center;
    border: none;
    cursor: pointer;
    font-family: 'Inter 18pt', sans-serif;
    font-size: 1.6rem;
}
textarea {
    resize: none;
    max-height: 300px;
}
.woocommerce-checkout input[type=text], .woocommerce-checkout input[type=email], .woocommerce-checkout input[type=tel], 
.woocommerce-checkout select, .woocommerce-checkout textarea,
.woocommerce-checkout :where(.woocommerce) .select2-container .select2-dropdown, 
.woocommerce-checkout :where(.woocommerce) .select2-container .select2-selection {
    width: initial;
    border-radius: 4px !important;
}
#fkcart-modal .fkcart-coupon-area .fkcart-coupon-input-wrap #fkcart-coupon__input {
    border-radius: 4px !important;
}
.woocommerce-checkout .wfacp-coupon-page button.wfacp-coupon-btn {
    min-width: initial !important;
    border-radius: 4px !important;
}
.woocommerce-checkout .bwf-align-wrap-full figure {
    margin-bottom: 0;
}
.woocommerce-checkout .bwf-section-wrap>.bwf-col {
    justify-content: center !important;
}

 /* FORM WOOCOMMERCE */
:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 .5em 0 0;
}
#add_payment_method #payment, .woocommerce-cart #payment, 
.woocommerce-checkout #payment {
    background: var(--grigio);
}
#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box {
    background: var(--grigione);
}
#add_payment_method #payment div.payment_box::before, 
.woocommerce-cart #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid var(--grigione);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce-info {
    border-top-color: var(--verde);
}
.woocommerce-info::before {
    color: var(--blu);
}
.password-input button {
    min-width: auto !important;
}
.xoo-wsc-ft-buttons-cont a {
    border-radius: 50px !important;
}

/* Stato Normale */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#id.button,
.woocommerce-page a.button, 
.woocommerce-page button.button, 
.woocommerce-page input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    min-width: 241px;
    font-weight: 700;
    font-style: normal;
    font-size: 1.6rem;
    display: inline-block;
    padding: 8px 25px;
    border-radius: 25px;
    background-color: var(--verde) !important;
    color: var(--blu) !important;
    line-height: 26px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
button.pps-sf-close {
	background-color: transparent;
	min-width: initial;
	font-size: 3rem;
}

/* Stato al passaggio del mouse (Hover) */
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce #respond input#id.button:hover,
.woocommerce-page a.button:hover, 
.woocommerce-page button.button:hover, 
.woocommerce-page input.button:hover,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--verde) !important;
    color: var(--blu) !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled] {
    padding: 8px 25px !important;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: none;
}
body.term-gift-card .woocommerce-ordering {
	display: none
}
/* Styling del menu select di WooCommerce */
.woocommerce-ordering select.orderby {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: var(--bianco);
    border: 1px solid var(--blu);
    border-radius: 50px;
    padding: 12px 40px 12px 16px;
    font-size: 14px;
    font-weight: 500;
    color: var(--blu);
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease-in-out;
    margin-bottom: 20px;
    
    /* Freccia personalizzata */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23374151"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 1.6rem;
}

/* Effetto al passaggio del mouse e focus */
.woocommerce-ordering select.orderby:hover {
    border-color: var(--blu);
}

.woocommerce-ordering select.orderby:focus {
    border-color: #0f172a;
}
.wc-proceed-to-checkout a.checkout-button {
    margin-top: 35px;
    width: 100%;
}
.cart-actions, 
.coupon-cart-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 15px 0;
}
.coupon {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.coupon input.input-text,
.coupon input[type="text"] {
    width: 100%;
    outline: none;
    transition: border-color 0.2s ease;
}
.coupon input.input-text {
    padding: 10px 25px !important;
}
.coupon button.button,
.coupon button[type="submit"] {
    width: 100%;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.coupon button.button:hover,
.coupon button[type="submit"]:hover {
    background-color: #000000;
}
button.button[name="update_cart"],
input.button[name="update_cart"] {
    width: 100%;
    cursor: pointer;
    transition: all 0.2s ease;
}
.woocommerce-cart .woocommerce-cart-form__contents .quantity .qty {
    line-height: 3rem;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    border-radius: 4px;
}
.wpmc-tabs-wrapper .wpmc-tab-text {
    text-transform: initial !important;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
    color: var(--blu) !important;
}

 /* FORM CONTATTI */
.page-id-57 main form input,
.page-id-57 main form select,
.page-id-57 main form textarea,
.page-id-57 main form input[type=submit] {
    border: solid 1px var(--grigione);
    padding: 10px;
    border-radius: 4px;
}

/* FORM RICERCA */
#ricerca {
    width: 100%;
    z-index: 999;
    position: absolute;
    top: -200px;
    left: 0;
    padding: 120px 29px 20px 29px;
    background-color: var(--blu);
    transition: top 0.4s ease-in-out;
}
#ricerca.attivo {
    top: 0;
}
#ricerca form {
    max-width: none;
}
#ricerca form input {
    width: 100%;
    color: var(--bianco);
    background-color: transparent;
    border-radius: 20px;
    border: solid 1px var(--bianco);
    padding: 5px 15px 5px 35px;
    text-align: center;

    background-image: url('img/ricerca-bianco.svg');
    background-position: 12px center; /* Posiziona l'icona a sinistra e centrata verticalmente */
    background-repeat: no-repeat;
    background-size: 16px 16px;       /* Imposta la dimensione dell'icona */
}
/* Per browser basati su WebKit e Blink (Chrome, Safari, Edge, Opera) */
.woocommerce-product-search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 14px;
    width: 14px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
#ricercat form {
    justify-content: center;
}
#ricercat select {
    padding: 5px 25px !important;
}
#ricerca form input#dgwt-wcas-search-input-1 {
    margin: 0;
    padding: 6px 10px;
    border-radius: 50px;
    box-shadow: none;
    background-color: transparent;
    border: solid 1px var(--bianco);
    font-size: 1.3rem;
    color: var(--bianco);
    width: 100%;
    text-align: center;
}
#ricerca form input#dgwt-wcas-search-input-1:focus {
    color: var(--blu);
}
#ricerca form input#dgwt-wcas-search-input-1::placeholder {
    color: var(--bianco) !important;
    opacity: 1 !important;
}
#ricerca form input#dgwt-wcas-search-input-1::-webkit-input-placeholder {
    color: var(--bianco) !important;
    opacity: 1 !important;
}
#ricerca form input#dgwt-wcas-search-input-1::-moz-placeholder {
    color: var(--bianco) !important;
    opacity: 1 !important;
}
#ricerca form input#dgwt-wcas-search-input-1:-ms-input-placeholder {
    color: var(--bianco) !important;
    opacity: 1 !important;
}
#ricerca form button {
    margin: 0;
    left: 10px;
    top: 0;
}
#ricerca form button svg path {
    fill: var(--bianco);
}
#ricerca-icone {
    gap: 40px;
    align-items: center
}
#ricerca-prodotto .chosen-results li.disabled-result {
    display: none !important;
}


/* LOOP PRODOTTI */

ul.products {
    list-style: none;
    margin: 30px 0 40px 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}
ul.products::before,
ul.products::after {
    display: none !important;
}
ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

/* WOOCOMMERCE */
.woocommerce .woocommerce-result-count {
    margin: 10px 0;
    font-size: 1.4rem;
}
.term-racchette-babolat #babcat a img {
    border-radius: 20px;
}
.shop-archive-container {
    align-items: flex-start;
}
.shop-archive-container aside {
    width: 100%;
    text-align: left;
    background-color: var(--bianco);
    padding: 20px 20px 0 20px;
    border-radius: 20px;
    margin-bottom: 20px;
}
.shop-archive-container aside h4 {
    font-size: 2.2rem;
    margin-top: 0;
}
.woocommerce nav.woocommerce-pagination {
    margin-top: 50px;
}
.woocommerce nav.woocommerce-pagination ul {
    border: 1px solid var(--blu);
    border-radius: 50px;
    overflow: hidden;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-right: 1px solid var(--blu);
    min-width: 35px;
}
.woocommerce nav.woocommerce-pagination ul li:last-child {
    border-right: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: var(--bianco);
    color: var(--blu);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--blu);
    color: var(--bianco);
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    padding: .5em 0;
}
.woocommerce-ordering select {
    border: none;
}


/* PRODUCT */

body.single-product {
    padding-top: 76px;
}
body.single-product {
    header#header {
        background-color: var(--blu);
    }
    nav.woocommerce-breadcrumb,
    .product_meta span {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }
    nav.woocommerce-breadcrumb {
        color: #767676;
    }
    nav.woocommerce-breadcrumb a {
        color: #767676;
    }
    .product span.onsale {
        display: none;
    }
    .product_meta {
        margin-top: 10px;
        background-color: var(--grigio);
        padding: 10px 15px;
        line-height: 2rem;
    }
    .product_meta span.sku_wrapper,
    .product_meta span.posted_in {
        display: block;
    }
    #consigliamo-racchetta {
        font-size: 1.5rem;
        line-height: 1.8rem;        
    }
    #consigliamo-racchetta a {
        color: var(--blu);
    }
    #consigliamo-racchetta p {
        border-top: solid 1px var(--grigione);
        margin-top: 0;
        padding-top: 15px;
    }
    .summary h2 {
        font-size: 2.1rem;
        margin-bottom: 0;
    }
    .summary a:hover {
        color: var(--verde) !important;
        text-decoration: underline;
    }
    .upsells ul li {
        display: flex;
        flex-direction: row;
        gap: 15px;
        align-items: center;
        border-top: solid 1px var(--grigione);
        padding: 10px 0 !important;
    }
    .upsells ul li a img {
        max-width: 70px;
        margin-bottom: 0 !important;
    }
    .upsells ul li p {
        margin: 0;
    }
    .upsells ul {
        gap: 0;
    }
    div.product form.cart {
        margin-bottom: 1em;
    }
    table.shop_attributes td {
        padding-left: 10px;
    }    
    div.qib-button-wrapper {
        float: left;
        margin: 0 10px 10px 0;
    }
    .woocommerce-product-attributes-item__label {
        text-align: left;
    }
    .woocommerce-tabs {
        margin: 50px 0;
    }
    .woocommerce-tabs ul.tabs {
        display: flex;
        background: transparent !important;
        padding-left: 0 !important;
        margin-bottom: 20px !important;
    }
    .woocommerce-tabs ul.tabs li {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        margin: 0 25px 0 0 !important;
        padding: 0 0 10px 0 !important;
        position: relative;
        top: 2px;
    }
    .woocommerce-tabs ul.tabs li a {
        font-weight: 400 !important;
        color: var(--blu) !important;
        padding: 0 !important;
        background: transparent !important;
    }
    .woocommerce-tabs ul.tabs li.active {
        border-bottom: solid 6px var(--verde) !important;
        background: transparent !important;
    }
    .woocommerce-tabs ul.tabs li.active a {
        color: var(--blu) !important;
        font-weight: 600 !important;
    }
    .woocommerce-tabs ul.tabs li:not(.active):hover a {
        color: var(--blu) !important;
    }
    .woocommerce-tabs ul.tabs li::before,
    .woocommerce-tabs ul.tabs li::after {
        display: none !important;
    }
    .woocommerce-tabs .woocommerce-Tabs-panel h2 {
        font-size: 2rem;
        line-height: 2rem;
    }
    .woocommerce-tabs .woocommerce-Tabs-panel p,
    .woocommerce-tabs .woocommerce-Tabs-panel ul li,
    .woocommerce-product-details__short-description p {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    button.minus {
        border-radius: 50px 0 0 50px;
    }
    button.plus {
        border-radius: 0 50px 50px 0;
    }
    div.quantity input, button.minus, button.plus {
        border-color: var(--grigione) !important;
        font-family: 'Inter 18pt', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
    button.minus, button.plus {
        font-weight: 600;
        border-left: none;
        border-right: none;
    }
    .summary .StripeElement {
        display: none !important;
    }
    .box-motivi-acquisto {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 15px;
        border: 1px solid var(--grigione);
        border-radius: 15px;
    }
    .box-motivi-acquisto .titolo-motivi {
        font-size: 1.5rem;
    }
    .box-motivi-acquisto .lista-motivi {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .box-motivi-acquisto .lista-motivi li {        
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 14px 0;
        border-bottom: 1px solid var(--grigione);
        justify-content: initial;
    }
    .box-motivi-acquisto .lista-motivi li img {
        width: 35px;
        height: auto !important;
        margin-right: 12px;
    }
    .box-motivi-acquisto .lista-motivi li:first-of-type {        
        padding-top: 0;
    }
    .box-motivi-acquisto .lista-motivi li:last-of-type {        
        padding-bottom: 0;
        border-bottom: 0;
    }
    .box-motivi-acquisto .lista-motivi li strong {        
        font-size: 1.8rem;
    }
    .box-motivi-acquisto .lista-motivi li:last-child {
        margin-bottom: 0;
    }
    div#tab-description {
        border-bottom: solid 1px #cfc8d8;
    }
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--blu); !important;
    font-size: 1.8rem;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    font-size: 1.6rem;
    line-height: 2rem;
}
.woocommerce div.product p.stock {
    color: #767676;
}
.woocommerce div.product p.out-of-stock {
	color: red
}


.woocommerce-MyAccount-navigation {
  background-color: var(--bianco);
  border: 1px solid #d1d5db; /* Bordo definito */
  border-radius: 8px;
  margin: 0 0 40px 0;
  overflow: auto;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid #e5e7eb;
}

.woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none;
}

.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 14px 18px;
  color: var(--blu); /* Nero/blu scuro profondo ad alto contrasto */
  font-weight: 600; /* Font più spesso e leggibile */
  font-size: 15px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

/* Hover con colore pieno e nitido */
.woocommerce-MyAccount-navigation li a:hover {
  background-color: var(--verde);
  color: var(--blu);
}

/* Voce attiva */
.woocommerce-MyAccount-navigation li.is-active a {
  background-color: var(--blu);
  color: var(--bianco);
}
.price {
    color: var(--blu) !important;
    font-weight: 600;  
}
.woocommerce ul.products li.product .price {
    font-size: 1.6rem;
}
ins {
    text-decoration: none;
    font-weight: 600;
}
del {
    font-weight: 400 !important;
}
.discount-percentage {
    font-weight: 600 !important; 
    background-color: var(--verde);  
    padding: 2px 5px;
    border-radius: 4px;
}
del, .discount-percentage {
    margin-left: 5px !important;    
}


/* SLIDE HOME */

.inside.prodotti.solo-mobile > div,
.inside.prodotti.tablet > div {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 6px;
    box-sizing: border-box;
    text-align: center;
}
.inside.prodotti.solo-mobile > div > a,
.inside.prodotti.tablet > div > a {
    display: block;
    width: 100%;
}
.inside.prodotti.solo-mobile .nome-articolo,
.inside.prodotti.tablet .nome-articolo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 12px 0 0;
    padding: 0;
    text-align: center;
}
.inside.prodotti.solo-mobile .nome-articolo br,
.inside.prodotti.tablet .nome-articolo br {
    display: none;
}
.inside.prodotti.solo-mobile .nome-articolo > a, 
.inside.prodotti.tablet .nome-articolo > a {
    display: -webkit-box;
    width: 100%;
    min-height: 44px;
    margin: 0 0 6px;
    padding: 0;

    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    color: #071533;
    line-height: 22px;
    text-decoration: none;
}
.inside.prodotti.solo-mobile .price,
.inside.prodotti.tablet .price {
    display: block;
    margin: 0;
    padding: 0;
    color: #071533;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
    white-space: nowrap;
}
.inside.prodotti.solo-mobile .price *,
.inside.prodotti.solo-mobile .price ins,
.inside.prodotti.tablet .price *,
.inside.prodotti.tablet .price ins {
    text-decoration: none;
}
.inside.prodotti.solo-mobile {
    padding-bottom: 40px !important
}


#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-price del,
#fkcart-modal .fkcart-carousel .discount-percentage {
    margin: 0 0 0 5px !important
}
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-price>span.woocommerce-Price-amount, 
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-price>span.woocommerce-Price-amount * {
    font-weight: 600;
}
.fkcart-add-product-button {
    color: var(--blu) !important;
    border: solid 1px #767676 !important;
    box-shadow: none !important;
}
#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button .fkcart-checkout--text {
    font-weight: 600 !important;    
}
#fkcart-modal .fkcart-coupon-area .fkcart-coupon-input-wrap {
    gap: 15px;
}
#fkcart-modal .fkcart-coupon-area .fkcart-coupon-input-wrap .fkcart-coupon-button {
    border-radius: 50px !important;
    f
}
#fkcart-modal .fkcart-panel:not(.fkwcs_fkcart_gpay_wrapper) {
    text-align: left;
}
body .wfacp_main_form #payment ul.wc_payment_methods li.wc_payment_method>label img,
body .wfacp_main_form #payment ul.wc_payment_methods li.wc_payment_method>label .payment-methods--logos-count {
    display: none !important;
}
.cmplz-show-banner {
    text-decoration: underline;
}
.cmplz-show-banner:hover {
    text-decoration: none;
    color: var(--verde);
    cursor: pointer;
}

/* BLOG GRIGLIA */

.blog-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 40px;
}
.blog-post-card {
    background-color: var(--grigione);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.blog-post-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}
.blog-post-card .post-thumbnail {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #f1f5f9;
}
.blog-post-card .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.blog-post-card:hover .post-thumbnail img {
    transform: scale(1.03);
}
.blog-post-card .entry-header,
.blog-post-card .entry-summary,
.blog-post-card .entry-footer {
    padding: 0 20px;
}
.blog-post-card .entry-header {
    padding-top: 20px;
}
.blog-post-card .entry-title {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin: 0 0 10px 0;
}
.blog-post-card .entry-title a {
    color: var(--blu);
    text-decoration: none;
}
.blog-post-card .entry-title a:hover {
    color: var(--blu);
}
.blog-post-card .entry-summary {
    font-size: 1.6rem;
    flex-grow: 1;
}
.blog-post-card .entry-footer {
    padding-bottom: 20px;
    padding-top: 15px;
}
.blog-post-card .read-more-btn {
    display: inline-block;
    padding: 8px 16px;
    background-color: var(--verde);
    color: var(--blu);
    border-radius: 25px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease;
}
.blog-post-card .read-more-btn:hover {
    background-color: var(--verde);
}
.pagination {
    margin-top: 40px;
    text-align: center;
}

/* ACCORDION */
.domanda {
    border-bottom: 1px solid var(--bordi);
    padding: 8px 0;
}
.accordion {
    -webkit-appearance: none !important;
    background-color: transparent !important;
    cursor: pointer;
    padding: 15px 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s ease;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.6rem;
}
.accordion:hover {
    background-color: transparent !important;
}
.accordion::after {
    content: '\002B'; /* Segno + */
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
    transition: transform 0.3s ease;
    float: right;
}
.accordion.active::after {
    content: '\2212'; /* Segno - */
}
.domanda .panel {
    padding: 0 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.domanda .panel p {
    margin: 0;
    padding-bottom: 15px;
}
#spiegazione-categoria .domanda {
    border-color: var(--grigione);
    background-color: #f5f5f5
}


/* 1. Impostazione del pulsante principale in Flexbox orizzontale centrato */
.iti__selected-country {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important; /* Spazio uniforme tra bandiera, freccia e prefisso */
  height: 100% !important;
  padding: 0 8px !important;
  background: transparent !important;
  border: none !important;
}

/* 2. Allineamento del blocco primario (bandiera + freccia) */
.iti__selected-country-primary {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* 3. Correzione della posizione del prefisso (+39) */
.iti__selected-dial-code {
  position: static !important; /* Rimuove eventuali posizionamenti assoluti */
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

/* GALLERY */

/* 1. Sfondo e contenitore principale della lightbox */
.pswp {
    z-index: 999999 !important;
}
.pswp__bg {
    background: #000000 !important;
}
.pswp .pswp__caption__center {
    text-align: center;
}
.pswp__button--zoom,
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* TABELLE COMPARATIVE */

.pps-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
}
.pps-comparison-table {
    width: 100%;
    min-width: 750px;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    border: solid 1px #f5f5f5;
    margin-bottom: 5px;
}
.pps-comparison-table th,
.pps-comparison-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.pps-comparison-table th {
    background: #f5f5f5;
    font-weight: 700;
}
.pps-comparison-table th:first-child,
.pps-comparison-table td:first-child {
    text-align: left;
}
.pps-comparison-table th:last-child,
.pps-comparison-table td:last-child {
    padding-right: 20px;
}
.pps-comparison-table tbody tr:hover {
    background: #f5f5f5
}

/* FOOTER */
footer {   
    font-size: 1.5rem;
    line-height: 2.5rem
}
footer a, #breadcrumb a {
    text-decoration: underline;
    color: var(--bianco)
}
footer a:hover, #breadcrumb a:hover {
    text-decoration: none;
    color: var(--verde)
}
footer #chiusura div {
    text-align: center;
}
footer #chiusura strong {
    color: var(--verde);
}
footer .bg-verde {
    font-size: 1.8rem;
    line-height: 2.6rem;
}
footer .bg-verde strong {
    color: var(--blu);
    text-transform: uppercase;
}
footer ul {
    list-style-type: none;
    padding-left: 0;
}
footer #footer-logo {
    margin-top: 0;
}
footer #footer-logo img {
    max-width: 160px;
    display: inline-block;
}
footer #chiusura #social a img {
    margin-right: 5px;
}
footer #metodi-pagamento {
    gap: 5px;
    justify-content: initial;
}
footer #metodi-pagamento figure {
    margin: 0;
    display: inline;    
    margin-right: 5px;
}
footer #sotto {
    border-top: solid 1px #182241
}
.cmplz-cookiebanner.cmplz-show {
	z-index: 999999
}
.tutti a strong, .tutti a:hover strong {
    opacity: 1 !important;
    color: var(--bianco) !important;
}
.tutti a:hover strong {
    color: var(--verde) !important;
}
ul.wc-block-product-template__responsive li {
	padding: 0;
	text-align: center;
	margin-bottom: 30px;
	padding: 4px
}
ul.wc-block-product-template__responsive li:hover {
		box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}
ul.wc-block-product-template__responsive li h2 {
	margin-bottom: 5px
}
ul.wc-block-product-template__responsive li h2 a {
	font-family: 'Inter 18pt', sans-serif;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.6rem;
	text-transform: none;
}
ul.wc-block-product-template__responsive li .amount {
	font-weight: normal;
	font-size: 16px
}

@media screen and (max-width: 768px) {
  /* Nasconde la nav delle miniature di WooCommerce */
  .woocommerce-product-gallery .flex-control-thumbs,
  .woocommerce-product-gallery ol.flex-control-nav {
    display: none !important;
  }
}

@media screen and (min-width: 480px) {  
    .row-480 {
        flex-direction: row;
        justify-content: space-between
    }  
    #top-area {
        gap: 30px;
    }
    #vantaggi .flex {
        flex-wrap: wrap
    }
    footer #chiusura {
        gap: 25px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #vantaggi .flex div,    
    footer #chiusura div {
        flex: 1 1 calc(50% - 15px);
    }
    footer #chiusura div:first-child {
        flex: 0 0 100%;
    }
}
@media screen and (min-width: 600px) {
    .row-600 {
        flex-direction: row;
        justify-content: space-between
    }  
	body.single-product {
		padding-top: 40px
	}
    header#header nav ul#menu-principale li.solo-mobile {
        display: none !important;
    }
    .informazioni {
        display: none !important;
        text-transform: none;
    }
    #hero-txt #plus {
        display: flex
    }
    #hero-txt #cta, #hero-txt #plus {
        flex-direction: row;
        justify-content: center;
        column-gap: 50px;
    }
    #hero-txt #cta a, #hero-txt #plus span {
        margin: initial
    }
    .a-capo {
        display: inline-block
    }
    #hero-txt .solo-mobile {
        display: none
    }
    #hero-txt .tablet {
        display: block 
    }
    .no-ricerca {
        display: none;
    }
    #ricerca {
        position: static;
        top: auto;
        padding: 0;
        transition: none;
        background-color: transparent;
    }
    #lista-prodotti  {
        flex-wrap: wrap;
    }
    #lista-prodotti div {
        flex-basis: calc(50% - 10px);
    }  
    #naviga {
        display: inline-block;
    }  
    #naviga a {
        margin: 0 5px;
    }    
    .page-id-53908 iframe {
        height: 830px !important;
    }
    ul.products li.product {  
        padding: 5px !important;
        transition: padding 0.3s ease-in-out !important;
        border: solid 1px transparent
    }
    ul.products li.product:hover {
		background-color: var(--bianco);
		box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    }
    ul.products li.product:hover a {
        color: var(--verde);
    }
}
@media screen and (min-width: 768px) {
    .solo-mobile {
        display: none !important;
    }
    .tablet { 
        display: block !important
    }
    .box > a.tablet {
        display: flex;
    }
    .row-768 {
        flex-direction: row;
        justify-content: space-between
    }
    .box {
        flex-wrap: wrap;
    }
    .box > a, .box > div {
        flex: 0 0 calc(50% - 5px);
    }
    header#header {
        border-bottom: none;
    }
    .reverse {
        flex-direction: row-reverse
    }   
    h1, h2, h3, h4, .titolo { 
        font-size: 4.2rem;
        line-height: 4.7rem;
    }
    #spiegazione #la-freccia img {
        transform: rotate(0deg); 
    }
    .rece-mob, .rece-desk {
        display: none;
    }
    .rece-tab {
        display: block;
    }
    #lista-prodotti div {
        flex-basis: calc(33.33% - 13.33px);
    } 
    .pps-table-wrap {
        margin: 25px 0;
    }
    .pps-comparison-table {
        font-size: 15px;
    }
    .pps-comparison-table th,
    .pps-comparison-table td {
        padding: 14px 16px;
    }
    .cart-actions, 
    .coupon-cart-container {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
    }
    .coupon {
        flex-direction: row;
        flex: 1 1 350px;
        gap: 10px;
        margin-bottom: 20px;
    }
    .coupon input.input-text,
    .coupon input[type="text"] {
        flex: 1;
        width: auto;
    }
    .coupon button.button,
    .coupon button[type="submit"],
    button.button[name="update_cart"],
    input.button[name="update_cart"] {
        width: auto;
    }
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        width: 64% !important;
        float: left !important;
    }
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 32% !important;
        float: right !important;
    }
    .single-product h1 {
        font-size: 3rem;
        line-height: 3.5rem;
    }
    .woof_submit_search_form_container {
        flex-direction: row;
        gap: 15px;
    }
    #ricerca {
        width: 400px;
    }
}
@media screen and (min-width: 900px) {
    header#header nav, header#header nav .sub-menu {
        max-width: 350px;
    } 
    .row-900 {
        flex-direction: row;
        justify-content: space-between
    }
    #motivi .flex div.card {
        flex: 1
    }
    #lista-prodotti div {
        flex-basis: calc(25% - 15px);
    }
    #single-col {
        display: flex;
        gap: 40px; 
        align-items: flex-start;
        flex-direction: row-reverse;
    }
    .column-wrapper {
        position: -webkit-sticky;
        position: sticky;
        top: 150px;        
        flex: 0 0 400px;
        max-width: 100%;
    }
    #single-cta {
        display: block;
        background-color: var(--blu);
        color: var(--bianco);
        margin-top: 20px;
        padding: 20px;
        border: solid 3px var(--blu);
        text-decoration: none;
    }  
    #single-cta:hover {
        border: solid 3px var(--verde);
    }
    .shop-archive-container aside {
        flex-basis: 20%;
    }
    .shop-archive-container div.woocommerce-shop-loop {
        flex-basis: 75%;
    }
}
@media screen and (min-width: 1024px) {
    .fullwidth { 
        width: 100%; 
    }
    .inside, .product { 
        width: 95%; 
    }
    .stretto { 
        width: 75%; 
    }
    #ricerca {
        width: 230px;
    }
    .row-1024 {
        flex-direction: row;
        justify-content: space-between
    }
    .row-reverse {
        flex-direction: row-reverse
    }
    .btn-mob {
        display: none !important
    }
    .btn-desk {
        display: block !important;        
    }
    #top-avvisi {
        color: var(--bianco);
        text-transform: none;
        font-size: 1.4rem;
        min-width: 305px;
        display: flex;
        gap:25px;
    }
    #top-avvisi a {
        color: var(--bianco);
        text-decoration: none;
    }
    #top-avvisi a:hover {
        color: var(--verde);
    }
    #ricerca-icone {
        gap: 30px;
    }
    #vantaggi .flex {
        gap: 0;
    }
    #vantaggi .flex div {
        flex: 1;
        border-right: solid 1px var(--bordi);
    }
    #vantaggi .flex div:last-child {
        border-right: none
    }
    .box > div {
        padding: 60px 20px;
    }  
    /* =========================================
   WOOCOMMERCE PRODUCT GALLERY - GRID 2 COL
   ========================================= */

    .woocommerce div.product div.images
    .woocommerce-product-gallery__wrapper {
        width: 100%;
        margin: 0;
    }

    /* Ogni immagine occupa metà riga */
    .woocommerce div.product div.images
    .woocommerce-product-gallery__wrapper
    .woocommerce-product-gallery__image {
        box-sizing: border-box;
        width: calc(50% - 7.5px);
        margin: 0 15px 15px 0;
        float: left;
    }

    /* Seconda colonna */
    .woocommerce div.product div.images
    .woocommerce-product-gallery__wrapper
    .woocommerce-product-gallery__image:nth-child(2n) {
        margin-right: 0;
    }

    /* Immagini */
    .woocommerce div.product div.images
    .woocommerce-product-gallery__wrapper
    .woocommerce-product-gallery__image img:not(.zoomImg) {
        display: block;
        width: 100%;
        height: auto;
    }

    /* Nascondi thumbnails */
    .woocommerce div.product div.images ol.flex-control-nav {
        display: none;
    }

    /* =========================================
       LIGHTBOX / TRIGGER
       ========================================= */

    .woocommerce div.product div.images
    .woocommerce-product-gallery__trigger {
        left: 10px;
        right: auto;
        top: 10px;
        z-index: 20;
    }

    /* L'emoji/immagine usata come lente */
    .woocommerce div.product div.images
    .woocommerce-product-gallery__trigger img.emoji {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        display: block !important;
    }

    /* Non interferire con lo zoom interno */
    .woocommerce div.product div.images
    .woocommerce-product-gallery__image img.zoomImg {
        pointer-events: none;
    }
	
	body.single-product {
        padding-top: 70px;
    }
    #icone {
        column-gap: 18px;
        align-items: center;
    }
}
@media screen and (min-width: 1200px) {
    body.single-product {
        padding-top: 90px;
    }
    #logo, nav, #icone {
        z-index: 999999;    
    }
    #logo, #icone {
        width: 110px;   
    }
    .row-1200 {
        flex-direction: row;
        justify-content: space-between
    }
    header#header nav ul#menu-principale li.has-children .sub-menu {
        display: block;
        text-align: left;
    }
    header#header nav ul#menu-principale li.has-children .sub-menu .flex {
        justify-content: initial;
    }
    header#header nav ul#menu-principale li.has-children .sub-menu .flex div {
        min-width: 200px;
    }
    header#header #header-dx {
        margin-top: 19px;
        width: 100%;
    }
    #header-dx-bottom, #ricerca-icone {
        margin: 0 auto;
    }
    header#header nav {        
        position: initial;
        top: initial; 
        left: initial;
        width: initial; 
        height: initial;
        max-width: none;
        padding-top: initial;
        opacity: 1;
        background-color: initial;
        box-shadow: none;
        transform: none;
        transition: background-color 0.3s ease;
    }
    header#header nav ul {
        list-style-type: none; 
        margin: 0;
        padding: 0;
        max-height: none;
        overflow-y: visible;
        display: block !important;
        text-align: center;
    }
    header#header nav ul > li {
        display: inline-block !important;
        float: none !important;
        width: auto !important;
        padding: 0;
        position: relative;
        vertical-align: middle;
    }
    header#header nav ul li a {
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: 1px;
        border-bottom: solid 2px transparent;
        vertical-align: middle;
    }
    header#header nav ul li a:hover {
        color: var(--verde);
    }    
    header#header nav ul li.has-children > a:after {
        content: none !important;
    }
    header#header nav ul#menu-principale li.has-children .sub-menu .flex div:first-of-type p {
        margin-top: 18px
    }
    header#header nav ul li.has-children .sub-menu {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        max-width: none;
        background-color: var(--blu);
        padding-top: 120px !important;
        padding-bottom: 40px !important;
        z-index: -1 !important;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-100%);
        transition: transform 0.4s cubic-bezier(.215, .61, .355, 1), opacity 0.4s ease, visibility 0.4s ease;
    }
    header#header nav ul li.has-children.dt-sub-aperto .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }    
    header#header nav ul li.has-children.dt-sub-aperto .sub-menu .row-1200 {
        max-width: 850px;
        margin: 0 auto;
    }
    header#header nav .sub-menu li {
        display: block !important;
        width: auto !important;
        padding: 0;
        float: none !important;
        opacity: 0;
        transition: opacity 0.3s ease 0s; 
        text-align: left;
    }
    header#header nav ul li.has-children.dt-sub-aperto .sub-menu li {
        opacity: 1;
        transition-delay: 0.4s;
    }
    header#header nav ul .sub-menu > li {
        display: block !important;
    }
    header#header nav .sub-menu li a {
        font-size: 1.4rem;
        padding: 0;
        border: none !important;
        display: inline-block;
        color: var(--bianco);
    }
    header#header nav .sub-menu li a:hover {
        color: var(--verde);
    }
    header#header nav ul li a, header#header nav .sub-menu li a {
        display: block !important;
        line-height: 4rem;
        padding: 0 14px !important;
    }
    header#header nav .sub-menu li a {
        line-height: 2rem;
    }
    header#header nav ul li.verde a {
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle;
    }
    header#header nav ul#menu-principale {
        padding: 0;
    }
    header#header nav ul#menu-principale li.has-children > .desktop-arrow {
        display: none;
    }
    footer #chiusura {
        gap: initial;
        justify-content: space-between;
    }
    footer #chiusura div {
        text-align: left;
        flex: 0 0 auto !important;
    }
    #ico-menu {
        display: none
    } 
    #icone {
        justify-content: flex-end
    }  
    #top-area {
        gap: 0;
    }
    #top-negozio {
        color: var(--bianco);
        text-transform: none;
        font-size: 1.4rem;
        display: flex;
        gap:25px;
        min-width: 220px   
    }    
    .rece-mob, .rece-tab {
        display: none;
    }
    .rece-desk {
        display: block;
    }
}

@media screen and (min-width: 1300px) {
    #spiegazione div {
        padding-bottom: 90px !important;
    }
}