/* PREV: @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); */
/* NOTE: Inter caricato via <link> in head.tpl */


/* =========================
   MSK — CATEGORY HEADER + DESCRIZIONE (DESKTOP + MOBILE)
   (mettere subito dopo @import)
   ========================= */

body#category #js-product-list-header{
  margin: 0 0 18px !important;
}

body#category #js-product-list-header .block-category{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.10) !important;
  padding: 22px 24px !important;
}

body#category #js-product-list-header .block-category-inner{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body#category #js-product-list-header h1,
body#category #js-product-list-header .h1{
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: #0b1220 !important;
}

body#category #js-product-list-header #category-description{
  opacity: 1 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  max-width: 920px !important;
  color: #0f172a !important;
}

body#category #js-product-list-header #category-description *{
  color: #0f172a !important;
}

body#category #js-product-list-header #category-description strong,
body#category #js-product-list-header #category-description b{
  font-weight: 800 !important;
  color: #0b1220 !important;
}

body#category #js-product-list-header #category-description p{ margin: 0 0 12px !important; }
body#category #js-product-list-header #category-description ul{ margin: 0 0 12px 18px !important; }
body#category #js-product-list-header #category-description li{ margin: 0 0 6px !important; }

@media (max-width: 767px){
  body#category #js-product-list-header .block-category{ padding: 16px 16px !important; }
  body#category #js-product-list-header h1,
  body#category #js-product-list-header .h1{ font-size: 22px !important; }
  body#category #js-product-list-header #category-description{ max-width: 100% !important; }
}






/* Font Inter SOLO pagina prodotto */
body#product{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}


/* ===== FIX LOGHI PAGAMENTO (SVG) ===== */

.cms-pagamenti .pay-logos{
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin: 10px 0 14px;
}

.cms-pagamenti .pay-logos img{
  height: 34px !important;
  width: auto !important;
  max-width: 180px;
  display: block;
}





.msk-trust-bar{
  background:#f6f6f6;
  padding:22px 0 26px;
}
.msk-trust-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
  text-align:center;
}
.msk-trust-bar h3{
  margin:0 0 6px;
  font-weight:700;
}
.msk-trust-bar p{
  margin:0 0 16px;
  font-size:14px;
  opacity:.85;
}
.msk-trust-logos{
  display:flex;
  justify-content:center;
  gap:48px;
  flex-wrap:wrap;
}
.msk-trust-item{
  min-width:220px;
}
.msk-trust-item img{
  height:32px;
  margin-bottom:6px;
}
.msk-trust-item strong{
  display:block;
  margin-bottom:4px;
}
.msk-trust-item a{
  font-weight:700;
  text-decoration:none;
}

/* Rende il logo Trustpilot visivamente pi첫 grande */
.msk-trust-item svg {
  height: 38px;
  width: auto;
}
.msk-trust-item svg text {
  font-size: 26px;
}

.msk-trustpilot-logo{
  height: 34px;
  width: auto;
  margin-bottom: 6px;
}

.msk-stars{
  color:#00b67a;       /* verde Trustpilot */
  font-size:18px;
  line-height:1;
  margin:4px 0 6px;
  letter-spacing:2px;
}

.msk-product-trust{
  margin:14px 0 10px;
  padding:10px 12px;
  background:#f8f8f8;
  border-radius:6px;
  font-size:13px;
}

.msk-product-trust strong{
  display:block;
  margin-bottom:4px;
  font-size:13px;
}

.msk-product-trust-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.msk-pt-google,
.msk-pt-trustpilot{
  font-weight:600;
  white-space:nowrap;
}

.msk-pt-trustpilot{
  color:#00b67a;
}

.msk-footer-trust-wrapper{
  border-top:1px solid rgba(255,255,255,.15);
  padding:12px 0;
  margin-bottom:10px;
}

.msk-footer-trust{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  font-size:13px;
  opacity:.85;
  justify-content:center;
}

.msk-footer-trust strong{
  font-weight:700;
}

.msk-footer-trust span{
  white-space:nowrap;
}


/* FORZA rimozione sfondo colonna testo slider ISHI */
#ishislider .slider-content .slider-btn span {
    display: none;
}


/* Rimuove SOLO il flag "Non disponibile" sopra l'immagine prodotto */
ul.product-flags li.product-flag.out_of_stock {
    display: none !important;
}


.ti-header {
    padding: 0 !important;
}

#ishiheadercontactblock,
#header .blockcart,
#header .user-info {
    border: none;
    padding: 3px 0;
}
#header .blockcart .cart-link {
    text-align: right;
}

#product .product-comments {
    display: grid;
}
#product .product-comments .product-comments-additional-info {
    margin-bottom: 10px;
}
#product .product-comments .product-comments-additional-info button {
    padding: 0;
}

.wishlist_login .wishlist_button span {
    padding-left: 28px;
}

.block-promo .promo-input + button {
    color: #ffffff;
}

.cart-total-main {
  font-size: 1.3em;
  font-weight: 700;
}

.cart-total-main .label {
  opacity: 0.9;
}

.cart-total-main .value {
  font-size: 1.4em;
}
.continue-shopping-link {
  opacity: 0.6;
  font-size: 0.85em;
}

.continue-shopping-link:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Checkout Step 1 – enfasi solo su privacy (obbligatoria) */

.checkout .custom-checkbox input[required] {
  transform: scale(1.15);
}

.checkout .custom-checkbox input[required] + span {
  border-color: #000;
}

.checkout .custom-checkbox input[required] + span::before {
  font-weight: bold;
}


/* STEP 2 – Alleggerimento campi opzionali */

.checkout .form-group .optional {
  font-size: 0.75em;
  opacity: 0.6;
}

/* Campo opzionale: meno contrasto */
.checkout .form-group .optional {
  display: inline-block;
  margin-left: 6px;
}

/* Riduce l’impatto visivo dell’intero gruppo opzionale */
.checkout .form-group:has(.optional) {
  opacity: 0.8;
}

/* STEP 2 – Evidenziazione campi obbligatori */

.checkout .form-group.required label {
  font-weight: 600;
  color: #000;
}

.checkout .form-group.required input,
.checkout .form-group.required select {
  border-color: #000;
  background-color: #fff;
}

/* Campi NON obbligatori: restano neutri */
.checkout .form-group:not(.required) label {
  opacity: 0.7;
}


/* ===============================
   CHECKOUT – GERARCHIA TIPOGRAFICA
   =============================== */

/* Titolo step (es. Informazioni personali, Indirizzo) */
.checkout .checkout-step.-current .step-title {
  font-size: 20px;
  font-weight: 600;
  color: #111;
}

/* Label campi */
.checkout .form-group label {
  font-size: 14px;
  font-weight: 500;
  color: #222;
}

/* Testi di aiuto / microcopy */
.checkout .checkout-intro,
.checkout .checkout-cta-help {
  font-size: 14px;
  color: #444;
}

/* Checkbox label */
.checkout .custom-checkbox label {
  color: #333;
}

/* ===============================
   CHECKOUT – INPUT
   =============================== */

.checkout input[type="text"],
.checkout input[type="email"],
.checkout input[type="tel"],
.checkout select {
  font-size: 14px;
  color: #111;
  border-color: #bbb;
}

.checkout input:focus,
.checkout select:focus {
  border-color: #000;
  box-shadow: none;
}

/* ===============================
   CHECKOUT – CTA
   =============================== */

.checkout .btn-primary {
  font-size: 15px;
  font-weight: 600;
  padding: 10px 18px;
}

/* CTA solo del prodotto principale (non correlati) */
body#product form#add-to-cart-or-refresh .add-to-cart{
  min-height: 52px;
  border-radius: 12px;
  font-weight: 700;
}


/* =========================
   STEP 2 — Base + Typography (solo PDP)
   ========================= */

/* 2.1) Variabili (palette “vicina” alla tua) */
:root{
  --msk-navy: #243140;
  --msk-yellow: #ECCD24;
  --msk-yellow-hover: #D9BB1E;

  --msk-text: #111827;
  --msk-muted: #6B7280;
  --msk-border: #E5E7EB;
  --msk-card: #F8FAFC;

  --msk-success: #16A34A;
}

/* 2.2) Tipografia base PDP */
body#product{
  color: var(--msk-text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Titolo prodotto (H1) più “retail” e leggibile */
body#product h1{
  font-size: clamp(20px, 2.2vw, 30px);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--msk-text);
}

