:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #474747;
	--wd-text-font-size: 16px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(0, 0, 0);
	--wd-alternative-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 12px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #83b735;
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #83b735;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #2a560f;
	background-image: none;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #266730;
	background-image: none;
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(239,170,33);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 16px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 16px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #83b7350d;
}

.woodmart-navigation .category-icon {
    display: inline-block;
    margin-right: 7px;
    max-height: 30px;
}
.hasno-product-count .category-nav-link .category-icon {
    margin-right: 5px;
    max-height: 30px;
}
.site-mobile-menu li a .category-icon {
    margin-right: 20px;
    max-height: 30px;
}
#mc4wp-form-1 input[type="email"] {
    background: white;
    color: #000;
    box-shadow: none;
}
p.ivole-verified-badge {
  display: none;
}
.intestazionescheda {
  background-color: #83b735;
	font-size: 24px;
	color: white;
	border-bottom: solid 2px #266730;
}
span.price.tc-price.hidden {
    display: none;
}
p.stock.available-on-backorder {
    color: #4caf50;
    border: solid 1px;
    text-align: center;
    padding: 5px;
}
.disponibile p {
    margin-bottom: 0px;
}
.product-label.featured {
    background-color: #fcfdfc;
	  color: #e22d57;
    border: solid 2px;
    font-weight: bold;
}
.product-label.out-of-stock {
    background: #fcfdfc;
    color: #2d2a2a;
	  border: solid 2px;
}
span.onsale.product-label {
    background: #fcfdfc;
    color: green;
    border: solid 2px;
    font-weight: bold;
}
tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--weight {
    display: none;
}
.wd-swatch.swatch-with-bg {
    border-radius: 0%;
    background-position: center;
    background-size: cover;
    font-size: 0;
}
.swatch-on-single.swatch-with-bg {
    width: 50px;
    height: 50px;
}

.topinfo {
  line-height: 15px;
	font-size: 13px;
}
.mega-menu-list img, .wd-nav-img {
    max-height: 32px;
}
.product-attributes {
    pointer-events: none;
	  list-style-type: none;
    line-height: 14px;
	  padding: inherit;
	  font-weight: bold;
}
ul.product-attributes {
    padding-left: 0px;
	  margin-bottom: 0px;
}
.schedapiante {
    background-color: #b1d3b61f;
    width: 100%;
    font-size: 14px;
    border: solid 1px #2567303d;
    padding: 10px;
    margin-bottom: 10px;
}
.schedapiante h4 {
    margin-bottom: 0px;
    text-transform: uppercase;
	  font-size: 15px;
}
.box-icon-wrapper.box-with-icon.box-icon-simple {
    margin-right: 0px;
}

.product_meta span.tagged_as {
    display: none;
}

.badgenotitle .cr-badge.badge_size_wide .badge__store {
    display: none;
}
.shop_attributes .wd-attr-name-img {
    max-width: 30px;
    max-height: 30px;
}
.wd-single-attrs.wd-layout-grid tr {
    flex-direction: column;
    align-items: center;
}
div#slider-2214 {
    border-radius: 10px;
    overflow: hidden;
}
/* Swatch più grande, più largo e con sfondo bianco */
.wd-swatch {
    width: 120px; /* Larghezza maggiore */
    height: 120px; /* Altezza maggiore */
    background-color: #fff; /* Sfondo bianco */
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
    position: relative;
}

/* Nome e Prezzo sotto l’immagine */
.swatch-info {
    font-size: 0.9em;
    font-weight: 600;
    margin-top: 5px;
    color: #333;
}

/* Icona "+" in alto a destra */
.info-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #fff;
    border: 1px solid #5cb85c;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    color: #5cb85c;
    cursor: pointer;
}

div.quantity {
    background: white;
}

