/* ---------- CATALOGO ---------- */
.vh1{padding:128px 0 clamp(40px,5vw,60px);background:#fff}
.vh1-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:24px 60px;align-items:end}
.vh1-h1{font-size:clamp(2.3rem,4.4vw,4.3rem)}
.vh1-h1 .ln{display:block;overflow:hidden;padding-bottom:.05em;white-space:nowrap}
.vh1-h1 .ln>span{display:block;animation:a-up 1.1s var(--ease) both;animation-delay:calc(var(--i) * 110ms + 100ms)}
.vh1-lead{font-size:17px;line-height:1.6;max-width:42ch;animation:l-rise 1s .4s var(--ease) both}
.vh1-search{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:clamp(30px,4vw,48px);padding:12px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 20px 40px -34px rgba(16,19,31,.4);animation:l-rise 1s .55s var(--ease) both}
.cq{position:relative;flex:1 1 280px;display:flex;align-items:center}
.cq .ic{position:absolute;left:16px;width:19px;height:19px;color:var(--slate);pointer-events:none}
.cq input{width:100%;font:500 15.5px/1 'Open Sans',sans-serif;color:var(--ink);padding:15px 16px 15px 46px;border:0;border-radius:999px;background:var(--bg2)}
.cq input:focus{outline:2px solid var(--ink);outline-offset:0}
.vh1-types{display:flex;flex-wrap:wrap;gap:6px}
.vt{all:unset;cursor:pointer;padding:12px 16px;border-radius:999px;font:600 13.5px/1 'Open Sans',sans-serif;color:var(--ink);transition:background .25s,color .25s}
.vt:hover{background:var(--bg2)}
.vt[aria-pressed="true"]{background:var(--ink);color:#fff}
.vh2{padding:120px 0 clamp(40px,5vw,60px);background:#fff}
.vh2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:center}
.vh2-ph{aspect-ratio:1.25;border-radius:6px;overflow:hidden;animation:l-wipe 1.3s .15s var(--ease) both}
.vh2-ph img{width:100%;height:100%;object-fit:cover;object-position:60% 60%}
.vh2-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:36px;border-top:1px solid var(--line)}
.vh2-facts>div{padding:20px 18px 0 0}
.vh2-facts>div+div{padding-left:18px;border-left:1px solid var(--line)}
.vh2-facts .ic{width:24px;height:24px;stroke-width:1.5;color:var(--ink);margin-bottom:12px}
.vh2-facts b{display:block;font:800 15.5px/1.2 'Open Sans',sans-serif;color:var(--ink)}
.vh2-facts small{display:block;font-size:13px;color:var(--faded);margin-top:4px}

