/* Prima e dopo + Precisione di bottega — ALBA Ripara */
.pd,.bottega{padding:84px 0;background:#07100b;color:#f3f8f1}
.bottega{padding-top:0}
.pd .wrap,.bottega .wrap{width:min(1200px,calc(100% - 48px))!important;margin:0 auto}
.pd-eyebrow{margin:0 0 12px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.16em!important;color:#b7ff5a!important;text-align:left!important}
.pd h2,.bottega h2{margin:0 0 10px!important;font-size:clamp(34px,4.2vw,56px)!important;line-height:1!important;letter-spacing:-.04em!important;color:#fff!important;text-align:left!important}
.pd-lead{margin:0 0 32px!important;font-size:18px!important;color:rgba(243,248,241,.72)!important;text-align:left!important}

.pd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pd-card{margin:0}
.pd-view{position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#0b1711;box-shadow:0 0 0 1px rgba(243,248,241,.08)}
.pd-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pd-state{position:absolute;top:14px;left:14px;z-index:2;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(7,16,11,.72);color:#fff;transition:background .3s,color .3s}
.is-after .pd-state{background:#b7ff5a;color:#07100b}
.pd-card figcaption{margin-top:12px;display:flex;flex-direction:column;gap:2px}
.pd-card figcaption strong{font-size:17px;color:#fff}
.pd-card figcaption span{font-size:15px;color:rgba(243,248,241,.72)}

.bottega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.bottega-grid article{padding:22px 20px;border-radius:22px;background:rgba(243,248,241,.04);border:1px solid rgba(243,248,241,.1)}
.bottega-grid span{font-size:13px;font-weight:900;color:#b7ff5a;letter-spacing:.1em}
.bottega-grid h3{margin:10px 0 8px!important;font-size:19px!important;line-height:1.2!important;color:#fff!important}
.bottega-grid p{margin:0!important;font-size:15px!important;line-height:1.5!important;color:rgba(243,248,241,.72)!important}

@media (max-width:860px){
  .pd{padding:56px 0}
  .bottega{padding:0 0 56px}
  .pd .wrap,.bottega .wrap{width:calc(100% - 30px)!important}
  .pd h2,.bottega h2{font-size:32px!important}
  .pd-lead{font-size:16px!important;margin-bottom:20px!important}
  .pd-grid{grid-template-columns:1fr;gap:22px}
  .bottega-grid{grid-template-columns:1fr;gap:10px;margin-top:18px}
}
/* numeri 1-2-3-4 e collegamento alla pagina ricambi */
.bottega-grid{list-style:none;padding:0}
.bottega-grid li{padding:22px 20px;border-radius:22px;background:rgba(243,248,241,.04);border:1px solid rgba(243,248,241,.1)}
.bottega-grid li span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#b7ff5a;color:#07100b;font-size:15px;font-weight:900;letter-spacing:0}
.bottega-link{display:inline-block;margin-top:22px;font-weight:800;color:#b7ff5a!important;text-decoration:underline;text-underline-offset:4px}
/* vetro liquido */
.pd-state{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06))!important;border:1px solid rgba(255,255,255,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 16px rgba(0,0,0,.25);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}
.is-after .pd-state{background:linear-gradient(180deg,#d4ff8f,#b7ff5a)!important;color:#07100b}
.pd-view{border-radius:30px}
.bottega-grid li{border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.bottega-grid li span{background:linear-gradient(180deg,#d4ff8f,#b7ff5a);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 12px rgba(183,255,90,.25)}