.elementor-13 .elementor-element.elementor-element-eb3af25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-13 .elementor-element.elementor-element-eb3af25:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-eb3af25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://babolin.info/wp-content/uploads/2025/09/Noleggio-Strumenti-Professionali-Babolin.png");background-position:center center;background-repeat:no-repeat;}.elementor-13 .elementor-element.elementor-element-eb3af25::before, .elementor-13 .elementor-element.elementor-element-eb3af25 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-eb3af25 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-eb3af25 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-eb3af25 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-eb3af25 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-12c4bbe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-f907cc0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-171863a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-171863a:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-171863a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-13 .elementor-element.elementor-element-d261ba9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-3697952{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-3697952:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-3697952 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-13 .elementor-element.elementor-element-551ee58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-551ee58:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-551ee58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-13 .elementor-element.elementor-element-eb3af25:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-eb3af25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-eb3af25 *//* ===========================================
   HERO – Noleggio strumenti
   =========================================== */
:root{
  /* usa già le variabili del sito – ripetute qui per chiarezza */
  --color-primary:#0A4EA8;   /* blu brand */
  --color-accent:#E31C24;    /* rosso CTA */
  --color-accent-d:#B51518;
}

.hero-rental{
  position:relative;
  min-height:60vh;               /* altezza più contenuta della home */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  overflow:hidden;
}

.hero-rental__content{
  position:relative;
  z-index:2;
  max-width:760px;
  padding:0 1rem;
}

