
/* Use the slide's own link: a fixed overlay outside the banner blocked :hover. */
html[data-dct-final] .slider_banner{position:relative}
html[data-dct-final] .slider_banner .swiper-slide:not(.swiper-slide-active),html[data-dct-final] .slider_banner .swiper-slide:not(.swiper-slide-active) *{pointer-events:none!important}
html[data-dct-final] .slider_banner .swiper-slide-active,html[data-dct-final] .slider_banner .swiper-slide-active a{pointer-events:auto!important}
html[data-dct-final] .slider_banner .slider_swiper_control{position:absolute;inset:0;pointer-events:none;z-index:5}
html[data-dct-final] .slider_banner .swiper-buttons{position:absolute;inset:0;pointer-events:none!important}
html[data-dct-final] .slider_banner :is(.swiper-button-prev,.swiper-button-next){pointer-events:auto!important;z-index:6!important}
html[data-dct-final] .slider_banner .swiper-pagination-bullet{pointer-events:auto!important}
@media(min-width:768px){
 html[data-dct-final] .slider_banner :is(.swiper-button-prev,.swiper-button-next){display:block!important;top:50%!important;width:64px!important;height:48px!important;margin-top:-24px!important;background:rgba(0,0,0,.5)!important;border-radius:3px;opacity:0;visibility:hidden;transition:opacity .18s}
 html[data-dct-final] .slider_banner .swiper-button-prev{left:4.5%!important}
 html[data-dct-final] .slider_banner .swiper-button-next{right:4.5%!important}
 html[data-dct-final] .slider_banner:is(:hover,:focus-within) :is(.swiper-button-prev,.swiper-button-next){opacity:1!important;visibility:visible!important}
 /* Keep the old site's 1920×978 desktop-art proportion.  `cover` with a short
    fixed viewport zoomed/cropped each image, making the banner look oversized. */
 html[data-dct-final] .slider_banner:not(#dct-mobile-banner){height:50.9375vw!important;max-height:none!important;min-height:0!important;overflow:hidden!important;background:#fff!important}
 html[data-dct-final] .slider_banner:not(#dct-mobile-banner) :is(.swiper-wrapper,.swiper-slide,.swiper-slide>a,.swiper-slide picture){height:100%!important;min-height:0!important}
 html[data-dct-final] .slider_banner:not(#dct-mobile-banner) .swiper-wrapper{width:100%!important}
 html[data-dct-final] .slider_banner:not(#dct-mobile-banner) .swiper-slide{width:100%!important;max-width:100%!important;flex:0 0 100%!important;overflow:hidden!important;background:#fff!important}
 html[data-dct-final] .slider_banner:not(#dct-mobile-banner) .swiper-slide:not(.swiper-slide-active){visibility:hidden!important;opacity:0!important}
 html[data-dct-final] .slider_banner:not(#dct-mobile-banner) .swiper-slide.swiper-slide-active{visibility:visible!important;opacity:1!important;z-index:2!important}
 html[data-dct-final] .slider_banner:not(#dct-mobile-banner) .swiper-slide img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important}
}
.dct-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:44px;box-sizing:border-box;border-radius:24px;background:#0b7c43;color:#fff!important;font:600 14px/22px Arial,sans-serif;text-decoration:none!important;touch-action:manipulation}
.dct-whatsapp svg{width:25px;height:25px;flex:none}.dct-whatsapp:focus-visible{outline:3px solid #2f89bd;outline-offset:3px}.dct-whatsapp-product{display:none!important}
.dct-whatsapp-floating{position:fixed;right:18px;bottom:194px;z-index:2147481999;box-shadow:0 4px 16px #0003}
.dct-whatsapp-contact{color:#128c4c!important;text-decoration:underline!important}
/* Imported story text remains real text. Normalize pasted inline font sizes. */
html[data-dct-final] .dct-product-story{font-family:Arial,sans-serif;font-size:17px;line-height:1.65;color:#344854}
html[data-dct-final] .dct-product-story :is(p,li){font-size:17px!important;line-height:1.65!important;word-break:normal!important;overflow-wrap:break-word;margin:0 0 14px!important;text-indent:0!important;height:auto!important}
html[data-dct-final] .dct-product-story :is(p,li,h2,h3,h4) :is(span,font,strong,b,em,a){font-size:inherit!important;line-height:inherit!important}
html[data-dct-final] .dct-product-story :is(div,span,font)[style*="font-size"]{font-size:inherit!important;line-height:inherit!important}
html[data-dct-final] .dct-product-story :is(h2,h3,h4){font-size:25px!important;line-height:1.3!important;color:#215a75;margin:26px 0 14px!important;height:auto!important;word-break:normal!important}
html[data-dct-final] .dct-product-story h4{font-size:20px!important}
html[data-dct-final] .dct-product-story :is(.dct-story-pair,.wp-block-columns){gap:28px;align-items:center}
html[data-dct-final] .dct-product-story :is(img,picture,figure){max-width:100%!important}
html[data-dct-final] .dct-product-story :is(td,th){font-size:15px!important;line-height:1.5!important}
html[data-dct-final] .dct-detail-video :is(iframe,video),html[data-dct-final] .dct-youtube-play{width:100%!important;max-width:min(100%,900px)!important;min-width:0!important;height:auto!important;aspect-ratio:16/9;box-sizing:border-box}
html[data-dct-final] .dct-youtube-play img{width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:767px){
 /* The legacy Swiper paints neighbour frames on iPhone. Use an independent
    mobile banner so its moving track cannot create a translucent side strip. */
 html[data-dct-final] .index_main .slider_banner{display:block!important}
 html[data-dct-final] .index_main .slider_banner[data-dct-mobile-replaced]{display:none!important}
 html[data-dct-final] .index_main #dct-mobile-banner{position:relative!important;display:block!important;width:100%!important;height:51vw!important;max-height:392px!important;min-height:0!important;overflow:hidden!important;background:#fff!important}
 html[data-dct-final] .index_main #dct-mobile-banner>a,html[data-dct-final] .index_main #dct-mobile-banner>a>img{display:block!important;width:100%!important;height:100%!important}
 html[data-dct-final] .index_main #dct-mobile-banner>a>img{object-fit:cover!important;object-position:center!important}
 html[data-dct-final] .dct-mobile-banner-dots{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;display:flex!important;justify-content:center!important;gap:2px!important}
 html[data-dct-final] .dct-mobile-banner-dots button{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;cursor:pointer!important}
 html[data-dct-final] .dct-mobile-banner-dots button::before{content:"";display:block;width:11px;height:11px;border-radius:50%;background:rgba(45,45,45,.55)}
 html[data-dct-final] .dct-mobile-banner-dots button[data-active]::before{background:#fff}
 /* Swiper keeps off-screen clones in its moving track. On iPhone the theme's
    fade layer exposed one clone as a black strip. Paint only the active frame. */
 html[data-dct-final] .index_main .slider_banner:not(#dct-mobile-banner){position:relative!important;width:100%!important;height:51vw!important;max-height:392px!important;min-height:0!important;overflow:hidden!important;isolation:isolate!important;background:#fff!important}
 html[data-dct-final] .index_main .slider_banner:not(#dct-mobile-banner) .swiper-wrapper{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;left:0!important;margin:0!important;transform:none!important;transition:none!important}
 html[data-dct-final] .index_main .slider_banner:not(#dct-mobile-banner) .swiper-slide{display:none!important;position:absolute!important;inset:0!important;width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;flex:0 0 100%!important;overflow:hidden!important;background:#fff!important;transform:none!important}
 html[data-dct-final] .index_main .slider_banner:not(#dct-mobile-banner) .swiper-slide.swiper-slide-active{display:block!important;visibility:visible!important;opacity:1!important;z-index:2!important}
 html[data-dct-final] .index_main .slider_banner:not(#dct-mobile-banner) .swiper-slide img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#fff!important}
 /* Product pages keep one WhatsApp action only: the icon above online chat. */
 .dct-whatsapp-product{display:none!important}
 html[data-dct-final] body #dct-back-top{right:12px!important;bottom:18px!important;width:48px!important;height:48px!important}
 html[data-dct-final] body #dtc{right:12px!important;bottom:82px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
 html[data-dct-final] body #dtc .dtc-open{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
 .dct-whatsapp-floating{right:12px!important;bottom:146px!important;left:auto!important;top:auto!important;min-width:48px!important;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border-radius:50%!important;gap:0!important;font-size:0!important}
 .dct-whatsapp-floating svg{width:30px!important;height:30px!important}
 .dct-whatsapp-floating span{display:none!important}
 html[data-dct-final] .dct-product-story :is(p,li){font-size:16px!important;line-height:1.6!important;margin-bottom:12px!important}
 html[data-dct-final] .dct-product-story :is(h2,h3,h4){font-size:21px!important;line-height:1.35!important;margin:20px 0 12px!important}
 html[data-dct-final] :is(.dt-content,.tab-panel-content,.entry-content,.company_intr_video) :is(iframe,video){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:16/9;box-sizing:border-box}
 html[data-dct-final] .dct-product-story .dct-story-pair{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 html[data-dct-final] .dct-product-story :is(div,section,figure){max-width:100%!important;min-width:0!important;box-sizing:border-box}
}
.dct-whatsapp-choice{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:18px!important;background:rgba(0,0,0,.46)!important;box-sizing:border-box!important}
.dct-whatsapp-choice__panel{position:relative!important;width:min(100%,420px)!important;padding:28px 20px 20px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 16px 42px rgba(0,0,0,.28)!important;box-sizing:border-box!important;text-align:center!important;font-family:Arial,sans-serif!important}
.dct-whatsapp-choice__panel h2{margin:0 30px 8px!important;color:#17324a!important;font-size:22px!important;line-height:1.25!important}.dct-whatsapp-choice__panel p{margin:0 0 18px!important;color:#526773!important;font-size:14px!important;line-height:1.45!important}
.dct-whatsapp-choice__panel [data-dct-wa]{display:block!important;width:100%!important;min-height:48px!important;margin:10px 0!important;border:0!important;border-radius:10px!important;background:#128c4c!important;color:#fff!important;font:600 16px/48px Arial,sans-serif!important;cursor:pointer!important}.dct-whatsapp-choice__panel [data-dct-wa="business"]{background:#0b765f!important}
.dct-whatsapp-choice__close{position:absolute!important;top:7px!important;right:10px!important;width:34px!important;height:34px!important;border:0!important;background:transparent!important;color:#526773!important;font:28px/30px Arial,sans-serif!important;cursor:pointer!important}
