/* Public pages on phones: restores the sections responsive.css hides and keeps them compact. */
.app-bar { display:none; }
/* Sits over the top of the hero and takes no height, so nothing below it moves */
.site-crumbs { position:relative; z-index:5; height:0; font-size:13.5px; line-height:1.4; }
.site-crumbs ol { display:flex; flex-wrap:nowrap; gap:8px; list-style:none; margin:0; padding:14px 0 0; }
.site-crumbs li { color:#4b5563; white-space:nowrap; }
.site-crumbs li[aria-current] { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.site-crumbs li::marker { content:""; }
.site-crumbs li::before { content:none; }
.site-crumbs li + li::before { content:"/"; display:inline; margin-right:8px; color:#9aa5b5; }
.site-crumbs a { color:#105bab; }
.site-crumbs a:hover { text-decoration:underline; }
/* The home navbar class renders the logo smaller than inner pages */
@media (max-width:991px) {
    .navbar-area .logo-wrapper .logo img { height:60px !important; max-height:none !important; width:auto !important; }
}
@media (max-width:767px) {
    /* Hidden by responsive.css on phones. Sections with a mobile_ twin stay hidden to avoid duplicates. */
    .empower_section,.bottom_banner,.creative-agency-testimonial-area,.creative-agency-work-process-area,.industries-serve-area,
    .faq-area-bg,.faq_sections,.application_section,.service_indus,.service_center_banner,.service_testimonial,.service_bottom_banner,
    .service_choose,.service_portfolio,.service_counter,.product_btoc,.product_portfolio,.culture_section { display:block; }

    .site-crumbs { font-size:12.5px; }
    .site-crumbs ol { padding:9px 0 0; }

    /* Tighter rhythm between sections */
    .padding-top-50 { padding-top:26px !important; }
    .padding-bottom-50 { padding-bottom:26px !important; }
    .margin-bottom-60 { margin-bottom:14px !important; }
    .padding-bottom-30 { padding-bottom:14px !important; }

    /* Delivery framework as swipe cards */
    ul.cagency-work-process-list { display:flex !important; flex-wrap:nowrap; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; margin:0 -15px; padding:2px 15px 8px; list-style:none; scrollbar-width:none; }
    ul.cagency-work-process-list::-webkit-scrollbar { display:none; }
    ul.cagency-work-process-list > li { flex:0 0 76% !important; width:auto !important; max-width:300px !important; margin:0 !important; background:#f6f8fc; border-radius:14px; padding:14px; scroll-snap-align:center; }

    /* Industries: nine to a slide in an even grid */
    .industries-serve-area .owl-item .item { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 6px; margin:0 !important; }
    .industries-serve-area .owl-stage { margin-left:-30px; }
    .industries-serve-area .owl-item .item > .row { display:contents; }
    .industries-serve-area .owl-item .item .col-4 { flex:none; max-width:none; width:auto; padding:0; }

    /* FAQ as a compact tap-to-open list */
    .faq-area-bg .Faq-img,.faq-area-bg .service_faq { display:none; }
    .faq-area-bg #main > .container { padding:0; }
    #main #faq .card { border-radius:12px; box-shadow:none; border:1px solid #e6ebf2; }
    #main #faq .card .card-header .btn-header-link { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:11px 14px; font-size:13.5px; line-height:1.35; white-space:normal; border-radius:12px; }
    #main #faq .card .collapse.show,#main #faq .card .collapsing { line-height:1.5; }
    .faq-area-bg .Faq-body { padding:0 14px 12px !important; font-size:13.5px; }

    /* Card grids as swipe rows (built by mobile-app.js) */
    .row.app-swipe { display:flex; justify-content:flex-start !important; flex-wrap:nowrap; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; margin:0 -15px; padding:2px 15px 8px; scroll-padding-left:15px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
    .row.app-swipe::-webkit-scrollbar { display:none; }
    .row.app-swipe > [class*="col-"] { flex:0 0 84%; max-width:340px; padding:0; margin:0; scroll-snap-align:start; }
    .app-swipe [data-animate-in] { opacity:1 !important; transform:none !important; }
    .app-dots { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; padding:8px 0 4px; }
    .app-dots span { width:6px; height:6px; border-radius:3px; background:#c6d3e6; transition:width .2s,background .2s; }
    .app-dots span.on { width:18px; background:var(--main-color-one); }

    /* Readable text */
    .app-wrap { white-space:normal !important; overflow:visible !important; text-overflow:clip !important; display:block !important; -webkit-line-clamp:unset !important; max-height:none !important; }
    .app-left { text-align:left !important; }
    .app-more-hide { display:none !important; }
    .app-more { display:block; min-height:44px; padding:0; border:0; background:none; color:var(--main-color-one); font:inherit; font-weight:700; }
    .testimonial-item-position { display:none; }

    /* Headings are never cut off */
    h1,h2,h3,h4 { -webkit-line-clamp:unset !important; text-overflow:clip !important; overflow:visible !important; white-space:normal !important; max-height:none !important; }
    h1:not(.d-none),h2:not(.d-none) { display:block; }

    /* Directory pages: every option visible as a compact list */
    .service-page .row > [class*="col-"] { flex:0 0 100%; max-width:100%; margin-bottom:10px !important; }
    .service-page .single-what-we-cover-item-02,.service-page [class*="single-"] { min-height:0; height:auto; padding:14px 16px; }
    .service-page h3,.service-page h4 { font-size:15.5px; line-height:1.3; margin-bottom:4px; }
    .service-page .service-blog-text-border { margin-bottom:6px !important; }
    .service-page p { font-size:13px; line-height:1.45; margin:0; }

    /* Folded enquiry forms */
    form.app-folded { display:none; }
    .app-open-form { display:block; width:100%; min-height:48px; margin:12px 0; border:0; border-radius:12px; background:var(--main-color-one); color:#fff; font:inherit; font-weight:700; }

    /* Bottom bar */
    .app-bar { display:flex; gap:10px; position:fixed; left:0; right:0; bottom:0; z-index:9000; background:#fff; border-top:1px solid #e6ebf2; padding:10px 15px calc(10px + env(safe-area-inset-bottom)); }
    .app-bar-wa { flex:0 0 48px; height:48px; border:1.5px solid #25d366; border-radius:12px; color:#128c4b; font-size:24px; display:flex; align-items:center; justify-content:center; }
    .app-bar-cta { flex:1; height:48px; border:0; border-radius:12px; background:var(--main-color-one); color:#fff; font:inherit; font-size:15px; font-weight:700; }
    .app-bar-cta:active { transform:scale(.97); }
    .has-chat .app-bar-cta { margin-right:58px; }
    body:has(.app-bar) { padding-bottom:calc(68px + env(safe-area-inset-bottom)); }
    body:has(.app-bar) .whatsapp-float { display:none !important; }
}