/* ==========================================================================
   La Cartoleria — Brand layer per tema child di "classic" (PrestaShop 8)
   "Dove nascono le idee"
   Autore: FC Consulenza — f.conte@fcconsulenza.it

   Palette ufficiale (da brand book):
     Rosso     #ee4f3e   (primario / CTA)
     Antracite #2e3236   (testo / header scuro)
     Lime      #c0d11f   (accento / categorie attive)
     Sabbia    #ede8e4   (sfondi soft)
   ========================================================================== */

:root {
  --lc-red:        #ea4f3b;   /* rosso ufficiale brand book 2026 */
  --lc-red-dark:   #d33d2a;
  --lc-ink:        #2e3236;
  --lc-lime:       #c0d11f;
  --lc-lime-dark:  #a8b915;
  --lc-sand:       #ede8e4;
  --lc-sand-soft:  #f6f3f0;
  --lc-white:      #ffffff;
  --lc-muted:      #6b7177;
  --lc-border:     #e4e1dd;

  --lc-font-head:  'Gotham Rounded', 'Montserrat', system-ui, sans-serif;
  --lc-font-body:  'Gotham Book', 'Montserrat', system-ui, sans-serif;

  --lc-radius:     12px;
  --lc-radius-pill: 999px;
  --lc-shadow:     0 6px 24px rgba(46, 50, 54, .08);
  --lc-shadow-sm:  0 2px 10px rgba(46, 50, 54, .06);

  /* Override delle variabili Bootstrap usate dal classic */
  --primary: var(--lc-red);
  --secondary: var(--lc-ink);
}

/* --------------------------------------------------------------------------
   Tipografia
   -------------------------------------------------------------------------- */
body,
.page-content,
#wrapper {
  font-family: var(--lc-font-body);
  color: var(--lc-ink);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.product-title,
.page-title,
.navbar-brand {
  font-family: var(--lc-font-head);
  font-weight: 700;
  color: var(--lc-ink);
  letter-spacing: -.01em;
}

a { color: var(--lc-ink); }
a:hover { color: var(--lc-red); text-decoration: none; }

/* --------------------------------------------------------------------------
   Bottoni
   -------------------------------------------------------------------------- */
.btn-primary,
.btn-primary:focus,
.product-add-to-cart .add-to-cart {
  background: var(--lc-red);
  border-color: var(--lc-red);
  color: var(--lc-white);
  font-family: var(--lc-font-head);
  font-weight: 600;
  border-radius: var(--lc-radius-pill);
  text-transform: none;
  letter-spacing: .01em;
  box-shadow: var(--lc-shadow-sm);
  transition: background .15s ease, transform .05s ease;
}
.btn-primary:hover,
.product-add-to-cart .add-to-cart:hover {
  background: var(--lc-red-dark);
  border-color: var(--lc-red-dark);
  color: var(--lc-white);
}
.btn-primary:active { transform: translateY(1px); }

.btn-secondary,
.btn-outline-primary {
  border-radius: var(--lc-radius-pill);
  font-family: var(--lc-font-head);
  font-weight: 600;
}
.btn-outline-primary {
  color: var(--lc-red);
  border-color: var(--lc-red);
}
.btn-outline-primary:hover {
  background: var(--lc-red);
  border-color: var(--lc-red);
  color: var(--lc-white);
}

/* CTA "lime" per accenti (es. badge Novità / Back to school) */
.lc-btn-lime {
  background: var(--lc-lime);
  border-color: var(--lc-lime);
  color: var(--lc-ink);
}
.lc-btn-lime:hover { background: var(--lc-lime-dark); border-color: var(--lc-lime-dark); }

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
#header {
  background: var(--lc-white);
  box-shadow: var(--lc-shadow-sm);
}
#header .header-top {
  background: var(--lc-white);
  padding-top: 12px;
  padding-bottom: 12px;
}
#header a { color: var(--lc-ink); }
#header a:hover { color: var(--lc-red); }

/* Logo */
#_desktop_logo img,
.header__logo img { max-height: 56px; width: auto; }

/* Barra di ricerca — pill con bottone rosso (come da mockup) */
#search_widget,
.header-top #search_widget { width: 100%; }

#search_widget form {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--lc-sand-soft);
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius-pill);
  overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease;
}
#search_widget form:focus-within {
  border-color: var(--lc-red);
  box-shadow: 0 0 0 3px rgba(238, 79, 62, .12);
}
#search_widget form input[type="text"] {
  border: 0;
  background: transparent;
  padding: 12px 18px;
  font-family: var(--lc-font-body);
  color: var(--lc-ink);
  flex: 1 1 auto;
  box-shadow: none;
}
#search_widget form input[type="text"]::placeholder { color: var(--lc-muted); }
#search_widget form button[type="submit"] {
  background: var(--lc-red);
  color: var(--lc-white);
  border: 0;
  margin: 4px;
  padding: 8px 18px;
  border-radius: var(--lc-radius-pill);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease;
}
#search_widget form button[type="submit"]:hover { background: var(--lc-red-dark); }
#search_widget form button .search { color: var(--lc-white); }

/* Icone account / wishlist / carrello */
.header-nav,
#_desktop_user_info,
#_desktop_cart { font-family: var(--lc-font-head); }

.blockcart .cart-products-count,
.header .cart-products-count {
  background: var(--lc-red);
  color: var(--lc-white);
  border-radius: var(--lc-radius-pill);
  font-weight: 700;
}

/* --------------------------------------------------------------------------
   Menu principale (categorie)
   -------------------------------------------------------------------------- */
.header-top .menu,
#_desktop_top_menu { font-family: var(--lc-font-head); }

#_desktop_top_menu .top-menu a.dropdown-item,
#_desktop_top_menu .top-menu > li > a {
  color: var(--lc-ink);
  font-weight: 600;
  text-transform: none;
  letter-spacing: .01em;
  position: relative;
}
#_desktop_top_menu .top-menu > li > a:hover {
  color: var(--lc-red);
}
/* underline animato in lime sotto la voce attiva/hover */
#_desktop_top_menu .top-menu > li > a::after {
  content: "";
  position: absolute;
  left: 0; right: 100%;
  bottom: -4px;
  height: 3px;
  border-radius: 3px;
  background: var(--lc-lime);
  transition: right .2s ease;
}
#_desktop_top_menu .top-menu > li:hover > a::after,
#_desktop_top_menu .top-menu > li.current > a::after { right: 0; }

/* Sottomenu */
.top-menu .popover,
#_desktop_top_menu .sub-menu {
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius);
  box-shadow: var(--lc-shadow);
}

/* --------------------------------------------------------------------------
   Hero / banner homepage  ("Dove nascono le idee")
   Si applica all'eventuale modulo image slider o banner custom .lc-hero
   -------------------------------------------------------------------------- */
.lc-hero {
  background: var(--lc-sand);
  border-radius: 18px;
  padding: clamp(24px, 5vw, 56px);
  margin-bottom: 28px;
}
.lc-hero__title {
  font-family: var(--lc-font-head);
  font-weight: 800;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.05;
  color: var(--lc-ink);
  margin-bottom: .5em;
}
.lc-hero__subtitle {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--lc-muted);
  margin-bottom: 1.25em;
}

/* Slider PS (ps_imageslider) — bottoni/freccia in brand */
.carousel .carousel-control .icon-prev,
.carousel .carousel-control .icon-next { background-color: var(--lc-red); }
.carousel-indicators li { background: rgba(255,255,255,.6); }
.carousel-indicators .active { background: var(--lc-red); }

/* --------------------------------------------------------------------------
   Strip di rassicurazione (Spedizione / Reso / Pagamenti / Assistenza)
   Markup consigliato in templates/_partials/lc-reassurance.tpl
   -------------------------------------------------------------------------- */
.lc-reassurance {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 22px 0;
  border-top: 1px solid var(--lc-border);
  border-bottom: 1px solid var(--lc-border);
  margin: 28px 0;
}
.lc-reassurance__item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--lc-font-head);
  font-weight: 600;
  color: var(--lc-ink);
}
.lc-reassurance__icon {
  flex: 0 0 44px;
  width: 44px; height: 44px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--lc-sand);
  color: var(--lc-red);
}
.lc-reassurance small { display: block; color: var(--lc-muted); font-weight: 400; }

/* --------------------------------------------------------------------------
   Griglia categorie circolari  ("Le nostre categorie")
   Markup consigliato in templates/_partials/lc-categories.tpl
   -------------------------------------------------------------------------- */
.lc-cat-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 18px;
  text-align: center;
}
.lc-cat-grid__item { text-decoration: none; }
.lc-cat-grid__circle {
  width: 92px; height: 92px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background: var(--lc-sand);
  display: grid; place-items: center;
  transition: transform .15s ease, background .15s ease;
}
.lc-cat-grid__item:hover .lc-cat-grid__circle {
  transform: translateY(-4px);
  background: var(--lc-lime);
}
.lc-cat-grid__circle img { width: 44px; height: 44px; }
.lc-cat-grid__label {
  font-family: var(--lc-font-head);
  font-weight: 600;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--lc-ink);
}

/* --------------------------------------------------------------------------
   Card prodotto
   -------------------------------------------------------------------------- */
.product-miniature .thumbnail-container,
.js-product-miniature {
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius);
  background: var(--lc-white);
  box-shadow: none;
  transition: box-shadow .15s ease, transform .15s ease;
  overflow: hidden;
}
.product-miniature:hover .thumbnail-container,
.js-product-miniature:hover {
  box-shadow: var(--lc-shadow);
  transform: translateY(-3px);
}
.product-miniature .product-title a { color: var(--lc-ink); font-weight: 600; }
.product-miniature .product-title a:hover { color: var(--lc-red); }

.product-price-and-shipping .price,
.product-miniature .price {
  color: var(--lc-red);
  font-family: var(--lc-font-head);
  font-weight: 700;
}
.product-miniature .regular-price { color: var(--lc-muted); }

/* Badge prodotto (offerta / novità) */
.product-flag,
.product-flags li.product-flag {
  background: var(--lc-red);
  color: var(--lc-white);
  border-radius: var(--lc-radius-pill);
  font-family: var(--lc-font-head);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.product-flag.discount,
.product-flag.on-sale { background: var(--lc-red); }
.product-flag.new { background: var(--lc-lime); color: var(--lc-ink); }

/* --------------------------------------------------------------------------
   Pagina prodotto
   -------------------------------------------------------------------------- */
.product-prices .current-price-value,
.product-price,
.current-price .price {
  color: var(--lc-red);
  font-family: var(--lc-font-head);
  font-weight: 800;
}
.product-actions .add-to-cart {
  width: 100%;
  padding: 14px;
  font-size: 1rem;
}
.product-quantity .qty .input-group { border-radius: var(--lc-radius); }

/* Tab descrizione / dettagli */
.product-tabs .nav-tabs .nav-link.active {
  color: var(--lc-red);
  border-bottom: 3px solid var(--lc-red);
  background: transparent;
}

/* --------------------------------------------------------------------------
   Liste / filtri (categoria)
   -------------------------------------------------------------------------- */
.page-header h1,
#js-product-list-header,
.block-category h1 { color: var(--lc-ink); }

.faceted-search .facet .facet-title,
#search_filters .facet-title { color: var(--lc-ink); font-family: var(--lc-font-head); }

.faceted-search .facet .facet-label a:hover { color: var(--lc-red); }

.pagination .current a,
.pagination .active a {
  background: var(--lc-red);
  border-color: var(--lc-red);
  color: var(--lc-white);
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
#footer {
  background: var(--lc-ink);
  color: #d9dbdd;
  padding-top: 36px;
}
#footer .footer-container { background: transparent; box-shadow: none; }
#footer h3,
#footer .h3 { color: var(--lc-white); font-family: var(--lc-font-head); }
#footer a { color: #c7cacd; }
#footer a:hover { color: var(--lc-lime); }
#footer .links .collapse ul li a::before { color: var(--lc-red); }

/* Newsletter */
.block-newsletter input[type="email"] { border-radius: var(--lc-radius-pill); }
.block-newsletter .btn { border-radius: var(--lc-radius-pill); background: var(--lc-red); border-color: var(--lc-red); }

/* Copyright */
.footer-copyright,
#footer .copyright { background: #24272a; color: #9aa0a5; }

/* --------------------------------------------------------------------------
   Elementi globali
   -------------------------------------------------------------------------- */
.page-content,
.card,
.block-categories,
.left-column .block,
.right-column .block {
  border-radius: var(--lc-radius);
}

::selection { background: var(--lc-red); color: var(--lc-white); }

.alert-success { border-left: 4px solid var(--lc-lime); }
.alert-danger,
.alert-warning { border-left: 4px solid var(--lc-red); }

/* Breadcrumb */
.breadcrumb a:hover { color: var(--lc-red); }
.breadcrumb li:last-child a,
.breadcrumb li.active { color: var(--lc-muted); }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .lc-cat-grid { grid-template-columns: repeat(4, 1fr); }
  .lc-reassurance { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .lc-cat-grid { grid-template-columns: repeat(3, 1fr); }
  .lc-reassurance { grid-template-columns: 1fr; }
  #_desktop_logo img { max-height: 44px; }
  .lc-cat-grid__circle { width: 76px; height: 76px; }
}

/* ==========================================================================
   PAGINA PRODOTTO — restyle "intuitivo"
   Layout: galleria a sinistra, "buy box" a destra, poi tab informazioni.
   ========================================================================== */
.lc-product { margin-top: 18px; }

/* Riga principale gallery + acquisto */
.lc-product .lc-product__row {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 36px;
  align-items: start;
}

/* --- Galleria immagini --- */
.lc-product .product-cover {
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius);
  background: var(--lc-white);
  overflow: hidden;
  position: relative;
}
.lc-product .product-cover img { border-radius: var(--lc-radius); }
.lc-product .js-qv-product-images .thumb-container .thumb,
.lc-product .product-images li img {
  border: 2px solid var(--lc-border);
  border-radius: 10px;
  transition: border-color .15s ease;
}
.lc-product .product-images li img.selected,
.lc-product .product-images li img:hover { border-color: var(--lc-red); }

/* --- Buy box (colonna destra, sticky) --- */
.lc-product .lc-buybox {
  position: sticky;
  top: 16px;
  border: 1px solid var(--lc-border);
  border-radius: 16px;
  background: var(--lc-white);
  box-shadow: var(--lc-shadow-sm);
  padding: 22px 24px;
}
.lc-product .lc-buybox h1.product-title,
.lc-product .lc-buybox .h1 {
  font-size: 1.6rem;
  line-height: 1.15;
  margin: 0 0 6px;
}
.lc-product .lc-buybox .product-reference,
.lc-product .lc-buybox .product-manufacturer {
  font-size: .82rem;
  color: var(--lc-muted);
}
.lc-product .lc-buybox .product-manufacturer img { max-height: 34px; }

/* Prezzo grande */
.lc-product .lc-price-box {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin: 14px 0 6px;
  padding: 14px 0;
  border-top: 1px solid var(--lc-border);
  border-bottom: 1px solid var(--lc-border);
}
.lc-product .lc-price-box .current-price-value,
.lc-product .lc-price-box .current-price .price {
  font-family: var(--lc-font-head);
  font-weight: 800;
  font-size: 2.1rem;
  color: var(--lc-red);
}
.lc-product .lc-price-box .regular-price {
  text-decoration: line-through;
  color: var(--lc-muted);
  font-size: 1.1rem;
}
.lc-product .lc-price-box .discount {
  background: var(--lc-red);
  color: var(--lc-white);
  border-radius: var(--lc-radius-pill);
  font-family: var(--lc-font-head);
  font-weight: 700;
  font-size: .82rem;
  padding: 3px 12px;
}
.lc-product .tax-shipping-delivery-label { color: var(--lc-muted); font-size: .78rem; }

/* Disponibilità */
.lc-product .lc-stock {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-family: var(--lc-font-head);
  font-size: .9rem;
  margin: 6px 0 2px;
}
.lc-product .lc-stock--in   { color: #2f8f5b; }
.lc-product .lc-stock--low  { color: #b8860b; }
.lc-product .lc-stock--out  { color: var(--lc-muted); }
.lc-product .lc-stock .dot { width: 10px; height: 10px; border-radius: 50%; background: currentColor; }

/* Varianti */
.lc-product .product-variants > .product-variants-item { margin: 14px 0; }
.lc-product .product-variants .control-label {
  font-family: var(--lc-font-head);
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}
.lc-product .product-variants .input-color + span,
.lc-product .product-variants ul li label {
  border-radius: 8px;
}

/* Quantità + add to cart su una riga */
.lc-product .product-add-to-cart .product-quantity {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin-top: 14px;
}
.lc-product .product-quantity .qty {
  flex: 0 0 120px;
}
.lc-product .product-quantity .qty .input-group,
.lc-product .product-quantity #quantity_wanted {
  height: 52px;
  border-radius: var(--lc-radius);
}
.lc-product .product-add-to-cart .add-to-cart {
  flex: 1 1 auto;
  height: 52px;
  font-size: 1.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* Riga utility (wishlist / condividi) */
.lc-product .lc-buybox .product-additional-info { margin-top: 14px; }

/* Strip rassicurazione dentro buy box */
.lc-product .lc-buybox .lc-reassurance--mini {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 16px;
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--lc-border);
}
.lc-product .lc-reassurance--mini .lc-reassurance__item { font-size: .82rem; }
.lc-product .lc-reassurance--mini .lc-reassurance__icon { flex-basis: 34px; width: 34px; height: 34px; }

/* --- Tab informazioni --- */
.lc-product .lc-tabs { margin-top: 40px; }
.lc-product .lc-tabs .nav-tabs {
  border-bottom: 2px solid var(--lc-border);
  gap: 6px;
}
.lc-product .lc-tabs .nav-tabs .nav-link {
  font-family: var(--lc-font-head);
  font-weight: 600;
  color: var(--lc-muted);
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
}
.lc-product .lc-tabs .nav-tabs .nav-link.active {
  color: var(--lc-red);
  border-bottom-color: var(--lc-red);
  background: transparent;
}
.lc-product .lc-tabs .tab-content { padding: 22px 2px; line-height: 1.7; }

/* Tabella codici (interno / produttore / EAN) */
.lc-product .lc-codes { width: 100%; border-collapse: collapse; }
.lc-product .lc-codes td { padding: 8px 4px; border-bottom: 1px solid var(--lc-border); font-size: .9rem; }
.lc-product .lc-codes td:first-child { color: var(--lc-muted); width: 40%; }

@media (max-width: 991px) {
  .lc-product .lc-product__row { grid-template-columns: 1fr; gap: 22px; }
  .lc-product .lc-buybox { position: static; }
}

/* ==========================================================================
   CONSULENTE IA — banner "ti aiutiamo a riempire il carrello"
   (link verso futuro modulo lacartoleriaai)
   ========================================================================== */
.lc-ai {
  display: flex;
  align-items: center;
  gap: 22px;
  background: var(--lc-ink);
  color: var(--lc-white);
  border-radius: 18px;
  padding: 24px 28px;
  margin: 28px 0;
  position: relative;
  overflow: hidden;
}
.lc-ai::after { /* accento graffetta/lime */
  content: "";
  position: absolute;
  right: -40px; top: -40px;
  width: 180px; height: 180px;
  border-radius: 50%;
  background: rgba(192, 209, 31, .14);
}
.lc-ai__icon {
  flex: 0 0 64px;
  width: 64px; height: 64px;
  border-radius: 18px;
  background: var(--lc-red);
  display: grid; place-items: center;
  font-size: 32px;
  z-index: 1;
}
.lc-ai__body { flex: 1 1 auto; z-index: 1; }
.lc-ai__title {
  font-family: var(--lc-font-head);
  font-weight: 800;
  font-size: 1.35rem;
  line-height: 1.15;
  margin: 0 0 6px;
  color: var(--lc-white);
}
.lc-ai__title .hl { color: var(--lc-lime); }
.lc-ai__text { color: #c9ccce; font-size: .95rem; margin: 0; }
.lc-ai__cta {
  flex: 0 0 auto;
  z-index: 1;
  background: var(--lc-lime);
  color: var(--lc-ink);
  font-family: var(--lc-font-head);
  font-weight: 700;
  border-radius: var(--lc-radius-pill);
  padding: 14px 26px;
  white-space: nowrap;
  transition: background .15s ease, transform .05s ease;
}
.lc-ai__cta:hover { background: var(--lc-lime-dark); color: var(--lc-ink); }
.lc-ai__cta:active { transform: translateY(1px); }

/* Variante compatta dentro la pagina prodotto */
.lc-ai--compact {
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 18px 20px;
  margin: 18px 0 0;
}
.lc-ai--compact .lc-ai__cta { width: 100%; text-align: center; margin-top: 6px; }

@media (max-width: 767px) {
  .lc-ai { flex-direction: column; text-align: center; align-items: center; }
  .lc-ai__cta { width: 100%; text-align: center; }
}
/* ===== BEGIN laCartoleria header layout (mockup) ===== */
/* Da incollare in fondo a themes/lacartoleria/assets/css/lacartoleria.css
   Richiede: header.tpl aggiornato + modulo "Menu principale" spostato su displayNavFullWidth. */

/* 1) Via la barra utility scura in alto (nel mockup non c'è) */
@media (min-width: 768px){
  #header .lc-header-utility{ display:none; }
}

/* 2) Riga principale: logo | ricerca | strumenti */
@media (min-width: 768px){
  #header .lc-main-row{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:28px;
    padding:14px 0;
  }
  #header .lc-main-row .lc-logo{ flex:0 0 auto; }
  #header .lc-main-row .lc-logo img{ max-height:60px; width:auto; }

  /* Ricerca: occupa lo spazio centrale, pillola grande */
  #header .lc-main-row .lc-search-col{ flex:1 1 auto; min-width:0; }
  #header .lc-search-col #search_widget{ width:100%; max-width:640px; margin:0 auto; }
  #header .lc-search-col #search_widget form{ width:100%; }

  /* Strumenti a destra */
  #header .lc-main-row .lc-tools-col{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:22px;
  }
}

/* 3) Lingua/valuta piccoli; Accedi/Carrello come icone+etichetta */
#header .lc-tools-col #_desktop_language_selector,
#header .lc-tools-col #_desktop_currency_selector{
  font-size:.78rem;
}
#header .lc-tools-col #_desktop_language_selector .dropdown-toggle,
#header .lc-tools-col #_desktop_currency_selector .dropdown-toggle{
  padding:2px 4px;
  color:var(--lc-muted);
}
/* raggruppo lingua+valuta in colonna mini a sinistra degli strumenti */
#header .lc-tools-col #_desktop_language_selector,
#header .lc-tools-col #_desktop_currency_selector{
  line-height:1.2;
}

