/* Ottica Arduini - Configuratore Premium Guidato 1.0.4
   Mobile first, nessun elemento fixed/modal e nessuna checkbox/radio cliente. */
.oa-pg{--oa-pg-text:#1e1e1e;--oa-pg-muted:#656565;--oa-pg-border:#e3e3e3;--oa-pg-soft:#f7f7f7;--oa-pg-dark:#111;color:var(--oa-pg-text);margin:24px 0 18px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.oa-pg *{box-sizing:border-box}
.oa-pg [hidden]{display:none!important}
.oa-pg-head{padding:20px;border:1px solid var(--oa-pg-border);border-radius:16px;background:linear-gradient(145deg,#f8f7f3,#fff)}
.oa-pg-kicker{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#5f5f5f;margin-bottom:5px}
.oa-pg-head h2{font-size:clamp(26px,4vw,38px);line-height:1.08;margin:0 0 8px}
.oa-pg-head p{margin:0;color:var(--oa-pg-muted);line-height:1.5}
.oa-pg-step{border:1px solid var(--oa-pg-border);border-radius:15px;padding:18px;margin-top:14px;background:#fff}
.oa-pg-step-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}
.oa-pg-step-title>b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#111;color:#fff;font-size:15px}
.oa-pg-step-title h3{font-size:21px;line-height:1.2;margin:1px 0 3px}
.oa-pg-step-title p{font-size:13px;color:var(--oa-pg-muted);margin:0;line-height:1.45}
.oa-pg label{margin:0}
.oa-pg-main-field{display:flex;flex-direction:column;gap:7px;font-weight:750}
.oa-pg-main-field>span,.oa-pg-eye label>span{font-size:13px;font-weight:800}
.oa-pg select,.oa-pg input[type="text"],.oa-pg textarea{display:block;width:100%!important;min-height:48px!important;height:auto!important;padding:10px 12px!important;border:1px solid #cfcfcf!important;border-radius:10px!important;background-color:#fff!important;color:#1e1e1e!important;font:inherit!important;font-size:16px!important;line-height:1.35!important;box-shadow:none!important}
.oa-pg select{padding-right:42px!important;-webkit-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:18px 18px!important;cursor:pointer!important}
.oa-pg input[type="text"],.oa-pg textarea{-webkit-appearance:none!important;appearance:none!important}
.oa-pg-eye select{border:2px solid #202020!important;font-weight:800!important}
.oa-pg textarea{resize:vertical!important;min-height:86px!important}
.oa-pg select:focus,.oa-pg input:focus{outline:3px solid rgba(47,111,237,.28)!important;outline-offset:1px;border-color:#2f6fed!important}
.oa-pg-info{margin-top:10px;padding:11px 13px;border-radius:10px;background:#f5f5f5;color:#555;font-size:13px;line-height:1.45}
.oa-pg-info:empty{display:none}
.oa-pg-treatments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.oa-pg-treatment{display:grid;grid-template-columns:minmax(0,1fr) minmax(105px,140px);align-items:center;gap:12px;border:1px solid var(--oa-pg-border);border-radius:12px;padding:12px;background:#fff}
.oa-pg-treatment>span{min-width:0}
.oa-pg-treatment strong{display:block;font-size:14px;line-height:1.3}
.oa-pg-treatment-price{display:block;color:#111;font-size:12px;font-weight:900;line-height:1.35;margin-top:3px}
.oa-pg-treatment small,.oa-pg-treatment-desc{display:block;color:var(--oa-pg-muted);font-size:11.5px;line-height:1.4;margin-top:5px}
.oa-pg-menu-hint{margin:0 0 10px;padding:9px 11px;border-radius:10px;background:#f5f5f5;color:#555;font-size:12.5px;line-height:1.45}
.oa-pg-treatment.is-included{background:#edf7ef;border-color:#bddfc5}
.oa-pg-treatment.is-unavailable{opacity:.55;background:#f4f4f4}
.oa-pg-treatment select{min-width:0!important}
.oa-pg-eyes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.oa-pg-eye{min-width:0;border:1px solid var(--oa-pg-border);border-radius:12px;padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#fcfcfc}
.oa-pg-eye legend{font-size:16px;font-weight:850;padding:0 5px}
.oa-pg-eye label{display:flex;flex-direction:column;gap:5px;min-width:0}
.oa-pg-dp{margin-top:12px}.oa-pg-note{margin-top:12px}
.oa-pg-small{font-size:12.5px;color:var(--oa-pg-muted);line-height:1.5;margin:10px 0 0}
.oa-pg-small a{font-weight:800;color:inherit;text-decoration:underline}
.oa-pg-review{border:1px solid var(--oa-pg-border);border-radius:12px;overflow:hidden;margin-bottom:14px}
.oa-pg-review-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--oa-pg-border);font-size:13px}
.oa-pg-review-row:last-child{border-bottom:0}
.oa-pg-review-row span{color:var(--oa-pg-muted)}
.oa-pg-review-row strong{text-align:right;overflow-wrap:anywhere}
.oa-pg-total{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#111;color:#fff;border-radius:14px;padding:17px 18px;margin:16px 0 13px}
.oa-pg-total>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.oa-pg-total span{font-size:14px;font-weight:800}
.oa-pg-total small{font-size:11.5px;color:#d5d5d5;line-height:1.35}
.oa-pg-total strong{font-size:clamp(25px,5vw,34px);white-space:nowrap}

/* Vecchio configuratore lenti: la classe viene applicata SOLO via JS nel prodotto Premium guidato. */
.oa-pg-product .oa-pg-legacy-hidden{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
.oa-pg-product .oa-pg-addon-total-hidden{display:none!important}

@media(max-width:700px){
  .oa-pg-head,.oa-pg-step{padding:15px}
  .oa-pg-treatments,.oa-pg-eyes{grid-template-columns:1fr}
  .oa-pg-eye{grid-template-columns:1fr}
  .oa-pg-treatment{grid-template-columns:minmax(0,1fr) minmax(100px,125px);gap:9px;padding:11px}
  .oa-pg-step-title h3{font-size:19px}
  .oa-pg-total{align-items:flex-start;flex-direction:column;gap:8px}
  .oa-pg-total strong{align-self:flex-start}
}
