.po-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 18px}
.po-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d9d6df;border-radius:14px;overflow:hidden}
.po-card figure{margin:0;position:relative;background:#f2f2f2}
.po-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center bottom}
.po-card figcaption{position:absolute;left:10px;bottom:10px;padding:3px 8px;border-radius:6px;background:#ffffffe6;font-size:12px;color:#3d3d45}
.po-body{display:flex;flex-direction:column;flex:1;padding:16px}
.po-tag{margin:0;font:12px "Geist Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:#6a2ae0!important}
.pv .po-body h2{margin:4px 0 4px;padding:0;border:0;font:600 19px/1.25 "Geist",Arial,sans-serif;letter-spacing:-.01em}
.po-body>p{margin:0 0 14px}
.po-slot{margin-top:auto}
.po-soon{width:100%;min-height:48px;border:1px dashed #a9a4b3;border-radius:8px;background:#f4f3f7;color:#3d3d45;font:600 15px "Geist",Arial,sans-serif;cursor:not-allowed}
.po-note{margin:8px 0 0;font-size:13px;color:#55555d!important}

@media (width<=640px){.po-grid{grid-template-columns:1fr}}
a.po-pick{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}a.po-pick:hover{transform:translateY(-3px);border-color:#7a2ffe;box-shadow:0 12px 28px #7a2ffe22}
.po-go{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;background:#0b0b0f;color:#fff;font-weight:600}
.po-pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin:8px 0 20px;background:#fff;border:1px solid #d9d6df;border-radius:14px;overflow:hidden}
.po-pdp figure{margin:0;position:relative;background:#f2f2f2}.po-pdp img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center bottom}
.po-pdp figcaption{position:absolute;left:10px;bottom:10px;padding:3px 8px;border-radius:6px;background:#ffffffe6;font-size:12px;color:#3d3d45}
.po-pdp .po-body{padding:24px 24px 24px 0}.pv .po-pdp h1{font-size:clamp(28px,3.4vw,40px);margin:6px 0 8px}

.po-switch{margin:8px 0}
@media (width<=640px){.po-pdp{grid-template-columns:1fr;gap:0}.po-pdp .po-body{padding:18px}}
#mody-vto:empty{display:none}#mody-vto{margin:0 0 8px}
.po-cta-t{margin:0 0 8px!important;font-weight:650;color:#0b0b0f!important}
.po-wait{display:none}.po-fallback{display:none}
html:not(.mody-live) .po-wait{display:block}.mody-live .po-cta-t{display:block}
.mody-fail .po-fallback{display:block}.mody-ok .po-fallback{display:none}
html:not(.mody-live) .po-cta-t{display:none}.mody-fail .po-cta-t{display:none}
.po-fb{width:100%;min-height:48px;border:0;border-radius:8px;background:#0b0b0f;color:#fff;font:650 15px "Geist",Arial,sans-serif;cursor:pointer}.po-fb:hover{background:#7a2ffe}
/* Tasto generato dallo script Mody dentro #mody-vto: pill grande in stile Mody (lo script non si tocca) */
#mody-vto .mody_vto{position:relative;display:flex!important;align-items:center;width:max-content;max-width:100%}
#mody-vto .mody_btn_cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:56px;padding:0 28px 0 60px!important;border:0;border-radius:999px;background:linear-gradient(135deg,#0b0b0f 0%,#2a1550 55%,#7a2ffe 130%);color:#fff;font:650 16px/1.2 "Geist",Arial,sans-serif!important;font-size:0!important;text-decoration:none!important;cursor:pointer;box-shadow:0 10px 26px #7a2ffe40;transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .2s,background-position .3s;background-size:140% 100%}
#mody-vto .mody_btn_cta::after{content:"Indossa il capo virtualmente";font-size:16px;letter-spacing:-.01em}
#mody-vto .mody_btn_cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px #7a2ffe66;background-position:100% 0}
#mody-vto .mody_btn_cta:active{transform:scale(.97)}
#mody-vto .mody_btn_cta:focus-visible{outline:3px solid #b993ff;outline-offset:3px}
#mody-vto .mody_btn_icon{position:absolute!important;left:22px;top:50%;transform:translateY(-50%);z-index:1;display:flex!important;align-items:center;pointer-events:none}
#mody-vto .mody_btn_icon img{width:24px!important;height:24px;filter:brightness(0) invert(1)}
#mody-vto .mody_vto:hover .mody_btn_icon{transform:translateY(calc(-50% - 2px));transition:transform .18s}
@media (prefers-reduced-motion:no-preference){#mody-vto .mody_btn_cta{animation:modyhalo 2.4s ease-out infinite}@keyframes modyhalo{0%{box-shadow:0 10px 26px #7a2ffe40,0 0 0 0 #7a2ffe55}70%{box-shadow:0 10px 26px #7a2ffe40,0 0 0 12px #7a2ffe00}100%{box-shadow:0 10px 26px #7a2ffe40,0 0 0 0 #7a2ffe00}}#mody-vto .mody_btn_cta:hover{animation:none}}
@media (width<=640px){#mody-vto .mody_vto{width:100%}#mody-vto .mody_btn_cta{width:100%}}
.mody-ok .po-cta-t{display:none}