/* PetsMunity Mobile / Tablet App Shell
 * Visual behavior is limited to <=1180px.
 * Desktop remains untouched.
 */

@media (max-width:1180px){
  body.petsmunity-app{
    --pm-appbar-h:72px;
  }

  /* Mobile/tablet header becomes a clean app search bar. */
  .pm-market-menubar{
    display:none!important;
  }

  .pm-market-header{
    position:sticky!important;
    top:0!important;
    z-index:180!important;
    margin:0!important;
    width:100%!important;
    background:#fff!important;
    border:0!important;
    box-shadow:0 1px 0 rgba(23,50,77,.06)!important;
  }
  .admin-bar .pm-market-header{top:46px!important}

  .pm-market-searchbar{
    padding:0!important;
    margin:0!important;
    background:#fff!important;
    border:0!important;
  }
  .pm-market-searchbar .pm-market-search-inner,
  .pm-market-searchbar .pm-container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  .pm-market-search-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    gap:10px!important;
    align-items:center!important;
    padding:12px 16px!important;
  }
  .pm-header-location-wrap{
    display:none!important;
  }
  .pm-header-search-form{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    border:1px solid #D8DEE3!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .pm-header-search-input{
    min-width:0!important;
  }
  .pm-header-search-input input{
    height:46px!important;
    padding:0 10px 0 18px!important;
    font-size:14px!important;
    background:#fff!important;
  }
  .pm-header-search-button{
    width:48px!important;
    min-width:48px!important;
    flex:0 0 48px!important;
    height:46px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:var(--pm-secondary,#18A999)!important;
  }
  .pm-header-search-button span{display:none!important}
  .pm-header-search-button .pm-ui-icon{width:21px!important;height:21px!important}

  .pm-mobile-app-notify{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    color:#87939E;
    background:#fff;
    text-decoration:none;
  }
  .pm-mobile-app-notify:hover,
  .pm-mobile-app-notify:focus{
    color:var(--pm-primary,#17324D);
    background:#F4F7F8;
  }
  .pm-mobile-app-notify svg{
    width:24px;height:24px;display:block;
  }

  /* App-launcher cards shown above the homepage hero. */
  .pm-mobile-app-launcher{
    display:block;
    padding:16px 14px 18px;
    background:#fff;
    border-bottom:1px solid #EEF1F3;
  }
  .pm-mobile-app-launcher-inner{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    max-width:920px;
    margin:0 auto;
  }
  .pm-mobile-app-launch-card{
    --pm-launch-color:var(--pm-secondary,#18A999);
    width:calc(25% - 8px);
    min-height:118px;
    padding:13px 10px 11px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:9px;
    border:1px solid #E4E8EB;
    border-radius:12px;
    background:#fff;
    color:var(--pm-primary,#17324D);
    text-align:center;
    text-decoration:none;
    box-shadow:0 2px 7px rgba(23,50,77,.055);
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
  }
  .pm-mobile-app-launch-card:active{
    transform:scale(.98);
  }
  .pm-mobile-app-launch-icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    color:var(--pm-launch-color);
  }
  .pm-mobile-app-launch-icon svg{
    width:38px!important;
    height:38px!important;
    display:block;
  }
  .pm-mobile-app-launch-label{
    font-size:12.5px;
    line-height:1.18;
    font-weight:720;
    color:var(--pm-primary,#17324D);
  }

  /* Bottom app navigation. */
  .pm-mobile-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:220;
    height:calc(var(--pm-appbar-h) + env(safe-area-inset-bottom));
    padding:7px 10px max(7px,env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:end;
    gap:2px;
    background:rgba(255,255,255,.98);
    border-top:1px solid #E5E9EC;
    box-shadow:0 -6px 22px rgba(23,50,77,.08);
    backdrop-filter:blur(14px);
  }
  .pm-mobile-bottom-item{
    min-width:0;
    height:56px;
    padding:2px 2px 0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    gap:3px;
    border:0;
    background:transparent;
    color:#9CA4AA;
    text-decoration:none;
    font:inherit;
    cursor:pointer;
  }
  .pm-mobile-bottom-item svg{
    width:24px;height:24px;display:block;
  }
  .pm-mobile-bottom-item span{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10.5px;
    line-height:1.1;
    font-weight:650;
  }
  .pm-mobile-bottom-item.is-active,
  .pm-mobile-bottom-item:hover,
  .pm-mobile-bottom-item:focus{
    color:var(--pm-primary,#17324D);
  }

  .pm-mobile-bottom-post{
    justify-content:flex-start;
    transform:translateY(-8px);
    color:#8C949A;
  }
  .pm-mobile-bottom-post .pm-mobile-bottom-post-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--pm-accent,#FF7657);
    color:#fff;
    box-shadow:0 5px 14px rgba(255,118,87,.28);
  }
  .pm-mobile-bottom-post .pm-mobile-bottom-post-icon svg{
    width:24px;height:24px;
  }
  .pm-mobile-bottom-post span:last-child{
    margin-top:1px;
  }

  /* Existing mobile menu becomes an app-style bottom sheet. */
  .pm-mobile-nav{
    display:block!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:calc(var(--pm-appbar-h) + 12px)!important;
    max-height:min(66vh,560px)!important;
    overflow:auto!important;
    padding:10px 14px 14px!important;
    border:1px solid #E4E8EB!important;
    border-radius:18px!important;
    background:#fff!important;
    z-index:210!important;
    box-shadow:0 18px 50px rgba(23,50,77,.20)!important;
    transform:translateY(calc(100% + 120px))!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:transform .22s ease,opacity .18s ease!important;
  }
  .pm-mobile-nav.is-open{
    transform:translateY(0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .pm-mobile-nav a{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 8px!important;
    border-bottom:1px solid #EEF1F3!important;
    color:var(--pm-primary,#17324D)!important;
    font-size:13px!important;
    font-weight:700!important;
  }
  .pm-mobile-nav a:last-child{border-bottom:0!important}
  .pm-mobile-nav .pm-market-section-icon{
    display:grid!important;
    place-items:center!important;
  }

  .pm-header-overlay{
    z-index:200!important;
  }

  /* Keep page content clear of the fixed tab bar. */
  .pm-main{
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }
  .pm-footer{
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
  .pm-toast-wrap{
    bottom:calc(86px + env(safe-area-inset-bottom))!important;
  }
}

@media (max-width:700px){
  body.petsmunity-app{--pm-appbar-h:70px}

  .pm-market-search-inner{
    padding:10px 12px!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:8px!important;
  }
  .pm-header-search-form{
    height:46px!important;
    min-height:46px!important;
  }
  .pm-header-search-input input{height:44px!important;font-size:13.5px!important}
  .pm-header-search-button{height:44px!important;width:44px!important;min-width:44px!important;flex-basis:44px!important}
  .pm-mobile-app-notify{width:42px;height:42px}
  .pm-mobile-app-notify svg{width:23px;height:23px}

  .pm-mobile-app-launcher{
    padding:14px 12px 16px;
  }
  .pm-mobile-app-launcher-inner{
    gap:9px;
  }
  .pm-mobile-app-launch-card{
    width:calc(33.333% - 6px);
    min-height:108px;
    padding:11px 6px 9px;
    border-radius:11px;
  }
  .pm-mobile-app-launch-icon{
    width:42px;height:42px;
  }
  .pm-mobile-app-launch-icon svg{
    width:35px!important;height:35px!important;
  }
  .pm-mobile-app-launch-label{
    font-size:11.5px;
  }
}

@media (max-width:390px){
  .pm-mobile-app-launch-card{
    min-height:102px;
  }
  .pm-mobile-app-launch-icon{
    width:39px;height:39px;
  }
  .pm-mobile-app-launch-icon svg{
    width:32px!important;height:32px!important;
  }
  .pm-mobile-bottom-item span{
    font-size:9.8px;
  }
}


/* Dedicated app topbar takes over from the desktop/location search shell. */
@media (max-width:1180px){
  .pm-market-searchbar{display:none!important}

  .pm-mobile-app-topbar{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px;
    gap:10px;
    align-items:center;
    padding:12px 16px;
    background:#fff;
  }
  .pm-mobile-app-search{
    height:48px;
    display:grid;
    grid-template-columns:36px minmax(0,1fr) 42px;
    align-items:center;
    border:1px solid #D8DEE3;
    border-radius:999px;
    background:#fff;
    overflow:hidden;
  }
  .pm-mobile-app-search-icon{
    display:grid;
    place-items:center;
    color:var(--pm-accent,#FF7657);
  }
  .pm-mobile-app-search-icon svg{
    width:21px;height:21px;
  }
  .pm-mobile-app-search input{
    width:100%;
    min-width:0;
    height:46px;
    padding:0 4px;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:var(--pm-primary,#17324D);
    font:inherit;
    font-size:14px;
  }
  .pm-mobile-app-search input::placeholder{
    color:#8B949C;
  }
  .pm-mobile-app-search button{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    padding:0;
    margin:0;
    border:0;
    border-radius:50%;
    background:transparent;
    color:var(--pm-secondary,#18A999);
    cursor:pointer;
  }
  .pm-mobile-app-search button svg{
    width:20px;height:20px;
  }
}

@media (max-width:700px){
  .pm-mobile-app-topbar{
    grid-template-columns:minmax(0,1fr) 42px;
    gap:8px;
    padding:10px 12px;
  }
  .pm-mobile-app-search{
    height:46px;
    grid-template-columns:34px minmax(0,1fr) 40px;
  }
  .pm-mobile-app-search input{
    height:44px;
    font-size:13.5px;
  }
  .pm-mobile-app-search button{
    width:40px;height:40px;
  }
}

@media (min-width:1181px){
  .pm-mobile-app-topbar,
  .pm-mobile-app-launcher,
  .pm-mobile-bottom-nav{
    display:none!important;
  }
}


/* Mobile/tablet refinement 1.1 — remove legacy row and pull hero upward */
@media (max-width:1180px){
  body.petsmunity-app .pm-home-explore-section{
    display:none!important;
  }

  .pm-view-home .pm-home-categories{
    margin-top:0!important;
  }
  .pm-view-home .pm-home-categories .pm-category-section-inner{
    padding-top:0!important;
  }
  .pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero{
    min-height:210px!important;
    padding-top:20px!important;
    padding-bottom:42px!important;
  }
  .pm-view-home .pm-home-categories .pm-home-category-hero-copy h1{
    margin-top:0!important;
  }
}

@media (max-width:700px){
  .pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero{
    min-height:195px!important;
    padding:16px 14px 40px!important;
  }
  .pm-view-home .pm-home-categories .pm-home-category-hero-copy h1{
    font-size:27px!important;
    line-height:1.04!important;
    margin-bottom:8px!important;
  }
  .pm-view-home .pm-home-categories .pm-home-category-hero-copy p{
    font-size:12.5px!important;
    line-height:1.42!important;
  }
  .pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero>.pm-text-link{
    left:14px!important;
    bottom:10px!important;
  }
}


/* Mobile/tablet shared search 1.2
   Uses the exact desktop search + location DOM/logic; presentation only changes. */
@media (max-width:1180px){
  .pm-mobile-app-topbar{
    display:none!important;
  }

  .pm-market-searchbar{
    display:block!important;
    padding:0!important;
    margin:0!important;
    background:#fff!important;
    border:0!important;
  }
  .pm-market-searchbar .pm-market-search-inner,
  .pm-market-searchbar .pm-container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  .pm-market-search-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-areas:
      "search notify"
      "location location"!important;
    gap:6px 10px!important;
    align-items:center!important;
    padding:10px 16px 9px!important;
    position:relative!important;
  }

  .pm-header-search-form{
    grid-area:search!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    border:1px solid #D8DEE3!important;
    border-radius:999px!important;
    overflow:visible!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .pm-header-search-input{
    min-width:0!important;
  }
  .pm-header-search-input input{
    height:46px!important;
    padding:0 10px 0 18px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:#fff!important;
    font-size:14px!important;
  }
  .pm-header-search-button{
    width:48px!important;
    min-width:48px!important;
    flex:0 0 48px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:var(--pm-secondary,#18A999)!important;
    box-shadow:none!important;
  }
  .pm-header-search-button span{
    display:none!important;
  }
  .pm-header-search-button .pm-ui-icon{
    width:21px!important;
    height:21px!important;
  }

  /* Keep scoped-search capability visible, but compact. */
  .pm-header-search-form.has-scope{
    position:relative!important;
  }
  .pm-header-scope-check{
    position:absolute!important;
    left:18px!important;
    top:calc(100% + 35px)!important;
    z-index:3!important;
    max-width:calc(100vw - 80px)!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  .pm-mobile-search-notify{
    grid-area:notify!important;
    align-self:center!important;
    justify-self:end!important;
  }

  /* Location uses the exact desktop control but becomes a clean app row. */
  .pm-header-location-wrap{
    grid-area:location!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    position:relative!important;
  }
  .pm-header-location-selector{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 2px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--pm-primary,#17324D)!important;
    font-size:13px!important;
    font-weight:720!important;
    line-height:1!important;
  }
  .pm-header-location-selector>.pm-ui-icon{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
    color:var(--pm-accent,#FF7657)!important;
  }
  .pm-header-location-selector>span:nth-child(2){
    min-width:0!important;
    max-width:min(72vw,520px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .pm-header-location-chevron{
    margin-left:0!important;
    color:var(--pm-primary,#17324D)!important;
  }
  .pm-header-location-chevron .pm-ui-icon{
    width:16px!important;
    height:16px!important;
  }

  /* Same desktop location popover functionality, mobile geometry. */
  .pm-header-location-popover{
    top:36px!important;
    left:0!important;
    width:min(420px,calc(100vw - 32px))!important;
    max-width:calc(100vw - 32px)!important;
    max-height:min(60vh,520px)!important;
    border:1px solid #D8DEE3!important;
    border-radius:12px!important;
    box-shadow:0 14px 36px rgba(23,50,77,.16)!important;
    background:#fff!important;
    overflow:auto!important;
  }

  .pm-smart-search-suggestions{
    left:0!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
    border-radius:12px!important;
    box-shadow:0 14px 32px rgba(23,50,77,.14)!important;
  }
}

@media (max-width:700px){
  .pm-market-search-inner{
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:5px 8px!important;
    padding:9px 12px 7px!important;
  }
  .pm-header-search-form{
    height:46px!important;
    min-height:46px!important;
  }
  .pm-header-search-input input{
    height:44px!important;
    font-size:13.5px!important;
  }
  .pm-header-search-button{
    width:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  .pm-header-location-selector{
    height:32px!important;
    min-height:32px!important;
    font-size:12.5px!important;
  }
  .pm-header-location-selector>.pm-ui-icon{
    width:19px!important;
    height:19px!important;
  }
  .pm-header-location-popover{
    top:34px!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}


/* Mobile/tablet interaction fix 1.3 — keep modal overlay behind interactive header popovers */
@media (max-width:1180px){
  .pm-market-header{
    z-index:180!important;
  }
  .pm-header-overlay{
    z-index:160!important;
    pointer-events:auto!important;
  }
  .pm-market-search-inner,
  .pm-header-location-wrap,
  .pm-header-search-form{
    position:relative!important;
    z-index:181!important;
  }
  .pm-header-location-popover,
  .pm-smart-search-suggestions{
    z-index:260!important;
    pointer-events:auto!important;
  }
  .pm-header-location-popover *,
  .pm-smart-search-suggestions *{
    pointer-events:auto!important;
  }
}


/* Mobile/tablet location bottom sheet 1.4 */
@media (max-width:1180px){
  body.pm-location-sheet-open{
    overflow:hidden!important;
  }
  body.pm-location-sheet-open .pm-mobile-bottom-nav{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(100%)!important;
  }

  .pm-header-location-popover{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:0!important;
    width:min(620px,100vw)!important;
    max-width:620px!important;
    height:min(86dvh,760px)!important;
    max-height:min(86dvh,760px)!important;
    padding:0 18px calc(18px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    border:0!important;
    border-radius:24px 24px 0 0!important;
    background:#fff!important;
    box-shadow:0 -18px 50px rgba(14,29,43,.22)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    z-index:320!important;
    scrollbar-width:none!important;
  }
  .pm-header-location-popover::-webkit-scrollbar{display:none!important}

  .pm-mobile-location-sheet-head{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    margin:0 -18px!important;
    padding:8px 18px 12px!important;
    background:#fff!important;
    border-radius:24px 24px 0 0!important;
    border-bottom:1px solid #EEF1F3!important;
  }
  .pm-mobile-location-handle{
    display:block!important;
    width:48px!important;
    height:5px!important;
    margin:0 auto 8px!important;
    border-radius:999px!important;
    background:#C7CDD2!important;
  }
  .pm-mobile-location-title-row{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
  }
  .pm-mobile-location-title-row strong{
    color:var(--pm-primary,#17324D)!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
  }
  .pm-mobile-location-close{
    position:absolute!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:32px!important;
    height:32px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#F3F6F8!important;
    color:var(--pm-primary,#17324D)!important;
    font:inherit!important;
    font-size:22px!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .pm-header-location-search{
    position:sticky!important;
    top:63px!important;
    z-index:7!important;
    height:52px!important;
    margin:14px 0 10px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    border:1px solid #D8DEE3!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(23,50,77,.04)!important;
  }
  .pm-header-location-search .pm-ui-icon{
    width:21px!important;
    height:21px!important;
    color:#536273!important;
    flex:0 0 21px!important;
  }
  .pm-header-location-search input{
    width:100%!important;
    height:50px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:var(--pm-primary,#17324D)!important;
    font-size:15px!important;
  }

  .pm-current-location{
    min-height:48px!important;
    margin:2px 0 8px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    color:var(--pm-secondary,#18A999)!important;
    font-size:14px!important;
    font-weight:750!important;
    text-align:left!important;
  }
  .pm-current-location .pm-ui-icon{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }

  .pm-location-divider{
    margin:4px 0 0!important;
    height:1px!important;
    background:#EEF1F3!important;
  }
  .pm-location-section-title{
    padding:16px 2px 8px!important;
    color:var(--pm-primary,#17324D)!important;
    font-size:14px!important;
    font-weight:800!important;
  }
  .pm-location-nationwide,
  .pm-location-state-all{
    min-height:46px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    border:0!important;
    border-bottom:1px solid #EEF1F3!important;
    border-radius:0!important;
    background:#fff!important;
    color:var(--pm-accent,#FF7657)!important;
    font-size:14px!important;
    font-weight:750!important;
    text-align:left!important;
  }

  .pm-header-state-list,
  .pm-header-city-list,
  .pm-header-location-results{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .pm-header-state-option,
  .pm-header-location-result,
  .pm-location-back{
    min-height:52px!important;
    width:100%!important;
    margin:0!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:0!important;
    border-bottom:1px solid #EEF1F3!important;
    border-radius:0!important;
    background:#fff!important;
    color:var(--pm-primary,#17324D)!important;
    font-size:14px!important;
    font-weight:600!important;
    text-align:left!important;
    box-shadow:none!important;
  }
  .pm-location-back{
    justify-content:flex-start!important;
    font-weight:750!important;
  }
  .pm-header-state-option:hover,
  .pm-header-location-result:hover,
  .pm-location-nationwide:hover,
  .pm-location-state-all:hover,
  .pm-location-back:hover{
    background:#F8FAFB!important;
  }
  .pm-header-state-option .pm-ui-icon,
  .pm-header-location-result .pm-ui-icon{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    color:#6D7780!important;
  }

  .pm-header-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:170!important;
    background:rgba(10,18,26,.52)!important;
    backdrop-filter:blur(1px)!important;
  }
}

@media (max-width:700px){
  .pm-header-location-popover{
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:none!important;
    height:min(88dvh,760px)!important;
    max-height:min(88dvh,760px)!important;
    transform:none!important;
    border-radius:22px 22px 0 0!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .pm-mobile-location-sheet-head{
    margin-left:-16px!important;
    margin-right:-16px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .pm-mobile-location-title-row strong{
    font-size:17px!important;
  }
  .pm-header-location-search{
    top:61px!important;
    height:50px!important;
  }
  .pm-header-location-search input{
    height:48px!important;
    font-size:14px!important;
  }
}

@media (min-width:701px) and (max-width:1180px){
  .pm-header-location-popover{
    bottom:18px!important;
    border-radius:24px!important;
  }
  .pm-mobile-location-sheet-head{
    border-radius:24px 24px 0 0!important;
  }
}


/* Mobile/tablet location scroll refinement 1.5 */
@media (max-width:1180px){
  .pm-header-location-popover{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  .pm-mobile-location-sheet-head{
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
    margin:0 -18px!important;
  }

  .pm-header-location-search{
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
    margin:14px 0 10px!important;
  }

  .pm-mobile-location-scroll{
    min-height:0!important;
    flex:1 1 auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    padding-bottom:8px!important;
    scrollbar-width:none!important;
  }
  .pm-mobile-location-scroll::-webkit-scrollbar{
    display:none!important;
  }

  .pm-mobile-location-scroll .pm-current-location{
    margin-top:0!important;
  }
}

@media (max-width:700px){
  .pm-mobile-location-sheet-head{
    margin-left:-16px!important;
    margin-right:-16px!important;
  }
}


/* Critical location-sheet visibility fix 1.6
   pm-hide must always win over the flex layout. */
@media (max-width:1180px){
  .pm-header-location-popover.pm-hide{
    display:none!important;
  }
  .pm-header-location-popover:not(.pm-hide){
    display:flex!important;
  }
}


/* Mobile/tablet polish 1.7 — full location label + calmer launcher icons */
@media (max-width:1180px){
  .pm-header-location-wrap{
    width:100%!important;
  }
  .pm-header-location-selector{
    width:100%!important;
    max-width:none!important;
    min-height:34px!important;
    height:auto!important;
    padding:4px 2px!important;
    align-items:center!important;
  }
  .pm-header-location-selector>span:nth-child(2){
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    text-align:left!important;
    line-height:1.25!important;
  }
  .pm-header-location-selector>.pm-ui-icon{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
  }
  .pm-header-location-chevron{
    flex:0 0 auto!important;
    margin-left:2px!important;
  }
  .pm-header-location-chevron .pm-ui-icon{
    width:14px!important;
    height:14px!important;
  }

  .pm-mobile-app-launch-icon{
    width:38px!important;
    height:38px!important;
  }
  .pm-mobile-app-launch-icon svg{
    width:31px!important;
    height:31px!important;
  }
}

@media (max-width:700px){
  .pm-header-location-selector{
    min-height:32px!important;
    padding:3px 1px!important;
    font-size:12.5px!important;
  }
  .pm-header-location-selector>.pm-ui-icon{
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
  }
  .pm-mobile-app-launch-icon{
    width:36px!important;
    height:36px!important;
  }
  .pm-mobile-app-launch-icon svg{
    width:29px!important;
    height:29px!important;
  }
}


/* Mobile/tablet location trigger sizing 1.8 — button hugs its content */
@media (max-width:1180px){
  .pm-header-location-selector{
    width:fit-content!important;
    max-width:100%!important;
    justify-content:flex-start!important;
  }
  .pm-header-location-selector>span:nth-child(2){
    flex:0 1 auto!important;
    width:auto!important;
    max-width:none!important;
  }
  .pm-header-location-chevron{
    margin-left:0!important;
  }
}


/* Mobile/tablet location trigger focus cleanup 1.9a */
@media (max-width:1180px){
  .pm-header-location-selector,
  .pm-header-location-selector:hover,
  .pm-header-location-selector:active,
  .pm-header-location-selector:focus,
  .pm-header-location-selector:focus-visible,
  .pm-header-location-selector[aria-expanded="true"]{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
}


/* Mobile/tablet search pill border fix 2.0 */
@media (max-width:1180px){
  .pm-header-search-form{
    position:relative!important;
    border-color:transparent!important;
  }
  .pm-header-search-form::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:6!important;
    pointer-events:none!important;
    border:1px solid #D8DEE3!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
  }
  .pm-header-search-input,
  .pm-header-search-button{
    position:relative!important;
    z-index:2!important;
  }
  .pm-smart-search-suggestions{
    z-index:20!important;
  }
}


/* Bottom nav center action balance 2.1 */
@media (max-width:1180px){
  .pm-mobile-bottom-post{
    justify-content:flex-end!important;
    transform:translateY(-3px)!important;
    gap:3px!important;
  }
  .pm-mobile-bottom-post .pm-mobile-bottom-post-icon{
    width:46px!important;
    height:46px!important;
    box-shadow:0 4px 10px rgba(255,118,87,.22)!important;
  }
  .pm-mobile-bottom-post .pm-mobile-bottom-post-icon svg{
    width:21px!important;
    height:21px!important;
  }
  .pm-mobile-bottom-post span:last-child{
    margin-top:0!important;
  }
}


/* Mobile/tablet search focus follows the pill shape 2.2 */
@media (max-width:1180px){
  body.petsmunity-app .pm-header-search-form .pm-header-search-input input:focus,
  body.petsmunity-app .pm-header-search-form .pm-header-search-input input:focus-visible{
    border:0!important;
    border-color:transparent!important;
    outline:0!important;
    outline-color:transparent!important;
    box-shadow:none!important;
  }

  body.petsmunity-app .pm-header-search-form:focus-within::before{
    border-color:var(--pm-secondary,#18A999)!important;
    box-shadow:0 0 0 2px rgba(24,169,153,.10)!important;
    border-radius:999px!important;
  }
}


/* Bottom nav visual rhythm 2.3 — unified app-style alignment */
@media (max-width:1180px){
  .pm-mobile-bottom-nav{
    align-items:center!important;
    padding-top:6px!important;
    padding-bottom:max(6px,env(safe-area-inset-bottom))!important;
  }

  .pm-mobile-bottom-item{
    height:56px!important;
    padding:0 2px!important;
    justify-content:center!important;
    gap:4px!important;
    transform:none!important;
    color:#A6ADB2!important;
  }

  .pm-mobile-bottom-item svg{
    width:24px!important;
    height:24px!important;
    stroke-width:1.9!important;
  }

  .pm-mobile-bottom-item span{
    margin:0!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:650!important;
  }

  .pm-mobile-bottom-item.is-active{
    color:var(--pm-primary,#17324D)!important;
  }

  .pm-mobile-bottom-post{
    height:56px!important;
    justify-content:center!important;
    gap:4px!important;
    transform:none!important;
    color:#A6ADB2!important;
  }

  .pm-mobile-bottom-post .pm-mobile-bottom-post-icon{
    width:40px!important;
    height:40px!important;
    border-radius:50%!important;
    background:var(--pm-accent,#FF7657)!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  .pm-mobile-bottom-post .pm-mobile-bottom-post-icon svg{
    width:20px!important;
    height:20px!important;
    stroke-width:2.2!important;
  }

  .pm-mobile-bottom-post span:last-child{
    margin:0!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:650!important;
    color:#7F878D!important;
  }

  .pm-mobile-bottom-item:hover,
  .pm-mobile-bottom-item:focus{
    color:#8B949B!important;
  }
  .pm-mobile-bottom-item.is-active:hover,
  .pm-mobile-bottom-item.is-active:focus{
    color:var(--pm-primary,#17324D)!important;
  }
}


/* Mobile/tablet menu consolidation 2.4 — one app menu, no homepage launcher */
@media (max-width:1180px){
  .pm-mobile-app-launcher{
    display:none!important;
  }

  body.pm-app-menu-open{
    overflow:hidden!important;
  }

  .pm-mobile-nav{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:var(--pm-appbar-h)!important;
    width:min(560px,100%)!important;
    max-width:560px!important;
    max-height:min(72dvh,620px)!important;
    padding:0 16px 16px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border:0!important;
    border-radius:24px 24px 0 0!important;
    background:#fff!important;
    box-shadow:0 -18px 48px rgba(23,50,77,.20)!important;
    transform:translate(-50%,calc(100% + 120px))!important;
    opacity:0!important;
    pointer-events:none!important;
    z-index:210!important;
    scrollbar-width:none!important;
  }
  .pm-mobile-nav::-webkit-scrollbar{display:none!important}

  .pm-mobile-nav.is-open{
    transform:translate(-50%,0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  .pm-mobile-menu-head{
    position:sticky!important;
    top:0!important;
    z-index:4!important;
    min-height:62px!important;
    margin:0 -16px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-bottom:1px solid #EEF1F3!important;
    background:#fff!important;
  }
  .pm-mobile-menu-head strong{
    color:var(--pm-primary,#17324D)!important;
    font-size:18px!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
  }
  .pm-mobile-menu-close{
    position:absolute!important;
    right:16px!important;
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#F3F6F8!important;
    color:var(--pm-primary,#17324D)!important;
    font:inherit!important;
    font-size:22px!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .pm-mobile-nav > a{
    min-height:54px!important;
    margin:0!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    border:0!important;
    border-bottom:1px solid #EEF1F3!important;
    border-radius:0!important;
    background:#fff!important;
    color:var(--pm-primary,#17324D)!important;
    font-size:14px!important;
    font-weight:750!important;
    box-shadow:none!important;
  }
  .pm-mobile-nav > a:hover,
  .pm-mobile-nav > a:focus{
    background:#F8FAFB!important;
  }
  .pm-mobile-nav > a .pm-market-section-icon{
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 30px!important;
  }
  .pm-mobile-nav > a .pm-market-section-icon .pm-ui-icon{
    width:24px!important;
    height:24px!important;
  }

  .pm-mobile-nav > a[href*="/account/"],
  .pm-mobile-nav > a[href*="/login/"],
  .pm-mobile-nav > a[href*="/register/"]{
    margin-top:8px!important;
  }

  body.pm-app-menu-open .pm-mobile-bottom-menu{
    color:var(--pm-primary,#17324D)!important;
  }
}

@media (max-width:700px){
  .pm-mobile-nav{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    max-height:min(74dvh,620px)!important;
    border-radius:22px 22px 0 0!important;
    transform:translateY(calc(100% + 120px))!important;
  }
  .pm-mobile-nav.is-open{
    transform:translateY(0)!important;
  }
}


/* Mobile/tablet category slider 2.5 — profile-style chips below hero */
@media (max-width:1180px){
  .pm-view-home .pm-home-categories .pm-category-section-inner{
    padding-bottom:0!important;
  }

  .pm-mobile-category-slider-section{
    width:100%;
    padding:14px 0 16px;
    background:#fff;
    border-bottom:1px solid #EEF1F3;
  }
  .pm-mobile-category-slider-inner{
    width:100%;
  }
  .pm-mobile-category-slider-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 16px 9px;
  }
  .pm-mobile-category-slider-head strong{
    color:var(--pm-primary,#17324D);
    font-size:15px;
    line-height:1.2;
    font-weight:800;
  }
  .pm-mobile-category-slider-mount{
    width:100%;
    overflow:hidden;
  }

  .pm-mobile-category-slider-section .pm-category-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0 16px 2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .pm-mobile-category-slider-section .pm-category-grid::-webkit-scrollbar{
    display:none!important;
  }

  .pm-mobile-category-slider-section .pm-category-tile{
    flex:0 0 auto!important;
    min-width:138px!important;
    min-height:56px!important;
    height:56px!important;
    padding:6px 12px 6px 6px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    scroll-snap-align:start!important;
    text-align:left!important;
    border:1px solid #E4E9EC!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 1px 4px rgba(23,50,77,.04)!important;
    backdrop-filter:none!important;
  }

  .pm-mobile-category-slider-section .pm-category-photo{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    border:1px solid rgba(23,50,77,.06)!important;
    box-shadow:none!important;
    background:#F7FAFB!important;
  }
  .pm-mobile-category-slider-section .pm-category-photo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    border-radius:50%!important;
  }
  .pm-mobile-category-slider-section .pm-category-photo-hover{
    display:none!important;
  }

  .pm-mobile-category-slider-section .pm-category-tile strong{
    margin:0!important;
    color:var(--pm-primary,#17324D)!important;
    font-size:12.5px!important;
    line-height:1.15!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }
}

@media (max-width:700px){
  .pm-mobile-category-slider-section{
    padding:12px 0 14px;
  }
  .pm-mobile-category-slider-head{
    padding:0 12px 8px;
  }
  .pm-mobile-category-slider-head strong{
    font-size:14px;
  }
  .pm-mobile-category-slider-section .pm-category-grid{
    gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .pm-mobile-category-slider-section .pm-category-tile{
    min-width:124px!important;
    min-height:52px!important;
    height:52px!important;
    padding:5px 10px 5px 5px!important;
    gap:8px!important;
  }
  .pm-mobile-category-slider-section .pm-category-photo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }
  .pm-mobile-category-slider-section .pm-category-tile strong{
    font-size:12px!important;
  }
}


/* Mobile/tablet category chrome cleanup 2.6 */
@media (max-width:1180px){
  .pm-mobile-category-slider-head{
    display:none!important;
  }
  .pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero > .pm-text-link{
    display:none!important;
  }
  .pm-mobile-category-slider-section{
    padding-top:12px!important;
  }
}

@media (max-width:700px){
  .pm-mobile-category-slider-section{
    padding-top:10px!important;
  }
}


/* Mobile/tablet hero image visibility 2.7 — remove the old heavy category fade */
@media (max-width:1180px){
  .pm-view-home .pm-home-categories{
    background-image:
      linear-gradient(90deg,
        rgba(248,251,252,.98) 0%,
        rgba(248,251,252,.92) 32%,
        rgba(248,251,252,.58) 48%,
        rgba(248,251,252,.16) 64%,
        rgba(248,251,252,0) 78%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/Pastel-Pet-Friends-Banner-1_11zon.webp')!important;
    background-size:cover!important;
    background-position:66% center!important;
    background-repeat:no-repeat!important;
  }
}

@media (max-width:700px){
  .pm-view-home .pm-home-categories{
    background-image:
      linear-gradient(90deg,
        rgba(248,251,252,.98) 0%,
        rgba(248,251,252,.92) 38%,
        rgba(248,251,252,.50) 56%,
        rgba(248,251,252,.10) 72%,
        rgba(248,251,252,0) 84%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/Pastel-Pet-Friends-Banner-1_11zon.webp')!important;
    background-position:68% center!important;
  }
}


/* Mobile hero readability 2.8 — keep copy clear, animals visible below/right */
@media (max-width:700px){
  .pm-view-home .pm-home-categories{
    background-image:
      linear-gradient(180deg,
        rgba(248,251,252,.99) 0%,
        rgba(248,251,252,.99) 42%,
        rgba(248,251,252,.90) 54%,
        rgba(248,251,252,.42) 68%,
        rgba(248,251,252,0) 82%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/Pastel-Pet-Friends-Banner-1_11zon.webp')!important;
    background-size:cover!important;
    background-position:72% 58%!important;
    background-repeat:no-repeat!important;
  }

  .pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero{
    min-height:260px!important;
    padding:18px 14px 18px!important;
    align-items:flex-start!important;
  }

  .pm-view-home .pm-home-categories .pm-home-category-hero-copy{
    width:100%!important;
    max-width:100%!important;
    position:relative!important;
    z-index:2!important;
  }

  .pm-view-home .pm-home-categories .pm-home-category-hero-copy h1{
    max-width:320px!important;
    margin:0 0 8px!important;
    font-size:27px!important;
    line-height:1.04!important;
  }

  .pm-view-home .pm-home-categories .pm-home-category-hero-copy p{
    max-width:355px!important;
    margin:0!important;
    color:#4F6577!important;
    font-size:12.5px!important;
    line-height:1.42!important;
  }
}


/* Mobile hero balance 2.9 — clearer image, tighter copy area */
@media (max-width:700px){
  .pm-view-home .pm-home-categories{
    background-image:
      linear-gradient(90deg,
        rgba(248,251,252,.96) 0%,
        rgba(248,251,252,.92) 24%,
        rgba(248,251,252,.78) 34%,
        rgba(248,251,252,.42) 46%,
        rgba(248,251,252,.10) 58%,
        rgba(248,251,252,0) 68%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/Pastel-Pet-Friends-Banner-1_11zon.webp')!important;
    background-size:cover!important;
    background-position:74% center!important;
    background-repeat:no-repeat!important;
  }

  .pm-view-home .pm-home-categories .pm-category-section-head.pm-home-category-hero{
    min-height:238px!important;
    padding:16px 12px!important;
    align-items:flex-start!important;
  }

  .pm-view-home .pm-home-categories .pm-home-category-hero-copy{
    width:44%!important;
    max-width:44%!important;
    position:relative!important;
    z-index:2!important;
  }

  .pm-view-home .pm-home-categories .pm-home-category-hero-copy h1{
    max-width:100%!important;
    margin:0 0 7px!important;
    font-size:25px!important;
    line-height:1.03!important;
    letter-spacing:-.03em!important;
  }

  .pm-view-home .pm-home-categories .pm-home-category-hero-copy p{
    max-width:100%!important;
    margin:0!important;
    color:#4F6577!important;
    font-size:11.5px!important;
    line-height:1.38!important;
  }
}


/* Shared marketplace hero parity + compact section scope 3.0 */
@media (max-width:1180px){
  .pm-shared-marketplace-hero{
    background-image:
      linear-gradient(90deg,
        rgba(248,251,252,.98) 0%,
        rgba(248,251,252,.92) 32%,
        rgba(248,251,252,.58) 48%,
        rgba(248,251,252,.16) 64%,
        rgba(248,251,252,0) 78%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/Pastel-Pet-Friends-Banner-1_11zon.webp')!important;
    background-size:cover!important;
    background-position:66% center!important;
    background-repeat:no-repeat!important;
  }
  .pm-shared-marketplace-hero .pm-category-section-inner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  .pm-shared-marketplace-hero .pm-category-section-head.pm-home-category-hero{
    min-height:255px!important;
    margin:0!important;
    padding:38px 34px 54px!important;
    align-items:flex-start!important;
  }
  .pm-shared-marketplace-hero .pm-home-category-hero-copy{
    width:min(470px,55%)!important;
    max-width:55%!important;
  }
  .pm-shared-marketplace-hero .pm-home-category-hero-copy h1{
    margin:0 0 10px!important;
    font-size:clamp(32px,4.7vw,43px)!important;
    line-height:1.02!important;
  }
  .pm-shared-marketplace-hero .pm-home-category-hero-copy p{
    max-width:500px!important;
    margin:0!important;
    font-size:15.5px!important;
    line-height:1.55!important;
  }

  .pm-market-search-inner.has-mobile-scope{
    grid-template-columns:minmax(0,1fr) auto 44px!important;
    grid-template-areas:
      "search search notify"
      "location scope scope"!important;
  }
  .pm-market-search-inner.has-mobile-scope .pm-header-search-form.has-scope{
    grid-area:search!important;
    height:48px!important;
    min-height:48px!important;
    flex-wrap:nowrap!important;
  }
  .pm-market-search-inner.has-mobile-scope .pm-header-search-form.has-scope .pm-header-search-input{
    height:46px!important;
    flex:1 1 auto!important;
  }
  .pm-market-search-inner.has-mobile-scope > .pm-header-scope-check{
    grid-area:scope!important;
    position:static!important;
    inset:auto!important;
    justify-self:end!important;
    align-self:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:32px!important;
    padding:0 10px!important;
    gap:6px!important;
    border:0!important;
    border-radius:999px!important;
    background:#EFFAF8!important;
    color:var(--pm-primary,#17324D)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:750!important;
  }
  .pm-market-search-inner.has-mobile-scope > .pm-header-scope-check .pm-header-scope-box{
    width:18px!important;
    height:18px!important;
    border-radius:50%!important;
    font-size:11px!important;
  }
}

@media (max-width:700px){
  .pm-shared-marketplace-hero{
    background-image:
      linear-gradient(90deg,
        rgba(248,251,252,.96) 0%,
        rgba(248,251,252,.92) 24%,
        rgba(248,251,252,.78) 34%,
        rgba(248,251,252,.42) 46%,
        rgba(248,251,252,.10) 58%,
        rgba(248,251,252,0) 68%),
      url('https://petsmunity.com/wp-content/uploads/2026/10/Pastel-Pet-Friends-Banner-1_11zon.webp')!important;
    background-size:cover!important;
    background-position:74% center!important;
    background-repeat:no-repeat!important;
  }
  .pm-shared-marketplace-hero .pm-category-section-head.pm-home-category-hero{
    min-height:238px!important;
    padding:16px 12px!important;
    align-items:flex-start!important;
  }
  .pm-shared-marketplace-hero .pm-home-category-hero-copy{
    width:44%!important;
    max-width:44%!important;
    position:relative!important;
    z-index:2!important;
  }
  .pm-shared-marketplace-hero .pm-home-category-hero-copy h1{
    max-width:100%!important;
    margin:0 0 7px!important;
    font-size:25px!important;
    line-height:1.03!important;
    letter-spacing:-.03em!important;
  }
  .pm-shared-marketplace-hero .pm-home-category-hero-copy p{
    max-width:100%!important;
    margin:0!important;
    color:#4F6577!important;
    font-size:11.5px!important;
    line-height:1.38!important;
  }
  .pm-market-search-inner.has-mobile-scope > .pm-header-scope-check{
    height:30px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
  }
}


/* Section search = homepage search on mobile/tablet; only magnifier follows section color */
@media (max-width:1180px){
  body.petsmunity-app:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
  .pm-market-search-inner.has-mobile-scope{
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-areas:
      "search notify"
      "location location"!important;
    gap:6px 10px!important;
    padding:10px 16px 9px!important;
  }

  body.petsmunity-app:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
  .pm-market-search-inner.has-mobile-scope > .pm-header-scope-check{
    display:none!important;
  }

  body.petsmunity-app:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
  .pm-header-search-form.has-scope{
    grid-area:search!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    overflow:visible!important;
    border:1px solid #D8DEE3!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body.petsmunity-app:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
  .pm-header-search-form.has-scope .pm-header-search-input{
    height:46px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }

  body.petsmunity-app:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
  .pm-header-search-form.has-scope .pm-header-search-input input{
    height:46px!important;
    padding:0 10px 0 18px!important;
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
    font-size:14px!important;
  }

  body.petsmunity-app:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
  .pm-header-search-form.has-scope .pm-header-search-button{
    width:48px!important;
    min-width:48px!important;
    flex:0 0 48px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:var(--pm-section-color,var(--pm-secondary,#18A999))!important;
    box-shadow:none!important;
  }

  body.petsmunity-app:is(.pm-view-find-a-pet,.pm-view-supplies,.pm-view-services,.pm-view-lost-found)
  .pm-header-search-form.has-scope .pm-header-search-button .pm-ui-icon{
    width:21px!important;
    height:21px!important;
    color:inherit!important;
    stroke:currentColor!important;
  }
}


/* Desktop safety: mobile notification control must never render above content */
@media (min-width:1181px){
  .pm-mobile-search-notify,
  .pm-mobile-app-notify{
    display:none!important;
  }
}