/* Pagina Cristalli (Glass) — Donada. Tutto sotto .cdg, classi prefissate cdg- */
.cdg{
  --cdg-red: var(--cd-palette-color-1, #DD011E); --cdg-red-dark:#B30018;
  --cdg-ink:#000; --cdg-ink-2: var(--cd-palette-color-2, #4D4D4D); --cdg-muted: var(--cd-palette-color-3, #838486);
  --cdg-line:#E7E7EA; --cdg-bg:#F5F5F6; --cdg-radius:14px; --cdg-shadow:0 10px 30px rgba(20,20,30,.08);
  font-family:'Kanit',"Helvetica Neue",Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.5;letter-spacing:1px;color:var(--cdg-ink-2);-webkit-font-smoothing:antialiased;
}
.cdg *,.cdg *::before,.cdg *::after{box-sizing:border-box}
.cdg h1,.cdg h2,.cdg h3,.cdg p,.cdg ul,.cdg ol,.cdg li,.cdg figure{margin:0;padding:0;letter-spacing:inherit;text-transform:none;font-family:inherit}
.cdg ul,.cdg ol,.cdg li{list-style:none;line-height:inherit}
.cdg img{display:block;max-width:100%}
.cdg a{text-decoration:none;color:inherit}
.cdg button{font-family:inherit;color:inherit;line-height:1.2;letter-spacing:inherit;text-transform:none;box-shadow:none}
.cdg b,.cdg strong{font-weight:600}
.cdg :focus-visible{outline:3px solid var(--cdg-red);outline-offset:2px}
.cdg .cdg-i{width:20px;height:20px;flex:none}
.cdg .cdg-i--md{width:26px;height:26px}
.cdg .cdg-i--lg{width:30px;height:30px}
.cdg-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.cdg .cdg-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:400;letter-spacing:2px;color:var(--cdg-red);text-transform:uppercase}
.cdg-eyebrow::before{content:"";width:28px;height:3px;background:var(--cdg-red)}
.cdg .cdg-h1{font-size:clamp(30px,4.4vw,48px);line-height:1.08;font-weight:600;color:var(--cdg-ink);letter-spacing:.05em;margin:14px 0 16px}
.cdg .cdg-h1 span{color:var(--cdg-red)}
.cdg .cdg-h2{font-size:clamp(25px,2.6vw,34px);line-height:1.2;font-weight:600;color:var(--cdg-ink);margin:10px 0 28px}
.cdg .cdg-lead{font-size:19px;color:var(--cdg-ink-2);max-width:34em}

