@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Archivo:wght@600;700;800&display=swap');
/* Bottega Veneziana - effetti interattivi (bv) - rev 2 - 31/08/2026
   01 ingresso in scroll  |  02 accensione al passaggio del mouse
   Regole ferme: nessun layer GPU permanente, nessuna fusione di livelli,
   nessuna proprieta pesante, nulla che nasconda
   contenuto gia visibile al caricamento. */

:root{
  --bv-fast:.24s;
  --bv-in:.38s;
  --bv-ease:cubic-bezier(.2,.7,.3,1);
}

/* ===== 01 - INGRESSO ===== */
.bv-rise{
  opacity:0;
  transform:translateY(12px);
  transition:opacity var(--bv-in) var(--bv-ease),transform var(--bv-in) var(--bv-ease);
}
.bv-rise.bv-in{opacity:1;transform:none}

/* ===== 02 - ACCENSIONE (la card resta ferma) ===== */
.shop-card .card-img,
.cd-card .cd-card-photo{
  transition:filter var(--bv-fast) var(--bv-ease);
}
.shop-card .card-name,
.shop-card .card-meta,
.cd-card .cd-card-text{
  transition:transform var(--bv-fast) var(--bv-ease);
}

/* la foto si schiarisce appena - niente ingrandimento */
.shop-card:hover .card-img-photo,
.shop-card:focus-within .card-img-photo{
  filter:brightness(1.045);
}
.cd-card:hover .cd-card-photo,
.cd-card:focus-within .cd-card-photo{
  filter:brightness(1.045);
  transform:none;
}

/* il testo sale di 2px */
.shop-card:hover .card-name,
.shop-card:focus-within .card-name,
.shop-card:hover .card-meta,
.cd-card:hover .cd-card-text,
.cd-card:focus-within .cd-card-text{
  transform:translateY(-2px);
}

/* ===== accessibilita ===== */
@media (prefers-reduced-motion: reduce){
  .bv-rise{opacity:1 !important;transform:none !important;transition:none !important}
  .shop-card .card-img,.cd-card .cd-card-photo,
  .shop-card .card-name,.shop-card .card-meta,.cd-card .cd-card-text{transition-duration:.001s !important}
  .shop-card:hover .card-name,.shop-card:hover .card-meta,.cd-card:hover .cd-card-text{transform:none}
}


