/* Alforod homepage layout selected from the custom preview. */
.app-home-page main.container{display:block;min-height:0;align-items:initial;padding-block:24px}
.app-home-page .site-layout{display:grid;grid-template-columns:228px minmax(0,1fr);align-items:start;gap:20px;width:min(1240px,calc(100% - 40px));max-width:none;margin:0 auto;padding:0}
.app-home-page .site-sidebar{display:block!important;position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;padding:16px;border:1px solid #e3e8ea;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(23,55,71,.055)}
.app-home-page .page-content{width:100%;max-width:none;min-width:0;margin:0}
.app-home-page .header-main>.platform-search{display:flex;max-width:560px;border:1px solid #dce3e7;border-radius:12px;background:#f9fbfc}
.app-home-page .header-main>.header-link{display:inline-flex!important}
.app-home-page .nav-wrap{display:block!important}
.app-home-page .search-console{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:24px 26px;border:2px solid #c5a35e;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fff 72%,#faf7ee 100%);box-shadow:0 0 0 4px rgba(197,163,94,.1),0 14px 34px rgba(23,55,71,.08)}
.app-home-page .search-console:before{position:absolute;z-index:-1;inset:0 16px auto;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,#c5a35e,transparent);content:""}
.app-home-page .search-console-heading{justify-content:flex-start;margin-bottom:16px;text-align:right}
.app-home-page .search-console-heading>div{display:grid;gap:3px}
.app-home-page .search-console-heading h1{margin:0;color:#173747;font-size:clamp(24px,2.5vw,30px);line-height:1.45}
.app-home-page .search-console-heading p{margin:0;color:#718092;font-size:12px}
.app-home-page .search-console-icon{width:48px;height:48px;flex:none;border:1px solid #e7dcc4;border-radius:15px;background:linear-gradient(145deg,#fcf8ed,#eef3f6);color:#173747;font-size:27px}
.app-home-page .app-search{min-height:58px;margin:0;padding:5px 6px 5px 12px;border:1.5px solid #9eafb9;border-radius:11px;background:#fff;box-shadow:0 0 0 2px #edf1f2}
.app-home-page .app-search input{font-size:13px}
.app-home-page .app-search button{min-width:90px;border-radius:8px;background:#173747}
.app-home-page .search-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.app-home-page .search-filters select{min-height:42px;border:1.5px solid #c2cdd3;border-radius:8px;background:#fff;color:#5f7180;font-size:11px;box-shadow:inset 0 1px rgba(255,255,255,.9)}
.app-home-page .search-filters select:focus{border-color:#0b5c9e;outline:2px solid rgba(11,92,158,.16)}
.app-home-page .facet-status{margin:7px 2px 0;color:#7e8b98;font-size:10px}
.app-home-page .popular-queries{justify-content:flex-start;gap:6px;margin-top:10px}
.app-home-page .popular-queries strong{color:#788592;font-size:10px}
.app-home-page .popular-queries a{padding:4px 9px;border:1px solid #e6e9e9;border-radius:99px;background:#fff;color:#586f80;font-size:9px}
.app-home-page .most-viewed-section{width:100%;max-width:none;margin:18px 0 0;padding:0}
.app-home-page .most-viewed-heading{margin-bottom:10px;padding:0;border:0}
.app-home-page .most-viewed-heading h2{margin:1px 0 0;color:#173747;font-size:17px}
.app-home-page .most-viewed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.app-home-page .most-viewed-card{min-height:145px;padding:12px;border:1px solid #e1e7e9;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(23,55,71,.04)}
.app-home-page .most-viewed-meta{gap:5px;margin-bottom:5px;color:#8c7138;font-size:9px}
.app-home-page .most-viewed-meta span{padding:3px 7px;border-radius:99px;background:#f8f3e8}
.app-home-page .most-viewed-card h3{margin:0 0 5px;color:#294a61;font-size:11px;line-height:1.7}
.app-home-page .most-viewed-card p{margin:0 0 7px;color:#73808d;font-size:9px;line-height:1.7;-webkit-line-clamp:2}
.app-home-page .most-viewed-link{margin-top:auto;color:#0b5c9e;font-size:9px}

@media(max-width:1000px){
  .app-home-page .site-layout{grid-template-columns:minmax(0,1fr);width:calc(100% - 32px);gap:14px}
  .app-home-page .site-sidebar{display:none!important}
  .app-home-page .search-console{padding:22px}
}
@media(max-width:760px){
  .app-home-page .nav-wrap{display:none!important}
  .app-home-page .mobile-category-drawer .site-sidebar{display:block!important;position:static;max-height:none;overflow:visible;padding:0;border:0;background:transparent;box-shadow:none}
  .app-home-page main.container{min-height:0;padding-block:14px}
  .app-home-page .site-layout{width:calc(100% - 24px);margin:0 auto}
  .app-home-page .search-console{padding:17px 13px 15px;border-radius:15px}
  .app-home-page .search-console-heading{gap:9px;margin-bottom:11px}
  .app-home-page .search-console-icon{width:40px;height:40px;border-radius:12px;font-size:23px}
  .app-home-page .search-console-heading h1{font-size:20px}
  .app-home-page .search-console-heading p{font-size:10px}
  .app-home-page .app-search{min-height:47px;padding:4px 5px 4px 8px}
  .app-home-page .app-search input{font-size:12px}
  .app-home-page .app-search button{min-width:64px;padding:8px 10px;font-size:10px}
  .app-home-page .search-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}
  .app-home-page .search-filters select{min-height:38px;padding:6px;font-size:10px}
  .app-home-page .facet-status{font-size:9px}
  .app-home-page .popular-queries{gap:5px;margin-top:8px}
  .app-home-page .popular-queries a{padding:4px 7px;font-size:8px}
  .app-home-page .most-viewed-section{margin-top:14px}
  .app-home-page .most-viewed-heading{margin-bottom:7px}
  .app-home-page .most-viewed-heading h2{font-size:14px}
  .app-home-page .most-viewed-grid{grid-template-columns:minmax(0,1fr);gap:6px}
  .app-home-page .most-viewed-card{min-height:0;padding:9px 10px}
  .app-home-page .most-viewed-card h3{font-size:10px;margin:3px 0}
  .app-home-page .most-viewed-card p{font-size:8px;margin-bottom:4px}
  .app-home-page .most-viewed-link{font-size:8px}
}
