/*# stile personalizzato css */






/* INDICE STILI CSS */





/* NAVBAR riga 100 */
/* BANNER riga 294 */
/* HOMEPAGE riga 98 */
/* PAGINA AZIENDA riga 430 */
/* PAGINA TECNOLOGIE riga 535 */
/* PAGINA RICERCA E TENDENZE riga 578 */
/* PAGINA SERVIZI riga 586 */
/* PAGINA SHOWROOM riga 594 */


/* <a href="{{ path }}" class="products-view__item">

    <div class="products-view__image-wrapper">
        {{ field_image }}
        <p class="products-view__title">{{ title }}</p>
    </div>

    <div class="products-view__details">
        <div class="products-view__detail-item">
            <img src="/sites/default/files/prodotti/icone/color.svg" width="20px"> 
            <span>{{ field_colore }}</span>
        </div>
        <div class="products-view__detail-item">
            <img src="/sites/default/files/prodotti/icone/diametro.svg" width="20px"> 
            <span>{{ diametro_min }} - {{ diametro_max }}</span>
        </div>
        <div class="products-view__detail-item">
            <img src="/sites/default/files/prodotti/icone/altezza.svg" width="20px"> 
            <span>{{ altezza_min }} - {{ altezza_max }}</span>
        </div>
    </div>

</a> */




/* <a href="{{ search_api_url }}"><div class="zoomIn">
{{ field_image }}
<p>{{ title }}</p>
</div></a>
<div class="product"><img src="/sites/default/files/prodotti/icone/color.svg" width="20px"> {{ field_colore }}</div>
<div class="product"><img src="/sites/default/files/prodotti/icone/size.svg" width="20px"> {{ field_dimensione_cm }}</div>
<div class="product"><img src="/sites/default/files/prodotti/icone/diametro.svg" width="20px"> {{ field_diametro_cm }} cm</div>
<div class="product"><img src="/sites/default/files/prodotti/icone/altezza.svg" width="20px"> {{ field_altezza_cm }} cm</div> */


/* <div class="drm-collection-parent-item"> 
    <a href="/{{ langcode }}/collections/{{ nid }}"> 
        <div class="collection-title color-collection-{{ nid }}"> 
            <h1>{{ title }}</h1> 
        </div> 
        <div class="collection-image"> 
            {{ field_immagine_copertina }} 
        </div> 
    </a> 
</div> */

/* <div class="stacked-banner">
    <div class="stacked-banner__image">
        {{ field_immagine_copertina }}
    </div>
    <div class="stacked-banner__content">
        <h1>{{ title }}</h1>
        <div class="stacked-banner__body">
            {{ body }}
        </div>
    </div>
</div> */


/* modifica evitazione sfinimento e schizzofrenia */

h1 {
  font-weight: 500;
}

.img-fluid {
  max-width: 100vw;
}

a {
  color: #fff;
  text-decoration: none;
}

/* modifiche navbar */

.navbar-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: right;
  align-items: right;
  font-size: 0.8rem;
  color: #fff;
  text-transform: uppercase;
}

.navbar-brand img {
  height: 45px;
}

@media (max-width: 575px) {
  .navbar-brand img {
    height: 36px;
  }
}

.navbar-nav .nav-link {
  font-family: 'Futura';
  font-size: 0.8rem;
  -webkit-font-smoothing: antialiased;
}

.region-header{
  background-color: #687154;
}

.bg-dark {
  --bs-bg-opacity: 0;
  background-color: #fff;
  padding-top: 30px;
  /* padding-bottom: 20px; */
}

.navbar .dropdown-menu {
  background-color: #fff; 
  border: none;
  border-radius: 0; 
  padding: 1rem; 
  margin-top: 0.5rem; 
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.navbar .dropdown-item {
  font-family: 'Futura';
  color: #000; 
  text-transform: uppercase; 
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease;
  background-color: transparent !important;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
  color: #687154; 
  text-decoration: underline; 
}

.navbar .dropdown-item::before {
  content: '→'; 
  display: inline-block;
  margin-right: 10px; 
  transition: transform 0.3s ease;
}

.navbar .dropdown-item:hover::before {
  transform: translateX(5px); 
}

.navbar-toggler {
  border: none;
  background-color: transparent !important;
  position: relative;
  width: 30px;
  height: 25px;
  padding: 0 !important;
}
.navbar-toggler:focus {
  box-shadow: none;
}

.toggler-icon {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000000; 
  border-radius: 3px;
  left: 0;
  transition: all .35s ease-in-out;
}

.top-bar { top: 0px; }
.middle-bar { top: 10px; }
.bottom-bar { top: 20px; }

.navbar-toggler:not(.collapsed) .top-bar {
  transform: rotate(45deg);
  top: 10px;
}
.navbar-toggler:not(.collapsed) .middle-bar {
  opacity: 0;
}
.navbar-toggler:not(.collapsed) .bottom-bar {
  transform: rotate(-45deg);
  top: 10px;
}

@media (max-width: 991.98px) {

  .navbar-collapse {
    padding: 1rem 0;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 1rem;
  }

  .navbar-collapse .navbar-nav {
    flex-direction: column;
  }

  .navbar-collapse .navbar-nav .nav-link {
    color: #212529 !important; 
    padding: 0.75rem 1.5rem; 
  }

  .navbar-collapse .dropdown-menu {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding-left: 1rem; 
  }

  .navbar-collapse .dropdown-menu .dropdown-item {
    color: #333 !important;
  }
  
  .navbar-collapse .dropdown-menu .dropdown-item:hover {
    background-color: #e9ecef;
  }

}

@media (min-width: 992px) {
  
  .navbar .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
  }

}

@media (max-width: 768px) {
  .navbar-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-transform: uppercase;
}
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-expand-lg .navbar-nav a {
    color: #000;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-expand-lg .navbar-nav a {
    color: #000;
    font-size: 0.8rem;
  }
}

  @media (min-width: 1400px) {
  .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .media-library-view--widget .view-header a, .media-library-view--widget .view-header .navbar-expand-lg .navbar-nav a {
    color: #000;
    font-size: 1.1rem;
  }

  .navbar .dropdown-item {
    font-family: 'Futura';
    color: #000; 
    text-transform: uppercase; 
    font-size: 1.1rem;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease;
    background-color: transparent !important;
}
}

@media (max-width: 992px) {
    .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container {
        max-width: 1050px;
    }    
}

@media (min-width: 992px) and (max-width: 1200px) {
  .navbar-expand-lg .navbar-nav .nav-link,
  .navbar-expand-lg .navbar-nav .media-library-view--widget .view-header a,
  .media-library-view--widget .view-header .navbar-expand-lg .navbar-nav a {
      padding-right: 0.23rem;
      padding-left: 0.25rem;
  }
}


/* sezione banner */

.banner-body {
  /* display: none; */
}

.banner-deroma {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.banner-deroma .views-slideshow-slide {
  width: 100% !important;
}

.banner-deroma .banner-image img {
  width: 100vw;  
  height: auto;   
  display: block;
}

.banner-deroma .banner-title,
.banner-deroma .banner-body {
  padding: 20px;
  max-width: 800px; 
  margin: 0 auto; 
  text-align: center;
  justify-content: center;
  display: flex;
}

.banner-deroma .banner-title h1 {
  font-family: 'Futura';
  font-size: 4rem;
  font-weight: 500;
  color: #373E48;
  text-transform: uppercase;
  padding-top: 6%;
}

.banner-deroma .banner-body {
  font-family: 'Futura';
  font-size: 1.3rem;
  color: #495057;
  line-height: 1.6;
}

.banner-deroma .view-content{
    max-width: 100%;
    padding: 0;
    border: none;
    margin: 0;
}

.banner-deroma .media.media--blazy.media--splide.media--image.is-b-loading{
    min-height: 0;
}

.banner-deroma button.splide__toggle.is-active {
    display: none;
}

@media (max-width: 768px) {
  .banner-deroma .banner-image img {
    height: 35vh;
    width: auto;
    object-fit: cover; 
  }

  .banner-deroma .banner-title h1 {
    font-family: 'Futura';
    font-size: 3rem;
    font-weight: 500;
    color: #373E48;
    text-transform: uppercase;
    padding-top: 6%;
  }
}

/* stile box azienda e collection */

.py-5 {
  padding-bottom: 5rem;
}

.deroma-card {
  position: relative; 
  overflow: hidden; 
  border-radius: 0px; 
  box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
}

.deroma-card__link {
  font-weight: 500;
  display: block;
  text-decoration: none;
  color: #fff;
  font-family: 'Futura' !important;
}

.deroma-card__image-wrapper img {
  display: block;
  width: 100%;
  transition: transform 0.4s ease; 
  object-fit: cover;
  height: 18rem; 
}

@media (min-width: 768px) {
  .deroma-card__image-wrapper img {
    height: 22rem;
  }
}

@media (min-width: 992px) {
  .deroma-card__image-wrapper img {
    height: 25rem; 
  }
}

@media (min-width: 1200px) {
  .deroma-card__image-wrapper img {
    height: 23rem;
  }
}

.deroma-card__text-band {
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-color: rgba(86, 98, 70);
}

.deroma-card__text-band h2 {
  margin: 0;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.deroma-card:hover .deroma-card__image-wrapper img {
  transform: scale(1.05); 
}


/* sezione la nostra gardening experience */

.hero-banner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw; 
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  overflow: hidden;
  aspect-ratio: 3 / 4; 
}

.hero-banner .hero-banner__image-container,
.hero-banner .hero-banner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero-banner .hero-banner__image-container { z-index: 1; }
.hero-banner .hero-banner__overlay { z-index: 2; background-color: rgba(0, 0, 0, 0.5); }
.hero-banner .hero-banner__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  object-position: center;
}

