.ovp-credentials { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 30px; margin-top:36px; }
.ovp-credentials__card { min-width:0; }
.ovp-credentials--paired { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ovp-credentials__paper--landscape { aspect-ratio:1.414; background:#fff; }
.ovp-credentials__paper--landscape img { object-fit:contain; }
.ovp-credentials__full { display:block; width:100%; height:auto; }
.ovp-credentials__preview { display:block; padding:16px; background:#fffcf6; border:1px solid #d8bb87; border-radius:12px; text-decoration:none; box-shadow:0 10px 25px #10213912; }
.ovp-credentials__paper { display:block; position:relative; aspect-ratio:3/4; overflow:hidden; background:#edece7; }
.ovp-credentials__paper img { position:absolute; max-width:none; width:100%; height:100%; object-fit:fill; inset:0; }
.ovp-credentials__paper--inverted img { transform:rotate(180deg) scale(1.08); }
.ovp-credentials__paper--upright img { transform:scale(1.08); }
.ovp-credentials__paper--sideways img { width:133.333%; height:75%; left:-16.667%; top:12.5%; transform:rotate(-90deg) scale(1.06); }
.ovp-credentials__zoom { display:block; text-align:center; margin-top:14px; color:#956211; font-size:14px; }
.ovp-credentials__meta { font-size:14px; color:#596982; margin:22px 0 10px; }
.ovp-credentials__card h3 { font-size:25px; }
.ovp-credentials__dialog { position:fixed; inset:0; width:100%; height:100%; height:100dvh; max-width:none; max-height:none; margin:0; box-sizing:border-box; overflow:hidden; padding:12px 24px; padding-top:max(12px,env(safe-area-inset-top)); padding-bottom:max(12px,env(safe-area-inset-bottom)); border:0; border-radius:0; color:#fff; background:#081426f5; }
.ovp-credentials__dialog[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:10px; }
.ovp-credentials__dialog::backdrop { background:#081426; }
.ovp-credentials__dialog form { display:flex; justify-content:flex-end; margin:0; }
.ovp-credentials__dialog button { background:#ffffff12; border:1px solid #ffffff40; color:#fff; border-radius:6px; padding:8px 16px; min-height:44px; cursor:pointer; }
.ovp-credentials__dialog button:hover { background:#ffffff26; }
.ovp-credentials__stage { min-width:0; min-height:0; display:grid; place-items:center; container-type:size; }
.ovp-credentials__stage > .ovp-credentials__paper { height:min(100cqh,133.333cqw); width:auto; max-width:100%; aspect-ratio:3/4; box-shadow:0 8px 32px #0005; }
.ovp-credentials__stage > .ovp-credentials__full { width:100%; height:100%; object-fit:contain; min-height:0; }
.ovp-credentials__caption { display:flex; justify-content:center; align-items:center; gap:8px 24px; min-width:0; font-size:14px; }
.ovp-service .ovp-credentials__caption p { margin:0; color:#fff; line-height:1.35; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ovp-credentials__caption a { flex-shrink:0; color:#e2c087; text-underline-offset:3px; }
.ovp-credentials__dialog :focus-visible { outline:2px solid #e2c087; outline-offset:3px; }
html:has(.ovp-credentials__dialog[open]),body:has(.ovp-credentials__dialog[open]) { overflow:hidden; }
.ovp-credentials__paper.ovp-credentials__paper--landscape { aspect-ratio:1.414; }
.ovp-credentials__paper--landscape img { object-fit:contain; }
@media(max-width:600px) { .ovp-credentials__dialog { padding-inline:10px; gap:8px; } .ovp-credentials__caption { flex-direction:column; gap:4px; } .ovp-credentials__caption p { max-width:100%; font-size:12px; } }
@media(max-width:1000px) { .ovp-credentials { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .ovp-credentials { grid-template-columns:1fr; } .ovp-credentials__preview { max-width:360px; margin-inline:auto; } }