/* Accedi + Carrello: icona sopra, testo sotto */
#header .lc-tools-col .user-info,
#header .lc-tools-col #_desktop_cart .header__right,
#header .lc-tools-col #_desktop_cart{
  display:flex;
  align-items:center;
  gap:8px;
}
#header .lc-tools-col a{ color:var(--lc-ink); font-family:var(--lc-font-head); font-weight:600; }
#header .lc-tools-col a:hover{ color:var(--lc-red); }
#header .lc-tools-col .material-icons{ font-size:26px; }

/* badge quantità carrello */
#header .lc-tools-col .cart-products-count{
  background:var(--lc-red); color:#fff; border-radius:999px;
  font-weight:700; min-width:20px; height:20px; line-height:20px; text-align:center;
  font-size:.72rem; padding:0 5px;
}

/* 4) Riga menu a tutta larghezza (ps_mainmenu su displayNavFullWidth) */
#header + * #_desktop_top_menu,
#_desktop_top_menu.menu{
  display:block;
  width:100%;
  background:var(--lc-white);
  border-top:1px solid var(--lc-border);
  border-bottom:1px solid var(--lc-border);
}
#_desktop_top_menu .top-menu{
  max-width:1200px;
  margin:0 auto;
  padding:0 15px;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
#_desktop_top_menu .top-menu > li > a{
  display:inline-block;
  padding:14px 14px;
}

/* Klarna nell'header: non deve rompere la riga ricerca */
#header .lc-search-col .klarna-placement,
#header .lc-tools-col .klarna-placement{ display:none; }
/* ===== END laCartoleria header layout (mockup) ===== */
/* ===== BEGIN laCartoleria header layout (mockup) ===== */
/* IMPORTANTE: questo blocco va INCOLLATO IN FONDO al file esistente
   themes/lacartoleria/assets/css/lacartoleria.css  (NON come file separato:
   un file .css nuovo non verrebbe caricato dal tema). */

/* 1) Barra utility scura in alto: via su desktop (nel mockup non c'è) */
@media (min-width: 768px){
  #header .lc-header-utility{ display:none !important; }
}

/* 2) Riga principale: logo | ricerca (cresce) | strumenti */
@media (min-width: 768px){
  #header .lc-main-row{
    display:flex !important;
    align-items:center;
    flex-wrap:nowrap;
    gap:26px;
    padding:12px 0;
  }
  #header .lc-main-row > .lc-logo{ flex:0 0 auto; }
  #header .lc-main-row > .lc-search-col{ flex:1 1 auto !important; min-width:0; max-width:none; }
  #header .lc-main-row > .lc-tools-col{ flex:0 0 auto; display:flex !important; align-items:center; gap:20px; }
}
#header .lc-logo img{ max-height:58px; width:auto; }

/* 3) Ricerca: pillola grande, icona rossa a destra */
#header .lc-search-col #search_widget{ width:100%; max-width:620px; margin:0; }
#header .lc-search-col #search_widget form{
  display:flex; align-items:center; width:100%;
  background:var(--lc-sand-soft); border:1px solid var(--lc-border);
  border-radius:999px; padding:3px 4px 3px 20px;
}
#header .lc-search-col #search_widget form:focus-within{
  border-color:var(--lc-red); box-shadow:0 0 0 3px rgba(238,79,62,.12);
}
#header .lc-search-col #search_widget form input[type="text"]{
  order:1; flex:1 1 auto; min-width:0;
  border:0; background:transparent; box-shadow:none;
  padding:11px 6px; font-family:var(--lc-font-body); color:var(--lc-ink);
}
#header .lc-search-col #search_widget form input[type="text"]::placeholder{ color:var(--lc-muted); }
#header .lc-search-col #search_widget form .material-icons.search{
  order:2; margin-left:6px;
  background:var(--lc-red); color:#fff;
  width:42px; height:42px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; cursor:pointer;
}

/* 4) Strumenti a destra */
#header .lc-tools-col > div{ display:flex; align-items:center; }

/* lingua + valuta: mini, in colonnina */
#header .lc-tools-col #_desktop_language_selector,
#header .lc-tools-col #_desktop_currency_selector{
  flex-direction:column; align-items:flex-start;
  font-size:.72rem; line-height:1.2;
}
#header .lc-tools-col #_desktop_language_selector a,
#header .lc-tools-col #_desktop_currency_selector a{ color:var(--lc-muted); padding:0; }
#header .lc-tools-col #_desktop_language_selector a:hover,
#header .lc-tools-col #_desktop_currency_selector a:hover{ color:var(--lc-red); }

/* Accedi e Carrello: icona sopra, etichetta sotto */
#header .lc-tools-col #_desktop_user_info,
#header .lc-tools-col #_desktop_cart{
  flex-direction:column; justify-content:center; text-align:center; gap:2px;
  position:relative;
  font-family:var(--lc-font-head); font-weight:600; font-size:.72rem; color:var(--lc-ink);
}
#header .lc-tools-col #_desktop_user_info a,
#header .lc-tools-col #_desktop_cart a{ color:var(--lc-ink); }
#header .lc-tools-col #_desktop_user_info a:hover,
#header .lc-tools-col #_desktop_cart a:hover{ color:var(--lc-red); }
/* icona "persona" per Accedi (nel markup non c'è) */
#header .lc-tools-col #_desktop_user_info a::before{
  content:"person"; font-family:"Material Icons"; font-weight:400;
  font-size:26px; display:block; line-height:1;
}
#header .lc-tools-col #_desktop_cart .material-icons{ font-size:26px; }
/* badge quantità carrello */
#header .lc-tools-col #_desktop_cart .cart-products-count{
  position:absolute; top:-4px; right:2px;
  background:var(--lc-red); color:#fff;
  min-width:18px; height:18px; line-height:18px; padding:0 4px;
  border-radius:999px; font-size:.6rem; font-weight:700; text-align:center;
}

/* 5) Riga menu a tutta larghezza (ps_mainmenu su displayNavFullWidth) */
#_desktop_top_menu.menu{
  display:block; width:100%;
  background:var(--lc-white);
  border-top:1px solid var(--lc-border);
  border-bottom:1px solid var(--lc-border);
}
#_desktop_top_menu .top-menu{
  max-width:1200px; margin:0 auto; padding:0 15px;
  display:flex; align-items:center; flex-wrap:wrap; gap:4px;
}
#_desktop_top_menu .top-menu > li > a{ display:inline-block; padding:13px 14px; }
/* ===== END laCartoleria header layout (mockup) ===== */
/* ===== BEGIN laCartoleria header — fix icone & ricerca ===== */
/* Appendere IN FONDO a themes/lacartoleria/assets/css/lacartoleria.css
   (dopo il blocco header gia' inserito). Sovrascrive le regole precedenti. */

/* Ricerca: bottone rosso a DESTRA (il tema imposta l'icona in absolute) */
#header .lc-search-col #search_widget form .material-icons.search{
  position:static !important;
  order:10;
  margin-left:auto;
}

/* Accedi + Carrello: icona sopra, etichetta sotto — niente sovrapposizioni */
#header .lc-tools-col #_desktop_user_info .user-info,
#header .lc-tools-col #_desktop_cart .blockcart > .header{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  position:relative;
  line-height:1.1;
  text-align:center;
}
#header .lc-tools-col #_desktop_user_info a{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  color:var(--lc-ink);
  font-family:var(--lc-font-head);
  font-weight:600;
  font-size:.72rem;
}
/* rimuovo il vecchio ::before sull'<a> e metto l'icona nel <i> vuoto */
/* UNA sola persona: annullo qualsiasi ::before sull'<a> e metto l'icona SOLO nell'<i> */
#header .lc-tools-col #_desktop_user_info a::before{ content:none !important; }
#header .lc-tools-col #_desktop_user_info a .material-icons{ font-size:26px; width:26px; height:26px; }
#header .lc-tools-col #_desktop_user_info a .material-icons::before{ content:"person" !important; }

#header .lc-tools-col #_desktop_cart .blockcart .header{
  font-family:var(--lc-font-head);
  font-weight:600;
  font-size:.72rem;
  color:var(--lc-ink);
  cursor:pointer;
}
#header .lc-tools-col #_desktop_cart .blockcart .header .material-icons{ font-size:26px; }

/* badge quantita' sopra l'icona carrello */
#header .lc-tools-col #_desktop_cart .cart-products-count{
  position:absolute !important;
  top:-5px;
  left:calc(50% + 3px);
  background:var(--lc-red);
  color:#fff;
  min-width:18px;
  height:18px;
  line-height:18px;
  padding:0 4px;
  border-radius:999px;
  font-size:.6rem;
  font-weight:700;
  text-align:center;
}
/* Nascondo l'etichetta "Valuta:" (resta solo EUR €) */
#header .lc-tools-col #currency-selector-label{ display:none !important; }

/* Wishlist: stessa resa di Accedi/Carrello (icona sopra, testo sotto) */
#header .lc-tools-col #_desktop_wishlist a{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  color:var(--lc-ink);
  font-family:var(--lc-font-head);
  font-weight:600;
  font-size:.72rem;
}
#header .lc-tools-col #_desktop_wishlist a:hover{ color:var(--lc-red); }
#header .lc-tools-col #_desktop_wishlist .material-icons{ font-size:26px; }

/* Ordine icone: lingua · valuta · Accedi · Wishlist · Carrello */
@media (min-width: 768px){
  #header .lc-tools-col #_desktop_language_selector{ order:1; }
  #header .lc-tools-col #_desktop_currency_selector{ order:2; }
  #header .lc-tools-col #_desktop_user_info{ order:3; }
  #header .lc-tools-col #_desktop_wishlist{ order:4; }
  #header .lc-tools-col #_desktop_cart{ order:5; }
}
/* ===== END laCartoleria header — fix icone & ricerca ===== */
/* ===== BEGIN laCartoleria — menu centrato & ordine home ===== */
/* Appendere IN FONDO a themes/lacartoleria/assets/css/lacartoleria.css */

/* 1) Menu categorie dell'header: centrato */
#_desktop_top_menu .top-menu{ justify-content:center !important; }

/* 2) Home: "Le nostre categorie" sopra "Nuovi prodotti";
      barra scura aziendale (#custom-text) nascosta (i dati restano nel footer). */
#content.page-home{ display:flex; flex-direction:column; }
#content.page-home #custom-text{ display:none !important; }
#content.page-home .lc-hero{ order:1; }
#content.page-home .lc-reassurance{ order:2; }
#content.page-home .lc-categories{ order:3; }
#content.page-home .featured-products{ order:4; }
#content.page-home .lc-ai{ order:5; }
/* ===== END laCartoleria — menu centrato & ordine home ===== */
/* Mobile: nascondo la riga header desktop (resta hamburger + logo + Accedi + carrello) */
@media (max-width: 767px){
  #header .lc-main-row{ display:none !important; }
}
/* ==========================================================================
   La Cartoleria — Brand layer per tema child di "classic" (PrestaShop 8)
   "Dove nascono le idee"
   Autore: FC Consulenza — f.conte@fcconsulenza.it

   Palette ufficiale (da brand book):
     Rosso     #ee4f3e   (primario / CTA)
     Antracite #2e3236   (testo / header scuro)
     Lime      #c0d11f   (accento / categorie attive)
     Sabbia    #ede8e4   (sfondi soft)
   ========================================================================== */

:root {
  --lc-red:        #ea4f3b;   /* rosso ufficiale brand book 2026 */
  --lc-red-dark:   #d33d2a;
  --lc-ink:        #2e3236;
  --lc-lime:       #c0d11f;
  --lc-lime-dark:  #a8b915;
  --lc-sand:       #ede8e4;
  --lc-sand-soft:  #f6f3f0;
  --lc-white:      #ffffff;
  --lc-muted:      #6b7177;
  --lc-border:     #e4e1dd;

  --lc-font-head:  'Gotham Rounded', 'Montserrat', system-ui, sans-serif;
  --lc-font-body:  'Gotham Book', 'Montserrat', system-ui, sans-serif;

  --lc-radius:     12px;
  --lc-radius-pill: 999px;
  --lc-shadow:     0 6px 24px rgba(46, 50, 54, .08);
  --lc-shadow-sm:  0 2px 10px rgba(46, 50, 54, .06);

  /* Override delle variabili Bootstrap usate dal classic */
  --primary: var(--lc-red);
  --secondary: var(--lc-ink);
}

/* --------------------------------------------------------------------------
   Tipografia
   -------------------------------------------------------------------------- */
body,
.page-content,
#wrapper {
  font-family: var(--lc-font-body);
  color: var(--lc-ink);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.product-title,
.page-title,
.navbar-brand {
  font-family: var(--lc-font-head);
  font-weight: 700;
  color: var(--lc-ink);
  letter-spacing: -.01em;
}

a { color: var(--lc-ink); }
a:hover { color: var(--lc-red); text-decoration: none; }

/* --------------------------------------------------------------------------
   Bottoni
   -------------------------------------------------------------------------- */
.btn-primary,
.btn-primary:focus,
.product-add-to-cart .add-to-cart {
  background: var(--lc-red);
  border-color: var(--lc-red);
  color: var(--lc-white);
  font-family: var(--lc-font-head);
  font-weight: 600;
  border-radius: var(--lc-radius-pill);
  text-transform: none;
  letter-spacing: .01em;
  box-shadow: var(--lc-shadow-sm);
  transition: background .15s ease, transform .05s ease;
}
.btn-primary:hover,
.product-add-to-cart .add-to-cart:hover {
  background: var(--lc-red-dark);
  border-color: var(--lc-red-dark);
  color: var(--lc-white);
}
.btn-primary:active { transform: translateY(1px); }

.btn-secondary,
.btn-outline-primary {
  border-radius: var(--lc-radius-pill);
  font-family: var(--lc-font-head);
  font-weight: 600;
}
.btn-outline-primary {
  color: var(--lc-red);
  border-color: var(--lc-red);
}
.btn-outline-primary:hover {
  background: var(--lc-red);
  border-color: var(--lc-red);
  color: var(--lc-white);
}

/* CTA "lime" per accenti (es. badge Novità / Back to school) */
.lc-btn-lime {
  background: var(--lc-lime);
  border-color: var(--lc-lime);
  color: var(--lc-ink);
}
.lc-btn-lime:hover { background: var(--lc-lime-dark); border-color: var(--lc-lime-dark); }

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
#header {
  background: var(--lc-white);
  box-shadow: var(--lc-shadow-sm);
}
#header .header-top {
  background: var(--lc-white);
  padding-top: 12px;
  padding-bottom: 12px;
}
#header a { color: var(--lc-ink); }
#header a:hover { color: var(--lc-red); }

/* Logo */
#_desktop_logo img,
.header__logo img { max-height: 56px; width: auto; }

/* Barra di ricerca — pill con bottone rosso (come da mockup) */
#search_widget,
.header-top #search_widget { width: 100%; }

#search_widget form {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--lc-sand-soft);
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius-pill);
  overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease;
}
#search_widget form:focus-within {
  border-color: var(--lc-red);
  box-shadow: 0 0 0 3px rgba(238, 79, 62, .12);
}
#search_widget form input[type="text"] {
  border: 0;
  background: transparent;
  padding: 12px 18px;
  font-family: var(--lc-font-body);
  color: var(--lc-ink);
  flex: 1 1 auto;
  box-shadow: none;
}
#search_widget form input[type="text"]::placeholder { color: var(--lc-muted); }
#search_widget form button[type="submit"] {
  background: var(--lc-red);
  color: var(--lc-white);
  border: 0;
  margin: 4px;
  padding: 8px 18px;
  border-radius: var(--lc-radius-pill);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease;
}
#search_widget form button[type="submit"]:hover { background: var(--lc-red-dark); }
#search_widget form button .search { color: var(--lc-white); }

/* Icone account / wishlist / carrello */
.header-nav,
#_desktop_user_info,
#_desktop_cart { font-family: var(--lc-font-head); }

.blockcart .cart-products-count,
.header .cart-products-count {
  background: var(--lc-red);
  color: var(--lc-white);
  border-radius: var(--lc-radius-pill);
  font-weight: 700;
}

/* --------------------------------------------------------------------------
   Menu principale (categorie)
   -------------------------------------------------------------------------- */
.header-top .menu,
#_desktop_top_menu { font-family: var(--lc-font-head); }

#_desktop_top_menu .top-menu a.dropdown-item,
#_desktop_top_menu .top-menu > li > a {
  color: var(--lc-ink);
  font-weight: 600;
  text-transform: none;
  letter-spacing: .01em;
  position: relative;
}
#_desktop_top_menu .top-menu > li > a:hover {
  color: var(--lc-red);
}
/* underline animato in lime sotto la voce attiva/hover */
#_desktop_top_menu .top-menu > li > a::after {
  content: "";
  position: absolute;
  left: 0; right: 100%;
  bottom: -4px;
  height: 3px;
  border-radius: 3px;
  background: var(--lc-lime);
  transition: right .2s ease;
}
#_desktop_top_menu .top-menu > li:hover > a::after,
#_desktop_top_menu .top-menu > li.current > a::after { right: 0; }

/* Sottomenu */
.top-menu .popover,
#_desktop_top_menu .sub-menu {
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius);
  box-shadow: var(--lc-shadow);
}

/* --------------------------------------------------------------------------
   Hero / banner homepage  ("Dove nascono le idee")
   Si applica all'eventuale modulo image slider o banner custom .lc-hero
   -------------------------------------------------------------------------- */
.lc-hero {
  background: var(--lc-sand);
  border-radius: 18px;
  padding: clamp(24px, 5vw, 56px);
  margin-bottom: 28px;
}
.lc-hero__title {
  font-family: var(--lc-font-head);
  font-weight: 800;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.05;
  color: var(--lc-ink);
  margin-bottom: .5em;
}
.lc-hero__subtitle {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--lc-muted);
  margin-bottom: 1.25em;
}

/* Slider PS (ps_imageslider) — bottoni/freccia in brand */
.carousel .carousel-control .icon-prev,
.carousel .carousel-control .icon-next { background-color: var(--lc-red); }
.carousel-indicators li { background: rgba(255,255,255,.6); }
.carousel-indicators .active { background: var(--lc-red); }

/* --------------------------------------------------------------------------
   Strip di rassicurazione (Spedizione / Reso / Pagamenti / Assistenza)
   Markup consigliato in templates/_partials/lc-reassurance.tpl
   -------------------------------------------------------------------------- */
.lc-reassurance {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 22px 0;
  border-top: 1px solid var(--lc-border);
  border-bottom: 1px solid var(--lc-border);
  margin: 28px 0;
}
.lc-reassurance__item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--lc-font-head);
  font-weight: 600;
  color: var(--lc-ink);
}
.lc-reassurance__icon {
  flex: 0 0 44px;
  width: 44px; height: 44px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--lc-sand);
  color: var(--lc-red);
}
.lc-reassurance small { display: block; color: var(--lc-muted); font-weight: 400; }

/* --------------------------------------------------------------------------
   Griglia categorie circolari  ("Le nostre categorie")
   Markup consigliato in templates/_partials/lc-categories.tpl
   -------------------------------------------------------------------------- */
.lc-cat-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 18px;
  text-align: center;
}
.lc-cat-grid__item { text-decoration: none; }
.lc-cat-grid__circle {
  width: 92px; height: 92px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background: var(--lc-sand);
  display: grid; place-items: center;
  transition: transform .15s ease, background .15s ease;
}
.lc-cat-grid__item:hover .lc-cat-grid__circle {
  transform: translateY(-4px);
  background: var(--lc-lime);
}
.lc-cat-grid__circle img { width: 44px; height: 44px; }
.lc-cat-grid__label {
  font-family: var(--lc-font-head);
  font-weight: 600;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--lc-ink);
}

/* --------------------------------------------------------------------------
   Card prodotto
   -------------------------------------------------------------------------- */
.product-miniature .thumbnail-container,
.js-product-miniature {
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius);
  background: var(--lc-white);
  box-shadow: none;
  transition: box-shadow .15s ease, transform .15s ease;
  overflow: hidden;
}
.product-miniature:hover .thumbnail-container,
.js-product-miniature:hover {
  box-shadow: var(--lc-shadow);
  transform: translateY(-3px);
}
.product-miniature .product-title a { color: var(--lc-ink); font-weight: 600; }
.product-miniature .product-title a:hover { color: var(--lc-red); }

.product-price-and-shipping .price,
.product-miniature .price {
  color: var(--lc-red);
  font-family: var(--lc-font-head);
  font-weight: 700;
}
.product-miniature .regular-price { color: var(--lc-muted); }

/* Badge prodotto (offerta / novità) */
.product-flag,
.product-flags li.product-flag {
  background: var(--lc-red);
  color: var(--lc-white);
  border-radius: var(--lc-radius-pill);
  font-family: var(--lc-font-head);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.product-flag.discount,
.product-flag.on-sale { background: var(--lc-red); }
.product-flag.new { background: var(--lc-lime); color: var(--lc-ink); }

/* --------------------------------------------------------------------------
   Pagina prodotto
   -------------------------------------------------------------------------- */
.product-prices .current-price-value,
.product-price,
.current-price .price {
  color: var(--lc-red);
  font-family: var(--lc-font-head);
  font-weight: 800;
}
.product-actions .add-to-cart {
  width: 100%;
  padding: 14px;
  font-size: 1rem;
}
.product-quantity .qty .input-group { border-radius: var(--lc-radius); }

/* Tab descrizione / dettagli */
.product-tabs .nav-tabs .nav-link.active {
  color: var(--lc-red);
  border-bottom: 3px solid var(--lc-red);
  background: transparent;
}

/* --------------------------------------------------------------------------
   Liste / filtri (categoria)
   -------------------------------------------------------------------------- */
.page-header h1,
#js-product-list-header,
.block-category h1 { color: var(--lc-ink); }

.faceted-search .facet .facet-title,
#search_filters .facet-title { color: var(--lc-ink); font-family: var(--lc-font-head); }

.faceted-search .facet .facet-label a:hover { color: var(--lc-red); }

.pagination .current a,
.pagination .active a {
  background: var(--lc-red);
  border-color: var(--lc-red);
  color: var(--lc-white);
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
#footer {
  background: var(--lc-ink);
  color: #d9dbdd;
  padding-top: 36px;
}
#footer .footer-container { background: transparent; box-shadow: none; }
#footer h3,
#footer .h3 { color: var(--lc-white); font-family: var(--lc-font-head); }
#footer a { color: #c7cacd; }
#footer a:hover { color: var(--lc-lime); }
#footer .links .collapse ul li a::before { color: var(--lc-red); }

/* Newsletter */
.block-newsletter input[type="email"] { border-radius: var(--lc-radius-pill); }
.block-newsletter .btn { border-radius: var(--lc-radius-pill); background: var(--lc-red); border-color: var(--lc-red); }

/* Copyright */
.footer-copyright,
#footer .copyright { background: #24272a; color: #9aa0a5; }

/* --------------------------------------------------------------------------
   Elementi globali
   -------------------------------------------------------------------------- */
.page-content,
.card,
.block-categories,
.left-column .block,
.right-column .block {
  border-radius: var(--lc-radius);
}

::selection { background: var(--lc-red); color: var(--lc-white); }

.alert-success { border-left: 4px solid var(--lc-lime); }
.alert-danger,
.alert-warning { border-left: 4px solid var(--lc-red); }

/* Breadcrumb */
.breadcrumb a:hover { color: var(--lc-red); }
.breadcrumb li:last-child a,
.breadcrumb li.active { color: var(--lc-muted); }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .lc-cat-grid { grid-template-columns: repeat(4, 1fr); }
  .lc-reassurance { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .lc-cat-grid { grid-template-columns: repeat(3, 1fr); }
  .lc-reassurance { grid-template-columns: 1fr; }
  #_desktop_logo img { max-height: 44px; }
  .lc-cat-grid__circle { width: 76px; height: 76px; }
}

/* ==========================================================================
   PAGINA PRODOTTO — restyle "intuitivo"
   Layout: galleria a sinistra, "buy box" a destra, poi tab informazioni.
   ========================================================================== */
.lc-product { margin-top: 18px; }

/* Riga principale gallery + acquisto */
.lc-product .lc-product__row {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 36px;
  align-items: start;
}

/* --- Galleria immagini --- */
.lc-product .product-cover {
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius);
  background: var(--lc-white);
  overflow: hidden;
  position: relative;
}
.lc-product .product-cover img { border-radius: var(--lc-radius); }
.lc-product .js-qv-product-images .thumb-container .thumb,
.lc-product .product-images li img {
  border: 2px solid var(--lc-border);
  border-radius: 10px;
  transition: border-color .15s ease;
}
.lc-product .product-images li img.selected,
.lc-product .product-images li img:hover { border-color: var(--lc-red); }

