/* ============================================================
   ILMURRILLO — Stile 5 (arancione + verdino, tinte tenui)
   CSS applicato al tema Classic di PrestaShop 9.
   Caricato dal modulo ilmurrillotheme (priorità alta -> sovrascrive Classic).
   NB: da rifinire sull'istanza 8453 guardando il markup reale.
   ============================================================ */
:root{
  --il-arancio:#ee8542; --il-arancio-scuro:#d76a26; --il-arancio-soft:#f8c9a3; --il-arancio-tenue:#fdeadb;
  --il-verde:#8fbf55; --il-verde-scuro:#6d9a38; --il-verde-soft:#cfe4a8; --il-verde-tenue:#eaf4d9;
  --il-sabbia:#fff6ee; --il-scuro:#3a3630; --il-grigio:#8a8078; --il-linea:#f0e6da;
}

/* ---------- Base ---------- */
body{color:var(--il-scuro);}
a{color:var(--il-scuro);}
a:hover{color:var(--il-arancio);}
h1,h2,h3,.h1,.h2,.h3{color:var(--il-scuro);font-weight:800;letter-spacing:-.4px;}

/* ---------- Bottoni ---------- */
.btn-primary,
.btn-primary:focus{
  background:var(--il-arancio);border-color:var(--il-arancio);color:#fff;
  border-radius:26px;font-weight:700;box-shadow:0 6px 16px rgba(238,133,66,.28);
}
.btn-primary:hover,.btn-primary:active{background:var(--il-arancio-scuro)!important;border-color:var(--il-arancio-scuro)!important;}
.btn-secondary,.btn-outline-secondary{border-radius:26px;font-weight:700;}
.btn-secondary:hover{color:var(--il-verde-scuro);border-color:var(--il-verde);}

