/* ============================================================
   EMPORIO EDILE — Scheda prodotto
   ============================================================ */

/* ---------------- Top: galleria + info ---------------- */
.pd-top{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:start;padding-bottom:3.5rem}

/* Galleria */
.pd-main{position:relative;aspect-ratio:4/3;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;cursor:zoom-in}
.pd-main:not([role="button"]){cursor:default}
.pd-main img{width:100%;height:100%;object-fit:contain;padding:1.2rem}
.pd-main .no-img{color:var(--slate-400);display:grid;place-items:center;height:100%;width:100%;background:repeating-linear-gradient(45deg,#F6F8FC 0 14px,#EFF2F9 14px 28px)}
.pd-main .badge-availability{position:absolute;top:.9rem;left:.9rem;z-index:2;box-shadow:var(--shadow-sm)}
.pd-main:focus-visible{outline:3px solid var(--yellow-500);outline-offset:-3px}
.pd-zoom-hint{position:absolute;right:.9rem;bottom:.9rem;width:38px;height:38px;border-radius:50%;background:var(--navy-900);color:#fff;display:grid;place-items:center;opacity:.78;transition:.15s;z-index:2}
.pd-main:hover .pd-zoom-hint{opacity:1;background:var(--yellow-500);color:var(--navy-900)}

.pd-thumbs{display:flex;gap:.6rem;margin-top:.85rem;flex-wrap:wrap}
.pd-thumb{width:86px;aspect-ratio:4/3;border:2px solid var(--line);border-radius:var(--radius-xs);background:#fff;overflow:hidden;cursor:pointer;padding:0;transition:border-color .15s,transform .15s}
.pd-thumb img{width:100%;height:100%;object-fit:contain}
.pd-thumb:hover{transform:translateY(-2px)}
.pd-thumb.active{border-color:var(--yellow-500)}
.pd-thumb:focus-visible{outline:2px solid var(--blue-500);outline-offset:1px}

/* Info */
.pd-cat{display:inline-block;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-600);margin-bottom:.4rem}
.pd-cat:hover{color:#8A6200}
.pd-title{margin:0 0 .55em}
.pd-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}
.pd-brand img{max-height:44px;width:auto;max-width:170px;object-fit:contain}
.pd-brand strong{font-family:var(--font-display);font-size:1.05rem;color:var(--slate-700);letter-spacing:.02em}
.pd-short{color:var(--slate-600);font-size:1.05rem;max-width:56ch}
.pd-price-note{font-family:var(--font-display);font-size:1.02rem;font-weight:700;padding:.6rem 1.15rem;margin:.3rem 0 .4rem}
.pd-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0 0}

.pd-highlights{list-style:none;margin:1.7rem 0 0;padding:1.15rem 1.35rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:.65rem;box-shadow:var(--shadow-sm)}
.pd-highlights li{display:flex;align-items:flex-start;gap:.65rem;font-size:.95rem;color:var(--slate-700)}
.pd-highlights strong{color:var(--ink)}
.pd-check{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--yellow-100);color:var(--yellow-600);display:grid;place-items:center;margin-top:.05rem}

/* ---------------- Specifiche ---------------- */
.pd-specs{padding-bottom:3.5rem}
.pd-specs h2{margin-bottom:1.2rem}
.specs-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);max-width:920px}
.specs-table{width:100%;border-collapse:collapse}
.specs-table tr:nth-child(odd){background:#F8FAFD}
.specs-table tr+tr{border-top:1px solid var(--line)}
.specs-table th,.specs-table td{padding:.85rem 1.3rem;text-align:left;font-size:.95rem;vertical-align:top}
.specs-table th{width:38%;font-weight:600;color:var(--slate-700)}
.specs-table td{color:var(--ink);font-weight:500}
@media(max-width:640px){
  .specs-table th,.specs-table td{display:block;width:100%}
  .specs-table th{padding-bottom:.1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400)}
  .specs-table td{padding-top:0}
}

