/*
===============================================
🏠 HOME.CSS — Vetrineshop (pulito e modulare)
Regole SOLO per sezioni attive della home.
- quick-nav (4 box)
- magazine spotlight
- spacing sezioni + CTA
Creato: 2026-01-22
Aggiornato: oggi
===============================================
*/

/* ======================================================
   Base sezioni home
   ====================================================== */

.home-page .home-section-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin: 0 0 14px;
}

.home-page .home-h2{ margin: 0; }

.home-page .home-link{
  font-weight: 800;
  text-decoration: none;
}

.home-page .home-muted{
  color:#64748b;
  margin: 0;
}

/* ======================================================
   Quick Nav — 4 box
   ====================================================== */

.home-grid-4{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 12px 0 26px;
}

.home-card{
  display:block;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 14px;
  text-decoration:none;
  background:#fff;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}

.home-card:hover{
  transform: translateY(-1px);
  border-color:#cbd5e1;
  background:#f8fafc;
}

.home-card__title{
  font-weight: 900;
  margin-bottom: 6px;
}

.home-card__text{
  color:#64748b;
  margin: 0;
}

/* ======================================================
   Magazine — Spotlight (minimal + editorial)
   ====================================================== */

.home-mag{
  margin: 18px 0 34px;
}

.home-mag-rubriche{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin: 8px 0 14px;
}

/* pill rubriche: outline nero, hover colorato */
.home-mag-chip{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #111;
  background: #fff;
  color: #111;
  font-weight: 800;
  font-size: .82rem;
  text-decoration:none;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.home-mag-chip:hover{
  background: var(--chip-hover, #111);
  border-color: var(--chip-hover, #111);
  color:#fff;
}

/* Featured: immagine 3/5 viewport + overlay */
.home-mag-featured{
  display:block;
  border:1px solid #e5e7eb;
  border-radius: 20px;
  overflow:hidden;
  background:#fff;
  text-decoration:none;
  margin-bottom: 14px;
}

.home-mag-featured__media{
  position: relative;
  height: 60vh;
  max-height: 520px;
  min-height: 320px;
  overflow: hidden;          /* ✅ nuovo */
  background-color:#f1f5f9;
  /* ❌ rimuovi: background-size/background-position (non servono più) */
}

.home-mag-featured__img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.home-mag-featured__overlay{
  position:absolute;
  inset: 0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:10px;
  padding: 18px;
  background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,.12), rgba(0,0,0,0));
}

.home-mag-featured__pill{
  align-self:flex-start;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  color:#111;
  font-weight: 900;
  font-size: .82rem;
  border: 1px solid rgba(255,255,255,.9);
}

.home-mag-featured__pill:hover{
  background: var(--pill-color, #111);
  border-color: var(--pill-color, #111);
  color:#fff;
}

.home-mag-featured__title{
  margin: 0;
  color:#fff;
  font-weight: 950;
  line-height: 1.08;
  font-size: clamp(1.6rem, 3.6vw, 2.2rem);
  max-width: 36ch;
}

.home-mag-featured__body{
  padding: 14px 18px 18px;
}

.home-mag-featured__excerpt{
  margin: 0 0 10px;
  color:#475569;
  line-height: 1.55;
}

.home-mag-featured__cta{
  font-weight: 950;
  color:#111;
}

/* Cards recenti (con thumb 4:3) */
.home-mag-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.home-mag-card{
  display:flex;
  gap:12px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:12px;
  background:#fff;
  text-decoration:none;
  align-items: stretch;
}

.home-mag-card__media{
  width:160px;
  min-width:160px;
  aspect-ratio: 4 / 3;
  height:auto;
  border-radius:14px;
  background-size:cover;
  background-position:center;
  background-color:#f1f5f9;
}
.home-mag-card__media.is-empty{
  background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
}

/* Media con <img> (home magazine cards) */
.home-mag-card__media{
  overflow: hidden; /* importante con border-radius */
}

.home-mag-card__media > img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.home-mag-card__body{
  flex:1;
  min-width:0;
}

.home-mag-card__pill{
  display:inline-flex;
  align-items:center;
  padding: 5px 9px;
  border-radius: 999px;
  border:1px solid #111;
  background:#fff;
  color:#111;
  font-weight: 900;
  font-size: .78rem;
}
.home-mag-card__pill:hover{
  background: var(--pill-color, #111);
  border-color: var(--pill-color, #111);
  color:#fff;
}

.home-mag-card__title{
  font-weight: 950;
  margin: 10px 0 8px;
  line-height: 1.2;
}

.home-mag-card__excerpt{
  margin: 0;
  color:#64748b;
  line-height: 1.5;
}

/* ======================================================
   Sezioni future (slider/vetrina/marchi/cta): solo spacing
   ====================================================== */

.home-slider,
.home-vetrina,
.home-brands{
  margin: 22px 0 34px;
}

.home-cta{
  margin: 26px 0 10px;
}

.home-cta__box{
  border:1px solid #e5e7eb;
  border-radius: 18px;
  padding: 18px;
  background:#fff;
}

.home-cta__actions{
  display:flex;
  gap: 14px;
  align-items:center;
  margin-top: 12px;
  flex-wrap: wrap;
}

/* ======================================================
   Responsive
   ====================================================== */

@media (max-width: 980px){
  .home-grid-4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .home-mag-featured__media{
    height: 44vh;
    min-height: 240px;
  }

  .home-mag-grid{ grid-template-columns: 1fr; }

  .home-mag-card__media{
    width:120px;
    min-width:120px;
  }
}
.home-section + .home-section {
  margin-top: 48px;
}
@media (max-width: 768px) {
  .home-section + .home-section {
    margin-top: 36px;
  }
}
/* HOME Vetrina: immagini macro non devono essere mozzate */
.home-vetrina .home-mag-card__media{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f3f4f6; /* fondino neutro quando l'immagine non riempie */
}
/* HOME Vetrina: media con <img> (niente bande brutte) */
.home-vetrina .home-mag-card__media{
  position: relative;
  overflow: hidden;
  background: #f3f4f6;
}

/* l'immagine riempie bene di default */
.home-vetrina .home-mag-card__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02); /* micro fill */
}

/* se vuoi mantenere il “look soft” del magazine */
.home-vetrina .home-mag-card__media{
  border-radius: 18px; /* se già ce l'hai, ok */
}
.home-section--quick-nav + .home-section--magazine-spotlight {
  margin-top: 28px;
}

@media (max-width: 768px) {
  .home-section--quick-nav + .home-section--magazine-spotlight {
    margin-top: 20px;
  }
}


/* ===============================
   HOME QUICK NAV — Editoriale
   =============================== */

.home-quicknav-intro{
  font-size: 1rem;
  color: #444;
  margin-bottom: 22px;
  letter-spacing: .2px;
  max-width: 520px;
}

.home-grid-4{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 12px 0 26px;
}

.home-card{
  position: relative;
  display:block;
  padding: 26px 24px 22px;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 8px 24px rgba(15,23,42,.035);
  text-decoration:none;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background-color .22s ease;
}

.home-card:hover{
  transform: translateY(-4px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 16px 34px rgba(15,23,42,.08);
  border-color: rgba(17,17,17,.14);
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
}

.home-card::before{
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  background: linear-gradient(90deg, #111 0%, rgba(17,17,17,.18) 100%);
  opacity: .32;
  margin-bottom: 14px;
  transition: width .22s ease, opacity .22s ease;
}

.home-card:hover::before{
  width: 52px;
  opacity: .48;
}

.home-card__title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 10px;
  font-size: 1.16rem;
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: -.01em;
  margin-bottom: 10px;
  color: #111;
}

.home-card__text{
  font-size: .96rem;
  color: #667085;
  line-height: 1.5;
  margin: 0;
}

.home-arrow{
  display:inline-block;
  margin-left: 6px;
  flex: 0 0 auto;
  line-height: 1;
  font-size: 1.18rem;
  opacity: .92;
  transition: transform .2s ease, opacity .2s ease;
}

.home-card:hover .home-arrow{
  transform: translateX(4px);
  opacity: 1;
}

@media (max-width: 1024px){
  .home-grid-4{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .home-card{
    padding: 20px 18px 18px;
  }

  .home-card__title{
    font-size: 1.04rem;
  }

  .home-card__text{
    font-size: .92rem;
  }
}

@media (max-width: 640px){
  .home-grid-4{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 10px 0 18px;
  }

  .home-quicknav-intro{
    margin-bottom: 14px;
    font-size: .96rem;
    line-height: 1.42;
    max-width: none;
  }

  .home-card{
    position: relative;
    padding: 14px 14px 12px;
    min-height: 108px;
    border-radius: 18px;
    overflow: hidden;

    border: 1px solid rgba(17,17,17,.08);
    background:
      linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
    box-shadow:
      0 1px 0 rgba(255,255,255,.95) inset,
      0 8px 22px rgba(15,23,42,.04);
  }

  /* micro accento colore, diverso per card */
  .home-card:nth-child(1){
    background:
      linear-gradient(180deg, rgba(99,102,241,.05) 0%, #ffffff 22%, #fcfcfd 100%);
  }

  .home-card:nth-child(2){
    background:
      linear-gradient(180deg, rgba(34,197,94,.05) 0%, #ffffff 22%, #fcfcfd 100%);
  }

  .home-card:nth-child(3){
    background:
      linear-gradient(180deg, rgba(6,182,212,.05) 0%, #ffffff 22%, #fcfcfd 100%);
  }

  .home-card:nth-child(4){
    background:
      linear-gradient(180deg, rgba(244,114,182,.05) 0%, #ffffff 22%, #fcfcfd 100%);
  }

  .home-card::before{
    width: 28px;
    height: 2px;
    margin-bottom: 10px;
    opacity: .42;
    background: linear-gradient(90deg,#111 0%,rgba(17,17,17,.18) 100%);
  }

  .home-card__title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap: 8px;
    margin-bottom: 6px;

    font-size: 1.02rem;
    line-height: 1.15;
    letter-spacing: -.01em;
    color:#111;
    font-weight: 800 !important; /* batte typography-public */
  }

  .home-card__text{
    margin: 0;
    font-size: .88rem;
    line-height: 1.3;
    color: #5f6b7a;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .home-arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 26px;
    height: 26px;
    min-width: 26px;
    margin-left:auto;

    border-radius: 999px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(17,17,17,.10);
    box-shadow: 0 1px 4px rgba(15,23,42,.05);

    font-size: .95rem;
    line-height: 1;
    opacity: 1;
  }

  .home-section--quick-nav + .home-section--magazine-spotlight{
    margin-top: 10px;
  }
}


.home-quicknav-intro{
  font-size: 1.05rem;
  font-weight: 500;
  letter-spacing: -.01em;
  color:#111;
  opacity:.92;
}


/* =========================================
   QUICK NAV MOBILE — override finale
   ========================================= */

@media (max-width:640px){

  /* titolo sopra le card */
  .home-quicknav-intro{
    font-size:1.05rem;
    font-weight:700;
    letter-spacing:-.01em;
    color:#111;
  }

  /* card */
  .home-card{
    padding:14px 14px 12px;
    min-height:108px;
    border-radius:18px;

    border:1px solid rgba(17,17,17,.09);
    background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);

    box-shadow:
      0 1px 0 rgba(255,255,255,.95) inset,
      0 10px 26px rgba(15,23,42,.055);
  }

  /* linea superiore */
  .home-card::before{
    width:32px;
    height:2px;
    margin-bottom:10px;
    opacity:.55;
    background:linear-gradient(90deg,#111 0%,rgba(17,17,17,.25) 100%);
  }

  /* titolo card */
  .home-card__title{
    font-size:1.05rem;
    line-height:1.15;
    font-weight:800 !important;
    letter-spacing:-.01em;
  }

  /* testo */
  .home-card__text{
    font-size:.9rem;
    color:#616d7c;
  }

  /* freccia */
  .home-arrow{
    width:28px;
    height:28px;
    border-radius:999px;

    background:#fff;
    border:1px solid rgba(17,17,17,.12);

    box-shadow:0 2px 6px rgba(15,23,42,.06);
    font-size:1rem;
  }

  /* integrazione con magazine */
  .home-section--quick-nav{
    margin-bottom:6px;
  }

}

/* =========================================
   QUICK NAV MOBILE — titoli più bold
   ========================================= */

@media (max-width:640px){

  body.vs-public .home-card__title{
    font-weight: 900 !important;
    letter-spacing: -0.01em;
  }

}

@media (max-width:640px){
  body.vs-public:not(.magazine) .home-page .home-card__title{
    font-weight: 800 !important;
    letter-spacing: -0.01em;
  }
}
/* =========================================
   QUICK NAV MOBILE — accent bar
   ========================================= */

@media (max-width:640px){

  .home-card::before{
    height: 3px;
    width: 34px;
    opacity: 1;
    border-radius: 2px;
  }

  .home-card:nth-child(1)::before{
    background: linear-gradient(90deg,#6366f1,#a5b4fc);
  }

  .home-card:nth-child(2)::before{
    background: linear-gradient(90deg,#22c55e,#86efac);
  }

  .home-card:nth-child(3)::before{
    background: linear-gradient(90deg,#06b6d4,#67e8f9);
  }

  .home-card:nth-child(4)::before{
    background: linear-gradient(90deg,#ec4899,#f9a8d4);
  }

}

/* =========================================
   QUICK NAV MOBILE — respiro + integrazione
   ========================================= */

@media (max-width:640px){

  .home-section--quick-nav{
    margin-bottom: 10px;
  }

  .home-grid-4{
    margin: 12px 0 16px;
    gap: 12px;
  }

  .home-card{
    min-height: 114px;
    padding: 15px 14px 13px;
    border-radius: 18px;
  }

  .home-card::before{
    margin-bottom: 11px;
  }

  .home-card__title{
    margin-bottom: 7px;
  }

  .home-card__text{
    -webkit-line-clamp: 2;
  }

  .home-section--quick-nav + .home-section--magazine-spotlight{
    margin-top: 12px;
  }

  .home-section--magazine-spotlight{
    padding-top: 2px;
  }
}























/* ======================================================
   HOME MAGAZINE — OVERRIDE FINALE STEP 1
   Hero + CTA + Spotlight sotto hero
   DA RIMUOVERE/REGOLARE IN BLOCCO SE SERVE
   ====================================================== */

/* ---------- 1) HEAD SEZIONE MAGAZINE ---------- */
.home-section--magazine-spotlight .home-section-head{
  align-items:flex-end;
  margin-bottom: 14px;
}

.home-section--magazine-spotlight .home-h2{
  letter-spacing:-0.02em;
  line-height:1.02;
}

.home-section--magazine-spotlight .home-link{
  font-weight:900;
  letter-spacing:-0.01em;
}

/* ---------- 2) PILLS RUBRICHE PIÙ EDITORIALI ---------- */
.home-section--magazine-spotlight .home-mag-rubriche{
  gap:10px;
  margin: 10px 0 16px;
}

.home-section--magazine-spotlight .home-mag-chip{
  padding: 7px 12px;
  font-size: .84rem;
  font-weight: 800;
  border-radius: 999px;
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset;
}

/* ---------- 3) HERO MAGAZINE PIÙ PREMIUM ---------- */
.home-section--magazine-spotlight .home-mag-featured{
  border-radius: 22px;
  border:1px solid rgba(17,17,17,.08);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 12px 30px rgba(15,23,42,.06);
  overflow:hidden;
}

.home-section--magazine-spotlight .home-mag-featured__overlay{
  padding: 22px;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.74) 0%,
    rgba(0,0,0,.32) 42%,
    rgba(0,0,0,0) 100%
  );
}

.home-section--magazine-spotlight .home-mag-featured__title{
  max-width: 20ch;
  letter-spacing: -.025em;
  text-wrap: balance;
}

.home-section--magazine-spotlight .home-mag-featured__pill{
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

/* ---------- 4) CTA SOTTO HERO PIÙ ELEGANTE ---------- */
.home-section--magazine-spotlight .home-mag-featured__cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
  letter-spacing:-0.01em;
  text-decoration:none;
  position:relative;
}

.home-mag-featured__cta::after{
  content:"";
}
.home-section--magazine-spotlight .home-mag-featured__cta:hover::after{
  transform: translateX(3px);
}

/* ---------- 5) SPOTLIGHT SOTTO HERO PIÙ ORDINATI ---------- */
.home-section--magazine-spotlight .home-mag-grid{
  margin-top: 14px;
  gap: 16px;
}

.home-section--magazine-spotlight .home-mag-card{
  border-radius: 18px;
  border:1px solid rgba(17,17,17,.08);
  background: linear-gradient(180deg,#fff 0%,#fcfcfd 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 8px 20px rgba(15,23,42,.04);
  padding: 14px;
}

.home-section--magazine-spotlight .home-mag-card__media{
  border-radius: 16px;
}

.home-section--magazine-spotlight .home-mag-card__pill{
  font-weight: 800;
}

.home-section--magazine-spotlight .home-mag-card__title{
  letter-spacing:-0.015em;
  line-height:1.18;
}

.home-section--magazine-spotlight .home-mag-card__excerpt{
  color:#5f6b7a;
}

/* ---------- 6) RESPIRO PRIMA DEL BLOCCO SUCCESSIVO ---------- */
.home-section--magazine-spotlight{
  margin-bottom: 8px;
}


/* ======================================================
   HOME MAGAZINE — OVERRIDE MOBILE STEP 1
   Hero + CTA + Spotlight sotto hero
   DA RIMUOVERE/REGOLARE IN BLOCCO SE SERVE
   ====================================================== */

@media (max-width: 640px){

  /* ---------- M1) HEAD MOBILE ---------- */
  .home-section--magazine-spotlight .home-section-head{
    margin-bottom: 12px;
    align-items:flex-end;
  }

  .home-section--magazine-spotlight .home-h2{
    font-size: clamp(2.2rem, 8vw, 2.8rem);
    letter-spacing:-0.03em;
  }

  .home-section--magazine-spotlight .home-link{
    font-size: 1rem;
    line-height:1.1;
  }

  /* ---------- M2) PILLS MOBILE ---------- */
  .home-section--magazine-spotlight .home-mag-rubriche{
    gap:8px;
    margin: 8px 0 14px;
  }

  .home-section--magazine-spotlight .home-mag-chip{
    padding: 7px 11px;
    font-size: .82rem;
  }

  /* ---------- M3) HERO MOBILE ---------- */
  .home-section--magazine-spotlight .home-mag-featured{
    border-radius: 20px;
    margin-bottom: 12px;
  }

  .home-section--magazine-spotlight .home-mag-featured__media{
    height: 42vh;
    min-height: 260px;
  }

  .home-section--magazine-spotlight .home-mag-featured__overlay{
    padding: 16px;
  }

  .home-section--magazine-spotlight .home-mag-featured__title{
    font-size: clamp(1.65rem, 6.2vw, 2rem);
    line-height: 1.04;
    max-width: 14ch;
  }

  .home-section--magazine-spotlight .home-mag-featured__body{
    padding: 12px 14px 14px;
  }

  .home-section--magazine-spotlight .home-mag-featured__excerpt{
    margin-bottom: 8px;
    font-size: .96rem;
    line-height:1.48;
  }

  /* ---------- M4) CTA MOBILE ---------- */
  .home-section--magazine-spotlight .home-mag-featured__cta{
    font-size: .98rem;
  }

  /* ---------- M5) SPOTLIGHT MOBILE ---------- */
  .home-section--magazine-spotlight .home-mag-grid{
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 12px;
  }

  .home-section--magazine-spotlight .home-mag-card{
    padding: 12px;
    border-radius: 16px;
    gap: 10px;
  }

  .home-section--magazine-spotlight .home-mag-card__media{
    width: 112px;
    min-width: 112px;
    border-radius: 14px;
  }

  .home-section--magazine-spotlight .home-mag-card__title{
    font-size: 1rem;
    line-height:1.18;
    margin: 8px 0 6px;
  }

  .home-section--magazine-spotlight .home-mag-card__excerpt{
    font-size: .9rem;
    line-height:1.38;

    display:-webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow:hidden;
  }

  /* ---------- M6) TRANSIZIONE VERSO BLOCCO SUCCESSIVO ---------- */
  .home-section--magazine-spotlight{
    margin-bottom: 10px;
  }
}
.home-mag-featured__cta{
  font-weight:900;
  letter-spacing:-0.01em;
}

/* ======================================================
   HOME VETRINA — PILL HERO SOLO MOBILE
   desktop invariato
   ====================================================== */

.home-vetrina-hero__pill--mobile{
  display:none;
}

@media (max-width: 520px){
  .home-vetrina-hero__pill--mobile{
    display:inline-flex;
    position:absolute;
    top:8px;
    left:8px;
    z-index:2;

    padding:4px 8px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    border:1px solid #e5e7eb;
    font-weight:900;
    font-size:.72rem;
    color:#0f172a;
    backdrop-filter:blur(4px);
    width:auto;
  }

  .home-vetrina-hero__body > .home-vetrina-hero__pill{
    display:none;
  }
}
/* =========================================
   HOME — Riduce spazio prima della vetrina
   ========================================= */

.home-section--slider-negozi + .home-section--vetrina-categorie{
  margin-top: 28px;
}

@media (max-width:768px){
  .home-section--slider-negozi + .home-section--vetrina-categorie{
    margin-top: 20px;
  }
}

/* ======================================================
   HOME — NORMALIZZAZIONE SPAZIATURE + TITOLI SEZIONE
   Override finale
   DA RIMUOVERE/REGOLARE IN BLOCCO SE SERVE
   ====================================================== */

/* ---------- 1) Ritmo verticale desktop ---------- */
.home-section{
  margin-top: 0;
  margin-bottom: 0;
}

.home-section + .home-section{
  margin-top: 34px;
}

/* correzioni mirate tra sezioni specifiche */
.home-section--quick-nav + .home-section--magazine-spotlight{
  margin-top: 22px;
}

.home-section--magazine-spotlight + .home-section--slider-negozi{
  margin-top: 30px;
}

.home-section--slider-negozi + .home-section--vetrina-categorie{
  margin-top: 24px;
}

.home-section--vetrina-categorie + .home-section--prodotti-selezionati{
  margin-top: 30px;
}

.home-section--prodotti-selezionati + .home-section--marchi-trend{
  margin-top: 30px;
}

.home-section--marchi-trend + .home-section--cta-negozi{
  margin-top: 34px;
}

/* ---------- 2) Titoli sezione più leggibili ---------- */
.home-page .home-h2{
  margin: 0;
  line-height: 1.04;
  letter-spacing: -0.02em; /* trucco leggibilità */
  text-wrap: balance;
}

.home-page .home-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin: 0 0 14px;
}

.home-page .home-link{
  letter-spacing: -0.01em;
}

/* ---------- 3) Mobile: ritmo più compatto e coerente ---------- */
@media (max-width: 768px){

  .home-section + .home-section{
    margin-top: 24px;
  }

  .home-section--quick-nav + .home-section--magazine-spotlight{
    margin-top: 16px;
  }

  .home-section--magazine-spotlight + .home-section--slider-negozi{
    margin-top: 22px;
  }

  .home-section--slider-negozi + .home-section--vetrina-categorie{
    margin-top: 18px;
  }

  .home-section--vetrina-categorie + .home-section--prodotti-selezionati{
    margin-top: 22px;
  }

  .home-section--prodotti-selezionati + .home-section--marchi-trend{
    margin-top: 22px;
  }

  .home-section--marchi-trend + .home-section--cta-negozi{
    margin-top: 24px;
  }

  .home-page .home-section-head{
    margin: 0 0 12px;
    gap:10px;
  }

  .home-page .home-h2{
    line-height: 1.02;
    letter-spacing: -0.025em;
  }
}

/* =========================================
   NORMALIZZA DISTANZE TRA HOME SECTIONS
   ========================================= */

.home-section{
  margin-top: 28px;
}

.home-section:first-child{
  margin-top: 0;
}

/* niente margini interni nei blocchi */
.home-slider,
.home-vetrina,
.home-brands{
  margin-top: 0;
  margin-bottom: 0;
}
/* =========================================
   FIX DEFINITIVO — spazio slider → vetrina
   ========================================= */

.home-section--slider-negozi{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.home-section--slider-negozi > .blocco-slider-tematico{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.home-section--vetrina-categorie{
  margin-top: 18px !important;
}

/* ======================================================
   HOME — SPAZIATURE FINALI SEZIONI
   Desktop più arioso + fix mobile slider -> vetrina
   DA RIMUOVERE/REGOLARE IN BLOCCO SE SERVE
   ====================================================== */

/* ---------- Desktop / tablet: un po' più aria ---------- */
.home-section + .home-section{
  margin-top: 38px !important;
}

.home-section--quick-nav + .home-section--magazine-spotlight{
  margin-top: 24px !important;
}

.home-section--magazine-spotlight + .home-section--slider-negozi{
  margin-top: 34px !important;
}

.home-section--slider-negozi + .home-section--vetrina-categorie{
  margin-top: 30px !important;
}

.home-section--vetrina-categorie + .home-section--prodotti-selezionati{
  margin-top: 34px !important;
}

.home-section--prodotti-selezionati + .home-section--marchi-trend{
  margin-top: 34px !important;
}

.home-section--marchi-trend + .home-section--cta-negozi{
  margin-top: 38px !important;
}

/* ---------- Mobile: ritmo più compatto ---------- */
@media (max-width: 768px){

  .home-section + .home-section{
    margin-top: 24px !important;
  }

  .home-section--quick-nav + .home-section--magazine-spotlight{
    margin-top: 16px !important;
  }

  .home-section--magazine-spotlight + .home-section--slider-negozi{
    margin-top: 24px !important;
  }

  /* fix mirato slider -> vetrina */
  .home-section--slider-negozi{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .home-section--slider-negozi > .blocco-slider-tematico{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
  }

  .home-section--vetrina-categorie{
    margin-top: 16px !important;
  }

  .home-section--slider-negozi + .home-section--vetrina-categorie{
    margin-top: 16px !important;
  }

  .home-section--vetrina-categorie + .home-section--prodotti-selezionati{
    margin-top: 22px !important;
  }

  .home-section--prodotti-selezionati + .home-section--marchi-trend{
    margin-top: 22px !important;
  }

  .home-section--marchi-trend + .home-section--cta-negozi{
    margin-top: 24px !important;
  }
}