/* --- Buy box (colonna destra, sticky) --- */
.lc-product .lc-buybox {
  position: sticky;
  top: 16px;
  border: 1px solid var(--lc-border);
  border-radius: 16px;
  background: var(--lc-white);
  box-shadow: var(--lc-shadow-sm);
  padding: 22px 24px;
}
.lc-product .lc-buybox h1.product-title,
.lc-product .lc-buybox .h1 {
  font-size: 1.6rem;
  line-height: 1.15;
  margin: 0 0 6px;
}
.lc-product .lc-buybox .product-reference,
.lc-product .lc-buybox .product-manufacturer {
  font-size: .82rem;
  color: var(--lc-muted);
}
.lc-product .lc-buybox .product-manufacturer img { max-height: 34px; }

/* Prezzo grande */
.lc-product .lc-price-box {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin: 14px 0 6px;
  padding: 14px 0;
  border-top: 1px solid var(--lc-border);
  border-bottom: 1px solid var(--lc-border);
}
.lc-product .lc-price-box .current-price-value,
.lc-product .lc-price-box .current-price .price {
  font-family: var(--lc-font-head);
  font-weight: 800;
  font-size: 2.1rem;
  color: var(--lc-red);
}
.lc-product .lc-price-box .regular-price {
  text-decoration: line-through;
  color: var(--lc-muted);
  font-size: 1.1rem;
}
.lc-product .lc-price-box .discount {
  background: var(--lc-red);
  color: var(--lc-white);
  border-radius: var(--lc-radius-pill);
  font-family: var(--lc-font-head);
  font-weight: 700;
  font-size: .82rem;
  padding: 3px 12px;
}
.lc-product .tax-shipping-delivery-label { color: var(--lc-muted); font-size: .78rem; }

/* Disponibilità */
.lc-product .lc-stock {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-family: var(--lc-font-head);
  font-size: .9rem;
  margin: 6px 0 2px;
}
.lc-product .lc-stock--in   { color: #2f8f5b; }
.lc-product .lc-stock--low  { color: #b8860b; }
.lc-product .lc-stock--out  { color: var(--lc-muted); }
.lc-product .lc-stock .dot { width: 10px; height: 10px; border-radius: 50%; background: currentColor; }

/* Varianti */
.lc-product .product-variants > .product-variants-item { margin: 14px 0; }
.lc-product .product-variants .control-label {
  font-family: var(--lc-font-head);
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}
.lc-product .product-variants .input-color + span,
.lc-product .product-variants ul li label {
  border-radius: 8px;
}

/* Quantità + add to cart su una riga */
.lc-product .product-add-to-cart .product-quantity {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin-top: 14px;
}
.lc-product .product-quantity .qty {
  flex: 0 0 120px;
}
.lc-product .product-quantity .qty .input-group,
.lc-product .product-quantity #quantity_wanted {
  height: 52px;
  border-radius: var(--lc-radius);
}
.lc-product .product-add-to-cart .add-to-cart {
  flex: 1 1 auto;
  height: 52px;
  font-size: 1.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* Riga utility (wishlist / condividi) */
.lc-product .lc-buybox .product-additional-info { margin-top: 14px; }

/* Strip rassicurazione dentro buy box */
.lc-product .lc-buybox .lc-reassurance--mini {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 16px;
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--lc-border);
}
.lc-product .lc-reassurance--mini .lc-reassurance__item { font-size: .82rem; }
.lc-product .lc-reassurance--mini .lc-reassurance__icon { flex-basis: 34px; width: 34px; height: 34px; }

/* --- Tab informazioni --- */
.lc-product .lc-tabs { margin-top: 40px; }
.lc-product .lc-tabs .nav-tabs {
  border-bottom: 2px solid var(--lc-border);
  gap: 6px;
}
.lc-product .lc-tabs .nav-tabs .nav-link {
  font-family: var(--lc-font-head);
  font-weight: 600;
  color: var(--lc-muted);
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
}
.lc-product .lc-tabs .nav-tabs .nav-link.active {
  color: var(--lc-red);
  border-bottom-color: var(--lc-red);
  background: transparent;
}
.lc-product .lc-tabs .tab-content { padding: 22px 2px; line-height: 1.7; }

/* Tabella codici (interno / produttore / EAN) */
.lc-product .lc-codes { width: 100%; border-collapse: collapse; }
.lc-product .lc-codes td { padding: 8px 4px; border-bottom: 1px solid var(--lc-border); font-size: .9rem; }
.lc-product .lc-codes td:first-child { color: var(--lc-muted); width: 40%; }

@media (max-width: 991px) {
  .lc-product .lc-product__row { grid-template-columns: 1fr; gap: 22px; }
  .lc-product .lc-buybox { position: static; }
}

/* ==========================================================================
   CONSULENTE IA — banner "ti aiutiamo a riempire il carrello"
   (link verso futuro modulo lacartoleriaai)
   ========================================================================== */
.lc-ai {
  display: flex;
  align-items: center;
  gap: 22px;
  background: var(--lc-ink);
  color: var(--lc-white);
  border-radius: 18px;
  padding: 24px 28px;
  margin: 28px 0;
  position: relative;
  overflow: hidden;
}
.lc-ai::after { /* accento graffetta/lime */
  content: "";
  position: absolute;
  right: -40px; top: -40px;
  width: 180px; height: 180px;
  border-radius: 50%;
  background: rgba(192, 209, 31, .14);
}
.lc-ai__icon {
  flex: 0 0 64px;
  width: 64px; height: 64px;
  border-radius: 18px;
  background: var(--lc-red);
  display: grid; place-items: center;
  font-size: 32px;
  z-index: 1;
}
.lc-ai__body { flex: 1 1 auto; z-index: 1; }
.lc-ai__title {
  font-family: var(--lc-font-head);
  font-weight: 800;
  font-size: 1.35rem;
  line-height: 1.15;
  margin: 0 0 6px;
  color: var(--lc-white);
}
.lc-ai__title .hl { color: var(--lc-lime); }
.lc-ai__text { color: #c9ccce; font-size: .95rem; margin: 0; }
.lc-ai__cta {
  flex: 0 0 auto;
  z-index: 1;
  background: var(--lc-lime);
  color: var(--lc-ink);
  font-family: var(--lc-font-head);
  font-weight: 700;
  border-radius: var(--lc-radius-pill);
  padding: 14px 26px;
  white-space: nowrap;
  transition: background .15s ease, transform .05s ease;
}
.lc-ai__cta:hover { background: var(--lc-lime-dark); color: var(--lc-ink); }
.lc-ai__cta:active { transform: translateY(1px); }

/* Variante compatta dentro la pagina prodotto */
.lc-ai--compact {
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 18px 20px;
  margin: 18px 0 0;
}
.lc-ai--compact .lc-ai__cta { width: 100%; text-align: center; margin-top: 6px; }

@media (max-width: 767px) {
  .lc-ai { flex-direction: column; text-align: center; align-items: center; }
  .lc-ai__cta { width: 100%; text-align: center; }
}
/* ===== BEGIN laCartoleria header layout (mockup) ===== */
/* Da incollare in fondo a themes/lacartoleria/assets/css/lacartoleria.css
   Richiede: header.tpl aggiornato + modulo "Menu principale" spostato su displayNavFullWidth. */

/* 1) Via la barra utility scura in alto (nel mockup non c'è) */
@media (min-width: 768px){
  #header .lc-header-utility{ display:none; }
}

/* 2) Riga principale: logo | ricerca | strumenti */
@media (min-width: 768px){
  #header .lc-main-row{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:28px;
    padding:14px 0;
  }
  #header .lc-main-row .lc-logo{ flex:0 0 auto; }
  #header .lc-main-row .lc-logo img{ max-height:60px; width:auto; }

  /* Ricerca: occupa lo spazio centrale, pillola grande */
  #header .lc-main-row .lc-search-col{ flex:1 1 auto; min-width:0; }
  #header .lc-search-col #search_widget{ width:100%; max-width:640px; margin:0 auto; }
  #header .lc-search-col #search_widget form{ width:100%; }

  /* Strumenti a destra */
  #header .lc-main-row .lc-tools-col{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:22px;
  }
}

/* 3) Lingua/valuta piccoli; Accedi/Carrello come icone+etichetta */
#header .lc-tools-col #_desktop_language_selector,
#header .lc-tools-col #_desktop_currency_selector{
  font-size:.78rem;
}
#header .lc-tools-col #_desktop_language_selector .dropdown-toggle,
#header .lc-tools-col #_desktop_currency_selector .dropdown-toggle{
  padding:2px 4px;
  color:var(--lc-muted);
}
/* raggruppo lingua+valuta in colonna mini a sinistra degli strumenti */
#header .lc-tools-col #_desktop_language_selector,
#header .lc-tools-col #_desktop_currency_selector{
  line-height:1.2;
}

/* Accedi + Carrello: icona sopra, testo sotto */
#header .lc-tools-col .user-info,
#header .lc-tools-col #_desktop_cart .header__right,
#header .lc-tools-col #_desktop_cart{
  display:flex;
  align-items:center;
  gap:8px;
}
#header .lc-tools-col a{ color:var(--lc-ink); font-family:var(--lc-font-head); font-weight:600; }
#header .lc-tools-col a:hover{ color:var(--lc-red); }
#header .lc-tools-col .material-icons{ font-size:26px; }

/* badge quantità carrello */
#header .lc-tools-col .cart-products-count{
  background:var(--lc-red); color:#fff; border-radius:999px;
  font-weight:700; min-width:20px; height:20px; line-height:20px; text-align:center;
  font-size:.72rem; padding:0 5px;
}

/* 4) Riga menu a tutta larghezza (ps_mainmenu su displayNavFullWidth) */
#header + * #_desktop_top_menu,
#_desktop_top_menu.menu{
  display:block;
  width:100%;
  background:var(--lc-white);
  border-top:1px solid var(--lc-border);
  border-bottom:1px solid var(--lc-border);
}
#_desktop_top_menu .top-menu{
  max-width:1200px;
  margin:0 auto;
  padding:0 15px;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
#_desktop_top_menu .top-menu > li > a{
  display:inline-block;
  padding:14px 14px;
}

/* Klarna nell'header: non deve rompere la riga ricerca */
#header .lc-search-col .klarna-placement,
#header .lc-tools-col .klarna-placement{ display:none; }
/* ===== END laCartoleria header layout (mockup) ===== */
/* ===== BEGIN laCartoleria header layout (mockup) ===== */
/* IMPORTANTE: questo blocco va INCOLLATO IN FONDO al file esistente
   themes/lacartoleria/assets/css/lacartoleria.css  (NON come file separato:
   un file .css nuovo non verrebbe caricato dal tema). */

/* 1) Barra utility scura in alto: via su desktop (nel mockup non c'è) */
@media (min-width: 768px){
  #header .lc-header-utility{ display:none !important; }
}

/* 2) Riga principale: logo | ricerca (cresce) | strumenti */
@media (min-width: 768px){
  #header .lc-main-row{
    display:flex !important;
    align-items:center;
    flex-wrap:nowrap;
    gap:26px;
    padding:12px 0;
  }
  #header .lc-main-row > .lc-logo{ flex:0 0 auto; }
  #header .lc-main-row > .lc-search-col{ flex:1 1 auto !important; min-width:0; max-width:none; }
  #header .lc-main-row > .lc-tools-col{ flex:0 0 auto; display:flex !important; align-items:center; gap:20px; }
}
#header .lc-logo img{ max-height:58px; width:auto; }

/* 3) Ricerca: pillola grande, icona rossa a destra */
#header .lc-search-col #search_widget{ width:100%; max-width:620px; margin:0; }
#header .lc-search-col #search_widget form{
  display:flex; align-items:center; width:100%;
  background:var(--lc-sand-soft); border:1px solid var(--lc-border);
  border-radius:999px; padding:3px 4px 3px 20px;
}
#header .lc-search-col #search_widget form:focus-within{
  border-color:var(--lc-red); box-shadow:0 0 0 3px rgba(238,79,62,.12);
}
#header .lc-search-col #search_widget form input[type="text"]{
  order:1; flex:1 1 auto; min-width:0;
  border:0; background:transparent; box-shadow:none;
  padding:11px 6px; font-family:var(--lc-font-body); color:var(--lc-ink);
}
#header .lc-search-col #search_widget form input[type="text"]::placeholder{ color:var(--lc-muted); }
#header .lc-search-col #search_widget form .material-icons.search{
  order:2; margin-left:6px;
  background:var(--lc-red); color:#fff;
  width:42px; height:42px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; cursor:pointer;
}

/* 4) Strumenti a destra */
#header .lc-tools-col > div{ display:flex; align-items:center; }

/* lingua + valuta: mini, in colonnina */
#header .lc-tools-col #_desktop_language_selector,
#header .lc-tools-col #_desktop_currency_selector{
  flex-direction:column; align-items:flex-start;
  font-size:.72rem; line-height:1.2;
}
#header .lc-tools-col #_desktop_language_selector a,
#header .lc-tools-col #_desktop_currency_selector a{ color:var(--lc-muted); padding:0; }
#header .lc-tools-col #_desktop_language_selector a:hover,
#header .lc-tools-col #_desktop_currency_selector a:hover{ color:var(--lc-red); }

/* Accedi e Carrello: icona sopra, etichetta sotto */
#header .lc-tools-col #_desktop_user_info,
#header .lc-tools-col #_desktop_cart{
  flex-direction:column; justify-content:center; text-align:center; gap:2px;
  position:relative;
  font-family:var(--lc-font-head); font-weight:600; font-size:.72rem; color:var(--lc-ink);
}
#header .lc-tools-col #_desktop_user_info a,
#header .lc-tools-col #_desktop_cart a{ color:var(--lc-ink); }
#header .lc-tools-col #_desktop_user_info a:hover,
#header .lc-tools-col #_desktop_cart a:hover{ color:var(--lc-red); }
/* icona "persona" per Accedi (nel markup non c'è) */
#header .lc-tools-col #_desktop_user_info a::before{
  content:"person"; font-family:"Material Icons"; font-weight:400;
  font-size:26px; display:block; line-height:1;
}
#header .lc-tools-col #_desktop_cart .material-icons{ font-size:26px; }
/* badge quantità carrello */
#header .lc-tools-col #_desktop_cart .cart-products-count{
  position:absolute; top:-4px; right:2px;
  background:var(--lc-red); color:#fff;
  min-width:18px; height:18px; line-height:18px; padding:0 4px;
  border-radius:999px; font-size:.6rem; font-weight:700; text-align:center;
}

/* 5) Riga menu a tutta larghezza (ps_mainmenu su displayNavFullWidth) */
#_desktop_top_menu.menu{
  display:block; width:100%;
  background:var(--lc-white);
  border-top:1px solid var(--lc-border);
  border-bottom:1px solid var(--lc-border);
}
#_desktop_top_menu .top-menu{
  max-width:1200px; margin:0 auto; padding:0 15px;
  display:flex; align-items:center; flex-wrap:wrap; gap:4px;
}
#_desktop_top_menu .top-menu > li > a{ display:inline-block; padding:13px 14px; }
/* ===== END laCartoleria header layout (mockup) ===== */
/* ===== BEGIN laCartoleria header — fix icone & ricerca ===== */
/* Appendere IN FONDO a themes/lacartoleria/assets/css/lacartoleria.css
   (dopo il blocco header gia' inserito). Sovrascrive le regole precedenti. */

/* Ricerca: bottone rosso a DESTRA (il tema imposta l'icona in absolute) */
#header .lc-search-col #search_widget form .material-icons.search{
  position:static !important;
  order:10;
  margin-left:auto;
}

/* Accedi + Carrello: icona sopra, etichetta sotto — niente sovrapposizioni */
#header .lc-tools-col #_desktop_user_info .user-info,
#header .lc-tools-col #_desktop_cart .blockcart > .header{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  position:relative;
  line-height:1.1;
  text-align:center;
}
#header .lc-tools-col #_desktop_user_info a{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  color:var(--lc-ink);
  font-family:var(--lc-font-head);
  font-weight:600;
  font-size:.72rem;
}
/* rimuovo il vecchio ::before sull'<a> e metto l'icona nel <i> vuoto */
/* UNA sola persona: annullo qualsiasi ::before sull'<a> e metto l'icona SOLO nell'<i> */
#header .lc-tools-col #_desktop_user_info a::before{ content:none !important; }
#header .lc-tools-col #_desktop_user_info a .material-icons{ font-size:26px; width:26px; height:26px; }
#header .lc-tools-col #_desktop_user_info a .material-icons::before{ content:"person" !important; }

#header .lc-tools-col #_desktop_cart .blockcart .header{
  font-family:var(--lc-font-head);
  font-weight:600;
  font-size:.72rem;
  color:var(--lc-ink);
  cursor:pointer;
}
#header .lc-tools-col #_desktop_cart .blockcart .header .material-icons{ font-size:26px; }

/* badge quantita' sopra l'icona carrello */
#header .lc-tools-col #_desktop_cart .cart-products-count{
  position:absolute !important;
  top:-5px;
  left:calc(50% + 3px);
  background:var(--lc-red);
  color:#fff;
  min-width:18px;
  height:18px;
  line-height:18px;
  padding:0 4px;
  border-radius:999px;
  font-size:.6rem;
  font-weight:700;
  text-align:center;
}
/* Nascondo l'etichetta "Valuta:" (resta solo EUR €) */
#header .lc-tools-col #currency-selector-label{ display:none !important; }

/* Wishlist: stessa resa di Accedi/Carrello (icona sopra, testo sotto) */
#header .lc-tools-col #_desktop_wishlist a{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  color:var(--lc-ink);
  font-family:var(--lc-font-head);
  font-weight:600;
  font-size:.72rem;
}
#header .lc-tools-col #_desktop_wishlist a:hover{ color:var(--lc-red); }
#header .lc-tools-col #_desktop_wishlist .material-icons{ font-size:26px; }

/* Ordine icone: lingua · valuta · Accedi · Wishlist · Carrello */
@media (min-width: 768px){
  #header .lc-tools-col #_desktop_language_selector{ order:1; }
  #header .lc-tools-col #_desktop_currency_selector{ order:2; }
  #header .lc-tools-col #_desktop_user_info{ order:3; }
  #header .lc-tools-col #_desktop_wishlist{ order:4; }
  #header .lc-tools-col #_desktop_cart{ order:5; }
}
/* ===== END laCartoleria header — fix icone & ricerca ===== */
/* ===== BEGIN laCartoleria — menu centrato & ordine home ===== */
/* Appendere IN FONDO a themes/lacartoleria/assets/css/lacartoleria.css */

/* 1) Menu categorie dell'header: centrato */
#_desktop_top_menu .top-menu{ justify-content:center !important; }

/* 2) Home: "Le nostre categorie" sopra "Nuovi prodotti";
      barra scura aziendale (#custom-text) nascosta (i dati restano nel footer). */
#content.page-home{ display:flex; flex-direction:column; }
#content.page-home #custom-text{ display:none !important; }
#content.page-home .lc-hero{ order:1; }
#content.page-home .lc-reassurance{ order:2; }
#content.page-home .lc-categories{ order:3; }
#content.page-home .featured-products{ order:4; }
#content.page-home .lc-ai{ order:5; }
/* ===== END laCartoleria — menu centrato & ordine home ===== */
/* Mobile: nascondo la riga header desktop (resta hamburger + logo + Accedi + carrello) */
@media (max-width: 767px){
  #header .lc-main-row{ display:none !important; }
}
/* MOBILE: nascondi riga header desktop + Wishlist mobile */
@media (max-width: 767px){
  #header .lc-main-row{ display:none !important; }
}
#header .lc-header-utility .mobile .lc-mobile-wishlist{ height:50px; }
#header .lc-header-utility .mobile .lc-mobile-wishlist a{ display:flex; align-items:center; height:50px; color:var(--lc-ink); padding:0 4px; }
#header .lc-header-utility .mobile .lc-mobile-wishlist a:hover{ color:var(--lc-red); }
#header .lc-header-utility .mobile .lc-mobile-wishlist .material-icons{ font-size:26px; }
@media (max-width: 767px){
  .products.row .js-product{ flex:0 0 50% !important; max-width:50% !important; }
  .products.row .product-miniature{ width:100%; max-width:100%; }
  .products.row .product-miniature .product-title{ font-size:13px; line-height:1.25; }
  .products.row .product-miniature .product-price-and-shipping .price{ font-size:15px; }
}
/* ===== BEGIN laCartoleria — Mega-menu Catalogo (desktop) =====
   Trasforma il popover "Catalogo" (699 link) in un pannello a 2 livelli:
   rail sinistro con le 11 macro-categorie, a destra le sotto-categorie (2° livello)
   della macro in hover, in colonne. I livelli 3-4 restano nelle pagine categoria.
   Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css */
