/* Orders dialog only. */
      .orders-dialog {
        width: min(calc(100vw - 56px), 1420px);
        max-width: 1420px;
        height: min(86dvh, 820px);
        max-height: 820px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 14px;
        background: #080a0b;
        box-shadow: 0 32px 96px rgba(0, 0, 0, 0.62);
      }

      .orders-dialog::backdrop {
        background: rgba(1, 3, 4, 0.82);
        backdrop-filter: blur(8px);
      }

      .orders-dialog-frame {
        box-sizing: border-box;
        height: 100%;
        padding: 20px;
        background: #080a0b;
      }

      .orders-dialog-frame > header {
        min-height: 62px;
        align-items: flex-start;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .orders-dialog-frame > header h2 {
        margin: 0;
        font-size: clamp(32px, 2.3vw, 42px);
        font-weight: 440;
        line-height: 1;
        letter-spacing: -0.02em;
      }

      .orders-dialog-frame > header button {
        display: grid;
        width: 44px;
        height: 44px;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 8px;
        background: transparent;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0;
        font-weight: 300;
        transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, transform 180ms ease;
      }

      .orders-dialog-frame > header button > span {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 30px;
        font-weight: 300;
        line-height: 1;
        transform: translateY(-1px);
      }

      .orders-dialog-frame > header button:hover,
      .orders-dialog-frame > header button:focus-visible {
        border-color: rgba(255, 255, 255, 0.5);
        background: rgba(255, 255, 255, 0.07);
        color: #fff;
        outline: none;
      }

      .orders-dialog-frame > header button:active {
        transform: translateY(1px);
      }

      .orders-dialog-layout {
        grid-template-columns: minmax(270px, 320px) minmax(0, 1fr);
        gap: 12px;
        height: calc(100% - 62px);
        padding-top: 12px;
      }

      .orders-dialog-list {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, minmax(72px, 1fr));
        gap: 6px;
        min-height: 0;
        padding-right: 5px;
        overflow-y: auto;
        scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
        scrollbar-width: thin;
      }

      .orders-dialog-list button {
        display: grid;
        grid-template-columns: 92px 28px minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        min-height: 72px;
        padding: 7px;
        border: 1px solid transparent;
        border-radius: 9px;
        background: rgba(255, 255, 255, 0.025);
        text-align: left;
        transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
      }

      .orders-dialog-list button:hover,
      .orders-dialog-list button:focus-visible {
        border-color: rgba(255, 255, 255, 0.16);
        background: rgba(255, 255, 255, 0.055);
        outline: none;
        transform: translateX(2px);
      }

      .orders-dialog-list button.is-active {
        border-color: rgba(255, 247, 5, 0.56);
        background: rgba(255, 247, 5, 0.07);
        box-shadow: none;
      }

      .orders-dialog-list img {
        width: 92px;
        height: 100%;
        min-height: 58px;
        border-radius: 6px;
        object-fit: cover;
        filter: saturate(0.82) brightness(0.9);
      }

      .orders-dialog-list span {
        color: rgba(255, 255, 255, 0.42);
        font-size: 12px;
        letter-spacing: 0.06em;
      }

      .orders-dialog-list strong {
        color: rgba(255, 255, 255, 0.9);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.25;
        text-align: left;
      }

      .orders-dialog-detail {
        height: 100%;
        min-height: 0;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 12px;
        background: #050607;
      }

      .orders-dialog-detail::after {
        background: linear-gradient(180deg, rgba(3, 5, 6, 0.02) 30%, rgba(3, 5, 6, 0.22) 56%, rgba(3, 5, 6, 0.96) 100%);
      }

      .orders-dialog-detail > img {
        object-fit: cover;
        background: #050607;
        filter: saturate(0.82) brightness(0.9);
      }

      .orders-dialog-copy {
        right: 250px;
        bottom: 32px;
        left: 32px;
      }

      .orders-dialog-detail span {
        color: rgba(255, 255, 255, 0.62);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.08em;
      }

      .orders-dialog-detail h3 {
        margin-top: 12px;
        font-size: clamp(36px, 3.4vw, 58px);
        font-weight: 440;
        line-height: 1;
        letter-spacing: -0.025em;
      }

      .orders-dialog-detail p {
        margin-top: 10px;
        color: rgba(255, 255, 255, 0.68);
        font-size: 16px;
      }

      .orders-dialog-detail a {
        position: relative;
        isolation: isolate;
        min-height: 56px;
        margin-top: 22px;
        padding: 0 24px;
        border: 1px solid #fff705;
        border-radius: 8px;
        background: #fff705;
        color: #080909;
        font-size: 15px;
        font-weight: 550;
        letter-spacing: 0.02em;
        white-space: nowrap;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18), 0 10px 28px rgba(0, 0, 0, 0.22);
        transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
      }

      .orders-dialog-detail a:hover,
      .orders-dialog-detail a:focus-visible {
        border-color: #fff;
        background: #fff;
        color: #080909;
        outline: none;
      }

      .orders-dialog-detail a:active {
        transform: translateY(1px);
      }

      .orders-dialog-detail a b {
        font-size: 19px;
        font-weight: 400;
      }

      .orders-gallery-controls {
        right: 22px;
        bottom: 22px;
        padding: 5px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 9px;
        background: rgba(5, 7, 8, 0.78);
        backdrop-filter: blur(8px);
      }

      .orders-gallery-controls button:focus-visible {
        outline: 2px solid #fff705;
        outline-offset: 2px;
      }

      .orders-dialog-heading p {
        display: none;
      }

      @media (min-width: 761px) {
        .orders-dialog {
          width: min(calc(100vw - 96px), 1360px);
          max-width: 1360px;
          height: min(82dvh, 780px);
          max-height: 780px;
          border-color: rgba(255, 255, 255, 0.12);
          border-radius: 20px;
          background: #090b0c;
          box-shadow: 0 36px 120px rgba(0, 0, 0, 0.72);
        }

        .orders-dialog::backdrop {
          background: rgba(1, 3, 4, 0.86);
          backdrop-filter: blur(12px);
        }

        .orders-dialog-frame {
          padding: 24px;
          background:
            radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.045), transparent 34%),
            #090b0c;
        }

        .orders-dialog-frame > header {
          min-height: 76px;
          align-items: center;
          padding: 0 2px 18px;
          border-bottom-color: rgba(255, 255, 255, 0.08);
        }

        .orders-dialog-heading {
          display: flex;
          align-items: baseline;
          gap: 18px;
        }

        .orders-dialog-heading p {
          display: block;
          order: 2;
          color: rgba(255, 255, 255, 0.42);
          font-size: 12px;
          font-weight: 500;
          line-height: 1;
          letter-spacing: 0.08em;
          text-transform: uppercase;
        }

        .orders-dialog-frame > header h2 {
          font-size: clamp(34px, 2.4vw, 44px);
          font-weight: 430;
          letter-spacing: -0.035em;
        }

        .orders-dialog-frame > header button {
          width: 46px;
          height: 46px;
          border-color: rgba(255, 255, 255, 0.12);
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.035);
          cursor: pointer;
        }

        .orders-dialog-frame > header button > span {
          position: relative;
          display: block;
          width: 18px;
          height: 18px;
          font-size: 0;
          transform: none;
        }

        .orders-dialog-frame > header button > span::before,
        .orders-dialog-frame > header button > span::after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 18px;
          height: 1.5px;
          border-radius: 999px;
          background: currentColor;
          transform-origin: center;
        }

        .orders-dialog-frame > header button > span::before {
          transform: translate(-50%, -50%) rotate(45deg);
        }

        .orders-dialog-frame > header button > span::after {
          transform: translate(-50%, -50%) rotate(-45deg);
        }

        .orders-dialog-layout {
          grid-template-columns: minmax(310px, 340px) minmax(0, 1fr);
          gap: 14px;
          height: calc(100% - 76px);
          padding-top: 14px;
        }

        .orders-dialog-list {
          gap: 8px;
          padding-right: 8px;
        }

        .orders-dialog-list button {
          grid-template-columns: 96px 28px minmax(0, 1fr);
          gap: 12px;
          min-height: 78px;
          padding: 8px;
          border-color: rgba(255, 255, 255, 0.04);
          border-radius: 12px;
          background: rgba(255, 255, 255, 0.025);
        }

        .orders-dialog-list button:hover,
        .orders-dialog-list button:focus-visible {
          border-color: rgba(255, 255, 255, 0.13);
          background: rgba(255, 255, 255, 0.06);
        }

        .orders-dialog-list button.is-active {
          border-color: rgba(255, 247, 5, 0.22);
          background: rgba(255, 255, 255, 0.065);
          box-shadow: inset 3px 0 0 #fff705;
        }

        .orders-dialog-list img {
          width: 96px;
          min-height: 62px;
          border-radius: 8px;
          filter: saturate(0.9) brightness(0.96);
        }

        .orders-dialog-list span {
          font-variant-numeric: tabular-nums;
        }

        .orders-dialog-list strong {
          overflow: hidden;
          font-size: 14px;
          font-weight: 520;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        .orders-dialog-detail {
          border-color: rgba(255, 255, 255, 0.07);
          border-radius: 16px;
          background: #050607;
        }

        .orders-dialog-detail::after {
          background: linear-gradient(
            180deg,
            rgba(3, 5, 6, 0.02) 32%,
            rgba(3, 5, 6, 0.18) 52%,
            rgba(3, 5, 6, 0.92) 82%,
            #030506 100%
          );
        }

        .orders-dialog-detail > img {
          object-fit: cover;
          filter: saturate(0.9) brightness(0.96);
        }

        .orders-dialog-copy {
          right: 260px;
          bottom: 30px;
          left: 34px;
        }

        .orders-dialog-detail h3 {
          margin-top: 9px;
          font-size: clamp(38px, 3vw, 52px);
          font-weight: 450;
          line-height: 0.98;
        }

        .orders-dialog-detail p {
          margin-top: 9px;
          color: rgba(255, 255, 255, 0.7);
          font-size: 15px;
        }

        .orders-dialog-detail a {
          min-height: 52px;
          margin-top: 18px;
          padding: 0 22px;
          border-radius: 10px;
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.26);
        }

        .orders-gallery-controls {
          right: 24px;
          bottom: 24px;
          gap: 0;
          min-height: 46px;
          padding: 3px 5px;
          border-color: rgba(255, 255, 255, 0.1);
          border-radius: 999px;
          background: rgba(5, 7, 8, 0.72);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
          backdrop-filter: blur(12px);
        }

        .orders-gallery-controls button {
          width: 42px;
          height: 40px;
          border: 0;
          border-radius: 50%;
          background: transparent;
          color: rgba(255, 255, 255, 0.76);
          transition: color 180ms ease, background-color 180ms ease;
        }

        .orders-gallery-controls button:hover {
          background: rgba(255, 255, 255, 0.08);
          color: #fff705;
        }

        .orders-gallery-controls span {
          min-width: 44px;
          color: rgba(255, 255, 255, 0.58);
          font-size: 12px;
          font-weight: 550;
          font-variant-numeric: tabular-nums;
          text-align: center;
        }
      }

      @media (max-width: 760px) {
        .orders-dialog {
          width: calc(100vw - 16px);
          height: calc(100dvh - 16px);
          max-height: none;
          border-radius: 12px;
        }

        .orders-dialog-frame {
          padding: 12px;
        }

        .orders-dialog-frame > header {
          min-height: 54px;
        }

        .orders-dialog-frame > header h2 {
          font-size: 30px;
        }

        .orders-dialog-frame > header button {
          width: 42px;
          height: 42px;
        }

        .orders-dialog-layout {
          display: flex;
          flex-direction: column-reverse;
          gap: 8px;
          height: calc(100% - 54px);
          padding-top: 8px;
        }

        .orders-dialog-list {
          display: grid;
          flex: 0 0 92px;
          grid-auto-flow: column;
          grid-auto-columns: minmax(156px, 44vw);
          grid-template-columns: none;
          grid-template-rows: 1fr;
          gap: 6px;
          padding: 0 0 4px;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-snap-type: x proximity;
        }

        .orders-dialog-list button {
          grid-template-columns: 56px 22px minmax(0, 1fr);
          min-height: 84px;
          scroll-snap-align: start;
        }

        .orders-dialog-list img {
          width: 56px;
          min-height: 66px;
        }

        .orders-dialog-list strong {
          white-space: normal;
        }

        .orders-dialog-detail {
          flex: 1 1 auto;
        }

        .orders-dialog-copy {
          right: 14px;
          bottom: 14px;
          left: 14px;
        }

        .orders-dialog-detail h3 {
          max-width: calc(100% - 112px);
          margin-top: 8px;
          font-size: clamp(28px, 8.5vw, 36px);
        }

        .orders-dialog-detail p {
          margin-top: 7px;
          font-size: 14px;
        }

        .orders-dialog-detail a {
          display: inline-flex;
          min-height: 48px;
          margin-top: 14px;
          padding: 0 16px;
          font-size: 13px;
        }

        .orders-gallery-controls {
          top: 12px;
          right: 12px;
          bottom: auto;
        }

        html body.reference-only .orders-dialog {
          inset: 0 !important;
          width: 100vw !important;
          max-width: none !important;
          height: 100dvh !important;
          max-height: none !important;
          margin: 0 !important;
          border: 0 !important;
          border-radius: 0 !important;
        }

        html body.reference-only[data-artboard="390"] .orders-dialog {
          zoom: calc(390px / 100vw) !important;
        }

        html body.reference-only .orders-dialog-frame {
          display: grid !important;
          grid-template-rows: 62px minmax(0, 1fr) !important;
          height: 100% !important;
          padding: 12px 14px max(12px, env(safe-area-inset-bottom)) !important;
        }

        html body.reference-only .orders-dialog-frame > header {
          min-height: 62px !important;
          align-items: center !important;
        }

        html body.reference-only .orders-dialog-frame > header h2 {
          font-size: 27px !important;
          line-height: 1.05 !important;
        }

        html body.reference-only .orders-dialog-frame > header button {
          position: relative !important;
          width: 44px !important;
          min-width: 44px !important;
          height: 44px !important;
          min-height: 44px !important;
          padding: 0 !important;
        }

        html body.reference-only .orders-dialog-frame > header button > span {
          position: relative !important;
          display: block !important;
          width: 18px !important;
          height: 18px !important;
          font-size: 0 !important;
          line-height: 0 !important;
          transform: none !important;
        }

        html body.reference-only .orders-dialog-frame > header button > span::before,
        html body.reference-only .orders-dialog-frame > header button > span::after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 18px;
          height: 1.5px;
          border-radius: 999px;
          background: currentColor;
          transform-origin: center;
        }

        html body.reference-only .orders-dialog-frame > header button > span::before {
          transform: translate(-50%, -50%) rotate(45deg);
        }

        html body.reference-only .orders-dialog-frame > header button > span::after {
          transform: translate(-50%, -50%) rotate(-45deg);
        }

        html body.reference-only .orders-dialog-layout {
          display: grid !important;
          grid-template-columns: minmax(0, 1fr) !important;
          grid-template-rows: minmax(0, 1fr) 92px !important;
          gap: 12px !important;
          height: auto !important;
          min-height: 0 !important;
          padding-top: 12px !important;
        }

        html body.reference-only .orders-dialog-detail {
          grid-column: 1 !important;
          grid-row: 1 !important;
          min-height: 0 !important;
          border-radius: 14px !important;
        }

        html body.reference-only .orders-dialog-detail::after {
          background: linear-gradient(180deg, rgba(3, 5, 6, 0.02) 28%, rgba(3, 5, 6, 0.34) 54%, rgba(3, 5, 6, 0.98) 100%) !important;
        }

        html body.reference-only .orders-dialog-copy {
          right: 18px !important;
          bottom: 18px !important;
          left: 18px !important;
        }

        html body.reference-only .orders-dialog-detail h3 {
          max-width: 100% !important;
          margin-top: 7px !important;
          font-size: 30px !important;
        }

        html body.reference-only .orders-dialog-detail p {
          margin-top: 7px !important;
          font-size: 14px !important;
          line-height: 1.4 !important;
        }

        html body.reference-only .orders-dialog-detail a {
          display: inline-flex !important;
          width: fit-content !important;
          max-width: 100% !important;
          min-height: 44px !important;
          margin-top: 14px !important;
          padding-inline: 14px !important;
          justify-content: center !important;
          gap: 10px !important;
        }

        html body.reference-only .orders-gallery-controls {
          top: 14px !important;
          right: 14px !important;
        }

        html body.reference-only .orders-dialog-list {
          display: flex !important;
          grid-column: 1 !important;
          grid-row: 2 !important;
          height: 92px !important;
          min-height: 92px !important;
          padding: 6px 2px 8px !important;
          gap: 10px !important;
          overflow: auto hidden !important;
          scroll-padding-inline: 2px !important;
        }

        html body.reference-only .orders-dialog-list button {
          position: relative !important;
          display: block !important;
          flex: 0 0 76px !important;
          width: 76px !important;
          min-width: 76px !important;
          height: 76px !important;
          min-height: 76px !important;
          padding: 0 !important;
          overflow: hidden !important;
          border-radius: 10px !important;
        }

        html body.reference-only .orders-dialog-list img {
          position: absolute !important;
          inset: 0 !important;
          width: 100% !important;
          height: 100% !important;
          min-height: 0 !important;
          border-radius: inherit !important;
        }

        html body.reference-only .orders-dialog-list span {
          position: absolute !important;
          right: auto !important;
          bottom: 7px !important;
          left: 8px !important;
          z-index: 2 !important;
          color: #fff !important;
          font-size: 11px !important;
          font-weight: 600 !important;
          text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9) !important;
        }

        html body.reference-only .orders-dialog-list strong {
          display: none !important;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .orders-dialog[open],
        .orders-dialog::backdrop {
          animation: none;
        }

        .orders-dialog-frame > header button,
        .orders-dialog-list button,
        .orders-dialog-detail a {
          transition: none;
        }
      }