:root{--blue:#184fbd;--blue2:#0b2f73;--ink:#17233b;--muted:#687386;--line:#dfe5ec;--soft:#f4f8ff;--red:#b1202f}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topline{padding:8px 15px;text-align:center;background:#0c2f70;color:#dfeaff;font-size:11px;letter-spacing:1.2px;font-weight:700}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:82px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:900;color:var(--blue2)}.brand img{width:68px;height:58px;object-fit:contain}.brand span{font-size:19px}.main-nav{display:flex;gap:18px;margin-left:auto}.main-nav a,.account-links a{text-decoration:none;font-size:14px;font-weight:700}.account-links{display:flex;gap:8px}.account-links a{padding:8px 10px;border-radius:7px;background:#f4f7fb}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#071c47,#1555b8);color:#fff}.slide{display:none;min-height:510px;padding:88px 0;align-items:center}.slide.active{display:flex}.hero-copy{max-width:740px}.eyebrow{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;letter-spacing:1.3px;font-weight:900}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:18px 0}.hero p{font-size:19px;line-height:1.6;color:#dbe8ff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:7px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{border-color:#aeb9ca;background:#fff;color:#27374f}.hero .btn{background:#fff;color:var(--blue2);margin-top:12px}.hero-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.hero-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);border:0}.hero-dot.active{background:#fff}.section{padding:72px 0}.section.soft{background:var(--soft)}.section-head{text-align:center;max-width:780px;margin:0 auto 38px}.section-label{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.section h2{font-size:clamp(30px,4vw,46px);margin:10px 0;color:var(--blue2)}.section-head p,.lead{color:var(--muted);font-size:17px;line-height:1.7}.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 8px 24px rgba(19,41,78,.05)}.card h3{color:var(--blue2)}.icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-weight:900}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{border:1px solid var(--line);border-radius:13px;padding:18px;background:#fff;display:flex;flex-direction:column;min-height:270px}.product .category{color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase}.product h3{font-size:16px;line-height:1.4}.product .availability{font-size:12px;color:var(--muted);margin-top:auto}.price{font-size:22px;font-weight:900;color:var(--blue2);margin:12px 0}.locked{padding:10px;border-radius:8px;background:#f4f7fb;color:#687386;font-size:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filters a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:13px}.filters a.active{background:var(--blue);color:#fff}.form-box{max-width:760px;margin:40px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}label{font-weight:800;font-size:14px}input,select,textarea{width:100%;padding:12px;border:1px solid #bcc7d6;border-radius:8px;margin-top:6px;font:inherit}textarea{min-height:110px}.notice{padding:13px 15px;border-radius:9px;margin:15px 0}.notice.error{background:#fff0f1;color:#8a1f2b}.notice.success{background:#eaf8ef;color:#176b3a}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}table{border-collapse:collapse;width:100%}th,td{padding:12px;border-bottom:1px solid #edf1f5;text-align:left}th{font-size:11px;text-transform:uppercase;color:#607089;background:#f9fbfd}.qty{width:80px}.adminbar{background:#102f55;color:#fff;padding:12px}.adminbar a{color:#fff;margin-right:15px}.admin-wrap{width:min(1180px,calc(100% - 30px));margin:30px auto}.site-footer{background:#071d46;color:#d9e5f7;padding:48px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.site-footer h3{color:#fff}.site-footer a{display:block;text-decoration:none;margin:9px 0}.footer-logo{width:130px;background:#fff;border-radius:8px;padding:8px}.footer-bottom{max-width:1180px;margin:30px auto 0;padding:18px 15px 0;border-top:1px solid rgba(255,255,255,.14);text-align:center;font-size:12px;color:#9eb0cc}@media(max-width:900px){.main-nav,.account-links{display:none}.menu-toggle{display:block;margin-left:auto}.site-header.open .main-nav,.site-header.open .account-links{display:flex;position:absolute;left:0;right:0;background:#fff;padding:18px;flex-direction:column}.site-header.open .main-nav{top:82px}.site-header.open .account-links{top:260px}.cards{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.catalog-grid,.grid2,.footer-grid{grid-template-columns:1fr}.full{grid-column:auto}.hero h1{font-size:42px}.slide{padding:58px 0;min-height:470px}}

/* SUPERMUSICA V2 - catalogo visuale e prezzi pubblici */

:root{--gold:#c9942b;--navy:#061a35;--navy2:#0b284d}

.brand img{width:104px;height:76px}.brand span{font-size:24px}.header-inner{min-height:94px}.hero-sg{background:#07182e}.hero-sg a,.hero-sg img{display:block;width:100%}.hero-sg img{max-height:650px;object-fit:cover;object-position:center}.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:20px;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;border-right:1px solid var(--line)}.trust-grid>div:last-child{border-right:0}.trust-grid b{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff5df;color:#9b6914}.trust-grid strong{font-size:13px}.trust-grid span{font-size:12px;color:var(--muted)}

.catalog-hero{padding:55px 0;background:linear-gradient(135deg,var(--navy),#123b6c);color:#fff}.catalog-hero span{color:#e5b654;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;font-size:12px}.catalog-hero h1{font-size:52px;margin:9px 0}.catalog-hero p{max-width:760px;color:#d9e5f2;font-size:18px}.catalog-search{display:flex;gap:10px;max-width:720px;margin:0 auto 34px}.catalog-search input{margin:0}.btn.gold{background:linear-gradient(180deg,#dfa934,#bd8318);color:#111;border-color:#b47a12}.btn.outline{border-color:#c6ceda;background:#fff;color:#24344e}

.category-visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 38px}.category-visual{min-height:170px;position:relative;overflow:hidden;border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(4,20,40,.05),rgba(4,20,40,.92)),var(--cat-img),linear-gradient(135deg,#173d6d,#07182e);background-size:cover;background-position:center;box-shadow:0 10px 28px rgba(8,31,58,.16)}.category-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,13,26,.8),transparent 70%)}.category-visual span,.category-visual small{position:relative;z-index:1}.category-visual span{font-size:21px;font-weight:900}.category-visual small{margin-top:6px;color:#e9c16a;font-weight:800}.category-visual.active{outline:3px solid var(--gold)}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.catalog-toolbar a{color:var(--blue);font-weight:800}

.product-rich{padding:0;overflow:hidden;min-height:0}.product-image{height:245px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #edf0f4;padding:14px}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.product:hover .product-image img{transform:scale(1.035)}.product-body{padding:17px;display:flex;flex-direction:column;flex:1}.product-body h3 a{text-decoration:none}.product-body .availability{margin-top:0}.availability.ok{color:#278447;font-weight:800}.price-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#7a8494;font-weight:900;margin-top:12px}.public-price{color:#c51f2e;font-size:24px;margin:3px 0 12px}.dealer-price{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;margin:0 0 12px;border-radius:9px;background:#edf4ff;color:#153f7a}.dealer-price span{font-size:11px;font-weight:800;text-transform:uppercase}.dealer-price strong{font-size:18px}.dealer-price.pending{background:#fff7e8;color:#8a5e0d}.dealer-price.large{font-size:20px;margin:18px 0}.product-body .btn{margin-top:8px}.image-missing{color:#929bab;font-weight:800}

.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:start}.detail-main-image{height:560px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;padding:24px}.detail-main-image img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto}.thumbs button{width:92px;height:78px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px;cursor:pointer}.thumbs img{width:100%;height:100%;object-fit:contain}.detail-copy h1{font-size:clamp(30px,4vw,48px);line-height:1.12;color:var(--navy);margin:12px 0}.detail-brand{color:var(--muted)}.detail-price{font-size:42px;font-weight:900;color:#c51f2e;margin:4px 0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.detail-note{font-size:13px;color:var(--muted);margin-top:24px}.center-action{text-align:center;margin-top:30px}

.dark-panels{padding:45px 0;background:linear-gradient(135deg,#041429,#0a2b51);color:#fff}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel-grid article{padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.04)}.panel-grid article>span:first-child{color:#e4ad3c;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:1.2px}.panel-grid h3{font-size:25px;margin:7px 0}.panel-grid p{color:#c4d1df;line-height:1.6}.coming{display:inline-block;background:#b71928;color:#fff!important;border-radius:999px;padding:6px 10px;font-size:10px!important}

@media(max-width:900px){.trust-grid,.category-visual-grid,.panel-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-main-image{height:430px}.brand img{width:88px;height:64px}.header-inner{min-height:80px}}

@media(max-width:580px){.trust-grid,.category-visual-grid,.panel-grid{grid-template-columns:1fr}.catalog-search{flex-direction:column}.hero-sg img{min-height:260px;object-fit:cover}.detail-main-image{height:330px}.catalog-hero h1{font-size:40px}}

@media print{.topline,.site-header,.site-footer,.detail-actions,.thumbs,.cookie-banner{display:none!important}.section{padding:10px 0}.detail-grid{grid-template-columns:1fr 1fr;gap:25px}.detail-main-image{height:420px;border:0}.dealer-price.pending{display:none}}

.story-hero{padding:70px 0;background:linear-gradient(135deg,#f7f2e8,#fff)}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.story-grid h1{font-size:clamp(38px,5vw,64px);line-height:1.05;color:var(--navy);margin:14px 0}.story-grid p{font-size:18px;line-height:1.75;color:#596679}.story-grid img{width:100%;border-radius:18px;box-shadow:0 22px 55px rgba(5,26,53,.18)}.dealer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dealer-card{border:1px solid var(--line);border-radius:15px;padding:28px;box-shadow:0 10px 30px rgba(17,43,78,.07)}.dealer-card>span{color:#a7771d;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:1px}.dealer-card h2{font-size:27px}.dealer-card p{color:var(--muted);line-height:1.65}.video-coming{min-height:620px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 30%,#163f70,#041326 70%);color:#fff}.video-coming .container{max-width:760px}.video-coming h1{font-size:70px;margin:10px 0;color:#e7b44c}.video-coming p{font-size:19px;line-height:1.7;color:#d0dceb}.play-mark{width:110px;height:80px;border:3px solid rgba(255,255,255,.6);border-radius:20px;display:grid;place-items:center;margin:0 auto 24px;font-size:35px}.catalog-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.catalog-buttons .btn{font-size:12px;padding:10px 12px}@media(max-width:900px){.story-grid,.dealer-grid{grid-template-columns:1fr}}



/* HOME V3: banner IIS-safe + categorie dedicate */

.hero-sg{width:100%;overflow:hidden;background:#07182e}

.hero-sg a{display:block;width:100%}

.hero-sg img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;background:#07182e}

.dedicated-cats{grid-template-columns:repeat(4,minmax(0,1fr))}

.dedicated-cats .category-visual{min-height:220px;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.08)}

.dedicated-cats .category-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(224,177,79,.28);border-radius:14px;pointer-events:none}

@media(max-width:900px){.dedicated-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-sg img{min-height:0}}

@media(max-width:580px){.dedicated-cats{grid-template-columns:1fr}.dedicated-cats .category-visual{min-height:190px}}



/* Banner SG responsive: desktop orizzontale / smartphone verticale */

.hero-sg picture{display:block;width:100%}

.hero-sg picture img{display:block;width:100%;height:auto}

@media(max-width:580px){

  .hero-sg{background:#f5f5f5}

  .hero-sg a,.hero-sg picture{width:100%}

  .hero-sg picture img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center top;background:#f5f5f5}

}





/* V5 — logo Supermusica header più grande */

header .logo img,

.site-header .logo img,

.header .logo img,

.brand img,

.site-branding img,

.header-brand img {

    width: auto !important;

    height: 92px !important;

    max-height: 92px !important;

    max-width: 390px !important;

    object-fit: contain !important;

}



@media (max-width: 768px) {

    header .logo img,

    .site-header .logo img,

    .header .logo img,

    .brand img,

    .site-branding img,

    .header-brand img {

        height: 68px !important;

        max-height: 68px !important;

        max-width: 285px !important;

    }

}





/* V6 — header compatto: logo originale grande, Home subito accanto */

.brand{flex:0 0 auto;gap:0;margin:0 8px 0 0}

.brand span{display:none!important}

.main-nav{margin-left:0!important;gap:16px}

.account-links{margin-left:auto}

.brand img{height:106px!important;max-height:106px!important;width:auto!important;max-width:430px!important}

.header-inner{min-height:112px!important;gap:12px!important}

@media(max-width:900px){

  .brand img{height:76px!important;max-height:76px!important;max-width:310px!important}

  .header-inner{min-height:84px!important}

  .menu-toggle{margin-left:auto}

}





/* V7 — distributore ufficiale SG accanto al logo */

.official-sg{

    display:inline-flex;

    align-items:center;

    margin-left:14px;

    font-size:15px;

    line-height:1.15;

    font-weight:700;

    letter-spacing:.035em;

    white-space:nowrap;

    color:#555;

}

@media (max-width:768px){

    .official-sg{

        margin-left:8px;

        font-size:11px;

        letter-spacing:.02em;

    }

}





/* V8 — dicitura SG più vicina al logo e più elegante */

.official-sg{

    margin-left:4px !important;

    padding-left:0 !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size:17px !important;

    line-height:1.05 !important;

    font-weight:500 !important;

    font-style:normal !important;

    letter-spacing:.025em !important;

    color:#163d91 !important;

}

@media (max-width:768px){

    .official-sg{

        margin-left:2px !important;

        font-size:12px !important;

        letter-spacing:.015em !important;

    }

}

\n\n/* V9 — header corretto: logo grande e dicitura SG attaccata */

.brand-group{

    display:flex !important;

    align-items:center !important;

    flex:0 0 auto !important;

    gap:0 !important;

    margin:0 4px 0 0 !important;

}

.brand{

    margin:0 !important;

    padding:0 !important;

    flex:0 0 auto !important;

}

.brand img{

    height:150px !important;

    max-height:150px !important;

    width:auto !important;

    max-width:none !important;

    display:block !important;

}

.official-sg{

    margin:0 0 0 -7px !important;

    padding:0 !important;

    transform:translateY(-2px) !important;

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:20px !important;

    line-height:1.05 !important;

    font-weight:500 !important;

    letter-spacing:.025em !important;

    color:#163d91 !important;

    white-space:nowrap !important;

}

.header-inner{

    min-height:158px !important;

    gap:10px !important;

}

.main-nav{

    margin-left:6px !important;

}

@media(max-width:900px){

    .brand img{

        height:96px !important;

        max-height:96px !important;

    }

    .official-sg{

        margin-left:-5px !important;

        font-size:13px !important;

    }

    .header-inner{

        min-height:104px !important;

    }

}

@media(max-width:580px){

    .brand img{

        height:82px !important;

        max-height:82px !important;

    }

    .official-sg{

        font-size:11px !important;

        margin-left:-4px !important;

    }

    .brand-group{gap:0 !important}

    .header-inner{min-height:90px !important}

}



/* V10 — home utile e navigabile */

.trust-grid>a{padding:20px;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;border-right:1px solid var(--line);text-decoration:none;transition:.18s ease}

.trust-grid>a:last-child{border-right:0}.trust-grid>a:hover{background:#f7f9fc;transform:translateY(-1px)}

.trust-grid>a b{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff5df;color:#9b6914}

.trust-grid>a strong{font-size:13px}.trust-grid>a span{font-size:12px;color:var(--muted)}

.home-cats{grid-template-columns:repeat(5,1fr)}

.home-cats .category-visual{min-height:210px}

@media(max-width:1050px){.home-cats{grid-template-columns:repeat(3,1fr)}}

@media(max-width:700px){.home-cats{grid-template-columns:repeat(2,1fr)}}

@media(max-width:430px){.home-cats{grid-template-columns:1fr}}



/* V11 — banner SG mobile: usa sempre la foto verticale fornita */

.hero-sg .hero-sg-desktop{display:block;width:100%;height:auto}

.hero-sg .hero-sg-mobile{display:none;width:100%;height:auto}

@media(max-width:768px){

  .hero-sg .hero-sg-desktop{display:none!important}

  .hero-sg .hero-sg-mobile{

    display:block!important;

    width:100%!important;

    height:auto!important;

    min-height:0!important;

    max-height:none!important;

    object-fit:contain!important;

    object-position:center top!important;

  }

}



/* V12 — header mobile: logo Supermusica centrato, grande, dicitura SG sotto */

@media(max-width:900px){

  .header-inner{

    position:relative!important;

    min-height:132px!important;

    justify-content:center!important;

    padding:8px 54px!important;

  }

  .brand-group{

    display:flex!important;

    flex-direction:column!important;

    align-items:center!important;

    justify-content:center!important;

    gap:1px!important;

    margin:0 auto!important;

    text-align:center!important;

  }

  .brand{

    display:flex!important;

    justify-content:center!important;

    margin:0!important;

  }

  .brand img{

    width:auto!important;

    height:94px!important;

    max-height:94px!important;

    max-width:240px!important;

    object-fit:contain!important;

  }

  .official-sg{

    display:block!important;

    margin:0!important;

    padding:0!important;

    font-family:Georgia,"Times New Roman",serif!important;

    font-size:13px!important;

    line-height:1.05!important;

    font-weight:600!important;

    letter-spacing:.04em!important;

    color:#163d91!important;

    white-space:nowrap!important;

  }

  .menu-toggle{

    display:block!important;

    position:absolute!important;

    right:14px!important;

    top:50%!important;

    transform:translateY(-50%)!important;

    margin:0!important;

  }

  .site-header.open .main-nav{top:132px!important}

  .site-header.open .account-links{top:310px!important}

}





/* V15 — revisione visuale dalla homepage reale */

.site-header{position:relative!important;top:auto!important;box-shadow:0 2px 12px rgba(7,29,70,.06)}

.header-inner{min-height:112px!important;gap:20px!important;padding:8px 0!important}

.brand-group{display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important}

.brand img{width:auto!important;height:96px!important;max-height:96px!important;max-width:205px!important;object-fit:contain!important}

.official-sg{margin-left:0!important;padding-left:0!important;font-family:Georgia,"Times New Roman",serif!important;font-size:15px!important;font-weight:600!important;line-height:1.1!important;letter-spacing:.035em!important;color:#163d91!important;white-space:nowrap!important}

.main-nav{margin-left:18px!important;gap:20px!important;align-items:center!important;flex:1 1 auto!important}

.main-nav a{font-size:14px!important;white-space:nowrap!important}

.account-links{margin-left:auto!important;flex:0 0 auto!important}



.trust-strip{box-shadow:0 6px 20px rgba(11,47,115,.04)}

.trust-grid>a{min-height:88px!important;padding:16px 18px!important}

.trust-grid>a strong{font-size:14px!important}.trust-grid>a span{font-size:12px!important;line-height:1.35}



.section{padding:58px 0!important}

.section-head{margin-bottom:28px!important}.section-head p{margin-bottom:0}

.home-cats{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}

.home-cats .category-visual{min-height:225px!important;border-radius:18px!important;background-position:center!important;background-size:cover!important;box-shadow:0 12px 30px rgba(8,31,58,.13)!important;border:1px solid rgba(11,47,115,.08)}

.home-cats .category-visual span{font-size:19px!important}.home-cats .category-visual small{font-size:12px!important}

/* Fallback visivi riconoscibili finché arrivano le immagini HD dedicate */

.cat-clarinet{background:linear-gradient(180deg,rgba(6,26,53,.06),rgba(4,20,40,.88)),radial-gradient(ellipse at 55% 35%,#d8c8a0 0 3%,transparent 4%),linear-gradient(105deg,transparent 42%,#17191c 43% 48%,#c9c5b9 49% 51%,#17191c 52% 57%,transparent 58%),linear-gradient(135deg,#dce8f6,#9db4d2)!important}

.cat-oboe{background:linear-gradient(180deg,rgba(6,26,53,.06),rgba(4,20,40,.88)),linear-gradient(92deg,transparent 44%,#432c1d 45% 51%,#cfc8b8 52% 53%,#432c1d 54% 58%,transparent 59%),linear-gradient(135deg,#e7e0d6,#b9a68f)!important}

.cat-sax{background:linear-gradient(180deg,rgba(6,26,53,.04),rgba(4,20,40,.88)),radial-gradient(ellipse at 54% 48%,#d9a62e 0 18%,transparent 19%),radial-gradient(ellipse at 46% 35%,transparent 0 8%,#d9a62e 9% 14%,transparent 15%),linear-gradient(135deg,#f4e7c5,#c8a252)!important}



.catalog-grid{gap:18px!important}.product-rich{border-radius:16px!important;box-shadow:0 8px 24px rgba(19,41,78,.06)!important}

.product-image{height:215px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;position:relative!important}

.product-image.image-error:after,.product-image:empty:after{content:"SG";display:grid;place-items:center;width:82px;height:82px;border-radius:50%;border:2px solid #d6dfeb;color:#9aa8bb;font:700 28px Georgia,serif;background:#fff}

.product-body{padding:16px!important}.product-body h3{font-size:14px!important;line-height:1.35!important;min-height:56px!important;margin:8px 0 4px!important}.public-price{font-size:26px!important}



.dark-panels{padding:52px 0!important}.panel-grid article{min-height:245px!important;display:flex!important;flex-direction:column!important}.panel-grid article .btn,.panel-grid article .catalog-buttons,.panel-grid article .coming{margin-top:auto!important}



.footer-logo{width:190px!important;max-height:100px!important;object-fit:contain!important}



@media(max-width:1050px){.home-cats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.main-nav{gap:12px!important}.main-nav a{font-size:13px!important}}

@media(max-width:900px){

 .header-inner{min-height:138px!important;padding:8px 54px!important;justify-content:center!important}

 .brand-group{flex-direction:column!important;gap:0!important;margin:0 auto!important;text-align:center!important}

 .brand img{height:100px!important;max-height:100px!important;max-width:245px!important}

 .official-sg{font-size:13px!important;margin-top:-2px!important}

 .menu-toggle{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important}

 .site-header.open .main-nav{top:138px!important}

 .trust-grid{grid-template-columns:repeat(2,1fr)!important}

}

@media(max-width:650px){.home-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.catalog-grid{grid-template-columns:1fr 1fr!important}}

@media(max-width:480px){.home-cats,.catalog-grid,.trust-grid{grid-template-columns:1fr!important}.brand img{height:92px!important}}





/* FLAUTI SG V16 — editoriale premium */

.sg16-page{--sg:#921c2b;--sgdark:#111318;--sgcream:#f4f1ec;--sgline:#e3ddd6}

.sg16-page .container{width:min(1220px,calc(100% - 34px))}

.sg16-hero{background:linear-gradient(135deg,#f7f4f0,#ebe5dd);overflow:hidden}

.sg16-hero-grid{min-height:590px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px}

.sg16-kicker,.sg16-label{display:inline-block;color:var(--sg);font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}

.sg16-hero h1{font-size:clamp(50px,6vw,82px);line-height:.95;margin:18px 0;color:#17191e}

.sg16-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--sg)}

.sg16-hero p{font-size:19px;line-height:1.7;color:#545961;max-width:660px}

.sg16-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}

.sg16-hero-media{height:590px}

.sg16-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}

.sg16-subnav{position:sticky;top:0;z-index:30;background:#16181d;color:#fff;border-top:1px solid #292c33}

.sg16-subnav .container{display:flex;justify-content:center;gap:28px;overflow:auto;white-space:nowrap}

.sg16-subnav a{padding:15px 0;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.03em}

.sg16-subnav a:hover{color:#e8bcc3}

.sg16-values{border-bottom:1px solid var(--sgline);background:#fff}

.sg16-values-grid{display:grid;grid-template-columns:repeat(5,1fr)}

.sg16-values article{padding:23px 18px;border-right:1px solid var(--sgline)}

.sg16-values article:last-child{border-right:0}

.sg16-values strong,.sg16-values span{display:block}

.sg16-values strong{color:var(--sg);font-size:13px;text-transform:uppercase;letter-spacing:.05em}

.sg16-values span{margin-top:5px;color:#5d626a;font-size:13px}

.sg16-section{padding:92px 0}

.sg16-soft{background:var(--sgcream)}

.sg16-dark{background:#15171b;color:#fff}

.sg16-two{display:grid;grid-template-columns:.82fr 1.18fr;gap:78px;align-items:start}

.sg16-section h2,.sg16-detail-copy h2{font-size:clamp(38px,5vw,62px);line-height:1.03;margin:12px 0 20px;color:#191c22}

.sg16-dark h2{color:#fff}

.sg16-copy p,.sg16-center p,.sg16-section .lead,.sg16-detail-copy p{font-size:17px;line-height:1.75;color:#5e636b}

.sg16-copy blockquote{margin:28px 0;padding:25px 30px;border-left:4px solid var(--sg);background:#faf8f5;font:italic 23px/1.5 Georgia,"Times New Roman",serif;color:#2b2d32}

.sg16-textlink{color:var(--sg);font-weight:900;text-decoration:none}

.sg16-photo-band{height:520px;overflow:hidden;background:#111}

.sg16-photo-band img{width:100%;height:100%;object-fit:cover;object-position:center}

.sg16-center{text-align:center;max-width:790px;margin:0 auto 45px}

.sg16-feature-grid,.sg16-dark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.sg16-feature-grid article{padding:28px;background:#fff;border:1px solid var(--sgline);min-height:210px}

.sg16-feature-grid article span{color:#b9a79d;font:700 30px Georgia,serif}

.sg16-feature-grid h3,.sg16-dark-grid h3{font-size:22px;margin:16px 0 8px}

.sg16-feature-grid p,.sg16-dark-grid p{line-height:1.65;color:#656a72}

.sg16-process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}

.sg16-process article{padding:24px 20px;border-top:3px solid var(--sg);background:#fff}

.sg16-process b{font:700 40px Georgia,serif;color:#d3c8c1}

.sg16-process h3{font-size:20px;margin:10px 0 8px}

.sg16-process p{color:#676c74;line-height:1.6}

.sg16-dark-grid article{padding:28px;border:1px solid #30343c;background:#1b1e24}

.sg16-dark-grid p{color:#bfc3ca}

.sg16-detail-band{background:#0f1115;color:#fff}

.sg16-detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:stretch}

.sg16-detail-copy{padding:80px 70px 80px 0}

.sg16-detail-copy h2{color:#fff}

.sg16-detail-copy p{color:#c4c7cc}

.sg16-detail-media{min-height:520px}

.sg16-detail-media img{width:100%;height:100%;object-fit:cover}

.sg16-range{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.sg16-range a{display:block;padding:28px;border:1px solid var(--sgline);background:#fff;text-decoration:none;transition:.2s ease}

.sg16-range a:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.08)}

.sg16-range span{color:var(--sg);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}

.sg16-range h3{font-size:25px;margin:9px 0}

.sg16-range p{color:#666b73;line-height:1.6;min-height:78px}

.sg16-range strong{color:var(--sg)}

.sg16-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.sg16-checklist div{padding:17px 18px;background:#fff;border-left:3px solid var(--sg);font-weight:700}

.sg16-faq{max-width:900px;margin:0 auto}

.sg16-faq details{border-top:1px solid var(--sgline);padding:0}

.sg16-faq details:last-child{border-bottom:1px solid var(--sgline)}

.sg16-faq summary{cursor:pointer;padding:21px 0;font-weight:800;font-size:17px}

.sg16-faq p{padding:0 0 22px;margin:0;color:#646971;line-height:1.65}

.sg16-cta{padding:85px 0;text-align:center;background:var(--sg);color:#fff}

.sg16-cta span{font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}

.sg16-cta h2{font-size:clamp(40px,5vw,64px);margin:10px 0}

.sg16-cta p{font-size:18px;color:#f2dce0}

.sg16-cta .btn.outline{border-color:#fff;background:transparent;color:#fff}



@media(max-width:900px){

  .sg16-hero-grid,.sg16-two,.sg16-detail-grid{grid-template-columns:1fr}

  .sg16-hero-grid{gap:0}

  .sg16-hero-copy{padding:55px 0}

  .sg16-hero-media{height:430px}

  .sg16-values-grid{grid-template-columns:repeat(2,1fr)}

  .sg16-feature-grid,.sg16-dark-grid,.sg16-range{grid-template-columns:repeat(2,1fr)}

  .sg16-process{grid-template-columns:1fr 1fr}

  .sg16-detail-copy{padding:60px 0}

}

@media(max-width:580px){

  .sg16-hero h1{font-size:48px}

  .sg16-hero-media{height:340px}

  .sg16-photo-band{height:360px}

  .sg16-values-grid,.sg16-feature-grid,.sg16-dark-grid,.sg16-range,.sg16-process,.sg16-checklist{grid-template-columns:1fr}

  .sg16-section{padding:62px 0}

  .sg16-subnav .container{justify-content:flex-start}

}



/* BACKEND COMPLETO SUPERMUSICA */

.admin-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.admin-search{display:flex;gap:10px;margin:18px 0}.admin-search input{max-width:520px}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-row form{margin:0}.btn.danger{background:#9d1d29;color:#fff;border-color:#9d1d29}.ok-text{color:#257044;font-weight:700}.form-box.wide{max-width:1050px}.admin-editor-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 8px 24px rgba(0,0,0,.04)}.admin-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:20px}.status-pill{font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:#eef2f7;padding:7px 10px;border-radius:999px}.check{display:flex!important;align-items:center;gap:10px}.check input{width:auto!important;margin:0!important}.info-box{padding:18px;border-radius:12px;background:#f4f7fb;border:1px solid #dfe7f0;margin-top:22px}.product-info-block{max-width:1180px;margin:36px auto 0;padding:32px;background:#fff;border:1px solid var(--line);border-radius:16px}.product-info-block.tech{background:#f8f6f1}.product-info-block h2{margin-top:0}.product-longtext{font-size:16px;line-height:1.75;color:#424851;white-space:normal}.dealer-register label small,.form-box label small{display:block;margin-top:6px;color:var(--muted);font-weight:400;font-size:12px}@media(max-width:700px){.admin-head{align-items:flex-start}.admin-search{flex-direction:column}.admin-editor-card{padding:15px}.action-row .btn{width:100%}}





/* PATCH SICUREZZA FORM */

.captcha-box{

  display:block;

  padding:14px 16px;

  border:1px solid #d6dee9;

  border-radius:10px;

  background:#f7f9fc;

}

.captcha-box span{display:block;font-weight:800;margin-bottom:8px}

.captcha-box input{max-width:220px}

.sm-hp{

  position:absolute!important;

  left:-10000px!important;

  width:1px!important;

  height:1px!important;

  overflow:hidden!important;

  

  pointer-events:none!important;

}





/* =========================================================

   SCHEDA PRODOTTO — FORMATTAZIONE TECNICA PREMIUM

   ========================================================= */



.product-info-block{

  max-width:1180px;

  margin:42px auto 0;

  padding:38px 42px;

  background:#fff;

  border:1px solid var(--line);

  border-radius:18px;

  box-shadow:0 12px 34px rgba(15,23,42,.045);

}



.product-info-block.tech{

  background:#fff;

  border-top:4px solid #922033;

}



.product-block-heading{

  padding-bottom:22px;

  margin-bottom:10px;

  border-bottom:1px solid #e5e7eb;

}



.product-block-kicker{

  display:block;

  margin-bottom:7px;

  color:#922033;

  font-size:11px;

  line-height:1;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;

}



.product-block-heading h2{

  margin:0;

  font-size:clamp(28px,3vw,38px);

  line-height:1.1;

  color:#171a20;

}



.product-block-heading p{

  max-width:720px;

  margin:10px 0 0;

  color:#69707a;

  line-height:1.6;

}



.product-description .product-longtext{

  max-width:900px;

  font-size:17px;

  line-height:1.85;

  color:#40464f;

}



.tech-sheet{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:0 34px;

  margin-top:4px;

}



.tech-row{

  display:grid;

  grid-template-columns:minmax(120px,.78fr) minmax(0,1.22fr);

  gap:18px;

  align-items:start;

  padding:15px 0;

  border-bottom:1px solid #e8eaed;

}



.tech-label{

  color:#5e6670;

  font-size:13px;

  font-weight:800;

  letter-spacing:.025em;

}



.tech-value{

  color:#171b21;

  font-size:15px;

  font-weight:650;

  line-height:1.45;

}



.tech-item{

  display:flex;

  align-items:flex-start;

  gap:11px;

  min-height:51px;

  padding:14px 0;

  border-bottom:1px solid #e8eaed;

  color:#262b32;

  font-size:15px;

  font-weight:650;

  line-height:1.5;

}



.tech-check{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  flex:0 0 22px;

  width:22px;

  height:22px;

  margin-top:0;

  border-radius:50%;

  background:#f4e9eb;

  color:#922033;

  font-size:12px;

  font-weight:900;

}



@media(max-width:850px){

  .tech-sheet{grid-template-columns:1fr}

}



@media(max-width:600px){

  .product-info-block{

    margin-top:28px;

    padding:25px 20px;

    border-radius:14px;

  }



  .product-block-heading{

    padding-bottom:17px;

  }



  .product-block-heading h2{

    font-size:27px;

  }



  .tech-row{

    display:block;

    padding:15px 0;

  }



  .tech-label{

    display:block;

    margin-bottom:5px;

    color:#922033;

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:.055em;

  }



  .tech-value,

  .tech-item{

    font-size:15px;

  }

}



@media print{

  .product-info-block{

    box-shadow:none!important;

    break-inside:avoid;

  }

  .tech-sheet{

    grid-template-columns:1fr 1fr!important;

  }

}





/* PATCH — descrizione giustificata + elenchi tecnici originali */

.product-description .product-longtext{

  text-align:justify;

  text-justify:inter-word;

  hyphens:auto;

}



.tech-bullets,

.tech-numbers{

  grid-column:1 / -1;

  margin:10px 0 12px 0;

  padding:16px 20px 16px 38px;

  border-bottom:1px solid #e8eaed;

  background:#fafafa;

  border-radius:10px;

}



.tech-bullets li,

.tech-numbers li{

  margin:7px 0;

  padding-left:4px;

  color:#262b32;

  font-size:15px;

  line-height:1.55;

}



.tech-bullets li::marker{

  color:#922033;

}



.tech-numbers li::marker{

  color:#922033;

  font-weight:800;

}



@media(max-width:600px){

  .product-description .product-longtext{

    text-align:justify;

  }



  .tech-bullets,

  .tech-numbers{

    padding:14px 16px 14px 31px;

    margin:8px 0 10px;

  }

}





/* =========================================================

   SCHEDA TECNICA — LAYOUT PROFESSIONALE DISTRIBUTORE

   ========================================================= */



.product-info-block.tech{

  max-width:1180px;

  padding:42px 46px 46px;

}



.tech-sheet{

  display:block;

  max-width:100%;

  margin-top:0;

}



.tech-subheading{

  margin:32px 0 12px;

  padding:0 0 10px;

  border-bottom:1px solid #dfe3e8;

  color:#8d1b2c;

  font-size:17px;

  font-weight:900;

  letter-spacing:.035em;

  text-transform:uppercase;

}



.tech-subheading:first-child{

  margin-top:12px;

}



.tech-row{

  display:grid;

  grid-template-columns:220px minmax(0,1fr);

  gap:30px;

  padding:14px 4px;

  border-bottom:1px solid #eceff2;

}



.tech-label{

  color:#626a74;

  font-size:13px;

  font-weight:900;

  text-transform:uppercase;

  letter-spacing:.035em;

}



.tech-value{

  color:#20242a;

  font-size:15.5px;

  font-weight:600;

  line-height:1.55;

}



.tech-paragraph{

  max-width:980px;

  margin:14px 0;

  color:#343a42;

  font-size:16px;

  line-height:1.8;

  text-align:justify;

  text-justify:inter-word;

  hyphens:auto;

}



.tech-bullets,

.tech-numbers{

  display:block;

  margin:10px 0 24px;

  padding:18px 24px 18px 44px;

  border:1px solid #e7e9ec;

  border-left:4px solid #922033;

  border-radius:10px;

  background:#fbfbfc;

}



.tech-bullets li,

.tech-numbers li{

  margin:8px 0;

  padding-left:4px;

  color:#242930;

  font-size:15.5px;

  line-height:1.6;

}



.tech-bullets li::marker,

.tech-numbers li::marker{

  color:#922033;

  font-weight:900;

}



.product-description .product-longtext{

  max-width:1000px;

  font-size:16px;

  line-height:1.9;

  text-align:justify;

  text-justify:inter-word;

  hyphens:auto;

}



@media(max-width:700px){

  .product-info-block.tech{

    padding:28px 21px 32px;

  }



  .tech-row{

    display:block;

    padding:15px 0;

  }



  .tech-label{

    margin-bottom:5px;

    color:#8d1b2c;

    font-size:12px;

  }



  .tech-value{

    font-size:15px;

  }



  .tech-subheading{

    margin-top:27px;

    font-size:15px;

  }



  .tech-paragraph{

    font-size:15px;

    line-height:1.75;

  }



  .tech-bullets,

  .tech-numbers{

    padding:15px 16px 15px 34px;

  }

}



/* V2 — contenuto già organizzato all'importazione */

.product-content-section{max-width:1180px;margin:24px auto 0;padding:38px 46px 43px;background:#fff;border:1px solid #dde3e9;border-radius:16px;box-shadow:0 10px 28px rgba(16,38,68,.045)}

.product-content-head{padding-bottom:17px;margin-bottom:20px;border-bottom:1px solid #e6e9ed}

.product-content-head span{display:block;margin-bottom:7px;color:#8f1d30;font-size:11px;font-weight:900;letter-spacing:.13em}

.product-content-head h2{margin:0;color:#162039;font-size:clamp(28px,3vw,38px);line-height:1.1}

.product-content-body{max-width:1040px}

.product-prose{margin:0 0 18px;color:#363c45;font-size:16px;line-height:1.9;text-align:justify;text-justify:inter-word;hyphens:auto}

.product-quote{margin:24px 0;padding:20px 25px;border-left:4px solid #8f1d30;background:#faf6f7;color:#292e35;font:italic 20px/1.6 Georgia,"Times New Roman",serif}

.product-quote cite{display:block;margin-top:10px;color:#8f1d30;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}

.product-feature-list{margin:0;padding:0;list-style:none;border-top:1px solid #e8ebee}

.product-feature-list li{position:relative;margin:0;padding:14px 18px 14px 39px;border-bottom:1px solid #e8ebee;color:#242a32;font-size:15.5px;line-height:1.6}

.product-feature-list li::before{content:"";position:absolute;left:11px;top:23px;width:8px;height:8px;border-radius:50%;background:#8f1d30}

@media(max-width:700px){

.product-content-section{padding:27px 21px 31px}

.product-prose{font-size:15px;line-height:1.78}

.product-feature-list li{padding-left:32px}

.product-feature-list li::before{left:7px}

}





/* PATCH FINALE — TESTO DESCRITTIVO GIUSTIFICATO */

.product-content-section .product-prose,

.product-content-section .product-content-body > p,

.product-description .product-longtext{

  text-align: justify !important;

  text-justify: inter-word !important;

  hyphens: auto;

  -webkit-hyphens: auto;

  line-height: 1.9;

}



/* Elenchi tecnici: restano allineati a sinistra per massima leggibilità */

.product-feature-list,

.product-feature-list li,

.tech-bullets,

.tech-bullets li,

.tech-numbers,

.tech-numbers li{

  text-align: left !important;

  text-justify: auto !important;

}



@media(max-width:700px){

  .product-content-section .product-prose,

  .product-content-section .product-content-body > p,

  .product-description .product-longtext{

    text-align: justify !important;

    text-justify: inter-word !important;

    hyphens: auto;

    -webkit-hyphens: auto;

  }

}



/* ===== MASTER: RIPRISTINO COMPLETO PAGINA FLAUTI SG V17 ===== */

/* Flauti SG V17: banner intero, mai tagliato */

.sg17-page{--sg:#7b1029;--sgcream:#f4f1ec;--sgline:#e3ddd6}

.sg17-banner{background:#eee}.sg17-banner img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}

.sg17-subnav{background:#17191e;color:#fff}.sg17-subnav .container{display:flex;justify-content:center;gap:26px;overflow:auto;white-space:nowrap}.sg17-subnav a{padding:15px 0;text-decoration:none;font-size:12px;font-weight:800}

.sg17-intro,.sg17-section{padding:82px 0}.sg17-intro-grid,.sg17-two{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}.sg17-label{display:inline-block;color:var(--sg);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sg17-intro h1,.sg17-section h2{font-size:clamp(38px,5vw,62px);line-height:1.03;margin:12px 0;color:#181b21}.sg17-intro p,.sg17-copy p,.sg17-center p,.sg17-section .lead{font-size:17px;line-height:1.75;color:#60656d}.sg17-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.sg17-values{border-top:1px solid var(--sgline);border-bottom:1px solid var(--sgline)}.sg17-values-grid{display:grid;grid-template-columns:repeat(5,1fr)}.sg17-values article{padding:22px 18px;border-right:1px solid var(--sgline)}.sg17-values article:last-child{border-right:0}.sg17-values strong,.sg17-values span{display:block}.sg17-values strong{color:var(--sg);font-size:13px;text-transform:uppercase}.sg17-values span{font-size:13px;color:#5d626a;margin-top:4px}.sg17-soft{background:var(--sgcream)}.sg17-dark{background:#15171b;color:#fff}.sg17-dark h2{color:#fff}.sg17-copy blockquote{margin:28px 0;padding:24px 28px;border-left:4px solid var(--sg);background:#faf8f5;font:italic 22px/1.5 Georgia,"Times New Roman",serif}.sg17-textlink{color:var(--sg);font-weight:900;text-decoration:none}.sg17-center{text-align:center;max-width:800px;margin:0 auto 42px}.sg17-feature-grid,.sg17-dark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sg17-feature-grid article{padding:27px;background:#fff;border:1px solid var(--sgline)}.sg17-feature-grid b{font:700 29px Georgia,serif;color:#c8b8ae}.sg17-feature-grid h3,.sg17-dark-grid h3{font-size:22px}.sg17-feature-grid p,.sg17-dark-grid p{line-height:1.65;color:#666b73}.sg17-process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.sg17-process article{padding:23px 19px;border-top:3px solid var(--sg);background:#fff}.sg17-process b{font:700 38px Georgia,serif;color:#d3c8c1}.sg17-process p{color:#676c74;line-height:1.6}.sg17-dark-grid article{padding:27px;border:1px solid #30343c;background:#1b1e24}.sg17-dark-grid p{color:#c0c4cb}.sg17-range{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sg17-range a{display:block;padding:27px;border:1px solid var(--sgline);background:#fff;text-decoration:none;transition:.2s}.sg17-range a:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.08)}.sg17-range span{color:var(--sg);font-size:11px;font-weight:900;text-transform:uppercase}.sg17-range h3{font-size:24px;margin:9px 0}.sg17-range p{color:#666b73;line-height:1.6;min-height:76px}.sg17-range strong{color:var(--sg)}.sg17-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sg17-checklist div{padding:17px;background:#fff;border-left:3px solid var(--sg);font-weight:700}.sg17-faq{max-width:900px;margin:auto}.sg17-faq details{border-top:1px solid var(--sgline)}.sg17-faq details:last-child{border-bottom:1px solid var(--sgline)}.sg17-faq summary{cursor:pointer;padding:20px 0;font-weight:800;font-size:17px}.sg17-faq p{padding:0 0 20px;margin:0;color:#646971;line-height:1.65}.sg17-cta{padding:80px 0;text-align:center;background:var(--sg);color:#fff}.sg17-cta h2{font-size:clamp(40px,5vw,64px);margin:8px 0}.sg17-cta p{font-size:18px;color:#f2dce0}.sg17-cta .btn.outline{background:transparent;color:#fff;border-color:#fff}



@media(max-width:1100px){.main-nav{gap:10px!important}.main-nav a{font-size:13px!important}.brand img{height:104px!important;max-height:104px!important}.official-sg{font-size:15px!important}.home-cats,.catalog-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

@media(max-width:900px){.header-inner{position:relative!important;min-height:136px!important;justify-content:center!important;padding:8px 54px!important}.brand-group{flex-direction:column!important;gap:0!important;margin:0 auto!important;text-align:center!important}.brand img{height:100px!important;max-height:100px!important;max-width:245px!important}.official-sg{font-size:13px!important;margin-top:-2px!important}.main-nav,.account-links{display:none!important}.menu-toggle{display:block!important;position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important}.site-header.open .main-nav,.site-header.open .account-links{display:flex!important;position:absolute!important;left:0!important;right:0!important;background:#fff!important;padding:18px!important;flex-direction:column!important;z-index:55}.site-header.open .main-nav{top:136px!important}.site-header.open .account-links{top:355px!important}.home-cats,.catalog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-grid{grid-template-columns:1fr 1fr}.contact-grid,.simone-grid,.sg17-intro-grid,.sg17-two{grid-template-columns:1fr}.sg17-values-grid{grid-template-columns:repeat(2,1fr)}.sg17-feature-grid,.sg17-dark-grid,.sg17-range{grid-template-columns:repeat(2,1fr)}.sg17-process{grid-template-columns:1fr 1fr}.sg17-subnav .container{justify-content:flex-start}}

@media(max-width:580px){.home-cats,.catalog-category-grid,.service-grid,.contact-grid,.sg17-values-grid,.sg17-feature-grid,.sg17-dark-grid,.sg17-range,.sg17-process,.sg17-checklist{grid-template-columns:1fr!important}.hero-sg picture img{width:100%!important;height:auto!important}.sg17-intro,.sg17-section{padding:58px 0}.brand img{height:94px!important;max-height:94px!important}}







/* =========================================================

   CATALOGO V1 — FAMIGLIE, SOTTOCATEGORIE, MODELLI CHIARI

   ========================================================= */

.catalog-hero-new{padding:62px 0 54px}

.catalog-hero-new h1{max-width:850px}

.catalog-new{padding-top:34px}

.catalog-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 30px}

.catalog-family-card{display:block;overflow:hidden;border:1px solid #e0e4e8;border-radius:16px;background:#fff;text-decoration:none;transition:.2s;box-shadow:0 8px 24px rgba(20,32,50,.04)}

.catalog-family-card:hover,.catalog-family-card.active{transform:translateY(-3px);border-color:#9a2438;box-shadow:0 16px 34px rgba(20,32,50,.09)}

.catalog-family-image{height:190px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f7f7f5,#ececea);overflow:hidden}

.catalog-family-image img{width:100%;height:100%;object-fit:contain;padding:16px;filter:saturate(.94) contrast(1.02)}

.catalog-family-image span{color:#9ca1a8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}

.catalog-family-copy{padding:20px 20px 22px}

.catalog-family-copy>span{color:#8f1d30;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}

.catalog-family-copy h2{margin:6px 0 8px;font-size:22px;color:#172033}

.catalog-family-copy p{min-height:66px;margin:0 0 12px;color:#69707a;font-size:13px;line-height:1.55}

.catalog-family-copy strong{color:#8f1d30;font-size:13px}

.catalog-subnav{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow:auto;margin:0 0 28px;padding:10px;border:1px solid #e2e5e9;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(20,32,50,.05)}

.catalog-subnav a{flex:0 0 auto;padding:10px 15px;border-radius:9px;color:#343a43;font-size:13px;font-weight:800;text-decoration:none}

.catalog-subnav a:hover,.catalog-subnav a.active{background:#8f1d30;color:#fff}

.catalog-toolbar>div{display:flex;align-items:center;gap:15px;flex-wrap:wrap}

.catalog-sort-note{color:#727881;font-size:12px}

.catalog-grid-new{align-items:stretch}

.catalog-product-card{display:flex;flex-direction:column}

.catalog-product-card .product-body{display:flex;flex:1;flex-direction:column}

.catalog-product-card .product-body .btn{margin-top:auto}

.catalog-model{margin:7px 0 4px;color:#8f1d30;font-size:26px;font-weight:950;line-height:1;letter-spacing:-.025em}

.catalog-model-summary{margin:8px 0 13px;padding:10px 12px;border-left:3px solid #8f1d30;background:#faf7f8;color:#404650;font-size:13px;font-weight:750;line-height:1.45}

.catalog-empty{padding:55px 30px;text-align:center;border:1px dashed #cfd4da;border-radius:14px;background:#fafafa}

.catalog-empty h2{margin:0 0 8px}



/* Scheda prodotto: modello e filosofia costruttiva subito comprensibili */

.product-quickfacts{margin:22px 0 20px;display:grid;gap:10px}

.product-model-hero,.product-code-meaning,.product-sg-signature{padding:15px 17px;border:1px solid #e1e5e9;border-radius:11px;background:#fff}

.product-model-hero span,.product-code-meaning span,.product-sg-signature span{display:block;margin-bottom:5px;color:#8f1d30;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}

.product-model-hero strong{font-size:29px;color:#172033}

.product-code-meaning p{margin:0;color:#4d545e;font-size:13px;line-height:1.55}

.product-sg-signature{border-left:4px solid #8f1d30;background:#faf7f8}

.product-sg-signature strong{display:block;margin-bottom:7px;color:#202631;font-size:16px}

.product-sg-signature p{margin:0;color:#5d646e;font-size:13px;line-height:1.62;text-align:justify}



@media(max-width:1050px){.catalog-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:620px){

.catalog-family-grid{grid-template-columns:1fr}

.catalog-family-image{height:170px}

.catalog-family-copy p{min-height:0}

.catalog-subnav{margin-left:-4px;margin-right:-4px}

.catalog-model{font-size:24px}

.product-sg-signature p{text-align:left}

}





/* CATALOGO V2 — durante la navigazione gli strumenti vengono prima */

.catalog-current-path{

  margin:16px 0 14px;

  color:#8f1d30;

  font-size:13px;

  font-weight:850;

  letter-spacing:.02em;

}

.catalog-category-recall{

  margin-top:48px;

  padding-top:34px;

  border-top:1px solid #e1e5e9;

}

.catalog-recall-head{

  margin-bottom:16px;

}

.catalog-recall-head span{

  display:block;

  margin-bottom:5px;

  color:#8f1d30;

  font-size:10px;

  font-weight:900;

  letter-spacing:.12em;

  text-transform:uppercase;

}

.catalog-recall-head h2{

  margin:0;

  color:#172033;

  font-size:28px;

}

.catalog-subnav-bottom{

  position:static !important;

  margin:16px 0 20px;

  box-shadow:none;

}

.catalog-family-grid-bottom{

  margin-top:0;

}

@media(max-width:620px){

  .catalog-current-path{margin-top:8px}

  .catalog-category-recall{margin-top:34px;padding-top:26px}

  .catalog-recall-head h2{font-size:24px}

}





/* CATEGORIE SOLO TESTO — temporanee finché non arrivano le miniature definitive */

.catalog-family-grid{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:12px;

}



.catalog-family-button{

  display:flex;

  flex-direction:column;

  min-height:150px;

  padding:20px 21px;

  border:1px solid #dfe4e9;

  border-radius:14px;

  background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%);

  text-decoration:none;

  box-shadow:0 6px 18px rgba(18,32,50,.035);

  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;

}



.catalog-family-button:hover,

.catalog-family-button.active{

  transform:translateY(-2px);

  border-color:#8f1d30;

  background:#fff;

  box-shadow:0 12px 28px rgba(18,32,50,.075);

}



.catalog-family-eyebrow{

  margin-bottom:9px;

  color:#8f1d30;

  font-size:10px;

  font-weight:900;

  letter-spacing:.12em;

  text-transform:uppercase;

}



.catalog-family-button strong{

  color:#172033;

  font-size:22px;

  line-height:1.15;

}



.catalog-family-button small{

  display:block;

  margin-top:8px;

  color:#68707a;

  font-size:12.5px;

  line-height:1.5;

  font-weight:500;

}



.catalog-family-button b{

  margin-top:auto;

  padding-top:14px;

  color:#8f1d30;

  font-size:12px;

}



.catalog-category-recall .catalog-family-button{

  min-height:132px;

}



@media(max-width:1050px){

  .catalog-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

}



@media(max-width:620px){

  .catalog-family-grid{grid-template-columns:1fr 1fr}

  .catalog-family-button{

    min-height:125px;

    padding:16px 15px;

  }

  .catalog-family-button strong{font-size:18px}

  .catalog-family-button small{display:none}

}



@media(max-width:430px){

  .catalog-family-grid{grid-template-columns:1fr}

}





/* =========================================================

   BARRA STICKY CATEGORIE — navigazione rapida durante lo scroll

   ========================================================= */

.catalog-scrollbar{

  position:sticky;

  top:0;

  z-index:45;

  margin:14px 0 24px;

  padding:8px 0;

  background:rgba(255,255,255,.96);

  backdrop-filter:blur(10px);

  -webkit-backdrop-filter:blur(10px);

  border-top:1px solid rgba(222,226,231,.85);

  border-bottom:1px solid rgba(222,226,231,.95);

  box-shadow:0 5px 16px rgba(20,32,50,.045);

}



.catalog-scrollbar-inner{

  display:flex;

  align-items:center;

  gap:12px;

  min-width:0;

  overflow:hidden;

}



.catalog-scroll-main,

.catalog-scroll-subs{

  display:flex;

  align-items:center;

  gap:6px;

  min-width:0;

  overflow-x:auto;

  scrollbar-width:none;

  white-space:nowrap;

}



.catalog-scroll-main::-webkit-scrollbar,

.catalog-scroll-subs::-webkit-scrollbar{

  display:none;

}



.catalog-scroll-main{

  flex:0 1 auto;

}



.catalog-scroll-subs{

  flex:1 1 auto;

  padding-left:12px;

  border-left:1px solid #e2e5e9;

}



.catalog-scroll-subs>span{

  flex:0 0 auto;

  margin-right:2px;

  color:#8f1d30;

  font-size:9px;

  font-weight:900;

  letter-spacing:.11em;

  text-transform:uppercase;

}



.catalog-scrollbar a{

  flex:0 0 auto;

  padding:7px 10px;

  border-radius:8px;

  color:#4c535d;

  font-size:11.5px;

  font-weight:800;

  line-height:1;

  text-decoration:none;

  transition:.16s ease;

}



.catalog-scrollbar a:hover{

  color:#8f1d30;

  background:#f7f2f3;

}



.catalog-scrollbar a.active{

  background:#8f1d30;

  color:#fff;

}



@media(max-width:820px){

  .catalog-scrollbar{

    margin:10px -2px 20px;

    padding:7px 0;

  }



  .catalog-scrollbar-inner{

    display:block;

  }



  .catalog-scroll-main,

  .catalog-scroll-subs{

    width:100%;

  }



  .catalog-scroll-subs{

    margin-top:6px;

    padding-top:6px;

    padding-left:0;

    border-left:0;

    border-top:1px solid #e6e8eb;

  }



  .catalog-scrollbar a{

    padding:7px 9px;

    font-size:11px;

  }

}



@media(max-width:520px){

  .catalog-scrollbar{

    top:0;

  }



  .catalog-scroll-subs>span{

    display:none;

  }

}





/* =========================================================

   BARRA CATALOGO PERMANENTE

   ========================================================= */

.catalog-scrollbar-permanent{

  position:sticky;

  top:0;

  z-index:60;

  margin:10px 0 22px;

  background:rgba(255,255,255,.975);

  border:1px solid rgba(218,223,229,.95);

  border-radius:12px;

  box-shadow:0 7px 20px rgba(20,32,50,.07);

}



.catalog-scrollbar-permanent .catalog-scrollbar-inner{

  min-height:46px;

  padding:6px 8px;

}



.catalog-scroll-label{

  flex:0 0 auto;

  padding:0 9px 0 4px;

  color:#8f1d30;

  font-size:9px;

  font-weight:950;

  letter-spacing:.13em;

  text-transform:uppercase;

}



.catalog-scrollbar-permanent .catalog-scroll-main{

  flex:0 1 auto;

}



.catalog-scrollbar-permanent .catalog-scroll-subs{

  flex:1 1 auto;

}



.catalog-scrollbar-permanent a{

  padding:8px 11px;

  border:1px solid transparent;

}



.catalog-scrollbar-permanent a:not(.active):hover{

  border-color:#e4d5d8;

}



.catalog-scrollbar-permanent a.active{

  background:#8f1d30;

  color:#fff;

  box-shadow:0 3px 8px rgba(143,29,48,.16);

}



@media(max-width:820px){

  .catalog-scrollbar-permanent{

    border-radius:10px;

  }



  .catalog-scrollbar-permanent .catalog-scrollbar-inner{

    padding:6px;

  }



  .catalog-scroll-label{

    display:none;

  }

}



@media(max-width:520px){

  .catalog-scrollbar-permanent{

    margin-left:-4px;

    margin-right:-4px;

  }



  .catalog-scrollbar-permanent a{

    padding:8px 9px;

    font-size:10.5px;

  }

}





/* =========================================================

   BARRA CATALOGO GLOBALE — VISIBILE SU TUTTO IL SITO

   ========================================================= */

.global-catalog-bar{

  position:sticky;

  top:0;

  z-index:80;

  width:100%;

  background:rgba(255,255,255,.975);

  border-top:1px solid #e4e7eb;

  border-bottom:1px solid #dce1e6;

  box-shadow:0 5px 16px rgba(20,32,50,.055);

  backdrop-filter:blur(10px);

  -webkit-backdrop-filter:blur(10px);

}



.global-catalog-inner{

  min-height:46px;

  display:flex;

  align-items:center;

  gap:10px;

  overflow:hidden;

}



.global-catalog-label{

  flex:0 0 auto;

  color:#8f1d30;

  font-size:9px;

  font-weight:950;

  letter-spacing:.13em;

  text-transform:uppercase;

}



.global-catalog-main,

.global-catalog-subs{

  display:flex;

  align-items:center;

  gap:5px;

  min-width:0;

  overflow-x:auto;

  white-space:nowrap;

  scrollbar-width:none;

}



.global-catalog-main::-webkit-scrollbar,

.global-catalog-subs::-webkit-scrollbar{

  display:none;

}



.global-catalog-main{

  flex:0 1 auto;

}



.global-catalog-subs{

  flex:1 1 auto;

  padding-left:10px;

  border-left:1px solid #e1e5e9;

}



.global-catalog-subs>span{

  flex:0 0 auto;

  margin-right:2px;

  color:#8f1d30;

  font-size:9px;

  font-weight:950;

  letter-spacing:.1em;

  text-transform:uppercase;

}



.global-catalog-bar a{

  flex:0 0 auto;

  padding:8px 10px;

  border-radius:8px;

  color:#4b535d;

  font-size:11px;

  line-height:1;

  font-weight:850;

  text-decoration:none;

  transition:background .16s ease,color .16s ease;

}



.global-catalog-bar a:hover{

  background:#f7f1f3;

  color:#8f1d30;

}



.global-catalog-bar a.active{

  background:#8f1d30;

  color:#fff;

}



@media(max-width:900px){

  .global-catalog-inner{

    min-height:42px;

    padding-top:5px;

    padding-bottom:5px;

  }



  .global-catalog-label{

    display:none;

  }



  .global-catalog-bar a{

    padding:7px 9px;

    font-size:10.5px;

  }

}



@media(max-width:680px){

  .global-catalog-inner{

    display:block;

    padding-top:5px;

    padding-bottom:5px;

  }



  .global-catalog-main,

  .global-catalog-subs{

    width:100%;

  }



  .global-catalog-subs{

    margin-top:4px;

    padding-top:5px;

    padding-left:0;

    border-left:0;

    border-top:1px solid #e7eaed;

  }



  .global-catalog-subs>span{

    display:none;

  }

}





/* =========================================================

   HEADER — correzione allineamento orizzontale desktop

   Evita uscita a destra e sfrutta lo spazio disponibile.

   ========================================================= */

@media (min-width: 901px){

  .site-header .container,

  header .container{

    width:min(1180px, calc(100% - 32px));

    max-width:1180px;

    margin-left:auto;

    margin-right:auto;

  }



  .nav{

    min-width:0;

  }



  .navlinks{

    min-width:0;

    gap:14px;

  }



  .navlinks a{

    white-space:nowrap;

  }



  .nav-actions{

    flex:0 0 auto;

    margin-left:auto;

  }



  .global-catalog-inner{

    width:min(1180px, calc(100% - 32px));

    max-width:1180px;

    margin-left:auto;

    margin-right:auto;

  }

}



/* schermi desktop più stretti: comprime solo gli spazi, non i contenuti */

@media (min-width: 901px) and (max-width: 1180px){

  .navlinks{gap:9px}

  .navlinks a{font-size:12px}

  .nav-actions{gap:6px}

}





/* =========================================================

   FIX DEFINITIVO — barra catalogo visibile ovunque + centratura

   ========================================================= */

.global-catalog-bar{

  display:block !important;

  visibility:visible !important;

  

  width:100% !important;

  position:sticky !important;

  top:0 !important;

  z-index:90 !important;

}



.global-catalog-bar .container,

.global-catalog-inner{

  width:min(1180px, calc(100% - 32px)) !important;

  max-width:1180px !important;

  margin-left:auto !important;

  margin-right:auto !important;

  box-sizing:border-box !important;

}



@media (min-width:901px){

  .site-header .header-inner{

    width:min(1180px, calc(100% - 32px)) !important;

    max-width:1180px !important;

    margin-left:auto !important;

    margin-right:auto !important;

    padding-left:0 !important;

    padding-right:0 !important;

    box-sizing:border-box !important;

  }



  .brand-group{

    flex:0 0 auto !important;

  }



  .main-nav{

    flex:1 1 auto !important;

    min-width:0 !important;

    justify-content:center !important;

    gap:12px !important;

  }



  .main-nav a{

    white-space:nowrap !important;

  }



  .account-links{

    flex:0 0 auto !important;

    margin-left:8px !important;

  }

}



@media (min-width:901px) and (max-width:1180px){

  .main-nav{gap:8px !important}

  .main-nav a{font-size:12px !important}

  .account-links{gap:5px !important}

}



@media(max-width:900px){

  .global-catalog-bar{

    top:0 !important;

  }

  .global-catalog-inner{

    width:calc(100% - 20px) !important;

  }

}





/* Catalog hero più sottile */

.catalog-hero-new{

  padding:30px 0 26px !important;

}

.catalog-hero-new h1{

  margin-top:6px !important;

  margin-bottom:8px !important;

  font-size:clamp(30px,3.4vw,46px) !important;

}

.catalog-hero-new p{

  margin-bottom:0 !important;

  font-size:15px !important;

}

.catalog-new{

  padding-top:22px !important;

}

.catalog-search{

  margin-bottom:18px !important;

}



/* Sottocategoria bambini: stessa gerarchia e stesso stile ovunque */

.catalog-subcategory-grid .catalog-family-button{

  min-height:128px;

}





/* =========================================================

   LOGO + LINK CATALOGO NELLA BARRA GLOBALE

   ========================================================= */

.global-catalog-home{

  flex:0 0 auto;

  display:flex;

  align-items:center;

  justify-content:center;

  width:29px;

  height:29px;

  padding:2px !important;

  border-radius:7px !important;

  background:transparent !important;

}

.global-catalog-home img{

  display:block;

  width:25px;

  height:25px;

  object-fit:contain;

}

.global-catalog-label-link{

  display:inline-flex;

  align-items:center;

  flex:0 0 auto;

  padding:7px 5px !important;

  color:#8f1d30 !important;

  background:transparent !important;

  border-radius:5px !important;

  font-size:9px !important;

  font-weight:950 !important;

  letter-spacing:.13em !important;

  text-transform:uppercase;

  text-decoration:none;

}

.global-catalog-label-link:hover{

  color:#6f1425 !important;

  background:#f8f1f3 !important;

}









/* =========================================================

   CORREZIONE LOGHI — mini logo reale + logo principale grande

   ========================================================= */



/* Mini logo nella barra catalogo */

.global-catalog-home{

  flex:0 0 auto;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  width:34px !important;

  height:34px !important;

  padding:2px !important;

  border-radius:7px !important;

  background:transparent !important;

}

.global-catalog-home img{

  display:block !important;

  width:30px !important;

  height:30px !important;

  max-width:30px !important;

  max-height:30px !important;

  object-fit:contain !important;

}



/* Logo principale: più grande, senza alterare la riga del menu */

@media (min-width:901px){

  .site-header .brand img,

  header .brand img{

    display:block !important;

    width:auto !important;

    height:92px !important;

    max-height:92px !important;

    max-width:150px !important;

    object-fit:contain !important;

  }



  .site-header .brand,

  header .brand{

    display:flex !important;

    align-items:center !important;

    min-width:125px !important;

  }



  .site-header .brand-group,

  header .brand-group{

    align-items:center !important;

  }

}



@media(max-width:900px){

  .global-catalog-home{

    width:30px !important;

    height:30px !important;

  }

  .global-catalog-home img{

    width:26px !important;

    height:26px !important;

    max-width:26px !important;

    max-height:26px !important;

  }

}





/* =========================================================

   OVERRIDE FINALE — LOGHI PIÙ GRANDI E SPAZI OTTIMIZZATI

   ========================================================= */



/* Header desktop: sfrutta più larghezza disponibile */

@media (min-width:901px){

  .site-header .header-inner,

  header .header-inner{

    width:min(1280px, calc(100% - 20px)) !important;

    max-width:1280px !important;

    margin-left:auto !important;

    margin-right:auto !important;

    padding-left:0 !important;

    padding-right:0 !important;

  }



  /* Logo principale realmente più grande */

  .site-header .brand img,

  header .brand img{

    display:block !important;

    width:auto !important;

    height:118px !important;

    max-height:118px !important;

    max-width:190px !important;

    object-fit:contain !important;

  }



  .site-header .brand,

  header .brand{

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    min-width:150px !important;

    flex:0 0 150px !important;

  }



  .site-header .brand-group,

  header .brand-group{

    gap:12px !important;

    align-items:center !important;

    flex:0 0 auto !important;

  }



  .site-header .main-nav,

  header .main-nav{

    flex:1 1 auto !important;

    justify-content:center !important;

  }

}



/* Barra categorie: usa più larghezza e rende il mini-logo visibile */

.global-catalog-bar .container,

.global-catalog-inner{

  width:min(1280px, calc(100% - 20px)) !important;

  max-width:1280px !important;

  margin-left:auto !important;

  margin-right:auto !important;

  padding-left:0 !important;

  padding-right:0 !important;

}



.global-catalog-home{

  width:48px !important;

  height:40px !important;

  flex:0 0 48px !important;

  padding:0 !important;

  margin-right:2px !important;

}



.global-catalog-home img{

  width:44px !important;

  height:36px !important;

  max-width:44px !important;

  max-height:36px !important;

  object-fit:contain !important;

}



.global-catalog-label-link{

  margin-left:0 !important;

  padding-left:2px !important;

}



/* elimina spazio superfluo tra logo, catalogo e categorie */

.global-catalog-inner{

  gap:5px !important;

}

.global-catalog-main{

  margin-left:0 !important;

  gap:4px !important;

}



/* desktop medio: ancora grande ma senza comprimere troppo il menu */

@media (min-width:901px) and (max-width:1100px){

  .site-header .brand img,

  header .brand img{

    height:104px !important;

    max-height:104px !important;

  }



  .site-header .brand,

  header .brand{

    min-width:132px !important;

    flex-basis:132px !important;

  }

}



/* Mobile: non esagerare con le dimensioni */

@media(max-width:900px){

  .global-catalog-home{

    width:38px !important;

    height:34px !important;

    flex-basis:38px !important;

  }

  .global-catalog-home img{

    width:34px !important;

    height:30px !important;

    max-width:34px !important;

    max-height:30px !important;

  }

}





/* =========================================================

   LOGO RIFILATO — dimensioni basate sul contenuto reale

   ========================================================= */

@media (min-width:901px){

  .site-header .brand,

  header .brand{

    flex:0 0 112px !important;

    min-width:112px !important;

  }

  .site-header .brand img,

  header .brand img{

    width:108px !important;

    height:auto !important;

    max-width:108px !important;

    max-height:none !important;

    object-fit:contain !important;

  }

}



.global-catalog-home{

  width:42px !important;

  height:34px !important;

  flex:0 0 42px !important;

  padding:0 !important;

}

.global-catalog-home img{

  width:38px !important;

  height:auto !important;

  max-width:38px !important;

  max-height:32px !important;

  object-fit:contain !important;

}

.global-catalog-inner{

  gap:4px !important;

}



@media(max-width:900px){

  .global-catalog-home{

    width:36px !important;

    height:31px !important;

    flex-basis:36px !important;

  }

  .global-catalog-home img{

    width:32px !important;

    max-width:32px !important;

    max-height:28px !important;

  }

}





/* =========================================================

   LOGHI A BORDO CELLA — niente spazio sprecato

   ========================================================= */



/* Logo principale: occupa quasi tutta l'altezza disponibile della sua cella */

@media (min-width:901px){

  .site-header .brand,

  header .brand{

    align-self:stretch !important;

    display:flex !important;

    align-items:stretch !important;

    justify-content:flex-start !important;

    flex:0 0 145px !important;

    min-width:145px !important;

    padding:2px 0 !important;

    overflow:visible !important;

  }



  .site-header .brand img,

  header .brand img{

    display:block !important;

    width:140px !important;

    height:100% !important;

    min-height:76px !important;

    max-width:140px !important;

    max-height:none !important;

    object-fit:contain !important;

    object-position:left center !important;

    margin:0 !important;

    padding:0 !important;

  }

}



/* Mini-logo: arriva praticamente ai bordi superiore/inferiore della barra */

.global-catalog-home{

  align-self:stretch !important;

  display:flex !important;

  align-items:stretch !important;

  justify-content:center !important;

  width:58px !important;

  min-width:58px !important;

  height:auto !important;

  flex:0 0 58px !important;

  margin:0 !important;

  padding:1px 2px !important;

  overflow:visible !important;

}



.global-catalog-home img{

  display:block !important;

  width:54px !important;

  height:100% !important;

  max-width:54px !important;

  max-height:none !important;

  object-fit:contain !important;

  object-position:center center !important;

  margin:0 !important;

  padding:0 !important;

}



.global-catalog-inner{

  align-items:stretch !important;

}



.global-catalog-label-link,

.global-catalog-main > a{

  align-self:center !important;

}



@media(max-width:900px){

  .global-catalog-home{

    width:46px !important;

    min-width:46px !important;

    flex-basis:46px !important;

    padding:1px !important;

  }

  .global-catalog-home img{

    width:43px !important;

    max-width:43px !important;

    height:100% !important;

  }

}





/* Logo principale: sfrutta anche lo spazio verticale superiore disponibile */

@media (min-width:901px){

  .site-header .brand,

  header .brand{

    flex:0 0 168px !important;

    min-width:168px !important;

    padding:0 !important;

  }



  .site-header .brand img,

  header .brand img{

    width:162px !important;

    max-width:162px !important;

    height:100% !important;

    max-height:none !important;

    object-fit:contain !important;

    object-position:left center !important;

    margin:0 !important;

  }

}





/* Logo principale +10% rispetto alla regolazione precedente */

@media (min-width:901px){

  .site-header .brand,

  header .brand{

    flex:0 0 185px !important;

    min-width:185px !important;

  }



  .site-header .brand img,

  header .brand img{

    width:178px !important;

    max-width:178px !important;

  }

}

\n\n/* DISTRIBUTORE UFFICIALE STRUMENTI + simbolo SG */\n.official-sg{\n  display:inline-flex!important;\n  align-items:center!important;\n  gap:9px!important;\n  margin-left:0!important;\n  white-space:nowrap!important;\n  font-family:Georgia,"Times New Roman",serif!important;\n  font-size:15px!important;\n  font-weight:600!important;\n  letter-spacing:.055em!important;\n  color:#163d91!important;\n}\n.official-sg-logo{\n  display:block!important;\n  width:36px!important;\n  height:36px!important;\n  object-fit:contain!important;\n  flex:0 0 36px!important;\n}\n@media(max-width:1100px) and (min-width:901px){\n  .official-sg{font-size:13px!important;gap:7px!important}\n  .official-sg-logo{width:31px!important;height:31px!important;flex-basis:31px!important}\n}\n@media(max-width:900px){\n  .official-sg{font-size:12px!important;gap:6px!important}\n  .official-sg-logo{width:28px!important;height:28px!important;flex-basis:28px!important}\n}\n



/* =========================================================

   SG HEADER — firma proporzionata, senza alterare SuperMusica

   ========================================================= */

@media (min-width:1101px){

  .official-sg{

    display:inline-flex !important;

    align-items:center !important;

    gap:8px !important;

    white-space:nowrap !important;

    flex:0 0 auto !important;

  }



  .official-sg-logo{

    display:block !important;

    width:30px !important;

    height:34px !important;

    max-width:30px !important;

    max-height:34px !important;

    flex:0 0 30px !important;

    object-fit:contain !important;

    margin:0 !important;

    padding:0 !important;

  }

}



@media (min-width:901px) and (max-width:1100px){

  .official-sg-logo{

    width:27px !important;

    height:31px !important;

    max-width:27px !important;

    max-height:31px !important;

    flex:0 0 27px !important;

  }

}



@media(max-width:900px){

  .official-sg-logo{

    width:24px !important;

    height:28px !important;

    max-width:24px !important;

    max-height:28px !important;

    flex:0 0 24px !important;

  }

}





/* =========================================================

   FIX REALE SG: override del selettore del logo principale

   Il vecchio "header .brand img" stava ingrandendo ANCHE SG.

   ========================================================= */

@media (min-width:901px){

  header .brand .official-sg-logo,

  .site-header .brand .official-sg-logo,

  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo{

    display:block !important;

    width:32px !important;

    height:38px !important;

    min-width:32px !important;

    max-width:32px !important;

    min-height:0 !important;

    max-height:38px !important;

    flex:0 0 32px !important;

    object-fit:contain !important;

    object-position:center !important;

    align-self:center !important;

    margin:0 !important;

    padding:0 !important;

  }

}



@media(max-width:900px){

  header .brand .official-sg-logo,

  .site-header .brand .official-sg-logo,

  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo{

    width:26px !important;

    height:31px !important;

    min-width:26px !important;

    max-width:26px !important;

    min-height:0 !important;

    max-height:31px !important;

    flex:0 0 26px !important;

  }

}





/* =========================================================

   HEADER COME NELL'ESEMPIO FORNITO DAL CLIENTE

   ========================================================= */

@media (min-width:1101px){

  .site-header .brand-group,

  header .brand-group{

    gap:4px !important;

  }



  .official-sg{

    margin-left:-18px !important;

    gap:8px !important;

    display:inline-flex !important;

    align-items:center !important;

    white-space:nowrap !important;

  }



  header .brand .official-sg-logo,

  .site-header .brand .official-sg-logo,

  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo{

    width:72px !important;

    height:68px !important;

    min-width:72px !important;

    max-width:72px !important;

    min-height:0 !important;

    max-height:68px !important;

    flex:0 0 72px !important;

    object-fit:contain !important;

    margin:0 !important;

  }

}





/* =========================================================

   HEADER SG RIFINITO — nessuna immagine generata

   ========================================================= */

@media (min-width:1101px){

  .site-header .brand-group,

  header .brand-group{

    gap:0 !important;

  }



  .official-sg{

    display:inline-flex !important;

    align-items:center !important;

    gap:7px !important;

    margin-left:-30px !important;

    white-space:nowrap !important;

    flex:0 0 auto !important;

    transform:translateY(-1px);

  }



  .official-sg > span{

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:16px !important;

    line-height:1 !important;

    font-weight:700 !important;

    letter-spacing:.035em !important;

    color:#173d8f !important;

  }



  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo,

  header .official-sg-logo,

  .site-header .official-sg-logo{

    display:block !important;

    width:68px !important;

    height:70px !important;

    min-width:68px !important;

    max-width:68px !important;

    min-height:0 !important;

    max-height:70px !important;

    flex:0 0 68px !important;

    object-fit:contain !important;

    object-position:center !important;

    margin:0 !important;

    padding:0 !important;

  }



  /* Gives the main navigation a little breathing room after the SG mark */

  .main-nav{

    margin-left:12px !important;

  }

}



@media (min-width:901px) and (max-width:1100px){

  .official-sg{

    margin-left:-20px !important;

    gap:6px !important;

  }

  .official-sg > span{

    font-size:13px !important;

  }

  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo,

  header .official-sg-logo,

  .site-header .official-sg-logo{

    width:54px !important;

    height:58px !important;

    min-width:54px !important;

    max-width:54px !important;

    max-height:58px !important;

    flex-basis:54px !important;

  }

}





/* =========================================================

   LOGO SUPERMUSICA — usa il PNG ORIGINALE fornito dal cliente

   Più grande, senza ridimensionamenti/immagini derivate.

   ========================================================= */

@media (min-width:1101px){

  .site-header .brand,

  header .brand{

    flex:0 0 205px !important;

    min-width:205px !important;

    padding:0 !important;

  }



  .site-header .brand > a,

  header .brand > a{

    display:flex !important;

    align-items:center !important;

    height:100% !important;

  }



  .site-header .brand > a > img,

  header .brand > a > img{

    width:198px !important;

    max-width:198px !important;

    height:auto !important;

    min-height:0 !important;

    max-height:none !important;

    object-fit:contain !important;

    image-rendering:auto !important;

  }

}





/* =========================================================

   LOGO SG DEFINITIVO — immagine approvata dal cliente

   ========================================================= */

@media (min-width:1101px){

  .official-sg{

    margin-left:-24px !important;

    gap:8px !important;

    align-items:center !important;

  }



  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo,

  header .official-sg-logo,

  .site-header .official-sg-logo{

    display:block !important;

    width:76px !important;

    height:76px !important;

    min-width:76px !important;

    max-width:76px !important;

    min-height:0 !important;

    max-height:76px !important;

    flex:0 0 76px !important;

    object-fit:contain !important;

    object-position:center !important;

    margin:0 !important;

    padding:0 !important;

  }

}



@media (min-width:901px) and (max-width:1100px){

  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo,

  header .official-sg-logo,

  .site-header .official-sg-logo{

    width:60px !important;

    height:60px !important;

    min-width:60px !important;

    max-width:60px !important;

    max-height:60px !important;

    flex-basis:60px !important;

  }

}





/* =========================================================

   HEADER DEFINITIVO — COMPOSIZIONE APPROVATA

   Logo SM grande | testo distributore | logo SG | menu

   ========================================================= */



@media (min-width:1101px){



  .site-header{

    background:#fff !important;

    border-bottom:1px solid #dfe4ea !important;

  }



  .site-header .header-inner,

  header .header-inner{

    width:min(1400px, calc(100% - 30px)) !important;

    max-width:1400px !important;

    min-height:145px !important;

    margin:0 auto !important;

    padding:0 !important;



    display:grid !important;

    grid-template-columns:minmax(650px, 1fr) auto !important;

    align-items:center !important;

    column-gap:30px !important;

  }



  /* Blocco marchi a sinistra */

  .site-header .brand-group,

  header .brand-group{

    display:grid !important;

    grid-template-columns:200px auto 118px !important;

    align-items:center !important;

    justify-content:start !important;

    gap:18px !important;

    min-width:0 !important;

    margin:0 !important;

  }



  /* Logo SuperMusica */

  .site-header .brand,

  header .brand{

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    width:200px !important;

    min-width:200px !important;

    height:132px !important;

    padding:0 !important;

    margin:0 !important;

    overflow:visible !important;

  }



  .site-header .brand > img,

  header .brand > img,

  .site-header .brand img,

  header .brand img{

    display:block !important;

    width:190px !important;

    max-width:190px !important;

    height:auto !important;

    max-height:126px !important;

    object-fit:contain !important;

    object-position:left center !important;

    margin:0 !important;

    padding:0 !important;

  }



  /* Testo + logo SG */

  .official-sg{

    display:contents !important;

  }



  .official-sg > span{

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    margin:0 !important;

    padding:0 !important;



    color:#173d8f !important;

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:17px !important;

    line-height:1.05 !important;

    font-weight:700 !important;

    letter-spacing:.035em !important;

    white-space:nowrap !important;

  }



  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo,

  header .official-sg-logo,

  .site-header .official-sg-logo{

    display:block !important;

    width:112px !important;

    height:112px !important;

    min-width:112px !important;

    max-width:112px !important;

    min-height:112px !important;

    max-height:112px !important;

    object-fit:contain !important;

    object-position:center !important;

    margin:0 !important;

    padding:0 !important;

    align-self:center !important;

  }



  /* Menu principale a destra */

  .site-header .main-nav,

  header .main-nav{

    display:flex !important;

    align-items:center !important;

    justify-content:flex-end !important;

    gap:18px !important;

    margin:0 !important;

    padding:0 !important;

    min-width:0 !important;

    white-space:nowrap !important;

  }



  .site-header .main-nav a,

  header .main-nav a{

    font-size:13px !important;

    font-weight:750 !important;

    line-height:1 !important;

    padding:9px 0 !important;

  }



  .site-header .account-links,

  header .account-links{

    display:flex !important;

    align-items:center !important;

    margin-left:16px !important;

    flex:0 0 auto !important;

  }



  /* Il menu + account restano sulla stessa riga */

  .site-header .main-nav{

    grid-column:2 !important;

    grid-row:1 !important;

  }



  .site-header .account-links{

    position:absolute !important;

    right:max(15px, calc((100vw - 1400px)/2)) !important;

    transform:translateX(0) !important;

  }



  /* Riserva spazio a destra per Accedi B2B */

  .site-header .main-nav{

    padding-right:130px !important;

  }

}



/* Desktop intermedio */

@media (min-width:1101px) and (max-width:1380px){

  .site-header .header-inner,

  header .header-inner{

    grid-template-columns:minmax(590px, 1fr) auto !important;

    column-gap:18px !important;

  }



  .site-header .brand-group,

  header .brand-group{

    grid-template-columns:175px auto 96px !important;

    gap:12px !important;

  }



  .site-header .brand,

  header .brand{

    width:175px !important;

    min-width:175px !important;

  }



  .site-header .brand > img,

  header .brand > img,

  .site-header .brand img,

  header .brand img{

    width:168px !important;

    max-width:168px !important;

  }



  .official-sg > span{

    font-size:15px !important;

  }



  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo,

  header .official-sg-logo,

  .site-header .official-sg-logo{

    width:92px !important;

    height:92px !important;

    min-width:92px !important;

    max-width:92px !important;

    min-height:92px !important;

    max-height:92px !important;

  }



  .site-header .main-nav,

  header .main-nav{

    gap:12px !important;

  }



  .site-header .main-nav a,

  header .main-nav a{

    font-size:12px !important;

  }

}



/* Barra categorie: resta compatta e allineata allo stesso asse */

@media (min-width:901px){

  .global-catalog-bar .container,

  .global-catalog-inner{

    width:min(1400px, calc(100% - 30px)) !important;

    max-width:1400px !important;

    margin-left:auto !important;

    margin-right:auto !important;

  }

}





/* =========================================================

   SG DEFINITIVO: colore pieno + centratura geometrica

   ========================================================= */

@media (min-width:1101px){

  .site-header .header-inner,

  header .header-inner{

    display:grid !important;

    grid-template-columns: 1fr 130px 1fr !important;

    align-items:center !important;

    width:min(1400px, calc(100% - 30px)) !important;

    max-width:1400px !important;

    margin:0 auto !important;

    column-gap:0 !important;

  }



  .site-header .brand-group,

  header .brand-group{

    grid-column:1 / 3 !important;

    grid-row:1 !important;

    display:grid !important;

    grid-template-columns:200px minmax(320px,1fr) 130px !important;

    align-items:center !important;

    gap:12px !important;

    margin:0 !important;

    min-width:0 !important;

  }



  .official-sg{

    display:contents !important;

  }



  .official-sg > span{

    justify-self:start !important;

    margin:0 !important;

    color:#173d8f !important;

    font-weight:800 !important;

  }



  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo,

  header .official-sg-logo,

  .site-header .official-sg-logo{

    justify-self:center !important;

    align-self:center !important;

    width:112px !important;

    height:112px !important;

    min-width:112px !important;

    max-width:112px !important;

    min-height:112px !important;

    max-height:112px !important;

    object-fit:contain !important;

    margin:0 !important;

    padding:0 !important;

    opacity:1 !important;

    filter:none !important;

  }



  .site-header .main-nav,

  header .main-nav{

    grid-column:3 !important;

    grid-row:1 !important;

    justify-self:end !important;

    margin:0 !important;

  }

}





/* =========================================================

   SG POSIZIONE PULITA — unica regola definitiva

   ========================================================= */

@media (min-width:1101px){

  .site-header .header-inner,

  header .header-inner{

    display:grid !important;

    grid-template-columns: 1fr 150px 1fr !important;

    align-items:center !important;

    width:min(1400px, calc(100% - 30px)) !important;

    max-width:1400px !important;

    margin:0 auto !important;

  }



  .site-header .brand-group,

  header .brand-group{

    grid-column:1 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    gap:10px !important;

    min-width:0 !important;

  }



  .official-sg{

    display:flex !important;

    align-items:center !important;

    gap:0 !important;

    margin:0 !important;

  }



  .official-sg > span{

    margin:0 !important;

    white-space:nowrap !important;

  }



  header .brand-group .official-sg-logo,

  .site-header .brand-group .official-sg-logo,

  header .official-sg-logo,

  .site-header .official-sg-logo{

    position:static !important;

    transform:none !important;

    justify-self:auto !important;

    align-self:center !important;



    width:112px !important;

    height:112px !important;

    min-width:112px !important;

    max-width:112px !important;

    min-height:112px !important;

    max-height:112px !important;



    margin:0 0 0 22px !important;

    padding:0 !important;

    filter:none !important;

    opacity:1 !important;

    object-fit:contain !important;

  }



  .site-header .main-nav,

  header .main-nav{

    grid-column:3 !important;

    justify-self:end !important;

    margin:0 !important;

  }

}



/* CATEGORIE E SOTTOCATEGORIE — fotografie reali fornite */

.catalog-family-button--image{padding:0 0 18px!important;overflow:hidden;min-height:310px!important;background:#fff!important}

.catalog-family-media{display:block;width:100%;height:190px;margin:0 0 16px;background:#fff;border-bottom:1px solid #edf0f3;overflow:hidden}

.catalog-family-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:10px;box-sizing:border-box}

.catalog-family-button--image>.catalog-family-eyebrow,.catalog-family-button--image>strong,.catalog-family-button--image>small,.catalog-family-button--image>b{margin-left:20px;margin-right:20px}

.catalog-family-button--image>.catalog-family-eyebrow{margin-bottom:7px}

.catalog-family-button--image>b{margin-top:auto}

.catalog-subcategory-grid .catalog-family-button--image{min-height:285px!important}

.catalog-subcategory-grid .catalog-family-media{height:185px}

@media(max-width:620px){.catalog-family-button--image{min-height:255px!important}.catalog-family-media,.catalog-subcategory-grid .catalog-family-media{height:155px}.catalog-family-button--image>.catalog-family-eyebrow,.catalog-family-button--image>strong,.catalog-family-button--image>small,.catalog-family-button--image>b{margin-left:15px;margin-right:15px}}





/* =========================================================

   CATEGORIE CON IMMAGINI — dimensioni controllate

   Le immagini non possono mai uscire dalla card.

   ========================================================= */

.catalog-family-button--image{

  overflow:hidden !important;

  padding:0 !important;

  min-height:0 !important;

}



.catalog-family-media{

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

  width:100% !important;

  height:150px !important;

  max-height:150px !important;

  overflow:hidden !important;

  background:#fff !important;

  border-bottom:1px solid #edf0f3 !important;

}



.catalog-family-media img{

  display:block !important;

  width:100% !important;

  height:100% !important;

  max-width:100% !important;

  max-height:150px !important;

  object-fit:contain !important;

  object-position:center !important;

  margin:0 !important;

  padding:10px !important;

  box-sizing:border-box !important;

}



.catalog-family-button--image > .catalog-family-eyebrow,

.catalog-family-button--image > strong,

.catalog-family-button--image > small,

.catalog-family-button--image > b{

  margin-left:18px !important;

  margin-right:18px !important;

}



.catalog-family-button--image > .catalog-family-eyebrow{

  margin-top:15px !important;

}



.catalog-family-button--image > b{

  margin-bottom:17px !important;

}



.catalog-subcategory-grid .catalog-family-media{

  height:135px !important;

  max-height:135px !important;

}



.catalog-subcategory-grid .catalog-family-media img{

  max-height:135px !important;

}



@media(max-width:620px){

  .catalog-family-media{

    height:115px !important;

    max-height:115px !important;

  }

  .catalog-family-media img{

    max-height:115px !important;

    padding:7px !important;

  }

  .catalog-subcategory-grid .catalog-family-media{

    height:105px !important;

    max-height:105px !important;

  }

  .catalog-subcategory-grid .catalog-family-media img{

    max-height:105px !important;

  }

}



/* =========================================================

   HEADER DEFINITIVO - CLASSI REALI DEL SITO

   Non modifica catalogo, categorie, prodotti o hero.

   ========================================================= */

@media (min-width:1101px){

  body .site-header{

    position:relative !important;

    top:auto !important;

    z-index:50 !important;

    background:#fff !important;

    border-bottom:1px solid #dfe5ec !important;

    overflow:visible !important;

  }



  body .site-header .header-inner{

    width:min(1400px,calc(100% - 32px)) !important;

    max-width:1400px !important;

    height:132px !important;

    min-height:132px !important;

    margin:0 auto !important;

    padding:0 !important;

    display:grid !important;

    grid-template-columns:205px minmax(300px,360px) 105px minmax(0,1fr) auto !important;

    align-items:center !important;

    column-gap:18px !important;

    overflow:visible !important;

  }



  body .site-header .brand-main{

    grid-column:1 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    width:205px !important;

    height:118px !important;

    min-width:205px !important;

    max-width:205px !important;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

  }



  body .site-header .brand-main img{

    display:block !important;

    width:198px !important;

    height:110px !important;

    min-width:0 !important;

    max-width:198px !important;

    min-height:0 !important;

    max-height:110px !important;

    object-fit:contain !important;

    object-position:left center !important;

    margin:0 !important;

    padding:0 !important;

  }



  body .site-header .distributor-title{

    grid-column:2 !important;

    position:static !important;

    width:auto !important;

    max-width:none !important;

    margin:0 !important;

    padding:0 !important;

    transform:none !important;

    color:#173d8f !important;

    font-family:Georgia,"Times New Roman",serif !important;

    font-size:16px !important;

    line-height:1.05 !important;

    font-weight:700 !important;

    letter-spacing:.035em !important;

    text-align:left !important;

    white-space:nowrap !important;

  }



  body .site-header .sg-header-brand{

    grid-column:3 !important;

    position:static !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:105px !important;

    min-width:105px !important;

    max-width:105px !important;

    height:96px !important;

    min-height:96px !important;

    max-height:96px !important;

    margin:0 !important;

    padding:0 !important;

    transform:none !important;

    overflow:hidden !important;

  }



  body .site-header .sg-header-brand img,

  body .site-header img.logo-sg,

  body .site-header img[src*="logo-sg-simone-header"]{

    display:block !important;

    position:static !important;

    width:92px !important;

    min-width:92px !important;

    max-width:92px !important;

    height:92px !important;

    min-height:92px !important;

    max-height:92px !important;

    object-fit:contain !important;

    object-position:center !important;

    margin:0 !important;

    padding:0 !important;

    transform:none !important;

    filter:none !important;

    opacity:1 !important;

  }



  body .site-header .menu-toggle{

    display:none !important;

  }



  body .site-header .main-nav{

    grid-column:4 !important;

    position:static !important;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-end !important;

    gap:14px !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

    transform:none !important;

    white-space:nowrap !important;

  }



  body .site-header .main-nav a{

    font-size:13px !important;

    line-height:1 !important;

    font-weight:700 !important;

    padding:8px 0 !important;

    white-space:nowrap !important;

  }



  body .site-header .account-links{

    grid-column:5 !important;

    position:static !important;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-end !important;

    width:auto !important;

    height:auto !important;

    margin:0 !important;

    padding:0 !important;

    transform:none !important;

  }



  body .site-header .account-links a{

    padding:9px 12px !important;

    font-size:13px !important;

  }

}



@media (min-width:901px) and (max-width:1100px){

  body .site-header .header-inner{

    width:min(1050px,calc(100% - 24px)) !important;

    height:112px !important;

    min-height:112px !important;

    display:grid !important;

    grid-template-columns:170px minmax(230px,1fr) 76px minmax(0,1fr) auto !important;

    align-items:center !important;

    column-gap:10px !important;

    padding:0 !important;

  }

  body .site-header .brand-main,

  body .site-header .brand-main img{

    width:165px !important;

    max-width:165px !important;

  }

  body .site-header .brand-main{height:104px !important;min-width:165px !important;max-width:165px !important;}

  body .site-header .brand-main img{height:96px !important;max-height:96px !important;object-fit:contain !important;}

  body .site-header .distributor-title{font-size:13px !important;white-space:nowrap !important;}

  body .site-header .sg-header-brand{width:76px !important;min-width:76px !important;max-width:76px !important;height:72px !important;min-height:72px !important;max-height:72px !important;overflow:hidden !important;}

  body .site-header .sg-header-brand img,

  body .site-header img[src*="logo-sg-simone-header"]{width:68px !important;min-width:68px !important;max-width:68px !important;height:68px !important;min-height:68px !important;max-height:68px !important;object-fit:contain !important;}

  body .site-header .main-nav{gap:9px !important;}

  body .site-header .main-nav a{font-size:11px !important;}

  body .site-header .account-links a{font-size:11px !important;padding:8px 9px !important;}

}



@media (max-width:900px){

  body .site-header{position:relative !important;overflow:visible !important;}

  body .site-header .header-inner{

    position:relative !important;

    min-height:118px !important;

    height:118px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    padding:0 52px !important;

    overflow:visible !important;

  }

  body .site-header .brand-main{display:flex !important;width:auto !important;height:108px !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;}

  body .site-header .brand-main img{width:190px !important;max-width:190px !important;height:100px !important;max-height:100px !important;object-fit:contain !important;}

  body .site-header .distributor-title,

  body .site-header .sg-header-brand{display:none !important;}

  body .site-header .menu-toggle{display:block !important;position:absolute !important;right:14px !important;top:50% !important;transform:translateY(-50%) !important;}

  body .site-header .main-nav,

  body .site-header .account-links{display:none !important;}

  body .site-header.open .main-nav,

  body .site-header.open .account-links{display:flex !important;position:absolute !important;left:0 !important;right:0 !important;background:#fff !important;padding:18px !important;flex-direction:column !important;z-index:60 !important;}

  body .site-header.open .main-nav{top:118px !important;}

  body .site-header.open .account-links{top:330px !important;}

}





/* =========================================================

   5 CATEGORIE PRINCIPALI — Home + Catalogo

   ========================================================= */

@media (min-width:1051px){

  .home-cats.category-visual-grid{

    grid-template-columns:repeat(5,minmax(0,1fr)) !important;

    gap:12px !important;

  }

  .home-cats .category-visual{

    min-height:210px !important;

    padding:16px !important;

  }

  .home-cats .category-visual span{

    font-size:17px !important;

  }



  .catalog-family-grid-main{

    grid-template-columns:repeat(5,minmax(0,1fr)) !important;

  }

}



/* Le categorie richiamate in fondo mostrano sempre la foto */

.catalog-category-recall .catalog-family-button--image{

  min-height:0 !important;

}



/* Con 5 voci la barra catalogo può scorrere orizzontalmente

   sui desktop più stretti senza rompere il layout. */

.global-catalog-main{

  min-width:0 !important;

}

@media (max-width:1250px){

  .global-catalog-main{

    overflow-x:auto !important;

    scrollbar-width:none;

  }

  .global-catalog-main::-webkit-scrollbar{display:none}

  .global-catalog-main a{flex:0 0 auto !important}

}


/* =========================================================
   FIX 2026-08-21 — VISIBILITA CATEGORIE PRINCIPALI
   Le 5 categorie devono restare sempre visibili in Home,
   Catalogo e barra di navigazione, senza clipping/override.
   ========================================================= */
.home-cats.category-visual-grid,
.catalog-family-grid-main{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
}

.home-cats.category-visual-grid > .category-visual,
.catalog-family-grid-main > .catalog-family-button{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
}

@media (min-width:1051px){
  .home-cats.category-visual-grid,
  .catalog-family-grid-main{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}

@media (min-width:701px) and (max-width:1050px){
  .home-cats.category-visual-grid,
  .catalog-family-grid-main{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (min-width:431px) and (max-width:700px){
  .home-cats.category-visual-grid,
  .catalog-family-grid-main{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:430px){
  .home-cats.category-visual-grid,
  .catalog-family-grid-main{
    grid-template-columns:1fr !important;
  }
}

/* Barra categorie globale: non deve perdere le prime voci. */
.global-catalog-inner{
  overflow:visible !important;
}
.global-catalog-main{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
}
.global-catalog-main > a{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
.global-catalog-main::-webkit-scrollbar{display:none !important;}

/* Su desktop largo tutte le categorie principali stanno in chiaro. */
@media (min-width:1260px){
  .global-catalog-main{
    overflow:visible !important;
  }
}

/* =========================================================
   FIX 2026-08-21b — FOTO CATEGORIE
   Immagini reali IMG per evitare problemi di background/MIME.
   ========================================================= */
.home-cats .category-visual{
  background:linear-gradient(135deg,#173d6d,#07182e) !important;
  isolation:isolate;
}
.home-cats .category-visual-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:0;
}
.home-cats .category-visual:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(4,20,40,.04) 15%,rgba(4,20,40,.88) 100%) !important;
}
.home-cats .category-visual span,
.home-cats .category-visual small{
  position:relative;
  z-index:2;
}
.catalog-family-media img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* ===== Testi ricchi scheda prodotto ===== */
.rich-product-copy{font-size:16px;line-height:1.75;color:#28323b}.rich-product-copy h2,.rich-product-copy h3,.rich-product-copy h4{line-height:1.25;margin:1.15em 0 .5em;color:#13243a}.rich-product-copy h2{font-size:30px}.rich-product-copy h3{font-size:24px}.rich-product-copy h4{font-size:19px}.rich-product-copy p{margin:.7em 0}.rich-product-copy ul,.rich-product-copy ol{margin:.8em 0;padding-left:28px}.rich-product-copy li{margin:.3em 0}.rich-product-copy blockquote{border-left:4px solid #b38a3e;margin:1em 0;padding:10px 16px;background:#faf7ef}.rich-product-copy a{color:#9a742e;text-decoration:underline}.rich-product-copy hr{border:0;border-top:1px solid #e2e5e8;margin:22px 0}