/* =========================================================
   MONDOPIANTE — CUSTOM CSS (solo ciò che NON è gestibile via IQIT Theme Editor)
   Target: PrestaShop 8.2.x + Warehouse 4.7.2 + moduli IQIT
   Note:
   - Listing qty/touchspin in grid/carousel è stato disattivato in IQIT (pl_grid_qty=0)
   - Breadcrumb bg/txt gestito in IQIT (bread_bg_color / bread_txt)
   - Divider navbar provato via IQIT (hm_border_b). Se non lo vedi, puoi riattivare la regola CSS dedicata sotto.
   ========================================================= */

/* =======================================
   LOCAL FONTS – MONDOPIANTE
   ======================================= */

/* ================= INTER ================= */

/* 400 */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/inter-v20-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/inter-v20-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* 500 */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/inter-v20-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/inter-v20-latin-500italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* 600 */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/inter-v20-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/inter-v20-latin-600italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* 700 */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/inter-v20-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/inter-v20-latin-700italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


/* ================= MONTSERRAT ================= */

/* 400 */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-v31-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-v31-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* 500 */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-v31-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-v31-latin-500italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* 600 */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-v31-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-v31-latin-600italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* 700 */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-v31-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/montserrat-v31-latin-700italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}



/* =========================
   1) VALUE PROPOSITION (PDP ONLY) + microfix PDP
   ========================= */
:root{
  --ing-vp-border: #ebebeb;
  --ing-vp-bg: transparent;
  --ing-vp-title: #2e4d3a;
  --ing-vp-icon: #5aa974;
  --ing-vp-text: inherit;

  --ing-vp-radius: 5px;
  --ing-vp-padding-y: 5px;
  --ing-vp-gutter-neg: 10px;
  --ing-vp-row-padding-y: 11px;
  --ing-vp-minh: 64px;
  --ing-vp-title-size: 24px;
  --ing-vp-title-line: 1.2em;
  --ing-vp-small-size: 13px;
  --ing-vp-small-weight: 300;
  --ing-vp-strong-weight: 700;
  --ing-vp-title-right-pad: 47px;
  --ing-vp-p-left-pad: 47px;

  --ing-vp-il-size: 42px;
  --ing-vp-ir-size: 47px;
  --ing-vp-icon-top: 11px;
}

body#product .value-proposition{
  border: 1px solid var(--ing-vp-border);
  background: var(--ing-vp-bg);
  padding: var(--ing-vp-padding-y) 0;
  border-radius: var(--ing-vp-radius);
  margin-left: calc(var(--ing-vp-gutter-neg) * -1);
  margin-right: calc(var(--ing-vp-gutter-neg) * -1);
  color: var(--ing-vp-text);
}

body#product .value-proposition .title{
  margin: 0;
  padding: var(--ing-vp-row-padding-y) 0;
  position: relative;
  min-height: var(--ing-vp-minh);

  font-size: var(--ing-vp-title-size);
  line-height: var(--ing-vp-title-line);
  color: var(--ing-vp-title);
  padding-right: var(--ing-vp-title-right-pad);
  font-weight: var(--ing-vp-strong-weight);
}

body#product .value-proposition p{
  margin: 0;
  padding: var(--ing-vp-row-padding-y) 0;
  position: relative;
  min-height: var(--ing-vp-minh);
  border-top: 1px solid var(--ing-vp-border);
  text-align: right;
  padding-left: var(--ing-vp-p-left-pad);
}

body#product .value-proposition a{ display:block; }

body#product .value-proposition .il{
  position: absolute;
  left: 0;
  top: var(--ing-vp-icon-top);
  font-size: var(--ing-vp-il-size);
  line-height: 1em;
  color: var(--ing-vp-icon);
}

body#product .value-proposition .ir{
  position: absolute;
  right: 0;
  top: var(--ing-vp-icon-top);
  font-size: var(--ing-vp-ir-size);
  line-height: 1em;
  color: var(--ing-vp-icon);
}

body#product .value-proposition strong{
  display:block;
  color: var(--ing-vp-title);
  text-transform: uppercase;
  font-weight: var(--ing-vp-strong-weight);
}

body#product .value-proposition p small,
body#product .value-proposition h4.title > small{
  display:inline-block;
  line-height: 1.5em;
  margin-top: 0;
  font-size: var(--ing-vp-small-size);
  font-weight: var(--ing-vp-small-weight);
}

/* Allineo e Ridimensioni Icone Carte di Credito */
.payment-icons {
  display: flex;
  align-items: center;
  gap: 12px;          /* spazio tra le icone */
  flex-wrap: wrap;    /* va a capo su mobile */
}

.payment-icons img {
  height: 25px;       /* dimensione uniforme */
  width: auto;        /* mantiene proporzioni */
}


/* Stile Testo del Free Shipping */
.free-shipping-banner {
  font-weight: 700;
  color: #e30613; /* rosso */
}
/* end */

/* =========================================================
   IQIT VALUE PROPOSITION — Desktop vs Mobile switch
   ========================================================= */