@media (min-width:768px){
  #_desktop_top_menu{ position:relative; }
  #_desktop_top_menu .top-menu > li.category{ position:static; }

  /* apertura in hover del pannello */
  #_desktop_top_menu .top-menu > li.category:hover > .popover.sub-menu{
    display:block !important; opacity:1 !important; visibility:visible !important;
  }
  /* pannello (attaccato alla barra: niente gap che lo chiude) */
  #_desktop_top_menu li.category > .popover.sub-menu{
    position:absolute; top:100%; left:50%; transform:translateX(-50%);
    width:1000px; max-width:98vw; min-height:400px; background:#fff;
    border:1px solid #ede8e4; border-radius:14px; box-shadow:0 18px 44px rgba(46,50,54,.16);
    padding:0; margin-top:2px; overflow:visible; z-index:2000;
  }
  /* rail sinistro = 11 macro */
  #_desktop_top_menu li.category > .popover.sub-menu > ul.top-menu{
    width:262px; background:#faf7f3; min-height:400px; margin:0; padding:12px 0;
    list-style:none; float:left; border-right:1px solid #ede8e4; border-radius:14px 0 0 14px;
  }
  #_desktop_top_menu .popover > ul.top-menu > li.category{ position:static; }
  #_desktop_top_menu .popover > ul.top-menu > li.category > a{
    display:block !important; padding:11px 22px;
    font-family:'Gotham Rounded','Montserrat',sans-serif; font-weight:600; font-size:14.5px;
    color:#2e3236; white-space:nowrap; position:relative;
  }
  #_desktop_top_menu .popover > ul.top-menu > li.category:hover > a{ background:#fff; color:#ea4f3b; }
  #_desktop_top_menu .popover > ul.top-menu > li.category > a::after{
    content:'\203A' !important; position:absolute; right:16px; top:50%; transform:translateY(-50%);
    left:auto; bottom:auto; width:auto !important; height:auto !important;
    background:none !important; border-radius:0 !important; color:#c9c6c2; font-size:18px;
  }

  /* pannello destro = 2° livello (nascosto di default) */
  #_desktop_top_menu .popover > ul.top-menu > li.category > div.collapse{
    display:none !important; position:absolute; left:262px; top:0; right:0; height:400px;
    padding:22px 26px; overflow:auto;
  }
  /* default: mostra la prima macro; nascondila quando si passa sul rail; la macro in hover vince */
  #_desktop_top_menu .top-menu > li.category:hover > .popover > ul.top-menu > li.category:first-child > div.collapse{ display:block !important; }
  #_desktop_top_menu .top-menu > li.category:hover > .popover > ul.top-menu:hover > li.category:first-child > div.collapse{ display:none !important; }
  #_desktop_top_menu .popover > ul.top-menu > li.category:hover > div.collapse{ display:block !important; }

  /* colonne delle sotto-categorie */
  #_desktop_top_menu .popover > ul.top-menu > li.category > div.collapse > ul.top-menu{
    column-count:3; column-gap:26px; list-style:none; padding:0; margin:0;
  }
  #_desktop_top_menu .popover li.category div.collapse ul.top-menu > li.category{
    break-inside:avoid; margin:0 0 3px; position:static;
  }
  #_desktop_top_menu .popover li.category div.collapse ul.top-menu > li.category > a{
    display:block !important; padding:6px 8px; font-weight:500; font-size:13.5px;
    color:#5b6066; border-radius:8px; white-space:normal;
  }
  #_desktop_top_menu .popover li.category div.collapse ul.top-menu > li.category > a::after{ display:none !important; }
  #_desktop_top_menu .popover li.category div.collapse ul.top-menu > li.category > a:hover{ color:#ea4f3b; background:#fdeeeb; }

  /* nascondi 3° livello+ dentro il pannello, e i toggle mobile */
  #_desktop_top_menu .popover li.category div.collapse ul.top-menu li.category div.collapse{ display:none !important; }
  #_desktop_top_menu .popover .navbar-toggler,
  #_desktop_top_menu .popover .collapse-icons{ display:none !important; }
}
/* ===== END laCartoleria — Mega-menu Catalogo (desktop) ===== */
/* ===== BEGIN laCartoleria — Drill-down menu mobile ===== */
/* Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   Richiede lo <script> drill-down aggiunto in header.tpl. */
@media (max-width:767px){
  #mobile_top_menu_wrapper.lc-drill{ overflow:hidden; position:relative; background:#fff; }
  #mobile_top_menu_wrapper.lc-drill .navbar-toggler,
  #mobile_top_menu_wrapper.lc-drill .collapse-icons{ display:none !important; }
  /* i wrapper collapse/popover non devono nascondere i livelli (li guida il JS) */
  #mobile_top_menu_wrapper.lc-drill .collapse,
  #mobile_top_menu_wrapper.lc-drill .popover.sub-menu{
    display:block !important; opacity:1 !important; visibility:visible !important; position:static !important;
    box-shadow:none !important; border:0 !important; border-radius:0 !important; padding:0 !important; margin:0 !important;
    width:auto !important; min-height:0 !important; float:none !important; transform:none !important; background:transparent !important;
  }
  #mobile_top_menu_wrapper.lc-drill ul.top-menu{ list-style:none; margin:0; padding:0; column-count:1 !important; }
  /* mostra un solo livello: nel root nascondi le ul annidate; lo stage mostra la ul corrente */
  #mobile_top_menu_wrapper.lc-drill #_mobile_top_menu li ul.top-menu{ display:none !important; }
  #lc-drill-stage ul.top-menu{ display:block !important; }
  #lc-drill-stage li ul.top-menu{ display:none !important; }
  #lc-drill-stage{ background:#fff; }

  #mobile_top_menu_wrapper.lc-drill li{ border-bottom:1px solid #f0ece7; }
  #mobile_top_menu_wrapper.lc-drill li > a{
    display:flex !important; align-items:center; justify-content:space-between; gap:10px;
    padding:15px 18px; font-family:'Gotham Rounded','Montserrat',sans-serif;
    font-weight:600; font-size:15px; color:#2e3236; text-transform:none;
  }
  #mobile_top_menu_wrapper.lc-drill li.lc-has-children > a::after{
    content:'chevron_right'; font-family:'Material Icons'; color:#c9c6c2; font-size:24px; font-weight:400;
  }
  /* barra "indietro" + link "vedi tutto" */
  #mobile_top_menu_wrapper .lc-drill-back{
    display:flex !important; align-items:center; gap:4px; width:100%; padding:14px 18px;
    background:#faf7f3; border:0; border-bottom:1px solid #ede8e4;
    font-family:'Gotham Rounded','Montserrat',sans-serif; font-weight:700; font-size:15px; color:#2e3236; cursor:pointer;
  }
  #mobile_top_menu_wrapper .lc-drill-back .material-icons{ color:#ea4f3b; font-size:22px; }
  #mobile_top_menu_wrapper .lc-drill-seeall{
    display:block; padding:13px 18px; background:#fdeeeb; color:#ea4f3b !important;
    font-family:'Gotham Rounded','Montserrat',sans-serif; font-weight:700; font-size:14px; border-bottom:1px solid #ede8e4;
  }
}
/* ===== END laCartoleria — Drill-down menu mobile ===== */
.lc-cat-grid{ grid-template-columns:repeat(auto-fill, minmax(128px, 1fr)) !important; gap:20px 14px !important; }
.lc-cat-grid__circle .material-icons{ font-size:38px; line-height:1; color:var(--lc-red); }
.lc-cat-grid__label{ min-height:2.2em; display:flex; align-items:center; justify-content:center; text-align:center; }
@media (max-width:575px){ .lc-cat-grid{ grid-template-columns:repeat(3, 1fr) !important; } }
.lc-cat-grid{ grid-template-columns:repeat(auto-fill, minmax(128px, 1fr)) !important; gap:20px 14px !important; }
.lc-cat-grid__circle .material-icons{ font-size:38px; line-height:1; color:var(--lc-red); }
.lc-cat-grid__label{ min-height:2.2em; display:flex; align-items:center; justify-content:center; text-align:center; }
@media (max-width:575px){ .lc-cat-grid{ grid-template-columns:repeat(3, 1fr) !important; } }
/* ===== BEGIN laCartoleria — Suggerimenti categorie nella ricerca ===== */
/* Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   Richiede lo <script> "search categories" aggiunto in header.tpl. */
.lc-cat-suggest{
  position:fixed; z-index:99999;
  background:#fff; border:1px solid #ede8e4; border-radius:14px;
  box-shadow:0 14px 34px rgba(46,50,54,.16);
  overflow:hidden; max-height:60vh; overflow-y:auto;
}
.lc-cat-suggest__head{
  padding:9px 16px; font-family:'Gotham Rounded','Montserrat',sans-serif;
  font-weight:800; font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:#9a938c; background:#faf7f3;
}
.lc-cat-suggest a{
  display:flex; align-items:center; gap:10px; padding:11px 16px;
  color:#2e3236 !important; font-size:14px; border-top:1px solid #f4f0eb; text-decoration:none;
}
.lc-cat-suggest a:hover{ background:#fdeeeb; color:#ea4f3b !important; }
.lc-cat-suggest a .material-icons{ font-size:19px; color:#c9c6c2; }
.lc-cat-suggest mark{ background:transparent; color:#ea4f3b; font-weight:700; }
/* ===== END laCartoleria — Suggerimenti categorie nella ricerca ===== */
/* ===== BEGIN laCartoleria — Ricerca nell'header mobile ===== */
/* Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   Mostra la barra di ricerca come seconda riga a tutta larghezza su mobile
   (riusa la stessa #search_widget, quindi vale anche l'autocomplete categorie).
   Nota: sovrascrive la regola precedente che nascondeva del tutto .lc-main-row su mobile. */
@media (max-width:767px){
  #header .lc-main-row{ display:flex !important; padding:0 0 12px !important; margin:0 !important; }
  #header .lc-main-row > .lc-logo,
  #header .lc-main-row > .lc-tools-col{ display:none !important; }
  #header .lc-main-row > .lc-search-col{
    flex:1 1 100% !important; max-width:100% !important; min-width:0 !important; padding:0 14px !important;
  }
  #header .lc-search-col #search_widget{ max-width:none !important; margin:0 !important; }
}
/* ===== END laCartoleria — Ricerca nell'header mobile ===== */
@media (max-width:767px){
  /* Home: prodotti a 2 colonne */
  .featured-products .products{ display:flex !important; flex-wrap:wrap !important; margin-left:-7px; margin-right:-7px; }
  .featured-products .products > .js-product{ flex:0 0 50% !important; max-width:50% !important; padding-left:7px; padding-right:7px; }
  .featured-products .products .product-miniature{ width:100%; max-width:100%; }
  .featured-products .products .product-title{ font-size:13px; line-height:1.25; }
  .featured-products .products .product-price-and-shipping .price{ font-size:15px; }
  /* Fix "CHEVRON RIGHT" nel menu */
  #mobile_top_menu_wrapper.lc-drill li.lc-has-children > a::after{
    content:'\203A' !important; font-family:inherit !important; text-transform:none !important;
    color:#c9c6c2; font-size:22px; font-weight:400; line-height:1;
  }
}
.lc-hero{
  background-image:
    linear-gradient(90deg, rgba(240,236,232,.96) 0%, rgba(240,236,232,.75) 34%, rgba(240,236,232,0) 62%),
    url('/themes/lacartoleria/assets/img/Banner.png');
  background-size: cover, cover;
  background-position: center, right center;
  background-repeat: no-repeat, no-repeat;
  min-height: 440px;
  display: flex; flex-direction: column; justify-content: center;
}
@media (max-width:767px){
  .lc-hero{
    justify-content: flex-start; padding: 26px 22px 0; min-height: 430px;
    background-image:
      linear-gradient(180deg, rgba(240,236,232,.97) 0%, rgba(240,236,232,.94) 26%, rgba(240,236,232,.35) 52%, rgba(240,236,232,0) 78%),
      url('/themes/lacartoleria/assets/img/Banner.png');
    background-position: center top, center 78%;
    background-size: cover, 118% auto;
    background-repeat: no-repeat, no-repeat;
  }
  .lc-hero .lc-hero__subtitle, .lc-hero p{ max-width:88%; }
}
/* ===== BEGIN laCartoleria — titoli footer bianchi (Account + Info negozio) ===== */
/* Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   "Informazioni negozio" usa .h4.block-contact-title (non .h3) e
   "Il tuo account" ha il titolo come <a>: entrambi erano scuri sul footer scuro. */
#footer .block-contact-title,
#footer .block-contact .title,
#footer .block-contact .title a,
#footer .myaccount-title,
#footer .myaccount-title a,
#footer .myaccount-title .title,
#footer .myaccount-title .title a{ color:#fff !important; }
/* ===== END laCartoleria — titoli footer bianchi ===== */
/* ===== BEGIN laCartoleria — Mega-menu sotto-menu ordinati ===== */
/* Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   Richiede lo <script> "mega-menu enhance" in header.tpl (raggruppa le voci
   con prefisso comune e aggiunge il titolo + "Vedi tutti i prodotti"). */
#_desktop_top_menu .popover > ul.top-menu > li.category > div.collapse{
  height:auto !important; min-height:360px; max-height:80vh; overflow-y:auto; padding:0 !important;
}
.lc-mega-head{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:16px 26px 12px; border-bottom:1px solid #f0ece7; background:#fff;
}
.lc-mega-head span{ font-family:'Gotham Rounded','Montserrat',sans-serif; font-weight:800; font-size:17px; color:#2e3236; }
.lc-mega-head a{ font-family:'Gotham Rounded','Montserrat',sans-serif; font-weight:700; font-size:13px; color:#ea4f3b !important; white-space:nowrap; }
.lc-mega-cols{ column-count:3; column-gap:26px; padding:16px 26px 22px; }
.lc-mega-item{
  display:block; padding:6px 8px; font-weight:500; font-size:13.5px;
  color:#5b6066 !important; border-radius:8px; break-inside:avoid; text-decoration:none;
}
.lc-mega-item:hover{ color:#ea4f3b !important; background:#fdeeeb; }
.lc-mega-group{ margin:0 0 14px; }
.lc-mega-group__h{
  font-family:'Gotham Rounded','Montserrat',sans-serif; font-weight:800; font-size:11.5px;
  letter-spacing:.05em; text-transform:uppercase; color:#2e3236;
  padding:0 8px 5px; border-bottom:1px solid #f4f0eb; margin-bottom:4px; break-after:avoid;
}
/* ===== END laCartoleria — Mega-menu sotto-menu ordinati ===== */
/* ===== BEGIN laCartoleria — Filtri categoria/sotto-categoria eleganti ===== */
/* Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   Stila la colonna sinistra (albero categorie ps_categorytree = .block-categories)
   come un pannello "Filtri" pulito, e le tessere "Sotto-categorie" (#subcategories)
   come schede navigabili (i box immagine sono vuoti perche' le categorie non hanno
   miniatura: li nascondiamo e mostriamo schede-nome ordinate). */

/* -------- Pannello filtri (albero categorie) -------- */
#left-column .block-categories{
  background:#fff;
  border:1px solid #ece7e1;
  border-radius:16px;
  padding:6px 10px 12px;
  box-shadow:0 8px 26px rgba(46,50,54,.06);
}
/* Etichetta pannello */
#left-column .block-categories::before{
  content:"Filtra per categoria";
  display:block;
  font-family:'Gotham Rounded','Montserrat',sans-serif;
  font-weight:800; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:#a7a29c; padding:12px 8px 10px;
}
/* Titolo = categoria corrente */
#left-column .block-categories .category-top-menu > li:first-child > a{
  display:block; padding:8px 10px 14px;
  font-family:'Gotham Rounded','Montserrat',sans-serif;
  font-weight:800; font-size:16px; line-height:1.25; color:#2e3236 !important;
  border-bottom:2px solid #f2ede7; margin-bottom:6px;
}
#left-column .block-categories ul{ list-style:none; margin:0; padding:0; }

/* Voci di 1o livello */
#left-column .block-categories .category-sub-menu li[data-depth="0"]{
  position:relative; border-bottom:1px solid #f4f0ea;
}
#left-column .block-categories .category-sub-menu li[data-depth="0"]:last-child{ border-bottom:0; }
#left-column .block-categories li[data-depth="0"] > a{
  display:block; padding:11px 40px 11px 10px;
  font-weight:600; font-size:14px; color:#4a4f55 !important;
  text-decoration:none; border-radius:8px; transition:background .15s,color .15s;
}
#left-column .block-categories li[data-depth="0"] > a:hover{ background:#fbf3ef; color:#ea4f3b !important; }

/* Bottone toggle +/- tondo, allineato a destra (niente piu' accavallamenti) */
#left-column .block-categories .collapse-icons{
  position:absolute; top:6px; right:6px; margin:0;
  width:28px; height:28px; border-radius:50%;
  background:#f5f0ea; display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:background .15s;
}
#left-column .block-categories .collapse-icons:hover{ background:#ea4f3b; }
#left-column .block-categories .collapse-icons .material-icons{
  font-size:18px; line-height:1; color:#6b7076;
}
#left-column .block-categories .collapse-icons:hover .material-icons{ color:#fff; }

/* Sotto-voci (2o livello e oltre) */
#left-column .block-categories .collapse .category-sub-menu{
  margin:2px 0 8px; padding-left:6px; border-left:2px solid #f2ede7;
}
#left-column .block-categories .category-sub-link{
  display:block; padding:7px 10px; font-size:13px; font-weight:500;
  color:#7b8087 !important; text-decoration:none; border-radius:7px;
}
#left-column .block-categories .category-sub-link:hover{ background:#fbf3ef; color:#ea4f3b !important; }
/* Categoria attiva evidenziata */
#left-column .block-categories a.current,
#left-column .block-categories li.current > a{
  color:#ea4f3b !important; font-weight:700;
}

/* Wrapper faceted vuoto (nessun facet configurato) -> non lasciare spazio */
#left-column #search_filters_wrapper:empty,
#left-column #search_filters_wrapper > #search_filter_controls:only-child{ display:none; }

/* -------- Tessere "Sotto-categorie" (area centrale) -------- */
#subcategories.card{
  border:1px solid #ece7e1; border-radius:16px; padding:22px;
  box-shadow:0 8px 26px rgba(46,50,54,.05); background:#fff;
}
#subcategories .subcategory-heading{
  font-family:'Gotham Rounded','Montserrat',sans-serif;
  font-weight:800; font-size:18px; color:#2e3236;
  margin:0 0 18px; padding-bottom:12px; border-bottom:2px solid #f2ede7;
}
#subcategories .subcategories-list{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:14px; list-style:none; margin:0; padding:0;
}
#subcategories .subcategories-list > li{
  margin:0; background:#fff; border:1px solid #ece7e1; border-radius:12px;
  transition:border-color .15s, box-shadow .15s, transform .15s;
}
#subcategories .subcategories-list > li:hover{
  border-color:#ea4f3b; box-shadow:0 10px 24px rgba(234,79,59,.12); transform:translateY(-2px);
}
/* i box immagine sono vuoti (categorie senza miniatura): li nascondiamo */
#subcategories .subcategory-image{ display:none; }
#subcategories .subcategories-list > li h5{ margin:0; }
#subcategories .subcategory-name{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:18px 18px; min-height:64px;
  font-weight:600; font-size:14px; line-height:1.3; color:#2e3236 !important;
  text-decoration:none;
}
#subcategories .subcategory-name::after{
  content:'\203A'; font-size:22px; line-height:1; color:#c9c6c2;
  flex:0 0 auto; transition:color .15s, transform .15s;
}
#subcategories .subcategories-list > li:hover .subcategory-name{ color:#ea4f3b !important; }
#subcategories .subcategories-list > li:hover .subcategory-name::after{ color:#ea4f3b; transform:translateX(3px); }

@media (max-width:767px){
  #subcategories.card{ padding:16px; }
  #subcategories .subcategories-list{ grid-template-columns:repeat(2,1fr); gap:10px; }
  #subcategories .subcategory-name{ padding:14px; min-height:56px; font-size:13px; }
}
/* ===== END laCartoleria — Filtri categoria/sotto-categoria eleganti ===== */
/* ===== BEGIN laCartoleria — Filtri categoria/sotto-categoria eleganti ===== */
/* Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   Stila la colonna sinistra (albero categorie ps_categorytree = .block-categories)
   come un pannello "Filtri" pulito, e le tessere "Sotto-categorie" (#subcategories)
   come schede navigabili (i box immagine sono vuoti perche' le categorie non hanno
   miniatura: li nascondiamo e mostriamo schede-nome ordinate). */

/* -------- Pannello filtri (albero categorie) -------- */
#left-column .block-categories{
  background:#fff;
  border:1px solid #ece7e1;
  border-radius:16px;
  padding:6px 10px 12px;
  box-shadow:0 8px 26px rgba(46,50,54,.06);
}
/* Etichetta pannello */
#left-column .block-categories::before{
  content:"Filtra per categoria";
  display:block;
  font-family:'Gotham Rounded','Montserrat',sans-serif;
  font-weight:800; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:#a7a29c; padding:12px 8px 10px;
}
/* Titolo = categoria corrente */
#left-column .block-categories .category-top-menu > li:first-child > a{
  display:block; padding:8px 10px 14px;
  font-family:'Gotham Rounded','Montserrat',sans-serif;
  font-weight:800; font-size:16px; line-height:1.25; color:#2e3236 !important;
  border-bottom:2px solid #f2ede7; margin-bottom:6px;
}
#left-column .block-categories ul{ list-style:none; margin:0; padding:0; }

/* Voci di 1o livello */
#left-column .block-categories .category-sub-menu li[data-depth="0"]{
  position:relative; border-bottom:1px solid #f4f0ea;
}
#left-column .block-categories .category-sub-menu li[data-depth="0"]:last-child{ border-bottom:0; }
#left-column .block-categories li[data-depth="0"] > a{
  display:block; padding:11px 40px 11px 10px;
  font-weight:600; font-size:14px; color:#4a4f55 !important;
  text-decoration:none; border-radius:8px; transition:background .15s,color .15s;
}
#left-column .block-categories li[data-depth="0"] > a:hover{ background:#fbf3ef; color:#ea4f3b !important; }

/* Bottone toggle +/- tondo, allineato a destra (niente piu' accavallamenti) */
#left-column .block-categories .collapse-icons{
  position:absolute; top:6px; right:6px; margin:0;
  width:28px; height:28px; border-radius:50%;
  background:#f5f0ea; display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:background .15s;
}
#left-column .block-categories .collapse-icons:hover{ background:#ea4f3b; }
#left-column .block-categories .collapse-icons .material-icons{
  font-size:18px; line-height:1; color:#6b7076;
}
#left-column .block-categories .collapse-icons:hover .material-icons{ color:#fff; }