select {
    padding-right: 30px;
    background-color: white; /* Specifica solo il colore */
    background-image: var(--wd-form-chevron);
    background-position: right 10px top 50%;
    background-size: auto 18px;
    background-repeat: no-repeat;
    border: 1px solid #ccc; /* Aggiungi un bordo per visibilità */
}
.yoast-breadcrumb {
	font-size: 12px;
}
.tiered-pricing-option {
    background: #ffffff;
}
.woocommerce-shipping-destination,
.woocommerce-shipping-calculator {
    display: none !important;
}
table.variations select {
    background: white;
}
.wd-wtl-form {
    background: white;
}
.mgh-reviews-home{
  max-width:1080px;
  margin:0 auto;
  padding:18px 12px 10px;
  text-align:center;
}

.mgh-reviews-header{
  font-size:18px;
  line-height:1.2;
  color:#2f2f2f;
  font-weight:500;
  margin-bottom:4px;
}

.mgh-reviews-header strong{
  font-weight:700;
}

.mgh-reviews-sub{
  font-size:14px;
  line-height:1.35;
  color:#6b6b6b;
  margin-bottom:14px;
}

/* slider slick */
.mgh-reviews-home .cr-reviews-slider{
  margin:0 auto 8px;
}

.mgh-reviews-home .slick-slide{
  padding:0 10px;
  box-sizing:border-box;
}

.mgh-reviews-home .cr-review-card{
  width:100% !important;
  display:inline-block;
}

.mgh-reviews-home .cr-review-card-inner{
  border:1px solid #e8e8e8 !important;
  border-radius:16px;
  padding:16px 16px 14px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(0,0,0,0.04);
  min-height:auto !important;
  transition:transform .2s ease, box-shadow .2s ease;
}

.mgh-reviews-home .cr-review-card-inner:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,0.06);
}

/* righe interne */
.mgh-reviews-home .top-row,
.mgh-reviews-home .rating-row,
.mgh-reviews-home .middle-row{
  margin:0 !important;
  padding:0 !important;
}

/* nome recensore: presente ma più elegante */
.mgh-reviews-home .top-row{
  margin-bottom:10px !important;
  font-size:15px !important;
  line-height:1.3 !important;
  color:#243746 !important;
  font-weight:600 !important;
}

/* riga "proprietario verificato" più discreta */
.mgh-reviews-home .top-row *{
  line-height:1.3 !important;
}

/* stelle */
.mgh-reviews-home .rating-row{
  margin-bottom:10px !important;
}

/* testo recensione */
.mgh-reviews-home .review-content{
  min-height:0 !important;
  height:auto !important;
  padding:12px 14px !important;
  margin:0 !important;
  line-height:1.45 !important;
  font-size:14px !important;
  color:#444 !important;
  background:#fafafa;
  border-radius:12px;
  border:none !important;
}

/* nasconde la data */
.mgh-reviews-home .cr-review-card-inner .datetime,
.mgh-reviews-home .middle-row .datetime {
  display: none !important;
}

/* dots nascosti */
.mgh-reviews-home .slick-dots{
  display:none !important;
}

/* frecce */
.mgh-reviews-home .slick-prev,
.mgh-reviews-home .slick-next{
  width:34px;
  height:34px;
  z-index:2;
}

.mgh-reviews-home .slick-prev:before,
.mgh-reviews-home .slick-next:before{
  font-size:22px;
  color:#8f8f8f;
  opacity:1;
}

/* CTA */
.mgh-reviews-cta{
  margin-top:10px;
  text-align:center;
}

.mgh-reviews-cta a{
  display:inline-block;
  font-size:14px;
  font-weight:600;
  color:#77a934;
  text-decoration:none;
}

.mgh-reviews-cta a:hover{
  text-decoration:underline;
}