/* ---------------------------------------------------------
   1️⃣ TITOLI — mai visibili
--------------------------------------------------------- */
body#product #iqithtmlandbanners-block-12 .block-title,
body#product #iqithtmlandbanners-block-13 .block-title {
  display: none !important;
}


/* ---------------------------------------------------------
   2️⃣ DESKTOP (>=768px)
   Mostra 12, nasconde 13
--------------------------------------------------------- */
@media (min-width: 768px) {

  body#product #iqithtmlandbanners-block-12 {
    display: block !important;
  }

  body#product #iqithtmlandbanners-block-13 {
    display: none !important;
  }

}


/* ---------------------------------------------------------
   3️⃣ MOBILE (<768px)
   Mostra 13, nasconde 12
--------------------------------------------------------- */
@media (max-width: 767.98px) {

  body#product #iqithtmlandbanners-block-12 {
    display: none !important;
  }

  body#product #iqithtmlandbanners-block-13 {
    display: block !important;
  }

}

/* Micro-spaziature PDP (non esposte in IQIT) */
body#product .product-info-row{
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
body#product .product-tabs{
  margin-top: 0;
  margin-bottom: 0;
}
body#product .product-sidebar .block{
  margin-bottom: 0;
}

/* =========================
   2) CART — mobile: summary sopra ai prodotti
   (strutturale -> non gestibile da Theme Editor)
   ========================= */
@media (max-width: 991.98px){
  .cart-grid-body { order: 2; }
  .cart-grid-right { order: 1; }
}

/* =========================
   3) HEADER — search “pill” (radius 999px)
   (radius non esposto da IQIT)
   ========================= */
#search_widget form,
.header-search form,
.search-widget form{
  border-radius: 999px;
  overflow: hidden;
}

#search_widget input[type="text"],
#search_widget input[type="search"],
.header-search input[type="text"],
.header-search input[type="search"],
.search-widget input[type="text"],
.search-widget input[type="search"],
#search_widget button,
.header-search button,
.search-widget button{
  border-radius: 999px !important;
}

#search_widget input:focus,
.header-search input:focus,
.search-widget input:focus{
  outline: none;
  box-shadow: none;
}

/* =========================
   4) HEADER — cart badge: posizionamento “fuori icona”
   (in IQIT puoi fare i colori, ma non questo layout)
   ========================= */
#ps-shoppingcart a#cart-toogle.cart-toogle,
#blockcart a#cart-toogle.cart-toogle,
a#cart-toogle.cart-toogle{
  position: relative !important;
}
#ps-shoppingcart a#cart-toogle.cart-toogle i.icon,
#blockcart a#cart-toogle.cart-toogle i.icon,
a#cart-toogle.cart-toogle i.icon{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#ps-shoppingcart a#cart-toogle.cart-toogle i.icon > span.cart-products-count-btn,
#blockcart a#cart-toogle.cart-toogle i.icon > span.cart-products-count-btn,
a#cart-toogle.cart-toogle i.icon > span.cart-products-count-btn{
  position: absolute !important;
  top: -12px !important;
  right: -20px !important;

  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: #2e4d3a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  z-index: 3 !important;
}

/* =========================
   5) NAVBAR — “pills glass” + dropdown wide fix + sticky cart
   (non replicabile via IQIT perché richiede blur, stati sticky, patch strutturali)
   ========================= */
:root{
  --mp-green:#2e4d3a;
  --mp-orange:#e85b0c;

  --mp-nav-top-bar-bg: #fff;
  --mp-nav-sticky-bar-bg: #fff;

  --mp-nav-top-pill-text: var(--mp-green);
  --mp-nav-sticky-pill-text: var(--mp-green);

  --mp-nav-top-hover-bg: var(--mp-orange);
  --mp-nav-top-hover-text: #fff;

  --mp-nav-sticky-hover-bg: var(--mp-orange);
  --mp-nav-sticky-hover-text: #fff;

  --mp-nav-active-bg: var(--mp-green);
  --mp-nav-active-text: #fff;

  --mp-nav-pill-bg: rgba(255,255,255,.08);
  --mp-nav-pill-blur: 18px;
  --mp-nav-pill-border: rgba(46,77,58,.55);

  --mp-nav-gap: .35rem;

  --mp-nav-cart-bg: var(--mp-orange);
  --mp-nav-cart-fg: #fff;
  --mp-nav-cart-size: 40px;

  --mp-nav-cart-badge-bg: #fff;
  --mp-nav-cart-badge-fg: var(--mp-green);
  --mp-nav-cart-badge-size: 18px;
  --mp-nav-cart-badge-top: -12px;
  --mp-nav-cart-badge-right: -20px;
}

/* TOP bar bg */
#iqitmegamenu-horizontal:not(.cbp-sticky),
#iqitmegamenu-wrapper:not(.stuck) #iqitmegamenu-horizontal,
.iqitmegamenu-wrapper:not(.stuck-menu) #iqitmegamenu-horizontal{
  background: var(--mp-nav-top-bar-bg) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* STICKY bar bg */
