.prod-page{--c:var(--green);--c-ink:color-mix(in srgb, var(--c) 60%, #1a2420);max-width:1200px;padding:calc(var(--nav-h,72px) + 24px) 24px 64px;margin:0 auto}.prod-page .ex-percorso{margin-bottom:24px}.prod-main{grid-template-columns:1fr 1fr;align-items:start;gap:48px;margin-bottom:64px;display:grid}.prod-image-wrap{border:1px solid var(--border);border-radius:var(--r-card);aspect-ratio:1;background:#fff;justify-content:center;align-items:center;padding:24px;display:flex}.prod-image{object-fit:contain;width:100%;height:100%}.prod-image-wrap.prod-image-senza{background:color-mix(in srgb, var(--c) 8%, #fff)}.prod-image-placeholder{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;font-size:.95rem;display:flex}.prod-image-placeholder a{min-height:44px;color:var(--c-ink);text-underline-offset:3px;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.prod-details{flex-direction:column;min-width:0;display:flex}.prod-brand{color:var(--c-ink);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.85rem;font-weight:600}.prod-details h1{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600;line-height:1.15}.prod-gloss{color:var(--muted);margin-bottom:4px;font-size:1.05rem;line-height:1.5}.prod-spec{background:var(--border);border:1px solid var(--border);border-radius:var(--r-card);grid-template-columns:1fr 1fr;gap:1px;margin:20px 0 24px;display:grid;overflow:hidden}.prod-spec>div{background:#fff;min-width:0;padding:12px 16px}.prod-spec>div:last-child:nth-child(odd){grid-column:1/-1}.prod-spec dt{color:var(--muted);margin-bottom:2px;font-size:.8rem;font-weight:500}.prod-spec dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:600}.prod-spec .prod-spec-codice{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.95rem;font-weight:700}.prod-spec dd a{color:var(--c-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--c) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--c) 45%, transparent);text-underline-offset:3px}.prod-spec dd a:hover{text-decoration-color:currentColor}.prod-azioni{flex-wrap:wrap;gap:12px;display:flex}.prod-nota{color:var(--muted);margin-top:10px;font-size:.85rem}.prod-description{border-top:1px solid var(--border);color:var(--ink);max-width:65ch;margin-top:28px;padding-top:24px;font-size:1rem;font-weight:400;line-height:1.7}.prod-related{margin-bottom:48px}.prod-related-testa{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:18px;display:flex}.prod-related-testa h2{font-family:var(--serif);color:var(--ink);font-size:clamp(1.3rem,2.4vw,1.6rem);font-weight:600;line-height:1.2}.prod-related-testa a{min-height:44px;color:var(--c-ink);align-items:center;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.prod-related-testa a:hover{text-underline-offset:3px;text-decoration:underline}.prod-related-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.prod-vicini{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding-top:24px;display:flex}.prod-vicino{max-width:48%;min-height:48px;color:var(--ink);align-items:center;gap:8px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.prod-vicino span{color:var(--c-ink);flex-shrink:0}.prod-vicino-dopo{text-align:right;margin-left:auto}.prod-vicino:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:768px){.prod-page{padding:calc(var(--nav-h,72px) + 16px) 16px 40px}.prod-main{grid-template-columns:1fr;gap:24px;margin-bottom:44px}.prod-image-wrap{aspect-ratio:4/3;width:100%;max-width:480px;margin:0 auto;padding:16px}.prod-related-grid{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:44%;grid-auto-flow:column;gap:12px;margin:0 -16px;padding:2px 16px 8px;scroll-padding-inline:16px;display:grid;overflow-x:auto}.prod-related-grid>*{scroll-snap-align:start}}@media (max-width:860px){.prod-azioni a[href^=tel\:]{display:none}}@media (max-width:480px){.prod-vicini{flex-direction:column}.prod-vicino{max-width:none}}@media (min-width:861px){.prod-page{max-width:calc(var(--maxw) + 2 * var(--gutter));padding-left:var(--gutter);padding-right:var(--gutter)}}