/* Prezzo solo del prodotto principale (non correlati) */
body#product #product .product-prices .current-price,
body#product #product .product-prices .current-price span{
  font-size: clamp(28px, 2.6vw, 40px);
  font-weight: 800;
  color: var(--msk-text);
}

/* Correlati / miniature: NON ingrandire prezzi e CTA */
body#product .product-miniature .price,
body#product .product-miniature .regular-price{
  font-size: 16px !important;
  font-weight: 600 !important;
}

body#product .product-miniature .add-to-cart{
  min-height: 36px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
}




/* =========================
   WOW CARD — prezzo + CTA (solo pagina prodotto)
   ========================= */

/* Card del prezzo */
body#product .product-prices{
  background: var(--msk-card);
  border: 1px solid var(--msk-border);
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 10px;
}

/* Card della zona acquisto (quantità + bottone) */
body#product form#add-to-cart-or-refresh{
  background: var(--msk-card);
  border: 1px solid var(--msk-border);
  border-radius: 12px;
  padding: 14px 16px;
}

/* CTA full width solo sul prodotto principale */
body#product form#add-to-cart-or-refresh .add-to-cart{
  width: 100%;
}

/* Mobile: card più compatte */
@media (max-width: 768px){
  body#product .product-prices,
  body#product form#add-to-cart-or-refresh{
    padding: 12px 14px;
    border-radius: 10px;
  }
}
body#product #product .product-prices,
body#product #product form#add-to-cart-or-refresh{
  background: var(--msk-card);
  border: 1px solid var(--msk-border);
  border-radius: 12px;
  padding: 14px 16px;
}

/* Spazio tra prezzo e form */
body#product #product form#add-to-cart-or-refresh{
  margin-top: 12px;
}

/* Piccolo “air” attorno al bottone */
body#product form#add-to-cart-or-refresh .add-to-cart{
  width: 100%;
}

/* Mobile: card più compatta */
@media (max-width: 768px){
  body#product #product .product-prices,
  body#product #product form#add-to-cart-or-refresh{
    padding: 12px 14px;
    border-radius: 10px;
  }
}


/* STEP WOW-2 — riga Quantità + CTA più pulita (solo PDP) */
body#product form#add-to-cart-or-refresh .product-quantity{
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: nowrap;
}

/* FIX Quantità: evita che i bottoni su/giù vadano a capo */
body#product form#add-to-cart-or-refresh .product-quantity .bootstrap-touchspin,
body#product form#add-to-cart-or-refresh .product-quantity .input-group{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  max-width: 120px;
}

/* bottone protagonista */
body#product form#add-to-cart-or-refresh .product-quantity .add-to-cart{
  flex: 1;
  min-width: 200px;
}

/* “Disponibile” più rassicurante */
body#product form#add-to-cart-or-refresh .product-availability,
body#product form#add-to-cart-or-refresh .product-availability *{
  color: var(--msk-success);
  font-weight: 700;
}

/* Mobile: va a capo in modo pulito */
@media (max-width: 768px){
  body#product form#add-to-cart-or-refresh .product-quantity{
    flex-wrap: wrap;
  }
  body#product form#add-to-cart-or-refresh .product-quantity .add-to-cart{
    flex-basis: 100%;
    min-width: 0;
  }
}



/* DEBUG FONT (forte): deve diventare “macchina da scrivere” dentro prezzo+CTA */
body#product{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* OGGI 20/12/2025 */


/* STEP 6 — Rifinitura buy-box (desktop) */
@media (min-width: 769px){

  /* Card prezzo: più aria e allineamenti */
  body#product .product-prices{
    padding: 16px 18px;
  }

  /* Migliora la leggibilità del prezzo e delle info attorno */
  body#product .product-prices .current-price,
  body#product .product-prices .current-price span{
    letter-spacing: -0.01em;
  }

  /* Card acquisto: aria interna e separazioni più chiare */
  body#product form#add-to-cart-or-refresh{
    padding: 16px 18px;
  }

  /* Spazio tra quantità/CTA e disponibilità */
  body#product form#add-to-cart-or-refresh .product-availability{
    margin-top: 10px;
  }

  /* CTA: centratura e consistenza */
  body#product form#add-to-cart-or-refresh .add-to-cart{
    text-transform: none;
    letter-spacing: 0;
  }
}




/* STEP 7C — Layout Quantità + Carrello (desktop) */
@media (min-width: 769px){

  /* Wrapper principale: riga vera */
  body#product form#add-to-cart-or-refresh .product-quantity{
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: nowrap !important;
  }

  /* Colonna quantità (Prestashop spesso usa .qty) */
  body#product form#add-to-cart-or-refresh .product-quantity .qty{
    flex: 0 0 96px !important;
    max-width: 96px !important;
  }

  /* Assicura che input/touchspin stiano dentro */
  body#product form#add-to-cart-or-refresh .product-quantity .qty .bootstrap-touchspin,
  body#product form#add-to-cart-or-refresh .product-quantity .qty .input-group{
    width: 100% !important;
    max-width: 96px !important;
  }

  /* Colonna bottone (Prestashop spesso usa .add) */
  body#product form#add-to-cart-or-refresh .product-quantity .add{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Bottone full-width della sua colonna (diventa “protagonista”) */
  body#product form#add-to-cart-or-refresh .product-quantity .add .add-to-cart{
    width: 100% !important;
    min-height: 54px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  /* Disponibile: un filo più “deciso” */
  body#product form#add-to-cart-or-refresh .product-availability{
    margin-top: 8px !important;
    font-weight: 700 !important;
  }
}



/* STEP 8 — Pulizia riga prezzo (desktop) */
@media (min-width: 769px){

  /* Prezzo attuale più protagonista */
  body#product .product-prices .current-price,
  body#product .product-prices .current-price span{
    font-weight: 900;
  }

  /* Prezzo barrato più discreto */
  body#product .product-prices .regular-price{
    opacity: 0.55;
    font-weight: 600;
  }

  /* Badge risparmio più ordinato */
  body#product .product-prices .discount,
  body#product .product-prices .discount-percentage,
  body#product .product-prices .discount-amount{
    border-radius: 10px;
    padding: 6px 10px;
    font-weight: 700;
  }
}


/* STEP 9 — Badge risparmio più soft/premium */
@media (min-width: 769px){
  body#product .product-prices .discount,
  body#product .product-prices .discount-percentage,
  body#product .product-prices .discount-amount{
    background: rgba(36,49,64,0.08) !important; /* navy molto soft */
    color: #243140 !important;                 /* navy */
    border: 1px solid rgba(36,49,64,0.18) !important;
  }
}


/* Nasconde SOLO il flag sconto (-xxx €) sopra immagine prodotto */
body#product .product-flags li.product-flag.discount,
body#product .product-flags li.product-flag.on-sale{
  display: none !important;
}

/* STEP 12 — Badge "NUOVO" più premium (desktop) */
@media (min-width: 769px){
  body#product .product-flags li.product-flag.new,
  body#product .product-flags .product-flag.new{
    background: rgba(22,163,74,0.10) !important;  /* verde soft */
    color: #166534 !important;                    /* verde scuro */
    border: 1px solid rgba(22,163,74,0.25) !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    padding: 6px 10px !important;
    letter-spacing: 0.02em !important;
  }
}

/* STEP 13 — Gerarchia tipografica PDP (desktop) */
@media (min-width: 769px){

  /* Titolo prodotto: più autorevole ma pulito */
  body#product h1.h1{
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 10px !important;
  }

  /* Testi descrittivi sotto al titolo: più leggibili */
  body#product .product-information,
  body#product .product-information p,
  body#product .product-information li{
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  /* Breadcrumb un filo più discreto (meno rumore) */
  body#product .breadcrumb{
    font-size: 12px !important;
    opacity: 0.9;
  }
}

/* STEP 13B — Titolo PDP un filo meno forte (desktop) */
@media (min-width: 769px){
  body#product h1.h1{
    font-size: 26px !important;
    font-weight: 750 !important;
    letter-spacing: -0.005em !important;
  }
}

