.pm-admin-preview { width: min(1220px, calc(100% - 36px)); margin: 28px auto 64px; }
.pm-admin-preview .pm-progress { margin: 22px 0; }
.pm-admin-preview .pm-summary { display:flex; justify-content:space-between; align-items:center; margin:14px 0 22px; padding:14px 18px; border:1px solid #d8ebf5; border-radius:14px; background:#eef8fc; color:#18384d; }
.pm-admin-preview .pm-heading { margin:20px 0 14px; }
.pm-admin-preview .pm-grid { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.pm-admin-preview .pm-grid .pm-offer { min-width:0; }
.pm-admin-preview .pm-offer .mmc-card { height:100%; cursor:pointer; }
.pm-admin-preview .pm-offer .mmc-card:focus-visible { outline:3px solid #2386b8; outline-offset:3px; }
.pm-admin-preview .pm-selected { margin-top:20px; }
.pm-admin-preview .pm-selected-slot > .pm-offer { display:block; }
.pm-admin-preview .pm-actions { margin-top:14px; }
.pm-admin-preview .pm-confirm { display:inline-flex; width:auto; min-width:230px; justify-content:center; }
.pm-admin-preview .pm-savings:not([hidden]) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:16px; }
.pm-admin-preview .pm-saving-option { padding:18px 20px; border:1px solid #cfe7f4; border-radius:16px; background:linear-gradient(110deg,#f3faff,#fffaf0); }
.pm-admin-preview .pm-saving-option h3 { margin:0 0 8px; color:#20394c; font-size:19px; }
.pm-admin-preview .pm-saving-option p { margin:5px 0; color:#526a79; }
.pm-admin-preview .pm-saving-option > strong { display:block; margin:8px 0; color:#087cb4; font-size:23px; }
.pm-admin-preview .pm-saving-option small { display:block; margin:8px 0 12px; color:#435967; }
.pm-admin-preview .pm-saving-option button,.pm-admin-preview .pm-add-cart { border:0; border-radius:10px; padding:12px 18px; background:#078ac4; color:white; font-weight:700; cursor:pointer; }
.pm-admin-preview .pm-alternatives { margin-top:26px; }
.pm-admin-preview .pm-alternatives-grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; }
.pm-admin-preview .pm-alternatives-grid .pm-offer { min-width:0; cursor:pointer; }
.pm-admin-preview .pm-alternatives-grid .mmc-card { height:100%; }
.pm-admin-preview .pm-final { margin-top:24px; padding:22px; border:1px solid #dcebf3; border-radius:18px; background:#fff; }
.pm-admin-preview .pm-cables { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:10px; margin:18px 0; }
.pm-admin-preview .pm-cables button { min-height:58px; border:1px solid #cddfe9; border-radius:12px; background:#fff; color:#18384d; font-weight:700; cursor:pointer; }
.pm-admin-preview .pm-cables button:focus-visible,.pm-admin-preview button:focus-visible { outline:3px solid #2386b8; outline-offset:3px; }
.pm-admin-preview .pm-cable-copy { color:#20394c; font-size:18px; font-weight:750; }
.pm-admin-preview .pm-error { color:#a52525; }
.pm-admin-preview .pm-success { margin-top:14px; padding:16px; border-radius:12px; background:#effaf1; }
.pm-admin-preview [hidden] { display:none !important; }
@media(max-width:850px) { .pm-admin-preview .pm-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .pm-admin-preview { width:min(100% - 24px,600px); margin-top:14px; } .pm-admin-preview .pm-grid,.pm-admin-preview .pm-alternatives-grid,.pm-admin-preview .pm-savings:not([hidden]) { grid-template-columns:minmax(0,1fr); } .pm-admin-preview .pm-final { padding:16px; } .pm-admin-preview .pm-confirm { width:100%; } }