#iqitmegamenu-horizontal.cbp-sticky,
#iqitmegamenu-wrapper.stuck #iqitmegamenu-horizontal,
.iqitmegamenu-wrapper.stuck-menu #iqitmegamenu-horizontal{
  background: var(--mp-nav-sticky-bar-bg) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.18) !important;
}

/* Divider navbar:
   Se il bordo bottom in IQIT (hm_border_b) NON prende su #iqitmegamenu-horizontal,
   scommenta questa regola. */
/*
#iqitmegamenu-horizontal{
  border-bottom: 1px solid #e9eceb !important;
}
*/

nav#cbp-hrmenu#cbp-hrmenu > ul{
  display:flex !important;
  align-items:center !important;
  gap: var(--mp-nav-gap) !important;

  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;

  scrollbar-width: none;
}
nav#cbp-hrmenu#cbp-hrmenu > ul::-webkit-scrollbar{ display:none !important; }

nav#cbp-hrmenu#cbp-hrmenu > ul > li{
  flex: 0 0 auto !important;
  float: none !important;
  display: block !important;
}
nav#cbp-hrmenu#cbp-hrmenu.cbp-horizontal > ul{ font-size: 1rem !important; }

nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a,
nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a.nav-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding: .50rem .75rem !important;
  border-radius: 999px !important;

  background: var(--mp-nav-pill-bg) !important;
  border: 1px solid var(--mp-nav-pill-border) !important;

  backdrop-filter: blur(var(--mp-nav-pill-blur)) saturate(180%) !important;
  -webkit-backdrop-filter: blur(var(--mp-nav-pill-blur)) saturate(180%) !important;
  /* Ombra menu - DISATTIVA
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 20px rgba(0,0,0,.12) !important;
  */
  text-decoration:none !important;
  line-height: 1 !important;

  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease !important;
}

nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a,
nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a > span,
nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a > span.cbp-tab-title{
  font-weight: 600 !important;
  letter-spacing: .2px !important;
}

/* TOP text */
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a,
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a > span,
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a > span.cbp-tab-title,
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a i{
  color: var(--mp-nav-top-pill-text) !important;
  -webkit-text-fill-color: var(--mp-nav-top-pill-text) !important;
}

/* STICKY text */
#iqitmegamenu-horizontal.cbp-sticky nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a,
#iqitmegamenu-wrapper.stuck nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a,
.iqitmegamenu-wrapper.stuck-menu nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a,
#iqitmegamenu-horizontal.cbp-sticky nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a > span,
#iqitmegamenu-wrapper.stuck nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a > span,
.iqitmegamenu-wrapper.stuck-menu nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a > span,
#iqitmegamenu-horizontal.cbp-sticky nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a > span.cbp-tab-title,
#iqitmegamenu-wrapper.stuck nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a > span.cbp-tab-title,
.iqitmegamenu-wrapper.stuck-menu nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a > span.cbp-tab-title,
#iqitmegamenu-horizontal.cbp-sticky nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a i,
#iqitmegamenu-wrapper.stuck nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a i,
.iqitmegamenu-wrapper.stuck-menu nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a i{
  color: var(--mp-nav-sticky-pill-text) !important;
  -webkit-text-fill-color: var(--mp-nav-sticky-pill-text) !important;
}


/* =========================
   MEGAMENU HOVER (Top e Sticky)
   ========================= */

/* TOP (non sticky): background + border */
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover,
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a.nav-link:hover{
  background-color: var(--mp-nav-top-hover-bg) !important;
  border-color: var(--mp-nav-top-hover-bg) !important;
}

/* TOP (non sticky): testo (anche span interni) */
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover,
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a.nav-link:hover,
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover > span,
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover span.cbp-tab-title,
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a.nav-link:hover > span,
#iqitmegamenu-horizontal:not(.cbp-sticky) nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a.nav-link:hover span.cbp-tab-title{
  color: var(--mp-nav-top-hover-text) !important;
  -webkit-text-fill-color: var(--mp-nav-top-hover-text) !important;
}

/* STICKY: background + border */
#iqitmegamenu-horizontal.cbp-sticky nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover,
#iqitmegamenu-wrapper.stuck nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover,
.iqitmegamenu-wrapper.stuck-menu nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover{
  background-color: var(--mp-nav-sticky-hover-bg) !important;
  border-color: var(--mp-nav-sticky-hover-bg) !important;
}

/* STICKY: testo (anche span interni) */
#iqitmegamenu-horizontal.cbp-sticky nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover,
#iqitmegamenu-wrapper.stuck nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover,
.iqitmegamenu-wrapper.stuck-menu nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover,
#iqitmegamenu-horizontal.cbp-sticky nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover > span,
#iqitmegamenu-horizontal.cbp-sticky nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover span.cbp-tab-title,
#iqitmegamenu-wrapper.stuck nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover > span,
#iqitmegamenu-wrapper.stuck nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover span.cbp-tab-title,
.iqitmegamenu-wrapper.stuck-menu nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover > span,
.iqitmegamenu-wrapper.stuck-menu nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a:hover span.cbp-tab-title{
  color: var(--mp-nav-sticky-hover-text) !important;
  -webkit-text-fill-color: var(--mp-nav-sticky-hover-text) !important;
}
/* end MENU HOVER */