/* titolo */
.hero-rental__title{
  font-family:"Montserrat",sans-serif;
  font-size:clamp(2.2rem,5vw + 1rem,3.4rem);
  font-weight:800;
  line-height:1.15;
  margin:0 0 1rem;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.hero-rental__title em{font-style:normal;color:var(--color-accent);}

/* sottotitolo */
.hero-rental__subtitle{
  font-size:clamp(1rem,1vw + .6rem,1.3rem);
  font-weight:500;
  margin:0 0 2rem;
}

/* CTA */
.hero-rental__btn{
  display:inline-block;
  background:var(--color-accent);
  color:#fff;
  padding:.9rem 2.4rem;
  border-radius:4px;
  font-weight:600;
  text-decoration:none;
  transition:background .2s;
}
.hero-rental__btn:hover{background:var(--color-accent-d);}

/* mobile tweaks */
@media(max-width:767px){
  .hero-rental{min-height:50vh;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12c4bbe *//* =========================================================
   INTRO · STRUMENTI A NOLEGGIO (sfondo bianco + bullet in riga)
   ========================================================= */
.rent-intro{
  background:#fff;                          /* sfondo bianco */
  padding:3rem 1rem 0.5rem;
}
.ri-wrap{ max-width:1100px; margin-inline:auto; }

/* Titolo lowercase e centrato */
.ri-title{
  font-family:"Montserrat",sans-serif;
  font-weight:800;
  text-transform:none;                      /* lowercase */
  letter-spacing:.2px;
  line-height:1.12;
  color:var(--color-primary, #0A4EA8);
  font-size:clamp(1.9rem, 2.2vw + 1rem, 2.6rem);
  text-align:center;
  margin:0 0 .8rem;
}

/* Spiegazione breve */
.ri-lead{
  font-size:clamp(1rem, .4vw + 1rem, 1.12rem);
  color:var(--gray-800, #2d3748);
  margin:0 auto 1.2rem;
  max-width:980px;
  text-align:center;
}

/* ===== Bullet in riga (card) ===== */
.ri-bullets{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 1.2rem;
  list-style:none;
  padding:0;
  margin:1.2rem auto 0;
  max-width:1100px;
}
.ri-bullet{
  background:#fff;
  border:1px solid var(--gray-300, #d6dbe3);
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.05);
  padding:1rem 1.1rem;
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
@media (hover:hover){
  .ri-bullet:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    border-color:var(--color-primary, #0A4EA8);
  }
}

/* puntino rosso */
.ri-dot{
  width:10px; height:10px; border-radius:50%;
  background:var(--color-accent, #E31C24);
  box-shadow:0 0 0 4px rgba(227,28,36,.12);
  margin-top:.25rem;
  flex:0 0 auto;
}

/* titolo & sotto-titolo del bullet */
.ri-txt{ line-height:1.35; }
.ri-b-title{
  display:block;
  font-weight:700;
  color:var(--color-primary, #0A4EA8);
  text-transform:none;                      /* lowercase */
  font-size:1rem;
}
.ri-b-sub{
  display:block;
  margin-top:.15rem;
  color:var(--gray-800, #2d3748);
  font-size:.95rem;
}

/* Responsive */
@media (max-width: 992px){
  .ri-bullets{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px){
  .rent-intro{ padding:2.4rem 1rem 2.8rem; }
  .ri-bullets{ grid-template-columns: 1fr; }
  .ri-bullet{ padding:.95rem 1rem; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f907cc0 *//* =========================================================
   GRIGLIA “SCEGLI LO STRUMENTO” – NOLEGGIO
   ========================================================= */

.rent-grid{
  padding:2rem 1rem;
  display:grid;
  gap:1.5rem;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  max-width:1100px;
  margin-inline:auto;
}

/* --- desktop: 4 card fisse --- */
@media(min-width:1024px){
  .rent-grid{
    grid-template-columns:repeat(4, 1fr);
  }
}

/* --- CARD --- */
.rent-card{
  background:#fff;
  border:1px solid var(--gray-400);
  border-radius:12px;
  text-align:center;
  padding:1.75rem 1rem;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  transition:transform .25s, box-shadow .25s;
  cursor:pointer;
}
.rent-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* --- ICONA --- */
.rent-icon{
  font-size:64px;                 /* emoji; se SVG: width/height 64 px */
  width:64px;height:64px;
  color:var(--color-primary);
  display:inline-block;
  margin-bottom: 2rem;
}

/* --- TITOLO --- */
.rent-title{
  font-size:1rem;
  font-weight:700;
  color:var(--color-primary);
  margin:0;
}

/* --- MOBILE fine-tuning --- */
@media(max-width:575px){
  .rent-icon{font-size:56px;width:56px;height:56px;}
  .rent-card{padding:1.5rem .75rem;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-171863a *//* =========================================================
   SEZIONE 3 – COME FUNZIONA (3 STEP)
   ========================================================= */
.rent-steps{
  padding:3.5rem 1rem 3rem;
  background:var(--color-bg-alt);          /* grigio 100 */
  text-align:center;
}

.steps__title{
  font-family:"Montserrat",sans-serif;
  color:var(--color-primary);              /* blu corporate */
  font-weight:800;
  font-size:clamp(1.7rem,2vw + 1rem,2.2rem);
  margin-bottom:2.5rem;
}

/* ----- wrapper flessibile ----- */
.steps-wrapper{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:2rem;
  max-width:1000px;
  margin-inline:auto;
}

/* ----- CARD STEP ----- */
.step-card{
  flex:1 1 280px;                          /* 3 card per riga desktop */
  background:#fff;
  border:1px solid var(--gray-400);
  border-radius:12px;
  padding:2.2rem 1.5rem 2.6rem;
  position:relative;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  transition:transform .25s,box-shadow .25s;
}
.step-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* numero cerchiato */
.step-number{
  position:absolute;
  top:-24px; left:50%; transform:translateX(-50%);
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  background:var(--color-primary);
  color:#fff;
  font-weight:700;
  font-size:1.25rem;
  border-radius:50%;
  border:4px solid #fff;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}

/* headline + testo */
.step-headline{
  margin:1.5rem 0 .6rem;
  font-size:1.05rem;
  font-weight:700;
  color:var(--color-primary);
}
.step-text{
  font-size:.95rem;
  color:var(--gray-700);
  line-height:1.55;
}

/* mobile: card intere impilate */
@media(max-width:767px){
  .step-card{flex:1 1 100%;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d261ba9 *//* =========================================================
   SEZIONE 4 – DESTINATARI (PILL)
   ========================================================= */
.rent-target{
  padding:3rem 1rem;
  background:var(--color-bg);                /* bianco */
  text-align:center;
}

.target__title{
  font-family:"Montserrat",sans-serif;
  color:var(--color-primary);
  font-weight:800;
  font-size:clamp(1.7rem,2vw + 1rem,2.2rem);
  margin-bottom:2.2rem;
}

/* ----- wrapper flessibile ----- */
.target-wrapper{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1.5rem 2rem;
  max-width:900px;
  margin-inline:auto;
}

/* ----- pill card ----- */
.target-pill{
  flex:0 0 180px;
  background:#fff;
  border:1px solid var(--gray-400);
  border-radius:40px;
  padding:.9rem 1.2rem;
  display:flex;
  align-items:center;
  gap:.7rem;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:transform .25s,box-shadow .25s,border-color .25s;
  cursor:default;
}
.target-pill:hover{
  transform:translateY(-3px);
  box-shadow:0 4px 14px rgba(0,0,0,.1);
  border-color:var(--color-primary);
}

/* icona + label */
.pill-icon{
  font-size:32px;                /* se SVG: width/height 32 px */
  color:var(--color-primary);
}
.pill-label{
  font-size:.95rem;
  font-weight:800;
  color:var(--gray-700);
  margin:0;
}

/* mobile: 2 pill per riga */
@media(max-width:575px){
  .target-pill{flex:0 0 calc(50% - 1rem);}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3697952 *//* =========================================================
   TABS + ACCORDION · SCHEDE TECNICHE
   ========================================================= */

/* ---- sezione ---- */
.tabs-tech{
  padding:3rem 1rem 3.5rem;
  background:var(--color-bg-alt);                /* grigio chiaro */
  text-align:center;
}
.tabs-title{
  font-family:"Montserrat",sans-serif;
  color:var(--color-primary);
  font-weight:800;
  font-size:clamp(1.7rem,2vw+1rem,2.2rem);
  margin-bottom:2rem;
}

/* ---- radio nascosti ---- */
.tabs-tech > input{display:none;}

/* ---- NAV ---- */
.tabs-nav{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:.6rem 1rem;margin-bottom:2rem;
}
.tabs-nav label{
  cursor:pointer;padding:.55rem 1.4rem;
  border:2px solid var(--color-primary);
  border-radius:30px;
  font-size:.95rem;font-weight:600;
  color:var(--color-primary);
  transition:all .2s;
}
.tabs-nav label:hover{background:var(--color-primary);color:#fff;}

/* label attiva */
#tab-laser:checked      ~ .tabs-nav label[for="tab-laser"],
#tab-termocam:checked   ~ .tabs-nav label[for="tab-termocam"],
#tab-cercaser:checked   ~ .tabs-nav label[for="tab-cercaser"],
#tab-video:checked      ~ .tabs-nav label[for="tab-video"]{
  background:var(--color-primary);color:#fff;
}

/* ---- PANELS ---- */
.tab-panel{display:none;}
#tab-laser:checked    ~ .tabs-panels .panel-laser,
#tab-termocam:checked ~ .tabs-panels .panel-termocam,
#tab-cercaser:checked ~ .tabs-panels .panel-cercaser,
#tab-video:checked    ~ .tabs-panels .panel-video{
  display:block;animation:fade .35s ease;
}
@keyframes fade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

/* ---- ACCORDION CARDS ---- */
.prod-acc{
  margin:0 0 1.2rem;border:1px solid var(--gray-300);
  border-radius:10px;background:#fff;overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:border-color .25s,box-shadow .25s;
}
.prod-acc[open]{border-color:var(--color-primary);}
.prod-acc:hover{box-shadow:0 5px 14px rgba(0,0,0,.12);}

.prod-acc summary{
  cursor:pointer;list-style:none;padding:1rem 1.2rem;
  font-weight:700;font-size:1rem;color:var(--color-primary);
  display:flex;align-items:center;justify-content:space-between;
}
.prod-acc summary::-webkit-details-marker{display:none;}
/* caret */
.prod-acc summary::after{
  content:"+";font-weight:700;font-size:1.2rem;
  color:var(--color-accent);transition:transform .25s;
}
.prod-acc[open] summary::after{content:"–";transform:rotate(180deg);}

/* contenuto */
.prod-spec{
  margin:0;padding:.5rem 1.5rem 1.2rem;
  list-style:disc;padding-left:1.4rem;text-align:left;
}
.prod-spec li{
  font-size:.92rem;line-height:1.4;color:var(--gray-700);
  margin:.25rem 0;
}

/* bottone */
.prod-btn{
  margin:0 1.5rem 1.4rem;display:inline-block;
  border:2px solid var(--color-accent);color:var(--color-accent);
  background:transparent;border-radius:6px;font-weight:600;
  padding:.55rem 1.2rem;text-decoration:none;
  transition:background .2s,color .2s;
}
.prod-btn:hover{background:var(--color-accent);color:#fff;}

/* responsive max-width panello */
.tab-panel .model-grid,
.tab-panel{max-width:1000px;margin-inline:auto;}
@media (max-width: 480px){
  .tabs-nav label{padding:.45rem 1rem;font-size:.9rem;}
  .prod-acc summary{padding:.8rem 1rem;font-size:.95rem;}
  .prod-spec li{font-size:.88rem;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-551ee58 *//* =========================================================
   SEZIONE 7 – FAQ ACCORDION
   ========================================================= */
.rent-faq{
  padding:3.5rem 1rem 3rem;
  background:var(--color-bg-alt);          /* grigio 100 */
  text-align:center;
}

.faq__title{
  font-family:"Montserrat",sans-serif;
  color:var(--color-primary);
  font-weight:700;
  font-size:clamp(1.7rem,2vw + 1rem,2.2rem);
  margin-bottom:2rem;
}

/* ---------- accordion ---------- */
.faq-accordion{
  max-width:800px;
  margin-inline:auto;
  text-align:left;
}

.faq-accordion details{
  background:#fff;
  border:1px solid var(--gray-400);
  border-radius:8px;
  margin-bottom:1rem;
  padding:1rem 1.2rem;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
  transition:box-shadow .25s;
}
.faq-accordion details[open]{
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.faq-accordion summary{
  cursor:pointer;
  list-style:none;
  font-weight:600;
  color:var(--color-primary);
  position:relative;
  padding-right:1.8rem;       /* spazio caret */
}
.faq-accordion summary::-webkit-details-marker{display:none;}

/* caret (+: chiuso / –: aperto) */
.faq-accordion summary::after{
  content:"+";
  position:absolute;
  right:0; top:0;
  font-weight:700;
  color:var(--color-accent);
  transition:transform .25s;
}
.faq-accordion details[open] summary::after{
  content:"–";
  transform:rotate(180deg);
}

/* testo */
.faq-accordion p{
  margin:1rem 0 0;
  font-size:.95rem;
  color:var(--gray-700);
  line-height:1.55;
}/* End custom CSS */