.hero-banner .hero-banner__content {
  position: relative;
  z-index: 3;
  text-align: center;
  max-width: 90%; 
  padding: 1.5rem;
}

.hero-banner .hero-banner__title {
  font-family: 'Futura';
  font-size: clamp(2rem, 6vw, 5rem);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

.hero-banner .hero-banner__text {
  font-family: 'Futura';
  font-size: clamp(0.9rem, 2.2vw, 1.3rem);
  max-width: 1200px;
  font-weight: 300;
  margin: 0 auto 1.5rem auto;
  line-height: 1.3;
}

.hero-banner .hero-banner__button {
  display: inline-block;
  background-color: #ffffff;
  color: #333333;
  padding: clamp(10px, 2.5vw, 14px) clamp(20px, 5vw, 32px);
  font-size: clamp(0.8rem, 2.5vw, 1rem);
  border-radius: 50px;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.3s ease, background-color 0.3s ease;
  font-family: 'Futura';
}
.hero-banner .hero-banner__button:hover {
  background-color: #687154;
  color: #fff;
  transform: scale(1.05);
}

@media (min-width: 768px) {
  .hero-banner {
    aspect-ratio: 16 / 9;
  }
}

@media (min-width: 992px) {
  .hero-banner {
    aspect-ratio: 24 / 9;
  }
}

/* sezione latest news */

.news-grid-homepage .views-row img {
  width: 100%;
  aspect-ratio: 1 / 1; 
  object-fit: cover; 
}

/* img[src*="/sites/default/files/styles/large/public/news/immagini/deroma_uk_v2.jpg.webp"] {
  max-width: 100%;
  height: auto; 
} */

.latest-news-title {
  text-align: center;
  font-family: 'Futura';
  font-size: 3rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 5rem auto; 
  color: #373E48;
}

.news-grid-homepage .view-content {
  display: flex;
  flex-wrap: wrap; 
  gap: 30px;
  justify-content: center;
}

.news-grid-homepage .views-row {
  flex: 0 1 350px;
  position: relative;
  background-color: transparent;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.news-grid-homepage .views-row:hover {
  transform: translateY(-5px);
}

.news-grid-homepage {
  margin-top: 4rem;  
  margin-bottom: 4rem; 
}

/* .news-grid-homepage .views-row {
  position: relative;
  background-color: transparent;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
} */

.news-grid-homepage .views-row:hover {
  transform: translateY(-5px);
}

.news-grid-homepage .views-field-field-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
}

.news-grid-homepage .views-field-title a {
  text-decoration: none;
  color: #000;
  font-size: 1.3rem;
  font-family: 'Millertext' !important;
  font-weight: 200;
}

.news-grid-homepage .title-news h1 {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-align: left;
  color: #000;
  font-size: calc(0.9rem + 0.8vw);
  font-family: 'Millertext' !important;
  font-weight: 200;
}

@media (max-width: 992px) {
  .news-grid-homepage .title-news h1 {
   font-size: calc(0.9rem + 3.6vw);
  }
}

.drm-news-single .body-news p {
  margin-top: 10px;
  text-align: left;
  color: #555;
  font-size: 1rem;
  line-height: 1.6;
  font-family: 'Futura';
}

/* .news-grid-homepage .views-row > div:not(.views-field-field-image) {
    padding: 25px;
} */

/* pager sezione ultime news */

.pager__item {
  padding: 0.6rem 1.1rem;
  margin: 0 4px;
  border-radius: 15px;
  background-color: #ffffff;
  color: #555;
  font-family: 'Futura';
  transition: all 0.2s ease-in-out;
  border: none;
  display: inline-block;
}

.pager__item.is-active {
  background-color: #000000;
  color: #ffffff;
  z-index: 2;
  font-weight: bold;
}

.pager__item:not(.is-active):hover {
  background-color: #687154;
  color: #ffffff;
  cursor: pointer;
}

.pager__item a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.pager__item.disabled {
  opacity: 0.6;
  pointer-events: none;
}



/* Footer */

.mt-auto {
  background-color: #000000;
}

.site-footer {
  background-color: #000000; 
  color: #adb5bd; 
  font-size: 0.9rem;
  font-family: 'Futura'; 
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.footer-logo {
  width: auto; 
  height: auto;
}

.footer-info-text {
  line-height: 1.7rem;
  font-size: 0.9rem;
  color: #fff;
  font-family: 'Futura'; 
}

.footer-widget-title {
  font-family: 'Futura';
  color: #ffffff; 
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.footer-links li {
  line-height: 1.1rem;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}

.footer-links a {
  text-decoration: none;
  color: #fff; 
  transition: color 0.3s ease;
  font-family: 'Futura';
}

.footer-links a:hover {
  color: #ffffff; 
  text-decoration: underline;
}

.footer-bottom-bar {
  border-top: 1px solid #333; 
  padding: 1.5rem 0;
  margin-top: 2rem;
}

.footer-copyright-text {
  font-family: 'Futura';
  margin: 0;
  color: #6c757d;
  text-align: left; 
}

.footer-copyright-text a {
  font-family: 'Futura';
  margin: 0;
  color: #fff;
  text-align: left; 
  text-decoration: none;
}

.footer-social-icons {
  margin: 0;
  padding: 0;
  display: flex; 
  justify-content: flex-end; 
  gap: 1.2rem; 
}

.footer-social-icons a {
  color: #fff; 
  font-size: 1.1rem; 
  transition: color 0.3s ease;
}

.footer-social-icons a:hover {
  color: #ffffff; 
}

@media (max-width: 767px) {
  .footer-copyright-text,
  .footer-social-icons {
    text-align: center; 
    justify-content: center;
  }
  
  .footer-copyright-text {
    margin-bottom: 1rem; 
  }

  .footer-top {
    text-align: center;
  }
  
  .footer-links {
    display: inline-block;
  }
}




/* PAGINA AZIENDA */

.company-intro { background-color: #fff; padding-top: 0;}
.intro-lead-text {
  font-family: 'Futura';
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.6;
  color: #333;
}
.intro-main-text p {
  font-family: 'Futura';
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
  color: #555;
}

/* Sezione Griglia Immagini */
.grid-item {
  position: relative;
  overflow: hidden;
}
.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.grid-item:hover img {
  transform: scale(1.05);
}
.grid-item-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
  padding: 40px 20px 20px;
  color: white;
  text-align: left;
}
.grid-item-overlay h3 {
  font-family: 'Futura';
  font-size: 2rem;
  margin: 0;
}

/* Sezione Video */
.video-section { 
  background-color: #687154;
  padding: 50px 0;
}

.ratio {
  box-shadow: 0 0 0 1px #687154;
  overflow: hidden;
  background-image: url("https://i.ytimg.com/vi/9TRrH3XQDoo/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AHUBoAC4AOKAgwIABABGGUgUChHMA8=&rs=AOn4CLD8q7PEnp3W1Apa9d8b3DomVp3ZyQ");
  background-size: cover;
  background-position: center;
}

/* Sezione Mappa Branches */
.branches-section { background-color: #ffffff; font-family: 'Futura'; }
.branch-filters {
  font-family: 'Futura';
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.branch-filter-btn {
  font-family: 'Futura';
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-decoration: none;
  color: #555;
  transition: all 0.3s ease;
}
.branch-filter-btn:hover, .branch-filter-btn.active {
  background-color: #687154;
  color: white;
  border-color: #687154;
}
.world-map img {
  max-width: 100%;
  height: auto;
}




/* PAGINA TECNOLOGIE */

.values-section {
  font-family: 'Futura';
  padding-top: 0;
  background-color: #fff;
}

.value-highlight {
  font-family: 'Futura';
  text-align: center;
  padding: 2.5rem 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin: 2rem 0;
}

.value-highlight .value-icon {
  font-family: 'Futura';
  font-size: 2rem;
  color: #687154; 
  display: block;
  margin-bottom: 1.5rem;
}

.value-highlight p {
  font-size: 1.5rem;
  font-weight: bold; 
  color: #333;
  line-height: 1.6;
  margin-bottom: 0;
}

.value-details p {
  font-family: 'Futura';
  font-size: 1rem;
  line-height: 1.8; 
  color: #555;
  margin-bottom: 1.5rem;
}



/* PAGINA PRODUZIONE */

.policy-highlight-section {
  padding-top: 0;
}

.showroompage-gallery-grid {
  margin-bottom: 5rem;
}

.showroompage-gallery-grid .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; 
  width: 100%;
}

.showroompage-gallery-grid .views-row {
  position: relative; 
}

.showroompage-gallery-grid .views-field-field-immagini {
  width: 100%;
  height: 0;
  padding-top: 100%; 
  position: relative;
  overflow: hidden;
}

.showroompage-gallery-grid .views-field-field-immagini img {
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
}

@media (max-width: 991.98px) {
  .showroompage-gallery-grid .view-content {
    grid-template-columns: repeat(2, 1fr); 
  }
}

@media (max-width: 575.98px) {
  .showroompage-gallery-grid .view-content {
    grid-template-columns: 1fr; 
    gap: 1.5rem; 
  }
}




/* PAGINA RICERCA E TENDENZE */

.research-section {
  padding-top: 0;
}



/* PAGINA SERVIZI */

.services-section {
  padding-top: 0;
}



/* PAGINA SHOWROOM */

.single-text-section {
  padding-top: 0;
  background-color: #ffffff;
}

.single-text-content p {
  font-family: 'Futura';
  font-size: 1.2rem;  
  line-height: 1.8;   
  text-align: center;    
  color: #333;             
}

.showroompagedue-gallery-grid {
  margin-bottom: 5rem;
}

.showroompagedue-gallery-grid .view-content {
  display: flex;
  flex-wrap: wrap; 
  gap: 1.5rem; 
}

.showroompagedue-gallery-grid .views-row {
  position: relative;
  flex: 1 0 calc(33.33% - 1.5rem);
}

.showroompagedue-gallery-grid .views-field-field-immagini {
  width: 100%;
  height: 0;
  padding-top: 100%; 
  /* position: relative; */
  overflow: hidden;
}

.showroompagedue-gallery-grid .views-field-field-immagini img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991.98px) {
  .showroompagedue-gallery-grid .views-row {
    flex: 1 0 calc(50% - 1.5rem); 
  }
}

@media (max-width: 575.98px) {
  .showroompagedue-gallery-grid .views-row {
    flex: 1 0 100%; 
  }
  .showroompagedue-gallery-grid .view-content {
    gap: 1rem; 
  }
}


/* PAGINA CERTIFICAZIONI */

.certifications-intro {
  padding-top: 0;
  padding-bottom: 0;
}



/* PAGINA BRANCHES */

.branch-details-section {
  padding-top: 0;
}

.branch-detail-block {
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-top: 1px solid #e0e0e0; 
}

.branch-detail-block:first-of-type {
  border-top: none; 
}

.branch-title {
  font-family: 'Futura';
  font-weight: lighter;
  font-size: 2.6rem;
  margin-bottom: 2rem;
  color: #333;
}

.branch-text p {
  font-family: 'Futura';
  font-size: 1rem;
  line-height: 1.8;
  color: #555;
  margin-bottom: 1.5rem;
}



/* PAGINA SMALTIMENTO */

.sustainability-section {
  padding-top: 0;
}

.sustainability-main-title {
  font-family: 'Futura';
  font-weight: bold;
  font-size: 2.5rem;
  color: #333;
  margin-bottom: 1.5rem;
}
.sustainability-lead-text {
  font-family: 'Futura';
  font-size: 1.1rem;
  line-height: 1.8;
  color: #555;
}

/* PAGINA POLICY DI SOSTENEBILITÀ */

.sustainability-policy-section {
  padding-top: 0;
  padding-bottom: 0;
}

.view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  /* padding: 40px 20px; */
  max-width: 1200px;
  margin: 0 auto;
}

.certification-item {
  background-color: #fff;
  padding: 30px;
  width: 100%;
  max-width: 360px;
  border-radius: 8px;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  flex: 1 1 calc(33.333% - 40px); /* 3 per riga con gap */
  box-sizing: border-box;
}

.certification-image img {
  width: 100px;
  height: auto;
  border-radius: 5px;
  flex-shrink: 0;
}

.certification-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.certification-text h1 {
  font-family: 'Futura';
  font-size: 1rem;
  font-weight: 500;
  color: #2e3b2f;
  margin: 0 0 20px 0;
  line-height: 1.5;
}

#download-button {
  font-family: 'Futura';
  font-size: 1rem;
  background-color: #687154;
  color: white;
  padding: 10px 24px;
  text-decoration: none;
  border-radius: 50px;
  font-weight: 500;
  transition: background-color 0.3s, transform 0.2s;
  align-self: start;
  text-align: center;
}

#download-button:hover {
  background-color: #5a5f45;
  transform: translateY(-3px);
}

