.gkmh-public-search-toggle { display: none; }

@media (max-width: 900px) {
  html.gkmh-v1 .gk-public-market .gk-public-title {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    justify-items: center;
    gap: 1px clamp(8px, 3vw, 17px) !important;
    text-align: center;
  }

  html.gkmh-v1 .gk-public-market .gk-public-title > div { display: contents; }
  html.gkmh-v1 .gk-public-market .gk-public-title-icon { display: none !important; }
  html.gkmh-v1 .gk-public-market .gk-public-title h2 {
    grid-area: 1 / 2;
    white-space: nowrap;
  }
  html.gkmh-v1 .gk-public-market .gk-public-title p {
    grid-area: 2 / 1 / 3 / -1;
    color: #e4cfa2 !important;
  }

  html.gkmh-v1 .gk-public-market .gk-public-title::before,
  html.gkmh-v1 .gk-public-market .gk-public-title::after {
    content: "";
    display: block;
    grid-row: 1;
    width: 100%;
    max-width: 105px;
    height: 9px;
    background: center / 100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 9' preserveAspectRatio='none'%3E%3Cpath d='M0 4.5h89c5 0 7-4 11-4a4 4 0 1 1 0 8c-4 0-6-4-11-4' stroke='%23e9bf67' fill='%23e9bf67'/%3E%3C/svg%3E");
  }

  html.gkmh-v1 .gk-public-market .gk-public-title::before { grid-column: 1; }
  html.gkmh-v1 .gk-public-market .gk-public-title::after { grid-column: 3; scale: -1 1; }

  html.gkmh-v1 .gkmh-public-search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    align-self: center;
    min-width: 106px;
    min-height: 44px;
    margin: 3px auto;
    padding: 6px 14px;
    border: 1px solid #edc368;
    border-radius: 10px;
    color: #1a1207;
    background: linear-gradient(135deg, #ffe09a, #e3ad41);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
  }
  html.gkmh-v1 .gkmh-public-search-toggle svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
  }
  html.gkmh-v1 .gkmh-public-search-toggle[aria-expanded="false"] + #gkmhPublicSearchPanel {
    display: none !important;
  }

  html.gkmh-v1 .gk-public-market > #gkPublicBoard[data-gkmh-public-deck] {
    --gkmh-gap: 8px;
    direction: rtl;
    grid-template-columns: repeat(var(--gkmh-columns, 2), calc((100% - var(--gkmh-gap)) / 2)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
    gap: var(--gkmh-gap) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }
  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck]::-webkit-scrollbar { display: none; }

  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck] > .gk-public-card {
    grid-area: var(--gkmh-row, auto) / var(--gkmh-column, auto);
    aspect-ratio: 1;
    max-width: none !important;
    padding: 0 !important;
    border-radius: 10px !important;
    background: #1b1711 !important;
  }
  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck] > .gk-public-card[data-gkmh-page-start] {
    scroll-snap-align: start;
  }
  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck] > .gk-services-empty {
    grid-column: 1 / -1;
  }
  html.gkmh-v1 .gk-public-market #gkPublicMoreBtn { display: none !important; }

  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck] .gk-public-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
  }
  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck] .gk-public-image img {
    display: block !important;
    object-fit: cover !important;
  }
  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck] .gk-public-info {
    position: absolute !important;
    inset: auto 4px 5px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    z-index: 2;
    pointer-events: none;
  }
  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck] .gk-public-info > :not(.gk-public-view),
  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck] .gk-public-view > span {
    display: none !important;
  }
  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck] .gk-public-view {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100%;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 4px clamp(7px, 2vw, 13px) !important;
    border: 1px solid #edc368 !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 8px #0005 !important;
    background: linear-gradient(135deg, #ffe08c, #e9ae37) !important;
    color: #191208 !important;
    font-size: clamp(11px, 3vw, 13px) !important;
    font-weight: 800 !important;
    white-space: nowrap;
    pointer-events: auto;
  }
  html.gkmh-v1 #gkPublicBoard[data-gkmh-public-deck] .gk-public-view:focus-visible,
  html.gkmh-v1 .gkmh-public-search-toggle:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 1px;
  }

  /* The viewport clips the track. The gold outline travels with each card. */
  html.gkmh-v1 #featuredAds > #gkMobileFeaturedHero[data-gkmh-independent] {
    --gkmh-featured-gap: 7px;
    --gkmh-peek-space: 0px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html.gkmh-v1 #featuredAds > #gkMobileFeaturedHero[data-gkmh-independent]:has(> .ad-card) {
    aspect-ratio: 16 / 9;
  }
  html.gkmh-v1 #featuredAds > #gkMobileFeaturedHero[data-gkmh-independent]:has(> .ad-card ~ .ad-card) {
    --gkmh-peek-space: 24px;
  }
  html.gkmh-v1 #featuredAds #gkMobileFeaturedHero[data-gkmh-slider][data-gkmh-independent] > .ad-card {
    inset: 0 0 0 var(--gkmh-peek-space) !important;
    width: auto !important;
    min-width: 0 !important;
    border: 1.5px solid #edc36b !important;
    border-radius: 12px !important;
  }
  html.gkmh-v1 #featuredAds #gkMobileFeaturedHero[data-gkmh-slider][data-gkmh-independent]:not(:has(.gkmh-slide-out)) > .gkmh-slide-preview[hidden] {
    display: block !important;
    translate: calc(-100% - var(--gkmh-featured-gap)) 0;
    pointer-events: none;
  }
}
