/* DTB v2.0.146 — moved from inline <style id="dtb-apphome-v2-08-css"> (part-02.php); browser-cached. */
        @media(max-width:767px){
            /* Wider app canvas with a tiny safe gutter. Avoid 100% to prevent horizontal scroll on WebView. */
            .dtb-apphome-v2{
                width:99.4%!important;
                max-width:444px!important;
                padding-left:2px!important;
                padding-right:2px!important;
            }

            /* Increase only the brand/action row area. Search row remains compact. */
            .dtb-v203-mobile-shell{
                padding:10px 5px 7px!important;
                margin-bottom:5px!important;
            }
            .dtb-v203-shell-top{
                min-height:52px!important;
                gap:7px!important;
                margin-bottom:4px!important;
                align-items:center!important;
            }
            .dtb-v203-brand{
                gap:8px!important;
                min-width:0!important;
            }
            .dtb-v203-brand img,
            .dtb-v203-brand-fallback{
                width:50px!important;
                height:50px!important;
                flex:0 0 50px!important;
                border-radius:14px!important;
            }
            .dtb-v203-brand strong{
                font-size:16.5px!important;
                line-height:1.08!important;
                letter-spacing:-.25px!important;
            }
            .dtb-v203-brand small{
                font-size:10.3px!important;
                line-height:1.16!important;
                max-width:205px!important;
            }
            .dtb-v203-shell-actions{
                gap:5px!important;
            }
            .dtb-v203-shell-actions a{
                height:33px!important;
                padding:0 10px!important;
                border-radius:10px!important;
                font-size:11px!important;
            }
            .dtb-v203-shell-actions span{
                width:33px!important;
                height:33px!important;
                font-size:12px!important;
            }

            /* Search/menu/support row: slightly more compact than v2.0.7. */
            .dtb-v203-shell-search{
                grid-template-columns:28px 1fr auto!important;
                gap:5px!important;
            }
            .dtb-v203-menu{
                width:28px!important;
                height:35px!important;
                border-radius:10px!important;
                font-size:16px!important;
            }
            .dtb-v203-shell-search form{
                height:36px!important;
                padding:0 5px 0 11px!important;
            }
            .dtb-v203-shell-search input[type=search]{
                height:30px!important;
                font-size:12px!important;
            }
            .dtb-v203-shell-search button{
                width:28px!important;
                height:28px!important;
                font-size:11.5px!important;
            }
            .dtb-v203-support{
                height:36px!important;
                padding:0 8px!important;
                font-size:10.8px!important;
            }

            /* Hero: use the actual 3:1 banner canvas so slides are not cropped left/right. */
            .dtb-v206-hero-slider,
            .dtb-v206-hero-single,
            .dtb-v2-hero:not(.dtb-v2-hero-fallback){
                aspect-ratio:3/1!important;
                overflow:hidden!important;
                background:#fff!important;
                border-radius:12px!important;
            }
            .dtb-v206-hero-track,
            .dtb-v206-hero-slide{
                height:100%!important;
            }
            .dtb-v206-hero-slide img,
            .dtb-v206-hero-single img,
            .dtb-v2-hero:not(.dtb-v2-hero-fallback) img{
                width:100%!important;
                height:100%!important;
                object-fit:contain!important;
                object-position:center center!important;
                background:#fff!important;
            }

            /* Keep indicators small and visual only; avoid returning to large theme-styled bars. */
            .dtb-v206-hero-dots{
                right:7px!important;
                bottom:6px!important;
                gap:3px!important;
            }
            .dtb-v206-hero-dots span{
                width:4px!important;
                height:9px!important;
                border-radius:999px!important;
            }
            .dtb-v206-hero-dots span.is-active{
                width:5px!important;
                height:18px!important;
            }
        }
    