@media (max-width: 1024px) {
  .certification-item {
    flex: 1 1 calc(50% - 40px); /* 2 per riga su tablet */
  }
}

@media (max-width: 768px) {
  .certification-item {
    flex: 1 1 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .certification-text {
    align-items: center;
  }

  .certification-text h1 {
    font-size: 1rem;
  }

  #download-button {
    align-self: center;
  }
}



/* PAGINA COLLEZIONI */

.field-content.sezione-tre-immagini-coll {
  margin: 0.6rem !important;
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}


.collections-page-grid .view-content {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center;
  gap: 30px;
}

.collections-page-grid .views-row {
  flex: 0 1 calc(50% - 15px);
}

.drm-collection-parent-item {
  position: relative;
  display: block;
  overflow: hidden;
  /* box-shadow: 0 5px 20px rgba(0,0,0,0.07); */
  height: 100%;
  aspect-ratio: 4 / 3;
  transition: transform 0.3s ease, box-shadow 0.3s ease; 
  display: flex;
  flex-direction: column;
}

.drm-collection-parent-item:hover {
  transform: translateY(-5px); 
  /* box-shadow: 0 10px 30px rgba(0,0,0,0.15); */
}

.drm-collection-parent-item a {
  text-decoration: none;
  display: block;
  height: 100%;
}

.drm-collection-parent-item .collection-image {
  width: 100%;
  height: 100%;
  flex-grow: 1;
}
.drm-collection-parent-item .collection-image img {
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
  object-position: center 5%; 
}

.drm-collection-parent-item .collection-title {
  width: 100%;
  padding: 30px;
}

.drm-collection-parent-item .collection-title h1 {
  margin: 0;
  color: white;
  font-family: 'Millertext';
  font-size: 2rem;
  text-align: left;
}

.collections-page-grid {
  margin-bottom: 5rem; 
}

@media (max-width: 767px) {
  .collections-page-grid .views-row {
    flex: 0 1 100%;
  }

  .drm-collection-parent-item {
    position: relative;
    display: block;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.07);
    height: 100%;
    aspect-ratio: 0 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    display: flex;
    flex-direction: column;
  }

  .drm-collection-parent-item .collection-title h1 {
    margin: 0;
    color: white;
    font-family: 'Millertext';
    font-size: 1.7rem;
    text-align: left;
  }

  .collections-page-grid .view-content {
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
    gap: 0px;
  }
}


.color-collection-153 {
    background: #D67E67 !important;
}

.color-collection-132 {
    background: #A85B3E !important;
    
}

.color-collection-131 {
    background: #793529 !important;
}

.color-collection-152{
    background: #66A7BA !important;
}

.color-collection-151 {
    background: #719278 !important;
}

.color-collection-137 {
    background: #C1BEB8 !important;
}

.color-collection-89 {
    background: #F6B55C !important; 
}

.views-field-field-titolo-immagini-decorazion .field-content .views-field-field-immagini .field-content img {
  width: 40%;
}



/* PAGINA TERRACOTTA */

.stacked-banner__image {
  height: auto;
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden; 
}

.stacked-banner__image img {
  width: 100vw;
  height: auto; 
  object-fit: cover; 
  object-position: center top;
}

@media (max-width: 768px) {
  .stacked-banner__image {
    height: 45vh;
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden; 
  }

.stacked-banner__image img {
    width: 100%;
    height: 35vh; 
    object-fit: cover; 
    object-position: center top;
  }
}

.stacked-banner__content {
  max-width: 800px;
  margin: 0 auto;
  padding: 4rem 1.5rem;
  padding-bottom: 0;
  text-align: center;
}

.stacked-banner__content h1 {
  font-family: 'Futura';
  font-size: 3rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #212529;
  margin-bottom: 1.5rem;
}

@media (max-width: 540px) {
  .stacked-banner__content h1 {
    font-family: 'Futura';
    font-size: 2.1rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #212529;
    margin-bottom: 1.5rem;
  }
}

.stacked-banner__content .stacked-banner__body {
  font-family: 'Futura';
  font-size: 1.2rem;
  line-height: 1.7;
  color: #555;
}

.field-content {
  margin: 4rem;
}

.stile-banner-collezioni {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 21 / 9;
  overflow: hidden;
}

.stile-banner-collezioni img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.descrizione-madre-terracotta {
  font-family: 'Futura';
  text-align: center;
  /* padding: 2rem 0; */
}

.descrizione-madre-terracotta .collection-back-link {
  display: inline-block;
  margin-bottom: 2rem;
  text-decoration: none;
  color: #555;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9rem;
}

.descrizione-madre-terracotta .collection-back-link .fa-arrow-left {
  margin-right: 8px; 
}

.descrizione-madre-terracotta .collection-page-title {
  font-family: 'Futura';
  font-size: 3rem;
  font-weight: 300; 
  text-transform: uppercase;
  color: #212529;
  margin: 0;
}

.descrizione-madre-terracotta .collection-page-title strong {
  font-weight: 700; 
}

.collection-product-grid .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 30px;
}

.dec-titolo-coll h4 {
  font-family: 'Futura';
  font-size: 2rem;
}

@media (max-width: 767px) {
  .lifestyle-image-grid > .field > .field__items {
    grid-template-columns: 1fr; 
  }

  .img-fluid {
    max-width: 100%;
  }
}

@media (max-width: 540px) {
  .descrizione-madre-terracotta .collection-page-title {
    font-family: 'Futura';
    font-size: 2rem;
    font-weight: 300; 
    text-transform: uppercase;
    color: #212529;
    margin: 0.7rem;
  }

  .stacked-banner__content {
    max-width: 800px;
    margin: auto 2rem;
    padding: 4rem 1.5rem;
    padding-bottom: 0;
    text-align: center;
  }
}

.drm-collection-child-item {
  text-align: center;
  margin: 4rem;
  transition: transform 0.3s ease;
}

.drm-collection-child-item:hover {
  transform: translateY(-5px);
}

.drm-collection-child-item a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.drm-collection-child-item .collection-image {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin-bottom: 1.25rem;
  background-color: #ffffff;
}

.drm-collection-child-item .collection-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.drm-collection-child-item .collection-title h1 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 1.3rem;
  font-weight: 500;
  color: #854d4d;
  margin: 0;
}

@media (max-width: 991px) {
  .collection-product-grid .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .collection-product-grid .view-content {
    grid-template-columns: 1fr;
  }
}

/* STILE 3 IMMAGINI COLLEZIONI */

