/*
Theme Name: Arduiner
Template: storefront
Author: Together Team S.r.l.
Description: Tema Arduiner · e-commerce componenti elettronica, robotica, IoT, Arduino. GRAFICA METAVERSO (vetro + neon ciano, HUD) — coerente con la scena WhateverOS :3800.
Version: 5.0
*/
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&family=JetBrains+Mono:wght@400;700&display=swap');
:root{
  --ard-bg:#06090f; --ard-bg2:#0a0f14; --ard-panel:#0a0f14; --ard-panel2:#0f1319; --ard-dark:#04070d;
  --ard-cyan:#00f2ff; --ard-yellow:#ffd24a; --ard-amber:#ffb800; --ard-green:#33e29b; --ard-purple:#a78bfa;
  --ard-ink:#e8eef2; --ard-mut:#bcc8d2; --ard-brd:#1c2733; --ard-neon:rgba(0,242,255,.55);
}

/* ===== BASE METAVERSO (cielo scuro + alone ciano + griglia HUD) ===== */
body, body.woocommerce, .site, #page{ background:var(--ard-bg)!important; color:var(--ard-ink)!important; }
body{
  background-image:
    radial-gradient(1100px 640px at 72% -12%, rgba(0,242,255,.10), transparent 60%),
    radial-gradient(900px 520px at 12% 8%, rgba(51,226,155,.05), transparent 60%),
    linear-gradient(rgba(0,242,255,.035) 1px,transparent 1px),
    linear-gradient(90deg, rgba(0,242,255,.035) 1px,transparent 1px);
  background-size:auto, auto, 100% 30px, 30px 100%;
  font-family:'JetBrains Mono',ui-monospace,monospace;
}
h1,h2,h3,.site-title,.ard-hero h1,.widget-title,.woocommerce-products-header__title{ font-family:'Orbitron',sans-serif!important; letter-spacing:.6px; color:var(--ard-ink); }
a{ color:var(--ard-cyan); text-decoration:none; }
.col-full{ max-width:1240px; }

/* ===== HEADER / NAV = barra HUD vetro ===== */
.site-header{ background:linear-gradient(135deg,rgba(10,15,20,.96),rgba(4,7,13,.96))!important; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border-bottom:2px solid var(--ard-cyan); box-shadow:0 2px 26px rgba(0,242,255,.18); }
.site-header, .site-header a, .main-navigation ul li a, .site-branding .site-title a{ color:var(--ard-ink)!important; }
.main-navigation ul li a:hover, .site-header a:hover{ color:var(--ard-cyan)!important; text-shadow:0 0 10px var(--ard-neon); }
.site-branding img{ max-height:64px; filter:drop-shadow(0 0 8px rgba(0,242,255,.35)); }
.storefront-handheld-footer-bar{ background:var(--ard-dark)!important; border-top:1px solid var(--ard-brd); }
.site-header .widget a, .secondary-navigation a{ color:var(--ard-mut)!important; }

