/* Sivieri Catalog Loop 1.0.0
   Mobile first. Nessun DOM restructuring.
   Brand, titolo, prezzo e swatches condividono ESATTAMENTE lo stesso asse sinistro.
*/

:root{
  --scl-page:#FEFEFD;
  --scl-media:#F2F1EE;
  --scl-card:#F7F6F3;
  --scl-ink:#252627;
  --scl-deep:#261C15;
  --scl-muted:#756E68;
  --scl-accent:#A63D40;
}

/* ---------------------------------------------------------
   Griglia editoriale — 4 / 3 / 2 / 2
   --------------------------------------------------------- */
@supports selector(:has(*)){
  .elementor-widget-loop-grid:has(.sp-loop-card-ux),
  .elementor-widget-loop-grid:has(.sp-loop-card-ux) > .elementor-widget-container{
    background:var(--scl-page)!important;
  }

  .elementor-widget-loop-grid:has(.sp-loop-card-ux) .elementor-loop-container{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:12px!important;
    row-gap:20px!important;
    align-items:start!important;
    background:var(--scl-page)!important;
  }

  .elementor-widget-loop-grid:has(.sp-loop-card-ux) .e-loop-item{
    min-width:0!important;
    height:auto!important;
    align-self:start!important;
  }
}

@media (min-width:1025px) and (max-width:1279px){
  @supports selector(:has(*)){
    .elementor-widget-loop-grid:has(.sp-loop-card-ux) .elementor-loop-container{
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
      column-gap:10px!important;
      row-gap:18px!important;
    }
  }
}

@media (min-width:768px) and (max-width:1024px){
  @supports selector(:has(*)){
    .elementor-widget-loop-grid:has(.sp-loop-card-ux) .elementor-loop-container{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      column-gap:8px!important;
      row-gap:14px!important;
    }
  }
}

@media (max-width:767px){
  @supports selector(:has(*)){
    .elementor-widget-loop-grid:has(.sp-loop-card-ux) .elementor-loop-container{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      column-gap:7px!important;
      row-gap:12px!important;
    }
  }
}

/* ---------------------------------------------------------
   Card standard — nessun bordo duro, nessuna ombra
   --------------------------------------------------------- */
.sp-loop-card-ux{
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--scl-card)!important;
  color:var(--scl-ink)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}

/* ---------------------------------------------------------
   Immagine: sfondo appena più freddo.
   La principale resta SEMPRE dentro la propria card.
   --------------------------------------------------------- */
.sp-loop-card-ux .elementor-widget-theme-post-featured-image,
.sp-loop-card-ux .elementor-widget-image{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--scl-media)!important;
}

.sp-loop-card-ux .elementor-widget-theme-post-featured-image .elementor-widget-container,
.sp-loop-card-ux .elementor-widget-image .elementor-widget-container,
.sp-loop-card-ux .elementor-widget-theme-post-featured-image a,
.sp-loop-card-ux .elementor-widget-image a,
.sp-loop-card-ux .elementor-widget-theme-post-featured-image picture,
.sp-loop-card-ux .elementor-widget-image picture{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--scl-media)!important;
}

.sp-loop-card-ux .elementor-widget-theme-post-featured-image img:not(.sivieri-catalog-hover-image),
.sp-loop-card-ux .elementor-widget-image img:not(.sivieri-catalog-hover-image){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:var(--scl-media)!important;
}

/* Seconda immagine: solo desktop con mouse reale.
   Su touch/mobile l'elemento viene anche rimosso dal JS. */
.sivieri-catalog-image-host{
  position:relative!important;
  overflow:hidden!important;
}

.sivieri-catalog-hover-image{
  display:none!important;
}

@media (min-width:1025px) and (hover:hover) and (pointer:fine){
  .sivieri-catalog-hover-image{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    object-fit:contain!important;
    object-position:center!important;
    background:var(--scl-media)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease!important;
  }

  .sivieri-catalog-image-host.has-sivieri-catalog-hover:hover > .sivieri-catalog-hover-image{
    opacity:1!important;
    visibility:visible!important;
  }
}

/* ---------------------------------------------------------
   ASSE TESTI.
   Brand, titolo, prezzo, swatches: stesso padding sinistro.
   --------------------------------------------------------- */
.sivieri-catalog-loop-brand,
.sp-loop-card-ux .elementor-widget-woocommerce-product-title,
.sp-loop-card-ux .elementor-widget-woocommerce-product-price,
.sp-loop-card-ux .elementor-widget-product-price,
.sp-loop-card-ux .sivieri-catalog-swatches,
.sp-loop-card-ux .sivieri-catalog-swatches--placeholder{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  text-align:left!important;
}

/* Brand */
.sivieri-catalog-loop-brand{
  display:block!important;
  min-height:12px!important;
  margin:0!important;
  padding:10px 10px 0!important;
  overflow:hidden!important;
  color:var(--scl-muted)!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:8.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  background:var(--scl-card)!important;
}

.sivieri-catalog-loop-brand a,
.sivieri-catalog-loop-brand span{
  color:inherit!important;
  text-decoration:none!important;
}

/* Titolo */
.sp-loop-card-ux .elementor-widget-woocommerce-product-title{
  min-height:39px!important;
  margin:0!important;
  padding:5px 10px 0!important;
  background:var(--scl-card)!important;
}

.sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-heading-title,
.sp-loop-card-ux .elementor-widget-woocommerce-product-title .product_title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  color:var(--scl-ink)!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.34!important;
  text-align:left!important;
}

/* Prezzo */
.sp-loop-card-ux .elementor-widget-woocommerce-product-price,
.sp-loop-card-ux .elementor-widget-product-price{
  margin:0!important;
  padding:7px 10px 0!important;
  color:var(--scl-deep)!important;
  background:var(--scl-card)!important;
}

.sp-loop-card-ux .elementor-widget-woocommerce-product-price,
.sp-loop-card-ux .elementor-widget-woocommerce-product-price .price,
.sp-loop-card-ux .elementor-widget-product-price,
.sp-loop-card-ux .elementor-widget-product-price .price{
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:11.5px!important;
  font-weight:400!important;
  line-height:1.15!important;
  text-align:left!important;
  white-space:nowrap!important;
}

/* ---------------------------------------------------------
   Swatches
   --------------------------------------------------------- */
.sivieri-catalog-swatches{
  --scl-dot:14px;
  --scl-hit:24px;
  display:block!important;
  min-height:34px!important;
  margin:0!important;
  padding:5px 8px 8px 10px!important;
  background:var(--scl-card)!important;
  color:var(--scl-ink)!important;
  font-family:Montserrat,Arial,sans-serif!important;
}

.sivieri-catalog-swatches__row{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:1px!important;
  width:auto!important;
  min-height:var(--scl-hit)!important;
  margin:0!important;
  padding:0!important;
}