/* .views-field-field-immagini .field-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin: 4rem 0; 
}

.views-field-field-immagini .field-content img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 4; 
  object-fit: cover;
} */

.showroom-gallery-grid .views-field-field-immagini .field-content {
  display: block; 
  grid-template-columns: unset;
  gap: unset; 
  margin: 0; 
}

div.views-row div.views-field.views-field-field-note div.field-content p.p1,
div.views-row div.views-field.views-field-field-note div.field-content p.p2 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px; 
    padding-right: 15px;
}

div.views-row div.views-field.views-field-field-dettagli div.field-content p.p1,
div.views-row div.views-field.views-field-field-dettagli div.field-content p.p2 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px; 
    padding-right: 15px;
}

div.views-row div.views-field.views-field-field-immagine-prodotto-esempio div.field-content img {
    max-width: 100%;  
    height: auto;  
    display: block; 
    margin-left: auto;
    margin-right: auto; 
}

/* SEZIONE FINITURE */

.terracotta-finishing__subtitle {
  padding-top: 4rem;
  text-align: center;
  margin-top: 40px;
  font-size: 3rem;
  font-weight: 500;
  color: #000;
  font-family: 'Futura';
}

.views-field.views-field-field-finiture .field-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 60px auto;
  max-width: 900px;
  /* padding-bottom: 40px; */
}

.views-field.views-field-field-finiture .field-content > * {
  text-align: center;
}

.views-field.views-field-field-finiture .field-content img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: none;
  display: block;
  margin: auto 4rem;
  transform-origin: center center;
}

.image-container-finiture-coll {
  display: flex;
  flex-direction: column; 
  align-items: center; 
  justify-content: center; 
  text-align: center;
}

.dec-coll-cent-alt {
  margin-top: 10px; 
  font-size: 1.4rem; 
}

@media (max-width: 650px) {
  .dec-coll-cent-alt {
    font-size: 1.2rem; 
  }
}

@media (max-width: 650px) {
  .views-field.views-field-field-finiture .field-content {
    flex-direction: column;  
    gap: 30px;
  }

  .views-field.views-field-field-finiture .field-content img {
    width: 150px;
    height: 150px;
    margin-bottom: 15px;  
  }
}



/* SEZIONE IMMAGINE DIMENSION */

.terracotta-collection__image-block {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.terracotta-collection__image {
  width: 100%;
  height: auto;
  display: block;
}

.terracotta-collection__overlay {
  position: absolute;
  top: 5%;
  left: 5%;
  z-index: 10;
  background-color: #ffffff;
  padding: 20px 25px;
  max-width: 320px;
  font-family: 'Futura';
}

.terracotta-collection__title {
  text-align: left;
  margin: 0 0 10px 0;
  font-size: 2rem;
  letter-spacing: 0.5px;
  color: #000;
}

.terracotta-collection__text {
  text-align: left;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

.terracotta-collection__description {
  text-align: center;
  font-size: 16px;
  max-width: 800px;
  margin: 70px auto 0 auto;
  line-height: 1.6;
  font-family: 'Futura';
  color: #333;
}

@media (max-width: 850px) {
  .terracotta-collection__image-block {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .terracotta-collection__overlay {
    position: static; 
    transform: none;
    margin-top: 20px;
    max-width: 90%;
    width: auto;
    background-color: white;
    text-align: center;
    box-shadow: none;
  }
  .terracotta-collection__text {
    text-align: center;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
  }
  .terracotta-collection__title {
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 2rem;
    letter-spacing: 0.5px;
    color: #000;
  }
}



@media (min-width: 1600px) {
  div.views-row div.views-field.views-field-field-immagine-prodotto-esempio div.field-content img {
   max-width: 75% !important;  
   height: auto;  
   display: block; 
   margin-left: auto;
   margin-right: auto; 
  }
}

@media (max-width: 991px) {
  .views-field-field-immagini .field-content {
    grid-template-columns: repeat(2, 1fr); 
  }
}
@media (max-width: 575px) {
  .views-field-field-immagini .field-content {
    grid-template-columns: 1fr; 
  }
}



/* PAGINA PRODOTTI GRIGLIA */

.view-header {
  font-family: 'Futura';
}

.products-view__grid .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
}

.products-view__item {
  padding: 1rem;
  text-align: center;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.products-view__item:hover {
  transform: translateY(-5px);
}
.products-view__item img {
  max-width: 100%;
  height: auto;
}
.products-view__title {
  font-family: 'Futura';
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.products-view__details {
  font-family: 'Futura';
  margin-top: auto;
}
.products-view__detail-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #555;
  margin-top: 0.5rem;
}


/* PAGINA PRODOTTO SINGOLO */

.node--type-prodotto .ds-2col {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem; 
}
.node--type-prodotto .group-left,
.node--type-prodotto .group-right {
  width: 100%; 
}

.node--type-prodotto .group-left {
  display: flex;
  align-items: center;
}

.node--type-prodotto .layout {
  display: flex;
}

@media (min-width: 992px) {
  .node--type-prodotto .group-left { flex: 1 0 45%; }
  .node--type-prodotto .group-right { flex: 1 0 50%; }
}

.node--type-prodotto .group-left .field--name-field-image img {
  width: 70%;
  height: auto;
  border-radius: 8px;
  display: block;
  margin-left: auto;
  /* margin-right: auto; */
}

.node--type-prodotto .group-right {
  font-family: 'Futura';
}

.node--type-prodotto .field--name-field-materiale {
  font-size: 2rem;
  color: #a0522d; 
  font-weight: bold;
  margin-left: 6rem;
}

.node--type-prodotto .field--name-field-riferimento-linea-prodotto,
.node--type-prodotto .node-title { 
  font-size: 2.5rem;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 6rem;
}

.node--type-prodotto .field--name-title {
  font-size: 2.5rem;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  /* margin-left: 6rem; */
}

.node--type-prodotto .block-field-blocknodeprodottotitle {
  margin-left: 6rem;
}

.product-group-properties {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 1.5rem;
  border-top: 1px solid #eee;
}

.product-properties div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 1rem;
}

.product-properties p {
  margin: 0;
  font-size: 1rem;
  color: #555;
}

.view-display-id-block_2 .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  /* margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #eee; */
}

#filtri .view-display-id-block_5 .drm-variant-item {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;          
  display: flex;
  justify-content: center;
  align-items: center;
}

#filtri .view-display-id-block_5 .drm-variant-item img {
  width: 1500%;
  height: 1500%;
  object-fit: cover;
  transform: scale(3.2);
}

.node--type-prodotto .view-display-id-block_2 .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #eee;
}

.node--type-prodotto .view-display-id-block_2 .views-row {
  width: 150px;
}

.drm-variant-item img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.node--type-prodotto .view-display-id-block_2 .views-row p {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 0 0;
  text-align: left;
  font-size: 0.9rem;
  color: #777;
}

.node--type-prodotto .view-display-id-block_2 .views-row p img {
  width: 20px;
  height: 20px;
  aspect-ratio: auto;
  object-fit: contain;
  border: none;
  border-radius: 0;
}

.node--type-prodotto .view-display-id-block_2 .views-row p span {
  font-size: 0.9rem;
  color: #777;
  line-height: 1.2;
  align-self: center;
}

.node--type-prodotto .block-views-blockprodotti-block-3 h2 {
  font-family: 'Futura';
  font-weight: lighter;
  font-size: 2.6rem;
  line-height: 2.6rem;
  color: #333;
  /* font-size: 2em; */
  margin: 1em 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.node--type-prodotto .block-views-blockprodotti-block-3 {
  margin-top: 2rem;
  border-top: 1px solid #eee;
}


/* blocco slide collezioni */

.blocco-collection-page-product {
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  width: 100%;
  max-width: 300px;
  padding-top: 20%;
}

.blocco-collection-page-product .collection-image {
  position: relative;
  width: 100%;
  padding-top: calc( (4 / 3) * 100% );
  overflow: hidden;
}

.blocco-collection-page-product .collection-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  will-change: transform;
  z-index: 1;
}

/* .blocco-collection-page-product:hover .collection-image img {
  transform: scale(1.08);
} */

.blocco-collection-page-product .collection-title {
  position: absolute;
  height: 20%;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  color: white;
  font-weight: 700;
  pointer-events: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center; 
  text-align: center;
}

.blocco-collection-page-product .collection-title h1 {
  font-size: clamp(1rem, 2.5vw, 1.6rem);
}

.splide--view--collezioni--block-3 .splide__slide {
  width: calc(25% - 0.75em) !important;
}

.splide--view--collezioni--block-3 {
  padding-bottom: 6rem;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .node--type-prodotto .field--name-field-materiale {
   font-size: 2rem;
   color: #a0522d; 
   font-weight: bold;
   margin-left: 3rem;
  }

  .node--type-prodotto .field--name-field-riferimento-linea-prodotto,
  .node--type-prodotto .node-title { 
   font-size: 2.5rem;
   color: #333;
   font-weight: 700;
   text-transform: uppercase;
   margin-left: 3rem;
  }

  .node--type-prodotto .field--name-title {
    font-size: 2.5rem;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    /* margin-left: 3rem; */
  }
  .node--type-prodotto .block-field-blocknodeprodottotitle {
    margin-left: 3rem;
  }
}

@media (min-width: 1400px) {
  .node--type-prodotto .field--name-field-materiale {
   font-size: 2rem;
   color: #a0522d; 
   font-weight: bold;
   margin-left: 9rem;
  }
}

@media (max-width: 991px) {
  .node--type-prodotto .field--name-field-materiale {
   font-size: 2rem;
   color: #a0522d; 
   font-weight: bold;
   margin-left: 0rem;
  }
}

