/* Native interaction adapters; the source template remains the layout owner. */
body[data-modern-product]{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:break-word}
body[data-modern-product] button,body[data-modern-product] input{font-family:inherit}
dialog.product-2025-modal:not([open]){display:none!important}
:is(#galleryModal,#videoModal).product-2025-modal[open]{display:flex!important;position:fixed!important;inset:0!important;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:12px!important;border:0!important;overflow:auto!important;background:transparent!important;pointer-events:auto!important}
dialog.product-2025-modal::backdrop{background:#06152ee6}
dialog.product-2025-modal .modal-content{margin:auto!important;max-width:1000px!important;width:100%!important;max-height:92dvh!important;overflow:auto!important;padding:50px 16px 20px!important;background:#fff!important;position:relative;transform:none!important;animation:none!important;border-radius:10px}
dialog.product-2025-modal button.close{position:absolute!important;right:10px!important;top:6px!important;border:0;background:transparent;color:#183954;width:40px;height:40px;padding:0;font-size:30px;line-height:1;float:none!important}
#galleryModal .gallery-slide.active{display:block!important}
#galleryModal .gallery-slide img{display:block;width:100%;height:min(62dvh,600px);object-fit:contain}
#galleryModal .gallery-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding-top:14px}
#galleryModal button.gallery-dot{width:14px;height:14px;min-width:14px;min-height:14px;padding:0;border-radius:50%;border:1px solid #2863a0;background:#fff}
#galleryModal button.gallery-dot[aria-pressed=true]{background:#2863a0}
.ko-modern-faq-trigger{display:block;width:100%;padding:0;text-align:left;font:inherit;line-height:inherit;color:inherit;border:0;border-radius:0;background:transparent;cursor:pointer}
body[data-modern-product] .faq-item.active .faq-answer{max-height:none;overflow:visible}
.ko-video-holder{position:relative;aspect-ratio:16/9;background:#102b4c;width:100%;display:grid;place-items:center}
.ko-video-load{width:100%;min-height:200px;aspect-ratio:16/9;border:0;color:white;background:#102b4c;cursor:pointer;font:inherit}
.ko-video-holder iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#videoModal .video-wrapper{height:auto;padding:0;aspect-ratio:16/9}
.pq-compare-inner{position:relative;touch-action:pan-y}
.ko-compare-control{position:absolute!important;inset:0!important;z-index:8!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;opacity:0;cursor:ew-resize;touch-action:pan-y}
.pq-compare-inner:focus-within{outline:3px solid #1b71c7;outline-offset:4px}
.pq-compare-inner .pq-img-after{width:100%!important;clip-path:inset(0 0 0 50%)}
.pq-compare-inner .pq-compare-handle{left:50%}
body[data-modern-product] .relatedProductSlider{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
body[data-modern-product] .contact-method a.contact-btn{display:inline-block;text-decoration:none}
body[data-modern-product] .toc-toggle{min-width:40px;min-height:40px}
@media(max-width:768px){body[data-modern-product] .container{max-width:100%;min-width:0}body[data-modern-product] .hero-content h1{overflow-wrap:anywhere}body[data-modern-product] .relatedProductSlider{grid-template-columns:1fr}body[data-modern-product] .specs-table-container{max-width:100%;overflow:auto}#application-examples .examples-grid{grid-template-columns:minmax(0,1fr)!important}body[data-modern-product] .hero-banner,body[data-modern-product] .hero-content,body[data-modern-product] .hero-image{min-width:0}}
@media print{body[data-modern-product] #masthead,body[data-modern-product] #colophon,body[data-modern-product] .toc-navigation,body[data-modern-product] .ko-chat,body[data-modern-product] .cta-buttons,body[data-modern-product] .download-btn,body[data-modern-product] dialog{display:none!important}body[data-modern-product] .faq-answer{display:block!important;max-height:none!important}body[data-modern-product] table{font-size:10pt}body[data-modern-product] .table-scroll{overflow:visible}}
