.elementor-kit-6{--e-global-color-primary:#7A7A7A;--e-global-color-secondary:#FEF9F3D6;--e-global-color-text:#7A7A7A;--e-global-color-accent:#4D4B4B;--e-global-typography-primary-font-family:"Epilogue";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Epilogue";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Epilogue";--e-global-typography-text-font-weight:200;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:300;color:var( --e-global-color-primary );font-family:"Epilogue", Sans-serif;font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Varianti collezione (shortcode [collection_variants]) - immagini 360px ===== */

.variants-grid img {
  width: 360px !important;      /* aumentato del 20% rispetto ai 300px */
  height: auto !important;
  object-fit: cover !important;
  display: inline-block !important;
  vertical-align: top !important;
  margin: 12px !important;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  transition: transform 0.25s ease;
}

.variants-grid img:hover {
  transform: scale(1.05);
}

/* Figure o blocchi simili */
.variants-grid figure,
.variants-grid .wp-block-image {
  display: inline-block !important;
  margin: 12px !important;
  width: 360px !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden;
}

.variants-grid figure img,
.variants-grid .wp-block-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Allineamento e layout */
.variants-grid a,
.variants-grid .images,
.variants-grid .thumbs,
.variants-grid .media,
.variants-grid .gallery,
.variants-grid .variant,
.variants-grid .variant-item,
.variants-grid .collection-variant,
.variants-grid li,
.variants-grid div {
  text-align: center;
  white-space: normal;
}

/* Due immagini affiancate */
.variants-grid img + img,
.variants-grid figure + figure {
  margin-left: 12px !important;
}

/* Titoli */
.variants-grid h3,
.variants-grid .variant-title,
.variants-grid .title {
  font-family: "Epilogue", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: 25px !important;
  color: #7A7A7A !important;
  text-align: center !important;
  margin: 20px 0 0 !important;
}

/* Griglia generale */
.variants-grid .collection-variants,
.variants-grid .variants,
.variants-grid .variants-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 3 colonne per dare aria */
  gap: 40px !important;
  justify-items: center !important;
}

