/* ===== Slider: altezza fluida e immagini diverse per mobile / tablet / pc ===== */
.banner-carousel .slide-item{
  padding: 0;
  min-height: 560px;
  min-height: clamp(520px, 78vh, 780px);
  min-height: clamp(520px, 78svh, 780px);
  display: flex;
  align-items: center;
  overflow: hidden;
}
.banner-carousel .slide-item .auto-container{ width: 100%; padding-top: 40px; padding-bottom: 40px; }
.banner-carousel .slide-item .image-layer{
  background-position: center;
  background-size: cover;
}
.banner-carousel .active .slide-item .image-layer{ transform: scale(1.1); }
.banner-carousel .content-box h2{
  font-size: clamp(30px, 4.2vw, 60px);
  line-height: 1.35;
}
.banner-carousel .content-box p{ font-size: clamp(16px, 1.8vw, 20px); }

.slide-bg-1{ background-image: url(../images/fotolamp/Lalampara-slider-1.jpg); }
.slide-bg-2{ background-image: url(../images/fotolamp/Lalampara-slider-2.jpg); }
.slide-bg-3{ background-image: url(../images/fotolamp/Lalampara-slider-3.jpg); }
.slide-bg-4{ background-image: url(../images/fotolamp/Lalampara-slider-4.jpg); }

/* tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px){
  .banner-carousel .slide-item{ min-height: clamp(480px, 60vh, 640px); }
  .banner-carousel .content-box{ max-width: 680px; margin: 0 auto; }
}
/* smartphone: immagine quadrata dedicata */
@media only screen and (max-width: 767px){
  .slide-bg-1{ background-image: url(../images/fotolamp/Lalampara-slider-1-mobile.jpg); }
  .slide-bg-2{ background-image: url(../images/fotolamp/Lalampara-slider-2-mobile.jpg); }
  .slide-bg-3{ background-image: url(../images/fotolamp/Lalampara-slider-3-mobile.jpg); }
  .slide-bg-4{ background-image: url(../images/fotolamp/Lalampara-slider-4-mobile.jpg); }
  .banner-carousel .slide-item{ min-height: clamp(480px, 70vh, 620px); min-height: clamp(480px, 70svh, 620px); }
  .banner-carousel .content-box h2{ font-size: clamp(26px, 7vw, 34px); line-height: 1.3; margin-bottom: 18px; }
  .banner-carousel .content-box p{ font-size: 16px; line-height: 1.5; }
  .banner-carousel .content-box .special-text{ min-height: 0; margin-bottom: 0; }
}

/* ===== Due bottoni menu identici ===== */
.menu-buttons{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.menu-buttons .theme-btn-one{ min-width: 270px; }
@media only screen and (max-width: 599px){
  .menu-buttons{ flex-direction: column; align-items: center; }
  .menu-buttons .theme-btn-one{ width: 100%; max-width: 340px; min-width: 0; }
}

/* ===== Barra rapida: chiama + Google Maps ===== */
.quick-actions{
  position: fixed; right: 18px; bottom: 18px; z-index: 9000;
  display: flex; flex-direction: column; gap: 12px;
}
.quick-actions a{
  display: flex; align-items: center; gap: 10px;
  padding: 14px 20px; border-radius: 50px;
  font: 700 16px/1 'DM Sans', sans-serif; color: #fff !important; text-decoration: none;
  box-shadow: 0 8px 22px rgba(0,0,0,.28);
  transition: transform .2s ease, filter .2s ease;
}
.quick-actions a:hover{ transform: translateY(-2px); filter: brightness(1.08); }
.quick-actions svg{ width: 22px; height: 22px; flex: none; }
.quick-actions .qa-call{ background: #0063a5; }
.quick-actions .qa-map{ background: #1a1a1a; }
.scroll-to-top{ bottom: 220px; }

@media only screen and (max-width: 767px){
  .quick-actions{
    left: 0; right: 0; bottom: 0; flex-direction: row; gap: 0;
    padding-bottom: env(safe-area-inset-bottom, 0);
    background: #1a1a1a; box-shadow: 0 -4px 16px rgba(0,0,0,.25);
  }
  .quick-actions a{ flex: 1; justify-content: center; border-radius: 0; box-shadow: none; padding: 16px 8px; font-size: 15px; }
  .quick-actions a:hover{ transform: none; }
  body{ padding-bottom: calc(54px + env(safe-area-inset-bottom, 0)); }
  .scroll-to-top{ bottom: 120px; }
}