/* STEP 14 (definitivo) — CTA recensione più discreta in PDP (desktop) */
@media (min-width: 769px){
  body#product button.post-product-comment{
    opacity: .55 !important;
    font-size: 12px !important;
    padding: 6px 10px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(15,23,42,.18) !important; /* soft */
    background: transparent !important;
    box-shadow: none !important;
  }
  body#product button.post-product-comment:hover{
    opacity: 1 !important;
    background: rgba(15,23,42,.04) !important;
  }
  body#product button.post-product-comment i.material-icons{
    font-size: 16px !important;
    vertical-align: middle;
    margin-right: 6px;
    opacity: .7;
  }
}

/* ROLLBACK WHATSAPP: rimosso STEP 15C desktop ETS WhatsApp premium/riposizionamento. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */


/* ROLLBACK WHATSAPP: rimosso STEP 15 classe ets_wa_whatsapp_block_right_bottom. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */
/* ROLLBACK WHATSAPP: rimosso blocco globale/PDP ETS WhatsApp anti-overlap. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */


/* ROLLBACK WHATSAPP: rimosso STEP 15 forza posizione floating ETS WhatsApp. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */

/* STEP 16 (definitivo) — PDP: quantità stessa altezza della CTA */
#product .product-add-to-cart input#quantity_wanted,
#product .product-add-to-cart .bootstrap-touchspin input,
#product .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical{
  height: 56px !important;
}

#product .product-add-to-cart .bootstrap-touchspin .input-group-btn-vertical .btn{
  height: 28px !important;
  line-height: 28px !important;
}

#product .product-add-to-cart .bootstrap-touchspin{
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

#product .product-add-to-cart input#quantity_wanted,
#product .product-add-to-cart .bootstrap-touchspin input{
  text-align: center;
  font-weight: 700;
}

#product .product-add-to-cart .add-to-cart{
  height: 56px !important;
  min-height: 56px !important;
  border-radius: 12px;
}

/* STEP 17 — PDP: Metodi di Pagamento (SVG) più grandi e leggibili */
#product .paymentlogo-container .payment-icon{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}

#product .paymentlogo-container .payment-icon svg.icon{
  width: 56px !important;
  height: 40px !important;
  max-width: none !important;
}

/* Mobile: ancora più leggibili */
@media (max-width: 767px){
  #product .paymentlogo-container .payment-icon svg.icon{
    width: 64px !important;
    height: 44px !important;
  }
}

/* STEP 18 — PDP: Metodi di pagamento usando la libreria /img/cms/payments */
#product .paymentlogo-container .payment-icon{
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Nascondo le icone attuali del tema */
#product .paymentlogo-container .payment-icon svg.icon{
  display: none !important;
}

/* Inserisco Visa + Mastercard dalla tua libreria (nitidi, coerenti) */
#product .paymentlogo-container .payment-icon::before,
#product .paymentlogo-container .payment-icon::after{
  content: "";
  display: inline-block;
  width: 56px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#product .paymentlogo-container .payment-icon::before{
  background-image: url("/img/cms/payments/visa.svg");
}

#product .paymentlogo-container .payment-icon::after{
  background-image: url("/img/cms/payments/mastercard.svg");
}

/* Mobile: leggermente più grandi */
@media (max-width: 767px){
  #product .paymentlogo-container .payment-icon::before,
  #product .paymentlogo-container .payment-icon::after{
    width: 64px;
    height: 44px;
  }
}

/* STEP 19 — Reset: niente loghi extra in PDP, solo set principale */
#product .paymentlogo-container .payment-icon{
  background: none !important;
  padding-right: 0 !important;
}

/* STEP 20 — loghi custom in ishipaymentoptionsblock */
#product .paymentlogo-container .payment-icon img.msk-paylogo{height:22px;width:auto;display:inline-block;vertical-align:middle;}

/* STEP 21 — PDP: uniforma e rende leggibili i nuovi loghi pagamento */
#product .paymentlogo-container .payment-icon{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

#product .paymentlogo-container .payment-icon img.msk-paylogo{
  height: 26px !important;   /* aumenta leggibilità */
  width: auto !important;
  display: inline-block !important;
  vertical-align: middle;
  image-rendering: auto;
}

/* Se vuoi coerenza perfetta anche per Visa/Mastercard del modulo (svg) */
#product .paymentlogo-container .payment-icon svg.icon{
  width: 56px !important;
  height: 40px !important;
}

/* Mobile: un filo più grandi */
@media (max-width: 767px){
  #product .paymentlogo-container .payment-icon img.msk-paylogo{
    height: 30px !important;
  }
}

/* STEP 22 — PDP: loghi pagamento coerenti (tile + altezza unica) */
#product .paymentlogo-container .payment-icon{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

/* Stile "tile" uguale per TUTTI i loghi */
#product .paymentlogo-container .payment-icon svg.icon,
#product .paymentlogo-container .payment-icon img.msk-paylogo{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:8px;
  padding:6px 10px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* Uniformo l’altezza percepita */
#product .paymentlogo-container .payment-icon svg.icon{
  width:auto !important;
  height:34px !important;
}

#product .paymentlogo-container .payment-icon img.msk-paylogo{
  height:34px !important;
  width:auto !important;
  display:inline-block !important;
}

/* FIX — blocco mobile loghi pagamento (chiuso correttamente) */
@media (max-width: 767px){
  #product .paymentlogo-container .payment-icon svg.icon,
  #product .paymentlogo-container .payment-icon img.msk-paylogo{
    height: 34px !important;
    width: auto !important;
  }
}

/* STEP 23 — PDP: 2 righe pulite per i loghi (niente mastercard isolata) */
#product .paymentlogo-container .payment-icon{
  display: grid;
  grid-template-columns: repeat(3, max-content);
  gap: 10px 10px;
  align-items: center;
}

/* Su schermi un po' più larghi, prova 4 colonne */
@media (min-width: 1200px){
  #product .paymentlogo-container .payment-icon{
    grid-template-columns: repeat(4, max-content);
  }
}

/* STEP FOOTER-1B — AGGANCIO SICURO footer (test + fix) */

#footer .paymentlogo-container .payment-icon,
.footer-container #footer .paymentlogo-container .payment-icon{
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px !important;
  align-items: center !important;
}

/* STEP FOOTER-2 — Footer: allinea loghi pagamento correttamente */
.footer-container .paymentlogo-container{
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* riga interna loghi */
.footer-container .paymentlogo-container .payment-icon{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap;
}

/* tile coerenti anche in footer */
.footer-container .paymentlogo-container .payment-icon svg.icon,
.footer-container .paymentlogo-container .payment-icon img.msk-paylogo{
  height: 28px !important;
  width: auto !important;
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 8px;
  padding: 6px 10px;
}


/* STEP FOOTER-3 — CONTRASTO: Visa leggibile nel footer */
.footer-container .paymentlogo-container .payment-icon svg.icon,
.footer-container .paymentlogo-container .payment-icon img.msk-paylogo{
  background: #fff !important;
  border: 1px solid rgba(255,255,255,.25) !important; /* bordo più visibile su fondo scuro */
  box-shadow: 0 8px 22px rgba(0,0,0,.25) !important;  /* aumenta stacco */
  border-radius: 10px !important;
  padding: 7px 12px !important;
}

/* aumento un pelo la dimensione del set nel footer */
.footer-container .paymentlogo-container .payment-icon svg.icon{
  height: 32px !important;
  width: auto !important;
}
.footer-container .paymentlogo-container .payment-icon img.msk-paylogo{
  height: 32px !important;
  width: auto !important;
}


/* STEP M1 — PDP mobile: sticky add to cart */
@media (max-width: 767px){

  /* barra fissa */
  body#product #add-to-cart-or-refresh .product-add-to-cart,
  #product #add-to-cart-or-refresh .product-add-to-cart{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 10px 12px;
    box-shadow: 0 -10px 24px rgba(0,0,0,.18);
    z-index: 9999;
    margin: 0;
  }

  /* layout interno: qty + bottone */
  body#product #add-to-cart-or-refresh .product-add-to-cart .product-quantity,
  #product #add-to-cart-or-refresh .product-add-to-cart .product-quantity{
    display: flex;
    align-items: center;
    gap: 10px;
  }

  /* qty più compatta */
  body#product #add-to-cart-or-refresh .product-add-to-cart .qty,
  #product #add-to-cart-or-refresh .product-add-to-cart .qty{
    max-width: 84px;
  }

  /* bottone occupa spazio */
  body#product #add-to-cart-or-refresh .product-add-to-cart .add-to-cart,
  #product #add-to-cart-or-refresh .product-add-to-cart .add-to-cart{
    flex: 1;
    min-height: 44px;
    border-radius: 10px;
  }

  /* evita che l’ultima parte della pagina finisca sotto la barra */
  body#product #main,
  #product #main{
    padding-bottom: 92px;
  }
}