@media (min-width: 1400px) {
  .node--type-prodotto .field--name-field-riferimento-linea-prodotto,
  .node--type-prodotto .node-title { 
   font-size: 2.5rem;
   color: #333;
   font-weight: 700;
   text-transform: uppercase;
   margin-left: 9rem;
  }

  .node--type-prodotto .field--name-title {
    font-size: 2.5rem;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    /* margin-left: 9rem; */
  }

  .node--type-prodotto .block-field-blocknodeprodottotitle {
    margin-left: 9rem;
  }
}

@media (max-width: 991px) {
  .node--type-prodotto .field--name-field-riferimento-linea-prodotto,
  .node--type-prodotto .node-title { 
   font-size: 2.5rem;
   color: #333;
   font-weight: 700;
   text-transform: uppercase;
   margin-left: 0rem;
  }

  .node--type-prodotto .field--name-title {
    font-size: 2.5rem;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 0rem;
  }

  .node--type-prodotto .block-field-blocknodeprodottotitle {
    margin-left: 0rem;
  }
}

@media (min-width: 1024px) {
  .blocco-collection-page-product {
    max-width: 1200px;
  }
}

@media (max-width: 1399px) {
  .splide--view--collezioni--block-3 .splide__slide {
    width: calc(33.3333% - 0.75em) !important;
  }
}

@media (max-width: 1099px) {
  .splide--view--collezioni--block-3 .splide__slide {
    width: calc(50% - 0.75em) !important;
  }
}

@media (max-width: 799px) {
  .splide--view--collezioni--block-3 .splide__slide {
    width: 100% !important;
    margin-right: 0 !important;
  }
}





@media (max-width: 767px) {
  .node--type-prodotto .view-display-id-block_2 .view-content {
    gap: 1rem;
  }
  .node--type-prodotto .view-display-id-block_2 .views-row {
    flex: 0 0 100px;
  }
  .drm-variant-item {
    height: 80px;
  }
}

@media (max-width: 1200px) {
  .node--type-prodotto .group-left .field--name-field-image img {
    width: 70%;
    height: auto;
    border-radius: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}



/* 2 immagini pagina prodotto */

.node--type-prodotto .view-display-id-block_4 .view-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0rem; 
  margin: 4rem 0; 
}

.drm-argomentazione-item {
  position: relative; 
  overflow: hidden;
  border-radius: 8px;
  height: 100%;
}

.drm-argomentazione-item a {
  text-decoration: none;
}

.drm-argomentazione-item .drm-argomentazione-image {
  height: 100%;
}

.drm-argomentazione-item .drm-argomentazione-image img {
  height: 25rem;
  width: 100%;
  object-fit: cover;
  filter: brightness(0.7);
  transition: filter 0.3s ease;
  display: block;
  margin: 0 auto;
}

.drm-argomentazione-item:hover .drm-argomentazione-image img {
  filter: brightness(0.5);
}

.drm-argomentazione-item .drm-argomentazione-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem 0; 
}

.drm-argomentazione-item .drm-argomentazione-text h1 {
  font-family: 'Futura';
  font-size: 2.5rem;
  font-weight: bold;
  margin: 0 0 0.5rem 0;
}

.drm-argomentazione-item .drm-argomentazione-text p {
  font-family: 'Futura';
  font-size: 1rem;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .node--type-prodotto .view-display-id-block_4 .view-content {
    grid-template-columns: 1fr; 
  }
}

@media (min-width: 1400px) {
  .drm-argomentazione-item .drm-argomentazione-image img {
   height: 25rem;
   width: 100%;
   object-fit: cover;
   filter: brightness(0.7);
   transition: filter 0.3s ease;
   display: block;
   margin: 0 auto;
   margin-left: 5rem;
   border-radius: 8px;
  }
}


/* paginazione header navigazione */

.pager {
  margin-top: 4rem;
}

.pagination {
  justify-content: center;
}

.page-item .page-link {
  padding: 0.6rem 1.1rem;
  margin: 0 4px;
  border-radius: 15px;
  background-color: #ffffff;
  color: #555;
  font-family: 'Futura';
  transition: all 0.2s ease-in-out;
  border: none;
}

.page-item.is-active .page-link {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
  z-index: 2;
}

.page-item:not(.is-active) .page-link:hover {
  background-color: #687154;
  border-color: #687154;
  color: #ffffff;
}

.page-item.disabled .page-link {
  opacity: 0.6;
}


/* filtri pagina prodotti */

.block-facets {
  margin-bottom: 2.5rem; 
}

.block-facets h2 {
  font-family: 'Futura';
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 1rem;
}

.facets-widget-links ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.facets-widget-links .facet-item {
  margin-bottom: 0.5rem; 
}

.facets-widget-links .facet-item input[type="checkbox"] {
  display: none;
}

.facets-widget-links .facet-item label {
  display: inline-flex; 
  align-items: center;
  cursor: pointer;
  font-family: 'Futura';
  color: #555;
}

.facets-widget-links .facet-item label::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 3px;
  margin-right: 10px;
  background-color: #ffffff;
  transition: all 0.2s ease;
}

.facets-widget-links .facet-item input[type="checkbox"]:checked + label::before {
  background-color: #687154; 
  border-color: #687154;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}

.facets-widget-links .facet-item .facet-item__count {
  margin-left: 8px;
  color: #999;
  font-size: 0.9em;
}

.facets-widget-links .facet-item__value {
  color: #555 !important;          
  text-decoration: none !important; 
}

.facets-widget-links .facet-item label:hover .facet-item__value {
  color: #000 !important; 
  text-decoration: underline;
}

.facets-widget-links .facet-item__count {
  margin-left: 8px;
  color: #999;
  font-size: 0.9em;
}

.facets-soft-limit-link {
  color: #687154;
  font-weight: bold;
}

/* bottone prodotti x mobile e tablet */

html {
  scroll-behavior: smooth;
}

.filter-button-wrapper {
  text-align: center;
  margin: 2rem 0; 
}

.scroll-to-filters-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #000000;
  color: #ffffff;
  padding: 12px 24px;
  border-radius: 50px;
  text-decoration: none;
  font-family: 'Futura';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9rem;
  
  transition: background-color 0.3s ease;
}

.scroll-to-filters-button:hover {
  background-color: #333;
}

@media (min-width: 992px) {
  .filter-button-wrapper {
    display: none; 
  }
}


/* bottone torna in collezioni */

.back-link-container {
  margin-bottom: 2rem;
  text-align: center;
}

.back-to-collections-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  
  text-decoration: none;
  font-family: 'Futura';
  font-weight: bold;
  text-transform: uppercase;
  color: #555;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

.back-to-collections-link:hover {
  color: #000;
}



/* PAGINA NEWS */

.page-news-grid .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
}

/* .news-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0,0,0,0.07);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
} */

.views-row .news-card__image-wrapper {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.views-row .news-card__image-wrapper:hover {
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

.news-card__image-wrapper {
  aspect-ratio: 1 / 1; 
}

.news-card__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-card__text-content {
  padding: 12px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.news-card__title a {
  font-family: 'Millertext';
  font-size: 2rem;
  color: #000;
  margin: 0 0 10px 0;
}

.news-card__body {
  font-family: 'Futura';
  font-size: 0.95rem;
  line-height: 1.6;
  color: #555;
}


/* PAGINA NEWS SINGOLA */

.node--type-news .field--name-field-image img {
  width: 100%; 
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover; 
}

.node--type-news .field--name-body {
  font-family: 'Futura';
  font-size: 1.1rem;
  line-height: 1.8;
  color: #555;
  padding: 0 1.5rem; 
  margin: 2rem 0;
}

.node--type-news .field--name-body img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.5rem auto;
  border-radius: 8px;
}

.node--type-news .field--name-field-sottotitolo {
  display: block;
  font-family: 'Futura';
  font-size: 1.4rem;
  font-weight: 600;
  color: #333;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.4;
  margin: 0 auto;
  text-align: center;
  max-width: 800px;
}

.go-back-btn {
  display: inline-block;
  text-decoration: none;
  padding: 12px 28px;
  font-family: 'Futura';
  font-size: 0.9rem;
  color: #ffffff;
  background-color: #687154;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  text-transform: uppercase;
  transition: background-color 0.3s ease, transform 0.3s ease;
  margin: 7rem auto;
  display: block;
  text-align: center;
}

.go-back-btn:hover {
  background-color: #333;
  transform: translateY(-2px);
}




@media (min-width: 768px) {
  .node--type-news .field--name-field-image img {
    max-width: 62%;
    margin: 0 auto;
  }
  
  .node--type-news .field--name-body {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0;
  }
}

@media (max-width: 768px) {
  .node--type-news .field--name-body img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0;
    border-radius: 8px;
  }
}



/* PAGINA PUNTI VENDITA */

.info-callout {
  display: flex; 
  align-items: center;
  background-color: #f8f9fa; 
  border-left: 5px solid #687154; 
  padding: 1.5rem; 
  border-radius: 8px;
  margin: 2rem 0; 
}

.info-callout__icon {
  font-size: 2rem; 
  color: #687154; 
  margin-right: 1.5rem; 
}

.info-callout__text p {
  margin: 0;
  font-family: 'Futura';
  font-size: 1rem;
  line-height: 1.7;
}



/* PAGINA CONTATTACI */

.contact-page {
  font-family: 'Futura';
  color: #333;
  padding-bottom: 5rem;
}

.contact-main-layout {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

@media (min-width: 992px) {
  .contact-main-layout {
    flex-direction: column; 
    align-items: center; 
    justify-content: center;
  }

  .contact-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    gap: 1.5rem;
    width: 100%;
    max-width: 1200px;
  }

  .contact-card {
    background-color: #fff;
    padding: 25px;
    border-top: 1px solid;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 100%;
    flex: 1 1 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .contact-map-wrapper {
    flex: 1 1 100%;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin-top: 3rem;
  }
}

@media (max-width: 991px) {
  .contact-main-layout {
    flex-direction: column; 
    align-items: center; 
    justify-content: center;
  }

  .contact-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    gap: 1.5rem;
    width: 100%;
  }

  .contact-card {
    background-color: #fff;
    padding: 25px;
    border-top: 1px solid;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 100%;
    flex: 1 1 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .contact-map-wrapper {
    flex: 1 1 100%;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin-top: 3rem;
  }
}

@media (min-width: 720px) and (max-width: 991px) {
  .contact-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 1.5rem;
    width: 100%;
    justify-items: center;
  }

  .contact-card {
    width: 100%; 
  }
}

.contact-map-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.contact-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #333;
  margin-top: 0;
  margin-bottom: 1rem;
}

