/* ==========================================================================
   Homepage — stylesheet sezione per sezione, riallineato al mockup Figma
   File: G6IRlSC8Mi0ULOuMYsf9o8, nodo 5202:2
   ==========================================================================
   Sezione 1: Hero (h=800)
   ========================================================================== */

.albricci-home-hero {
  position: relative;
  width: 100%;
  height: 800px;
  background: #1e1e1e;
  overflow: hidden;
}

.albricci-home-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

/* Gradient sottile sul lato destro per rinforzare leggibilità del testo,
   non risulta esplicito in Figma ma evita testo bianco su area chiara del frame. */
.albricci-home-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.15) 40%,
    rgba(0, 0, 0, 0.55) 100%
  );
}

/* Onda rossa decorativa (Figma 5202:42 — Albricci_2102 (1) 1)
   Parte dal Hero e continua giù nel "I Nostri Valori".
   Originale: 2281×2281, rotata 19.4°, posizionata fuori a sinistra. */
.albricci-home-hero__wave {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  width: 2281px;
  height: 2281px;
  left: -791px;
  top: 509px;
  transform: rotate(19.4deg);
  transform-origin: center;
  opacity: 1;
}

.albricci-home-hero__inner {
  position: relative;
  z-index: 10;
  max-width: 1440px;
  margin: 0 auto;
  height: 100%;
}

/* Headline 5202:28: left:calc(50%+8px), top:423px (Figma w:636 ma testo overflow,
   in CSS forziamo 2 righe via white-space:nowrap su ogni span). */
.albricci-home-hero__title {
  position: absolute;
  left: calc(50% + 8px);
  top: 423px;
  margin: 0;
  padding: 0;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.5px;
  color: #FFFFFF;
}
.albricci-home-hero__title-line {
  display: block;
  white-space: nowrap;
}

/* CTA pill 5202:25: left:calc(66.67%+33px), top:589, bg #a10d2e */
.albricci-home-hero__cta {
  position: absolute;
  left: calc(66.67% + 33px);
  top: 589px;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 16px 56px;
  background: rgb(161, 13, 46);
  border-radius: 24px;
  color: #FFFFFF;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s cubic-bezier(0.2, 0.8, 0.2, 1),
              transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.albricci-home-hero__cta:hover {
  background: rgb(122, 10, 35);
  color: #FFFFFF;
  transform: translateY(-1px);
}
.albricci-home-hero__cta-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: currentColor;
}

/* ==========================================================================
   Sezione 2: I Nostri Valori (Figma 5227:2)
   ========================================================================== */

.albricci-home-valori {
  position: relative;
  width: 100%;
  min-height: 1000px;
  background: #FFFFFF;
  /* min-height ridotto da 1100 a 1000 per ridurre lo spazio bianco prima di Cosa offriamo.
     Card terminano a ~y=1010 (top 606 + altezza max ~404), quindi 1000 lascia ~ -10px
     ma le card escono solo di 10px che restano comunque sopra il bordo della sezione successiva. */
}

.albricci-home-valori__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 796px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.albricci-home-valori__bg-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    178.73deg,
    rgb(255, 255, 255) 5.27%,
    rgba(30, 30, 30, 0) 97.96%
  );
}

.albricci-home-valori__inner {
  position: relative;
  z-index: 5;
  max-width: 1440px;
  margin: 0 auto;
  height: 100%;
}

/* Title 5227:11: top=128 (rel), 48px Medium #1e1e1e, w=568, center */
.albricci-home-valori__title {
  position: absolute;
  top: 128px;
  left: 50%;
  transform: translateX(-50%);
  width: 568px;
  margin: 0;
  text-align: center;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 48px;
  font-weight: 500;
  color: #1e1e1e;
  letter-spacing: 0.5px;
}

/* Subtitle 5227:7: top=186 (rel), 20px Regular #1e1e1e, center */
.albricci-home-valori__subtitle {
  position: absolute;
  top: 186px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1100px;
  margin: 0;
  padding: 0 80px;
  text-align: center;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
  color: #1e1e1e;
}