.sivieri-catalog-swatches__swatch{
  position:relative!important;
  display:inline-flex!important;
  flex:0 0 var(--scl-hit)!important;
  align-items:center!important;
  justify-content:center!important;
  width:var(--scl-hit)!important;
  height:var(--scl-hit)!important;
  min-width:var(--scl-hit)!important;
  min-height:var(--scl-hit)!important;
  max-width:var(--scl-hit)!important;
  max-height:var(--scl-hit)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
}

.sivieri-catalog-swatches__swatch[hidden],
.sivieri-catalog-swatches__toggle[hidden]{
  display:none!important;
}

.sivieri-catalog-swatches__dot{
  position:relative!important;
  display:block!important;
  width:var(--scl-dot)!important;
  height:var(--scl-dot)!important;
  min-width:var(--scl-dot)!important;
  min-height:var(--scl-dot)!important;
  max-width:var(--scl-dot)!important;
  max-height:var(--scl-dot)!important;
  border:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
}

.sivieri-catalog-swatches__swatch.is-light .sivieri-catalog-swatches__dot{
  box-shadow:inset 0 0 0 1px #aaa5a0!important;
}

.sivieri-catalog-swatches__swatch.is-selected .sivieri-catalog-swatches__dot{
  box-shadow:0 0 0 1px #fff,0 0 0 2px #171717!important;
}

.sivieri-catalog-swatches__swatch.is-selected.is-light .sivieri-catalog-swatches__dot{
  box-shadow:inset 0 0 0 1px #aaa5a0,0 0 0 1px #fff,0 0 0 2px #171717!important;
}

.sivieri-catalog-swatches__slash{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:2!important;
  display:block!important;
  width:calc(var(--scl-dot) + 5px)!important;
  height:1.5px!important;
  border-radius:2px!important;
  transform:translate(-50%,-50%) rotate(-45deg)!important;
  pointer-events:none!important;
}

.sivieri-catalog-swatches__toggle{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  height:var(--scl-hit)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#4F4944!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
}

.sivieri-catalog-swatches--placeholder{
  display:block!important;
  visibility:hidden!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
  background:var(--scl-card)!important;
}

/* ---------------------------------------------------------
   Smartphone: riferimento principale
   --------------------------------------------------------- */
@media (max-width:767px){
  .sivieri-catalog-loop-brand{
    min-height:11px!important;
    padding:8px 8px 0!important;
    font-size:7.6px!important;
    line-height:1.2!important;
    letter-spacing:.085em!important;
  }

  .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    min-height:36px!important;
    padding:4px 8px 0!important;
  }

  .sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-heading-title,
  .sp-loop-card-ux .elementor-widget-woocommerce-product-title .product_title{
    font-size:10.5px!important;
    line-height:1.28!important;
  }

  .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sp-loop-card-ux .elementor-widget-product-price{
    padding:6px 8px 0!important;
  }

  .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sp-loop-card-ux .elementor-widget-woocommerce-product-price .price,
  .sp-loop-card-ux .elementor-widget-product-price,
  .sp-loop-card-ux .elementor-widget-product-price .price{
    font-size:10.25px!important;
    line-height:1.1!important;
  }

  .sivieri-catalog-swatches{
    --scl-dot:12px;
    --scl-hit:20px;
    min-height:31px!important;
    padding:4px 6px 7px 8px!important;
  }

  .sivieri-catalog-swatches__row{
    gap:1px!important;
  }

  .sivieri-catalog-swatches__toggle{
    min-width:18px!important;
    font-size:9px!important;
  }

  .sivieri-catalog-swatches--placeholder{
    height:31px!important;
    min-height:31px!important;
  }
}

/* ---------------------------------------------------------
   Desktop: micro feedback, senza muovere la card
   --------------------------------------------------------- */
@media (min-width:1025px) and (hover:hover) and (pointer:fine){
  .sivieri-catalog-swatches__swatch:hover .sivieri-catalog-swatches__dot{
    transform:scale(1.04)!important;
  }

  .sp-loop-card-ux a:focus-visible,
  .sp-loop-card-ux button:focus-visible{
    outline:1px solid var(--scl-accent)!important;
    outline-offset:2px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .sivieri-catalog-hover-image,
  .sivieri-catalog-swatches__dot{
    transition:none!important;
  }
}

/* Mai sulle schede prodotto. */
body.single-product .sivieri-catalog-swatches,
body.single-product .sivieri-catalog-loop-brand{
  display:none!important;
  visibility:hidden!important;
}


/* ==========================================================
   1.1.0 — MODULO EDITORIALE OPZIONALE
   Non modifica in alcun modo le card prodotto standard.
   ========================================================== */

.sivieri-catalog-editorial{
  grid-column:span 2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;
  min-width:0!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#F2F1EE!important;
  color:#252627!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.sivieri-catalog-editorial__media{
  display:block!important;
  min-width:0!important;
  min-height:100%!important;
  overflow:hidden!important;
  background:#EEECE8!important;
}

.sivieri-catalog-editorial__media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}

.sivieri-catalog-editorial__copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding:32px 28px!important;
  background:linear-gradient(180deg,#F5F3EF 0%,#EFECE7 100%)!important;
}

.sivieri-catalog-editorial__eyebrow{
  margin:0 0 9px!important;
  color:#756E68!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

.sivieri-catalog-editorial__title{
  margin:0 0 12px!important;
  color:#261C15!important;
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-size:30px!important;
  line-height:1.02!important;
  font-weight:400!important;
}

.sivieri-catalog-editorial__text{
  max-width:34em!important;
  margin:0 0 18px!important;
  color:#4D4945!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.55!important;
  font-weight:400!important;
}

.sivieri-catalog-editorial__cta{
  display:inline-block!important;
  margin:0!important;
  padding:0 0 4px!important;
  color:#261C15!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  border-bottom:1px solid #261C15!important;
}

@media (min-width:768px) and (max-width:1024px){
  .sivieri-catalog-editorial{
    grid-column:1 / -1!important;
    grid-template-columns:1.15fr .85fr!important;
  }

  .sivieri-catalog-editorial__copy{
    padding:26px 24px!important;
  }

  .sivieri-catalog-editorial__title{
    font-size:27px!important;
  }
}

@media (max-width:767px){
  .sivieri-catalog-editorial{
    grid-column:1 / -1!important;
    display:block!important;
    margin:4px 0!important;
  }

  .sivieri-catalog-editorial__media{
    width:100%!important;
    min-height:0!important;
  }

  .sivieri-catalog-editorial__media img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4 / 5!important;
    object-fit:cover!important;
  }

  .sivieri-catalog-editorial__copy{
    padding:18px 16px 20px!important;
  }

  .sivieri-catalog-editorial__eyebrow{
    margin-bottom:7px!important;
    font-size:7.5px!important;
  }

  .sivieri-catalog-editorial__title{
    margin-bottom:9px!important;
    font-size:25px!important;
    line-height:1.03!important;
  }

  .sivieri-catalog-editorial__text{
    margin-bottom:14px!important;
    font-size:11px!important;
    line-height:1.5!important;
  }

  .sivieri-catalog-editorial__cta{
    font-size:8.5px!important;
  }
}