.contact-card p {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #666;
  margin-bottom: 0;
  text-align: center;
}

.contact-card p a {
  color: #687154;
  text-decoration: none;
}

.contact-card p a:hover {
  text-decoration: underline;
}


/* webform contattaci */

.block-webform .js-form-item-trattamento-dei-dati {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.block-webform .js-form-item-trattamento-dei-dati .description {
  flex-basis: 100%;
  margin-top: 0.5rem;
  font-size: 0.9rem;
}

.block-webform {
  background-color: #fff;
  padding: 3rem 2rem;
  border-radius: 8px;
}

.block-webform form {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

#edit-privacy-policy p {
  color: #687154;
  text-align: center;
}

#edit-privacy-policy a {
  color: #687154;
  text-align: center;
}

#edit-privacy-policy a:hover {
  color: #555; 
}

.block-webform .js-form-item label {
  font-family: 'Futura';
  font-size: 0.8rem;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  display: block;
}

.block-webform .js-form-item input[type="text"],
.block-webform .js-form-item input[type="email"],
.block-webform .js-form-item select,
.block-webform .js-form-item textarea {
  width: 100%;
  padding: 0.8rem 1rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-family: 'Futura';
  font-size: 1rem;
  background-color: #ffffff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.block-webform .js-form-item input[type="text"]:focus,
.block-webform .js-form-item input[type="email"]:focus,
.block-webform .js-form-item select:focus,
.block-webform .js-form-item textarea:focus {
  outline: none;
  border-color: #687154; 
  box-shadow: 0 0 0 3px rgba(104, 113, 84, 0.2);
}

.block-webform .webform-select-other {
  font-family: 'Futura';
}

.block-webform .form-checkbox {
  display: flex;
  align-items: center;
}

.block-webform .form-checkbox input[type="checkbox"] {
  display: none; 
}

.block-webform .form-checkbox label {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  color: #555;
  text-transform: none; 
}

.block-webform .js-form-item--type-checkbox label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 4px;
  margin-right: 12px;
  background-color: #fff;
  transition: all 0.2s ease;
}

.block-webform .form-checkbox input[type="checkbox"]:checked + label::before {
  background-color: #687154;
  border-color: #687154;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}

.block-webform .webform-element-description {
  font-family: 'Futura';
}

.block-webform .webform-element-description a {
  font-family: 'Futura';
  color: #687154;
}

.block-webform .webform-button--submit {
  display: inline-block;
  background-color: #ffffff;
  color: #333333;
  padding: clamp(10px, 2.5vw, 14px) clamp(20px, 5vw, 32px);
  font-size: clamp(0.8rem, 2.5vw, 1rem);
  border-radius: 50px;
  border-color: #687154;
  text-decoration: none;
  font-family: 'Futura';
  font-weight: bold;
  text-transform: uppercase;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.block-webform .webform-button--submit:hover {
  background-color: #687154;
  color: #fff;
  transform: scale(1.02);
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #687154; 
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(104, 113, 84, 0.25); 
}



/* PAGINA LAVORA CON NOI */

form.webform-submission-lavora-con-noi-node-2780-form {
  padding-top: 30%;
}

.value-highlight-section {
  padding-top: 0;
}

.pos-ap-text {
  font-family: 'Futura';
  font-weight: bold;
  font-size: 2.5rem;
  color: #333;
  margin-bottom: 1.5rem;
  text-align: center;
}

.views-exposed-form {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  margin-bottom: 3rem;
}

.views-exposed-form .form--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: flex-end;
}

.views-exposed-form .js-form-item {
  flex-grow: 1; 
}

.views-exposed-form label {
  font-family: 'Futura';
  font-size: 0.8rem;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

.views-exposed-form .form-select {
  width: 100%;
  padding: 0.8rem 1rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-family: 'Futura';
  font-size: 1rem;
  background-color: #ffffff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.views-exposed-form .form-select:focus {
  outline: none;
  border-color: #687154;
  box-shadow: 0 0 0 3px rgba(104, 113, 84, 0.2);
}

.views-exposed-form .form-actions {
  flex-shrink: 0;
}

.views-exposed-form .form-submit {
  padding: 0.8rem 2rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Futura';
  background-color: #000000;
  color: white;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.views-exposed-form .form-submit:hover {
  background-color: #687154;
}

.pos-ap-block-lista .view-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; 
}

.job-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center; 
  padding: 1.5rem;
  background-color: #ffffff;
  border: 1px solid #eee;
  border-radius: 8px;
  transition: box-shadow 0.3s ease;
}

.job-container:hover {
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.job-container-left {
  flex: 1 1 70%; 
  padding-right: 1.5rem;
}

.job-area {
  font-family: 'Futura';
  font-size: 0.9rem;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

.job-area span {
  font-weight: bold;
}

.job-title a {
  font-family: 'Futura';
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.job-title a:hover {
  color: #687154; 
}

.job-description {
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
  margin-top: 0.75rem;
  font-family: 'Futura';
}

.job-container-right {
  flex: 1 1 25%;
  text-align: right;
}

.job-container-right a {
  display: inline-block;
  background-color: #000000;
  color: #ffffff;
  padding: 12px 28px;
  border-radius: 50px;
  text-decoration: none;
  font-family: 'Futura';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9rem;
  transition: background-color 0.3s ease;
}

.job-container-right a:hover {
  background-color: #687154;
}

@media (max-width: 767px) {
  .job-container {
    flex-direction: column; 
    align-items: flex-start;
  }
  .job-container-left {
    padding-right: 0;
    margin-bottom: 1.5rem;
  }
  .job-container-right {
    width: 100%;
    text-align: left;
  }
  form.webform-submission-lavora-con-noi-node-2780-form {
  padding-top: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  form.webform-submission-lavora-con-noi-node-2780-form {
    padding-top: 45%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  form.webform-submission-lavora-con-noi-node-2780-form {
    padding-top: 65%;
  }
}



/* CHECKBOX TUTTE LE FORM */

.form-check-input {
  border-color: #ccc; 
  transition: all 0.2s ease-in-out;
}

.form-check-input:focus {
  border-color: #687154; 
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(104, 113, 84, 0.25); 
}

.form-check-input:checked {
  background-color: #687154; 
  border-color: #687154; 
}

.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}



/* PAGINA POSIZIONE LAVORATIVA SINGOLA */

.views-element-container.block-views-blockposizioni-lavorative-aperte-block-2 {
  font-family: 'Futura';
  padding: 2rem 0; 
}

.views-element-container.block-views-blockposizioni-lavorative-aperte-block-2 .views-field-title h1 {
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #eee;
}

.views-element-container.block-views-blockposizioni-lavorative-aperte-block-2 .datetime {
  display: block;
  font-size: 0.9rem;
  color: #777;
}

.views-element-container.block-views-blockposizioni-lavorative-aperte-block-2 .views-field-nothing-2 {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #555;
}

.views-element-container.block-views-blockposizioni-lavorative-aperte-block-2 .views-field-nothing-2 h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

.views-element-container.block-views-blockposizioni-lavorative-aperte-block-2 .views-field-nothing-2 ul {
  padding-left: 20px;
  margin-bottom: 1.5rem;
}

.views-element-container.block-views-blockposizioni-lavorative-aperte-block-2 .views-field-nothing-2 ul li {
  margin-bottom: 0.5rem;
}

.views-element-container.block-views-blockposizioni-lavorative-aperte-block-2 .views-field-nothing-2 p strong {
  font-weight: 700;
  color: #333;
}

.js-form-item-privacy {
  display: flex;
}

.js-form-item-privacy .form-checkbox {
  margin-right: 10px;  
}

.js-form-item-privacy .form-required {
  margin: 0;
}

#edit-markup {
  text-align: center;
}

#edit-markup a {
  font-family: 'Futura';
  color: #687154;
}


#edit-curriculum-vitae {
  background-color: #fff;
  border-radius: 8px;
  max-width: 600px;
  margin-bottom: 1rem;
  font-family: 'Futura';
}

#edit-curriculum-vitae input[type="file"] {
  display: block;
  width: 100%;
  padding: 0.6rem 1rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 1rem;
  background-color: #fff;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

#edit-curriculum-vitae input[type="file"]:focus {
  outline: none;
  border-color: #687154;
  box-shadow: 0 0 5px rgba(104, 113, 84, 0.5);
}

#edit-curriculum-vitae input[type="submit"] {
  margin-top: 1rem;
  background-color: #687154;
  color: #fff;
  border: none;
  padding: 0.75rem 2rem;
  border-radius: 50px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
  font-family: 'Futura';
  font-size: 1rem;
}

#edit-curriculum-vitae input[type="submit"]:hover {
  background-color: #555c3a;
  transform: scale(1.05);
}


/* PAGINA MATERIALE NATURALE */