/* Active */
nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab.active > a,
nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab.cbp-active > a,
nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a.active{
  background: var(--mp-nav-active-bg) !important;
  border-color: rgba(255,255,255,.45) !important;
  color: var(--mp-nav-active-text) !important;
  -webkit-text-fill-color: var(--mp-nav-active-text) !important;
}

/* Dropdown wide fix */
nav#cbp-hrmenu#cbp-hrmenu{ position: relative !important; }
nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab{ position: static !important; }

nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > .cbp-hrsub-wrapper{
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  z-index: 300 !important;
}
nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > .cbp-hrsub-wrapper > .cbp-hrsub{
  position: relative !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab.cbp-hropen > .cbp-hrsub-wrapper > .cbp-hrsub{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Sticky cart circle + badge */
.iqitmegamenu-wrapper.stuck-menu #ps-shoppingcart a#cart-toogle.cart-toogle,
#iqitmegamenu-wrapper.stuck #ps-shoppingcart a#cart-toogle.cart-toogle,
#iqitmegamenu-horizontal.cbp-sticky #ps-shoppingcart a#cart-toogle.cart-toogle{
  width: var(--mp-nav-cart-size) !important;
  height: var(--mp-nav-cart-size) !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: var(--mp-nav-cart-bg) !important;
  border: 0 !important;

  position: relative !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.iqitmegamenu-wrapper.stuck-menu #ps-shoppingcart a#cart-toogle.cart-toogle i.icon,
#iqitmegamenu-wrapper.stuck #ps-shoppingcart a#cart-toogle.cart-toogle i.icon,
#iqitmegamenu-horizontal.cbp-sticky #ps-shoppingcart a#cart-toogle.cart-toogle i.icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;

  font-size: 18px !important;
  line-height: 1 !important;

  color: var(--mp-nav-cart-fg) !important;
  -webkit-text-fill-color: var(--mp-nav-cart-fg) !important;

  position: relative !important;
}

.iqitmegamenu-wrapper.stuck-menu #ps-shoppingcart a#cart-toogle.cart-toogle i.icon > span.cart-products-count-btn,
#iqitmegamenu-wrapper.stuck #ps-shoppingcart a#cart-toogle.cart-toogle i.icon > span.cart-products-count-btn,
#iqitmegamenu-horizontal.cbp-sticky #ps-shoppingcart a#cart-toogle.cart-toogle i.icon > span.cart-products-count-btn{
  position: absolute !important;
  top: var(--mp-nav-cart-badge-top) !important;
  right: var(--mp-nav-cart-badge-right) !important;

  min-width: var(--mp-nav-cart-badge-size) !important;
  height: var(--mp-nav-cart-badge-size) !important;
  padding: 0 5px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: var(--mp-nav-cart-badge-bg) !important;

  color: var(--mp-nav-cart-badge-fg) !important;
  -webkit-text-fill-color: var(--mp-nav-cart-badge-fg) !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  box-shadow: 0 6px 14px rgba(0,0,0,.18) !important;
  z-index: 2 !important;
}

.iqitmegamenu-wrapper.stuck-menu #ps-shoppingcart .info-wrapper,
#iqitmegamenu-wrapper.stuck #ps-shoppingcart .info-wrapper,
#iqitmegamenu-horizontal.cbp-sticky #ps-shoppingcart .info-wrapper{
  display: none !important;
}

/* Responsive tweaks */
@media (max-width: 1250px){
  nav#cbp-hrmenu#cbp-hrmenu .cbp-submenu-aindicator,
  nav#cbp-hrmenu#cbp-hrmenu .cbp-submenu-it-indicator{
    display: none !important;
  }
}
@media (max-width: 1450px){
  nav#cbp-hrmenu#cbp-hrmenu > ul{
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    white-space: normal !important;
  }
  nav#cbp-hrmenu#cbp-hrmenu > ul > li.cbp-hrmenu-tab > a{ white-space: nowrap !important; }
}

/* =========================
   6) TOUCHSPIN — styling PDP (non esposto)
   ========================= */
