/* Temporary mobile testing mode for all interfaces. */
html{box-sizing:border-box;-webkit-text-size-adjust:100%}
*,*:before,*:after{box-sizing:inherit}
body{min-width:0!important;overflow-x:hidden}
img,canvas,svg,video{max-width:100%}
table{max-width:100%}
.dp-mobile-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:820px){
 header{position:relative!important;min-height:auto!important}
 main,.container,.panel,.content,.workspace{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
 nav,.top-nav,.toolbar,.menu{max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
 table{min-width:760px}
 .detail-answer{overflow-x:hidden}
 table.detail-characteristics{min-width:0!important;width:100%!important;table-layout:fixed}
 .detail-characteristics th,.detail-characteristics td{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
 .panel table,.content table,.workspace table{display:table}
 input,select,textarea,button{font-size:16px!important;max-width:100%}
 .grid,.grid2,.form-grid,.checkout-layout,.cart-layout{grid-template-columns:1fr!important}
 .row{flex-wrap:wrap}
 .row>*{max-width:100%}
}