/* ==========================================================================
   La Cartoleria — layer v2.0.0 "mockup 2026-09"
   Homepage · Categoria · Scheda prodotto · Checkout · Bottom-nav mobile
   Caricato DOPO lacartoleria.css (vedi templates/_partials/stylesheets.tpl):
   sovrascrive il layer legacy dove serve (molti !important sono necessari
   perché il layer legacy li usa a sua volta).
   Autore: FC Consulenza — f.conte@fcconsulenza.it
   ========================================================================== */

:root{
  --v2-red:#ee4a36;
  --v2-red-dark:#d63b28;
  --v2-red-soft:#fdebe7;
  --v2-ink:#1c1f26;
  --v2-text:#3b4049;
  --v2-muted:#80858e;
  --v2-line:#e8e8eb;
  --v2-soft:#f4f4f6;
  --v2-soft-2:#f7f7f8;
  --v2-sand:#f5f1ee;
  --v2-white:#fff;
  --v2-peach:#fde3dc;
  --v2-sky:#dcebfb;
  --v2-mint:#dcefe3;
  --v2-lavender:#e8e2f8;
  --v2-butter:#fdf0c4;
  --v2-radius:16px;
  --v2-radius-sm:12px;
  --v2-shadow:0 10px 30px rgba(28,31,38,.07);
  --v2-shadow-sm:0 2px 10px rgba(28,31,38,.06);
  --v2-font:'Nunito Sans','Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* --------------------------------------------------------------------------
   0) Base: fondo bianco, tipografia Nunito Sans, contenitore più ampio
   -------------------------------------------------------------------------- */
html body,
html body #wrapper,
html body .page-content,
html body #main .page-content{
  font-family:var(--v2-font) !important;
}
html body{ background:var(--v2-white) !important; color:var(--v2-text); }
html body #wrapper{ background:var(--v2-white) !important; padding-top:18px; }
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,
html body .h1,html body .h2,html body .h3,html body .h4,html body .h5,html body .h6{
  font-family:var(--v2-font) !important;
  color:var(--v2-ink);
  letter-spacing:-.015em;
}
@media (min-width:1200px){
  html body .container{ width:100%; max-width:1280px; }
}
.lc-btn-pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:13px 24px; border-radius:999px;
  font-family:var(--v2-font); font-weight:700; font-size:15px; line-height:1;
  text-decoration:none !important; transition:background .15s ease, transform .1s ease;
}
.lc-btn-pill--red{ background:var(--v2-red); color:#fff !important; box-shadow:0 8px 20px rgba(238,74,54,.25); }
.lc-btn-pill--red:hover{ background:var(--v2-red-dark); color:#fff !important; }
.lc-btn-pill:active{ transform:translateY(1px); }
html body .btn-primary{ font-family:var(--v2-font) !important; font-weight:700 !important; }

/* --------------------------------------------------------------------------
   1) HEADER: logo | ricerca a pillola grigia | Accedi · Preferiti · Carrello
   -------------------------------------------------------------------------- */
html body #header{ box-shadow:none !important; border-bottom:0 !important; }
html body #header .header-top{ padding:14px 0 6px !important; }
@media (min-width:768px){
  html body #header .lc-main-row{ gap:40px !important; padding:4px 0 !important; }
  html body #header .lc-logo img{ max-height:52px !important; }
}
/* ricerca: grigio chiaro, lente a sinistra, niente bottone rosso */
html body #header .lc-search-col #search_widget{ max-width:600px !important; margin:0 auto !important; }
html body #header #search_widget form{
  background:var(--v2-soft) !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  padding:0 18px 0 16px !important;
  box-shadow:none !important;
  height:48px;
}
html body #header #search_widget form:focus-within{ border-color:#d9d9de !important; background:#fff !important; box-shadow:0 0 0 4px rgba(28,31,38,.05) !important; }
html body #header #search_widget form .material-icons.search{
  order:-1 !important; position:static !important;
  width:auto !important; height:auto !important; margin:0 6px 0 0 !important;
  background:transparent !important; color:var(--v2-ink) !important;
  border-radius:0 !important; font-size:22px !important; box-shadow:none !important;
}
html body #header #search_widget form .material-icons.clear{ color:var(--v2-muted) !important; }
html body #header #search_widget form input[type="text"]{
  padding:12px 6px !important; font-size:14px !important; color:var(--v2-ink) !important;
  background:transparent !important; font-family:var(--v2-font) !important;
}
html body #header #search_widget form input[type="text"]::placeholder{ color:#8d9199 !important; }

/* strumenti a destra */
html body #header .lc-tools-col{ gap:26px !important; }
html body #header .lc-tools-col #_desktop_currency_selector{ display:none !important; }
html body #header .lc-tools-col #_desktop_language_selector{ font-size:.72rem !important; }
html body #header .lc-tools-col #_desktop_user_info a,
html body #header .lc-tools-col #_desktop_wishlist a,
html body #header .lc-tools-col #_desktop_cart .blockcart > .header > a,
html body #header .lc-tools-col #_desktop_cart .blockcart .header{
  font-family:var(--v2-font) !important; font-weight:600 !important; font-size:12px !important;
  color:var(--v2-ink) !important; gap:3px !important;
}
html body #header .lc-tools-col #_desktop_wishlist .lc-ico{ display:block; width:25px; height:25px; }
/* icone line al posto delle material "piene" (utente + carrello) */
html body #header .lc-tools-col #_desktop_user_info a .material-icons,
html body #header .lc-tools-col #_desktop_cart .blockcart .header .material-icons{
  font-size:0 !important; width:25px !important; height:25px !important; display:block !important;
  background-color:currentColor;
  -webkit-mask:var(--lc-ico) center/25px 25px no-repeat; mask:var(--lc-ico) center/25px 25px no-repeat;
}
html body #header .lc-tools-col #_desktop_user_info a .material-icons::before{ content:none !important; }
html body #header .lc-tools-col #_desktop_user_info a .material-icons{
  --lc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E");
}
html body #header .lc-tools-col #_desktop_cart .blockcart .header .material-icons{
  --lc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3h2l2.2 12.2a1.5 1.5 0 0 0 1.5 1.2h8.4a1.5 1.5 0 0 0 1.5-1.2L21 7H6'/%3E%3C/svg%3E");
}
html body #header .lc-tools-col #_desktop_cart .cart-products-count{
  top:-6px !important; left:calc(50% + 6px) !important;
  min-width:18px !important; height:18px !important;
  background:var(--v2-red) !important; border:2px solid #fff !important;
  font-size:10px !important; font-weight:800 !important;
}
html body #header .lc-tools-col a:hover,
html body #header .lc-tools-col a:hover *{ color:var(--v2-red) !important; }

