/* NEXT V127 — modulo Beauty con campi condizionali e adattamenti mobile. */
.v125-modal{position:fixed;inset:0;z-index:10050;background:rgba(34,25,43,.56);display:flex;align-items:flex-end;justify-content:center;padding:18px}
.v125-modal.hidden{display:none!important}
.v125-sheet{position:relative;width:min(100%,560px);max-height:90vh;overflow:auto;background:#fff;border-radius:26px 26px 18px 18px;padding:26px 20px 22px;box-shadow:0 18px 60px rgba(20,10,30,.32)}
.v125-sheet h3{margin:.25rem 2.5rem .35rem 0}.v125-sheet>p{margin:.2rem 0 1rem;color:#6f6376}
.v125-sheet label{display:block;margin:.8rem 0;font-weight:700;color:#403448}
.v125-sheet label[hidden]{display:none!important}
.v125-sheet input{display:block;width:100%;box-sizing:border-box;margin-top:.35rem;padding:.85rem .9rem;border:1px solid #ded5e4;border-radius:14px;background:#fff;font:inherit;color:#2f2833}
.v125-sheet .primary{width:100%;margin-top:.75rem}.v125-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f3edf6;font-size:1.5rem;color:#57495e}
.v125-help{display:block;margin-top:.75rem;text-align:center;color:#776b7d}.v125-creatine>span{text-transform:none;font-size:.72rem}
@media(max-width:480px){
  .v90-care-page{padding-bottom:110px!important;overflow:visible!important}
  .v90-care-actions{display:grid!important;gap:9px!important;overflow:visible!important}
  .v90-care-actions button{display:grid!important;visibility:visible!important;min-height:72px!important}
  .v125-modal{padding:8px!important}
  .v125-sheet{max-height:calc(100dvh - 16px)!important;padding:22px 15px 18px!important;overscroll-behavior:contain}
}
@media(min-width:700px){.v125-modal{align-items:center}.v125-sheet{border-radius:26px}}

/* NEXT V129 — le immagini Beauty originali hanno una grande area trasparente
   sotto la grafica. Mostriamo solo l'area realmente illustrata, senza fasce
   bianche che fanno apparire le foto tagliate o non caricate. */
.v90-beauty-hero{aspect-ratio:984/183}
.v90-beauty-hero img{width:100%;height:100%;object-fit:cover;object-position:top}
.v90-beauty-categories button{display:grid;grid-template-rows:auto 38px;background:#fff}
.v90-beauty-categories img{width:100%;aspect-ratio:318/145;height:auto;object-fit:cover;object-position:top}
.v90-beauty-categories button::after{display:grid;place-items:center;padding:0 4px;color:#35146c;font-weight:800;font-size:12px;line-height:1;text-align:center;background:#fff}
.v90-beauty-categories button[data-open="skincare"]::after{content:"Skincare"}
.v90-beauty-categories button[data-open="bodycare"]::after{content:"Bodycare"}
.v90-beauty-categories button[data-open="beauty-care"]::after{content:"Beauty"}
.v90-mini-hero img{height:auto;aspect-ratio:318/145;object-fit:cover;object-position:top}