/* 3 card row: top=606 (rel), full row, 24px gap */
.albricci-home-valori__cards {
  position: absolute;
  top: 606px;
  left: 80px;
  right: 80px;
  display: flex;
  gap: 24px;
}

.albricci-home-valori__card {
  flex: 1 1 0;
  min-width: 0;
  min-height: 284px;
  background: rgb(161, 13, 46);
  border-radius: 24px;
  /* padding-top 40px = icon a y=40 (Figma 5227:15 a y=1445 - card top 1405 = 40) */
  padding: 40px 32px 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
}

.albricci-home-valori__icon {
  display: inline-flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  /* gap icona→titolo: Figma 1552 - (1445+64) = 43px */
  margin: 0 0 43px;
  color: #FFFFFF;
  flex-shrink: 0;
}
.albricci-home-valori__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.albricci-home-valori__card-title {
  /* gap titolo→testo: Figma 1595 - 1552 - line-height ~28 = 15px */
  margin: 0 0 15px;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.15;
  color: #FFFFFF;
}

.albricci-home-valori__card-text {
  margin: 0;
  max-width: 379px;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #FFFFFF;
}

/* ==========================================================================
   Sezione 3: Cosa offriamo (Figma 5202:33–63)
   ========================================================================== */

.albricci-home-cosa {
  position: relative;
  width: 100%;
  height: 749px;
  background: #1e1e1e;
  color: #FFFFFF;
  overflow: hidden;
}

/* Saw blade bg image — riempie tutta la sezione, no margini */
.albricci-home-cosa__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.albricci-home-cosa__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
/* Velo dark per leggibilità testo */
.albricci-home-cosa__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(30, 30, 30, 0.55) 0%,
    rgba(30, 30, 30, 0.35) 50%,
    rgba(30, 30, 30, 0.65) 100%
  );
}

.albricci-home-cosa__inner {
  position: relative;
  z-index: 5;
  max-width: 1440px;
  margin: 0 auto;
  height: 100%;
}

/* Title "Cosa offriamo" — top spostato a 130 per centrare contenuti */
.albricci-home-cosa__title {
  position: absolute;
  top: 130px;
  left: 77px;
  margin: 0;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1;
  color: #a10d2e;
  white-space: nowrap;
}

/* Subtitle — top spostato a 195 */
.albricci-home-cosa__subtitle {
  position: absolute;
  top: 195px;
  left: 70px;
  width: 737px;
  margin: 0;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #FFFFFF;
}

/* CTA outline (top-right) — top allineato a "Cosa offriamo" (130) */
.albricci-home-cosa__cta-outline {
  position: absolute;
  top: 130px;
  right: 80px;
  left: auto;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 16px 56px;
  background: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 24px;
  color: #FFFFFF;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.albricci-home-cosa__cta-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}

/* Tabs row — top spostato a 370 per centrare contenuti */
.albricci-home-cosa__tabs {
  position: absolute;
  top: 370px;
  left: 70px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
}
.albricci-home-cosa__tab {
  display: flex;
  align-items: center;
  gap: 24px;
}
/* Tab button: cerchio outline bianco con icona dentro */
.albricci-home-cosa__tab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  padding: 0;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
}
.albricci-home-cosa__tab-btn:hover {
  border-color: #FFFFFF;
  background: rgba(255, 255, 255, 0.06);
}
/* Tab attivo (prima icona): bg cerchio BIANCO PIENO, icona originale (nera) sopra */
.albricci-home-cosa__tab.is-active .albricci-home-cosa__tab-btn {
  border-color: #FFFFFF;
  border-width: 2px;
  background: #FFFFFF;
}
.albricci-home-cosa__tab-icon {
  display: inline-flex;
  width: 78px;
  height: 78px;
}
.albricci-home-cosa__tab-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Tab inattivi: icona invertita a bianco con opacità ridotta (linea sottile bianca) */
.albricci-home-cosa__tab:not(.is-active) .albricci-home-cosa__tab-icon img {
  filter: brightness(0) invert(1);
  opacity: 0.45;
}
/* Tab attivo: nessun filtro → icona resta nera/originale sul bg bianco (look "filled white") */
.albricci-home-cosa__tab.is-active .albricci-home-cosa__tab-icon img {
  filter: none;
  opacity: 1;
}
.albricci-home-cosa__tab-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  flex-shrink: 0;
}