.vc{background:var(--bg2);padding:clamp(40px,5vw,64px) 0 clamp(80px,9vw,120px)}
.vc-a{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.vc-side{position:sticky;top:96px}
.vc-side-in{background:#fff;border-radius:8px;padding:20px 20px 22px}
.vc-side-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.vc-side-h h2{font:800 18px/1 'Open Sans',sans-serif;color:var(--ink)}
.fg{padding:16px 0;border-bottom:1px solid var(--line)}
.fg-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.fg-h h3{font:700 12px/1 'Open Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.fg-r{all:unset;cursor:pointer;font-size:12.5px;color:var(--faded);text-decoration:underline;text-underline-offset:.2em}
.fg-r:hover{color:var(--ink)}
.fg-o{display:flex;flex-wrap:wrap;gap:6px}
.fo{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;border:1px solid var(--line);font:600 13px/1 'Open Sans',sans-serif;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.fo span{font-size:11px;opacity:.55;font-variant-numeric:tabular-nums}
.fo:hover{border-color:#b9bfca}
.fo[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.fo:disabled{opacity:.38;cursor:default}
.fo:focus-visible,.vt:focus-visible{outline:2px solid var(--slate);outline-offset:2px}
.pr{display:grid;gap:8px}
.pr input{width:100%;accent-color:var(--ink)}
.pr output{font:800 16px/1 'Open Sans',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.av{display:flex;gap:10px;align-items:center;padding-top:16px;font:600 14px/1.3 'Open Sans',sans-serif;color:var(--ink);cursor:pointer}
.av input{width:18px;height:18px;accent-color:var(--ink)}
.vc-tool{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.vc-count{font-size:15px;color:var(--slate)}
.vc-count b{color:var(--ink);font-weight:800}
.vc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.vc-chips:empty{display:none}
.ac{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font:600 12.5px/1 'Open Sans',sans-serif;color:var(--ink)}
.ac i{font-style:normal;width:18px;height:18px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-size:12px}
.ac:hover i{background:var(--ink);color:#fff}
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cc[hidden]{display:none!important}
.cc{background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .3s,box-shadow .4s var(--ease)}
.cc:hover{border-color:var(--line);box-shadow:0 24px 44px -32px rgba(16,19,31,.4)}
.cc-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#e9ebef}
.cc-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.cc:hover .cc-img img{transform:scale(1.04)}
.cc.is-sold .cc-img img{filter:grayscale(.55) contrast(.95)}
.cc .sold{top:12px;left:12px}
.cc-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;flex:1}
.cc-t a{text-decoration:none;display:flex;flex-direction:column;gap:8px}
.cb-logo{display:block;height:18px;color:var(--ink)}
.cb-logo svg{height:100%;width:auto;display:block}
.cb-txt{font:800 13px/18px 'Open Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.cc-m{font:600 15px/1.35 'Open Sans',sans-serif;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.cs{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;font-size:13px;color:var(--slate);padding-top:12px;border-top:1px solid var(--line)}
.cs li{display:flex;align-items:center;gap:7px;white-space:nowrap}
.cs .ic{width:16px;height:16px;opacity:.7}
.cc-price{margin-top:auto;font:800 21px/1 'Open Sans',sans-serif;color:var(--green);font-variant-numeric:tabular-nums}
.cc-price.is-sold{color:var(--faded);text-decoration:line-through;text-decoration-thickness:1.5px}
/* righe B */
.tb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border-radius:8px;padding:12px;margin-bottom:22px}
.tb .cq{flex:1 1 260px}
.tb-s select{font:600 14px/1 'Open Sans',sans-serif;color:var(--ink);padding:14px 38px 14px 16px;border:1px solid var(--line);border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310131f' stroke-width='2'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") right 14px center/14px no-repeat;appearance:none;-webkit-appearance:none;cursor:pointer}
.tb .av{padding:0 8px}
.vrows{display:grid;gap:12px}
.cr{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr) 230px;gap:26px;align-items:center;padding:12px 24px 12px 12px}
.cr .cc-img{border-radius:6px}
.cr-mid{display:grid;gap:12px;min-width:0}
.cr .cc-m{min-height:0;font-size:16px}
.cr .cs{grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 20px}
.cr-tipo{font-size:12.5px;color:var(--slate);background:var(--bg2);padding:5px 10px;border-radius:999px;justify-self:start}
.cr-side{display:grid;gap:10px;padding-left:24px;border-left:1px solid var(--line)}
.cr-side .cc-price{font-size:26px;margin:0 0 6px}
/* paginazione */
.pg{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:36px}
.pg a,.pg span{min-width:44px;height:44px;display:grid;place-items:center;border-radius:999px;font:700 14px/1 'Open Sans',sans-serif;color:var(--ink);text-decoration:none;background:#fff;border:1px solid var(--line)}
.pg span{background:none;border:0;color:var(--faded)}
.pg a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.pg a:hover:not([aria-current]){border-color:var(--ink)}
.pg .nx{display:inline-flex;gap:8px;padding:0 18px}
.pg .nx .ic{width:15px;height:15px}
/* SEO */
.vs1{background:#fff;padding:clamp(80px,9vw,130px) 0}
.vs1-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.vs1-row+.vs1-row{margin-top:clamp(70px,8vw,120px)}
.vs1-row.rev .vs1-ph{order:2}
.vs1-ph{aspect-ratio:1.15;border-radius:6px;overflow:hidden}
.vs1-ph img{width:100%;height:100%;object-fit:cover}
.vs1-tx .a-h2{font-size:clamp(2rem,3.8vw,3.4rem);margin:16px 0 20px}
.vs1-tx p{font-size:16.5px;line-height:1.7;max-width:52ch}
.vs1-tx .a-btn{margin-top:28px}
.vs1-fin{display:flex;align-items:center;gap:14px;margin-top:24px;padding:14px 16px;border-radius:8px;background:var(--p-coin);font-size:14.5px;color:var(--ink)}
.vs1-fin .ic{width:24px;height:24px;stroke-width:1.5;flex:none}
.vs1-fin a{margin-left:auto;font:700 12px/1 'Open Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.vs2{background:#fff;padding:clamp(80px,9vw,130px) 0}
.vs2-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vs2-c{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.vs2-c figure{aspect-ratio:16/9;overflow:hidden}
.vs2-c img{width:100%;height:100%;object-fit:cover}
.vs2-c>div{padding:26px 28px 30px}
.vs2-c h2{font-size:clamp(1.7rem,2.4vw,2.2rem);margin:14px 0 14px}
.vs2-c p{font-size:15.5px;line-height:1.7;color:#555a64}
/* mobile */
@media (max-width:1100px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cr{grid-template-columns:minmax(200px,240px) minmax(0,1fr) 200px}.cr .cs{grid-template-columns:1fr 1fr}}
@media (max-width:980px){
  .vh1-top,.vh2-grid,.vs1-row,.vs2-grid{grid-template-columns:1fr}
  .vs1-row.rev .vs1-ph{order:0}
  .vc-a{grid-template-columns:1fr}
  .vc-side{display:none}
}
@media (max-width:760px){
  .vh1,.vh2{padding-top:104px}
  .vh1-h1 .ln{white-space:normal}
  .vh1-search{border-radius:12px;padding:10px}
  .vh1-types{overflow-x:auto;flex-wrap:nowrap;margin:0 -2px;scrollbar-width:none}
  .vh1-types .vt{white-space:nowrap;padding:10px 14px;background:var(--bg2)}
  .vh1-types .vt[aria-pressed="true"]{background:var(--ink)}
  .vh2-facts{grid-template-columns:1fr 1fr 1fr}
  .vh2-facts>div{padding-right:10px}.vh2-facts>div+div{padding-left:10px}
  .vh2-facts b{font-size:13.5px}
  .tb{display:none}
  /* elenco a righe in un'unica scheda */
  .vgrid,.vrows{display:block;background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
  .cc,.cr{display:grid;grid-template-columns:38% minmax(0,1fr);grid-template-areas:"i t" "i p" "s s";gap:6px 14px;padding:16px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none!important}
  .cc:last-child{border-bottom:0}
  .cc-img{grid-area:i;border-radius:6px;align-self:center}
  .cc-b,.cr-mid,.cr-side{display:contents}
  .cc-t{grid-area:t;align-self:end}
  .cc-m{min-height:0;font-size:15px}
  .cc-price,.cr-side .cc-price{grid-area:p;align-self:start;font-size:20px;margin:2px 0 0}
  .cs,.cr .cs{grid-area:s;grid-template-columns:1fr 1fr;margin-top:8px}
  .cr-tipo,.cr-side .of-go,.cr-side .of-call{display:none}
  .cc .sold{top:8px;left:8px;font-size:9px;padding:5px 7px 4px}
  .pg a{min-width:40px;height:40px}
  .pg .nx{padding:0 14px}
  .vs1-fin{flex-wrap:wrap}
  .vs1-fin a{margin-left:38px}
}
.sheet .fg:first-of-type{padding-top:0}
.sheet-in{max-height:86svh;overflow:auto}
.sheet .av{padding:16px 0 18px}
.sheet .lo-sort{margin:16px 0 20px}