/* dtb-apphome-v2-07-css.css */
/* DTB v2.0.146 — moved from inline <style id="dtb-apphome-v2-07-css"> (part-02.php); browser-cached. */
        @media(max-width:767px){
            /* Slightly wider app canvas: small 4px side margin, no full-bleed touching. */
            .dtb-apphome-v2{
                width:calc(100% - 8px)!important;
                max-width:440px!important;
                padding-left:4px!important;
                padding-right:4px!important;
            }

            /* App-like top shell: more premium height and breathing space. */
            .dtb-v203-mobile-shell{
                padding:9px 8px 10px!important;
                margin:0 0 7px!important;
                border-radius:0 0 15px 15px!important;
            }
            .dtb-v203-shell-top{
                gap:8px!important;
                margin-bottom:8px!important;
            }
            .dtb-v203-brand{
                gap:9px!important;
            }
            .dtb-v203-brand img,
            .dtb-v203-brand-fallback{
                width:48px!important;
                height:48px!important;
                flex-basis:48px!important;
                border-radius:13px!important;
            }
            .dtb-v203-brand strong{
                font-size:16px!important;
                line-height:1.08!important;
                letter-spacing:-.25px!important;
            }
            .dtb-v203-brand small{
                font-size:10.5px!important;
                line-height:1.18!important;
                max-width:210px!important;
            }
            .dtb-v203-shell-actions{
                gap:6px!important;
            }
            .dtb-v203-shell-actions a{
                height:32px!important;
                padding:0 11px!important;
                border-radius:10px!important;
                font-size:11.2px!important;
            }
            .dtb-v203-shell-actions span{
                width:32px!important;
                height:32px!important;
                font-size:12px!important;
            }
            .dtb-v203-shell-search{
                grid-template-columns:32px 1fr auto!important;
                gap:7px!important;
            }
            .dtb-v203-menu{
                width:32px!important;
                height:39px!important;
                font-size:18px!important;
                border-radius:11px!important;
            }
            .dtb-v203-shell-search form{
                height:40px!important;
                padding:0 6px 0 13px!important;
                border-radius:999px!important;
            }
            .dtb-v203-shell-search input[type=search]{
                height:34px!important;
                font-size:13px!important;
            }
            .dtb-v203-shell-search button{
                width:31px!important;
                height:31px!important;
                font-size:12px!important;
            }
            .dtb-v203-support{
                height:40px!important;
                padding:0 10px!important;
                font-size:11.5px!important;
                border-radius:999px!important;
            }

            /* Hero: one fixed app-safe frame for every slide. No bottom blank area. */
            .dtb-v206-hero-slider,
            .dtb-v206-hero-single,
            .dtb-v2-hero:not(.dtb-v2-hero-fallback){
                aspect-ratio:2.18/1!important;
                height:auto!important;
                min-height:0!important;
                max-height:none!important;
                overflow:hidden!important;
                border-radius:12px!important;
                background:#fff!important;
            }
            .dtb-v206-hero-track,
            .dtb-v206-hero-slide{
                height:100%!important;
                min-height:0!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;
                display:block!important;
                object-fit:cover!important;
                object-position:center center!important;
            }

            /* Slider indicators: span-based/reset so theme button CSS cannot create tall bars. */
            .dtb-v206-hero-dots{
                right:8px!important;
                bottom:8px!important;
                gap:4px!important;
                display:flex!important;
                align-items:center!important;
                pointer-events:none!important;
            }
            .dtb-v206-hero-dots span{
                display:block!important;
                width:5px!important;
                height:14px!important;
                min-width:0!important;
                min-height:0!important;
                padding:0!important;
                margin:0!important;
                border:0!important;
                border-radius:999px!important;
                background:rgba(255,255,255,.75)!important;
                box-shadow:0 1px 5px rgba(0,0,0,.16)!important;
                font-size:0!important;
                line-height:0!important;
            }
            .dtb-v206-hero-dots span.is-active{
                width:6px!important;
                height:28px!important;
                background:#0b8d46!important;
            }
        }
    

/* dtb-apphome-v2-08-css.css */
/* 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;
            }
        }
    

/* dtb-apphome-v2-09-css.css */
/* DTB v2.0.146 — moved from inline <style id="dtb-apphome-v2-09-css"> (part-02.php); browser-cached. */
        @media(max-width:767px){
            /* Keep v2.0.8 width/hero/search decisions; polish only the top brand/action row. */
            .dtb-v203-shell-top{
                display:grid!important;
                grid-template-columns:minmax(0,1fr) auto!important;
                align-items:center!important;
                column-gap:6px!important;
                min-height:58px!important;
                margin-bottom:3px!important;
            }
            .dtb-v203-brand{
                display:flex!important;
                align-items:center!important;
                gap:8px!important;
                min-width:0!important;
                overflow:hidden!important;
            }
            .dtb-v203-brand img,
            .dtb-v203-brand-fallback{
                width:52px!important;
                height:52px!important;
                flex:0 0 52px!important;
                border-radius:14px!important;
            }
            .dtb-v203-brand span{
                min-width:0!important;
                max-width:100%!important;
                display:block!important;
                overflow:hidden!important;
            }
            .dtb-v203-brand strong{
                display:block!important;
                max-width:100%!important;
                overflow:hidden!important;
                text-overflow:ellipsis!important;
                white-space:nowrap!important;
                font-size:16.2px!important;
                line-height:1.05!important;
                letter-spacing:-.32px!important;
            }
            .dtb-v203-brand small{
                display:block!important;
                max-width:100%!important;
                overflow:hidden!important;
                text-overflow:ellipsis!important;
                white-space:nowrap!important;
                font-size:9.6px!important;
                line-height:1.12!important;
                color:#52665b!important;
            }
            .dtb-v203-shell-actions{
                display:flex!important;
                align-items:center!important;
                justify-content:flex-end!important;
                gap:4px!important;
                flex:0 0 auto!important;
                min-width:max-content!important;
            }
            .dtb-v203-shell-actions a{
                height:32px!important;
                min-height:0!important;
                padding:0 9px!important;
                border-radius:10px!important;
                font-size:10.7px!important;
                line-height:32px!important;
                white-space:nowrap!important;
            }
            .dtb-v203-shell-actions span{
                width:31px!important;
                height:31px!important;
                flex:0 0 31px!important;
                font-size:11.5px!important;
                line-height:31px!important;
            }
            /* Do not inherit any global theme spacing inside the top brand row. */
            .dtb-v203-shell-top a,
            .dtb-v203-shell-top span{
                box-sizing:border-box!important;
            }
        }
        @media(max-width:374px){
            .dtb-v203-brand img,
            .dtb-v203-brand-fallback{
                width:48px!important;
                height:48px!important;
                flex-basis:48px!important;
            }
            .dtb-v203-brand strong{font-size:15.2px!important;}
            .dtb-v203-brand small{font-size:9px!important;}
            .dtb-v203-shell-actions a{padding:0 7px!important;font-size:10px!important;}
            .dtb-v203-shell-actions span{width:29px!important;height:29px!important;flex-basis:29px!important;line-height:29px!important;}
        }