/* ---------- Header ---------- */
#header{background:#fff;border-bottom:3px solid var(--il-sabbia);}
#header .header-top{padding-top:10px;padding-bottom:10px;}
#_desktop_logo img,.logo{border-radius:14px;}
#header .header-nav{background:var(--il-scuro);}
#header .header-nav a,#header .header-nav .expand-more{color:#fff;}
.header-top .search-widget form input[type=text]{border:2px solid var(--il-sabbia);background:var(--il-sabbia);border-radius:26px;padding:10px 18px;}
.header-top .search-widget form input[type=text]:focus{border-color:var(--il-arancio);background:#fff;}
.header-top .search-widget form button{color:var(--il-arancio);}
.blockcart.active,.header .cart-preview.active{background:var(--il-arancio);}
.blockcart a,.blockcart .header{color:#fff;}

/* ---------- Menu principale (ps_mainmenu) ---------- */
.menu>ul>li>a,#_desktop_top_menu .top-menu a.dropdown-item,
#top-menu a{font-weight:800;color:var(--il-scuro);}
.menu>ul>li>a:hover,#top-menu a:hover{color:#fff;background:var(--il-arancio);border-radius:24px;}
.js-dropdown.active>a,#top-menu .sub-menu{border-color:var(--il-arancio);}
.top-menu .sub-menu a:hover{color:var(--il-arancio);}
/* mega/sotto-menu */
#top-menu .popover,.top-menu.dropdown-menu{border-top:3px solid var(--il-arancio);border-radius:0 0 18px 18px;box-shadow:0 22px 44px rgba(58,54,48,.14);}

/* ---------- Slider (ps_imageslider) ---------- */
.slick-slider,#carousel,.homeslider{border-radius:28px;overflow:hidden;box-shadow:0 20px 40px rgba(58,54,48,.12);}
.homeslider .slick-dots li button:before{color:var(--il-arancio)!important;}
.homeslider-description,.slide-info{border-radius:16px;}

/* ---------- Titoli di sezione home ---------- */
.featured-products .h2,.products-section-title,h2.products-section-title{
  color:var(--il-scuro);text-transform:none;font-size:30px;font-weight:800;letter-spacing:-.6px;
  border:0;
}
.products-section-title:after{content:"";display:block;width:60px;height:4px;background:var(--il-arancio);border-radius:4px;margin-top:10px;}

/* ---------- Card prodotto (.product-miniature) ---------- */
.product-miniature .thumbnail-container,
.product-miniature .card,
.js-product-miniature{
  border:3px solid var(--il-sabbia);border-radius:22px;overflow:hidden;background:#fff;
  transition:.2s;box-shadow:0 2px 8px rgba(58,54,48,.05);
}
.product-miniature:hover .thumbnail-container,
.product-miniature:hover .card{
  border-color:var(--il-arancio-soft);box-shadow:0 18px 34px rgba(238,133,66,.16);transform:translateY(-4px);
}
.product-miniature .product-title a{font-weight:700;color:var(--il-scuro);}
.product-miniature .product-title a:hover{color:var(--il-arancio);}
.product-price-and-shipping .price,.product-miniature .price{color:var(--il-arancio-scuro);font-weight:800;font-size:19px;}
.product-flags{gap:0;}
.product-flags .product-flag{background:var(--il-verde);color:#fff;font-weight:700 !important;
  display:inline-block !important;width:auto !important;min-width:0 !important;max-width:max-content;
  min-height:0 !important;height:auto !important;
  font-size:9.5px !important;line-height:1 !important;letter-spacing:.04em;text-transform:uppercase;
  padding:4px 7px !important;margin:0 0 5px !important;border-radius:5px !important;
  box-shadow:0 2px 5px rgba(0,0,0,.14);}
.product-flags .product-flag.discount,.product-flags .on-sale{background:var(--il-arancio);}
.product-flags .product-flag.new{background:var(--il-verde);}

/* pulsante "aggiungi" tondo sulle card */
.product-miniature .add-to-cart,.highlighted-informations .js-add-to-cart{border-radius:24px;}

/* ---------- Categorie (blockcategories / ps_categorytree) ---------- */
#category .block-categories,.block-categories{border:2px solid var(--il-sabbia);border-radius:18px;background:#fff;}
.block-categories .category-top-menu a{color:var(--il-scuro);font-weight:600;}
.block-categories a:hover{color:var(--il-arancio);}

/* ---------- Facet / filtri ---------- */
.facet .facet-title,.faceted-search .h6{color:var(--il-scuro);}
.search-link:hover{color:var(--il-arancio);}

/* ---------- Newsletter / blocco emailsubscription ---------- */
.block_newsletter{background:linear-gradient(120deg,var(--il-arancio),var(--il-verde));border-radius:26px;color:#fff;padding:32px;}
.block_newsletter p,.block_newsletter .h3{color:#fff;}
.block_newsletter input[type=email]{border-radius:24px;border:0;}
.block_newsletter .btn{background:#fff;color:var(--il-arancio-scuro);border-radius:24px;font-weight:800;}

/* ---------- Footer ---------- */
.footer-container{background:#fff;border-top:3px solid var(--il-sabbia);}
.footer-container li a{color:var(--il-grigio);}
.footer-container li a:hover{color:var(--il-arancio);}
.footer-container .h3,.footer-container .title{color:var(--il-arancio);text-transform:uppercase;letter-spacing:1px;font-size:13px;}
#footer .links .title[data-target]{color:var(--il-arancio);}
/* Titolo blocco contatti (ps_contactinfo) allineato agli altri titoli colonna */
.footer-container .block-contact-title{color:var(--il-arancio);text-transform:uppercase;letter-spacing:1px;font-size:13px;}
/* 4 colonne footer che riempiono tutta la larghezza:
   - il template classic mette i blocchi ps_linklist in .col-md-6.links (50%) a 2/riga (il 3° andava a capo)
     -> allargo la metà linklist al 75% con blocchi a 1/3; le info negozio (.col-md-3) restano al 25%.
   - blockwishlist inietta contenitori modali (wishlist-*) alti 0 ma display:block/static come figli della
     riga footer: occupano slot flex e comprimono le colonne -> li tolgo dal flusso con position:absolute. */
@media (min-width:768px){
  /* la riga footer esterna è display:block (griglia float): serve width, non solo flex-basis */
  .footer-container .col-md-6.links{flex:0 0 75%;max-width:75%;width:75%;}
  .footer-container .col-md-6.links .wrapper{flex:0 0 33.3333%;max-width:33.3333%;width:33.3333%;}
  .footer-container .block-contact{flex:0 0 25%;max-width:25%;width:25%;}
}
.footer-container .container > .row > [class*="wishlist-"]:not(.wishlist-toast){position:absolute;}
/* Riga di aiuto FAQ in fondo al footer (ripristino voce del 1.6) */
.footer-container .il-faq-help{margin:6px 0 4px;color:var(--il-grigio);font-size:14px;}
.footer-container .il-faq-help a{color:var(--il-arancio);font-weight:700;text-decoration:none;}
.footer-container .il-faq-help a:hover{text-decoration:underline;}

/* ---------- Breadcrumb ---------- */
.breadcrumb li a{color:var(--il-grigio);}
.breadcrumb li:last-child a,.breadcrumb li a:hover{color:var(--il-arancio);}

/* ---------- Link generici e prezzi in pagina prodotto ---------- */
.current-price .price,.product-prices .current-price span{color:var(--il-arancio-scuro);font-weight:800;}
.tabs .nav-tabs .nav-link.active{color:var(--il-arancio);border-bottom-color:var(--il-arancio);}

/* ---------- Barra promo in cima (hook displayBanner) ---------- */
.header-banner{background:transparent!important;margin:0!important;padding:0!important;}
.il-promobar{background:linear-gradient(90deg,var(--il-arancio),var(--il-verde))!important;color:#fff!important;display:block!important;width:100%;}
.il-promobar-inner{
  max-width:1200px;margin:0 auto!important;padding:11px 16px!important;
  min-height:40px;box-sizing:border-box;
  display:flex!important;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;
  font-weight:700;letter-spacing:.2px;text-align:center;
}
.il-promobar-inner span{color:#fff!important;font-size:14px!important;line-height:1.35;}
.il-promobar-sep{opacity:.65;}

/* ---------- Carrello a pillola (header) ---------- */
.blockcart{border-radius:26px!important;}
.blockcart.active,.header .cart-preview.active{background:var(--il-arancio)!important;border-radius:26px!important;}
.blockcart a,.header .cart-preview a{color:#fff!important;font-weight:700;}

/* ---------- Ricerca più grande e morbida ---------- */
.header-top .search-widget{max-width:640px;}
.header-top .search-widget form input[type=text]{padding:12px 20px;font-size:15px;}

/* ============================================================
   HEADER v2 — avvicinamento al mockup (iterazione)
   ============================================================ */
/* Barra superiore: da scura a bianca (il mockup non ha la barra scura) */
#header .header-nav{background:#fff!important;border-bottom:1px solid var(--il-linea);}
#header .header-nav a,#header .header-nav .expand-more,#header .header-nav .material-icons{color:var(--il-scuro)!important;}
#header .header-nav .user-info a:hover{color:var(--il-arancio)!important;}

/* Carrello a pillola arancione */
.blockcart.cart-preview{border-radius:26px!important;padding:6px 18px!important;}
.blockcart.cart-preview,.blockcart.cart-preview.inactive,.blockcart.cart-preview.active{background:var(--il-arancio)!important;}
.blockcart.cart-preview a,.blockcart.cart-preview .material-icons,.blockcart .cart-products-count{color:#fff!important;font-weight:700;}

/* Ricerca grande e morbida */
#search_widget{width:100%;max-width:560px;}
#search_widget form input[type=text],.search-widgets form input[type=text]{
  border-radius:28px!important;background:var(--il-arancio-tenue)!important;border:2px solid var(--il-arancio-tenue)!important;
  padding:13px 22px!important;font-size:15px!important;width:100%;
}
#search_widget form input[type=text]:focus{border-color:var(--il-arancio)!important;background:#fff!important;}
#search_widget .search,#search_widget button .search{color:var(--il-arancio)!important;}

/* Menu principale: voci a pillola su hover/attivo */
#_desktop_top_menu .top-menu>li>a,#top-menu>li>a{border-radius:22px;font-weight:800;padding:8px 16px;}
#_desktop_top_menu .top-menu>li>a:hover,#_desktop_top_menu .top-menu>li.current>a{background:var(--il-arancio);color:#fff!important;}

/* Logo un filo più grande */
#_desktop_logo img,.logo.img-fluid{max-height:88px;}

/* Home come pillola arancione (voce link #lnk-home nel menu) */
#_desktop_top_menu #lnk-home>a,#top-menu #lnk-home>a{background:var(--il-arancio);color:#fff!important;border-radius:22px;padding:8px 22px;}
#_desktop_top_menu #lnk-home>a:hover{background:var(--il-arancio-scuro);color:#fff!important;}

/* ============================================================
   HEADER v3 — riga come il mockup (override header.tpl)
   ============================================================ */
.il-header-main{display:flex;align-items:center;gap:24px;padding:12px 0;}
.il-logo{flex:0 0 auto;}
.il-logo img,.il-logo .logo{max-height:62px!important;width:auto;border-radius:12px;} /* logo più piccolo */
.il-logo h1{margin:0;}
.il-search{flex:1 1 auto;}
.il-search #search_widget,.il-search .search-widgets{width:100%!important;max-width:none!important;}
.il-search #search_widget form input[type=text]{width:100%;}
.il-actions{flex:0 0 auto;display:flex;align-items:center;gap:24px;}
.il-action{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:13px;line-height:1.1;color:var(--il-scuro);text-align:center;}
.il-action .material-icons{font-size:26px;margin-bottom:2px;}
.il-wish{color:var(--il-scuro)!important;text-decoration:none!important;}
.il-wish:hover,.il-wish:hover .material-icons{color:var(--il-arancio)!important;}
.il-account a{color:var(--il-scuro)!important;text-decoration:none;font-weight:700;}
.il-account a:hover{color:var(--il-arancio)!important;}
/* carrello resta pillola arancione (già stilato) */
.il-cart .blockcart{margin:0;}
/* riga menu sotto */
.il-menu-row{padding:0 0 8px;}
.il-topbar .il-topbar-right{display:flex;justify-content:flex-end;gap:16px;align-items:center;}

/* Lettering testuale del brand (accanto al logo tondo) */
.il-brand{display:flex;align-items:center;gap:12px;}
.il-brand-text{text-decoration:none!important;display:flex;flex-direction:column;justify-content:center;line-height:1;}
.il-brand-name{font-weight:800;font-size:30px;letter-spacing:-.5px;}
.il-brand-name .a{color:var(--il-scuro);}
.il-brand-name .b{color:var(--il-arancio);}
.il-brand-sub{color:var(--il-verde-scuro);font-weight:800;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-top:3px;}

/* ============================================================
   FIX campo ricerca (input centrato, icona a sinistra)
   ============================================================ */
.il-search #search_widget{float:none!important;overflow:visible!important;width:100%!important;margin:0!important;min-width:0!important;}
.il-search #search_widget form{position:relative;}
.il-search #search_widget form i.material-icons.search{
  position:absolute!important;left:16px;top:50%;transform:translateY(-50%);
  padding:0!important;margin:0;color:var(--il-arancio)!important;font-size:24px;z-index:2;
}
.il-search #search_widget form input[type=text]{
  width:100%!important;height:52px;line-height:normal;
  padding:0 20px 0 48px!important;
  font-size:16px!important;color:var(--il-scuro)!important;
  background:var(--il-arancio-tenue)!important;border:2px solid var(--il-arancio-tenue)!important;border-radius:28px!important;
  box-shadow:none!important;
}
.il-search #search_widget form input[type=text]:focus{background:#fff!important;border-color:var(--il-arancio)!important;}
.il-search #search_widget form input[type=text]::placeholder{color:var(--il-grigio);opacity:1;}

/* ============================================================
   Account con tendina (opzione A) — override ps_customersignin
   ============================================================ */
.il-account .il-account-wrap{position:relative;}
.il-account-trigger{display:flex!important;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:13px;line-height:1.1;color:var(--il-scuro)!important;text-decoration:none!important;}
.il-account-trigger .material-icons{font-size:26px;margin-bottom:2px;}
.il-account-trigger:hover,.il-account-trigger:hover .material-icons{color:var(--il-arancio)!important;}
.il-account-menu{
  position:absolute;top:100%;right:0;margin-top:8px;min-width:210px;
  background:#fff;border:1px solid var(--il-linea);border-radius:16px;
  box-shadow:0 18px 44px rgba(58,54,48,.18);padding:8px;display:none;z-index:1000;text-align:left;
}
.il-account-wrap:hover .il-account-menu{display:block;}
/* "ponte" trasparente sul gap di 8px: evita che il menu si chiuda mentre
   il mouse passa dall'icona alla tendina (zona morta dell'hover).
   top:-12px lo fa sovrapporre di 4px al trigger -> copertura continua. */
.il-account-menu::before{content:'';position:absolute;left:0;right:0;top:-12px;height:14px;background:transparent;}

/* Riferimento prodotto sotto il titolo (scheda prodotto) */
.il-product-reference{margin:.15rem 0 .6rem;font-size:.9rem;color:var(--il-grigio);font-weight:600;}
.il-product-reference .label{color:var(--il-grigio);font-weight:700;}
.il-product-reference span:last-child{color:var(--il-scuro);}

/* Badge "già acquistato" — scheda prodotto */
.il-purchased-badge{display:inline-flex;align-items:center;gap:7px;margin:.2rem 0 .7rem;padding:.45rem .9rem;
  border-radius:999px;background:var(--il-verde-tenue);color:var(--il-verde-scuro);font-weight:700;font-size:.92rem;}
.il-purchased-badge .material-icons{font-size:19px;}
.il-purchased-badge em{font-style:normal;font-weight:600;opacity:.85;}
/* Bollino "già acquistato" — miniature nelle liste */
.product-miniature .thumbnail.product-thumbnail,
.product-miniature .product-thumbnail{position:relative;}
.il-purchased-flag{position:absolute;bottom:8px;left:8px;z-index:4;display:inline-flex;align-items:center;gap:3px;
  background:var(--il-verde-scuro);color:#fff;font-size:9.5px;font-weight:700;line-height:1;letter-spacing:.04em;
  text-transform:uppercase;padding:4px 7px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.16);}
.il-purchased-flag .material-icons{font-size:12px;}
/* Anteprima + barra bianca: .highlighted-informations (position:absolute;top:100%;background:#fff) conteneva
   il quick-view "Anteprima" e creava la barra bianca → rimossa del tutto. */
.product-miniature .highlighted-informations{display:none !important;}
/* La modifica flex per allineare i pulsanti aveva gonfiato .product-thumbnail (il tema usa
   height:calc(100% - 70px)) → immagine allungata e bollino "Già acquistato" spostato sui flag.
   Riporto l'immagine ad altezza naturale: il bollino (bottom:8px, ancorato a .product-thumbnail) torna
   in basso a sx dell'immagine, senza sovrapporsi ai flag in alto. */
.product-miniature .thumbnail-container .product-thumbnail{height:auto !important;}

/* ============================================================
   PAGINA CATEGORIA — tessere sottocategorie + griglia prodotti
   ============================================================ */
/* Sottocategorie (primo livello) come tessere immagine+nome.
   NB: il tema ha #subcategories ul / #subcategories ul li (ID) → serve pari/maggiore
   specificità + !important sulle proprietà di layout per vincere. */
#subcategories.il-subcats{margin:.2rem 0 1.8rem;border-top:0 !important;}
#subcategories ul.il-subcats-grid{list-style:none;margin:0 !important;padding:0;
  display:grid !important;gap:14px;grid-template-columns:repeat(2,1fr);}
@media(min-width:576px){#subcategories ul.il-subcats-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:768px){#subcategories ul.il-subcats-grid{grid-template-columns:repeat(4,1fr);}}
@media(min-width:992px){#subcategories ul.il-subcats-grid{grid-template-columns:repeat(5,1fr);}}
@media(min-width:1200px){#subcategories ul.il-subcats-grid{grid-template-columns:repeat(6,1fr);}}
#subcategories ul.il-subcats-grid > li.il-subcat{width:auto !important;min-width:0 !important;max-width:none !important;
  margin:0 !important;text-align:left;list-style:none;}
#subcategories .il-subcat-link{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;
  text-decoration:none!important;background:#fff;border:2px solid var(--il-sabbia);border-radius:16px;padding:9px 9px 12px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
#subcategories .il-subcat-link:hover{border-color:var(--il-arancio);transform:translateY(-3px);box-shadow:0 12px 24px rgba(238,133,66,.16);}
#subcategories .il-subcat-img{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--il-sabbia);display:block;}
#subcategories .il-subcat-img img{width:100%;height:100%;object-fit:cover;display:block;}
#subcategories .il-subcat-name{font-weight:700;font-size:.85rem;line-height:1.2;color:var(--il-scuro);text-align:center;}
#subcategories .il-subcat-link:hover .il-subcat-name{color:var(--il-arancio-scuro);}

/* Griglia prodotti più densa (2/3/4 colonne) + card ad altezza uniforme.
   !important per battere il tema (#products .products{display:flex}). NON tocca la home. */
#js-product-list .products.row{display:grid !important;gap:1.2rem;grid-template-columns:1fr;align-items:stretch;margin-left:0 !important;margin-right:0 !important;}
@media(min-width:480px){#js-product-list .products.row{grid-template-columns:repeat(2,1fr) !important;}}
@media(min-width:768px){#js-product-list .products.row{grid-template-columns:repeat(3,1fr) !important;}}
@media(min-width:1200px){#js-product-list .products.row{grid-template-columns:repeat(4,1fr) !important;}}
#js-product-list .products.row > .js-product,
#js-product-list .products.row > .product{max-width:none !important;flex:0 0 auto !important;width:auto !important;padding-left:0;padding-right:0;margin:0;}
#js-product-list .products.row .product-miniature{height:100%;}
#js-product-list .products.row .product-miniature .thumbnail-container,
#js-product-list .products.row .product-miniature .card{height:100%;display:flex;flex-direction:column;}
#js-product-list .products.row .product-miniature .product-description{display:flex;flex-direction:column;flex:1 1 auto;}
#js-product-list .products.row .product-miniature .ilmu-buy{margin-top:auto;}
/* ===== GLOBALE: in OGNI elenco prodotti (.products) card ad altezza uniforme e pulsante
   (COMPRA / VEDI PRODOTTO) sempre allineato in fondo, a prescindere da righe titolo/prezzo ===== */
.products.row{align-items:stretch;}
.products .product-miniature{height:100%;display:flex;flex-direction:column;}
.products .product-miniature .thumbnail-container,
.products .product-miniature .card{height:100%;display:flex;flex-direction:column;flex:1 1 auto;}
.products .product-miniature .product-description{display:flex;flex-direction:column;flex:1 1 auto;}
.products .product-miniature .ilmu-buy{margin-top:auto;}
.il-account-hello{display:block;padding:6px 12px 9px;font-weight:800;color:var(--il-grigio);font-size:12px;border-bottom:1px solid var(--il-linea);margin-bottom:6px;}
.il-account-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--il-scuro)!important;text-decoration:none!important;font-weight:600;font-size:14px;}
.il-account-menu a .material-icons{font-size:19px;color:var(--il-grigio);}
.il-account-menu a:hover{background:var(--il-arancio-tenue);color:var(--il-arancio-scuro)!important;}
.il-account-menu a:hover .material-icons{color:var(--il-arancio)!important;}
.il-account-menu .logout{color:var(--il-arancio-scuro)!important;border-top:1px solid var(--il-linea);margin-top:4px;padding-top:11px;}

/* ============================================================
   MEGAMENU CATALOGO — ordinato in colonne (blocchi non spezzati)
   ============================================================ */
#header .js-sub-menu.sub-menu{
  width:100%!important;left:0!important;right:0!important;max-width:100%!important;
  padding:26px 40px!important;border-top:3px solid var(--il-arancio)!important;border-radius:0 0 18px 18px!important;
  box-shadow:0 24px 44px rgba(58,54,48,.14)!important;max-height:74vh;overflow-y:auto;
}
/* livello 1 = griglia a colonne */
#header .js-sub-menu .top-menu[data-depth="1"]{
  column-count:4;column-gap:38px;margin:0;padding:0;list-style:none;
}
#header .js-sub-menu .top-menu[data-depth="1"] > li.category{
  break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;
  display:inline-block;width:100%;vertical-align:top;margin:0 0 20px;
}
/* titolo categoria di primo livello */
#header .js-sub-menu .top-menu[data-depth="1"] > li.category > a{
  font-weight:800;color:var(--il-arancio-scuro)!important;text-transform:uppercase;
  font-size:12.5px;letter-spacing:.4px;display:block;padding:0 0 7px;margin-bottom:7px;
  border-bottom:2px solid var(--il-arancio-tenue);background:none!important;border-radius:0!important;
}
#header .js-sub-menu .top-menu[data-depth="1"] > li.category > a:hover{color:var(--il-arancio)!important;background:none!important;}
/* sottocategorie */
#header .js-sub-menu .top-menu[data-depth="2"]{margin:0;padding:0;list-style:none;}
#header .js-sub-menu .top-menu[data-depth="2"] li.category > a{
  font-weight:500;color:var(--il-scuro)!important;text-transform:none;font-size:13.5px;
  display:block;padding:3px 0;border:0!important;background:none!important;border-radius:0!important;letter-spacing:0;
}
#header .js-sub-menu .top-menu[data-depth="2"] li.category > a:hover{color:var(--il-arancio)!important;background:none!important;padding-left:4px;transition:.15s;}

/* ============================================================
   MEGAMENU CATALOGO v2 — SOLO categorie principali a pillole (griglia)
   ============================================================ */
/* nascondi le sottocategorie nel megamenu */
#header .js-sub-menu .top-menu[data-depth="2"]{display:none!important;}
/* griglia 4 colonne di pillole */
#header .js-sub-menu .top-menu[data-depth="1"]{
  column-count:initial!important;display:grid!important;grid-template-columns:repeat(4,1fr);gap:14px 24px;margin:0;padding:0;
}
#header .js-sub-menu .top-menu[data-depth="1"] > li.category{
  break-inside:auto;display:block;width:auto;margin:0;vertical-align:top;
}
#header .js-sub-menu .top-menu[data-depth="1"] > li.category > a{
  display:block;background:var(--il-arancio-tenue)!important;color:var(--il-scuro)!important;
  border-radius:26px!important;padding:14px 22px!important;margin:0!important;
  font-weight:700!important;text-transform:none!important;font-size:15px!important;letter-spacing:0!important;
  border:0!important;text-align:left;transition:.15s;box-shadow:none!important;
}
#header .js-sub-menu .top-menu[data-depth="1"] > li.category > a:hover{
  background:var(--il-arancio)!important;color:#fff!important;
}
/* niente freccine/expand sulle pillole */
#header .js-sub-menu .top-menu[data-depth="1"] > li.category > a .material-icons,
#header .js-sub-menu .top-menu[data-depth="1"] .expand-more{display:none!important;}