/* ROLLBACK WHATSAPP: rimosso STEP M2B mobile spostamento icona WhatsApp. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */


/* ROLLBACK WHATSAPP: rimosso STEP M2C mobile spostamento wrapper WhatsApp. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */

/* ROLLBACK WHATSAPP: rimosso STEP M2D mobile spostamento wrapper ETS WhatsApp. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */


/* ROLLBACK WHATSAPP: rimosso STEP M2E mobile WhatsApp sopra sticky. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */




/* ROLLBACK COOKIE: rimossi vecchi step M3B/M3C/M3E/M3F/M3G su .cookiesplus-tab/#cookiesplus-tab. Codice originale conservato nel file di backup: custom_original_BACKUP.css */



/* STEP STICKY ADD TO CART – MOBILE (BASE) */
@media (max-width: 767px) {

  body.page-product {
    padding-bottom: 80px; /* spazio per barra */
  }

  .msk-sticky-atc {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
    padding: 10px;
    z-index: 9999;
    display: none;
  }

  .msk-sticky-atc.active {
    display: block;
  }

  .msk-sticky-atc button {
    width: 100%;
    height: 48px;
    font-size: 16px;
    font-weight: 600;
  }
}


/* STEP M5 — Sticky Add to Cart MOBILE (safe, no desktop impact) */
@media (max-width: 767px) {

  /* 1) Rendo sticky il BLOCCO intero */
  body#product .product-add-to-cart.js-product-add-to-cart{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;

    background: #fff !important;
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid rgba(0,0,0,.10) !important;
    box-shadow: 0 -8px 20px rgba(0,0,0,.10) !important;
  }

  /* 2) Evito che i figli “ereditino” vecchie position strane */
  body#product .product-add-to-cart .product-quantity,
  body#product .product-add-to-cart .product-quantity .qty,
  body#product .product-add-to-cart .product-quantity .add{
    position: static !important;
  }

  /* 3) Layout orizzontale: qty a sinistra, bottone full */
  body#product .product-add-to-cart .product-quantity{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
  }
  body#product .product-add-to-cart .product-quantity .qty{
    flex: 0 0 90px !important;
    margin: 0 !important;
  }
  body#product .product-add-to-cart .product-quantity .add{
    flex: 1 1 auto !important;
    margin: 0 !important;
  }
  body#product .product-add-to-cart button.add-to-cart{
    width: 100% !important;
    min-height: 48px !important;
  }

  /* 4) Spazio sotto pagina per non coprire contenuti */
  body#product{
    padding-bottom: 110px !important;
  }
}

/* ROLLBACK COOKIE: rimossi riposizionamenti globali #cookiesplus-tab sopra sticky. Codice originale conservato nel file di backup: custom_original_BACKUP.css */


/* STEP M1 - PDP mobile: CTA Add to cart full-width e più tappabile */
@media (max-width: 767px){
  #product #add-to-cart-or-refresh .add-to-cart,
  #product .product-add-to-cart .add-to-cart{
    width: 100%;
    display: block;
    padding: 14px 16px; /* aumenta area clic senza toccare font/colori */
    border-radius: 10px;
  }
}

/* ROLLBACK WHATSAPP: rimosso STEP M2 PDP mobile spostamento pulsanti flottanti WhatsApp. Cookie già rimosso nel rollback precedente. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */


/* ROLLBACK COOKIE: rimossi step PDP mobile che trasformavano #cookiesplus-tab in icona/pill e lo riposizionavano. Codice originale conservato nel file di backup: custom_original_BACKUP.css */

/* STEP M5 - PDP mobile: micro trust sotto CTA (pagamento/spedizione/garanzia) */
@media (max-width: 767px){
  body#product #add-to-cart-or-refresh .add-to-cart::after,
  body#product .product-add-to-cart .add-to-cart::after{
    content: "Pagamento sicuro • Spedizione • Garanzia";
    display: block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.2;
    opacity: .85;
    text-align: center;
  }
}

/* STEP M6 - PDP mobile: compatta blocchi trust sopra buybox per ridurre scroll */
@media (max-width: 767px){
  body#product .payment-logo-container,
  body#product .metodi-di-pagamento,
  body#product .shipping-rapid,
  body#product .spedizione-rapida,
  body#product #product #content .payment,
  body#product #product #content .shipping{
    margin: 6px 0 !important;
    padding: 0 !important;
  }

  body#product h2, 
  body#product h3{
    margin: 8px 0 !important;
  }
}

/* STEP M6 - PDP mobile: trust fuori dal bottone (evita CTA "a due righe") */
@media (max-width: 767px){
  /* disattiva la trust dentro la CTA */
  body#product #add-to-cart-or-refresh .add-to-cart::after,
  body#product .product-add-to-cart .add-to-cart::after{
    content: none !important;
  }

  /* aggiunge trust sotto la riga CTA (container buybox) */
  body#product #add-to-cart-or-refresh::after,
  body#product .product-add-to-cart::after{
    content: "Pagamento sicuro • Spedizione • Garanzia";
    display: block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.2;
    opacity: .85;
    text-align: left;
  }
}

/* STEP M7 - PDP mobile: CTA copy più chiaro */
@media (max-width: 767px){
  body#product #add-to-cart-or-refresh .add-to-cart{
    font-size: 0; /* nasconde testo attuale senza toccare desktop */
  }
  body#product #add-to-cart-or-refresh .add-to-cart::before{
    content: "Aggiungi al carrello";
    font-size: 16px;
    line-height: 1;
  }
}

/* STEP M8 - PDP mobile: CTA centrata + icona carrello */
@media (max-width: 767px){
  body#product #add-to-cart-or-refresh .add-to-cart,
  body#product .product-add-to-cart .add-to-cart{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
  }

  /* Se stai usando lo STEP M7 (font-size:0), qui imposto il testo finale */
  body#product #add-to-cart-or-refresh .add-to-cart::before,
  body#product .product-add-to-cart .add-to-cart::before{
    content: "🛒 Aggiungi al carrello";
    font-size: 16px;
    line-height: 1;
  }
}

/* STEP M9 - PDP mobile: icona carrello stilizzata (SVG) al posto emoji */
@media (max-width: 767px){
  body#product #add-to-cart-or-refresh .add-to-cart::before,
  body#product .product-add-to-cart .add-to-cart::before{
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* SVG carrello semplice (stroke nero) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E");
  }

  /* testo CTA resta centrato come in M8 */
  body#product #add-to-cart-or-refresh .add-to-cart,
  body#product .product-add-to-cart .add-to-cart{
    gap: 0 !important; /* gestiamo spacing con margin-right dell'icona */
  }
}


/* STEP M10 - HOTFIX CTA: mobile = icona SVG + testo, desktop invariato */
@media (max-width: 767px){
  body#product #add-to-cart-or-refresh .add-to-cart,
  body#product .product-add-to-cart .add-to-cart{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 16px !important;     /* ripristina testo visibile */
    line-height: 1 !important;
  }

  /* icona stilizzata */
  body#product #add-to-cart-or-refresh .add-to-cart::before,
  body#product .product-add-to-cart .add-to-cart::before{
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E") !important;
  }
}

/* reset difensivo per DESKTOP/TABLET: annulla qualsiasi effetto dei vecchi step */
@media (min-width: 768px){
  body#product #add-to-cart-or-refresh .add-to-cart,
  body#product .product-add-to-cart .add-to-cart{
    font-size: inherit !important;
    display: inline-block !important;
  }
  body#product #add-to-cart-or-refresh .add-to-cart::before,
  body#product .product-add-to-cart .add-to-cart::before{
    content: none !important;
    background-image: none !important;
  }
}


