.elementor-12 .elementor-element.elementor-element-767d15f{--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-12 .elementor-element.elementor-element-767d15f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-767d15f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://babolin.info/wp-content/uploads/2025/09/Vendita-Strumenti-Professionali-Babolin.png");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-12 .elementor-element.elementor-element-767d15f::before, .elementor-12 .elementor-element.elementor-element-767d15f > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-767d15f > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-767d15f > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-767d15f > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-767d15f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-10013a4{--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-12 .elementor-element.elementor-element-dd8f675{--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-12 .elementor-element.elementor-element-4eaabf2{--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-12 .elementor-element.elementor-element-4eaabf2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-4eaabf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-12 .elementor-element.elementor-element-76fd243{--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-12 .elementor-element.elementor-element-4504c5c{--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-12 .elementor-element.elementor-element-4058028{--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-12 .elementor-element.elementor-element-4058028.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-2e36373{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-4058028{--width:106.244%;}}@media(min-width:1025px){.elementor-12 .elementor-element.elementor-element-767d15f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-767d15f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-767d15f *//* =========================================================
   HERO – Vendita Strumenti
   ========================================================= */
.hero-sales{
  position:relative;
  min-height:55vh;                /* un po’ più compatta della home */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  overflow:hidden;
}

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

.hero-sales__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-sales__title em{
  font-style:normal;
  color:var(--color-accent);        /* rosso evidenziato */
}

.hero-sales__subtitle{
  font-size:clamp(1rem,1vw + .6rem,1.25rem);
  font-weight:500;
  margin:0 0 2rem;
}

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

@media(max-width:767px){
  .hero-sales{min-height:50vh;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10013a4 *//* =========================================================
   INTRO · VENDITA STRUMENTI (sfondo bianco + bullet in riga)
   ========================================================= */
.sale-intro{
  background:#fff;                          /* sfondo bianco */
  padding:3rem 1rem 2rem;
}
.si-wrap{ max-width:1100px; margin-inline:auto; }

/* Titolo lowercase e centrato */
.si-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 */
.si-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) ===== */
.si-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;
}
.si-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){
  .si-bullet:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    border-color:var(--color-primary, #0A4EA8);
  }
}