/* Megamenu: niente taglio d'altezza + pillole più compatte */
#header .js-sub-menu.sub-menu{max-height:none!important;overflow:visible!important;padding:22px 40px!important;}
#header .js-sub-menu .top-menu[data-depth="1"]{gap:11px 22px!important;}
#header .js-sub-menu .top-menu[data-depth="1"] > li.category > a{padding:11px 20px!important;font-size:14.5px!important;}

/* ============================================================
   Riga menu: menu a sx · Contattaci (+lingua/valuta) a dx (sotto il carrello)
   ============================================================ */
.il-menu-row{align-items:center;justify-content:space-between;gap:20px;padding:2px 0 8px;}
@media (min-width:768px){ .il-menu-row{display:flex!important;} } /* solo desktop: su mobile resta hidden-sm-down */
.il-menu-nav{flex:1 1 auto;min-width:0;}
.il-menu-right{flex:0 0 auto;display:flex;align-items:center;gap:16px;}
.il-menu-right a{color:var(--il-grigio)!important;font-weight:700;font-size:14px;text-decoration:none!important;}
.il-menu-right a:hover{color:var(--il-arancio)!important;}
.il-menu-right #_desktop_language_selector,.il-menu-right #_desktop_currency_selector{margin:0;}
/* barra superiore ora vuota su desktop -> collassa */
.header-nav.il-topbar{padding:0!important;margin:0!important;min-height:0!important;height:auto!important;border:0!important;}

/* ============================================================
   HOME pillola SOLO in home + Contattaci come le altre voci
   ============================================================ */
/* reset HOME: normale come le altre voci (pillola solo al hover) — SOLO desktop (#_desktop_top_menu),
   NON #top-menu che verrebbe ereditato anche dal menu mobile spostato */
#_desktop_top_menu #lnk-home>a{background:none!important;color:var(--il-scuro)!important;border-radius:22px;padding:8px 16px!important;}
#_desktop_top_menu #lnk-home>a:hover{background:var(--il-arancio)!important;color:#fff!important;}
/* in HOME: pillola arancione fissa — SOLO desktop */
body.page-index #_desktop_top_menu #lnk-home>a{background:var(--il-arancio)!important;color:#fff!important;}