/* menu orizzontale: centrato, pulito */
html body #_desktop_top_menu.menu{ border-top:0 !important; border-bottom:0 !important; background:#fff !important; }
html body #_desktop_top_menu .top-menu[data-depth="0"] > li > a{
  font-family:var(--v2-font) !important; font-weight:600 !important; font-size:14px !important;
  color:var(--v2-ink) !important; padding:10px 16px 14px !important;
}
html body #_desktop_top_menu .top-menu[data-depth="0"] > li > a:hover{ color:var(--v2-red) !important; }
html body #_desktop_top_menu .top-menu[data-depth="0"] > li > a::after{ background:var(--v2-red) !important; height:2px !important; bottom:6px !important; }

/* checkout: header essenziale (logo + Preferiti + Carrello) */
html body#checkout #header .lc-search-col{ visibility:hidden; }
html body#checkout #_desktop_top_menu,
html body#checkout #header .lc-tools-col #_desktop_language_selector,
html body#checkout #header .lc-tools-col #_desktop_user_info{ display:none !important; }

/* --------------------------------------------------------------------------
   2) HOME — hero
   -------------------------------------------------------------------------- */
html body #content.page-home.lc-home--v2{ display:block !important; }
html body #wrapper .lc-hero2.container,
html body #wrapper .lc-cats2.container,
html body #wrapper .lc-reassure2.container{ width:auto !important; max-width:none !important; padding-left:0 !important; padding-right:0 !important; }
.lc-hero2{ margin-top:6px; margin-bottom:34px; }
.lc-hero2__inner{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center;
  min-height:clamp(300px,31vw,420px);
  background:linear-gradient(90deg,#f6f2ef 0%,#f5f0ed 55%,#f3eeea 100%);
  border-radius:24px;
}
.lc-hero2__text{ position:relative; z-index:2; padding:clamp(28px,4.4vw,64px); padding-right:0; }
.lc-hero2__title{
  font-family:var(--v2-font) !important; font-weight:900 !important;
  font-size:clamp(2.2rem,4.3vw,3.9rem) !important; line-height:1.02 !important;
  color:var(--v2-ink) !important; letter-spacing:-.035em !important; margin:0 0 18px !important;
}
.lc-hero2__subtitle{ font-size:clamp(1rem,1.35vw,1.2rem); line-height:1.45; color:var(--v2-text); margin:0 0 28px; }
.lc-hero2__media{ position:relative; align-self:stretch; min-height:100%; }
.lc-hero2__media img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:right center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%);
          mask-image:linear-gradient(90deg,transparent 0,#000 12%);
}
@media (max-width:767px){
  .lc-hero2__inner{ grid-template-columns:1fr; min-height:0; }
  .lc-hero2__text{ padding:28px 24px 8px; }
  .lc-hero2__media{ height:220px; }
  .lc-hero2__media img{ -webkit-mask-image:none; mask-image:none; object-position:center; }
}

/* --------------------------------------------------------------------------
   3) HOME — tessere categorie pastello
   -------------------------------------------------------------------------- */
.lc-cats2{ margin-bottom:38px; }
/* v2.1: tessere sempre intere — 12 colonne su schermi larghi, 6 su tablet/laptop, 4 su mobile */
.lc-cats2__row{
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px 10px; padding:4px 0 6px;
}
@media (min-width:1280px){ .lc-cats2__row{ grid-template-columns:repeat(12,minmax(0,1fr)); gap:10px 8px; } }
.lc-cats2__item{
  display:flex; flex-direction:column; align-items:center; gap:10px; min-width:0;
  text-decoration:none !important; color:var(--v2-ink) !important;
}
.lc-cats2__tile{
  width:76px; height:76px; border-radius:20px;
  display:grid; place-items:center; color:var(--v2-ink);
  transition:transform .18s ease, box-shadow .18s ease;
}
.lc-cats2__item:hover .lc-cats2__tile{ transform:translateY(-4px); box-shadow:0 10px 22px rgba(28,31,38,.10); }
.lc-cats2__label{ font-family:var(--v2-font); font-weight:700; font-size:13.5px; line-height:1.2; text-align:center; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lc-tone--peach{ background:var(--v2-peach); }
.lc-tone--sky{ background:var(--v2-sky); }
.lc-tone--mint{ background:var(--v2-mint); }
.lc-tone--lavender{ background:var(--v2-lavender); }
.lc-tone--butter{ background:var(--v2-butter); }
@media (max-width:767px){
  .lc-cats2__row{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 6px; }
  .lc-cats2__tile{ width:64px; height:64px; border-radius:18px; }
  .lc-cats2__label{ font-size:12.5px; }
}

/* --------------------------------------------------------------------------
   4) HOME — righe prodotti (Nuovi · Più venduti · In offerta): card sempre intere
   -------------------------------------------------------------------------- */
.lc-home--v2 .lc-home-products{ display:flex; flex-direction:column; }
.lc-home--v2 .lc-home-products > *{ order:5; }
.lc-home--v2 .lc-home-products > .lc-row--new{ order:1; }
.lc-home--v2 .lc-home-products > .lc-row--bestsellers,
.lc-home--v2 .lc-home-products > .lc-row--bestsellers-manual{ order:2; }
.lc-home--v2 .lc-home-products > .lc-row--specials{ order:3; }
.lc-home--v2 .lc-home-products > .lc-row--featured{ order:4; }
/* se ci sono vendite reali, la selezione manuale si nasconde */
.lc-home--v2 .lc-home-products:has(.lc-row--bestsellers) .lc-row--bestsellers-manual{ display:none !important; }

html body .lc-row{ --lc-row-n:5; --lc-row-gap:18px; position:relative; margin:0 0 42px !important; padding:0 !important; }
.lc-row__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 16px; }
html body .lc-row .lc-row__title{
  text-align:left !important; text-transform:none !important; margin:0 !important;
  font-family:var(--v2-font) !important; font-weight:800 !important; font-size:22px !important;
  color:var(--v2-ink) !important; letter-spacing:-.015em !important;
}
.lc-row__actions{ display:flex; align-items:center; gap:8px; }
html body .lc-row__all{ font-family:var(--v2-font); font-size:14px; font-weight:700; color:var(--v2-red) !important; margin-right:8px; white-space:nowrap; }
.lc-row__nav{
  width:36px; height:36px; border-radius:50%; border:1px solid var(--v2-line); background:#fff; color:var(--v2-ink);
  display:grid; place-items:center; cursor:pointer; padding:0; transition:border-color .15s ease, background .15s ease, opacity .15s ease;
}
.lc-row__nav:hover:not(:disabled){ border-color:var(--v2-ink); }
.lc-row__nav:disabled{ opacity:.35; cursor:default; }
.lc-row.is-static .lc-row__nav{ display:none; }
html body .lc-row .lc-row__track{
  display:grid !important; grid-auto-flow:column;
  grid-auto-columns:calc((100% - (var(--lc-row-n) - 1) * var(--lc-row-gap)) / var(--lc-row-n));
  gap:var(--lc-row-gap); margin:0 !important; padding:0 !important;
  overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  scrollbar-width:none;
}
html body .lc-row .lc-row__track::-webkit-scrollbar{ display:none; }
html body .lc-row .lc-row__track > *{
  width:auto !important; max-width:none !important; flex:none !important; padding:0 !important; margin:0 !important; float:none !important;
  scroll-snap-align:start; min-width:0;
}
@media (max-width:1199px){ html body .lc-row{ --lc-row-n:4; } }
@media (max-width:991px){ html body .lc-row{ --lc-row-n:3; --lc-row-gap:14px; } }
@media (max-width:575px){ html body .lc-row{ --lc-row-n:2; --lc-row-gap:12px; } html body .lc-row .lc-row__title{ font-size:19px !important; } html body .lc-row__all{ margin-right:0; } .lc-row__nav{ display:none; } }