/* Bottoni */
.cdg .cdg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:8px;font-weight:600;font-size:17px;white-space:nowrap;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s}
.cdg .cdg-btn--red{background:var(--cdg-red);color:#fff}
.cdg .cdg-btn--red:hover{background:var(--cdg-red-dark);color:#fff}
.cdg .cdg-btn--line{border-color:var(--cdg-ink);color:var(--cdg-ink);background:#fff}
.cdg .cdg-btn--line:hover{background:var(--cdg-ink);color:#fff}
.cdg .cdg-btn--dark{background:#000;color:#fff;border-color:#000}
.cdg .cdg-btn--dark:hover{background:#333;border-color:#333;color:#fff}
.cdg .cdg-btn--white{background:#fff;color:var(--cdg-red)}
.cdg .cdg-btn--white:hover{background:#f3f3f3;color:var(--cdg-red)}
.cdg .cdg-btn--ghost{border-color:#fff;color:#fff}
.cdg .cdg-btn--ghost:hover{background:#fff;color:var(--cdg-red)}
.cdg-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* Testata immersiva */
.cdg-hero{position:relative;isolation:isolate;overflow:hidden;background:#111;min-height:clamp(520px,74vh,760px);display:flex;align-items:flex-end}
.cdg .cdg-hero__bg,.cdg .cdg-hero__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cdg .cdg-hero__bg img{animation:cdg-zoom 18s ease-out forwards}
@keyframes cdg-zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.cdg-hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.35) 0%,rgba(10,10,12,.55) 45%,rgba(10,10,12,.88) 100%)}
.cdg-hero__inner{position:relative;z-index:1;padding-top:96px;padding-bottom:84px;max-width:1200px;width:100%}
.cdg .cdg-eyebrow--light{color:#fff}
.cdg .cdg-eyebrow--light::before{background:var(--cdg-red)}
.cdg .cdg-h1--hero{color:#fff;max-width:16em;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.cdg .cdg-h1--hero span{color:#fff;opacity:.75}
.cdg .cdg-lead--hero{color:rgba(255,255,255,.92);max-width:36em}
.cdg .cdg-usp{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:32px}
.cdg .cdg-usp li{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--cdg-ink-2)}
.cdg .cdg-usp i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--cdg-red);box-shadow:var(--cdg-shadow);flex:none}
.cdg .cdg-usp--light{gap:10px 12px;margin-top:30px}
.cdg .cdg-usp--light li{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 16px 9px 10px;gap:8px;backdrop-filter:blur(6px);font-size:15px;line-height:1.2}
.cdg .cdg-usp--light i{width:26px;height:26px;background:transparent;border-radius:0;color:#fff;box-shadow:none}
.cdg .cdg-usp--light i svg{width:18px;height:18px}
.cdg .cdg-hero__down{position:absolute;left:50%;bottom:18px;transform:translateX(-50%) rotate(90deg);z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.16);animation:cdg-bounce 2.4s ease-in-out infinite}
@keyframes cdg-bounce{0%,100%{transform:translateX(-50%) rotate(90deg) translateY(0)}50%{transform:translateX(-50%) rotate(90deg) translateY(6px)}}

/* Comparsa graduale */
.cdg [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.cdg [data-reveal].is-in{opacity:1;transform:none}

/* Carosello */
.cdg-car{position:relative}
.cdg-car__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 10px;overscroll-behavior-x:contain}
.cdg-car__track::-webkit-scrollbar{display:none}
.cdg .cdg-car__slide{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
.cdg-car__nav{display:flex;align-items:center;gap:14px;margin-top:18px}
.cdg .cdg-car__btn{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--cdg-line);background:#fff;color:var(--cdg-ink);display:grid;place-items:center;cursor:pointer;transition:.15s;flex:none}
.cdg .cdg-car__btn:hover:not(:disabled){background:var(--cdg-ink);color:#fff;border-color:var(--cdg-ink)}
.cdg .cdg-car__btn:disabled{opacity:.35;cursor:default}
.cdg .cdg-car__btn[data-car-prev] svg{transform:rotate(180deg)}
.cdg-car__dots{display:flex;gap:8px;flex:1;flex-wrap:wrap}
.cdg .cdg-car__dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#D6D6DA;cursor:pointer;transition:.2s}
.cdg .cdg-car__dot[aria-current="true"]{width:26px;background:var(--cdg-red)}

.cdg .cdg-car__track{cursor:grab}
.cdg .cdg-car__track.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.cdg .cdg-car__track.is-drag img{pointer-events:none}

/* Galleria interventi */
.cdg-gal{padding:64px 0;background:#fff}
.cdg .cdg-shotcard{border-radius:var(--cdg-radius);overflow:hidden;box-shadow:var(--cdg-shadow);background:#fff;position:relative}
.cdg .cdg-shotcard img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.cdg .cdg-shotcard figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;color:#fff;font-size:15px;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0))}

/* Schede servizi */
.cdg-serv__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.cdg-serv{padding:64px 0;background:#fff}
.cdg .cdg-card{background:#fff;border:1px solid var(--cdg-line);border-radius:var(--cdg-radius);padding:26px;box-shadow:var(--cdg-shadow);display:flex;flex-direction:column;gap:12px}
.cdg-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cdg-card__icon{width:56px;height:56px;border-radius:14px;background:var(--cdg-bg);display:grid;place-items:center;color:var(--cdg-red)}
.cdg .cdg-card h3{font-size:24px;font-weight:600;color:var(--cdg-ink)}
.cdg .cdg-card p{font-size:16px}
.cdg .cdg-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:400;padding:6px 12px;border-radius:999px;white-space:nowrap}
.cdg .cdg-chip .cdg-i{width:15px;height:15px}
.cdg .cdg-chip--ok{background:#E9F6EE;color:#1C7A44}
.cdg .cdg-chip--warn{background:#FDECEE;color:var(--cdg-red)}
.cdg .cdg-ticks{display:grid;gap:10px;margin-top:4px}
.cdg .cdg-ticks li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:15px}
.cdg .cdg-ticks li span{width:12px;height:12px;margin-top:6px;border-radius:3px;background:var(--cdg-red)}

/* Confronto vetri */
.cdg-vetri{padding:64px 0;background:var(--cdg-bg)}
.cdg-vetri__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.cdg-vetri__img img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;box-shadow:var(--cdg-shadow)}
.cdg-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cdg .cdg-compare__box{background:#fff;border-radius:var(--cdg-radius);padding:22px;border:1px solid var(--cdg-line)}
.cdg-compare__box i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--cdg-bg);color:var(--cdg-red);margin-bottom:10px}
.cdg .cdg-compare__box h3{font-size:19px;font-weight:600;color:var(--cdg-ink);margin-bottom:6px}
.cdg .cdg-compare__box p{font-size:15px}

/* Fascia fotografica */
.cdg-shot{padding:0 0 64px;background:var(--cdg-bg)}
.cdg .cdg-shot figure{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--cdg-shadow)}
.cdg .cdg-shot img{width:100%;height:auto;aspect-ratio:21/8;object-fit:cover}
.cdg .cdg-shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;color:#fff;font-size:17px;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0))}
@media (max-width:820px){.cdg-shot{padding-bottom:38px}.cdg .cdg-shot img{aspect-ratio:4/3}.cdg .cdg-shot figcaption{position:static;background:#000;padding:14px 16px;font-size:15px}}

/* Passi */
.cdg-steps{padding:64px 0;background:#fff}
.cdg-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cdg .cdg-step{background:var(--cdg-bg);border-radius:var(--cdg-radius);padding:26px;position:relative}
.cdg-step b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cdg-red);color:#fff;font-size:19px;font-weight:600;margin-bottom:14px}
.cdg .cdg-step h3{font-size:19px;font-weight:600;color:var(--cdg-ink);margin-bottom:6px}
.cdg .cdg-step p{font-size:15px}

/* Quadratini */
.cdg-plus{padding:64px 0;background:var(--cdg-bg)}
.cdg-plus__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cdg .cdg-tile{background:#fff;border-radius:var(--cdg-radius);padding:24px;border:1px solid var(--cdg-line);transition:transform .15s,box-shadow .15s}
.cdg .cdg-tile:hover{transform:translateY(-3px);box-shadow:var(--cdg-shadow)}
.cdg-tile i{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--cdg-red);color:#fff;margin-bottom:14px}
.cdg .cdg-tile h3{font-size:19px;font-weight:600;color:var(--cdg-ink);margin-bottom:6px}
.cdg .cdg-tile p{font-size:15px}

/* FAQ */
.cdg-faq{padding:64px 0;background:#fff}
.cdg-faq__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.cdg .cdg-faq__intro p{margin-top:12px;font-size:16px}
.cdg-faq__intro .cdg-btn{margin-top:22px}
.cdg-acc{display:grid;gap:12px}
.cdg .cdg-acc__item{border:1px solid var(--cdg-line);border-radius:var(--cdg-radius);background:#fff;overflow:hidden}
.cdg .cdg-acc__item[open]{border-color:var(--cdg-red);box-shadow:var(--cdg-shadow)}
.cdg .cdg-acc__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-size:18px;font-weight:400;color:var(--cdg-ink);min-height:56px}
.cdg .cdg-acc__item summary::-webkit-details-marker{display:none}
.cdg .cdg-acc__item summary i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--cdg-bg);color:var(--cdg-red);flex:none;transition:transform .2s,background .2s}
.cdg .cdg-acc__item[open] summary i{transform:rotate(45deg);background:var(--cdg-red);color:#fff}
.cdg .cdg-acc__body{padding:0 20px 20px;font-size:16px}

/* Fascia finale */
.cdg-band{background:var(--cdg-red);color:#fff;padding:56px 0}
.cdg-band__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cdg .cdg-band h2{font-size:clamp(25px,2.4vw,32px);font-weight:600;color:#fff;line-height:1.15}
.cdg .cdg-band p{opacity:.92;margin-top:6px;color:#fff}
.cdg-band .cdg-cta-row{margin:0}

@media (max-width:1024px){
  .cdg .cdg-car__slide{flex-basis:calc((100% - 24px)/2)}
  .cdg-serv__grid,.cdg-plus__grid{grid-template-columns:repeat(2,1fr)}
  .cdg-steps__grid{grid-template-columns:repeat(2,1fr)}
  .cdg-faq__grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:820px){
  .cdg{font-size:16px}
  .cdg-wrap{padding:0 18px}
  .cdg-hero__grid{grid-template-columns:1fr;gap:26px;padding:28px 18px 34px}
  .cdg-hero__img{order:-1}
  .cdg .cdg-lead{font-size:17px}
  .cdg-cta-row .cdg-btn{flex:1 1 150px;font-size:15px;padding:0 14px}
  .cdg-serv,.cdg-vetri,.cdg-steps,.cdg-plus,.cdg-faq{padding:38px 0}
  .cdg-plus__grid,.cdg-steps__grid,.cdg-vetri__grid,.cdg-compare{grid-template-columns:1fr;gap:16px}
  .cdg .cdg-car__slide{flex-basis:calc(100% - 52px)}
  .cdg-serv__grid{grid-template-columns:1fr}
  .cdg-car__track{gap:14px}
  .cdg-gal{padding:38px 0}
  .cdg-hero__inner{padding-top:64px;padding-bottom:64px}
  .cdg .cdg-hero__down{display:none}
  .cdg-vetri__img{order:-1}
  .cdg .cdg-acc__item summary{font-size:17px;padding:14px 16px}
  .cdg .cdg-acc__body{padding:0 16px 16px}
  .cdg-band{padding:36px 0}
  .cdg-band .cdg-cta-row{width:100%;flex-direction:column}
  .cdg-band .cdg-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.cdg *{transition:none!important;animation:none!important}.cdg [data-reveal]{opacity:1;transform:none}}