/* ============================================================
   SIMSAR MOBILE UX V1
   Desktop intentionally untouched.
   ============================================================ */

:root{
  --smux-red:#e23628;
  --smux-red-dark:#c92f23;
  --smux-ink:#172033;
  --smux-text:#344054;
  --smux-muted:#7b8798;
  --smux-line:#e7ebf0;
  --smux-bg:#f6f7f9;
  --smux-card:#fff;
  --smux-shadow:0 8px 26px rgba(15,23,42,.08);
  --smux-nav-h:68px;
}

.smux-only-mobile{
  display:none!important;
}

@media(max-width:900px){

  html,
  body{
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:var(--smux-bg)!important;
  }

  body{
    padding-bottom:calc(var(--smux-nav-h) + env(safe-area-inset-bottom,0px))!important;
  }

  .smux-only-mobile{
    display:flex!important;
  }

  /* ----------------------------------------------------------
     APP SHELL
     ---------------------------------------------------------- */
  .app-shell{
    display:block!important;
    min-width:0!important;
    width:100%!important;
  }

  .side-rail{
    display:none!important;
  }

  .main,
  .main-content{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 14px calc(var(--smux-nav-h) + 24px)!important;
    overflow:visible!important;
  }

  .page{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* ----------------------------------------------------------
     MOBILE HEADER
     ---------------------------------------------------------- */
  .topbar{
    position:sticky!important;
    top:0!important;
    z-index:950!important;
    width:calc(100% + 28px)!important;
    min-height:auto!important;
    margin:0 -14px 14px!important;
    padding:
      calc(8px + env(safe-area-inset-top,0px))
      14px
      10px!important;

    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-rows:42px 46px!important;
    gap:8px 10px!important;
    align-items:center!important;

    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid rgba(226,230,236,.95)!important;
    box-shadow:0 5px 20px rgba(15,23,42,.055)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  .simsar-v21-topnav,
  .topbar .top-title{
    display:none!important;
  }

  .smux-mobile-brand{
    grid-column:1/3!important;
    grid-row:1!important;
    min-width:0;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    text-decoration:none!important;
    color:var(--smux-ink)!important;
  }

  .smux-mobile-brand img{
    width:34px!important;
    height:34px!important;
    object-fit:contain!important;
    border-radius:9px!important;
    background:#fff!important;
  }

  .smux-mobile-brand-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    line-height:1.04;
  }

  .smux-mobile-brand-copy strong{
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:.01em;
    color:var(--smux-ink)!important;
  }

  .smux-mobile-brand-copy span{
    margin-top:3px;
    font-size:9.5px!important;
    font-weight:750!important;
    color:var(--smux-muted)!important;
  }

  .top-actions{
    grid-column:3!important;
    grid-row:1!important;
    min-width:auto!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:6px!important;
  }

  /* Keep header clean: language + menu only. */
  .top-actions > *{
    display:none!important;
  }

  .top-actions #simsarI18nSwitch,
  .top-actions .smux-more-btn{
    display:inline-flex!important;
  }

  #simsarI18nSwitch,
  .smux-more-btn{
    width:auto!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 9px!important;
    border:1px solid var(--smux-line)!important;
    border-radius:11px!important;
    background:#fff!important;
    color:var(--smux-text)!important;
    box-shadow:none!important;
    font-size:11px!important;
  }

  .smux-more-btn{
    width:38px!important;
    padding:0!important;
    justify-content:center!important;
    font-size:19px!important;
    line-height:1!important;
  }

  .top-search{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #e0e5ec!important;
    border-radius:14px!important;
    background:#f8f9fb!important;
    box-shadow:none!important;
  }

  .top-search:focus-within{
    border-color:#e4a29c!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(226,54,40,.06)!important;
  }

  .top-search input{
    width:100%!important;
    min-width:0!important;
    font-size:13px!important;
  }

  /* ----------------------------------------------------------
     PAGE HEADINGS
     ---------------------------------------------------------- */
  .page > .section-head,
  .section-head{
    margin:14px 0 11px!important;
    gap:9px!important;
    align-items:flex-start!important;
  }

  .section-head h2{
    margin:0!important;
    font-size:20px!important;
    line-height:1.22!important;
    letter-spacing:-.015em!important;
  }

  .section-head p{
    margin:4px 0 0!important;
    font-size:12px!important;
    line-height:1.5!important;
    color:var(--smux-muted)!important;
  }

  /* ----------------------------------------------------------
     HOME HERO
     ---------------------------------------------------------- */
  #page-home .hero{
    min-height:0!important;
    margin:0!important;
    border-radius:19px!important;
    overflow:hidden!important;
    box-shadow:0 10px 28px rgba(50,24,20,.11)!important;
  }

  #page-home .hero-content{
    min-height:250px!important;
    padding:22px 18px!important;
    display:block!important;
  }

  #page-home .phone-preview{
    display:none!important;
  }

  #page-home .hero .eyebrow{
    display:inline-flex!important;
    max-width:100%!important;
    margin-bottom:9px!important;
    font-size:9px!important;
    line-height:1.25!important;
  }

  #page-home .hero h2{
    max-width:92%!important;
    margin:0!important;
    font-size:27px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
  }

  #page-home .hero p{
    max-width:96%!important;
    margin:10px 0 0!important;
    font-size:12.5px!important;
    line-height:1.55!important;
  }

  #page-home .hero-actions{
    margin-top:16px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  #page-home .hero-actions .btn{
    min-height:43px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:11px!important;
    font-weight:850!important;
  }

  #page-home .hero-actions .btn:nth-child(n+3){
    display:none!important;
  }

  /* ----------------------------------------------------------
     HOME SEARCH
     ---------------------------------------------------------- */
  #page-home .search-card{
    margin:12px 0!important;
    padding:10px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    border:1px solid var(--smux-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(15,23,42,.045)!important;
  }

  #page-home .search-card > input:first-child,
  #page-home .search-card #homeSearch{
    grid-column:1/-1!important;
  }

  #page-home .search-card input,
  #page-home .search-card select,
  #page-home .search-card button{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    margin:0!important;
    border-radius:11px!important;
    font-size:12px!important;
  }

  #page-home .search-card .btn:last-child,
  #page-home .search-card button:last-child{
    grid-column:1/-1!important;
  }

  /* ----------------------------------------------------------
     KPI STRIP
     ---------------------------------------------------------- */
  #page-home .kpis{
    width:calc(100% + 14px)!important;
    margin:12px -7px 18px!important;
    padding:0 7px 6px!important;
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }

  #page-home .kpis::-webkit-scrollbar{
    display:none;
  }

  #page-home .kpis > div{
    flex:0 0 132px!important;
    min-width:132px!important;
    min-height:72px!important;
    padding:12px!important;
    border:1px solid var(--smux-line)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
    scroll-snap-align:start;
  }

  #page-home .kpis b{
    display:block!important;
    font-size:19px!important;
    line-height:1.1!important;
  }

  #page-home .kpis span{
    display:block!important;
    margin-top:5px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }

  /* ----------------------------------------------------------
     HOME FEATURED CAROUSEL
     ---------------------------------------------------------- */
  #page-home #homeGrid.property-grid{
    width:calc(100% + 14px)!important;
    margin-inline:-7px!important;
    padding:2px 7px 12px!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:11px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }

  #page-home #homeGrid.property-grid::-webkit-scrollbar{
    display:none;
  }

  #page-home #homeGrid > .property-card{
    flex:0 0 min(84vw,330px)!important;
    width:min(84vw,330px)!important;
    min-width:min(84vw,330px)!important;
    display:block!important;
    border:1px solid var(--smux-line)!important;
    border-radius:17px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(15,23,42,.065)!important;
    scroll-snap-align:start;
  }

  #page-home #homeGrid .property-img{
    width:100%!important;
    height:182px!important;
    min-height:182px!important;
    border-radius:0!important;
  }

  #page-home #homeGrid .property-body{
    padding:12px!important;
  }

  #page-home #homeGrid .property-top h3{
    min-height:38px!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  #page-home #homeGrid .price{
    margin-top:6px!important;
    font-size:16px!important;
    font-weight:900!important;
  }

  #page-home #homeGrid .location{
    margin:6px 0 9px!important;
    font-size:10px!important;
    line-height:1.35!important;
  }

  #page-home #homeGrid .features{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }

  #page-home #homeGrid .features > div{
    min-width:0!important;
    padding:7px 3px!important;
    border-radius:9px!important;
  }

  #page-home #homeGrid .features b{
    font-size:11px!important;
  }

  #page-home #homeGrid .features span{
    font-size:7.5px!important;
  }

  #page-home #homeGrid .more-row,
  #page-home #homeGrid .reward-line{
    display:none!important;
  }

  #page-home #homeGrid .card-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:10px!important;
    padding-top:0!important;
  }

  #page-home #homeGrid .card-actions .btn,
  #page-home #homeGrid .card-actions button{
    width:100%!important;
    max-width:none!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }

  /* ----------------------------------------------------------
     EXPLORE TOOLBAR + FILTER BOTTOM SHEET
     ---------------------------------------------------------- */
  #page-explore .section-head{
    padding-inline-end:0!important;
  }

  #page-explore .section-head > .simsar-v3-actions,
  #page-explore .section-head > button{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  #page-explore .section-head .btn{
    min-height:42px!important;
    font-size:10px!important;
  }

  .smux-explore-tools{
    margin:0 0 10px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
  }

  .smux-filter-trigger,
  .smux-sort-trigger{
    min-height:44px!important;
    border:1px solid var(--smux-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--smux-text)!important;
    font-size:11px!important;
    font-weight:850!important;
    box-shadow:none!important;
  }

  .smux-filter-trigger{
    justify-content:flex-start!important;
    padding:0 13px!important;
  }

  .smux-sort-trigger{
    min-width:92px!important;
    padding:0 12px!important;
  }

  #page-explore .filter-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1402!important;

    width:100%!important;
    max-width:100%!important;
    max-height:min(82vh,680px)!important;
    margin:0!important;
    padding:
      10px
      14px
      calc(16px + env(safe-area-inset-bottom,0px))!important;

    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;

    overflow-y:auto!important;
    overscroll-behavior:contain!important;

    border:0!important;
    border-radius:22px 22px 0 0!important;
    background:#fff!important;
    box-shadow:0 -18px 45px rgba(15,23,42,.18)!important;

    transform:translateY(110%)!important;
    transition:transform .22s ease!important;
  }

  body.smux-filter-open{
    overflow:hidden!important;
  }

  body.smux-filter-open #page-explore .filter-bar{
    transform:translateY(0)!important;
  }

  .smux-filter-head{
    position:sticky!important;
    top:-10px!important;
    z-index:2!important;
    margin:-10px -14px 2px!important;
    padding:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:#fff!important;
    border-bottom:1px solid var(--smux-line)!important;
  }

  .smux-filter-head strong{
    font-size:16px!important;
    color:var(--smux-ink)!important;
  }

  .smux-filter-close{
    width:36px!important;
    height:36px!important;
    border:1px solid var(--smux-line)!important;
    border-radius:10px!important;
    background:#f8f9fb!important;
    color:var(--smux-text)!important;
    font-size:20px!important;
  }

  #page-explore .filter-bar input,
  #page-explore .filter-bar select,
  #page-explore .filter-bar .btn,
  #page-explore .filter-bar button{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    border-radius:12px!important;
    font-size:12px!important;
  }

  .smux-filter-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:1401!important;
    display:none!important;
    background:rgba(15,23,42,.38)!important;
    backdrop-filter:blur(2px)!important;
  }

  body.smux-filter-open .smux-filter-backdrop{
    display:block!important;
  }

  /* ----------------------------------------------------------
     EXPLORE PROPERTY CARDS
     ---------------------------------------------------------- */
  #page-explore #exploreGrid.property-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  #page-explore #exploreGrid > .property-card{
    width:100%!important;
    min-width:0!important;
    display:block!important;
    border:1px solid var(--smux-line)!important;
    border-radius:17px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 6px 20px rgba(15,23,42,.055)!important;
  }

  #page-explore #exploreGrid .property-img{
    width:100%!important;
    height:210px!important;
    min-height:210px!important;
  }

  #page-explore #exploreGrid .property-body{
    padding:13px!important;
  }

  #page-explore #exploreGrid .property-top{
    align-items:flex-start!important;
    gap:9px!important;
  }

  #page-explore #exploreGrid .property-top h3{
    margin:0!important;
    font-size:15px!important;
    line-height:1.35!important;
  }

  #page-explore #exploreGrid .price{
    margin-top:6px!important;
    font-size:17px!important;
    font-weight:900!important;
  }

  #page-explore #exploreGrid .location{
    margin:6px 0 10px!important;
    font-size:10.5px!important;
  }

  #page-explore #exploreGrid .features{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }

  #page-explore #exploreGrid .features > div{
    min-width:0!important;
    padding:8px 3px!important;
    border-radius:9px!important;
  }

  #page-explore #exploreGrid .features b{
    font-size:11px!important;
  }

  #page-explore #exploreGrid .features span{
    font-size:7.5px!important;
  }

  #page-explore #exploreGrid .more-row{
    display:none!important;
  }

  #page-explore #exploreGrid .card-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:11px!important;
  }

  #page-explore #exploreGrid .card-actions .btn,
  #page-explore #exploreGrid .card-actions button{
    width:100%!important;
    max-width:none!important;
    min-height:44px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:10.5px!important;
  }

  /* ----------------------------------------------------------
     PROJECTS - REMOVE DESKTOP RIGHT RAIL
     ---------------------------------------------------------- */
  #page-projects .simsar-v2171-layout{
    display:block!important;
  }

  #page-projects .simsar-v2171-side{
    display:none!important;
  }

  #page-projects #projectsGrid.project-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  #page-projects .simsar-v217-project-card{
    width:100%!important;
    min-width:0!important;
    border-radius:17px!important;
    overflow:hidden!important;
    box-shadow:0 6px 20px rgba(15,23,42,.055)!important;
  }

  #page-projects .simsar-v217-project-media{
    min-height:185px!important;
    height:185px!important;
  }

  #page-projects .simsar-v217-project-body{
    padding:13px!important;
  }

  #page-projects .simsar-v217-project-title{
    font-size:16px!important;
    line-height:1.3!important;
  }

  #page-projects .simsar-v217-project-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  #page-projects .simsar-v217-project-actions button{
    min-height:43px!important;
    font-size:10px!important;
  }

  /* ----------------------------------------------------------
     MAP
     ---------------------------------------------------------- */
  #page-map{
    margin-inline:-14px!important;
    width:calc(100% + 28px)!important;
    max-width:none!important;
  }

  #page-map .map-layout{
    display:block!important;
    grid-template-columns:1fr!important;
  }

  #page-map .map-panel{
    margin:0 14px 10px!important;
    padding:12px!important;
    border-radius:14px!important;
  }

  #page-map .map-panel h2{
    font-size:18px!important;
  }

  #page-map .map-panel > p{
    display:none!important;
  }

  #page-map .mini-stats{
    gap:6px!important;
  }

  #page-map .map-search{
    min-height:44px!important;
    border-radius:11px!important;
  }

  #page-map #mapFrame,
  #page-map .simsar-google-map,
  #page-map .map-stage{
    width:100%!important;
    min-height:calc(100vh - 300px)!important;
    height:calc(100vh - 300px)!important;
    border-radius:0!important;
  }

  /* ----------------------------------------------------------
     MODALS
     ---------------------------------------------------------- */
  .modal{
    padding:0!important;
    align-items:flex-end!important;
  }

  .modal-panel,
  .modal-panel.wide{
    width:100%!important;
    max-width:100%!important;
    max-height:94vh!important;
    margin:0!important;
    border-radius:22px 22px 0 0!important;
    overflow:auto!important;
  }

  .modal-head{
    position:sticky!important;
    top:0!important;
    z-index:4!important;
    min-height:58px!important;
    padding:12px 14px!important;
    background:#fff!important;
    border-bottom:1px solid var(--smux-line)!important;
  }

  .detail-layout,
  .form-grid{
    grid-template-columns:1fr!important;
  }

  .modal-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:3!important;
    padding:10px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    background:rgba(255,255,255,.96)!important;
    border-top:1px solid var(--smux-line)!important;
  }

  .modal-actions .btn{
    min-height:44px!important;
  }

  /* ----------------------------------------------------------
     BOTTOM NAVIGATION
     ---------------------------------------------------------- */
  .mobile-nav{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:
      calc(8px + env(safe-area-inset-bottom,0px))!important;
    z-index:1200!important;

    width:auto!important;
    height:60px!important;
    min-height:60px!important;
    margin:0!important;
    padding:5px!important;

    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:2px!important;

    border:1px solid rgba(221,226,233,.95)!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 12px 34px rgba(15,23,42,.16)!important;
    backdrop-filter:blur(15px)!important;
    -webkit-backdrop-filter:blur(15px)!important;
  }

  .mobile-nav button{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:5px 2px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;

    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#7b8798!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:1!important;
  }

  .mobile-nav button span{
    display:block!important;
    margin:0!important;
    font-size:8.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  .mobile-nav button.active{
    background:#fff2f0!important;
    color:var(--smux-red)!important;
  }

  /* ----------------------------------------------------------
     MORE SHEET
     ---------------------------------------------------------- */
  .smux-more-backdrop{
    position:fixed;
    inset:0;
    z-index:1490;
    display:none;
    background:rgba(15,23,42,.38);
    backdrop-filter:blur(2px);
  }

  .smux-more-sheet{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1491;

    max-height:78vh;
    padding:
      10px
      14px
      calc(20px + env(safe-area-inset-bottom,0px));

    overflow:auto;

    border-radius:22px 22px 0 0;
    background:#fff;
    box-shadow:0 -20px 50px rgba(15,23,42,.2);

    transform:translateY(110%);
    transition:transform .22s ease;
  }

  body.smux-more-open{
    overflow:hidden!important;
  }

  body.smux-more-open .smux-more-backdrop{
    display:block;
  }

  body.smux-more-open .smux-more-sheet{
    transform:translateY(0);
  }

  .smux-more-head{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid var(--smux-line);
  }

  .smux-more-head strong{
    font-size:17px;
    color:var(--smux-ink);
  }

  .smux-more-close{
    width:36px;
    height:36px;
    border:1px solid var(--smux-line);
    border-radius:10px;
    background:#f8f9fb;
    color:var(--smux-text);
    font-size:20px;
  }

  .smux-more-grid{
    padding-top:12px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }

  .smux-more-grid button{
    min-height:78px;
    padding:10px 5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;

    border:1px solid var(--smux-line);
    border-radius:14px;
    background:#fff;
    color:var(--smux-text);
  }

  .smux-more-grid button i{
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#f6f7f9;
    color:var(--smux-red);
    font-style:normal;
    font-size:16px;
    font-weight:900;
  }

  .smux-more-grid button span{
    font-size:9px;
    line-height:1.2;
    font-weight:800;
    text-align:center;
  }

  /* ----------------------------------------------------------
     RTL
     ---------------------------------------------------------- */
  html[dir="rtl"] .smux-mobile-brand-copy,
  html[dir="rtl"] .smux-more-sheet,
  html[dir="rtl"] .smux-filter-head{
    text-align:right;
  }

  html[dir="rtl"] .smux-filter-trigger{
    justify-content:flex-start!important;
  }

  /* ----------------------------------------------------------
     EXTRA SMALL PHONES
     ---------------------------------------------------------- */
  @media(max-width:390px){
    .main,
    .main-content{
      padding-inline:11px!important;
    }

    .topbar{
      width:calc(100% + 22px)!important;
      margin-inline:-11px!important;
      padding-inline:11px!important;
    }

    #page-home .hero h2{
      font-size:24px!important;
    }

    #page-home .search-card{
      grid-template-columns:1fr!important;
    }

    #page-home .search-card > *{
      grid-column:1!important;
    }

    .smux-more-grid{
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:6px;
    }

    .mobile-nav{
      left:7px!important;
      right:7px!important;
    }

    .mobile-nav button span{
      font-size:8px!important;
    }
  }
}

/* Desktop remains untouched. */
@media(min-width:901px){
  .smux-mobile-brand,
  .smux-more-btn,
  .smux-more-backdrop,
  .smux-more-sheet,
  .smux-filter-backdrop,
  .smux-explore-tools,
  .smux-filter-head{
    display:none!important;
  }
}