/* STEP M14 - PDP mobile: CTA pulita (no icona) + no hover/active strani */
@media (max-width: 767px){
  body#product #add-to-cart-or-refresh .add-to-cart,
  body#product .product-add-to-cart .add-to-cart{
    /* layout */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* testo */
    font-size: 0 !important;         /* nasconde "+ CARRELLO" originale */
    line-height: 0 !important;

    /* niente animazioni/effetti */
    transition: none !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
  }

  /* testo nuovo, centrato */
  body#product #add-to-cart-or-refresh .add-to-cart::after,
  body#product .product-add-to-cart .add-to-cart::after{
    content: "Aggiungi al carrello" !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  /* rimuove qualunque pseudo precedente (icone ecc.) */
  body#product #add-to-cart-or-refresh .add-to-cart::before,
  body#product .product-add-to-cart .add-to-cart::before{
    content: none !important;
    background: none !important;
    -webkit-mask: none !important;
            mask: none !important;
  }

  /* disattiva hover/focus/active */
  body#product #add-to-cart-or-refresh .add-to-cart:hover,
  body#product #add-to-cart-or-refresh .add-to-cart:focus,
  body#product #add-to-cart-or-refresh .add-to-cart:active,
  body#product .product-add-to-cart .add-to-cart:hover,
  body#product .product-add-to-cart .add-to-cart:focus,
  body#product .product-add-to-cart .add-to-cart:active{
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
  }
}

/* STEP M15 - PDP mobile: sticky add-to-cart (senza coprire flottanti) */
@media (max-width: 767px){
  body#product .product-add-to-cart{
    position: sticky;
    bottom: 0;
    background: #fff;
    padding: 10px 0 14px;
    z-index: 50;
    border-top: 1px solid rgba(0,0,0,.08);
  }

  /* spazio sotto pagina per non “tagliare” contenuti */
  body#product{
    padding-bottom: 120px !important;
  }
}

/* STEP M16 - PDP mobile: sticky più compatto */
@media (max-width: 767px){
  body#product .product-add-to-cart{
    padding: 8px 0 10px !important;
  }

  body#product .product-add-to-cart .add-to-cart{
    padding: 12px 14px !important;
  }

  body#product{
    padding-bottom: 95px !important; /* riduce spazio “morto” sotto */
  }
}

/* STEP M17 - PDP mobile: aggiungi prezzo nello sticky (solo quando sticky è visibile) */
@media (max-width: 767px){
  body#product .product-add-to-cart{
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  /* prova a riusare il prezzo già presente nella pagina */
  body#product .product-add-to-cart::before{
    content: attr(data-price);
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
  }
}

/* STEP M19 - PDP mobile: ripristina box prezzo e sticky corretto (sostituisce M18) */
@media (max-width: 767px){

  /* 1) ANNULLA qualsiasi sticky sul prezzo (ripristino layout) */
  body#product .product-prices,
  body#product .product-price,
  body#product .current-price,
  body#product #product .product-prices{
    position: static !important;
    bottom: auto !important;
    background: transparent !important;
    z-index: auto !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* 2) Sticky SOLO della buybox (qty + CTA) che già è quella che stai usando */
  body#product .product-add-to-cart{
    position: sticky !important;
    bottom: 0 !important;
    background: #fff !important;
    z-index: 80 !important;
    padding: 10px 0 12px !important;
    border-top: 1px solid rgba(0,0,0,.08) !important;
  }

  /* 3) Spazio pagina sufficiente */
  body#product{
    padding-bottom: 110px !important;
  }
}

/* STEP M21 - PDP mobile: ripristino layout (annulla prezzo inserito nello sticky) */
@media (max-width: 767px){
  body#product .product-add-to-cart .msk-sticky-price{
    display: none !important;
  }
}

/* STEP M22 - PDP mobile: stile prezzo nello sticky buybox */
@media (max-width: 767px){
  body#product form#add-to-cart-or-refresh .product-add-to-cart{
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  body#product .msk-sticky-price{
    font-weight: 800;
    font-size: 16px;
    line-height: 1;
    padding: 0 0 2px 0;
  }
}

/* STEP M23 - RIPRISTINO TOTALE: annulla personalizzazioni CTA/sticky su PDP mobile */
@media (max-width: 767px){
  /* rimuovi eventuali elementi inseriti */
  body#product .msk-sticky-price{ display:none !important; }

  /* buybox torna normale (niente grid/flex forzati) */
  body#product form#add-to-cart-or-refresh .product-add-to-cart{
    position: static !important;
    bottom: auto !important;
    z-index: auto !important;
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  /* CTA torna come tema (niente testo sostituito/pseudo/icone nostre) */
  body#product #add-to-cart-or-refresh .add-to-cart,
  body#product .product-add-to-cart .add-to-cart{
    display: inline-block !important;
    font-size: inherit !important;
    line-height: inherit !important;
    padding: inherit !important;
    transition: inherit !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
  }

  body#product #add-to-cart-or-refresh .add-to-cart::before,
  body#product #add-to-cart-or-refresh .add-to-cart::after,
  body#product .product-add-to-cart .add-to-cart::before,
  body#product .product-add-to-cart .add-to-cart::after{
    content: none !important;
    background: none !important;
    -webkit-mask: none !important;
            mask: none !important;
  }

  /* rimuovi padding-bottom extra accumulati */
  body#product{ padding-bottom: 0 !important; }
}

/* STEP M24 - PDP mobile: stile sticky bar separata */
@media (max-width: 767px){
  body#product{
    padding-bottom: 92px !important; /* spazio per barra */
  }

  #msk-stickybar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.12);
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  #msk-stickybar .msk-stickybar__price{
    font-weight: 800;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap;
  }

  #msk-stickybar .msk-stickybar__btn{
    flex: 1;
    height: 44px;
    border: 0;
    border-radius: 10px;
    background: #f3d40b; /* giallo simile al tuo */
    font-weight: 800;
    font-size: 14px;
  }
}


/* STEP M25 - PDP mobile: sticky più evidente + nasconde buybox originale quando sticky attiva */
@media (max-width: 767px){

  /* 1) Sticky più evidente */
  #msk-stickybar{
    box-shadow: 0 -6px 18px rgba(0,0,0,.12);
  }
  #msk-stickybar .msk-stickybar__price{
    font-size: 17px;
  }
  #msk-stickybar .msk-stickybar__btn{
    font-size: 15px;
    height: 46px;
  }

  /* 2) Evita doppione: nascondi la buybox originale (qty+CTA) */
  body#product form#add-to-cart-or-refresh .product-add-to-cart{
    display: none !important;
  }
}

/* STEP M26 - PDP mobile: sticky CTA sempre su 1 riga (no wrap) */
@media (max-width: 767px){
  #msk-stickybar{
    padding: 10px 10px;              /* un filo più compatta */
    gap: 10px;
  }

  #msk-stickybar .msk-stickybar__price{
    min-width: 92px;                 /* riserva spazio prezzo */
    font-size: 16px;
  }

  #msk-stickybar .msk-stickybar__btn{
    white-space: nowrap;             /* NON andare a capo */
    font-size: 14px;                 /* evita wrap su 390/414 */
    padding: 0 12px;
  }
}

/* ROLLBACK WHATSAPP: rimosso STEP M28 carrello mobile spostamento WhatsApp. Cookie già rimosso nel rollback precedente. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */

/* ROLLBACK WHATSAPP: rimosso STEP M29 carrello mobile selettori generici WhatsApp. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */


/* ROLLBACK COOKIE: rimossi step M31/M34 carrello su #cookiesplus-tab. Codice originale conservato nel file di backup: custom_original_BACKUP.css */


/* ROLLBACK WHATSAPP: rimosso STEP M35 carrello mobile spostamento WhatsApp. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */


/* ROLLBACK WHATSAPP: rimosso STEP M37 carrello mobile ulteriore bottom WhatsApp. Cookie già rimosso nel rollback precedente. Codice originale conservato nel backup custom_cookie_rollback_before_whatsapp.css. */


/* STEP M38 - PDP mobile: titolo più in alto (riduce spazi sopra) */
@media (max-width: 767px){
  body#product h1.h1,
  body#product .product-title h1,
  body#product .page-title{
    margin-top: 6px !important;
    margin-bottom: 8px !important;
    line-height: 1.15 !important;
  }

  /* riduci spazio inutile tra gallery e info (se presente nel tema) */
  body#product #content-wrapper,
  body#product #main .product-container,
  body#product #main{
    padding-top: 6px !important;
  }
}