/* puntino rosso */
.si-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 */
.si-txt{ line-height:1.35; }
.si-b-title{
  display:block;
  font-weight:700;
  color:var(--color-primary, #0A4EA8);
  text-transform:none;                      /* lowercase */
  font-size:1rem;
}
.si-b-sub{
  display:block;
  margin-top:.15rem;
  color:var(--gray-800, #2d3748);
  font-size:.95rem;
}

/* Responsive */
@media (max-width: 992px){
  .si-bullets{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px){
  .sale-intro{ padding:2.4rem 1rem 2.8rem; }
  .si-bullets{ grid-template-columns: 1fr; }
  .si-bullet{ padding:.95rem 1rem; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd8f675 *//* =========================================================
   REPARTI STRUMENTI · FLIPBOX (8 card, 4→2→1)
   ========================================================= */
.dept-flip{
  background:#fff;
  padding:1rem 1rem 3.2rem;
  text-align:center;
}
.dept-title{
  font-family:"Montserrat",sans-serif;
  font-weight:800;
  
  letter-spacing:.4px;
  line-height:1.1;
  color:var(--color-primary, #0A4EA8);
  font-size:clamp(1.9rem, 2.2vw + 1rem, 2.6rem);
  margin:0 0 2rem;
}

/* griglia 4 → 2 → 1 */
.flip-grid{
  display:grid;
  gap:1.2rem;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  max-width:1200px;
  margin-inline:auto;
}
@media (min-width:1200px){
  .flip-grid{ grid-template-columns:repeat(4,1fr); }
}

/* struttura flip */
.flip-card{
  perspective:1000px;
  height:280px;                     /* altezza card (puoi variare) */
  cursor:pointer;
  transition:transform .22s;
  outline:0;
  border-radius:12px;
}
.flip-card:hover{ transform:translateY(-4px); }
.flip-card:focus-visible{ box-shadow:0 0 0 3px rgba(227,28,36,.35); border-radius:14px; }

.flip-inner{
  width:100%; height:100%;
  transform-style:preserve-3d;
  transition:transform .6s;
}
.flip-card:hover .flip-inner,
.flip-card:focus-within .flip-inner{
  transform:rotateY(180deg);
}

/* facce */
.flip-face{
  position:absolute; inset:0;
  border-radius:12px;
  backface-visibility:hidden;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  padding:1.2rem 1rem;
  text-align:center;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  border:1px solid var(--gray-300, #d6dbe3);
  overflow:hidden;
}

/* fronte: glass blu tenue */
.flip-front{
  background:rgba(10,78,168,.06);
  backdrop-filter:blur(6px) saturate(150%);
  -webkit-backdrop-filter:blur(6px) saturate(150%);
  color:var(--color-primary, #0A4EA8);
}

/* retro: blu pieno, testo bianco */
.flip-back{
  background:var(--color-primary, #0A4EA8);
  color:#fff;
  transform:rotateY(180deg);
  padding:1.2rem 1rem;
}

/* icone (immagine o emoji) */
.flip-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:145px; height:145px; margin-bottom:.5rem;
  font-size:62px; line-height:1;  /* fallback emoji */
}
.flip-icon img{ width:100%; height:100%; object-fit:contain; display:block; }

/* testi front */
.flip-head{
  font-size:1.05rem;
  font-weight:700;
  margin:0 0 .2rem;
}
.flip-tag{
  font-size:.9rem;
  color:var(--gray-700, #4a5568);
  margin:0;
}

/* testo retro */
.flip-desc{
  margin:0;
  font-size:.96rem;
  line-height:1.5;
  max-width:92%;
}

/* accessibilità: focus ring rosso */
.flip-card:focus-within::after{
  content:""; position:absolute; inset:-4px;
  border:3px solid rgba(227,28,36,.35);
  border-radius:14px; pointer-events:none;
}

/* mobile */
@media (max-width:575px){
  .flip-card{ height:250px; }
  .flip-icon{ width:145px; height:145px; font-size:52px; }
  .flip-back{ padding:1rem .9rem; }
  .flip-desc{ font-size:.94rem; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4eaabf2 *//* =========================================================
   PRODOTTI IN EVIDENZA · CARD COMPATTE (3 x riga)
   ========================================================= */
.featured-products.compact{
  padding:2rem 1rem 2rem;
  background:var(--color-bg-alt);          /* grigio chiaro */
  text-align:center;
}
.fp-title{
  font-family:"Montserrat",sans-serif;
  color:var(--color-primary);              /* blu brand */
  font-weight:800;
  font-size:clamp(1.7rem,2vw + 1rem,2.2rem);
  margin-bottom:2rem;
}

/* griglia 3 per riga su desktop */
.fp-grid{
  display:grid;
  gap:1.2rem;
  max-width:1200px;
  margin-inline:auto;
}
.fp-grid--3{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
@media(min-width:1200px){
  .fp-grid--3{grid-template-columns:repeat(3,1fr);}
}

/* card */
.prod-card.small{
  background:#fff;
  border:1px solid var(--gray-300);
  border-radius:12px;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;             /* contenuti centrati */
  text-align:center;              /* testi centrati */
  transition:transform .22s, box-shadow .22s, border-color .22s;
}
.prod-card.small:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
  border-color:var(--color-primary);
}

/* media */
.prod-card.small .prod-media{
  width:100%;
  aspect-ratio:16/10;             /* carica immagini 560x360 o 1120x720 */
}
.prod-card.small .prod-media img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* testi */
.prod-card.small .prod-name{
  font-size:1rem;
  font-weight:700;
  color:var(--color-primary);
  padding:0 1rem;
  margin:.9rem 0 .25rem;
}
.prod-card.small .prod-mini{
  padding:0 1.2rem;
  margin:0 0 .9rem;
  list-style:none;
}
.prod-card.small .prod-mini li{
  font-size:.92rem;
  color:var(--gray-700);
  line-height:1.4;
  margin:.25rem 0;
}

/* pulsante ghost rosso */
.prod-card.small .prod-btn.ghost{
  margin-top:auto;                 /* spinge il bottone in basso */
  margin-bottom:1.2rem;
  display:inline-block;
  border:2px solid var(--color-accent);
  color:var(--color-accent);
  background:transparent;
  border-radius:6px;
  font-weight:600;
  padding:.55rem 1rem;
  text-decoration:none;
  transition:background .2s, color .2s;
}
.prod-card.small .prod-btn.ghost:hover{
  background:var(--color-accent);
  color:#fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76fd243 *//* =========================================================
   SEZIONE 4 – BENEFIT
   ========================================================= */
.benefit-section{
  padding:2rem 1rem;
  background:var(--color-bg);              /* bianco */
  text-align:center;
}

.benefit__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;
}

/* ---- griglia ---- */
.benefit-grid{
  display:grid;
  gap:1.8rem;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  max-width:1100px;
  margin-inline:auto;
}

/* ---- card ---- */
.benefit-card{
  background:#fff;
  border:1px solid var(--gray-400);
  border-radius:12px;
  padding:2rem 1.5rem 2.3rem;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  transition:transform .25s,box-shadow .25s;
}
.benefit-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* icona + testi */
.benefit-icon{
  font-size:60px;                 /* se SVG: width/height 60 px */
  color:var(--color-primary);
  display:inline-block;
  margin-bottom:.7rem;
}

.benefit-head{
  font-size:1.1rem;
  font-weight:700;
  color:var(--color-primary);
  margin:.3rem 0 .6rem;
}

.benefit-text{
  font-size:.95rem;
  color:var(--gray-700);
  line-height:1.55;
  margin:0;
}

/* mobile: già 1 colonna grazie all’auto-fit *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4504c5c *//* =========================================================
   SEZIONE 5 – BRAND SCROLL-STRIP
   ========================================================= */
.brand-section{
  padding:3rem 1rem;
  background:var(--color-bg-alt);
  text-align:center;
}

.brand__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;
}

/* strip orizzontale */
.brand-strip{
  display:flex;
  gap:2.5rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:1rem;           /* spazio scrollbar mobile */
}
.brand-strip::-webkit-scrollbar{height:8px;}
.brand-strip::-webkit-scrollbar-thumb{
  background:var(--gray-400);border-radius:4px;
}

.brand-strip img{
  flex:0 0 160px;
  height:80px;
  object-fit:contain;
  opacity:.65;
  filter:grayscale(100%);
  scroll-snap-align:center;
  transition:opacity .2s,filter .2s,transform .2s;
}
.brand-strip img:hover{
  opacity:1;filter:none;transform:scale(1.06);
}

/* desktop: centrato senza overflow */
@media(min-width:1024px){
  .brand-strip{
    justify-content:center;
    overflow:visible;
    padding-bottom:0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4058028 *//* =========================================================
   SEZIONE 6 – BANNER CATALOGO
   ========================================================= */
.catalog-banner{
  background:#083A80;                /* blu più scuro */
  color:#fff;
  text-align:center;
  padding:3.2rem 1rem 3.5rem;
}

.catalog-content{
  max-width:900px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1.3rem;
}

.catalog-title{
  font-family:"Montserrat",sans-serif;
  font-size:clamp(1.9rem,2vw + 1rem,2.6rem);
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
}
.catalog-title span{color:var(--color-accent);} /* “Catalogo 2025” rosso */

.catalog-text{
  font-size:1.05rem;
  line-height:1.55;
  max-width:680px;
}

.catalog-btn{
  display:inline-block;
  background:var(--color-accent);    /* rosso CTA */
  color:#fff;
  font-weight:600;
  padding:.95rem 2.6rem;
  border-radius:4px;
  text-decoration:none;
  transition:background .2s;
}
.catalog-btn:hover{background:var(--color-accent-d);} /* rosso scuro */

/* opz. nasconde <br> su desktop */
@media(min-width:768px){
  .d-md-none{display:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e36373 *//* =========================================================
   SEZIONE 7 – FAQ VENDITA (accordion)
   ========================================================= */
.faq-sales{
  padding:3.5rem 1rem 3rem;
  background:var(--color-bg);                 /* bianco */
  text-align:center;
}

.faq-sales__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;
}

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

/* card */
.faq-sales 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-sales details[open]{box-shadow:0 4px 12px rgba(0,0,0,.09);}

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

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

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