/* Shared by Gutenberg's device canvas and visitor pages. Original mobile hero geometry. */
@media(max-width:820px){
.dcwp-header .dcwp-brand{min-height:76px;padding:14px 20px;gap:12px}.dcwp-header .dcwp-brand img{width:132px;max-width:100%;height:auto}.dcwp-header .dcwp-brand form{max-width:150px;min-width:0}.dcwp-header .dcwp-brand input{width:100%;min-width:0;box-sizing:border-box}.dcwp-header .dcwp-mobile{padding:0;background:white;border-top:1px solid #edf2f8}.dcwp-header .dcwp-mobile>summary{list-style:none;display:flex;justify-content:flex-end;align-items:center;padding:14px 22px;min-height:52px;box-sizing:border-box;cursor:pointer}.dcwp-mobile>summary::-webkit-details-marker{display:none}.dc-mobile-hamburger{display:grid;gap:5px;width:30px}.dc-mobile-hamburger>span{display:block;height:3px;border-radius:3px;background:#003764}.dc-mobile-menu-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.dcwp-header .dcwp-mobile>nav{padding:0 22px 18px;background:white}.dcwp-header .dcwp-mobile .dcwp-menu a{display:block;padding:8px 0;font-size:16px}.dcwp-header .dcwp-mobile .sub-menu{padding:4px 0 4px 18px}.dcwp-header .dcwp-mobile[open] .dc-mobile-hamburger>span:first-child{transform:translateY(8px) rotate(45deg)}.dcwp-header .dcwp-mobile[open] .dc-mobile-hamburger>span:nth-child(2){visibility:hidden}.dcwp-header .dcwp-mobile[open] .dc-mobile-hamburger>span:last-child{transform:translateY(-8px) rotate(-45deg)}
}
@media(max-width:700px){
.site-shell>.hero-section{align-items:center;display:flex;flex-direction:column;gap:24px;grid-template-columns:none;max-width:100%;min-height:0;overflow:visible;padding:28px 22px 18px;text-align:center;box-sizing:border-box}
.site-shell>.hero-section>.hero-copy{display:contents;max-width:none;padding-top:0}
.site-shell .hero-copy h1{font-size:clamp(18px,4.8vw,25px);line-height:1.22;margin:0 auto;max-width:335px;order:1}
.site-shell .hero-copy p{font-size:clamp(14px,3.8vw,18px);line-height:1.35;margin:-14px auto 0;max-width:340px;order:2}
.site-shell .hero-actions{display:grid;gap:12px;justify-items:center;margin:-6px auto 0;order:3;width:min(100%,224px)}
.site-shell .hero-actions .btn{border-radius:7px;font-size:11px;min-height:35px;height:35px;min-width:0;width:100%;box-sizing:border-box}
.site-shell .hero-art{bottom:auto;order:4;padding-top:0;position:static;right:auto;width:100%;overflow:visible}
.site-shell .hero-image{display:block;margin:0 auto;width:min(100%,265px);height:auto!important;max-height:none;object-fit:contain}
.site-shell .featured-section,.site-shell .products-section{max-width:min(100%,520px);padding-left:18px;padding-right:18px;box-sizing:border-box}
}

/* Phone geometry must win over the migrated desktop template selectors. */
@media(max-width:700px){
html,body{max-width:100%;margin:0}
.datacom-wordpress-content,.datacom-wordpress-content>.site-shell{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
.datacom-wordpress-content>.site-shell>.hero-section{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;padding:28px 22px 24px!important;gap:24px!important;width:100%!important;min-width:0!important;max-width:100%!important;text-align:center;box-sizing:border-box}
.datacom-wordpress-content .hero-copy{display:contents!important}
.datacom-wordpress-content .hero-copy h1{font-size:25px!important;line-height:1.25!important;max-width:350px!important;width:100%;order:1;overflow-wrap:break-word}
.datacom-wordpress-content .hero-copy p{font-size:16px!important;line-height:1.5!important;max-width:350px!important;order:2;margin:0 auto!important}
.datacom-wordpress-content .hero-art{position:static!important;order:4;width:100%!important;min-width:0!important;padding:0!important}
.datacom-wordpress-content .hero-image{width:min(100%,300px)!important;max-width:100%!important;height:auto!important;margin:auto;display:block}
.datacom-wordpress-content .hero-actions{order:3;width:min(100%,260px)!important;margin:0 auto!important;display:grid!important;gap:12px!important}
.datacom-wordpress-content .hero-actions .btn{font-size:14px!important;min-height:44px!important;height:auto!important;padding:12px!important}
.datacom-wordpress-content .site-shell>.section,.datacom-wordpress-content .about-section,.datacom-wordpress-content .why-section,.datacom-wordpress-content .contact-section{width:100%!important;min-width:0!important;max-width:100%!important;padding:36px 20px!important;box-sizing:border-box}
.datacom-wordpress-content .site-shell :is(.deal-grid,.about-section,.product-grid,.why-grid,.featured-grid,.insight-grid,.contact-section,.service-row){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
.datacom-wordpress-content .section-heading h2{font-size:28px!important;line-height:1.25!important;max-width:100%!important}
.datacom-wordpress-content .section-heading p,.datacom-wordpress-content .about-section p,.datacom-wordpress-content .service-row li{font-size:16px!important;line-height:1.5!important}
.datacom-wordpress-content .about-section>*,.datacom-wordpress-content .service-row>*,.datacom-wordpress-content .contact-section>*{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
.datacom-wordpress-content .about-section img{display:block;max-width:100%!important;height:auto!important;margin:auto}
.datacom-wordpress-content .site-shell img{max-width:100%}
.datacom-wordpress-content .site-shell>.nav-bar{display:none!important}
}