/* --------------------------------------------------------------------------
   5) CARD PRODOTTO (tutte le liste)
   -------------------------------------------------------------------------- */
html body .product-miniature.js-product-miniature,
html body .js-product-miniature{
  border:0 !important; background:transparent !important; border-radius:0 !important; box-shadow:none !important; transform:none !important; overflow:visible !important;
}
html body .product-miniature .thumbnail-container{
  width:100% !important; display:block !important;
  background:transparent !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; overflow:visible !important; height:auto !important; margin-bottom:0 !important;
  transform:none !important;
}
html body .product-miniature:hover .thumbnail-container{ box-shadow:none !important; transform:none !important; }
html body .product-miniature .thumbnail-top{
  position:relative !important; background:var(--v2-soft) !important; border-radius:var(--v2-radius) !important;
  aspect-ratio:1/1; overflow:hidden; display:block;
}
html body .product-miniature .thumbnail-top .product-thumbnail{
  display:flex !important; align-items:center; justify-content:center; width:100%; height:100%; padding:10%;
}
html body .product-miniature .thumbnail-top .product-thumbnail picture{ display:contents; }
html body .product-miniature .thumbnail-top .product-thumbnail img{
  position:static !important; width:100% !important; height:100% !important; max-width:100%;
  object-fit:contain; mix-blend-mode:multiply; transition:transform .35s ease;
}
html body .product-miniature:hover .thumbnail-top .product-thumbnail img{ transform:scale(1.04); }
html body .product-miniature .highlighted-informations{ display:none !important; }
html body .product-miniature .product-description{
  position:static !important; background:transparent !important; box-shadow:none !important;
  height:auto !important; width:100% !important; text-align:left !important; padding:12px 2px 4px !important;
}
html body .product-miniature .product-description::after{ display:none !important; }
html body .product-miniature .product-title{ text-align:left !important; margin:0 0 3px !important; text-transform:none !important; }
html body .product-miniature .product-title a{
  font-family:var(--v2-font) !important; font-weight:600 !important; font-size:14px !important; line-height:1.35 !important;
  color:var(--v2-ink) !important; text-transform:none !important; letter-spacing:0 !important; text-align:left !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:normal !important;
}
html body .product-miniature .product-title a:hover{ color:var(--v2-red) !important; }
html body .product-miniature .lc-card-brand{ margin:0 0 6px; font-size:12px; line-height:1.3; color:var(--v2-muted); }
html body .product-miniature .product-price-and-shipping{ text-align:left !important; margin-top:4px; }
html body .product-miniature .product-price-and-shipping .price{
  font-family:var(--v2-font) !important; font-weight:800 !important; font-size:17px !important; color:var(--v2-ink) !important;
}
html body .product-miniature .product-price-and-shipping .regular-price{ font-size:13px !important; color:var(--v2-muted) !important; margin-right:6px; }
html body .product-miniature .discount-product{
  background:var(--v2-red) !important; color:#fff !important; border-radius:999px !important;
  font-size:11px !important; font-weight:800 !important; padding:2px 8px !important; margin-left:6px;
}
html body .product-miniature .product-list-reviews{ justify-content:flex-start !important; }
/* badge: piccoli, in alto a sinistra */
html body .product-miniature .product-flags{ top:10px !important; left:10px !important; padding:0 !important; gap:4px !important; }
html body .product-miniature .product-flags li.product-flag{
  padding:3px 9px 3px 8px !important; font-size:10px !important; box-shadow:none !important; border-color:#ebebee !important;
}
/* cuore: bianco, in alto a destra */
html body .product-miniature .wishlist-button-add{
  top:10px !important; right:10px !important; bottom:auto !important;
  width:34px !important; height:34px !important; background:#fff !important;
  box-shadow:0 2px 8px rgba(28,31,38,.10) !important;
}
html body .product-miniature .wishlist-button-add:hover{ background:#fff !important; transform:scale(1.08); }
html body .product-miniature .wishlist-button-add .material-icons::before{ content:'favorite_border' !important; font-size:19px !important; color:var(--v2-ink) !important; }
html body .product-miniature .wishlist-button-add.lc-faved .material-icons::before{ content:'favorite' !important; color:var(--v2-red) !important; }

/* --------------------------------------------------------------------------
   6) RASSICURAZIONI v2 (home + prodotto)
   -------------------------------------------------------------------------- */
.lc-reassure2{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px;
  padding:22px 0 !important; margin-top:8px; margin-bottom:30px;
}
.lc-reassure2__item{ display:flex; align-items:center; gap:14px; min-width:0; }
.lc-reassure2__icon{
  flex:0 0 46px; width:46px; height:46px; border-radius:50%;
  display:grid; place-items:center; background:var(--v2-red-soft); color:var(--v2-red);
}
.lc-reassure2__icon svg{ width:22px; height:22px; }
.lc-reassure2__txt{ display:flex; flex-direction:column; line-height:1.25; min-width:0; }
.lc-reassure2__txt strong{ font-family:var(--v2-font); font-weight:800; font-size:14px; color:var(--v2-ink); }
.lc-reassure2__txt small{ font-size:12.5px; color:var(--v2-muted); }
.lc-reassure2--product{ padding-left:0 !important; padding-right:0 !important; width:auto !important; max-width:none !important; margin-top:26px; }
@media (max-width:991px){ .lc-reassure2{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:420px){ .lc-reassure2{ grid-template-columns:1fr; } }

/* banner Consulente IA: stessi raggi del mockup */
html body .lc-ai{ border-radius:22px !important; }

/* --------------------------------------------------------------------------
   7) CATEGORIA — banner, barra filtri/ordinamento, griglia 4 colonne
   -------------------------------------------------------------------------- */
html body.lc-has-cathero #wrapper .breadcrumb{ display:none !important; }
.lc-cathero{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); align-items:stretch;
  min-height:clamp(150px,15vw,200px);
  background:linear-gradient(90deg,#f5f5f6 0%,#f3f2f1 60%,#f1efed 100%);
  border-radius:20px; margin:0 0 22px;
}
.lc-cathero__text{ position:relative; z-index:2; padding:22px 0 26px clamp(22px,2.6vw,36px); align-self:center; }
.lc-cathero__crumbs{ font-size:12.5px; color:var(--v2-muted); margin:0 0 16px; display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; }
.lc-cathero__crumbs a{ color:var(--v2-muted) !important; }
.lc-cathero__crumbs a:hover{ color:var(--v2-red) !important; }
.lc-cathero__sep{ color:#b3b6bc; }
.lc-cathero__title{
  font-family:var(--v2-font) !important; font-weight:900 !important; text-transform:none !important;
  font-size:clamp(1.7rem,2.6vw,2.35rem) !important; line-height:1.08 !important;
  color:var(--v2-ink) !important; letter-spacing:-.03em !important; margin:0 0 8px !important;
}
.lc-cathero__sub{ margin:0; font-size:15px; color:var(--v2-text); max-width:46ch; }
.lc-cathero__art{ position:relative; }
.lc-cathero__img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%); mask-image:linear-gradient(90deg,transparent 0,#000 18%);
}
.lc-cathero__img--own{ object-fit:contain; object-position:center; padding:14px; -webkit-mask-image:none; mask-image:none; mix-blend-mode:multiply; }
.lc-cathero-compact{ font-weight:900 !important; font-size:1.8rem !important; text-transform:none !important; margin:4px 0 16px !important; }
@media (max-width:767px){
  .lc-cathero{ grid-template-columns:1fr; }
  .lc-cathero__art{ display:none; }
  .lc-cathero__text{ padding:20px; }
}
/* il vecchio blocco "card" della categoria non serve più */
html body #js-product-list-header .block-category{ display:none !important; }

/* sottocategorie a chip */
html body #subcategories.lc-subcats{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin:0 0 16px !important;
}
.lc-subcats__list{
  display:flex; gap:8px; list-style:none; margin:0; padding:2px 0 8px;
  overflow-x:auto; scrollbar-width:thin;
}
html body #subcategories .lc-subcats__list{ display:flex !important; flex-wrap:nowrap !important; gap:8px !important; margin:0 !important; padding:2px 0 8px !important; }
html body #subcategories .lc-subcats__list li{
  flex:0 0 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; height:auto !important; min-height:0 !important;
  margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important;
}
html body .lc-subcats__chip{
  display:inline-block !important; padding:8px 14px !important; border-radius:999px !important; white-space:nowrap; width:auto !important; min-width:0 !important; min-height:0 !important; line-height:1.3 !important; text-align:center;
  background:var(--v2-soft) !important; color:var(--v2-ink) !important;
  font-family:var(--v2-font) !important; font-weight:600 !important; font-size:13px !important; text-transform:none !important;
  border:1px solid transparent !important; box-shadow:none !important;
}
html body .lc-subcats__chip::before, html body .lc-subcats__chip::after{ display:none !important; }
html body .lc-subcats__chip:hover{ background:#fff !important; border-color:var(--v2-line) !important; color:var(--v2-red) !important; }

/* barra Filtri / Ordina / conteggio */
html body .lc-listbar{
  display:flex !important; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  margin:0 0 18px !important; padding:0 !important;
}
.lc-listbar__left{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.lc-pill,
html body .lc-sort .products-sort-order .select-title{
  display:inline-flex !important; align-items:center; gap:8px;
  height:40px; padding:0 16px !important; border-radius:999px !important;
  background:#fff !important; border:1px solid var(--v2-line) !important; box-shadow:none !important;
  font-family:var(--v2-font) !important; font-weight:700 !important; font-size:13.5px !important; color:var(--v2-ink) !important;
  cursor:pointer; white-space:nowrap; width:auto !important; text-transform:none !important;
}
.lc-pill:hover,
html body .lc-sort .products-sort-order .select-title:hover{ border-color:#cfd0d5 !important; }
.lc-sort{ display:flex; align-items:center; position:relative; }
.lc-sort__label{ position:absolute; left:17px; z-index:1; pointer-events:none; font-size:13.5px; font-weight:600; color:var(--v2-muted); }
html body .lc-sort .products-sort-order{ width:auto !important; max-width:none !important; padding:0 !important; float:none !important; }
html body .lc-sort .products-sort-order .select-title{ padding-left:88px !important; min-width:0 !important; }
html body .lc-sort .products-sort-order .dropdown-menu{
  border-radius:14px !important; border:1px solid var(--v2-line) !important; box-shadow:var(--v2-shadow) !important;
  padding:6px !important; min-width:220px; width:auto !important;
}
html body .lc-sort .products-sort-order .select-list{ border-radius:10px; padding:8px 12px !important; font-size:13.5px; color:var(--v2-ink) !important; }
html body .lc-sort .products-sort-order .select-list:hover,
html body .lc-sort .products-sort-order .select-list.current{ background:var(--v2-soft) !important; color:var(--v2-red) !important; }
.lc-listbar__count{ font-size:13px; color:var(--v2-muted); padding:0 !important; }
html body .lc-listbar__count p{ margin:0; }

/* griglia 4 colonne */
html body #js-product-list .products{
  display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px 18px; margin:0 !important;
}
html body #js-product-list .products > .js-product,
html body #js-product-list .products > .product,
html body #js-product-list .products > .lc-skel{
  width:auto !important; max-width:none !important; flex:none !important; padding:0 !important; margin:0 !important; float:none !important;
}
html body #js-product-list .products .product-miniature{ margin:0 !important; }
@media (max-width:991px){ html body #js-product-list .products{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767px){ html body #js-product-list .products{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; } }

/* descrizione completa in fondo */
.lc-catdesc{ margin:34px 0 10px; border-top:1px solid var(--v2-line); padding-top:18px; }
.lc-catdesc summary{ cursor:pointer; font-weight:800; color:var(--v2-ink); font-size:15px; list-style:none; display:flex; align-items:center; gap:8px; }
.lc-catdesc summary::-webkit-details-marker{ display:none; }
.lc-catdesc summary::after{ content:'+'; font-size:20px; color:var(--v2-red); line-height:1; }
.lc-catdesc[open] summary::after{ content:'–'; }
.lc-catdesc__body{ margin-top:12px; color:var(--v2-text); font-size:14px; line-height:1.7; max-width:90ch; }
.lc-catdesc--extra{ border-top:0; }

/* pannello filtri (colonna sinistra → cassetto laterale) — attivo quando il JS aggiunge body.lc-listing */
html body.lc-listing #content-wrapper{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; float:none !important; padding-left:15px; padding-right:15px; }
html body.lc-listing #left-column{
  position:fixed !important; top:0; bottom:0; left:0; z-index:1060;
  width:360px !important; max-width:88vw !important; flex:none !important;
  background:#fff; overflow-y:auto; padding:18px 18px 40px !important; margin:0 !important;
  box-shadow:12px 0 40px rgba(28,31,38,.14);
  transform:translateX(-105%); transition:transform .28s ease; visibility:hidden;
}
html body.lc-listing.lc-filters-open #left-column{ transform:none; visibility:visible; }
html body.lc-listing #left-column #search_filters_wrapper,
html body.lc-listing #left-column .block-categories{ display:block !important; }
html body.lc-listing #left-column #search_filter_controls{ display:none !important; }
.lc-drawer__head{ display:flex; align-items:center; justify-content:space-between; margin:0 0 14px; padding-bottom:12px; border-bottom:1px solid var(--v2-line); }
.lc-drawer__title{ font-weight:900; font-size:18px; color:var(--v2-ink); margin:0; }
.lc-drawer__close{ width:36px; height:36px; border-radius:50%; border:0; background:var(--v2-soft); color:var(--v2-ink); display:grid; place-items:center; cursor:pointer; }
.lc-drawer__close:hover{ background:var(--v2-red-soft); color:var(--v2-red); }
.lc-drawer-overlay{ position:fixed; inset:0; z-index:1055; background:rgba(28,31,38,.35); opacity:0; visibility:hidden; transition:opacity .25s ease; }
html body.lc-filters-open .lc-drawer-overlay{ opacity:1; visibility:visible; }
html body.lc-filters-open{ overflow:hidden; }
html body:not(.lc-listing) .lc-filters-toggle{ display:none !important; }

/* --------------------------------------------------------------------------
   8) SCHEDA PRODOTTO
   -------------------------------------------------------------------------- */
html body .lc-product .lc-product__row{ grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important; gap:clamp(24px,4vw,56px) !important; }
/* galleria: miniature verticali a sinistra, immagine grande su fondo chiaro */
html body .lc-product .images-container{
  display:grid !important; grid-template-columns:82px minmax(0,1fr); gap:16px; align-items:start;
}
html body .lc-product .images-container .product-cover{
  grid-column:2; grid-row:1; margin:0 !important;
  background:var(--v2-soft) !important; border:0 !important; border-radius:20px !important; aspect-ratio:1/1;
  display:flex !important; align-items:center; justify-content:center;
}
html body .lc-product .images-container .product-cover picture{ display:contents; }
html body .lc-product .images-container .product-cover img{
  width:100% !important; height:100% !important; object-fit:contain; padding:7%; mix-blend-mode:multiply; border-radius:0 !important; box-shadow:none !important; background:transparent !important;
}
html body .lc-product .images-container .js-qv-mask{
  grid-column:1; grid-row:1; width:auto !important; margin:0 !important; overflow:visible !important; max-height:none;
}
html body .lc-product .images-container .product-images{
  display:flex !important; flex-direction:column; gap:12px; margin:0 !important; padding:0 !important; width:auto !important; transform:none !important;
}
html body .lc-product .images-container .product-images > li{ margin:0 !important; width:82px !important; }
html body .lc-product .images-container .product-images > li picture{ display:block; }
html body .lc-product .images-container .product-images > li img.thumb{
  width:82px !important; height:82px !important; object-fit:contain; background:var(--v2-soft);
  border:2px solid transparent !important; border-radius:14px !important; padding:6px; mix-blend-mode:normal;
}
html body .lc-product .images-container .product-images > li img.thumb.selected,
html body .lc-product .images-container .product-images > li img.thumb:hover{ border-color:var(--v2-ink) !important; }
html body .lc-product .scroll-box-arrows{ display:none !important; }
html body .lc-product .lc-product__gallery .product-flags{ left:calc(82px + 30px) !important; top:14px !important; }
@media (max-width:767px){
  html body .lc-product .images-container{ grid-template-columns:1fr; }
  html body .lc-product .images-container .product-cover{ grid-column:1; }
  html body .lc-product .images-container .js-qv-mask{ grid-row:2; }
  html body .lc-product .images-container .product-images{ flex-direction:row; overflow-x:auto; }
  html body .lc-product .images-container .product-images > li,
  html body .lc-product .images-container .product-images > li img.thumb{ width:68px !important; height:68px !important; }
  html body .lc-product .lc-product__gallery .product-flags{ left:14px !important; }
}

/* colonna informazioni: niente card, tipografia del mockup */
html body .lc-product .lc-buybox{
  position:static !important; border:0 !important; box-shadow:none !important; background:transparent !important; padding:6px 0 0 !important;
}
html body .lc-product .lc-buybox h1.product-title{
  font-family:var(--v2-font) !important; font-weight:800 !important; font-size:clamp(1.45rem,2.1vw,1.85rem) !important;
  line-height:1.15 !important; color:var(--v2-ink) !important; text-transform:none !important; margin:0 0 6px !important; letter-spacing:-.02em !important;
}
html body .lc-product .lc-buybox__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:0; font-size:12.5px; color:var(--v2-muted); margin:0 0 14px; }
html body .lc-product .lc-buybox__meta > span{ font-size:12.5px !important; color:var(--v2-muted) !important; }
html body .lc-product .lc-buybox__meta > span + span::before{ content:'|'; margin:0 9px; color:#c5c7cc; }
html body .lc-product .lc-price-box{ border:0 !important; padding:0 !important; margin:0 0 10px !important; }
html body .lc-product .lc-price-box .current-price-value,
html body .lc-product .lc-price-box .current-price .price{
  font-family:var(--v2-font) !important; font-weight:900 !important; font-size:clamp(1.7rem,2.4vw,2.05rem) !important; color:var(--v2-ink) !important; letter-spacing:-.02em;
}
html body .lc-product .lc-price-box .tax-shipping-delivery-label{ font-size:12px !important; }
html body .lc-product .lc-buybox__short{ color:var(--v2-text); font-size:14.5px; line-height:1.6; margin:4px 0 16px; }
html body .lc-product .lc-buybox__short p:last-child{ margin-bottom:0; }
html body .lc-product .lc-stock{ font-family:var(--v2-font) !important; font-size:13px !important; }

/* varianti */
html body .lc-variants .product-variants-item{ margin:0 0 16px !important; }
html body .lc-variants .control-label{ font-family:var(--v2-font) !important; font-weight:700 !important; font-size:13.5px !important; color:var(--v2-ink) !important; margin:0 0 8px !important; display:block; }
html body .lc-variants .lc-variants__current{ font-weight:600; color:var(--v2-text); }
html body .lc-variants ul{ display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; list-style:none; }
html body .lc-variants ul li.input-container{ float:none !important; margin:0 !important; position:relative; }
/* pallini colore */
html body .lc-swatches .input-color{ position:absolute; inset:0; opacity:0; cursor:pointer; z-index:2; width:100%; height:100%; margin:0; }
html body .lc-swatches .color{
  display:block !important; width:34px !important; height:34px !important; margin:0 !important;
  border-radius:50% !important; border:0 !important; box-shadow:0 0 0 1px rgba(0,0,0,.08) inset !important; position:relative;
  transition:box-shadow .15s ease;
}
html body .lc-swatches .input-color:checked + .color{ box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--v2-red) !important; }
html body .lc-swatches .input-color:hover + .color{ box-shadow:0 0 0 3px #fff, 0 0 0 5px #cfd0d5 !important; }
html body .lc-swatches li{ padding:5px !important; }
/* pillole radio */
html body .lc-pills .input-radio{ position:absolute; opacity:0; width:1px; height:1px; }
html body .lc-pills .radio-label{
  display:inline-flex !important; align-items:center; gap:8px; height:36px; padding:0 16px 0 12px !important;
  border-radius:999px !important; border:1px solid var(--v2-line) !important; background:#fff !important; box-shadow:none !important;
  font-family:var(--v2-font) !important; font-weight:600 !important; font-size:13px !important; color:var(--v2-ink) !important; cursor:pointer;
  transition:border-color .15s ease, background .15s ease;
}
html body .lc-pills .radio-label::before{
  content:''; width:14px; height:14px; border-radius:50%; border:1.5px solid #c9cbd0; background:#fff; box-sizing:border-box; flex:0 0 auto;
}
html body .lc-pills .input-radio:checked + .radio-label{ border-color:var(--v2-red) !important; background:#fff7f5 !important; }
html body .lc-pills .input-radio:checked + .radio-label::before{ border:4px solid var(--v2-red); }
html body .lc-pills .input-radio:focus-visible + .radio-label{ outline:2px solid var(--v2-ink); outline-offset:2px; }
html body .lc-variants .lc-select{ border-radius:999px !important; height:40px !important; padding:0 16px !important; border:1px solid var(--v2-line) !important; max-width:320px; }

/* quantità + aggiungi al carrello in una riga */
html body .lc-product .product-add-to-cart{ display:flex !important; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-top:8px; }
html body .lc-product .product-add-to-cart > *{ flex:0 0 100%; margin:0 !important; }
html body .lc-product .product-add-to-cart > .control-label{ flex:0 0 auto !important; width:auto !important; font-family:var(--v2-font) !important; font-weight:700 !important; font-size:13.5px !important; color:var(--v2-ink) !important; }
html body .lc-product .product-add-to-cart > .product-quantity{ flex:1 1 300px !important; display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:12px 14px !important; height:auto !important; }
html body .lc-product .product-add-to-cart > .product-quantity > *:not(.qty):not(.add){ flex:0 0 100%; }
html body .lc-product .product-quantity .qty{ flex:0 0 auto !important; margin:0 !important; }
html body .lc-product .bootstrap-touchspin{
  display:inline-flex !important; align-items:center; width:auto !important; height:46px !important;
  border:1px solid var(--v2-line) !important; border-radius:999px !important; background:#fff; box-shadow:none !important; overflow:hidden;
}
html body .lc-product .bootstrap-touchspin #quantity_wanted{
  order:2; width:40px !important; height:44px !important; border:0 !important; text-align:center; padding:0 !important;
  font-weight:700; font-size:15px; color:var(--v2-ink); background:transparent !important; box-shadow:none !important; -moz-appearance:textfield;
}
html body .lc-product .bootstrap-touchspin #quantity_wanted::-webkit-inner-spin-button,
html body .lc-product .bootstrap-touchspin #quantity_wanted::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
html body .lc-product .bootstrap-touchspin .input-group-btn-vertical{ display:contents !important; }
html body .lc-product .bootstrap-touchspin .input-group-btn-vertical .btn{
  position:static !important; width:40px !important; height:44px !important; margin:0 !important; padding:0 !important;
  border:0 !important; background:transparent !important; display:grid !important; place-items:center; color:var(--v2-ink);
}
html body .lc-product .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{ order:1; }
html body .lc-product .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{ order:3; }
html body .lc-product .bootstrap-touchspin .input-group-btn-vertical .btn:hover{ background:var(--v2-soft) !important; }
html body .lc-product .bootstrap-touchspin .input-group-btn-vertical i{ position:static !important; display:block !important; width:20px !important; height:20px !important; font-size:20px !important; line-height:20px !important; top:auto !important; left:auto !important; margin:0 !important; }
html body .lc-product .bootstrap-touchspin .touchspin-up::after{ content:'add' !important; font-size:20px !important; }
html body .lc-product .bootstrap-touchspin .touchspin-down::after{ content:'remove' !important; font-size:20px !important; }
html body .lc-product .product-quantity .add{ flex:1 1 200px !important; margin:0 !important; }
html body .lc-product .product-add-to-cart .add-to-cart{
  width:100% !important; height:46px !important; border-radius:999px !important; font-size:15px !important; font-weight:800 !important;
  background:var(--v2-red) !important; border-color:var(--v2-red) !important; box-shadow:0 8px 20px rgba(238,74,54,.22) !important;
  display:inline-flex !important; align-items:center; justify-content:center; gap:10px; text-transform:none !important;
}
html body .lc-product .product-add-to-cart .add-to-cart:hover{ background:var(--v2-red-dark) !important; border-color:var(--v2-red-dark) !important; }
html body .lc-product .product-add-to-cart .add-to-cart .material-icons{ font-size:20px !important; margin:0 !important; }
html body .lc-product .product-add-to-cart .add-to-cart:disabled{ background:#c9cbd0 !important; border-color:#c9cbd0 !important; box-shadow:none !important; }
@media (max-width:991px){
  html body .lc-product .lc-product__row{ grid-template-columns:1fr !important; }
}

/* tab informazioni */
html body .lc-product .lc-tabs .nav-tabs .nav-link{ font-family:var(--v2-font) !important; font-weight:700 !important; }
html body .lc-product .lc-tabs .nav-tabs .nav-link.active{ color:var(--v2-ink) !important; border-bottom-color:var(--v2-red) !important; }

/* --------------------------------------------------------------------------
   9) CHECKOUT
   -------------------------------------------------------------------------- */
html body#checkout #wrapper{ padding-top:8px; }
.lc-checkout__head{ margin:4px 0 22px; }
.lc-checkout__back{ display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--v2-muted) !important; margin-bottom:10px; }
.lc-checkout__back:hover{ color:var(--v2-red) !important; }
.lc-checkout__title{ font-family:var(--v2-font) !important; font-weight:900 !important; font-size:clamp(1.6rem,2.4vw,2.1rem) !important; color:var(--v2-ink) !important; margin:0 0 4px !important; letter-spacing:-.025em !important; text-transform:none !important; }
.lc-checkout__sub{ margin:0; color:var(--v2-text); font-size:15px; }

/* step come card con numero cerchiato */
html body#checkout section.checkout-step{
  background:#fff !important; border:1px solid var(--v2-line) !important; border-radius:var(--v2-radius) !important;
  box-shadow:none !important; margin:0 0 12px !important; padding:0 !important; overflow:hidden;
}
html body#checkout section.checkout-step .step-title{
  position:relative; display:flex !important; align-items:center; gap:12px;
  margin:0 !important; padding:16px 52px 16px 18px !important;
  font-family:var(--v2-font) !important; font-weight:800 !important; font-size:15px !important; text-transform:none !important; color:var(--v2-ink) !important;
}
html body#checkout section.checkout-step .step-title::after{
  content:''; position:absolute; right:20px; top:50%; width:9px; height:9px; margin-top:-6px;
  border-right:2px solid var(--v2-muted); border-bottom:2px solid var(--v2-muted); transform:rotate(45deg); transition:transform .2s ease;
}
html body#checkout section.checkout-step.-current .step-title::after{ transform:rotate(-135deg); margin-top:-2px; }
html body#checkout section.checkout-step .step-number{
  display:inline-grid !important; place-items:center; width:28px; height:28px; border-radius:50%;
  background:#e7e8eb !important; color:var(--v2-muted) !important; font-size:13px; font-weight:800; flex:0 0 28px; margin:0 !important; border:0 !important;
}
html body#checkout section.checkout-step.-current .step-number,
html body#checkout section.checkout-step.-complete .step-number{ background:var(--v2-red) !important; color:#fff !important; }
html body#checkout section.checkout-step .done{ display:none !important; }
html body#checkout section.checkout-step.-complete .step-number{ font-size:0; }
html body#checkout section.checkout-step.-complete .step-number::before{ content:'\2713'; font-size:14px; }
html body#checkout section.checkout-step .step-edit{ margin-left:auto; font-size:12.5px !important; font-weight:700; color:var(--v2-red) !important; }
html body#checkout section.checkout-step .step-edit .material-icons{ font-size:15px; }
html body#checkout section.checkout-step .content{ padding:4px 18px 20px !important; }
html body#checkout section.checkout-step.-current .step-title{ padding-bottom:8px !important; }
html body#checkout .form-control,
html body#checkout .custom-select,
html body#checkout select.form-control{
  border:1px solid var(--v2-line) !important; border-radius:10px !important; background:#fff !important; min-height:42px; box-shadow:none !important; font-size:14px;
}
html body#checkout .form-control:focus{ border-color:#bfc1c7 !important; box-shadow:0 0 0 3px rgba(28,31,38,.06) !important; }
html body#checkout .form-control-label{ font-size:12.5px; color:var(--v2-muted); font-weight:600; }
html body#checkout .btn-primary.continue,
html body#checkout #payment-confirmation .btn-primary{
  border-radius:999px !important; background:var(--v2-red) !important; border-color:var(--v2-red) !important; font-weight:800 !important; padding:12px 28px !important; text-transform:none !important;
}
html body#checkout .delivery-option,
html body#checkout .payment-option{ border-radius:12px; }

