/*
Theme Name:     Casa Bugatti
Theme URI:      https://www.neosperience.com/
Author:         NSP
Description:    Neosperience Child Theme
Version:        1.25
Text Domain:    nsp-child
Template:       neosperience
*/

#i4wSticker {background-color:#826643 !important;}
#i4wSticker path {fill:#fff !important; stroke:#826643 !important;}

[lang="it-IT"] .display-en {display:none;}
[lang="en-US"] .display-it, [lang="en-GB"] .display-it {display:none;}

/* Importa il file CSS compilato */
/* Per modificare gli stili, editare il file SCSS: /scss/style.scss */
@import url("assets/css/style.css");

/* ============================================
   VARIABLES & RESET
============================================ */
:root {
    --gradient-primary: linear-gradient(to bottom, rgba(0,146,66,0.000) 0%,rgba(164,0,33,0.643) 100%);
}


/* ============================================
   GENERAL STYLES & UTILITIES
============================================ */
.site-content > .wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.multiply {
    mix-blend-mode: multiply;
}

.accent {
    color: #C59C69;
}

.card-shadow {
    box-shadow: 0px 7px 20px rgba(36,35,36,0.100);
}

.card-shadow-hover {
    box-shadow: 0px 7px 20px rgba(36,35,36,0.200);
}

.vertical-motion-blur {
    filter: blur(50px);
}

.gray-section {
    background-color: #f7f7f7;
}

.seicento {
    max-width: 600px;
    margin: 0 auto;
}

.flex-end > .vc_column-inner {
    justify-content: flex-end;
}

.all-text-white,
.all-text-white *,
.all-text-white .bigger-text * {
    color: white !important;
}
.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline {
    background: transparent;
    padding:16px 32px !important;
    letter-spacing:0.5px !important;
    color: #fff;
    outline:none !important;
    border:0px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    transition:
            background-color 0.3s ease,
            color 0.3s ease;
}

.vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:hover {
    background-color: #fff !important;
    color: #000 !important;
    outline:none;
    border:0px;
}

/* ============================================
   TYPOGRAPHY SYSTEM
============================================ */
/* Headings */
h1 {
    color: white;
    font-size: 80px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.titoletto {
    font-size: 20px;
    line-height: 125%;
    text-transform: uppercase;
    color: #c59c69;
    font-weight: 300;
}

.text-18 {
    font-size: 18px;
    line-height: 150%;
    font-weight: 200;
}

.text-20 {
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
}

.bigger-text.wpb_text_column {
    margin-bottom: 0 !important;
}
.bigger-text * {
    font-size: 60px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: lighter;
    color: #c59c69;
    text-align: center;
    margin: 0;
}

/* Portfolio list e stelle */
.row-portfolio {max-width:1140px; margin:0 auto !important;}
.row-portfolio > div:first-child strong {font-size:1.2em; color:#826643;}
.row-portfolio ul {padding-left:0;}
.row-portfolio ul li {margin-bottom:15px; list-style:none; padding-left:0;}
.row-portfolio ul li img {vertical-align:text-bottom;}

/* Link CTA */

#popup-home .form-modale,
.link-cta a {
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
    font-weight: 500;
    color: #5e5a5e;
    text-align: center;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    letter-spacing: 0.25px;
}
#popup-home .form-modale{
    font-size: 12px;
}
#popup-home .form-modale::before,
.link-cta a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background-color: color-mix(in srgb, currentColor 35%, transparent);
}
#popup-home .form-modale::after,
.link-cta a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}
#popup-home .form-modale:hover::after,
.link-cta a:hover::after {
    width: 100%;
}
#popup-container {z-index:10;}

.link-cta.inline a {
    margin-right: 30px;
}

/* Typography Classes System */
.cta {
    font-size: 14px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    text-decoration: underline;
    text-transform: uppercase;
}

