/* v3.7.2 Mobile Responsive */




html{scroll-behavior:smooth}




body{overflow-x:hidden}




img{max-width:100%;height:auto}




.result-snippet,.result-title,.result-url,.site-brand span{word-break:break-word}









@media(max-width:900px){




  .container{padding:18px}




  .admin-grid,.admin-grid-2,.admin-filter-form{grid-template-columns:1fr!important}




  .site-header-inner{align-items:flex-start!important;flex-direction:column!important;padding:12px 18px!important}




  .site-nav{justify-content:flex-start!important;width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px;-webkit-overflow-scrolling:touch}




  .site-nav a{white-space:nowrap;background:#f9fafb}




  .frontend-main{padding:28px 18px!important}




  .hero-card{padding:34px 24px!important;border-radius:26px!important}




  .search-box{flex-direction:column!important}




  .search-box input,.search-box-large input{padding:16px 18px!important;font-size:16px!important}




  .search-box button,.search-box-large button{width:100%!important;padding:15px 20px!important}




  .site-footer-inner{grid-template-columns:1fr!important}




}









@media(max-width:600px){




  body{font-size:15px}




  .container{padding:12px}




  .card{padding:16px;border-radius:14px}




  .site-header{position:relative!important}




  .site-header-inner{padding:12px 14px!important;gap:10px!important}




  .site-brand{width:100%;font-size:18px;min-width:0}




  .site-brand img{height:32px!important;max-width:120px!important}




  .site-nav{gap:6px!important}




  .site-nav a{font-size:14px;padding:7px 10px!important}




  .frontend-main{padding:18px 12px!important}




  .hero-search{min-height:auto!important;justify-content:flex-start!important;padding:12px 0!important}




  .hero-glow{width:260px!important;height:260px!important;filter:blur(48px)!important;max-width:90vw;max-height:90vw}




  .hero-card{width:100%!important;padding:26px 16px!important;border-radius:22px!important;box-shadow:0 18px 50px rgba(15,23,42,.09)!important}




  .frontend-logo img{max-height:64px!important;max-width:220px!important}




  .search-title{font-size:34px!important;letter-spacing:-.035em!important;line-height:1.08!important;margin-bottom:10px!important}




  .search-subtitle{font-size:15px!important;line-height:1.5!important;margin-bottom:20px!important}




  .search-box{gap:9px!important}




  .search-box input,.search-box-large input{border-radius:16px!important;padding:14px 15px!important;font-size:16px!important}




  .search-box button,.search-box-large button{border-radius:16px!important;padding:14px 16px!important;font-size:16px!important}




  .suggest-wrap{max-width:100%!important}




  .suggestions{top:6px!important;border-radius:14px!important}




  .suggestion-item{padding:11px 13px!important;font-size:14px!important}




  .popular-widget{width:100%!important;padding:18px 14px!important;border-radius:20px!important;margin-top:16px!important}




  .popular-widget h2{font-size:16px!important;text-align:center!important}




  .popular-tags{gap:8px!important;justify-content:center!important}




  .popular-tags a{font-size:14px!important;padding:8px 11px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}




  .results-layout{width:100%!important}




  .search-panel,.results-card{padding:16px!important;border-radius:18px!important}




  .results-meta{font-size:14px;display:block!important}




  .results-meta span{display:block;margin-top:4px}




  .result{padding:16px 0!important}




  .result-title{font-size:18px!important;line-height:1.3!important}




  .result-url{font-size:12px!important}




  .result-snippet{font-size:14px!important;line-height:1.55!important}




  .pagination{gap:6px!important}




  .pagination a{padding:7px 10px!important;font-size:14px}




  .site-footer{margin-top:28px!important;text-align:left!important}




  .site-footer-inner{padding:26px 16px!important;gap:22px!important}




  .site-footer-bottom{padding:14px 16px!important;font-size:13px}




}









@media(max-width:380px){




  .search-title{font-size:29px!important}




  .hero-card{padding:22px 12px!important}




  .frontend-main{padding-left:10px!important;padding-right:10px!important}




  .popular-tags a{font-size:13px!important}




}