/* mobile */
@media (max-width: 767px){
  .mgh-reviews-home{
    max-width:100%;
    padding:14px 8px 8px;
  }

  .mgh-reviews-header{
    font-size:16px;
    line-height:1.25;
  }

  .mgh-reviews-sub{
    font-size:12px;
    margin-bottom:10px;
  }

  .mgh-reviews-home .slick-slide{
    padding:0 6px;
  }

  .mgh-reviews-home .cr-review-card-inner{
    border-radius:14px;
    padding:14px 12px 12px !important;
    box-shadow:0 4px 12px rgba(0,0,0,0.04);
  }

  .mgh-reviews-home .top-row{
    font-size:14px !important;
    margin-bottom:8px !important;
  }

  .mgh-reviews-home .rating-row{
    margin-bottom:8px !important;
  }

  .mgh-reviews-home .review-content{
    font-size:13px !important;
    line-height:1.4 !important;
    padding:10px 12px !important;
    border-radius:10px;
  }

  .mgh-reviews-home .slick-prev,
  .mgh-reviews-home .slick-next{
    width:28px;
    height:28px;
  }

  .mgh-reviews-home .slick-prev:before,
  .mgh-reviews-home .slick-next:before{
    font-size:18px;
  }

  .mgh-reviews-cta a{
    font-size:13px;
  }
}
.mgh-checkout-trust{
  border:1px solid #e6e6e6;
  border-radius:10px;
  padding:12px 14px;
  margin:14px 0 10px;
  background:#fafafa;
}

.mgh-checkout-title{
  font-size:14px;
  font-weight:600;
  margin-bottom:6px;
  color:#2f2f2f;
}

.mgh-checkout-trust ul{
  list-style:none;
  padding:0;
  margin:0;
}

.mgh-checkout-trust li{
  font-size:13px;
  color:#555;
  margin-bottom:4px;
  position:relative;
  padding-left:16px;
}

.mgh-checkout-trust li:before{
  content:"✔";
  position:absolute;
  left:0;
  color:#77a934;
  font-size:12px;
}
.mgh-checkout-rating{
  font-size:13px;
  margin-bottom:6px;
  color:#666;
}
#billing_phone_field > label > .required {
    display: none;
}
/* ============================================================
   MyGreenHelp — stile allineato al configuratore (/aiuola/)
   Incollare in: Woodmart → Theme Settings → Custom CSS → Global
   Tutte le regole sono dentro .mgh: non tocca nient'altro del sito.
   ============================================================ */

