/* ICON BALI DIGITAL | R7.4.0 CyDeck dashboard showcase. Scoped to CyDeck only. */
body[data-product="cydeck"] .cydeck-showcase {padding: 28px 0 48px !important;}
body[data-product="cydeck"] .cydeck-showcase > .container {width:min(1280px,calc(100% - 40px));max-width:1280px;margin-inline:auto;}
body[data-product="cydeck"] .cydeck-showcase-overview,
body[data-product="cydeck"] .cydeck-showcase-detail {
 background:linear-gradient(130deg,rgba(10,38,55,.83),rgba(11,44,60,.70));
 border:1px solid rgba(128,209,230,.23);border-radius:20px;
 padding:clamp(18px,2.5vw,30px);margin-bottom:22px;
 box-shadow:0 12px 32px rgba(0,0,0,.12);
}
body[data-product="cydeck"] .cydeck-showcase-overview {display:grid;gap:22px;}
body[data-product="cydeck"] .cydeck-showcase-overview .cydeck-showcase-copy {max-width:910px;}
body[data-product="cydeck"] .cydeck-showcase-detail {display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.5fr);gap:clamp(20px,3vw,36px);align-items:center;}
body[data-product="cydeck"] .cydeck-showcase-reverse {grid-template-columns:minmax(0,1.5fr) minmax(230px,.72fr);}
body[data-product="cydeck"] .cydeck-showcase-reverse .cydeck-showcase-copy {order:2;}
body[data-product="cydeck"] .cydeck-showcase-reverse .cydeck-shot {order:1;}
body[data-product="cydeck"] .cydeck-showcase-copy {min-width:0;text-align:left;}
body[data-product="cydeck"] .cydeck-showcase-kicker {display:block;margin-bottom:13px;font-size:.74rem;font-weight:750;letter-spacing:.115em;color:#72e0d0;text-transform:uppercase;}
body[data-product="cydeck"] .cydeck-showcase-copy h3 {margin:0 0 13px;color:#f4fbff;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.35;}
body[data-product="cydeck"] .cydeck-showcase-copy p {margin:0;font-size:clamp(.92rem,1.12vw,1rem);line-height:1.75;color:#c6d8e5;}
body[data-product="cydeck"] button.cydeck-shot {
 display:block;position:relative;min-width:0;overflow:hidden;
 width:100%;margin:0;padding:0;font:inherit;color:inherit;text-align:inherit;
 border-radius:13px;border:1px solid rgba(175,205,225,.2);
 background:#101a29;box-shadow:0 12px 24px rgba(0,0,0,.24);
 appearance:none;-webkit-appearance:none;cursor:zoom-in;
}
body[data-product="cydeck"] .cydeck-shot img {display:block;width:100%;height:auto;object-fit:contain;}
body[data-product="cydeck"] .cydeck-shot:focus-visible {outline:3px solid #65dcff;outline-offset:3px;}
body[data-product="cydeck"] .cydeck-zoom-hint {
 position:absolute;right:12px;bottom:10px;padding:7px 11px;border-radius:9px;
 background:rgba(6,20,33,.86);color:#e7f8ff;font-size:.72rem;font-weight:650;
 border:1px solid rgba(150,210,235,.36);pointer-events:none;
}
/* In-page modal: never a hyperlink or new browser tab. */
.cydeck-popup {position:fixed;inset:0;z-index:25000;display:none;align-items:center;justify-content:center;padding:clamp(12px,3vw,30px);background:rgba(2,10,21,.94);backdrop-filter:blur(7px);}
.cydeck-popup.is-open {display:flex;}
.cydeck-popup__panel {position:relative;display:flex;align-items:center;justify-content:center;width:min(96vw,1600px);max-height:94dvh;}
.cydeck-popup__image {display:block;max-width:100%;max-height:90dvh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 18px 56px rgba(0,0,0,.4);}
.cydeck-popup__close {position:absolute;top:-12px;right:-8px;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(220,243,252,.5);border-radius:12px;background:#10263b;color:#fff;font:32px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.5);}
.cydeck-popup__close:focus-visible {outline:3px solid #65dcff;outline-offset:3px;}
body.cydeck-popup-open {overflow:hidden;}
@media(max-width:850px) {
 body[data-product="cydeck"] .cydeck-showcase-detail,
 body[data-product="cydeck"] .cydeck-showcase-reverse {grid-template-columns:minmax(0,1fr);}
 body[data-product="cydeck"] .cydeck-showcase-reverse .cydeck-showcase-copy,
 body[data-product="cydeck"] .cydeck-showcase-reverse .cydeck-shot {order:initial;}
 body[data-product="cydeck"] .cydeck-showcase > .container {width:calc(100% - 28px);}
}
@media(max-width:640px) {.cydeck-popup__panel {width:100%;}.cydeck-popup__image {max-height:84dvh;}.cydeck-popup__close {top:-38px;right:0;}}
@media(max-width:480px) {body[data-product="cydeck"] .cydeck-zoom-hint {font-size:.65rem;padding:5px 7px;}}


/* R7.5.0 | CyDeck full-width architecture image, matching OpsDeck media pattern. */
body[data-product="cydeck"] .architecture-section > .container {
 width:min(1280px,calc(100% - 40px)); max-width:1280px; margin-inline:auto;
}
body[data-product="cydeck"] .architecture-section .arch-container-cy {
 width:100%; margin-inline:auto!important; padding:0!important;
 border:0!important; border-radius:0!important; background:transparent!important;
 box-shadow:none!important; backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important; overflow:visible!important;
}
body[data-product="cydeck"] .architecture-section .arch-container-cy::before {display:none!important;content:none!important;}
body[data-product="cydeck"] .architecture-section .cydeck-architecture-media {
 width:100%; margin:32px auto 0; padding:0; border:0; background:transparent;
}
body[data-product="cydeck"] .architecture-section button.cydeck-architecture-shot {
 position:relative; display:block; width:100%; max-width:none; height:auto;
 padding:0; margin:0; border:0; background:transparent; box-shadow:none;
 border-radius:0; overflow:hidden; cursor:zoom-in;
}
body[data-product="cydeck"] .architecture-section .cydeck-architecture-shot img {
 display:block!important; width:100%!important; max-width:100%!important;
 height:auto!important; max-height:none!important; margin:0!important;
 padding:0!important; border:0!important; border-radius:0!important;
 object-fit:contain!important; box-shadow:none!important;
}
body[data-product="cydeck"] .architecture-section .cydeck-architecture-shot .cydeck-zoom-hint {
 right:14px; bottom:14px; z-index:1;
}
@media(max-width:850px){
 body[data-product="cydeck"] .architecture-section > .container {width:calc(100% - 28px);}
}