.rhmp-marketplace {max-width:1280px;margin:0 auto;padding:24px 20px;color:#152b42;}
.rhmp-marketplace-columns {display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;margin-top:30px;}
.rhmp-marketplace-sidebar {min-width:0;}
.rhmp-category-panel {border:1px solid #dceee4;border-radius:20px;padding:14px;background:#fff;}
.rhmp-category-panel>summary {font-size:19px;font-weight:750;cursor:pointer;padding:6px 3px 16px;color:#173b31;}
.rhmp-marketplace .homepage-categories {padding:0;margin:0;}
.rhmp-marketplace .homepage-categories-header {display:none;}
.rhmp-marketplace .homepage-categories-grid {display:flex;flex-direction:column;gap:10px;}
.rhmp-marketplace .category-card {display:flex;flex-direction:row;align-items:center;border-radius:13px;min-height:78px;overflow:hidden;box-shadow:0 2px 8px #153c2410;border:1.5px solid #079447;}
.rhmp-marketplace .category-image {width:78px;min-width:78px;height:78px;aspect-ratio:1;}
.rhmp-marketplace .category-image img {width:100%;height:100%;object-fit:cover;}
.rhmp-marketplace .category-content {flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:8px 9px;}
.rhmp-marketplace .category-label {flex:1 1 100%;min-width:0;}
.rhmp-marketplace .category-label h3 {font-size:14px;line-height:1.25;white-space:normal;overflow:visible;margin:0;}
.rhmp-marketplace .category-subtitle {font-size:10px;line-height:1.3;margin:3px 0 0;}
.rhmp-marketplace .category-ads-count {font-size:10px;padding:4px 10px;min-width:0;}
.rhmp-marketplace .category-card.active {border-color:#08bc65;box-shadow:0 0 0 2px #08bc6526;}
.rhmp-marketplace-feed {min-width:0;}
.rhmp-marketplace-feed-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 16px;}
.rhmp-marketplace-feed-heading h2 {font-size:24px;margin:0;}
.rhmp-clear-filters {color:#087b49;font-size:14px;text-decoration:underline;}
.rhmp-marketplace .rhmp-ad-card {margin:0 auto 24px;}
.rhmp-marketplace .rhmp-homepage-search-wrap {margin:0;max-width:none;}
@media(max-width:900px) {.rhmp-marketplace-columns {grid-template-columns:220px minmax(0,1fr);gap:16px;}.rhmp-marketplace{padding:18px 12px;}}
@media(max-width:1024px) {
 .rhmp-marketplace-columns{grid-template-columns:minmax(0,1fr);margin-top:18px;gap:18px;}
 .rhmp-marketplace-sidebar{width:100%;min-width:0;overflow:hidden;}
 .rhmp-category-panel{padding:12px;}
 .rhmp-category-panel>summary{font-size:18px;padding-bottom:6px;}
 .rhmp-marketplace .homepage-categories-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;overflow-x:auto;max-width:100%;margin-top:12px;padding:3px 3px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#079447 #edf4ef;}
 .rhmp-marketplace .category-card{flex:0 0 156px;width:156px;min-height:0;display:flex;flex-direction:column;align-items:stretch;scroll-snap-align:start;border-radius:15px;}
 .rhmp-marketplace .category-image{width:100%;min-width:0;height:118px;aspect-ratio:auto;}
 .rhmp-marketplace .category-image img{object-fit:cover;object-position:center;background:#eef3f0;}
 .rhmp-marketplace .category-content{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:0;padding:10px;box-sizing:border-box;width:100%;}
 .rhmp-marketplace .category-label{flex:0 0 auto;width:100%;}
 .rhmp-marketplace .category-label h3{font-size:13px;line-height:1.3;overflow-wrap:anywhere;}
 .rhmp-marketplace .category-subtitle{font-size:10px;line-height:1.4;}
 .rhmp-marketplace .category-ads-count{align-self:flex-end;font-size:11px;padding:6px 12px;}
 .rhmp-marketplace .category-card:hover,.rhmp-marketplace .category-card:focus-visible{transform:none;}
 .rhmp-marketplace-feed-heading h2{font-size:21px;}
}

/* Clearly distinguish the selected category across screen sizes. */
.rhmp-marketplace .category-card.active {border:2px solid #079447;box-shadow:0 0 0 2px rgba(7,148,71,.24),0 6px 16px rgba(7,148,71,.14);}
.rhmp-marketplace .category-card.active .category-content {background-color:#e5f8ec;}
.rhmp-marketplace .category-card.active .category-label h3 {color:#006d35;font-weight:800;}

/* Tablet and desktop: photo-first boxed cards stacked in the sidebar. */
@media(min-width:1025px) {
 .rhmp-marketplace .category-card {display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:0;border-radius:16px;}
 .rhmp-marketplace .category-image {width:100%;min-width:0;height:auto;aspect-ratio:4 / 3;}
 .rhmp-marketplace .category-image img {object-fit:cover;object-position:center;}
 .rhmp-marketplace .category-content {flex:0 0 auto;width:100%;box-sizing:border-box;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:11px 12px;gap:7px;}
 .rhmp-marketplace .category-label {flex:0 0 auto;width:100%;}
 .rhmp-marketplace .category-label h3 {font-size:15px;line-height:1.3;white-space:normal;}
 .rhmp-marketplace .category-subtitle {font-size:11px;}
 .rhmp-marketplace .category-ads-count {align-self:flex-end;font-size:12px;padding:7px 13px;}
 .rhmp-marketplace .homepage-categories-grid {gap:14px;}
}

/* Mobile cards use their own content height instead of stretching to the tallest card. */
@media(max-width:1024px) {
 .rhmp-marketplace .homepage-categories-grid {align-items:flex-start;}
 .rhmp-marketplace .category-card {height:auto;align-self:flex-start;}
 .rhmp-marketplace .category-content {padding-bottom:10px;}
 .rhmp-marketplace .category-card.active {background-color:#e5f8ec;}
}

/* Equal-height mobile cards with a footer that fills the selected surface. */
@media(max-width:1024px) {
 .rhmp-marketplace .homepage-categories-grid {align-items:stretch;}
 .rhmp-marketplace .category-card {height:auto;align-self:stretch;box-sizing:border-box;border-width:2px;}
 .rhmp-marketplace .category-image {flex:0 0 118px;}
 .rhmp-marketplace .category-content {flex:1 0 auto;min-height:98px;}
 .rhmp-marketplace .category-ads-count {margin-top:auto;}
 .rhmp-marketplace .category-card {transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease;animation:rhmp-card-appear .35s ease both;}
 .rhmp-marketplace .category-card:active {transform:scale(.975);}
 .rhmp-marketplace .category-card:nth-child(2) {animation-delay:.04s;}
 .rhmp-marketplace .category-card:nth-child(3) {animation-delay:.08s;}
}
@keyframes rhmp-card-appear {from {opacity:0;transform:translateY(6px);} to {opacity:1;transform:translateY(0);}}
@media(prefers-reduced-motion:reduce) {
 .rhmp-marketplace .category-card,.rhmp-marketplace .category-image img {animation:none!important;transition:none!important;transform:none!important;}
}

/* Compact, consistent mobile footer: only reserve space for name/subtitle and badge. */
@media(max-width:1024px) {
 .rhmp-marketplace .category-content {min-height:0;padding:8px 10px;gap:4px;}
 .rhmp-marketplace .category-label {min-height:36px;}
 .rhmp-marketplace .category-subtitle {margin-top:2px;}
}

/* Mobile glass drawer; desktop and tablet layout remains unchanged. */
.rhmp-category-edge-tab,.rhmp-category-backdrop,.rhmp-category-drawer-close {display:none;}
@media(max-width:1024px) {
 html.rhmp-category-scroll-lock {overflow:hidden;}
 .rhmp-marketplace .rhmp-marketplace-sidebar {
  position:fixed;inset:0 0 0 auto;width:min(204px,100vw);height:100vh;height:100dvh;
  z-index:100001;box-sizing:border-box;padding:18px 12px 76px;overflow-y:auto;
  overscroll-behavior:contain;background:rgba(255,255,255,.28);
  -webkit-backdrop-filter:blur(7px) saturate(135%);backdrop-filter:blur(7px) saturate(135%);
  border-left:1px solid rgba(7,148,71,.4);box-shadow:-8px 0 32px #153c2420;
  transform:translateX(105%);visibility:hidden;transition:transform .28s ease,visibility .28s;
 }
 .rhmp-marketplace.rhmp-drawer-open .rhmp-marketplace-sidebar {transform:translateX(0);visibility:visible;}
 .rhmp-marketplace .rhmp-category-panel {background:transparent;border:0;padding:0;}
 .rhmp-marketplace .rhmp-category-panel>summary {pointer-events:none;list-style:none;padding:8px 28px 16px 0;font-size:14px;}
 .rhmp-marketplace .rhmp-category-panel>summary::-webkit-details-marker {display:none;}
 .rhmp-marketplace .homepage-categories {background:transparent;}
 .rhmp-marketplace .homepage-categories-grid {flex-direction:column;align-items:center;overflow:visible;scroll-snap-type:none;margin-top:0;padding:3px;gap:12px;}
 .rhmp-marketplace .category-card {flex:0 0 auto;width:156px;align-self:center;background:rgba(255,255,255,.20);}
 .rhmp-marketplace .category-content {flex:0 0 auto;min-height:86px;background:rgba(255,255,255,.20);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
 .rhmp-marketplace .category-card.active .category-content {background:rgba(205,245,218,.7);}
 .rhmp-marketplace .rhmp-category-edge-tab {
  display:flex;align-items:center;justify-content:center;position:fixed;right:0;bottom:0;
  z-index:100002;width:60px;height:60px;padding:10px 6px 6px 12px;
  border:1px solid rgba(255,255,255,.9);border-right:0;border-bottom:0;border-radius:40px 0 0 0;
  background:rgba(255,255,255,.64);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  color:#079447;box-shadow:-3px -3px 14px #153c2412;cursor:pointer;
 }
 .rhmp-category-edge-tab svg {width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
 .rhmp-drawer-open .rhmp-category-edge-tab svg {transform:rotate(180deg);}
 .rhmp-marketplace .rhmp-category-backdrop {position:fixed;inset:0;z-index:100000;border:0;background:rgba(13,32,24,.08);padding:0;}
 .rhmp-marketplace.rhmp-drawer-open .rhmp-category-backdrop {display:block;}
 .rhmp-marketplace .rhmp-category-drawer-close {display:block;position:absolute;right:12px;top:16px;background:transparent;border:0;color:#173b31;font-size:26px;width:36px;height:36px;cursor:pointer;}
 .rhmp-category-edge-tab:focus-visible,.rhmp-category-drawer-close:focus-visible {outline:2px solid #079447;outline-offset:-4px;}
}
@media(prefers-reduced-motion:reduce) {.rhmp-marketplace .rhmp-marketplace-sidebar {transition:none;}}

/* Compact mobile controls and single-line category footers. */
@media(max-width:1024px) {
 .rhmp-marketplace .rhmp-marketplace-sidebar {padding-top:44px;}
 .rhmp-marketplace .rhmp-category-drawer-close {top:0;right:0;width:40px;height:40px;font-size:24px;}
 .rhmp-marketplace .rhmp-category-edge-tab {width:46px;height:46px;border-radius:32px 0 0 0;padding:7px 3px 3px 9px;}
 .rhmp-marketplace .rhmp-category-edge-tab svg {width:23px;height:23px;}
 .rhmp-marketplace .rhmp-category-no-subtitle .category-content {min-height:0;gap:4px;}
 .rhmp-marketplace .rhmp-category-no-subtitle .category-label {min-height:0;}
 .rhmp-marketplace .rhmp-category-no-subtitle .category-ads-count {margin-top:0;}
}

/* Retain the desktop footer pattern on glass mobile/tablet cards. */
@media(max-width:1024px){
 .rhmp-marketplace .category-content,.rhmp-marketplace .category-card.active .category-content{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='90' viewBox='0 0 180 90'%3E%3Cg fill='none' stroke='%23079447' stroke-opacity='.055' stroke-width='1'%3E%3Cpath d='M-20 18C8-6 36 4 50 22s37 23 54 5 42-17 60 2 37 15 50 3'/%3E%3Cpath d='M-15 37C12 12 40 22 55 40s38 21 55 2 41-18 59 1 35 16 48 5'/%3E%3Cpath d='M-10 58C16 33 44 43 60 61s36 20 53 3 42-19 59 0 34 17 46 7'/%3E%3Cpath d='M30-12C7 14 17 39 36 53s22 35 5 52'/%3E%3Cpath d='M92-14C68 11 79 38 98 52s22 35 4 51'/%3E%3Cpath d='M151-12C129 13 139 38 158 53s22 35 5 52'/%3E%3C/g%3E%3C/svg%3E")!important;background-size:180px 90px!important;background-repeat:repeat!important;}
}


/* ==========================================================
   v1.6.6 SEARCH DROPDOWN CHEVRON ALIGNMENT
   Keep Category and District arrows centered on the same line.
========================================================== */
.rhmp-homepage-search-form select{
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  padding-right:52px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%235f706c' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 20px center!important;
  background-size:16px 10px!important;
}
.rhmp-homepage-search-form select::-ms-expand{display:none!important;}
@media(max-width:700px){
  .rhmp-homepage-search-form select{
    padding-right:46px!important;
    background-position:right 16px center!important;
    background-size:15px 9px!important;
  }
}

/* ==========================================================
   v1.6.9 AIRPORT VEHICLE FILTER — SINGLE-LINE RESPONSIVE BAR
   No filter/data logic changes. Presentation only.
========================================================== */
.rhmp-marketplace .rhmp-airport-type-filter{
  box-sizing:border-box;
  width:min(100%,940px);
  margin:8px auto 22px;
  padding:9px 11px;
  display:block;
  border:1px solid rgba(7,148,71,.20);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(247,255,250,.98) 0%,rgba(255,255,255,.98) 100%);
  box-shadow:0 7px 20px rgba(7,104,57,.065),inset 0 1px 0 rgba(255,255,255,.95);
  overflow:hidden;
}

.rhmp-marketplace .rhmp-airport-filter-scroll{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:7px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  touch-action:pan-x;
}
.rhmp-marketplace .rhmp-airport-filter-scroll::-webkit-scrollbar{display:none;}

.rhmp-marketplace .rhmp-airport-filter-chip{
  -webkit-tap-highlight-color:transparent;
  box-sizing:border-box;
  flex:0 0 auto;
  min-width:68px;
  min-height:38px;
  padding:9px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #b9e3c8;
  border-radius:999px;
  background:#fff;
  color:#17623f;
  text-decoration:none!important;
  text-align:center;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.002em;
  white-space:nowrap;
  box-shadow:0 2px 7px rgba(7,148,71,.055),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .16s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}

@media(hover:hover){
  .rhmp-marketplace .rhmp-airport-filter-chip:hover{
    transform:translateY(-1px);
    border-color:#57cd86;
    background:#f1fff6;
    color:#087b41;
    box-shadow:0 5px 13px rgba(7,148,71,.11),inset 0 1px 0 #fff;
  }
}
.rhmp-marketplace .rhmp-airport-filter-chip:focus-visible{
  outline:3px solid rgba(32,237,120,.30);
  outline-offset:2px;
  border-color:#14b95b;
}
.rhmp-marketplace .rhmp-airport-filter-chip:active{transform:scale(.98);}
.rhmp-marketplace .rhmp-airport-filter-chip.active,
.rhmp-marketplace .rhmp-airport-filter-chip[aria-current="true"]{
  border-color:#08a950;
  background:
    linear-gradient(115deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.04) 42%,transparent 65%),
    linear-gradient(135deg,#20ed78 0%,#10d866 48%,#08af55 100%);
  color:#fff;
  text-shadow:0 1px 1px rgba(0,90,40,.14);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.42),inset 0 -1px 2px rgba(0,110,45,.12),0 5px 13px rgba(7,148,71,.18);
}

/* Tablet + mobile: keep the filter as one clean horizontal bar.
   It can be swiped when the full row is wider than the screen. */
@media(max-width:1024px){
  .rhmp-marketplace .rhmp-airport-type-filter{
    width:calc(100% - 4px);
    margin:7px auto 18px;
    padding:8px 8px;
    border-radius:14px;
  }
  .rhmp-marketplace .rhmp-airport-filter-scroll{
    justify-content:flex-start;
    gap:7px;
    padding:2px 4px;
  }
  .rhmp-marketplace .rhmp-airport-filter-chip{
    min-width:64px;
    min-height:37px;
    padding:8px 13px;
    font-size:11px;
  }
}

@media(max-width:480px){
  .rhmp-marketplace .rhmp-airport-type-filter{
    width:100%;
    padding:7px 6px;
    border-radius:13px;
  }
  .rhmp-marketplace .rhmp-airport-filter-scroll{gap:6px;padding:2px 3px;}
  .rhmp-marketplace .rhmp-airport-filter-chip{
    min-width:60px;
    min-height:36px;
    padding:8px 12px;
    font-size:10.5px;
  }
}

@media(prefers-reduced-motion:reduce){
  .rhmp-marketplace .rhmp-airport-filter-scroll{scroll-behavior:auto!important;}
  .rhmp-marketplace .rhmp-airport-filter-chip{transition:none!important;}
}



/* ==========================================================
   v1.6.10 AIRPORT FILTER — TRUE ONE-LINE MOBILE/TABLET BAR
   Presentation-only update. Filtering/data logic is unchanged.
========================================================== */
.rhmp-marketplace .rhmp-airport-type-filter{
  width:min(100%,940px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
}
.rhmp-marketplace .rhmp-airport-type-filter::-webkit-scrollbar{
  display:none!important;
}

.rhmp-marketplace .rhmp-airport-filter-scroll{
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  white-space:nowrap!important;
}

.rhmp-marketplace .rhmp-airport-filter-chip{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

@media(max-width:1024px){
  .rhmp-marketplace .rhmp-airport-type-filter{
    width:100%!important;
    max-width:100%!important;
    margin:7px auto 18px!important;
    padding:8px!important;
  }
  .rhmp-marketplace .rhmp-airport-filter-scroll{
    gap:7px!important;
    padding:2px 4px!important;
  }
  .rhmp-marketplace .rhmp-airport-filter-chip{
    min-width:0!important;
    min-height:37px!important;
    padding:8px 12px!important;
    font-size:11px!important;
  }
}

@media(max-width:600px){
  .rhmp-marketplace .rhmp-airport-type-filter{
    padding:7px 6px!important;
    border-radius:13px!important;
  }
  .rhmp-marketplace .rhmp-airport-filter-scroll{
    gap:6px!important;
    padding:2px!important;
  }
  .rhmp-marketplace .rhmp-airport-filter-chip{
    min-height:35px!important;
    padding:8px 10px!important;
    font-size:10px!important;
  }
}


/* ==========================================================
   v1.6.11 AIRPORT FILTER — SHRINK-WRAP + TRUE CENTERING
   Removes the empty background area after the last chip.
   Layout only; filter/navigation logic is untouched.
========================================================== */
.rhmp-marketplace .rhmp-airport-type-filter{
  width:max-content!important;
  max-width:100%!important;
  margin:8px auto 22px!important;
  display:block!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
}
.rhmp-marketplace .rhmp-airport-type-filter::-webkit-scrollbar{
  display:none!important;
}

.rhmp-marketplace .rhmp-airport-filter-scroll{
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
}

/* Tablet/mobile: remain one line. If the buttons are wider than the
   viewport, only the compact bar scrolls horizontally. */
@media(max-width:1024px){
  .rhmp-marketplace .rhmp-airport-type-filter{
    width:max-content!important;
    max-width:100%!important;
    margin:7px auto 18px!important;
  }
}

@media(max-width:600px){
  .rhmp-marketplace .rhmp-airport-type-filter{
    width:max-content!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* ==========================================================
   v1.6.12 MOBILE/TABLET CATEGORY DRAWER HANDLE
   Vertically centered professional edge control.
   Drawer/category logic is unchanged.
========================================================== */
@media(max-width:1024px){
  .rhmp-marketplace .rhmp-category-edge-tab{
    top:50%!important;
    bottom:auto!important;
    right:0!important;
    transform:translateY(-50%)!important;

    width:44px!important;
    height:68px!important;
    padding:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border:1px solid rgba(7,148,71,.34)!important;
    border-right:0!important;
    border-radius:18px 0 0 18px!important;

    background:rgba(255,255,255,.88)!important;
    -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
    backdrop-filter:blur(14px) saturate(145%)!important;

    color:#079447!important;
    box-shadow:
      -5px 0 18px rgba(15,55,35,.10),
      inset 0 1px 0 rgba(255,255,255,.85)!important;
  }

  .rhmp-marketplace .rhmp-category-edge-tab svg{
    width:23px!important;
    height:23px!important;
    display:block!important;
    flex:0 0 auto!important;
    stroke-width:3!important;
    transition:transform .22s ease!important;
  }

  .rhmp-marketplace .rhmp-category-edge-tab:hover{
    background:rgba(255,255,255,.96)!important;
    border-color:rgba(7,148,71,.50)!important;
  }

  .rhmp-marketplace .rhmp-category-edge-tab:active{
    width:42px!important;
  }

  .rhmp-marketplace .rhmp-category-edge-tab:focus-visible{
    outline:3px solid rgba(32,237,120,.38)!important;
    outline-offset:-2px!important;
  }
}

@media(max-width:600px){
  .rhmp-marketplace .rhmp-category-edge-tab{
    width:40px!important;
    height:62px!important;
    border-radius:16px 0 0 16px!important;
  }

  .rhmp-marketplace .rhmp-category-edge-tab svg{
    width:21px!important;
    height:21px!important;
  }

  .rhmp-marketplace .rhmp-category-edge-tab:active{
    width:38px!important;
  }
}


/* ==========================================================
   v1.6.13 MOBILE/TABLET CATEGORY DRAWER — GLASS HANDLE
   Visual-only enhancement for the centered category edge arrow.
========================================================== */
@media(max-width:1024px){
  .rhmp-marketplace .rhmp-category-edge-tab{
    background:
      linear-gradient(145deg,rgba(255,255,255,.52) 0%,rgba(244,255,249,.30) 52%,rgba(228,250,238,.22) 100%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(175%) contrast(104%)!important;
    backdrop-filter:blur(22px) saturate(175%) contrast(104%)!important;
    border-color:rgba(255,255,255,.70)!important;
    border-right:0!important;
    color:#078b43!important;
    box-shadow:
      -7px 0 22px rgba(12,76,43,.13),
      inset 1px 1px 0 rgba(255,255,255,.82),
      inset 0 -1px 0 rgba(7,148,71,.12)!important;
  }
  .rhmp-marketplace .rhmp-category-edge-tab::before{
    content:"";
    position:absolute;
    inset:6px 5px 6px 7px;
    border-radius:12px 0 0 12px;
    background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.06));
    pointer-events:none;
  }
  .rhmp-marketplace .rhmp-category-edge-tab svg{
    position:relative!important;
    z-index:1!important;
    filter:drop-shadow(0 1px 1px rgba(255,255,255,.75));
  }
  .rhmp-marketplace .rhmp-category-edge-tab:hover{
    background:
      linear-gradient(145deg,rgba(255,255,255,.62) 0%,rgba(244,255,249,.38) 52%,rgba(228,250,238,.28) 100%)!important;
  }
}


/* ==========================================================
   v1.6.17 MOBILE / TABLET STATIC CATEGORY GRID
   - Removes the old left/side drawer completely.
   - Passenger categories are visible immediately on normal entry.
   - Mobile: 2 cards per row.
   - Tablet: 4 cards per row.
   - Desktop layout is left unchanged.
========================================================== */

@media (max-width: 1024px) {
  html.rhmp-category-scroll-lock {
    overflow: auto !important;
  }

  .rhmp-marketplace .rhmp-marketplace-columns {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    margin-top: 18px !important;
  }

  .rhmp-marketplace .rhmp-marketplace-sidebar,
  .rhmp-marketplace.rhmp-drawer-open .rhmp-marketplace-sidebar {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    z-index: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .rhmp-marketplace .rhmp-category-panel {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 13px !important;
    border: 1px solid #dceee4 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
  }

  .rhmp-marketplace .rhmp-category-panel > summary {
    pointer-events: none !important;
    list-style: none !important;
    padding: 2px 2px 12px !important;
    color: #173b31 !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
  }

  .rhmp-marketplace .rhmp-category-panel > summary::-webkit-details-marker {
    display: none !important;
  }

  .rhmp-marketplace .homepage-categories-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 11px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  .rhmp-marketplace .category-card,
  .rhmp-marketplace .category-card.active {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    overflow: hidden !important;
  }

  .rhmp-marketplace .category-image {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }

  .rhmp-marketplace .category-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .rhmp-marketplace .category-content,
  .rhmp-marketplace .category-card.active .category-content {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 8px !important;
    gap: 5px !important;
    background-color: #ffffff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .rhmp-marketplace .category-card.active .category-content {
    background-color: #e8faef !important;
  }

  .rhmp-marketplace .category-label {
    width: 100% !important;
    min-height: 0 !important;
  }

  .rhmp-marketplace .category-label h3 {
    font-size: 12px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }

  .rhmp-marketplace .category-subtitle {
    font-size: 9px !important;
    line-height: 1.3 !important;
  }

  .rhmp-marketplace .category-ads-count {
    align-self: flex-end !important;
    margin-top: auto !important;
    padding: 5px 8px !important;
    font-size: 9.5px !important;
  }

  /* Old drawer UI is completely removed on tablet/mobile. */
  .rhmp-marketplace .rhmp-category-edge-tab,
  .rhmp-marketplace .rhmp-category-backdrop,
  .rhmp-marketplace .rhmp-category-drawer-close {
    display: none !important;
  }

  /* Before category + district/city selection, no ad/listing area is shown.
     The next homepage section (the map) can follow the category grid directly. */
  .rhmp-marketplace.rhmp-results-waiting .rhmp-marketplace-feed {
    display: none !important;
  }
}

/* Phone layout: exactly two categories per row. */
@media (max-width: 767px) {
  .rhmp-marketplace .homepage-categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .rhmp-marketplace .rhmp-category-panel {
    padding: 11px !important;
    border-radius: 16px !important;
  }

  .rhmp-marketplace .rhmp-category-panel > summary {
    font-size: 16px !important;
    padding-bottom: 10px !important;
  }

  .rhmp-marketplace .category-label h3 {
    font-size: 12px !important;
  }

  .rhmp-marketplace .category-ads-count {
    font-size: 9px !important;
  }
}

/* Desktop waiting state: no ad cards, only a small instruction.
   Desktop category/sidebar layout itself remains unchanged. */
@media (min-width: 1025px) {
  .rhmp-selection-guide {
    box-sizing: border-box;
    width: 100%;
    padding: 18px 20px;
    border: 1px solid #dceee4;
    border-radius: 16px;
    background: #f8fcf9;
    color: #52675c;
  }

  .rhmp-selection-guide strong {
    display: block;
    margin-bottom: 4px;
    color: #173b31;
    font-size: 16px;
  }

  .rhmp-selection-guide span {
    font-size: 13px;
    line-height: 1.5;
  }
}


/* ==========================================================
   v1.6.18 RESPONSIVE MARKETPLACE FLOW
========================================================== */

/* Gentle transition for group navigation; avoids the old hard visual jump. */
.rhmp-marketplace {
  transition:
    opacity .16s ease,
    transform .16s ease;
}

.rhmp-marketplace.rhmp-group-leaving,
.rhmp-marketplace.rhmp-group-arriving {
  opacity: 0;
  transform: translateY(4px);
}

@media (prefers-reduced-motion: reduce) {
  .rhmp-marketplace {
    transition: none !important;
  }

  .rhmp-marketplace.rhmp-group-leaving,
  .rhmp-marketplace.rhmp-group-arriving {
    transform: none !important;
  }
}

/* Modern Chromium/Safari builds that support cross-document view transitions
   can animate full group-page navigation too. Unsupported browsers ignore it. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: .18s;
}

/* Desktop keeps the original sidebar + feed browsing layout.
   Fresh homepage keeps Passenger selected/category list visible, while the
   Available Vehicles feed is the all-group native Ad Card rotation list. */
@media (min-width: 1025px) {
  .rhmp-marketplace.rhmp-group-browse .rhmp-marketplace-feed {
    display: block !important;
  }
}

/* Mobile / Tablet customer flow:
   group list -> category -> map -> district/city -> ads. */
@media (max-width: 1024px) {

  /* Before a final district/city selection, ad cards are never shown. */
  .rhmp-marketplace.rhmp-group-browse .rhmp-marketplace-feed,
  .rhmp-marketplace.rhmp-category-selected .rhmp-marketplace-feed {
    display: none !important;
  }

  /* Once results are ready, remove the category list completely. */
  .rhmp-marketplace.rhmp-results-ready .rhmp-marketplace-sidebar {
    display: none !important;
  }

  .rhmp-marketplace.rhmp-results-ready .rhmp-marketplace-columns {
    display: block !important;
  }

  .rhmp-marketplace.rhmp-results-ready .rhmp-marketplace-feed {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
  }

  .rhmp-marketplace.rhmp-results-ready .rhmp-marketplace-feed-heading {
    margin-top: 0 !important;
  }

  /* Keep the category grid stable while group content changes. */
  .rhmp-marketplace-sidebar,
  .rhmp-category-panel,
  .homepage-categories-grid {
    transition:
      opacity .16s ease,
      transform .16s ease,
      min-height .16s ease;
  }
}


/* ==========================================================
   v1.6.19 TABLET CATEGORY GRID
   Phone stays 2 columns. Desktop stays unchanged.
   Tablet uses exactly 4 category cards per row.
========================================================== */

@media (min-width: 600px) and (max-width: 1024px) {
  .rhmp-marketplace .homepage-categories-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .rhmp-marketplace .category-card,
  .rhmp-marketplace .category-card.active {
    min-width: 0 !important;
    width: 100% !important;
  }

  .rhmp-marketplace .category-image {
    aspect-ratio: 4 / 3 !important;
  }

  .rhmp-marketplace .category-content,
  .rhmp-marketplace .category-card.active .category-content {
    padding: 7px !important;
    gap: 4px !important;
  }

  .rhmp-marketplace .category-label h3 {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .rhmp-marketplace .category-subtitle {
    font-size: 8.5px !important;
  }

  .rhmp-marketplace .category-ads-count {
    padding: 4px 7px !important;
    font-size: 8.5px !important;
  }
}

/* Real phone widths remain two cards per row. */
@media (max-width: 599px) {
  .rhmp-marketplace .homepage-categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* ==========================================================
   v1.6.21 COMPACT INITIAL MARKETPLACE FLOW
   ==========================================================
   Desktop selection/layout is intentionally unchanged: Passenger remains
   the default selected group/category list. The fresh homepage feed itself
   uses all running groups through the native Ad Card rotation list.

   Mobile / Tablet initial entry (no explicit rh_group):
   - no top-level group is considered selected by Homepage Hero;
   - hide the category grid;
   - show the existing Ad Card Template list immediately.

   After a customer taps Passenger / Service / Watercraft / Aircraft,
   the URL contains rh_group and the existing category-grid flow resumes.
========================================================== */
@media (max-width: 1024px) {
  .rhmp-marketplace.rhmp-compact-initial-list .rhmp-marketplace-sidebar {
    display: none !important;
  }

  .rhmp-marketplace.rhmp-compact-initial-list .rhmp-marketplace-columns {
    display: block !important;
    margin-top: 18px !important;
  }

  .rhmp-marketplace.rhmp-compact-initial-list .rhmp-marketplace-feed {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
  }

  .rhmp-marketplace.rhmp-compact-initial-list .rhmp-marketplace-feed-heading {
    margin-top: 0 !important;
  }
}


/* ==========================================================
   v1.6.22 MOBILE / TABLET HOME RETURN
   ==========================================================
   Desktop remains exactly as before.
   The compact Home control appears only after the customer enters
   a vehicle-group/category/result flow.
========================================================== */

.rhmp-compact-home-row {
  display: none;
}

@media (max-width: 1024px) {
  .rhmp-marketplace .rhmp-compact-home-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin: 2px 0 8px;
    padding: 0 2px;
    box-sizing: border-box;
  }

  .rhmp-marketplace .rhmp-compact-home-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 88px;
    min-height: 36px;
    padding: 8px 14px;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 10px;
    background:
      linear-gradient(115deg,rgba(255,255,255,.18),transparent 65%),
      linear-gradient(135deg,#20ed78 0%,#10d866 48%,#08af55 100%);
    color: #fff !important;
    font-family: inherit;
    font-size: 12px;
    line-height: 1;
    font-weight: 750;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0,90,40,.14);
    box-shadow:
      inset 0 1px 2px rgba(255,255,255,.42),
      0 5px 13px rgba(7,148,71,.18);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition:
      transform .16s ease,
      box-shadow .16s ease,
      filter .16s ease;
  }

  .rhmp-marketplace .rhmp-compact-home-button:hover,
  .rhmp-marketplace .rhmp-compact-home-button:focus-visible {
    color: #fff !important;
    filter: brightness(1.02);
    box-shadow:
      inset 0 1px 2px rgba(255,255,255,.46),
      0 7px 17px rgba(7,148,71,.24);
    outline: none;
  }

  .rhmp-marketplace .rhmp-compact-home-button:focus-visible {
    outline: 2px solid #006d35;
    outline-offset: 2px;
  }

  .rhmp-marketplace .rhmp-compact-home-button:active {
    transform: scale(.97);
  }

  .rhmp-marketplace .rhmp-compact-home-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: currentColor;
  }
}

@media (max-width: 599px) {
  .rhmp-marketplace .rhmp-compact-home-row {
    margin-top: 0;
    margin-bottom: 7px;
    padding-right: 3px;
  }

  .rhmp-marketplace .rhmp-compact-home-button {
    min-width: 82px;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 9px;
    font-size: 11px;
  }

  .rhmp-marketplace .rhmp-compact-home-icon {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rhmp-marketplace .rhmp-compact-home-button {
    transition: none !important;
  }
}


/* ==========================================================
   v1.6.23 PROFESSIONAL SCROLL-TO-TOP BUTTON
   Small fixed control for Desktop / Tablet / Mobile.
========================================================== */

.rhmp-scroll-top-button {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 99990;

  display: inline-grid;
  place-items: center;

  width: 42px;
  height: 42px;
  padding: 0;

  border: 1px solid rgba(255,255,255,.68);
  border-radius: 50%;

  background:
    linear-gradient(115deg,rgba(255,255,255,.20),transparent 65%),
    linear-gradient(135deg,#20ed78 0%,#10cf61 48%,#079447 100%);

  color: #fff;

  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.42),
    0 7px 18px rgba(7,148,71,.24);

  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px) scale(.96);

  transition:
    opacity .22s ease,
    visibility .22s ease,
    transform .22s ease,
    box-shadow .18s ease,
    filter .18s ease;

  -webkit-tap-highlight-color: transparent;
}

.rhmp-scroll-top-button.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.rhmp-scroll-top-button svg {
  display: block;
  width: 19px;
  height: 19px;
  margin: 0;
  fill: currentColor;
  transform: translateY(-.5px);
}

.rhmp-scroll-top-button:hover,
.rhmp-scroll-top-button:focus-visible {
  filter: brightness(1.035);
  transform: translateY(-2px) scale(1.02);
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.48),
    0 9px 22px rgba(7,148,71,.28);
  outline: none;
}

.rhmp-scroll-top-button:focus-visible {
  outline: 2px solid #006d35;
  outline-offset: 3px;
}

.rhmp-scroll-top-button:active {
  transform: translateY(0) scale(.95);
}

/* Tablet */
@media (max-width: 1024px) {
  .rhmp-scroll-top-button {
    right: 16px;
    bottom: 18px;
    width: 40px;
    height: 40px;
  }

  .rhmp-scroll-top-button svg {
    width: 18px;
    height: 18px;
  }
}

/* Mobile */
@media (max-width: 599px) {
  .rhmp-scroll-top-button {
    right: 13px;
    bottom: 15px;
    width: 38px;
    height: 38px;
  }

  .rhmp-scroll-top-button svg {
    width: 17px;
    height: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rhmp-scroll-top-button {
    transition: none !important;
  }
}


/* ==========================================================
   v1.6.24 SCROLL-TO-TOP DESKTOP POSITION + STATE FIX
   ==========================================================
   - Mobile / Tablet remain unchanged.
   - Desktop right edge is dynamically aligned with the visible
     Ad Card / marketplace feed edge by marketplace.js.
   - Theme/browser button focus/active styling cannot turn it blue.
========================================================== */

.rhmp-marketplace button.rhmp-scroll-top-button,
.rhmp-marketplace button.rhmp-scroll-top-button:hover,
.rhmp-marketplace button.rhmp-scroll-top-button:focus,
.rhmp-marketplace button.rhmp-scroll-top-button:focus-visible,
.rhmp-marketplace button.rhmp-scroll-top-button:active {
  -webkit-appearance: none !important;
  appearance: none !important;

  background:
    linear-gradient(115deg,rgba(255,255,255,.20),transparent 65%),
    linear-gradient(135deg,#20ed78 0%,#10cf61 48%,#079447 100%) !important;

  background-color: #10cf61 !important;
  border-color: rgba(255,255,255,.68) !important;
  color: #fff !important;
}

/* Keep the polished hover/focus feedback without changing theme color. */
.rhmp-marketplace button.rhmp-scroll-top-button:hover,
.rhmp-marketplace button.rhmp-scroll-top-button:focus-visible {
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.48),
    0 9px 22px rgba(7,148,71,.28) !important;
}

/* Remove any browser/theme selected blue fill/ring. */
.rhmp-marketplace button.rhmp-scroll-top-button:focus,
.rhmp-marketplace button.rhmp-scroll-top-button:active {
  outline: none !important;
}

/* Desktop only: JS supplies a pixel right-offset matching the Ad Card edge. */
@media (min-width: 1025px) {
  .rhmp-marketplace .rhmp-scroll-top-button {
    right: var(--rhmp-scroll-top-desktop-right, 22px);
  }
}



/* ==========================================================
   v1.6.27 FRESH HOMEPAGE MAP VISIBILITY
   ==========================================================
   Desktop:
   restore the original homepage map while Passenger Vehicles remains
   the default selected group.

   Mobile / Tablet:
   keep the existing clean fresh-homepage behavior; the map stays hidden
   until the customer explicitly enters a group/category/location flow.

   The Homepage Map plugin and all map count/filter logic are untouched.
========================================================== */

@media (max-width: 1024px) {
  .homepage-map-section.rhmp-fresh-homepage-map-hidden {
    display: none !important;
  }
}


/* Paired floating controls: Home left, arrow right on every screen. */
.rhmp-floating-navigation {
  position: fixed;
  right: var(--rhmp-scroll-top-desktop-right, 22px);
  bottom: max(22px, env(safe-area-inset-bottom));
  z-index: 99990;
  display: flex;
  align-items: center;
  gap: 10px;
  pointer-events: none;
}
.rhmp-marketplace .rhmp-floating-navigation .rhmp-scroll-top-button {
  position: static;
  flex: 0 0 auto;
  margin: 0;
  text-decoration: none;
  box-sizing: border-box;
  color: #fff;
}
@media (max-width: 1024px) {
  .rhmp-floating-navigation { right: 16px; bottom: max(18px, env(safe-area-inset-bottom)); }
}
@media (max-width: 599px) {
  .rhmp-floating-navigation { right: 13px; bottom: max(15px, env(safe-area-inset-bottom)); }
}
/* Longer customer-facing category names must remain readable. */
.homepage-categories .category-content h3 {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}