/* Contattaci come Catalogo/Info/Blog */
.il-menu-right a{
  color:var(--il-scuro)!important;font-weight:800!important;font-size:16px!important;
  text-transform:uppercase;letter-spacing:0;border-radius:22px;padding:8px 16px!important;text-decoration:none!important;
}
.il-menu-right a:hover{background:var(--il-arancio)!important;color:#fff!important;}

/* ============================================================
   Focus pulito (niente contorno blu al click; ring brand da tastiera)
   ============================================================ */
#header a:focus,#header button:focus,.il-promobar a:focus{outline:none!important;box-shadow:none!important;}
#header a:focus-visible,#header button:focus-visible{outline:2px solid var(--il-arancio-scuro)!important;outline-offset:2px;}
/* voci menu: nessun bordo/contorno residuo */
#_desktop_top_menu a,#top-menu a,.il-menu-right a,.il-action a,.blockcart a{-webkit-tap-highlight-color:transparent;}

/* Telegram social (aggiunto a ps_socialfollow) */
.ps-social-follow .ps-socialfollow-telegram{background-image:url('/modules/ilmurrillotheme/views/img/telegram.svg')!important;background-position:50%!important;background-size:2rem auto!important;background-repeat:no-repeat!important;}

/* ============================================================
   Social footer come icone tonde (classi reali: facebook/instagram/pinterest + telegram)
   ============================================================ */
.ps-social-follow ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none!important;padding:0!important;margin:10px 0 0!important;}
.ps-social-follow li{width:42px;height:42px;border-radius:50%;background-color:var(--il-arancio-tenue);background-repeat:no-repeat;background-position:50%;background-size:22px auto;transition:.15s;}
.ps-social-follow li:hover{background-color:var(--il-arancio);}
.ps-social-follow li a{display:block;width:100%;height:100%;font-size:0!important;color:transparent!important;text-indent:-9999px;overflow:hidden;}
.ps-social-follow li.facebook{background-image:url('/modules/ilmurrillotheme/views/img/facebook.svg');}
.ps-social-follow li.instagram{background-image:url('/modules/ilmurrillotheme/views/img/instagram.svg');}
.ps-social-follow li.pinterest{background-image:url('/modules/ilmurrillotheme/views/img/pinterest.svg');}
.ps-social-follow li.ps-socialfollow-telegram{background-image:url('/modules/ilmurrillotheme/views/img/telegram.svg')!important;background-size:24px auto!important;}

/* Social compatti nell'header (riga menu, accanto a Contattaci) */
.il-menu-right{gap:14px;}
.il-header-social .ps-social-follow{margin:0!important;}
.il-header-social .ps-social-follow h4{display:none!important;}
.il-header-social .ps-social-follow ul{margin:0!important;gap:8px!important;}
.il-header-social .ps-social-follow li{width:32px!important;height:32px!important;background-size:17px auto!important;}

/* ============================================================
   Sezione home "Sfoglia per categoria" (pillole colorate)
   ============================================================ */
