/* SuperStampaSprint — Catalogo visuale 0.4.4 Fonts intentionally inherited from the ACTIVE THEME. No external font files or substitutions. All selectors are scoped to this plugin. */ #sss-vc-visual-catalog{ --sss-vc-blue:#102d83;--sss-vc-text:#172343;--sss-vc-muted:#697991; --sss-vc-border:#e1e7f1;--sss-vc-hover:#d6e4fc; font-family:inherit;line-height:1.45;color:var(--sss-vc-text); max-width:1516px;margin:26px auto 72px;padding:0 20px; } #sss-vc-visual-catalog *{box-sizing:border-box} #sss-vc-visual-catalog input,#sss-vc-visual-catalog button,#sss-vc-visual-catalog select{font-family:inherit} #sss-vc-visual-catalog a{text-decoration:none;color:inherit} #sss-vc-visual-catalog a:focus-visible,#sss-vc-visual-catalog input:focus-visible{outline:3px solid #2d81e2;outline-offset:2px} #sss-vc-visual-catalog .sss-vc-preview-banner{border:1px solid #c0d5fa;background:#eef5ff;color:#1a3c75;padding:10px 14px;border-radius:10px;margin-bottom:16px;font-size:13px} #sss-vc-visual-catalog .sss-vc-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start} #sss-vc-visual-catalog .sss-vc-sidebar-panel{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto;background:#fff;border:1px solid var(--sss-vc-border);border-radius:15px;padding:15px 12px} #sss-vc-visual-catalog .sss-vc-sidebar-panel>strong{display:block;font-size:16px;font-weight:750;margin:0 0 12px} #sss-vc-visual-catalog .sss-vc-sidebar-home{display:block;padding:9px 10px;border-radius:9px;background:#ecf3ff;color:var(--sss-vc-blue);font-size:13px;font-weight:700;margin-bottom:11px} #sss-vc-visual-catalog label[for=sss-vc-filter]{font-size:11px;font-weight:600;color:var(--sss-vc-muted);display:block;margin:0 0 4px} #sss-vc-visual-catalog #sss-vc-filter{width:100%;padding:9px 10px;font-size:13px;line-height:1.3;background:#fff;color:var(--sss-vc-text);border:1px solid var(--sss-vc-border);border-radius:9px;margin-bottom:9px} #sss-vc-visual-catalog .sss-vc-sector-nav{display:flex;flex-direction:column;gap:2px} #sss-vc-visual-catalog .sss-vc-sector-nav a{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:9px 8px;border-radius:8px;font-size:12px;font-weight:700;color:#253654;line-height:1.35} #sss-vc-visual-catalog .sss-vc-sector-nav a small{font-size:10px;font-weight:600;color:#7386a2} #sss-vc-visual-catalog .sss-vc-sector-nav a:hover,#sss-vc-visual-catalog .sss-vc-sector-nav a.is-active{background:var(--sss-vc-blue);color:#fff} #sss-vc-visual-catalog .sss-vc-sector-nav a:hover small,#sss-vc-visual-catalog .sss-vc-sector-nav a.is-active small{color:#e0eaff} #sss-vc-visual-catalog .sss-vc-sector-nav a[hidden]{display:none!important} #sss-vc-visual-catalog .sss-vc-main{min-width:0} #sss-vc-visual-catalog .sss-vc-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#687791;font-size:12px;margin:0 0 15px} #sss-vc-visual-catalog .sss-vc-crumb a{color:#235494} #sss-vc-visual-catalog .sss-vc-heading{margin:0 0 21px} #sss-vc-visual-catalog .sss-vc-heading h1{font-size:clamp(28px,2.6vw,38px);font-weight:800;line-height:1.12;letter-spacing:-.025em;color:#17264a;margin:0 0 7px} #sss-vc-visual-catalog .sss-vc-heading p{font-size:13px;line-height:1.45;color:#6c7890;margin:0} /* Livelli 1-2 — foto simbolica della tipologia, sempre un prodotto reale. */ #sss-vc-visual-catalog .sss-vc-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px} #sss-vc-visual-catalog .sss-vc-tile{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--sss-vc-border);border-radius:13px;transition:transform .16s,border-color .16s,box-shadow .16s} #sss-vc-visual-catalog .sss-vc-tile:hover{transform:translateY(-2px);border-color:#9bbaf0;box-shadow:0 7px 20px rgba(19,45,100,.07)} #sss-vc-visual-catalog .sss-vc-image{display:flex;align-items:center;justify-content:center;height:209px;flex:0 0 209px;width:100%;overflow:hidden;background:#fff;padding:7px;border-bottom:1px solid #eef1f6} #sss-vc-visual-catalog .sss-vc-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block} #sss-vc-visual-catalog .sss-vc-tile-content{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:68px;padding:12px 13px 14px} #sss-vc-visual-catalog .sss-vc-tile-content strong{font-weight:750;font-size:15px;line-height:1.3;color:#172849} #sss-vc-visual-catalog .sss-vc-tile-content small{font-size:11px;line-height:1.2;color:#77869c} #sss-vc-visual-catalog .sss-vc-no-photo{display:flex;align-items:center;justify-content:center;background:#f5f7fa;color:#9baac0;height:100%;width:100%;font-size:38px} /* Navigazione tra le tipologie: veri link, nessun filtro finto. */ #sss-vc-visual-catalog .sss-vc-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 16px} #sss-vc-visual-catalog .sss-vc-tab{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #e6eaf2;border-radius:30px;background:#fff;color:#32415d;font-weight:600;font-size:12px;line-height:1.2;transition:background-color .15s,border-color .15s} #sss-vc-visual-catalog .sss-vc-tab:hover{background:#edf3fe;border-color:#c7d8f1;color:#1c3a78} #sss-vc-visual-catalog .sss-vc-tab.is-active{background:var(--sss-vc-blue);border-color:var(--sss-vc-blue);color:#fff} #sss-vc-visual-catalog .sss-vc-product-counter{display:flex;justify-content:space-between;gap:12px;color:#7b8697;font-size:11px;font-weight:600;margin:-2px 0 10px} #sss-vc-visual-catalog .sss-vc-sort-form{display:flex;align-items:center;gap:7px;margin:0;font:inherit} #sss-vc-visual-catalog .sss-vc-sort-form label{font-size:11px;color:#627089;font-weight:600;white-space:nowrap} #sss-vc-visual-catalog .sss-vc-sort-form select{appearance:auto;min-height:34px;max-width:224px;width:auto;box-sizing:border-box;background:#fff;border:1px solid #dbe3f0;border-radius:8px;color:#21335a;padding:5px 28px 5px 9px;font:inherit;font-weight:650;cursor:pointer} #sss-vc-visual-catalog .sss-vc-sort-form select:focus-visible{outline:2px solid #1656bd;outline-offset:2px} @media(max-width:620px){#sss-vc-visual-catalog .sss-vc-sort-form select{max-width:185px;font-size:10px}#sss-vc-visual-catalog .sss-vc-product-counter{align-items:center}} /* Livello 3 — schema approvato: immagine sopra, nome, pallini sx, g/m² dx, attributi, CTA. */ #sss-vc-visual-catalog .sss-vc-product-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:13px} #sss-vc-visual-catalog .sss-vc-product{min-width:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;gap:0;background:#fff;border:1px solid #e7ebf1;border-radius:13px;transition:border-color .15s,box-shadow .15s} #sss-vc-visual-catalog .sss-vc-product:hover{border-color:#b9cef0;box-shadow:0 5px 19px rgba(17,46,106,.06)} #sss-vc-visual-catalog .sss-vc-product-img{width:100%;height:229px;flex:0 0 229px;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px;background:#fff;border:0;border-bottom:1px solid #f0f2f7;border-radius:0} #sss-vc-visual-catalog .sss-vc-product-img img{width:100%;height:100%;object-fit:contain;object-position:center;display:block} #sss-vc-visual-catalog .sss-vc-product-details{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:6px;padding:12px 13px 5px;min-width:0} #sss-vc-visual-catalog .sss-vc-product-name{font-size:15px;line-height:1.28;font-weight:800;color:#17264a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:20px;overflow-wrap:anywhere} #sss-vc-visual-catalog .sss-vc-product-type{font-size:11px;line-height:1.25;color:#72819a} #sss-vc-visual-catalog .sss-vc-feature-row{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;align-items:center;gap:8px;min-height:35px} #sss-vc-visual-catalog .sss-vc-feature-colors{min-width:0} #sss-vc-visual-catalog .sss-vc-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:22px;margin:0;padding:0} #sss-vc-visual-catalog .sss-vc-color-dot{display:block;width:17px;height:17px;flex:0 0 17px;border-radius:50%;border:1px solid #cbd3df;box-shadow:0 0 0 2px #fff,inset 0 0 0 1px rgba(255,255,255,.5)} #sss-vc-visual-catalog .sss-vc-color-dot.is-unspecified{background:repeating-linear-gradient(45deg,#fff 0,#fff 5px,#d8dee8 5px,#d8dee8 10px)} #sss-vc-visual-catalog .sss-vc-more-colors{font-size:10px;font-weight:750;color:#506e9b} #sss-vc-visual-catalog .sss-vc-colors-note{font-size:10px;line-height:1.25;color:#8b96a6} #sss-vc-visual-catalog .sss-vc-grammage{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;font-size:12px;color:#263a5e;white-space:nowrap;text-align:right} #sss-vc-visual-catalog .sss-vc-grammage span{font-size:9px;color:#8792a5;font-weight:500;line-height:1.1} #sss-vc-visual-catalog .sss-vc-grammage strong{font-size:12px;color:#1f3459;font-weight:750;line-height:1.1} #sss-vc-visual-catalog .sss-vc-grammage.is-missing strong{font-size:10px;font-weight:500;color:#8792a5} #sss-vc-visual-catalog .sss-vc-specs{display:flex;flex-direction:column;gap:3px;padding-top:7px;border-top:1px solid #edf0f5;width:100%;min-width:0} #sss-vc-visual-catalog .sss-vc-spec{font-size:11px;line-height:1.35;color:#57657b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere} #sss-vc-visual-catalog .sss-vc-spec span{color:#7d8a9f;font-weight:500} #sss-vc-visual-catalog .sss-vc-spec strong{color:#4b5e79;font-weight:650} #sss-vc-visual-catalog .sss-vc-select{display:flex;align-items:center;justify-content:center;gap:5px;align-self:stretch;margin:9px 12px 12px;padding:10px 10px;min-height:40px;border:0;border-radius:10px;background:var(--sss-vc-blue);color:#fff;font-size:12px;font-weight:750;line-height:1.2;text-align:center;white-space:normal} #sss-vc-visual-catalog .sss-vc-select:hover{background:#1940a4;color:#fff} #sss-vc-visual-catalog .sss-vc-select span{display:inline-flex;align-items:center} #sss-vc-visual-catalog .sss-vc-pagination{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:25px 0} #sss-vc-visual-catalog .sss-vc-pagination a{padding:8px 12px;border:1px solid var(--sss-vc-border);border-radius:9px;background:#fff;color:var(--sss-vc-blue);font-size:12px;font-weight:700} #sss-vc-visual-catalog .sss-vc-pagination a.is-current{background:var(--sss-vc-blue);color:#fff} @media(max-width:1360px){ #sss-vc-visual-catalog .sss-vc-tiles,#sss-vc-visual-catalog .sss-vc-product-list{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:1100px){ #sss-vc-visual-catalog .sss-vc-layout{grid-template-columns:190px minmax(0,1fr);gap:16px} #sss-vc-visual-catalog .sss-vc-tiles,#sss-vc-visual-catalog .sss-vc-product-list{grid-template-columns:repeat(2,minmax(0,1fr))} #sss-vc-visual-catalog .sss-vc-product-img{height:210px;flex-basis:210px} } @media(max-width:780px){ #sss-vc-visual-catalog{padding:0 12px;margin:14px auto 36px} /* Su mobile le immagini e i prodotti precedono i menu di ricerca/settore. */ #sss-vc-visual-catalog .sss-vc-layout{display:flex;flex-direction:column;gap:18px} #sss-vc-visual-catalog .sss-vc-main{order:1;width:100%} #sss-vc-visual-catalog .sss-vc-sidebar{order:2;width:100%} #sss-vc-visual-catalog .sss-vc-sidebar-panel{position:static;max-height:none} #sss-vc-visual-catalog .sss-vc-sector-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px} #sss-vc-visual-catalog .sss-vc-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin} #sss-vc-visual-catalog .sss-vc-tab{flex:none} #sss-vc-visual-catalog .sss-vc-heading h1{font-size:27px} } @media(max-width:620px){ #sss-vc-visual-catalog .sss-vc-tiles,#sss-vc-visual-catalog .sss-vc-product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} #sss-vc-visual-catalog .sss-vc-image{height:167px;flex-basis:167px;padding:6px} #sss-vc-visual-catalog .sss-vc-tile-content{min-height:65px;padding:10px;gap:4px} #sss-vc-visual-catalog .sss-vc-tile-content strong{font-size:13px} #sss-vc-visual-catalog .sss-vc-product-img{height:181px;flex-basis:181px;padding:5px} #sss-vc-visual-catalog .sss-vc-product-details{padding:9px 9px 4px;gap:5px} #sss-vc-visual-catalog .sss-vc-product-name{font-size:13px} #sss-vc-visual-catalog .sss-vc-feature-row{gap:4px} #sss-vc-visual-catalog .sss-vc-swatches{gap:4px} #sss-vc-visual-catalog .sss-vc-color-dot{width:14px;height:14px;flex-basis:14px} #sss-vc-visual-catalog .sss-vc-spec{font-size:10px} #sss-vc-visual-catalog .sss-vc-grammage span{font-size:8px} #sss-vc-visual-catalog .sss-vc-grammage strong{font-size:10px} #sss-vc-visual-catalog .sss-vc-select{font-size:11px;margin:8px 7px 8px;min-height:39px;padding:7px 6px} #sss-vc-visual-catalog .sss-vc-sector-nav{grid-template-columns:1fr} } @media(max-width:375px){ #sss-vc-visual-catalog .sss-vc-image{height:148px;flex-basis:148px} #sss-vc-visual-catalog .sss-vc-product-img{height:158px;flex-basis:158px} #sss-vc-visual-catalog .sss-vc-more-colors{font-size:9px} } /* 046 — Nessun titolo di gruppo interrompe la griglia dei cappelli. */ /* Versione 045 — mostra l'ordinamento certo senza creare un nuovo menu. */ #sss-vc-visual-catalog .sss-vc-price-order{font-size:12px;color:#51627b;font-weight:600;letter-spacing:0;white-space:normal;} /* 052 — home e catalogo: stessa sidebar, proporzioni foto unificate. */ #sss-vc-visual-catalog .sss-vc-sidebar-panel{ background:transparent;border:0;border-radius:0;box-shadow:none;padding:0; max-height:none;overflow:visible;scrollbar-width:auto; } #sss-vc-visual-catalog .sss-vc-side-card{ background:#fff;border:1px solid #e1e7f1;border-radius:14px;padding:13px 11px;margin-bottom:10px; } #sss-vc-visual-catalog .sss-vc-side-card h2{ font-family:inherit;color:#152849;font-size:15px;line-height:1.3;font-weight:800;margin:0 0 11px; } #sss-vc-visual-catalog .sss-vc-search-card form{display:flex;align-items:center;gap:0;border:1px solid #dce4f1;border-radius:10px;overflow:hidden;margin:0;background:#fff} #sss-vc-visual-catalog .sss-vc-search-card input[type=search]{border:0;border-radius:0;width:100%;min-width:0;min-height:40px;padding:9px 10px;font-size:12px;color:#162442;background:#fff;box-shadow:none} #sss-vc-visual-catalog .sss-vc-search-card button{background:#fff;border:0;color:#115cbd;min-width:36px;min-height:40px;cursor:pointer;font-size:21px;font-weight:800} #sss-vc-visual-catalog .sss-vc-sector-nav a{padding:8px 7px;gap:5px;min-height:34px} #sss-vc-visual-catalog .sss-vc-sector-nav a .sss-vc-sector-label{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1} #sss-vc-visual-catalog .sss-vc-sector-nav a .sss-vc-sector-text{min-width:0;overflow-wrap:anywhere} #sss-vc-visual-catalog .sss-vc-sector-nav a small{flex:0 0 auto;white-space:nowrap;text-align:right} #sss-vc-visual-catalog .sss-vc-sector-nav a:nth-child(3n + 1) .sss-vc-sector-icon{color:#0879d9} #sss-vc-visual-catalog .sss-vc-sector-nav a:nth-child(3n + 2) .sss-vc-sector-icon{color:#ed2792} #sss-vc-visual-catalog .sss-vc-sector-nav a:nth-child(3n) .sss-vc-sector-icon{color:#e0bb00} #sss-vc-visual-catalog .sss-vc-sector-nav a.is-active .sss-vc-sector-icon,#sss-vc-visual-catalog .sss-vc-sector-nav a:hover .sss-vc-sector-icon{color:#fff} #sss-vc-visual-catalog .sss-vc-sector-nav a.sss-vc-sidebar-home{margin-bottom:5px} #sss-vc-visual-catalog .sss-vc-sidebar-panel{position:static;top:auto} /* Fotografare tutto il prodotto: mai tagliare per riempire il riquadro. */ #sss-vc-visual-catalog .sss-vc-image{ aspect-ratio:16/10;height:auto;flex:0 0 auto;min-height:190px;padding:0;background:#f7f9fc; } #sss-vc-visual-catalog .sss-vc-image img{ display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain!important;object-position:center!important; } #sss-vc-visual-catalog .sss-vc-product-img{ height:255px;flex-basis:255px;padding:5px;background:#fff; } #sss-vc-visual-catalog .sss-vc-product-img img{ width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important; } @media(max-width:1100px){ #sss-vc-visual-catalog .sss-vc-image{min-height:150px} #sss-vc-visual-catalog .sss-vc-product-img{height:235px;flex-basis:235px} } @media(max-width:780px){ #sss-vc-visual-catalog .sss-vc-sidebar-panel{position:static;max-height:none;overflow:visible} } @media(max-width:620px){ #sss-vc-visual-catalog .sss-vc-image{aspect-ratio:4/3;min-height:150px} #sss-vc-visual-catalog .sss-vc-product-img{height:190px;flex-basis:190px} } @media(max-width:375px){ #sss-vc-visual-catalog .sss-vc-image{min-height:138px} #sss-vc-visual-catalog .sss-vc-product-img{height:170px;flex-basis:170px} } /* WooCommerce legacy: photo packshots fully visible in grids outside visual catalog. */ .sss-home-catalog .woocommerce ul.products li.product img, .woocommerce.archive ul.products li.product img{ object-fit:contain!important;object-position:center!important; } /* 053 — 16 reparti e un solo modello per scheda. */ #sss-vc-visual-catalog .sss-vc-sector-placeholder{display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center;background:#f7f9ff;color:#315b9d;text-align:center;padding:25px 16px} #sss-vc-visual-catalog .sss-vc-sector-placeholder svg{width:60px;height:60px;stroke:#ed2792;stroke-width:1.6} #sss-vc-visual-catalog .sss-vc-sector-placeholder span{font-size:13px;font-weight:750;color:#415777} #sss-vc-visual-catalog .sss-vc-tile.is-preparing .sss-vc-tile-content small{color:#8a94a8} #sss-vc-visual-catalog .sss-vc-empty-info{padding:18px;border:1px solid #dde6f3;border-radius:12px;color:#526783;background:#fff} #sss-vc-visual-catalog .sss-vc-swatch-btn{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;border-radius:100%;cursor:pointer;flex:0 0 19px} #sss-vc-visual-catalog .sss-vc-swatch-btn .sss-vc-color-dot{width:16px;height:16px;flex:0 0 16px} #sss-vc-visual-catalog .sss-vc-swatch-btn:focus-visible{outline:2px solid #105cb8;outline-offset:2px} #sss-vc-visual-catalog .sss-vc-swatch-btn[aria-pressed=true] .sss-vc-color-dot{box-shadow:0 0 0 2px #fff,0 0 0 4px #102b86} #sss-vc-visual-catalog .sss-vc-model-family{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,1fr);gap:26px;align-items:start;background:#fff;padding:20px;border:1px solid #e1e9f4;border-radius:15px} #sss-vc-visual-catalog .sss-vc-model-photo{display:flex;justify-content:center;align-items:center;min-height:380px;background:#fff;border-radius:12px;overflow:hidden} #sss-vc-visual-catalog .sss-vc-model-photo img{width:100%;max-height:500px;object-fit:contain;object-position:center} #sss-vc-visual-catalog .sss-vc-model-info h2{font-size:18px;line-height:1.35;color:#16284e;margin:17px 0 12px} #sss-vc-visual-catalog .sss-vc-model-info p{font-size:13px;color:#596a84} #sss-vc-visual-catalog .sss-vc-model-info .sss-vc-swatches{padding:7px 0;gap:10px} #sss-vc-visual-catalog .sss-vc-size-chips,.sss-vc-model-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0} #sss-vc-visual-catalog .sss-vc-size-chip{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:10px 13px;border:1px solid #c7d7ef;border-radius:9px;background:#fff;color:#163b85;font-weight:700;font-size:12px} #sss-vc-visual-catalog .sss-vc-size-chip:hover{border-color:#1241a5;background:#edf4ff} @media(max-width:780px){#sss-vc-visual-catalog .sss-vc-model-family{grid-template-columns:1fr}#sss-vc-visual-catalog .sss-vc-model-photo{min-height:250px}} /* 054 — SOLO homepage, immagini settori approvate: fotografia completa con margine interno. Tutte le 16 copertine hanno lo stesso rapporto 3:2; testo/font/colonna/griglia invariati. */ #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-tiles{gap:17px} #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-tile{background:#fff;border-radius:15px} #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-image{ display:block;aspect-ratio:auto;height:auto;min-height:0;flex:0 0 auto; padding:13px 13px 0!important;overflow:visible;border-bottom:0;background:transparent; } #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-image img{ display:block;width:100%;height:auto;max-width:100%;max-height:none; aspect-ratio:3/2;object-fit:contain!important;object-position:center; background:#f7f9fc;border-radius:9px; } #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-tile-content{ padding:12px 14px 15px;min-height:70px; } @media(max-width:620px){ #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-tiles{gap:11px} #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-image{padding:8px 8px 0!important;min-height:0} #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-tile-content{padding:9px 10px 11px;min-height:58px} } /* 055 — STILE 054 ANCHE NEL CATALOGO INTERNO, SENZA TOCCARE I CONFIGURATORI. Tutti i livelli: 16 reparti, tipologie e modelli; margini e immagini coerenti. Attivo solo durante l'anteprima amministratore o dopo l'approvazione. */ #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-tiles{gap:17px;align-items:stretch} #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-tile{ min-width:0;background:#fff;border-radius:15px;overflow:hidden; display:flex;flex-direction:column; } #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-image{ display:flex;align-items:center;justify-content:center; width:100%;height:auto;min-height:0;flex:0 0 auto; padding:13px 13px 0!important; aspect-ratio:auto;background:transparent;border-bottom:0;overflow:visible; } #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-image img{ display:block;width:100%;height:auto;max-height:none;max-width:100%; aspect-ratio:3/2;object-fit:contain!important;object-position:center!important; border-radius:9px;background:#f7f9fc; } #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-tile-content{ display:flex;flex-direction:column;align-items:flex-start; flex:1 1 auto;gap:5px;min-height:70px;padding:12px 14px 15px; } /* Anche foto rappresentative delle tipologie senza immagine: niente box sformati. */ #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-sector-placeholder{ min-height:0;aspect-ratio:3/2;padding:18px 10px; background:#f7f9ff;overflow:hidden; } #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-list{gap:17px} #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product{ border-radius:15px;overflow:hidden;min-width:0; } #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-img{ display:flex;align-items:center;justify-content:center;width:100%; height:255px;flex:0 0 255px;padding:13px 13px 0!important; overflow:hidden;background:#fff;border-bottom:0; } #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-img img{ width:100%;height:100%;max-width:100%;max-height:100%; display:block;object-fit:contain!important;object-position:center!important; border-radius:9px;background:#f7f9fc; } #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-details{ padding:12px 13px 5px; } /* Eventuale riepilogo visivo del modello unico. */ #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-model-photo{padding:13px;box-sizing:border-box} #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-model-photo img{ display:block;max-width:100%;max-height:100%;height:auto;object-fit:contain!important; object-position:center!important; } /* Fino a 1360px conserva la disposizione esistente a 3 colonne. */ @media(min-width:1101px) and (max-width:1360px){ #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-img{height:238px;flex-basis:238px} } /* Tablet: due colonne, card con immagini intere e aria adeguata. */ @media(max-width:1100px){ #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-tiles, #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-list{gap:14px} #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-image{padding:11px 11px 0!important} #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-img{ height:230px;flex-basis:230px;padding:11px 11px 0!important; } } @media(max-width:780px){ /* La scheda prodotto e la selezione visiva precedono i filtri e la sidebar. */ #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-layout{display:flex;flex-direction:column;gap:14px} #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-main{order:1;min-width:0;width:100%} #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-sidebar{order:2;min-width:0;width:100%} #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-image{padding:10px 10px 0!important} } /* Smartphone: due card ordinate per riga, senza crop. */ @media(max-width:620px){ #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-tiles, #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-list{gap:10px} #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-image{ padding:8px 8px 0!important;min-height:0; } #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-tile-content{ padding:9px 10px 11px;min-height:58px;gap:4px; } #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-img{ height:182px;flex-basis:182px;padding:8px 8px 0!important; } #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-details{padding:9px 9px 4px} } @media(max-width:375px){ #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-image{padding:7px 7px 0!important} #sss-vc-visual-catalog.sss-vc-inner-055 .sss-vc-product-img{ height:160px;flex-basis:160px;padding:6px 6px 0!important; } } /* 055 — solo responsive della homepage 054 approvata. Niente modifiche desktop. */ @media(min-width:621px) and (max-width:1100px){ #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-image{padding:11px 11px 0!important} #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-tiles{gap:14px} } @media(max-width:375px){ #sss-vc-visual-catalog.sss-vc-home-covers-054 .sss-vc-image{padding:7px 7px 0!important} } /* 056 — CORREZIONE DELLE PAGINE INTERNE CON PUNTI DI AGGANCIO REALI. Non alterare hero, home e le 16 foto già approvate. Le immagini originali non vengono tagliate: contain, centratura e proporzioni. Prevale sul vecchio 055 anche se erano rimaste altezze in px. */ #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-tiles, #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-product-list{ gap:16px;align-items:stretch; } #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-tile, #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-product{ min-width:0;background:#fff;overflow:hidden;border-radius:15px; } /* Shop generale: 16 copertine fotografiche 3:2, come nella home. */ #sss-vc-visual-catalog.sss-vc-level-settori-056 .sss-vc-image{ display:block!important;aspect-ratio:auto!important;height:auto!important; min-height:0!important;flex:0 0 auto!important; padding:13px 13px 0!important;overflow:hidden!important; background:transparent!important;border-bottom:0!important; } #sss-vc-visual-catalog.sss-vc-level-settori-056 .sss-vc-image img{ display:block!important;width:100%!important;height:auto!important; max-height:none!important;max-width:100%!important; aspect-ratio:3/2!important;object-fit:contain!important; object-position:center!important;background:#f7f9fc;border-radius:9px; } /* Tipologie: le foto verticali Payper hanno un'area più alta, non vengono inserite dentro un ritaglio orizzontale. */ #sss-vc-visual-catalog.sss-vc-level-tipologie-056 .sss-vc-image{ display:flex!important;align-items:center;justify-content:center; height:278px!important;flex:0 0 278px!important;min-height:0!important; aspect-ratio:auto!important;padding:13px 13px 0!important; overflow:hidden!important;background:#fff!important;border-bottom:0!important; } #sss-vc-visual-catalog.sss-vc-level-tipologie-056 .sss-vc-image img{ display:block!important;width:100%!important;height:100%!important; max-width:100%!important;max-height:100%!important; aspect-ratio:auto!important;object-fit:contain!important; object-position:center!important;background:#f7f9fc;border-radius:9px; } /* Singoli modelli: più spazio al prodotto. Le schede WooCommerce e i configuratori restano assolutamente invariati. */ #sss-vc-visual-catalog.sss-vc-level-modelli-056 .sss-vc-product-img{ width:100%!important;height:285px!important;flex:0 0 285px!important; padding:12px 12px 0!important;overflow:hidden!important; display:flex;align-items:center;justify-content:center;background:#fff; } #sss-vc-visual-catalog.sss-vc-level-modelli-056 .sss-vc-product-img img{ display:block!important;width:100%!important;height:100%!important; max-width:100%!important;max-height:100%!important; object-fit:contain!important;object-position:center!important; border-radius:9px;background:#f7f9fc; } #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-tile-content{ padding:12px 14px 15px;min-height:74px; } @media(min-width:781px) and (max-width:1100px){ #sss-vc-visual-catalog.sss-vc-level-tipologie-056 .sss-vc-image{ height:254px!important;flex-basis:254px!important; } #sss-vc-visual-catalog.sss-vc-level-modelli-056 .sss-vc-product-img{ height:250px!important;flex-basis:250px!important; } } @media(max-width:780px){ /* Le card precedono sempre la colonna sinistra su mobile. */ #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-layout{ display:flex!important;flex-direction:column;gap:14px; } #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-main{order:1;min-width:0;width:100%} #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-sidebar{order:2;min-width:0;width:100%} } @media(max-width:620px){ #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-tiles, #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-product-list{ grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; } #sss-vc-visual-catalog.sss-vc-level-settori-056 .sss-vc-image{ padding:8px 8px 0!important; } #sss-vc-visual-catalog.sss-vc-level-tipologie-056 .sss-vc-image{ height:188px!important;flex-basis:188px!important;padding:8px 8px 0!important; } #sss-vc-visual-catalog.sss-vc-level-modelli-056 .sss-vc-product-img{ height:190px!important;flex-basis:190px!important;padding:8px 8px 0!important; } #sss-vc-visual-catalog.sss-vc-inner-056 .sss-vc-tile-content{ padding:9px 10px 11px;min-height:68px; } } @media(max-width:390px){ #sss-vc-visual-catalog.sss-vc-level-tipologie-056 .sss-vc-image{ height:163px!important;flex-basis:163px!important; } #sss-vc-visual-catalog.sss-vc-level-modelli-056 .sss-vc-product-img{ height:166px!important;flex-basis:166px!important; } } /* 057 — Ripristino tondi veri: le regole di temi e builder non possono stirare i pallini. Si applicano solo alle card modelli Catalogo visuale. */ #sss-vc-visual-catalog .sss-vc-product .sss-vc-swatches, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatches{ display:flex!important;flex-direction:row!important;align-items:center!important; flex-wrap:wrap!important;gap:6px!important; } #sss-vc-visual-catalog .sss-vc-product .sss-vc-swatch-btn, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatch-btn{ display:inline-flex!important;align-items:center!important;justify-content:center!important; width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important; max-width:20px!important;max-height:20px!important;flex:0 0 20px!important; aspect-ratio:1/1!important;border-radius:50%!important; padding:0!important;margin:0!important;line-height:1!important; background:transparent!important;border:0!important;box-shadow:none!important; } #sss-vc-visual-catalog .sss-vc-product .sss-vc-color-dot, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-color-dot{ display:block!important;box-sizing:border-box!important; width:16px!important;height:16px!important; min-width:16px!important;min-height:16px!important; max-width:16px!important;max-height:16px!important; flex:0 0 16px!important;aspect-ratio:1 / 1!important; border-radius:50%!important;overflow:hidden!important;transform:none!important; } #sss-vc-visual-catalog .sss-vc-swatch-btn[aria-pressed="true"] .sss-vc-color-dot{ outline:2px solid #102d83!important;outline-offset:2px!important; } @media(max-width:620px){ #sss-vc-visual-catalog .sss-vc-product .sss-vc-swatch-btn, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatch-btn{ width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important; max-width:18px!important;max-height:18px!important;flex:0 0 18px!important; } #sss-vc-visual-catalog .sss-vc-product .sss-vc-color-dot, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-color-dot{ width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important; max-width:14px!important;max-height:14px!important;flex:0 0 14px!important; } } /* 057 — Vista opzionale più piena per settori con poche tipologie. SOLO con sss_vc_lively=1 nell'anteprima amministratore. Il layout pubblico approvato rimane invariato. */ #sss-vc-visual-catalog.sss-vc-lively-preview-057 .sss-vc-tiles.sss-vc-few-count-1{ grid-template-columns:minmax(0, min(100%, 630px))!important; } #sss-vc-visual-catalog.sss-vc-lively-preview-057 .sss-vc-tiles.sss-vc-few-count-2{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #sss-vc-visual-catalog.sss-vc-lively-preview-057 .sss-vc-tiles.sss-vc-few-count-3{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } #sss-vc-visual-catalog.sss-vc-lively-preview-057 .sss-vc-tiles .sss-vc-tile{ border:1px solid #dde7f5!important;border-radius:16px!important; box-shadow:0 2px 9px rgba(20,45,90,.035); } #sss-vc-visual-catalog.sss-vc-lively-preview-057 .sss-vc-image{ background:linear-gradient(125deg,#f5faff,#fff 65%,#fff5fc)!important; } #sss-vc-visual-catalog.sss-vc-lively-preview-057 .sss-vc-tile-content{ border-top:3px solid transparent; border-image:linear-gradient(90deg,#0879d9 0 33%,#ed2792 33% 66%,#e8c500 66%) 1; } @media(max-width:620px){ #sss-vc-visual-catalog.sss-vc-lively-preview-057 .sss-vc-tiles.sss-vc-few-count-2, #sss-vc-visual-catalog.sss-vc-lively-preview-057 .sss-vc-tiles.sss-vc-few-count-3{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } /* 058 - Soltanto la griglia MODELLI: niente fasce grigie nelle immagini. Non modificare copertine settori, categorie, homepage o configuratori. */ #sss-vc-visual-catalog.sss-vc-level-modelli-056 .sss-vc-product .sss-vc-product-img, #sss-vc-visual-catalog.sss-vc-level-modelli-056 .sss-vc-product .sss-vc-product-img img{ background:#ffffff!important; background-color:#ffffff!important; background-image:none!important; box-shadow:none!important; } #sss-vc-visual-catalog.sss-vc-level-modelli-056 .sss-vc-product .sss-vc-product-img:before, #sss-vc-visual-catalog.sss-vc-level-modelli-056 .sss-vc-product .sss-vc-product-img:after{ content:none!important; display:none!important; } /* Cerchio geometrico reale: preserva colori e interazioni WooCommerce. */ #sss-vc-visual-catalog .sss-vc-product .sss-vc-round-swatch, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-round-swatch{ display:block!important; width:16px!important; height:16px!important; min-width:16px!important; min-height:16px!important; max-width:16px!important; max-height:16px!important; flex:0 0 16px!important; padding:0!important; margin:0!important; transform:none!important; overflow:visible!important; border:0!important; background:transparent!important; aspect-ratio:1/1!important; vertical-align:middle!important; } #sss-vc-visual-catalog .sss-vc-swatch-btn[aria-pressed=true] .sss-vc-round-swatch{ outline:2px solid #102d83!important; outline-offset:2px!important; border-radius:50%!important; } @media(max-width:620px){ #sss-vc-visual-catalog .sss-vc-product .sss-vc-round-swatch, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-round-swatch{ width:14px!important;height:14px!important; min-width:14px!important;min-height:14px!important; max-width:14px!important;max-height:14px!important; flex-basis:14px!important; } } /* 059 — Pallini tondi SVG + vecchio span: solo catalogo, non configuratori. */ #sss-vc-visual-catalog .sss-vc-product .sss-vc-swatch-btn, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatch-btn{ display:inline-flex!important;align-items:center!important;justify-content:center!important; width:20px!important;height:20px!important; min-width:20px!important;min-height:20px!important; max-width:20px!important;max-height:20px!important; flex:0 0 20px!important;aspect-ratio:1/1!important; padding:0!important;margin:0!important;box-sizing:border-box!important; line-height:1!important;border-radius:50%!important;transform:none!important; } #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-round-swatch, #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-color-dot{ display:block!important;width:16px!important;height:16px!important; min-width:16px!important;min-height:16px!important; max-width:16px!important;max-height:16px!important; flex:0 0 16px!important;aspect-ratio:1/1!important; padding:0!important;margin:0!important; box-sizing:border-box!important;border-radius:50%!important;transform:none!important; } @media(max-width:620px){ #sss-vc-visual-catalog .sss-vc-product .sss-vc-swatch-btn, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatch-btn{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex-basis:18px!important} #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-round-swatch, #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-color-dot{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;flex-basis:14px!important} } /* 060 — Un solo comportamento per TUTTE le schede prodotti del catalogo. Pallini visivi da 18px, distanza 2px; vecchio span e nuovo SVG supportati. Non modificare configuratori, prezzi, card, immagini o carrello. */ #sss-vc-visual-catalog .sss-vc-swatches, #sss-vc-visual-catalog .sss-vc-product .sss-vc-swatches, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatches, #sss-vc-visual-catalog .sss-vc-model-info .sss-vc-swatches { display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; justify-content:flex-start!important; align-items:center!important; align-content:flex-start!important; gap:2px!important; column-gap:2px!important; row-gap:2px!important; padding:0!important; margin:0!important; } #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn, #sss-vc-visual-catalog .sss-vc-product .sss-vc-swatches .sss-vc-swatch-btn, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatches .sss-vc-swatch-btn { appearance:none!important; -webkit-appearance:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 18px!important; width:18px!important; height:18px!important; min-width:18px!important; max-width:18px!important; min-height:18px!important; max-height:18px!important; aspect-ratio:1 / 1!important; box-sizing:border-box!important; line-height:0!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; background:transparent!important; box-shadow:none!important; transform:none!important; overflow:visible!important; } #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn > .sss-vc-round-swatch, #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn > .sss-vc-color-dot, #sss-vc-visual-catalog .sss-vc-swatches > .sss-vc-round-swatch, #sss-vc-visual-catalog .sss-vc-swatches > .sss-vc-color-dot { display:block!important; box-sizing:border-box!important; flex:0 0 18px!important; width:18px!important; height:18px!important; min-width:18px!important; max-width:18px!important; min-height:18px!important; max-height:18px!important; aspect-ratio:1 / 1!important; border-radius:50%!important; padding:0!important; margin:0!important; transform:none!important; vertical-align:middle!important; overflow:visible!important; } #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-more-colors { display:inline-flex!important; align-items:center!important; flex:0 0 auto!important; width:auto!important; height:18px!important; padding:0 1px!important; margin:0!important; font-size:10px!important; line-height:18px!important; white-space:nowrap!important; } #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn[aria-pressed="true"] > .sss-vc-round-swatch, #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn[aria-pressed="true"] > .sss-vc-color-dot { outline:2px solid #102d83!important; outline-offset:1px!important; } @media(max-width:620px){ /* Anche su smartphone stessi colori ravvicinati e pienamente circolari. */ #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn, #sss-vc-visual-catalog .sss-vc-product .sss-vc-swatches .sss-vc-swatch-btn, #sss-vc-visual-catalog .sss-vc-model-family .sss-vc-swatches .sss-vc-swatch-btn { flex-basis:17px!important;width:17px!important;height:17px!important; min-width:17px!important;max-width:17px!important; min-height:17px!important;max-height:17px!important; } #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn > .sss-vc-round-swatch, #sss-vc-visual-catalog .sss-vc-swatches .sss-vc-swatch-btn > .sss-vc-color-dot, #sss-vc-visual-catalog .sss-vc-swatches > .sss-vc-round-swatch, #sss-vc-visual-catalog .sss-vc-swatches > .sss-vc-color-dot { flex-basis:17px!important;width:17px!important;height:17px!important; min-width:17px!important;max-width:17px!important; min-height:17px!important;max-height:17px!important; } }