/* Sotto-voci (2o livello e oltre) */
#left-column .block-categories .collapse .category-sub-menu{
  margin:2px 0 8px; padding-left:6px; border-left:2px solid #f2ede7;
}
#left-column .block-categories .category-sub-link{
  display:block; padding:7px 10px; font-size:13px; font-weight:500;
  color:#7b8087 !important; text-decoration:none; border-radius:7px;
}
#left-column .block-categories .category-sub-link:hover{ background:#fbf3ef; color:#ea4f3b !important; }
/* Categoria attiva evidenziata */
#left-column .block-categories a.current,
#left-column .block-categories li.current > a{
  color:#ea4f3b !important; font-weight:700;
}

/* Wrapper faceted vuoto (nessun facet configurato) -> non lasciare spazio */
#left-column #search_filters_wrapper:empty,
#left-column #search_filters_wrapper > #search_filter_controls:only-child{ display:none; }

/* -------- Tessere "Sotto-categorie" (area centrale) -------- */
#subcategories.card{
  border:1px solid #ece7e1; border-radius:16px; padding:22px;
  box-shadow:0 8px 26px rgba(46,50,54,.05); background:#fff;
}
#subcategories .subcategory-heading{
  font-family:'Gotham Rounded','Montserrat',sans-serif;
  font-weight:800; font-size:18px; color:#2e3236;
  margin:0 0 18px; padding-bottom:12px; border-bottom:2px solid #f2ede7;
}
#subcategories .subcategories-list{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:14px; list-style:none; margin:0; padding:0;
}
#subcategories .subcategories-list > li{
  margin:0; background:#fff; border:1px solid #ece7e1; border-radius:12px;
  transition:border-color .15s, box-shadow .15s, transform .15s;
}
#subcategories .subcategories-list > li:hover{
  border-color:#ea4f3b; box-shadow:0 10px 24px rgba(234,79,59,.12); transform:translateY(-2px);
}
/* i box immagine sono vuoti (categorie senza miniatura): li nascondiamo */
#subcategories .subcategory-image{ display:none; }
#subcategories .subcategories-list > li h5{ margin:0; }
#subcategories .subcategory-name{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:18px 18px; min-height:64px;
  font-weight:600; font-size:14px; line-height:1.3; color:#2e3236 !important;
  text-decoration:none;
}
#subcategories .subcategory-name::after{
  content:'\203A'; font-size:22px; line-height:1; color:#c9c6c2;
  flex:0 0 auto; transition:color .15s, transform .15s;
}
#subcategories .subcategories-list > li:hover .subcategory-name{ color:#ea4f3b !important; }
#subcategories .subcategories-list > li:hover .subcategory-name::after{ color:#ea4f3b; transform:translateX(3px); }

@media (max-width:767px){
  #subcategories.card{ padding:16px; }
  #subcategories .subcategories-list{ grid-template-columns:repeat(2,1fr); gap:10px; }
  #subcategories .subcategory-name{ padding:14px; min-height:56px; font-size:13px; }
}
/* ===== END laCartoleria — Filtri categoria/sotto-categoria eleganti ===== */
/* ===== BEGIN laCartoleria — Fix banner home (desktop + mobile) ===== */
/* Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css
   (DOPO il blocco "Banner hero home" esistente: le regole successive vincono).
   Sostituisce l'eventuale file home-banner-mobile-fix.css: contiene ENTRAMBI
   i fix, quindi va caricato una volta sola. */

/* --- DESKTOP: banner mostrato per intero, testo leggibile a sinistra ---
   Il banner viene mostrato completo (contain) allineato a destra; il fondo
   crema si fonde con i margini crema del banner (nessuna cucitura) e il
   gradiente tiene pulita l'area del testo a sinistra. */
@media (min-width:768px){
  .lc-hero{
    min-height:440px !important;
    background-color:#f2ede8 !important;
    background-image:
      linear-gradient(90deg,
        rgba(242,237,232,.98) 0%,
        rgba(242,237,232,.90) 30%,
        rgba(242,237,232,0)   50%),
      url('/themes/lacartoleria/assets/img/Banner.png') !important;
    background-size: cover, contain !important;
    background-position: center, right center !important;
    background-repeat: no-repeat, no-repeat !important;
  }
}

/* --- MOBILE: elimina la fascia vuota "spezzata" in basso ---
   L'immagine viene ingrandita e ricentrata sui prodotti (ritaglia i margini
   vuoti di Banner.png) cosi' riempie l'hero; il gradiente tiene il testo
   leggibile sopra i prodotti. */
@media (max-width:767px){
  .lc-hero{
    min-height:360px !important;
    background-image:
      linear-gradient(180deg,
        rgba(240,236,232,.97) 0%,
        rgba(240,236,232,.95) 40%,
        rgba(240,236,232,.80) 55%,
        rgba(240,236,232,.18) 76%,
        rgba(240,236,232,0)   88%),
      url('/themes/lacartoleria/assets/img/Banner.png') !important;
    background-size: cover, auto 132% !important;
    background-position: center top, center 42% !important;
    background-repeat: no-repeat, no-repeat !important;
  }
}
/* ===== END laCartoleria — Fix banner home ===== */

/* ===== BEGIN laCartoleria — UX: menu Carta + marchi solo-testo + sotto-categorie colorate ===== */
/* Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css. */

/* --- 1) FIX MEGA-MENU: la macro "Carta" (prima voce) non mostrava il pannello ---
   Una regola nascondeva il pannello della prima macro quando si passa sul menu
   laterale, con specificita' maggiore della regola che lo mostra al hover.
   Qui forziamo la visualizzazione del pannello di QUALSIASI macro su cui si passa
   (inclusa Carta). */
#_desktop_top_menu .popover > ul.top-menu > li.category:hover > div.collapse{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* --- 2) MARCHI: niente immagini, solo nome testuale (pagina /marche) --- */
#manufacturer .brand-img{ display:none !important; }
#manufacturer ul.brands,
#manufacturer .brands{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr)) !important;
  gap:12px !important; list-style:none !important; padding:0 !important; margin:0 !important;
}
#manufacturer li.brand{
  margin:0 !important; width:auto !important; float:none !important;
  background:#fff; border:1px solid #ece7e1; border-radius:12px;
  transition:border-color .15s, box-shadow .15s, transform .15s;
}
#manufacturer li.brand:hover{
  border-color:#ea4f3b; box-shadow:0 8px 20px rgba(234,79,59,.12); transform:translateY(-2px);
}
#manufacturer li.brand .brand-infos{ margin:0 !important; padding:0 !important; }
#manufacturer li.brand .brand-infos p{ margin:0 !important; }
#manufacturer li.brand .brand-infos > p:first-child a{
  display:block; padding:16px 12px; text-align:center;
  font-weight:700; font-size:14px; letter-spacing:.02em; text-transform:uppercase;
  color:#2e3236 !important; text-decoration:none;
}
#manufacturer li.brand:hover .brand-infos > p:first-child a{ color:#ea4f3b !important; }
#manufacturer li.brand .brand-products{ display:none !important; }

/* --- 3) SOTTO-CATEGORIE: schede colorate, gradevoli e leggibili --- */
#subcategories .subcategories-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important;
  gap:14px !important;
}
#subcategories .subcategories-list > li{
  position:relative; margin:0;
  background:#fff; border:1px solid #ece7e1; border-left:5px solid #ea4f3b;
  border-radius:12px; overflow:hidden;
  transition:box-shadow .15s, transform .15s;
}
#subcategories .subcategories-list > li:hover{
  box-shadow:0 10px 24px rgba(46,50,54,.10); transform:translateY(-2px);
}
#subcategories .subcategory-name{
  display:flex !important; align-items:center; justify-content:space-between; gap:10px;
  padding:16px; min-height:auto !important;
  font-weight:600; font-size:14px; line-height:1.35; color:#2e3236 !important;
  text-decoration:none;
  white-space:normal !important; overflow:visible !important; text-overflow:clip !important;
  -webkit-line-clamp:unset !important;
}
#subcategories .subcategory-name::after{
  content:'\203A'; font-size:22px; line-height:1; flex:0 0 auto; color:#ea4f3b;
  transition:transform .15s;
}
#subcategories .subcategories-list > li:hover .subcategory-name::after{ transform:translateX(3px); }

/* palette colori ciclica (6 tinte) */
#subcategories .subcategories-list > li:nth-child(6n+1){ border-left-color:#ea4f3b; background:#fdeeeb; }
#subcategories .subcategories-list > li:nth-child(6n+1) .subcategory-name::after{ color:#ea4f3b; }
#subcategories .subcategories-list > li:nth-child(6n+2){ border-left-color:#2f9e8f; background:#e9f6f4; }
#subcategories .subcategories-list > li:nth-child(6n+2) .subcategory-name::after{ color:#2f9e8f; }
#subcategories .subcategories-list > li:nth-child(6n+3){ border-left-color:#e0952a; background:#fdf3e3; }
#subcategories .subcategories-list > li:nth-child(6n+3) .subcategory-name::after{ color:#e0952a; }
#subcategories .subcategories-list > li:nth-child(6n+4){ border-left-color:#4a7fd6; background:#eef3fc; }
#subcategories .subcategories-list > li:nth-child(6n+4) .subcategory-name::after{ color:#4a7fd6; }
#subcategories .subcategories-list > li:nth-child(6n+5){ border-left-color:#9b59b6; background:#f5eefa; }
#subcategories .subcategories-list > li:nth-child(6n+5) .subcategory-name::after{ color:#9b59b6; }
#subcategories .subcategories-list > li:nth-child(6n+6){ border-left-color:#56b870; background:#ecf7ef; }
#subcategories .subcategories-list > li:nth-child(6n+6) .subcategory-name::after{ color:#56b870; }
/* ===== END laCartoleria — UX ===== */
/* ===== BEGIN laCartoleria — Correzioni da revisione WhatsApp (2026-07-23) ===== */
/* Appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   Copre 7 dei 9 punti segnalati (logo + favicon = asset, gestiti a parte). */

/* --- 1) BADGE prodotto (NUOVO / NON DISPONIBILE): più piccoli ed eleganti ---
   Il tema classic li forza a min-width 50px / min-height 30px / font 1rem.
   Li rendiamo pill compatte adattate al testo. */
.product-miniature .product-flags li.product-flag,
.product-flags li.product-flag{
  min-width:0 !important;
  min-height:0 !important;
  width:auto !important;
  padding:3px 9px !important;
  margin:8px 0 0 8px !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
  letter-spacing:.04em !important;
  border-radius:999px !important;
  box-shadow:0 2px 6px rgba(46,50,54,.14) !important;
}
.product-flags{ gap:2px; }

/* --- 2) CUORE PREFERITI (wishlist): via l'ombra --- */
.wishlist-button-add,
.product-miniature .wishlist-button-add,
.wishlist-button-product,
.pos_wishlist .wishlist-button-add,
.js-product-miniature .wishlist-button-add{
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
}

/* --- 3) CARD prodotto: meno spazio "buttato là" ---
   Riduciamo il margine sotto la card e lo spazio riservato alla riga
   recensioni vuota, e compattiamo il padding della descrizione. */
.product-miniature .thumbnail-container{ margin-bottom:14px !important; }
.product-miniature .product-description{ padding:.35rem .6rem .6rem !important; }
.product-miniature .product-list-reviews{ min-height:0 !important; margin:2px 0 0 !important; }
.product-miniature .product-list-reviews .grade-stars:empty{ display:none !important; }
.product-miniature .product-price-and-shipping{ margin-bottom:0 !important; }

/* --- 4) NEWSLETTER: un po' di margine a sinistra nel campo email ---
   NB: la classe reale è block_newsletter (underscore); la vecchia regola
   .block-newsletter (trattino) non si applicava. */
.block_newsletter .input-wrapper input[type="email"],
#blockEmailSubscription_displayFooterBefore input[type="email"]{
  padding-left:18px !important;
}

/* --- 8) DOPPIO "OMINO" accanto ad "Accedi" ---
   L'<i> conteneva già il glifo persona (&#xE7FF;) E il CSS aggiungeva un
   secondo "person" via ::before. Annulliamo il ::before: resta una sola icona. */
#header .lc-tools-col #_desktop_user_info a .material-icons::before{
  content:none !important;
}

/* --- 9) BOTTONE RICERCA rosso: centrato verticalmente --- */
#search_widget form{ align-items:center !important; }
#search_widget form button[type="submit"]{
  align-self:center !important;
  margin-top:4px !important;
  margin-bottom:4px !important;
  line-height:1 !important;
}
#search_widget form button[type="submit"] .material-icons,
#search_widget form .material-icons.search{
  line-height:1 !important;
  display:flex !important; align-items:center; justify-content:center;
}

/* --- 7) WIDGET CLIP: colori del progetto + quadrettatura più leggera ---
   Rimappiamo le variabili del modulo (definite su .fcclip) sul brand book:
   navy->ink, azzurro quadretti->sabbia chiara, giallo->rosso brand. */
.fcclip{
  --clip-ink:#2e3236 !important;      /* bolla invio / testo scuro */
  --clip-graphite:#3a3a38 !important;
  --clip-grid:#ece7e1 !important;     /* quadretti più chiari e neutri */
  --clip-paper:#faf8f5 !important;    /* carta color sabbia chiara */
  --clip-marker:#ea4f3b !important;   /* accento rosso brand (era giallo) */
}
.fcclip-thread{ background-size:26px 26px !important; }  /* quadrettatura più ariosa */
/* ===== END laCartoleria — Correzioni da revisione WhatsApp ===== */
/* ===== BEGIN laCartoleria — Fix banner "frammentato" v2 (2026-07-23) ===== */
/* PROBLEMA: Banner.png è una card crema (#f2ebe8) con ANGOLI ARROTONDATI e
   MARGINI BIANCHI (#fdfeff) attorno. Il vecchio CSS lo metteva `contain` a
   destra: i margini bianchi e il bordo arrotondato spuntavano a metà hero sul
   crema (leggermente diverso) -> effetto "due pannelli / cucitura".
   SOLUZIONE: mostrarlo a TUTTO CAMPO (cover) così i margini bianchi vengono
   ritagliati e resta un'unica banda crema con i prodotti; lo sfondo dell'hero
   è impostato allo STESSO crema della card. Inquadratura verificata in anteprima.

   Deploy: appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css
   (essendo successivo, sovrascrive il vecchio blocco "Fix banner home"). */

.lc-hero{
  position:relative;
  background-color:#f2ebe8 !important;   /* crema identico a quello della card */
  border-radius:18px !important;
  overflow:hidden !important;
}

/* --- DESKTOP: banner intero, testo leggibile a sinistra --- */
@media (min-width:768px){
  .lc-hero{
    min-height:440px !important;
    background-image:
      linear-gradient(90deg,
        rgba(242,235,232,.97) 0%,
        rgba(242,235,232,.90) 26%,
        rgba(242,235,232,.40) 44%,
        rgba(242,235,232,0)   58%),
      url('/themes/lacartoleria/assets/img/Banner.png') !important;
    background-size: cover, cover !important;
    background-position: 0% 50%, 50% 40% !important;
    background-repeat: no-repeat, no-repeat !important;
  }
}

/* --- MOBILE: testo sopra, prodotti sotto, nessuna cucitura --- */
@media (max-width:767px){
  .lc-hero{
    min-height:360px !important;
    background-image:
      linear-gradient(180deg,
        rgba(242,235,232,.96) 0%,
        rgba(242,235,232,.86) 34%,
        rgba(242,235,232,.30) 60%,
        rgba(242,235,232,0)   82%),
      url('/themes/lacartoleria/assets/img/Banner.png') !important;
    background-size: cover, cover !important;
    background-position: 50% 0%, 62% 42% !important;
    background-repeat: no-repeat, no-repeat !important;
  }
}
/* ===== END laCartoleria — Fix banner v2 ===== */
/* ===== BEGIN laCartoleria — Redesign card prodotto (mockup 2026-07-24) ===== */
/* Badge = pill bianche con pallino colorato (● verde NUOVO / ● rosso NON DISP.),
   cuore wishlist = bottone rosso circolare in basso a destra dell'immagine,
   titolo e prezzo centrati, card con ombra morbida.
   Append in fondo a themes/lacartoleria/assets/css/lacartoleria.css
   (successivo: sovrascrive i precedenti fix badge/cuore). */

/* --- Card: ombra morbida sempre visibile --- */
.product-miniature .thumbnail-container{
  box-shadow:0 4px 16px rgba(46,50,54,.08) !important;
}