/* STEP M40 - PDP mobile: stile titolo sopra gallery */
@media (max-width: 767px){
  #msk-pdp-title{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin: 10px 0 10px;
    padding: 0 12px; /* allinea al layout */
  }
}


/* STEP M41 - rollback titolo sopra gallery + stop overflow */
@media (max-width: 767px){
  #msk-pdp-title{ display:none !important; }
  body#product{ overflow-x: hidden !important; }
}


/* ROLLBACK COOKIE: rimossi step M46/M47 e FIX DEFINITIVO su pill/testo/icona cookie. Codice originale conservato nel file di backup: custom_original_BACKUP.css */

/* FIX: Sticky bar SOLO in PDP (mobile) + nascondi durante popup carrello */
@media (max-width: 767px){

  /* se NON siamo in pagina prodotto, lo sticky non deve esistere */
  body:not(#product) #msk-stickybar{
    display: none !important;
  }

  /* quando si apre un modal (es. "Prodotto aggiunto al tuo carrello"), non deve coprire CTA del modal */
  body#product.modal-open #msk-stickybar{
    display: none !important;
  }
}


/* STEP M48 — Ripristina out of stock + feedback tap sticky + stato disabled */
@media (max-width: 767px){

  /* 1) RIMETTE visibile il flag "Non disponibile" (stavi nascondendolo) */
  ul.product-flags li.product-flag.out_of_stock{
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 10px !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    font-size: 12px !important;
  }

  /* 2) Feedback tap sul bottone sticky (senza diventare nero) */
  #msk-stickybar .msk-stickybar__btn{
    transition: transform .08s ease, filter .08s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  #msk-stickybar .msk-stickybar__btn:active{
    transform: scale(0.98) !important;
    filter: brightness(0.92) !important;
  }

  /* 3) Stato disabilitato (quando prodotto non disponibile) */
  #msk-stickybar .msk-stickybar__btn[disabled]{
    opacity: .55 !important;
    filter: none !important;
    transform: none !important;
    cursor: not-allowed !important;
  }
}

/* STEP M33 - Sticky CTA: feedback tap/active come altri bottoni */
@media (max-width: 767px){
  #msk-stickybar .msk-stickybar__btn{
    -webkit-tap-highlight-color: transparent;
  }

  /* Effetto premuto */
  #msk-stickybar .msk-stickybar__btn:not(:disabled):active,
  #msk-stickybar .msk-stickybar__btn:not(:disabled).is-pressed{
    background: #111 !important;
    color: #fff !important;
  }
}
/* FINE STEP M33 */


/* FIX PDP mobile: assicurati che il vero titolo (H1) sia visibile e leggibile */
@media (max-width: 767px){
  body#product h1,
  body#product h1.h1,
  body#product .product-title h1,
  body#product .page-title,
  body#product .page-title h1{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #0b1220 !important;
    font-weight: 800 !important;
  }

  /* se il tema lo rende troppo piccolo su mobile */
  body#product h1,
  body#product h1.h1,
  body#product .product-title h1,
  body#product .page-title h1{
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
}



/* ROLLBACK COOKIE: rimosso FIX CLS mobile su #cookiesplus-tab.cookiesplus-move. Codice originale conservato nel file di backup: custom_original_BACKUP.css */


/* =========================
   MSK — FOOTER: logo PagoDIL come immagine reale nel template
   Ordine: PayPal → PagoDIL → altri metodi
   ========================= */

.footer-container .paymentlogo-container .payment-icon img.msk-paylogo-pagodil{
  display: inline-block;
  width: 86px;
  height: 32px;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 8px 22px rgba(0,0,0,.25);
  border-radius: 10px;
  padding: 7px 12px;
  vertical-align: middle;
}

@media (max-width: 767px){
  .footer-container .paymentlogo-container .payment-icon img.msk-paylogo-pagodil{
    width: 92px;
    height: 32px;
  }
}


/* =========================
   MSK — FIX MOBILE: loghi pagamento footer centrati (NO impatto desktop)
   ========================= */
@media (max-width: 767px){

  /* centra il blocco contenitore */
  .footer-container .paymentlogo-container{
    justify-content: center !important;
    width: 100% !important;
  }

  /* centra anche la riga interna dei loghi */
  .footer-container .paymentlogo-container .payment-icon{
    justify-content: center !important;
  }
}


/* =========================
   MSK — FOOTER TRUST: link "Assistenza clienti" stesso colore del titolo
   (aggancio solo al link, nessun impatto sul resto del footer)
   ========================= */

.msk-footer-trust .msk-footer-trust-help,
.msk-footer-trust .msk-footer-trust-help strong{
  color: inherit !important;
}



/* =========================
   MSK — MOBILE (solo PDP): Smartsupp leggermente più in alto
   ========================= */
@media (max-width: 767px){
  body#product #smartsupp-widget-container > div{
    bottom: 90px !important;  /* <-- leggero spostamento su (prova 90) */
    top: auto !important;
  }
}



/* STEP FOOTER SATISPAY — logo dedicato nel footer */
/* PREV: nessuna regola specifica per Satispay */

.footer-container .paymentlogo-container .payment-icon img.msk-paylogo-satispay{
  height: 18px !important;
  width: auto !important;
  max-width: 92px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

@media (max-width: 767px){
  .footer-container .paymentlogo-container .payment-icon img.msk-paylogo-satispay{
    height: 18px !important;
    max-width: 92px !important;
  }
}




/* ==========================================
   BACKUP LOGICO / NOTE
   - Non tocchiamo theme.css
   - Non tocchiamo JS
   - Non tocchiamo home page
   - Questa personalizzazione è scoped SOLO alle categorie
   - Facile da rimuovere in futuro cancellando solo questo blocco
   ========================================== */

/* ==========================================
   CATEGORY ONLY
   CTA sempre visibile nelle card prodotto
   - prodotti disponibili: "Aggiungi al carrello" sempre visibile
   - prodotti non disponibili: mantiene il blocco dedicato già creato nel tpl
   - nessun impatto su home, prodotto, altre pagine
   ========================================== */

body#category .product-miniature .product-container .cart-btn {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  opacity: 1 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  display: block !important;
  width: 100%;
  margin: 12px 0 0 0;
  text-align: center;
  z-index: auto !important;
}

body#category .product-miniature .product-container:hover .cart-btn {
  opacity: 1 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

body#category .product-miniature .product-container .cart-btn form {
  display: block;
  margin: 0;
}

body#category .product-miniature .product-container .cart-btn .btn,
body#category .product-miniature .product-stock-unavailable__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 190px;
  min-height: 42px;
  margin: 0 auto;
  text-align: center;
}

body#category .product-miniature .product-stock-unavailable {
  display: block;
  width: 100%;
  margin: 12px 0 0 0;
  text-align: center;
}

body#category .product-miniature .product-container:hover .product-description .product-price-and-shipping {
  opacity: 1 !important;
}



/* ==========================================
   CATEGORY ONLY
   Stile bottone prodotti non disponibili
   - Scoped solo alle categorie
   - Nessun impatto su home o altre pagine
   ========================================== */

body#category .product-miniature .product-stock-unavailable__btn {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

body#category .product-miniature .product-stock-unavailable__btn:hover,
body#category .product-miniature .product-stock-unavailable__btn:focus,
body#category .product-miniature .product-stock-unavailable__btn:active {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  transform: none !important;
}

body#category .product-miniature .product-stock-unavailable__btn .lblcart {
  color: #5f6b76 !important;
}




/* =========================================================
   HOME ONLY - CTA prodotto sempre visibile come categorie
   NOTE:
   - Non modifica theme.css
   - Non tocca categoria
   - Non tocca product page
   - Reversibile: per rollback eliminare solo questo blocco
   ========================================================= */

body#index .product-miniature .product-container .cart-btn {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  opacity: 1 !important;
  display: block !important;
  width: 100%;
  margin: 12px 0 0 0;
  text-align: center;
  z-index: auto !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

body#index .product-miniature .product-container:hover .cart-btn {
  opacity: 1 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

body#index .product-miniature .product-container .cart-btn form {
  display: block;
  margin: 0;
}

body#index .product-miniature .product-container .cart-btn .btn,
body#index .product-miniature .product-stock-unavailable__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 190px;
  min-height: 42px;
  margin: 0 auto;
  text-align: center;
}