.node--type-argomentazione-di-vendita {
  font-family: 'Futura';
}

.node--type-argomentazione-di-vendita .field--name-field-immagine-copertina img {
  width: 100vw;
  height: auto;
  object-fit: cover;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.node--type-argomentazione-di-vendita .field--name-field-codice-importazione {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 2rem;
  padding-top: 5%;
}

.node--type-argomentazione-di-vendita .field--name-body {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #555;
  text-align: center;
  max-width: 800px;
  margin: 0 auto 4rem auto;
}

.node--type-argomentazione-di-vendita .field--name-field-immagini.field__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* gap: 1.5rem; */
  margin-top: 2rem;
  padding: 0 1rem;
}

.node--type-argomentazione-di-vendita .field--name-field-immagini .field__item img {
  width: 100%;
  height: auto;
  /* aspect-ratio: 1 / 1;  */
  object-fit: cover;
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 1200px) {
  .node--type-argomentazione-di-vendita .field--name-field-immagini.field__items {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }

  .node--type-argomentazione-di-vendita .field--name-field-immagini .field__item img {
    width: 100%;
    padding-left: 0.2rem;
    /* max-width: 300px; */
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  .node--type-argomentazione-di-vendita .field--name-field-immagini.field__items {
    display: flex;       
    flex-wrap: wrap;  
    justify-content: center;
    gap: 1.5rem;          
  }

  .node--type-argomentazione-di-vendita .field--name-field-immagini .field__item {
    flex: 1 1 calc(50% - 1.5rem); 
    max-width: calc(50% - 1.5rem);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }

  .node--type-argomentazione-di-vendita .field--name-field-immagini .field__item img {
    width: 100%;
    height: auto;
  }
}


@media (max-width: 767px) {
  .node--type-argomentazione-di-vendita .field--name-field-immagini.field__items {
    flex-direction: column;
    align-items: center;
  }

  .node--type-argomentazione-di-vendita .field--name-field-immagini .field__item {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .node--type-argomentazione-di-vendita .field--name-field-codice-importazione {
    font-size: 2.2rem;
  }

  .node--type-argomentazione-di-vendita .field--name-body {
    font-size: 1rem;
    padding: 0 1rem;
  }
}

/* PAGINA DOWNLOADS */

.drm-download-title {
  font-family: 'Futura';
  font-size: 1.1rem;
  font-weight: bold; 
  color: #333;     
  margin-top: 1rem;    
  margin-bottom: 0.5rem;
}

.drm-download-link a {
  color: #687154;
}

.node--type-download .block-page-title-block h1 span {
  font-family: 'Futura';
  font-size: 4rem;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.05em;
  color: #333;
  padding: 2rem 1rem;
  position: relative;
  z-index: 1;
}


/* PAGINA PRIVACY POLICY */

.privacy-policy-content {
  max-width: 800px; 
  margin: 4rem auto; 
  padding: 0 1.5rem; 
  font-family: 'Futura';
  color: #555;
  line-height: 1.8;
}

.privacy-policy-content p strong {
  display: block;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

.privacy-policy-content a {
  color: #687154; 
  text-decoration: none;
  font-weight: bold;
}
.privacy-policy-content a:hover {
  text-decoration: underline;
}

.privacy-policy-content ul {
  padding-left: 25px;
  margin-top: 1.5rem;
}

.privacy-policy-content ul li {
  margin-bottom: 1rem;
}

.deroma-btn-priv-center {
  text-align: center;
  margin: 4rem 0;
}

.deroma-priv-btn-green {
  display: inline-block;
  padding: 1rem 2rem;
  font-family: 'Futura';
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #687154;
  color: #ffffff !important;
  border: none;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.deroma-priv-btn-green:hover {
  text-decoration: none !important;
  background-color: #525a41;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}




/* PAGINA CODICE ETICO */

.policy-page-content {
  max-width: 800px;
  margin: 4rem auto;
  padding: 0 1.5rem;
  font-family: 'Futura';
  font-size: 1.2rem;
  color: #555;
  line-height: 1.8;
}

.policy-page-content .section-heading {
  display: block;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

.policy-page-content p strong {
    font-weight: bold;
    color: #333;
}

.policy-page-content ul {
  padding-left: 25px;
  margin: 1.5rem 0;
}

.policy-page-content ul li {
  margin-bottom: 1rem;
}

.policy-page-content ul li strong {
  font-size: 1.1rem;
  color: #333;
  display: inline;
  margin: 0;
}

.policy-page-content a {
  color: #687154;
  text-decoration: none;
  font-weight: bold;
}

.policy-page-content a:hover {
  text-decoration: underline;
}

.download-links {
  margin-top: 4rem;
  padding-top: 2rem;
  border-top: 1px solid #eee;
}

.download-links h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

.download-links ul {
  list-style: none;
  padding-left: 0;
}

.download-links ul a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.1rem;
}

.download-links ul .fa-file-pdf {
  font-size: 1.5rem;
}



/* WHISTLEBLOWING */

.whistleblowing-page-simple {
  background-color: #fff;
  font-family: 'Futura';
}

.language-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #ffffff;
  padding: 2rem;
}

.language-card__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}

.language-card__header i {
  font-size: 1.5rem;
  color: #687154; 
}

.language-card__header h2 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}

.language-card__body {
  flex-grow: 1; 
}

.language-card__body p {
  color: #555;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.language-card__footer {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.btn-deroma,
.btn-deroma-secondary {
  display: block;
  text-align: center;
  padding: 12px 24px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}

.btn-deroma {
  background-color: #000000;
  color: #ffffff;
}
.btn-deroma:hover {
  background-color: #687154;
}

.btn-deroma-secondary {
  background-color: #f0f0f0;
  color: #333;
  border: none;
}
.btn-deroma-secondary:hover {
  background-color: #e0e0e0;
}



/* PAGINA CONDIZIONI DI VENDITA */

.terms-page {
  font-family: 'Futura';
  color: #555;
  line-height: 1.8;
}

.terms-header {
  text-align: center;
  margin-bottom: 2rem;
}
.terms-header h3 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

.terms-body p {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
}
.terms-body strong {
  font-weight: bold;
  color: #333;
}

.terms-downloads {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid #eee;
}
.terms-downloads h4 {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 1.5rem;
}

.download-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  border-radius: 8px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}

.download-item:hover {
  transform: translateY(-2px);
}

.download-item .fa-file-pdf {
  font-size: 1.8rem;
  color: #687154; 
}

/* PAGINA Informativa ai sensi dell'art. 13 del Regolamento Europeo sul trattamento dei dati personali 2016/679 "GDPR" */

.block-page-title-block {
  font-family: 'Futura';
  text-align: center;
  margin: 2rem auto 0 auto; 
  max-width: 800px;
  display: block;
}

/* PAGINA WASTE DISPOSAL DEL PROODOTTO */

.waste-disposal-page {
  font-family: 'Futura';
}

.waste-intro {
  max-width: 800px;
  margin: 0 auto 4rem auto;
  text-align: center;
  line-height: 1.8;
  color: #555;
}
.waste-intro .back-link {
  display: block;
  margin-bottom: 2rem;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

.waste-grid {
  display: flex;
  flex-direction: column;
  gap: 2rem; 
}

.waste-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  align-items: center;
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 8px;
}

@media (max-width: 767px) {
  .waste-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
  }

  .waste-item__icons {
    margin-bottom: 1.5rem;
  }

  .waste-item__details-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    width: 100%;
    text-align: left;
  }

  .waste-item__details {
    width: auto;
  }
}

.waste-item__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.waste-item__icons img {
  max-height: 80px; 
  width: auto;
}

.waste-item__details h4 {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 1rem;
}
.waste-item__details ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #555;
}
.waste-item__details ul li {
  margin-bottom: 0.25rem;
}


/* SMALTIMENTO IMBALLAGGI SECONDARI E TERZIARI */

.codici-riciclaggio .view-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin: 4rem 0;
  grid-auto-rows: auto;
}

.codici-riciclaggio .view-content > h3 {
  grid-column: 1 / -1;
  font-family: 'Futura';
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5rem;
}

.recycling-item {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 2rem;
  align-items: center;
  padding: 1.5rem;
  border-radius: 8px;
  height: 100%; 
}

.recycling-item__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.recycling-item__products {
  font-family: 'Futura';
  color: #555;
  line-height: 1.7;
}

@media (max-width: 991px) { 
  .codici-riciclaggio .view-content {
    grid-template-columns: 1fr; 
  }

  .recycling-item {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .recycling-item__image {
    max-width: 120px;
    margin: 0 auto;
  }
}

.codici-riciclaggio .view-content .recycling-item:nth-child(odd) {
  margin-bottom: 0; 
}

.codici-riciclaggio .view-content .recycling-item:nth-child(even) {
  margin-bottom: 2rem;
}

.disposal-intro-section {
  font-family: 'Futura';
}

.back-link-wrapper {
  justify-content: center;
  margin-bottom: 2rem;
  display: flex;
}

.back-link {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.intro-text-block {
  text-align: center;
}
.intro-text-block p {
  font-family: 'Futura';
  font-size: 1.2rem;
  line-height: 1.8;
  color: #555;
}

.intro-text-block p strong {
  font-weight: 500; 
  color: #333;
  display: block; 
}



/* LOGIN AREA RISERVATA */

#filtri.block-system-main-block form#user-login-form.user-login-form {
  padding: 30px;
  font-family: 'Futura';
}

#filtri.block-system-main-block form#user-login-form.user-login-form 
  div.form-actions input#edit-submit.btn-primary {
    width: 100%;
    padding: 1rem;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Futura PT', sans-serif;
    background-color: #000000;
    color: white;
    border: none;
    border-radius: 50px; 
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    margin-top: 1rem;
}