:root{
  --mp-touchspin-radius: 14px;
  --mp-touchspin-border: var(--bs-border-color, #dee2e6);
}

.input-group.bootstrap-touchspin > *{ border-radius: 0 !important; }

.input-group.bootstrap-touchspin > input.form-control{
  border-top-left-radius: var(--mp-touchspin-radius) !important;
  border-bottom-left-radius: var(--mp-touchspin-radius) !important;
  border-color: var(--mp-touchspin-border) !important;
}

.input-group.bootstrap-touchspin > .input-group-btn-vertical{
  border-top-right-radius: var(--mp-touchspin-radius) !important;
  border-bottom-right-radius: var(--mp-touchspin-radius) !important;

  border: 1px solid var(--mp-touchspin-border) !important;
  border-left: 0 !important;

  overflow: hidden;
}

.input-group.bootstrap-touchspin > .input-group-btn-vertical .btn{
  border-radius: 0 !important;
  border: 0 !important;
}

/* =========================================================
   GLOBAL ROUNDING — Buttons (escludi TouchSpin)
   ========================================================= */
:root{
  --mp-radius: 14px; /* cambia qui e si aggiorna tutto */
}

/* Tutti i bottoni */
button,
.btn,
a.btn,
input[type="button"],
input[type="submit"],
input[type="reset"]{
  border-radius: var(--mp-radius) !important;
}

/* Eccezioni: TouchSpin NON deve ereditare radius globale */
.input-group.bootstrap-touchspin > *,
.input-group.bootstrap-touchspin .btn{
  border-radius: 0 !important;
}

/* =========================================================
   GLOBAL ROUNDING — Cards / Carousels / Filters (category + modules)
   ========================================================= */
:root{
  --mp-card-radius: 16px;
}

/* Product cards (categorie / listing / moduli prodotti) */
.product-miniature,
.product-miniature .thumbnail-container,
.product-miniature .product-thumbnail{
  border-radius: var(--mp-card-radius) !important;
}

/* Se vedi che immagini “sbordano”, abilita overflow su container (solo dove serve) */
.product-miniature .thumbnail-container{
  overflow: hidden;
}

/* Blocchi generici “card” del tema */
.card,
.block,
.wrapper,
.products-section,
.iqitproductlist,
.iqit-carousel{
  border-radius: var(--mp-card-radius);
}

/* Caroselli: spesso il wrapper giusto è questo (dipende dai moduli IQIT) */
.iqit-carousel,
.slick-slider,
.swiper,
.products-carousel{
  border-radius: var(--mp-card-radius);
}

/* Filtri categoria (PS Faceted Search) */
#search_filters,
#search_filters .facet,
#search_filters_wrapper,
.js-search-filters{
  border-radius: var(--mp-card-radius);
}

/* Opzionale: se vuoi “pill style” anche sulle singole opzioni filtro */
#search_filters .facet .facet-label,
#search_filters .facet .custom-checkbox,
#search_filters .facet .custom-radio{
  border-radius: calc(var(--mp-card-radius) - 6px);
}

/* =========================================================
   CART SUMMARY — Title (static, multilingual) + separator
   ========================================================= */

:root{
  --mp-cart-sum-title: "Riepilogo"; /* fallback */
  --mp-cart-sum-color: #2e4d3a;
  --mp-cart-sum-size: 1.35rem;
  --mp-cart-sum-weight: 700;
  --mp-cart-sum-pad: 1.25rem 1.5rem .75rem;
  --mp-cart-sum-sep: rgba(0,0,0,.06);
}

/* Traduzioni via html[lang] */
html[lang^="it"]{ --mp-cart-sum-title: "Riepilogo"; }
html[lang^="en"]{ --mp-cart-sum-title: "Summary"; }

/* Struttura */
.cart-grid-right .card.cart-summary{
  flex-wrap: wrap;
}

/* Titolo */
.cart-grid-right .card.cart-summary::before{
  content: var(--mp-cart-sum-title);

  flex: 0 0 100%;
  order: -1;
  display: block;
  width: 100%;

  font-size: var(--mp-cart-sum-size);
  font-weight: var(--mp-cart-sum-weight);
  text-align: center;

  padding: var(--mp-cart-sum-pad);
  margin: 0;

  color: var(--mp-cart-sum-color);
  border-bottom: 1px solid var(--mp-cart-sum-sep); /* linea sotto */
}

/* =========================================================
   MP — Filters font size override
   ========================================================= */

/* Filtri */
#search_filters .facet .facet-label a {
  font-size: 0.85rem;
}

/* Filtro sui prezzi */
#search_filters .facet>ul {
  font-size: 0.85rem;
}

/* Categorie */
.block.block-categories .category-sub-menu a {
  font-size: 0.85rem;
}


/* =========================================================
   MP — Prezzi barrati (solo prodotto)
   ========================================================= */

/* Griglia prodotti */
.product-miniature .regular-price,
.product-miniature .regular-price.text-muted {
  font-size: 0.9rem;
  font-weight: 600;
}

/* Scheda prodotto */
body#product .product-prices .regular-price {
  font-size: 1rem;
  font-weight: 600;
}

.product_header_container .product-price,
.product_p_price_container .product-price {
  font-size: 2rem;
}

/* =========================================================
   MP — PDP Discount Percentage (Amazon feel)
   ========================================================= */

body#product .badge-discount.discount-percentage {

  /* dimensione leggermente inferiore al barrato (1.4rem) */
  --bs-badge-font-size: 1.15rem;
  --bs-badge-font-weight: 800;

  /* padding più importante */
  --bs-badge-padding-x: 0.75rem;
  --bs-badge-padding-y: 0.45rem;

  /* super pill */
  border-radius: 999px;

  line-height: 1;
}



/* =========================================================
   NEWSLETTER — Button fix (hover / focus / active)
   ========================================================= */

