/* MEISP Mobile Global 1.0.0 — CSS progressive overrides, no backend/checkout modifications */
:root{--meisp-touch:44px}
html{max-width:100%;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:clip}
main,section,article,header,footer,nav,.wrap,.meisp-inner-page{min-width:0}
img,video,iframe,svg{max-width:100%}
img{height:auto}
input,select,textarea{max-width:100%;min-width:0}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="search"],input[type="password"],select,textarea{font-size:16px}
button,.btn,input[type="submit"],.woocommerce a.button,.woocommerce button.button{min-height:var(--meisp-touch);touch-action:manipulation}
a,button,summary{ -webkit-tap-highlight-color:rgba(0,232,77,.15)}
:where(.meisp-page-hero,.meisp-ref-pricing,.meisp-wl-packages,.meisp-benchmark,.meisp-black-campaign,.meisp-commercial-faq){min-width:0}
:where(.meisp-page-hero,.meisp-ref-pricing,.meisp-wl-packages,.meisp-benchmark,.meisp-black-campaign) :where(h1,h2,h3,h4,p,li){overflow-wrap:break-word}
.meisp-table-scroll,.woocommerce table.shop_table_responsive,.wc-block-components-main{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.meisp-table-scroll table{min-width:600px}
.meisp-table-scroll:focus-visible{outline:3px solid #00a862;outline-offset:3px}
.woocommerce img,.woocommerce-page img{height:auto}
.woocommerce .woocommerce-checkout,.woocommerce .woocommerce-cart-form{max-width:100%}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{width:100%;box-sizing:border-box}
.meisp-contact-form label,.meisp-wl-form label{min-width:0}
.meisp-contact-form input,.meisp-contact-form textarea,.meisp-contact-form select{width:100%;box-sizing:border-box}
.meisp-contact-form input[type=checkbox]{width:18px;min-width:18px}
.meisp-black-hero.meisp-rock-active{max-width:100%}
.meisp-rock-links{z-index:6}
.meisp-rock-fx{pointer-events:none}
.meisp-rock-bolt{will-change:opacity,transform}
@media(max-width:1200px){
 .wrap{width:min(100% - 32px,1100px)}
 .nav{gap:12px}
 .meisp-ref-plan-grid,.meisp-wl-package-grid,.meisp-black-wl-grid,.meisp-black-plan-grid{gap:16px}
 .meisp-ref-plan,.meisp-wl-package{min-width:0}
}
@media(min-width:701px) and (max-width:1100px){
 .meisp-ref-plan-grid,.meisp-black-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .meisp-wl-package-grid,.meisp-black-wl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .meisp-feature-grid,.meisp-roadmap-grid,.meisp-decision-grid,.meisp-benchmark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .meisp-wl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .meisp-contact-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 28px)}
 .meisp-inner-page,.meisp-shop-page{padding-top:20px;padding-bottom:40px}
 .meisp-page-hero{padding:clamp(22px,6vw,34px);border-radius:20px;margin-bottom:18px}
 .meisp-page-hero h1{font-size:clamp(30px,8vw,42px);line-height:1.1}
 .meisp-page-hero p{font-size:16px;line-height:1.55}
 .meisp-page-body{padding:18px;border-radius:16px}
 .meisp-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
 .meisp-actions>.btn,.hero-actions>.btn{flex:1 1 180px}
 .meisp-ref-plan-grid,.meisp-wl-package-grid,.meisp-black-wl-grid,.meisp-black-plan-grid,
 .meisp-feature-grid,.meisp-roadmap-grid,.meisp-decision-grid,.meisp-benchmark-grid,
 .meisp-wl-steps,.meisp-contact-intro,.meisp-faq-grid,.meisp-page-cards{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:14px}
 .meisp-ref-plan,.meisp-wl-package,.meisp-black-plan,.meisp-black-wl-card,
 .meisp-feature-grid article,.meisp-roadmap-grid article,.meisp-decision-grid article,.meisp-benchmark-grid article{padding:clamp(18px,5vw,25px);max-width:100%}
 .meisp-contact-form,.meisp-wl-form{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:14px}
 .meisp-contact-form>*{grid-column:1/-1!important}
 .meisp-contact-form button[type=submit]{width:100%}
 .meisp-ref-pricing,.meisp-wl-packages,.meisp-benchmark,.meisp-black-campaign{padding-left:0;padding-right:0}
 .meisp-ref-hero-exact-image{display:block;width:100%;height:auto;object-fit:contain}
 .meisp-ref-price,.meisp-wl-price{font-size:clamp(27px,8vw,38px)}
 .meisp-ref-plan-actions a,.meisp-wl-package .btn{max-width:100%;width:100%;text-align:center}
 .meisp-table-scroll{margin-inline:0;border-radius:12px}
 .meisp-table-scroll table{min-width:620px;font-size:13px}
 .meisp-table-scroll th,.meisp-table-scroll td{padding:11px 10px}
 .meisp-black-hero:not(.meisp-rock-active){padding:26px 18px}
 .meisp-black-hero h2{font-size:clamp(29px,8vw,43px)}
 .meisp-black-hero p{font-size:16px}
 .meisp-ticker-inner{flex-wrap:wrap;justify-content:center;gap:6px}
 .meisp-quotes{justify-content:center;gap:5px 12px;font-size:11px}
 .meisp-social{justify-content:center;gap:15px}
 .mobile-menu summary{min-height:48px}
 .mobile-panel{width:min(350px,calc(100vw - 24px));right:0}
 .mobile-panel a{min-height:48px;display:flex;align-items:center}
 .footer .wrap{display:flex;flex-direction:column;gap:16px}
 .footer nav{display:flex;flex-wrap:wrap;gap:10px}
 .footer a{margin:0}
 .woocommerce ul.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;min-width:0}
 .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px}
 .woocommerce ul.products li.product .price{font-size:15px}
 .woocommerce ul.products li.product .button{font-size:12px}
 .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:100%}
}
@media(max-width:390px){
 .wrap{width:calc(100% - 22px)}
 .meisp-page-hero{padding:20px}
 .meisp-black-plan,.meisp-wl-package,.meisp-ref-plan{padding:16px}
 .woocommerce ul.products{grid-template-columns:minmax(0,1fr)}
 .meisp-rock-links{grid-template-columns:1fr 1fr}
 .meisp-brand-img{max-width:145px;height:auto}
 .meisp-quotes small{display:none}
}
@media(min-width:701px) and (max-width:900px) and (orientation:landscape){
 .hero-grid{min-height:0}
 .hero-copy{padding-block:24px}
}
@media(hover:none) and (pointer:coarse){
 .btn,.meisp-rock-link,button{min-height:44px}
 .meisp-rock-link:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
