/* mobile M3 2026-11-03 */
@media screen and (max-width:767px){
/* header pill */
html body header #personal-block#personal-block#personal-block#personal-block.cstm-personal-block-sec .h #mt-signin-trigger#mt-signin-trigger{display:inline-flex!important;align-items:center!important;gap:0!important;height:26px!important;min-height:0!important;max-height:26px!important;align-self:center!important;padding:0 12px 0 10px!important;margin:0 11px 0 0!important;width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;box-sizing:border-box!important;overflow:visible!important;border-radius:999px!important;background:#4CA9E4!important;color:#fff!important;font-size:0!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important;white-space:nowrap!important}
html body header #personal-block#personal-block#personal-block#personal-block.cstm-personal-block-sec .h #mt-signin-trigger#mt-signin-trigger::before{content:"";display:block;flex:0 0 13px;width:13px;height:13px;margin:0!important;position:static!important;top:auto!important;left:auto!important;transform:none!important;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E")}
html body header #personal-block#personal-block#personal-block#personal-block.cstm-personal-block-sec .h #mt-signin-trigger#mt-signin-trigger::after{content:"Sign in";display:block;margin-left:6px!important;flex:0 0 auto;white-space:nowrap;position:static!important;font:700 12.5px/1 Lato,system-ui,sans-serif;color:#fff}
html body #personal-block#personal-block#personal-block.cstm-personal-block-sec .mt-auth-sep,
html body #personal-block#personal-block#personal-block.cstm-personal-block-sec .h>a:not(#mt-signin-trigger){display:none!important}
html body header #personal-block#personal-block#personal-block#personal-block.cstm-personal-block-sec>.h{min-width:116px!important;justify-content:flex-end!important}
/* popup -> centered M3 card */
html body #personal-block .h #login-popup#login-popup#login-popup{position:fixed!important;left:12px!important;right:12px!important;top:64px!important;width:auto!important;max-width:372px!important;margin:0 auto!important;max-height:calc(100dvh - 76px)!important;overflow:auto!important;box-sizing:border-box!important;padding:0 20px 14px!important;z-index:9999!important;border:0!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 100vmax rgba(14,40,66,.12),0 14px 40px rgba(20,60,100,.25)!important;font-family:Lato,system-ui,sans-serif}
html body #personal-block .h #login-popup#login-popup#login-popup h3{margin:0 -20px 16px!important;padding:14px 0!important;background:#4CA9E4!important;border:0!important;border-radius:20px 20px 0 0!important;text-align:center!important;font-size:0!important;line-height:1.2!important}
html body #personal-block .h #login-popup#login-popup#login-popup h3::after{content:"Welcome to MakerTouch";font:800 18px/1.2 Lato,system-ui,sans-serif;color:#fff}
html body #personal-block .h #login-popup#login-popup#login-popup form{display:flex!important;flex-direction:column!important;gap:14px!important;margin:0!important;padding:0!important;background:transparent!important}
html body #personal-block .h #login-popup#login-popup#login-popup form>*,html body #personal-block .h #login-popup#login-popup#login-popup .form-element{margin:0!important;padding:0!important;background:transparent!important;width:100%!important}
html body #personal-block .h #login-popup#login-popup#login-popup .form-element-hidden{display:none!important}
html body #personal-block .h #login-popup#login-popup#login-popup input[type=text],html body #personal-block .h #login-popup#login-popup#login-popup input[type=password]{width:100%!important;height:42px!important;box-sizing:border-box!important;border:1.5px solid #A1D0E9!important;border-radius:12px!important;background:rgba(255,255,255,.95)!important;padding:0 14px!important;font-size:16px!important;color:#163a5c!important}
html body #personal-block .h #login-popup#login-popup#login-popup .mt-login-actions{display:flex!important;flex-direction:column-reverse!important;gap:14px!important;align-items:stretch!important}
html body #personal-block .h #login-popup#login-popup#login-popup #remember-me,html body #personal-block .h #login-popup#login-popup#login-popup #remember-me .form-element-checkbox{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;width:auto!important;font-size:13.5px!important;color:#2976A4!important}
html body #personal-block .h #login-popup#login-popup#login-popup #remember-me input{width:18px!important;height:18px!important;margin:0!important;accent-color:#2976A4}
html body #personal-block .h #login-popup#login-popup#login-popup button.default-button{width:100%!important;height:44px!important;border:0!important;border-radius:999px!important;background:#4CA9E4!important;color:#fff!important;font-size:0!important;margin:0!important;box-shadow:0 2px 6px rgba(41,118,164,.25)!important;text-transform:none!important}
html body #personal-block .h #login-popup#login-popup#login-popup button.default-button::after{content:"Sign in";font:800 15px Lato,system-ui,sans-serif}
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-wrap{display:flex!important;flex-direction:column!important;gap:14px!important}
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-wrap::before{content:"or";display:block;text-align:center;color:#7a93ab;font:700 12.5px/1 Lato,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(#A1D0E9,#A1D0E9) left center/calc(50% - 24px) 1px no-repeat,linear-gradient(#A1D0E9,#A1D0E9) right center/calc(50% - 24px) 1px no-repeat}
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-outer{width:100%!important;margin:0!important;padding:0!important}
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-inner{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;height:42px!important;box-sizing:border-box!important;border:1px solid #A1D0E9!important;border-radius:999px!important;background:rgba(255,255,255,.95)!important;color:#163a5c!important;box-shadow:none!important}
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-label{color:#163a5c!important;font:700 14px Lato,system-ui,sans-serif!important;width:auto!important}
html body #personal-block .h #login-popup#login-popup#login-popup .login-confirm{display:block!important;font-size:11.5px!important;line-height:1.45!important;color:#7a93ab!important;text-align:center!important;background:none!important;padding:0!important}
html body #personal-block .h #login-popup#login-popup#login-popup .login-confirm::before{display:none!important}
html body #personal-block .h #login-popup#login-popup#login-popup .login-confirm a{color:#2976A4!important}
html body #personal-block .h #login-popup#login-popup#login-popup>p{margin:12px 0 0!important;text-align:center!important;font-size:13px!important;color:#4d6880!important;background:transparent!important}
html body #personal-block .h #login-popup#login-popup#login-popup>p a{color:#2976A4!important;font-weight:700!important}
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-icon{display:flex!important;width:20px!important;height:20px!important;background:none!important}
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-facebook svg,html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-facebook svg path{fill:#1877F2!important;color:#1877F2!important}
html body #personal-block .h #login-popup#login-popup#login-popup .mt-pop-signup{display:block!important;margin:14px -20px -14px!important;padding:12px 20px!important;border-top:1px solid rgba(161,208,233,.6)!important;background:transparent!important;text-align:center!important;font:400 14px Lato,system-ui,sans-serif!important;color:#4d6880!important}
html body #personal-block .h #login-popup#login-popup#login-popup .mt-pop-signup a{display:inline!important;color:#2976A4!important;font-weight:800!important;text-decoration:none!important;margin-left:4px!important}
}

/* mobile logo 2026-11-03 */
@media screen and (max-width:767px){
html body header div#personal-block.cstm-personal-block-sec > .mt-mobile-logo,
html body .personal-block-outer:has(> #personal-block.cstm-personal-block-sec) .mt-mobile-logo{--mt-lo-h:calc(clamp(18px,5.6vw,22px) * 1.12 * 86 / 71);background-size:auto var(--mt-lo-h)!important;background-position:calc(50% - var(--mt-lo-h) * 0.1875) calc(50% - var(--mt-lo-h) * 0.25)!important}
}

/* mobile popup unclip 2026-11-03 */
@media screen and (max-width:767px){
html body .mt-sticky-top .main-header.main-header.main-header.main-header{overflow:visible!important;z-index:10050!important}
html body .mt-sticky-top .main-header.main-header .header-controll.header-controll.header-controll{border-radius:0 0 19px 19px!important}
}

/* mobile signin polish 2026-11-03 */
@media screen and (max-width:767px){
html body #personal-block .h #login-popup#login-popup#login-popup{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;max-height:calc(100dvh - 32px)!important;background:rgba(242,248,253,.82)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:18px!important;border:1px solid rgba(161,208,233,.55)!important;box-shadow:0 0 0 100vmax rgba(14,40,66,.22),0 18px 44px rgba(20,60,100,.28)!important}
html body #personal-block .h #login-popup#login-popup#login-popup h3{border-radius:18px 18px 0 0!important;background:linear-gradient(135deg,#4CA9E4 0%,#2286C6 100%)!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.25)!important}
html body #personal-block .h #login-popup#login-popup#login-popup h3::after{text-shadow:0 1px 2px rgba(20,60,100,.25)}
html body #personal-block .h #login-popup#login-popup#login-popup input[type=text],html body #personal-block .h #login-popup#login-popup#login-popup input[type=password]{background:rgba(255,255,255,.92)!important}
html body #personal-block .h #login-popup#login-popup#login-popup input[type=text]:focus,html body #personal-block .h #login-popup#login-popup#login-popup input[type=password]:focus{outline:none!important;border-color:#72C4F5!important;box-shadow:0 0 0 3px rgba(114,196,245,.35)!important}
html body #personal-block .h #login-popup#login-popup#login-popup button.default-button{height:46px!important;border-radius:12px!important;background:linear-gradient(180deg,#4CA9E4,#2286C6)!important;box-shadow:0 6px 16px rgba(34,134,198,.30)!important}
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-inner{min-height:44px!important;box-sizing:border-box!important;border-radius:999px!important;border:1px solid #A1D0E9!important;background:#FFFFFF!important;box-shadow:0 2px 8px rgba(34,134,198,.12)!important;align-items:center!important;justify-content:center!important;gap:10px!important}
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-icon{align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;margin:0!important}
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-icon svg{width:18px!important;height:18px!important;display:block!important}
html body #personal-block .h #login-popup#login-popup#login-popup .mt-pop-signup{border-radius:0 0 18px 18px!important}
}

/* mobile OR lines + header up 2026-11-03 */
@media screen and (max-width:767px){
html body #personal-block .h #login-popup#login-popup#login-popup .social-btn-wrap::before{width:100%!important;align-self:stretch!important;box-sizing:border-box!important;background:linear-gradient(#A1D0E9,#A1D0E9) left center/calc(50% - 22px) 1px no-repeat,linear-gradient(#A1D0E9,#A1D0E9) right center/calc(50% - 22px) 1px no-repeat!important}
html body .mt-sticky-top.mt-sticky-top{padding-top:6px!important}
}

/* mobile popup over cookie 2026-11-03 */
@media screen and (max-width:767px){
html body #cookie-consent-popup#cookie-consent-popup{z-index:2990!important}
}