/* riepilogo ordine a destra */
.lc-summary{ background:#fff; border:1px solid var(--v2-line); border-radius:var(--v2-radius); padding:18px 18px 8px; margin-bottom:14px; }
.lc-summary__title{ font-family:var(--v2-font) !important; font-weight:800 !important; font-size:17px !important; color:var(--v2-ink) !important; margin:0 0 12px !important; text-transform:none !important; }
html body#checkout .lc-summary #js-checkout-summary{ border:0 !important; box-shadow:none !important; background:transparent !important; margin:0 !important; }
html body#checkout .lc-summary #js-checkout-summary .card-block{ padding:0 !important; border:0 !important; }
html body#checkout .lc-summary .cart-summary-products > p:first-child,
html body#checkout .lc-summary .js-show-details{ display:none !important; }
html body#checkout .lc-summary #cart-summary-product-list{ display:block !important; height:auto !important; }
html body#checkout .lc-summary .media-list{ margin:0 0 12px; padding:0; }
html body#checkout .lc-summary .media-list .media{ display:flex; gap:12px; align-items:flex-start; padding:10px 0; border-bottom:1px solid var(--v2-line); }
html body#checkout .lc-summary .media-list .media img{ width:60px; height:60px; object-fit:contain; background:var(--v2-soft); border-radius:10px; padding:4px; }
html body#checkout .lc-summary .media-body{ font-size:13px; }
html body#checkout .lc-summary .product-name{ font-weight:700; color:var(--v2-ink); }
html body#checkout .lc-summary .cart-summary-line{ font-size:14px; color:var(--v2-text); padding:3px 0; }
html body#checkout .lc-summary .cart-summary-totals{ background:transparent !important; padding:10px 0 !important; border-top:1px solid var(--v2-line); margin-top:6px; }
html body#checkout .lc-summary .cart-summary-totals .cart-total{ background:transparent !important; padding:6px 0 !important; }
html body#checkout .lc-summary .cart-summary-totals .cart-total .label,
html body#checkout .lc-summary .cart-summary-totals .cart-total .value{ font-size:18px !important; font-weight:900 !important; color:var(--v2-ink) !important; }
html body#checkout .lc-summary .block-promo{ padding:0 0 10px !important; }
html body#checkout .cart-grid-right .blockreassurance_product,
html body#checkout .cart-grid-right #block-reassurance{ border-radius:var(--v2-radius); }

/* box aiuto con Clip */
.lc-help{ display:flex; align-items:center; gap:14px; padding:16px 18px; margin:14px 0 24px; border-radius:var(--v2-radius); background:var(--v2-soft-2); }
.lc-help__clip{ width:88px; height:auto; flex:0 0 auto; }
.lc-help__txt{ display:flex; flex-direction:column; gap:2px; font-size:13px; color:var(--v2-muted); }
.lc-help__txt strong{ color:var(--v2-ink); font-size:14px; font-weight:800; }
.lc-help__txt a{ color:var(--v2-red) !important; font-weight:700; margin-top:4px; }

/* --------------------------------------------------------------------------
   10) BOTTOM NAV mobile — pillola flottante bianca, 4 voci
   -------------------------------------------------------------------------- */
@media (max-width:767px){
  html body .lc-bottomnav{
    left:12px !important; right:12px !important; bottom:calc(10px + env(safe-area-inset-bottom)) !important;
    border-radius:22px !important; border:0 !important; background:#fff !important;
    box-shadow:0 8px 28px rgba(28,31,38,.14) !important; padding:6px 8px !important; height:auto !important;
  }
  html body .lc-bottomnav a{ font-family:var(--v2-font) !important; font-weight:600 !important; font-size:11px !important; color:var(--v2-muted) !important; }
  html body .lc-bottomnav a.is-active{ color:var(--v2-red) !important; }
  html body .lc-bottomnav a svg{ width:22px !important; height:22px !important; }
  html body .lc-bottomnav .lc-bn__badge{ background:var(--v2-red) !important; }
}

/* --------------------------------------------------------------------------
   11) v2.0.2 — header checkout, form a etichette sopra, pannello filtri
   -------------------------------------------------------------------------- */
html body#checkout #header{ border-bottom:1px solid var(--v2-line) !important; }
html body#checkout #header .header-nav.lc-co-header{ background:#fff !important; border:0 !important; margin:0 !important; padding:14px 0 !important; max-height:none !important; }
.lc-co-header__row{ display:flex; align-items:center; justify-content:space-between; gap:20px; }
.lc-co-header__logo img{ height:48px; width:auto; display:block; }
.lc-co-header__tools{ display:flex; align-items:center; gap:26px; }
.lc-co-header__tools a{ position:relative; display:flex; flex-direction:column; align-items:center; gap:3px; font-family:var(--v2-font); font-weight:600; font-size:12px; color:var(--v2-ink) !important; text-decoration:none !important; }
.lc-co-header__tools a:hover{ color:var(--v2-red) !important; }
.lc-co-header__badge{ position:absolute; top:-6px; left:calc(50% + 6px); min-width:18px; height:18px; padding:0 4px; border-radius:999px; border:2px solid #fff; background:var(--v2-red); color:#fff; font-size:10px; font-weight:800; line-height:14px; text-align:center; }

/* form checkout: etichetta sopra il campo, larghezza piena */
html body#checkout section.checkout-step .form-group.row{ display:flex; flex-direction:column; margin-left:0; margin-right:0; margin-bottom:12px; }
html body#checkout section.checkout-step .form-group.row > [class*="col-"]{ width:100% !important; max-width:100% !important; flex:0 0 auto !important; padding-left:0 !important; padding-right:0 !important; text-align:left !important; float:none !important; }
html body#checkout section.checkout-step .form-group.row > .form-control-label{ padding-top:0 !important; margin-bottom:5px; }
html body#checkout section.checkout-step .form-group.row > .form-control-comment{ font-size:12px; color:var(--v2-muted); padding-top:2px !important; }
html body#checkout section.checkout-step .form-group.row .custom-radio + label,
html body#checkout section.checkout-step .radio-inline{ margin-right:16px; }
html body#checkout section.checkout-step .nav-inline{ margin:4px 0 16px; }
html body#checkout section.checkout-step .nav-inline .nav-link{ font-weight:700; }
html body#checkout section.checkout-step .nav-inline .nav-link.active{ color:var(--v2-red) !important; }
html body#checkout .input-group-btn .btn{ border-radius:0 10px 10px 0 !important; background:var(--v2-ink) !important; }
/* il blocco rassicurazioni del modulo non fa parte del mockup del checkout */
html body#checkout .cart-grid-right .blockreassurance_product,
html body#checkout .cart-grid-right #block-reassurance{ display:none !important; }

/* pannello filtri: contenuti a larghezza piena */
html body.lc-listing #left-column > *,
html body.lc-listing #left-column .block-categories,
html body.lc-listing #left-column #search_filters_wrapper{ width:100% !important; max-width:none !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-shadow:none !important; }

/* --------------------------------------------------------------------------
   12) v2.2.0 — Chiedi a Clip: risultati prodotto in schede con anteprima
   -------------------------------------------------------------------------- */
@media (min-width:768px){ html body .clip-panel{ width:390px !important; } }
html body .clip-bubble.clip-bubble--cards{ max-width:100% !important; width:100%; }
.clip-cards{ display:flex; flex-direction:column; gap:10px; margin:8px 0; }
.clip-cards:first-child{ margin-top:2px; }
.clip-cards:last-child{ margin-bottom:2px; }
.clip-card{
  display:grid; grid-template-columns:84px minmax(0,1fr); gap:12px; align-items:start;
  background:#fff; border:1px solid #e8e5e0; border-radius:14px; padding:10px;
  box-shadow:0 2px 8px rgba(28,31,38,.06); text-align:left; animation:bubble-in .3s ease both;
}
.clip-card__media{
  display:grid; place-items:center; width:84px; height:84px; border-radius:10px; overflow:hidden;
  background:#f4f4f6; text-decoration:none !important;
}
.clip-card__media img{ width:100%; height:100%; object-fit:contain; padding:6px; mix-blend-mode:multiply; display:block; }
.clip-card.is-loading .clip-card__media{ background:linear-gradient(90deg,#f1f1f3 25%,#e7e7ea 50%,#f1f1f3 75%); background-size:200% 100%; animation:clip-shimmer 1.2s linear infinite; }
.clip-card.no-img .clip-card__media::after{ content:''; width:34px; height:34px; opacity:.35; background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1f26' stroke-width='1.6'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='m21 16-5-5-9 9'/%3E%3C/svg%3E"); }
@keyframes clip-shimmer{ from{ background-position:200% 0; } to{ background-position:-200% 0; } }
.clip-card__body{ display:flex; flex-direction:column; gap:2px; min-width:0; }
html body .clip-card__name{
  font-family:var(--v2-font); font-weight:800; font-size:13px; line-height:1.3; color:#1c1f26 !important; text-decoration:none !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
html body .clip-card__name:hover{ color:#ee4a36 !important; }
.clip-card__brand{ font-size:11px; color:#80858e; text-transform:uppercase; letter-spacing:.03em; min-height:0; }
.clip-card__brand:empty{ display:none; }
.clip-card__why{ margin:3px 0 0 !important; font-size:12px; line-height:1.4; color:#565b63;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.clip-card__foot{ display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; margin-top:5px; }
.clip-card__price{ font-family:var(--v2-font); font-weight:900; font-size:15px; color:#1c1f26; }
.clip-card__old{ font-size:12px; color:#80858e; }
.clip-card__stock{ font-size:11px; font-weight:700; color:#80858e; }
.clip-card__stock::before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin:0 5px 1px 0; vertical-align:middle; }
.clip-card__stock:empty{ display:none; }
.clip-card__stock.is-in{ color:#2f8f5b; }
.clip-card__stock.is-low{ color:#b8860b; }
.clip-card__stock.is-out{ color:#9a9ea5; }
.clip-card.is-out .clip-card__media img{ opacity:.55; filter:grayscale(.5); }
.clip-card__actions{ display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; }
html body .clip-card__btn{
  display:inline-flex; align-items:center; justify-content:center; height:30px; padding:0 12px; border-radius:999px;
  border:1px solid #ee4a36; background:#ee4a36; color:#fff !important; font-family:var(--v2-font); font-weight:800; font-size:12px;
  text-decoration:none !important; cursor:pointer; line-height:1; white-space:nowrap;
}
html body .clip-card__btn:hover{ background:#d63b28; border-color:#d63b28; }
html body .clip-card__btn--ghost{ background:#fff; color:#1c1f26 !important; border-color:#dcdce0; }
html body .clip-card__btn--ghost:hover{ background:#f4f4f6; border-color:#c9cbd0; }
html body .clip-card__btn:disabled{ opacity:.7; cursor:default; }
html body .clip-card__btn.is-done{ background:#2f8f5b; border-color:#2f8f5b; opacity:1; }
@media (max-width:420px){ .clip-card{ grid-template-columns:68px minmax(0,1fr); } .clip-card__media{ width:68px; height:68px; } }
@media (prefers-reduced-motion:reduce){ .clip-card, .clip-card.is-loading .clip-card__media{ animation:none; } }

/* v2.2.3 — riferimento interno nascosto ai clienti (fallback se un modulo lo stampa) */
html body.page-product #product-details .product-reference{ display:none !important; }