body#index .product-miniature .product-container:hover .product-description .product-price-and-shipping {
  opacity: 1 !important;
}

body#index .product-miniature .product-stock-unavailable {
  display: block;
  width: 100%;
  margin: 12px 0 0 0;
  text-align: center;
}

body#index .product-miniature .product-stock-unavailable__btn {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

body#index .product-miniature .product-stock-unavailable__btn:hover,
body#index .product-miniature .product-stock-unavailable__btn:focus,
body#index .product-miniature .product-stock-unavailable__btn:active {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  transform: none !important;
}

body#index .product-miniature .product-stock-unavailable__btn .lblcart {
  color: #5f6b76 !important;
}

/* =========================================================
   BEST SALES ONLY - CTA prodotto sempre visibile come categorie
   NOTE:
   - Scoped solo a /piu-venduti
   - Non modifica theme.css
   - Non tocca home
   - Non tocca categoria
   - Non tocca product page
   - Reversibile: per rollback eliminare solo questo blocco
   ========================================================= */

body#best-sales .product-miniature .product-container .cart-btn {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  opacity: 1 !important;
  display: block !important;
  width: 100%;
  margin: 12px 0 0 0;
  text-align: center;
  z-index: auto !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

body#best-sales .product-miniature .product-container:hover .cart-btn {
  opacity: 1 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

body#best-sales .product-miniature .product-container .cart-btn form {
  display: block;
  margin: 0;
}

body#best-sales .product-miniature .product-container .cart-btn .btn,
body#best-sales .product-miniature .product-stock-unavailable__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 190px;
  min-height: 42px;
  margin: 0 auto;
  text-align: center;
}

body#best-sales .product-miniature .product-container:hover .product-description .product-price-and-shipping {
  opacity: 1 !important;
}

body#best-sales .product-miniature .product-stock-unavailable {
  display: block;
  width: 100%;
  margin: 12px 0 0 0;
  text-align: center;
}

body#best-sales .product-miniature .product-stock-unavailable__btn {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

body#best-sales .product-miniature .product-stock-unavailable__btn:hover,
body#best-sales .product-miniature .product-stock-unavailable__btn:focus,
body#best-sales .product-miniature .product-stock-unavailable__btn:active {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  transform: none !important;
}

body#best-sales .product-miniature .product-stock-unavailable__btn .lblcart {
  color: #5f6b76 !important;
}


/* =========================================================
   PRODUCT PAGE ONLY - Prodotti correlati/accessori
   Stessa logica di categorie/home
   - CTA disponibile sempre visibile
   - Non disponibile con stile neutro coerente
   - Nessun impatto su category/home
   ========================================================= */

body#product .product-accessories .product-miniature .product-container .cart-btn,
body#product .featured-products .product-miniature .product-container .cart-btn {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  opacity: 1 !important;
  display: block !important;
  width: 100%;
  margin: 12px 0 0 0;
  text-align: center;
  z-index: auto !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

body#product .product-accessories .product-miniature .product-container:hover .cart-btn,
body#product .featured-products .product-miniature .product-container:hover .cart-btn {
  opacity: 1 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

body#product .product-accessories .product-miniature .product-container .cart-btn form,
body#product .featured-products .product-miniature .product-container .cart-btn form {
  display: block;
  margin: 0;
}

body#product .product-accessories .product-miniature .product-container .cart-btn .btn,
body#product .featured-products .product-miniature .product-container .cart-btn .btn,
body#product .product-accessories .product-miniature .product-stock-unavailable__btn,
body#product .featured-products .product-miniature .product-stock-unavailable__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 190px;
  min-height: 42px;
  margin: 0 auto;
  text-align: center;
}

body#product .product-accessories .product-miniature .product-container:hover .product-description .product-price-and-shipping,
body#product .featured-products .product-miniature .product-container:hover .product-description .product-price-and-shipping {
  opacity: 1 !important;
}

body#product .product-accessories .product-miniature .product-stock-unavailable,
body#product .featured-products .product-miniature .product-stock-unavailable {
  display: block;
  width: 100%;
  margin: 12px 0 0 0;
  text-align: center;
}

body#product .product-accessories .product-miniature .product-stock-unavailable__btn,
body#product .featured-products .product-miniature .product-stock-unavailable__btn {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

body#product .product-accessories .product-miniature .product-stock-unavailable__btn:hover,
body#product .product-accessories .product-miniature .product-stock-unavailable__btn:focus,
body#product .product-accessories .product-miniature .product-stock-unavailable__btn:active,
body#product .featured-products .product-miniature .product-stock-unavailable__btn:hover,
body#product .featured-products .product-miniature .product-stock-unavailable__btn:focus,
body#product .featured-products .product-miniature .product-stock-unavailable__btn:active {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* === BACKUP BLOCCO ORIGINALE
body#product .product-accessories .product-miniature .product-stock-unavailable__btn .lblcart,
body#product .featured-products .product-miniature .product-stock-unavailable__btn .lblcart {
  color: #5f6b76 !important;
}
=== FINE BACKUP BLOCCO ORIGINALE */


/* === BACKUP BLOCCO PRECEDENTE (NON HA AVUTO EFFETTO)
=========================================================
PDP ONLY - Testo corretto per prodotti NON disponibili
nei miniatures (correlati / accessori / visti / slider PDP)
- Nessun impatto su home
- Nessun impatto su categorie
- Nessun impatto sulla buybox principale
=========================================================

body#product .product-miniature .product-stock-unavailable__btn .lblcart{
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body#product .product-miniature .product-stock-unavailable__btn::before{
  content: "NON DISPONIBILE";
  display: inline-block;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  color: #5f6b76 !important;
  text-transform: uppercase !important;
}

body#product .product-miniature .product-stock-unavailable__btn i,
body#product .product-miniature .product-stock-unavailable__btn svg{
  display: none !important;
}
=== FINE BACKUP BLOCCO PRECEDENTE */


/* =========================================================
   PDP ONLY - Testo corretto per bottoni disabilitati reali
   nei miniatures della PDP
   - Scoped solo a body#product
   - Colpisce il ramo realmente usato: add-to-cart[disabled]
   - Nessun impatto su home, categorie o buybox principale
   ========================================================= */

body#product .product-miniature .cart-btn .add-to-cart[disabled] .lblcart,
body#product .product-miniature .cart-btn .ajax_add_to_cart_button[disabled] .lblcart{
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body#product .product-miniature .cart-btn .add-to-cart[disabled]::before,
body#product .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]::before{
  content: "NON DISPONIBILE";
  display: inline-block;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  color: #5f6b76 !important;
  text-transform: uppercase !important;
}




/* =========================================================
   PRODUCT PAGE ONLY - Uniforma i bottoni disabilitati
   nei prodotti correlati / prodotti visti
   - Nessun impatto su home o categorie
   - Reversibile: rimuovere solo questo blocco se non va
   ========================================================= */

body#product .product-miniature .cart-btn .add-to-cart[disabled],
body#product .product-miniature .cart-btn .ajax_add_to_cart_button[disabled] {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

body#product .product-miniature .cart-btn .add-to-cart[disabled]:hover,
body#product .product-miniature .cart-btn .add-to-cart[disabled]:focus,
body#product .product-miniature .cart-btn .add-to-cart[disabled]:active,
body#product .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]:hover,
body#product .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]:focus,
body#product .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]:active {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  transform: none !important;
}

body#product .product-miniature .cart-btn .add-to-cart[disabled] .lblcart,
body#product .product-miniature .cart-btn .ajax_add_to_cart_button[disabled] .lblcart {
  color: #5f6b76 !important;
}

body#product .product-miniature .cart-btn .add-to-cart[disabled] i,
body#product .product-miniature .cart-btn .ajax_add_to_cart_button[disabled] i,
body#product .product-miniature .cart-btn .add-to-cart[disabled] svg,
body#product .product-miniature .cart-btn .ajax_add_to_cart_button[disabled] svg {
  display: none !important;
}



/* =========================================================
   PDP ONLY - Buybox prodotto NON disponibile
   - Stesso "grigetto" usato in categorie/home
   - Nessun impatto su miniature, home o category
   - Non usa .add-to-cart per evitare conflitti con sticky/mobile
   ========================================================= */