/* Selected category title — top spostato a 470 per centrare */
.albricci-home-cosa__cat-title {
  position: absolute;
  top: 470px;
  left: 70px;
  margin: 0;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  color: #FFFFFF;
}

/* Selected category description — top spostato a 510 */
.albricci-home-cosa__cat-text {
  position: absolute;
  top: 510px;
  left: 70px;
  width: 737px;
  margin: 0;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #FFFFFF;
}

/* CTA pieno (bottom-right) — top spostato a 575, allineato a destra come la CTA outline */
.albricci-home-cosa__cta-filled {
  position: absolute;
  top: 575px;
  right: 80px;
  left: auto;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 16px 56px;
  background: rgb(161, 13, 46);
  border-radius: 24px;
  color: #FFFFFF;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.albricci-home-cosa__cta-filled:hover {
  background: rgb(122, 10, 35);
  color: #FFFFFF;
}

/* ==========================================================================
   Sezione 6: I Nostri Marchi (Figma 5202:127–141)
   Card 5 brand con foto bg + logo + dark overlay
   Carousel "ruota" con scaling per dare prospettiva (centro più piccolo)
   Onda striata bg
   ========================================================================== */

.albricci-home-marchi {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  padding: 40px 0;
  overflow: hidden;
}

.albricci-home-marchi__wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
  opacity: 0.85;
  pointer-events: none;
}

/* Title — Figma: Albert Sans 56/500 #a10d2e uppercase */
.albricci-home-marchi__title {
  position: relative;
  z-index: 5;
  margin: 0 auto 30px;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 56px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #a10d2e;
  text-align: center;
}

/* Carousel: full-width, cards scrollano orizzontalmente */
.albricci-home-marchi__carousel {
  position: relative;
  z-index: 5;
  width: 100%;
}

/* Track scrollabile, padding orizzontale = (viewport - card)/2 per centrare 1ª/ultima */
.albricci-home-marchi__track {
  list-style: none;
  margin: 0;
  padding: 25px calc(50% - 180px);
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.albricci-home-marchi__track::-webkit-scrollbar { display: none; }

/* Card: dimensione base = "edge" Figma 360x588, JS scala 0.74→1.0 in base alla
   distanza dal centro viewport, replicando il fan a 5 card del mockup Figma */
.albricci-home-marchi__card {
  position: relative;
  flex: 0 0 auto;
  width: 360px;
  height: 588px;
  overflow: hidden;
  scroll-snap-align: center;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.albricci-home-marchi__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 980px) {
  .albricci-home-marchi { padding: 40px 0; }
  .albricci-home-marchi__title { font-size: 32px; margin-bottom: 30px; }
  .albricci-home-marchi__card { width: 240px; height: 392px; }
  .albricci-home-marchi__track {
    padding: 30px calc(50% - 120px);
    gap: 8px;
  }
}

/* ==========================================================================
   Sezione 5: Ogni settore richiede soluzioni mirate (Figma 5202:67–5202:83)
   Bg foto operaio + pannello destro dark glass con backdrop-blur
   ========================================================================== */

.albricci-home-settori {
  position: relative;
  width: 100%;
  height: 818px;
  overflow: hidden;
  background: #1e1e1e;
}

.albricci-home-settori__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}
/* Specchiata orizzontalmente: l'operaio (che nell'originale è a destra)
   appare ora a sinistra, e il workshop (che era a sinistra) finisce a destra
   sotto il pannello blur. */
.albricci-home-settori__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  transform: scaleX(-1);
}

/* Pannello destro: dark glass blur — ESATTAMENTE 50% (richiesta utente) */
.albricci-home-settori__panel {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: rgba(30, 30, 30, 0.7);
  backdrop-filter: blur(11.15px) saturate(120%);
  -webkit-backdrop-filter: blur(11.15px) saturate(120%);
}