.newsletter-input-group .btn {
  background: #e85b0c;              /* arancione brand */
  /* border-color: #e85b0c; */
  border: 1px solid #ffffff !important;
  color: #ffffff;
  border-radius: 14px;              /* stesso radius globale */
  transition: all .2s ease;
}

/* Hover */
.newsletter-input-group .btn:hover {
  background: #c94c08;    /* arancione hover */
  border-color: #c94c08;
  color: #ffffff;
}

/* Focus / Active (fix bug bianco) */
.newsletter-input-group .btn:focus,
.newsletter-input-group .btn:active,
.newsletter-input-group .btn:focus-visible {
  background: #e85b0c !important;
  border-color: #275d39 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* =========================================================
   NEWSLETTER — Rounded container
   ========================================================= */

.newsletter-input-group {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #ebebeb;
  background: #ffffff;
}

/* Input */
.newsletter-input-group input[type="email"] {
  border: none;
  box-shadow: none;
  padding-left: 16px;
}

/* Rimuove eventuali bordi separatori brutti */
.newsletter-input-group .input-group-prepend,
.newsletter-input-group .input-group-append {
  border: none;
}
/* end */

/* =========================================================
   NEWSLETTER — Privacy Link
   ========================================================= */
.privacy-link {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.privacy-link:hover,
.privacy-link:focus {
  color: #ffffff !important;
  text-decoration: underline !important;
}
/* end */

/* =========================================================
   FOOTER Desktop e Mobile - Blocchi IQITLinks
   ========================================================= */
#footer-container-main, #checkout-footer {
  font-size: 13px;
}
/* end */

/* =========================================================
   MODULO ph_simpleblog - Excerpt Descrizione ridotta a 3 righe
   ========================================================= */
.simpleblog__listing__post__wrapper__content p[itemprop="description"].d-inline{
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;

  line-height: 1.5em;
  max-height: 4.5em; /* 1.5 * 3 */
}
/* end */

/* =========================================================
   FOOTER MOBILE — 2 colonne allineate
   + Social & Newsletter full width (sono nello stesso col-*)
   ========================================================= */

@media (max-width: 767.98px){

  /* 1) Grid a 2 colonne */
  /* ELIMINARE
  #footer-container-main .row{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 22px 22px;
    align-items: start;
  }
  */

  /* 2) Neutralizza bootstrap sulle colonne (figli diretti della row) */
  /* ELIMINARE
  #footer-container-main .row > [class*="col-"]{
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    min-width: 0;
  }
  */

  /* 3) La COLONNA che contiene social+newsletter deve span 2 */
  /* ELIMINARE
  #footer-container-main .row > [class*="col-"]:has(.block-social-links),
  #footer-container-main .row > [class*="col-"]:has(.block-newsletter){
    grid-column: 1 / -1;
    order: 90; /* in fondo */
  }
  */
  /* 4) Dentro quella colonna: spacing pulito */
  /* ELIMINARE
  #footer-container-main .block-social-links{
    margin-bottom: 18px !important;
  }
  #footer-container-main .block-newsletter{
    margin-top: 0 !important;
  }
  */
}

/* =========================================================
   54.BANNER in CARRELLO in SIDEBAR
   ========================================================= */
  .sidecart-top-banner{ margin: 0 0 12px; }
  .sidecart-top-banner__link{ display:block; }
  .sidecart-top-banner__img{
    display:block;
    width:100%;
    height:auto;
    border-radius:10px;
  }
/* end */

/* =========================================================
   54.1 CORREZIONE del CARRELLO in SIDEBAR
   ========================================================= */
   
/* Drawer laterale: si adatta al contenuto ma non supera la viewport */
.ps-shoppingcart.dropdown #blockcart-content{
  position: fixed;
  top: 0;
  right: 0;

  width: 340px;
  max-width: 100%;

  height: auto;           /* <-- si adatta ai prodotti */
  max-height: 100vh;      /* <-- non supera lo schermo */

  z-index: 5005;

  display: flex;
  flex-direction: column;

  overflow: hidden;       /* lo scroll NON qui */
  transform: translate3d(115%,0,0);
  transition: transform .4s cubic-bezier(.7,0,.3,1);
}

.ps-shoppingcart.dropdown .show #blockcart-content{
  transform: translate3d(0,0,0);
}

/* La lista deve poter "prendere spazio" e scrollare */
#blockcart-content .cart-products{
  flex: 1 1 auto;
  min-height: 0;          /* <-- chiave per evitare comportamenti strani */
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0;
}

/* Footer: sempre in basso quando c'è spazio */
#blockcart-content .cart-buttons{
  margin-top: auto;       /* <-- spinge i bottoni giù */
}

/* Bottoni: full width (btn-block su BS5 non funziona) */
#blockcart-content .cart-buttons .btn{
  display: block;
  width: 100%;
}

/* opzionale: niente centratura */
#blockcart-content .cart-buttons{
  text-align: left;
}

/* =========================================================
   55.Pagina Prodotto
   ========================================================= */
   
   /* =========================================================
   55.1 Descrizione breve Mostra tutto
   ========================================================= */
