/* Reusable CebuPrime desktop unit component. Original mobile CSS is unchanged. */
@media (min-width:1021px) {
 .pd-page .pd-unit.cpuc-desktop-unit {display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(260px,1fr);align-items:start;gap:0;margin-bottom:0}
 .pd-page .pd-unit.cpuc-desktop-unit.cpuc-has-plan.cpuc-has-imagery {grid-template-columns:minmax(220px,.95fr) minmax(320px,1.3fr) minmax(240px,1fr)}
 .cpuc-desktop-unit > .pd-unit-visual[hidden] {display:none!important}
 .cpuc-desktop-unit > .pd-unit-body {grid-column:1;grid-row:1;padding:20px;min-width:0}
 .cpuc-desktop-unit.cpuc-has-plan > .pd-unit-body {grid-column:2}
 .cpuc-desktop-unit > .pd-unit-plans {grid-column:1;grid-row:1;padding:18px;min-width:0}
 .cpuc-desktop-unit > .cpuc-unit-imagery {grid-column:2;grid-row:1;padding:18px;min-width:0;border-left:1px solid var(--pd-border)}
 .cpuc-desktop-unit.cpuc-has-plan > .cpuc-unit-imagery {grid-column:3}
 .cpuc-desktop-unit .pd-unit-top {display:block}
 .cpuc-desktop-unit .pd-unit-area {display:inline-flex;margin-top:8px}
 .cpuc-desktop-unit .pd-unit-row {grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:10px}
 .cpuc-desktop-unit .pd-gallery {margin-top:10px}
 .cpuc-desktop-unit .cpuc-photo-previews {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .cpuc-desktop-unit .cpuc-photo-previews > :nth-child(n+7) {display:none}
 .cpuc-desktop-unit .cpuc-photo-previews img {width:100%;height:100px!important;object-fit:contain!important;background:#fff}
 .cpuc-desktop-unit .cpuc-photo-previews figcaption {font-size:.68rem;line-height:1.35;padding:6px}
 .cpuc-desktop-unit .pd-unit-plans img {width:100%;height:auto!important;max-height:420px;object-fit:contain!important}
 .cpuc-desktop-unit .pd-unit-details {margin-top:14px}
 .cpuc-vicpuc-all {display:block;width:100%;margin-top:12px;padding:10px 12px;border:1px solid var(--pd-border);border-radius:6px;background:#fff;color:var(--pd-navy);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
 .cpuc-vicpuc-all:focus-visible {outline:2px solid var(--pd-gold);outline-offset:3px}
}
.cpuc-photo-dialog {width:min(960px,90vw);max-height:85vh;padding:24px;border:0;border-radius:10px;background:#fff;color:#182a24;overflow:auto}
.cpuc-photo-dialog::backdrop {background:rgba(0,0,0,.75)}
.cpuc-dialog-close {position:sticky;top:0;display:block;margin:0 0 18px auto;padding:10px 16px;background:#182a24;color:#fff;border:0;border-radius:5px;cursor:pointer}
.cpuc-all-photos {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cpuc-all-photos figure {margin:0;border:1px solid #ddd}
.cpuc-all-photos img {display:block;width:100%;height:auto;object-fit:contain}
.cpuc-all-photos figcaption {padding:8px;font-size:.8rem}
@media (min-width:1021px) {
 .cpuc-desktop-unit .cpuc-unit-imagery > .pd-unit-media:first-child {margin-top:0}
 .cpuc-desktop-unit .cpuc-photo-previews .pd-media-badge {padding:4px 5px;font-size:.56rem;right:4px;bottom:4px}
}

@media (min-width:1021px) {
 .cpuc-desktop-unit .pd-unit-plans .pd-gallery {grid-template-columns:1fr;gap:12px}
 .cpuc-desktop-unit .pd-unit-plans .cpuc-plan-viewer > .cpuc-plan-inactive {display:none}
 .cpuc-plan-navigation {display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px}
 .cpuc-plan-navigation button {padding:7px 9px;border:1px solid var(--pd-border);border-radius:5px;background:white;color:var(--pd-navy);font:inherit;font-size:.72rem;cursor:pointer}
 .cpuc-plan-count {font-size:.68rem;color:var(--pd-muted)}
 .cpuc-plan-thumbnails {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
 .cpuc-plan-thumb {position:relative;padding:4px;border:2px solid transparent;border-radius:4px;background:#fff;cursor:pointer}
 .cpuc-plan-thumb[aria-pressed="true"] {border-color:var(--pd-gold)}
 .cpuc-plan-thumb:focus-visible,.cpuc-plan-navigation button:focus-visible {outline:2px solid var(--pd-navy);outline-offset:2px}
 .cpuc-desktop-unit .pd-unit-plans .cpuc-plan-thumb img {width:100%;height:55px!important;object-fit:contain!important}
 .cpuc-plan-thumb span {display:block;font-size:.65rem;color:var(--pd-navy)}
}
/* v3.2 uniform desktop preview cards and per-column full-content controls. */
@media (min-width:1021px) {
 .pd-page .pd-unit.cpuc-desktop-unit {height:560px;align-items:stretch;overflow:visible}
 .cpuc-desktop-unit > .pd-unit-body,.cpuc-desktop-unit > .pd-unit-plans,.cpuc-desktop-unit > .cpuc-unit-imagery {display:flex;flex-direction:column;min-height:0;box-sizing:border-box}
 .cpuc-desktop-unit .cpuc-spec-preview {flex:1;min-height:0;overflow:hidden}
 .cpuc-desktop-unit .cpuc-overflow {display:none!important}
 .cpuc-desktop-unit .cpuc-vicpuc-all {flex-shrink:0;margin-top:10px}
 .cpuc-desktop-unit .cpuc-vicpuc-all[hidden] {display:none}
 .cpuc-desktop-unit > .pd-unit-plans > .cpuc-vicpuc-all,.cpuc-desktop-unit > .cpuc-unit-imagery > .cpuc-vicpuc-all {margin-top:auto}
 .cpuc-desktop-unit > .pd-unit-plans > .pd-gallery {min-height:0;overflow:auto;flex:1}
 .cpuc-desktop-unit > .cpuc-unit-imagery > .pd-unit-media {min-height:0;overflow:auto}
 .cpuc-desktop-unit .pd-unit-cta {flex-shrink:0;margin-top:12px}
 .cpuc-desktop-unit .pd-unit-plans .pd-gallery img {max-height:190px}
}
.cpuc-all-specs {line-height:1.6}
.cpuc-all-specs .pd-unit-top {display:block}
.cpuc-all-specs .pd-unit-row {display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:16px;padding:10px 0;border-bottom:1px solid #ddd}
.cpuc-all-specs dt {font-weight:700}.cpuc-all-specs dd {margin:0}

@media (min-width:1021px) {
 .cpuc-desktop-unit .pd-unit-plans .pd-gallery img {max-height:120px}
 .cpuc-desktop-unit .pd-unit-plans .pd-gallery figcaption {padding:6px;font-size:.7rem;line-height:1.35}
}

@media(min-width:1021px){
 .pd-page .pd-unit.cpuc-desktop-unit:not(.cpuc-has-plan):not(.cpuc-has-imagery){grid-template-columns:1fr}
 .pd-page .pd-unit.cpuc-desktop-unit.cpuc-has-plan:not(.cpuc-has-imagery){grid-template-columns:minmax(240px,1fr) minmax(320px,1.4fr)}
}

/* Compact desktop refinement; scoped to the existing unit component only. */
@media (min-width:1021px) {
 .pd-page .pd-unit.cpuc-desktop-unit {height:auto;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 .pd-page .pd-unit.cpuc-desktop-unit.cpuc-has-plan.cpuc-has-imagery {grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr) minmax(0,1.35fr)}
 .pd-page .pd-unit.cpuc-desktop-unit.cpuc-has-plan:not(.cpuc-has-imagery) {grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 .cpuc-desktop-unit > .pd-unit-body,.cpuc-desktop-unit > .pd-unit-plans,.cpuc-desktop-unit > .cpuc-unit-imagery {padding:16px}
 .cpuc-desktop-unit.cpuc-has-plan > .pd-unit-body {border-left:1px solid var(--pd-border)}
 .cpuc-desktop-unit .cpuc-spec-preview {flex:0 1 auto;max-height:440px}
 .cpuc-desktop-unit .pd-unit-top h3 {font-size:1.4rem;line-height:1.2;margin-bottom:0}
 .cpuc-desktop-unit .pd-price {font-size:1.35rem;line-height:1.25}
 .cpuc-desktop-unit .pd-unit-details {margin-top:10px}
 .cpuc-desktop-unit .pd-unit-row {padding:6px 0}
 .cpuc-desktop-unit .cpuc-photo-previews img {height:170px!important}
 .cpuc-desktop-unit .cpuc-photo-previews:has(> figure:only-child) {grid-template-columns:1fr}
 .cpuc-desktop-unit .cpuc-photo-previews:has(> figure:only-child) img {height:240px!important}
 .cpuc-desktop-unit .cpuc-photo-previews > :nth-child(n+5) {display:none}
 .cpuc-desktop-unit .cpuc-photo-previews figcaption {font-size:.72rem;padding:7px;line-height:1.4}
 .cpuc-desktop-unit > .pd-unit-plans > .pd-gallery {flex:0 1 auto;overflow:visible}
 .cpuc-desktop-unit > .cpuc-unit-imagery > .pd-unit-media {overflow:visible}
 .cpuc-desktop-unit .pd-unit-plans .pd-gallery img {max-height:340px}
 .cpuc-desktop-unit .pd-unit-plans[data-preview-count="2"] .pd-gallery img {max-height:210px}
 .cpuc-desktop-unit .pd-unit-plans[data-preview-count="3"] .pd-gallery img {max-height:145px}
 .cpuc-desktop-unit .pd-unit-plans .pd-gallery figcaption {font-size:.72rem}
 .cpuc-desktop-unit > .pd-unit-plans > .cpuc-vicpuc-all,.cpuc-desktop-unit > .cpuc-unit-imagery > .cpuc-vicpuc-all {margin-top:10px}
}