.albricci-home-settori__inner {
  position: relative;
  height: 100%;
  padding: 95px 80px 60px 80px;
  box-sizing: border-box;
  color: #FFFFFF;
}

/* Title — 48px Medium white, top=92 dal panel top, left=80 */
.albricci-home-settori__title {
  margin: 0 0 70px;
  width: 568px;
  max-width: 100%;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
  color: #FFFFFF;
}

.albricci-home-settori__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.albricci-home-settori__item {
  position: relative;
}

.albricci-home-settori__btn {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
  transition: color 0.2s;
}
.albricci-home-settori__btn:hover {
  color: rgba(255, 255, 255, 0.85);
}
.albricci-home-settori__item.is-active .albricci-home-settori__btn {
  color: #FFFFFF;
  cursor: default;
}

.albricci-home-settori__label {
  display: block;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  padding: 18px 0;
}
.albricci-home-settori__item.is-active .albricci-home-settori__label {
  padding-bottom: 8px;
}

/* Descrizione + CTA visibili solo nell'item attivo */
.albricci-home-settori__desc {
  margin: 0 0 24px;
  max-width: 480px;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #FFFFFF;
}

.albricci-home-settori__cta {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 16px 56px;
  margin: 0 0 26px;
  background: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 24px;
  color: #FFFFFF;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.albricci-home-settori__cta:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}

/* Linea separatrice tra settori */
.albricci-home-settori__sep {
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  margin: 0;
}

/* ===== Responsive ===== */
@media (max-width: 1100px) {
  .albricci-home-settori__panel { width: 60%; max-width: none; }
  .albricci-home-settori__title { font-size: 36px; margin-bottom: 40px; }
  .albricci-home-settori__inner { padding: 60px 40px; }
  .albricci-home-settori__label { font-size: 22px; padding: 14px 0; }
  .albricci-home-settori__cta { padding: 14px 40px; font-size: 16px; }
}
@media (max-width: 700px) {
  /* Layout sovrapposto: foto in absolute sotto, panel semitrasparente sopra → la foto traspare anche dietro al blocco scuro. */
  .albricci-home-settori { height: auto !important; min-height: 700px !important; position: relative !important; }
  .albricci-home-settori__bg { position: absolute !important; inset: 0 !important; height: 100% !important; z-index: 1 !important; }
  .albricci-home-settori__bg img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; }
  .albricci-home-settori__panel {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 700px !important;
    background: rgba(30,30,30,0.62) !important;
    backdrop-filter: blur(6px) saturate(120%);
    -webkit-backdrop-filter: blur(6px) saturate(120%);
    z-index: 5 !important;
  }
  .albricci-home-settori__inner { padding: 56px 24px !important; text-align: center !important; }
  .albricci-home-settori__title { font-size: 28px !important; margin: 0 auto 32px !important; text-align: center !important; max-width: 100% !important; width: 100% !important; }
  .albricci-home-settori__list { text-align: center !important; }
  .albricci-home-settori__item { text-align: center !important; }
  .albricci-home-settori__btn { text-align: center !important; width: 100% !important; }
  .albricci-home-settori__label { text-align: center !important; display: block !important; }
  .albricci-home-settori__desc { text-align: center !important; max-width: 100% !important; margin: 0 auto 24px !important; }
  .albricci-home-settori__cta {
    display: inline-flex !important;
    margin: 0 auto 26px !important;
    padding: 12px 28px !important;
    font-size: 15px !important;
  }
  .albricci-home-settori__sep { max-width: 100% !important; }
}

/* ==========================================================================
   Sezione 4: Macchine in pronta consegna (Figma 5202:29–5202:66)
   Title 64px Medium uppercase #a10d2e
   Carousel orizzontale, item centrale grande, laterali piccoli + opacity 0.6
   ========================================================================== */

.albricci-home-pronta {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  /* padding 0 — le sezioni si toccano. Spacing interno sui contenuti. */
  padding: 0;
  overflow: hidden;
}