@media (max-width:1024px){
  .variants-grid .collection-variants,
  .variants-grid .variants,
  .variants-grid .variants-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ===== FIX MOBILE ===== */
@media (max-width:767px){
  /* Una sola colonna */
  .variants-grid .collection-variants,
  .variants-grid .variants,
  .variants-grid .variants-wrap {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    justify-items: center !important;
  }

  /* Blocchi a piena larghezza */
  .variants-grid figure,
  .variants-grid .wp-block-image {
    width: 100% !important;
    margin: 0 0 16px !important;
    display: block !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  /* Immagini responsive */
  .variants-grid figure img,
  .variants-grid .wp-block-image img,
  .variants-grid img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    object-fit: cover !important;
  }

  /* Nessun margine laterale tra le immagini */
  .variants-grid img + img,
  .variants-grid figure + figure {
    margin-left: 0 !important;
  }
}


/* ===== Specifications - versione piatta e raffinata ===== */

.e-con.collection-specs {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  max-width: 860px !important;
  width: 67% !important;
  margin: 36px auto 0 !important;
  font-family: "Epilogue", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}

/* Titolo */
.e-con.collection-specs .elementor-heading-title {
  font-weight: 300 !important;
  font-size: 25px !important;
  color: #7A7A7A !important;
  text-align: center !important;
  margin: 0 0 18px !important;
}

/* Tabella */
.e-con.collection-specs .spec-table {
  border: 1px solid #EDEDED;
  border-radius: 8px;
  overflow: hidden;
}

/* Riga */
.e-con.collection-specs .e-con.spec-row {
  display: grid !important;
  grid-template-columns: 160px 1fr !important;
  gap: 0 !important;
  align-items: center !important;
  padding: 6px 16px !important;   /* meno padding verticale */
  border-bottom: 1px solid #EDEDED !important;
  min-height: 38px !important;    /* altezza più sottile */
}

/* Ultima riga */
.e-con.collection-specs .e-con.spec-row:last-child {
  border-bottom: none !important;
}



/* Etichetta */
.e-con.collection-specs .spec-label {
  color: #7A7A7A !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  margin: 0 !important;
  letter-spacing: 0.2px;
}

/* Valore */
.e-con.collection-specs .spec-value {
  color: #3F3F3F !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* Nascondi righe vuote */
@supports .elementor-kit-6(.a:has(+ .b)) {
  .e-con.collection-specs .e-con.spec-row:has(.spec-value:empty) {
    display: none !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .e-con.collection-specs { width: 92% !important; }
  .e-con.collection-specs .e-con.spec-row {
    grid-template-columns: 130px 1fr !important;
    padding: 6px 12px !important;
    min-height: 34px !important;
  }
  .e-con.collection-specs .spec-label { font-size: 13px !important; }
  .e-con.collection-specs .spec-value { font-size: 15px !important; }
}

/* Nascondi la grid mentre stai cambiando filtro o resettando */
.is-filtering .elementor-loop-container,
.is-filtering .e-loop-container,
.is-filtering .elementor-posts-container {
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s linear;
}

/* Se hai un loader personalizzato, mostrala mentre filtri */
.is-filtering .my-loop-loader { 
  display: block;
}
/* Nascondi il loader normalmente */
.my-loop-loader { 
  display: none; 
}



/* ===== CATEGORIES GRID (scoped) ===== */
.cats-grid .cb-wrap {
  display: grid;
  grid-template-columns: repeat(15, 1fr);
  gap: 16px;
  /* crea stacking context compatibile per evitare overlay della sezione dopo */
  transform: translateZ(0);
  position: relative;
  z-index: 1;
}

/* Card base */
.cats-grid .cb-card {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  min-width: 0;
}

/* 1:1 ratio */
.cats-grid .cb-card::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.cats-grid .cb-img {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0; /* al posto di inset */
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.cats-grid .cb-card::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: #000;                 /* fallback richiesto dal linter */
  background: rgba(0,0,0,0);
  transition: background .35s ease;
}

.cats-grid .cb-card:hover .cb-img { transform: scale(1.03); }
.cats-grid .cb-card:hover::after { background: rgba(0,0,0,.18); }

/* Label */
.cats-grid .cb-label {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Epilogue", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 35px;
  letter-spacing: .02em;
  color: #fff;
  z-index: 2;
  pointer-events: none;
}

/* Layout desktop */
.cats-grid .s1 { grid-column: 1 / 4;  grid-row: 1 / 4; }
.cats-grid .s2 { grid-column: 4 / 7;  grid-row: 1 / 4; }
.cats-grid .s3 { grid-column: 1 / 4;  grid-row: 4 / 7; }
.cats-grid .s4 { grid-column: 4 / 7;  grid-row: 4 / 7; }
.cats-grid .big{ grid-column: 7 / 13; grid-row: 1 / 7; }
.cats-grid .s5 { grid-column: 13 / 16; grid-row: 1 / 4; }
.cats-grid .s6 { grid-column: 13 / 16; grid-row: 4 / 7; }

/* Tablet */
@media (max-width: 1024px) {
  .cats-grid .cb-wrap { grid-template-columns: repeat(12, 1fr); }
  .cats-grid .s1 { grid-column: 1 / 4;  grid-row: 1 / 4; }
  .cats-grid .s2 { grid-column: 4 / 7;  grid-row: 1 / 4; }
  .cats-grid .s3 { grid-column: 1 / 4;  grid-row: 4 / 7; }
  .cats-grid .s4 { grid-column: 4 / 7;  grid-row: 4 / 7; }
  .cats-grid .big{ grid-column: 7 / 13; grid-row: 1 / 7; }
  .cats-grid .s5 { grid-column: 1 / 4;  grid-row: 7 / 10; }
  .cats-grid .s6 { grid-column: 4 / 7;  grid-row: 7 / 10; }
}

/* Mobile */
@media (max-width: 720px) {
  .cats-grid .cb-wrap { grid-template-columns: repeat(6, 1fr); gap: 12px; }
  .cats-grid .s1 { grid-column: 1 / 4; grid-row: auto; }
  .cats-grid .s2 { grid-column: 4 / 7; grid-row: auto; }
  .cats-grid .s3 { grid-column: 1 / 4; grid-row: auto; }
  .cats-grid .s4 { grid-column: 4 / 7; grid-row: auto; }
  .cats-grid .big{ grid-column: 1 / 7; grid-row: auto; }
  .cats-grid .s5 { grid-column: 1 / 4; grid-row: auto; }
  .cats-grid .s6 { grid-column: 4 / 7; grid-row: auto; }
  .cats-grid .cb-label { font-size: 26px; }
}

/* Spazietto sopra la griglia per evitare che il titolo ci “entri” dentro */
.cats-grid .elementor-widget-heading + .elementor-widget-html .cb-wrap,
.cats-grid .cb-wrap { margin-top: 8px; }

.cats-grid .cb-label{
  text-align: center;     /* centra il testo su più righe */
  padding: 0 6%;          /* piccolo respiro ai lati per evitare che “spinga” */
  line-height: 1.15;      /* (opzionale) righe più compatte */
  /* il resto della tua regola resta uguale */
}

/* Tablet only */
@media (min-width: 721px) and (max-width: 1024px){
  .cats-grid .s5,
  .cats-grid .s6{ display: none; }
}

/* Desktop – layout specchio della prima griglia
   (2 piccole in colonna | 1 grande | 4 piccole 2×2) */
@media (min-width:1025px){
  .cb-wrap.cats-grid--left{ 
    grid-template-columns: repeat(15, 1fr);
  }

  /* 2 piccole a sinistra (una sopra, una sotto) */
  .cats-grid--left .s1{ grid-column: 1 / 4;  grid-row: 1 / 4; }  /* sopra */
  .cats-grid--left .s2{ grid-column: 1 / 4;  grid-row: 4 / 7; }  /* sotto */

  /* grande al centro (stessa area di 4 piccole) */
  .cats-grid--left .big{ grid-column: 4 / 10; grid-row: 1 / 7; } /* 6 col × 6 row */

  /* 4 piccole a destra (2×2) */
  .cats-grid--left .s3{ grid-column: 10 / 13; grid-row: 1 / 4; }
  .cats-grid--left .s4{ grid-column: 13 / 16; grid-row: 1 / 4; } /* 16 è il bordo destro della griglia 15-col */
  .cats-grid--left .s5{ grid-column: 10 / 13; grid-row: 4 / 7; }
  .cats-grid--left .s6{ grid-column: 13 / 16; grid-row: 4 / 7; }
}/* End custom CSS */