.il-cats{padding:44px 0;}
/* Sezione "Sfoglia per categoria" nascosta in home (categorie nel menu/cassetto) — i link restano nell'HTML */
.il-cats{display:none !important;}
.il-cats-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap;}
.il-cats-head h2{margin:0;font-weight:800;font-size:30px;letter-spacing:-.5px;color:var(--il-scuro);}
.il-cats-all{color:var(--il-arancio-scuro)!important;font-weight:800;text-decoration:none!important;white-space:nowrap;}
.il-cats-all:hover{color:var(--il-arancio)!important;}
.il-cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 26px;}
.il-cat-pill{display:block;padding:18px 26px;border-radius:16px;font-weight:800;font-size:16px;text-decoration:none!important;transition:.15s;border:2px solid transparent;}
.il-cat-pill:nth-child(4n+1){background:var(--il-arancio-tenue);color:var(--il-arancio-scuro)!important;}
.il-cat-pill:nth-child(4n+2){background:var(--il-verde-tenue);color:var(--il-verde-scuro)!important;}
.il-cat-pill:nth-child(4n+3){background:#fdf3ea;color:var(--il-arancio-scuro)!important;}
.il-cat-pill:nth-child(4n+0){background:var(--il-verde-soft);color:var(--il-verde-scuro)!important;}
.il-cat-pill:hover{border-color:var(--il-arancio);transform:translateY(-2px);box-shadow:0 10px 22px rgba(238,133,66,.14);}
@media (max-width:768px){.il-cats-grid{grid-template-columns:1fr;}}

/* Slider: niente testo sovrapposto (titolo + didascalia) */
.homeslider .caption,#carousel .caption,.carousel.slide .caption,.slick-slider .caption{display:none!important;}

/* ===== Form Contatti (Stile 5) ===== */
.il-contact-form{max-width:720px;margin:2rem auto;background:#fff;border:1px solid #f0e6dc;border-radius:16px;padding:2rem 2.2rem;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.il-contact-form header{margin-bottom:1.4rem}
.il-contact-form header h1{color:#ee8542;margin:0 0 .3rem}
.il-contact-form header p{color:#8a8a8a;margin:0;font-size:.95rem}
.il-contact-form .form-fields{display:flex;flex-direction:column;gap:1.1rem}
.il-contact-form .form-fields label{display:block;margin:0}
.il-contact-form .form-fields label>span{display:block;font-weight:600;color:#5a5a5a;margin-bottom:.35rem;font-size:.92rem}
.il-contact-form input[type=email],.il-contact-form input[type=text],.il-contact-form select,.il-contact-form textarea{width:100%;padding:.7rem .9rem;border:1px solid #e2d6c8;border-radius:10px;font-size:1rem;background:#fdfaf7;color:#3a3a3a;box-sizing:border-box}
.il-contact-form textarea{min-height:150px;resize:vertical}
.il-contact-form input[type=file]{padding:.5rem 0;background:transparent;border:0}
.il-contact-form input:focus,.il-contact-form select:focus,.il-contact-form textarea:focus{outline:none;border-color:#ee8542;box-shadow:0 0 0 3px rgba(238,133,66,.15)}
.il-contact-form .il-captcha-field input{max-width:160px}
.il-contact-form .form-footer{margin-top:1.6rem;text-align:right}
.il-contact-form .form-footer button{background:linear-gradient(90deg,#ee8542,#8fbf55);color:#fff;border:0;border-radius:999px;padding:.7rem 2.2rem;font-weight:700;font-size:1rem;cursor:pointer;transition:filter .2s}
.il-contact-form .form-footer button:hover{filter:brightness(1.06)}
.il-contact-form .notification{border-radius:10px;padding:.85rem 1rem;margin-bottom:1.2rem;border:0}
.il-contact-form .notification ul{margin:0;padding-left:1.1rem}
.il-contact-form .notification-success{background:#eef7e6;color:#4a7a1e}
.il-contact-form .notification-error{background:#fdecec;color:#b53535}
.il-contact-form .form-fields label,.il-contact-form .form-fields label>span{text-align:left}

/* ===== Widget punti fedeltà IDnovate (Stile 5): blu -> arancio brand ===== */
.lep-slider-number,
.lep-display-points,.lep-display-voucher,
.lep-compact-summary .lep-display-points,
.lep-compact-summary .lep-display-voucher{color:#ee8542 !important}
.lep-range-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#ee8542 0%,#ee8542 var(--lep-fill,0%),#f0e0d2 var(--lep-fill,0%),#f0e0d2 100%) !important}
.lep-range-slider::-moz-range-progress{background-color:#ee8542 !important}
.lep-range-slider::-webkit-slider-thumb{background-color:#ee8542 !important;border-color:#ee8542 !important}
.lep-range-slider::-moz-range-thumb{background-color:#ee8542 !important;border-color:#ee8542 !important}
.loyalty-block-cart-wrapper .lep-slider-submit .btn,
.loyalty-block-cart-wrapper .loyalty-block-redeem-btn .btn,
.loyalty-block-cart-wrapper button[type=submit]{
  background:var(--il-arancio) !important;color:#fff !important;border:0 !important;border-radius:999px !important;font-weight:700;
  box-shadow:0 6px 16px rgba(238,133,66,.28)}
.loyalty-block-cart-wrapper .lep-slider-submit .btn:hover,
.loyalty-block-cart-wrapper .loyalty-block-redeem-btn .btn:hover,
.loyalty-block-cart-wrapper button[type=submit]:hover{
  background:var(--il-arancio-scuro) !important}

/* ===== Fix layout widget punti nel carrello (bottone che sforava) ===== */
.lep-compact-alert{overflow:hidden;box-sizing:border-box}
.lep-compact-alert .lep-slider-wrap{flex-wrap:wrap}
.lep-compact-alert .btn,.lep-compact-form .btn{
  display:block;width:fit-content;max-width:100%;white-space:normal;box-sizing:border-box;
  margin:1rem auto 0;padding:.65rem 1.4rem;line-height:1.25;
  background:var(--il-arancio)!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:700;
  box-shadow:0 6px 16px rgba(238,133,66,.28)}
.lep-compact-alert .btn:hover,.lep-compact-form .btn:hover,
.lep-compact-alert .btn:active,.lep-compact-form .btn:active{
  background:var(--il-arancio-scuro)!important}

/* ===== Pulsante "Compra" nelle liste prodotti (miniatura) ===== */
.product-miniature .ilmu-buy{margin-top:.55rem}
.product-miniature .ilmu-buy-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  width:100%;padding:.5rem 1rem;line-height:1.2;text-align:center;
}
.product-miniature .ilmu-buy-btn .material-icons{font-size:1.15em;line-height:1}
.product-miniature .ilmu-buy-btn.is-loading{opacity:.65;pointer-events:none}
/* feedback "Aggiunto" col verde del brand (coerente arancio+verdino) */
.product-miniature .ilmu-buy-btn.is-added,
.product-miniature .ilmu-buy-btn.is-added:hover{
  background:var(--il-verde-scuro)!important;border-color:var(--il-verde-scuro)!important;color:#fff!important;
  box-shadow:0 6px 16px rgba(109,154,56,.28)!important;
}

/* ===== Image swap sull'hover: la 2ª immagine sostituisce la copertina (via JS,
   scambio della sorgente dell'<img>). Nessun CSS necessario. ===== */

/* ===== Albero categorie (colonna sinistra) SEMPRE APERTO ===== */
#left-column .block-categories .collapse{display:block !important;height:auto !important;visibility:visible !important;}
#left-column .block-categories .collapse-icons,
#left-column .block-categories .arrows{display:none !important;}
#left-column .block-categories .category-sub-menu{margin-left:0;}
#left-column .block-categories li[data-depth] > .collapse{padding-left:14px;}

/* ===== MOBILE: blocchi prodotti home (Popolari/Novità/Saldi) come slider (transform) =====
   Metodo transform (featured-carousel.js): rail interno traslato, un prodotto per volta.
   Su desktop il rail è display:contents → i prodotti restano la griglia normale. */
.ilmu-cartrack{display:contents;}
@media (max-width:767.98px){
  .featured-products{position:relative;}
  .featured-products .products{display:block !important;overflow:hidden;margin-left:0 !important;margin-right:0 !important;padding:0;}
  .featured-products .ilmu-cartrack{display:flex !important;flex-wrap:nowrap !important;transition:transform .45s ease;will-change:transform;touch-action:pan-y;}
  /* 2 card affiancate per schermata su TUTTI i blocchi prodotti home (Consigliati/Novità/Saldi) */
  .featured-products .ilmu-cartrack > *{flex:0 0 50% !important;max-width:50% !important;width:50% !important;min-width:50% !important;box-sizing:border-box;padding:0 5px;display:flex !important;}
  /* card ad altezza uniforme → pulsanti COMPRA allineati in fondo (anche con titoli su righe diverse) */
  .featured-products .ilmu-cartrack > * > .product-miniature,
  .featured-products .ilmu-cartrack .product-miniature{width:100% !important;display:flex !important;flex-direction:column !important;}
  .featured-products .ilmu-cartrack .product-miniature .thumbnail-container,
  .featured-products .ilmu-cartrack .product-miniature .card{height:100% !important;display:flex !important;flex-direction:column !important;width:100% !important;}
  .featured-products .ilmu-cartrack .product-miniature .product-description{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;}
  .featured-products .ilmu-cartrack .product-miniature .ilmu-buy{margin-top:auto !important;}
}

/* Barra puntini del carosello mobile (nascosta su desktop) */
.ilmu-car-dots{display:none;}
@media (max-width:767.98px){
  .ilmu-car-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0 2px;padding:0;}
  .ilmu-car-dot{width:9px;height:9px;padding:0;border-radius:50%;cursor:pointer;
    background:var(--il-sabbia);border:1px solid var(--il-arancio-soft);transition:transform .2s,background .2s;}
  .ilmu-car-dot.is-active{background:var(--il-arancio);border-color:var(--il-arancio);transform:scale(1.3);}
}

/* ===== Albero categorie compatto e curato (colonna sinistra) ===== */
/* contenitore (sidebar + home) */
#left-column .block-categories.il-cattree,
.page-home .il-home-cats .block-categories.il-cattree{border:2px solid var(--il-sabbia);border-radius:16px;background:#fff;padding:14px 12px 10px;}
/* struttura albero (classi custom → nessun conflitto con il tema; !important solo dove il tema stila ul/li) */
.il-cattree .il-cat-top{list-style:none !important;margin:0 !important;padding:0 !important;}
.il-cattree .il-cat-group{margin:0 0 6px;}
.il-cattree .il-cat-parent{display:block;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;
  color:var(--il-scuro)!important;padding:0 4px 8px;margin-bottom:8px;border-bottom:2px solid var(--il-arancio);text-decoration:none!important;}
.il-cattree .il-cat-parent:hover{color:var(--il-arancio-scuro)!important;}
.il-cattree .il-cat-list,.il-cattree .il-cat-children{list-style:none !important;margin:0 !important;padding:0 !important;}
.il-cattree .il-cat-node{margin:0 !important;width:auto !important;min-width:0 !important;}
/* TUTTA la riga si evidenzia al passaggio del mouse (freccia inclusa) */
.il-cattree .il-cat-row{display:flex;align-items:center;gap:2px;border-radius:8px;transition:background .15s;}
.il-cattree .il-cat-row:hover{background:var(--il-arancio-tenue);}
.il-cattree .il-cat-row:hover .il-cat-link{color:var(--il-arancio-scuro)!important;}
.il-cattree .il-cat-link{flex:1 1 auto;min-width:0;display:block;padding:5px 8px;font-size:.88rem;line-height:1.3;
  color:var(--il-scuro)!important;text-decoration:none!important;background:transparent!important;}
/* indicatore +/− a SINISTRA della voce (order:-1); click SOLO qui per aprire/chiudere.
   Spazio riservato anche sulle foglie (visibility) → etichette allineate. */
.il-cattree .il-cat-toggle{order:-1;flex:0 0 auto;width:20px;height:26px;padding:0;border:0;background:transparent;cursor:pointer;position:relative;}
.il-cattree .il-cat-toggle::before,
.il-cattree .il-cat-toggle::after{content:"";position:absolute;top:50%;left:50%;background:var(--il-arancio-scuro);border-radius:1px;}
.il-cattree .il-cat-toggle::before{width:10px;height:2px;transform:translate(-50%,-50%);}   /* barra orizzontale (sempre) */
.il-cattree .il-cat-toggle::after{width:2px;height:10px;transform:translate(-50%,-50%);transition:opacity .18s;} /* barra verticale → "+" */
.il-cattree .il-cat-node.is-open > .il-cat-row > .il-cat-toggle::after{opacity:0;} /* aperto → resta solo "−" */
.il-cattree .il-cat-toggle[hidden]{display:inline-block !important;visibility:hidden;}
/* figli indentati */
.il-cattree .il-cat-children{margin-left:14px !important;border-left:1px solid var(--il-linea);padding-left:4px !important;}
.il-cattree .il-cat-children .il-cat-link{font-size:.84rem;}
.il-cattree .il-cat-children[hidden]{display:none !important;}

/* ===== Intestazione categoria: immagine sulla stessa riga di titolo+descrizione ===== */
.il-cat-header{display:flex;align-items:flex-start;gap:24px;}
.il-cat-header .il-cat-header-text{flex:1 1 auto;min-width:0;}
.il-cat-header .il-cat-header-text h1{margin-top:0;}
.il-cat-header .il-cat-header-img{flex:0 0 auto;margin:0;align-self:flex-start;}
.il-cat-header .il-cat-header-img img{max-width:170px;width:auto;height:auto;border-radius:12px;display:block;}
@media (max-width:767.98px){
  .il-cat-header{flex-direction:column;gap:12px;}
  .il-cat-header .il-cat-header-img img{max-width:140px;}
}

/* ===== MOBILE: le categorie stanno nel menu hamburger → nascondi l'albero in colonna sx ===== */
@media (max-width:767.98px){
  #left-column .block-categories{display:none !important;}
}

/* ===== Menu "Catalogo" (desktop): niente tendina su hover, solo link alla pagina ===== */
#_desktop_top_menu #category-3 .sub-menu{display:none !important;visibility:hidden !important;opacity:0 !important;}

/* ===== Menu mobile: TUTTE le voci uguali. Menu spostato via JS in #_mobile_top_menu.
   Stato normale = grigio uniforme; tap/hover = arancione su TUTTE (come Home). ===== */
#_mobile_top_menu .top-menu > li > a,
#_mobile_top_menu .top-menu > li > span,
#_mobile_top_menu #top-menu > li > a,
#_mobile_top_menu #top-menu > li > span,
#_mobile_top_menu .top-menu > li.current > a,
#_mobile_top_menu #top-menu > li.current > a{
  display:block !important;padding:.75rem 1rem !important;margin:0 !important;text-indent:0 !important;
  background:transparent !important;background-color:transparent !important;color:#6d6a66 !important;
  font-weight:700 !important;text-transform:uppercase !important;border-radius:0 !important;box-shadow:none !important;
  border-bottom:1px solid #f1eee9 !important;text-decoration:none !important;transition:background .12s,color .12s;
}
/* hover/attiva: arancione UNIFORME su tutte le voci (NON :focus → niente arancione fisso sulla voce corrente) */
#_mobile_top_menu .top-menu > li > a:hover,
#_mobile_top_menu .top-menu > li > a:active,
#_mobile_top_menu #top-menu > li > a:hover,
#_mobile_top_menu #top-menu > li > a:active{
  background:var(--il-arancio) !important;background-color:var(--il-arancio) !important;color:#fff !important;border-radius:0 !important;
}
#_mobile_top_menu .top-menu > li > a:hover > span,
#_mobile_top_menu .top-menu > li > a:active > span,
#_mobile_top_menu #top-menu > li > a:hover > span,
#_mobile_top_menu #top-menu > li > a:active > span{color:#fff !important;}
#_mobile_top_menu .top-menu > li > a > span,
#_mobile_top_menu #top-menu > li > a > span{
  background:transparent !important;color:inherit !important;font-weight:inherit !important;
  text-transform:inherit !important;padding:0 !important;border:0 !important;border-radius:0 !important;display:inline !important;
}

/* ===== Menu mobile: Catalogo = solo link (via freccia e tendina categorie) ===== */
#mobile_top_menu_wrapper #category-3 .navbar-toggler,
#mobile_top_menu_wrapper #category-3 .collapse-icons,
#mobile_top_menu_wrapper #category-3 > .sub-menu,
#mobile_top_menu_wrapper #category-3 .js-sub-menu{display:none !important;}

/* ===== MOBILE: carrello (#_mobile_cart) — staccato dalla barra promo in alto + icona centrata ===== */
@media (max-width:767.98px){
  /* abbassa la riga hamburger+carrello così non è attaccata alla barra promo */
  .header-nav.il-topbar .hidden-md-up.mobile{padding-top:8px !important;padding-bottom:6px !important;}
  /* logo mobile centrato e dimensionato (#_mobile_logo era vuoto) */
  #menu-icon{margin-top:6px;}
  /* ACCOUNT/login nell'header mobile: pulsante tondo arancione come il carrello */
  #il-mobile-account{margin-top:4px;margin-right:6px;display:inline-flex;align-items:center;justify-content:center;
    width:42px;height:42px;border-radius:50%;background:var(--il-arancio) !important;text-decoration:none !important;
    box-shadow:0 3px 10px rgba(238,133,66,.35);-webkit-tap-highlight-color:transparent;transition:background .15s;}
  #il-mobile-account .material-icons{font-size:24px;line-height:1;color:#fff !important;}
  #il-mobile-account:hover,#il-mobile-account:active{background:var(--il-arancio-scuro) !important;}
  #il-mobile-account:hover .material-icons,#il-mobile-account:active .material-icons{color:#fff !important;}
  /* riga CERCA dedicata sotto il logo (il searchbar nativo viene spostato qui via JS) */
  .header-nav.il-topbar{max-height:none !important;height:auto !important;} /* il tema mette #header .header-nav{max-height:50px} → la topbar deve crescere per la riga ricerca */
  #il-mobile-search-row{clear:both;padding:8px 2px 2px;}
  #il-mobile-search-row #search_widget{width:100% !important;max-width:none !important;margin:0 !important;float:none !important;position:relative !important;}
  #il-mobile-search-row #search_widget form{display:flex !important;align-items:center;gap:8px;background:var(--il-sabbia);
    border:1px solid var(--il-linea);border-radius:14px;padding:10px 14px;box-shadow:none !important;}
  #il-mobile-search-row #search_widget input[type="text"]{flex:1 1 auto;min-width:0;width:auto !important;border:0 !important;
    background:transparent !important;font-size:16px !important;line-height:1.4;outline:none !important;color:var(--il-scuro);
    padding:0 !important;height:auto !important;box-shadow:none !important;}
  #il-mobile-search-row #search_widget .material-icons{position:static !important;margin:0 !important;top:auto !important;transform:none !important;}
  #il-mobile-search-row #search_widget .material-icons.search{color:var(--il-arancio-scuro);font-size:22px;}
  #il-mobile-search-row #search_widget .material-icons.clear{color:var(--il-grigio);font-size:20px;cursor:pointer;}
  #il-mobile-search-row #search_widget .ui-autocomplete,
  #il-mobile-search-row #search_widget .autocomplete-suggestions{width:100% !important;left:0 !important;}
  #_mobile_logo{text-align:center;}
  #_mobile_logo img,#_mobile_logo .logo{max-height:56px;width:auto !important;height:auto !important;display:inline-block;margin:0 auto;}
  #_mobile_logo h1{margin:0;}
  /* icona carrello centrata nel pulsante arancione */
  #_mobile_cart .blockcart.cart-preview{display:inline-flex !important;align-items:center !important;justify-content:center !important;}
  #_mobile_cart .blockcart.cart-preview .header{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:4px;width:auto !important;}
  #_mobile_cart .blockcart.cart-preview .material-icons.shopping-cart{margin:0 !important;line-height:1 !important;vertical-align:middle !important;}
  /* avvicina il carrello all'icona account: elimina lo scarto a sinistra della pillola */
  #_mobile_cart .blockcart{margin-left:0 !important;}
}

/* ===== HOME a DUE COLONNE (solo desktop): albero categorie a sinistra ===== */
.page-home .il-home-layout{display:block;}
.page-home .il-home-cats{margin-bottom:24px;}
@media (min-width:992px){
  .page-home .il-home-layout{display:flex;align-items:flex-start;gap:28px;}
  .page-home .il-home-cats{flex:0 0 262px;max-width:262px;margin-bottom:0;position:sticky;top:12px;
    max-height:calc(100vh - 24px);overflow-y:auto;}
  .page-home .il-home-main{flex:1 1 auto;min-width:0;}
}
/* mobile/tablet: albero nascosto in home (categorie nel menu hamburger) */
@media (max-width:991.98px){
  .page-home .il-home-cats{display:none !important;}
}
/* Lo stile dell'albero in HOME è ora condiviso dalle regole .il-cattree qui sopra (sidebar + home). */

/* ===== Pagina "Catalogo" (id3): rimosso l'elenco di TUTTI i prodotti sotto (era l'unione di tutte le
   sottocategorie, ~12.894 → ridondante con tessere + albero). Restano intestazione, tessere e albero;
   i prodotti si sfogliano entrando nelle singole categorie. Anche i filtri a faccette (inutili senza lista). ===== */
body.category-id-3 #js-product-list-top,
body.category-id-3 #js-product-list,
body.category-id-3 .products-selection,
body.category-id-3 .pagination,
body.category-id-3 #search_filters_wrapper,
body.category-id-3 #search_filters{display:none !important;}

/* ===== Catalogo (id3) e Novità (new-products): colonna sinistra vuota → contenuto a tutta larghezza ===== */
body.category-id-3 #left-column,
body.page-new-products #left-column{display:none !important;}
body.category-id-3 #content-wrapper,
body.page-new-products #content-wrapper{flex:0 0 100% !important;max-width:100% !important;width:100% !important;}

/* ===== Categoria foglia SENZA filtri (faceted vuoto): niente colonna sinistra vuota → 100% ai prodotti ===== */
body.il-no-filters #left-column{display:none !important;}
body.il-no-filters #content-wrapper{flex:0 0 100% !important;max-width:100% !important;width:100% !important;}

/* ===== Categoria GENITORE (ha sottocategorie): mostra solo le tessere, niente prodotti/filtri =====
   I prodotti si vedono solo entrando nelle categorie foglia (senza sottocategorie). ===== */
#subcategories ~ #products{display:none !important;}          /* fallback puro CSS (fratelli in #main) */
body.il-has-subcats #products,
body.il-has-subcats #search_filters_wrapper,
body.il-has-subcats #search_filters{display:none !important;}
body.il-has-subcats #left-column{display:none !important;}
body.il-has-subcats #content-wrapper{flex:0 0 100% !important;max-width:100% !important;width:100% !important;}

/* ===== PROVA (reversibile): slider orizzontale categorie SUBITO DOPO L'HEADER (hook displayNavFullWidth).
   Per rimuoverlo basta sganciare l'hook displayNavFullWidth dal modulo ilmurrillotheme. ===== */
.il-catslider{width:100%;padding:0;background:linear-gradient(180deg,#fff, var(--il-sabbia) 260%);border-bottom:1px solid var(--il-linea);}
.il-catslider-wrap{position:relative;}
.il-catslider-track{display:flex;gap:18px;overflow-x:auto;padding:10px 10px 10px;scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;}
.il-catslider-track::-webkit-scrollbar{display:none;}
.il-catslide{flex:0 0 auto;width:104px;scroll-snap-align:start;text-decoration:none!important;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--il-scuro)!important;}
.il-catslide-img{width:100px;height:100px;border-radius:20px;overflow:hidden;background:var(--il-sabbia);
  display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(31,26,22,.10);
  outline:2px solid transparent;outline-offset:2px;transition:transform .2s ease,box-shadow .2s ease,outline-color .2s ease;}
.il-catslide:hover .il-catslide-img{transform:translateY(-4px);box-shadow:0 12px 24px rgba(238,133,66,.28);outline-color:var(--il-arancio);}
.il-catslide-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.il-catslide:hover .il-catslide-img img{transform:scale(1.06);}
.il-catslide-noimg{background:linear-gradient(135deg,var(--il-arancio-tenue),var(--il-verde-tenue));}
.il-catslide-name{font-size:12.5px;font-weight:700;line-height:1.25;max-width:104px;color:var(--il-scuro)!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s;}
.il-catslide:hover .il-catslide-name{color:var(--il-arancio-scuro)!important;}
/* frecce di scorrimento */
.il-catslider-nav{position:absolute;top:40px;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;z-index:3;
  background:#fff;box-shadow:0 4px 14px rgba(31,26,22,.16);display:flex;align-items:center;justify-content:center;
  transition:opacity .2s,transform .15s,background .15s;}
.il-catslider-nav:hover{background:var(--il-arancio);transform:scale(1.06);}
.il-catslider-nav::before{content:"";width:9px;height:9px;border-top:2px solid var(--il-arancio-scuro);border-right:2px solid var(--il-arancio-scuro);transition:border-color .15s;}
.il-catslider-nav:hover::before{border-color:#fff;}
.il-catslider-prev{left:-6px;}
.il-catslider-prev::before{transform:rotate(-135deg);margin-left:4px;}
.il-catslider-next{right:-6px;}
.il-catslider-next::before{transform:rotate(45deg);margin-right:4px;}
.il-catslider-nav.is-hidden{opacity:0;pointer-events:none;}
@media (max-width:767.98px){
  .il-catslider{padding:2px 0 10px;}                 /* meno spazio bianco tra logo e slider */
  .il-catslider-track{padding-top:4px;padding-bottom:6px;}
  /* indizio di scorrimento #1: sfumature ai bordi, compaiono in base alla posizione */
  .il-catslider-wrap::before,.il-catslider-wrap::after{content:"";position:absolute;top:0;bottom:0;width:42px;z-index:2;
    pointer-events:none;opacity:0;transition:opacity .2s ease;}
  .il-catslider-wrap::before{left:0;background:linear-gradient(90deg,#fff 25%,rgba(255,255,255,0));}
  .il-catslider-wrap::after{right:0;background:linear-gradient(270deg,#fff 25%,rgba(255,255,255,0));}
  .il-catslider.cs-scrollable:not(.cs-at-start) .il-catslider-wrap::before{opacity:1;}
  .il-catslider.cs-scrollable:not(.cs-at-end) .il-catslider-wrap::after{opacity:1;}
  /* indizio di scorrimento #2: frecce compatte VISIBILI su mobile (si nascondono a inizio/fine via JS) */
  .il-catslider-nav{display:flex;width:34px;height:34px;top:33px;background:rgba(255,255,255,.94);
    box-shadow:0 3px 12px rgba(31,26,22,.22);}
  .il-catslider-nav::before{width:8px;height:8px;}
  .il-catslider-prev{left:5px;}
  .il-catslider-next{right:5px;}
  /* indizio #3: finché si è a inizio, la freccia destra "pulsa" per invitare allo swipe */
  .il-catslider.cs-scrollable.cs-at-start .il-catslider-next{animation:il-csnudge 1.3s ease-in-out 3;}
}
@keyframes il-csnudge{0%,100%{transform:translateX(0);}50%{transform:translateX(-6px);}}
/* Desktop: slider categorie nascosto (le categorie sono nel menu a cassetto) */
@media (min-width:768px){ .il-catslider{display:none !important;} }


/* ===== Cassetto categorie (desktop): pulsante + overlay a comparsa da sinistra ===== */
.il-drawer-trigger{display:inline-flex;align-items:center;gap:7px;background:var(--il-sabbia);border:0;border-radius:22px;
  padding:8px 16px;margin-right:16px;font-weight:800;font-size:13px;letter-spacing:.02em;text-transform:uppercase;
  color:var(--il-scuro);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;}
.il-drawer-trigger:hover{background:var(--il-arancio);color:#fff;}
.il-drawer-trigger .material-icons{font-size:20px;line-height:1;}
/* Pulsante "Menu" fisso in header nascosto: in cima basta il menu orizzontale, allo scroll c'è il FAB */
.il-drawer-trigger{display:none !important;}

.il-drawer-backdrop{position:fixed;inset:0;background:rgba(31,26,22,.5);z-index:1040;opacity:0;transition:opacity .3s ease;}
.il-drawer{position:fixed;top:0;left:0;height:100%;width:320px;max-width:94vw;background:#fff;z-index:1050;
  box-shadow:6px 0 34px rgba(0,0,0,.20);transform:translateX(-100%);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;overflow:hidden;}
.il-drawer-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:17px 16px 15px 18px;background:linear-gradient(180deg,#fff,var(--il-sabbia));border-bottom:1px solid var(--il-linea);
  box-shadow:0 3px 0 var(--il-arancio-soft);position:relative;z-index:2;}
.il-drawer-title{font-weight:800;font-size:16px;color:var(--il-scuro);text-transform:uppercase;letter-spacing:.06em;}
.il-drawer-close{display:inline-flex;align-items:center;gap:4px;background:#fff;border:0;cursor:pointer;
  color:var(--il-grigio);font-weight:700;font-size:12.5px;padding:6px 10px;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.08);
  transition:background .15s,color .15s,box-shadow .15s;}
.il-drawer-close:hover{background:var(--il-arancio);color:#fff;box-shadow:0 4px 12px rgba(238,133,66,.35);}
.il-drawer-close .material-icons{font-size:19px;line-height:1;}
.il-drawer-body{flex:1 1 auto;overflow:hidden;padding:0;}
/* colonne affiancate: scorrono in orizzontale se troppe; ogni colonna scorre in verticale */
.il-dd{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}
.il-dd::-webkit-scrollbar{display:none;}
.il-dd-col{flex:0 0 320px;width:320px;height:100%;overflow-y:auto;border-right:1px solid var(--il-linea);
  transition:opacity .16s ease;}
.il-dd-col:last-child{border-right:0;}
.il-dd-col-enter{opacity:0;}
.il-dd-item.is-active{background:var(--il-arancio-tenue);color:var(--il-arancio-scuro)!important;}
.il-dd-item.is-active .il-dd-chev{border-color:var(--il-arancio-scuro);}
/* pulsante Indietro nella testata */
.il-dd-back{background:none;border:0;cursor:pointer;color:var(--il-scuro);padding:2px 8px 2px 0;margin-right:2px;
  display:inline-flex;align-items:center;border-radius:8px;transition:color .15s;}
.il-dd-back:hover{color:var(--il-arancio);}
.il-dd-back .material-icons{font-size:26px;line-height:1;}
.il-dd-back[hidden]{display:none;}
.il-drawer-head{gap:6px;}
.il-drawer-head .il-dd-title{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* navigazione a livelli */
.il-dd-list{list-style:none;margin:0;padding:0;}
.il-dd-list li{margin:0;}
.il-dd-item{display:flex;align-items:center;gap:11px;width:100%;box-sizing:border-box;position:relative;
  padding:12px 16px 12px 18px;border:0;background:none;text-align:left;font-size:.95rem;font-weight:600;line-height:1.25;
  color:var(--il-scuro)!important;text-decoration:none!important;cursor:pointer;border-bottom:1px solid var(--il-linea);
  transition:background .14s,color .14s,padding .12s;}
.il-dd-item::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:background .14s;}
.il-dd-item:hover{background:var(--il-arancio-tenue);color:var(--il-arancio-scuro)!important;padding-left:22px;}
.il-dd-item:hover::before{background:var(--il-arancio);}
.il-dd-txt{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.il-dd-ic{flex:0 0 auto;font-size:21px;color:var(--il-arancio-scuro);opacity:.92;}
.il-dd-chev{flex:0 0 auto;width:8px;height:8px;border-top:2px solid var(--il-grigio);border-right:2px solid var(--il-grigio);
  transform:rotate(45deg);transition:border-color .14s;margin-right:2px;}
.il-dd-item:hover .il-dd-chev{border-color:var(--il-arancio-scuro);}
/* separatore "Il tuo account" */
.il-dd-sep{padding:16px 16px 7px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--il-grigio);border-top:1px solid var(--il-linea);margin-top:4px;}
.il-dd-all{display:block;margin:10px 12px 8px;padding:10px 14px;border-radius:12px;font-weight:800;font-size:.76rem;
  text-transform:uppercase;letter-spacing:.04em;text-align:center;color:#fff!important;text-decoration:none!important;
  background:var(--il-arancio);box-shadow:0 4px 12px rgba(238,133,66,.28);transition:background .15s,transform .12s;}
.il-dd-all:hover{background:var(--il-arancio-scuro);transform:translateY(-1px);}
/* stato attivo: anche la barretta a sinistra */
.il-dd-item.is-active::before{background:var(--il-arancio);}
/* stato aperto */
body.il-drawer-open{overflow:hidden;}
body.il-drawer-open .il-drawer-backdrop{opacity:1;}
body.il-drawer-open .il-drawer{transform:translateX(0);}

/* ===== Pulsante flottante MENU (desktop): compare allo scroll, in alto a sinistra ===== */
.il-menu-fab{position:fixed;top:16px;left:16px;z-index:1035;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;
  background:var(--il-arancio);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(238,133,66,.42);opacity:0;transform:translateY(-10px) scale(.9);pointer-events:none;
  transition:opacity .25s ease,transform .25s ease,background .15s;}
.il-menu-fab .material-icons{font-size:27px;line-height:1;}
.il-menu-fab:hover{background:var(--il-arancio-scuro);}
body.il-show-fab .il-menu-fab{opacity:1;transform:none;pointer-events:auto;}
body.il-drawer-open .il-menu-fab{opacity:0;pointer-events:none;} /* nascondi il FAB quando il cassetto è aperto */

/* ===== Pulsante flottante CARRELLO (desktop): compare allo scroll, in alto a destra ===== */
.il-cart-fab{position:fixed;top:16px;right:16px;z-index:1035;width:52px;height:52px;border-radius:50%;
  background:var(--il-arancio);color:#fff !important;display:flex;align-items:center;justify-content:center;text-decoration:none !important;
  box-shadow:0 6px 18px rgba(238,133,66,.42);opacity:0;transform:translateY(-10px) scale(.9);pointer-events:none;
  transition:opacity .25s ease,transform .25s ease,background .15s;}
.il-cart-fab:hover{background:var(--il-arancio-scuro);}
.il-cart-fab .material-icons{font-size:26px;line-height:1;}
.il-cart-fab-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:11px;
  background:var(--il-scuro);color:#fff;font-size:12px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.il-cart-fab-count.is-empty{display:none;}
body.il-show-fab .il-cart-fab{opacity:1;transform:none;pointer-events:auto;}
body.il-drawer-open .il-cart-fab{opacity:0;pointer-events:none;}

/* ===== Pulsante flottante RICERCA (desktop): a sinistra del carrello ===== */
.il-search-fab{position:fixed;top:16px;right:80px;z-index:1035;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;
  background:var(--il-arancio);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(238,133,66,.42);opacity:0;transform:translateY(-10px) scale(.9);pointer-events:none;
  transition:opacity .25s ease,transform .25s ease,background .15s;}
.il-search-fab:hover{background:var(--il-arancio-scuro);}
.il-search-fab .material-icons{font-size:25px;line-height:1;}
body.il-show-fab .il-search-fab{opacity:1;transform:none;pointer-events:auto;}
body.il-drawer-open .il-search-fab{opacity:0;pointer-events:none;}
/* overlay ricerca */
.il-search-overlay{position:fixed;inset:0;z-index:1060;background:rgba(31,26,22,.55);display:flex;align-items:flex-start;justify-content:center;
  padding-top:13vh;opacity:0;transition:opacity .2s ease;}
.il-search-overlay.is-open{opacity:1;}
.il-search-overlay[hidden]{display:none;}
.il-search-box{display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:8px 10px 8px 14px;
  width:min(680px,92vw);box-shadow:0 18px 50px rgba(0,0,0,.3);}
.il-search-ic{flex:0 0 auto;color:var(--il-arancio-scuro);font-size:26px;line-height:1;}
.il-search-host{flex:1 1 auto;min-width:0;display:flex;}
/* il searchbar nativo spostato qui: pulito, senza box/bordo/icone native del tema */
.il-search-host #search_widget,.il-search-host .search-widgets{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;}
.il-search-host #search_widget form{margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;display:block;}
.il-search-host .material-icons{display:none !important;} /* nascondi icone native (search/clear): usiamo la nostra */
.il-search-host input[type="text"]{width:100% !important;font-size:18px !important;line-height:1.4;border:0 !important;outline:none !important;
  background:transparent !important;box-shadow:none !important;border-radius:0 !important;padding:6px 2px !important;color:var(--il-scuro) !important;}
.il-search-close{flex:0 0 auto;background:none;border:0;cursor:pointer;color:var(--il-grigio);display:inline-flex;padding:6px;border-radius:8px;transition:color .15s;}
.il-search-close:hover{color:var(--il-arancio-scuro);}
/* dropdown autocomplete sopra l'overlay */
.ui-autocomplete,.searchbar-autocomplete,.ui-menu.ui-autocomplete{z-index:1075 !important;}

/* ===== HERO home: slider (rapporto 870×542) a sinistra + 2 immagini fisse impilate a destra ===== */
.page-home .il-hero{display:flex;gap:20px;align-items:stretch;margin:6px 0 40px;}
.page-home .il-hero-slider{flex:1 1 auto;min-width:0;}
.page-home .il-hero-slider #carousel{aspect-ratio:870/542;height:auto;margin:0;border-radius:20px;overflow:hidden;
  box-shadow:0 12px 34px rgba(31,26,22,.14);}
.page-home .il-hero-slider .carousel-inner,
.page-home .il-hero-slider .carousel-item,
.page-home .il-hero-slider .carousel-item > a,
.page-home .il-hero-slider .carousel-item figure,
.page-home .il-hero-slider .carousel-item > img{height:100% !important;}
.page-home .il-hero-slider .carousel-item > a{display:block;}
.page-home .il-hero-slider .carousel-item figure{margin:0 !important;}
.page-home .il-hero-slider .carousel-item img{width:100% !important;height:100% !important;object-fit:cover !important;}
/* eventuale didascalia slide: overlay sfumato in basso */
.page-home .il-hero-slider .caption{position:absolute;left:0;right:0;bottom:0;padding:22px 26px 24px;text-align:left;
  background:linear-gradient(transparent,rgba(31,26,22,.6));color:#fff;}
.page-home .il-hero-slider .caption h2{font-size:clamp(20px,2vw,30px);font-weight:800;margin:0 0 6px;color:#fff;}
.page-home .il-hero-slider .caption .caption-description{font-size:15px;opacity:.95;}
/* indicatori (puntini) */
.page-home .il-hero-slider .carousel-indicators li{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);border:0;}
.page-home .il-hero-slider .carousel-indicators .active{background:var(--il-arancio);width:22px;border-radius:9px;}

.page-home .il-hero-side{flex:0 0 clamp(240px,30%,372px);display:flex;flex-direction:column;gap:20px;}
.page-home .il-hero-img{flex:1 1 50%;display:block;border-radius:20px;overflow:hidden;position:relative;text-decoration:none;min-height:0;
  box-shadow:0 8px 22px rgba(31,26,22,.12);transition:transform .25s ease,box-shadow .25s ease;}
.page-home .il-hero-img::after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 0 0 var(--il-arancio);
  pointer-events:none;transition:box-shadow .25s ease;}
.page-home .il-hero-img:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(238,133,66,.28);}
.page-home .il-hero-img:hover::after{box-shadow:inset 0 0 0 3px var(--il-arancio);}
.page-home .il-hero-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.page-home .il-hero-img:hover img{transform:scale(1.06);}
/* placeholder (finché non carichiamo le immagini reali) */
.page-home .il-hero-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;
  font-weight:800;font-size:16px;text-align:center;line-height:1.3;letter-spacing:.02em;}
.page-home .il-hero-ph::before{content:"image";font-family:'Material Icons';font-weight:400;font-size:34px;opacity:.9;}
.page-home .il-hero-ph small{font-weight:600;opacity:.85;font-size:12px;}
.page-home .il-hero-ph1{background:linear-gradient(135deg,var(--il-arancio),var(--il-arancio-scuro));}
.page-home .il-hero-ph2{background:linear-gradient(135deg,var(--il-verde),var(--il-verde-scuro));}
@media (max-width:767.98px){
  .page-home .il-hero{flex-direction:column;gap:14px;overflow:hidden;}
  .page-home .il-hero-slider{width:100%;max-width:100%;overflow:hidden;}
  /* CAUSA VERA dell'overflow: il tema applica su mobile .carousel{left:50%;margin-left:-50vw} (full-bleed).
     Qui lo neutralizzo (left:auto + margin:0) così lo slider resta dentro la sua colonna, allineato.
     Lascio la transizione Bootstrap naturale (translate3d) clippata da overflow:hidden. */
  .page-home .il-hero-slider #carousel{aspect-ratio:auto;left:auto !important;right:auto !important;
    margin:0 !important;width:100% !important;max-width:100% !important;overflow:hidden;}
  .page-home .il-hero-slider .carousel-inner,
  .page-home .il-hero-slider .carousel-item,
  .page-home .il-hero-slider .carousel-item > a,
  .page-home .il-hero-slider .carousel-item figure{height:auto !important;width:100%;max-width:100%;}
  .page-home .il-hero-slider .carousel-item img{height:auto !important;width:100% !important;object-fit:initial !important;}
  .page-home .il-hero-side{flex-direction:row;flex:0 0 auto;width:100%;}
  .page-home .il-hero-img{aspect-ratio:16/10;flex:1 1 50%;}
}

/* frecce del carousel hero: cerchio bianco + icona arancione, ben visibili */
.page-home .il-hero-slider #carousel{position:relative;}
.page-home .il-hero-slider .carousel-control{position:absolute;top:0;bottom:0;display:flex;align-items:center;width:auto;
  opacity:1;z-index:5;background:none;text-shadow:none;}
.page-home .il-hero-slider .carousel-control.left{left:14px;right:auto;}
.page-home .il-hero-slider .carousel-control.right{right:14px;left:auto;}
.page-home .il-hero-slider .carousel-control .icon-prev,
.page-home .il-hero-slider .carousel-control .icon-next{display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(0,0,0,.22);
  margin:0;transition:background .15s,transform .15s;}
.page-home .il-hero-slider .carousel-control .material-icons{color:var(--il-arancio-scuro);font-size:30px;line-height:1;
  background:none !important;} /* rimuove il riquadro grigio che il tema mette sull'<i> */
.page-home .il-hero-slider .carousel-control:hover .icon-prev,
.page-home .il-hero-slider .carousel-control:hover .icon-next{background:var(--il-arancio);transform:scale(1.06);}
.page-home .il-hero-slider .carousel-control:hover .material-icons{color:#fff;}

/* ===== Pagine a TUTTA LARGHEZZA (desktop): il tema impone .container{width:1140px} → forzo width+max-width al 100% ===== */
@media (min-width:992px){
  .container{width:100% !important;max-width:100% !important;
    padding-left:clamp(18px,3vw,64px) !important;padding-right:clamp(18px,3vw,64px) !important;}
}

/* ===== Blocchi prodotti home (Consigliati/Novità/Saldi): prodotti su UNA SOLA RIGA orizzontale scorrevole (desktop) ===== */
@media (min-width:768px){
  .featured-products .products{display:block !important;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;
    scrollbar-width:thin;scrollbar-color:var(--il-arancio-soft) transparent;margin-left:0 !important;margin-right:0 !important;}
  .featured-products .products::-webkit-scrollbar{height:8px;}
  .featured-products .products::-webkit-scrollbar-thumb{background:var(--il-arancio-soft);border-radius:8px;}
  .featured-products .products::-webkit-scrollbar-track{background:transparent;}
  .featured-products .ilmu-cartrack{display:flex !important;flex-wrap:nowrap !important;gap:18px;transform:none !important;}
  .featured-products .ilmu-cartrack > *{flex:0 0 auto !important;width:220px !important;max-width:220px !important;min-width:220px !important;margin:0 !important;padding:0 !important;}
  .featured-products .ilmu-car-dots{display:none !important;}
}
/* nascondi il link "Tutti i prodotti" SOLO nel blocco "Prodotti consigliati" */
.featured-products[data-type="popularproducts"] .all-product-link{display:none !important;}

/* ===== Banner cookie custom (hook displayBeforeBodyClosingTag) ===== */
.il-cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:#fff;
  border-top:1px solid var(--il-linea);box-shadow:0 -6px 24px rgba(31,26,22,.16);
  padding:14px clamp(16px,4vw,40px);animation:il-cookie-up .3s ease;}
@keyframes il-cookie-up{from{transform:translateY(100%);}to{transform:translateY(0);}}
.il-cookie-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;}
.il-cookie-text{flex:1 1 340px;font-size:14px;line-height:1.5;color:var(--il-scuro);}
.il-cookie-text a{color:var(--il-arancio-scuro)!important;font-weight:700;text-decoration:underline;}
.il-cookie-actions{flex:0 0 auto;display:flex;gap:10px;}
.il-cookie-btn{cursor:pointer;border-radius:24px;padding:10px 24px;font-weight:700;font-size:14px;
  border:2px solid var(--il-arancio);transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent;}
.il-cookie-accept{background:var(--il-arancio);color:#fff;}
.il-cookie-accept:hover{background:var(--il-arancio-scuro);border-color:var(--il-arancio-scuro);}
.il-cookie-reject{background:#fff;color:var(--il-arancio-scuro);}
.il-cookie-reject:hover{background:var(--il-sabbia);}
@media (max-width:767.98px){
  .il-cookie-inner{gap:12px;}
  .il-cookie-actions{width:100%;justify-content:stretch;}
  .il-cookie-btn{flex:1 1 auto;padding:12px 10px;}
}

/* --- Fix blocco newsletter (30/08): messaggio leggibile + hover pulsante --- */
/* Il blocco ha color:#fff, che rendeva bianco (illeggibile) il testo del messaggio di conferma/errore */
.block_newsletter .alert{color:#1c5a2a;background:#eaf6ea;border:1px solid #bfe3c0;border-radius:14px;}
.block_newsletter .alert-success{color:#1c5a2a;background:#eaf6ea;border-color:#bfe3c0;}
.block_newsletter .alert-danger{color:#8a1f1f;background:#fbeaea;border-color:#e6bcbc;}
.block_newsletter .alert *{color:inherit;}
/* Hover pulsante ISCRIVITI: fondo arancione pieno + testo bianco (prima il testo spariva) */
.block_newsletter .btn:hover,
.block_newsletter .btn:focus{background:var(--il-arancio-scuro);color:#fff;border-color:var(--il-arancio-scuro);}