/* Shared product components. Photography fills the frame; studio images keep the complete product. */
:is(#dp-visual-system,.ug-site) .dp-card-grid{display:grid!important;grid-template-columns:repeat(var(--dp-columns,3),minmax(0,1fr))!important;gap:24px!important;align-items:stretch;overflow:visible!important}
:is(#dp-visual-system,.ug-site) .dp-card{display:flex!important;flex-direction:column;min-width:0;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;border:1px solid #d7d9db!important;border-radius:12px!important;background:#fff!important;color:#292d32!important;overflow:hidden;box-shadow:none!important;text-decoration:none!important;transition:border-color .18s,box-shadow .18s}
:is(#dp-visual-system,.ug-site) .dp-card:hover{border-color:#90969d!important;box-shadow:0 6px 20px #20262d0a!important;transform:none!important}
:is(#dp-visual-system,.ug-site) .ci-card.dp-card>a{display:flex;flex:1;flex-direction:column;min-width:0;background:transparent!important}
:is(#dp-visual-system,.ug-site) .dp-media{position:relative!important;display:block!important;flex:0 0 auto!important;aspect-ratio:16/10!important;width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;isolation:isolate}
:is(#dp-visual-system,.ug-site) .dp-media>img{position:absolute!important;display:block!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:cover!important;transform:none!important}
:is(#dp-visual-system,.ug-site) .dp-media.dp-studio>img{inset:auto!important;left:var(--dp-image-left)!important;top:var(--dp-image-top)!important;width:var(--dp-image-width)!important;height:auto!important;object-fit:contain!important}
:is(#dp-visual-system,.ug-site) .dp-card:hover .dp-media>img{transform:none!important}
:is(#dp-visual-system,.ug-site) .dp-detail-media{border:1px solid #d7d9db!important;border-radius:12px!important}
:is(#dp-visual-system,.ug-site) .dp-detail-block{min-width:0}.dp-detail-block>.ug-option-note{font:400 13px/1.6 Arial!important;margin:12px 4px 0!important;color:#60656b!important}
:is(#dp-visual-system,.ug-site) .dp-card-grid:has(.dp-media)>.dp-card:not(:has(.dp-media)){align-self:start}
:is(#dp-visual-system,.ug-site) .dp-card-body{display:flex!important;flex:1;flex-direction:column;gap:12px;min-width:0;padding:24px!important;color:#292d32!important;background:#fff!important}
:is(#dp-visual-system,.ug-site) .dp-card-body>:is(h2,h3,h4){font:600 21px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:-.025em!important;margin:0!important;color:#292d32!important;overflow-wrap:break-word!important}
:is(#dp-visual-system,.ug-site) .dp-card-body>:is(h2,h3,h4) a{font:inherit!important;color:inherit!important;text-decoration:none!important}
:is(#dp-visual-system,.ug-site) .dp-card-body>p{font:400 15px/1.65 Arial,Helvetica,sans-serif!important;color:#60656b!important;margin:0!important}
:is(#dp-visual-system,.ug-site) .dp-card-body>:is(span,.eyebrow,.tag,.rental-type,.dp-kind){font:600 10px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:.09em;color:#60656b!important;text-transform:uppercase;margin:0!important}
:is(#dp-visual-system,.ug-site) .dp-card-body>.dp-card-cta{font:500 14px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important;margin-top:auto!important;padding-top:10px;color:#414851!important}
:is(#dp-visual-system,.ug-site) .dp-card-body>a:last-child,:is(#dp-visual-system,.ug-site) .dp-card-body>.rental-actions{margin-top:auto!important;padding-top:10px}
:is(#dp-visual-system,.ug-site) .dp-card-body a:not(h3 a){font:500 14px/1.5 Arial,Helvetica,sans-serif;color:#414851;text-underline-offset:4px}
:is(#dp-visual-system,.ug-site) .dp-card-body a.button.primary,:is(#dp-visual-system,.ug-site) .dp-card-body a.btn-primary{color:#fff!important;background:#292d32!important;min-height:46px;display:flex;align-items:center;justify-content:center;padding:12px 16px!important}
:is(#dp-visual-system,.ug-site) .dp-card-body a.button.dark,:is(#dp-visual-system,.ug-site) .product-body.dp-card-body>a:last-child{color:#fff!important;background:#292d32!important;min-height:46px;display:flex;align-items:center;justify-content:center;padding:12px 16px!important;border-radius:6px}
:is(#dp-visual-system,.ug-site) .dp-card-body>.price{font:600 23px/1.3 Arial,Helvetica,sans-serif!important;color:#292d32!important;margin:4px 0!important}
:is(#dp-visual-system,.ug-site) .dp-card-body :is(.product-specs,.system-specs){display:flex;flex-wrap:wrap;gap:7px;margin:0!important}
:is(#dp-visual-system,.ug-site) .dp-card-body :is(.product-specs,.system-specs)>*{background:#f0f1f2!important;color:#525a64!important;border-color:#d7d9db!important}
:is(#dp-visual-system,.ug-site) .dp-card .prices{margin-top:auto!important;gap:8px}:is(#dp-visual-system,.ug-site) .dp-card .price-box{min-width:0;padding:10px 6px!important;background:#f4f4f3!important;border:1px solid #e2e4e6!important;border-radius:6px!important}
:is(#dp-visual-system,.ug-site) .dp-card .price-box strong{font-size:18px!important;white-space:nowrap}:is(#dp-visual-system,.ug-site) .dp-card .rental-actions{display:flex;flex-direction:column;gap:10px}:is(#dp-visual-system,.ug-site) .dp-card .rental-on-request{background:#f4f4f3!important;color:#525a64!important}
:is(#dp-visual-system,.ug-site) .dp-options{list-style:none;margin:4px 0 0!important;padding:0!important;display:grid;gap:0}
:is(#dp-visual-system,.ug-site) .dp-options li{margin:0!important;padding:0!important;border-top:1px solid #e2e4e6}
:is(#dp-visual-system,.ug-site) .dp-options li a{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;height:auto!important;text-decoration:none!important}
:is(#dp-visual-system,.ug-site) .dp-options li a:hover{color:#16191d!important;text-decoration:underline!important;background:transparent!important}
:is(#dp-visual-system,.ug-site) .dp-service-card .dp-card-body{border-top:3px solid #60656b}
:is(#dp-visual-system,.ug-site) .dp-variant-card{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}
:is(#dp-visual-system,.ug-site) .dp-variant-card .dp-card-body{border-left:1px solid #e2e4e6;min-height:100%}
:is(#dp-visual-system,.ug-site) .dp-variant-card:not(:has(.dp-media)){display:flex!important}
:is(#dp-visual-system,.ug-site) .dp-variant-card:not(:has(.dp-media)) .dp-card-body{border-left:0}
:is(#dp-visual-system,.ug-site) .dp-options:has(li:nth-child(5)){grid-template-columns:1fr 1fr;column-gap:24px}
:is(#dp-visual-system,.ug-site) .dp-video-surface{position:absolute;inset:0;display:grid;place-content:center;background:linear-gradient(135deg,#20242a,#454c55);color:#f4f4f3;font:600 25px/1.8 Arial;letter-spacing:.15em;text-align:center}:is(#dp-visual-system,.ug-site) .dp-video-surface small{font-size:12px;letter-spacing:.05em}
/* Editorial photos have their own landscape frame. */
:is(#dp-visual-system,.ug-site) :is(.use-card,.image-card,.performance-card){border:1px solid #d7d9db!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden;background:#fff!important}
:is(#dp-visual-system,.ug-site) .use-card{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}
:is(#dp-visual-system,.ug-site) .use-media{position:relative!important;display:block;flex:0 0 auto;aspect-ratio:16/9;min-height:0!important;height:auto!important;width:100%;overflow:hidden}
:is(#dp-visual-system,.ug-site) .use-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
:is(#dp-visual-system,.ug-site) .use-body{padding:24px!important}:is(#dp-visual-system,.ug-site) .use-body .tag{color:#60656b!important}:is(#dp-visual-system,.ug-site) .use-body h3{font:600 23px/1.3 Arial!important;letter-spacing:-.025em}:is(#dp-visual-system,.ug-site) .use-body p{font:400 15px/1.7 Arial!important;color:#60656b}
:is(#dp-visual-system,.ug-site) .ci-gallery>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}:is(#dp-visual-system,.ug-site) .ci-gallery img{height:auto!important;aspect-ratio:auto!important;max-height:420px;object-fit:contain!important;background:#fff!important;border-radius:8px}
:is(#dp-visual-system,.ug-site) .product-figure img{width:100%;height:auto;object-fit:contain}:is(#dp-visual-system,.ug-site) .p1-inline-image img{width:100%;height:auto;max-height:340px;object-fit:contain}
@media(max-width:1000px){:is(#dp-visual-system,.ug-site) .dp-card-grid{grid-template-columns:repeat(min(var(--dp-columns,3),2),minmax(0,1fr))!important;gap:20px!important}:is(#dp-visual-system,.ug-site) .dp-card-body{padding:21px!important}}
@media(max-width:620px){:is(#dp-visual-system,.ug-site) .dp-card-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}:is(#dp-visual-system,.ug-site) .dp-card-body{padding:22px!important}:is(#dp-visual-system,.ug-site) .dp-card-body>:is(h2,h3,h4){font-size:21px!important}:is(#dp-visual-system,.ug-site) .dp-card .price-box strong{font-size:18px!important}:is(#dp-visual-system,.ug-site) .use-body{padding:22px!important}:is(#dp-visual-system,.ug-site) .use-body h3{font-size:22px!important}}
@media(max-width:768px){:is(#dp-visual-system,.ug-site) .dp-variant-card{display:flex!important}:is(#dp-visual-system,.ug-site) .dp-variant-card .dp-card-body{border-left:0;min-height:0}:is(#dp-visual-system,.ug-site) .dp-options:has(li:nth-child(5)){grid-template-columns:1fr}}
:is(#dp-visual-system,.ug-site).dp-error-page .links{display:flex;flex-wrap:wrap;gap:12px;padding-block:16px}
:is(#dp-visual-system,.ug-site).dp-error-page .links a{display:inline-flex;align-items:center;min-height:44px;padding:12px 18px;background:#fff!important;color:#292d32!important;border-radius:6px;text-decoration:none;font:600 14px/1.5 Arial!important}
:is(#dp-visual-system,.ug-site) [hidden][hidden]{display:none!important}
/* Keep legends and application controls inside technical illustrations visible. */
:is(#dp-visual-system,.ug-site) .dp-media.dp-diagram{background:#090a0b!important}
:is(#dp-visual-system,.ug-site) .dp-media.dp-diagram>img{object-fit:contain!important}
:is(#dp-visual-system,.ug-site) .dp-card-body>.ug-option-note{font:400 12px/1.5 Arial,Helvetica,sans-serif!important;color:#60656b!important}