body#product #add-to-cart-or-refresh .product-buybox-unavailable__btn,
body#product .product-add-to-cart .product-buybox-unavailable__btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 10px 18px !important;

  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;

  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body#product #add-to-cart-or-refresh .product-buybox-unavailable__btn:hover,
body#product #add-to-cart-or-refresh .product-buybox-unavailable__btn:focus,
body#product #add-to-cart-or-refresh .product-buybox-unavailable__btn:active,
body#product .product-add-to-cart .product-buybox-unavailable__btn:hover,
body#product .product-add-to-cart .product-buybox-unavailable__btn:focus,
body#product .product-add-to-cart .product-buybox-unavailable__btn:active{
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  transform: none !important;
}

body#product #add-to-cart-or-refresh .product-buybox-unavailable__btn .lblcart,
body#product .product-add-to-cart .product-buybox-unavailable__btn .lblcart{
  color: #5f6b76 !important;
}


/* =========================================================
   BACKUP / NOTE ROLLBACK
   In custom.css NON esisteva un blocco dedicato completo
   per i non disponibili di body#best-sales.
   Per tornare indietro basta rimuovere INTERAMENTE
   questo blocco.
   ========================================================= */


/* =========================================================
   BEST SALES ONLY - prodotti NON disponibili
   - Scoped solo a /piu-venduti
   - Grigetto coerente + testo corretto NON DISPONIBILE
   - Non tocca home / category / PDP
   - Rollback: rimuovere questo blocco
   ========================================================= */

body#best-sales .product-miniature .product-stock-unavailable {
  display: block !important;
  width: 100% !important;
  margin: 12px 0 0 0 !important;
  text-align: center !important;
}

body#best-sales .product-miniature .product-stock-unavailable__btn,
body#best-sales .product-miniature .cart-btn .add-to-cart[disabled],
body#best-sales .product-miniature .cart-btn .ajax_add_to_cart_button[disabled],
body#best-sales .product-miniature .cart-btn button[disabled] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 190px !important;
  min-height: 42px !important;
  margin: 0 auto !important;
  text-align: center !important;

  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  transform: none !important;
}

body#best-sales .product-miniature .product-stock-unavailable__btn:hover,
body#best-sales .product-miniature .product-stock-unavailable__btn:focus,
body#best-sales .product-miniature .product-stock-unavailable__btn:active,
body#best-sales .product-miniature .cart-btn .add-to-cart[disabled]:hover,
body#best-sales .product-miniature .cart-btn .add-to-cart[disabled]:focus,
body#best-sales .product-miniature .cart-btn .add-to-cart[disabled]:active,
body#best-sales .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]:hover,
body#best-sales .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]:focus,
body#best-sales .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]:active,
body#best-sales .product-miniature .cart-btn button[disabled]:hover,
body#best-sales .product-miniature .cart-btn button[disabled]:focus,
body#best-sales .product-miniature .cart-btn button[disabled]:active {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* nasconde il testo originale */
body#best-sales .product-miniature .product-stock-unavailable__btn .lblcart,
body#best-sales .product-miniature .cart-btn .add-to-cart[disabled] .lblcart,
body#best-sales .product-miniature .cart-btn .ajax_add_to_cart_button[disabled] .lblcart,
body#best-sales .product-miniature .cart-btn button[disabled] .lblcart {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

/* testo corretto */
body#best-sales .product-miniature .product-stock-unavailable__btn::before,
body#best-sales .product-miniature .cart-btn .add-to-cart[disabled]::before,
body#best-sales .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]::before,
body#best-sales .product-miniature .cart-btn button[disabled]::before {
  content: "NON DISPONIBILE";
  display: inline-block;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  color: #5f6b76 !important;
  text-transform: uppercase !important;
}

/* =========================================================
   NEW PRODUCTS ONLY - CTA sempre visibile + non disponibile coerente
   - Scoped solo a /nuovi-prodotti
   - Non tocca home
   - Non tocca category
   - Non tocca PDP
   - Rollback: rimuovere questo blocco
   ========================================================= */

body#new-products .product-miniature .product-container .cart-btn {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  opacity: 1 !important;
  display: block !important;
  width: 100%;
  margin: 12px 0 0 0;
  text-align: center;
  z-index: auto !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

body#new-products .product-miniature .product-container:hover .cart-btn {
  opacity: 1 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

body#new-products .product-miniature .product-container .cart-btn form {
  display: block;
  margin: 0;
}

body#new-products .product-miniature .product-container .cart-btn .btn,
body#new-products .product-miniature .product-stock-unavailable__btn,
body#new-products .product-miniature .cart-btn .add-to-cart[disabled],
body#new-products .product-miniature .cart-btn .ajax_add_to_cart_button[disabled],
body#new-products .product-miniature .cart-btn button[disabled] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 190px !important;
  min-height: 42px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

body#new-products .product-miniature .product-container:hover .product-description .product-price-and-shipping {
  opacity: 1 !important;
}

body#new-products .product-miniature .product-stock-unavailable {
  display: block !important;
  width: 100% !important;
  margin: 12px 0 0 0 !important;
  text-align: center !important;
}

body#new-products .product-miniature .product-stock-unavailable__btn,
body#new-products .product-miniature .cart-btn .add-to-cart[disabled],
body#new-products .product-miniature .cart-btn .ajax_add_to_cart_button[disabled],
body#new-products .product-miniature .cart-btn button[disabled] {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

body#new-products .product-miniature .product-stock-unavailable__btn:hover,
body#new-products .product-miniature .product-stock-unavailable__btn:focus,
body#new-products .product-miniature .product-stock-unavailable__btn:active,
body#new-products .product-miniature .cart-btn .add-to-cart[disabled]:hover,
body#new-products .product-miniature .cart-btn .add-to-cart[disabled]:focus,
body#new-products .product-miniature .cart-btn .add-to-cart[disabled]:active,
body#new-products .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]:hover,
body#new-products .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]:focus,
body#new-products .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]:active,
body#new-products .product-miniature .cart-btn button[disabled]:hover,
body#new-products .product-miniature .cart-btn button[disabled]:focus,
body#new-products .product-miniature .cart-btn button[disabled]:active {
  background: #f3f4f6 !important;
  border: 1px solid #d7dbe0 !important;
  color: #5f6b76 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* nasconde il testo originale */
body#new-products .product-miniature .product-stock-unavailable__btn .lblcart,
body#new-products .product-miniature .cart-btn .add-to-cart[disabled] .lblcart,
body#new-products .product-miniature .cart-btn .ajax_add_to_cart_button[disabled] .lblcart,
body#new-products .product-miniature .cart-btn button[disabled] .lblcart {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

/* testo corretto */
body#new-products .product-miniature .product-stock-unavailable__btn::before,
body#new-products .product-miniature .cart-btn .add-to-cart[disabled]::before,
body#new-products .product-miniature .cart-btn .ajax_add_to_cart_button[disabled]::before,
body#new-products .product-miniature .cart-btn button[disabled]::before {
  content: "NON DISPONIBILE";
  display: inline-block;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  letter-spacing: .02em !important;
  color: #5f6b76 !important;
  text-transform: uppercase !important;
}






/* MSK - Fix PayPal Express mobile product page */
@media (max-width: 767px) {
  .product-add-to-cart #ps-checkout-express-button,
  .product-add-to-cart #ps-checkout-express-button div.paypal-buttons-context-iframe {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    clear: both;
  }
}



/* MSK - Fix PayPal Express mobile product page v2 */
@media (max-width: 767px) {
  .product-add-to-cart #ps-checkout-express-button {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 55px !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
    clear: both !important;
    margin-top: 10px !important;
  }

  .product-add-to-cart #ps-checkout-express-button iframe,
  .product-add-to-cart #ps-checkout-express-button div.paypal-buttons-context-iframe {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 45px !important;
    height: 45px !important;
    display: block !important;
  }
}


/* MSK — Footer: logo PayPal */
.footer-container .paymentlogo-container .payment-icon img.msk-paylogo-paypal{
  display: inline-block;
  width: 92px;
  height: 36px;
  object-fit: contain;
  background: #fff;
  border-radius: 10px;
  padding: 6px 10px;
  vertical-align: middle;
}

@media (max-width: 767px){
  .footer-container .paymentlogo-container .payment-icon img.msk-paylogo-paypal{
    width: 96px;
    height: 38px;
  }
}