/* Frontend responsive rules kept separate for easy editing */
@media (max-width: 1100px){.right-fixed{display:none}.content-area{width:100%}.blog-container,.single-layout{grid-template-columns:1fr}.blog-sidebar{position:static}.contact-info-row,.features-grid,.stats-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 900px){body{overflow-x:hidden}.left-sidebar,.animated-sidebar,.extra-spacer{display:none}.home-layout,.page-layout,.unified-page-layout{padding-left:0;margin-left:0;width:100%}.left-panel-offset{margin-left:0}.scroll-content{padding:48px 19.2px 64px}.hero{width:100%;min-height:calc(100vh - 60px)}.slide-content{padding:0 19.2px 80px}.slide-numbers{display:none}.top-account-chip,.nav-center{display:none}.mp-auth-box{display:grid}.blog-page-main{width:100%;padding:16px}.blog-container{width:min(100%,760px);margin:0 auto}.form-container,.contact-header,.faq-section{width:100%}}
@media (max-width: 680px){.contact-info-row,.features-grid,.stats-grid,.portfolio-grid,.about-row,.about-footer{grid-template-columns:1fr}.slide-title,.about-title,.contact-title,.blog-title{font-size:clamp(32px,12vw,48px)}.bottom-bar{height:auto;min-height:56px}.progress-area{display:none}.nav-btn{padding:0 16px}.explore-btn{padding:0 16px}.contact-form .form-row{grid-template-columns:1fr}.site-message,.comment-message,.auth-alert{padding-right:48px}.menu-panel.open{width:min(330px,92vw)}}
@media (max-width: 420px){.scroll-content{padding:32px 16px 48px}.slide-sub,.about-intro-text,.contact-sub{font-size:14.4px}.nav-logo .logo-img{max-width:105px}.share-card{width:calc(100vw - 24px)}.blog-card-info{padding:16px}.comment-card{padding:16px}}