/* ==========================================================
   1.2.0 — PRODOTTO FEATURED AUTOMATICO
   La card standard non viene ricostruita: cambia soltanto span
   e proporzioni quando riceve la classe featured.
   ========================================================== */

.sivieri-catalog-featured-product{
  grid-column:span 2!important;
  min-width:0!important;
}

/* Desktop: card grande ma non enorme.
   Foto più panoramica, testi leggermente più ariosi. */
@media (min-width:1025px){
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-theme-post-featured-image img:not(.sivieri-catalog-hover-image),
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-image img:not(.sivieri-catalog-hover-image){
    aspect-ratio:16 / 10!important;
    object-fit:contain!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand{
    padding:12px 14px 0!important;
    font-size:9px!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    min-height:43px!important;
    padding:6px 14px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-heading-title,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .product_title{
    font-size:13px!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price{
    padding:8px 14px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .sivieri-catalog-swatches{
    padding-left:14px!important;
    padding-right:12px!important;
  }
}

/* Tablet: full width per non creare buchi. */
@media (min-width:768px) and (max-width:1024px){
  .sivieri-catalog-featured-product{
    grid-column:1 / -1!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-theme-post-featured-image img:not(.sivieri-catalog-hover-image),
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-image img:not(.sivieri-catalog-hover-image){
    aspect-ratio:16 / 10!important;
    object-fit:contain!important;
  }
}

/* Smartphone: full width. È una pausa editoriale, non una masonry. */
@media (max-width:767px){
  .sivieri-catalog-featured-product{
    grid-column:1 / -1!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-theme-post-featured-image img:not(.sivieri-catalog-hover-image),
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-image img:not(.sivieri-catalog-hover-image){
    aspect-ratio:4 / 3!important;
    object-fit:contain!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand{
    padding:10px 10px 0!important;
    font-size:8px!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    min-height:36px!important;
    padding:5px 10px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-heading-title,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .product_title{
    font-size:11px!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price{
    padding:6px 10px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .sivieri-catalog-swatches{
    padding-left:10px!important;
  }
}


/* 1.2.1 — Elementor wrapper fallback */
.elementor-loop-container > .sivieri-catalog-featured-product{
  grid-column:span 2!important;
}
@media (max-width:1024px){
  .elementor-loop-container > .sivieri-catalog-featured-product{
    grid-column:1 / -1!important;
  }
}


/* ==========================================================
   1.3.0 — FEATURED AUTOMATICA 2×2 REALE
   ========================================================== */

/* Desktop: 2 colonne × 2 righe. L'altezza viene misurata dal JS
   sulle card standard reali, quindi non dipende da valori "a occhio". */
@media (min-width:1025px) and (hover:hover) and (pointer:fine){
  .elementor-loop-container > .sivieri-catalog-featured-product,
  .sivieri-catalog-featured-product{
    grid-column:span 2!important;
    grid-row:span 2!important;
    min-height:var(--scl-featured-height,auto)!important;
    height:var(--scl-featured-height,auto)!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media{
    flex:0 0 var(--scl-featured-media-height,70%)!important;
    width:100%!important;
    height:var(--scl-featured-media-height,70%)!important;
    min-height:var(--scl-featured-media-height,70%)!important;
    max-height:var(--scl-featured-media-height,70%)!important;
    overflow:hidden!important;
    background:var(--scl-media)!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media .elementor-widget-container,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media a,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media picture{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    background:var(--scl-media)!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media img:not(.sivieri-catalog-hover-image){
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    /* Solo sulla featured desktop: rende davvero più presente il prodotto
       senza passare a object-fit:cover, che rischierebbe di tagliarlo. */
    transform:scale(1.10)!important;
    transform-origin:center!important;
  }

  /* La featured non cambia fotografia al passaggio.
     Evita crop e salti visivi sulle immagini grandi. */
  .sivieri-catalog-featured-product .sivieri-catalog-hover-image{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
}

/* Tablet/mobile: resta la soluzione che stava già funzionando bene.
   Full width ma senza forzare l'altezza di due card. */
@media (max-width:1024px){
  .sivieri-catalog-featured-product{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    height:auto!important;
    min-height:0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    height:auto!important;
    min-height:0!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}


/* ==========================================================
   1.3.1 — FEATURED PROPORTIONS FIX
   ========================================================== */

@media (min-width:1025px) and (hover:hover) and (pointer:fine){

  .sivieri-catalog-featured-product{
    grid-column:span 2!important;
    grid-row:span 2!important;
    height:var(--scl-featured-height,auto)!important;
    min-height:var(--scl-featured-height,auto)!important;
    overflow:hidden!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    background:var(--scl-card)!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--scl-media)!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media .elementor-widget-container,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media a,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media picture{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--scl-media)!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media img:not(.sivieri-catalog-hover-image){
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    background:var(--scl-media)!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-hover-image{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand{
    min-height:0!important;
    margin:0!important;
    padding:17px 18px 0!important;
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.11em!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    min-height:0!important;
    margin:0!important;
    padding:7px 18px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-heading-title,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .product_title{
    font-size:15px!important;
    line-height:1.32!important;
    -webkit-line-clamp:2!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price{
    margin:0!important;
    padding:13px 18px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price .price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price .price{
    font-size:13px!important;
    line-height:1.15!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .sivieri-catalog-swatches{
    --scl-dot:15px;
    --scl-hit:26px;
    min-height:38px!important;
    margin:0!important;
    padding:7px 16px 10px 18px!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand,
  .sivieri-catalog-featured-product .elementor-widget-woocommerce-product-title,
  .sivieri-catalog-featured-product .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .elementor-widget-product-price,
  .sivieri-catalog-featured-product .sivieri-catalog-swatches{
    flex:0 0 auto!important;
    align-self:stretch!important;
  }
}

@media (max-width:1024px){
  .sivieri-catalog-featured-product{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    height:auto!important;
    min-height:0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    height:auto!important;
    min-height:0!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media{
    aspect-ratio:auto!important;
    height:auto!important;
    min-height:0!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media img:not(.sivieri-catalog-hover-image){
    transform:none!important;
  }
}


/* ==========================================================
   1.3.2 — FEATURED TYPOGRAPHY POLISH
   Solo gerarchia tipografica e spaziature della featured desktop.
   Griglia, foto, ritmo e card standard restano invariati.
   ========================================================== */

@media (min-width:1025px) and (hover:hover) and (pointer:fine){

  /* Un unico asse sinistro più generoso per tutta la parte informativa. */
  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .sivieri-catalog-swatches{
    box-sizing:border-box!important;
    width:100%!important;
    text-align:left!important;
  }

  /* Brand: più leggibile ma sempre secondario. */
  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand{
    padding:20px 24px 0!important;
    font-size:11px!important;
    line-height:1.18!important;
    letter-spacing:.115em!important;
    font-weight:500!important;
  }

  /* Titolo: vero salto editoriale rispetto alla card standard. */
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    min-height:0!important;
    padding:9px 24px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-heading-title,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .product_title{
    font-size:18px!important;
    line-height:1.28!important;
    font-weight:400!important;
    letter-spacing:0!important;
    -webkit-line-clamp:2!important;
  }

  /* Prezzo: più presente senza competere con il titolo. */
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price{
    padding:16px 24px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price .price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price .price{
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:400!important;
  }

  /* Swatches: leggermente più grandi e con lo stesso identico asse dei testi. */
  .sivieri-catalog-featured-product .sp-loop-card-ux .sivieri-catalog-swatches{
    --scl-dot:16px;
    --scl-hit:28px;
    min-height:42px!important;
    padding:8px 20px 12px 24px!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-swatches__toggle{
    min-width:24px!important;
    font-size:11px!important;
  }
}


/* ==========================================================
   1.3.3 — FEATURED CENTERED MEDIA + EDITORIAL INFO SCALE
   Solo featured desktop. Card standard e mobile invariati.
   ========================================================== */

@media (min-width:1025px) and (hover:hover) and (pointer:fine){

  /* FOTO FEATURED
     Il frame resta quadrato, ma tutto il contenuto viene centrato davvero
     verticalmente/orizzontalmente. Un piccolo respiro uniforme evita che
     il prodotto sembri appoggiato al bordo inferiore. */
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media{
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    padding:2.5%!important;
    background:var(--scl-media)!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media .elementor-widget-container,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media a,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media picture{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media img:not(.sivieri-catalog-hover-image){
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    transform:none!important;
    transform-origin:center center!important;
  }

  /* BLOCCO INFORMAZIONI
     La featured è 2x2: anche la gerarchia deve essere chiaramente più
     importante della card standard, ma senza diventare promozionale. */
  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand{
    padding:22px 28px 0!important;
    font-size:12px!important;
    line-height:1.18!important;
    letter-spacing:.115em!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    min-height:0!important;
    padding:10px 28px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-heading-title,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .product_title{
    font-size:20px!important;
    line-height:1.26!important;
    font-weight:400!important;
    -webkit-line-clamp:2!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price{
    padding:17px 28px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price .price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price .price{
    font-size:15px!important;
    line-height:1.15!important;
  }

  /* SWATCHES FEATURED: più grandi e più leggibili.
     Restano sulla stessa asse sinistra dei testi. */
  .sivieri-catalog-featured-product .sp-loop-card-ux .sivieri-catalog-swatches{
    --scl-dot:18px;
    --scl-hit:32px;
    min-height:48px!important;
    padding:9px 24px 15px 28px!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-swatches__row{
    min-height:32px!important;
    gap:2px!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-swatches__toggle{
    min-width:26px!important;
    height:32px!important;
    font-size:12px!important;
  }

  /* Mantiene l'area informativa compatta e ordinata, senza stiramenti. */
  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand,
  .sivieri-catalog-featured-product .elementor-widget-woocommerce-product-title,
  .sivieri-catalog-featured-product .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .elementor-widget-product-price,
  .sivieri-catalog-featured-product .sivieri-catalog-swatches{
    flex:0 0 auto!important;
    align-self:stretch!important;
    text-align:left!important;
  }
}


/* ==========================================================
   1.3.4 — FEATURED ABOVE-THE-FOLD UX
   Obiettivo: immagine grande ma non "alta quanto tutta la card".
   Informazioni e colori devono essere raggiungibili senza scroll extra.
   Solo desktop featured.
   ========================================================== */

@media (min-width:1025px) and (hover:hover) and (pointer:fine){

  /* Il problema della 1.3.3 era il frame quadrato: su una featured larga
     spingeva brand/prezzo/colori troppo in basso. 4:3 mantiene presenza,
     centra il prodotto e libera spazio verticale per le informazioni. */
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media{
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:4 / 3!important;
    box-sizing:border-box!important;
    padding:1.8%!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background:var(--scl-media)!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media .elementor-widget-container,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media a,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media picture{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-featured-media img:not(.sivieri-catalog-hover-image){
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    transform:none!important;
  }

  /* Informazioni più vicine alla foto: nessun "vuoto di intermezzo". */
  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand{
    padding:16px 28px 0!important;
    margin:0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    padding:7px 28px 0!important;
    margin:0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price{
    padding:12px 28px 0!important;
    margin:0!important;
  }

  /* Gli swatches devono sembrare parte del blocco prezzo, non un elemento
     lontano: meno distanza sopra, hit area comunque comoda. */
  .sivieri-catalog-featured-product .sp-loop-card-ux .sivieri-catalog-swatches{
    --scl-dot:18px;
    --scl-hit:30px;
    min-height:42px!important;
    margin:0!important;
    padding:5px 24px 9px 28px!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-swatches__row{
    min-height:30px!important;
    gap:2px!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-swatches__toggle{
    min-width:25px!important;
    height:30px!important;
    font-size:12px!important;
  }

  /* Tutto resta in alto: la card è alta due righe, ma il contenuto utile
     non viene distribuito lungo tutta l'altezza. */
  .sivieri-catalog-featured-product .sp-loop-card-ux{
    justify-content:flex-start!important;
    align-content:flex-start!important;
  }
}


/* ==========================================================
   1.5.0 — COMPACT INFO + COLORED FEATURED CANVAS
   ========================================================== */

/* ----------------------------------------------------------
   CARD STANDARD: meno vuoto tra titolo, prezzo e colori
   ---------------------------------------------------------- */

@media (min-width:768px){
  .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    min-height:34px!important;
    padding-top:4px!important;
  }

  .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sp-loop-card-ux .elementor-widget-product-price{
    padding-top:4px!important;
  }

  .sp-loop-card-ux .sivieri-catalog-swatches{
    padding-top:3px!important;
  }
}

@media (max-width:767px){
  .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    min-height:29px!important;
    padding-top:3px!important;
  }

  .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sp-loop-card-ux .elementor-widget-product-price{
    padding-top:3px!important;
  }

  .sp-loop-card-ux .sivieri-catalog-swatches{
    padding-top:2px!important;
  }
}

/* ----------------------------------------------------------
   FEATURED DESKTOP:
   il 2x2 è il CANVAS editoriale.
   La card prodotto resta compatta e centrata al suo interno.
   ---------------------------------------------------------- */

@media (min-width:1025px) and (hover:hover) and (pointer:fine){

  .elementor-loop-container > .sivieri-catalog-featured-product,
  .sivieri-catalog-featured-product{
    grid-column:span 2!important;
    grid-row:span 2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    height:var(--scl-featured-height,auto)!important;
    min-height:var(--scl-featured-height,auto)!important;
    padding:34px!important;
    overflow:hidden!important;
    background:var(--scl-featured-canvas,#EEE8E3)!important;
  }

  /* Card centrale: appena più importante di una standard,
     ma senza deformarla. */
  .sivieri-catalog-featured-product .sp-loop-card-ux{
    display:block!important;
    flex:none!important;
    width:min(56%,520px)!important;
    max-width:520px!important;
    min-width:330px!important;
    height:auto!important;
    min-height:0!important;
    margin:auto!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--scl-card)!important;
    box-shadow:none!important;
  }

  /* Ripristino vero comportamento "card normale":
     foto quadrata, nessun frame 4:3/2x2 ereditato dalle versioni precedenti. */
  .sivieri-catalog-featured-product .elementor-widget-theme-post-featured-image,
  .sivieri-catalog-featured-product .elementor-widget-image,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--scl-media)!important;
  }

  .sivieri-catalog-featured-product .elementor-widget-theme-post-featured-image .elementor-widget-container,
  .sivieri-catalog-featured-product .elementor-widget-image .elementor-widget-container,
  .sivieri-catalog-featured-product .elementor-widget-theme-post-featured-image a,
  .sivieri-catalog-featured-product .elementor-widget-image a,
  .sivieri-catalog-featured-product .elementor-widget-theme-post-featured-image picture,
  .sivieri-catalog-featured-product .elementor-widget-image picture,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media .elementor-widget-container,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media a,
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media picture{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:var(--scl-media)!important;
  }

  .sivieri-catalog-featured-product .elementor-widget-theme-post-featured-image img:not(.sivieri-catalog-hover-image),
  .sivieri-catalog-featured-product .elementor-widget-image img:not(.sivieri-catalog-hover-image),
  .sivieri-catalog-featured-product .sivieri-catalog-featured-media img:not(.sivieri-catalog-hover-image){
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    background:var(--scl-media)!important;
  }

  /* Info featured compatte: una sola colonna visiva coerente. */
  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand{
    min-height:0!important;
    margin:0!important;
    padding:12px 14px 0!important;
    font-size:9.5px!important;
    line-height:1.18!important;
    letter-spacing:.105em!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    min-height:34px!important;
    margin:0!important;
    padding:5px 14px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-heading-title,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .product_title{
    font-size:13.5px!important;
    line-height:1.28!important;
    font-weight:400!important;
    -webkit-line-clamp:2!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price{
    margin:0!important;
    padding:4px 14px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price .price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price .price{
    font-size:12.5px!important;
    line-height:1.15!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .sivieri-catalog-swatches{
    --scl-dot:15px;
    --scl-hit:26px;
    min-height:36px!important;
    margin:0!important;
    padding:3px 10px 8px 14px!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-swatches__row{
    min-height:26px!important;
    gap:2px!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-swatches__toggle{
    min-width:22px!important;
    height:26px!important;
    font-size:10px!important;
  }

  /* Featured statica al mouse: niente immagine secondaria. */
  .sivieri-catalog-featured-product .sivieri-catalog-hover-image{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
}

/* Mobile/tablet: featured full-width, senza canvas 2x2 forzato. */
@media (max-width:1024px){
  .sivieri-catalog-featured-product{
    background:transparent!important;
    padding:0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}


/* ==========================================================
   1.5.1 — CARD SCALE + REAL COMPACT INFO FIX
   ========================================================== */

/* Elementor sometimes leaves flex-grow/min-height on the wrappers that
   contain title / price / swatches. Padding alone cannot fix that gap.
   These wrappers are explicitly neutralised. */
.sp-loop-card-ux .sivieri-catalog-info-wrap,
.sp-loop-card-ux .sivieri-catalog-info-node,
.sp-loop-card-ux .sivieri-catalog-info-node > .elementor-widget-container{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  flex:0 0 auto!important;
  flex-grow:0!important;
  flex-shrink:0!important;
  align-self:stretch!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Also cover Elementor structures even before JS adds helper classes. */
@supports selector(:has(*)){
  .sp-loop-card-ux .e-con:not(.sp-loop-card-ux):has(.elementor-widget-woocommerce-product-title),
  .sp-loop-card-ux .e-con:not(.sp-loop-card-ux):has(.elementor-widget-woocommerce-product-price),
  .sp-loop-card-ux .e-con:not(.sp-loop-card-ux):has(.elementor-widget-product-price),
  .sp-loop-card-ux .e-con:not(.sp-loop-card-ux):has(.sivieri-catalog-swatches){
    min-height:0!important;
    height:auto!important;
    flex:0 0 auto!important;
    flex-grow:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    gap:0!important;
  }
}

/* ----------------------------------------------------------
   STANDARD CARDS — one compact visual group:
   brand -> title -> price -> swatches
   ---------------------------------------------------------- */
.sp-loop-card-ux .elementor-widget-woocommerce-product-title{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding-top:4px!important;
  padding-bottom:0!important;
}

.sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-widget-container{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}

.sp-loop-card-ux .elementor-widget-woocommerce-product-price,
.sp-loop-card-ux .elementor-widget-product-price{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding-top:7px!important;
  padding-bottom:0!important;
}

.sp-loop-card-ux .elementor-widget-woocommerce-product-price .elementor-widget-container,
.sp-loop-card-ux .elementor-widget-product-price .elementor-widget-container{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}

.sp-loop-card-ux .sivieri-catalog-swatches{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding-top:4px!important;
}

/* ----------------------------------------------------------
   FEATURED CANVAS — inner card should NOT look smaller than
   standard cards. Since the canvas spans two columns:
   ~60% width is about 18–22% larger than one normal column.
   ---------------------------------------------------------- */
@media (min-width:1025px) and (hover:hover) and (pointer:fine){

  .sivieri-catalog-featured-product{
    padding:28px!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    width:60%!important;
    max-width:580px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:auto!important;
  }

  /* Keep featured typography only slightly larger than standard,
     while keeping the information tightly grouped. */
  .sivieri-catalog-featured-product .sivieri-catalog-loop-brand{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:12px 16px 0!important;
    font-size:10px!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:5px 16px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .elementor-heading-title,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-title .product_title{
    font-size:14.5px!important;
    line-height:1.26!important;
    -webkit-line-clamp:2!important;
  }

  /* Key fix: price is directly below title. */
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:8px 16px 0!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-woocommerce-product-price .price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price,
  .sivieri-catalog-featured-product .sp-loop-card-ux .elementor-widget-product-price .price{
    font-size:13px!important;
    line-height:1.1!important;
  }

  /* Swatches visually belong to the price. */
  .sivieri-catalog-featured-product .sp-loop-card-ux .sivieri-catalog-swatches{
    --scl-dot:16px;
    --scl-hit:27px;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:5px 12px 9px 16px!important;
  }

  .sivieri-catalog-featured-product .sivieri-catalog-swatches__row{
    min-height:27px!important;
    gap:2px!important;
  }
}

/* Smartphone stays compact too, without changing the existing layout. */
@media (max-width:767px){
  .sp-loop-card-ux .elementor-widget-woocommerce-product-price,
  .sp-loop-card-ux .elementor-widget-product-price{
    padding-top:5px!important;
  }

  .sp-loop-card-ux .sivieri-catalog-swatches{
    padding-top:3px!important;
  }
}


/* ==========================================================
   1.5.2 — FEATURED CARD REAL SCALE
   Smartphone-first: questa correzione è SOLO desktop.
   ========================================================== */

@media (min-width:1025px) and (hover:hover) and (pointer:fine){

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    width:var(--scl-featured-card-width,auto)!important;
    max-width:86%!important;
    min-width:0!important;
    margin:auto!important;
  }

  /* Mantiene la featured centrata nel canvas anche se la misura cambia
     dinamicamente in base alla card standard reale. */
  .sivieri-catalog-featured-product{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* SMARTPHONE/TABLET: nessuna misura desktop trasferita.
   La featured resta full-width e leggibile senza scroll aggiuntivo. */
@media (max-width:1024px){
  .sivieri-catalog-featured-product{
    display:block!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
}


/* ==========================================================
   1.5.3 — FEATURED VISUAL SCALE
   La 1.5.2 era matematicamente +18%, ma dentro il canvas 2x2
   appariva comunque troppo piccola. Qui correggiamo la percezione.
   Smartphone/tablet invariati.
   ========================================================== */

@media (min-width:1025px) and (hover:hover) and (pointer:fine){

  .sivieri-catalog-featured-product{
    padding:22px!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    width:var(--scl-featured-card-width,68%)!important;
    max-width:76%!important;
    min-width:0!important;
    margin:auto!important;
  }

  /* Un leggerissimo aumento della presenza fotografica,
     senza passare a cover e senza cambiare il layout mobile. */
  .sivieri-catalog-featured-product
  .elementor-widget-theme-post-featured-image img:not(.sivieri-catalog-hover-image),
  .sivieri-catalog-featured-product
  .elementor-widget-image img:not(.sivieri-catalog-hover-image){
    transform:scale(1.06)!important;
    transform-origin:center center!important;
  }
}

@media (max-width:1024px){
  .sivieri-catalog-featured-product .sp-loop-card-ux{
    width:100%!important;
    max-width:none!important;
  }

  .sivieri-catalog-featured-product
  .elementor-widget-theme-post-featured-image img:not(.sivieri-catalog-hover-image),
  .sivieri-catalog-featured-product
  .elementor-widget-image img:not(.sivieri-catalog-hover-image){
    transform:none!important;
  }
}


/* ==========================================================
   1.5.4 — FEATURED +25% REAL VISUAL SIZE
   Richiesta: aumentare chiaramente la card interna.
   68% x 1.25 = 85% del canvas.
   SOLO desktop. Smartphone/tablet invariati.
   ========================================================== */

@media (min-width:1025px) and (hover:hover) and (pointer:fine){

  .sivieri-catalog-featured-product{
    padding:16px!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    width:85%!important;
    max-width:85%!important;
    min-width:0!important;
    margin:auto!important;
  }

  /* Il JS può calcolare una misura, ma qui la richiesta visiva ha priorità:
     la featured deve risultare davvero grande nel canvas 2x2. */
  .sivieri-catalog-featured-product{
    --scl-featured-card-width:85%!important;
  }

  /* Manteniamo la foto proporzionata alla nuova card, senza crop. */
  .sivieri-catalog-featured-product
  .elementor-widget-theme-post-featured-image img:not(.sivieri-catalog-hover-image),
  .sivieri-catalog-featured-product
  .elementor-widget-image img:not(.sivieri-catalog-hover-image){
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:1024px){
  .sivieri-catalog-featured-product .sp-loop-card-ux{
    width:100%!important;
    max-width:none!important;
  }
}


/* ==========================================================
   1.5.5 — FEATURED MAX SCALE
   La 1.5.4 era all'85%. Un altro +25% matematico sarebbe 106.25%
   e uscirebbe dal canvas. Portiamo quindi la card quasi al massimo
   fisicamente utile: 96% del canvas, con margine editoriale minimo.
   SOLO desktop. Smartphone/tablet invariati.
   ========================================================== */

@media (min-width:1025px) and (hover:hover) and (pointer:fine){

  .sivieri-catalog-featured-product{
    padding:8px!important;
    overflow:hidden!important;
  }

  .sivieri-catalog-featured-product .sp-loop-card-ux{
    width:96%!important;
    max-width:96%!important;
    min-width:0!important;
    margin:auto!important;
  }

  .sivieri-catalog-featured-product{
    --scl-featured-card-width:96%!important;
  }

  /* Foto sempre contenuta e centrata, senza crop. */
  .sivieri-catalog-featured-product
  .elementor-widget-theme-post-featured-image img:not(.sivieri-catalog-hover-image),
  .sivieri-catalog-featured-product
  .elementor-widget-image img:not(.sivieri-catalog-hover-image){
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}

@media (max-width:1024px){
  .sivieri-catalog-featured-product .sp-loop-card-ux{
    width:100%!important;
    max-width:none!important;
  }
}


/* ==========================================================
   1.5.10 — TABLET FEATURED VISIBILITY
   ========================================================== */
@media (min-width:768px) and (max-width:1024px){
  body.tax-product_cat .sivieri-catalog-featured-product{
    grid-column:1 / -1!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:14px!important;
    background:var(--scl-featured-canvas,#EEE8E3)!important;
  }
  body.tax-product_cat .sivieri-catalog-featured-product .sp-loop-card-ux{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
  }
  body.tax-product_cat .sivieri-catalog-featured-product .elementor-widget-theme-post-featured-image,
  body.tax-product_cat .sivieri-catalog-featured-product .elementor-widget-image{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:auto!important;
  }
  body.tax-product_cat .sivieri-catalog-featured-product .elementor-widget-theme-post-featured-image img:not(.sivieri-catalog-hover-image),
  body.tax-product_cat .sivieri-catalog-featured-product .elementor-widget-image img:not(.sivieri-catalog-hover-image){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    aspect-ratio:4 / 3!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
}


/* ==========================================================
   1.5.11 — TABLET FEATURED REAL MEDIA
   ========================================================== */
@media (min-width:768px) and (max-width:1180px){
  body.tax-product_cat .elementor-loop-container > .sivieri-catalog-featured-product{
    grid-column:1 / -1!important;
  }
  body.tax-product_cat .sivieri-catalog-featured-product{
    width:100%!important;
    max-width:none!important;
    padding:14px!important;
    background:var(--scl-featured-canvas,#E9E1DE)!important;
  }
  body.tax-product_cat .sivieri-catalog-tablet-featured-media{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    background:#F2F1EE!important;
  }
  body.tax-product_cat .sivieri-catalog-tablet-featured-media img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    aspect-ratio:3 / 2!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.tax-product_cat .sivieri-catalog-featured-product.scl-tablet-media-ready .scl-tablet-original-media{
    display:none!important;
  }
}


/* ==========================================================
   1.5.13 — COLOR-FILTER VISUAL SAFETY
   ========================================================== */
body.tax-product_cat .sivieri-catalog-filter-color-mismatch{
  display:none!important;
}


/* ==========================================================
   1.5.15 — TABLET FILTERED VARIANT IMAGE OVERLAY
   The original image remains in flow for geometry/lazy-load stability.
   The selected variant is painted above it while a color-family filter is active.
   ========================================================== */
@media (min-width:768px) and (max-width:1180px){
  body.tax-product_cat .sivieri-catalog-filter-image-host{
    position:relative!important;
    display:block!important;
    overflow:hidden!important;
  }

  body.tax-product_cat .sivieri-catalog-filter-tablet-image{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    pointer-events:none!important;
    background:#F2F1EE!important;
  }
}


/* ==========================================================
   1.5.18 — TABLET FEATURED 2×2 LEFT
   ========================================================== */
@media (min-width:768px) and (max-width:1180px){
  body.tax-product_cat .elementor-loop-container{
    grid-auto-flow:row dense!important;
  }

  body.tax-product_cat .elementor-loop-container > .sivieri-catalog-featured-product,
  body.tax-product_cat .sivieri-catalog-featured-product{
    grid-column:1 / span 2!important;
    grid-row:span 2!important;
    height:var(--scl-tablet-featured-height,auto)!important;
    padding:12px!important;
    background:var(--scl-featured-canvas,#E9E1DE)!important;
    overflow:hidden!important;
  }

  body.tax-product_cat .sivieri-catalog-featured-product .sp-loop-card-ux{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  body.tax-product_cat .sivieri-catalog-tablet-featured-media-1517{
    position:relative!important;
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-height:220px!important;
    overflow:hidden!important;
    background:#F2F1EE!important;
  }

  body.tax-product_cat .sivieri-catalog-tablet-featured-media-1517 img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  body.tax-product_cat .sivieri-catalog-featured-product.scl-tablet-1517-ready
  .scl-tablet-1517-original-media{
    display:none!important;
  }
}


/* ==========================================================
   1.5.19 — TABLET STANDARD CARD RHYTHM
   Keeps the two cards beside the 2×2 featured visually identical.
   ========================================================== */
@media (min-width:768px) and (max-width:1180px){
  body.tax-product_cat .elementor-loop-container{
    align-items:stretch!important;
  }

  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product),
  body.tax-product_cat .elementor-loop-container > [data-elementor-type="loop-item"]:not(.sivieri-catalog-featured-product){
    height:var(--scl-tablet-standard-height,auto)!important;
    min-height:0!important;
    align-self:stretch!important;
  }

  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product) > .sp-loop-card-ux,
  body.tax-product_cat .elementor-loop-container > [data-elementor-type="loop-item"]:not(.sivieri-catalog-featured-product) > .sp-loop-card-ux{
    height:100%!important;
    min-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product) .elementor-widget-theme-post-featured-image,
  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product) .elementor-widget-image{
    flex:0 0 auto!important;
  }

  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product) .sivieri-catalog-swatches,
  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product) .sivieri-catalog-swatches--placeholder{
    margin-top:auto!important;
  }
}


/* ==========================================================
   1.5.21 — DESKTOP SAFE RHYTHM
   Restores the 1.5.19 featured engine unchanged.
   Only standard-card stretching and no-animation are added.
   ========================================================== */
@media (min-width:1181px){

  body.tax-product_cat .elementor-loop-container{
    align-items:stretch!important;
  }

  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product),
  body.tax-product_cat .elementor-loop-container > [data-elementor-type="loop-item"]:not(.sivieri-catalog-featured-product){
    align-self:stretch!important;
    height:100%!important;
    min-height:0!important;
  }

  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product) .sp-loop-card-ux,
  body.tax-product_cat .elementor-loop-container > [data-elementor-type="loop-item"]:not(.sivieri-catalog-featured-product) .sp-loop-card-ux{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
  }

  /* Preserve a brand row even when brand text is missing from one card. */
  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product)
  .sp-loop-card-ux:not(:has(.sivieri-catalog-loop-brand))::before,
  body.tax-product_cat .elementor-loop-container > [data-elementor-type="loop-item"]:not(.sivieri-catalog-featured-product)
  .sp-loop-card-ux:not(:has(.sivieri-catalog-loop-brand))::before{
    content:""!important;
    display:block!important;
    flex:0 0 22px!important;
    height:22px!important;
    background:var(--scl-card)!important;
  }

  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product)
  .sivieri-catalog-swatches,
  body.tax-product_cat .elementor-loop-container > .e-loop-item:not(.sivieri-catalog-featured-product)
  .sivieri-catalog-swatches--placeholder,
  body.tax-product_cat .elementor-loop-container > [data-elementor-type="loop-item"]:not(.sivieri-catalog-featured-product)
  .sivieri-catalog-swatches,
  body.tax-product_cat .elementor-loop-container > [data-elementor-type="loop-item"]:not(.sivieri-catalog-featured-product)
  .sivieri-catalog-swatches--placeholder{
    margin-top:auto!important;
  }

  /* Keep the already-working featured visible and visually still. */
  body.tax-product_cat .sivieri-catalog-featured-product,
  body.tax-product_cat .sivieri-catalog-featured-product .sp-loop-card-ux,
  body.tax-product_cat .sivieri-catalog-featured-product .sivieri-catalog-featured-media,
  body.tax-product_cat .sivieri-catalog-featured-product .sivieri-catalog-featured-media img{
    transition:none!important;
    animation:none!important;
  }

  body.tax-product_cat .sivieri-catalog-featured-product .sivieri-catalog-featured-media{
    overflow:hidden!important;
  }
}


/* ==========================================================
   1.6.0 — INTERMEZZO EDITORIALE PER CATEGORIA
   Desktop 3×2 · Tablet 2×2 · Smartphone full width.
   ========================================================== */

.sivieri-catalog-editorial{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#261C15!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.sivieri-catalog-editorial__media,
.sivieri-catalog-editorial__media picture{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

.sivieri-catalog-editorial__media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:left center!important;
  transform:none!important;
}

.sivieri-catalog-editorial__shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(24,17,13,1) 0%,rgba(24,17,13,.58) 43%,rgba(24,17,13,.14) 72%,rgba(24,17,13,0) 100%)!important;
  opacity:var(--scl-editorial-overlay,.20)!important;
}

.sivieri-catalog-editorial[data-scl-position="right"] .sivieri-catalog-editorial__shade{
  background:linear-gradient(270deg,rgba(24,17,13,1) 0%,rgba(24,17,13,.58) 43%,rgba(24,17,13,.14) 72%,rgba(24,17,13,0) 100%)!important;
  opacity:var(--scl-editorial-overlay,.20)!important;
}

.sivieri-catalog-editorial[data-scl-position="center"] .sivieri-catalog-editorial__shade{
  background:rgba(24,17,13,1)!important;
  opacity:var(--scl-editorial-overlay,.20)!important;
}

.sivieri-catalog-editorial[data-scl-tone="dark"] .sivieri-catalog-editorial__shade{
  background:linear-gradient(90deg,rgba(254,254,253,1) 0%,rgba(254,254,253,.66) 45%,rgba(254,254,253,.12) 78%,rgba(254,254,253,0) 100%)!important;
  opacity:var(--scl-editorial-overlay,.20)!important;
}

.sivieri-catalog-editorial[data-scl-tone="dark"][data-scl-position="right"] .sivieri-catalog-editorial__shade{
  background:linear-gradient(270deg,rgba(254,254,253,1) 0%,rgba(254,254,253,.66) 45%,rgba(254,254,253,.12) 78%,rgba(254,254,253,0) 100%)!important;
  opacity:var(--scl-editorial-overlay,.20)!important;
}

.sivieri-catalog-editorial[data-scl-tone="dark"][data-scl-position="center"] .sivieri-catalog-editorial__shade{
  background:rgba(254,254,253,1)!important;
  opacity:var(--scl-editorial-overlay,.20)!important;
}

.sivieri-catalog-editorial__copy{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  padding:clamp(28px,3.2vw,54px)!important;
  background:none!important;
  pointer-events:none!important;
}

.sivieri-catalog-editorial[data-scl-position="center"] .sivieri-catalog-editorial__copy{
  align-items:center!important;
  text-align:center!important;
}

.sivieri-catalog-editorial[data-scl-position="right"] .sivieri-catalog-editorial__copy{
  align-items:flex-end!important;
  text-align:right!important;
}

.sivieri-catalog-editorial__eyebrow,
.sivieri-catalog-editorial__title,
.sivieri-catalog-editorial__text,
.sivieri-catalog-editorial__signature,
.sivieri-catalog-editorial__cta{
  color:#FEFEFD!important;
}

.sivieri-catalog-editorial[data-scl-tone="dark"] .sivieri-catalog-editorial__eyebrow,
.sivieri-catalog-editorial[data-scl-tone="dark"] .sivieri-catalog-editorial__title,
.sivieri-catalog-editorial[data-scl-tone="dark"] .sivieri-catalog-editorial__text,
.sivieri-catalog-editorial[data-scl-tone="dark"] .sivieri-catalog-editorial__signature,
.sivieri-catalog-editorial[data-scl-tone="dark"] .sivieri-catalog-editorial__cta{
  color:#261C15!important;
}

.sivieri-catalog-editorial__eyebrow{
  margin:0 0 10px!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  opacity:.88!important;
}

.sivieri-catalog-editorial__title{
  max-width:12em!important;
  margin:0 0 14px!important;
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-size:clamp(34px,3.25vw,58px)!important;
  line-height:.98!important;
  font-weight:400!important;
  letter-spacing:-.015em!important;
}

.sivieri-catalog-editorial__text{
  max-width:42em!important;
  margin:0!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:clamp(12px,1vw,15px)!important;
  line-height:1.6!important;
  font-weight:400!important;
}

.sivieri-catalog-editorial__signature{
  position:relative!important;
  margin:24px 0 0!important;
  padding-left:50px!important;
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-style:italic!important;
}

.sivieri-catalog-editorial__signature::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:34px!important;
  border-top:1px solid currentColor!important;
  opacity:.72!important;
}

.sivieri-catalog-editorial__cta{
  pointer-events:auto!important;
  display:inline-block!important;
  margin:18px 0 0!important;
  padding:0 0 4px!important;
  font-family:Montserrat,Arial,sans-serif!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  border-bottom:1px solid currentColor!important;
}

/* DESKTOP — 4-column catalogue: editorial 3 columns × 2 rows. */
@media (min-width:1181px){
  body.tax-product_cat .sivieri-catalog-editorial{
    grid-column:span 3!important;
    grid-row:span 2!important;
    height:var(--scl-editorial-height,760px)!important;
    min-height:560px!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial__copy{
    padding:clamp(34px,3.5vw,58px)!important;
  }
}

/* TABLET — 3-column catalogue: editorial 2 columns × 2 rows. */
@media (min-width:768px) and (max-width:1180px){
  body.tax-product_cat .sivieri-catalog-editorial{
    grid-column:span 2!important;
    grid-row:span 2!important;
    height:var(--scl-editorial-height,680px)!important;
    min-height:500px!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial__copy{
    padding:30px!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial__title{
    font-size:38px!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial__text{
    font-size:12px!important;
    line-height:1.58!important;
  }
}

/* SMARTPHONE — full-width editorial section after the first two rows. */
@media (max-width:767px){
  body.tax-product_cat .sivieri-catalog-editorial{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4 / 5!important;
    margin:8px 0 12px!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial__copy{
    justify-content:flex-end!important;
    padding:24px 20px 26px!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial__title{
    max-width:11em!important;
    margin-bottom:10px!important;
    font-size:34px!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial__text{
    max-width:31em!important;
    font-size:11.5px!important;
    line-height:1.55!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial__signature{
    margin-top:18px!important;
    padding-left:42px!important;
    font-size:15px!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial__signature::before{
    width:28px!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial__shade{
    background:linear-gradient(0deg,rgba(24,17,13,1) 0%,rgba(24,17,13,.56) 50%,rgba(24,17,13,.12) 78%,rgba(24,17,13,0) 100%)!important;
    opacity:var(--scl-editorial-overlay,.20)!important;
  }

  body.tax-product_cat .sivieri-catalog-editorial[data-scl-tone="dark"] .sivieri-catalog-editorial__shade{
    background:linear-gradient(0deg,rgba(254,254,253,1) 0%,rgba(254,254,253,.70) 50%,rgba(254,254,253,.16) 78%,rgba(254,254,253,0) 100%)!important;
    opacity:var(--scl-editorial-overlay,.20)!important;
  }
}


/* 1.6.1 — editorial image framing: protect Canva safe area. */
@media (min-width:768px){
  body.tax-product_cat .sivieri-catalog-editorial__media img{
    object-position:left center!important;
  }
}
@media (max-width:767px){
  body.tax-product_cat .sivieri-catalog-editorial__media img{
    object-position:center center!important;
  }
}