#filtri.block-system-main-block form#user-login-form.user-login-form 
  div.form-actions input#edit-submit.btn-primary:hover {
    background-color: #333;
    transform: scale(1.02);
}


/* COOKIE BANNER */

#sliding-popup .eu-cookie-compliance-banner {
  background-color: #000000;
  color: #ffffff;
  padding: 1.5rem;
  font-family: 'Futura';
  font-size: 0.9rem;
  line-height: 1.6;
}

#sliding-popup .eu-cookie-compliance-message {
  max-width: 900px;
  margin: 0 auto;
}

#sliding-popup p strong {
  text-transform: uppercase;
  font-size: 1.1rem;
}

#sliding-popup a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}
#sliding-popup a:hover {
  text-decoration: none;
}

#sliding-popup .eu-cookie-compliance-buttons {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

#sliding-popup #popup-buttons button {
  font-family: 'Futura';
  font-weight: bold;
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 10px 24px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

#sliding-popup .agree-button {
  background-color: #687154; 
  color: #ffffff;
}
#sliding-popup .agree-button:hover {
  background-color: #525a41;
  transform: translateY(-2px);
}

#sliding-popup .decline-button {
  background-color: transparent;
  color: #555;
  border: 2px solid #555;
}
#sliding-popup .decline-button:hover {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

@media (max-width: 768px) {
  #sliding-popup .eu-cookie-compliance-buttons {
   margin-top: 1.5rem;
   display: flex;
   justify-content: center;
   gap: 1rem;
   padding-top: 20px;
  }
}

/* #sliding-popup .find-more-button {
  display: none;
} */



/* MATERIALE NATURALE */

#filtri.block-views-blockprodotti-block-6 .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 100px;
  align-items: center;
}

#filtri.block-views-blockprodotti-block-6 .views-row {
  flex: 1 1 calc(33.333% - 20px); 
  box-sizing: border-box;
}

#filtri.block-views-blockprodotti-block-6 .view-content img {
  width: 170px;
}

#filtri.block-views-blockprodotti-block-6 .view-content a {
  color: #000;
}

@media (max-width: 768px) {
  #filtri.block-views-blockprodotti-block-6 .views-row {
    flex: 1 1 calc(50% - 20px); 
  }
}

@media (max-width: 480px) {
  #filtri.block-views-blockprodotti-block-6 .views-row {
    flex: 1 1 100%; 
  }
}




/* IMMAGINE COLORI */

div.views-field.views-field-field-immagine-colori-collezione > div.field-content img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: none;
  display: block;
  margin: auto 4rem;
  transform-origin: center center;
}

div.views-field-field-immagine-colori-collezione {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.views-field.views-field-field-immagine-colori-collezione > .field-content {
  display: flex;                 
  justify-content: center;       
  gap: 20px;                       
  flex-wrap: wrap;                 
  margin: 0 auto; 
  padding-top: 60px;                   
}

.views-field.views-field-field-immagine-colori-collezione > .views-label.views-label-field-immagine-colori-collezione {
  padding-top: 4rem;
  text-align: center;
  margin-top: 40px;
  font-size: 3rem;
  font-weight: 500;
  color: #000;
  font-family: 'Futura';
}


@media (max-width: 768px) {
  .views-field.views-field-field-immagine-colori-collezione > .field-content {
    flex-direction: column;          
    align-items: center;    
    gap: 60px;      
  }
}



/* PAGINA ESG */

.button-group-center-ecovadis-smeta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 4rem 0;
}

.deroma-btn-ecovadis-smeta {
  flex: 1 1 200px;
  max-width: 250px;
  text-align: center;
  padding: 1rem 2rem;
  font-family: 'Futura PT', sans-serif;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  background-color: rgb(104, 113, 84);
  color: #ffffff;
  border: 2px solid rgb(104, 113, 84);
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.deroma-btn-ecovadis-smeta:hover {
  background-color: rgb(90, 95, 69);
  border-color: rgb(90, 95, 69);
  transform: translateY(-2px);
}

.deroma-btn-ecovadis-smeta.deroma-btn--secondary-ecovadis-smeta {
  background-color: rgb(104, 113, 84);
  color: #fff;
  border-color: rgb(104, 113, 84);
}

.deroma-btn-ecovadis-smeta.deroma-btn--secondary-ecovadis-smeta:hover {
  background-color: rgb(90, 95, 69);
  border-color: rgb(90, 95, 69);
  color: #fff;
}

@media (max-width: 600px) {
  .button-group-center-ecovadis-smeta {
    flex-direction: column;
    align-items: center;
  }

  .deroma-btn-ecovadis-smeta {
    flex: 0;
    width: 80%; 
    max-width: none;
  }
}


/* MAPPA PUNTI VENDITA */

#activmap-search {
  font-family: 'Futura PT', sans-serif;
  background-color: #ffffff;
  padding: 20px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08); 
  border: 1px solid #eee;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100% !important;
  max-width: 100% !important; 
  margin: 0 auto 2rem auto; 
}

#activmap-location {
  flex-grow: 1; 
  padding: 12px 20px;
  border: 1px solid #ddd;
  border-radius: 50px; 
  font-size: 1rem;
  color: #333;
  background-color: #f9f9f9;
  outline: none;
  transition: all 0.3s ease;
}

#activmap-location:focus {
  border-color: #687154;
  background-color: #fff;
  box-shadow: 0 0 0 3px rgba(104, 113, 84, 0.15);
}

.activmap-action {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  background: linear-gradient(135deg, #000000, #2c2c2c);
  color: #ffffff !important;
  border-radius: 50%; 
  text-decoration: none;
  border: 2px solid transparent;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.activmap-action:hover {
  background: linear-gradient(135deg, #687154, #889872);
  border-color: #687154;
  color: #fff;
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 15px rgba(104, 113, 84, 0.4);
}

.activmap-action:active {
  transform: translateY(0px) scale(0.95);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.activmap-action i {
  font-size: 1.2rem;
  transition: transform 0.2s ease;
}

.activmap-action:hover i {
  transform: scale(1.15);
}

.activmap-action::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.15);
  opacity: 0;
  transform: scale(1.4);
  transition: all 0.4s ease;
}

.activmap-action:hover::after {
  opacity: 1;
  transform: scale(1);
}

#activmap-search > div {
  width: 100%; 
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #eee;
  
  display: flex;
  align-items: center;
  color: #555;
  font-weight: bold;
  font-size: 0.9rem;
  gap: 15px;
}

#activmap-search small {
  font-size: 1rem;
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
  font-weight: normal;
}

#activmap-search input[type="radio"] {
  accent-color: #687154; 
  width: 18px;
  height: 18px;
  margin-right: 5px;
  cursor: pointer;
  vertical-align: text-bottom;
}

@media (max-width: 575px) {
  #activmap-search {
    align-items: stretch;
  }
  
  #activmap-location {
    width: 100%;
  }
  
  .activmap-action {
    width: 100%; 
    border-radius: 8px;
  }
  
  #activmap-search > div {
    flex-direction: column;
    align-items: flex-start;
  }

  a.activmap-action#activmap-reset {
    margin: 0 !important;
  }
}

a#activmap-geolocate.activmap-action {
  margin: 0;
}

a.activmap-action#activmap-reset {
  background-color: #EF374C !important;
  border-color: #EF374C !important;
}

a.activmap-action#activmap-geolocate {
  background: #7eb13f !important;
  border-color: #7eb13f !important;
}

i.fa.fa-times {
  padding-top: 6px;
}

i.fa.fa-crosshairs {
  padding-top: 6px;
}



/* VIDEO DIMOSTRATIVO */

.node--type-prodotto .field--name-field-video-dimostrativo {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.node--type-prodotto 
.field--name-field-video-dimostrativo 
.video-embed-field-responsive-video {
    width: 87%;  
    position: relative;
    padding-bottom: 39.375%; 
    height: 0;
    overflow: hidden;
    border-radius: 18px;
    background: #000;
    transition: transform .35s ease;
}

.node--type-prodotto 
.field--name-field-video-dimostrativo 
.video-embed-field-responsive-video::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.00) 40%,
        rgba(0,0,0,0.20) 100%
    );
    opacity: 1;
    transition: opacity .35s ease;
}

.node--type-prodotto 
.field--name-field-video-dimostrativo 
.video-embed-field-responsive-video:hover::after {
    opacity: 0.6;
}

.node--type-prodotto 
.field--name-field-video-dimostrativo iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
    border-radius: 18px;
}

@media (max-width: 1399px) {
  .node--type-prodotto 
  .field--name-field-video-dimostrativo 
  .video-embed-field-responsive-video {
    width: 100%;  
    position: relative;
    padding-bottom: 39.375%; 
    height: 0;
    overflow: hidden;
    border-radius: 18px;
    background: #000;
    transition: transform .35s ease;
  }
}

@media (max-width: 767px) {
  .node--type-prodotto 
  .field--name-field-video-dimostrativo 
  .video-embed-field-responsive-video {
    width: 100%;  
    position: relative;
    height: 45vh;
    overflow: hidden;
    border-radius: 18px;
    background: #000;
    transition: transform .35s ease;
  }
}


/* LINK SITO INGLESE E ITALIANO */

.simple-lang-switch {
  text-align: center; 
  padding: 1rem 0;    
  margin-bottom: 2rem;
}

.simple-lang-switch a {
  font-family: 'Futura';
  font-size: 1.2rem;    
  color: #687154;      
  text-decoration: none; 
  font-weight: 400;    
  letter-spacing: 0.5px; 
  transition: opacity 0.3s ease;
}

.simple-lang-switch a:hover {
  opacity: 0.7; 
  text-decoration: none; 
}