/* --- BADGE: pill bianca + pallino colorato --- */
.product-miniature .product-flags{
  padding:10px !important;
  gap:6px !important;
  align-items:flex-start !important;
}
.product-miniature .product-flags li.product-flag{
  display:inline-flex !important;
  align-items:center; gap:7px;
  width:auto !important; min-width:0 !important; min-height:0 !important;
  margin:0 !important;
  padding:5px 12px 5px 11px !important;
  background:#fff !important;
  color:#ea4f3b !important;              /* default rosso (es. NON DISPONIBILE) */
  border:1px solid #efe9e3 !important;
  border-radius:999px !important;
  box-shadow:0 3px 8px rgba(46,50,54,.12) !important;
  font-size:11px !important; font-weight:700 !important;
  letter-spacing:.04em !important; line-height:1.2 !important;
  text-transform:uppercase !important;
}
.product-miniature .product-flags li.product-flag::before{
  content:'' !important; flex:0 0 auto;
  width:8px; height:8px; border-radius:50%; background:currentColor;
}
.product-miniature .product-flags li.product-flag.new{ color:#33a852 !important; }  /* NUOVO: verde */

/* --- DESCRIZIONE: titolo + prezzo centrati --- */
.product-miniature .product-description{ text-align:center !important; }
.product-miniature .product-title{ text-align:center !important; }
.product-miniature .product-title a{ color:#2e3236 !important; }
.product-miniature .product-price-and-shipping{ text-align:center !important; }
.product-miniature .product-list-reviews{ display:flex !important; justify-content:center !important; }

/* --- CUORE WISHLIST: bottone rosso circolare, basso a destra dell'immagine ---
   (il JS in header.tpl sposta il bottone dentro .thumbnail-top) --- */
.product-miniature .thumbnail-top{ position:relative !important; }
.product-miniature .wishlist-button-add{
  position:absolute !important;
  right:10px !important; bottom:10px !important; top:auto !important; left:auto !important;
  width:42px !important; height:42px !important;
  border-radius:50% !important;
  background:#ea4f3b !important; border:0 !important;
  box-shadow:0 4px 12px rgba(234,79,59,.40) !important;
  display:flex !important; align-items:center; justify-content:center;
  cursor:pointer; z-index:4 !important;
  transition:transform .15s ease, background .15s ease !important;
}
.product-miniature .wishlist-button-add:hover{ background:#d33d2a !important; transform:scale(1.08); }
/* cuore pieno bianco (l'icona nativa è "favorite_border": la sostituiamo) */
.product-miniature .wishlist-button-add .material-icons{ font-size:0 !important; line-height:1; color:#fff !important; }
.product-miniature .wishlist-button-add .material-icons::before{ content:'favorite' !important; font-size:21px !important; color:#fff; }
/* ===== END laCartoleria — Redesign card prodotto ===== */
/* ===== BEGIN laCartoleria — Fix sovrapposizione contatore carrello (2026-07-24) ===== */
/* Problema: il carrello <a> era display:block (icona + "Carrello" in riga) e il
   contatore .cart-products-count (position:absolute top-right) cadeva SOPRA la
   scritta "Carrello". Fix: stessa resa di Accedi/Wishlist (icona sopra, testo
   sotto) + contatore come badge rosso sull'angolo dell'icona.
   Append in fondo a themes/lacartoleria/assets/css/lacartoleria.css. */

#header .lc-tools-col #_desktop_cart .blockcart > .header > a{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  position:relative !important;
  line-height:1.1 !important;
  text-align:center !important;
  color:var(--lc-ink) !important;
  font-family:var(--lc-font-head) !important;
  font-weight:600 !important;
  font-size:.72rem !important;
}
#header .lc-tools-col #_desktop_cart .blockcart > .header > a > .material-icons{
  display:block !important;
  font-size:26px !important;
}
/* contatore: badge rosso sull'angolo in alto a destra dell'icona (non sopra il testo) */
#header .lc-tools-col #_desktop_cart .cart-products-count{
  position:absolute !important;
  top:-3px !important;
  left:calc(50% + 5px) !important;
  right:auto !important;
  min-width:17px; height:17px; padding:0 4px;
  display:flex !important; align-items:center; justify-content:center;
  background:#ea4f3b !important; color:#fff !important;
  border:2px solid #fff !important;
  border-radius:999px !important;
  font-size:10px !important; font-weight:700 !important; line-height:1 !important;
}
/* ===== END laCartoleria — Fix contatore carrello ===== */
/* ===========================================================================
   laCartoleria — Redesign widget "Chiedi a Clip" (quaderno) 2026-07-24
   Da appendere in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   Il markup + JS stanno in header.tpl; l'AI resta quella del modulo
   fcclipassistant (riuso di window.fcclip). Il vecchio widget è nascosto.
   =========================================================================== */

/* nasconde il vecchio widget del modulo (l'AI/endpoint restano attivi) */
#fcclip{ display:none !important; }

.clip-widget, .clip-widget *{ box-sizing:border-box; }
.clip-widget{
  position:fixed; right:24px; bottom:24px; z-index:9999;
  font-family:'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* --- Launcher --- */
.clip-launcher{
  position:relative; display:flex; align-items:center;
  padding:14px 22px 14px 58px;
  background:#fff; border:2px solid #1f2937; border-radius:40px;
  box-shadow:6px 6px 0 #1f2937; cursor:pointer; font-family:inherit;
}
.clip-launcher[hidden]{ display:none; }
.clip-launcher__label{ font-weight:800; font-size:16px; color:#1f2937; white-space:nowrap; }
.clip-launcher .clip-mascot{ position:absolute; left:14px; bottom:22px; transform-origin:bottom center; animation:clip-bob 3.2s ease-in-out infinite; }
.clip-launcher .clip-svg{ width:52px; height:76px; filter:drop-shadow(0 5px 5px rgba(20,24,40,.3)); }

/* --- Panel (quaderno) --- */
.clip-panel{ position:absolute; right:0; bottom:0; width:320px; }
.clip-panel[hidden]{ display:none; }
.clip-panel:not([hidden]){ animation:notebook-open .4s cubic-bezier(.2,.85,.25,1) both; transform-origin:top center; }
.clip-panel .clip-mascot{ position:absolute; top:-52px; right:26px; z-index:5; }
.clip-panel .clip-svg{ width:58px; height:84px; transform:rotate(8deg); filter:drop-shadow(0 6px 7px rgba(20,24,40,.3)); }

/* spirale */
.clip-coils{ position:absolute; top:-11px; left:16px; right:16px; display:flex; justify-content:space-between; z-index:4; }
.clip-coils span{ width:11px; height:24px; border:3px solid #aab2bd; border-radius:6px; background:linear-gradient(#f4f6f8,#c9ced6); }

/* foglio a quadretti — layout a colonna (header · messaggi scroll · chip · input) */
.clip-paper{
  position:relative; display:flex; flex-direction:column;
  height:min(460px, 72vh);
  border-radius:4px 4px 12px 12px;
  background:#faf7ee;
  background-image:linear-gradient(#e7e2d3 1px, transparent 1px), linear-gradient(90deg,#e7e2d3 1px, transparent 1px);
  background-size:22px 22px;
  box-shadow:0 18px 40px rgba(20,24,40,.22);
  border:1px solid #e4dfd0; padding:22px 18px 18px; overflow:hidden;
}

.clip-head{ flex:0 0 auto; display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:12px; }
.clip-name{ display:block; font-family:'Caveat', cursive; font-weight:700; font-size:30px; color:#ee4c34; line-height:.9; }
.clip-tag{ display:block; font-family:'Caveat', cursive; font-size:17px; color:#8a8577; }
.clip-close{ width:28px; height:28px; flex:0 0 auto; border:none; border-radius:50%; background:#f0ece0; color:#8a8577; font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; }

/* area messaggi scrollabile */
.clip-messages{ flex:1 1 auto; min-height:0; overflow-y:auto; display:flex; flex-direction:column; gap:12px; padding-right:2px; }
.clip-messages::-webkit-scrollbar{ width:6px; }
.clip-messages::-webkit-scrollbar-thumb{ background:#d8d2c2; border-radius:6px; }

/* bolle */
.clip-bubble{ max-width:88%; background:#fff; border:1.5px solid #2b2f36; border-radius:14px 14px 14px 4px; padding:11px 13px; box-shadow:3px 3px 0 rgba(43,47,54,.12); font-size:14px; line-height:1.45; color:#3a3f47; animation:bubble-in .3s ease both; }
.clip-bubble[hidden]{ display:none; }
.clip-bubble p{ margin:0 0 6px; }
.clip-bubble p:last-child{ margin:0; }
.clip-bubble--clip{ align-self:flex-start; }
.clip-bubble--user{ align-self:flex-end; background:#ee4c34; color:#fff; border-color:#ee4c34; border-radius:14px 14px 4px 14px; }
.clip-bubble--error{ align-self:flex-start; background:#fff2ef; border-color:#ee4c34; color:#c8341f; }
.clip-link{ color:inherit; font-weight:700; text-decoration:underline; }
.clip-bubble--clip .clip-link{ color:#ee4c34; }

/* "sta scrivendo…" */
.clip-typing{ align-self:flex-start; display:inline-flex; align-items:center; gap:5px; background:#fff; border:1.5px solid #2b2f36; border-radius:14px 14px 14px 4px; padding:13px 15px; box-shadow:3px 3px 0 rgba(43,47,54,.12); }
.clip-typing[hidden]{ display:none; }
.clip-typing span{ width:8px; height:8px; border-radius:50%; background:#ee4c34; animation:tdot 1s ease-in-out infinite; }
.clip-typing span:nth-child(2){ animation-delay:.18s; }
.clip-typing span:nth-child(3){ animation-delay:.36s; }

/* chip */
.clip-chips{ flex:0 0 auto; display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; animation:bubble-in .3s ease .06s both; }
.clip-chips[hidden]{ display:none; }
.clip-chip{ background:#fff; border:1.5px solid #d8d2c2; border-radius:20px; padding:6px 12px; font-size:12px; font-weight:700; color:#5a5648; cursor:pointer; transition:all .15s ease; font-family:inherit; }
.clip-chip:hover{ background:#fff2ef; border-color:#ee4c34; color:#ee4c34; }

/* input */
.clip-input{ flex:0 0 auto; margin-top:12px; display:flex; align-items:center; gap:8px; }
.clip-input input{ flex:1; min-width:0; background:#fff; border:1.5px solid #ee4c34; border-radius:22px; padding:10px 14px; font-size:13px; color:#3a3f47; font-family:inherit; outline:none; }
.clip-input input::placeholder{ color:#b8b2a4; }
.clip-send{ width:42px; height:42px; flex:0 0 auto; border:none; border-radius:50%; background:#ee4c34; box-shadow:0 4px 10px rgba(238,76,52,.4); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.clip-send[disabled]{ opacity:.5; cursor:not-allowed; }

/* animazioni */
@keyframes clip-bob{ 0%,100%{ transform:translateY(0) rotate(-6deg); } 50%{ transform:translateY(-4px) rotate(-6deg); } }
@keyframes notebook-open{ 0%{ transform:perspective(1400px) rotateX(-34deg) translateY(38px) scale(.88); opacity:0; } 68%{ transform:perspective(1400px) rotateX(5deg) translateY(-5px) scale(1.015); opacity:1; } 100%{ transform:none; opacity:1; } }
@keyframes bubble-in{ 0%{ transform:translateY(8px) scale(.96); opacity:0; } 100%{ transform:none; opacity:1; } }
@keyframes tdot{ 0%,60%,100%{ transform:translateY(0); opacity:.35; } 30%{ transform:translateY(-5px); opacity:1; } }

/* mobile: pannello adattato */
@media (max-width:420px){
  .clip-widget{ right:14px; bottom:14px; }
  .clip-panel{ width:calc(100vw - 28px); }
}
@media (prefers-reduced-motion: reduce){
  .clip-launcher .clip-mascot, .clip-panel:not([hidden]), .clip-bubble, .clip-chips, .clip-typing span{ animation:none !important; }
}
/* ===========================================================================
   END — Redesign widget Clip
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Categoria 4a: header compatto (via il riquadro bianco vuoto)
   Il tema riservava ~220px vuoti sopra le sotto-categorie: qui l'header
   diventa una barra compatta col solo titolo. (Sidebar "Filtra per categoria"
   e tessere colorate sono già in category-filters.css / ux-improvements.css.)
   Append in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   =========================================================================== */

#js-product-list-header .block-category{
  min-height:0 !important;
  border:0 !important;
  padding:16px 22px !important;
  border-radius:14px !important;
  box-shadow:0 4px 16px rgba(20,24,40,.05) !important;
  margin-bottom:16px !important;
}
#js-product-list-header .block-category h1.h1{
  margin:0 !important;
  font-size:30px !important; font-weight:800 !important;
  letter-spacing:-.01em; color:#20242e !important;
}
/* eventuale descrizione categoria: resta sotto al titolo; se vuota, collassa */
#js-product-list-header .block-category .block-category-inner{ min-height:0 !important; margin:0; }
#js-product-list-header .block-category .block-category-inner:empty{ display:none; }
/* ===========================================================================
   END — Categoria 4a
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Cuore preferiti "spilla a bottone" (design 5b) · DUE STATI
   - NON preferito: spilla BIANCA, cuore rosso contornato
   - preferito:     spilla ROSSA, cuore bianco pieno (+ "pop")
   Solo CSS per l'aspetto; lo stato .lc-faved è gestito dal JS in header.tpl
   (sync con l'icona reale di blockwishlist + toggle al click). Il click reale
   della wishlist resta quello nativo del modulo.
   Append in fondo a lacartoleria.css, DOPO gli eventuali blocchi precedenti.
   =========================================================================== */

.product-miniature .thumbnail-top{ position:relative !important; }

.product-miniature .wishlist-button-add{
  position:absolute !important;
  right:14px !important; bottom:10px !important; top:auto !important; left:auto !important;
  width:46px !important; height:46px !important; padding:0 !important;
  border:3px solid #fff !important; border-radius:50% !important;
  /* stato di default: disco chiaro (bianco) */
  background:radial-gradient(circle at 32% 26%, #ffffff, #eef0f3 78%) !important;
  box-shadow:0 6px 14px rgba(20,24,40,.22), inset 0 -3px 6px rgba(20,24,40,.10) !important;
  transform:rotate(8deg); transform-origin:center; overflow:visible !important;
  display:flex !important; align-items:center; justify-content:center;
  cursor:pointer; z-index:4 !important;
  transition:transform .18s cubic-bezier(.3,1.4,.5,1), background .2s ease, box-shadow .2s ease !important;
}
.product-miniature .wishlist-button-add:hover{ transform:rotate(4deg) scale(1.08); }
.product-miniature .wishlist-button-add:active{ transform:rotate(12deg) scale(.96); }

/* riflesso (gloss) */
.product-miniature .wishlist-button-add::before{
  content:'' !important; position:absolute; top:6px; left:11px; width:17px; height:9px;
  border-radius:50%; background:linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,0));
  transform:rotate(-8deg); pointer-events:none;
}
/* spillo di sicurezza dietro */
.product-miniature .wishlist-button-add::after{
  content:'' !important; position:absolute; top:-9px; left:-9px; width:24px; height:24px; z-index:-1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 70 70'%3E%3Cpath d='M18 20 L52 50' stroke='%23b7bdc7' stroke-width='4.5' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='18' r='5.5' fill='%23dfe3e9' stroke='%23a9b0bb' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center/contain;
  pointer-events:none;
}

/* cuore = SVG di sfondo centrato al pixel (il glifo Material Icons risultava
   decentrato nella sua em-box). Stato NON preferito: cuore rosso contornato. */
.product-miniature .wishlist-button-add .material-icons{
  font-size:0 !important; color:transparent !important; line-height:0 !important;
  width:24px !important; height:24px !important; overflow:hidden;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ee4c34'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E") no-repeat center / 25px 25px !important;
  transform:rotate(-8deg) !important;   /* raddrizza il cuore mentre la spilla resta inclinata */
}

/* --- stato PREFERITO: disco rosso + cuore bianco pieno --- */
.product-miniature .wishlist-button-add.lc-faved{
  background:radial-gradient(circle at 32% 26%, #ff6a4d, #d8422b 72%) !important;
  box-shadow:0 6px 14px rgba(20,24,40,.28), inset 0 -4px 7px rgba(120,20,8,.40) !important;
}
.product-miniature .wishlist-button-add.lc-faved .material-icons{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
  filter:drop-shadow(0 1px 1px rgba(120,20,8,.4));
}

/* "pop" all'attivazione */
@keyframes fav-pin-pop{ 0%{transform:rotate(8deg) scale(1);} 45%{transform:rotate(8deg) scale(1.22);} 100%{transform:rotate(8deg) scale(1);} }
.product-miniature .wishlist-button-add.just-faved{ animation:fav-pin-pop .32s cubic-bezier(.3,1.5,.5,1); }

@media (prefers-reduced-motion: reduce){
  .product-miniature .wishlist-button-add{ transition:none !important; }
  .product-miniature .wishlist-button-add.just-faved{ animation:none !important; }
}
/* ===========================================================================
   END — Cuore preferiti "spilla" 5b (due stati)
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Logo SVG vettoriale: dimensione header
   L'SVG contiene simbolo + wordmark "laCartoleria" + payoff impilati:
   un filo più alto del vecchio PNG (60px) per leggere bene il testo.
   Append in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   =========================================================================== */
#header .lc-main-row .lc-logo img,
#header .lc-logo img{
  max-height:72px !important;
  width:auto !important;
}
/* ===========================================================================
   END — Logo SVG
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Newsletter "bigliettino di quaderno" (design 6a)
   Stile del blocco ps_emailsubscription nel footer scuro (vedi override tpl).
   Append in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   Font Caveat/Nunito già caricati dal link nel tema (header.tpl).
   =========================================================================== */

#blockEmailSubscription_displayFooterBefore.nl6a{ background:transparent !important; }
.nl6a, .nl6a *{ box-sizing:border-box; }
.nl6a .nl6a__stage{ display:flex; justify-content:center; padding:34px 6px 22px; }
.nl6a .nl6a__card{ position:relative; width:600px; max-width:100%; font-family:'Nunito', -apple-system, sans-serif; }

/* graffetta Clip in cima */
.nl6a .nl6a__clip{
  position:absolute; top:-30px; left:50%; transform:translateX(-50%) rotate(6deg);
  transform-origin:top center; z-index:4; filter:drop-shadow(0 6px 7px rgba(0,0,0,.35));
  animation:nl6a-bob 3.2s ease-in-out infinite;
}

/* foglietto a quadretti */
.nl6a .nl6a__paper{
  position:relative; background:#faf7ee;
  background-image:linear-gradient(#e7e2d3 1px, transparent 1px), linear-gradient(90deg,#e7e2d3 1px, transparent 1px);
  background-size:22px 22px; border-radius:6px; padding:34px 36px 30px;
  box-shadow:0 22px 46px rgba(0,0,0,.4); transform:rotate(-1deg);
}

/* nastro adesivo (washi) — pezzetto in alto e in basso, centrato sul foglietto */
.nl6a .nl6a__tape{ position:absolute; left:50%; width:76px; height:26px; z-index:3; box-shadow:0 1px 3px rgba(0,0,0,.18); }
.nl6a .nl6a__tape--top{
  top:-11px; left:26%; transform:translateX(-50%) rotate(-6deg);
  background:repeating-linear-gradient(45deg, rgba(238,76,52,.30) 0 7px, rgba(238,76,52,.18) 7px 14px);
}
.nl6a .nl6a__tape--bottom{
  bottom:-11px; left:74%; transform:translateX(-50%) rotate(5deg);
  background:repeating-linear-gradient(47deg, rgba(47,158,139,.28) 0 7px, rgba(47,158,139,.16) 7px 14px);
}

/* testata scritta a mano */
.nl6a .nl6a__head{ text-align:center; }
.nl6a .nl6a__title{ font-family:'Caveat', cursive; font-weight:700; font-size:40px; color:#ee4c34; line-height:1; margin:0; }
.nl6a .nl6a__sub{ margin:6px 0 0; font-size:15px; color:#6b6555; font-weight:600; }

/* form — selettori ad alta specificità (ID) per battere le regole
   .block_newsletter del tema classic (che mette il submit in position:absolute
   e cambia il background), evitando sovrapposizione input/bottone */
#blockEmailSubscription_displayFooterBefore.nl6a .nl6a__form{
  margin:24px auto 0 !important; display:flex !important; gap:10px !important;
  align-items:stretch !important; position:static !important; float:none !important;
  max-width:460px;
}
#blockEmailSubscription_displayFooterBefore.nl6a .nl6a__input{
  flex:1 1 auto !important; min-width:0; position:static !important; float:none !important;
  height:auto !important; margin:0 !important;
  background:#fff !important; border:1.5px solid #d8d2c2 !important; border-radius:12px !important;
  padding:14px 16px !important; font-family:inherit; font-size:14px; color:#3a3f47; outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
#blockEmailSubscription_displayFooterBefore.nl6a .nl6a__input:focus{ border-color:#ee4c34 !important; box-shadow:0 0 0 3px rgba(238,76,52,.15) !important; }
#blockEmailSubscription_displayFooterBefore.nl6a .nl6a__btn{
  flex:0 0 auto !important; position:static !important; float:none !important; margin:0 !important;
  display:flex !important; align-items:center; justify-content:center;
  border:0 !important; border-radius:12px !important; padding:0 26px !important; min-height:0 !important;
  background:#ee4c34 !important; color:#fff !important;
  font-family:inherit !important; font-weight:800 !important; font-size:14px !important; line-height:1.1 !important;
  box-shadow:0 6px 14px rgba(238,76,52,.4) !important; cursor:pointer !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
#blockEmailSubscription_displayFooterBefore.nl6a .nl6a__btn:hover{ background:#d8422b !important; transform:translateY(-1px); box-shadow:0 9px 18px rgba(238,76,52,.5) !important; }
#blockEmailSubscription_displayFooterBefore.nl6a .nl6a__btn:active{ transform:translateY(0); }

.nl6a .nl6a__legal{ margin-top:14px; text-align:center; font-size:12px; color:#a49e8d; line-height:1.4; }
.nl6a .nl6a__conditions{ margin-top:12px; font-size:12px; color:#6b6555; text-align:center; }
.nl6a .nl6a__conditions a{ color:#ee4c34; }

/* stato "Grazie" / errore */
.nl6a .nl6a__thanks{ text-align:center; padding:14px 0; }
.nl6a .nl6a__thanks-title{ font-family:'Caveat', cursive; font-weight:700; font-size:44px; color:#ee4c34; line-height:1; }
.nl6a .nl6a__thanks-sub{ margin-top:8px; font-size:15px; color:#6b6555; font-weight:600; }

@keyframes nl6a-bob{
  0%,100%{ transform:translateX(-50%) translateY(0) rotate(6deg); }
  50%{ transform:translateX(-50%) translateY(-4px) rotate(6deg); }
}

@media (max-width:575px){
  .nl6a .nl6a__stage{ padding:30px 4px 18px; }
  .nl6a .nl6a__paper{ padding:28px 20px 24px; }
  .nl6a .nl6a__title{ font-size:32px; }
  .nl6a .nl6a__form{ flex-direction:column; }
  .nl6a .nl6a__btn{ padding:14px 24px; }
}
@media (prefers-reduced-motion:reduce){ .nl6a .nl6a__clip{ animation:none; } }
/* ===========================================================================
   END — Newsletter 6a
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Cuore preferiti "spilla a bottone" pulito · DUE STATI
   - NON preferito: cerchio BIANCO, cuore rosso contornato
   - preferito:     cerchio ROSSO, cuore bianco pieno
   Cerchio dritto (non inclinato), pallino-pin sottile in alto, cuore SVG
   centrato al pixel. Lo stato .lc-faved è gestito dal JS in header.tpl
   (sync con l'icona reale di blockwishlist + toggle al click). Il click reale
   della wishlist resta quello nativo del modulo.
   Append in fondo a lacartoleria.css, DOPO gli eventuali blocchi precedenti.
   =========================================================================== */

.product-miniature .thumbnail-top{ position:relative !important; }

.product-miniature .wishlist-button-add{
  position:absolute !important;
  right:14px !important; bottom:10px !important; top:auto !important; left:auto !important;
  width:46px !important; height:46px !important; padding:0 !important;
  border:3px solid #fff !important; border-radius:50% !important;
  /* stato di default: disco bianco lucido */
  background:radial-gradient(circle at 35% 30%, #ffffff, #eceef1 80%) !important;
  box-shadow:0 5px 12px rgba(20,24,40,.22) !important;
  display:flex !important; align-items:center; justify-content:center;
  cursor:pointer; z-index:4 !important; overflow:visible !important;
  transform:none !important;
  transition:transform .15s ease, background .2s ease, box-shadow .2s ease !important;
}
.product-miniature .wishlist-button-add:hover{ transform:scale(1.08); }
.product-miniature .wishlist-button-add:active{ transform:scale(.96); }


/* cuore = SVG di sfondo centrato al pixel, dritto.
   NON preferito: cuore rosso contornato. */
.product-miniature .wishlist-button-add .material-icons{
  font-size:0 !important; color:transparent !important; line-height:0 !important;
  width:24px !important; height:24px !important; overflow:hidden; transform:none !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ee4c34'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E") no-repeat center / 22px 22px !important;
}

/* --- stato PREFERITO: disco rosso lucido + cuore bianco pieno --- */
.product-miniature .wishlist-button-add.lc-faved{
  background:radial-gradient(circle at 35% 30%, #ff6a4d, #d8422b 75%) !important;
  box-shadow:0 5px 12px rgba(216,66,43,.38) !important;
}
.product-miniature .wishlist-button-add.lc-faved .material-icons{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
  filter:drop-shadow(0 1px 1px rgba(120,20,8,.4));
}

/* "pop" all'attivazione */
@keyframes fav-pin-pop{ 0%{transform:scale(1);} 45%{transform:scale(1.22);} 100%{transform:scale(1);} }
.product-miniature .wishlist-button-add.just-faved{ animation:fav-pin-pop .32s cubic-bezier(.3,1.5,.5,1); }

@media (prefers-reduced-motion: reduce){
  .product-miniature .wishlist-button-add{ transition:none !important; }
  .product-miniature .wishlist-button-add.just-faved{ animation:none !important; }
}
/* ===========================================================================
   END — Cuore preferiti pulito (due stati)
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Cuore preferiti "spilla a bottone" pulito · DUE STATI
   - NON preferito: cerchio BIANCO, cuore rosso contornato
   - preferito:     cerchio ROSSO, cuore bianco pieno
   Cerchio dritto (non inclinato), pallino-pin sottile in alto, cuore SVG
   centrato al pixel. Lo stato .lc-faved è gestito dal JS in header.tpl
   (sync con l'icona reale di blockwishlist + toggle al click). Il click reale
   della wishlist resta quello nativo del modulo.
   Append in fondo a lacartoleria.css, DOPO gli eventuali blocchi precedenti.
   =========================================================================== */

.product-miniature .thumbnail-top{ position:relative !important; }

.product-miniature .wishlist-button-add{
  position:absolute !important;
  right:14px !important; bottom:10px !important; top:auto !important; left:auto !important;
  width:46px !important; height:46px !important; padding:0 !important;
  border:3px solid #fff !important; border-radius:50% !important;
  /* stato di default: disco bianco lucido */
  background:radial-gradient(circle at 35% 30%, #ffffff, #eceef1 80%) !important;
  box-shadow:0 5px 12px rgba(20,24,40,.22) !important;
  display:flex !important; align-items:center; justify-content:center;
  cursor:pointer; z-index:4 !important; overflow:visible !important;
  transform:none !important;
  transition:transform .15s ease, background .2s ease, box-shadow .2s ease !important;
}
.product-miniature .wishlist-button-add:hover{ transform:scale(1.08); }
.product-miniature .wishlist-button-add:active{ transform:scale(.96); }

/* annulla eventuali pseudo-elementi (riflesso bianco / spillo) rimasti da
   versioni precedenti di questo blocco ancora presenti nel CSS del tema */
.product-miniature .wishlist-button-add::before,
.product-miniature .wishlist-button-add::after{
  content:none !important; display:none !important; background:none !important;
}


/* cuore = SVG di sfondo centrato al pixel, dritto.
   NON preferito: cuore rosso contornato. */
.product-miniature .wishlist-button-add .material-icons{
  font-size:0 !important; color:transparent !important; line-height:0 !important;
  width:24px !important; height:24px !important; overflow:hidden; transform:none !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ee4c34'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E") no-repeat center / 22px 22px !important;
}

/* --- stato PREFERITO: disco rosso lucido + cuore bianco pieno --- */
.product-miniature .wishlist-button-add.lc-faved{
  background:radial-gradient(circle at 35% 30%, #ff6a4d, #d8422b 75%) !important;
  box-shadow:0 5px 12px rgba(216,66,43,.38) !important;
}
.product-miniature .wishlist-button-add.lc-faved .material-icons{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
  filter:drop-shadow(0 1px 1px rgba(120,20,8,.4));
}

/* "pop" all'attivazione */
@keyframes fav-pin-pop{ 0%{transform:scale(1);} 45%{transform:scale(1.22);} 100%{transform:scale(1);} }
.product-miniature .wishlist-button-add.just-faved{ animation:fav-pin-pop .32s cubic-bezier(.3,1.5,.5,1); }

@media (prefers-reduced-motion: reduce){
  .product-miniature .wishlist-button-add{ transition:none !important; }
  .product-miniature .wishlist-button-add.just-faved{ animation:none !important; }
}
/* ===========================================================================
   END — Cuore preferiti pulito (due stati)
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Cuore preferiti "spilla a bottone" pulito · DUE STATI
   - NON preferito: cerchio BIANCO, cuore rosso contornato
   - preferito:     cerchio ROSSO, cuore bianco pieno
   Cerchio dritto (non inclinato), pallino-pin sottile in alto, cuore SVG
   centrato al pixel. Lo stato .lc-faved è gestito dal JS in header.tpl
   (sync con l'icona reale di blockwishlist + toggle al click). Il click reale
   della wishlist resta quello nativo del modulo.
   Append in fondo a lacartoleria.css, DOPO gli eventuali blocchi precedenti.
   =========================================================================== */

.product-miniature .thumbnail-top{ position:relative !important; }

.product-miniature .wishlist-button-add{
  position:absolute !important;
  right:14px !important; bottom:10px !important; top:auto !important; left:auto !important;
  width:46px !important; height:46px !important; padding:0 !important;
  border:3px solid #fff !important; border-radius:50% !important;
  /* stato di default: disco bianco lucido */
  background:radial-gradient(circle at 35% 30%, #ffffff, #eceef1 80%) !important;
  box-shadow:0 5px 12px rgba(20,24,40,.22) !important;
  display:flex !important; align-items:center; justify-content:center;
  cursor:pointer; z-index:4 !important; overflow:visible !important;
  transform:none !important;
  transition:transform .15s ease, background .2s ease, box-shadow .2s ease !important;
}
.product-miniature .wishlist-button-add:hover{ transform:scale(1.08); }
.product-miniature .wishlist-button-add:active{ transform:scale(.96); }

/* annulla eventuali pseudo-elementi (riflesso bianco / spillo / cuore-glifo
   bianco) rimasti da versioni precedenti ancora presenti nel CSS del tema */
.product-miniature .wishlist-button-add::before,
.product-miniature .wishlist-button-add::after,
.product-miniature .wishlist-button-add .material-icons::before,
.product-miniature .wishlist-button-add .material-icons::after{
  content:none !important; display:none !important; background:none !important;
}


/* cuore = SVG di sfondo centrato al pixel, dritto.
   NON preferito: cuore rosso contornato. */
.product-miniature .wishlist-button-add .material-icons{
  font-size:0 !important; color:transparent !important; line-height:0 !important;
  width:24px !important; height:24px !important; overflow:hidden; transform:none !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ee4c34'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E") no-repeat center / 22px 22px !important;
}

/* --- stato PREFERITO: disco rosso lucido + cuore bianco pieno --- */
.product-miniature .wishlist-button-add.lc-faved{
  background:radial-gradient(circle at 35% 30%, #ff6a4d, #d8422b 75%) !important;
  box-shadow:0 5px 12px rgba(216,66,43,.38) !important;
}
.product-miniature .wishlist-button-add.lc-faved .material-icons{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
  filter:drop-shadow(0 1px 1px rgba(120,20,8,.4));
}

/* "pop" all'attivazione */
@keyframes fav-pin-pop{ 0%{transform:scale(1);} 45%{transform:scale(1.22);} 100%{transform:scale(1);} }
.product-miniature .wishlist-button-add.just-faved{ animation:fav-pin-pop .32s cubic-bezier(.3,1.5,.5,1); }

@media (prefers-reduced-motion: reduce){
  .product-miniature .wishlist-button-add{ transition:none !important; }
  .product-miniature .wishlist-button-add.just-faved{ animation:none !important; }
}
/* ===========================================================================
   END — Cuore preferiti pulito (due stati)
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Scheda prodotto (8b) · STEP 1: fix badge + badge puliti
   BUG: sulla scheda prodotto .product-flags era position:absolute ancorato al
   content-wrapper (960px) e i badge NUOVO/NON DISPONIBILE diventavano barre
   rosse a tutta pagina sovrapposte al titolo.
   FIX: la galleria diventa il contesto di posizionamento, i badge tornano
   pillole compatte (bianche + pallino colorato, stile 8b) sull'immagine.
   Append in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   =========================================================================== */

/* contesto di posizionamento = galleria immagine */
.lc-product__gallery,
.lc-product .images-container{ position:relative !important; }

/* cluster badge in alto a sinistra dell'immagine */
.lc-product .product-flags{
  position:absolute !important; top:14px !important; left:14px !important; right:auto !important;
  width:auto !important; max-width:calc(100% - 28px) !important;
  display:flex !important; flex-direction:column !important; gap:7px !important;
  align-items:flex-start !important; z-index:3 !important; pointer-events:none;
}
.lc-product .product-flags li.product-flag{
  width:auto !important; min-width:0 !important; max-width:none !important; min-height:0 !important;
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  background:#fff !important; color:#ee4c34 !important;
  box-shadow:0 2px 8px rgba(20,24,40,.12) !important;
  font-weight:800 !important; font-size:11px !important; letter-spacing:.04em !important;
  padding:5px 11px !important; border-radius:20px !important; margin:0 !important;
  text-transform:uppercase !important; line-height:1.2 !important; pointer-events:auto;
}
.lc-product .product-flags li.product-flag::before{
  content:'' !important; width:7px; height:7px; border-radius:50%; background:currentColor; flex:0 0 auto;
}
/* NUOVO = verde · NON DISPONIBILE / sconti = rosso */
.lc-product .product-flags li.product-flag.new{ color:#16a34a !important; }
.lc-product .product-flags li.product-flag.out_of_stock,
.lc-product .product-flags li.product-flag.discount,
.lc-product .product-flags li.product-flag.on-sale{ color:#ee4c34 !important; }

/* --- Sconti sul volume = biglietto di carta (Caveat) --- */
.lc-product .product-discounts{ background:#faf7ee !important; border:1px solid #e7e2d3 !important; border-radius:14px !important; padding:16px 18px !important; }
.lc-product .product-discounts-title{ font-family:'Caveat',cursive !important; font-weight:700 !important; font-size:23px !important; color:#ee4c34 !important; margin:0 0 12px !important; }
.lc-product .product-discounts table{ width:100% !important; border-collapse:separate !important; border-spacing:0 !important; background:#e7e2d3 !important; border-radius:10px !important; overflow:hidden !important; }
.lc-product .product-discounts thead th{ background:#fffdf7 !important; padding:9px 10px !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.03em !important; text-transform:uppercase !important; color:#9a9484 !important; border:0 !important; text-align:center !important; }
.lc-product .product-discounts tbody td{ background:#fff !important; padding:11px 12px !important; font-size:14px !important; font-weight:700 !important; color:#2b2f36 !important; border:0 !important; text-align:center !important; }
.lc-product .product-discounts tbody td:last-child{ color:#ee4c34 !important; font-weight:800 !important; }

/* --- Tab (Descrizione / Dettagli / Codici) --- */
.lc-product .nav-tabs{ border-bottom:1px solid #eef0f3 !important; background:#faf7ee !important; border-radius:12px 12px 0 0 !important; padding:8px 8px 0 !important; margin:0 !important; gap:4px !important; }
.lc-product .nav-tabs .nav-item, .lc-product .nav-tabs li{ margin:0 !important; border:0 !important; }
.lc-product .nav-tabs .nav-link{ border:0 !important; background:transparent !important; color:#9a9484 !important; font-family:inherit !important; font-weight:800 !important; font-size:14px !important; border-radius:10px 10px 0 0 !important; padding:14px 22px !important; }
.lc-product .nav-tabs .nav-link:hover{ color:#ee4c34 !important; }
.lc-product .nav-tabs .nav-link.active{ background:#fff !important; color:#ee4c34 !important; border:0 !important; }
.lc-product .tab-content{ background:#fff !important; border-radius:0 0 14px 14px !important; padding:26px 28px !important; box-shadow:0 6px 22px rgba(20,24,40,.07) !important; }

/* --- Rassicurazioni: griglia 2 colonne --- */
.lc-product .blockreassurance_product{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px 20px !important; }
.lc-product .blockreassurance_product > div{ display:flex !important; align-items:center !important; gap:12px !important; margin:0 !important; }
.lc-product .blockreassurance_product .block-title{ font-size:13.5px !important; font-weight:700 !important; color:#3a3f47 !important; }
.lc-product .blockreassurance_product img, .lc-product .blockreassurance_product svg{ width:22px !important; height:22px !important; }
@media (max-width:480px){ .lc-product .blockreassurance_product{ grid-template-columns:1fr !important; } }

/* --- Banner IA (Consulente): colori 8b (bottone rosso, accento arancio) --- */
.lc-product .lc-ai__cta{ background:#ee4c34 !important; color:#fff !important; }
.lc-product .lc-ai__cta:hover{ background:#d8422b !important; }
.lc-product .lc-ai__title .hl{ color:#ffb84d !important; }

/* --- Recensioni: riquadro bianco a card --- */
#product-comments-list-header{
  background:#fff !important; border-radius:16px !important;
  box-shadow:0 6px 22px rgba(20,24,40,.07) !important; padding:20px 26px !important;
  margin-top:26px !important;
}
#product-comments-list-header a.btn, #product-comments-list-header .btn, #product-comments-list-header button.btn{
  border:1.5px solid #ee4c34 !important; background:#fff !important; color:#ee4c34 !important;
  border-radius:22px !important; font-weight:800 !important; padding:10px 22px !important; height:auto !important;
}
#product-comments-list-header a.btn:hover, #product-comments-list-header .btn:hover{ background:#ee4c34 !important; color:#fff !important; }
/* ===========================================================================
   END — Scheda prodotto 8b (badge + sconti + tab + rassicurazioni + banner IA + recensioni)
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Scheda prodotto (8b) · STEP 1: fix badge + badge puliti
   BUG: sulla scheda prodotto .product-flags era position:absolute ancorato al
   content-wrapper (960px) e i badge NUOVO/NON DISPONIBILE diventavano barre
   rosse a tutta pagina sovrapposte al titolo.
   FIX: la galleria diventa il contesto di posizionamento, i badge tornano
   pillole compatte (bianche + pallino colorato, stile 8b) sull'immagine.
   Append in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   =========================================================================== */

/* contesto di posizionamento = galleria immagine */
.lc-product__gallery,
.lc-product .images-container{ position:relative !important; }

/* cluster badge in alto a sinistra dell'immagine */
.lc-product .product-flags{
  position:absolute !important; top:14px !important; left:14px !important; right:auto !important;
  width:auto !important; max-width:calc(100% - 28px) !important;
  display:flex !important; flex-direction:column !important; gap:7px !important;
  align-items:flex-start !important; z-index:3 !important; pointer-events:none;
}
.lc-product .product-flags li.product-flag{
  width:auto !important; min-width:0 !important; max-width:none !important; min-height:0 !important;
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  background:#fff !important; color:#ee4c34 !important;
  box-shadow:0 2px 8px rgba(20,24,40,.12) !important;
  font-weight:800 !important; font-size:11px !important; letter-spacing:.04em !important;
  padding:5px 11px !important; border-radius:20px !important; margin:0 !important;
  text-transform:uppercase !important; line-height:1.2 !important; pointer-events:auto;
}
.lc-product .product-flags li.product-flag::before{
  content:'' !important; width:7px; height:7px; border-radius:50%; background:currentColor; flex:0 0 auto;
}
/* NUOVO = verde · NON DISPONIBILE / sconti = rosso */
.lc-product .product-flags li.product-flag.new{ color:#16a34a !important; }
.lc-product .product-flags li.product-flag.out_of_stock,
.lc-product .product-flags li.product-flag.discount,
.lc-product .product-flags li.product-flag.on-sale{ color:#ee4c34 !important; }

/* --- Sconti sul volume = biglietto di carta (Caveat) --- */
.lc-product .product-discounts{ background:#faf7ee !important; border:1px solid #e7e2d3 !important; border-radius:14px !important; padding:16px 18px !important; }
.lc-product .product-discounts-title{ font-family:'Caveat',cursive !important; font-weight:700 !important; font-size:23px !important; color:#ee4c34 !important; margin:0 0 12px !important; }
.lc-product .product-discounts table{ width:100% !important; border-collapse:separate !important; border-spacing:0 !important; background:#e7e2d3 !important; border-radius:10px !important; overflow:hidden !important; }
.lc-product .product-discounts thead th{ background:#fffdf7 !important; padding:9px 10px !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.03em !important; text-transform:uppercase !important; color:#9a9484 !important; border:0 !important; text-align:center !important; }
.lc-product .product-discounts tbody td{ background:#fff !important; padding:11px 12px !important; font-size:14px !important; font-weight:700 !important; color:#2b2f36 !important; border:0 !important; text-align:center !important; }
.lc-product .product-discounts tbody td:last-child{ color:#ee4c34 !important; font-weight:800 !important; }

/* --- Tab (Descrizione / Dettagli / Codici) --- */
.lc-product .nav-tabs{ border-bottom:1px solid #eef0f3 !important; background:#faf7ee !important; border-radius:12px 12px 0 0 !important; padding:8px 8px 0 !important; margin:0 !important; gap:4px !important; }
.lc-product .nav-tabs .nav-item, .lc-product .nav-tabs li{ margin:0 !important; border:0 !important; }
.lc-product .nav-tabs .nav-link{ border:0 !important; background:transparent !important; color:#9a9484 !important; font-family:inherit !important; font-weight:800 !important; font-size:14px !important; border-radius:10px 10px 0 0 !important; padding:14px 22px !important; }
.lc-product .nav-tabs .nav-link:hover{ color:#ee4c34 !important; }
.lc-product .nav-tabs .nav-link.active{ background:#fff !important; color:#ee4c34 !important; border:0 !important; }
.lc-product .tab-content{ background:#fff !important; border-radius:0 0 14px 14px !important; padding:26px 28px !important; box-shadow:0 6px 22px rgba(20,24,40,.07) !important; }

/* --- Rassicurazioni: griglia 2 colonne --- */
.lc-product .blockreassurance_product{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px 20px !important; }
.lc-product .blockreassurance_product > div{ display:flex !important; align-items:center !important; gap:12px !important; margin:0 !important; }
.lc-product .blockreassurance_product .block-title{ font-size:13.5px !important; font-weight:700 !important; color:#3a3f47 !important; }
.lc-product .blockreassurance_product img, .lc-product .blockreassurance_product svg{ width:22px !important; height:22px !important; }
@media (max-width:480px){ .lc-product .blockreassurance_product{ grid-template-columns:1fr !important; } }

/* --- Banner IA (Consulente): colori 8b (bottone rosso, accento arancio) --- */
.lc-product .lc-ai__cta{ background:#ee4c34 !important; color:#fff !important; }
.lc-product .lc-ai__cta:hover{ background:#d8422b !important; }
.lc-product .lc-ai__title .hl{ color:#ffb84d !important; }

/* --- Recensioni: riquadro bianco a card --- */
#product-comments-list-header{
  background:#fff !important; border-radius:16px !important;
  box-shadow:0 6px 22px rgba(20,24,40,.07) !important; padding:20px 26px !important;
  margin-top:26px !important;
}
#product-comments-list-header a.btn, #product-comments-list-header .btn, #product-comments-list-header button.btn{
  border:1.5px solid #ee4c34 !important; background:#fff !important; color:#ee4c34 !important;
  border-radius:22px !important; font-weight:800 !important; padding:10px 22px !important; height:auto !important;
}
#product-comments-list-header a.btn:hover, #product-comments-list-header .btn:hover{ background:#ee4c34 !important; color:#fff !important; }

/* --- Pillola disponibilità (Disponibile / Non disponibile) --- */
.lc-product #product-availability{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  border-radius:22px !important; padding:7px 14px !important;
  font-size:13px !important; font-weight:800 !important; margin-top:10px !important;
}
.lc-product #product-availability:has(.product-unavailable),
.lc-product #product-availability:has(.product-last-remaining-items){ background:#fdeeeb !important; border:1px solid #f6c5bc !important; color:#c93a26 !important; }
.lc-product #product-availability:has(.product-available){ background:#eef8f0 !important; border:1px solid #bfe3c4 !important; color:#2f8a3e !important; }
/* l'icona diventa un pallino colorato coerente allo stato */
.lc-product #product-availability .material-icons{ font-size:0 !important; width:9px !important; height:9px !important; min-width:9px !important; border-radius:50% !important; overflow:hidden; }
.lc-product #product-availability .product-unavailable{ background:#ee4c34 !important; }
.lc-product #product-availability .product-available{ background:#2f8a3e !important; }
.lc-product #product-availability .product-last-remaining-items{ background:#e0952a !important; }

/* --- Opzionali 8b: mascotte Clip nel banner IA + cuore sull'immagine ---
   (lo spostamento del cuore e l'iniezione di Clip sono nel JS di header.tpl) --- */
.lc-product .lc-ai__icon{ background:transparent !important; box-shadow:none !important; overflow:visible !important; }
.lc-product .lc-ai__icon svg{ filter:drop-shadow(0 4px 5px rgba(0,0,0,.35)); }
.lc-product .images-container .wishlist-button-product{
  position:absolute !important; top:14px !important; right:14px !important; left:auto !important; bottom:auto !important;
  width:44px !important; height:44px !important; padding:0 !important;
  border:3px solid #fff !important; border-radius:50% !important;
  background:radial-gradient(circle at 35% 30%, #ffffff, #eceef1 80%) !important;
  box-shadow:0 5px 12px rgba(20,24,40,.22) !important;
  display:flex !important; align-items:center; justify-content:center; z-index:4 !important; transform:none !important;
}
.lc-product .images-container .wishlist-button-product::before,
.lc-product .images-container .wishlist-button-product::after,
.lc-product .images-container .wishlist-button-product .material-icons::before{ content:none !important; display:none !important; }
.lc-product .images-container .wishlist-button-product .material-icons{
  font-size:0 !important; color:transparent !important; width:23px !important; height:23px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ee4c34'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E") no-repeat center / 22px 22px !important;
}
.lc-product .wishlist-button-product.pp-hidden{ display:none !important; }
/* ===========================================================================
   END — Scheda prodotto 8b (completa)
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Scheda prodotto (8b) · STEP 1: fix badge + badge puliti
   BUG: sulla scheda prodotto .product-flags era position:absolute ancorato al
   content-wrapper (960px) e i badge NUOVO/NON DISPONIBILE diventavano barre
   rosse a tutta pagina sovrapposte al titolo.
   FIX: la galleria diventa il contesto di posizionamento, i badge tornano
   pillole compatte (bianche + pallino colorato, stile 8b) sull'immagine.
   Append in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   =========================================================================== */

/* contesto di posizionamento = galleria immagine */
.lc-product__gallery,
.lc-product .images-container{ position:relative !important; }

/* cluster badge in alto a sinistra dell'immagine */
.lc-product .product-flags{
  position:absolute !important; top:14px !important; left:14px !important; right:auto !important;
  width:auto !important; max-width:calc(100% - 28px) !important;
  display:flex !important; flex-direction:column !important; gap:7px !important;
  align-items:flex-start !important; z-index:3 !important; pointer-events:none;
}
.lc-product .product-flags li.product-flag{
  width:auto !important; min-width:0 !important; max-width:none !important; min-height:0 !important;
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  background:#fff !important; color:#ee4c34 !important;
  box-shadow:0 2px 8px rgba(20,24,40,.12) !important;
  font-weight:800 !important; font-size:11px !important; letter-spacing:.04em !important;
  padding:5px 11px !important; border-radius:20px !important; margin:0 !important;
  text-transform:uppercase !important; line-height:1.2 !important; pointer-events:auto;
}
.lc-product .product-flags li.product-flag::before{
  content:'' !important; width:7px; height:7px; border-radius:50%; background:currentColor; flex:0 0 auto;
}
/* NUOVO = verde · NON DISPONIBILE / sconti = rosso */
.lc-product .product-flags li.product-flag.new{ color:#16a34a !important; }
.lc-product .product-flags li.product-flag.out_of_stock,
.lc-product .product-flags li.product-flag.discount,
.lc-product .product-flags li.product-flag.on-sale{ color:#ee4c34 !important; }

/* --- Sconti sul volume = biglietto di carta (Caveat) --- */
.lc-product .product-discounts{ background:#faf7ee !important; border:1px solid #e7e2d3 !important; border-radius:14px !important; padding:16px 18px !important; }
.lc-product .product-discounts-title{ font-family:'Caveat',cursive !important; font-weight:700 !important; font-size:23px !important; color:#ee4c34 !important; margin:0 0 12px !important; }
.lc-product .product-discounts table{ width:100% !important; border-collapse:separate !important; border-spacing:0 !important; background:#e7e2d3 !important; border-radius:10px !important; overflow:hidden !important; }
.lc-product .product-discounts thead th{ background:#fffdf7 !important; padding:9px 10px !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.03em !important; text-transform:uppercase !important; color:#9a9484 !important; border:0 !important; text-align:center !important; }
.lc-product .product-discounts tbody td{ background:#fff !important; padding:11px 12px !important; font-size:14px !important; font-weight:700 !important; color:#2b2f36 !important; border:0 !important; text-align:center !important; }
.lc-product .product-discounts tbody td:last-child{ color:#ee4c34 !important; font-weight:800 !important; }

/* --- Tab (Descrizione / Dettagli / Codici) --- */
.lc-product .nav-tabs{ border-bottom:1px solid #eef0f3 !important; background:#faf7ee !important; border-radius:12px 12px 0 0 !important; padding:8px 8px 0 !important; margin:0 !important; gap:4px !important; }
.lc-product .nav-tabs .nav-item, .lc-product .nav-tabs li{ margin:0 !important; border:0 !important; }
.lc-product .nav-tabs .nav-link{ border:0 !important; background:transparent !important; color:#9a9484 !important; font-family:inherit !important; font-weight:800 !important; font-size:14px !important; border-radius:10px 10px 0 0 !important; padding:14px 22px !important; }
.lc-product .nav-tabs .nav-link:hover{ color:#ee4c34 !important; }
.lc-product .nav-tabs .nav-link.active{ background:#fff !important; color:#ee4c34 !important; border:0 !important; }
.lc-product .tab-content{ background:#fff !important; border-radius:0 0 14px 14px !important; padding:26px 28px !important; box-shadow:0 6px 22px rgba(20,24,40,.07) !important; }

/* --- Nascondi il blocco "Politiche per sicurezza/spedizioni/resi" (segnaposto
   del modulo Rassicurazioni, non configurato → mostra il testo del BackOffice).
   Le icone Spedizione/Reso/Pagamenti/Assistenza sono un blocco diverso
   (.lc-reassurance--mini) e restano. --- */
.lc-product .blockreassurance_product{ display:none !important; }

/* --- Nascondi il duplicato disponibilità sotto al prezzo: resta solo la
   pillola vicino al "Aggiungi al carrello" (#product-availability) --- */
.lc-product .lc-buybox .lc-stock,
.lc-product .lc-stock--out,
.lc-product .lc-stock--in{ display:none !important; }

/* --- Banner IA (Consulente): colori 8b (bottone rosso, accento arancio) --- */
.lc-product .lc-ai__cta{ background:#ee4c34 !important; color:#fff !important; }
.lc-product .lc-ai__cta:hover{ background:#d8422b !important; }
.lc-product .lc-ai__title .hl{ color:#ffb84d !important; }

/* --- Recensioni: riquadro bianco a card --- */
#product-comments-list-header{
  background:#fff !important; border-radius:16px !important;
  box-shadow:0 6px 22px rgba(20,24,40,.07) !important; padding:20px 26px !important;
  margin-top:26px !important;
}
#product-comments-list-header a.btn, #product-comments-list-header .btn, #product-comments-list-header button.btn{
  border:1.5px solid #ee4c34 !important; background:#fff !important; color:#ee4c34 !important;
  border-radius:22px !important; font-weight:800 !important; padding:10px 22px !important; height:auto !important;
}
#product-comments-list-header a.btn:hover, #product-comments-list-header .btn:hover{ background:#ee4c34 !important; color:#fff !important; }

/* --- Pillola disponibilità (Disponibile / Non disponibile) --- */
.lc-product #product-availability{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  border-radius:22px !important; padding:7px 14px !important;
  font-size:13px !important; font-weight:800 !important; margin-top:10px !important;
}
.lc-product #product-availability:has(.product-unavailable),
.lc-product #product-availability:has(.product-last-remaining-items){ background:#fdeeeb !important; border:1px solid #f6c5bc !important; color:#c93a26 !important; }
.lc-product #product-availability:has(.product-available){ background:#eef8f0 !important; border:1px solid #bfe3c4 !important; color:#2f8a3e !important; }
/* l'icona diventa un pallino colorato coerente allo stato */
.lc-product #product-availability .material-icons{ font-size:0 !important; width:9px !important; height:9px !important; min-width:9px !important; border-radius:50% !important; overflow:hidden; }
.lc-product #product-availability .product-unavailable{ background:#ee4c34 !important; }
.lc-product #product-availability .product-available{ background:#2f8a3e !important; }
.lc-product #product-availability .product-last-remaining-items{ background:#e0952a !important; }

/* --- Opzionali 8b: mascotte Clip nel banner IA + cuore sull'immagine ---
   (lo spostamento del cuore e l'iniezione di Clip sono nel JS di header.tpl) --- */
.lc-product .lc-ai__icon{ background:transparent !important; box-shadow:none !important; overflow:visible !important; }
.lc-product .lc-ai__icon svg{ filter:drop-shadow(0 4px 5px rgba(0,0,0,.35)); }
.lc-product .images-container .wishlist-button-product{
  position:absolute !important; top:14px !important; right:14px !important; left:auto !important; bottom:auto !important;
  width:44px !important; height:44px !important; padding:0 !important;
  border:3px solid #fff !important; border-radius:50% !important;
  background:radial-gradient(circle at 35% 30%, #ffffff, #eceef1 80%) !important;
  box-shadow:0 5px 12px rgba(20,24,40,.22) !important;
  display:flex !important; align-items:center; justify-content:center; z-index:4 !important; transform:none !important;
}
.lc-product .images-container .wishlist-button-product::before,
.lc-product .images-container .wishlist-button-product::after,
.lc-product .images-container .wishlist-button-product .material-icons::before{ content:none !important; display:none !important; }
.lc-product .images-container .wishlist-button-product .material-icons{
  font-size:0 !important; color:transparent !important; width:23px !important; height:23px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ee4c34'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E") no-repeat center / 22px 22px !important;
}
.lc-product .wishlist-button-product.pp-hidden{ display:none !important; }
/* ===========================================================================
   END — Scheda prodotto 8b (completa)
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Scheda prodotto (8b) · STEP 1: fix badge + badge puliti
   BUG: sulla scheda prodotto .product-flags era position:absolute ancorato al
   content-wrapper (960px) e i badge NUOVO/NON DISPONIBILE diventavano barre
   rosse a tutta pagina sovrapposte al titolo.
   FIX: la galleria diventa il contesto di posizionamento, i badge tornano
   pillole compatte (bianche + pallino colorato, stile 8b) sull'immagine.
   Append in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   =========================================================================== */

/* contesto di posizionamento = galleria immagine */
.lc-product__gallery,
.lc-product .images-container{ position:relative !important; }

/* cluster badge in alto a sinistra dell'immagine */
.lc-product .product-flags{
  position:absolute !important; top:14px !important; left:14px !important; right:auto !important;
  width:auto !important; max-width:calc(100% - 28px) !important;
  display:flex !important; flex-direction:column !important; gap:7px !important;
  align-items:flex-start !important; z-index:3 !important; pointer-events:none;
}
.lc-product .product-flags li.product-flag{
  width:auto !important; min-width:0 !important; max-width:none !important; min-height:0 !important;
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  background:#fff !important; color:#ee4c34 !important;
  box-shadow:0 2px 8px rgba(20,24,40,.12) !important;
  font-weight:800 !important; font-size:11px !important; letter-spacing:.04em !important;
  padding:5px 11px !important; border-radius:20px !important; margin:0 !important;
  text-transform:uppercase !important; line-height:1.2 !important; pointer-events:auto;
}
.lc-product .product-flags li.product-flag::before{
  content:'' !important; width:7px; height:7px; border-radius:50%; background:currentColor; flex:0 0 auto;
}
/* NUOVO = verde · NON DISPONIBILE / sconti = rosso */
.lc-product .product-flags li.product-flag.new{ color:#16a34a !important; }
.lc-product .product-flags li.product-flag.out_of_stock,
.lc-product .product-flags li.product-flag.discount,
.lc-product .product-flags li.product-flag.on-sale{ color:#ee4c34 !important; }

/* --- Sconti sul volume = biglietto di carta (Caveat) --- */
.lc-product .product-discounts{ background:#faf7ee !important; border:1px solid #e7e2d3 !important; border-radius:14px !important; padding:16px 18px !important; }
.lc-product .product-discounts-title{ font-family:'Caveat',cursive !important; font-weight:700 !important; font-size:23px !important; color:#ee4c34 !important; margin:0 0 12px !important; }
.lc-product .product-discounts table{ width:100% !important; border-collapse:separate !important; border-spacing:0 !important; background:#e7e2d3 !important; border-radius:10px !important; overflow:hidden !important; }
.lc-product .product-discounts thead th{ background:#fffdf7 !important; padding:9px 10px !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.03em !important; text-transform:uppercase !important; color:#9a9484 !important; border:0 !important; text-align:center !important; }
.lc-product .product-discounts tbody td{ background:#fff !important; padding:11px 12px !important; font-size:14px !important; font-weight:700 !important; color:#2b2f36 !important; border:0 !important; text-align:center !important; }
.lc-product .product-discounts tbody td:last-child{ color:#ee4c34 !important; font-weight:800 !important; }

/* --- Tab (Descrizione / Dettagli / Codici) --- */
.lc-product .nav-tabs{ border-bottom:1px solid #eef0f3 !important; background:#faf7ee !important; border-radius:12px 12px 0 0 !important; padding:8px 8px 0 !important; margin:0 !important; gap:4px !important; }
.lc-product .nav-tabs .nav-item, .lc-product .nav-tabs li{ margin:0 !important; border:0 !important; }
.lc-product .nav-tabs .nav-link{ border:0 !important; background:transparent !important; color:#9a9484 !important; font-family:inherit !important; font-weight:800 !important; font-size:14px !important; border-radius:10px 10px 0 0 !important; padding:14px 22px !important; }
.lc-product .nav-tabs .nav-link:hover{ color:#ee4c34 !important; }
.lc-product .nav-tabs .nav-link.active{ background:#fff !important; color:#ee4c34 !important; border:0 !important; }
.lc-product .tab-content{ background:#fff !important; border-radius:0 0 14px 14px !important; padding:26px 28px !important; box-shadow:0 6px 22px rgba(20,24,40,.07) !important; }

/* --- Nascondi il blocco "Politiche per sicurezza/spedizioni/resi" (segnaposto
   del modulo Rassicurazioni, non configurato → mostra il testo del BackOffice).
   Le icone Spedizione/Reso/Pagamenti/Assistenza sono un blocco diverso
   (.lc-reassurance--mini) e restano. --- */
.lc-product .blockreassurance_product{ display:none !important; }

/* --- Nascondi il duplicato disponibilità sotto al prezzo: resta solo la
   pillola vicino al "Aggiungi al carrello" (#product-availability) --- */
.lc-product .lc-buybox .lc-stock,
.lc-product .lc-stock--out,
.lc-product .lc-stock--in{ display:none !important; }

/* --- Banner Consulente IA: elimino SOLO la versione compatta (nel buybox);
   resta la full-width coi colori 8b (bottone rosso, accento arancio) --- */
.lc-product .lc-ai--compact{ display:none !important; }
.lc-product .lc-ai__cta{ background:#ee4c34 !important; color:#fff !important; }
.lc-product .lc-ai__cta:hover{ background:#d8422b !important; }
.lc-product .lc-ai__title .hl{ color:#ffb84d !important; }

/* --- Recensioni: riquadro bianco a card --- */
#product-comments-list-header{
  background:#fff !important; border-radius:16px !important;
  box-shadow:0 6px 22px rgba(20,24,40,.07) !important; padding:20px 26px !important;
  margin-top:26px !important;
}
#product-comments-list-header a.btn, #product-comments-list-header .btn, #product-comments-list-header button.btn{
  border:1.5px solid #ee4c34 !important; background:#fff !important; color:#ee4c34 !important;
  border-radius:22px !important; font-weight:800 !important; padding:10px 22px !important; height:auto !important;
}
#product-comments-list-header a.btn:hover, #product-comments-list-header .btn:hover{ background:#ee4c34 !important; color:#fff !important; }

/* --- Pillola disponibilità (Disponibile / Non disponibile) --- */
.lc-product #product-availability{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  border-radius:22px !important; padding:7px 14px !important;
  font-size:13px !important; font-weight:800 !important; margin-top:10px !important;
}
.lc-product #product-availability:has(.product-unavailable),
.lc-product #product-availability:has(.product-last-remaining-items){ background:#fdeeeb !important; border:1px solid #f6c5bc !important; color:#c93a26 !important; }
.lc-product #product-availability:has(.product-available){ background:#eef8f0 !important; border:1px solid #bfe3c4 !important; color:#2f8a3e !important; }
/* l'icona diventa un pallino colorato coerente allo stato */
.lc-product #product-availability .material-icons{ font-size:0 !important; width:9px !important; height:9px !important; min-width:9px !important; border-radius:50% !important; overflow:hidden; }
.lc-product #product-availability .product-unavailable{ background:#ee4c34 !important; }
.lc-product #product-availability .product-available{ background:#2f8a3e !important; }
.lc-product #product-availability .product-last-remaining-items{ background:#e0952a !important; }

/* --- Opzionali 8b: mascotte Clip nel banner IA + cuore sull'immagine ---
   (lo spostamento del cuore e l'iniezione di Clip sono nel JS di header.tpl) --- */
.lc-product .lc-ai__icon{ background:transparent !important; box-shadow:none !important; overflow:visible !important; }
.lc-product .lc-ai__icon svg{ filter:drop-shadow(0 4px 5px rgba(0,0,0,.35)); }
.lc-product .images-container .wishlist-button-product{
  position:absolute !important; top:14px !important; right:14px !important; left:auto !important; bottom:auto !important;
  width:44px !important; height:44px !important; padding:0 !important;
  border:3px solid #fff !important; border-radius:50% !important;
  background:radial-gradient(circle at 35% 30%, #ffffff, #eceef1 80%) !important;
  box-shadow:0 5px 12px rgba(20,24,40,.22) !important;
  display:flex !important; align-items:center; justify-content:center; z-index:4 !important; transform:none !important;
}
.lc-product .images-container .wishlist-button-product::before,
.lc-product .images-container .wishlist-button-product::after,
.lc-product .images-container .wishlist-button-product .material-icons::before{ content:none !important; display:none !important; }
.lc-product .images-container .wishlist-button-product .material-icons{
  font-size:0 !important; color:transparent !important; width:23px !important; height:23px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ee4c34'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E") no-repeat center / 22px 22px !important;
}
.lc-product .wishlist-button-product.pp-hidden{ display:none !important; }
/* ===========================================================================
   END — Scheda prodotto 8b (completa)
   =========================================================================== */
/* ===========================================================================
   laCartoleria — Scheda prodotto (8b) · STEP 1: fix badge + badge puliti
   BUG: sulla scheda prodotto .product-flags era position:absolute ancorato al
   content-wrapper (960px) e i badge NUOVO/NON DISPONIBILE diventavano barre
   rosse a tutta pagina sovrapposte al titolo.
   FIX: la galleria diventa il contesto di posizionamento, i badge tornano
   pillole compatte (bianche + pallino colorato, stile 8b) sull'immagine.
   Append in fondo a themes/lacartoleria/assets/css/lacartoleria.css.
   =========================================================================== */

/* contesto di posizionamento = galleria immagine */
.lc-product__gallery,
.lc-product .images-container{ position:relative !important; }

/* cluster badge in alto a sinistra dell'immagine */
.lc-product .product-flags{
  position:absolute !important; top:14px !important; left:14px !important; right:auto !important;
  width:auto !important; max-width:calc(100% - 28px) !important;
  display:flex !important; flex-direction:column !important; gap:7px !important;
  align-items:flex-start !important; z-index:3 !important; pointer-events:none;
}
.lc-product .product-flags li.product-flag{
  width:auto !important; min-width:0 !important; max-width:none !important; min-height:0 !important;
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  background:#fff !important; color:#ee4c34 !important;
  box-shadow:0 2px 8px rgba(20,24,40,.12) !important;
  font-weight:800 !important; font-size:11px !important; letter-spacing:.04em !important;
  padding:5px 11px !important; border-radius:20px !important; margin:0 !important;
  text-transform:uppercase !important; line-height:1.2 !important; pointer-events:auto;
}
.lc-product .product-flags li.product-flag::before{
  content:'' !important; width:7px; height:7px; border-radius:50%; background:currentColor; flex:0 0 auto;
}
/* NUOVO = verde · NON DISPONIBILE / sconti = rosso */
.lc-product .product-flags li.product-flag.new{ color:#16a34a !important; }
.lc-product .product-flags li.product-flag.out_of_stock,
.lc-product .product-flags li.product-flag.discount,
.lc-product .product-flags li.product-flag.on-sale{ color:#ee4c34 !important; }

/* --- Sconti sul volume = biglietto di carta (Caveat) --- */
.lc-product .product-discounts{ background:#faf7ee !important; border:1px solid #e7e2d3 !important; border-radius:14px !important; padding:16px 18px !important; }
.lc-product .product-discounts-title{ font-family:'Caveat',cursive !important; font-weight:700 !important; font-size:23px !important; color:#ee4c34 !important; margin:0 0 12px !important; }
.lc-product .product-discounts table{ width:100% !important; border-collapse:separate !important; border-spacing:0 !important; background:#e7e2d3 !important; border-radius:10px !important; overflow:hidden !important; }
.lc-product .product-discounts thead th{ background:#fffdf7 !important; padding:9px 10px !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.03em !important; text-transform:uppercase !important; color:#9a9484 !important; border:0 !important; text-align:center !important; }
.lc-product .product-discounts tbody td{ background:#fff !important; padding:11px 12px !important; font-size:14px !important; font-weight:700 !important; color:#2b2f36 !important; border:0 !important; text-align:center !important; }
.lc-product .product-discounts tbody td:last-child{ color:#ee4c34 !important; font-weight:800 !important; }

/* --- Tab (Descrizione / Dettagli / Codici) --- */
.lc-product .nav-tabs{ border-bottom:1px solid #eef0f3 !important; background:#faf7ee !important; border-radius:12px 12px 0 0 !important; padding:8px 8px 0 !important; margin:0 !important; gap:4px !important; }
.lc-product .nav-tabs .nav-item, .lc-product .nav-tabs li{ margin:0 !important; border:0 !important; }
.lc-product .nav-tabs .nav-link{ border:0 !important; background:transparent !important; color:#9a9484 !important; font-family:inherit !important; font-weight:800 !important; font-size:14px !important; border-radius:10px 10px 0 0 !important; padding:14px 22px !important; }
.lc-product .nav-tabs .nav-link:hover{ color:#ee4c34 !important; }
.lc-product .nav-tabs .nav-link.active{ background:#fff !important; color:#ee4c34 !important; border:0 !important; }
.lc-product .tab-content{ background:#fff !important; border-radius:0 0 14px 14px !important; padding:26px 28px !important; box-shadow:0 6px 22px rgba(20,24,40,.07) !important; }

/* --- Nascondi il blocco "Politiche per sicurezza/spedizioni/resi" (segnaposto
   del modulo Rassicurazioni, non configurato → mostra il testo del BackOffice).
   Le icone Spedizione/Reso/Pagamenti/Assistenza sono un blocco diverso
   (.lc-reassurance--mini) e restano. --- */
.lc-product .blockreassurance_product{ display:none !important; }

/* --- Nascondi il duplicato disponibilità sotto al prezzo: resta solo la
   pillola vicino al "Aggiungi al carrello" (#product-availability) --- */
.lc-product .lc-buybox .lc-stock,
.lc-product .lc-stock--out,
.lc-product .lc-stock--in{ display:none !important; }

/* --- Banner Consulente IA: elimino SOLO la versione compatta (nel buybox);
   resta la full-width coi colori 8b (bottone rosso, accento arancio) --- */
.lc-product .lc-ai--compact{ display:none !important; }
.lc-product .lc-ai__cta{ background:#ee4c34 !important; color:#fff !important; }
.lc-product .lc-ai__cta:hover{ background:#d8422b !important; }
.lc-product .lc-ai__title .hl{ color:#ffb84d !important; }

/* --- Recensioni: riquadro bianco a card --- */
#product-comments-list-header{
  background:#fff !important; border-radius:16px !important;
  box-shadow:0 6px 22px rgba(20,24,40,.07) !important; padding:20px 26px !important;
  margin-top:26px !important;
}
#product-comments-list-header a.btn, #product-comments-list-header .btn, #product-comments-list-header button.btn{
  border:1.5px solid #ee4c34 !important; background:#fff !important; color:#ee4c34 !important;
  border-radius:22px !important; font-weight:800 !important; padding:10px 22px !important; height:auto !important;
}
#product-comments-list-header a.btn:hover, #product-comments-list-header .btn:hover{ background:#ee4c34 !important; color:#fff !important; }

/* --- Pillola disponibilità (Disponibile / Non disponibile) --- */
.lc-product #product-availability{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  border-radius:22px !important; padding:7px 14px !important;
  font-size:13px !important; font-weight:800 !important; margin-top:10px !important;
}
.lc-product #product-availability:has(.product-unavailable),
.lc-product #product-availability:has(.product-last-remaining-items){ background:#fdeeeb !important; border:1px solid #f6c5bc !important; color:#c93a26 !important; }
.lc-product #product-availability:has(.product-available){ background:#eef8f0 !important; border:1px solid #bfe3c4 !important; color:#2f8a3e !important; }
/* l'icona diventa un pallino colorato coerente allo stato */
.lc-product #product-availability .material-icons{ font-size:0 !important; width:9px !important; height:9px !important; min-width:9px !important; border-radius:50% !important; overflow:hidden; }
.lc-product #product-availability .product-unavailable{ background:#ee4c34 !important; }
.lc-product #product-availability .product-available{ background:#2f8a3e !important; }
.lc-product #product-availability .product-last-remaining-items{ background:#e0952a !important; }

/* --- Ordine buybox: quantità compatta + "Aggiungi al carrello" affiancati
   (niente buco), bottone che riempie la riga, disponibilità sotto --- */
.lc-product .product-quantity{ display:flex !important; align-items:center !important; gap:12px !important; flex-wrap:wrap !important; }
.lc-product .product-quantity .qty{ flex:0 0 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
.lc-product .product-quantity .add{ flex:1 1 200px !important; margin:0 !important; min-width:200px !important; }
.lc-product .product-quantity .add .btn,
.lc-product .product-quantity .add .add-to-cart{ width:100% !important; }
.lc-product .product-quantity #product-availability{ flex:1 0 100% !important; margin-top:4px !important; }

/* --- Opzionali 8b: mascotte Clip nel banner IA + cuore sull'immagine ---
   (lo spostamento del cuore e l'iniezione di Clip sono nel JS di header.tpl) --- */
.lc-product .lc-ai__icon{ background:transparent !important; box-shadow:none !important; overflow:visible !important; }
.lc-product .lc-ai__icon svg{ filter:drop-shadow(0 4px 5px rgba(0,0,0,.35)); }
.lc-product .images-container .wishlist-button-product{
  position:absolute !important; top:14px !important; right:14px !important; left:auto !important; bottom:auto !important;
  width:44px !important; height:44px !important; padding:0 !important;
  border:3px solid #fff !important; border-radius:50% !important;
  background:radial-gradient(circle at 35% 30%, #ffffff, #eceef1 80%) !important;
  box-shadow:0 5px 12px rgba(20,24,40,.22) !important;
  display:flex !important; align-items:center; justify-content:center; z-index:4 !important; transform:none !important;
}
.lc-product .images-container .wishlist-button-product::before,
.lc-product .images-container .wishlist-button-product::after,
.lc-product .images-container .wishlist-button-product .material-icons::before{ content:none !important; display:none !important; }
.lc-product .images-container .wishlist-button-product .material-icons{
  font-size:0 !important; color:transparent !important; width:23px !important; height:23px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ee4c34'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E") no-repeat center / 22px 22px !important;
}
.lc-product .wishlist-button-product.pp-hidden{ display:none !important; }
/* ===========================================================================
   END — Scheda prodotto 8b (completa)
   =========================================================================== */