/* ========== Sistem Air — Homepage (CLEAN) ========== */

/* Paint-safety per immagini/griglie tema */
img:is([sizes="auto" i],[sizes^="auto," i],[data-sizes="auto" i]){contain-intrinsic-size:auto!important;}
.woocommerce ul.products,
.woocommerce ul.products li.product{content-visibility:visible!important;contain-intrinsic-size:auto!important;}
.nm-shop-loop-thumbnail img{min-height:1px;}

/* Variabili base */
:root{
  --cno-wrap:1400px;
  --cno-content:1300px;
  --cno-gutter:16px;

  --cno-brand:#ba0dac;
  --cno-brand-weak:#fde8fb;

  --cno-sage:#EAF3ED;        /* banda categorie */
  --cno-sage-line:#D7E6DB;

  /* Card prodotti popolari */
  --pop-gray:#F3F4F6;        /* tassello testo */
  --pop-border:#E9E9E9;
  --pop-accent:#ba0dac;      /* malva brand */
}

/* ========== HERO 3 box (tray full-width) ========== */
.cno-hero--full{padding-top:0;}
.cno-hero-tray{
  max-width:100%;
  margin:16px auto;
  padding:16px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 6px 24px rgba(0,0,0,.06);
}
.cno-hero-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:16px;max-width:100%;}
.cno-hero-card{
  height:100%;min-height:380px;border-radius:16px;overflow:hidden;
  background:#f5f5f7;display:flex;align-items:center;justify-content:center;
}
.cno-hero-card--img img{width:100%;height:100%;object-fit:cover;display:block;}
.cno-hero-card--text{padding:36px;text-align:left;display:flex;}
.cno-hero-copy{max-width:620px;display:flex;flex-direction:column;gap:10px;}
.cno-hero-eyebrow{font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#7a7a7a;}
.cno-hero-title{font-size:clamp(32px,3.4vw,46px);line-height:1.12;letter-spacing:-.2px;margin:0;text-wrap:balance;hyphens:auto;}
.cno-hero__sub{font-size:17px;color:#3c3c3c;margin:0;max-width:52ch;}
.cno-cta--hero{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;}
.cno-cta--hero .button{padding:14px 22px;border-radius:999px;font-weight:700;white-space:nowrap;}
.cno-cta--hero .button:first-child{background:var(--cno-brand);color:#fff;border:0;}
.cno-cta--hero .button.alt{background:var(--cno-brand-weak);color:var(--cno-brand);border:2px solid var(--cno-brand);}

/* HERO responsive */
@media (max-width:1280px){ .cno-hero-card{min-height:340px;} .cno-hero-title{font-size:clamp(28px,3vw,40px);} }
@media (max-width:1080px){
  .cno-hero-grid{grid-template-columns:1fr;}
  .cno-hero-card--text{order:-1;}
  .cno-hero-card{min-height:auto;}
  .cno-hero-card--img img{height:auto;aspect-ratio:16/9;}
  .cno-hero-copy{max-width:680px;}
  .cno-hero-title{font-size:clamp(26px,5.4vw,34px);}
}
@media (max-width:560px){ .cno-cta--hero .button{width:100%;text-align:center;} }

/* ========== Contenitori pagina (max 1300) ========== */
.home .nm-page-wrap .container,
.home .nm-page-wrap .nm-row,
.home .nm-page-wrap .nm-section,
.home .nm-page-wrap .nm-section-inner,
.home .nm-page-wrap .nm-content,
.home .cno-cats,
.home .cno-usp,
.home .cno-block,
.home .cno-block .woocommerce{
  max-width:var(--cno-content);
  margin-left:auto;margin-right:auto;
  padding-left:var(--cno-gutter);padding-right:var(--cno-gutter);
}

/* Sezioni / titoli */
.cno-block{margin:48px auto 24px;padding-top:20px;border-top:1px solid #efefef;}
.cno-block__head{row-gap:6px;}
.cno-block__head h2{margin:0;font-size:clamp(22px,2.2vw,28px);padding-left:14px;position:relative;}
.cno-block__head h2::before{content:"";position:absolute;left:0;top:.3em;width:6px;height:.95em;border-radius:3px;background:var(--cno-brand);}
.cno-block__head p{color:#555;margin:0;}
.cno-block__more{font-weight:600;text-decoration:underline;}

/* ========== USP (pillole) ========== */
.cno-usp{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  background:#fafafa;border-radius:14px;padding:18px;margin:18px auto 28px;
}
.cno-usp__item{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px 14px;text-align:center;}
.cno-usp__item strong{display:block;margin-bottom:4px;font-weight:700;}
.cno-usp__item span{color:#555;font-size:13px;}
@media (max-width:980px){ .cno-usp{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .cno-usp{grid-template-columns:1fr;} }

/* ========== Categorie 3×2 (max 6) ========== */
.cno-cats--3x2 .products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:18px;margin:12px auto 0;padding:0;list-style:none;}
.cno-cats--3x2 .products li.product-category{
  background:#fff;border:1px solid #eee;border-radius:14px;padding:12px;text-align:center;
  transition:transform .15s ease,box-shadow .15s ease;
}
.cno-cats--3x2 .products li.product-category:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.08);}
.cno-cats--3x2 .products li.product-category img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:10px;}
.cno-cats--3x2 .products li.product-category h2{
  font-size:16px;font-weight:600;margin-top:10px;line-height:1.3;
  min-height:calc(1.3em * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
@media (max-width:980px){ .cno-cats--3x2 .products{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .cno-cats--3x2 .products{grid-template-columns:1fr;} }

/* ========== Banda salvia full-bleed per Categorie (usa .cno-block--cat) ========== */
.cno-block--cat{
  background:var(--cno-sage);
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding:28px 0;border-radius:0;
  box-shadow:inset 0 1px 0 var(--cno-sage-line), inset 0 -1px 0 var(--cno-sage-line);
}
.cno-block--cat > .cno-block__head,
.cno-block--cat > .cno-cats{
  max-width:var(--cno-content);
  margin-left:auto;margin-right:auto;
  padding-left:var(--cno-gutter);padding-right:var(--cno-gutter);
}
.cno-block--cat .cno-block__head p{color:#3f4a41;opacity:.9;}
.cno-block--cat .cno-cats--3x2 .products li.product-category{border-color:var(--cno-sage-line);}

/* ========== Assurance bar (spedizioni/pagamenti) ========== */
.cno-assurance{max-width:var(--cno-content);margin:12px auto 8px;padding:0 var(--cno-gutter);}
.cno-assurance__list{display:flex;flex-wrap:wrap;gap:12px;}
.cno-assurance__item{
  flex:1 1 260px;display:flex;align-items:center;gap:10px;
  background:var(--cno-brand-weak);border:1px solid rgba(186,13,172,.18);
  border-radius:999px;padding:10px 14px;
}
.cno-assurance__icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;background:#fff;color:var(--cno-brand);
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.cno-assurance__text{display:flex;flex-direction:column;line-height:1.15;}
.cno-assurance__text strong{font-size:14px;font-weight:700;}
.cno-assurance__text em{font-size:12.5px;color:#444;font-style:normal;opacity:.9;}
@media (max-width:640px){ .cno-assurance__item{flex:1 1 100%;} }

/* ========== Prodotti popolari – card invertita (top bianco / bottom grigio) ========== */

/* ritmo verticale della griglia del tema */
.cno-block--popular .products{gap:18px;}
.cno-block--popular .nm-products.products{row-gap:14px;}

/* rimuovi overlay/quickview del tema */
.cno-block--popular li.product .nm-shop-loop-actions,
.cno-block--popular li.product .nm-shop-loop-buttons,
.cno-block--popular li.product .nm-quickview,
.cno-block--popular li.product .nm-quickview-btn,
.cno-block--popular li.product .nm-wishlist-button{display:none!important;}

/* shell card */
.cno-block--popular li.product .nm-shop-loop-product-wrap{
  position:relative;
  display:flex;flex-direction:column;height:100%;
  border:1px solid var(--pop-border);border-radius:16px;background:#fff;padding:0;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
  transition:transform .18s ease, box-shadow .18s ease;
}
.cno-block--popular li.product .nm-shop-loop-product-wrap:hover{
  transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.10);
}

/* area immagine: bianca, immagine contain */
.cno-block--popular li.product .nm-shop-loop-thumbnail{
  background:#fff;border-radius:16px 16px 0 0;
  padding:18px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:4/3; /* usa 1/1 se vuoi quadrato */
}
.cno-block--popular li.product .nm-shop-loop-thumbnail a{display:block;width:100%;height:100%;}
.cno-block--popular li.product .nm-shop-loop-thumbnail img{
  width:92%;height:92%;object-fit:contain;display:block;
}

/* area testi: tassello grigio */
.cno-block--popular li.product .nm-shop-loop-details{
  background:var(--pop-gray);
  border-top:1px solid var(--pop-border);
  border-radius:0 0 16px 16px;
  padding:12px 14px 14px;
  display:flex;flex-direction:column;gap:6px;flex:1;
}

/* titolo */
.cno-block--popular .woocommerce-loop-product__title,
.cno-block--popular .nm-shop-loop-title-link{
  margin:0;font-size:15px;line-height:1.25;font-weight:700;color:#111;text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.cno-block--popular .nm-shop-loop-title-link:hover{text-decoration:underline;}

/* prezzo: accento malva; se in offerta evidenzia il nuovo */
.cno-block--popular li.product .price{margin-top:2px;font-size:14.5px;line-height:1.2;color:var(--pop-accent);}
.cno-block--popular li.product .price del{color:#8c8c8c;opacity:.7;margin-right:6px;}
.cno-block--popular li.product .price ins{color:var(--pop-accent);font-weight:700;text-decoration:none;}

/* bottone malva bold */
.cno-block--popular li.product .button{
  margin-top:auto;width:100%;
  border-radius:999px;border:0;background:var(--pop-accent);color:#fff;
  padding:10px 14px;font-size:13.5px;font-weight:800;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.cno-block--popular li.product .button:hover{
  transform:translateY(-1px);box-shadow:0 8px 18px rgba(186,13,172,.28);
}

/* responsive finezze */
@media (max-width:980px){ .cno-block--popular .products{gap:14px;} }
@media (max-width:560px){ .cno-block--popular li.product .button{padding:12px 16px;} }