/* Touch and reading improvements, scoped to mobile/tablet. */
@media(max-width:1180px){
 .svg-section>.section-content{padding-inline:24px}
 .svg-hero-box{width:calc(100% - 48px)!important}
 .header-main .container,#top-bar .container{padding-inline:24px}
 .svg-product-top .svg-row{gap:36px}
}
@media(max-width:1024px){
 #main button,#main .button{min-height:44px}
 #main .button:not(.icon){display:inline-flex;align-items:center;justify-content:center;line-height:1.3;padding-block:10px;white-space:normal}
 #main .button.expand{display:flex}
 #main .svg-button{min-width:44px}
 #main .flickity-prev-next-button{width:44px;min-width:44px}
 .header .nav-icon>a,.header .header-cart-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 #main .social-icons .button.icon{width:44px;height:44px;line-height:42px}
 #main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),#main select,#main textarea{font-size:16px}
 .svg-variation-options button{min-height:44px;padding:8px;line-height:1.3}
 .svg-product-addons label{min-height:44px;display:inline-flex;align-items:center;padding:8px 10px;gap:6px}
 .svg-product-addons input{margin:0}
 .svg-footer-links a{min-height:44px;display:flex;align-items:center;margin-bottom:0;padding-block:8px}
 .svg-clear-filter{min-height:44px;display:flex;align-items:center}
 .woocommerce-form__label-for-checkbox{min-height:44px;display:inline-flex;align-items:center;gap:8px}
 .svg-product-quality .svg-value-card>.col-inner{height:100%}
 .svg-native-products.row,.svg-related .products.row{width:100%;max-width:100%;margin-inline:0}
 .svg-related .product-small.col,.svg-native-products>.col{padding-inline:8px!important;min-width:0}
 .svg-spec-table td,.svg-company-line .svg-type{overflow-wrap:anywhere}
 #main .svg-card-link{min-height:44px;height:auto}
}
@media(min-width:700px) and (max-width:849px){
 .svg-values .svg-row:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}
 .svg-values .svg-value-card>.col-inner{height:100%;padding:24px}
 .svg-company .svg-row{grid-template-columns:minmax(0,250fr) minmax(0,440fr);gap:30px}
 .svg-company-line{padding:16px}
}
@media(max-width:849px){
 .off-canvas .mfp-content,#main-menu{background:#fff}
 #main-menu a{min-height:44px}
 #main-menu input[type=search]{font-size:16px}
 .svg-intro .svg-row{display:grid;grid-template-columns:1fr;gap:24px}
 .svg-intro .svg-row>.col{width:100%;max-width:none;padding:0!important}
 .svg-intro-art>.col-inner{max-width:550px;margin-inline:auto}
 .svg-intro-art{margin-top:0}
 .svg-product-top .svg-row{gap:32px}
 .svg-contact .svg-half-left,.svg-contact .svg-half-right{min-width:0}
}
@media(max-width:549px){
 .svg-section>.section-content{padding-inline:20px}
 .header-main .container,#top-bar .container{padding-inline:16px}
 .header .logo img{max-width:210px}
 .svg-hero-box{width:calc(100% - 40px)!important}
 .svg-product-summary .variations td{display:block;width:100%;padding-inline:0}
 .svg-product-summary .variations td.label{padding-top:8px;padding-bottom:10px}
 .svg-product-summary .variations td.value{padding-bottom:16px}
 .svg-product-summary .cart{gap:12px}
 .svg-product-summary .single_add_to_cart_button{min-height:48px}
 .svg-product-addons label{font-size:13px;margin-right:6px}
 .svg-portfolio-home .portfolio-box-title{font-size:24px}
 .svg-company-line{padding:16px}
}