/* ===== HERO = scena del metaverso ===== */
.ard-hero{ background:linear-gradient(135deg,#06090f,#08142a 60%,#0a1f3a)!important; color:#fff; padding:64px 24px 30px; text-align:center; border-bottom:1px solid var(--ard-brd); position:relative; overflow:hidden; }
.ard-hero:before{ content:''; position:absolute; inset:0; background:radial-gradient(760px 320px at 50% -8%, rgba(0,242,255,.18), transparent 70%); pointer-events:none; }
@keyframes ardScan{0%{transform:translateY(-100%)}100%{transform:translateY(900%)}}
.ard-hero:after{ content:''; position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg,transparent,rgba(0,242,255,.7),transparent); animation:ardScan 6s linear infinite; pointer-events:none; }
.ard-hero h1{ font-size:2.6em; margin:0 0 12px; color:#fff; text-shadow:0 0 22px rgba(0,242,255,.45); position:relative; }
.ard-hero h1 span{ color:var(--ard-cyan); }
.ard-hero p{ font-size:1.15em; color:var(--ard-mut); max-width:780px; margin:0 auto 8px; position:relative; }

/* ===== CATEGORIE = HUD bar di pillole luminose (riorganizzate, sempre in vista) ===== */
.ard-hero .ard-cats{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:22px; position:relative; }
@keyframes ardChip{0%,100%{box-shadow:0 0 10px rgba(0,242,255,.22),0 4px 14px rgba(0,0,0,.5)}50%{box-shadow:0 0 18px rgba(0,242,255,.45),0 4px 14px rgba(0,0,0,.5)}}
.ard-hero .ard-cats a{
  background:linear-gradient(160deg,rgba(0,70,92,.5),rgba(7,12,20,.92)); border:1.5px solid var(--ard-cyan); color:#bdf6ff;
  padding:10px 20px; border-radius:50px; font-size:.95em; font-weight:700; text-shadow:0 0 8px rgba(0,242,255,.7);
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); animation:ardChip 3s ease-in-out infinite; transition:.18s; }
.ard-hero .ard-cats a:hover{ background:var(--ard-cyan); color:#031018; text-shadow:none; transform:translateY(-2px); animation:none; box-shadow:0 0 22px rgba(0,242,255,.7); }

/* ===== TITOLO ARCHIVIO / CATEGORIA = intestazione HUD ===== */
.woocommerce-products-header{ text-align:center; padding:26px 16px 4px; }
.woocommerce-products-header__title, .page-title{ display:inline-block; font-size:1.9em!important; color:#fff!important; padding:8px 26px; border-radius:50px; background:linear-gradient(160deg,rgba(0,70,92,.4),rgba(7,12,20,.9)); border:1.5px solid var(--ard-cyan); text-shadow:0 0 16px rgba(0,242,255,.5); box-shadow:0 0 22px rgba(0,242,255,.2); }
.term-description, .woocommerce-products-header .term-description{ color:var(--ard-mut); max-width:820px; margin:14px auto 0; }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering{ color:var(--ard-mut); }
.woocommerce .woocommerce-ordering select{ background:var(--ard-panel2)!important; color:var(--ard-ink)!important; border:1px solid var(--ard-brd)!important; border-radius:50px; padding:6px 14px; }

/* ===== BOTTONI = vetro neon (come navmode metaverso) ===== */
.button, button, input[type=submit], .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, .woocommerce button.button.alt, .added_to_cart{
  background:linear-gradient(160deg,rgba(0,70,92,.6),rgba(7,12,20,.92))!important; color:#bdf6ff!important; font-weight:700!important;
  border:1.5px solid var(--ard-cyan)!important; border-radius:50px!important; font-family:'JetBrains Mono',monospace!important;
  text-shadow:0 0 8px rgba(0,242,255,.7); box-shadow:0 0 12px rgba(0,242,255,.28),0 4px 14px rgba(0,0,0,.5); transition:.18s; }
.button:hover, button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .added_to_cart:hover{
  background:var(--ard-cyan)!important; color:#031018!important; text-shadow:none; transform:translateY(-1px); box-shadow:0 0 22px rgba(0,242,255,.7); }

/* ===== GRIGLIA PRODOTTI = carte vetro del metaverso (riorganizzate) ===== */
.woocommerce ul.products, .woocommerce-page ul.products{ gap:18px 0; }
@keyframes ardCardGlow{0%,100%{box-shadow:0 0 0 1px rgba(0,242,255,.12),0 8px 26px rgba(0,0,0,.5)}50%{box-shadow:0 0 0 1px rgba(0,242,255,.28),0 8px 26px rgba(0,0,0,.5)}}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  background:linear-gradient(180deg,rgba(14,20,28,.95),rgba(8,12,18,.95))!important;
  border:1.5px solid var(--ard-brd)!important; border-radius:16px!important; padding:16px!important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); position:relative; overflow:hidden; transition:.22s; animation:ardCardGlow 4s ease-in-out infinite; }
.woocommerce ul.products li.product:before{ content:''; position:absolute; inset:0; border-radius:16px; background:radial-gradient(220px 120px at 50% -20%, rgba(0,242,255,.10), transparent 70%); pointer-events:none; }
.woocommerce ul.products li.product:hover{ border-color:var(--ard-cyan)!important; box-shadow:0 14px 38px rgba(0,242,255,.28); transform:translateY(-5px); animation:none; }
.woocommerce ul.products li.product a img{ border-radius:12px; background:#fff; box-shadow:0 4px 16px rgba(0,0,0,.5); }
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2{ color:var(--ard-ink)!important; font-size:.95em!important; font-family:'JetBrains Mono',monospace!important; line-height:1.35; margin-top:10px; }
.woocommerce ul.products li.product .price, .price{ color:var(--ard-cyan)!important; font-weight:700!important; font-size:1.1em; text-shadow:0 0 10px rgba(0,242,255,.4); }
.woocommerce ul.products li.product .price del{ color:var(--ard-mut)!important; text-shadow:none; }
.woocommerce ul.products li.product .price ins{ text-decoration:none; }
.woocommerce span.onsale{ background:var(--ard-yellow)!important; color:#1a1400!important; font-weight:800; border-radius:50px; border:none; box-shadow:0 0 14px rgba(255,210,74,.5); top:10px; left:10px; }
.star-rating span:before{ color:var(--ard-amber)!important; }
.woocommerce ul.products li.product .button{ width:100%; margin-top:8px; }

/* ===== PAGINA PRODOTTO = pannello vetro ===== */
.woocommerce div.product .product_title{ color:#fff!important; text-shadow:0 0 16px rgba(0,242,255,.35); }
.woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--ard-cyan)!important; font-size:1.6em; text-shadow:0 0 12px rgba(0,242,255,.4); }
.woocommerce div.product .woocommerce-product-gallery{ background:var(--ard-panel); border:1px solid var(--ard-brd); border-radius:16px; padding:10px; }
.woocommerce-tabs, .entry-content, .woocommerce-product-details__short-description{ color:var(--ard-ink); }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ background:var(--ard-panel2); border:1px solid var(--ard-brd); border-radius:50px 50px 0 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:var(--ard-panel); border-color:var(--ard-cyan); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:var(--ard-ink); }
.woocommerce .woocommerce-message, .woocommerce-info, .woocommerce-error{ border-top-color:var(--ard-cyan)!important; background:var(--ard-panel)!important; color:var(--ard-ink)!important; border-radius:12px; }
.woocommerce .woocommerce-message:before, .woocommerce-info:before{ color:var(--ard-cyan)!important; }

/* ===== WIDGET / SIDEBAR ===== */
.widget, .widget-area .widget{ background:var(--ard-panel); border:1px solid var(--ard-brd); border-radius:14px; padding:14px; color:var(--ard-ink); }
.widget-title{ color:var(--ard-cyan)!important; font-family:'Orbitron',sans-serif!important; text-shadow:0 0 8px rgba(0,242,255,.4); }
.widget a{ color:var(--ard-mut); } .widget a:hover{ color:var(--ard-cyan); }
table, .woocommerce table.shop_table, .woocommerce-cart table.cart{ color:var(--ard-ink); border-color:var(--ard-brd)!important; background:var(--ard-panel); border-radius:12px; }
.woocommerce table.shop_table th{ color:var(--ard-cyan); }

/* ===== INPUT ===== */
input, textarea, select{ background:var(--ard-panel2)!important; color:var(--ard-ink)!important; border:1px solid var(--ard-brd)!important; border-radius:10px; }
input:focus, textarea:focus, select:focus{ border-color:var(--ard-cyan)!important; box-shadow:0 0 0 2px rgba(0,242,255,.25)!important; outline:none; }

/* ===== FOOTER ===== */
.site-footer{ background:var(--ard-dark)!important; color:var(--ard-mut)!important; border-top:1px solid var(--ard-brd); }
.site-footer a{ color:var(--ard-cyan)!important; }
.storefront-handheld-footer-bar ul li>a, .storefront-handheld-footer-bar ul li.search .site-search:before{ color:var(--ard-ink)!important; }

/* ===== MOBILE ===== */
@media (max-width:768px){
  .ard-hero{ padding:54px 16px 24px; } .ard-hero h1{ font-size:1.9em; }
  .ard-hero .ard-cats a{ padding:9px 16px; font-size:.9em; }
  .woocommerce-products-header__title, .page-title{ font-size:1.4em!important; }
}

/* =====================================================================
   v5 — HOME IN 5 BLOCCHI (Consiglio 15/10/2026) · grafica «metaverso con Lana» del 14/10
   ===================================================================== */
:root{
  --ard-bg:#05080d; --ard-panel:#0b1220; --ard-panel2:#0e1624; --ard-brd:#1d2a40;
  --ard-cyan:#00e5c0; --ard-cyan2:#7dffe6; --ard-yellow:#ffd54a; --ard-ink:#eef3fb; --ard-mut:#c7d3e6; --ard-mut2:#9fb0c8;
}
body, body.woocommerce, .site, #page{ background:var(--ard-bg)!important; }
body{ background-image:radial-gradient(1100px 600px at 50% -10%, rgba(0,229,192,.08), transparent 60%)!important; background-size:auto!important;
  font-family:'IBM Plex Sans',system-ui,sans-serif!important; font-size:17px; line-height:1.5; color:var(--ard-ink)!important; }
h1,h2,h3,h4,.widget-title,.woocommerce-products-header__title,.woocommerce-loop-product__title,.product_title{ font-family:'Space Grotesk',sans-serif!important; letter-spacing:-.3px!important; text-shadow:none!important; }
a{ color:var(--ard-cyan); } a:hover{ color:var(--ard-cyan2); }
.screen-reader-text{ position:absolute!important; left:-9999px!important; }
.woocommerce-Price-amount, .woocommerce ul.products li.product .price{ color:var(--ard-yellow)!important; }

/* ---------- 1. TESTATA A UNA RIGA ---------- */
.site-header{ padding:0!important; margin:0!important; background:rgba(5,8,13,.94)!important; border:0!important; box-shadow:none!important;
  border-bottom:1px solid var(--ard-brd)!important; position:sticky; top:0; z-index:100; backdrop-filter:blur(10px); }
.site-header > .col-full{ max-width:none!important; padding:0!important; margin:0!important; }
.site-header::after,.site-header::before{ display:none!important; }
.ah{ position:relative; }
.ah-w{ max-width:1200px; margin:0 auto; padding:0 24px; box-sizing:border-box; }
.ah-row1{ display:flex; align-items:center; gap:14px; padding-top:12px; padding-bottom:12px; }
.site-header a.ah-brand{ display:flex; align-items:center; gap:10px; text-decoration:none!important; color:var(--ard-ink)!important; flex:0 0 auto; text-shadow:none!important; }
.ah-brand b{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:24px; letter-spacing:-.5px; }
.ah-tutte{ display:flex; align-items:center; gap:8px; background:var(--ard-panel)!important; color:var(--ard-ink)!important; border:1px solid var(--ard-brd)!important;
  border-radius:12px!important; padding:10px 14px!important; font:600 16px 'IBM Plex Sans',sans-serif!important; cursor:pointer; flex:0 0 auto; box-shadow:none!important; text-shadow:none!important; animation:none!important; }
.ah-tutte:hover,.ah-tutte[aria-expanded=true]{ border-color:var(--ard-cyan)!important; color:var(--ard-cyan)!important; }
.ah-search{ flex:1 1 auto; display:flex; background:var(--ard-panel2); border:1px solid var(--ard-brd); border-radius:12px; overflow:hidden; min-width:0; }
.ah-search:focus-within{ border-color:var(--ard-cyan); box-shadow:0 0 0 3px rgba(0,229,192,.15); }
.ah-search input[type=search]{ flex:1; min-width:0; background:transparent!important; border:0!important; box-shadow:none!important; color:var(--ard-ink)!important; padding:11px 16px!important; font-size:16px!important; font-family:inherit!important; }
.ah-search input::placeholder{ color:#7f90a8; }
.ah-search button{ background:var(--ard-cyan)!important; color:#05080d!important; border:0!important; padding:0 16px!important; border-radius:0!important; cursor:pointer; box-shadow:none!important; }
.site-header a.ah-account{ color:var(--ard-mut)!important; display:flex; padding:9px; border-radius:12px; border:1px solid var(--ard-brd); flex:0 0 auto; text-shadow:none!important; }
.site-header a.ah-account:hover{ color:var(--ard-cyan)!important; border-color:var(--ard-cyan); }
.site-header a.ah-cart{ display:flex; align-items:center; gap:7px; background:var(--ard-yellow); color:#05080d!important; font-weight:600; text-decoration:none!important; padding:9px 12px; border-radius:12px; flex:0 0 auto; text-shadow:none!important; }
.site-header a.ah-cart:hover{ background:#ffe27d; color:#05080d!important; }
.ah-cart-n{ background:#05080d; color:var(--ard-yellow); border-radius:999px; min-width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; padding:0 6px; }
.ah-mega{ position:absolute; left:0; right:0; top:100%; background:#070b12; border-bottom:1px solid var(--ard-brd); box-shadow:0 30px 60px rgba(0,0,0,.6); max-height:75vh; overflow:auto; }
.ah-mega-h{ display:flex; justify-content:space-between; align-items:center; padding:16px 0 6px; font-family:'Space Grotesk',sans-serif; font-size:20px; }
.ah-chiudi{ background:transparent!important; color:var(--ard-mut)!important; border:1px solid var(--ard-brd)!important; border-radius:10px!important; padding:4px 12px!important; font-size:18px!important; cursor:pointer; box-shadow:none!important; }
.ah-mega-l{ list-style:none; margin:0; padding:8px 0 24px; columns:4 230px; column-gap:28px; }
.ah-mega-l > li{ break-inside:avoid; margin:0 0 16px; }
.site-header .ah-mega-l > li > a{ color:var(--ard-ink)!important; font-weight:600; font-family:'Space Grotesk',sans-serif; text-decoration:none; font-size:17px; text-shadow:none!important; }
.ah-mega-l .sub-menu{ list-style:none; margin:4px 0 0; padding:0; display:block!important; position:static!important; background:none!important; box-shadow:none!important; width:auto!important; left:auto!important; }
.site-header .ah-mega-l .sub-menu a{ color:var(--ard-mut2)!important; text-decoration:none; font-size:15px; line-height:1.7; padding:0!important; background:none!important; text-shadow:none!important; }
.site-header .ah-mega-l a:hover{ color:var(--ard-cyan)!important; }

/* via elementi vecchi */
.ard-hero, .ard-hero2{ display:none!important; }
.home .woocommerce-products-header{ display:none!important; }
.storefront-breadcrumb{ background:none!important; }
.home .storefront-breadcrumb{ display:none!important; }

/* ---------- 2. LANA AL CENTRO ---------- */
.lana2{ max-width:860px; margin:34px auto 30px; text-align:center; scroll-margin-top:90px; }
.lana2-kick{ margin:0 0 10px; color:var(--ard-cyan); font-family:'Space Grotesk',sans-serif; font-weight:500; letter-spacing:2px; font-size:14px; }
.lana2 h1{ margin:0 0 12px!important; font-size:clamp(36px,5vw,58px)!important; line-height:1.05!important; letter-spacing:-2px!important; color:var(--ard-ink)!important; }
.lana2-sub{ margin:0 auto 22px; color:var(--ard-mut); font-size:19px; max-width:680px; }
.lana2-sub b{ color:var(--ard-yellow); }
.lana2-f{ display:flex; gap:10px; align-items:stretch; background:var(--ard-panel); border:1px solid var(--ard-brd); border-radius:20px; padding:10px;
  box-shadow:0 0 0 1px rgba(0,229,192,.08),0 24px 70px rgba(0,229,192,.10); text-align:left; }
.lana2-f:focus-within{ border-color:var(--ard-cyan); }
.lana2-f textarea{ flex:1; min-width:0; resize:none; background:transparent!important; color:var(--ard-ink)!important; border:0!important; box-shadow:none!important; padding:10px 12px!important; font:17px/1.4 'IBM Plex Sans',sans-serif!important; }
.lana2-f textarea::placeholder{ color:#7f90a8; }
.lana2-az{ display:flex; gap:8px; align-items:flex-end; }
.lana2-f button{ border:0!important; border-radius:14px!important; cursor:pointer; box-shadow:none!important; text-shadow:none!important; animation:none!important; }
.lana2-f .lana-mic{ width:50px; height:50px; background:var(--ard-panel2)!important; color:var(--ard-cyan)!important; border:1px solid var(--ard-brd)!important; display:flex; align-items:center; justify-content:center; padding:0!important; }
.lana2-f .lana-mic.on{ background:var(--ard-yellow)!important; color:#05080d!important; animation:lanamic 1s infinite!important; }
@keyframes lanamic{50%{box-shadow:0 0 0 6px rgba(255,213,74,.3)}}
.lana2-f .lana-invia{ height:50px; padding:0 20px!important; background:var(--ard-cyan)!important; color:#05080d!important; font:700 17px 'IBM Plex Sans',sans-serif!important; white-space:nowrap; }
.lana2-f .lana-invia:hover{ background:var(--ard-cyan2)!important; }
.lana2-es{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:14px; }
.lana2-es button{ background:transparent!important; color:var(--ard-mut)!important; border:1px solid var(--ard-brd)!important; border-radius:999px!important; padding:7px 14px!important;
  font:15px 'IBM Plex Sans',sans-serif!important; cursor:pointer; box-shadow:none!important; text-shadow:none!important; animation:none!important; }
.lana2-es button:hover{ border-color:var(--ard-cyan)!important; color:var(--ard-cyan)!important; }
.lana2-out{ text-align:left; margin-top:18px; scroll-margin-top:90px; }
.l2-attesa{ display:flex; align-items:center; gap:12px; background:var(--ard-panel); border:1px solid var(--ard-brd); border-radius:16px; padding:16px 18px; color:var(--ard-mut); }
.l2-pall{ width:14px; height:14px; border-radius:50%; background:var(--ard-cyan); animation:l2p 1s ease-in-out infinite; flex:0 0 auto; }
@keyframes l2p{50%{transform:scale(.5);opacity:.4}}
.l2-err{ background:#2a1212; border:1px solid #5a2a2a; border-radius:16px; padding:14px 18px; }
.l2-kit{ background:var(--ard-panel); border:1px solid var(--ard-brd); border-radius:20px; padding:18px; }
.l2-capito{ margin:0 0 12px; color:var(--ard-mut); } .l2-capito b{ color:var(--ard-cyan); }
.l2-lista{ list-style:none; margin:0; padding:0; counter-reset:l2; }
.l2-lista li{ counter-increment:l2; display:grid; grid-template-columns:1fr 1.25fr; gap:12px; align-items:center; padding:12px 0; border-top:1px solid var(--ard-brd); }
.l2-ruolo b{ display:block; font-size:16px; } .l2-ruolo b::before{ content:counter(l2) ". "; color:var(--ard-cyan); }
.l2-ruolo small{ color:var(--ard-mut2); font-size:14px; }
.l2-pr{ display:grid; grid-template-columns:56px 1fr auto; gap:10px; align-items:center; background:var(--ard-panel2); border:1px solid var(--ard-brd); border-radius:12px; padding:8px; text-decoration:none!important; color:var(--ard-ink)!important; }
.l2-pr:hover{ border-color:var(--ard-cyan); }
.l2-pr .im{ width:56px; height:56px; border-radius:8px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.l2-pr .im img{ max-width:56px; max-height:56px; width:auto!important; }
.l2-pr .im small{ color:#5b6b82; font-size:10px; text-align:center; }
.l2-pr .nm{ font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.l2-pr .pz{ color:var(--ard-yellow); font-weight:700; white-space:nowrap; font-size:15px; } .l2-pr .pz em{ display:block; color:var(--ard-mut2); font-weight:400; font-size:12px; font-style:normal; }
.l2-alt{ grid-column:2; font-size:14px; color:var(--ard-mut2); } .l2-alt summary{ cursor:pointer; } .l2-alt a{ display:block; padding:3px 0; }
.l2-no{ color:var(--ard-mut2); font-size:15px; }
.l2-tot{ display:flex; justify-content:space-between; align-items:center; border-top:2px solid var(--ard-brd); margin-top:4px; padding:14px 0 6px; font-size:18px; }
.l2-tot small{ color:var(--ard-mut2); font-size:14px; } .l2-tot b{ color:var(--ard-yellow); font-size:26px; font-family:'Space Grotesk',sans-serif; }
.l2-carr{ width:100%; background:var(--ard-yellow)!important; color:#05080d!important; border:0!important; border-radius:14px!important; padding:15px!important; font:700 18px 'IBM Plex Sans',sans-serif!important; cursor:pointer; margin:6px 0 4px; box-shadow:none!important; }
.l2-carr:hover{ background:#ffe27d!important; }
.l2-att, .l2-dom{ margin-top:14px; background:var(--ard-panel2); border:1px solid var(--ard-brd); border-radius:14px; padding:12px 16px; font-size:15px; }
.l2-att ul{ margin:6px 0 0 18px; } .l2-att b{ color:var(--ard-yellow); }
.l2-dom b{ display:block; margin-bottom:8px; color:var(--ard-cyan); }
.l2-dom button{ display:block; width:100%; text-align:left; background:transparent!important; color:var(--ard-ink)!important; border:1px solid var(--ard-brd)!important; border-radius:10px!important;
  padding:8px 12px!important; margin:0 0 6px; font:15px 'IBM Plex Sans',sans-serif!important; cursor:pointer; box-shadow:none!important; }
.l2-dom button:hover{ border-color:var(--ard-cyan)!important; }
.l2-dom small{ color:var(--ard-mut2); }
.l2-nota{ margin:12px 0 0; color:#8a9bb4; font-size:13px; }

/* ---------- 3. CATEGORIE ---------- */
.cat2{ margin:10px 0 34px; }
.cat2 h2, .piu2{ font-size:28px!important; margin:0 0 14px!important; color:var(--ard-ink)!important; }
.cat2-g{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; }
.cat2-g a{ display:flex; flex-direction:column; gap:3px; background:var(--ard-panel); border:1px solid var(--ard-brd); border-radius:16px; padding:16px 18px; text-decoration:none!important; color:var(--ard-ink)!important; }
.cat2-g a:hover{ border-color:var(--ard-cyan); }
.cat2-g b{ font-family:'Space Grotesk',sans-serif; font-size:19px; } .cat2-g span{ color:var(--ard-mut2); font-size:15px; }

/* ---------- 4. I PIÙ VENDUTI ---------- */
.piu2-tutto{ text-align:center; margin:10px 0 40px; } .piu2-tutto a{ display:inline-block; border:2px solid var(--ard-brd); border-radius:14px; padding:12px 22px; font-weight:600; text-decoration:none; color:var(--ard-ink)!important; }
.piu2-tutto a:hover{ border-color:var(--ard-cyan); }
.woocommerce-products-header{ text-align:left!important; padding:10px 0 6px!important; }
.woocommerce-products-header__title, .page-title, .entry-title{ display:block!important; background:none!important; border:0!important; box-shadow:none!important; text-shadow:none!important;
  padding:0!important; border-radius:0!important; font-size:clamp(28px,4vw,42px)!important; letter-spacing:-1px!important; color:var(--ard-ink)!important; }

/* ---------- 5. PIÈ DI PAGINA ---------- */
.site-footer{ background:#04060a!important; border-top:1px solid var(--ard-brd); padding:26px 0!important; }
.pp2{ text-align:center; color:#8a9bb4; font-size:15px; }
.pp2-l{ list-style:none; margin:0 0 10px; padding:0; display:flex; flex-wrap:wrap; gap:6px 22px; justify-content:center; }
.pp2-l a{ color:var(--ard-mut)!important; text-decoration:none; } .pp2-l a:hover{ color:var(--ard-cyan)!important; }
.pp2 p{ margin:0; }

.woocommerce-store-notice,p.demo_store{ background:#0e1624!important; color:var(--ard-mut)!important; border-top:1px solid var(--ard-brd); font-size:14px!important; padding:8px 16px!important; }
.woocommerce-store-notice a{ color:var(--ard-cyan)!important; }

/* ---------- telefono ---------- */
@media (max-width:760px){
  .ah-w{ padding:0 12px; }
  .ah-row1{ flex-wrap:wrap; gap:8px; padding-top:8px; padding-bottom:8px; }
  .ah-brand b{ font-size:21px; }
  .ah-tutte span{ display:none; }
  .ah-tutte{ order:2; margin-left:auto; padding:9px 11px!important; }
  .site-header a.ah-account{ order:3; } .site-header a.ah-cart{ order:4; }
  .ah-search{ order:5; flex:1 1 100%; }
  .ah-mega-l{ columns:1; }
  .lana2{ margin:22px auto 24px; }
  .lana2-sub{ font-size:17px; }
  .lana2-f{ flex-direction:column; }
  .lana2-az{ justify-content:flex-end; }
  .lana2-f .lana-invia{ flex:1; }
  .l2-lista li{ grid-template-columns:1fr; gap:6px; }
  .l2-alt{ grid-column:1; }
  .cat2-g{ grid-template-columns:1fr 1fr; }
}
.ard-corta .woocommerce-pagination, .ard-corta .storefront-sorting, .ard-corta .woocommerce-result-count, .ard-corta .woocommerce-ordering{ display:none!important; }
/* v5: schede prodotto nella stessa veste (niente carattere da terminale, niente neon) */
body *, .woocommerce ul.products li.product, .woocommerce ul.products li.product *{ font-family:'IBM Plex Sans',system-ui,sans-serif; }
h1,h2,h3,h4,.ah-brand b,.cat2-g b,.l2-tot b,.woocommerce-loop-product__title{ font-family:'Space Grotesk',sans-serif!important; }
.woocommerce ul.products li.product{ animation:none!important; box-shadow:none!important; border:1px solid var(--ard-brd)!important; background:var(--ard-panel)!important; border-radius:18px!important; }
.woocommerce ul.products li.product:hover{ border-color:var(--ard-cyan)!important; transform:none!important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:16px!important; line-height:1.35!important; color:var(--ard-ink)!important; text-shadow:none!important; }
.woocommerce ul.products li.product .button, .woocommerce a.button, .woocommerce button.button, .single_add_to_cart_button{ background:var(--ard-cyan)!important; color:#05080d!important; border:0!important;
  border-radius:12px!important; text-shadow:none!important; box-shadow:none!important; animation:none!important; font-weight:700!important; font-family:'IBM Plex Sans',sans-serif!important; }
.woocommerce ul.products li.product .button:hover{ background:var(--ard-cyan2)!important; }
.woocommerce span.onsale{ box-shadow:none!important; }
.woocommerce ul.products li.product h2.woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2{ font-family:"IBM Plex Sans",system-ui,sans-serif!important; font-weight:500!important; letter-spacing:0!important; }

/* =====================================================================
   v6 — NEON / CARTA PRODOTTO (decisioni Grok 22/04: bordo neon iridescente, carta 63×88 olografica, QR) + registrazione
   ===================================================================== */
@property --ang{ syntax:'<angle>'; initial-value:0deg; inherits:false; }
@keyframes giro{ to{ --ang:360deg; } }
/* riquadro di Lana: bordo neon che gira lentamente */
.lana2-f{ position:relative; border:1px solid transparent!important; background:linear-gradient(var(--ard-panel),var(--ard-panel)) padding-box,
  conic-gradient(from var(--ang),#00e5c0,#7d5cff,#ff3ec8,#ffd54a,#00e5c0) border-box!important; animation:giro 6s linear infinite; }
.lana2 h1{ text-shadow:0 0 28px rgba(0,229,192,.25)!important; }
@media (prefers-reduced-motion:reduce){ .lana2-f, .carta::before{ animation:none!important; } }

/* righe del kit: tutta la riga si tocca */
.l2-tocca{ margin:-4px 0 10px; color:var(--ard-mut2); font-size:14px; }
.l2-lista li{ display:block!important; padding:6px 0!important; border-top:0!important; }
.l2-riga{ width:100%; display:grid!important; grid-template-columns:64px 1fr auto; gap:12px; align-items:center; text-align:left; background:var(--ard-panel2)!important; color:var(--ard-ink)!important;
  border:1px solid var(--ard-brd)!important; border-radius:14px!important; padding:9px!important; cursor:pointer; font:inherit!important; box-shadow:none!important; text-shadow:none!important; animation:none!important; transition:border-color .15s, box-shadow .15s; }
.l2-riga:hover, .l2-riga:focus-visible{ border-color:var(--ard-cyan)!important; box-shadow:0 0 0 1px rgba(0,229,192,.35), 0 0 22px rgba(0,229,192,.18)!important; }
.l2-riga.no{ cursor:default; opacity:.75; }
.l2-riga .im{ width:64px; height:64px; border-radius:10px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.l2-riga .im img{ max-width:64px; max-height:64px; width:auto!important; } .l2-riga .im small{ color:#5b6b82; font-size:10px; text-align:center; }
.l2-riga.no .im{ background:var(--ard-panel); }
.l2-riga .tx{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.l2-riga .tx b{ font-size:15px; color:var(--ard-cyan); font-weight:600; }
.l2-riga .tx .nm{ font-size:15px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.l2-riga .tx small{ color:var(--ard-mut2); font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.l2-riga .pz{ text-align:right; color:var(--ard-yellow); font-weight:700; white-space:nowrap; font-size:15px; }
.l2-riga .pz em{ display:block; color:var(--ard-mut2); font-weight:400; font-size:12px; font-style:normal; }
.l2-riga .pz i{ display:block; font-style:normal; color:var(--ard-cyan); font-size:13px; font-weight:600; margin-top:4px; }

/* invito a registrarsi */
.l2-invito{ background:var(--ard-panel); border:1px solid rgba(255,213,74,.45); border-radius:18px; padding:18px 20px; text-align:center; box-shadow:0 0 30px rgba(255,213,74,.08); }
.l2-invito b{ font-size:19px; color:var(--ard-yellow); } .l2-invito p{ color:var(--ard-mut); margin:8px 0 14px; }
.l2-inv-b{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.l2-inv-b a{ padding:13px 20px; border-radius:14px; font-weight:700; text-decoration:none!important; }
.l2-inv-b .b1{ background:var(--ard-cyan); color:#05080d!important; } .l2-inv-b .b2{ border:2px solid var(--ard-brd); color:var(--ard-ink)!important; }
.l2-attesa small{ margin-left:auto; color:var(--ard-mut2); font-size:13px; }
.lana-invia[disabled]{ opacity:.75; cursor:wait!important; }

/* ===== CARTA PRODOTTO ===== */
body.carta-on{ overflow:hidden; }
.carta-ov{ position:fixed; inset:0; z-index:9999; background:rgba(2,4,8,.82); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; padding:16px; overflow:auto; }
.carta-ov[hidden]{ display:none; }
.carta-wrap{ display:flex; flex-direction:column; align-items:center; gap:14px; perspective:1100px; }
.carta{ --rx:0deg; --ry:0deg; --hx:50%; --hy:50%; position:relative; width:min(340px,86vw); aspect-ratio:63/88; border-radius:20px; padding:3px; outline:none;
  transform:rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .12s ease-out; transform-style:preserve-3d; }
.carta::before{ content:""; position:absolute; inset:0; border-radius:20px; padding:3px;
  background:conic-gradient(from var(--ang),#00e5c0,#7d5cff,#ff3ec8,#ffd54a,#00e5c0); animation:giro 4s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; filter:drop-shadow(0 0 10px rgba(0,229,192,.55)); }
.carta-in{ position:relative; height:100%; border-radius:17px; overflow:hidden; display:flex; flex-direction:column; padding:12px 14px;
  background:radial-gradient(120% 70% at 50% 0%, #0f2030 0%, #070b12 60%); color:var(--ard-ink); }
.carta-in::after{ content:""; position:absolute; inset:0; pointer-events:none; mix-blend-mode:color-dodge; opacity:.28;
  background:radial-gradient(circle at var(--hx) var(--hy), rgba(255,255,255,.55), transparent 38%),
             linear-gradient(115deg, transparent 20%, rgba(0,229,192,.35) 35%, rgba(255,62,200,.30) 50%, rgba(255,213,74,.30) 65%, transparent 80%); }
.carta-in::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.07;
  background:repeating-linear-gradient(0deg, #fff 0 1px, transparent 1px 3px); }
.carta-top{ display:flex; justify-content:space-between; align-items:center; font:700 13px 'Space Grotesk',sans-serif; letter-spacing:2px; color:var(--ard-cyan); }
.carta-n{ color:var(--ard-yellow); border:1px solid rgba(255,213,74,.5); border-radius:999px; padding:1px 8px; font-size:11px; letter-spacing:1px; }
.carta-foto{ position:relative; margin:8px 0 8px; height:38%; border-radius:12px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden;
  box-shadow:0 0 0 1px rgba(0,229,192,.4), 0 0 18px rgba(0,229,192,.2); }
.carta-foto img{ max-width:100%; max-height:100%; object-fit:contain; } .carta-foto small{ color:#5b6b82; }
.carta-ruolo{ position:absolute; left:6px; bottom:6px; right:6px; background:rgba(5,8,13,.82); color:var(--ard-cyan); font-size:11.5px; font-weight:600; border-radius:8px; padding:3px 8px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.carta-nome{ margin:0 0 6px!important; font-size:16px!important; line-height:1.25!important; color:#fff!important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.carta-desc{ font-size:12.5px; color:var(--ard-mut); line-height:1.4; flex:1 1 auto; overflow:hidden; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; }
.carta-perche{ font-size:12px; color:var(--ard-mut2); margin:6px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.carta-perche b{ color:var(--ard-cyan); }
.carta-basso{ display:flex; align-items:flex-end; justify-content:space-between; gap:10px; border-top:1px solid rgba(0,229,192,.25); padding-top:8px; }
.carta-prezzo b{ display:block; font:700 26px 'Space Grotesk',sans-serif; color:var(--ard-yellow); text-shadow:0 0 14px rgba(255,213,74,.35); }
.carta-prezzo small{ color:var(--ard-mut2); font-size:11.5px; } .carta-prezzo .ok{ color:var(--ard-cyan); }
.carta-qr{ background:#fff; padding:4px; border-radius:8px; box-shadow:0 0 0 2px #ffd54a, 0 0 14px rgba(255,213,74,.4); flex:0 0 auto; }
.carta-qr img, .carta-qr canvas{ display:block; width:76px!important; height:76px!important; }
.carta-az{ width:min(340px,86vw); display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.carta-az button, .carta-az a{ font:700 15px 'IBM Plex Sans',sans-serif!important; border-radius:12px!important; padding:12px 10px!important; text-align:center; cursor:pointer;
  text-decoration:none!important; box-shadow:none!important; text-shadow:none!important; animation:none!important; }
.carta-az .ca1{ background:var(--ard-yellow)!important; color:#05080d!important; border:0!important; }
.carta-az .ca2{ border:2px solid var(--ard-cyan)!important; color:var(--ard-cyan)!important; background:transparent!important; }
.carta-nav{ grid-column:1/-1; display:grid; grid-template-columns:52px 1fr 52px; gap:8px; }
.carta-nav button{ background:var(--ard-panel)!important; color:var(--ard-ink)!important; border:1px solid var(--ard-brd)!important; font-size:18px!important; }

/* registrazione */
.ard-hp{ position:absolute!important; left:-9999px!important; height:0; overflow:hidden; }
.ard-priv label{ font-size:15px; } .woocommerce-privacy-policy-text{ font-size:13px; color:var(--ard-mut2); }
@media (max-width:760px){ .l2-riga{ grid-template-columns:54px 1fr auto; } .l2-riga .im{ width:54px; height:54px; } .l2-riga .tx small{ display:none; } }