.mgh{
  --g:#136617;      /* verde titoli */
  --y:#f5c200;      /* giallo azione */
  --yi:#1a1a00;     /* testo sul giallo */
  --bg:#f7f5f0;     /* sfondo caldo */
  --ink:#2a2a28;    /* testo */
  --mut:#6f6a5e;    /* testo secondario */
  --line:#e6e2d8;   /* bordi */
  padding-top:70px;
  padding-bottom:70px;
  margin-bottom:0;
  color:var(--ink);
}
/* fasce adiacenti dello stesso colore: nessuna riga di stacco */
.mgh + .mgh{margin-top:0}
.mgh--cream{background:var(--bg)}
.mgh--white{background:#fff;border-top:1px solid #ece8de;border-bottom:1px solid #ece8de}
.mgh--green{background:radial-gradient(120% 140% at 50% 0%,#1b7a1f 0%,#136617 60%)}
.mgh--tight{padding-top:0}
.mgh--hero{padding-bottom:150px}

/* hero con foto di sfondo: velo verde scuro + tipografia chiara */
.mgh--photo{position:relative;z-index:0;isolation:isolate;background-color:#123f16;background-size:cover;background-position:center;background-repeat:no-repeat}
.mgh--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,40,13,.62) 0%,rgba(9,40,13,.80) 55%,rgba(9,40,13,.90) 100%)}
.mgh--overlap{padding-top:0;border-bottom:0;position:relative;z-index:3}
/* WPBakery scrive overflow:hidden come stile inline sulle righe a schermo
   intero: solo !important lo batte. Senza questo il box viene tagliato. */
.mgh--overlap{overflow:visible !important}
.mgh--overlap .mgh-box{position:relative;z-index:3}
.mgh--white + .mgh--white{border-top:0}
.mgh--overlap .mgh-box{margin-top:-100px;box-shadow:0 18px 44px rgba(38,60,25,.10)}

.mgh h1,.mgh h2,.mgh h3,.mgh .woodmart-title-container{color:var(--g)}
.mgh .woodmart-title-container{letter-spacing:-.02em;text-wrap:balance}
.mgh .title-after_title{text-wrap:pretty}
.mgh .title-after_title{color:#4a4a46;max-width:720px}
.mgh--green h1,.mgh--green h2,.mgh--green .woodmart-title-container{color:#fff}
.mgh--green .title-after_title{color:#cfe4c2;margin-left:auto;margin-right:auto}
.mgh--photo h1,.mgh--photo h2,.mgh--photo .woodmart-title-container{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.mgh--photo .title-after_title{color:#dbead0;margin-left:auto;margin-right:auto}
.mgh--photo .mgh-eyebrow{color:#a9d183}
.mgh--photo .mgh-note{color:#c3d9b3}
.mgh--photo .mgh-note strong{color:#fff}

.mgh .woodmart-title-container::before{content:"";display:block;width:44px;height:3px;border-radius:3px;background:var(--y);margin-bottom:20px}
.mgh--hero .woodmart-title-container::before,.mgh--green .woodmart-title-container::before{margin-left:auto;margin-right:auto}

/* --- bottoni: giallo del configuratore, testo scuro --- */
.mgh a.btn{background:var(--y);color:var(--yi);border-radius:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 16px rgba(245,194,0,.35);transition:transform .15s,box-shadow .15s,background .15s}
.mgh a.btn:hover,.mgh a.btn:focus{background:#ffd21f;color:var(--yi);transform:translateY(-2px);box-shadow:0 10px 24px rgba(245,194,0,.45)}

/* --- elementi comuni --- */
.mgh-card{background:#fff;border:1px solid var(--line);border-radius:18px}
.mgh-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfe0b4;background:#fff;color:var(--g);border-radius:999px;padding:7px 15px;font-weight:600;font-size:13px;line-height:1.2}
.mgh-eyebrow{font-weight:600;font-size:12px;letter-spacing:1.4px;color:#5f8a3a;text-align:center;margin:0 0 6px}
.mgh-note{color:var(--mut);font-size:15px;line-height:1.6;margin:0}
.mgh-center{text-align:center}
.mgh-mt{margin-top:18px}
.mgh-mt-s{margin-top:10px}
.mgh-box .vc_column_container{padding-left:9px;padding-right:9px}
.mgh-box>.wd-row,.mgh-box>.vc_row{margin-left:-9px;margin-right:-9px}
.mgh-onGreen{color:#cfe4c2}
.mgh-onGreen a{color:#fff;font-weight:700}
.mgh-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

/* --- box "da qui si parte" + card dimensione --- */
.mgh-box{padding:32px}
.mgh-boxhead{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}
.mgh-boxhead .mgh-note{max-width:330px;text-align:right}
.mgh-h2s{font-size:26px;line-height:1.3;margin:10px 0 0}
.mgh-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
/* immagini dentro il box: angoli coerenti col resto */
.mgh-box img{border-radius:12px}
/* Banner promozionale dentro il box: stesso trattamento delle card
   del configuratore — foto 4:3, sfumatura scura in basso, titolo bianco
   sopra e sottotitolo sotto, allineati in basso a sinistra.
   Classi verificate sul markup reale di Woodmart.                      */
.mgh-box .promo-banner{border-radius:12px;overflow:hidden}
.mgh-box .promo-banner .main-wrapp-img{position:relative}
.mgh-box .promo-banner .banner-image{aspect-ratio:4/3}
.mgh-box .promo-banner .banner-image img{width:100%;height:100%;object-fit:cover;display:block}
.mgh-box .promo-banner .main-wrapp-img::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(9,38,13,.82) 0%,rgba(9,38,13,.38) 40%,rgba(9,38,13,0) 66%)}
.mgh-box .promo-banner .wrapper-content-banner{display:flex;align-items:flex-end;justify-content:flex-start;padding:16px}
.mgh-box .promo-banner .content-banner{display:flex;flex-direction:column-reverse;gap:2px;text-align:left;width:100%}
.mgh-box .promo-banner .banner-title{color:#fff;font-size:18px;line-height:1.25;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.mgh-box .promo-banner .banner-subtitle{color:#d8e8cc;font-size:14px;line-height:1.3;margin:0}
.mgh-box .wd-banner-title,.mgh-box h3,.mgh-box h4{color:var(--ink)}

/* --- passi --- */
.mgh-step{padding:24px;background:var(--bg);display:flex;flex-direction:column;gap:11px;position:relative;overflow:hidden}
.mgh-step::after{content:attr(data-n);position:absolute;right:14px;top:4px;font-family:Poppins,sans-serif;font-weight:700;font-size:64px;line-height:1;color:rgba(19,102,23,.06)}
.mgh-step .mgh-pill{align-self:flex-start}
.mgh-step h3{font-size:19px;line-height:1.35;margin:0;color:var(--ink)}
.mgh-step p{margin:0;font-size:15px;line-height:1.6;color:#4a4a46}

/* --- lista PDF --- */
.mgh-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.mgh-list li{display:flex;gap:14px;font-size:16px;line-height:1.65;color:#4a4a46}
.mgh-list .mgh-ico{flex:0 0 auto;line-height:0;margin-top:4px}
.mgh-list b{color:var(--ink);font-family:inherit}

/* --- prezzi --- */
.mgh-price{padding:26px 22px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:box-shadow .15s,transform .15s}
.mgh-price::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--g);opacity:.85}
.mgh-price:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(38,60,25,.09)}
.mgh-price-h span{display:block;font-weight:600;color:var(--mut);font-size:15px}
.mgh-price-h strong{display:block;font-size:42px;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.mgh-price p{margin:0;font-size:15px;line-height:1.5;border-top:1px solid #f0ede4;padding-top:14px;color:#4a4a46}
.mgh-price b{color:var(--g)}
.mgh-ghost{display:block;margin-top:auto;text-align:center;border:2px solid var(--g);color:var(--g);font-weight:600;font-size:15px;padding:12px;border-radius:10px}
.mgh-ghost:hover{background:var(--g);color:#fff}

/* --- recensioni: masonry a colonne, tutte visibili --- */
.mgh-quotes{column-count:3;column-gap:18px}
.mgh-quote{break-inside:avoid;-webkit-column-break-inside:avoid;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:24px;margin:0 0 18px}
.mgh--cream .mgh-quote{background:#fff}
.mgh-quote p{margin:0 0 12px;font-size:16px;line-height:1.7;color:#4a4a46}
.mgh-quote{position:relative}
.mgh-quote::before{content:"\201C";position:absolute;top:2px;right:18px;font-family:Poppins,sans-serif;font-size:64px;line-height:1;color:rgba(19,102,23,.08)}
.mgh-quote p::before{content:"\00ab"}
.mgh-quote p::after{content:"\00bb"}
.mgh-quote b{font-weight:600;color:var(--ink)}

/* --- galleria --- */
.mgh .wd-gallery-item{overflow:hidden;border-radius:14px}
.mgh .wd-gallery-item img{border-radius:14px;transition:transform .35s ease}
.mgh .wd-gallery-item:hover img{transform:scale(1.04)}

/* --- faq --- */
.mgh-faq{display:flex;flex-direction:column;gap:10px}
.mgh-faq>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 26px;transition:border-color .15s}
.mgh-faq>div:hover{border-color:#cfe0b4}
.mgh--cream .mgh-faq>div{background:#fff}
.mgh-faq h3{font-size:18px;line-height:1.45;margin:0 0 6px;color:var(--ink)}
.mgh-faq p{margin:0;font-size:16px;line-height:1.65;color:#4a4a46}

/* --- tablet --- */
@media(max-width:1024px){
  .mgh-g4,.mgh-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mgh-boxhead{flex-direction:column}
  .mgh-boxhead .mgh-note{text-align:left;max-width:none}
  .mgh-quotes{column-count:2}
}

/* --- mobile --- */
@media(max-width:767px){
  .mgh{padding-top:42px;padding-bottom:42px}
  .mgh-box{padding:22px}
  .mgh-g4{grid-template-columns:1fr;gap:12px}
  .mgh-sizes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mgh-h2s{font-size:22px}
  .mgh-price-h strong{font-size:34px}

  .mgh-quotes{column-count:1}
  .mgh-quote{padding:20px;margin-bottom:12px}
}

/* --- blocco SEO in coda: leggibile, non invadente --- */
.mgh--seo{padding-top:56px;padding-bottom:56px}
.mgh--seo h2{font-size:24px;line-height:1.35;margin:34px 0 12px}
.mgh--seo h2:first-child{margin-top:0}
.mgh--seo p{margin:0 0 14px;font-size:16px;line-height:1.75;max-width:820px;color:#4a4a46}
.mgh--seo a{border-bottom:1px solid #cfe0b4}

/* --- rifiniture --- */
.mgh ::selection{background:#dfeacf;color:#14421a}
.mgh a:focus-visible,.mgh .btn:focus-visible{outline:3px solid rgba(19,102,23,.35);outline-offset:3px}
html{scroll-behavior:smooth}

@media(max-width:767px){
  .mgh--hero{padding-bottom:42px}
  .mgh--overlap .mgh-box{margin-top:0}
  .mgh-step::after,.mgh-quote::before{display:none}
  .mgh .woodmart-title-container::before{width:36px;margin-bottom:14px}
}
/* ---- PATCH 3: il Banner del box ----
   Incolla in fondo al CSS. Sostituisce le due righe provvisorie
   .mgh-box .promo-banner,.mgh-box .wd-banner{...}
   .mgh-box .banner-image,.mgh-box .wd-banner-img{...}
   che avevo scritto a indovinare: queste classi le ho lette dal
   markup vero della tua pagina.

   Cosa fa: foto in 4:3 (tutte e quattro uguali), sfumatura verde scuro
   in basso, titolo bianco sopra e sottotitolo chiaro sotto, allineati
   in basso a sinistra. Esattamente come le card del passo 1 del
   configuratore.                                                      */

/* Banner promozionale dentro il box: stesso trattamento delle card
   del configuratore — foto 4:3, sfumatura scura in basso, titolo bianco
   sopra e sottotitolo sotto, allineati in basso a sinistra.
   Classi verificate sul markup reale di Woodmart.                      */
.mgh-box .promo-banner{border-radius:12px;overflow:hidden}
.mgh-box .promo-banner .main-wrapp-img{position:relative}
.mgh-box .promo-banner .banner-image{aspect-ratio:4/3}
.mgh-box .promo-banner .banner-image img{width:100%;height:100%;object-fit:cover;display:block}
.mgh-box .promo-banner .main-wrapp-img::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(9,38,13,.82) 0%,rgba(9,38,13,.38) 40%,rgba(9,38,13,0) 66%)}
.mgh-box .promo-banner .wrapper-content-banner{display:flex;align-items:flex-end;justify-content:flex-start;padding:16px}
.mgh-box .promo-banner .content-banner{display:flex;flex-direction:column-reverse;gap:2px;text-align:left;width:100%}
.mgh-box .promo-banner .banner-title{color:#fff;font-size:18px;line-height:1.25;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.mgh-box .promo-banner .banner-subtitle{color:#d8e8cc;font-size:14px;line-height:1.3;margin:0}@media (min-width: 1025px) {
	.whb-header-bottom {
    background-color: white;
}
.avviso {
    background-color: #ed1c24;
}
.avviso1 {
    background-color: #83b735;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.avviso {
    background-color: #ed1c24;
}
.page-title .title {
    font-size: 25px!important;
    line-height: 1;
}
}

@media (max-width: 576px) {
	.avviso {
    background-color: #ed1c24;
}
.page-title .title {
    font-size: 25px!important;
    line-height: 1;
}
div#slider-2214 {
    border-radius: 10px;
    overflow: hidden;
}
}