/* Onda striata singola da angolo ad angolo della sezione (diagonale piena).
   PNG 1080×1080 con curva BL→TR, copre tutta la section in cover. */
.albricci-home-pronta__wave {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.85;
}

.albricci-home-pronta__inner {
  position: relative;
  z-index: 5;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
  text-align: center;
}

/* Title 5202:29: 64px Medium #a10d2e uppercase */
.albricci-home-pronta__title {
  margin: 0 0 50px;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.5px;
  color: #a10d2e;
  text-transform: uppercase;
  text-align: center;
}

/* Carousel container */
.albricci-home-pronta__carousel {
  position: relative;
  width: 100%;
  margin: 0 0 50px;
  overflow: hidden;
}

/* Track: scrollable horizontal list, snap to center */
.albricci-home-pronta__track {
  list-style: none;
  margin: 0;
  padding: 60px 50% 60px 50%; /* padding 50% perché primo + ultimo possano centrarsi */
  display: flex;
  align-items: center;
  gap: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}
.albricci-home-pronta__track::-webkit-scrollbar { display: none; }
.albricci-home-pronta__track:active { cursor: grabbing; }

.albricci-home-pronta__item {
  flex: 0 0 auto;
  width: 480px;
  height: 320px;
  scroll-snap-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transform: scale(0.55);
  opacity: 0.55;
  transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
              opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.albricci-home-pronta__item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
/* Item centrale: scala 1, full opacità (label rimossa per richiesta utente) */
.albricci-home-pronta__item.is-center {
  transform: scale(1);
  opacity: 1;
}

/* Subtitle */
.albricci-home-pronta__subtitle {
  margin: 0 auto 30px;
  max-width: 800px;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #1e1e1e;
  text-align: center;
}

/* CTA pill rosso */
.albricci-home-pronta__cta {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 16px 56px;
  background: rgb(161, 13, 46);
  border-radius: 24px;
  color: #FFFFFF;
  font-family: 'Albert Sans', -apple-system, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.albricci-home-pronta__cta:hover {
  background: rgb(122, 10, 35);
  color: #FFFFFF;
}

/* ===== Responsive ===== */
@media (max-width: 980px) {
  .albricci-home-pronta { padding: 30px 0 30px; }
  .albricci-home-pronta__title { font-size: 38px; margin-bottom: 30px; }
  .albricci-home-pronta__inner { padding: 0 24px; }
  .albricci-home-pronta__item { width: 320px; height: 220px; }
  .albricci-home-pronta__wave { width: 700px; height: 700px; }
  .albricci-home-pronta__subtitle { font-size: 16px; }
  .albricci-home-pronta__cta { font-size: 16px; padding: 14px 40px; }
}
@media (max-width: 600px) {
  .albricci-home-pronta__title { font-size: 28px; }
  .albricci-home-pronta__item { width: 240px; height: 170px; }
}

/* Responsive — Cosa offriamo */
@media (max-width: 1440px) {
  .albricci-home-cosa__cta-outline { left: auto; right: 80px; }
  .albricci-home-cosa__cta-filled { left: auto; right: 80px; }
}
@media (max-width: 980px) {
  .albricci-home-cosa { height: auto; padding: 60px 0; }
  .albricci-home-cosa__inner { height: auto; padding: 0 24px; }
  .albricci-home-cosa__bg { width: 100%; left: 0; transform: none; }
  .albricci-home-cosa__title,
  .albricci-home-cosa__subtitle,
  .albricci-home-cosa__cta-outline,
  .albricci-home-cosa__tabs,
  .albricci-home-cosa__cat-title,
  .albricci-home-cosa__cat-text,
  .albricci-home-cosa__cta-filled {
    position: static;
    left: auto;
    right: auto;
    width: auto;
  }
  .albricci-home-cosa__title { margin-bottom: 16px; font-size: 36px; }
  .albricci-home-cosa__subtitle { margin-bottom: 32px; font-size: 16px; }
  /* CTA outline + filled: no nowrap, max-width 100%, centrate, padding ridotto */
  .albricci-home-cosa__cta-outline,
  .albricci-home-cosa__cta-filled {
    display: flex;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 28px;
    font-size: 15px;
    white-space: normal;
    text-align: center;
    box-sizing: border-box;
  }
  .albricci-home-cosa__cta-outline { margin-bottom: 36px; }
  /* Tabs su una riga sola, distribuiti */
  .albricci-home-cosa__tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    margin-bottom: 32px;
    width: 100%;
  }
  .albricci-home-cosa__tab { gap: 6px; flex: 0 0 auto; }
  .albricci-home-cosa__tab-btn { width: 64px; height: 64px; }
  .albricci-home-cosa__tab-icon { width: 56px; height: 56px; }
  .albricci-home-cosa__tab-dot { width: 4px; height: 4px; }
  .albricci-home-cosa__cat-title { margin-bottom: 12px; font-size: 26px; text-align: center; }
  .albricci-home-cosa__cat-text { margin-bottom: 32px; font-size: 16px; text-align: center; }
}
@media (max-width: 480px) {
  .albricci-home-cosa__tab-btn { width: 54px; height: 54px; }
  .albricci-home-cosa__tab-icon { width: 46px; height: 46px; }
  .albricci-home-cosa__cta-outline,
  .albricci-home-cosa__cta-filled { font-size: 14px; padding: 12px 22px; }
}

/* ==========================================================================
   Responsive — Hero
   ========================================================================== */
@media (max-width: 1440px) {
  .albricci-home-hero__inner { padding: 0 24px; }
  .albricci-home-hero__title { left: auto; right: 80px; }
  .albricci-home-hero__cta { left: auto; right: 80px; }
}
@media (max-width: 980px) {
  .albricci-home-hero { height: 640px; }
  .albricci-home-hero__title {
    left: 24px;
    right: 24px;
    top: 320px;
    font-size: 40px;
  }
  .albricci-home-hero__title-line { white-space: normal; }
  .albricci-home-hero__cta {
    left: 24px;
    right: auto;
    top: 480px;
    padding: 14px 40px;
    font-size: 16px;
  }
  .albricci-home-hero__wave { display: none; }
}
@media (max-width: 600px) {
  .albricci-home-hero { height: 560px; }
  .albricci-home-hero__title { font-size: 32px; top: 280px; }
  .albricci-home-hero__cta { top: 440px; padding: 12px 32px; font-size: 14px; }
}

/* ==========================================================================
   Responsive — Valori
   ========================================================================== */
@media (max-width: 1100px) {
  .albricci-home-valori { height: auto; padding-bottom: 60px; }
  .albricci-home-valori__bg { position: relative; height: 380px; }
  .albricci-home-valori__inner { height: auto; padding: 0 24px; }
  .albricci-home-valori__title,
  .albricci-home-valori__subtitle { position: static; transform: none; width: auto; padding: 0; margin: 0 auto; }
  .albricci-home-valori__title { margin-top: -260px; font-size: 36px; }
  .albricci-home-valori__subtitle { margin-top: 20px; max-width: 720px; font-size: 16px; }
  .albricci-home-valori__cards { position: static; flex-direction: column; margin-top: 40px; left: auto; right: auto; gap: 20px; }
  .albricci-home-valori__card {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 40px 26px;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
  }
  .albricci-home-valori__icon { margin-bottom: 24px; }
  .albricci-home-valori__card-title { font-size: 24px; margin-bottom: 12px; }
  .albricci-home-valori__card-text { font-size: 15px; max-width: 100%; line-height: 1.55; }
}
@media (max-width: 600px) {
  .albricci-home-valori__card { padding: 32px 22px; }
  .albricci-home-valori__icon { width: 56px; height: 56px; margin-bottom: 20px; }
  .albricci-home-valori__card-title { font-size: 22px; }
  .albricci-home-valori__card-text { font-size: 14px; }
}

/* ===== Override scoped per archivio Prodotti ===== */
/* Onda striata "Macchine in pronta consegna": ruotata 360° (180° + 180°) come da iterazioni cliente. */
body.post-type-archive-prodotto .albricci-home-pronta__wave {
  transform: rotate(360deg);
}