html:has(body.admin-bar):not(:has(.fixed-top)) { margin-top: 0 !important; }
body { overflow-x: hidden; background-color: #16293D;}
#header.header-solid { background-color: #16293D; }
div p:last-of-type { margin-bottom: 0; }
body:not(.page-template-home):not(.tax-categoria_prodotto):not(.page-template-chi-siamo) header { background-color: #16293D; }
html:has(main[data-barba-namespace="sottocategoria-prodotto"]) #header { background-color: #16293D; }
html { scroll-behavior: auto !important; }
#header.header-solid { background-color: #16293D; }  @media screen and (max-width: 782px) {
body.admin-bar #header { top: 46px; }
}
@media screen and (max-width: 991px) {
body.admin-bar #header { top: 46px; }
.btn{width: 100%!important;}
}
.main-content{padding-top: 102px;} h2.h1 { font-family: Literata, serif; font-size: 52px; font-style: normal; font-weight: 400; line-height: 115.789%; letter-spacing: -0.78px; }
p { font-family: Lato, sans-serif; font-size: 20px; font-style: normal; font-weight: 300; line-height: 155%; }
.bg-primary p { color: #FFFFFF; } .bg-primary .btn.btn-primary, .bg-white .btn.btn-primary { display: flex; height: 56px; padding: 0 28px; justify-content: center; align-items: center; gap: 14px; border-radius: 2px; border: 1px solid #FFFFFF; background: #16293D; width: fit-content; color: #FFFFFF; font-family: Lato, sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 118.75%; letter-spacing: 2.56px; text-transform: uppercase; }
.btn-gold-expand { position: relative; isolation: isolate; overflow: hidden; }
.btn-gold-expand .svg-wrapper { position: relative; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; }
.btn-gold-expand .btn-text, .btn-gold-expand .svg-wrapper svg { position: relative; z-index: 2; color: #FFFFFF; }
.golden-circle { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; background-color: #DDBE78; border-radius: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; pointer-events: none; z-index: -1; transform-origin: center center; } .btn-gold-expand svg { transform: none !important; }  @media (min-width: 992px) {
.container-flush-left { margin-left: 0 !important; margin-right: auto !important; padding-left: 0 !important; width: calc(50vw + (960px / 2)) !important; max-width: calc(50vw + (960px / 2)) !important; }
}
@media (min-width: 1200px) {
.container-flush-left { width: calc(50vw + (1140px / 2)) !important; max-width: calc(50vw + (1140px / 2)) !important; }
}
@media (min-width: 1400px) {
.container-flush-left { width: calc(50vw + (1320px / 2)) !important; max-width: calc(50vw + (1240px / 2)) !important; }
}
@media (min-width: 992px) {
.container-flush-right { margin-right: 0 !important; margin-left: auto !important; padding-right: 0 !important; width: calc(50vw + (960px / 2)) !important; max-width: calc(50vw + (960px / 2)) !important; }
}
@media (min-width: 1200px) {
.container-flush-right { width: calc(50vw + (1140px / 2)) !important; max-width: calc(50vw + (1140px / 2)) !important; }
}
@media (min-width: 1400px) {
.container-flush-right { width: calc(50vw + (1320px / 2)) !important; max-width: calc(50vw + (1320px / 2)) !important; }
} .hamburger-box { cursor: pointer; } #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; transform: translateY(-100%); transition: padding 0.4s ease; will-change: transform; } .header-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; opacity: 0; transition: opacity 0.4s ease, background-color 0.4s ease, backdrop-filter 0.4s ease; } #header.scrolled { padding-top: 1rem !important; padding-bottom: 1rem !important; }
#header.scrolled .header-bg { opacity: 1; background-color: rgba(15, 29, 44, 0.75); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); } #responsive_menu { position: fixed; top: 0; right: -100%; width: 100%; height: 100dvh; z-index: 9999; padding-top: 150px;}
#responsive_menu li { overflow: hidden; list-style: none; margin-block: 60px; }
#responsive_menu .link { color: #FFFFFF; font-family: Literata; font-size: 54px; font-style: normal; font-weight: 400; line-height: 107.407%; letter-spacing: -0.81px; text-decoration: none;  position: relative; display: inline-block; width: fit-content; text-decoration: none; padding-bottom: 12px;}
.responsive-menu-header{ border-top: 1px solid #BCC6CE; opacity: 0.4; width: 100%; height: 1px; position: absolute; top: 148px;}
#responsive_menu .link .line-wrapper { position: absolute; bottom: 5px; left: 0; width: 100%; height: 2px; pointer-events: none; }
#responsive_menu .link .line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: left center; transform: scaleX(0); }
#responsive_menu .link .line-white { background-color: rgba(255, 255, 255, 0.9); z-index: 1; }
#responsive_menu .link .line-gold { background-color: #DDBE78; z-index: 2; }
#responsive_menu .link .gold-drop { position: absolute; top: 50%; left: 0%; transform: translate(-50%, -50%) scale(0); opacity: 0; z-index: 3; pointer-events: none; display: flex; align-items: center; justify-content: center; will-change: transform, left, opacity; }
#responsive_menu .link .gold-drop svg { width: 10px; height: auto; display: block; margin: 0; transform: rotate(-90deg); transform-origin: center center; }
.logo, #menu_btn { position: relative; z-index: 10001; } #hero-section { height: calc(100vh - 102px); padding-top: 102px; }
#hero-section h1 { font-family: Literata, serif; font-size: clamp(4.5rem, 3rem + 8vw, 9.875rem); font-style: normal; font-weight: 400; line-height: 94.5%; letter-spacing: -3.16px; }
#hero-section h1, #hero-section h2, #hero-section .scroll-indicator, #hero-section p { opacity: 0; visibility: hidden; }
.italic { font-style: italic; }
.overlay { background: rgba(15, 29, 44, 0.84); pointer-events: none; }
#hero-section .scroll-indicator span { font-family: Lato, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 17; letter-spacing: 3.36px; transform: rotate(-90deg); display: inline-block; }
.bg-gradient-blue { background: linear-gradient(180deg, rgba(22, 41, 61, 0.00) 0%, #16293D 100%); height: 355px; }
.scroll-indicator svg { overflow: visible; }
#scroll-text-section { position: relative; width: 100%; height: 220vh; overflow-x: clip; }
.scroll-sticky-wrapper { position: sticky; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; }
.scroll-text-container { bottom: 80px; left: 0; white-space: nowrap; width: max-content; will-change: transform; }
.scroll-text-container .scroll-text { font-family: Literata, serif; font-size: clamp(3.5rem, 8vw + 1rem, 158px); font-style: normal; font-weight: 400; line-height: 94.5%; letter-spacing: -3.16px; }
.scroll-text-container svg { width: clamp(24px, 3.5vw, 45px); height: auto; }
.nav-tab .nav-item { position: relative; display: inline-block; width: fit-content; text-decoration: none; font-family: 'Literata', serif; font-size: clamp(2.5rem, 6vw, 98px); font-style: normal; font-weight: 400; line-height: 94.5%; letter-spacing: -1.96px; padding-bottom: 24px; }
.nav-tab .line-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; pointer-events: none; }
.nav-tab .line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: left center; transform: scaleX(0); }
.nav-tab .line-white { background-color: rgba(255, 255, 255, 0.9); z-index: 1; }
.nav-tab .line-gold { background-color: #DDBE78; z-index: 2; }
.nav-tab .gold-drop { position: absolute; top: 50%; left: 0%; transform: translate(-50%, -50%) scale(0); opacity: 0; z-index: 3; pointer-events: none; display: flex; align-items: center; justify-content: center; will-change: transform, left, opacity; }
.nav-tab .gold-drop svg { width: clamp(10px, 1.2vw, 15px); height: auto; display: block; margin: 0; transform: rotate(-90deg); transform-origin: center center; }
.collection-card { color: inherit; }
.collection-img-box { aspect-ratio: 3 / 4; width: 100%; border-radius: 2px; }
.collection-img-box img { transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform; }
.collection-arrow { position: absolute; bottom: 24px; right: 24px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.35); background: rgba(15, 29, 44, 0.45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: border-color 0.4s ease; z-index: 2; overflow: hidden; }
.collection-arrow::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #DDBE78; transform: translateX(-100%); transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1); z-index: 0; }
.collection-arrow svg { position: relative; z-index: 1; }
.collection-arrow svg path { transition: stroke 0.4s ease; }
.collection-card:hover .collection-img-box img { transform: scale(1.06); }
.collection-card:hover .collection-arrow::before { transform: translateX(0); }
.collection-card:hover .collection-arrow { border-color: #DDBE78; }
.collection-card:hover .collection-arrow svg path { stroke: #0F1D2C; }
.collection-label { font-family: 'Literata', serif; font-size: 1.05rem; font-weight: 300; opacity: 0.7; letter-spacing: -0.2px; }
.collection-title { font-family: 'Literata', serif; font-size: clamp(2.2rem, 3.8vw, 54px); font-weight: 400; line-height: 1; letter-spacing: -1.2px; }
.collections-grid { --bs-gutter-x: 3rem; --bs-gutter-y: 4rem; } #inspiration-section img, #inspiration-section h2, #inspiration-section p, #inspiration-section .btn-gold-expand, #nav-section h2, #nav-section p, #nav-section .nav-item, #collections-section h2, #collections-section .collection-card, #news-section .section-title, #news-section p, #news-section .btn-gold-expand, #news-section .card, .footer .row.row-cols-1.row-cols-md-3 > .col, .footer .footer-bottom { opacity: 0; visibility: hidden; }
@media (min-width: 768px) {
.collections-grid {
--bs-gutter-x: clamp(4rem, 7vw, 9rem);
--bs-gutter-y: clamp(5rem, 8vw, 10rem);
}
.collections-grid .collection-col-offset {
margin-top: calc((100% - var(--bs-gutter-x)) / 3);
}
main[data-barba-namespace="categoria-prodotto"] #hero-section.hero-collezioni p{width: 75%; margin: auto;}
}
.card-image-wrapper{height: 231px;}
.card-date{font-family: Lato; font-size: 12px; font-style: normal; font-weight: 400; line-height: 141.667%; letter-spacing: 3.36px; text-transform: uppercase; color: #16293D; opacity: 0.6;}
.card-title{font-family: Literata; font-size: 20px; font-style: normal; font-weight: 500; line-height: 130%; letter-spacing: -0.1px; color: #16293D;}
.card-text{font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.14px; color: #16293D;} .highlight{color: #16293D; font-family: Lato; font-size: 12px; font-style: normal; font-weight: 400; line-height: 141.667%; letter-spacing: 3.36px; text-transform: uppercase;}
.contact-section{min-height: calc(100vh - 467px);}
.contact-section h2{color: #16293D; font-family: Literata; font-size: 32px; font-style: normal; font-weight: 600; line-height: 125%; letter-spacing: -0.16px;}
form .form-floating>label, form .form-check-label{color: #16293D; font-family: Lato; font-size: 17px; font-style: normal; font-weight: 300; line-height: normal;}
form .form-check-label{color: #474F59;}
form .form-floating>input, form .form-floating>textarea{border-radius: 0; border: 0; border-bottom: 1px solid #BCC6CE;}
form .form-floating>input:focus, form .form-floating>input:focus-visible, form .form-floating>textarea:focus, form .form-floating>textarea:focus-visible, .form-check-input[type=checkbox]:focus, .form-check-input[type=checkbox]:focus-visible{outline: 0; box-shadow: none;}
.form-check-input[type=checkbox]{border-radius: 0;}
.form-floating:has(.form-control) { position: relative; }
.form-floating:has(.form-control)::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #16293D; transform: scaleX(0); transform-origin: left center; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); pointer-events: none; z-index: 3; }
.form-floating:has(.form-control):hover::after, .form-floating:has(.form-control:focus)::after { transform: scaleX(1); }
.form-floating > .form-control:focus { box-shadow: none; outline: none; }
.form-floating > .form-control { border: none; border-bottom: 1px solid #BCC6CE; border-radius: 0; background-color: transparent; padding-left: 0; }
.form-floating > label { padding-left: 0; }
.was-validated .form-control:invalid:focus, .was-validated .widget_categories select:invalid:focus, .widget_categories .was-validated select:invalid:focus, .was-validated .widget_archive select:invalid:focus, .widget_archive .was-validated select:invalid:focus, .form-control.is-invalid:focus, .widget_categories select.is-invalid:focus, .widget_archive select.is-invalid:focus{box-shadow: none;}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked, .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus, .was-validated .form-control:valid:focus, .was-validated .widget_categories select:valid:focus, .widget_categories .was-validated select:valid:focus, .was-validated .widget_archive select:valid:focus, .widget_archive .was-validated select:valid:focus, .form-control.is-valid:focus, .widget_categories select.is-valid:focus, .widget_archive select.is-valid:focus{box-shadow: none;}
.thank-you-svg { opacity: 0; visibility: hidden; will-change: transform, opacity; }
.ty-check { stroke-dasharray: 80; stroke-dashoffset: 80; }
.ty-drop { transition: stroke 0.8s ease; }
.thank-you-icon-wrapper ~ p, .thank-you-icon-wrapper ~ h1, .thank-you-icon-wrapper ~ .d-flex .btn-gold-expand { opacity: 0; visibility: hidden; } body.single-post h2{font-family: Literata; font-size: 38px; font-style: normal; font-weight: 400; line-height: 115.789%; letter-spacing: -0.38px;}
.btn-text-underline-title { position: relative; display: inline-block; text-decoration: none; color: inherit; padding-bottom: 6px; vertical-align: baseline; }
.btn-text-underline-title .line-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; pointer-events: none; }
.btn-text-underline-title .line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: left center; }
.btn-text-underline-title .line-white { background-color: #16293D; z-index: 1; transform: scaleX(1); }
.btn-text-underline-title .line-gold { background-color: #DDBE78; z-index: 2; transform: scaleX(0); }
.btn-text-underline-title .gold-drop { position: absolute; top: 50%; left: 0%; transform: translate(-50%, -50%) scale(0); opacity: 0; z-index: 3; pointer-events: none; display: flex; align-items: center; justify-content: center; will-change: transform, left, opacity; }
.btn-text-underline-title .gold-drop svg { width: 10px; height: auto; display: block; margin: 0; transform: rotate(-90deg); transform-origin: center center; }
.btn-text-underline, .btn-text-underline-reverse { font-family: 'Lato', sans-serif; font-size: 13px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 2.6px; text-transform: uppercase; color: #16293D; text-decoration: none; display: inline-block; width: fit-content; padding-bottom: 8px; }
.btn-text-underline .line-wrapper, .btn-text-underline-reverse .line-wrapper { position: relative; display: block; width: 100%; height: 1px; margin-top: 6px; }
.btn-text-underline .line, .btn-text-underline-reverse .line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.btn-text-underline .line-base, .btn-text-underline-reverse .line-base { background-color: #16293D; transform: scaleX(1); z-index: 1; }
.btn-text-underline .line-gold, .btn-text-underline-reverse .line-gold { background-color: #DDBE78; transform: scaleX(0); z-index: 2; }
.btn-text-underline .gold-drop, .btn-text-underline-reverse .gold-drop { position: absolute; top: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; z-index: 3; pointer-events: none; display: flex; align-items: center; justify-content: center; will-change: transform, left, opacity; }
.btn-text-underline .gold-drop svg, .btn-text-underline-reverse .gold-drop svg { width: 10px; height: auto; display: block; margin: 0; transform-origin: center center; }
.btn-text-underline .line { transform-origin: left center; }
.btn-text-underline .gold-drop { left: 0%; }
.btn-text-underline .gold-drop svg { transform: rotate(-90deg); }
.btn-text-underline-reverse .line { transform-origin: right center; }
.btn-text-underline-reverse .gold-drop { left: 100%; }
.btn-text-underline-reverse .gold-drop svg { transform: rotate(90deg); }
.border-social, .other-categories{border-top: 1px solid #BCC6CE; border-bottom: 1px solid #BCC6CE;}
.social-share-swap { min-height: 38px; }
.social-share-group { position: absolute; top: 50%; right: 0; transform: translateY(-50%); pointer-events: none; opacity: 0; visibility: hidden; z-index: 5; }
.social-share-group.is-open { pointer-events: auto; }
.social-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(22, 41, 61, 0.2); color: #16293D; text-decoration: none; background-color: transparent; padding: 0; cursor: pointer; transition: border-color 0.35s ease, color 0.35s ease; will-change: transform, opacity; }
.social-icon-btn:hover { border-color: #DDBE78; color: #DDBE78; transform: translateY(-2px); transition: border-color 0.25s ease, color 0.25s ease, transform 0.2s ease-out; }
.social-icon-btn svg { display: block; }
.contact-section .highlight, .contact-section .h1, .contact-section [data-acf="sottotitolo"], .contact-section [data-acf="descrizione"], .contact-section #contact-form > .col-md-6, .contact-section #contact-form > .col-12, .contact-section .col.d-flex, .contact-section .article-date { opacity: 0; visibility: hidden; will-change: transform, opacity; backface-visibility: hidden; transform: translateZ(0); }
.card, .collection-card { position: relative !important; }
.card .stretched-link::after, .collection-card .stretched-link::after { z-index: 2 !important; pointer-events: auto !important; }
.btn-text-underline .line-wrapper, .btn-text-underline .line, .btn-text-underline .gold-drop, .btn-text-underline-reverse .line-wrapper, .btn-text-underline-reverse .line, .btn-text-underline-reverse .gold-drop { pointer-events: none !important; }
.btn-text-underline .line-wrapper { transform: translateZ(0); -webkit-font-smoothing: antialiased; } #hero-section.hero-collezioni h1{line-height: 94.5%; letter-spacing: -0.02em; font-size: clamp(4.35rem, 0.6rem + 7.5vw, 7.375rem); overflow-wrap: break-word;}
main[data-barba-namespace="categoria-prodotto"] .btn-text-underline, main[data-barba-namespace="chi-siamo"] .btn-text-underline{color: #FFFFFF;}
main[data-barba-namespace="categoria-prodotto"] .btn-text-underline .line-base, main[data-barba-namespace="chi-siamo"] .btn-text-underline .line-base{background-color: #FFFFFF;}
main[data-barba-namespace="categoria-prodotto"] .subcategory-row p{ font-family: Lato; font-size: 20px; font-style: normal; font-weight: 300; line-height: 155%; }
main[data-barba-namespace="categoria-prodotto"] .subcategory-row p.subtitle-collections{ font-family: Literata; font-size: 38px; font-style: normal; font-weight: 400; line-height: 44px; letter-spacing: -0.38px;}
.subcategory-img-wrap { width: 100%; height: 628px; position: relative; overflow: hidden; clip-path: inset(0 0 0 100%); will-change: clip-path; }
.subcategory-img-wrap img { width: 100%; height: 100%; object-fit: cover; will-change: transform; }
.subcategory-row h3, .subcategory-row .subtitle-collections, .subcategory-row .subcategory-desc, .subcategory-row .btn-text-underline { opacity: 0; visibility: hidden; }
main[data-barba-namespace="categoria-prodotto"] .nav-item{    font-size: clamp(2.5rem, 6vw, 72px); line-height: 94.5%; letter-spacing: -1.44px;}
.other-categories .highlight, .other-categories .nav-tab .nav-item, .contact-section-block h2.h1, .contact-section-block [data-acf="descrizione_form"], .contact-section-block #contact-form > .col-md-6, .contact-section-block #contact-form > .col-12 { opacity: 0; visibility: hidden; }
html { scroll-behavior: auto !important; }
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; transform: translateY(0%); transition: padding 0.4s ease; will-change: transform; }
.hero-split-section { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #16293D; }
.hero-split-bg-left { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; visibility: hidden; will-change: transform, opacity; }
@media (min-width: 992px) {
.hero-split-bg-left { width: 50%; }
}
.hero-split-image-col { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; will-change: width; }
.hero-split-img { width: 100%; height: 100%; object-fit: cover; will-change: transform; }
.hero-split-scroll-cue { position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); z-index: 3; text-align: center; cursor: pointer; }
.hero-collezione-title { font-family: Literata, serif; font-size: clamp(4.35rem, 0.6rem + 7.5vw, 7.375rem); font-style: italic; font-weight: 500; line-height: 94.5%; letter-spacing: -2.36px; }
.hero-collezione-lead { font-family: Literata; font-size: 36px; font-style: normal; font-weight: 400; line-height: 119.444%; letter-spacing: -0.36px; }
.hero-collezione-desc { font-family: Lato; font-size: 20px; font-style: normal; font-weight: 700; line-height: 155%; }
.hero-split-text-col { padding-top: 102px !important; }
.hero-split-text-col .highlight, .hero-split-text-col .hero-collezione-title, .hero-split-text-col .hero-collezione-lead, .hero-split-text-col .hero-collezione-desc { opacity: 0; visibility: hidden; }
.collezione-section p{font-family: Literata; font-size: 32px; font-style: normal; font-weight: 300; line-height: 40px; letter-spacing: -0.16px;}
#inspiration-section img, #inspiration-section h2, #inspiration-section p, #inspiration-section .btn-gold-expand, #nav-section h2, #nav-section p, #nav-section .nav-item, #collections-section h2, #collections-section .collection-card, #products-section h2, #products-section .collection-card, #news-section .section-title, #news-section p, #news-section .btn-gold-expand, #news-section .card, .footer .row.row-cols-1.row-cols-md-3 > .col, .footer .footer-bottom { opacity: 0; visibility: hidden; }
#products-section h3.collection-title{color: #FFFFFF; font-family: Literata; font-size: 20px; font-style: normal; font-weight: 500; line-height: 130%; letter-spacing: -0.1px;}
#products-section .collection-label{border-top: 1px solid #FFFFFF; opacity: 1;}
#products-section .collection-arrow{right: 0; bottom: initial;}
.color-swatch{width: 17px; height: 17px; border-radius: 50%; border: 1px solid #FFFFFF; display: inline-block;}
#products-section .btn-text-underline-reverse .line-base { background-color: #FFFFFF;}
#products-section .nav-text{font-size: clamp(2.5rem, 6vw, 72px);}
.modal .product-title{ color: #16293D; font-family: Literata; font-size: 38px; font-style: normal; font-weight: 400; line-height: 115.789%; letter-spacing: -0.38px;}
.modal .product-code{color: #474F59; font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.84px;}
.modal .product-data{color: #474F59; font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.14px;}
.modal .product-download-title{ color: #16293D; font-family: Lato; font-size: 17px; font-style: normal; font-weight: 700; line-height: 194.118%; }
.border-data{border-bottom: 1px solid #BCC6CE;}
.modal .bg-primary p{color: #474F59;}
.modal{z-index: 10001;}
.collection-card { cursor: pointer; }
.color-swatch { display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.45); margin-left: 5px; vertical-align: middle; }
#exampleModal .color-swatch { width: 18px; height: 18px; margin-left: 0; border: 1px solid #BCC6CE; }
.miniature { overflow-x: auto; scrollbar-width: thin; }
.miniature-img { width: 72px; height: 72px; object-fit: cover; cursor: pointer; border-radius: 2px; border: 2px solid #E5E9EC; opacity: 0.65; transition: border-color 0.25s ease, opacity 0.25s ease, transform 0.2s ease; flex-shrink: 0; }
.miniature-img:hover { opacity: 0.95; }
.miniature-img.active-thumb { border-color: #DDBE78 !important; opacity: 1 !important; transform: translateY(-2px); }
#exampleModal .product-title { font-family: Literata, serif; font-size: 32px; font-weight: 500; color: #16293D; margin: 0; }
#exampleModal .product-code { font-family: Lato, sans-serif; font-size: 14px; color: #8E969D; letter-spacing: 1px; }
#exampleModal .border-data { border-bottom: 1px solid #E5E9EC; }
#exampleModal .product-data { font-family: Lato, sans-serif; font-size: 14px; color: #16293D; }
#exampleModal .product-download-title { font-family: Lato, sans-serif; font-weight: 600; font-size: 15px; color: #16293D; }
.download-item { transition: transform 0.2s ease, background-color 0.2s ease; padding-left: 6px; padding-right: 6px; }
.download-item:hover { background-color: #F8F9FA; transform: translateX(0); }
.download-item:hover .download-icon svg path { stroke: #DDBE78; }
.download-icon svg path { transition: stroke 0.25s ease; }
.modal .product-data.data-title{ color: #474F59!important; font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.14px;}
.modal .color-name{color: #16293D; font-family: Lato; font-size: 11px; font-style: normal; font-weight: 700; line-height: 136.364%; letter-spacing: 1.54px; text-transform: uppercase;}
.miniature-3d { width: 72px; height: 72px; background-color: #F8F9FA; color: #16293D; border: 2px solid #E5E9EC; cursor: pointer; flex-shrink: 0; border-radius: 2px; opacity: 0.75; transition: border-color 0.25s ease, opacity 0.25s ease; }
.miniature-3d:hover { background-color: #EBF0F5; opacity: 1; }
.miniature-3d.active-thumb { border-color: #DDBE78 !important; color: #DDBE78; opacity: 1 !important; }
.miniature-3d-label { font-size: 10px; font-weight: 700; letter-spacing: 0.5px; line-height: 1; margin-top: 2px; pointer-events: none; }
#modalProduct3D { z-index: 2; background-color: #f7f9fa; }
#modalProduct3D iframe, #modalProduct3D canvas, #modalProduct3D model-viewer, #modalProduct3D .visody-viewer, #modalProduct3D > div { width: 100% !important; height: 100% !important; border: 0; }
#modalFullscreenToggle { cursor: pointer; width: 44px; height: 44px; }
#exampleModal.modal .modal-dialog.modal-fullscreen { max-width: 100vw; width: 100vw; height: 100vh; margin: 0; }
#exampleModal.modal .modal-dialog.modal-fullscreen .modal-content { height: 100vh; min-height: 100vh; border-radius: 0; }
#exampleModal.modal .modal-dialog.modal-fullscreen .modal-body, #exampleModal.modal .modal-dialog.modal-fullscreen .modal-body > .row { height: 100%; min-height: 100%; }
#exampleModal .modal-dialog.modal-fullscreen #modalProductThumbnails, #exampleModal .modal-dialog.modal-fullscreen #modalProductDisegnoWrap { display: none !important; }
@media (min-width: 768px) {
#exampleModal .modal-dialog.modal-fullscreen .col-md-5 { width: 50% !important; display: flex; flex-direction: column; height: 100%; }
#exampleModal .modal-dialog.modal-fullscreen .col-md-7 { width: 50% !important; height: 100%; overflow-y: auto; }
}
#exampleModal .modal-dialog.modal-fullscreen .modal-main-img-wrap { height: 100% !important; max-height: none !important; flex: 1 1 auto; margin-bottom: 0 !important; }
#exampleModal .modal-dialog.modal-fullscreen #modalProduct3D, #exampleModal .modal-dialog.modal-fullscreen #modalProduct3D .visody-viewer-item, #exampleModal .modal-dialog.modal-fullscreen #modalProduct3D iframe, #exampleModal .modal-dialog.modal-fullscreen #modalProduct3D canvas, #exampleModal .modal-dialog.modal-fullscreen #modalProduct3D model-viewer, #exampleModal .modal-dialog.modal-fullscreen #modalProduct3D > div { width: 100% !important; height: 100% !important; }
.vsd-model-viewer-frame, .vsd-model-viewer-wrapper{height: 100%!important;}
@media (max-width: 767px) {
.vsd-model-viewer-frame, .vsd-model-viewer-frame.ratio-mobile-portrait { padding-bottom: 115.77%!important; }
#modalFullscreenToggle{display: none!important;}
}
.nav-tab .line-wrapper{bottom: -3px;}
html, body, #exampleModal .modal-body, #exampleModal .col-md-7, .hide-native-scroll { scrollbar-width: none !important; -ms-overflow-style: none !important; }
html::-webkit-scrollbar, body::-webkit-scrollbar, #exampleModal .modal-body::-webkit-scrollbar, #exampleModal .col-md-7::-webkit-scrollbar, .hide-native-scroll::-webkit-scrollbar { display: none !important; }
.custom-gold-scroll { position: absolute; z-index: 1050; opacity: 0; transition: opacity 0.3s ease; pointer-events: auto; }
.custom-gold-scroll.is-visible { opacity: 1; }
.global-scroll { position: fixed; top: 110px; bottom: 30px; right: 12px; width: 20px; }
.global-scroll .gold-scroll-line { background-color: rgba(255,255,255,0.15); }
#modalGoldScrollTrack { top: 75px; bottom: 30px; right: 12px; width: 20px; }
#thumbGoldScrollTrack { position: relative; width: 100%; height: 12px; margin-top: 5px; }
.gold-scroll-arrow { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; opacity: 0.6; transition: opacity 0.2s ease, transform 0.2s ease; }
.gold-scroll-arrow:hover { opacity: 1; transform: scale(1.2); }
.gold-scroll-rail { margin: 6px 0; } .gold-scroll-line { position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #E5E9EC; transform: translateX(-50%); }
.gold-scroll-drop { left: 50%; top: 0; transform: translateX(-50%); will-change: transform; pointer-events: none; filter: drop-shadow(0px 2px 4px rgba(221, 190, 120, 0.4)); }
.gold-scroll-line-horiz { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #E5E9EC; transform: translateY(-50%); }
.gold-scroll-drop-horiz { top: 50%; left: 0; transform: translateY(-50%); will-change: transform; pointer-events: none; filter: drop-shadow(2px 0px 4px rgba(221, 190, 120, 0.4)); }
#exampleModal .miniature { overflow-x: auto; scrollbar-width: none !important; -ms-overflow-style: none !important; }
#exampleModal .miniature::-webkit-scrollbar { display: none !important; }
#thumbGoldScrollTrack { display: none; width: 100%; height: 20px; opacity: 0; transition: opacity 0.3s ease; }
#thumbGoldScrollTrack.is-visible { display: flex !important; opacity: 1; }
#exampleModal .modal-dialog.modal-fullscreen #thumbGoldScrollTrack { display: none !important; }
.thumb-gold-scroll-track .gold-scroll-arrow { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; opacity: 0.6; transition: opacity 0.2s ease, transform 0.2s ease; flex-shrink: 0; }
.thumb-gold-scroll-track .gold-scroll-arrow:hover { opacity: 1; }
.thumb-gold-scroll-track .gold-scroll-arrow.arrow-left:hover { transform: translateX(-2px) scale(1.15); }
.thumb-gold-scroll-track .gold-scroll-arrow.arrow-right:hover { transform: translateX(2px) scale(1.15); }
.thumb-scroll-rail { height: 20px; display: flex; align-items: center; position: relative; margin: 0 4px; }
.thumb-scroll-line { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #E5E9EC; transform: translateY(-50%); }
.thumb-scroll-drop { top: 50%; left: 0; transform: translateY(-50%); will-change: transform; pointer-events: none; filter: drop-shadow(0px 2px 4px rgba(221, 190, 120, 0.45)); }
.thumb-scroll-drop svg { display: block; transform: rotate(-90deg); }
.border-gray{ border-top: 1px solid #BCC6CE; opacity: 0.4; display: block; height: 1px;}
main[data-barba-namespace="chi-siamo"] p.lead{font-family: Literata; font-size: 32px; font-style: normal; font-weight: 300; line-height: 40px; letter-spacing: -0.16px;}
.radici-section .highlight, .radici-section h2, .radici-section p, .azienda-section h2, .ricerca-section p, .ricerca-section h2, .garanzia-section .highlight, .garanzia-section h2, .garanzia-section p, .collezione-section .highlight, .collezione-section p { opacity: 0; visibility: hidden; }
#map-section { position: relative; height: 70vh; min-height: 480px; width: 100%; background-color: #16293D; overflow: hidden; opacity: 0; visibility: hidden; will-change: transform, opacity; }
#map-section iframe { width: 100%; height: 100%; border: 0; filter: grayscale(100%) invert(92%) contrast(115%) brightness(80%); transition: filter 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
#map-section::after { content: ''; position: absolute; inset: 0; background-color: #16293D; mix-blend-mode: screen; pointer-events: none; opacity: 0.88; transition: opacity 0.5s ease; }
#map-section:hover::after { opacity: 0.65; }
#map-section:hover iframe { filter: grayscale(100%) invert(90%) contrast(125%) brightness(90%); }
#map-section { height: 70vh; min-height: 480px; width: 100%; background-color: #16293D; position: relative; opacity: 0; visibility: hidden; }
#luxury-map { width: 100%; height: 100%; background: #16293D; }
.leaflet-tile-pane { filter: brightness(0.9) saturate(1.2) hue-rotate(5deg); }
.custom-gold-marker { background: transparent; border: none; }
.custom-gold-marker svg { filter: drop-shadow(0 4px 10px rgba(0,0,0,0.5)); transition: transform 0.3s ease; }
.custom-gold-marker:hover svg { transform: scale(1.15) translateY(-4px); } .footer-social-link a{text-align: center; font-family: Lato; font-size: 13px; font-style: normal; font-weight: 300; line-height: 161.538%; letter-spacing: 0.39px; text-decoration: none; color: #FFFFFF;}
footer .useful-links{font-family: Lato; font-size: 12px; font-style: normal; font-weight: 400; line-height: 141.667%; letter-spacing: 3.36px; text-transform: uppercase; color: #DDBE78;}
.footer-social-link.footer-links a, .footer-social-link.footer-links li{ font-size: 15px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: 1.05px;}
footer .footer-bottom{border-top: 1px solid #BCC6CE; opacity: 0.4;}
footer .footer-bottom p, footer .footer-bottom a{font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: 0.14px;}