/* H1 Medium */
.h1-medium-regular {
    font-size: 80px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h1-medium-regular-uppercase {
    font-size: 80px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h1-medium-thin {
    font-size: 80px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 100;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h1-medium-light {
    font-size: 80px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h1-medium-light-uppercase {
    font-size: 80px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h1-medium-medium {
    font-size: 80px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h1-medium-medium-uppercase {
    font-size: 80px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h1-medium-bold {
    font-size: 80px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h1-medium-bold-uppercase {
    font-size: 80px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

/* H1 Small */
.h1-small-thin {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 100;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h1-small-light {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h1-small-light-uppercase {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h1-small-regular {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h1-small-regular-uppercase {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h1-small-medium {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h1-small-medium-uppercase {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h1-small-bold {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h1-small-bold-uppercase {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

/* H2 Large */
.h2-large-light {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-large-light-uppercase {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h2-large-regular {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-large-regular-uppercase {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h2-large-medium {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-large-medium-uppercase {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h2-large-bold {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-large-bold-uppercase {
    font-size: 60px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

/* H2 Medium */
.h2-medium-thin {
    font-size: 48px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 100;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-medium-light {
    font-size: 48px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-medium-light-uppercase {
    font-size: 48px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h2-medium-regular {
    font-size: 48px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-medium-regular-uppercase {
    font-size: 48px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h2-medium-medium {
    font-size: 48px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-medium-medium-uppercase {
    font-size: 48px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h2-medium-bold {
    font-size: 48px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-medium-bold-uppercase {
    font-size: 48px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

/* H2 Small */
.h2-small-thin {
    font-size: 36px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 100;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-small-light {
    font-size: 36px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-small-light-uppercase {
    font-size: 36px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h2-small-regular {
    font-size: 36px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-small-regular-uppercase {
    font-size: 36px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h2-small-medium {
    font-size: 36px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-small-medium-uppercase {
    font-size: 36px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h2-small-bold {
    font-size: 36px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h2-small-bold-uppercase {
    font-size: 36px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

/* H3 */
.h3-thin {
    font-size: 30px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 100;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h3-light {
    font-size: 30px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h3-light-uppercase {
    font-size: 30px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h3-regular {
    font-size: 30px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h3-regular-uppercase {
    font-size: 30px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h3-medium {
    font-size: 30px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h3-medium-uppercase {
    font-size: 30px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h3-bold {
    font-size: 30px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h3-bold-uppercase {
    font-size: 30px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

/* H4 */
.h4-light {
    font-size: 24px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h4-light-uppercase {
    font-size: 24px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h4-regular {
    font-size: 24px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h4-regular-uppercase {
    font-size: 24px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h4-medium {
    font-size: 24px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h4-medium-uppercase {
    font-size: 24px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h4-bold {
    font-size: 24px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h4-bold-uppercase {
    font-size: 24px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

/* H5 */
.h5-light {
    font-size: 20px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.h5-light-uppercase {
    font-size: 20px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h5-regular {
    font-size: 20px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 30px;
    text-decoration: none;
    text-transform: none;
}

.h5-regular-uppercase {
    font-size: 20px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h5-medium {
    font-size: 20px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h5-medium-uppercase {
    font-size: 20px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h5-bold {
    font-size: 20px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h5-bold-uppercase {
    font-size: 20px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

/* H6 */
.h6-light {
    font-size: 18px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h6-light-uppercase {
    font-size: 18px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h6-regular {
    font-size: 18px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h6-regular-uppercase {
    font-size: 18px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h6-medium {
    font-size: 18px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h6-medium-uppercase {
    font-size: 18px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

.h6-bold {
    font-size: 18px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: none;
}

.h6-bold-uppercase {
    font-size: 18px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    text-decoration: none;
    text-transform: uppercase;
}

/* Body Text */
.body-default-light {
    font-size: 16px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-default-regular {
    font-size: 16px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-default-medium {
    font-size: 16px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 24px;
    text-decoration: none;
    text-transform: none;
}

.body-default-medium-underlined {
    font-size: 16px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    text-decoration: underline;
    text-transform: none;
}

.body-default-bold {
    font-size: 16px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-default-label {
    font-size: 16px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: uppercase;
}

.body-small-light {
    font-size: 14px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-small-regular {
    font-size: 14px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-small-medium {
    font-size: 14px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-small-bold {
    font-size: 14px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-small-label {
    font-size: 14px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: uppercase;
}

.body-extrasmall-light {
    font-size: 12px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-extrasmall-regular {
    font-size: 12px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-extrasmall-medium {
    font-size: 12px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-extrasmall-bold {
    font-size: 12px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: none;
}

.body-extrasmall-label {
    font-size: 12px;
    font-family: "ABC Diatype", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    text-decoration: none;
    text-transform: uppercase;
}

/* ============================================
   HEADER & NAVIGATION
============================================ */
.site-header {
    position: fixed;
    top: 0;
    width: 100%;
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
}

.site-header.hidden {
    transform: translateY(-100%);
}

.site-header.transparent {
    transition: all ease 0.3s;
}

.site-header.scrolled .custom-logo {
    width: auto;
    height: 16px;
}

.site-header .custom-logo {
    transition: width 0.3s ease;
}

.header-wrapper.wrapper {
    padding: 0px 40px;
}

/* Main Navigation */
.site-header .main-nav .menu {
    gap: 36px;
}

.site-header .main-nav .menu>li.menu-item>a {
    padding: 43px 0;
}

.site-header.scrolled .main-nav .menu>li.menu-item>a {
    padding: 20px 0;
}

.site-header .main-nav .menu>li>a {
    font-size: 14px;
    position: relative;
    text-decoration: none;
    display: inline-block;
    transition: width 0.3s ease;
}

.site-header .main-nav .menu>li>a:hover {
    color: #c59c69;
}

.site-header .main-nav .menu>li>a span {
    color: currentColor;
    position: relative;
}

.site-header .main-nav .menu>li>a span::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}
.site-header .main-nav .menu-right>li.menu-item:last-of-type a span::after{
	left: 5px;
}

.site-header .main-nav .menu>li>a:hover span::after {
    width: 100%;
}
.site-header .main-nav .menu-right>li.menu-item:last-of-type{
    position:relative;
}
.site-header .main-nav .menu-right>li.menu-item:last-of-type::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0%;
    width: 400%;
    height: 100%;
}

.site-header .main-nav .menu-right>li.menu-item:last-of-type span::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 15px;
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.80325 5.17166C3.57515 5.39975 3.57515 5.76749 3.80325 5.99558L7.67151 9.86384C7.85305 10.0454 8.14631 10.0454 8.32786 9.86384L12.1961 5.99558C12.4242 5.76749 12.4242 5.39975 12.1961 5.17166C11.968 4.94356 11.6003 4.94356 11.3722 5.17166L7.99736 8.54184L4.62252 5.167C4.39908 4.94356 4.02668 4.94356 3.80325 5.17166Z" fill="%23BEBBBE"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(16px, -50%);
    transition:all ease 0.3s;
}
.site-header .main-nav .menu-right>li.menu-item:last-of-type:hover span::after {
    transform: translate(16px, -50%) rotate(180deg);
}
.site-header .main-nav .menu-right>li.menu-item:last-of-type ul *{
    font-size:14px;
}
.site-header .main-nav .menu-right>li.menu-item:last-of-type ul li span::after {
    display:none
}
/* Mega Menu - Desktop */






/* ============================================
   FOOTER
============================================ */
#footer a,
#footer .widgettitle {
    font-size: 14px;
    transition: color 0.3s ease;
}

#footer .widgettitle {
    margin-bottom: 8px;
}

#footer .vc_icon_element-icon {
    transform: translateY(-24px);
}

#footer .vc_icon_element-icon:before {
    font-size: 20px;
}

#footer-menu-uno li a,
#footer-menu-due li a {
    font-size: 12px;
    color: #AFADAF;
    font-weight: 400;
    transition: color 0.3s ease;
}
#subfooter .menu *{
    font-size:13px;
    font-weight:300
}

#footer-social .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px 10px;
}

#footer-social .wpb_text_column {
    flex-basis: 100%;
    width: 100%;
}

#footer-social .vc_icon_element {
    flex-shrink: 0;
    float:none;
    margin:0;
}


#footer-social .vc_icon_element-inner {
    width: 30px;
    height: 30px;
}
#footer-social .vc_icon_element-icon {
    transform: translateY(0px);
    display: flex;
    top:0;
    left: 0;
    position: static;
    width:inherit;
    height:inherit;
    justify-content: center;
    align-items: center;
    transition:color 0.3s ease;
}
#footer-social .vc_icon_element:hover .vc_icon_element-icon{
    color:#000;
}
#footer-social .vc_icon_element-icon:before{
    margin:0;
    width:auto;
    height:auto;
}
#footer-social .wpb_wrapper > .vc_icon_element:nth-child(2) {
    margin-left: -10px !important;
}
#footer .menu-footer-menu-2-ita-container li{
    line-height: 150%;
}
#footer .menu-footer-menu-2-ita-container li a{
    line-height: 1.2;
}


/* ============================================
   SINGLE CREAZIONI PAGES
============================================ */
body.single-creazioni .hover-video-carousel {
    margin-bottom: 80px;
}

body.single-creazioni .hover-video-carousel~.link-cta {
    margin-bottom: 120px;
}

.hero-creazione,
.hero-words {
    padding-top: 0 !important;
}

.content-hero-creazione {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) -26.85%, rgba(0, 0, 0, 0) 136.11%);
}

.intro-carousel-creazione {
    padding-top: 120px;
    padding-bottom: 120px;
}

.sticky-description>.pin-spacer>.vc_column-inner>.wpb_wrapper {
    max-width: 600px !important;
    margin: 0 auto;
    height: calc(100vh - 80px);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

/* Dettaglio prodotto - descrizione */
.scrolling-images+.sticky-description>.pin-spacer>.vc_column-inner>.wpb_wrapper {
    max-width: 600px !important;
    margin: 0 auto;
    height: calc(100vh - 80px);
    /*max-height:800px;*/
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    padding: 40px 0;
    transition:all ease 0.3s;
}


.scrolling-images+.sticky-description .wpb_wrapper>*:nth-child(3) {
    margin-top: auto !important;
}

/* ============================================
   IMAGE & GALLERY STYLES
============================================ */
.img-medium img {
    width: auto;
    max-height: 611px;
}

.img-small img {
    width: auto;
    max-height: 453px;
}

.coppia-img {
    max-width: 790px;
    margin: 0 auto !important;
}
/*
#natura {
    max-width: 800px;
    margin: 0 auto;
}*/

.intro {
    max-width: 1072px;
    margin: 0 auto;
}

.pp_gallery {
    display: none !important;
}

.scrolling-images>div {
    padding-top: 0 !important;
}

.biscione-container .vc_column-inner {
    padding-top: 0 !important;
}

/* ============================================
   NSP CAROUSEL AND GRID
============================================ */
.hover-video-carousel,
.hover-video-grid {
    --gap: 20px;
    margin: 20px 0;
}

/* Hover stack: video/immagine alternativa sopra la thumb */
.hover-video-wrapper {
    position: relative;
    overflow: hidden;
}

.hover-video-thumb,
.hover-alt-img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity .25s ease;
}

.hover-video-thumb {
    transition: all .3s ease;
    position: relative;
}

.nsp-lightbox::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 3H21V9" stroke="%235E5A5E" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 21H3V15" stroke="%235E5A5E" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 3L14 10" stroke="%235E5A5E" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 21L10 14" stroke="%235E5A5E" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
    z-index: 99;
    transition: opacity .3s ease;
}

a:hover .hover-video-thumb {
    transform: translateY(-8%) scale(0.8);
}

.nsp-lightbox:hover::before {
    opacity: 1;
}

.hover-video,
.hover-alt-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;
    z-index: 2;
}
/*.hover-video{*/
/*	transform: scale(1.000);*/
/*}*/

/* Hover attivo solo su device con hover/puntatore fine */
@media (hover:hover) and (pointer:fine) {
    .hover-video-wrapper:hover .hover-video {
        opacity: 1;
    }

    .hover-video-wrapper:hover .hover-alt-img {
        opacity: 1;
    }

    .hover-video-wrapper:hover .hover-video-thumb:not(.no-hover) {
        opacity: 0;
    }
}

/* Fallback scroll-snap */
.hv-scroll .hv-track {
    display: flex;
    gap: var(--gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
}

.hv-scroll .hv-slide {
    scroll-snap-align: start;
    flex: 0 0 auto;
}

/* Responsive visibilità: desktop/tablet/mobile con peek */
.hv-scroll {
    --peek: 0.5;
    --visible: calc(var(--desktop, 3) + var(--peek));
}

@media (max-width: 1024px) {
    .hv-scroll {
        --visible: calc(var(--tablet, 2) + var(--peek));
    }
}

@media (max-width: 768px) {
    .hv-scroll {
        --visible: calc(var(--mobile, 1) + var(--peek));
    }
}

.hv-scroll .hv-slide {
    width: calc(100% / var(--visible));
}

/* Grid mode spacing */
.hover-video-grid.row {
    row-gap: var(--gap);
    column-gap: var(--gap);
}

/* Grid mode */
.hv-grid {
    display: grid;
    grid-template-columns: repeat(var(--desktop, 3), 1fr);
    gap: var(--gap, 20px);
}



.hv-grid-item {
    width: 100%;
}

/* Card Overlay */
.nsp-card-overlay-inside {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 20px 0 10px 0;
    background: white;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: block;
    justify-content: space-between;
    align-items: center;
}

.nsp-card-overlay-inside a {
    color: black;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}

.nsp-card-overlay-inside>h4,
.nsp-card-overlay-inside>span {
    width: 100%;
    float: left;
    margin-bottom: 14px;
}

.nsp-card-overlay-inside .tax-gallery {
    font-size: 12px;
    text-transform: uppercase;
    color: #C59C69;
}

.nsp-card-overlay-inside .nsp-card-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #5E5A5E;
    margin-top: 0;
    margin: 0px;
}
.creazioni-template-default .nsp-card-overlay-inside .nsp-card-title {
    font-size: 14px;
}


.nsp-card-overlay-inside .info {
    font-size: 14px;
    color: #A09CA0;
}

.nsp-card-overlay-inside .scf-dimensioni {
    display: flex;
    gap: 8px 20px;
	flex-wrap: wrap;
    font-size: 14px;
}

.nsp-card-overlay-inside {
    overflow:hidden;
    transform:translateY(100px);
    opacity:0;
    transition:all ease 0.4s;
}
.hover-video-wrapper:hover .nsp-card-overlay-inside {
    opacity: 1;
    height:auto;
    transform: translateY(0px);
}

.card:hover {
    transform: translateY(0px);
}
/* ============================================
   WPBakery/VISUAL COMPOSER STYLES
============================================ */
/* Frontend Editor */
#wp-admin-bar-vc_inline-admin-bar-link a {
    font-size: 0;
}

#wp-admin-bar-vc_inline-admin-bar-link a:after {
    content: 'Frontend editor';
    font-size: 13px;
}

/*
body.page .vc-c-icon-dragndrop,
body.page .vc_control-btn-prepend,
body.page .vc_control-btn-layout,
body.page .vc_control-btn-clone,
body.page .vc_control-btn-copy,
body.page .vc_control-btn-paste,
body.page .vc_control-btn-delete {
    display: none !important;
}
*/

/* Video Background */
.vc-video-bg-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.vc_row {
    position: relative;
    z-index: 1;
}

.vc_row.vc_row-o-full-height:not(:first-of-type()) {
    min-height: calc(100vh - 80px);
}

/* ============================================
   CUSTOM BOX
============================================ */
.custom-box  .vc_column-inner {
    height: 100%;
    padding: 0 0 1rem !important;
}

.custom-box .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    align-items: center;
    height: 100%;
    padding: 0rem 1rem;
}

.custom-box .vc_column-inner .wpb_wrapper > div {
    width: 100%;
    text-align: center;
}
.custom-box .vc_column-inner .wpb_wrapper .titoletto {
    grid-row: 1;
    align-self: center;
    margin-bottom:0;
}
.custom-box .vc_column-inner .wpb_wrapper .wpb_single_image {
    grid-row: 2;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-box .vc_column-inner .wpb_wrapper .vc_figure {
    display: flex;
    justify-content: center;
}
.custom-box .vc_column-inner .wpb_wrapper .link-cta {
    grid-row: 3;
    align-self: center;
    margin-bottom:0
}

.custom-box {
    position: relative;
}

.custom-box .box-link {
    position: absolute;
    inset: 0;
    z-index: 3;
}

.custom-box .wpb_wrapper {
    position: relative;
    z-index: 2;
}

.custom-box:hover .link-cta a::after {
    width: 100%;
}

/* ============================================
   TOOLTIP STYLES
============================================ */
.immagine-con-tooltip>div {
    height: calc(100vh - 80px);
    position: relative;
}

.tooltip-plus {
    position: absolute;
    transform: translate(-50%, -50%);
    cursor: pointer;
	z-index:1;
}

/* Area sensibile estesa */
.tooltip-plus::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 200px;
    pointer-events: auto;
    z-index: 1;
}

.tooltip-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    color: #C59C69;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 200;
    font-size: 36px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    position: relative;
    z-index: 10;
}
.tooltip-plus:hover,
.tooltip-plus:focus{
	z-index:99;
}
.tooltip-plus:hover .tooltip-icon {
    transform: rotate(45deg);
    background: #C59C69;
    color: #fff;
    box-shadow: 0 2px 6px transparent;
}

.tooltip-content {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: 0px solid #ccc;
    padding: 10px;
    display: flex;
    gap: 10px;
    width: 380px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    cursor: default;
    pointer-events: auto;
}

.tooltip-plus:hover .tooltip-content {
    opacity: 1;
    visibility: visible;
    top: 60px;
}

.tooltip-thumb {
    width: 140px;
    height: 140px;
    object-fit: cover;
}

.tooltip-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 10px;
}

.tooltip-text h5 {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #C59C69;
    margin: 0;
    margin-bottom: 5px;
}

.tooltip-text h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #5E5A5E;
    margin: 0;
    margin-bottom: 5px;
}

.tooltip-text p {
    font-size: 14px;
    margin: 0;
    margin-bottom: 5px;
}

.tooltip-text .scf-dimensioni {
    display: flex;
    gap: 20px;
    font-size: 14px;
}


/* ============================================
   MODAL STYLES
============================================ */
/* Overlay della modale */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Contenuto della modale */
.modal-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 0px;
    max-width: 800px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    position: relative;
    transform: scale(0.95);
    transition: transform 0.3s ease;
}

.modal-overlay.active .modal-content {
    transform: scale(1);
}

/* Pulsante di chiusura */
.close-modal {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 32px;
    font-weight:200;
    cursor: pointer;
    color: #666;
    transition: color 0.2s ease;
}

.close-modal:hover {
    color: #333;
}

/* ============================================
   PRETTY PHOTO GALLERY MODAL
============================================ */
div.pp_default .pp_content {
    background: transparent;
}

div.pp_default .pp_nav {
    width: auto !important;
}

div.pp_default .pp_nav .currentTextHolder {
    font-family: "ABC Diatype", sans-serif !important;
    font-style: normal !important;
    position: relative !important;
    padding: 0 10px !important;
    left: 0 !important;
}

.pp_close,
.pp_nav .pp_play,
.pp_nav .pp_pause,
.pp_nav .pp_arrow_previous,
.pp_nav .pp_arrow_next {
    position: relative;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    background: none !important;
}

.pp_close:before,
.pp_nav .pp_play::before,
.pp_nav .pp_pause::before,
.pp_nav .pp_arrow_previous::before,
.pp_nav .pp_arrow_next::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.pp_nav .pp_play::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 8L16 12L10 16V8Z' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pp_nav .pp_pause::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 15V9' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 15V9' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pp_nav .pp_arrow_next::before,
.pp_nav .pp_arrow_previous::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 5L19 12L12 19' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pp_nav .pp_arrow_next {
    left: 0 !important;
}

.pp_nav .pp_arrow_previous {
    transform: rotate(180deg);
    margin-left: 10px !important;
}

.pp_close::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 9L9 15' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9L15 15' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

div.pp_default .pp_content {
    background-color: #f8f8f8 !important;
}

div.pp_default .pp_previous:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

div.pp_default .pp_next:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%235E5A5E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

div.ppt {
    font-family: "ABC Diatype", sans-serif !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
}

/* ============================================
   MISC COMPONENTS
============================================ */
.word * {
    font-weight: 200;
}

#cta-section-collezione {
    padding-top: 120px;
    padding-bottom: 120px;
}

line.line {
    stroke-width: 2;
}

/* ============================================
   CREAZIONI
============================================ */

#oggettistica + .vc_row-full-width + .vc_row img.card-img-top{
    mix-blend-mode: multiply;
}

.card .card-title a{
    font-size: 18px;
    /*line-height: 150%;*/
    text-transform: uppercase;
    /*font-weight: 500;*/
    font-weight:400
    /*color: #5e5a5e;*/
    text-align: center;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
}


.card .card-title a::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

.card:hover .card-title a::before{
    width: 100%;
}
.card:hover .card-title a{
    color:#5E5A5E;
}
.card .hover-video-wrapper {
    transition: all 0.3s ease;
}
.card .hover-video-wrapper {
    /*background-color: #f0f0f0; */
    position:relative;
}
.card .hover-video-wrapper img {
    z-index:5
}
.card .hover-video-wrapper::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 95%;
    height: 95%;
    border-radius:0%;
    transform:translate(-50%,-50%);
    /*background-color: #f0f0f0;*/
    opacity:0;
    transition: all 0.3s ease;
    z-index:0
}
/*
 .card:hover .hover-video-wrapper::after {
	 opacity:1;
	 height:100%
}*/
.card:hover .hover-video-wrapper::after {
    opacity:1;
    height:100%;
    width:100%;

}

.hover-video-wrapper {
    /*display: inline-block;*/
    position: relative;
}

.hover-video-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 0px #fff;
    transition: box-shadow 0.3s ease;
    pointer-events: none;
    z-index:9
}

.card:hover .hover-video-wrapper::before {
    box-shadow: inset 0 0 0 10px #fff;
}
#oggettistica-grid .card:hover .hover-video-wrapper::before {
    box-shadow: inset 0 0 0 0px transparent;
}
.nsp-card-overlay-inside{
    padding-left:10px;
    padding-right:10px;
}
.card{
    background:#f7f7f7;
}


/* ============================================
   CONTATTI
============================================ */

.wpcf7-acceptance .wpcf7-list-item label, .wpcf7-checkbox .wpcf7-list-item label{
    display:inline-flex;
    align-items:center;
    gap: 8px
}
.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label, .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{
    font-weight:300
}
.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label a, .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label a{
    color:currentcolor
}
.wpcf7-submit {
    background: #826643;
    color: white;
    padding: 16px 30px;
    text-transform: uppercase;
    letter-spacing:0.5px;
    border: 0;
    margin-top: 20px;
    transition: background 0.3s ease;
}
.wpcf7-submit:hover{
    background: #C59C69;
}
.wpcf7-form-control-wrap{
    display:inline-block;
    width:100%;
}
.wpcf7-not-valid-tip{
    text-transform: lowercase;
    position: absolute;
    bottom: -20px;
    left: 0;
}
textarea + .wpcf7-not-valid-tip{
    bottom: -11px;
}
.wpcf7-response-output{
    background:#cc002b;
    color:#fff;
    border:none !important;
    margin: 2em 0em 1em !important;
    padding: 0.5em 1em !important;
    font-weight: 300;
    text-align:center

}
input[aria-invalid="true"],
textarea[aria-invalid="true"]{
    border: 1px solid #cc002b !important;
}
input[type="checkbox"] {
    accent-color: #826643;
}
input:focus,
textarea:focus {
    outline: none;
    box-shadow: 0 0 0 1px #826643;
}
.privacy-checkbox{
   	display:flex;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
    margin:0;
    gap:20px
}
.privacy-checkbox p{
     margin:0;
    /*max-width:33.3333%;*/
}
.privacy-checkbox label{
    margin:0;
    /*align-items: flex-start !important;*/
}
.privacy-checkbox input{
    flex-shrink: 0;
}

.privacy-checkbox label span{
    line-height:1.1em
}
[class*="form-control-wrap"] input{
	flex-shrink: 0;
}

/* ============================================
   PRIVACY
============================================ */
.privacy-page .site-content *{
    font-family: "ABC Diatype", sans-serif !important;
}
.privacy-page .site-content .wrapper{
    max-width:860px;
    padding-top:80px;
    padding-bottom:80px;
}

.privacy-page .site-content a{
    color:currentColor
}
.privacy-page .site-content .page-title{
    color:currentColor;
    font-size:38px;
    text-align:center;
    margin-bottom:50px;
}
.privacy-page .site-content p{
    font-weight:300;
    line-height:1.5em;
}
.CookieDeclarationTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    font-family: "ABC Diatype", sans-serif !important;
    font-size: 14px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.CookieDeclarationTableHeader {
    background-color: #f8f9fa;
    color: #333;
    font-weight: 600;
    text-align: left;
    padding: 12px 16px;
    border-bottom: 2px solid #dee2e6;
}

.CookieDeclarationTableCell {
    padding: 12px 16px;
    border-bottom: 1px solid #e9ecef;
    vertical-align: top;
    line-height: 1.5;
}

.CookieDeclarationTable tbody tr:hover {
    background-color: #f8f9fa;
}

.CookieDeclarationTable tbody tr:last-child .CookieDeclarationTableCell {
    border-bottom: none;
}

.CookieDeclarationTableCell a {
    color:currentColor;
    text-decoration: underline;
}

.CookieDeclarationTableCell a:hover {
    text-decoration: underline;
}


/* ============================================
   MANIFESTO / CHI-SIAMO
============================================ */
	.page-display .boxed-left.wpb_column,
	.page-display .boxed-right.wpb_column{
		padding-left:40px;
		padding-right:40px;
	}
	.col-image{
		height:100vh
	}

/* ============================================
   GSAP
============================================ */

img.seq {
    will-change: transform !important;
    backface-visibility: hidden !important;
}

.gsap-hero.nrighe-4 {
    max-height:220px !important
}
.gsap-hero.nrighe-8 {
    max-height: 450px !important;
}

.home .gsap-hero {
    max-height: 400px !important;
}
.home .gsap-hero + .vc_custom_1765991653351{
    margin-bottom:100px !important
}


/* ============================================
   KEYFRAMES ANIMAZIONI
   ============================================ */

/* Fade in semplice */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Fade in dal basso */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade in con zoom leggero */
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Fade in da sinistra */
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Fade in da destra */
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ============================================
   APPLICAZIONE ANIMAZIONI
   ============================================ */

.wpb_fadeIn.wpb_start_animation {
    animation: fadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.wpb_fadeInUp.wpb_start_animation {
    animation: fadeInUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.wpb_fadeInLeft.wpb_start_animation {
    animation: fadeInLeft 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.wpb_fadeInRight.wpb_start_animation {
    animation: fadeInRight 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.wpb_fadeInScale.wpb_start_animation {
    animation: fadeInScale 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ============================================
   ACCESSIBILITÀ - Riduzione movimento
   ============================================ */

@media (prefers-reduced-motion: reduce) {
    .wpb_start_animation {
        animation: none !important;
        transition: none !important;
    }
}

/* ============================================
   FLOATING CTA
   ============================================ */

.vc_icon_element-icon.fa-envelope::before{
    display:none !important
}
.vc_icon_element-icon.fa-envelope{
    display:flex !important;
    align-items: center;
    justify-content: center;
    width:56px !important;
    height:56px !important;
}
.vc_icon_element-icon.fa-envelope::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/uploads/2026/01/mail.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.vc_icon_element-inner{
    transition: all 0.3s ease;
}
.vc_icon_element-inner:hover:not(#footer-social .vc_icon_element-inner) {
    background-color:#C59C69 !important;
    box-shadow:0 0 0 5px #C59C69;
}
/* ============================================
   POPUP HOME
   ============================================ */
#popup-home{
    top:104px;
    opacity: 0;
    animation: show_popup 0.5s ease forwards;
    animation-delay: 2s;
    transition: box-shadow ease 0.3s;
}

@keyframes show_popup {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#popup-home p{
    margin:0;
}
#popup-home .wpb_text_column:nth-of-type(2) {
    padding-top: 15px;
}
#popup-home:hover{
    box-shadow:0 0 15px rgba(0,0,0,0.3);
}
/* ============================================
   GALLERY TAB
   ============================================ */

.gallery-tab-content {
	opacity:1; 
	transition: opacity 1s;
}
.gallery-tab-content:not(.active) {
	height:0; 
	opacity:0;
}
.gallery-tabs-nav {
	display:flex; 
	gap:40px; 
	margin-bottom:40px;
}
.gallery-tab-btn {
	display:inline-block; 
	font-size:18px;
	/*min-width:120px; */
	padding:0px 0px; 
	cursor:pointer; 
	font-weight:300; 
	letter-spacing:0.02em; 
	text-transform:none;  
	color:#999; 
	position:relative
}
.gallery-tab-btn.active {
	color:#111;
}
.gallery-tab-btn:not(.active):hover {
	color:#111;
	border-color:#111;
}

.gallery-tab-btn::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}
.gallery-tab-btn.active::after, 
.gallery-tab-btn:hover::after {
    width: 100%;
}

/* ============================================
   RESPONSIVE
   ============================================ */


.site-header .burger span {
    width: 24px;
    height: 2px;
}


/* ==========================================================================
   MEDIA QUERIES 
   ========================================================================== */

/* Tablet (768px and up)
   ========================================================================== */
@media (min-width: 768px) {
    .nsp-card-overlay-inside .scf-dimensioni {
        display: flex;
        gap: 10px 27px;
        flex-wrap: wrap;
        font-size: 14px;
    }
    
    /* GSAP Hero - specifico per range tablet */
    .gsap-hero {
        position: relative;
        max-width: 100%;
        aspect-ratio: 3/2 !important;
        max-height: none !important;
    }
    
    .home .gsap-hero {
        position: relative;
        max-width: 100%;
        aspect-ratio: 3/2 !important;
        max-height: none !important;
    }
    
    #posate-grid .hv-grid,
    #oggettistica-grid .hv-grid {
        gap: 70px 110px;
    }
    
    #posate-grid .vc_column_container,
    #oggettistica-grid .vc_column_container {
        padding-bottom: 90px;
    }
}

/* Desktop/Tablet (1024px and up)
   ========================================================================== */

@media (min-width: 1024px) {
    .contact-page .vc_column_container>.vc_column-inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .swiper.swiper-horizontal + .link-cta {
        margin-top: 120px !important;
        margin-bottom: 120px !important;
    }
	#posate,
    #oggettistica{
        padding:160px 0 120px
    }
	
	.home .gsap-hero {
        position: relative;
        max-width: 100%;
        aspect-ratio: 5/1 !important;
        max-height: none !important;
    }
	
	/* site header */
    .site-header .header-wrapper ul .wrapper {
        padding: 0px;
    }

    #site-header .megamenu::after {
        content: '';
        position: fixed;
        top: 103px;
        left: 0;
        right: 0;
        bottom: 0px;
        width: 0;
        height: 100vh;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.6);
        transition: width 0.3s ease;
        z-index: 0;
        visibility: hidden;
        pointer-events: none;
    }

    #site-header.site-header.scrolled .megamenu::after {
        top: 57px;
    }

    #site-header .megamenu:hover::after {
        visibility: visible;
    }

    #site-header .megamenu>ul {
        display: block;
        opacity: 0;
        transform: translateY(-5px);
        visibility: hidden;
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    }

    #site-header .megamenu:hover>a {
        color: #c59c69;
    }

    #site-header .megamenu:hover>a span::after {
        width: 100%;
    }

    #site-header .megamenu:hover>ul {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }

    #site-header .megamenu>ul {
        width: 100vw;
        left: 0;
        top: 103px;
        position: fixed;
        padding: 40px 40px;
        border: 0;
    }

    #site-header.site-header.scrolled .megamenu>ul {
        top: 57px;
    }

    #site-header .megamenu>ul>.wrapper>li {
        width: 50%;
        float: left;
        display: flex;
        gap: 30px;
    }

    #site-header .megamenu>ul>.wrapper>li>a {
        width: 40%;
        float: left;
        background-color: gray;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
    }

    #site-header .megamenu>ul>.wrapper>li>ul {
        width: 55%;
        height: 352px;
        float: left;
        padding: 0;
        border: 0;
        position: static;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 6.3px;
    }

    #site-header .megamenu>ul>.wrapper>li>ul>li {
        width: 50%;
    }

    #site-header .megamenu>ul>.wrapper>li>ul>li a {
        font-size: 14px;
        padding: 8px 0;
    }

    #site-header .megamenu>ul>.wrapper>li>ul>li a span {
        color: currentColor;
        position: relative;
        z-index: 1;
    }

    #site-header .megamenu>ul>.wrapper>li>ul>li a span::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 0;
        height: 1px;
        background-color: currentColor;
        transition: width 0.3s ease;
    }

    #site-header .megamenu>ul>.wrapper>li>ul>li a:hover {
        color: #c59c69;
    }

    #site-header .megamenu>ul>.wrapper>li>ul>li a:hover span::after {
        width: 100%;
    }

    #site-header .posate>a,
    #site-header .oggettistica>a {
        display: inline-block;
        width: 50px;
        aspect-ratio: 1 / 1;
        position: relative;
        overflow: hidden;
    }

    #site-header .posate>a span,
    #site-header .oggettistica>a span {
        z-index: 1;
    }

    #site-header .posate>a::before,
    #site-header .oggettistica>a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: transform 0.3s ease;
        z-index: 0;
    }

    #site-header .posate>a::before {
        content: '';
        background-image: url('/wp-content/themes/casa-bugatti/assets/img/posate.webp');
        background-size: cover;
        background-position: center;
    }

    #site-header .oggettistica>a::before {
        content: '';
        background-image: url('/wp-content/themes/casa-bugatti/assets/img/signature.jpg');
        background-size: cover;
        background-position: center;
    }

    #site-header .posate>a:hover::before,
    #site-header .oggettistica>a:hover::before {
        transform: scale(1.1);
    }
	
	.bigger-text * {
        font-size: 80px;
    }
    
    .mobileon {
        display: none !important;
    }
    
    /*.page-display .vc_row.wpb_row:not(.full-width-banner):not(.pre-footer .vc_row.wpb_row) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .page-display .boxed-left.wpb_column,
    .page-display .boxed-right.wpb_column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }*/
	
	
}

/* Desktop Medium (1280px and up)
   ========================================================================== */

@media (min-width: 1280px) {
    .bigger-text * {
        font-size: 100px;
    }
}
/* Desktop (1600px and up)
   ========================================================================== */

@media (min-width: 1600px) {
    /* Dettaglio collezione */
    .scrolling-images+.sticky-description>.pin-spacer>.vc_column-inner>.wpb_wrapper {
        height: calc(100vh - 280px);
        padding: 140px 0;
    }
	
}
/* Desktop Large (1920px and up)
   ========================================================================== */
@media (min-width: 1920px) {
	#site-header .megamenu>ul {
        padding: 40px 0px;
    }
}

/* Desktop Large (1921px and up)
   ========================================================================== */

@media (min-width: 1921px) {
    /* Dettaglio collezione */
    .scrolling-images+.sticky-description>.pin-spacer>.vc_column-inner {
        display: flex !important;
        align-items: center !important;
    }
    
    .scrolling-images+.sticky-description>.pin-spacer>.vc_column-inner>.wpb_wrapper {
        max-height: 800px !important;
        height: calc(100vh - 280px) !important;
        padding: 40px 0;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
	
}




/* ==========================================================================
   MEDIA QUERIES - MOBILE/TABLET (MAX-WIDTH)
   ========================================================================== */

/* Desktop/Tablet Max (1600px and down)
   ========================================================================== */

@media (max-width: 1600px) {
	/* Custom box */
	.custom-box .wpb_single_image .vc_figure {
        max-width: 45%;
    }
    .custom-box .coppia-img .vc_figure  {
        max-width: 80%;
    }
	
    .coppia-img .vc_col-sm-6:nth-child(1) .wpb_single_image {
        justify-content: flex-end !important;
    }

    .coppia-img .vc_col-sm-6:nth-child(2) .wpb_single_image {
        justify-content: flex-start !important;
    }
    .custom-box .vc_column-inner {
        height: 100%;
        padding: 0 0 0rem !important;
    }
    .custom-box .coppia-img .vc_col-sm-6{
        max-width:50%
    }
}
/* Desktop/Tablet Max (1366px and down)
   ========================================================================== */

@media (max-width: 1366px) {
	
    /* Dettaglio collezione */
    .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-6 {
        width: auto !important;
    }
    
    .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper .wpb_single_image.wpb_content_element.vc_align_center {
        text-align: left !important;
    }
    
    .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper .wpb_single_image.wpb_content_element.vc_align_center .wpb_wrapper.vc_figure .vc_single_image-wrapper.vc_box_border_grey img.vc_single_image-img {
        width: auto !important;
        height: 40vh !important;
        max-width: 100%;
        object-fit: cover;
    }
    
    .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper .wpb_single_image.wpb_content_element.vc_align_center .wpb_wrapper.vc_figure .vc_single_image-wrapper.vc_box_border_grey {
        max-width: 100%;
    }
    
    .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper video {
        width: auto !important;
        height: 40vh !important;
        max-width: 100%;
        object-fit: cover;
    }
    
    .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-6 {
        width: 50%;
        float: left;
    }
    
    .scrolling-images+.sticky-description>.pin-spacer>.vc_column-inner>.wpb_wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .scrolling-images+.sticky-description>.pin-spacer>.vc_column-inner {
        padding: 0 !important;
    }
    
    .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner {
        padding: 0 10px;
    }
    
    .scrolling-images+.sticky-description .vc_row.wpb_row {
        margin-left: -10px;
        margin-right: -10px;
    }
	
	/* Home two images */
	.custom-box.two-images.vc_col-sm-6 .coppia-img{
		justify-content:center
	}
	.custom-box .coppia-img .vc_figure {
        max-width: 100%;
    }
}


/* Desktop/Tablet Max (1280px and down)
   ========================================================================== */

@media (max-width: 1280px) {
    /* Dettaglio collezione */
    .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper .wpb_single_image.wpb_content_element.vc_align_center .wpb_wrapper.vc_figure .vc_single_image-wrapper.vc_box_border_grey img.vc_single_image-img {
        height: 260px !important;
    }
    
    .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper video {
        height: 260px !important;
    }
	
	/* Home two images */
	.custom-box.two-images.vc_col-sm-6 .coppia-img{
		justify-content:center
	}
	.custom-box .coppia-img .vc_figure {
        max-width: 100%;
    }
	/*.vc_row.wpb_row.vc_inner.vc_row-fluid.coppia-img .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper .wpb_single_image.wpb_content_element.vc_align_center .wpb_wrapper.vc_figure .vc_single_image-wrapper.vc_box_border_grey img.vc_single_image-img{
		height:260px !important
	}*/
}


/* Tablet Max (1024px and down)
   ========================================================================== */

@media (max-width: 1024px) {
    /* Grid */
    .hv-grid {
        grid-template-columns: repeat(var(--tablet, 2), 1fr);
    }
    
    /* Typography & Links */
    #popup-home .form-modale,
    .link-cta a {
        letter-spacing: 0px;
        font-size: 13px;
    }
    
    /* Header/Menu */
    .site-header .main-nav {
        top: 48px;
        box-shadow: 0 0px 0px transparent;
        border-width: 0px 0 0 0;
    }
    
    .custom-logo {
        height: 16px;
        width: auto;
    }
    
    .site-header .burger {
        display: flex;
        flex-direction: column;
        gap: 5px;
        background: none;
        border: 0;
        cursor: pointer;
        padding: 0;
        margin-left: auto;
    }
    
    .site-header .burger span {
        width: 24px;
        height: 2px;
        background: #333;
        transition: 0.3s;
    }
    
    .site-header.menu-open .burger span:nth-child(1) {
        transform: rotate(45deg) translate(4px, 4px);
    }
    
    .site-header.menu-open .burger span:nth-child(2) {
        opacity: 0;
    }
    
    .site-header.menu-open .burger span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }
    
    .site-header .main-nav .menu li.menu-item>.menu-span:after,
    .site-header .main-nav .menu li.menu-item>.menu-span:before {
        content: "";
        height: calc(1.5px);
        width: 10px;
    }
    
    .site-header .main-nav .menu li.menu-item>.menu-span:before {
        right: 30px;
    }
    
    .site-header .main-nav .menu li.menu-item>.menu-span:after {
        right: 37px;
    }
    
    .site-header .main-nav .menu li.menu-item ul {
        background: #F7F7F7 !important;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    
    .site-header .main-nav .menu li.menu-item .menu-span,
    .site-header .main-nav .menu li.menu-item>a {
        padding: 12px 24px !important;
    }
    
    .site-header .main-nav .menu li.menu-item ul .menu-item .menu-span,
    .site-header .main-nav .menu li.menu-item ul .menu-item>a {
        padding: 8px 24px !important;
    }
    
    .main-nav .menu-left > .menu-item > a > span,
    .main-nav .menu-right > .menu-item:not(:last-child) > a > span {
        font-size: 18px;
        font-weight: 300;
    }
    
    .main-nav .menu-left > .menu-item > .menu-span > span,
    .main-nav .menu-right > .menu-item:not(:last-child) > .menu-span > span {
        font-size: 18px;
        font-weight: 300;
    }
    
    .main-nav .menu-right > .menu-item:last-child > a > span:after,
    .main-nav .menu-right > .menu-item:last-child a span:after {
        display: none !important;
    }
    
    /* Custom Boxes */
    .vc_row.vc_custom_1765709794290 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    
    .custom-box .vc_column-inner {
        height: 100%;
        padding: 2rem 0 !important;
    }
    
    .custom-box .vc_column-inner .wpb_wrapper .titoletto {
        margin-bottom: 2rem;
    }
    
    .custom-box .vc_column-inner .wpb_wrapper .vc_figure {
        display: flex;
        justify-content: center;
        max-width: 60vw;
    }
    
    /* Hero Home */
    .hero-home {
        overflow: hidden !important;
        height: 80vh !important;
    }
    
    .hero-creazione {
        overflow: hidden !important;
        height: 80vh !important;
    }
    
    .hero-creazione .content-hero-creazione {
        position: relative;
        left: -25px !important;
        box-sizing: border-box;
        width: 390px;
        max-width: 390px;
        padding-left: 15px !important;
        padding-right: 15px !important;
        min-height: 80vh !important;
    }
    
    /* Alternate Content */
    .alternate-content {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    .alternate-content img {
        width: 100%;
        height: auto;
    }
    
    .alternate-content .text-content {
        width: 100%;
    }
    
    /* Carousel */
    [class*="carousel"] {
        padding-left: 40px !important;
    }
    
    .hover-video-carousel {
        gap: 20px !important;
    }
    
    .hover-video-wrapper .nsp-card-overlay-inside {
        opacity: 1;
        height: auto;
        transform: translateY(0px);
    }
    
    .nsp-card-overlay-inside {
        position: relative;
    }
    
    .hover-video-wrapper {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .hover-video-wrapper .nsp-card-overlay-inside {
        padding: 10px 0px;
    }
    
    .hover-video-wrapper .nsp-card-overlay-inside .nsp-card-title {
        font-size: 14px;
    }
    
    .hover-video-wrapper .nsp-card-overlay-inside .nsp-card-arrow {
        display: none;
    }
    
    /* Images */
    [data-vc-parallax-image].col-image {
        width: 100% !important;
    }
    
    /* Img Tooltip */
    .immagine-con-tooltip {
        z-index: 999999 !important;
    }
    
    .immagine-con-tooltip .wpb_column {
        height: auto !important;
    }
    
    .immagine-con-tooltip .vc_column-inner {
        aspect-ratio: 1/1 !important;
    }
	
	/* Contacts */
	.contact-page.vc_custom_1768919227293 {
		padding-top:70px !important;
	}
	.contact-page .vc_single_image-wrapper{
		overflow:hidden;
		max-height:40vh;
	}
	.contact-page .h4-light-uppercase{
		font-size: 24px !important;
	}
	.contact-page .vc_column-inner{
		padding-left: 0px !important;
        padding-right: 0px !important;
	}
	.contact-page .vc_col-sm-6{
		width:100% !important
	}
	
	/* Home two images */
	.custom-box.two-images.vc_col-sm-6 {
		width:100%
	}
	.custom-box.two-images.vc_col-sm-6 .coppia-img{
		justify-content:center
	}
	.vc_row.wpb_row.vc_inner.vc_row-fluid.coppia-img .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper .wpb_single_image.wpb_content_element.vc_align_center .wpb_wrapper.vc_figure .vc_single_image-wrapper.vc_box_border_grey img.vc_single_image-img{
		height:450px !important
	}
	
	/* Tooltip */
	.tooltip-icon {
		width: 32px;
		height: 32px;
		font-size: 28px;
	}
	.tooltip-thumb {
		width: 60px;
		height: 60px;
		object-fit: cover;
		display:none
	}
	.tooltip-content {
		padding: 0px;
		gap: 0px;
		width: 220px;

	}
	.tooltip-plus:hover .tooltip-content {
		opacity: 1;
		visibility: visible;
		top: 36px;
	}
	.tooltip-text {
    	padding: 8px 8px;
	}
	
	.tooltip-text h4 {
		font-size: 12px;
		margin-bottom: 3px;
	}
	.tooltip-text h5 {
    	font-size: 11px;
	}
	.tooltip-text p {
    	font-size: 12px;
		margin-bottom:8px
	}
	.tooltip-text .scf-dimensioni {
		display: flex;
		gap: 15px;
		font-size: 12px;
	}
	

	
}


/* Mobile Max (768px and down)
   ========================================================================== */

@media (max-width: 768px) {
	
	.CookieDeclarationTable {
        font-size: 12px;
    }

    .CookieDeclarationTableHeader,
    .CookieDeclarationTableCell {
        padding: 8px 10px;
    }
    /* Grid */
    .hv-grid {
        grid-template-columns: repeat(var(--mobile, 1), 1fr);
    }
    
    .sticky-description .link-cta p a {
        margin-top: 20px;
    }
    
    /* Popup */
    #popup-home {
        display: none;
    }
    
    /* GSAP Hero */
    .gsap-hero {
        position: relative;
        max-width: 100%;
        aspect-ratio: 1/1 !important;
        max-height: none !important;
        overflow: visible !important;
    }
    
    .home .gsap-hero {
        position: relative;
        max-width: 100%;
        aspect-ratio: 3/2 !important;
        max-height: none !important;
    }
    
    .gsap-hero[class*="nrighe"] {
        max-height: none !important;
    }
    
    .gsap-hero[class*="nrighe-4"] {
        aspect-ratio: 3/2 !important;
    }
    
    .gsap-hero[class*="nrighe-8"] {
        aspect-ratio: 2/3 !important;
    }
    
    .gsap-hero svg,
    .home .gsap-hero svg {
        display: none;
    }
    
    .gsap-hero [class*="nrighe"],
    .home .gsap-hero h1 {
        display: flex;
        flex-direction: column;
    }
    
    .gsap-hero .word,
    .home .gsap-hero .word {
        position: initial;
        top: auto;
        right: auto;
        left: 0;
        display: flex;
        justify-content: center;
        font-size: clamp(22px, 10vw, 60px);
    }
    
    /* Grid Creazioni */
    #posate-grid .hv-grid,
    #oggettistica-grid .hv-grid {
        gap: 70px 20px;
    }
    
    #posate-grid .vc_column_container,
    #oggettistica-grid .vc_column_container {
        padding-bottom: 50px;
    }
	
	/* Cookie Declaration */
	.CookieDeclarationTable {
        font-size: 12px;
    }

    .CookieDeclarationTableHeader,
    .CookieDeclarationTableCell {
        padding: 8px 10px;
    }
	
	.privacy-checkbox{
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin:0;
		gap:10px
	}
	.privacy-checkbox p{
		 margin:0;
		/*max-width:33.3333%;*/
	}
	
	/* Home two images */
	.custom-box.two-images.vc_col-sm-6 {
		width:100%
	}
	.custom-box.two-images.vc_col-sm-6 .coppia-img{
		justify-content:center
	}
	
	.vc_row.wpb_row.vc_inner.vc_row-fluid.coppia-img .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper .wpb_single_image.wpb_content_element.vc_align_center .wpb_wrapper.vc_figure .vc_single_image-wrapper.vc_box_border_grey img.vc_single_image-img{
		height:40vh !important
	}
	.home .col-image {
    	height: 75vh;
	}
	
	/* Dettaglio creazione */
	.sticky-description {
		padding:40px 20px !important;
	}
	
	.biscione-text {
		position: static !important;
		width: 100% !important;
		max-width: inherit;
		padding:60px 0px !important;
		box-sizing: border-box;
	}
	
	
	
}

/* Mobile Max (600px and down)
   ========================================================================== */

@media (max-width: 600px) {
		.vc_row.wpb_row.vc_inner.vc_row-fluid.coppia-img .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper .wpb_single_image.wpb_content_element.vc_align_center .wpb_wrapper.vc_figure .vc_single_image-wrapper.vc_box_border_grey img.vc_single_image-img{
		height:25vh !important
	}
	.home .col-image {
    	height: 50vh;
	}
}
/* Height-based Media Query
   ========================================================================== */

@media (max-height: 800px) {
    /* Dettaglio collezione */
    .scrolling-images+.sticky-description>.pin-spacer>.vc_column-inner>.wpb_wrapper {
        justify-content: center;
    }
}

/***************/