.mp-shortdesc--clamped{
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mp-shortdesc--expanded{
  display: block;
  overflow: visible;
}

   /* =========================================================
   55.2 Pulsanti prodotto variabile (class="product-variants)
   ========================================================= */
   
   /* container */
.product-variants .product-variants-item ul[id^="group_"]{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.product-variants .product-variants-item .input-container{
  position: relative;
  float: none !important;
  margin: 0;
  /* IMPORTANT: crea un box cliccabile */
  display: inline-block;
}

/* pill */
.product-variants .product-variants-item .radio-label{
  display: inline-flex;      /* crea dimensione */
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border: 1px solid #ddd;
  border-radius: 999px;
  user-select: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* input invisibile ma cliccabile sopra la pill */
.product-variants .product-variants-item .input-radio{
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  pointer-events: auto; /* esplicito */
}

/* hover */
.product-variants .product-variants-item .input-container:hover .radio-label{
  border-color: #e85b0c;
}

/* selezionato */
.product-variants .product-variants-item .input-radio:checked + .radio-label{
  border: 2px solid #e85b0c;
  color: #e85b0c;
  font-weight: 600;
}

/* =========================================================
   55.3 Fast checkout - 3 pulsanti allineati puliti
   ========================================================= */

:root{
  --mp-fast-btn-h: 44px;
  --mp-fast-gap: 14px;
}

/* ===== RIGA ===== */
.mp-fast-checkout__row{
  display: flex;
  gap: var(--mp-fast-gap);
  align-items: stretch;
}

/* ===== SLOT (3 colonne uguali) ===== */
.mp-fast-checkout__slot{
  flex: 1 1 0;
  min-width: 0;
}

/* ===== MOUNT BASE (solo sizing, NO bordi) ===== */
.mp-fast-checkout__mount{
  width: 100%;
  height: var(--mp-fast-btn-h);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

/* ===== iframe PayPal full width/height ===== */

.mp-fast-checkout__mount iframe{
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block;
}

/* =========================================================
   PAYPAL FIX — Z-INDEX
   Riduce lo z-index degli iframe PayPal (SDK)
   ========================================================= */

iframe.component-frame {
  z-index: 5 !important;
}

/* ===== KLARNA: cornice coerente col tuo stile ===== */
.mp-fast-checkout__slot--klarna .mp-fast-checkout__mount{
  border: 1px solid #1f3b2c;   /* tuo verde */
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}

/* Klarna wrapper full */
.mp-fast-checkout__slot--klarna .klarnapayment-kec-wrapper{
  width: 100% !important;
  height: 100% !important;
  display: block;
  background: transparent !important;
}

/* ===== Responsive ===== */
@media (max-width: 480px){
  .mp-fast-checkout__row{
    flex-wrap: wrap;
  }

  .mp-fast-checkout__slot{
    flex: 1 1 calc(50% - 7px);
  }

  .mp-fast-checkout__slot--klarna{
    flex-basis: 100%;
  }
}


/* =========================================================
   54 - Pagina Prodotto PDP — Pulsante "Acquista subito" (mp-buy-now)
   Normal: verde chiaro
   Hover: torna come prima (verde scuro + testo bianco)
   ========================================================= */

/* stato normale */
body#product .btn.btn-secondary.mp-buy-now{
  background: #5aa974 !important;
  border-color: #5aa974 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* hover/focus/active: ripristina comportamento "prima" */
body#product .btn.btn-secondary.mp-buy-now:hover,
body#product .btn.btn-secondary.mp-buy-now:focus,
body#product .btn.btn-secondary.mp-buy-now:active,
body#product .btn.btn-secondary.mp-buy-now:focus-visible{
  background: #2e4d3a !important;   /* tuo verde scuro */
  border-color: #2e4d3a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* =========================================================
   MP — BTN-LINK sempre arancione (normal + hover + focus)
   ========================================================= */

:root{
  --mp-orange:#e85b0c;
}

/* link-button */
.btn-link{
  color: var(--mp-orange) !important;
  -webkit-text-fill-color: var(--mp-orange) !important;
  text-decoration-color: var(--mp-orange) !important;
}

/* hover / focus / active */
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link:focus-visible{
  color: var(--mp-orange) !important;
  -webkit-text-fill-color: var(--mp-orange) !important;
  text-decoration-color: var(--mp-orange) !important;
  box-shadow: none !important;
  outline: none !important;
}


/* =========================================================
   MP — Banner -> Apple Cards (Strada B)
   Applica a banner con classe: mp-apple-banner
   ========================================================= */

/* 1) il widget deve comportarsi come card */
.mp-apple-banner{
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 18px 50px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}

.mp-apple-banner:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(0,0,0,.12);
}

/* 2) disattiva overlay/maschere tipiche dei banner (varie classi possibili) */
.mp-apple-banner .banner-overlay,
.mp-apple-banner .overlay,
.mp-apple-banner .mask,
.mp-apple-banner .banner-mask,
.mp-apple-banner:before,
.mp-apple-banner:after{
  background: transparent !important;
  opacity: 1 !important;
}

/* 3) immagine “cover” in alto (prende img dentro al banner) */
.mp-apple-banner img{
  width: 100% !important;
  height: 230px;            /* cambia 210/240/260 a gusto */
  object-fit: cover;
  display: block;
}

/* 4) area testo: la forziamo “sotto” con un box bianco e padding
   Qui copriamo molte possibili classi dei widget banner */
.mp-apple-banner .caption,
.mp-apple-banner .banner-caption,
.mp-apple-banner .banner-content,
.mp-apple-banner .content,
.mp-apple-banner .text,
.mp-apple-banner .info{
  position: static !important;
  background: #fff !important;
  padding: 16px 18px 18px !important;
  text-align: left !important;
}

/* 5) titolo grande e meta piccola (copriamo vari markup) */
/*
.mp-apple-banner .title,
.mp-apple-banner .banner-title,
.mp-apple-banner h1,
.mp-apple-banner h2,
.mp-apple-banner h3,
.mp-apple-banner h4,
.mp-apple-banner h5{
  margin: 0 0 6px !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  color: #2e4d3a !important; 
}
*/



.mp-apple-banner .subtitle,
.mp-apple-banner .banner-subtitle,
.mp-apple-banner p,
.mp-apple-banner .desc{
  margin: 0 !important;
  font-size: 15px !important;
  opacity: .72 !important;
  color: inherit !important;
}

/* 6) se il banner è un link, evitiamo sottolineature strane */
.mp-apple-banner a{
  text-decoration: none !important;
  color: inherit !important;
}

/* MOSTRA TUTTA + altezza naturale (niente crop) */
.mp-apple-banner img{
  height: auto !important;
  max-height: none !important;
  object-fit: initial !important;
}

/* =========================================================
   PDP - Tabs prodotti IQIT/Elementor - dots più in basso
   ========================================================= */
.swiper-pagination.swiper-dots-outside{
  position: static !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-end !important;

  min-height: 16px !important;
  margin-top: 2px !important;
  padding-top: 4px !important;

  background: transparent !important;
}


/* =======================================
   PRODUCT FLAGS – discount left / new right
   ======================================= */

.thumbnail-container .product-flags,
.product-cover .product-flags{
  position:absolute;
  left: 0;
  right:0;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding:0 2px;
  margin:0;
  list-style:none;
}

.thumbnail-container .product-flags .product-flag,
.product-cover .product-flags .product-flag{
  margin:0;
}

.thumbnail-container .product-flags .product-flag.new,
.product-cover .product-flags .product-flag.new{
  position:relative;
}

/* =======================================
   404 PAGE – MONDOPIANTE
   ======================================= */

.ing-404 {
  padding: 20px 0 20px;
}

.ing-404__box {
  max-width: 900px;
  /*! margin: 0 auto; */
  /*! background: #fff; */
  /*! border-radius: 16px; */
  /*! padding: 36px; */
  /*! border: 1px solid #edf0f2; */
  /*! box-shadow: 0 10px 30px rgba(0,0,0,.05); */
}

/* titolo */

.ing-404__intro h1,
.ing-404__content h2 {
  margin: 0 0 10px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
}

/* testo */

.ing-404__intro p,
.ing-404__content p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #6c757d;
  max-width: 640px;
}

/* bottoni */

.ing-404__actions {
  display: flex;
  gap: 12px;
  margin: 20px 0 30px;
  flex-wrap: wrap;
}

.ing-404__btn {
  border-radius: 999px;
  padding: 10px 18px;
}

/* ricerca */

.ing-404__search {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #edf0f2;
}

.ing-404__search h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

/* link rapidi */

.ing-404__links {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #edf0f2;
}

.ing-404__links h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px;
}

.ing-404__quicklinks {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ing-404__quicklinks a {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid #e2e6ea;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  transition: all .15s ease;
}

.ing-404__quicklinks a:hover {
  background: #f7f9fa;
  border-color: #d6dde3;
}

/* responsive */

@media (max-width: 768px) {

  .ing-404__box {
    padding: 24px;
  }

  .ing-404__actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .ing-404__btn {
    width: auto;
  }

}

/* =========================================================
   ORDER CONFIRMATION — MONDOPIANTE
   ========================================================= */


/* =======================================
   ORDER DETAILS (riferimento, telefono ecc.)
   ======================================= */

#order-details ul {
  padding-left: 0;
  margin-top: 6px;
}

#order-details li {
  margin-bottom: 4px;
  line-height: 1.2;
}


/* =======================================
   ORDER PRODUCTS
   ======================================= */

/* nome prodotto */

.order-confirmation-table .details span {
  font-size: 0.9rem;
  line-height: 1.3;
}

/* prezzi */

.order-confirmation-table .qty {
  font-size: 0.9rem;
}


/* =======================================
   ORDER TOTALS TABLE
   ======================================= */

/* spaziatura righe */

#order-items table td {
  padding: 4px 0;
}

/* totale finale */

#order-items .totals td {
  font-weight: 700;
}