/* ---------------- Descrizione ---------------- */
.pd-desc{padding-bottom:3.5rem}
.pd-desc h2{margin-bottom:1rem}
.pd-desc-body{max-width:840px;color:var(--slate-700)}
.pd-desc-body h3,.pd-desc-body h4{color:var(--ink);margin-top:1.4em}
.pd-desc-body ul,.pd-desc-body ol{margin:0 0 1em;padding-left:1.4rem}
.pd-desc-body li{margin-bottom:.35em}

/* ---------------- Form richiesta ---------------- */
.pd-inquiry{scroll-margin-top:calc(var(--header-h) + 24px)}
.inq-card{background:#fff;color:var(--ink);border-radius:var(--radius);padding:2.4rem;box-shadow:var(--shadow-pop);max-width:900px;margin:0 auto}
.inq-card h2{color:var(--ink);margin-bottom:.35em}
.inq-sub{color:var(--slate-600);margin-bottom:1.6rem}
.inq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem}
.inq-grid .fg-full{grid-column:1/-1}
.inq-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:.4rem}
.inq-privacy{font-size:.8rem;color:var(--slate-400)}
.hp-field{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;opacity:0;pointer-events:none}

/* ---------------- Lightbox ---------------- */
.lightbox{position:fixed;inset:0;background:rgba(7,12,32,.96);z-index:300;display:none;align-items:center;justify-content:center;touch-action:pan-y}
.lightbox.open{display:flex}
.lb-stage{margin:0;display:grid;place-items:center;width:100%;height:100%;padding:3.5rem 5rem}
.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-xs)}
.lb-btn{position:absolute;background:rgba(255,255,255,.1);border:0;color:#fff;width:52px;height:52px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s;z-index:2}
.lb-btn:hover{background:var(--yellow-500);color:var(--navy-900)}
.lb-btn:focus-visible{outline:3px solid var(--yellow-500);outline-offset:2px}
.lb-close{top:1.2rem;right:1.2rem}
.lb-prev{left:1.2rem;top:50%;transform:translateY(-50%)}
.lb-next{right:1.2rem;top:50%;transform:translateY(-50%)}
.lb-counter{position:absolute;bottom:1.2rem;left:50%;transform:translateX(-50%);color:#C9D1E8;font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.08em}
body.lb-open{overflow:hidden}

/* ---------------- Responsive ---------------- */
@media(max-width:980px){
  .pd-top{grid-template-columns:1fr;gap:2.2rem}
  .lb-stage{padding:4.5rem 1rem}
  .lb-prev{left:.7rem}
  .lb-next{right:.7rem}
}
@media(max-width:640px){
  .inq-card{padding:1.6rem 1.2rem}
  .inq-grid{grid-template-columns:1fr}
  .pd-cta .btn{flex:1 1 100%;justify-content:center}
  .lb-btn{width:44px;height:44px}
}

/* Allegati PDF (da design Figma: SCARICA LA BROCHURE / scheda tecnica) */
.pd-downloads{display:flex;flex-direction:column;gap:.55rem;margin-top:1.2rem}
.pd-download{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:.86rem;text-transform:uppercase;letter-spacing:.04em;color:var(--navy-900);background:var(--yellow-100);border:1.5px solid var(--yellow-500);border-radius:var(--radius-sm);padding:.7rem 1rem;transition:.15s}
.pd-download:hover{background:var(--yellow-500);color:var(--navy-900)}

/* ============ Restyle Figma scheda prodotto ============ */
.pd-media{display:grid;grid-template-columns:1.05fr .95fr;gap:1.6rem;margin-top:1rem;align-items:stretch}
.pd-media .pd-main{aspect-ratio:652/600;max-height:560px}
.pd-second{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;cursor:pointer;padding:0;aspect-ratio:564/548;max-height:560px}
.pd-second img{width:100%;height:100%;object-fit:contain;display:block}
.pd-side-info{display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem 0}
.pd-side-ctas{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.4rem}
.pd-meta-row{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:1.2rem}
.pd-meta-row .pd-short{margin:0;max-width:680px}
.pd-brand-inline img{max-height:36px;max-width:130px;object-fit:contain}
@media(max-width:860px){.pd-media{grid-template-columns:1fr}.pd-second{max-width:420px}}

/* Caratteristiche — tabella datasheet leggera (sostituisce le vecchie barre navy) */
.pd-specs{margin-top:2.2rem}
.spec-card{max-width:960px;margin-top:1.1rem;background:var(--bg);border:1px solid var(--line);border-top:3px solid var(--yellow-500);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.5rem 0;overflow:hidden}
.spec-table{margin:0;column-count:2;column-gap:2.4rem;column-rule:1px solid var(--line)}
.spec-row{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:flex;align-items:baseline;justify-content:space-between;gap:1.4rem;padding:.8rem 1.5rem;border-bottom:1px solid var(--line)}
.spec-row:nth-of-type(even){background:#F8FAFD}
.spec-key{font-family:var(--font-body);color:var(--slate-600);font-weight:500;font-size:.95rem;line-height:1.35;margin:0}
.spec-val{font-family:var(--font-body);color:var(--navy-900);font-weight:700;font-size:1rem;line-height:1.35;text-align:right;margin:0;white-space:normal;overflow-wrap:anywhere}
.spec-row:last-of-type{border-bottom:none}
@media (max-width:640px){
  .spec-table{column-count:1;column-rule:none}
  .spec-row{display:block;padding:.75rem 1.1rem}
  .spec-key{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--slate-400);margin-bottom:.15rem}
  .spec-val{display:block;text-align:left;font-size:1.05rem}
}

/* Bottoni gialli squadrati (dal Figma) */
.btn-fig{display:inline-flex;align-items:center;gap:.5rem;background:var(--yellow-500);color:var(--navy-900);font-family:var(--font-display);font-weight:700;font-size:1rem;padding:.55rem 1.3rem;border-radius:4px;border:0;cursor:pointer;transition:.15s}
.btn-fig:hover{background:var(--yellow-400);color:var(--navy-900);transform:translateY(-2px);box-shadow:0 8px 20px rgba(251,185,15,.4)}
.pd-downloads-fig{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;margin-top:2rem}

.pd-desc{margin-top:2.2rem;max-width:900px}

/* Form Figma: campi con sottolineatura */
.pd-inquiry-fig{margin:2.8rem auto 3.5rem;max-width:1000px}
.inq-grid-fig{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;margin-top:1.4rem}
.field-fig{display:flex;flex-direction:column;gap:.2rem}
.field-fig-full{grid-column:1/-1}
.field-fig label{font-weight:500;font-size:1.05rem;color:var(--navy-900)}
.field-fig input,.field-fig select,.field-fig textarea{border:0;border-bottom:2px solid var(--navy-900);border-radius:0;padding:.45rem .1rem;font-family:var(--font-body);font-size:1rem;color:var(--ink);background:transparent;outline:none}
.field-fig input:focus,.field-fig select:focus,.field-fig textarea:focus{border-bottom-color:var(--yellow-500)}
.field-fig textarea{resize:vertical;min-height:90px}
.inq-actions-fig{display:flex;align-items:center;gap:1.2rem;margin-top:1.6rem;flex-wrap:wrap}
.inq-privacy{font-size:.8rem;color:var(--slate-400)}
@media(max-width:700px){.inq-grid-fig{grid-template-columns:1fr}}

/* override: la seconda immagine è grande, non un thumb */
.pd-media .pd-second{width:100%;height:auto;max-height:560px;flex:none}
.pd-media .pd-second.active,.pd-media .pd-second:hover{border-color:var(--yellow-500)}
.pd-media .pd-second{aspect-ratio:564/548}