/* ===== BVHERO LAUNCH ===== */
.bvhero{position:relative;height:100vh;overflow:hidden;background:#141210;font-family:'Manrope',system-ui,sans-serif}
.bvh-media{position:absolute;inset:0;transform:scale(1.06);will-change:transform}
.bvh-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease;will-change:opacity}
.bvh-slide.is-active{opacity:1}
.bvhero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,rgba(10,7,5,.62) 0%,rgba(10,7,5,.24) 34%,rgba(10,7,5,0) 62%),linear-gradient(to top,rgba(10,7,5,.58) 0%,rgba(10,7,5,.12) 36%,rgba(10,7,5,0) 62%),linear-gradient(to bottom,rgba(10,7,5,.24) 0%,rgba(10,7,5,0) 15%)}
.bvh-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bvhero.is-in .bvh-media{animation:bvh-in 1.4s cubic-bezier(.19,1,.22,1) both}
@keyframes bvh-in{from{opacity:0;transform:scale(1.11)}to{opacity:1;transform:scale(1.06)}}
.bvh-copy{position:absolute;left:clamp(20px,4vw,54px);bottom:11vh;z-index:4;max-width:min(90vw,1060px);will-change:transform}
.bvh-hl{margin:0;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:800;font-variation-settings:"wght" 800;font-size:clamp(2rem,4.3vw,3.7rem);line-height:1;letter-spacing:-.04em;color:#f3efe7;text-shadow:0 2px 40px rgba(0,0,0,.55)}
.bvh-l{display:block;white-space:nowrap}
.bvhero.is-in .bvh-l{animation:bvh-rise .95s cubic-bezier(.19,1,.22,1) both}
.bvhero.is-in .bvh-l:nth-child(2){animation-delay:.08s}
.bvhero.is-in .bvh-l:nth-child(3){animation-delay:.16s}
@keyframes bvh-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.bvh-rot{display:inline-block;color:#e5814f;will-change:transform,opacity}
.bvh-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.bvhero.is-in .bvh-cta{animation:bvh-rise .95s cubic-bezier(.19,1,.22,1) both;animation-delay:.3s}
.bvh-btn{display:inline-flex;align-items:center;gap:.6em;padding:14px 27px;border-radius:999px;font-weight:600;font-size:.92rem;letter-spacing:.01em;cursor:pointer;text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .25s}
.bvh-btn svg{width:15px;height:15px;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.bvh-btn:hover svg{transform:translateX(5px)}
.bvh-btn-solid{background:#f3efe7;color:#1a1512}
.bvh-btn-solid:hover{background:#fff}
.bvh-btn-ghost{border:1px solid rgba(243,239,231,.5);color:#f3efe7;background:rgba(243,239,231,.08);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.bvh-btn-ghost:hover{border-color:#f3efe7;background:rgba(243,239,231,.16)}
.bvh-cap{position:absolute;right:clamp(20px,4vw,54px);bottom:58px;z-index:4;text-align:right}
.bvhero.is-in .bvh-cap{animation:bvh-rise .9s ease both;animation-delay:.9s}
.bvh-cap-in{transition:opacity .35s ease}
.bvh-cap-k{display:block;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,239,231,.8);text-shadow:0 1px 6px rgba(0,0,0,.55);margin-bottom:5px}
.bvh-cap-name{display:block;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.05;letter-spacing:-.02em;color:#f3efe7;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.bvh-dots{position:absolute;right:clamp(20px,4vw,54px);bottom:40px;z-index:4;display:flex;gap:8px;justify-content:flex-end}
.bvhero.is-in .bvh-dots{animation:bvh-rise .9s ease both;animation-delay:1s}
.bvh-dot{width:6px;height:6px;border-radius:50%;background:rgba(243,239,231,.34);transition:background .4s,transform .4s}
.bvh-dot.on{background:#f3efe7;transform:scale(1.25)}
.bvh-cue{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:9px}
.bvhero.is-in .bvh-cue{animation:bvh-fade 1s ease both;animation-delay:1.2s}
@keyframes bvh-fade{from{opacity:0}to{opacity:.9}}
.bvh-cue span{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,239,231,.8);text-shadow:0 1px 6px rgba(0,0,0,.55)}
.bvh-cue-div{width:1px;height:32px;background:rgba(243,239,231,.34);overflow:hidden;position:relative}
.bvh-cue-div::before{content:"";position:absolute;top:-32px;left:0;width:1px;height:32px;background:linear-gradient(#f3efe7,transparent);animation:bvh-cue 2.4s ease-in-out infinite}
@keyframes bvh-cue{0%{transform:translateY(0)}100%{transform:translateY(64px)}}
body:has(.bvhero) .site-header{position:fixed;left:0;right:0;top:0;z-index:60}
body:has(.bvhero) .site-header:not(.is-stuck){background:transparent;border-bottom-color:transparent;box-shadow:none}
body:has(.bvhero) .site-header:not(.is-stuck) .brand,body:has(.bvhero) .site-header:not(.is-stuck) .nav-item,body:has(.bvhero) .site-header:not(.is-stuck) .icon-link,body:has(.bvhero) .site-header:not(.is-stuck) .bv-langdd-btn,body:has(.bvhero) .site-header:not(.is-stuck) .nav-toggle{color:#f3efe7;text-shadow:0 1px 5px rgba(0,0,0,.45)}
@media(max-width:860px){.bvh-copy{bottom:15vh;max-width:92vw}.bvh-cap{bottom:120px}.bvh-dots{bottom:104px}.bvh-cue{display:none}}
@media(max-width:680px){.bvh-l{white-space:normal}}
@media(prefers-reduced-motion:reduce){.bvhero.is-in .bvh-media,.bvhero.is-in .bvh-l,.bvhero.is-in .bvh-cta,.bvhero.is-in .bvh-cap,.bvhero.is-in .bvh-dots,.bvhero.is-in .bvh-cue{animation:none}.bvh-media{transform:scale(1.02)}.bvh-cue-div::before{animation:none}.bvh-slide{transition:none}}


/* ===== BVMENU (overlay nav) ===== */
.bvm-trigger{display:inline-flex;align-items:center;gap:9px;background:none;border:0;color:inherit;cursor:pointer;font-family:'Manrope',system-ui,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:6px 0;line-height:1}
.bvm-tlines{display:inline-flex;flex-direction:column;gap:3px}
.bvm-tlines i{display:block;width:20px;height:1.5px;background:currentColor}
@media(max-width:600px){.bvm-trigger{display:none}}
@media(min-width:601px){.site-header .site-nav{display:none !important}}
body:has(.bvhero) .site-header:not(.is-stuck) .bvm-trigger{color:#f3efe7;text-shadow:0 1px 5px rgba(0,0,0,.45)}
.bvm{position:fixed;inset:0;z-index:200;visibility:hidden;pointer-events:none;font-family:'Manrope',system-ui,sans-serif}
.bvm.open{visibility:visible;pointer-events:auto}
.bvm-back{position:absolute;inset:0;background:#3b4536;opacity:0;transition:opacity .5s ease}
.bvm.open .bvm-back{opacity:1}
.bvm-bg{position:absolute;inset:0;overflow:hidden}
.bvm-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .8s ease,transform 6s ease}
.bvm-img.show{opacity:.42;transform:scale(1)}
.bvm-scrim{position:absolute;inset:0;background:radial-gradient(120% 90% at 20% 30%,rgba(16,22,15,.16),rgba(16,22,15,.48))}
.bvm-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,50px)}
.bvm-brand{font-size:.82rem;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:#f3efe7}
.bvm-close{background:none;border:1px solid rgba(243,239,231,.4);color:#f3efe7;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s,transform .5s cubic-bezier(.19,1,.22,1);opacity:0}
.bvm.open .bvm-close{opacity:1;transition-delay:.45s}
.bvm-close:hover{background:rgba(243,239,231,.12);border-color:#f3efe7;transform:rotate(90deg)}
.bvm-nav{position:absolute;left:clamp(20px,6vw,90px);top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:.1em}
.bvm-link{display:flex;align-items:baseline;gap:22px;padding:.06em 0;position:relative;transition:opacity .4s ease;text-decoration:none}
.bvm-num{font-family:'Manrope';font-size:.72rem;letter-spacing:.2em;color:rgba(243,239,231,.72);width:2ch;transition:color .3s}
.bvm-word{font-family:'Fraunces',serif;font-weight:430;font-size:clamp(2.4rem,7vw,6rem);line-height:1.02;letter-spacing:-.01em;color:#f3efe7;transition:transform .45s cubic-bezier(.19,1,.22,1),font-style .2s,color .3s;transform:translateX(0)}
.bvm-word::after{content:"\2192";position:absolute;margin-left:.35em;font-family:'Manrope';font-size:.3em;opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .4s;align-self:center}
.bvm-link:hover .bvm-word{transform:translateX(24px);font-style:italic}
.bvm-link:hover .bvm-num{color:#f3efe7}
.bvm-link:hover .bvm-word::after{opacity:.8;transform:translateX(0)}
.bvm-nav.dim .bvm-link:not(:hover){opacity:.32}
.bvm-link{opacity:0;transform:translateY(28px)}
.bvm.open .bvm-nav .bvm-link{opacity:1;transform:none;transition:opacity .7s ease,transform .8s cubic-bezier(.19,1,.22,1)}
.bvm.open .bvm-nav .bvm-link:nth-child(1){transition-delay:.16s}
.bvm.open .bvm-nav .bvm-link:nth-child(2){transition-delay:.24s}
.bvm.open .bvm-nav .bvm-link:nth-child(3){transition-delay:.32s}
.bvm.open .bvm-nav .bvm-link:nth-child(4){transition-delay:.40s}
.bvm.open .bvm-nav .bvm-link:nth-child(5){transition-delay:.48s}
.bvm.open .bvm-nav.dim .bvm-link:not(:hover){transition-delay:0s}
.bvm-link.is-pro .bvm-word{color:#d3af7f}
.bvm-link.is-pro:hover .bvm-word{color:#e6c896}
.bvm-link.is-pro .bvm-word::after{content:"\2197"}
.bvm-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:26px clamp(20px,4vw,50px)}
.bvm-langs{display:flex;gap:14px;font-size:.76rem;letter-spacing:.1em}
.bvm-langs a{color:rgba(243,239,231,.72);text-decoration:none;transition:color .2s}.bvm-langs a:hover,.bvm-langs a.on{color:#f3efe7}
.bvm-langs span{color:rgba(243,239,231,.28)}
.bvm-meta{display:flex;gap:22px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.bvm-meta a{color:rgba(243,239,231,.72);text-decoration:none;transition:color .2s}.bvm-meta a:hover{color:#f3efe7}
.bvm-foot{opacity:0}.bvm.open .bvm-foot{opacity:1;transition:opacity .8s ease .55s}
@media(max-width:640px){.bvm-nav{top:auto;bottom:120px;transform:none}.bvm-word{font-size:13.5vw}.bvm-foot{flex-direction:column;align-items:flex-start;gap:10px}}
@media(prefers-reduced-motion:reduce){.bvm-back,.bvm-close,.bvm-link,.bvm-foot{transition:none}.bvm-img{transition:opacity .2s}}


/* ===== BVCOLL — Collezioni bento (Archivo/manifesto, full-bleed) ===== */
.bvco{--acc:#b5482a;--acclt:#e5814f;--cream:#f6f0e5;--soft:rgba(28,22,16,.58);--ink:#1c1610;--af:'Space Grotesk',system-ui,sans-serif;background:#f1e9dc;color:var(--ink);font-family:'Manrope',system-ui,sans-serif}
.bvco a{text-decoration:none;color:inherit}
.bvco-hd{display:none}
.bvco-eye{font-family:var(--af);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--soft);white-space:nowrap}
.bvco-rule{height:1px;background:rgba(28,22,16,.16);flex:1}
.bvco-wrap{display:flex;flex-direction:column;gap:2px;background:#0e0a06}
.bvco-cf{display:grid;grid-template-columns:1.15fr 1fr;min-height:min(88vh,760px);background:#f7f1e6;overflow:hidden}
.bvco-cf:nth-of-type(even){grid-template-columns:1fr 1.15fr}
.bvco-cf-ph{background-size:cover;background-position:center;transition:transform 8s ease}
.bvco-cf:hover .bvco-cf-ph{transform:scale(1.04)}
.bvco-cf-txt{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,5vw,90px)}
.bvco-cf-num{font-family:var(--af);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:var(--acc)}
.bvco-cf-name{font-family:var(--af);font-weight:800;font-size:clamp(2.8rem,5.4vw,5.4rem);line-height:.94;letter-spacing:-.03em;color:var(--ink);margin:18px 0 12px}
.bvco-cf-tag{font-family:var(--af);font-weight:600;font-size:clamp(1.3rem,2.3vw,2rem);line-height:1.05;letter-spacing:-.01em;color:var(--acc);margin:0 0 22px}
.bvco-cf-desc{font-family:'Manrope',sans-serif;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.6;color:var(--soft);max-width:46ch;margin:0 0 20px}
.bvco-cf-meta{font-family:var(--af);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;color:var(--acc);margin:0 0 30px}
.bvco-cf-cta{display:inline-flex;align-items:center;gap:11px;font-family:var(--af);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;color:var(--acc);border-bottom:2px solid var(--acc);padding-bottom:8px;align-self:flex-start;transition:gap .25s}
.bvco-cf-cta:hover{gap:17px}
.bvco-cf-cta svg{width:15px;height:15px}
.bvco-row{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#0e0a06}
.bvco-ct{position:relative;min-height:min(82vh,720px);display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;overflow:hidden;color:var(--cream)}
.bvco-ct-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.bvco-ct-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,7,4,.88) 0%,rgba(10,7,4,.44) 34%,rgba(10,7,4,.06) 62%,rgba(10,7,4,.2) 100%);transition:background .4s}
.bvco-ct:hover .bvco-ct-scrim{background:linear-gradient(to top,rgba(10,7,4,.92) 0%,rgba(10,7,4,.52) 38%,rgba(10,7,4,.12) 66%,rgba(10,7,4,.24) 100%)}
.bvco-ct-in{position:relative;z-index:2;padding:clamp(28px,3vw,60px)}
.bvco-ct-num{font-family:var(--af);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:rgba(246,240,229,.72)}
.bvco-ct-name{font-family:var(--af);font-weight:800;font-size:clamp(2rem,3.4vw,3.4rem);line-height:.96;letter-spacing:-.02em;color:var(--cream);margin:10px 0 10px;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.bvco-ct-tag{font-family:var(--af);font-weight:600;font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.08;letter-spacing:-.01em;color:var(--acclt);margin:0 0 14px}
.bvco-ct-desc{font-family:'Manrope',sans-serif;font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.58;color:rgba(246,240,229,.9);max-width:46ch;margin:0 0 20px;text-shadow:0 1px 14px rgba(0,0,0,.4)}
.bvco-ct-more{display:inline-flex;align-items:center;gap:10px;font-family:var(--af);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--cream);border-bottom:2px solid var(--cream);padding-bottom:6px;transition:gap .25s}
.bvco-ct:hover .bvco-ct-more{gap:16px}
.bvco-ct-more svg{width:15px;height:15px}
@media(max-width:820px){.bvco-cf,.bvco-cf:nth-of-type(even){grid-template-columns:1fr;min-height:0}.bvco-cf-ph{aspect-ratio:4/3}.bvco-cf .bvco-cf-ph{order:-1}.bvco-row{grid-template-columns:1fr}.bvco-ct{min-height:78vh}.bvco-ct-vid{display:none}}


/* ===== MANIFESTO — restyle massimalista (chiaro + Archivo + terracotta) ===== */
.manifesto{background:#f1e9dc;text-align:left;padding:clamp(76px,10vw,134px) clamp(22px,5vw,72px)}
.manifesto-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,6vw,96px);align-items:start}
.manifesto-lead{font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:800;font-size:clamp(2.4rem,6.4vw,5.8rem);line-height:.96;letter-spacing:-.03em;color:#1c1610;margin:0 0 26px;font-variation-settings:normal;max-width:16ch}
.manifesto-lead .accent{color:#b5482a;font-weight:800;font-style:normal}
.manifesto-tagline{text-align:left;margin:0 0 34px;min-height:0}
.manifesto-tagline-rotator{font-family:'Space Grotesk',system-ui,sans-serif;text-align:left;font-size:clamp(1.2rem,2.8vw,2.2rem);min-height:1.5em;width:auto;display:block}
.manifesto-tagline-phrase{font-family:'Space Grotesk',system-ui,sans-serif!important;font-style:normal;font-weight:600;font-size:clamp(1.2rem,2.8vw,2.2rem);color:#b5482a;letter-spacing:-.01em;font-variation-settings:normal;text-align:left}
.manifesto-coda{text-align:left;color:rgba(28,22,16,.58);font-size:clamp(1rem,1.5vw,1.24rem);max-width:44ch;margin:0;line-height:1.6}
.manifesto-stats{display:flex;flex-direction:column;gap:clamp(28px,3.4vw,50px);text-align:left}
.manifesto-stat{text-align:left}
.manifesto-stat-number{font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:800;font-size:clamp(2.8rem,6.2vw,6rem);line-height:.82;letter-spacing:-.045em;color:#1c1610}
.manifesto-stat-label{color:rgba(28,22,16,.58);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;margin-top:14px}
@media(max-width:760px){.manifesto-lead{max-width:none}.manifesto-stats{grid-template-columns:1fr;gap:32px}}


/* ===== BVPF — sezione Progetti (griglia verticale) ===== */
.bvpf{position:relative;overflow:hidden;min-height:130vh;display:flex;flex-direction:column;justify-content:flex-start;color:#f3efe7;font-family:'Manrope',system-ui,sans-serif;background:#100b07}
.bvpf-grid{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(4,1fr)}
.bvpf-cell{position:relative;overflow:hidden}
.bvpf-cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bvpf-cell:first-child img{object-position:38% 50%}
.bvpf-cell+.bvpf-cell{box-shadow:inset 1px 0 0 rgba(0,0,0,.25)}
.bvpf-cred{position:absolute;left:15px;right:10px;bottom:15px;z-index:3;font-size:.66rem;letter-spacing:.06em;color:rgba(243,239,231,.92);text-shadow:0 1px 8px rgba(0,0,0,.85)}
.bvpf-veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to left,rgba(10,7,5,.88) 0%,rgba(10,7,5,.62) 32%,rgba(10,7,5,.22) 52%,rgba(10,7,5,0) 72%),linear-gradient(to bottom,rgba(10,7,5,0) 66%,rgba(10,7,5,.6) 100%)}
.bvpf-in{position:relative;z-index:3;width:100%;max-width:1320px;margin:0 auto;padding:clamp(400px,55vh,700px) clamp(22px,5vw,72px) 0;display:flex;flex-direction:column;align-items:flex-end}
.bvpf-eye{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(243,239,231,.72);margin-bottom:20px}
.bvpf-eye i{width:22px;height:1px;background:#e5814f;display:inline-block}
.bvpf-h{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:800;font-size:clamp(2.9rem,7.8vw,6.8rem);line-height:.96;letter-spacing:-.03em;margin:0 0 20px;color:#f3efe7;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.bvpf-sub{font-size:clamp(.98rem,1.3vw,1.14rem);line-height:1.6;color:rgba(243,239,231,.8);max-width:46ch;margin:0 0 30px;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.bvpf-ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}
.bvpf-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .25s,border-color .25s,color .25s,gap .25s}
.bvpf-btn svg{width:16px;height:16px}
.bvpf-btn:hover{gap:16px}
.bvpf-btn.pri{background:#f3efe7;color:#1a1512}
.bvpf-btn.pri:hover{background:#fff}
.bvpf-btn.gh{border:1px solid rgba(243,239,231,.5);color:#f3efe7;background:rgba(243,239,231,.06)}
.bvpf-btn.gh:hover{border-color:#f3efe7;background:rgba(243,239,231,.14)}
@media(max-width:820px){.bvpf-grid{grid-template-columns:repeat(2,1fr)}.bvpf{min-height:min(96vh,720px)}.bvpf-in{padding-top:clamp(120px,22vh,240px)}}


/* ===== HERO eyebrow + logo maiuscolo + BVM CHIARO ===== */
.bvh-eyebrow{font-family:'Manrope',system-ui,sans-serif;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,239,231,.82);margin-bottom:18px;text-shadow:0 1px 6px rgba(0,0,0,.5);max-width:48ch;line-height:1.55}
.bvhero.is-in .bvh-eyebrow{animation:bvh-rise .9s cubic-bezier(.19,1,.22,1) both}
/* logo immagine nell'header (23/09/2026) */
#siteHeader .brand{display:inline-flex;align-items:center;line-height:0}
#siteHeader .brand .brand-logo{height:30px;width:auto;display:block;transition:height .3s}
#siteHeader.is-stuck .brand .brand-logo{height:23px}
@media(max-width:760px){
  #siteHeader .brand .brand-logo{height:17px}
  /* logo centrato ma con spazio garantito per le icone a destra: se non c'e' spazio, si sposta a sinistra */
  #siteHeader .site-header-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
  #siteHeader .brand{justify-self:center;max-width:calc(100vw - 200px)}
  #siteHeader .brand .brand-logo{max-width:100%;height:auto;max-height:17px}
}
@media(max-width:420px){
  #siteHeader .brand .brand-logo{max-height:15px}
}
/* nero di default; bianco quando l'header è trasparente su fondo scuro (home hero, progetti hero) */
#siteHeader .brand .brand-logo-light{display:none}
body:has(.bvhero) #siteHeader:not(.is-stuck) .brand .brand-logo-dark,
body:has(.prog2-hero) #siteHeader:not(.is-stuck) .brand .brand-logo-dark,
body:has(.at2-hero) #siteHeader:not(.is-stuck) .brand .brand-logo-dark,
body:has(.cv2-hero) #siteHeader:not(.is-stuck) .brand .brand-logo-dark{display:none}
body:has(.bvhero) #siteHeader:not(.is-stuck) .brand .brand-logo-light,
body:has(.prog2-hero) #siteHeader:not(.is-stuck) .brand .brand-logo-light,
body:has(.at2-hero) #siteHeader:not(.is-stuck) .brand .brand-logo-light,
body:has(.cv2-hero) #siteHeader:not(.is-stuck) .brand .brand-logo-light{display:block}
/* ombra leggera sul logo bianco per staccarlo su hero chiari */
body:has(.bvhero) #siteHeader:not(.is-stuck) .brand .brand-logo-light,
body:has(.prog2-hero) #siteHeader:not(.is-stuck) .brand .brand-logo-light,
body:has(.at2-hero) #siteHeader:not(.is-stuck) .brand .brand-logo-light,
body:has(.cv2-hero) #siteHeader:not(.is-stuck) .brand .brand-logo-light{filter:drop-shadow(0 1px 6px rgba(0,0,0,.45))}
.bvm-back{background:#f1e9dc}
.bvm-scrim{background:radial-gradient(120% 90% at 20% 30%,rgba(241,233,220,.12),rgba(241,233,220,.46))}
.bvm-img.show{opacity:.3}
.bvm-brand{color:#1c1610}
.bvm-close{color:#1c1610;border-color:rgba(28,22,16,.38)}
.bvm-close:hover{background:rgba(28,22,16,.1);border-color:#1c1610}
.bvm-num{color:rgba(28,22,16,.55)}
.bvm-word{color:#1c1610}
.bvm-link:hover .bvm-num{color:#1c1610}
.bvm-link.is-pro .bvm-word{color:#b5482a}
.bvm-link.is-pro:hover .bvm-word{color:#c85a34}
.bvm-langs a{color:rgba(28,22,16,.55)}
.bvm-langs a:hover,.bvm-langs a.on{color:#1c1610}
.bvm-langs span{color:rgba(28,22,16,.28)}
.bvm-meta a{color:rgba(28,22,16,.55)}
.bvm-meta a:hover{color:#1c1610}

/* nomi collezioni (solo i titoli) in Archivo */
.bvco-cf-name,.bvco-ct-name{font-family:'Archivo',system-ui,sans-serif}


/* ===== BVCL — Come lavoriamo (scroll orizzontale) ===== */
.bvcl{position:relative;background:#100b07}
.bvcl-sticky{position:relative;height:100vh;overflow:hidden;display:flex;flex-direction:column;background-color:#100b07;background-size:cover;background-position:center;background-repeat:no-repeat}
.bvcl-veil{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(16,11,7,.58),rgba(16,11,7,.4) 45%,rgba(16,11,7,.62))}
.bvcl-head{position:absolute;top:clamp(24px,4vw,46px);left:clamp(20px,4vw,60px);right:clamp(20px,4vw,60px);z-index:5;display:flex;justify-content:space-between;align-items:baseline;pointer-events:none}
.bvcl-k{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#e5814f;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.bvcl-count{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.86rem;letter-spacing:.1em;color:rgba(246,240,229,.6);text-shadow:0 1px 10px rgba(0,0,0,.5)}
.bvcl-count b{color:#f6f0e5;font-size:1.05rem}
.bvcl-row{position:relative;z-index:1;display:flex;height:100%;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.bvcl-row::-webkit-scrollbar{display:none}
.bvcl-panel{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;padding:clamp(80px,10vw,140px) clamp(20px,6vw,110px) clamp(60px,8vw,100px);border-right:1px solid rgba(246,240,229,.07);scroll-snap-align:start}
.bvcl-inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,4vw,80px);max-width:1320px;margin:0 auto;width:100%}
.bvcl-num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(9rem,34vh,26rem);line-height:.74;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px #b5482a;text-stroke:2px #b5482a}
.bvcl-txt{max-width:44ch}
.bvcl-eye{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#e5814f}
.bvcl-t{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1;letter-spacing:-.03em;margin:14px 0 18px;color:#f6f0e5;text-shadow:0 2px 30px rgba(0,0,0,.55)}
.bvcl-d{font-family:'Manrope',sans-serif;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.6;color:rgba(246,240,229,.66);margin:0;text-shadow:0 1px 16px rgba(0,0,0,.55)}
.bvcl-cta{display:inline-flex;align-items:center;gap:11px;margin-top:32px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#100b07;background:#f6f0e5;padding:16px 30px;border-radius:999px;text-decoration:none;transition:gap .25s,background .25s,color .25s}
.bvcl-cta:hover{gap:17px;background:#b5482a;color:#fff}
.bvcl-cta svg{width:15px;height:15px}
.bvcl-bar{position:absolute;left:clamp(20px,4vw,60px);right:clamp(20px,4vw,60px);bottom:clamp(24px,3.5vw,42px);height:2px;background:rgba(246,240,229,.16);z-index:5}
.bvcl-bar-fill{height:100%;width:0;background:#b5482a}
.bvcl-hint{position:absolute;bottom:clamp(52px,6vw,70px);left:50%;transform:translateX(-50%);z-index:5;font-family:'Space Grotesk',sans-serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,240,229,.45)}
@media(max-width:760px){.bvcl-inner{grid-template-columns:1fr;gap:8px}.bvcl-num{font-size:34vw}.bvcl-panel{padding:100px 24px 90px}}


/* ===== BVCW - banner clienti ===== */
.bvcw{background:#f1e9dc;border-top:1px solid rgba(28,22,16,.13);border-bottom:1px solid rgba(28,22,16,.13)}
.bvcw-in{padding:clamp(32px,3.6vw,48px) 0 clamp(36px,4vw,54px)}
.bvcw-h{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;line-height:1;margin:0 0 clamp(22px,2.6vw,34px);padding:0 clamp(20px,4vw,60px);color:rgba(28,22,16,.55)}
.bvcw-track{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.bvcw-run{display:flex;align-items:center;gap:clamp(48px,6vw,92px);width:max-content;animation:bvcwsc 36s linear infinite;padding:0 clamp(30px,4vw,60px)}
.bvcw-track:hover .bvcw-run{animation-play-state:paused}
@keyframes bvcwsc{to{transform:translateX(-50%)}}
.bvcw-logo{height:clamp(30px,3.8vw,52px);width:auto;object-fit:contain;filter:grayscale(1) contrast(1.05) brightness(.5);opacity:.8;transition:filter .35s,opacity .35s;flex:0 0 auto}
.bvcw-logo:hover{filter:none;opacity:1}

@media(max-width:640px){.bvcw-row{flex-direction:column;align-items:stretch}.bvcw-lab{flex:none;border-right:0;border-bottom:1px solid rgba(28,22,16,.14)}}

@media(max-width:820px){.manifesto-inner{grid-template-columns:1fr;gap:clamp(34px,6vw,50px)}}

.bvcl-dots{position:absolute;right:clamp(24px,4.5vw,56px);bottom:clamp(30px,4vw,52px);z-index:6;display:flex;gap:13px}
.bvcl-dots button{width:11px;height:11px;padding:0;border-radius:50%;border:1.5px solid rgba(246,240,229,.5);background:transparent;cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.bvcl-dots button:hover{border-color:#e5814f}
.bvcl-dots button.on{background:#b5482a;border-color:#b5482a;transform:scale(1.15)}

.bvcl-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:clamp(44px,4vw,56px);height:clamp(44px,4vw,56px);border-radius:50%;border:1px solid rgba(246,240,229,.3);background:rgba(16,11,7,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#f6f0e5;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:background .3s,border-color .3s,opacity .3s,transform .3s}
.bvcl-prev{left:clamp(14px,2.5vw,34px)}
.bvcl-next{right:clamp(14px,2.5vw,34px)}
.bvcl-sticky:hover .bvcl-arrow:not(.off){opacity:1;pointer-events:auto}
.bvcl-arrow:hover{background:#b5482a;border-color:#b5482a}
.bvcl-arrow svg{width:20px;height:20px}

/* == COME LAVORIAMO v2 (editoriale incrocio) == */
.clv-sec{position:relative;background:#f1e9dc;overflow-x:clip}
.clv-head{padding:clamp(26px,5vw,70px) clamp(30px,7vw,120px) 0}
.clv-h-eye{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:#b5482a}
.clv-h-t{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(2.4rem,5.4vw,5rem);line-height:1;letter-spacing:-.03em;margin:16px 0 0;color:#1c1610}
.clv{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:6.5vh;gap:0;padding:clamp(30px,4vw,70px) 0 0}
.clv-img{position:relative;overflow:hidden;background:#ded2c0;box-shadow:0 30px 70px -28px rgba(28,18,10,.55)}
.clv-img img{width:100%;height:116%;object-fit:cover;position:relative;top:-8%;will-change:transform;display:block}
.clv-text{align-self:start;z-index:5;padding-top:clamp(22px,5vh,60px)}
.clv-text.left{padding-left:clamp(30px,7vw,120px);padding-right:clamp(24px,3vw,54px)}
.clv-text.right{padding-right:clamp(30px,7vw,120px);padding-left:clamp(24px,3vw,54px)}
.clv-num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(3.2rem,5.2vw,6rem);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px #b5482a;margin:0 0 clamp(14px,1.8vw,22px)}
.clv-eye{display:block;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:#b5482a;margin:0 0 12px}
.clv-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 clamp(14px,1.8vw,22px);color:#1c1610}
.clv-body{font-family:'Manrope',sans-serif;font-size:clamp(.98rem,1.1vw,1.1rem);line-height:1.6;color:rgba(28,22,16,.66);max-width:38ch;margin:0}
.clv-cta{display:inline-flex;align-items:center;gap:.55em;margin-top:clamp(20px,2.4vw,32px);font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;color:#1c1610;text-decoration:none;border-bottom:2px solid #b5482a;padding-bottom:6px;transition:gap .3s,color .3s}
.clv-cta:hover{gap:1.1em;color:#b5482a}
.p1t{grid-column:1/6;grid-row:2/8}.p1i{grid-column:6/13;grid-row:1/11;z-index:1}
.p2t{grid-column:8/13;grid-row:11/17}.p2i{grid-column:1/8;grid-row:9/19;z-index:2}
.p3t{grid-column:1/6;grid-row:19/25}.p3i{grid-column:6/13;grid-row:18/27;z-index:3}
.p4t{grid-column:8/13;grid-row:27/33}.p4i{grid-column:1/8;grid-row:26/35;z-index:4}
.reveal-t .clv-num,.reveal-t .clv-eye,.reveal-t .clv-title,.reveal-t .clv-body,.reveal-t .clv-cta{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
.reveal-t.in .clv-num{opacity:1;transform:none;transition-delay:.02s}.reveal-t.in .clv-eye{opacity:1;transform:none;transition-delay:.1s}.reveal-t.in .clv-title{opacity:1;transform:none;transition-delay:.18s}.reveal-t.in .clv-body{opacity:1;transform:none;transition-delay:.28s}.reveal-t.in .clv-cta{opacity:1;transform:none;transition-delay:.38s}
.reveal-i{opacity:0;clip-path:inset(0 0 14% 0);transition:opacity 1.15s cubic-bezier(.2,.7,.2,1),clip-path 1.15s cubic-bezier(.2,.7,.2,1)}
.reveal-i.in{opacity:1;clip-path:inset(0 0 0 0)}
@media(max-width:820px){.clv{display:block;padding:20px 0 60px}.clv>*{grid-column:auto!important;grid-row:auto!important}.clv-text{padding:clamp(22px,6vw,34px) clamp(24px,7vw,40px)!important;margin:8px 0}.clv-img{margin:0 0 8px}.clv-img img{height:100%;top:0}.clv-title{font-size:clamp(1.9rem,8vw,2.5rem)}}

/* == TRADE CTA v1 (sezione pro, video) == */
.tr{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:#0e0a06;overflow:hidden;padding:clamp(84px,13vh,160px) clamp(24px,6vw,80px) clamp(48px,7vh,92px)}
.tr-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;filter:brightness(.82) saturate(1.06)}
.tr-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,10,6,.6) 0%,rgba(14,10,6,.5) 42%,rgba(14,10,6,.88) 100%)}
.tr-glow{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:88vw;height:66vh;background:radial-gradient(ellipse,rgba(181,72,42,.26),transparent 65%);pointer-events:none}
.tr-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:1080px;margin:0 auto}
.tr-eye{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(.75rem,1.1vw,.94rem);letter-spacing:.26em;text-transform:uppercase;color:#e5814f;margin-bottom:clamp(24px,2.6vw,34px)}
.tr-h{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(2.8rem,8.2vw,7.2rem);line-height:.98;letter-spacing:-.03em;color:#f6f0e5;margin:0 0 clamp(26px,2.8vw,38px)}
.tr-sub{font-family:'Manrope',sans-serif;font-weight:400;font-size:clamp(1.05rem,1.4vw,1.34rem);line-height:1.55;color:rgba(246,240,229,.8);max-width:52ch;margin:0 auto clamp(38px,4.4vw,58px);text-shadow:0 1px 20px rgba(0,0,0,.4)}
.tr-cta{display:inline-flex;align-items:center;gap:.6em;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(.94rem,1.2vw,1.12rem);letter-spacing:.08em;text-transform:uppercase;color:#0e0a06;background:#e5814f;padding:clamp(18px,2vw,25px) clamp(34px,3.6vw,54px);border-radius:100px;text-decoration:none;box-shadow:0 20px 60px -18px rgba(229,129,79,.6);transition:background .3s,transform .3s,box-shadow .3s}
.tr-cta:hover{background:#f6f0e5;transform:translateY(-3px);box-shadow:0 26px 70px -18px rgba(246,240,229,.4)}
.tr-note{margin-top:clamp(18px,2vw,26px);font-family:'Manrope',sans-serif;font-size:.86rem;color:rgba(246,240,229,.55)}
.tr-benefits{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,48px);max-width:1040px;margin:clamp(30px,4vh,54px) auto 0;text-align:left}
.tr-b{border-top:2px solid rgba(181,72,42,.7);padding-top:clamp(14px,1.6vw,20px)}
.tr-b-t{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(1rem,1.2vw,1.18rem);color:#f6f0e5;margin:0 0 7px;letter-spacing:-.01em}
.tr-b-d{font-family:'Manrope',sans-serif;font-size:clamp(.84rem,.95vw,.96rem);line-height:1.45;color:rgba(246,240,229,.62);margin:0}
.trv{opacity:0;transform:translateY(30px);transition:opacity .95s cubic-bezier(.2,.7,.2,1),transform .95s cubic-bezier(.2,.7,.2,1)}
.tr.in .tr-eye{transition-delay:.06s}.tr.in .tr-h{transition-delay:.2s}.tr.in .tr-sub{transition-delay:.38s}.tr.in .tr-cta{transition-delay:.52s}.tr.in .tr-note{transition-delay:.6s}.tr.in .tr-benefits{transition-delay:.46s}
.tr.in .trv{opacity:1;transform:none}
@media(max-width:820px){.tr-benefits{grid-template-columns:1fr 1fr;gap:22px 26px}.tr-h{font-size:clamp(2.4rem,10vw,3.4rem)}}

/* ===== Transizioni tra pagine (23/09/2026) ===== */
/* Crossfade nativo tra documenti (Chrome/Edge). Fallback: fade-out JS sotto. */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: no-preference){
  ::view-transition-old(root){animation:bvVtOut .28s ease both}
  ::view-transition-new(root){animation:bvVtIn .34s ease both}
}
/* solo dissolvenza, niente scorrimento verticale (evita il "rimbalzo") */
@keyframes bvVtOut{to{opacity:0}}
@keyframes bvVtIn{from{opacity:0}to{opacity:1}}

/* Fallback per browser senza View Transitions: velo che sfuma in uscita */
.bv-pagefade{position:fixed;inset:0;background:#f1e9dc;z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s ease}
html.bv-leaving .bv-pagefade{opacity:1;pointer-events:auto}
@media (prefers-reduced-motion: reduce){.bv-pagefade{display:none}}

/* ===== Rifiniture mobile (23/09/2026) ===== */
@media (max-width: 760px){
  /* file di chip/filtri: scorrono di lato col dito invece di uscire dallo schermo */
  .types{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;margin-right:calc(-1 * clamp(16px,4vw,24px));padding-right:clamp(16px,4vw,24px)}
  .types::-webkit-scrollbar{display:none}
  .types > *{flex:0 0 auto}
  /* niente scroll orizzontale accidentale a livello pagina */
  html,body{overflow-x:clip}
}
/* tablet: barra filtri Store — tools a capo sotto i chip, chip scorrevoli */
@media (max-width: 900px){
  .cd2-fbar .in{flex-wrap:wrap;gap:12px 10px}
  /* riga 1: strumenti (Filtra · Ordina · vista) in fila, a tutta larghezza */
  .cd2-fbar .in > .tools{order:1;flex:1 1 100%;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-left:0;padding-left:0;border-left:0}
  .cd2-fbar .in > .tools > *{flex:0 0 auto}
  /* riga 2: chip tipologia scorrevoli */
  .cd2-fbar .in > .types{order:2;flex:1 1 100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin:0}
  .cd2-fbar .in > .types::-webkit-scrollbar{display:none}
  .cd2-fbar .in > .types > *{flex:0 0 auto}
}

/* ===== Header mobile: trigger MENU a sinistra (menu nuovo), niente hamburger a destra ===== */
@media (max-width: 900px){
  .site-header-left{display:flex !important;align-items:center}
  .bvm-trigger{display:inline-flex !important;align-items:center;gap:8px;font-size:.62rem;letter-spacing:.14em}
  .nav-toggle,#navToggle{display:none !important}
  .mobile-drawer,#mobileDrawer{display:none !important}
}

/* ============================================================
   MOBILE — leggibilità e tocco (23/09/2026)
   1) etichette/kicker: minimo 11-12px  2) aree di tocco >= 40px
   ============================================================ */
@media (max-width: 760px){
  /* --- 1. FONT MINIMI per etichette in maiuscoletto (Archivo) --- */
  .k,.kk,.bvh-eyebrow,.mf-k,.bvpf-cred,.fx-soc-label,.cd2-cta-sig,
  .pv2-hd,.pv2-ek,.pv2-ec,.pv2-hd b,
  .prog2-hero-k,.pcat-tag,.pcat-cd .yr,.pcat-cnt,.pcat .cnt,.pcat-idx .l,.pcat-idx .yr,.pcat-idx b,
  .pdz-kicker,.pdz-back,.pdz-facts .l,.pdz-modcard-k,.pdz-modcard-go,.pdz-quote,
  .ct2-k,.ct2-row .l,.ct2-btn,
  .cd2-scroll,.cd2-pnl .lbl,.cd2-pnl .meta,
  .cart2-kicker,.cart2-remove,.cart2-summary h2,.cd3-rm,.cd3-sub .l,
  .cfA-k,.cfA-num .l,.cfA-col h3,.cfA-pay .l,
  .policy-kicker,.policy-nav a,
  .folio2 .k,.folio2-btn,.folio2-alt,.pd-nav-archive-link,
  .at2 .k,.at2 .more,.mf-c,.mf-k,
  .ck2-steps .s .t,.ck2-order-h small,
  .g-cue span,.pcat-mason-bar a,.cd2-pill,.cd2-pill.tool,
  b.cd2-fact-k,.cd2-facts b,.bvco-cf-num,.bvco-cf-cta,.bvh-lnk{
    font-size:max(.72rem,11.5px) !important;
  }
  /* kicker più importanti un filo più grandi */
  .pdz-kicker,.ct2-k,.cart2-kicker,.cfA-k,.policy-kicker,.prog2-hero-k,.folio2 .k,.at2 .k{font-size:12px !important;letter-spacing:.16em !important}
  /* etichette dei fatti / form */
  .pdz-facts .l,.ct2-row .l,.cfA-pay .l,.cfA-num .l,.cd3-sub .l{font-size:11px !important;letter-spacing:.12em !important}

  /* --- 2. AREE DI TOCCO >= 40px (padding invisibile, look invariato) --- */
  .bvm-trigger{min-height:44px;padding:8px 6px 8px 0 !important}
  #siteHeader .brand{min-height:44px;display:inline-flex;align-items:center}
  .icon-link,.cart-icon-link,.bv-langdd-btn{min-width:36px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  a.pdz-back,a.pdz-quote,a.folio2-alt,a.pd-nav-archive-link,a.pcat-mason-bar a,.pcat .all,a.all,.at2 .more,
  .cart2-continue a,.cart2-remove,.cd3-rm,.cd3-view,.cfA-lnk,.ck2-back,.ck2-tocart,
  .ct2-row .v a,.policy-nav a,.fx a,.fx-mark,.bvh-lnk,.bvco-cf-num,.bvco-cf-cta{
    display:inline-flex;align-items:center;min-height:40px;padding-top:6px;padding-bottom:6px
  }
  .cd2-pill,.cd2-pill.tool,.types a,.types button{min-height:40px;padding-top:9px;padding-bottom:9px}
  .ck2-steps .s{min-height:40px}
  .cfA-copy,.cf2-copy{width:34px;height:34px;font-size:1rem}
  .ck2-pill,.pv2-cta .lnk,button.lnk{min-height:40px}
  /* checkbox/radio più comodi */
  input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px}
  /* wordmark header un filo più grande su mobile */
  #siteHeader .brand .brand-logo{height:17px !important}
  #siteHeader .brand{display:inline-flex;align-items:center;justify-content:center}
  #siteHeader .site-header-top{display:flex !important;justify-content:space-between !important;align-items:center !important;position:relative;gap:0 !important}
  #siteHeader .site-header-top > .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) !important;margin:0 !important}
  .site-header-left{justify-self:start}
  .site-header-right{justify-self:end}
  .bv-langdd-btn{font-size:.88rem}
}
/* --- passaggio 2: residui audit --- */
@media (max-width: 760px){
  /* font residui */
  .cd2-facts b,b.cd2-fact-k,.cd2-fact b,.store-facts b,
  .pv2-more a.all,a.all,.pv2-thumbs .tag,span.tag,
  .prog2-hero-n .l,.prog2-hero .l,.g-more,.pcat-idx .tg,.pcat-idx-hd span,.pcat-idx span.yr,.folio2-badge,
  .at2-steps .n,.at2-steps small,.at2-cta a.p,.at2-cta a,.tr-l a,.trv-cta a{
    font-size:max(.72rem,11.5px) !important;
  }
  .prog2-hero-n .l,.prog2-hero .l{font-size:11px !important}
  /* tap residui */
  .fx-news button,form button[type=submit],.bvh-arrow,.bvh-nav button{min-width:44px;min-height:44px}
  .fx a,.fx-cols a{min-height:40px;display:inline-flex;align-items:center}
  .cd2-view button,.cd2-viewtoggle button,.cd2-pill.tool button,.tools button{min-width:40px;min-height:40px}
  a.cd2-cta-wa,.cd2-pnl a.cta,.cd2-cta a{min-height:44px;display:inline-flex;align-items:center;padding-top:8px;padding-bottom:8px}
  .ck2-brand{min-height:44px;display:inline-flex;align-items:center}
  .cfA-copy,.cf2-copy{width:40px !important;height:40px !important}
}
/* --- passaggio 3: residui generici per contesto --- */
@media (max-width: 760px){
  /* store: fatti Prezzo/Pagamento/Consegna */
  .cd2-hero b,.cd2-intro b,.cd2-facts div b,.cd2-hero-facts b{font-size:11.5px !important}
  /* progetti 04 indice: intestazione, tag, anni, studio */
  .pcat.tD .idx-hd span,.pcat.tD .idx-hd,.pcat.tD .tg,.pcat.tD .yr,.pcat.tD b,.pcat.tD .tags span,.pcat.tD .pcat-tags span,
  .pcat.tD span.yr,.pcat.tD div.tg{font-size:11px !important}
  /* atelier: indirizzo, step processo, faq contatore */
  .at2 .addr span,.addr span{font-size:12px !important;line-height:1.5}
  .at2 .n,.at2-steps .n,.at2 div.n{font-size:12px !important}
  .at2 small,.at2-steps small{font-size:11px !important}
  .at2 .faq-cnt,.at2 .fq-cnt,.at2-faq span{font-size:11px !important}
  /* collezione: "scorri" */
  .cd2-scroll span,.cd2-scroll{font-size:11px !important}
  /* prodotto/store: link testuali del breadcrumb e area pro */
  .pv2-crumb a,.pv2-bc a,.crumb a,.pv2-trade a,.pv2-pro a,.cd2-crumb a,a[href*="/pro"]{min-height:36px;display:inline-flex;align-items:center}
}
/* --- passaggio 4: ultimi residui (selettori esatti) --- */
@media (max-width: 760px){
  .cd2-shead-c .pro b,.cd2-shead-c .pro div b{font-size:11.5px !important}
  .pcat-det .r b,.pcat-det b{font-size:11px !important}
  .pcat-ix-head span,.pcat-ix-head{font-size:11px !important}
  .cd2-hint span,.cd2-hint{font-size:11px !important}
  .site-nav a.nav-item{min-height:40px;display:inline-flex;align-items:center}
}

/* ============================================================
   HOME MOBILE (24/09/2026) — collezioni griglia 2 col, come lavoriamo B, manifesto, footer
   ============================================================ */
@media (max-width: 760px){
  /* ---------- COLLEZIONI: griglia 2 colonne ---------- */
  .bvco-wrap{display:grid !important;grid-template-columns:1fr 1fr;gap:12px;padding:0 clamp(16px,4vw,22px)}
  .bvco-cf{display:block !important;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4;background:#2a2119;margin:0 !important;min-height:0 !important;height:auto !important}
  .bvco-cf .bvco-cf-ph{position:absolute !important;inset:0;width:100% !important;height:100% !important;background-size:cover;background-position:center;border-radius:0}
  .bvco-cf::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(13,9,6,.86),rgba(13,9,6,.15) 55%,transparent);pointer-events:none}
  .bvco-cf .bvco-cf-txt{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;padding:0 !important;margin:0 !important;background:none !important;color:#fff;width:auto !important}
  .bvco-cf .bvco-cf-num{font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:.54rem !important;letter-spacing:.12em;text-transform:uppercase;color:#e6b8a7 !important;display:block;margin:0 0 3px !important;min-height:0 !important;padding:0 !important}
  .bvco-cf .bvco-cf-name{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:1rem !important;letter-spacing:-.02em;line-height:1.15;color:#fff !important;margin:0 !important}
  .bvco-cf .bvco-cf-tag,.bvco-cf .bvco-cf-desc,.bvco-cf .bvco-cf-meta{display:none !important}
  .bvco-cf .bvco-cf-cta{display:block !important;margin:6px 0 0 !important;padding:0 !important;min-height:0 !important;font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:.54rem !important;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,239,231,.85) !important;border:0 !important;background:none !important}
  .bvco-hd{padding:0 clamp(16px,4vw,22px) 16px}

  /* ---------- COME LAVORIAMO: versione B (numero, testo, poi foto) ---------- */
  .clv{display:flex !important;flex-direction:column;gap:0;padding:0 clamp(16px,4vw,22px) 10px}
  .clv-text{order:initial;position:static !important;width:100% !important;max-width:100% !important;padding:22px 0 12px !important;opacity:1 !important;transform:none !important;text-align:left !important}
  .clv-img{position:static !important;width:100% !important;height:auto !important;max-height:none !important;aspect-ratio:16/10;border-radius:14px;overflow:hidden;margin:0 0 6px !important;opacity:1 !important;transform:none !important}
  .clv-img img{width:100%;height:100%;object-fit:cover;transform:none !important}
  .clv-num{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:2.8rem !important;line-height:1;color:transparent !important;-webkit-text-stroke:1.5px #e6b8a7;letter-spacing:-.03em;margin:0 0 6px !important;opacity:1 !important}
  .clv-eye{font-size:11.5px !important;letter-spacing:.16em !important;display:block;margin:0 0 6px !important}
  .clv-title{font-family:'Archivo',system-ui,sans-serif !important;font-weight:800 !important;font-size:1.6rem !important;letter-spacing:-.02em;line-height:1;margin:0 0 8px !important;text-transform:none !important}
  .clv-body{font-size:.94rem !important;line-height:1.55;margin:0 !important;opacity:1 !important}
  .clv-head{padding:0 clamp(16px,4vw,22px) 6px}
  .clv-h-t{font-size:2rem !important;line-height:1}
  .clv-sec{padding-bottom:20px}

  /* ---------- MANIFESTO: dal 14/10/2026 le regole stanno in app.css (nessun blocco, parallasse) ---------- */

  /* ---------- FOOTER: colonna singola, link a 2 colonne ---------- */
  .fx-in{padding-left:clamp(16px,4vw,22px);padding-right:clamp(16px,4vw,22px)}
  .fx-head{padding:6px 0 18px}
  .fx-head a.fx-mark img{height:22px !important;width:auto}
  /* griglia 2 colonne: brand e news a tutta larghezza, le 2 colonne link affiancate */
  .fx-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 16px !important;padding-top:18px !important}
  .fx-brand{grid-column:1 / -1;padding:0 0 20px !important;border-bottom:1px solid rgba(28,22,16,.13)}
  .fx-brand p,.fx-brand .fx-desc{font-size:.9rem;line-height:1.55}
  .fx-soc-block{padding:16px 0 0;border-bottom:0}
  .fx-col{padding:20px 0 16px !important;border-bottom:1px solid rgba(28,22,16,.13);width:auto !important;display:block !important}
  .fx-col .fx-ct,.fx-col h4{font-size:11px !important;letter-spacing:.18em !important;margin-bottom:6px}
  .fx-col a{font-size:.95rem;padding:5px 0;display:block;min-height:34px;line-height:1.5}
  .fx-news{grid-column:1 / -1}
  .fx-news{padding:22px 0 !important;border-top:1px solid rgba(28,22,16,.13);border-bottom:1px solid rgba(28,22,16,.13);margin-top:0}
  .fx-news-h{font-size:1.15rem !important;line-height:1.15}
  .fx-news-d{font-size:.86rem;margin:6px 0 12px}
  .fx-closing{padding:22px 0 8px}
  .fx-closing-t{font-size:1.35rem !important;line-height:1.15}
  .fx-bottom{flex-direction:column;align-items:flex-start;gap:12px;padding-top:16px}
  .fx-legal{font-size:.76rem;line-height:1.5}
  .fx-pay{opacity:.6}
}
/* --- COLLEZIONI mobile: unifico le 4 card scure (.bvco-ct) nella stessa griglia 2 colonne --- */
@media (max-width: 760px){
  .bvco-row{display:contents !important}
  .bvco-ct{display:block !important;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4;background:#2a2119 center/cover no-repeat;margin:0 !important;min-height:0 !important;height:auto !important;width:auto !important;flex:none !important;opacity:1 !important;transform:none !important}
  .bvco-ct .bvco-ct-vid{display:none !important}
  .bvco-ct .bvco-ct-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,9,6,.86),rgba(13,9,6,.15) 55%,transparent) !important;opacity:1 !important}
  .bvco-ct .bvco-ct-in{position:absolute;left:12px;right:12px;bottom:12px;top:auto !important;padding:0 !important;margin:0 !important;transform:none !important;opacity:1 !important;width:auto !important;max-width:none !important}
  .bvco-ct .bvco-ct-num{font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:.54rem !important;letter-spacing:.12em;text-transform:uppercase;color:#e6b8a7 !important;display:block;margin:0 0 3px !important}
  .bvco-ct .bvco-ct-name{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:1rem !important;letter-spacing:-.02em;line-height:1.15;color:#fff !important;margin:0 !important}
  .bvco-ct .bvco-ct-tag,.bvco-ct .bvco-ct-desc{display:none !important}
  .bvco-ct .bvco-ct-more{display:inline-flex !important;align-items:center;gap:4px;margin:6px 0 0 !important;padding:0 !important;font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:.54rem !important;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,239,231,.85) !important;opacity:1 !important;transform:none !important}
  .bvco-ct .bvco-ct-more svg{width:12px;height:12px}
  /* numero "01 / In evidenza" -> solo numero per uniformità */
  .bvco-cf .bvco-cf-num{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* uniformo testi delle 2 card "in evidenza" alle altre 4 su mobile */
@media (max-width: 760px){
  .bvco-cf .bvco-cf-num{font-size:0 !important}
  .bvco-cf .bvco-cf-num::before{content:attr(data-n);font-size:.54rem;letter-spacing:.12em}
  .bvco-wrap .bvco-cf:nth-of-type(1) .bvco-cf-num::before{content:"01"}
  .bvco-wrap .bvco-cf:nth-of-type(2) .bvco-cf-num::before{content:"04"}
  .bvco-cf .bvco-cf-cta{font-size:0 !important}
  .bvco-cf .bvco-cf-cta::before{content:"Scopri";font-size:.54rem;letter-spacing:.12em}
}
/* ===== STORE / COLLEZIONE mobile: mosaico prodotti — foto visibili, griglia 2 colonne ===== */
@media (max-width: 760px){
  .cd2-mosaic{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px 12px !important;padding:0 clamp(16px,4vw,22px) !important}
  .cd2-tile{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;min-width:0}
  .cd2-tile .cd2-fig{width:100% !important;flex:0 0 auto !important;aspect-ratio:4/5;min-height:0;transform:none !important;box-shadow:none !important}
  .cd2-tile .cd2-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none !important}
  .cd2-tile .cd2-a{opacity:1 !important}
  .cd2-tile .cd2-b{display:none !important}
  .cd2-tile .cd2-cap{width:100%;padding:10px 0 0;text-align:left}
  .cd2-tile .cd2-cap h4{font-size:.95rem;line-height:1.2}
  .cd2-tile .cd2-cap .pr,.cd2-tile .cd2-cap .sub,.cd2-tile .cd2-cap .cd2-sub{font-size:.8rem}
  .cd2-tile .cd2-qv{display:none !important}
  /* vista lista (se attiva dal toggle): foto piccola a sinistra */
  .cd2-mosaic.list .cd2-tile{flex-direction:row !important;align-items:center !important;gap:12px}
  .cd2-mosaic.list .cd2-tile .cd2-fig{width:84px !important;flex:0 0 84px !important;aspect-ratio:3/4}
  .cd2-mosaic.list{grid-template-columns:1fr !important}
}
/* ===== COLLEZIONE mobile: sezione "In opera" — titolo sopra, video più basso ===== */
@media (max-width: 760px){
  .cd2-stick{display:flex;flex-direction:column}
  .cd2-stick .cd2-shead{order:1;padding:34px clamp(16px,4vw,22px) 12px !important}
  .cd2-stick .cd2-vx-media{order:2;height:44vh !important;min-height:280px !important;clip-path:inset(0 clamp(16px,4vw,22px) round 14px) !important;margin:0 0 6px}
  .cd2-stick .cd2-stage{order:3}
  .cd2-stick .cd2-klabel{order:2}
  .cd2-hint{padding:0 clamp(16px,4vw,22px) 10px !important}
}
/* ===== COLLEZIONE / STORE mobile: filtri e ordina ===== */
@media (max-width: 760px){
  /* drawer Filtra a schermo intero */
  .cd2-drawer-p{width:100vw !important;max-width:100vw;box-shadow:none}
  .cd2-drawer-p .hd{padding:20px clamp(16px,4vw,22px) 14px}
  .cd2-drawer-p .hd h3{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:-.02em}
  .cd2-drawer-p .grp{padding:18px clamp(16px,4vw,22px)}
  .cd2-drawer-p .grp .lb,.cd2-drawer-p .grp h4,.cd2-drawer-p .grp .k{font-size:11px !important;letter-spacing:.16em !important;margin-bottom:10px}
  .cd2-drawer-p .chips,.cd2-drawer-p .grp > div{display:flex;flex-wrap:wrap;gap:8px}
  .cd2-drawer-p .chips a,.cd2-drawer-p .chips button,.cd2-drawer-p .cd2-pill{min-height:40px;padding:9px 14px;font-size:.9rem}
  /* footer sticky con conteggio + bottone "Mostra" */
  .cd2-drawer-p .ft{position:sticky;bottom:0;background:var(--cream,#f4efe7);padding:14px clamp(16px,4vw,22px) calc(14px + env(safe-area-inset-bottom,0px));gap:12px;border-top:1px solid rgba(28,22,16,.12)}
  .cd2-drawer-p .ft #cd2DrCnt{font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:.8rem;color:#1c1610}
  .cd2-drawer-p .ft .reset{font-size:.86rem;color:#8a8074;text-decoration:underline;text-underline-offset:3px}
  .cd2-drawer-p .ft .cd2-showbtn{order:3;flex:1 1 100%;display:flex;align-items:center;justify-content:center;background:#1c1610;color:#f4efe7;border:0;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:.98rem;padding:15px;border-radius:999px;margin-top:6px;cursor:pointer}
  .cd2-drawer-p .ft{flex-wrap:wrap}
  /* Ordina: bottom sheet */
  .cd2-dd .cd2-dd-menu{position:fixed !important;left:0 !important;right:0 !important;top:auto !important;bottom:0 !important;min-width:0 !important;max-height:70vh;border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(100%) !important;box-shadow:0 -20px 60px -20px rgba(28,22,16,.4);z-index:1300}
  .cd2-dd.open .cd2-dd-menu{transform:none !important}
  .cd2-dd.open::before{content:"";position:fixed;inset:0;background:rgba(20,14,8,.35);z-index:1290}
  .cd2-dd-menu a,.cd2-dd-menu button{display:block;padding:14px 12px;font-size:1rem;min-height:44px;border-radius:10px}
  .cd2-dd-menu::before{content:"Ordina per";display:block;font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8a8074;padding:6px 12px 10px}
  /* barra: nascondo il toggle vista (inutile su mobile) */
  .cd2-fbar .cd2-view,.cd2-fbar .cd2-vt,.cd2-fbar [class*="view"],.cd2-fbar .tools > .cd2-pill.tool:not(.dd):not(#cd2FiltBtn):not(:has(svg path[d^="M2 4h12"])){display:none !important}
}
@media (max-width: 760px){ .cd2-fbar .tools .cd2-dens{display:none !important} }
/* ===== COLLEZIONE mobile: progetti "In opera" — card compatte in verticale ===== */
@media (max-width: 760px){
  .cd2-track{display:flex !important;flex-direction:column !important;overflow:visible !important;scroll-snap-type:none !important;gap:22px !important;padding:0 clamp(16px,4vw,22px) !important}
  .cd2-pnl{flex:none !important;width:100% !important;scroll-snap-align:none !important}
  .cd2-phw{position:relative}
  .cd2-pnl .ph{display:block;aspect-ratio:16/10 !important;height:auto !important;border-radius:14px;overflow:hidden;background:#2a2119}
  .cd2-pnl .ph img{width:100%;height:100%;object-fit:cover;transform:none !important;filter:none !important}
  /* testo sotto la foto, non sovrapposto */
  .cd2-pnl .cd2-stx{position:static !important;left:auto !important;right:auto !important;bottom:auto !important;width:100% !important;padding:12px 0 0 !important;color:#1c1610 !important;transform:none !important;opacity:1 !important}
  .cd2-pnl .cd2-stx .lbl{color:#9a3a2e !important;font-size:11px !important;letter-spacing:.16em}
  .cd2-pnl .cd2-stx h3{color:#1c1610 !important;font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:1.2rem !important;letter-spacing:-.02em;line-height:1.15;margin:4px 0 0}
  .cd2-pnl .cd2-stx .cta{color:#1c1610 !important;border-bottom-color:#9a3a2e !important;margin-top:10px !important;font-size:11.5px !important}
  .cd2-pnl .cd2-pdesc{padding-top:8px}
  .cd2-pnl .cd2-pdesc p{font-size:.92rem;color:#3a2f22;line-height:1.5}
  .cd2-pnl .cd2-pdesc .meta{font-size:11px !important;letter-spacing:.12em;color:#8a8074;margin-top:8px}
  .cd2-hint{display:none !important}
}
@media (max-width: 760px){
  .cd2-pnl .cd2-pdesc{padding-left:0 !important;padding-right:0 !important;margin:0 !important;width:100% !important}
  .cd2-pnl .cd2-pdesc .meta{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5}
}
/* ===== chip tipologia: TUTTE visibili, a capo (no scroll orizzontale) ===== */
@media (max-width: 760px){
  .cd2-fbar .in > .types,.types{flex-wrap:wrap !important;overflow:visible !important;margin:0 !important;padding:0 !important;gap:8px !important}
  .cd2-fbar .in > .types > *,.types > *{flex:0 0 auto !important;min-height:36px;padding:7px 13px !important;font-size:.84rem !important;line-height:1.2;white-space:nowrap}
  .cd2-fbar .in{gap:12px 10px}
  .cd2-fbar{position:sticky;top:0}
}
@media (max-width: 900px){
  .cd2-fbar .in > .types{overflow:visible !important;flex-wrap:wrap !important}
}
/* barra filtri mobile: tools su una riga, chip sotto a TUTTA larghezza (a capo) */
@media (max-width: 760px){
  .cd2-fbar .in{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important}
  .cd2-fbar .in > .tools{order:1 !important;flex:none !important;width:100%;display:flex;gap:8px;align-items:center}
  .cd2-fbar .in > .types{order:2 !important;flex:none !important;width:100% !important;display:flex !important;flex-wrap:wrap !important;justify-content:flex-start}
}
/* barra filtri mobile: NON sticky (scorre con la pagina) -> niente "ballo" */
@media (max-width: 760px){
  .cd2-fbar{position:static !important;top:auto !important;transform:none !important;transition:none !important;will-change:auto}
}

/* ===== HOME collezioni mobile — rifinitura: testata, respiro, ritagli, "Scopri" ===== */
@media (max-width: 760px){
  .bvco{background:#f1e9dc !important;padding:clamp(40px,7vh,60px) 0 clamp(36px,6vh,54px) !important}
  /* testata visibile con titolo */
  .bvco-hd{display:flex !important;flex-direction:column;align-items:flex-start;gap:8px;padding:0 clamp(16px,4vw,22px) 18px !important}
  .bvco-hd .bvco-rule{display:none}
  .bvco-hd .bvco-eye{font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.18em;color:#9a3a2e}
  .bvco-hd::after{content:"Sei modi di fare luce.";font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:1.75rem;letter-spacing:-.02em;line-height:1;color:#1c1610}
  /* card: un filo più alte, angoli, ombra leggera */
  .bvco-cf,.bvco-ct{aspect-ratio:4/5 !important;border-radius:14px;box-shadow:0 10px 24px -14px rgba(28,22,16,.35)}
  .bvco-wrap{gap:14px 12px}
  /* ritagli: mostro la parte giusta della foto */
  .bvco-wrap .bvco-cf:nth-of-type(1) .bvco-cf-ph{background-position:center 30% !important}
  .bvco-wrap .bvco-cf:nth-of-type(2){background-position:center 40% !important}
  .bvco-ct{background-position:center 35% !important}
  /* scrim un po' più morbido in alto, forte in basso */
  .bvco-cf::after,.bvco-ct .bvco-ct-scrim{background:linear-gradient(to top,rgba(13,9,6,.88) 0%,rgba(13,9,6,.35) 45%,rgba(13,9,6,0) 70%) !important}
  /* testo card */
  .bvco-cf .bvco-cf-name,.bvco-ct .bvco-ct-name{font-size:1.02rem !important}
  /* "Scopri": leggero, senza linea pesante */
  .bvco-cf .bvco-cf-cta,.bvco-ct .bvco-ct-more{border-bottom:0 !important;text-decoration:none !important;opacity:.85 !important}
  .bvco-cf .bvco-cf-cta::after,.bvco-ct .bvco-ct-more::after{display:none !important}
  .bvco-ct .bvco-ct-more svg{width:11px;height:11px}

}
@media (max-width: 760px){
  .bvco-hd .bvco-eye{opacity:1 !important;color:#9a3a2e !important;transform:none !important}
  .bvco-hd{opacity:1 !important}
  .bvco-wrap,.bvco-row{background:transparent !important}
  .bvco{background:#f1e9dc !important}
  .bvco-cf,.bvco-ct{opacity:1 !important;transform:none !important}
}
/* ===== HOME "Progetti d'autore" mobile: testata su crema, 4 foto 2x2 con didascalia sotto, bottoni pieni ===== */
@media (max-width: 760px){
  .bvpf{position:relative;display:flex !important;flex-direction:column;height:auto !important;min-height:0 !important;background:#f1e9dc !important;padding:clamp(40px,7vh,60px) 0 clamp(36px,6vh,54px) !important;overflow:visible !important}
  .bvpf-veil{display:none !important}
  /* testata */
  .bvpf-in{order:1;position:static !important;height:auto !important;min-height:0 !important;padding:0 clamp(16px,4vw,22px) 18px !important;display:flex;flex-direction:column;align-items:flex-start;color:#1c1610 !important;justify-content:flex-start !important;width:100% !important}
  .bvpf-eye{color:#9a3a2e !important;font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:11.5px !important;letter-spacing:.18em;margin-bottom:10px}
  .bvpf-eye i{background:#9a3a2e !important}
  .bvpf-h{color:#1c1610 !important;font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:1.9rem !important;letter-spacing:-.02em;line-height:1;margin:0 0 12px !important;text-shadow:none !important}
  .bvpf-sub{color:#3a2f22 !important;font-size:.95rem !important;line-height:1.55;margin:0 !important;max-width:none !important;text-shadow:none !important}
  /* griglia foto 2x2 con didascalie sotto */
  .bvpf-grid{order:2;position:static !important;height:auto !important;display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto !important;gap:14px 12px !important;padding:6px clamp(16px,4vw,22px) 0 !important;width:100% !important;inset:auto !important;transform:none !important;opacity:1 !important;filter:none !important}
  .bvpf-cell{position:relative;height:auto !important;width:auto !important;display:flex;flex-direction:column;opacity:1 !important;transform:none !important}
  .bvpf-cell img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px;display:block;filter:none !important;transform:none !important;opacity:1 !important}
  .bvpf-cred{position:static !important;width:auto !important;padding:8px 2px 0 !important;font-family:'Space Grotesk',system-ui,sans-serif;font-size:.8rem !important;line-height:1.35;color:#5a4f42 !important;text-shadow:none !important;opacity:1 !important;letter-spacing:0 !important;text-transform:none !important}
  /* bottoni: a tutta larghezza, uno sopra l'altro */
  .bvpf-ctas{order:3;display:flex !important;flex-direction:column;gap:10px;padding:22px clamp(16px,4vw,22px) 0 !important;width:100%;margin:0 !important}
  .bvpf-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:14px 22px !important;border-radius:999px;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:.98rem;letter-spacing:0 !important;text-transform:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
  .bvpf-btn.pri{background:#1c1610 !important;color:#f4efe7 !important;border:1.5px solid #1c1610 !important}
  .bvpf-btn.gh{background:transparent !important;color:#1c1610 !important;border:1.5px solid #1c1610 !important}
  .bvpf-btn svg{width:16px;height:16px}
  .bvpf-btn.pri svg{stroke:#f4efe7}.bvpf-btn.gh svg{stroke:#1c1610}
}
@media (max-width: 760px){
  /* foto: altezza esplicita (il vecchio CSS forzava height:100% assoluta) */
  .bvpf-cell{display:block !important;height:auto !important;min-height:0 !important;overflow:visible !important}
  .bvpf-cell img{position:static !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;aspect-ratio:4/5 !important;object-fit:cover;border-radius:12px;display:block !important}
  .bvpf-cred{position:static !important;display:block !important;background:none !important;inset:auto !important;transform:none !important;font-size:.8rem !important;color:#5a4f42 !important;padding:8px 2px 0 !important;line-height:1.35;white-space:normal;text-align:left}
  /* ordine: testata -> foto -> bottoni: uso flex sull'intera sezione con i bottoni spostati in fondo */
  .bvpf{display:flex !important;flex-direction:column}
  .bvpf-in{display:contents !important}
  .bvpf-eye{order:1;margin:0 clamp(16px,4vw,22px) 10px}
  .bvpf-h{order:2;margin:0 clamp(16px,4vw,22px) 12px !important}
  .bvpf-sub{order:3;margin:0 clamp(16px,4vw,22px) 18px !important}
  .bvpf-grid{order:4}
  .bvpf-ctas{order:5}
}
@media (max-width: 760px){ .bvpf-cell,.bvpf-cell::before,.bvpf-cell::after,.bvpf-cred{border:0 !important;box-shadow:none !important} .bvpf-cell::before,.bvpf-cell::after{display:none !important} }
/* header mobile: icona CERCA visibile */
@media (max-width: 900px){
  .site-header-icons .icon-link[aria-label="Cerca"],.site-header-icons .icon-link[aria-label="Search"],.site-header-icons .icon-link[aria-label="Rechercher"],.site-header-icons .icon-link[aria-label="Buscar"],#searchOpen{display:inline-flex !important;align-items:center;justify-content:center;min-width:40px;min-height:44px}
  .site-header-icons{gap:0}
}

/* ===== HOME hero mobile: opzione 1 — bottone pieno + link testuale (24/09/2026) ===== */
@media (max-width: 760px){
  .bvh-cta{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:16px !important;margin-top:24px !important}
  .bvh-cta .bvh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:15px 28px !important;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:.98rem !important;letter-spacing:-.005em;border-radius:999px;background:#f6efe5 !important;color:#1c1610 !important;border:1.5px solid #f6efe5 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;width:auto !important}
  .bvh-cta .bvh-btn svg{width:16px;height:16px;stroke:#1c1610}
  .bvh-cta .bvh-lnk{display:inline-block !important;width:auto !important;min-height:0 !important;padding:0 0 4px !important;margin:0 !important;border:0 !important;border-bottom:1.5px solid rgba(246,239,229,.55) !important;border-radius:0 !important;background:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:500;font-size:.92rem !important;color:#f6efe5;text-align:left;white-space:normal;line-height:1.35}
  .bvh-cta .bvh-lnk b{font-weight:700}
  .bvh-cta .bvh-lnk::after,.bvh-cta .bvh-lnk::before{display:none !important}
}
/* card collezioni mobile: foto a copertura piena (niente fascia chiara in basso) */
@media (max-width: 760px){
  .bvco-ct{background-size:cover !important;background-repeat:no-repeat !important;background-position:center 35% !important;background-color:#1c1610 !important}
  .bvco-ct .bvco-ct-scrim{inset:0 !important;height:100% !important;bottom:0 !important}
  .bvco-cf .bvco-cf-ph{background-size:cover !important;background-repeat:no-repeat !important;background-color:#1c1610 !important}
  .bvco-cf::after{bottom:0 !important;height:100% !important}
}
/* manifesto mobile: la sezione e' gia' overflow:hidden in app.css (14/10/2026); le card sopra restano davanti */
@media (max-width: 760px){
  .bvco{position:relative;z-index:2}
}
/* ===== HERO home mobile: ritaglio per mostrare bene i lampadari (24/09/2026) ===== */
@media (max-width: 760px){
  .bvh-slide[src*="hero-3"]{object-position:44% 22% !important}
  .bvh-slide[src*="hero-1"]{object-position:50% 28% !important}
  .bvh-slide[src*="hero-4"]{object-position:74% 22% !important}
  .bvh-slide[src*="hero-5"]{object-position:66% 40% !important}
  .bvh-slide[src*="hero-2"]{object-position:46% 20% !important}
  .bvh-slide[src*="hero-6"]{object-position:70% 42% !important}
}
/* ===== RICERCA mobile: card con foto, griglia 2 colonne pulita ===== */
@media (max-width: 760px){
  .search-grid{grid-template-columns:1fr 1fr !important;gap:16px 12px !important}
  .search-card{display:flex !important;flex-direction:column !important;align-items:stretch !important;min-height:0 !important;padding:0 !important;width:100%}
  .search-card .search-card-ph{display:block !important;width:100% !important;aspect-ratio:3/4;background-color:#e7ddcb;background-size:cover;background-position:center;border-radius:12px;margin:0 0 10px !important;opacity:1 !important;flex:0 0 auto}
  .search-card .search-card-n{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:.95rem !important;color:#1c1610 !important;line-height:1.25;margin:0}
  .search-card .search-card-t{font-size:.8rem !important;color:#8a8074 !important;margin:3px 0 0}
  .search-count{font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:11px !important;letter-spacing:.16em;color:#9a3a2e !important;margin:14px 0 16px}
  .search-inner{padding-left:clamp(16px,4vw,22px);padding-right:clamp(16px,4vw,22px)}
  .search-input{font-size:1.4rem !important}
}
@media (max-width: 760px){ .search-overlay{background:#f7f2ea !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important} }
/* ===== PAGINA PRODOTTO mobile (24/09/2026) ===== */
@media (max-width: 760px){
  /* Finiture: niente foto grande per gruppo, solo griglia campioni compatta a 4 colonne */
  .pv2-fin .pv2-big{display:none !important}
  .pv2-fin .pv2-erow{padding:22px 0 !important;margin:0 !important;border-bottom:1px solid rgba(28,22,16,.12)}
  .pv2-fin .pv2-eh{margin-bottom:10px !important;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:baseline}
  .pv2-fin .pv2-eh h3{font-size:1.15rem !important;margin:0 !important}
  .pv2-fin .pv2-eh .pv2-ek{grid-column:1/-1;font-size:11px !important;letter-spacing:.16em}
  .pv2-fin .pv2-eh .pv2-ec{font-size:11px !important}
  .pv2-fin .pv2-eh p,.pv2-fin .pv2-ep{font-size:.86rem !important;margin:6px 0 0 !important;color:#5a4f42}
  .pv2-fin .pv2-egw{overflow:visible !important}
  .pv2-fin .chips.pv2-egrid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:10px 8px !important;overflow:visible !important;padding:0 !important;width:100% !important}
  .pv2-fin .pv2-ch{width:100% !important;min-width:0 !important;scroll-snap-align:none !important}
  .pv2-fin .pv2-ch i{width:100% !important;aspect-ratio:1 !important;height:auto !important;border-radius:10px}
  .pv2-fin .pv2-ch span{font-size:.7rem !important;line-height:1.2;margin-top:5px;white-space:normal;text-align:center;color:#3a2f22}
  .pv2-fin .pv2-ch.on i,.pv2-fin .pv2-ch.sel i{outline:2px solid #1c1610;outline-offset:2px}
  .pv2-fin .pv2-egnav,.pv2-fin .pv2-arr,.pv2-fin button.nav{display:none !important}
  .pv2-fin > .pv2-fin-h,.pv2-fin > h2{font-size:1.6rem !important}
  .pv2-fin > p{font-size:.92rem !important}
  /* Come nasce: 2 foto affiancate, niente parallasse/sfalsamento (fa fallire il lazy-load) */
  .pv2-story{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;padding:0 clamp(16px,4vw,22px) !important;margin-top:48px !important}
  .pv2-story .tx{grid-column:1/-1;margin-bottom:6px}
  .pv2-story .ph{transform:none !important;margin:0 !important;will-change:auto}
  .pv2-story .ph img{filter:none !important;transform:none !important;opacity:1 !important}
  .pv2-story .ph img[loading="lazy"]{content-visibility:visible}
  /* link piccoli più leggibili */
  .pv2-panel .lnk,.pv2-panel button.lnk,.pv2-panel a.lnk,.pv2-desc .lnk{font-size:.92rem !important;text-decoration:underline;text-underline-offset:3px;min-height:36px;display:inline-flex;align-items:center}
  .pv2-panel .pv2-trade,.pv2-panel .pv2-trade a{font-size:.9rem !important}
}
@media (max-width: 760px){
  .pv2-fin .pv2-egw .chips.pv2-egrid,.pv2-fin .pv2-egw div.chips.pv2-egrid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;grid-template-rows:none !important;grid-auto-flow:row !important;grid-auto-columns:auto !important;grid-auto-rows:auto !important;gap:12px 8px !important;overflow:visible !important;width:100% !important;max-width:100% !important;scroll-snap-type:none !important;padding:0 !important}
  .pv2-fin .pv2-egw .chips.pv2-egrid > .pv2-ch{width:100% !important;min-width:0 !important;grid-column:auto !important;grid-row:auto !important;display:flex !important;flex-direction:column;align-items:center}
  .pv2-fin .pv2-egw .chips.pv2-egrid > .pv2-ch i{width:100% !important;aspect-ratio:1 !important;height:auto !important}
  .pv2-fin .pv2-ea{display:none !important}
}
@media (max-width: 760px){
  .pv2-fin .pv2-erow{display:block !important;grid-template-rows:none !important;grid-template-columns:none !important;height:auto !important}
  .pv2-fin .pv2-egw{height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;position:static !important}
}
@media (max-width: 760px){
  .pv2-fin .pv2-egw .chips.pv2-egrid,.pv2-fin .pv2-egw div.chips.pv2-egrid{height:auto !important;min-height:0 !important;max-height:none !important;grid-template-rows:none !important;grid-auto-rows:auto !important}
  .pv2-fin .pv2-erow{overflow:visible !important;min-height:0 !important}
}
/* ===== PROGETTI / SCHEDA / ATELIER / CONTATTI mobile (24/09/2026) ===== */
@media (max-width: 760px){
  /* Progetti: sezioni 02 (masonry) e 03 (vetrina) a 2 colonne */
  .pcat.tM .pcat-mason,.pcat.tM .tM-grid,.pcat.tM .cols,.pcat.tM [class*="mason"]{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;column-count:auto !important;columns:auto !important}
  .pcat.tM .pcat-mason > *,.pcat.tM [class*="mason"] > *{width:100% !important;break-inside:avoid;margin:0 !important}
  .pcat.tG .g-col{display:block !important;max-height:none !important;overflow:visible !important;padding:0 !important;mask:none !important;-webkit-mask:none !important}
  .pcat.tG .g-scroll{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;max-height:none !important;height:auto !important;overflow:visible !important;padding:0 !important}
  .pcat.tG .g-scroll > .pcat-cd{width:100% !important;margin:0 !important;position:relative;aspect-ratio:4/5;border-radius:12px;overflow:hidden;display:block;height:auto !important}
  .pcat.tG .g-scroll > .pcat-cd img{position:absolute;inset:0;width:100%;height:100% !important;object-fit:cover}
  .pcat.tG .g-cue,.pcat.tG .g-fade{display:none !important}
  .pcat .pcat-cd .pcat-cap,.pcat .pcat-cap{padding:12px !important}
  .pcat .pcat-cap .pcat-ct{font-size:1rem !important}
  .pcat .pcat-cap .pcat-nm{font-size:.78rem !important}
  .pcat .pcat-tag{font-size:10px !important}
  /* portfolio: ventaglio senza trasformazioni (il lazy fallisce) */
  .folio2-fan .pg{transform:none !important;opacity:1 !important}
  .folio2-fan img{opacity:1 !important;filter:none !important}
  /* Scheda progetto: spazio tra le foto della galleria */
  .pdz-gal img,.pdz-gal .pg,.pdz-gal figure,.pdz-photos > *{margin-bottom:12px !important;border-radius:12px}
  /* Atelier: elementi reveal sempre visibili */
  .at2 .rv,.at2 .rv.d1,.at2 .rv.d2,.at2 .rv.d3,.at2 .rv.d4,.rv{opacity:1 !important;transform:none !important;visibility:visible !important}
  .at2 .ph,.at2 .luogo-ph,.at2 .big-ph{opacity:1 !important;transform:none !important}
  .at2 .ph img{opacity:1 !important;filter:none !important;transform:none !important}
}
@media (max-width: 760px){
  .pcat.tG .pcat-g{display:flex;flex-direction:column;gap:12px}
  .pcat.tG .g-feat{position:relative;height:auto !important;min-height:0 !important;aspect-ratio:16/10;border-radius:12px;overflow:hidden;opacity:1 !important;transform:none !important;margin:0 0 4px}
  .pcat.tG .g-feat img,.pcat.tG .g-feat .pcat-cd img{position:absolute;inset:0;width:100%;height:100% !important;object-fit:cover;opacity:1 !important;transform:none !important}
  .pcat.tG .g-feat .pcat-cd{position:absolute;inset:0;display:block;height:100% !important}
}
/* ===== PROGETTI mobile — rifiniture 02 / 04 / portfolio (24/09/2026) ===== */
@media (max-width: 760px){
  /* 02: card tutte uguali 4:5, bottone fuori dalla griglia a tutta larghezza */
  .pcat.tM .pcat-mason{grid-template-columns:1fr 1fr !important;gap:12px !important;align-items:start}
  .pcat.tM .pcat-mason > .pcat-cd{aspect-ratio:4/5 !important;height:auto !important;min-height:0 !important;max-height:none !important;position:relative;border-radius:12px;overflow:hidden;display:block}
  .pcat.tM .pcat-mason > .pcat-cd img{position:absolute;inset:0;width:100%;height:100% !important;object-fit:cover}
  .pcat.tM .pcat-mason > .pcat-mason-bar,.pcat.tM .pcat-mason-bar{grid-column:1 / -1 !important;width:100% !important;aspect-ratio:auto !important;display:flex !important;justify-content:center;padding:6px 0 0 !important;margin:0 !important;background:none !important;border:0 !important;min-height:0 !important}
  .pcat.tM .pcat-mason-bar a{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:14px 22px;border:1.5px solid #1c1610;border-radius:999px;background:none;color:#1c1610;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:0;text-transform:none;text-decoration:none}
  /* 04: coda dell'indice — badge a capo e "Vedi tutti" sotto, a tutta larghezza */
  .pcat.tD .pcat-ix-foot{display:flex !important;flex-direction:column !important;align-items:flex-start;gap:14px;padding:16px 0 0 !important;border-top:1px solid rgba(28,22,16,.13)}
  .pcat.tD .pcat-ix-foot .tags{display:flex !important;flex-wrap:wrap;gap:8px;width:100%}
  .pcat.tD .pcat-ix-foot .tags span{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border:1px solid rgba(28,22,16,.2);border-radius:999px;font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:10.5px !important;letter-spacing:.12em;text-transform:uppercase;color:#5a4f42;white-space:nowrap;margin:0 !important}
  .pcat.tD .pcat-ix-foot a.all{display:inline-flex !important;align-items:center;justify-content:center;width:100%;min-height:50px;padding:14px 22px;border:1.5px solid #1c1610;border-radius:999px;color:#1c1610;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:.95rem !important;letter-spacing:0 !important;text-transform:none !important;text-decoration:none;margin:4px 0 0 !important}
  /* portfolio: ventaglio centrato con 3 pagine sfalsate (era spostato a destra e tagliato) */
  .folio2-fan{position:relative;width:min(300px,86vw) !important;height:auto !important;aspect-ratio:3/4;margin:26px auto 30px !important;left:auto !important;right:auto !important;transform:none !important}
  .folio2-fan .pg{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;left:0 !important;top:0 !important;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px -22px rgba(0,0,0,.7);transform-origin:50% 100%}
  .folio2-fan .pg:nth-child(1){transform:rotate(-7deg) translateX(-12%) !important;z-index:1}
  .folio2-fan .pg:nth-child(2){transform:rotate(0deg) translateY(-3%) !important;z-index:3}
  .folio2-fan .pg:nth-child(3){transform:rotate(7deg) translateX(12%) !important;z-index:2}
  .folio2-fan .pg img{width:100%;height:100%;object-fit:cover;opacity:1 !important}
}

@media (max-width: 760px){ #siteHeader .site-header-top{padding-left:16px !important;padding-right:14px !important} .site-header-right,.site-header-icons{gap:0 !important} .bv-langdd-btn{padding:0 6px !important;min-width:34px !important} }
/* header mobile: icone compatte a destra, MENU a sinistra, wordmark centrato con aria (24/09) */
@media (max-width: 760px){
  #siteHeader .site-header-top{padding-left:14px !important;padding-right:10px !important}
  #siteHeader .site-header-left{margin:0 !important;padding:0 !important}
  #siteHeader .bvm-trigger{padding:8px 0 !important;margin:0 !important;gap:6px !important;font-size:.58rem !important}
  #siteHeader .site-header-right,#siteHeader .site-header-icons{gap:0 !important;margin:0 !important;padding:0 !important}
  #siteHeader .site-header-icons .icon-link,#siteHeader #searchOpen,#siteHeader .cart-icon-link{min-width:32px !important;width:32px !important;padding:0 !important;margin:0 !important;justify-content:center}
  #siteHeader .site-header-icons .icon-link svg{width:19px;height:19px}
  #siteHeader .bv-langdd{margin:0 !important}
  #siteHeader .bv-langdd-btn{min-width:30px !important;width:auto !important;padding:0 2px 0 4px !important;font-size:.82rem !important;gap:2px !important}
  #siteHeader .bv-langdd-caret{width:5px}
  #siteHeader .brand .brand-logo{height:18px !important}
}
/* ===== MODALI bvm3 mobile (24/09/2026): scorrevoli, foto ridotta, form completo raggiungibile ===== */
@media (max-width: 760px){
  .bvm3{padding:0 !important;align-items:stretch !important}
  .bvm3-md{grid-template-columns:1fr !important;grid-template-rows:auto 1fr;width:100vw !important;max-width:100vw !important;height:100dvh !important;max-height:100dvh !important;border-radius:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:block !important}
  /* pannello sinistro (foto + titolo): fascia compatta */
  .bvm3-L{position:relative;min-height:0 !important;height:auto !important;padding:22px 20px 18px !important;aspect-ratio:auto !important}
  .bvm3-L img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
  .bvm3-L::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(13,9,6,.85),rgba(13,9,6,.55)) ;z-index:1}
  .bvm3-L > *:not(img){position:relative;z-index:2}
  .bvm3-L .k{font-size:11px !important;letter-spacing:.16em}
  .bvm3-L h2{font-size:1.5rem !important;line-height:1.1;margin:8px 0 6px !important}
  .bvm3-L p{font-size:.9rem !important;line-height:1.45;margin:0 !important;max-width:none}
  .bvm3-L .steps{display:none !important}
  /* pannello form */
  .bvm3-R{padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px)) !important;overflow:visible !important;height:auto !important;max-height:none !important}
  .bvm3-R h3{font-size:1.15rem !important}
  .bvm3-R .sub{font-size:.88rem !important;margin-bottom:12px}
  .bvm3-R .row{grid-template-columns:1fr !important;gap:12px !important;margin-bottom:12px !important}
  .bvm3-R .f label{font-size:11px !important;letter-spacing:.14em;margin-bottom:4px}
  .bvm3-R .f input,.bvm3-R .f textarea{font-size:1rem !important;min-height:44px;padding:10px 0 !important}
  .bvm3-R .f textarea{min-height:88px}
  .bvm3-R .pills button,.bvm3-R .pills label{min-height:40px;padding:9px 14px !important;font-size:.9rem !important}
  .bvm3-R .chips button,.bvm3-R .chips label,.bvm3-R .chips span{min-height:36px;padding:7px 12px !important;font-size:.82rem !important}
  .bvm3-R .bt{flex-direction:column;align-items:stretch;gap:10px;margin-top:16px}
  .bvm3-R .bt button,.bvm3-R .bt [type=submit]{width:100%;min-height:52px;font-size:1rem !important;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;letter-spacing:0 !important;text-transform:none !important}
  .bvm3-R .bt small{text-align:center}
  /* X sempre visibile sopra tutto */
  .bvm3-x{position:fixed !important;top:calc(12px + env(safe-area-inset-top,0px)) !important;right:12px !important;z-index:10;width:40px;height:40px;background:rgba(244,239,231,.95) !important;color:#1c1610 !important;border:0 !important;border-radius:50%}
}
/* ===== PAGINA PRO mobile (24/09/2026) ===== */
@media (max-width: 760px){
  /* hero: titolo che non esce */
  .pro-hero-title{font-size:clamp(2rem,10.5vw,2.7rem) !important;line-height:1 !important;overflow-wrap:anywhere;word-break:normal;hyphens:auto;max-width:100%}
  .pro-hero{padding-left:clamp(16px,4vw,22px);padding-right:clamp(16px,4vw,22px)}
  /* header pro compatto */
  .pro-header-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px clamp(14px,4vw,20px) !important}
  .pro-header-brand{font-size:1.05rem !important;white-space:nowrap}
  .pro-header-login-label{display:none !important}
  .pro-header-login{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
  .pro-header .lang-inline,.pro-header [class*="lang"]{gap:6px !important;font-size:.72rem !important}
  /* documenti: riga file in colonna, nome a tutta larghezza */
  .pro-reserved-file{display:grid !important;grid-template-columns:1fr auto !important;gap:6px 12px !important;align-items:start;padding:14px 0 !important}
  .pro-reserved-name{width:auto !important;min-width:0 !important;display:block !important;font-size:.95rem !important;line-height:1.35;color:#f4efe7}
  .pro-reserved-name .pro-reserved-type{display:inline-block;font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:10px !important;letter-spacing:.14em;padding:2px 6px;border:1px solid rgba(244,239,231,.35);border-radius:4px;margin:0 8px 6px 0;vertical-align:middle}
  .pro-reserved-name > span:not(.pro-reserved-type){display:block;font-size:.82rem !important;color:rgba(244,239,231,.6);margin-top:3px;line-height:1.4}
  .pro-reserved-size{white-space:nowrap;font-size:.72rem !important;color:rgba(244,239,231,.55);padding-top:3px}
  .pro-reserved-group{font-size:11px !important;letter-spacing:.16em}
  /* supporto: stessa logica */
  .pro-support-row,.pro-sup-row,[class*="pro-support"] .row,.pro-reserved-support .pro-reserved-file{grid-template-columns:1fr !important}
  /* griglie generiche della pagina pro a 1 colonna */
  .pro-grid-2,.pro-cols,.pro-two{grid-template-columns:1fr !important}
  /* numeri capacità: 1 colonna già; testo leggibile */
  .pro-cap-item .lbl,.pro-cap-lbl{font-size:11px !important;letter-spacing:.14em}
}
/* ===== ATELIER mobile — riorganizzazione (24/09/2026) ===== */
@media (max-width: 760px){
  /* --- Il processo: una foto sopra ogni passo, niente carosello sticky --- */
  .at2-proc .steps{display:block !important}
  .at2-proc .pin{position:static !important;height:auto !important;display:none !important}
  .at2-proc .txt{padding:0 !important}
  .at2-proc .step{padding:26px 0 !important;border-bottom:1px solid rgba(28,22,16,.12);opacity:1 !important;transform:none !important;min-height:0 !important;display:flex;flex-direction:column}
  .at2-proc .step::before{content:"";display:block;width:100%;aspect-ratio:16/10;border-radius:12px;background:#2a2119 center/cover no-repeat;margin-bottom:16px;background-image:var(--stepimg)}
  .at2-proc .step .k{font-size:11.5px !important;letter-spacing:.16em}
  .at2-proc .step h3{font-size:1.4rem !important;line-height:1.1;margin:6px 0 10px !important}
  .at2-proc .step p{font-size:.95rem !important;line-height:1.55}
  /* --- Il luogo: foto in fascia sopra il testo --- */
  .at2-luo{position:relative;display:flex !important;flex-direction:column;min-height:0 !important;height:auto !important;padding:0 0 40px !important;background:#f4efe7 !important;color:#1c1610 !important}
  .at2-luo .bg{position:relative !important;inset:auto !important;width:100%;aspect-ratio:16/10;transform:none !important;filter:none !important;order:1;background-size:cover !important}
  .at2-luo .in{order:2;position:relative;padding:28px clamp(16px,4vw,22px) 0 !important;color:#1c1610 !important;display:block !important}
  .at2-luo .in .k,.at2-luo .in h2,.at2-luo .in p,.at2-luo .in .addr span{color:#1c1610 !important;text-shadow:none !important}
  .at2-luo .in .k{color:#9a3a2e !important}
  .at2-luo .in .lead{font-size:1rem !important}
  .at2-luo .in .side p{color:#3a2f22 !important}
  .at2-luo .in .addr{margin:14px 0}
  .at2-luo .in .more{color:#1c1610 !important;border-bottom-color:#9a3a2e !important}
  .at2-luo::before,.at2-luo::after{display:none !important}
  /* --- Come nasce (su misura): 4 passi in verticale, tutti aperti --- */
  .at2-sum .pa{display:flex !important;flex-direction:column !important;gap:14px;height:auto !important}
  .at2-sum .pa .p{flex:none !important;position:relative;aspect-ratio:auto !important;height:auto !important;min-height:0 !important;border-radius:14px;overflow:hidden;background:#2a2119;display:grid;grid-template-columns:1fr;cursor:default}
  .at2-sum .pa .p img{position:relative !important;width:100%;height:auto !important;aspect-ratio:16/9;object-fit:cover;opacity:1 !important;filter:none !important;transform:none !important;display:block}
  .at2-sum .pa .p .n{position:absolute !important;left:14px;top:12px;font-size:11px !important;letter-spacing:.14em;color:#f4efe7;background:rgba(13,9,6,.55);padding:5px 9px;border-radius:6px;opacity:1 !important;transform:none !important}
  .at2-sum .pa .p .tt{position:static !important;padding:14px 16px 16px !important;opacity:1 !important;transform:none !important;background:#1c1610;color:#f4efe7;visibility:visible !important;max-height:none !important}
  .at2-sum .pa .p .tt h3{font-size:1.1rem !important;color:#fff;margin:0 0 6px}
  .at2-sum .pa .p .tt p{font-size:.9rem !important;color:rgba(244,239,231,.8);line-height:1.5;margin:0}
  .at2-sum .pa .p .tt small{font-size:11px !important;letter-spacing:.12em;color:#e6b8a7;display:block;margin-top:8px}
  /* --- Dalla fornace ai progetti: lista compatta + griglia foto 2 colonne (niente nastro) --- */
  .at2-prj .g{display:flex !important;flex-direction:column !important;gap:20px !important}
  .at2-prj .ct{margin-top:14px !important}
  .at2-prj .ct a{display:grid !important;grid-template-columns:28px 1fr auto;align-items:baseline;gap:8px;padding:10px 0 !important;min-height:0 !important;border-bottom:1px solid rgba(28,22,16,.12)}
  .at2-prj .ct a .n{font-size:10.5px !important}
  .at2-prj .ct a .c{font-size:1.05rem !important;font-family:'Archivo',system-ui,sans-serif;font-weight:700}
  .at2-prj .ct a .m{font-size:11px !important;color:#8a8074;text-align:right;letter-spacing:.06em}
  .at2-prj .ct a .m b{display:none}
  .at2-prj .rib{position:relative !important;height:auto !important;display:grid !important;grid-template-columns:1fr 1fr;gap:10px;overflow:visible !important;mask:none !important;-webkit-mask:none !important;transform:none !important;margin-top:8px}
  .at2-prj .rib .col{display:contents !important;animation:none !important;transform:none !important}
  .at2-prj .rib .col a{display:block;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:#2a2119}
  .at2-prj .rib .col a img{width:100%;height:100%;object-fit:cover;filter:none !important;transform:none !important;opacity:1 !important}
  /* mostro solo le prime 3 per colonna (6 foto), le altre nascoste (sono duplicati del nastro) */
  .at2-prj .rib .col a:nth-child(n+4){display:none !important}
  .at2-prj .rib .big{display:none !important}
  /* FAQ: card più compatte */
  .at2-faq .fq,.at2-faq details,.at2-faq .item{padding:14px 16px !important}
  /* CTA finale */
  .at2-cta{min-height:0 !important;height:auto !important;padding:60px clamp(16px,4vw,22px) !important}
}
/* ===== ATELIER FAQ mobile: fisarmonica (24/09/2026) ===== */
@media (max-width: 760px){
  .at2-faq .rv,.at2-faq .search,.at2-faq .chips,.at2-faq h2{opacity:1 !important;transform:none !important;visibility:visible !important}
  .at2-faq .search{display:flex;align-items:center;gap:10px;margin:14px 0 12px}
  .at2-faq .search input{flex:1;min-width:0;min-height:44px;font-size:1rem}
  .at2-faq .search #faqCnt{font-size:11px !important;white-space:nowrap}
  .at2-faq .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
  .at2-faq .chips button{min-height:36px;padding:7px 12px;font-size:.84rem}
  .at2-faq .list{display:flex;flex-direction:column;gap:0}
  .at2-faq .card{padding:0 !important;border:0 !important;border-bottom:1px solid rgba(28,22,16,.14) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}
  .at2-faq .card h3{position:relative;margin:0 !important;padding:16px 36px 16px 0 !important;font-size:1rem !important;line-height:1.3;cursor:pointer;min-height:44px;display:flex;align-items:center}
  .at2-faq .card h3::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:1.5px solid #9a3a2e;border-bottom:1.5px solid #9a3a2e;transform:translateY(-70%) rotate(45deg);transition:transform .25s}
  .at2-faq .card.open h3::after{transform:translateY(-30%) rotate(-135deg)}
  .at2-faq .card p{display:none;margin:0 0 16px !important;padding-right:8px;font-size:.92rem !important;line-height:1.55;color:#3a2f22}
  .at2-faq .card.open p{display:block}
  .at2-faq .empty{padding:20px 0}
}
@media (max-width: 760px){
  .at2-faq .search{border-bottom:1.5px solid #1c1610;padding-bottom:6px}
  .at2-faq .search input{border:0 !important;background:transparent !important;padding:8px 0}
  .at2-faq .search input::placeholder{color:#8a8074}
  .at2-faq{padding-top:56px !important}
}
@media (max-width: 760px){
  .at2 .hot,.at2-big .hot,.at2-faq h2 .hot,.at2-luo h2 .hot,.at2-sum h2 .hot,.at2-prj h2 .hot,.at2-cta h2 .hot{font-size:inherit !important;letter-spacing:inherit !important;opacity:1 !important;transform:none !important;display:inline !important;color:#9a3a2e !important;font-style:normal;vertical-align:baseline}
}
/* ATELIER CTA finale mobile: contenuto in flusso, sfondo dietro (fix taglio) */
@media (max-width: 760px){
  .at2-cta{position:relative;display:flex !important;flex-direction:column;justify-content:center;min-height:0 !important;height:auto !important;padding:64px clamp(16px,4vw,22px) 60px !important;overflow:hidden}
  .at2-cta .bg{position:absolute !important;inset:0 !important;transform:none !important;z-index:0}
  .at2-cta::after{content:"";position:absolute;inset:0;background:rgba(13,9,6,.62);z-index:1}
  .at2-cta .in{position:relative !important;inset:auto !important;top:auto !important;left:auto !important;transform:none !important;z-index:2;width:100%;max-width:none;height:auto !important;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#f4efe7}
  .at2-cta .in .k{color:#e6b8a7 !important;font-size:11.5px !important;letter-spacing:.16em}
  .at2-cta .in h2{font-size:2rem !important;line-height:1.05;margin:8px 0 12px !important;color:#f4efe7 !important}
  .at2-cta .in p{font-size:.95rem !important;line-height:1.5;margin:0 0 20px !important;color:rgba(244,239,231,.85) !important}
  .at2-cta .in .bt{display:flex;flex-direction:column;gap:10px;width:100%}
  .at2-cta .in .bt a{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:14px 22px;border-radius:999px;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:0 !important;text-transform:none !important;text-decoration:none}
  .at2-cta .in .bt a.p{background:#f4efe7;color:#1c1610;border:1.5px solid #f4efe7}
  .at2-cta .in .bt a:not(.p){background:transparent;color:#f4efe7;border:1.5px solid rgba(244,239,231,.8)}
}
/* ===== chiusura audit finale mobile (24/09/2026) ===== */
@media (max-width: 760px){
  /* Progetti: la fila 01 scorrevole non deve far scorrere la pagina */
  .pcat.tA,.pcat.tA .pcat-row,.pcat.tA .pcat-strip{overflow-x:auto !important;overflow-y:hidden;max-width:100vw;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pcat.tA::-webkit-scrollbar{display:none}
  .pcat .pcat-cd.first{width:min(78vw,300px) !important;max-width:min(78vw,300px) !important}
  .pcat .pcat-cd.first .pcat-cap{width:auto !important;max-width:100% !important}
  .pcat .pcat-cd.first .pcat-tag,.pcat .pcat-cd.first .pcat-ct{width:auto !important;max-width:100% !important}
  html,body{overflow-x:clip !important;max-width:100vw}
  /* scheda progetto: foto portfolio nel ventaglio contenute */
  .folio2-fan .pg{max-width:100% !important}
  /* home: numero card in evidenza leggibile */
  .bvco-cf .bvco-cf-num::before{font-size:.54rem !important;letter-spacing:.12em;line-height:1}
  .bvco-cf .bvco-cf-num{min-height:0 !important;line-height:1}
}
@media (max-width: 760px){
  .folio2{overflow:hidden !important;max-width:100vw}
  .folio2-fan .pg:nth-child(1){transform:rotate(-6deg) translateX(-8%) !important}
  .folio2-fan .pg:nth-child(3){transform:rotate(6deg) translateX(8%) !important}
  .bvco-wrap .bvco-cf .bvco-cf-num::before{font-size:9px !important}
  .bvco-wrap .bvco-cf .bvco-cf-cta::before{font-size:9px !important}
}
/* ===== PRO hero mobile — rifatto (24/09/2026) ===== */
@media (max-width: 760px){
  .pro-hero{min-height:0 !important;height:auto !important;padding:40px clamp(16px,4vw,22px) 44px !important;display:flex !important;align-items:flex-end !important;
    background-image:linear-gradient(to bottom,rgba(16,16,18,.55) 0%,rgba(16,16,18,.25) 35%,rgba(16,16,18,.78) 75%,rgba(16,16,18,.95) 100%),url("/static/img/demo/pro-hero.jpg") !important;
    background-position:center 40% !important;background-size:cover !important}
  .pro-hero::after{display:none !important}
  .pro-hero-inner{padding-top:34vh}
  .pro-hero-eyebrow,.pro-hero .pro-eyebrow,.pro-hero-inner > span:first-child,.pro-hero-inner > .eyebrow{font-size:10.5px !important;letter-spacing:.18em !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}
  .pro-hero-title{font-size:clamp(2.1rem,10.5vw,2.7rem) !important;line-height:.98 !important;margin:10px 0 18px !important}
  .pro-hero-trust{display:flex;flex-direction:column;gap:10px !important;margin-bottom:22px !important}
  .pro-hero-trust-sep{display:none !important}
  .pro-hero-trust-item{font-size:11.5px !important;letter-spacing:.14em !important;display:inline-flex;align-items:center;gap:8px}
  .pro-hero-ctas{display:flex;flex-direction:column;gap:10px;width:100%;margin:0 !important}
  .pro-hero-ctas .pro-btn-primary,.pro-hero-ctas a{display:inline-flex !important;align-items:center;justify-content:center;width:100% !important;max-width:100% !important;box-sizing:border-box;min-height:52px;padding:14px 18px !important;font-size:11.5px !important;letter-spacing:.14em !important;text-align:center;white-space:normal;line-height:1.3}
  .pro-hero-ctas .pro-btn-primary{background:#f5f3ee !important;color:#1a1a1c !important;border-radius:2px}
  /* header pro più leggero */
  .pro-header{position:absolute;top:0;left:0;right:0;z-index:5;background:transparent !important}
  .pro-header-inner{padding:14px clamp(14px,4vw,20px) !important}
  .pro-header-brand{font-size:1rem !important}
  .pro-header-login{border:1px solid rgba(245,243,238,.35) !important;width:38px;height:38px;border-radius:2px}
  .pro-header .lang-inline,.pro-header [class*="lang"]{font-size:.7rem !important;gap:5px !important}
}
@media (max-width: 760px){ .pro-hero-trust{align-items:flex-start !important;text-align:left} .pro-hero-trust-item{justify-content:flex-start} }
/* ===== PRO "Cosa trovi dietro l'accesso" mobile — card (24/09/2026) ===== */
@media (max-width: 760px){
  .pro-reserved{padding:56px clamp(16px,4vw,22px) 48px !important}
  .pro-reserved > *:not(.pro-reserved-stack){text-align:left !important;margin-left:0 !important;margin-right:0 !important;max-width:none !important}
  .pro-reserved .pro-section-eyebrow,.pro-reserved .pro-eyebrow,.pro-reserved > span{display:block;text-align:left !important;font-size:10.5px !important;letter-spacing:.18em}
  .pro-reserved h2{font-size:2rem !important;line-height:1.05;text-align:left !important;margin:8px 0 12px !important}
  .pro-reserved > p{font-size:.95rem !important;line-height:1.5;text-align:left !important;color:rgba(245,243,238,.7);margin:0 0 26px !important}
  .pro-reserved-stack{max-width:none !important;margin:0 !important;width:100% !important}
  .pro-reserved-group{margin:22px 0 10px !important;padding:0 !important;border:0 !important;font-size:10.5px !important;letter-spacing:.18em;color:#b8935a !important}
  .pro-reserved-group:first-child{margin-top:0 !important}
  .pro-reserved-file{display:block !important;position:relative;padding:14px 16px 14px !important;margin:0 0 10px !important;border:1px solid rgba(245,243,238,.14) !important;border-radius:6px;background:rgba(245,243,238,.03)}
  .pro-reserved-name{display:block !important;width:100% !important;padding-right:0 !important;font-size:1rem !important;line-height:1.3;color:#f5f3ee !important}
  .pro-reserved-name .pro-reserved-type{display:inline-block;vertical-align:middle;margin:0 8px 2px 0 !important;padding:2px 7px;font-size:9.5px !important;letter-spacing:.14em;color:#b8935a !important;border:1px solid rgba(184,147,90,.55) !important;border-radius:3px;background:none}
  .pro-reserved-name > span:not(.pro-reserved-type){display:block;margin-top:6px;font-size:.84rem !important;line-height:1.45;color:rgba(245,243,238,.62) !important}
  .pro-reserved-size{display:block !important;margin-top:10px;padding-top:10px;border-top:1px solid rgba(245,243,238,.1);font-size:10.5px !important;letter-spacing:.14em;color:rgba(245,243,238,.5) !important;white-space:nowrap}
}
/* ===== PRODOTTO mobile: foto principale intera e centrata (24/09/2026) ===== */
@media (max-width: 760px){
  .pv2-main{aspect-ratio:3/4 !important;height:auto !important;background:#f1e9dc;border-radius:16px;overflow:hidden}
  .pv2-main img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;background:#f1e9dc}
  .pv2-thumbs{margin-top:12px}
  .pv2-thumbs img{object-fit:contain !important;background:#f1e9dc}
}
/* ===== PRODOTTO mobile: righe "Versioni disponibili" (24/09/2026) ===== */
@media (max-width: 760px){
  .pv2-vers .pv2-v{display:grid !important;grid-template-columns:auto 1fr auto !important;grid-template-areas:"dot name price" "dot dims price";align-items:center;column-gap:12px;row-gap:2px;padding:12px 14px !important;min-height:56px;text-align:left}
  .pv2-vers .pv2-v .pv2-dot{grid-area:dot;flex:none;width:16px;height:16px}
  .pv2-vers .pv2-v .c{grid-area:name;font-size:.98rem !important;font-weight:600;line-height:1.2;white-space:normal}
  .pv2-vers .pv2-v .d{grid-area:dims;font-size:.78rem !important;color:#8a8074;line-height:1.25;white-space:normal;margin:0 !important}
  .pv2-vers .pv2-v b{grid-area:price;font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:1rem !important;white-space:nowrap;margin:0 !important;justify-self:end}
}
/* ===== PRODOTTO mobile: galleria non sfora con molte miniature (24/09/2026) ===== */
@media (max-width: 760px){
  .pv2-gal{width:100% !important;max-width:100% !important;min-width:0 !important;display:block !important;overflow:hidden}
  .pv2-main{width:100% !important;max-width:100% !important}
  .pv2-thumbs{display:flex !important;flex-wrap:nowrap !important;gap:8px;width:100% !important;max-width:100% !important;overflow-x:auto !important;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 6px}
  .pv2-thumbs::-webkit-scrollbar{display:none}
  .pv2-thumbs .pv2-th{flex:0 0 56px !important;width:56px !important}
  .pv2-wrap{overflow-x:hidden}
}
@media (max-width: 760px){ .pv2-gal{display:flex !important;flex-direction:column !important} .pv2-gal .pv2-main{order:1} .pv2-gal .pv2-thumbs{order:2;margin-top:12px} }
/* miniature prodotto mobile: niente cornice nera, attiva con filetto rubino sotto */
@media (max-width: 760px){
  .pv2-thumbs .pv2-th{outline:0 !important;border:0 !important;box-shadow:none !important;border-radius:8px;overflow:hidden;position:relative;opacity:.6;transition:opacity .2s}
  .pv2-thumbs .pv2-th.on,.pv2-thumbs .pv2-th:focus-visible{opacity:1}
  .pv2-thumbs .pv2-th.on::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:#9a3a2e;border-radius:2px}
  .pv2-thumbs .pv2-th img{border-radius:8px}
}
/* ===== CHECKOUT mobile — rifinitura (24/09/2026) ===== */
@media (max-width: 760px){
  .ck2-hd{padding:14px clamp(16px,4vw,22px) !important;display:flex;align-items:center;justify-content:space-between}
  .ck2-brand img{height:18px !important}
  .ck2-secure{font-size:.8rem !important;gap:6px}
  .ck2-secure svg{width:15px;height:15px}
  /* riepilogo: righe prodotto visibili di default, box pulito */
  .ck2-right{border-radius:14px !important;padding:16px 16px 14px !important;margin:0 0 18px !important;box-shadow:0 8px 22px -16px rgba(28,22,16,.25)}
  .ck2-right .ck2-order-h{display:flex;align-items:center;justify-content:space-between;font-size:1rem !important;padding:0 0 10px !important;border-bottom:1px solid rgba(28,22,16,.1);cursor:default}
  .ck2-right .ck2-order-h small{font-size:11px !important;letter-spacing:.14em;text-transform:uppercase;color:#8a8074}
  .ck2-right .ck2-order-h::after{display:none !important}
  .ck2-right .ck2-oi-list,.ck2-right .ck2-order,.ck2-right .ck2-oline,.ck2-right .ck2-promo,.ck2-right .ck2-onote{display:block !important;max-height:none !important;opacity:1 !important;visibility:visible !important}
  .ck2-right .ck2-oi{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(28,22,16,.08)}
  .ck2-right .ck2-oi-ph{width:56px;height:70px;border-radius:8px;overflow:hidden;background:#f1e9dc}
  .ck2-right .ck2-oi-ph img{width:100%;height:100%;object-fit:contain}
  .ck2-right .ck2-oi-bd{font-size:.88rem;line-height:1.3}
  .ck2-right .ck2-oline{display:flex;justify-content:space-between;font-size:.9rem;padding:7px 0}
  .ck2-right .ck2-order-tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;margin-top:4px;border-top:1px solid rgba(28,22,16,.12)}
  .ck2-right .ck2-order-tot b{font-size:1.35rem}
  .ck2-right .ck2-promo{margin-top:12px}
  .ck2-right .ck2-promo-row{display:flex;gap:8px}
  .ck2-right .ck2-promo-row input{flex:1;min-width:0;min-height:44px}
  .ck2-right .ck2-promo-row button{min-height:44px;padding:0 14px}
  /* stepper compatto */
  .ck2-steps{gap:6px !important;margin:6px 0 18px !important}
  .ck2-steps .s{font-size:.78rem !important}
  .ck2-steps .s .t{display:none}
  .ck2-steps .s.active .t{display:inline}
  .ck2-steps .sep{flex:1;height:1px;background:rgba(28,22,16,.15)}
  /* form: più aria, etichette sobrie */
  .ck2-form h2,.ck2-step h2{font-size:1.5rem !important;margin:0 0 6px !important}
  .ck2-form .lead,.ck2-step > p{font-size:.9rem !important;color:#8a8074;margin:0 0 16px !important}
  .ck2-f{margin-bottom:14px !important}
  .ck2-f label{font-size:.8rem !important;letter-spacing:0 !important;text-transform:none !important;color:#3a2f22;margin-bottom:6px;display:block}
  .ck2-f label .req,.ck2-f label .r{color:#9a3a2e}
  .ck2-f input,.ck2-f select,.ck2-f textarea{min-height:50px;font-size:1rem !important;border-radius:10px !important;padding:12px 14px !important;background:#fff}
  .ck2-pills{gap:8px;margin:4px 0 6px}
  .ck2-pills .ck2-pill{min-height:44px;padding:10px 16px !important;font-size:.9rem !important}
  .ck2-actions{margin-top:18px}
  .ck2-actions button,.ck2-next,.ck2-submit{width:100%;min-height:54px;font-size:1rem !important}
  .ck2-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(28,22,16,.12);font-size:.82rem;color:#5a4f42}
}
@media (max-width: 760px){
  .ck2-hd{flex-wrap:nowrap !important;align-items:center !important;gap:12px}
  .ck2-hd > *{flex:0 0 auto}
  .ck2-brand{display:inline-flex;align-items:center;min-height:40px}
  .ck2-brand img{height:20px !important}
  .ck2-secure{white-space:nowrap;margin-left:auto}
}
@media (max-width: 760px){ .ck2-hd{min-height:56px} .ck2-brand,.ck2-secure{align-self:center;line-height:1;display:inline-flex;align-items:center;margin-top:0 !important;margin-bottom:0 !important} .ck2-secure svg{display:block} }
/* ============================================================
   CHECKOUT MOBILE — stile Shopify, Manrope (24/09/2026)
   Pagina unica: gli step restano nel DOM ma sono tutti visibili
   ============================================================ */
@media (max-width: 760px){
  .ck2{background:#f7f3ec !important}
  /* header: solo logo centrato */
  .ck2-hd{justify-content:center !important;padding:16px !important;border-bottom:1px solid rgba(28,22,16,.14)}
  .ck2-brand img{height:22px !important}
  .ck2-secure{display:none !important}
  /* layout in colonna: riepilogo sopra, form sotto */
  .ck2-wrap,.ck2-grid{display:flex !important;flex-direction:column !important;gap:0 !important;padding:0 !important;max-width:none !important}
  .ck2-right{order:0 !important;position:static !important;margin:0 !important;border:0 !important;border-radius:0 !important;border-bottom:1px solid rgba(28,22,16,.14) !important;background:#f4efe7 !important;padding:12px 16px !important;box-shadow:none !important}
  .ck2-left,.ck2-form{order:1;padding:0 16px 8px !important}
  /* riepilogo ripiegabile */
  .ck2-right .ck2-order-h{display:flex !important;align-items:center;justify-content:space-between;border:0 !important;padding:6px 0 !important;font-size:.92rem !important;font-weight:500;color:#8a2f36 !important;cursor:pointer;min-height:40px}
  .ck2-right .ck2-order-h::before{content:"Mostra il riepilogo dell'ordine ⌄";font-weight:500}
  .ck2-right.is-open .ck2-order-h::before{content:"Nascondi il riepilogo dell'ordine ⌃"}
  .ck2-right .ck2-order-h small{display:none !important}
  .ck2-right .ck2-order-h .ck2-oh-tot{font-weight:800;font-size:1.1rem;color:#1c1610}
  .ck2-right .ck2-oi-list,.ck2-right .ck2-promo,.ck2-right .ck2-oline,.ck2-right .ck2-onote,.ck2-right .ck2-order-tot{display:none !important}
  .ck2-right.is-open .ck2-oi-list,.ck2-right.is-open .ck2-promo,.ck2-right.is-open .ck2-oline,.ck2-right.is-open .ck2-onote,.ck2-right.is-open .ck2-order-tot{display:flex !important}
  .ck2-right.is-open .ck2-oi-list{flex-direction:column;margin-top:10px;padding-top:12px;border-top:1px solid rgba(28,22,16,.14)}
  .ck2-right .ck2-oi{display:grid !important;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:8px 0;border:0 !important}
  .ck2-right .ck2-oi-ph{position:relative;width:56px;height:56px;border-radius:8px;border:1px solid rgba(28,22,16,.14);background:#fff;overflow:visible}
  .ck2-right .ck2-oi-ph img{width:100%;height:100%;object-fit:contain;border-radius:8px}
  .ck2-right .ck2-oi-ph .q{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#6b6b6b;color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center}
  .ck2-right .ck2-oi-bd .nm{display:block;font-size:.9rem;font-weight:600;color:#1c1610}
  .ck2-right .ck2-oi-bd .mt{display:block;font-size:.78rem;color:#8a8074}
  .ck2-right .ck2-oi .pr{font-size:.9rem;font-weight:600;color:#1c1610}
  .ck2-right.is-open .ck2-promo{margin-top:8px}
  .ck2-right .ck2-promo-row{display:flex;gap:8px;width:100%}
  .ck2-right .ck2-promo-row input{flex:1;min-width:0;min-height:44px;border:1px solid rgba(28,22,16,.16);border-radius:8px;padding:0 12px;font-size:.9rem;background:#fff}
  .ck2-right .ck2-promo-row button{min-height:44px;padding:0 14px;border:1px solid rgba(28,22,16,.16);border-radius:8px;background:#f1e9dc;color:#8a8074;font-weight:600;font-size:.88rem}
  .ck2-right.is-open .ck2-oline{justify-content:space-between;font-size:.9rem;padding:5px 0;color:#3a2f22}
  .ck2-right.is-open .ck2-order-tot{justify-content:space-between;align-items:baseline;padding-top:10px;margin-top:6px;border-top:1px solid rgba(28,22,16,.14);font-size:1rem;font-weight:600}
  .ck2-right .ck2-order-tot b{font-size:1.3rem;font-weight:800}
  .ck2-right.is-open .ck2-onote{font-size:.78rem;color:#8a8074;padding:4px 0 0}
  /* pagina unica: stepper via, tutti gli step visibili, niente Continua/Indietro */
  .ck2-steps{display:none !important}
  .ck2-step{display:block !important;opacity:1 !important;transform:none !important;visibility:visible !important;position:static !important;padding:20px 0 2px !important}
  .ck2-step + .ck2-step{border-top:0}
  .ck2-step h2{font-size:1.15rem !important;font-weight:700;letter-spacing:-.01em;color:#1c1610;margin:0 0 12px !important}
  .ck2-step .ck2-sub{display:none !important}
  .ck2-actions{display:none !important}
  .ck2-step[data-step="3"] .ck2-actions{display:block !important;margin:20px 0 0 !important}
  .ck2-step[data-step="3"] .ck2-actions .ck2-back{display:none !important}
  .ck2-step[data-step="3"] .ck2-actions .ck2-confirm{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border:0;border-radius:10px;background:#8a2f36 !important;color:#fff !important;font-weight:700;font-size:1rem !important;letter-spacing:0;text-transform:none}
  /* campi: etichetta flottante dentro il campo */
  .ck2-row{display:grid !important;gap:10px !important;margin:0 0 10px !important}
  .ck2-row.two{grid-template-columns:1fr 1fr !important}
  .ck2-row.one{grid-template-columns:1fr !important}
  .ck2-f{position:relative;margin:0 !important}
  .ck2-f > label{position:absolute;left:12px;top:8px;font-size:.72rem;color:#8a8074;pointer-events:none;z-index:1;margin:0 !important;letter-spacing:0 !important;text-transform:none !important;font-weight:500;transition:top .15s,font-size .15s}
  .ck2-f > label em,.ck2-f > label .req{display:none}
  .ck2-f > label .opt{font-weight:400}
  .ck2-f input:not([type=radio]):not([type=checkbox]),.ck2-f select,.ck2-f textarea{width:100%;min-height:52px;border:1px solid rgba(28,22,16,.18) !important;border-radius:8px !important;padding:18px 12px 4px !important;font-size:1rem !important;background:#fff !important;color:#1c1610;box-shadow:none !important}
  .ck2-f textarea{min-height:88px;padding-top:22px !important}
  .ck2-f input:focus,.ck2-f select:focus,.ck2-f textarea:focus{outline:0;border-color:#1c1610 !important;box-shadow:0 0 0 1px #1c1610 !important}
  .ck2-f input:placeholder-shown + *,.ck2-f:has(input:placeholder-shown) > label,.ck2-f:has(textarea:placeholder-shown) > label{top:16px;font-size:.95rem;color:#8a8074}
  .ck2-f:has(input:focus) > label,.ck2-f:has(textarea:focus) > label{top:8px;font-size:.72rem}
  .ck2-f select{appearance:none;-webkit-appearance:none;background-image:none}
  .ck2-f:has(select)::after{content:"⌄";position:absolute;right:14px;top:13px;color:#8a8074;font-size:1.1rem;pointer-events:none}
  /* tipo cliente: pill -> riga con checkbox-like */
  .ck2-pills{display:flex;gap:8px}
  .ck2-pills .ck2-pill{flex:1;min-height:46px;border:1px solid rgba(28,22,16,.18) !important;border-radius:8px !important;background:#fff !important;color:#1c1610 !important;font-weight:600;font-size:.9rem !important}
  .ck2-pills .ck2-pill.on,.ck2-pills .ck2-pill.is-on{background:#faf5ee !important;outline:1.5px solid #1c1610;outline-offset:-1.5px}
  /* fatturazione */
  .ck-fat-block{margin-top:6px;padding:0 !important;border:0 !important;background:none !important}
  .ck2-check,.ck2-f label.ck2-check{position:static;display:flex;align-items:center;gap:10px;font-size:.9rem;color:#3a2f22;min-height:40px;font-weight:500}
  /* metodi di pagamento: riquadro con radio */
  .ck2-pay,.ck2-payopts{border:1px solid rgba(28,22,16,.18);border-radius:8px;overflow:hidden;background:#fff}
  .ck2-payopt{display:grid !important;grid-template-columns:22px 1fr;gap:12px;align-items:center;padding:14px 12px !important;border:0 !important;border-bottom:1px solid rgba(28,22,16,.14) !important;border-radius:0 !important;margin:0 !important;background:#fff !important}
  .ck2-payopt:last-child{border-bottom:0 !important}
  .ck2-payopt.on{background:#faf5ee !important;box-shadow:inset 0 0 0 1.5px #1c1610}
  .ck2-payopt input{position:absolute;opacity:0;width:0;height:0}
  .ck2-payopt .dot{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(28,22,16,.3);display:inline-block;background:#fff}
  .ck2-payopt.on .dot{border:5.5px solid #1c1610}
  .ck2-payopt .pt{display:block;font-size:.92rem;font-weight:600;color:#1c1610}
  .ck2-payopt .pd{display:block;font-size:.78rem;color:#8a8074;margin-top:2px}
  /* errori, dazi, note */
  .ck2-errors{border-radius:8px;padding:12px 14px;font-size:.88rem}
  .ck2-dazi{border-radius:8px;font-size:.84rem}
  .ck2-trust{display:none !important}
  /* nota finale sotto il bottone */
  .ck2-step[data-step="3"] .ck2-actions::after{content:"Cliccando accetti i Termini e la Privacy.";display:block;text-align:center;color:#8a8074;font-size:.76rem;margin-top:10px}
  .ck2-foot,.ck2-footer{padding:14px 16px 20px;font-size:.74rem;color:#8a8074;text-align:center;border-top:1px solid rgba(28,22,16,.14)}
}
/* checkout Shopify mobile — rifiniture */
@media (max-width: 760px){
  .ck2 h1,.ck2 h2,.ck2 h3,.ck2 .ck2-step h2,.ck2 .ck2-right *,.ck2 .ck2-f *,.ck2 button,.ck2 input,.ck2 select,.ck2 textarea,.ck2 label,.ck2 .ck2-payopt *{font-family:'Manrope',system-ui,sans-serif !important}
  /* intestazione riepilogo: solo "Mostra…" + totale; nascondo il resto quando chiuso */
  .ck2-right .ck2-order-h > *:not(.ck2-oh-tot){display:none !important}
  .ck2-right .ck2-order-h{font-size:0 !important}
  .ck2-right .ck2-order-h::before{font-size:.92rem}
  .ck2-right .ck2-order-h .ck2-oh-tot{display:inline !important;font-size:1.1rem !important}
  .ck2-right:not(.is-open) .ck2-order > *:not(.ck2-order-h){display:none !important}
  /* righe subtotale/sconto/spedizione in colonna */
  .ck2-right.is-open .ck2-oline{display:flex !important;flex-direction:row;justify-content:space-between;align-items:baseline;width:100%;flex-wrap:wrap}
  .ck2-right.is-open .ck2-olines,.ck2-right.is-open .ck2-order > .ck2-oline{display:flex !important}
  .ck2-right .ck2-oline > *{white-space:nowrap}
  .ck2-right .ck2-oline .ck2-oline-sub,.ck2-right .ck2-oline small{white-space:normal;font-size:.76rem;color:#8a8074;flex-basis:100%;text-align:right}
  .ck2-right .ck2-oline.ck2-sconto:not(.on),.ck2-right .ck2-oline[hidden]{display:none !important}
  .ck2-right .ck2-oline .ck2-promo-x{margin-left:6px}
  /* campi con placeholder reale: etichetta fissa in alto */
  .ck2-f:has(input:not([placeholder=" "])) > label,.ck2-f:has(textarea:not([placeholder=" "])) > label{top:8px !important;font-size:.72rem !important}
  .ck2-f input:not([placeholder=" "])::placeholder,.ck2-f textarea:not([placeholder=" "])::placeholder{color:#b3aa9c}
  /* gruppo pill (tipo cliente): etichetta fuori, sopra */
  .ck2-f:has(.ck2-pills){padding-top:22px}
  .ck2-f:has(.ck2-pills) > label{top:0 !important;left:0 !important;font-size:.8rem !important;color:#3a2f22 !important;font-weight:600}
  .ck2-f:has(.ck2-pills)::after{display:none !important}
  /* checkbox (stessi dati / termini): etichetta in linea, non flottante */
  .ck2-f:has(input[type=checkbox]) > label{position:static;font-size:.9rem !important;color:#3a2f22 !important;display:flex;align-items:center;gap:10px;min-height:40px}
  .ck2-f input[type=checkbox]{width:20px;height:20px;min-height:0 !important;padding:0 !important;accent-color:#8a2f36}
  /* trust row via (già nascosta), riga "consulta resi/spedizioni" più leggera */
  .ck2-right.is-open .ck2-onote a{color:#8a2f36}
  .ck2-tocart,.ck2-right .ck2-tocart{display:inline-block;margin-top:10px;font-size:.88rem}
  /* select paese: freccia e testo */
  .ck2-f select{padding-right:34px !important}
}
@media (max-width: 760px){
  .ck2-right.is-open .ck2-order-tot{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0;padding-top:10px;margin-top:10px;border-top:1px solid rgba(28,22,16,.14)}
  .ck2-right.is-open .ck2-order-tot .ck2-oline{display:flex !important;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:.9rem;font-weight:400}
  .ck2-right.is-open .ck2-order-tot .ck2-onote{display:block !important;text-align:right;font-size:.76rem;color:#8a8074;padding:0 0 6px}
  .ck2-right.is-open .ck2-order-tot .ck2-tot-row,.ck2-right.is-open .ck2-order-tot .ck2-total,.ck2-right.is-open .ck2-order-tot > div:has(#ckTotaleValue){display:flex !important;justify-content:space-between;align-items:baseline;padding-top:10px;margin-top:6px;border-top:1px solid rgba(28,22,16,.14);font-size:1rem;font-weight:600}
  .ck2-right #ckTotaleValue{font-size:1.3rem;font-weight:800}
  .ck2-trustrow{display:none !important}
}
@media (max-width: 760px){
  .ck2-right.is-open .ck2-order-tot .ck2-oline[hidden],.ck2-right .ck2-oline-sconto[hidden],#ckScontoRow[hidden]{display:none !important}
  .ck2-right .ck2-dazi[hidden],.ck2-dazi[hidden],#ckDazi[hidden]{display:none !important}
}
/* ===== CHECKOUT mobile — rifinitura estetica (24/09/2026) ===== */
@media (max-width: 760px){
  .ck2{background:#fbf8f3 !important;color:#3a2f22}
  .ck2-hd{padding:18px 16px !important;background:#fff;border-bottom:1px solid rgba(28,22,16,.08)}
  .ck2-brand img{height:22px !important}
  /* riepilogo: card morbida */
  .ck2-right{background:#f4efe7 !important;border-bottom:1px solid rgba(28,22,16,.08) !important;padding:14px 16px !important}
  .ck2-right .ck2-order-h{min-height:44px}
  .ck2-right .ck2-order-h::before{font-size:.92rem;font-weight:600;color:#8a2f36}
  .ck2-right .ck2-order-h .ck2-oh-tot{font-size:1.15rem !important;font-weight:800;color:#1c1610;letter-spacing:-.01em}
  .ck2-right.is-open .ck2-oi-list{margin-top:12px;padding-top:14px;border-top:1px solid rgba(28,22,16,.1)}
  .ck2-right .ck2-oi{grid-template-columns:64px 1fr auto;gap:14px;padding:6px 0 12px}
  .ck2-right .ck2-oi-ph{width:64px;height:64px;border-radius:10px;border:1px solid rgba(28,22,16,.1);background:#fff;box-shadow:0 2px 6px rgba(28,22,16,.06)}
  .ck2-right .ck2-oi-ph .q{background:#8a2f36}
  .ck2-right .ck2-oi-bd .nm{font-size:.95rem;font-weight:700}
  .ck2-right .ck2-oi-bd .mt{font-size:.8rem;margin-top:2px}
  .ck2-right .ck2-oi .pr{font-weight:700}
  .ck2-right .ck2-promo-row input{border-radius:10px;border-color:rgba(28,22,16,.14);background:#fff}
  .ck2-right .ck2-promo-row button{border-radius:10px;background:#fff;border-color:rgba(28,22,16,.14);color:#1c1610;font-weight:700}
  .ck2-right.is-open .ck2-order-tot{border-top:1px solid rgba(28,22,16,.1);margin-top:12px;padding-top:12px}
  .ck2-right.is-open .ck2-order-tot .ck2-oline{color:#5a4f42;font-size:.92rem;padding:6px 0}
  .ck2-right.is-open .ck2-order-tot > div:has(#ckTotaleValue){border-top:1px solid rgba(28,22,16,.14);margin-top:8px;padding-top:12px;font-size:1.05rem;font-weight:700;color:#1c1610}
  .ck2-right #ckTotaleValue{font-size:1.45rem;font-weight:800;letter-spacing:-.01em}
  .ck2-right.is-open .ck2-onote{font-size:.78rem}
  .ck2-right .ck2-dazi{border-radius:10px;background:#fff;border:1px solid rgba(28,22,16,.1);padding:12px 14px;font-size:.84rem;color:#5a4f42;margin-top:10px}
  /* sezioni: titolo con numerino, respiro */
  .ck2-left,.ck2-form{padding:4px 16px 8px !important}
  .ck2-step{padding:26px 0 6px !important;counter-increment:cksec}
  .ck2-step h2{display:flex;align-items:center;gap:10px;font-size:1.25rem !important;font-weight:800;letter-spacing:-.015em;color:#1c1610;margin:0 0 14px !important}
  .ck2-step h2::before{content:counter(cksec);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1c1610;color:#fff;font-size:.78rem;font-weight:700}
  .ck2-form,.ck2-left{counter-reset:cksec}
  .ck2-step + .ck2-step{border-top:1px solid rgba(28,22,16,.08);margin-top:8px}
  /* campi: morbidi, bordo leggero, focus rubino */
  .ck2-row{gap:10px !important;margin:0 0 10px !important}
  .ck2-f input:not([type=radio]):not([type=checkbox]),.ck2-f select,.ck2-f textarea{border:1px solid rgba(28,22,16,.14) !important;border-radius:12px !important;background:#fff !important;min-height:54px;padding:20px 14px 6px !important;box-shadow:0 1px 2px rgba(28,22,16,.04) !important;transition:border-color .15s,box-shadow .15s}
  .ck2-f input:focus,.ck2-f select:focus,.ck2-f textarea:focus{border-color:#8a2f36 !important;box-shadow:0 0 0 3px rgba(138,47,54,.12) !important}
  .ck2-f > label{left:14px;font-weight:500}
  .ck2-f:has(input:placeholder-shown) > label,.ck2-f:has(textarea:placeholder-shown) > label{top:17px;font-size:.95rem}
  .ck2-f:has(input:focus) > label,.ck2-f:has(textarea:focus) > label,.ck2-f:has(input:not([placeholder=" "])) > label,.ck2-f:has(textarea:not([placeholder=" "])) > label{top:9px !important;font-size:.7rem !important;color:#8a8074}
  .ck2-f:has(select)::after{right:16px;top:15px}
  /* tipo cliente */
  .ck2-f:has(.ck2-pills) > label{font-size:.82rem !important;font-weight:700 !important;color:#1c1610 !important;letter-spacing:.01em}
  .ck2-pills .ck2-pill{border-radius:12px !important;min-height:50px;font-weight:600;background:#fff !important;border-color:rgba(28,22,16,.14) !important;box-shadow:0 1px 2px rgba(28,22,16,.04)}
  .ck2-pills .ck2-pill.on,.ck2-pills .ck2-pill.is-on{background:#fbf3f0 !important;outline:1.5px solid #8a2f36;outline-offset:-1.5px;color:#8a2f36 !important}
  /* checkbox riga */
  .ck2-f:has(input[type=checkbox]) > label{font-weight:500;color:#3a2f22 !important}
  .ck2-f input[type=checkbox]{width:22px;height:22px;border-radius:6px}
  /* pagamento: card con radio, bordo morbido, selezionata rubino chiaro */
  .ck2-pay,.ck2-payopts{border:1px solid rgba(28,22,16,.14);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(28,22,16,.04)}
  .ck2-payopt{padding:16px 14px !important;grid-template-columns:22px 1fr;gap:14px}
  .ck2-payopt.on{background:#fbf3f0 !important;box-shadow:inset 0 0 0 1.5px #8a2f36}
  .ck2-payopt.on .dot{border:6px solid #8a2f36}
  .ck2-payopt .pt{font-weight:700}
  .ck2-payopt .pd{font-size:.8rem;line-height:1.4}
  /* bottone finale */
  .ck2-step[data-step="3"] .ck2-actions{margin:22px 0 0 !important}
  .ck2-step[data-step="3"] .ck2-actions .ck2-confirm{min-height:56px;border-radius:12px;font-size:1.02rem !important;font-weight:700;box-shadow:0 10px 22px -10px rgba(138,47,54,.55)}
  .ck2-step[data-step="3"] .ck2-actions::after{margin-top:12px;line-height:1.5}
  /* riga fiducia in fondo, sobria */
  .ck2-trustrow{display:flex !important;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin:18px 0 8px;padding:14px 0 0;border-top:1px solid rgba(28,22,16,.08);font-size:.78rem;color:#8a8074}
  .ck2-trustrow svg{width:14px;height:14px;opacity:.7}
  .ck2-errors{border-radius:12px;background:#fff4f2;border:1px solid rgba(138,47,54,.25);color:#7a2a30}
}
@media (max-width: 760px){
  .ck2-step[data-step="1"] .ck2-trustrow,.ck2-step[data-step="2"] .ck2-trustrow{display:none !important}
  .ck2-f textarea{padding-top:26px !important;line-height:1.4}
  .ck2-f:has(textarea) > label{top:9px !important;font-size:.7rem !important}
  .ck2-f textarea::placeholder{color:#b3aa9c}
}
@media (max-width: 760px){ .ck2-pay + .ck2-row,.ck2-payopts + .ck2-row,.ck2-step[data-step="3"] .ck2-row:has(textarea){margin-top:14px !important} .ck2-step[data-step="3"] .ck2-row:has(input[type=checkbox]){margin-top:6px !important} }
/* ===== LOGOTIPO TESTUALE — Archivo 900, iniziali maiuscole (25/09/2026) ===== */
.brand-wm{font-family:'Archivo',system-ui,sans-serif !important;font-weight:900 !important;font-size:22px;letter-spacing:-.03em;line-height:1;white-space:nowrap;color:#1c1610;text-decoration:none;display:inline-block;transition:color .3s}
#siteHeader .brand{display:inline-flex;align-items:center}
/* 13/10/2026 (Elena): inchiostro solo con l'header fisso o nelle pagine senza hero fotografico; sull'hero il logotipo e' crema senza ombra (w410-hero-header.css) */
#siteHeader.is-stuck .brand .brand-wm,body:not(:has(.bvhero,.at2-hero,.prog2-hero,.cv2-hero)) #siteHeader .brand .brand-wm{color:#1c1610}
body:has(.cv2-hero) #siteHeader:not(.is-stuck) .brand .brand-wm{color:#f4efe7;text-shadow:none}
.site-header.is-dark .brand .brand-wm,#siteHeader.on-dark .brand .brand-wm{color:#f4efe6}
@media (max-width:760px){ .brand-wm{font-size:18px} #siteHeader .brand .brand-logo{display:none} }
.ckm-hd .brand-wm{font-size:22px;color:#1c1610}
@media (max-width:760px){ .ckm-hd .brand-wm{font-size:18px} }
@media (max-width:760px){
  .brand-wm,#siteHeader .brand .brand-wm{font-size:16.5px !important;letter-spacing:-.035em}
  #siteHeader .site-header-top > .brand{max-width:calc(100vw - 210px);overflow:visible}
}
/* logotipo: stesso colore delle icone dell'header (crema sull'hero, inchiostro quando fisso) */
#siteHeader.is-stuck .brand,body:not(:has(.bvhero,.at2-hero,.prog2-hero,.cv2-hero)) #siteHeader .brand{color:#1c1610}
#siteHeader.is-stuck .brand .brand-wm,body:not(:has(.bvhero,.at2-hero,.prog2-hero,.cv2-hero)) #siteHeader .brand .brand-wm{color:#1c1610}
@media (max-width:760px){
  /* la lingua va nel menu: più spazio al logotipo */
  #siteHeader .bv-langdd{display:none !important}
  .brand-wm,#siteHeader .brand .brand-wm{font-size:17.5px !important;letter-spacing:-.03em}
}
/* footer: logotipo testuale (25/09) */
.fx-mark{display:inline-block;text-decoration:none}
.fx-mark .fx-wm{font-size:26px;color:#1c1610 !important}
@media (max-width:760px){ .fx-mark .fx-wm{font-size:20px} }
.fx-mark .fx-wm{font-size:34px !important}
@media (max-width:760px){ .fx-mark .fx-wm{font-size:24px !important} }
.fx-mark .fx-wm{font-size:clamp(40px,4.6vw,66px) !important;letter-spacing:-.035em}
@media (max-width:760px){ .fx-mark .fx-wm{font-size:clamp(30px,8.6vw,40px) !important} }
/* ===== PERFORMANCE MOBILE (25/09/2026): card in versione ridotta, video off ===== */
@media (max-width: 760px){
  .bvco-ct[style*="card-classici.jpg"]{background-image:url("/static/img/cards/m/card-classici.jpg") !important}
  .bvco-ct[style*="card-deco.jpg"]{background-image:url("/static/img/cards/m/card-deco.jpg") !important}
  .bvco-ct[style*="card-minimal.jpg"]{background-image:url("/static/img/cards/m/card-minimal.jpg") !important}
  .bvco-ct[style*="card-complementi.jpg"]{background-image:url("/static/img/cards/m/card-complementi.jpg") !important}
  .bvco-cf-ph[style*="card-gocce.jpg"]{background-image:url("/static/img/cards/m/card-gocce.jpg") !important}
  .bvco-cf-ph[style*="card-contemporanei.jpg"]{background-image:url("/static/img/cards/m/card-contemporanei.jpg") !important}
  .bvco-ct-vid,.tr-vid{display:none !important}
  /* reveal più morbidi e senza lavoro extra */
  .reveal,.rv{transition-duration:.5s !important;transition-timing-function:cubic-bezier(.2,.7,.2,1) !important;will-change:auto}
}
@media (max-width:760px){
  .at2-luo .bg[style*="img/atelier/"]{background-image:var(--bgm, none)}
  .prog2-hero-video{display:none !important}
  .prog2-hero[style*="progetti-hero"]{background-size:cover}
}
.prog2-hero-poster{display:none}
@media (max-width:760px){ .prog2-hero-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:0;opacity:.75} }
/* ===== FLUIDITÀ MOBILE (25/09/2026) ===== */
html{-webkit-tap-highlight-color:transparent}
a,button,[role=button],label,summary,.cd2-tile,.bvco-cf,.bvco-ct{touch-action:manipulation}
/* transizione tra pagine: dissolvenza morbida al posto del flash bianco (browser che la supportano) */
/* menu su mobile: solo transform/opacity, veloce, niente blur */
@media (max-width:900px){
  .bvm2-back{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(18,14,10,.5) !important;transition:opacity .35s ease !important}
  .bvm2-panel{width:100vw !important;transition:transform .45s cubic-bezier(.2,.7,.2,1) !important;box-shadow:none !important;will-change:transform}
  .bvm2 .bvm2-w,.bvm2 .bvm2-cw{transition:color .2s !important}
}
/* scroll fluido nei pannelli */
.cart-drawer-panel,.cd3-list,.cd2-drawer-p,.bvm2-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

/* ===== PASSAGGI DI PAGINA PULITI su mobile (25/09) ===== */
@media (max-width:760px){
  /* comparse immediate: niente cascata di ritardi, niente 0.9s */
  .entrance,.brand.entrance,.nav-item.entrance,.reveal,.reveal > *,.rv,.reveal-t .clv-num,.reveal-t .clv-eye,.reveal-t .clv-title,.reveal-t .clv-body,.reveal-t .clv-cta,.hero-entrance,.hero-entrance > *{transition-delay:0s !important;transition-duration:.25s !important;animation-delay:0s !important;animation-duration:.25s !important}
  .reveal{transform:none !important}
  /* dissolvenza in uscita al tocco di un link interno */
  html.is-leaving body{opacity:0;transition:opacity .16s ease-out}
  body{transition:opacity .16s ease-out}
}
html{background:#f4efe7}
@media (max-width:760px){
  .entrance,.brand.entrance,.nav-item.entrance,.reveal,.reveal > *,.rv,.reveal-t .clv-num,.reveal-t .clv-eye,.reveal-t .clv-title,.reveal-t .clv-body,.reveal-t .clv-cta,.hero-entrance,.hero-entrance > *,.pro-hero-title.reveal{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important;visibility:visible !important;filter:none !important}
}
@media (max-width:760px){
  .cd2-rv,.cd2-rv.d1,.cd2-rv.d2,.cd2-rv.d3,.reveal-i,.reveal-i > *,.reveal-t > *,[class*="-rv"],[class*="rv "],.pv2-rv,.pcat-rv{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important;filter:none !important;visibility:visible !important}
}
@media (max-width:760px){
  .cd2-hero .cd2-num,.cd2-hero h1,.cd2-hero .cd2-hero-sub,.cd2-hero .cd2-hero-tag,.cd2-hero > *,.cd2-hero-in > *{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important}
}
@media (max-width:760px){ .bvh-cta,.bvh-cta > *,.bvh-copy > *,.bvh-k,.bvh-title,.bvh-sub{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important} }
/* ===== NAVBAR MOBILE rifatta (25/09/2026) ===== */
@media (max-width:760px){
  #siteHeader .site-header-top{min-height:60px;padding:0 12px 0 10px !important;display:flex !important;align-items:center !important;justify-content:space-between !important}
  /* menu: solo simbolo, grande */
  #siteHeader .bvm-trigger{font-size:0 !important;width:44px;height:44px;padding:0 !important;margin:0 !important;display:inline-flex;align-items:center;justify-content:center;gap:0 !important;border:0;background:none}
  #siteHeader .bvm-trigger .bvm-tlines{display:flex;flex-direction:column;gap:7px;width:26px}
  #siteHeader .bvm-trigger .bvm-tlines i{display:block;width:26px;height:2px;background:currentColor;border-radius:2px}
  /* logo centrato */
  #siteHeader .site-header-top > .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) !important}
  /* icone a destra: 24px, vicine */
  #siteHeader .site-header-right,#siteHeader .site-header-icons{display:flex;align-items:center;gap:2px !important}
  #siteHeader .site-header-icons .icon-link,#siteHeader #searchOpen,#siteHeader .cart-icon-link{width:44px !important;min-width:44px !important;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 !important}
  #siteHeader .site-header-icons .icon-link svg{width:24px !important;height:24px !important;stroke-width:1.5}
  #siteHeader .cart-icon-link .cart-badge,#siteHeader .cart-count{top:6px;right:6px}
  .brand-wm,#siteHeader .brand .brand-wm{font-size:18px !important}
}
/* ===== MENU MOBILE: impaginazione (25/09/2026) ===== */
@media (max-width:900px){
  .bvm2-panel{padding:0 !important;display:flex !important;flex-direction:column !important}
  .bvm2-top{display:flex !important;align-items:center;justify-content:space-between;padding:8px 12px 8px 22px !important;min-height:60px}
  .bvm2-brand .bvm2-wm{font-size:18px;color:#1c1610 !important;letter-spacing:-.03em}
  .bvm2-brand img{display:none !important}
  .bvm2-x{width:44px !important;height:44px !important;border:0 !important;background:none !important;display:inline-flex;align-items:center;justify-content:center;font-size:0}
  .bvm2-x::before,.bvm2-x::after{content:"";position:absolute;width:24px;height:2px;background:#1c1610;border-radius:2px}
  .bvm2-x::before{transform:rotate(45deg)}.bvm2-x::after{transform:rotate(-45deg)}
  .bvm2-x{position:relative}.bvm2-x svg{display:none}
  .bvm2-stage{flex:1 1 auto !important;display:flex !important;flex-direction:column;justify-content:center !important;padding:0 22px !important;overflow:auto;min-height:0}
  .bvm2-nav{display:flex;flex-direction:column;gap:0 !important;width:100%}
  .bvm2-nav > *{padding:12px 0 !important;min-height:0 !important}
  .bvm2-w{font-size:2.35rem !important;line-height:1.05 !important}
  .bvm2-n{font-size:.62rem !important;min-width:26px}
  .bvm2-coll{margin:6px 0 4px 26px !important;padding-left:14px !important}
  .bvm2 .bvm2-coll .bvm2-cr .bvm2-cw{font-size:1.25rem !important;line-height:1.25 !important}
  .bvm2-cr{padding:7px 0 !important}
  .bvm2-foot{flex:0 0 auto;padding:14px 22px calc(18px + env(safe-area-inset-bottom,0px)) !important;display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(28,22,16,.12)}
  .bvm2-langs{display:flex;gap:6px;align-items:center}
  .bvm2-langs a{font-size:.8rem !important;font-weight:700;letter-spacing:.14em;padding:8px 10px;min-height:40px;display:inline-flex;align-items:center;color:#5a5048}
  .bvm2-langs a.on{color:#8a2f36}
  .bvm2-langs span{color:#c9bfb0}
  .bvm2-soc,.bvm2-social{display:flex;gap:16px}
  .bvm2-soc a,.bvm2-social a{font-size:.72rem !important;letter-spacing:.16em;min-height:40px;display:inline-flex;align-items:center;color:#5a5048}
}
@media (max-width:760px){
  .brand-wm,#siteHeader .brand .brand-wm{font-size:16.5px !important;letter-spacing:-.035em}
  #siteHeader .site-header-top{padding:0 6px 0 8px !important}
  #siteHeader .site-header-icons .icon-link,#siteHeader #searchOpen,#siteHeader .cart-icon-link{width:42px !important;min-width:42px !important}
}
@media (max-width:900px){
  .bvm2-brand{text-transform:none !important;letter-spacing:-.03em !important}
  .bvm2-brand .bvm2-wm{text-transform:none !important;font-size:17px}
  .bvm2-x,.bvm2-x:hover{box-shadow:none !important;background:none !important;border:0 !important;border-radius:0 !important;outline:0 !important;color:#1c1610}
  .bvm2-x > *{display:none !important}
}
@media (max-width:900px){
  .bvm2-close,.bvm2-close:hover{width:44px !important;height:44px !important;border:0 !important;background:none !important;box-shadow:none !important;border-radius:0 !important;font-size:0 !important;position:relative;color:#1c1610;padding:0 !important}
  .bvm2-close::before,.bvm2-close::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:2px;background:#1c1610;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}
  .bvm2-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
}
@media (max-width:900px){ .bvm2-top{align-items:center !important;padding:8px 8px 8px 22px !important} .bvm2-brand{display:inline-flex;align-items:center;height:44px;margin:0 !important;padding:0 !important} .bvm2-brand .bvm2-wm{line-height:1;display:block} }
@media (max-width:900px){
  .bvm2-panel{padding-top:env(safe-area-inset-top,0px) !important}
  .bvm2-top{min-height:60px !important;padding:8px 8px 8px 22px !important;margin-top:6px}
  .bvm2-brand .bvm2-wm{font-size:16.5px !important}
}
@media (max-width:760px){ #siteHeader{padding-top:env(safe-area-inset-top,0px)} }
/* contatti mobile: mappa a tutta larghezza della griglia */
@media (max-width:760px){ .ct2-map{width:100% !important;max-width:100% !important;margin:0 !important;border-radius:14px;overflow:hidden} .ct2-map iframe{width:100% !important;display:block} }
@media (max-width:760px){ .ct2-grid{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:24px !important} .ct2-grid > *{min-width:0;max-width:100%} }
/* menu mobile: barra superiore identica alla navbar (25/09) */
@media (max-width:900px){
  .bvm2-top{position:relative !important;display:block !important;height:64px !important;min-height:64px !important;margin:0 !important;padding:0 !important;border-bottom:1px solid rgba(28,22,16,.1)}
  .bvm2-brand{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;height:auto !important;margin:0 !important;padding:0 !important;display:block !important}
  .bvm2-brand .bvm2-wm{font-size:16.5px !important;letter-spacing:-.035em !important;line-height:1 !important;display:block}
  .bvm2-close{position:absolute !important;right:8px !important;top:50% !important;transform:translateY(-50%) !important;margin:0 !important}
  .bvm2-close::before,.bvm2-close::after{width:22px}
  .bvm2-stage{padding-top:0 !important}
}
@media (max-width:900px){ .bvm2-top{height:72px !important;min-height:72px !important} .bvm2-close{right:25px !important} }