#giftView #shopGrid .item-card .new-badge,
#giftView #shopGrid .item-card .discount-badge:not(.is-api-discount) { color: #050505 !important; background: #f3ff00 !important; border-radius: 6px !important; }
#giftView #shopGrid .item-card .ending-badge { color: #baff00 !important; background: #050505 !important; border-radius: 5px !important; }
#compactTypeFilters { display: none; }
.section-sidebar.is-compact #compactTypeFilters { display: block; width: 100%; margin-bottom: 12px; }
#filterDialog { width: min(660px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid #ffffff15; border-radius: 8px; background: rgba(5,5,5,.94); color: white; overflow-y: auto; }
#filterDialog::backdrop { background: #00000070; backdrop-filter: blur(7px); }
#filterDialog .filter-modal { padding: 28px 24px 24px; background: transparent; display: grid; gap: 24px; }
#filterDialog .filter-modal > .close-button { display: none; }
#filterDialog h3 { margin: 0; text-align: center; font: italic 900 23px/1.2 "Archivo Shop Display", Arial, sans-serif; text-transform: uppercase; }
#filterDialog .sidebar-title { margin: 0 0 12px; color: white; font: italic 900 15px/1.3 "Archivo Shop Display", Arial, sans-serif; text-transform: uppercase; letter-spacing: 0; }
#filterDialog .filter-group { margin: 0; padding: 0; border: 0; }
#filterDialog .type-filters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px 16px; }
#filterDialog .type-filter { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 28px; padding: 0; margin: 0; border: 0; background: transparent; color: #fff; font: 700 12px/1.35 "Golos Text", Arial, sans-serif; cursor: pointer; }
#filterDialog .type-filter span { min-width: 0; overflow-wrap: anywhere; }
#filterDialog .type-filter small { font: inherit; color: #c6c6c6; }
#filterDialog .type-filter input { appearance: none; position: static; opacity: 1; width: 24px; height: 24px; min-height: 24px; flex: 0 0 24px; margin: 0; border: 1px solid white; border-radius: 6px; background: transparent; display: grid; place-items: center; cursor: pointer; }
#filterDialog .type-filter input:checked { background: #f3ff00; border-color: #f3ff00; }
#filterDialog .type-filter input:checked::after { content: ''; width: 6px; height: 11px; border: solid #080808; border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-1px,-1px); }
#filterDialog .type-filter input:focus-visible { outline: 2px solid white; outline-offset: 3px; }
#filterDialog .filter-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 8px 0 0; padding: 0; }
#filterDialog .filter-actions .buy-button { grid-column: 1 / -1; background: #f3ff00 !important; }
#filterDialog .filter-actions button { min-width: 0; min-height: 42px; padding: 10px 12px; font: italic 900 14px/1.2 "Archivo Shop Display", Arial, sans-serif !important; text-transform: uppercase; }
#filterDialog .filter-dismiss { background: #d0d0d0 !important; color: #111 !important; }
#rechargeView .crew-card .crew-discount { position: absolute; inset: auto auto 12px 12px; z-index: 2; width: fit-content; margin: 0; padding: 5px 8px; border-radius: 4px; background: #f3ff00; color: #080808; box-shadow: none; font: italic 900 11px/1.2 "Archivo Shop Display", Arial, sans-serif; }
#rechargeView .crew-card .best-offer-badge { inset: 12px 12px auto auto; }
#rechargeView .crew-card .recharge-body > p:first-child { min-height: 20px; margin: 0; }
@media (max-width: 520px) {
  #filterDialog .filter-modal { padding: 24px 18px; gap: 20px; }
  #filterDialog .type-filters { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  #filterDialog h3 { font-size: 20px; }
}

@media (min-width: 821px) {
  #giftView .shop-layout {
    grid-template-columns: 13.5rem minmax(0, 1fr) !important;
    column-gap: 1.25rem;
  }

  #giftView .shop-layout .section-sidebar,
  #giftView .shop-layout .section-sidebar.is-compact {
    position: sticky !important;
    grid-row: 2;
    top: 5rem !important;
    bottom: auto !important;
    left: auto !important;
    width: 13.5rem !important;
    max-height: calc(100dvh - 6rem);
    transform: none !important;
  }

  #giftView .shop-layout .controls,
  #giftView .shop-layout .shop-sections { grid-column: 2 !important; }
  #giftView .shop-layout .controls { grid-row: 1; }
  #giftView .shop-layout .shop-sections { grid-row: 2; }
}

@media (min-width: 1500px) {
  #giftView { overflow-x: visible; }

  #giftView .shop-layout {
    grid-template-columns: 0 minmax(0, 1fr) !important;
    position: relative;
  }

  #giftView .shop-layout .section-sidebar {
    top: clamp(160px, 22dvh, 220px) !important;
    transform: translate(calc(-100% - 24px), 44px) !important;
  }

  #giftView .shop-layout .section-sidebar.is-floating {
    position: fixed !important;
    top: calc(clamp(160px, 22dvh, 220px) + 44px) !important;
    left: var(--filter-fixed-left) !important;
    max-height: calc(100dvh - clamp(160px, 22dvh, 220px) - 60px);
    transform: none !important;
  }

  #giftView .shop-layout .section-sidebar.is-floating .section-nav {
    max-height: min(360px, calc(100dvh - clamp(160px, 22dvh, 220px) - 112px)) !important;
  }

  #giftView .shop-layout .section-sidebar.is-after-shop {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    left: -15rem !important;
    transform: none !important;
  }
}